:root{--dark:#1a1a1a;--text:#2d2d2d;--muted:#909090;--border:#e9e9e9;--bg:#f5f5f5;--accent:#ff8b5e;--head:Inter,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;color:var(--text);font-size:14px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.section{padding:60px 15px}
h1,h2,h3,h4,.logo{font-family:var(--head);color:#222;line-height:1.15}
.title{text-align:center;font-size:32px;margin-bottom:32px}
.btn{display:inline-block;background:var(--dark);color:#fff;border:0;padding:12px 28px;font:500 13px Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:.25s}
.btn:hover{background:var(--accent)}
.muted{color:var(--muted);font-size:13px}
.topbar{background:var(--dark);color:#fff;text-align:center;padding:7px 10px;font-size:12px}
/* header */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.header-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px}
.logo{font-size:30px;font-weight:700;letter-spacing:-.5px}
.nav{display:flex;gap:28px}
.nav a{font-weight:500;text-transform:uppercase;font-size:13px;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--dark)}
.header-actions{display:flex;gap:4px}
.icon-btn{background:none;border:0;padding:8px;cursor:pointer;position:relative;color:var(--dark);display:grid;place-items:center}
.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-btn:hover{color:var(--accent)}
.cart b{position:absolute;top:0;right:-2px;background:var(--accent);color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;display:grid;place-items:center}
.burger{display:none;width:40px}
.burger span{display:block;width:22px;height:2px;background:var(--dark);margin:4px 0}
/* hero */
.hero{position:relative;height:560px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;display:flex;align-items:center}
.slide.active{opacity:1}
.s1{background:linear-gradient(120deg,#e8dfd5,#c9b8a6)}
.s2{background:linear-gradient(120deg,#d9e4ea,#a9c0cf)}
.s3{background:linear-gradient(120deg,#cfd6e6,#8fa0c4)}
.hero-txt{max-width:480px}
.hero-txt small{text-transform:uppercase;letter-spacing:2px;font-size:12px}
.hero-txt h1{font-size:68px;margin:10px 0 14px}
.hero-txt p{margin-bottom:24px;color:#555}
.dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.dots button{width:10px;height:10px;border-radius:50%;border:1px solid var(--dark);background:none;cursor:pointer}
.dots button.on{background:var(--dark)}
/* policy */
.policy{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 15px;border-bottom:1px solid var(--border)}
.policy div{display:flex;align-items:center;gap:14px}
.policy p{font-size:13px;color:#666}
.policy b{display:block;color:var(--dark);font-size:14px}
/* banners */
.banners{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:50px}
.banner{aspect-ratio:3/4;display:flex;align-items:flex-end;padding:20px;position:relative;overflow:hidden;color:#fff}
.banner::before{content:"";position:absolute;inset:0;transition:transform .5s}
.banner:hover::before{transform:scale(1.07)}
.b1::before{background:linear-gradient(160deg,#b9a99b,#6f625a)}
.b2::before{background:linear-gradient(160deg,#8da3c4,#3e5578)}
.b3::before{background:linear-gradient(160deg,#c9a7a0,#7d5a54)}
.b4::before{background:linear-gradient(160deg,#9fb5aa,#54695f)}
.banner div{position:relative}
.banner small{text-transform:uppercase;font-size:11px;letter-spacing:1px}
.banner h3{color:#fff;font-size:26px;margin:4px 0 8px}
.banner span{font-size:13px;border-bottom:1px solid #fff}
/* products */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px}
.ph{background:var(--bg);aspect-ratio:3/4;position:relative}
.p1{background:linear-gradient(160deg,#e6e0da,#cfc6bd)}
.p2{background:linear-gradient(160deg,#dde3ea,#bcc6d3)}
.p3{background:linear-gradient(160deg,#e9dcd8,#cdb7b1)}
.p4{background:linear-gradient(160deg,#dfe7e1,#bccbc1)}
.card .ph{overflow:hidden}
.card .quick{position:absolute;left:10px;right:10px;bottom:-50px;transition:.3s;text-align:center;padding:10px;font-size:12px}
.card:hover .quick{bottom:10px}
.card .wish{position:absolute;top:10px;right:10px;background:#fff;border:0;border-radius:50%;width:34px;height:34px;cursor:pointer}
.card .wish.on{color:#d33}
.card h4{font:500 14px Inter,sans-serif;margin-top:12px}
.stars{color:#f5a623;font-size:12px}
.stars em{color:var(--muted);font-style:normal;margin-left:4px}
.card .pr{font-weight:600;color:var(--dark)}
/* featured */
.featured{background:var(--bg);padding:60px 0}
.feat-in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.feat-img{max-width:460px;width:100%;margin:0 auto}
.badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;padding:2px 12px;font-size:12px}
.feat-info small{text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.feat-info h2{font-size:34px;margin:6px 0 10px}
.price{font-size:20px;margin-bottom:16px}
.price s{color:var(--muted);font-size:16px}
.price b{color:#d33}
.opt{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.opt span{width:50px;font-weight:500}
.opt i{width:24px;height:24px;border-radius:50%;cursor:pointer}
.opt u{text-decoration:none;border:1px solid #ccc;padding:2px 12px;cursor:pointer;background:#fff}
.opt u.on{background:var(--dark);color:#fff}
.feat-info .add{margin:10px 0 18px}
/* looks */
.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.look{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.look .lt{grid-column:1/-1;padding:6px 0}
.look h4{font-size:18px;margin-bottom:6px}
.look p{font-size:13px;color:#777;margin-bottom:10px}
.mini{font-size:12px;margin-top:8px}
/* blog */
.blog{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.post .ph{aspect-ratio:4/3;margin-bottom:12px}
.post h4{font-size:18px;margin:4px 0 6px}
.post p{font-size:13px;color:#777}
.post small{color:var(--muted)}
/* footer */
.footer{background:var(--dark);color:#bbb;padding-top:60px}
.footer .logo,.footer h4{color:#fff}
.footer h4{font-size:18px;margin-bottom:14px}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:30px}
.foot-grid a:not(.logo){display:block;padding:3px 0}
.foot-grid a:hover{color:#fff}
.foot-grid p{margin-top:12px;font-size:13px}
.news{display:flex;margin-top:14px}
.news input{flex:1;min-width:0;padding:11px;border:0;font:13px Inter,sans-serif}
.news .btn{background:var(--accent)}
.copy{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #333;margin-top:40px;padding:18px 15px;font-size:12px}
.policy span{display:grid;place-items:center;width:44px;flex:none}
.policy svg{width:34px;height:34px;fill:none;stroke:var(--dark);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wish svg,#wish svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.wish{display:grid;place-items:center}
.wish.on svg,#wish.wished svg{fill:currentColor}
#wish{background:#fff;color:var(--dark);border:1px solid var(--dark)}
#wish.wished{color:#d33;border-color:#d33}
.ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.ci svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--dark);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.social{display:flex;gap:10px;margin-top:16px}
.footer .social a{width:36px;height:36px;border:1px solid #666;display:grid;place-items:center;border-radius:50%;padding:0;color:#fff}
.footer .social a:hover{background:var(--accent);border-color:var(--accent)}
.social svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pd>*,.co-grid>*,.shop-grid>*,.auth-grid>*,.contact-grid>*,.feat-in>*{min-width:0}
.opt{flex-wrap:wrap}
.pd-buy{flex-wrap:wrap}
img,svg,video,iframe{max-width:100%}
.cover{position:absolute;inset:0}
.card .wish,.card .quick{z-index:2}
.card h4 a:hover,.post h4 a:hover{color:var(--accent)}
.pr s{color:var(--muted);font-weight:400}
/* inner pages */
.page-narrow{max-width:860px;margin:0 auto}
.prose h2{font-size:26px;margin:28px 0 10px}
.prose p,.prose li{margin-bottom:12px;color:#555}
.prose ul{padding-left:20px}
.shop-grid{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start}
.side h4{font-size:18px;margin:0 0 10px}
.side ul{list-style:none;margin-bottom:26px}
.side li a{display:flex;justify-content:space-between;padding:6px 0;color:#555}
.side li a:hover,.side li a.on{color:var(--dark);font-weight:600}
.side input[type=range]{width:100%;accent-color:var(--dark)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.toolbar select{padding:8px 12px;border:1px solid #cbcbcb;font:13px Inter,sans-serif;background:#fff}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-tile{aspect-ratio:1;display:flex;align-items:flex-end;padding:18px;position:relative;color:#fff;overflow:hidden}
.cat-tile::before{content:"";position:absolute;inset:0;transition:transform .5s}
.cat-tile:hover::before{transform:scale(1.07)}
.cat-tile h3{position:relative;color:#fff;font-size:24px}
.cat-tile small{position:relative;display:block}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pd-main{aspect-ratio:3/4}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.thumbs .ph{cursor:pointer;border:2px solid transparent}
.thumbs .ph.on{border-color:var(--dark)}
.pd-info h1{font-size:34px;margin-bottom:8px}
.pd-info .price{margin:12px 0}
.pd-buy{display:flex;gap:12px;align-items:center;margin:20px 0}
.pd-buy .qty button{width:34px;height:40px}
.pd-buy .qty span{min-width:26px;text-align:center}
.tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-top:50px}
.tabs button{background:none;border:0;padding:12px 0;font:500 15px Inter,sans-serif;cursor:pointer;border-bottom:2px solid transparent;color:#777}
.tabs button.on{color:var(--dark);border-color:var(--dark)}
.tab-body{padding:24px 0;color:#555;max-width:760px}
.cart-table{width:100%;border-collapse:collapse}
.cart-table th{text-align:left;font-size:13px;text-transform:uppercase;padding:12px 8px;border-bottom:2px solid var(--dark)}
.cart-table td{padding:16px 8px;border-bottom:1px solid var(--border);vertical-align:middle}
.cart-table .thumb{width:70px}
.cart-foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:26px}
.cart-total{min-width:280px;background:var(--bg);padding:22px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;margin:40px 0}
.stats b{display:block;font:600 38px var(--head)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.faq details{border:1px solid var(--border);margin-bottom:10px;padding:14px 18px}
.faq summary{cursor:pointer;font-weight:500}
.faq details p{margin-top:10px;color:#666}
.size-table{width:100%;border-collapse:collapse;margin-bottom:26px;text-align:center}
.size-table th,.size-table td{border:1px solid var(--border);padding:10px}
.size-table th{background:var(--bg)}
.blog-page{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-hero{aspect-ratio:16/8;margin-bottom:24px}
.pager{display:flex;justify-content:center;gap:8px;margin-top:36px}
.pager a{border:1px solid var(--border);padding:6px 14px}
.pager a.on{background:var(--dark);color:#fff}
@media(max-width:991px){
  .shop-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .blog-page{grid-template-columns:repeat(2,1fr)}
  .pd{gap:28px}
}
@media(max-width:767px){
  .pd,.contact-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .blog-page{grid-template-columns:1fr}
  .cart-table thead{display:none}
  .cart-table tr{display:grid;grid-template-columns:70px 1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--border)}
  .cart-table td{border:0;padding:2px}
  .tabs{gap:16px;overflow-x:auto}
}
/* inner pages (forms/checkout) */
.page-head{background:var(--bg);text-align:center;padding:40px 15px}
.page-head h1{font-size:38px}
.page-head p{color:var(--muted);font-size:13px;margin-top:6px}
.page-head a:hover{color:var(--accent)}
.link{color:var(--dark);text-decoration:underline}
.link:hover{color:var(--accent)}
.btn.block{display:block;width:100%;text-align:center}
.btn.small{padding:8px 18px;font-size:12px;margin-top:8px}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:0 auto}
.auth-box{border:1px solid var(--border);padding:32px}
.auth-box.alt{background:var(--bg);border-color:var(--bg)}
.auth-box.narrow{max-width:520px;margin:0 auto}
.auth-box h2{font-size:26px;margin-bottom:6px}
.auth-box .btn{margin-top:18px}
.field{display:block;font-weight:500;font-size:13px;margin-top:16px}
.field input,.field select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cbcbcb;font:14px Inter,sans-serif;background:#fff;border-radius:0}
.field input:focus,.field select:focus{outline:0;border-color:var(--dark)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.check{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:16px}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.alert{background:#fdecea;color:#b3261e;padding:10px 14px;margin-top:16px;font-size:13px}
.empty{text-align:center;padding:50px 0}
.empty p{margin-bottom:18px;font-size:16px}
.empty h2{margin-bottom:10px}
.card .wish.on{color:#d33}
.co-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.co-grid h3{font-size:22px;margin:28px 0 4px}
.co-grid h3:first-child{margin-top:0}
.co-right{background:var(--bg);padding:26px;position:sticky;top:90px}
.co-right h3{margin-top:0}
.radio{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:12px 14px;margin-top:10px;cursor:pointer}
.radio span{flex:1}
.line{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);font-size:13px}
.thumb{width:56px;aspect-ratio:3/4;flex:none}
.li{flex:1}
.qty{display:flex;align-items:center;gap:8px;margin-top:6px}
.qty button{width:24px;height:24px;border:1px solid #ccc;background:#fff;cursor:pointer}
.sum{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}
.sum.total{font-size:18px;border-top:1px solid #ddd;margin-top:6px}
.card .btn.small{width:100%}
/* responsive */
@media(max-width:991px){
  .grid,.banners,.blog{grid-template-columns:repeat(2,1fr)}
  .looks{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .hero{height:460px}
  .hero-txt h1{font-size:50px}
  .burger{display:block}
  .nav{position:fixed;top:0;left:-290px;width:280px;height:100%;background:#fff;flex-direction:column;gap:0;padding:70px 20px;transition:left .3s;z-index:60;box-shadow:2px 0 20px rgba(0,0,0,.15)}
  .nav.open{left:0}
  .nav a{padding:14px 0;border-bottom:1px solid var(--border)}
}
@media(max-width:767px){
  .auth-grid,.co-grid{grid-template-columns:1fr}
  .co-right{position:static}
  .auth-box{padding:22px}
  .page-head h1{font-size:30px}
  .section{padding:40px 15px}
  .title{font-size:26px}
  .feat-in{grid-template-columns:1fr;gap:24px}
  .policy{grid-template-columns:1fr;gap:12px}
  .hero{height:400px}
  .hero-txt h1{font-size:38px}
  .logo{font-size:25px}
  .header-actions .icon-btn:nth-child(1){display:none}
  .two{grid-template-columns:1fr}
}
@media(max-width:480px){
  .grid{gap:18px 10px}
  .banners{gap:10px}
  .blog{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .card .quick{display:none}
  .feat-info h2{font-size:26px}
}

/* ajax form errors */
.ferr{display:block;color:#b3261e;font-size:12px;font-weight:400;min-height:0;margin-top:4px}
.ferr:empty{display:none}
.field input.invalid{border-color:#b3261e}
.auth-box form,.auth-box>form{margin:0}

/* CMS logo images */
.logo img{display:block;max-height:46px;width:auto;max-width:180px}
.footer .logo img{max-height:56px}
.foot-grid p a:not(.logo){display:inline;padding:0;color:inherit;text-decoration:underline}

/* CMS-driven content */
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .slide{display:block;color:inherit}
.slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-cta{position:absolute;left:max(15px,calc((100% - 1200px)/2 + 15px));bottom:60px}
.banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.banner:hover .banner-img,.cat-tile:hover .banner-img{transform:scale(1.07)}
.banner::after,.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.55))}
.banner div,.cat-tile>div{z-index:1}
.cat-tile.t0::before{background:linear-gradient(160deg,#b9a99b,#6f625a)}
.cat-tile.t1::before{background:linear-gradient(160deg,#8da3c4,#3e5578)}
.cat-tile.t2::before{background:linear-gradient(160deg,#c9a7a0,#7d5a54)}
.cat-tile.t3::before{background:linear-gradient(160deg,#9fb5aa,#54695f)}
.pd-main img,.feat-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumbs .ph{overflow:hidden}
.vsel{padding:9px 12px;border:1px solid #cbcbcb;font:14px Inter,sans-serif;background:#fff;max-width:100%}
/* shop dropdown */
.has-sub{position:relative}
.has-sub>a{display:inline-block}
.has-sub .sub{position:absolute;top:100%;left:-16px;min-width:200px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.08);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:70}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.has-sub .sub a{display:block;padding:8px 18px;border:0;text-transform:none;font-weight:400}
.has-sub .sub a:hover{background:var(--bg)}
@media(max-width:991px){
  .has-sub .sub{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 6px 14px}
  .has-sub .sub a{padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}
  .slide-cta{bottom:50px}
}



/* product page (gallery + options) */
.pd2{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.pd2>*{min-width:0}
.pd2-gallery{display:flex;gap:12px;position:sticky;top:96px}
.pd2-thumbs{display:flex;flex-direction:column;gap:10px;width:84px;flex:none;max-height:640px;overflow-y:auto;scrollbar-width:thin}
.pd2-thumbs .ph{width:100%;padding:0;border:2px solid transparent;cursor:pointer;overflow:hidden;background:var(--bg)}
.pd2-thumbs .ph.on{border-color:var(--dark)}
.pd2-main{flex:1;min-width:0;overflow:hidden}
.pd2-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd2-info h1{font-size:34px;margin-bottom:10px}
.pd2-price{font-size:24px;margin-bottom:14px}
.pd2-price s{color:var(--muted);font-size:18px}
.pd2-price b{color:#d33}
.pd2-short{color:#666;margin-bottom:14px}
.pd2-meta{list-style:none;font-size:13px;color:#666;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.pd2-meta li{margin-bottom:4px}
.pd2-meta b{color:var(--dark)}
.pd2-meta b.ok{color:#2e7d32}.pd2-meta b.low{color:#d9822b}.pd2-meta b.out{color:#b3261e}
.og{margin-bottom:18px}
.og-l{font-size:13px;font-weight:500;margin-bottom:8px}
.og-b{display:flex;flex-wrap:wrap;gap:8px}
.ob{min-width:44px;padding:8px 14px;border:1px solid #cbcbcb;background:#fff;font:13px Inter,sans-serif;cursor:pointer;position:relative}
.ob:hover{border-color:var(--dark)}
.ob.on{background:var(--dark);color:#fff;border-color:var(--dark)}
.ob.sw{width:34px;height:34px;min-width:0;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbcbcb}
.ob.sw.on{box-shadow:0 0 0 2px var(--dark)}
.ob.sold,.ob.na{color:#aaa;opacity:.6}
.ob.sold::after,.ob.na::after{content:"";position:absolute;left:3px;right:3px;top:50%;border-top:1px solid #888;transform:rotate(-20deg)}
.ob.na{cursor:not-allowed}
.ob.on.sold{color:#fff}
.pd2-sizelink{display:inline-block;font-size:13px;text-decoration:underline;margin:-6px 0 14px}
.pd2-buy{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}
.pd2-buy .qty button{width:34px;height:42px}
.pd2-buy .qty span{min-width:28px;text-align:center}
.pd2-buy .btn:disabled{background:#999;cursor:not-allowed}
.pd2-ship{font-size:13px;color:#666;background:var(--bg);padding:14px 16px}
.pd2-ship p{margin:0 0 2px}
@media(max-width:991px){.pd2{grid-template-columns:1fr;gap:28px}.pd2-gallery{position:static}}
@media(max-width:600px){.pd2-gallery{flex-direction:column-reverse}.pd2-thumbs{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden}.pd2-thumbs .ph{width:68px;flex:none}.pd2-info h1{font-size:26px}}

/* in-bag state of add-to-cart buttons */
.btn.in{background:#fff;color:var(--dark);box-shadow:inset 0 0 0 1px var(--dark)}
.btn.in:hover{background:var(--dark);color:#fff}

/* remove (x) button at the side of cart rows */
.x-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);background:#fff;border-radius:50%;cursor:pointer;flex:none;color:#777;transition:.2s}
.x-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.x-btn:hover{background:#b3261e;border-color:#b3261e;color:#fff}
.cart-table td.x{width:44px;text-align:right}
.line .x-btn{margin-left:4px}
@media(max-width:767px){
  .cart-table tr{position:relative;padding-right:40px}
  .cart-table td.x{position:absolute;top:12px;right:0;width:auto}
}

.cart-foot{align-items:flex-start}
.cart-foot>.btn{align-self:flex-start}

/* side cart (drawer) */
body.cd-lock{overflow:hidden}
.cd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;z-index:1000}
.cd-overlay.on{opacity:1}
.cd{position:fixed;top:0;right:0;height:100%;width:min(460px,100%);background:#fff;z-index:1001;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-10px 0 40px rgba(0,0,0,.15);outline:0}
.cd.on{transform:none}
.cd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}
.cd-head h3{font-size:22px;text-transform:uppercase;letter-spacing:.5px}
.cd-count{font-size:13px;color:#555;margin-left:auto}
.cd-close{width:36px;height:36px;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.cd-close svg{width:22px;height:22px;fill:none;stroke:var(--dark);stroke-width:2;stroke-linecap:round}
.cd-close:hover svg{stroke:var(--accent)}
.cd-cols{display:grid;grid-template-columns:1fr 110px 50px;gap:10px;padding:14px 20px;font-weight:600;font-size:14px;border-bottom:1px solid var(--border)}
.cd-cols span:nth-child(2){text-align:center}.cd-cols span:nth-child(3){text-align:center}
.cd-body{flex:1;overflow-y:auto;padding:0 20px}
.cd-item{display:grid;grid-template-columns:64px 1fr 100px 40px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}
.cd-thumb{width:64px;aspect-ratio:3/4;overflow:hidden}
.cd-name{font-size:13px;line-height:1.4;margin-bottom:4px}
.cd-name a:hover{color:var(--accent)}
.cd-price{font-size:13px;font-weight:600}
.cd-qty{display:flex;align-items:center;border:1px solid var(--border);height:34px}
.cd-qty button{width:30px;height:100%;border:0;background:#fff;cursor:pointer;font-size:16px}
.cd-qty button:disabled{opacity:.3;cursor:not-allowed}
.cd-qty span{flex:1;text-align:center;font-size:13px}
.cd-del{width:34px;height:34px;display:grid;place-items:center;border:0;background:none;color:#666;cursor:pointer;border-radius:50%}
.cd-del svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cd-del:hover{background:#b3261e;color:#fff}
.cd-empty{text-align:center;padding:60px 0}
.cd-empty p{margin-bottom:18px;font-size:16px}
.cd-foot{padding:16px 20px 20px;border-top:1px solid var(--border)}
.cd-sub{display:flex;justify-content:space-between;font-size:16px;margin-bottom:14px}
.cd-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cd-btns .btn{text-align:center;padding:13px 10px}
@media(max-width:480px){.cd-item{grid-template-columns:56px 1fr 92px 34px;gap:8px}.cd-thumb{width:56px}.cd-cols{grid-template-columns:1fr 92px 34px}}

.card .btn.small{display:block;text-align:center}
.card .wish{z-index:2}

#grid{transition:opacity .15s}
#grid.busy{opacity:.35}

/* shop by category: text panel + tall rounded cards */
.cs2{background:#f6f3ef;padding:64px 0;overflow:hidden}
.cs2-inner{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:36px;align-items:center;max-width:none;margin:0}
.cs2-left{position:relative;padding-left:22px;border-left:1px solid #cfc7bb}
.cs2-num{position:absolute;left:-44px;top:50%;transform:translateY(-50%);font:300 120px Inter,sans-serif;color:rgba(0,0,0,.05);pointer-events:none;line-height:1}
.cs2-label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#555;margin-bottom:14px;position:relative}
.cs2-left h2{font:500 44px/1.1 Inter,sans-serif;color:#222;margin-bottom:16px;position:relative}
.cs2-left p{font-size:13px;color:#8a8478;line-height:1.7;margin-bottom:22px;max-width:260px;position:relative}
.cs2-all{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#222;padding-bottom:5px;border-bottom:1px solid #222;position:relative}
.cs2-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.cs2-all:hover svg{transform:translateX(4px)}
.cs2-nav{display:flex;gap:10px;margin-top:26px;position:relative}
.cs2-btn{width:38px;height:38px;border-radius:50%;border:1px solid #b9b0a2;background:transparent;display:grid;place-items:center;cursor:pointer;transition:.2s}
.cs2-btn svg{width:17px;height:17px;fill:none;stroke:#222;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs2-btn:hover{background:#222;border-color:#222}
.cs2-btn:hover svg{stroke:#fff}
.cs2-track{min-width:0;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 24px 40px 4px;margin-bottom:-18px;scroll-behavior:smooth}
.cs2-track::-webkit-scrollbar{display:none}
.cs2-card{flex:0 0 calc((100% - 28px - 90px)/6);aspect-ratio:3/4.3;position:relative;border-radius:10px;overflow:hidden;scroll-snap-align:start;color:#fff;box-shadow:0 14px 30px rgba(40,25,20,.18);isolation:isolate;transition:transform .35s}
.cs2-card:hover{transform:translateY(-6px)}
.cs2-card::before{content:"";position:absolute;inset:0;z-index:-2}
.cs2-card.k0::before{background:radial-gradient(circle at 50% 30%,#d9788a,#5a1f2e 70%,#2a0f17)}
.cs2-card.k1::before{background:radial-gradient(circle at 50% 30%,#4b6e8f,#16263a 70%,#0b1420)}
.cs2-card.k2::before{background:radial-gradient(circle at 50% 30%,#c9953f,#5b3a14 70%,#2a1a0a)}
.cs2-card.k3::before{background:radial-gradient(circle at 50% 30%,#8a8f98,#34383f 70%,#17191d)}
.cs2-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .6s}
.cs2-card:hover img{transform:scale(1.06)}
.cs2-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 45%,rgba(20,8,10,.85))}
.cs2-tag{position:absolute;left:12px;top:14px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:2px;text-transform:uppercase;opacity:.85}
.cs2-name{position:absolute;left:16px;right:14px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;font:500 17px/1.25 Inter,sans-serif}
.cs2-name i{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.8);display:grid;place-items:center;flex:none;font-style:normal;transition:.25s}
.cs2-name i svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs2-card:hover .cs2-name i{background:#fff}
.cs2-card:hover .cs2-name i svg{stroke:#222}
@media(max-width:991px){
  .cs2{padding:44px 0}
  .cs2-inner{grid-template-columns:1fr;gap:22px;padding-left:20px}
  .cs2-left{border-left:0;padding-left:0}
  .cs2-num{display:none}
  .cs2-left h2{font-size:36px}
  .cs2-left p{max-width:none}
}

/* how many category cards fit: 6 on wide screens, fewer as the width shrinks */
.cs2-name{font-size:15px}
.cs2-name i{width:26px;height:26px}
@media(max-width:1399px){.cs2-card{flex-basis:calc((100% - 28px - 72px)/5)}}
@media(max-width:1199px){.cs2-card{flex-basis:calc((100% - 28px - 54px)/4);}.cs2-name{font-size:16px}}
@media(max-width:991px){.cs2-card{flex-basis:calc((100% - 24px - 36px)/3)}}
@media(max-width:600px){.cs2-card{flex-basis:calc((100% - 24px - 18px)/2)}.cs2-name{font-size:15px}}

/* category cards: photo, deep fade, name + arrow at the bottom right */
.cs2-card::after{background:linear-gradient(transparent 38%,rgba(38,10,20,.55) 62%,rgba(24,6,12,.94))}
.cs2-card img{object-position:center top}
.cs2-card.has-img .cs2-tag{color:#3a2a2a;opacity:.8}
.cs2-name{justify-content:flex-end;text-align:right;gap:9px;line-height:1.2}
.cs2-tag{font-size:8.5px}

/* category cards: fixed size (change --cw / --ch to resize) */
.cs2{--cw:190px;--ch:290px}
.cs2-card{flex:0 0 var(--cw);width:var(--cw);height:var(--ch);aspect-ratio:auto}
.cs2-name{font-size:17px}
.cs2-name i{width:30px;height:30px}
.cs2-tag{font-size:9px}
@media(max-width:991px){.cs2{--cw:176px;--ch:268px}}
@media(max-width:600px){.cs2{--cw:150px;--ch:228px}.cs2-name{font-size:15px}}

/* product photos: show the whole piece (no cropping/zoom); white behind it like the photo backgrounds */
.card .ph img,.pd2-main img,.pd2-thumbs img,.feat-img img,.cd-thumb img,.thumb img{object-fit:contain;object-position:center;background:#fff}
.card .ph,.pd2-main,.pd2-thumbs .ph,.feat-img,.cd-thumb,.thumb{background-color:#fff}
.card .ph{border:1px solid #f0ede8}
.pd2-main{border:1px solid #f0ede8}

/* collections page */
.cl-hero{background:#f6f3ef;text-align:center;padding:64px 15px 54px;border-bottom:1px solid #e9e4dc}
.cl-hero small{display:block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#7b7468;margin-bottom:14px}
.cl-hero h1{font:500 52px/1.1 Inter,sans-serif;color:#222;margin-bottom:14px}
.cl-hero p{max-width:520px;margin:0 auto 18px;color:#8a8478;font-size:14px}
.cl-crumb{font-size:12px;color:#8a8478}
.cl-crumb a:hover{color:var(--accent)}
.cl-wrap{padding:56px 0 80px}
.cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cl-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee9e1;overflow:hidden;transition:transform .35s,box-shadow .35s}
.cl-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(40,25,20,.12)}
.cl-media{position:relative;display:block;aspect-ratio:4/3.4;overflow:hidden;background:#fff}
.cl-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .6s}
.cl-card:hover .cl-media img{transform:scale(1.05)}
.cl-media b{position:absolute;inset:0;display:grid;place-items:center;font:300 120px Inter,sans-serif;color:rgba(255,255,255,.9)}
.cl-card:not(.has-img) .cl-media{background:radial-gradient(circle at 50% 35%,#c58a52,#5b3a14 75%)}
.cl-card.k1:not(.has-img) .cl-media{background:radial-gradient(circle at 50% 35%,#5d7fa3,#16263a 75%)}
.cl-card.k2:not(.has-img) .cl-media{background:radial-gradient(circle at 50% 35%,#cf8294,#5a1f2e 75%)}
.cl-card.k3:not(.has-img) .cl-media{background:radial-gradient(circle at 50% 35%,#8f949d,#34383f 75%)}
.cl-body{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1}
.cl-count{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#9a9285}
.cl-name{font:500 25px/1.15 Inter,sans-serif;color:#222;text-transform:capitalize}
.cl-text{font-size:13px;color:#8a8478;line-height:1.6}
.cl-go{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:12px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#222}
.cl-go i{width:28px;height:28px;border:1px solid #cfc7bb;border-radius:50%;display:grid;place-items:center;transition:.25s}
.cl-go svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cl-card:hover .cl-go i{background:#222;border-color:#222;color:#fff}
.cl-card.is-empty{opacity:.92}
.cl-card.is-empty .cl-count{color:#b5ab99}
@media(max-width:991px){.cl-grid{grid-template-columns:repeat(2,1fr);gap:18px}.cl-hero h1{font-size:42px}}
@media(max-width:560px){.cl-grid{grid-template-columns:1fr}.cl-hero{padding:44px 15px 38px}.cl-hero h1{font-size:34px}.cl-wrap{padding:36px 0 56px}.cl-name{font-size:23px}}

/* collections page: category cards + section headings */
.cl-head{text-align:center;margin:0 0 28px}
.cl-head small{display:block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#7b7468;margin-bottom:8px}
.cl-head h2{font:500 36px/1.1 Inter,sans-serif;color:#222}
.cl-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;margin-bottom:64px}
.cl-cats .cs2-card{width:auto;flex:none;height:300px}
.cl-wrap .cl-head+.cl-grid{margin-bottom:0}
@media(max-width:560px){.cl-cats{grid-template-columns:repeat(2,1fr);gap:12px}.cl-cats .cs2-card{height:250px}.cl-head h2{font-size:30px}}

/* home categories: fixed row of 5 cards (no slider) */
.cs2-inner{padding-right:24px}
.cs2-track{overflow:visible;scroll-snap-type:none;padding:8px 0 30px;margin-bottom:0}
.cs2-track .cs2-card{flex:1 1 0;width:auto;min-width:0;height:300px}
@media(max-width:991px){
  .cs2-inner{padding-right:0}
  .cs2-track{overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 20px 30px 0}
  .cs2-track .cs2-card{flex:0 0 var(--cw);width:var(--cw);height:var(--ch)}
}

/* home "We Love": product photo box has the same height as the category cards (300 / 268 / 228) */
#productGrid .card .ph{aspect-ratio:auto;height:300px}
@media(max-width:991px){#productGrid .card .ph{height:268px}}
@media(max-width:600px){#productGrid .card .ph{height:228px}}

/* "We Love": heading + 5-up product slider */
.wl-title{display:flex;align-items:center;justify-content:center;gap:12px;font:700 32px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin-bottom:38px}
.wl-title svg{width:26px;height:26px;fill:var(--dark)}
.wl-wrap{position:relative}
.wl-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:6px}
.wl-track::-webkit-scrollbar{display:none}
.wl-track .card{flex:0 0 calc((100% - 4*28px)/5);scroll-snap-align:start;min-width:0}
#productGrid .card .ph{aspect-ratio:3/4;height:auto;background:#fff}
#productGrid .card .ph img{background:#fff}
.wl-track .card h4{font:400 14px/1.4 Inter,sans-serif;margin-top:16px}
.wl-track .card .pr{margin-top:6px;font-weight:400;font-size:14px}
.sw-row{display:flex;align-items:center;gap:8px;margin-top:12px}
.sw-dot{width:30px;height:30px;padding:2px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;overflow:hidden;transition:.2s}
.sw-dot img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.sw-dot.on{border:2px solid #111;padding:1px}
.sw-more{font-size:12px;color:#999}
.wl-btn{position:absolute;top:36%;transform:translateY(-50%);z-index:3;width:50px;height:50px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);cursor:pointer;display:grid;place-items:center;transition:.2s}
.wl-btn svg{width:20px;height:20px;fill:none;stroke:#222;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wl-btn:hover{background:#111}
.wl-btn:hover svg{stroke:#fff}
.wl-btn.prev{left:-24px}.wl-btn.next{right:-24px}
@media(max-width:1199px){.wl-track .card{flex-basis:calc((100% - 3*28px)/4)}}
@media(max-width:991px){.wl-track .card{flex-basis:calc((100% - 2*20px)/3)}.wl-track{gap:20px}.wl-btn.prev{left:-6px}.wl-btn.next{right:-6px}}
@media(max-width:600px){.wl-track .card{flex-basis:calc((100% - 14px)/2)}.wl-track{gap:14px}.wl-title{font-size:26px}.wl-btn{width:40px;height:40px}}

/* home: collections showcase (1 big + 2 stacked) */
.sc{max-width:1100px}
.sc-title{text-align:center;font:700 28px/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.sc-sub{text-align:center;max-width:620px;margin:0 auto 44px;font-size:13px;color:#777;line-height:1.7}
.sc-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:24px;height:760px}
.sc-grid.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.sc-grid.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.sc-grid .t0{grid-row:1/-1}
.sc-tile{position:relative;overflow:hidden;color:#fff;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;text-align:center}
.sc-tile::before{content:"";position:absolute;inset:0;z-index:-2}
.sc-tile.k0::before{background:radial-gradient(circle at 50% 30%,#c58a52,#5b3a14 75%,#2a1a0a)}
.sc-tile.k1::before{background:radial-gradient(circle at 50% 30%,#5d7fa3,#16263a 75%,#0b1420)}
.sc-tile.k2::before{background:radial-gradient(circle at 50% 30%,#cf8294,#5a1f2e 75%,#2a0f17)}
.sc-tile.k3::before{background:radial-gradient(circle at 50% 30%,#8f949d,#34383f 75%,#17191d)}
.sc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .7s}
.sc-tile:hover img{transform:scale(1.05)}
.sc-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(20,10,10,.18),rgba(20,8,10,.25) 45%,rgba(20,8,10,.78))}
.sc-text{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 24px 38px}
.sc-text b{font:700 30px/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.3px}
.sc-text em{font-style:normal;font-size:15px;line-height:1.4;max-width:420px}
.sc-text u{margin-top:12px;font:600 12px Inter,sans-serif;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;padding-bottom:4px;border-bottom:2px solid #fff}
.sc-grid .t1 .sc-text b,.sc-grid .t2 .sc-text b{font-size:22px}
.sc-grid .t1 .sc-text em,.sc-grid .t2 .sc-text em{font-size:13px}
.sc-grid .t1 .sc-text,.sc-grid .t2 .sc-text{padding-bottom:26px}
@media(max-width:991px){.sc-grid{height:620px;gap:16px}.sc-text b{font-size:24px}}
@media(max-width:700px){
  .sc-grid,.sc-grid.n2{grid-template-columns:1fr;grid-template-rows:none;height:auto;gap:14px}
  .sc-grid .t0{grid-row:auto}
  .sc-tile{height:380px}
  .sc-grid .t1,.sc-grid .t2{height:300px}
}

/* We Love: full width (small side margin) like the reference */
.wl.container{max-width:none;padding-left:72px;padding-right:72px}
.wl-btn.prev{left:36px}.wl-btn.next{right:36px}
@media(max-width:1199px){.wl.container{padding-left:40px;padding-right:40px}.wl-btn.prev{left:12px}.wl-btn.next{right:12px}}
@media(max-width:991px){.wl.container{padding-left:20px;padding-right:20px}.wl-btn.prev{left:4px}.wl-btn.next{right:4px}}
@media(max-width:600px){.wl.container{padding-left:15px;padding-right:15px}}

/* hero banner: uploaded size is 1920 x 930, so the slider keeps that ratio (image shown in full, no crop) */
.hero{height:auto;aspect-ratio:1920/930}
@media(max-width:767px){.hero{aspect-ratio:auto;height:420px}}

/* photos uploaded in the CMS are lifestyle shots: fill the frame instead of letterboxing like product cut-outs */
.cl-card.cms .cl-media img{object-fit:cover;padding:0}
.sc-tile picture{position:absolute;inset:0;display:block;z-index:-1}
.sc-tile picture img{position:static;width:100%;height:100%;object-fit:cover;z-index:auto}

/* shop page: toolbar + filter sidebar + grid (reference layout) */
.shop2{padding-top:26px}
.sh-crumb{font-size:12px;color:#888;margin-bottom:14px}
.sh-crumb a:hover{color:var(--accent)}
.sh-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}
.sh-left{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.sh-left h1{font:700 26px/1 Inter,sans-serif;text-transform:uppercase}
.sh-count{font-size:13px;color:#888}
.sh-right{display:flex;align-items:center;gap:22px}
.sh-views{display:flex;gap:10px}
.sh-views button{background:none;border:0;padding:4px;cursor:pointer;opacity:.35}
.sh-views button.on{opacity:1}
.sh-views svg{width:22px;height:22px;fill:none;stroke:#111;stroke-width:2.4;stroke-linecap:round}
#sort{border:0;border-bottom:2px solid #111;background:transparent;padding:4px 18px 4px 0;font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;border-radius:0}
.sh-fbtn{display:none;align-items:center;gap:8px;border:1px solid #111;background:#fff;padding:8px 14px;font:600 12px Inter,sans-serif;text-transform:uppercase;cursor:pointer}
.sh-fbtn svg,.fb-head svg,.fb-clear svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-wrap{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:start}
.sh-main{min-width:0}
.side2{font-size:12px;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.fb-head{display:flex;align-items:center;gap:8px;font:700 13px Inter,sans-serif;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--border)}
.fb-clear{display:flex;align-items:center;gap:8px;margin:14px 0 4px;background:none;border:0;font:700 11px Inter,sans-serif;text-transform:uppercase;cursor:pointer;padding:0}
.fb-clear:hover{color:var(--accent)}
.fs{padding:14px 0 6px}
.fs-h{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;cursor:pointer;font:700 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.3px;padding:0;text-align:left}
.fs-h::before{content:"";width:6px;height:6px;background:#111;margin-right:8px;flex:none}
.fs-h{justify-content:flex-start;gap:0}
.fs-h i{margin-left:auto;width:10px;height:2px;background:#111;position:relative}
.fs.shut .fs-h i::after{content:"";position:absolute;left:4px;top:-4px;width:2px;height:10px;background:#111}
.fs.shut .fs-b{display:none}
.fs-b{padding-top:12px}
.fp{display:flex;align-items:center;gap:8px}
.fp input{width:100%;min-width:0;border:0;background:#f4f3f1;padding:9px 10px;font:12px Inter,sans-serif;border-radius:0}
.fp input:focus{outline:1px solid #111}
.fp span{color:#999}
.fc{display:flex;align-items:center;gap:9px;padding:5px 0;cursor:pointer}
.fc input{width:13px;height:13px;accent-color:#111;margin:0;flex:none}
.fc span{flex:1;color:#555}
.fc:hover span{color:#111}
.fc em{font-style:normal;font-size:11px;color:#777}
.fs-r{text-align:right;margin-top:8px}
.fs-r button{background:#e6e6e6;border:0;padding:4px 12px;font:600 10px Inter,sans-serif;cursor:pointer}
.fs-r button:hover{background:#111;color:#fff}
.sh-main .grid{display:grid;gap:30px 28px}
.sh-main .g3{grid-template-columns:repeat(3,1fr)}
.sh-main .g2{grid-template-columns:repeat(2,1fr)}
.sh-main .glist{grid-template-columns:1fr}
.sh-main .grid .card .ph{aspect-ratio:3/4}
.cdesc{display:none}
.sh-main .glist .card{display:grid;grid-template-columns:220px 1fr;gap:6px 24px;align-items:start}
.sh-main .glist .card .ph{grid-row:1/6}
.sh-main .glist .cdesc{display:block;font-size:13px;color:#777;line-height:1.6}
@media(max-width:1199px){.sh-main .g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){
  .sh-wrap{grid-template-columns:1fr}
  .sh-fbtn{display:inline-flex}
  .side2{display:none;position:static;max-height:none;padding:16px;margin-bottom:10px;background:#faf9f7;border:1px solid var(--border)}
  .side2.open{display:block}
  .sh-left h1{display:none}
}
@media(max-width:560px){.sh-main .g3,.sh-main .g2{grid-template-columns:repeat(2,1fr);gap:22px 12px}.sh-main .glist .card{grid-template-columns:120px 1fr}.sh-views{display:none}}

/* shop grid: 4 per row by default */
.sh-main .g4{grid-template-columns:repeat(4,1fr);gap:28px 22px}
@media(max-width:1199px){.sh-main .g4{grid-template-columns:repeat(3,1fr)}.sh-main .g3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.sh-main .g4,.sh-main .g3{grid-template-columns:repeat(2,1fr);gap:22px 12px}}

/* one font everywhere: Inter (form controls and toasts do not inherit it by default) */
button,input,select,textarea{font-family:inherit}
#toast-container>div,#toast-container .toast-message{font-family:Inter,sans-serif}

/* home "Shop by category": taller section (cards 420px, more breathing room) */
.cs2{padding:55px 0}
.cs2-track .cs2-card{height:420px}
.cs2-left h2{font-size:38px;line-height:1.15}
@media(max-width:991px){.cs2{padding:56px 0}.cs2-track .cs2-card{height:340px}.cs2-left h2{font-size:34px}}
@media(max-width:600px){.cs2-track .cs2-card{height:290px}}

/* home "Shop by category": white background */
.cs2{background:#fff}

/* "Shop by category": wider text box */
.cs2-inner{grid-template-columns:minmax(260px,420px) 1fr}
.cs2-left p{max-width:360px}
@media(max-width:991px){.cs2-inner{grid-template-columns:1fr}.cs2-left p{max-width:none}}
@media(min-width:992px) and (max-width:1299px){.cs2-inner{grid-template-columns:minmax(240px,300px) 1fr}}

/* category cards: no dark overlay; text turns dark on cards that have a photo */
.cs2-card::after{display:none}
.cs2-card.has-img .cs2-name{color:#1a1a1a}
.cs2-card.has-img .cs2-name i{border-color:#1a1a1a}
.cs2-card.has-img .cs2-name i svg{stroke:#1a1a1a}
.cs2-card.has-img:hover .cs2-name i{background:#1a1a1a}
.cs2-card.has-img:hover .cs2-name i svg{stroke:#fff}
.cs2-card.has-img .cs2-tag{color:#333;opacity:.75}
.cs2-card.has-img{box-shadow:0 14px 30px rgba(40,25,20,.14),0 0 0 1px #eee}

/* category cards: square corners */
.cs2-card{border-radius:0}

/* checkout: saved addresses + add/edit pop-up */
.addr-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 8px}
.addr-head:first-child{margin-top:0}
.addr-head h3{margin:0!important;font-size:22px}
.addr-head .btn.small{margin:0;width:auto;padding:9px 22px}
.addr-list{display:grid;gap:10px}
.addr-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--border);cursor:pointer;position:relative;background:#fff;transition:.2s}
.addr-item:hover{border-color:#bbb}
.addr-item.on{border-color:var(--dark);box-shadow:inset 0 0 0 1px var(--dark)}
.addr-check{width:18px;height:18px;border:1.5px solid #888;flex:none;margin-top:3px;display:grid;place-items:center;background:#fff}
.addr-item.on .addr-check{background:var(--dark);border-color:var(--dark)}
.addr-item.on .addr-check::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.addr-body{flex:1;min-width:0}
.addr-body b{display:block;margin-bottom:4px}
.addr-body p{font-size:13px;color:#666;margin:0 0 4px;line-height:1.5}
.addr-body p span+span{margin-left:22px}
.addr-edit{background:none;border:0;cursor:pointer;padding:4px;color:#222;flex:none}
.addr-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.addr-edit:hover{color:var(--accent)}
.am-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1100;display:grid;place-items:center;padding:16px;overflow-y:auto}
.am-overlay[hidden]{display:none}
.am{background:#fff;width:min(620px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:26px 28px 28px;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.am-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.am-head h3{font-size:24px;text-transform:capitalize}
.am-x{width:34px;height:34px;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.am-x svg{width:22px;height:22px;fill:none;stroke:var(--dark);stroke-width:2;stroke-linecap:round}
.am-x:hover svg{stroke:var(--accent)}
.am-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}
.btn.light{background:#fff;color:var(--dark);box-shadow:inset 0 0 0 1px #cbcbcb}
.btn.light:hover{background:var(--bg);color:var(--dark)}
.am .field input:disabled{background:#f4f4f4;color:#777}
@media(max-width:560px){.am{padding:20px 16px}.addr-body p span{display:block}.addr-body p span+span{margin-left:0}}

/* one editable address per type */
.addr-item{cursor:default}
.addr-item.on{box-shadow:none;border-color:var(--border)}
.addr-edit{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbcbcb!important;padding:7px 14px!important;font:600 12px Inter,sans-serif;text-transform:uppercase;background:#fff!important}
.addr-edit:hover{background:var(--dark)!important;color:#fff;border-color:var(--dark)!important}
.addr-empty{border:1px dashed #cbcbcb;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.addr-empty p{margin:0}
.addr-empty .btn.small{margin:0;width:auto}
.addr-head h3{margin-bottom:0}

/* ---- checkout: step cards + order summary card ---- */
.co-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:32px}
.co-card{background:#fff;border:1px solid var(--border);padding:22px 24px;margin-bottom:18px}
.co-step{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.co-step span{width:28px;height:28px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font:700 13px Inter,sans-serif;flex:none}
.co-step h3,.co-grid .co-step h3{margin:0;font-size:20px}
.co-card .addr-item{border-color:var(--border);background:#faf9f7}
.co-card .addr-empty{background:#faf9f7}
.co-card .radio{margin-top:10px;background:#fff;transition:.2s}
.co-card .radio:first-of-type{margin-top:0}
.co-card .radio:has(input:checked){border-color:var(--dark);background:#faf9f7;box-shadow:inset 0 0 0 1px var(--dark)}
.co-card .radio input{accent-color:var(--dark)}
.co-card .radio b.rz{font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#2a5bd7}
.co-note{margin:12px 0 0;font-size:12.5px;color:#777;line-height:1.6}
.co-right{background:#fff;border:1px solid var(--border);box-shadow:0 12px 34px rgba(30,20,10,.07);padding:24px;position:sticky;top:90px}
.co-right h3{font-size:20px;margin:0 0 6px!important;padding-bottom:12px;border-bottom:1px solid var(--border)}
.co-right .sum.total{font-size:19px;font-weight:700;border-top:1px solid var(--border);margin-top:8px;padding-top:14px}
.co-right .btn.block{margin-top:12px;padding:15px;font-size:14px;letter-spacing:.6px}
.co-right .btn.block:disabled{opacity:.7;cursor:progress}
.co-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--border);display:grid;gap:10px}
.co-trust li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#666}
.co-trust svg{width:18px;height:18px;fill:none;stroke:var(--dark);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:991px){.co-grid{grid-template-columns:1fr}.co-right{position:static}}
@media(max-width:560px){.co-card{padding:18px 16px}}

/* ---- account: sidebar + panels + tables ---- */
.acc{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:start}
.acc-side{background:#fff;border:1px solid var(--border);position:sticky;top:90px}
.acc-user{display:flex;align-items:center;gap:14px;padding:22px 20px;border-bottom:1px solid var(--border)}
.acc-avatar{width:46px;height:46px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font:700 19px Inter,sans-serif;flex:none}
.acc-user b{display:block;font-size:16px}.acc-user small{display:block;color:var(--muted);font-size:12px;word-break:break-all}
.acc-nav{display:flex;flex-direction:column;padding:8px}
.acc-nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;background:none;border:0;border-left:3px solid transparent;font:500 14px Inter,sans-serif;color:#444;cursor:pointer;transition:.2s}
.acc-nav button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.acc-nav button:hover{background:var(--bg);color:#111}
.acc-nav button.on{background:var(--bg);border-left-color:var(--dark);color:#111;font-weight:700}
.acc-nav em{margin-left:auto;font-style:normal;font-size:11px;background:var(--dark);color:#fff;border-radius:20px;padding:1px 8px;min-width:20px;text-align:center}
.acc-nav em:empty{display:none}
.acc-nav form{margin:6px 0 0;border-top:1px solid var(--border);padding-top:6px}
.acc-nav .acc-logout{color:#b3261e}
.acc-main{min-width:0}
.acc-panel[hidden]{display:none}
.acc-panel h2{font-size:28px;margin-bottom:6px}
.acc-sub{font-size:18px;margin:30px 0 12px}
.acc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 0}
.acc-stats .st{background:#fff;border:1px solid var(--border);padding:18px;text-align:left;cursor:pointer;transition:.2s;font-family:inherit}
.acc-stats .st:hover{border-color:var(--dark);transform:translateY(-2px)}
.acc-stats b{display:block;font-size:24px;line-height:1.2}.acc-stats span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.acc-tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--border);margin-top:16px}
.acc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.acc-table th{background:#faf9f7;text-align:left;font:700 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:#666;padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap}
.acc-table td{padding:15px 16px;border-bottom:1px solid var(--border);vertical-align:middle}
.acc-table tbody tr:last-child td{border-bottom:0}
.acc-table tbody tr:hover{background:#fdfcfb}
.acc-table .r{text-align:right;white-space:nowrap}
.acc-table td.th{width:64px}.acc-table td.th img{width:48px;height:60px;object-fit:contain;background:#fff;border:1px solid var(--border);display:block}
.acc-empty{text-align:center;color:#777;padding:34px!important}
.tb{display:inline-block;border:1px solid #cbcbcb;background:#fff;padding:7px 16px;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;color:var(--dark)}
.tb:hover{background:var(--dark);color:#fff;border-color:var(--dark)}
.tb.danger:hover{background:#b3261e;border-color:#b3261e}
.bd{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;background:#eee;color:#555}
.bd-pay-paid,.bd-st-delivered,.bd-st-confirmed{background:#e3f4e6;color:#1d6b2c}
.bd-pay-pending,.bd-st-pending,.bd-st-processing{background:#fff1d6;color:#9a6200}
.bd-st-dispatched{background:#e1ecff;color:#1f4fa8}
.bd-pay-refunded,.bd-st-returned,.bd-st-cancelled{background:#fde4e2;color:#a3271d}
.acc-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
.acc-card{background:#fff;border:1px solid var(--border);padding:24px}
.acc-card h3{font-size:19px;margin-bottom:4px}
.acc-card .btn{margin-top:18px}
.am-wide{width:min(760px,100%)}
.od-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 16px;font-size:13px}
.od-lines{min-width:0}
.od-lines tfoot td{padding:10px 16px;text-align:right;border:0;color:#555}.od-lines tfoot td:first-child{text-align:right}
.od-lines tfoot .t td{font-size:16px;font-weight:700;color:#111;border-top:1px solid var(--border)}
.od-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.od-addr b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.od-addr p{font-size:13px;color:#666;line-height:1.6;margin:0}
.od-h{font-size:15px;margin:22px 0 10px}
.od-steps{list-style:none;display:flex;gap:0;flex-wrap:wrap;margin:0;padding:0}
.od-steps li{position:relative;padding:0 26px 0 18px;margin-right:10px;font-size:13px}
.od-steps li::before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:var(--dark)}
.od-steps li b{display:block}.od-steps li span{color:var(--muted);font-size:12px}
.od-tx{margin-top:16px;font-size:12px}
@media(max-width:991px){
  .acc{grid-template-columns:1fr;gap:18px}
  .acc-side{position:static}
  .acc-nav{flex-direction:row;overflow-x:auto;padding:0;scrollbar-width:none}
  .acc-nav button{white-space:nowrap;width:auto;border-left:0;border-bottom:3px solid transparent;padding:14px 16px}
  .acc-nav button.on{border-bottom-color:var(--dark)}
  .acc-nav form{margin:0;border:0;padding:0}
  .acc-stats{grid-template-columns:repeat(2,1fr)}
  .acc-forms,.od-cols{grid-template-columns:1fr}
}
@media(max-width:640px){
  .acc-table{min-width:0}
  .acc-table thead{display:none}
  .acc-table tr{display:block;padding:12px 14px;border-bottom:1px solid var(--border)}
  .acc-table td{display:flex;justify-content:space-between;gap:14px;border:0;padding:5px 0;text-align:right}
  .acc-table td[data-l]::before{content:attr(data-l);color:var(--muted);font-size:12px;text-transform:uppercase;text-align:left}
  .acc-table td.r{justify-content:flex-end;padding-top:10px}
  .acc-table td.th{width:auto;justify-content:flex-start}
  .od-lines{display:table}.od-lines thead{display:table-header-group}.od-lines tr{display:table-row;padding:0}.od-lines td{display:table-cell}
}

/* the hidden attribute must always win over display rules (e.g. .co-grid{display:grid}) */
[hidden]{display:none!important}

/* shop page, reference style: photo banner, toolbar above the filters, borderless 3-column cards, round pager */
.sh-hero{position:relative;background:#2b2b2b center/cover no-repeat;color:#fff;text-align:center;margin-bottom:0}
.sh-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.sh-hero-in{position:relative;padding:92px 15px 88px}
.sh-hero h1{font:700 26px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.sh-hero .sh-crumb{margin:14px 0 0;font-size:12px;color:rgba(255,255,255,.75);display:flex;justify-content:center;align-items:center;gap:8px}
.sh-hero .sh-crumb i{width:4px;height:4px;border-radius:50%;background:currentColor}
.sh-hero .sh-crumb a:hover{color:#fff}
.shop2{padding-top:34px}
.sh-bar{justify-content:space-between;align-items:center;margin-bottom:34px}
.sh-bar .sh-count{font-size:12px;color:#777}
.sh-wrap{grid-template-columns:230px 1fr;gap:40px}
.sh-main .grid .card .ph{border:0;background:#f4f3f1;aspect-ratio:4/5;height:auto}
.sh-main .card h4{font-size:12px;font-weight:500;margin-top:12px}
.sh-main .card .pr{font-size:12px;margin-top:6px}
.sh-main .glist .card .ph{aspect-ratio:4/5}
.pg{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:56px;font-size:11px;color:#555}
.pg button{background:none;border:0;cursor:pointer;color:inherit;font:500 11px Inter,sans-serif;padding:0}
.pg button:disabled{opacity:.35;cursor:default}
.pg .n{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pg .n.on{background:#111;color:#fff}
.pg .n:not(.on):hover{background:#eee}
@media(max-width:991px){.sh-hero-in{padding:64px 15px 60px}.sh-wrap{grid-template-columns:1fr}}
.sh-hero h1{color:#fff}
.sh-main .grid .card .ph img{background:transparent;mix-blend-mode:multiply}

/* shop page: full-width layout like the reference (60px side margins, sidebar ~21%) */
.container.shop2{max-width:none;width:100%;padding-left:60px;padding-right:60px}
.shop2 .sh-wrap{grid-template-columns:21% 1fr;gap:40px}
@media(max-width:1199px){.container.shop2{padding-left:30px;padding-right:30px}.shop2 .sh-wrap{grid-template-columns:240px 1fr}}
@media(max-width:991px){.shop2 .sh-wrap{grid-template-columns:1fr}}
@media(max-width:560px){.container.shop2{padding-left:15px;padding-right:15px}}

/* shop page: "Load more" instead of numbered pages */
.pg{margin-top:48px}
.pg #more{padding:12px 34px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.pg #more em{font-style:normal;opacity:.6;margin-left:4px}

/* contact page, reference style: banner, 4 info columns, full-width map, underlined "Get in touch" form */
.ct-info{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;padding-top:70px;padding-bottom:70px}
.ct-col h3{font:700 13px Inter,sans-serif;text-transform:uppercase;margin-bottom:16px}
.ct-col p{font-size:15px;line-height:1.7;color:#555;margin-bottom:10px}
.ct-col .ct-big{display:block;font-size:16px;color:var(--dark)}
a.ct-big:hover{color:var(--accent)}
.ct-social{display:flex;justify-content:center;gap:14px}
.ct-social a{width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.ct-social svg{width:18px;height:18px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct-social a:hover svg{stroke:var(--accent)}
.ct-map{display:block;border:0;width:100%;height:420px}
.ct-form{max-width:820px;padding-top:80px;padding-bottom:90px}
.ct-form h2{font:700 38px/1.1 Inter,sans-serif;text-transform:uppercase;text-align:center;margin-bottom:46px}
.ct-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.ct-f{display:block;margin-bottom:26px}
.ct-f input,.ct-f textarea{display:block;width:100%;border:0;border-bottom:1px solid #111;background:transparent;padding:12px 0;font:15px Inter,sans-serif;letter-spacing:.5px;border-radius:0;outline:0;resize:vertical}
.ct-f input::placeholder,.ct-f textarea::placeholder{color:#555}
.ct-f input:focus,.ct-f textarea:focus{border-bottom-color:var(--accent)}
.ct-f .invalid{border-bottom-color:#d33}
.ct-f .ferr{display:block;color:#d33;font-size:12px;margin-top:4px}
.ct-form .btn{display:block;margin:10px auto 0;padding:14px 44px}
@media(max-width:991px){.ct-info{grid-template-columns:repeat(2,1fr);padding-top:50px;padding-bottom:50px}.ct-form h2{font-size:30px}}
@media(max-width:560px){.ct-info{grid-template-columns:1fr}.ct-two{grid-template-columns:1fr;gap:0}.ct-map{height:300px}.ct-form{padding-top:50px}}

/* collections page, "two columns grid" style: light title bar + 2 big tiles per row, name on hover */
.bz-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.bz-bar{background:#f6f6f6;padding:34px 0}
.bz-bar .bz-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.bz-bar h1{font:500 13px Inter,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#555}
.bz-bar nav{display:flex;align-items:center;gap:8px;font-size:12px;color:#999}
.bz-bar nav i{width:3px;height:3px;border-radius:50%;background:#999}
.bz-bar nav a:hover{color:var(--accent)}
.bz-main{padding-top:70px;padding-bottom:90px}
.bz-title{font:500 13px Inter,sans-serif;text-transform:uppercase;letter-spacing:.8px;text-align:center;margin:80px 0 30px;color:#555}
.bz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.bz-card{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#fafafa;overflow:hidden}
.bz-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:12%;transition:transform .6s}
.bz-card.cover img{object-fit:cover;padding:0;mix-blend-mode:normal}
.bz-card b{font:300 120px Inter,sans-serif;color:#d9d9d9}
.bz-card:hover img{transform:scale(1.04)}
.bz-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px;background:rgba(255,255,255,.88);opacity:0;transition:opacity .35s}
.bz-card:hover .bz-over,.bz-card:focus-visible .bz-over{opacity:1}
.bz-over em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#888}
.bz-over strong{font:500 26px/1.2 Inter,sans-serif;color:#111}
.bz-over small{font-size:13px;line-height:1.6;color:#666;max-width:340px}
.bz-over u{text-decoration:none;margin-top:8px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #111;padding-bottom:3px}
@media(hover:none){.bz-over{opacity:1;inset:auto 0 0 0;padding:14px;background:rgba(255,255,255,.92);gap:4px}.bz-over strong{font-size:16px}.bz-over small,.bz-over u{display:none}}
@media(max-width:700px){.bz-grid{grid-template-columns:1fr;gap:14px}.bz-main{padding-top:40px}.bz-card{aspect-ratio:4/5}}

/* ==========================================================================
   Premium refresh: softer header, cinematic hero, ticker, section headings,
   trending tabs, scroll reveal, hover photo on cards, back-to-top.
   ========================================================================== */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{font-size:11.5px;letter-spacing:.6px;padding:9px 10px}

/* header */
.header{background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);transition:box-shadow .3s,background .3s}
.header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.07);border-bottom-color:transparent}
.nav a{letter-spacing:.8px;font-size:12.5px;font-weight:500}

/* hero */
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);pointer-events:none;z-index:1}
.slide.active .slide-img{animation:heroZoom 9s ease-out both}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.slide-cta{z-index:2;background:#fff;color:var(--dark);display:inline-flex;align-items:center;gap:10px;padding:15px 34px;bottom:70px;letter-spacing:1.2px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.slide-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.hero .slide:hover .slide-cta{background:var(--accent);color:#fff}
.hero .slide:hover .slide-cta svg{transform:translateX(4px)}
.dots{z-index:3;bottom:26px}
.dots button{width:28px;height:3px;border:0;border-radius:2px;background:rgba(255,255,255,.55);transition:.3s;padding:0}
.dots button.on{width:48px;background:#fff}

/* ticker under the hero */
.ticker{overflow:hidden;background:var(--dark);color:#fff;padding:15px 0;white-space:nowrap}
.ticker-in{display:inline-flex;animation:tick 40s linear infinite}
.ticker-in span{font:500 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:3px;padding-right:0}
.ticker-in i{font-style:normal;color:var(--accent);margin:0 26px}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker:hover .ticker-in{animation-play-state:paused}

/* section headings: small label, big title, link / tabs on the right */
.section{padding-top:84px;padding-bottom:84px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:40px;text-align:left}
.sec-head small{display:block;font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:10px}
.sec-head h2,.sec-head .title,.sec-head .wl-title,.sec-head .sc-title{margin:0;text-align:left;justify-content:flex-start;font:700 34px/1.1 Inter,sans-serif;text-transform:none;letter-spacing:-.3px}
.sec-head .sc-sub{margin:12px 0 0;text-align:left;max-width:560px;color:#777;font-size:14px;line-height:1.7}
.sec-link{display:inline-flex;align-items:center;gap:8px;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.2px;padding-bottom:4px;border-bottom:1px solid var(--dark);white-space:nowrap}
.sec-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.sec-link:hover{color:var(--accent);border-color:var(--accent)}
.sec-link:hover svg{transform:translateX(4px)}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{background:none;border:1px solid transparent;padding:9px 18px;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.9px;cursor:pointer;color:#777;border-radius:30px;transition:.25s}
.tabs button:hover{color:var(--dark)}
.tabs button.on{background:var(--dark);color:#fff}
.tabs[hidden],.tabs button[hidden]{display:none}
@media(max-width:700px){.sec-head h2,.sec-head .title,.sec-head .wl-title,.sec-head .sc-title{font-size:26px}.sec-head{margin-bottom:26px}.section{padding-top:56px;padding-bottom:56px}}

/* scroll reveal (class is added by JS, so the page is fully visible without it) */
.rvh{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rvh.in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rvh{opacity:1;transform:none;transition:none}.ticker-in,.slide.active .slide-img{animation:none}}

/* product cards: second photo on hover, softer image zoom */
.card .ph{position:relative}
.card .ph img{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .45s}
.card:hover .ph>img:first-child{transform:scale(1.05)}
.card .ph img.alt{opacity:0;background:#fff;z-index:1;pointer-events:none}
.card:hover .ph img.alt{opacity:1}
.card .ph .cover{z-index:2}
.sh-main .card .ph img.alt{mix-blend-mode:normal;background:#f4f3f1}
.card .wish{box-shadow:0 4px 14px rgba(0,0,0,.1);transition:.25s}
.card .wish:hover{transform:scale(1.1)}
.card .quick{letter-spacing:1px}

/* featured product: calmer band */
.featured{background:linear-gradient(180deg,#f7f5f2,#efece8)}

/* back to top */
.to-top{position:fixed;right:22px;bottom:22px;z-index:60;width:46px;height:46px;border-radius:50%;border:0;background:var(--dark);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--accent)}
.to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* product page redesign: light gallery tile, airy details column, pill options, trust list, mobile buy bar */
.pd2-page{max-width:1320px;padding-top:56px}
.pd2{grid-template-columns:1.15fr 1fr;gap:64px}
.pd2-gallery{gap:14px}
.pd2-thumbs{width:92px;gap:12px}
.pd2-thumbs .ph{aspect-ratio:1;border:1px solid transparent;background:#f6f5f3;transition:border-color .25s}
.pd2-thumbs .ph img{object-fit:contain;mix-blend-mode:multiply;padding:6px}
.pd2-thumbs .ph.on,.pd2-thumbs .ph:hover{border-color:var(--dark)}
.pd2-main{border:0;background:#f6f5f3;aspect-ratio:1/1;height:auto;cursor:zoom-in}
.pd2-main img{object-fit:contain;mix-blend-mode:multiply;padding:6%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pd2-main:hover img{transform:scale(1.12)}
.pd2-main .badge{z-index:2}
.pd2-cat{display:block;font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:12px}
.pd2-info h1{font:700 36px/1.15 Inter,sans-serif;letter-spacing:-.4px;margin-bottom:14px}
.pd2-price{font-size:28px;margin-bottom:18px}
.pd2-price b{color:var(--dark)}
.pd2-price s{font-size:18px}
.pd2-short{line-height:1.8;font-size:15px;color:#666}
.pd2-meta{border-top:1px solid var(--border);padding-top:16px}
.ob{border-radius:30px;padding:9px 18px;transition:.2s}
.ob.sw{border-radius:50%}
.og-l{font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:10px}
.og-l b{color:var(--dark)}
.pd2-buy{gap:12px;margin:26px 0 22px;flex-wrap:nowrap}
.pd2-buy .qty{display:flex;align-items:center;border:1px solid #d8d8d8;border-radius:30px;overflow:hidden;flex:none}
.pd2-buy .qty button{width:42px;height:50px;border:0;background:none;font-size:18px;cursor:pointer}
.pd2-buy .qty button:hover{background:#f3f3f3}
.pd2-buy #add{flex:1;height:52px;border-radius:30px;font-size:13px;letter-spacing:1.2px}
.pd2-buy #wish{height:52px;border-radius:30px;padding:0 22px;background:#fff;color:var(--dark);box-shadow:inset 0 0 0 1px #d8d8d8;white-space:nowrap}
.pd2-buy #wish:hover{background:var(--dark);color:#fff}
.pd2-buy #wish.wished{color:#d33}
.pd2-ship{background:#f6f5f3;}
.pd2-trust{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:22px;padding-top:22px;border-top:1px solid var(--border);font-size:13px;color:#555}
.pd2-trust li{display:flex;align-items:center;gap:10px}
.pd2-trust svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--dark);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#tabsBar{gap:34px;margin-top:70px;flex-wrap:nowrap;border-bottom:1px solid var(--border)}
#tabsBar button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 0;font:600 13px Inter,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:-1px}
#tabsBar button.on{background:none;color:var(--dark);border-bottom-color:var(--dark)}
.tab-body{padding:30px 0;line-height:1.8;font-size:15px}
.pd2-rel{margin:90px 0 34px}
.pd2-sticky{display:none}
@media(max-width:991px){.pd2{gap:30px}.pd2-info h1{font-size:30px}}
@media(max-width:700px){
  .pd2-buy{flex-wrap:wrap}
  .pd2-buy #add{flex:1 1 100%;order:3}
  .pd2-trust{grid-template-columns:1fr}
  .pd2-sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .3s}
  .pd2-sticky.show{transform:none}
  .pd2-sticky b{display:block;font-size:13px;font-weight:600}
  .pd2-sticky span{font-size:13px;color:#666}
  .pd2-sticky .btn{border-radius:30px;padding:12px 22px;white-space:nowrap}
  .to-top{bottom:78px}
}

.pd2-trust{margin-bottom:22px}

/* checkout redesign: progress steps, soft numbered cards, selectable payment tiles, premium order summary */
.co-page{max-width:1240px;padding-top:44px}
.co-steps{list-style:none;display:flex;justify-content:center;align-items:center;gap:0;margin:0 0 46px;padding:0}
.co-steps li{display:flex;align-items:center;gap:10px;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:#aaa}
.co-steps li+li::before{content:"";width:70px;height:1px;background:#d8d8d8;margin:0 18px}
.co-steps li span{width:30px;height:30px;border-radius:50%;border:1px solid #cfcfcf;display:grid;place-items:center;font-size:12px;letter-spacing:0;flex:none}
.co-steps li.on{color:var(--dark)}
.co-steps li.on span{background:var(--dark);border-color:var(--dark);color:#fff}
.co-steps li.done{color:var(--dark)}
.co-steps li.done span{background:var(--accent);border-color:var(--accent)}
.co-steps li.done svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.co-steps li.done+li::before{background:var(--dark)}

.co-page .co-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:44px}
.co-card{border:0;box-shadow:0 2px 24px rgba(30,20,10,.07);padding:28px 30px;margin-bottom:22px}
.co-step{margin-bottom:20px}
.co-step span{width:30px;height:30px;background:var(--accent)}
.co-step h3,.co-grid .co-step h3{font:700 19px Inter,sans-serif;letter-spacing:-.2px}
.co-card .addr-item{background:#faf9f7;border-color:#ece8e2}
.co-card .addr-empty{border-color:#d8d3cb}
.co-card .radio{padding:16px 18px;border-color:#e4e0da;margin-top:12px;gap:14px}
.co-card .radio:first-of-type{margin-top:0}
.co-card .radio:hover{border-color:#bdb7ae}
.co-card .radio:has(input:checked){border-color:var(--dark);background:#faf9f7;box-shadow:inset 0 0 0 1px var(--dark)}
.co-card .radio b{font-weight:700}
.co-note{background:#faf9f7;padding:12px 14px;margin-top:16px}

.co-right{border:0;background:#faf9f7;box-shadow:0 2px 30px rgba(30,20,10,.08);padding:28px 28px 24px;top:100px}
.co-right h3{font:700 19px Inter,sans-serif!important;border-bottom:1px solid #e9e4dd;padding-bottom:16px;margin-bottom:6px!important}
.co-right .line{padding:16px 0;border-bottom:1px solid #ece8e2;gap:14px}
.co-right .line .thumb{width:64px;height:64px;overflow:hidden;background:#fff;flex:none}
.co-right .line .li b{font-size:13.5px;line-height:1.4;font-weight:600}
.co-right .line>span{font-weight:700;font-size:14px;white-space:nowrap}
.co-right .sum{font-size:14px;color:#555}
.co-right .sum b{color:var(--dark)}
.co-right .sum.total{border-top:1px solid #e0dad2;font-size:20px;color:var(--dark)}
.co-right .btn.block{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:17px;border-radius:40px;font-size:13px;letter-spacing:1.4px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.co-right .btn.block:hover{background:var(--accent);box-shadow:0 10px 26px rgba(255,139,94,.35)}
.co-right .btn.block svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.co-trust{border-top:1px solid #e9e4dd;margin-top:20px}
@media(max-width:991px){.co-page .co-grid{grid-template-columns:1fr;gap:26px}.co-steps li+li::before{width:34px;margin:0 10px}.co-steps{margin-bottom:30px}}
@media(max-width:560px){.co-steps li{font-size:0;gap:0}.co-steps li span{font-size:12px}.co-steps li.on{font-size:12px;gap:8px}.co-card{padding:20px 18px}.co-right{padding:22px 18px}}

/* account redesign: every tab is a real route (/account/orders ...); dark profile card, pill navigation, soft cards */
.acc-page{max-width:1240px;padding-top:50px}
.acc{grid-template-columns:290px minmax(0,1fr);gap:40px}
.acc-side{border:0;box-shadow:0 2px 28px rgba(30,20,10,.08);overflow:hidden;top:100px}
.acc-user{background:linear-gradient(135deg,#1a1a1a,#34302c);color:#fff;border:0;padding:28px 22px;flex-direction:column;align-items:flex-start;gap:14px}
.acc-avatar{width:60px;height:60px;font-size:24px;background:var(--accent);box-shadow:0 0 0 4px rgba(255,255,255,.14)}
.acc-user b{font-size:18px}
.acc-user small{color:rgba(255,255,255,.65);margin-top:2px}
.acc-nav{padding:14px;gap:4px}
.acc-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;font:500 14px Inter,sans-serif;color:#444;cursor:pointer;transition:.2s;border:0}
.acc-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.acc-nav a:hover{background:#f4f2ef;color:#111}
.acc-nav a.on{background:var(--dark);color:#fff;font-weight:600}
.acc-nav a.on svg{stroke:var(--accent)}
.acc-nav a em{margin-left:auto;font-style:normal;font-size:11px;background:#ece8e2;color:#333;border-radius:20px;padding:1px 8px;min-width:20px;text-align:center}
.acc-nav a.on em{background:var(--accent);color:#fff}
.acc-nav a em:empty{display:none}
.acc-nav button{border-left:0}
.acc-nav form{margin:8px 0 0;padding-top:10px}
.acc-nav .acc-logout{color:#b3261e;padding:12px 14px}
.acc-nav .acc-logout:hover{background:#fdeceb}

.acc-panel h2{font:700 28px/1.2 Inter,sans-serif;letter-spacing:-.3px;margin-bottom:8px}
.acc-sub{font:700 18px Inter,sans-serif;margin:34px 0 4px}
.acc-stats{gap:16px;margin-top:26px}
.acc-stats .st{border:0;box-shadow:0 2px 20px rgba(30,20,10,.07);padding:22px;position:relative;overflow:hidden}
.acc-stats .st::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.acc-stats .st:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(30,20,10,.12)}
.acc-stats b{font-size:28px;margin-bottom:4px}
.acc-tablewrap{border:0;box-shadow:0 2px 20px rgba(30,20,10,.07)}
.acc-table th{background:#faf9f7;border-bottom-color:#ece8e2}
.acc-table td{border-bottom-color:#f0ece7}
.tb{border-radius:30px;padding:7px 18px}
.acc-card{border:0;box-shadow:0 2px 20px rgba(30,20,10,.07);padding:28px}
.acc-card .btn{border-radius:30px;padding:13px 30px}


@media(max-width:991px){
  .acc{grid-template-columns:1fr;gap:20px}
  .acc-user{flex-direction:row;align-items:center;padding:18px}
  .acc-avatar{width:48px;height:48px;font-size:19px}
  .acc-nav{flex-direction:row;overflow-x:auto;padding:10px;scrollbar-width:none}
  .acc-nav a,.acc-nav .acc-logout{white-space:nowrap;width:auto;flex:none;padding:10px 16px;border-radius:30px}
  .acc-nav form{margin:0;padding:0}
}

/* cart redesign: progress steps, items as soft rows, sticky summary card, friendly empty state */
.cart-page{max-width:1240px;padding-top:44px}
.cart-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:44px;align-items:start}
.cart-items{min-width:0}
.cart-table{border-collapse:separate;border-spacing:0 14px;margin-top:-14px}
.cart-table th{border:0;font:600 11px Inter,sans-serif;letter-spacing:1.2px;color:#888;padding:6px 18px}
.cart-table td{background:#fff;border:0;padding:18px;box-shadow:0 2px 18px rgba(30,20,10,.06)}
.cart-table td:first-child{width:112px;padding-right:0}
.cart-table td:last-child{}
.cart-table .thumb{width:88px;aspect-ratio:1;overflow:hidden;background:#f6f5f3}
.cart-table .thumb img{object-fit:contain;mix-blend-mode:multiply;padding:6px}
.cart-table td b{font-weight:600;font-size:14.5px;line-height:1.45}
.cart-table td b a:hover{color:var(--accent)}
.cart-table .qty{display:inline-flex;gap:0;margin:0;border:1px solid #d8d8d8;border-radius:30px;overflow:hidden}
.cart-table .qty button{width:34px;height:36px;border:0;background:none;font-size:16px}
.cart-table .qty button:hover{background:#f3f3f3}
.cart-table .qty span{min-width:28px;text-align:center;font-size:14px}
.cart-table .x-btn{width:34px;height:34px;border-radius:50%;border:1px solid #e4e0da;background:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.cart-table .x-btn svg{width:14px;height:14px;fill:none;stroke:#666;stroke-width:2;stroke-linecap:round}
.cart-table .x-btn:hover{background:#b3261e;border-color:#b3261e}
.cart-table .x-btn:hover svg{stroke:#fff}
.cart-back{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.2px;padding-bottom:4px;border-bottom:1px solid var(--dark)}
.cart-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.cart-back:hover{color:var(--accent);border-color:var(--accent)}
.cart-back:hover svg{transform:translateX(-4px)}
.cart-grid .cart-total{min-width:0;background:#faf9f7;box-shadow:0 2px 30px rgba(30,20,10,.08);padding:28px 28px 24px;position:sticky;top:100px}
.cart-total h3{font:700 19px Inter,sans-serif;border-bottom:1px solid #e9e4dd;padding-bottom:16px;margin-bottom:8px}
.cart-total .sum{color:#555;font-size:14px}
.cart-total .sum b{color:var(--dark);font-size:17px}
.cart-total .muted{margin:6px 0 4px;line-height:1.6}
.cart-total .btn.block{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:17px;border-radius:40px;letter-spacing:1.4px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.cart-total .btn.block:hover{background:var(--accent);box-shadow:0 10px 26px rgba(255,139,94,.35)}
.cart-total .btn.block svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.cart-empty{text-align:center;max-width:460px;margin:30px auto 20px;padding:20px 0 40px}
.cart-empty .ce-ic{width:92px;height:92px;border-radius:50%;background:#f6f5f3;display:grid;place-items:center;margin:0 auto 22px}
.cart-empty .ce-ic svg{width:40px;height:40px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cart-empty h2{font:700 26px Inter,sans-serif;margin-bottom:10px}
.cart-empty p{color:#777;line-height:1.7;margin-bottom:24px}
.cart-empty .btn{border-radius:30px;padding:14px 38px}
.cart-empty[hidden],.cart-grid[hidden]{display:none}

@media(max-width:991px){
  .cart-grid{grid-template-columns:1fr;gap:28px}
  .cart-grid .cart-total{position:static}
  .cart-table{border-spacing:0 12px}
  .cart-table tr{background:#fff;box-shadow:0 2px 18px rgba(30,20,10,.06);border-bottom:0;padding:14px 46px 14px 14px;grid-template-columns:84px 1fr auto}
  .cart-table td,.cart-table td:first-child,.cart-table td:last-child{background:none;box-shadow:none;border-radius:0;padding:2px;width:auto}
  .cart-table .thumb{width:84px}
}
.cart-table td{box-shadow:none;border-top:1px solid #ece8e2;border-bottom:1px solid #ece8e2}
.cart-table td:first-child{border-left:1px solid #ece8e2}
.cart-table td:last-child{border-right:1px solid #ece8e2}
@media(max-width:991px){.cart-table td,.cart-table td:first-child,.cart-table td:last-child{border:0}}

/* action buttons are Font Awesome icon buttons (View / Edit / Add / Remove) */
.tb.ic,.addr-edit{width:38px;height:38px;padding:0!important;display:inline-grid!important;place-items:center;border-radius:0;font-size:14px;line-height:1;vertical-align:middle}
.tb.ic+.tb.ic{margin-left:6px}
.tb.ic i,.addr-edit i{pointer-events:none}
a.tb.ic{text-decoration:none}

/* order chat inside the order popup */
.oc{border:1px solid #ece8e2;background:#faf9f7}
.oc-list{height:240px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.oc-empty{margin:auto;text-align:center}
.oc-msg{max-width:78%;display:flex;flex-direction:column;gap:3px}
.oc-msg span{padding:10px 14px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}
.oc-msg small{font-size:11px;color:var(--muted)}
.oc-msg.me{align-self:flex-end;align-items:flex-end}
.oc-msg.me span{background:var(--dark);color:#fff}
.oc-msg.them{align-self:flex-start}
.oc-msg.them span{background:#fff;border:1px solid #e4e0da}
.oc-form{display:flex;border-top:1px solid #ece8e2}
.oc-form input{flex:1;min-width:0;border:0;padding:14px;font:14px Inter,sans-serif;background:#fff;outline:0}
.oc-form .btn{padding:0 22px;border-radius:0}
.oc-state{display:block;padding:6px 14px;font-size:11px;color:#999;border-top:1px solid #ece8e2}
.oc-state.on{color:#1d6b2c}
.oc-state.on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2e9d4b;margin-right:6px}

/* blog list + article, redesigned */
.bl-wrap{max-width:1240px;margin:0 auto;padding:60px 20px 90px}
.bl-meta{display:flex;align-items:center;gap:8px;font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.4px;color:#999}
.bl-meta i{width:3px;height:3px;border-radius:50%;background:#bbb}
.bl-meta b{background:var(--accent);color:#fff;padding:3px 9px;letter-spacing:1px;font-weight:600;margin-right:4px}
.bl-img{display:block;overflow:hidden;background:#f6f5f3}
.bl-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.bl-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:#faf9f7;margin-bottom:60px;color:inherit}
.bl-feature .bl-img{aspect-ratio:4/3}
.bl-feature:hover .bl-img img,.bl-card:hover .bl-img img{transform:scale(1.05)}
.bl-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:50px 56px}
.bl-info h2{font:700 34px/1.2 Inter,sans-serif;letter-spacing:-.4px}
.bl-info p{color:#666;line-height:1.8;font-size:15px}
.bl-feature:hover h2,.bl-card:hover h3{color:var(--accent)}
.bl-info u,.bl-card u{text-decoration:none;display:inline-flex;align-items:center;gap:8px;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid var(--dark);padding-bottom:4px;margin-top:6px}
.bl-info u svg,.bl-card u svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.bl-feature:hover u svg,.bl-card:hover u svg{transform:translateX(4px)}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 30px}
.bl-card{display:flex;flex-direction:column;gap:10px;color:inherit}
.bl-card .bl-img{aspect-ratio:4/3;margin-bottom:6px}
.bl-card h3{font:700 20px/1.35 Inter,sans-serif;transition:color .2s}
.bl-card p{color:#777;font-size:14px;line-height:1.7}
.bl-card u{align-self:flex-start}
@media(max-width:991px){.bl-feature{grid-template-columns:1fr}.bl-info{padding:30px 24px}.bl-info h2{font-size:26px}.bl-grid{grid-template-columns:repeat(2,1fr);gap:36px 22px}}
@media(max-width:600px){.bl-wrap{padding-top:36px}.bl-grid{grid-template-columns:1fr}}

.bd-wrap{max-width:900px;margin:0 auto;padding:56px 20px 90px}
.bd-head{text-align:center;margin-bottom:34px}
.bd-head .bl-meta{justify-content:center;margin-bottom:16px}
.bd-head h1{font:700 42px/1.2 Inter,sans-serif;letter-spacing:-.6px}
.bd-lead{margin-top:16px;color:#777;font-size:17px;line-height:1.7}
.bd-hero{margin:0 -80px 46px;aspect-ratio:16/8;overflow:hidden;background:#f6f5f3}
.bd-hero img{width:100%;height:100%;object-fit:cover;display:block}
.bd-body{font-size:17px;line-height:1.9;color:#444}
.bd-body h2,.bd-body h3{font-family:Inter,sans-serif;color:var(--dark);margin:36px 0 12px;line-height:1.3}
.bd-body p{margin-bottom:20px}
.bd-body img{max-width:100%;height:auto;margin:10px 0}
.bd-body a{color:var(--accent);text-decoration:underline}
.bd-body blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 22px;margin:26px 0;font-size:19px;font-style:italic;color:#222}
.bd-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:50px;padding-top:26px;border-top:1px solid var(--border)}
.bd-share{display:flex;align-items:center;gap:10px}
.bd-share span{font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.4px;color:#888;margin-right:4px}
.bd-share a,.bd-share button{width:38px;height:38px;border:1px solid #d8d8d8;background:#fff;display:inline-grid;place-items:center;cursor:pointer;color:var(--dark);transition:.2s;font-size:14px}
.bd-share a:hover,.bd-share button:hover{background:var(--dark);border-color:var(--dark);color:#fff}
.bd-related{margin:80px -150px 0}
.bd-related .sec-head{margin-bottom:28px}
.bd-related .bl-grid{gap:30px 24px}
@media(max-width:1100px){.bd-hero{margin-left:0;margin-right:0}.bd-related{margin-left:0;margin-right:0}}
@media(max-width:700px){.bd-head h1{font-size:28px}.bd-body{font-size:16px}.bd-related .bl-grid{grid-template-columns:1fr}}

/* shop grid: keep 4 cards per row on laptops, tablets and zoomed browsers; 2 only on phones */
@media(max-width:1199px) and (min-width:701px){.sh-main .g4{grid-template-columns:repeat(4,1fr);gap:24px 16px}}

/* checkout order summary on narrow screens: long names wrap, price and remove button never get cut off */
.co-right{min-width:0}
.co-right .line .li{min-width:0}
.co-right .line .li b{overflow-wrap:anywhere}
@media(max-width:560px){
  .co-right .line{display:grid;grid-template-columns:60px minmax(0,1fr) 34px;gap:6px 12px;align-items:start}
  .co-right .line .thumb{grid-row:1/3;width:60px;height:60px}
  .co-right .line .li{grid-column:2;grid-row:1}
  .co-right .line>span{grid-column:2;grid-row:2;font-size:14px}
  .co-right .line .x-btn{grid-column:3;grid-row:1;margin:0}
}

/* about page */
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:90px}
.ab-pics{position:relative;aspect-ratio:1/1}
.ab-pic{position:absolute;background:#f6f5f3;overflow:hidden;display:block}
.ab-pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%}
.ab-pic.p0{left:0;top:0;width:68%;height:78%}
.ab-pic.p1{right:0;bottom:0;width:52%;height:48%;box-shadow:0 0 0 10px #fff}
.ab-text small,.ab-values small{display:block;font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:12px}
.ab-text h2{font:700 36px/1.2 Inter,sans-serif;letter-spacing:-.4px;margin-bottom:18px}
.ab-text p{color:#666;line-height:1.85;margin-bottom:16px;font-size:15.5px}
.ab-text .btn{margin-top:10px}
.ab-stats{background:var(--dark);color:#fff;padding:54px 0}
.ab-stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.ab-stats b{display:block;font:700 44px/1.1 Inter,sans-serif;color:#fff}
.ab-stats span{font:500 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.65)}
.ab-values{padding-top:90px;padding-bottom:90px}
.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ab-grid>div{background:#faf9f7;padding:34px 26px}
.ab-grid span{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;margin-bottom:20px;box-shadow:0 2px 14px rgba(30,20,10,.08)}
.ab-grid svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-grid h3{font:700 18px Inter,sans-serif;margin-bottom:8px}
.ab-grid p{color:#777;font-size:14px;line-height:1.7}
.ab-cta{background:#f6f5f3;text-align:center;padding:70px 0}
.ab-cta h2{font:700 30px/1.3 Inter,sans-serif;margin-bottom:24px}
@media(max-width:991px){.ab-story{grid-template-columns:1fr;gap:40px;padding-top:56px;padding-bottom:56px}.ab-pics{max-width:480px;margin:0 auto;width:100%}.ab-stats .container{grid-template-columns:repeat(2,1fr);gap:30px}.ab-grid{grid-template-columns:repeat(2,1fr)}.ab-values{padding-top:56px;padding-bottom:56px}}
@media(max-width:560px){.ab-grid{grid-template-columns:1fr}.ab-text h2{font-size:28px}.ab-cta h2{font-size:23px}}

/* home: New Arrivals + Best Sellers sections, card tags */
.hp-sec{padding-top:84px}
.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px}
.hp-grid .card .ph{aspect-ratio:4/5;background:#f6f5f3;border:0}
.hp-grid .card .ph img{mix-blend-mode:multiply}
.hp-grid .card h4{font:500 14px/1.4 Inter,sans-serif;margin-top:14px}
.hp-grid .card .pr{font-size:14px;margin-top:6px}
.hp-band{background:#faf9f7}
.hp-band .container.section{padding-top:84px;padding-bottom:84px}
.hp-band .card .ph{background:#fff}
.hp-band[hidden],.hp-sec[hidden]{display:none}
.card .tag{position:absolute;left:10px;top:10px;z-index:3;background:var(--dark);color:#fff;font:600 10px Inter,sans-serif;text-transform:uppercase;letter-spacing:1px;padding:5px 10px}
.card .tag.best{background:var(--accent)}
@media(max-width:991px){.hp-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}.hp-sec,.hp-band .container.section{padding-top:56px;padding-bottom:56px}}

/* variant choices on product cards: colour dots + size chips (each opens the product on that variant) */
.card .opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;position:relative;z-index:3}
.card .opts .oc{min-width:30px;padding:4px 8px;border:1px solid #d8d8d8;background:#fff;font:500 11px Inter,sans-serif;text-align:center;color:#444;transition:.2s;line-height:1.3}
.card .opts .oc:hover{border-color:var(--dark);background:var(--dark);color:#fff}
.card .opts .oc.out{color:#aaa;text-decoration:line-through;border-style:dashed}
.card .opts .od{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px #d0d0d0 inset;border:2px solid #fff;outline:1px solid #d0d0d0;transition:.2s}
.card .opts .od:hover{outline-color:var(--dark)}
.card .opts .od.out{opacity:.4}
.card .sw-row{margin-top:8px}

/* checkout, second pass: addresses side by side, icon payment tiles, tidier summary */
.co-page{max-width:1280px}
.co-page .co-grid{grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr);gap:40px}
#addrBox{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
#addrBox .co-card{margin-bottom:0;display:flex;flex-direction:column}
#addrBox .co-step h3{font-size:17px}
#addrBox .addr-list{flex:1}
#addrBox .addr-item{height:100%;align-items:flex-start}
.co-card .radio{align-items:center}
.rd-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px #e4e0da inset;color:var(--dark);font-size:16px}
.co-card .radio:has(input:checked) .rd-ic{background:var(--dark);color:#fff;box-shadow:none}
.co-card .radio input{margin:0}
.co-right .line .qty{border:1px solid #d8d8d8;display:inline-flex;gap:0;margin-top:8px}
.co-right .line .qty button{width:30px;height:30px;border:0;background:#fff;font-size:15px;cursor:pointer}
.co-right .line .qty button:hover{background:var(--dark);color:#fff}
.co-right .line .qty span{min-width:30px;text-align:center;font-size:13px}
.co-right .line .thumb{width:72px;height:90px;aspect-ratio:auto}
.co-right .line .thumb img{object-fit:cover}
@media(max-width:1100px){#addrBox{grid-template-columns:1fr}}
.co-page{max-width:1200px}
.co-right .line .li{display:flex;flex-direction:column;align-items:flex-start;gap:2px}

/* checkout: the four steps live in ONE card, tighter spacing */
.co-left{background:#fff;box-shadow:0 2px 24px rgba(30,20,10,.07);padding:6px 30px 10px}
.co-left .co-card{background:none;box-shadow:none;padding:20px 0;margin:0;border-bottom:1px solid #efebe5}
.co-left>.co-card:last-child{border-bottom:0}
.co-left #addrBox{gap:0 30px;margin:0;border-bottom:1px solid #efebe5}
.co-left #addrBox .co-card{border-bottom:0}
.co-left .co-step{margin-bottom:12px}
.co-left .co-step span{width:26px;height:26px;font-size:12px}
.co-left .co-step h3,.co-left .co-grid .co-step h3{font-size:16px}
.co-left .co-card .addr-item{padding:12px 14px}
.co-left .co-card .radio{padding:11px 14px;margin-top:8px}
.co-left .co-card .radio:first-of-type{margin-top:0}
.co-left .rd-ic{width:34px;height:34px;font-size:14px}
.co-left .co-note{margin-top:10px;padding:9px 12px}
@media(max-width:1100px){.co-left #addrBox .co-card{border-bottom:1px solid #efebe5}.co-left #addrBox .co-card:last-child{border-bottom:0}}
@media(max-width:560px){.co-left{padding:2px 16px 6px}}

/* addresses: several shipping addresses, pick one */
.addr-act{display:flex;gap:6px;flex:none}
.addr-item.pick{cursor:pointer;transition:border-color .2s,box-shadow .2s}
.addr-item.pick:hover{border-color:#bdb7ae}
.addr-item.pick.on{border-color:var(--dark);box-shadow:inset 0 0 0 1px var(--dark);background:#fff}
.addr-item.pick .addr-check{border-radius:50%}
.addr-new{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:1px dashed #bdb7ae;background:none;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:var(--dark);cursor:pointer;transition:.2s}
.addr-new:hover{border-color:var(--dark);background:var(--dark);color:#fff}
.addr-head2{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 4px}
.addr-head2 .muted{margin:0;flex:1;min-width:220px}
.addr-head2 .btn{border-radius:0;padding:11px 22px;white-space:nowrap}
.addr-head2 .btn i{margin-right:6px}
/* addresses: billing and shipping stacked, shipping cards two per row */
.co-left #addrBox{grid-template-columns:1fr}
.co-left #addrBox .co-card{border-bottom:1px solid #efebe5}
.co-left #addrBox .co-card:last-child{border-bottom:0}
.co-left #addrShipping{grid-template-columns:repeat(2,minmax(0,1fr))}
.co-left #addrShipping .addr-new{grid-column:1/-1}
.co-left .addr-item{height:auto}
.addr-body p span{display:block;margin:0}
.addr-body p span+span{margin-left:0}
@media(max-width:700px){.co-left #addrShipping{grid-template-columns:1fr}}

/* home: gender tiles, sale banner, lookbook */
.hg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hg-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#f6f5f3;color:#fff}
.hg-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hg-tile:hover img{transform:scale(1.06)}
.hg-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 55%)}
.hg-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;display:flex;flex-direction:column;gap:6px}
.hg-cap b{font:700 28px/1.1 Inter,sans-serif}
.hg-cap em{font-style:normal;font-size:13px;opacity:.85}
.hg-cap u{text-decoration:none;font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.4px;margin-top:8px;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #fff;padding-bottom:4px;align-self:flex-start}
.hg-cap u svg,.hp-promo .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.hg-tile:hover u svg,.hp-promo .btn:hover svg{transform:translateX(4px)}

.hp-promo{position:relative;background:#2b2b2b center/cover no-repeat;color:#fff;margin:84px 0 0}
.hp-promo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25))}
.hp-promo-in{position:relative;max-width:1200px;margin:0 auto;padding:110px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hp-promo small{font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--accent)}
.hp-promo h2{font:700 46px/1.1 Inter,sans-serif;letter-spacing:-.6px;max-width:560px}
.hp-promo p{max-width:440px;opacity:.85;line-height:1.7}
.hp-promo .btn{background:#fff;color:var(--dark);display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:15px 34px}
.hp-promo .btn:hover{background:var(--accent);color:#fff}
.hp-promo+.hp-sec{padding-top:84px}

.hp-look{background:#faf9f7;padding:84px 0}
.hl-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:14px}
.hl-tile{position:relative;overflow:hidden;background:#f0ede8;display:block}
.hl-tile.n0{grid-column:span 2;grid-row:span 2}
.hl-tile.n3{grid-row:span 2}
.hl-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hl-tile:hover img{transform:scale(1.06)}
.hl-tile span{position:absolute;inset:auto 0 0 0;padding:16px 18px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);display:flex;flex-direction:column;gap:2px;transform:translateY(100%);transition:transform .35s}
.hl-tile:hover span{transform:none}
.hl-tile b{font:600 14px Inter,sans-serif}
.hl-tile em{font-style:normal;font-size:13px;opacity:.9}
@media(max-width:991px){.hg-grid{gap:12px}.hg-cap{padding:16px}.hg-cap b{font-size:20px}.hp-promo-in{padding:70px 20px}.hp-promo h2{font-size:32px}.hl-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.hl-tile.n0{grid-column:span 2;grid-row:span 1}.hl-tile.n3{grid-row:span 1}.hp-look{padding:56px 0}}
@media(max-width:600px){.hg-grid{grid-template-columns:1fr}.hg-tile{aspect-ratio:4/3}}
@media(hover:none){.hl-tile span{transform:none}}
.hp-promo h2,.hp-promo p{color:#fff}
.hp-promo-in{z-index:2}
.hl-tile.n3{grid-row:span 1}
@media(max-width:991px){.hl-tile.n4{grid-column:span 2}}

/* home "Our Collections": same width as the other sections, left-aligned captions, lighter overlay */
.container.sc{max-width:none}
.sc-grid{height:720px;gap:20px}
.sc-tile{align-items:flex-end;justify-content:flex-start;text-align:left}
.sc-tile::after{background:linear-gradient(to top,rgba(10,6,4,.72),rgba(10,6,4,0) 55%)}
.sc-text{align-items:flex-start;gap:6px;padding:0 30px 30px;width:100%}
.sc-text .sc-n{font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:2px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);padding:5px 10px;margin-bottom:6px}
.sc-text b{font-size:32px;text-transform:none;letter-spacing:-.4px}
.sc-text em{font-size:14px;max-width:360px;opacity:.9}
.sc-text u{display:inline-flex;align-items:center;gap:8px;margin-top:10px;border-bottom:1px solid #fff}
.sc-text u svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.sc-tile:hover u svg{transform:translateX(5px)}
.sc-grid .t1 .sc-text b,.sc-grid .t2 .sc-text b{font-size:24px}
.sc-grid .t1 .sc-text,.sc-grid .t2 .sc-text{padding:0 24px 24px}
@media(max-width:991px){.sc-grid{height:600px}.sc-text b{font-size:24px}}
@media(max-width:700px){.sc-text{padding:0 20px 22px}.sc-text b{font-size:22px}}
.container.sc{max-width:1200px}