.catB-head,.catB-wrap,.catB-body{--orange:#e9b152;--orange-deep:#c89438;--orange-soft:#f4d398;--sage:#606d5e;--sage-deep:#4d5a4c;--beige:#e1dbbf;--beige-soft:#eee9d2;--paper:#fbf9f2;--ink:#2a2a2a;--ink-soft:#5d5d57;--ink-faint:#95948c;--line:#d8d2b6;--f-brand:"DM Sans","Nunito","PingFang TC",sans-serif;--f-display:"Cormorant Garamond","Noto Serif TC",serif;--f-tc:"Noto Serif TC","PingFang TC",serif;--maxw:1240px;--rail:32px;--ease:cubic-bezier(.4,0,.2,1)}.catB-wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--rail);box-sizing:border-box}.catB-head{background:var(--paper);border-bottom:1px solid var(--line);padding:clamp(26px,3vw,40px) 0;position:relative;overflow:hidden}.catB-crumb{font-family:var(--f-brand);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ink-faint);display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.catB-crumb a{color:var(--ink-faint);transition:color .2s var(--ease)}.catB-crumb a:hover{color:var(--orange-deep)}.catB-crumb .sep{opacity:.4}.catB-crumb .cur{color:var(--sage-deep)}.catB-head h1{font-family:var(--f-tc);font-size:clamp(28px,3.4vw,42px);color:var(--sage-deep);font-weight:500;letter-spacing:.05em;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.catB-head h1 .en{font-family:var(--f-display);font-style:italic;font-size:clamp(1.3rem,2vw,1.7rem);color:var(--orange-deep);font-weight:500}.catB-head p{font-size:14.5px;color:var(--ink-soft);line-height:1.8;margin-top:12px;max-width:56ch}.catB-body{display:grid;grid-template-columns:248px minmax(0,1fr);gap:clamp(28px,3.4vw,52px);padding:clamp(34px,4vw,56px) 0 clamp(56px,6vw,88px)}.catB-side{position:sticky;top:100px;align-self:start}.fgroup{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.fgroup:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.fgroup h4{font-family:var(--f-brand);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--ink-faint);margin-bottom:14px}.fopt{display:flex;align-items:center;gap:10px;font-family:var(--f-tc);font-size:14px;color:var(--ink-soft);padding:6px 0;cursor:pointer;transition:color .2s var(--ease)}.fopt:hover{color:var(--sage-deep)}.fopt .bx{width:15px;height:15px;border:1.4px solid var(--line);border-radius:3px;flex-shrink:0;transition:all .2s var(--ease);position:relative}.fopt.on .bx{background:var(--sage-deep);border-color:var(--sage-deep)}.fopt.on .bx:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.fopt.on{color:var(--sage-deep);font-weight:500}.fopt .ct{margin-left:auto;font-family:var(--f-brand);font-size:10px;color:var(--ink-faint);font-weight:700}.fswatches{display:flex;flex-wrap:wrap;gap:8px}.fsw{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease);position:relative}.fsw:hover{transform:scale(1.12)}.fsw.on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--sage-deep)}.frange{display:flex;align-items:center;gap:8px;font-family:var(--f-brand);font-size:11px;color:var(--ink-soft);font-weight:700}.frange .bar{flex:1;height:3px;background:var(--line);border-radius:3px;position:relative}.frange .bar:after{content:"";position:absolute;left:8%;right:12%;top:0;bottom:0;background:var(--orange);border-radius:3px}.fclear{display:none;margin-top:4px;font-family:var(--f-brand);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--orange-deep);background:none;border:0;padding:0;cursor:pointer}.fclear.show{display:inline-block}.catB-main .sortbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}.catB-main .sortbar .cnt{font-family:var(--f-brand);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ink-faint)}.catB-main .sortbar .cnt b{color:var(--orange-deep)}.catB-main .sortbar select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;font-family:var(--f-tc);font-size:13.5px;color:var(--sage-deep);padding:9px 30px 9px 16px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23606D5E' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px}.bcard{display:flex;flex-direction:column;cursor:pointer;transition:transform .35s var(--ease);text-decoration:none}.bcard:hover{transform:translateY(-3px)}.bcard .im{aspect-ratio:1;border-radius:10px;background-size:cover;background-position:center;background-color:var(--beige);position:relative;overflow:hidden}.bcard .im:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(20,28,24,.16));opacity:0;transition:opacity .3s var(--ease)}.bcard:hover .im:after{opacity:1;z-index:2}.bcard .im .im2{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s var(--ease);z-index:1}.bcard:hover .im .im2{opacity:1}.bcard .tgs{z-index:3}.bcard .tgs{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.bcard .tg{font-family:var(--f-brand);font-size:8.5px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;padding:4px 7px;border-radius:2px;background:#fffffff0;color:var(--sage-deep)}.bcard .tg.new{background:var(--orange);color:#fff}.bcard .tg.best{background:var(--sage-deep);color:#fff}.bcard .tg.sale{background:#b5482e;color:#fff}.bcard .tg.mto{background:#fffffff0;color:var(--orange-deep)}.bcard .en{font-family:var(--f-display);font-style:italic;font-size:1.18rem;color:var(--sage-deep);font-weight:500;margin-top:12px;line-height:1.1}.bcard .tc{font-family:var(--f-tc);font-size:12px;color:var(--ink-soft);margin-top:3px;letter-spacing:.04em}.bcard .row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.bcard .pr{font-family:var(--f-brand);font-size:12.5px;font-weight:700;color:var(--orange-deep)}.bcard .pr s{color:var(--ink-faint);font-weight:400;margin-right:5px}.bcard .sw{display:inline-flex;gap:4px}.bcard .sw i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:inline-block}.bempty{grid-column:1/-1;text-align:center;padding:50px 0;font-family:var(--f-tc);font-size:15px;color:var(--ink-faint)}@media(prefers-reduced-motion:no-preference){.bgrid .bcard{opacity:0;transform:translateY(16px);animation:bcIn .5s var(--ease) forwards}@keyframes bcIn{to{opacity:1;transform:none}}}@media(max-width:900px){.catB-body{grid-template-columns:1fr}.catB-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.fgroup{border-bottom:0;padding:0;margin:0}.bgrid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.catB-side{grid-template-columns:1fr}.bgrid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-b.css.map */