:root{--ink:#17181c;--mut:#5f6672;--line:#e4e6ea;--sand:#fbefdf;--orange:#e08a2c;--grey:#f1f2f4;--dark:#14171c;--ok:#1f9d55;--bad:#c0392b}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.6 'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
/* header */
.hd{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:28px;height:72px;flex-wrap:wrap}
.logo{font-weight:700;font-size:24px;letter-spacing:.5px;display:flex;align-items:center;gap:3px}.logo b{font-size:26px}
.menu{display:flex;gap:24px;font-size:14px;font-weight:600;letter-spacing:.3px}.menu a{padding:6px 0;border-bottom:2px solid transparent}.menu a:hover{color:var(--orange);border-color:var(--orange)}
.search{flex:1;max-width:460px;margin-left:auto;display:flex;border:1px solid #cfd3d9;border-radius:6px;overflow:hidden}
.search input{flex:1;border:0;padding:11px 14px;font:inherit;font-size:15px;background:none;min-width:0}.search button{border:0;background:#f5f6f8;padding:0 16px;font-size:20px;cursor:pointer}
.icons{display:flex;gap:22px;font-size:12px;font-weight:500}.icons a{display:flex;flex-direction:column;align-items:center;position:relative;line-height:1.3}.icons i{font-style:normal;font-size:20px}
.icons em{position:absolute;top:-5px;right:-8px;background:var(--orange);color:#fff;font-style:normal;border-radius:10px;padding:0 6px;font-size:11px;font-weight:600}
.flash{background:var(--ok);color:#fff;padding:12px 16px;text-align:center;font-size:15px}.flash.bad{background:var(--bad)}
/* hero */
.hero{position:relative;aspect-ratio:21/7;max-height:520px;background:var(--grey);overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s}.slide.on{opacity:1}
.cap{position:absolute;right:7%;top:50%;transform:translateY(-50%);color:#fff;text-align:right;text-shadow:0 2px 14px #0007;max-width:42%}.cap h2{margin:0;font-size:clamp(24px,4vw,52px);font-weight:600;line-height:1.15}.cap p{margin:8px 0 0;font-size:clamp(14px,1.6vw,20px)}
.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.dots i{width:10px;height:10px;border-radius:50%;background:#fff8}.dots i.on{width:30px;border-radius:6px;background:#fff}
.strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--grey);text-align:center;font-size:15px;font-weight:600}.strip a{padding:16px}.strip a:hover{background:#e3e5e9}
/* tiles */
.ph{width:100%;height:100%;min-height:90px;display:grid;place-items:center;text-align:center;padding:10px;color:#80858f;font-size:13px;background:linear-gradient(160deg,#f4f5f7,#d9dce1)}
.tile{position:relative;display:block;overflow:hidden;background:var(--grey);border-radius:6px}.tile img{transition:transform .4s}.tile:hover img{transform:scale(1.04)}
.lbl{position:absolute;left:16px;bottom:14px;color:#fff;font-weight:600;font-size:20px;text-shadow:0 2px 10px #000b}
.cat-title{background:var(--sand);color:var(--orange);text-align:center;margin:28px 0 16px;padding:18px;font-size:26px;font-weight:600;letter-spacing:1px;border-radius:6px}
.grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.catc{text-align:center;font-weight:500;font-size:15px}.catc .tile{aspect-ratio:1;margin-bottom:8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.wide{aspect-ratio:16/7}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.promo{aspect-ratio:1}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.pcard{display:block}.pimg{aspect-ratio:1;background:var(--grey);overflow:hidden;position:relative;border-radius:6px}.pimg img{transition:transform .4s}.pcard:hover .pimg img{transform:scale(1.05)}
.pname{margin-top:10px;font-size:15px;font-weight:500;line-height:1.35}.pprice{font-size:17px;font-weight:700;margin-top:2px}.pprice s{color:var(--mut);font-weight:400;font-size:14px;margin-right:6px}
.sold{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:12px;padding:3px 10px;border-radius:3px}.off{position:absolute;top:10px;right:10px;background:var(--bad);color:#fff;font-size:12px;padding:3px 8px;border-radius:3px}
.about{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin:48px 0}.about h3{margin:0;font-size:30px;font-weight:600}.about h3 span{color:#1b9a6c}
.about .lead{font-size:20px;margin:8px 0 12px;font-weight:500}.about p{color:var(--mut);font-size:16px}.fabric{height:240px;border-radius:6px;background:linear-gradient(135deg,#e9ecef 0 20%,#c3cad4 20% 40%,#1d2a44 40% 60%,#3a2a2a 60% 80%,#fff 80%)}
.sec{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:18px;margin:0 0 40px;align-items:start}
.sec .feat{grid-row:span 2;grid-column:1;align-self:stretch;min-height:420px}.sec .feat img,.sec .feat .ph{position:absolute;inset:0}
/* pages */
.page{padding:36px 20px 70px}.page h1{margin:0 0 20px;font-size:32px;font-weight:600}.full{grid-column:1/-1;margin-top:34px}
.filters,.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select,.form input,.form textarea,.form select,.qty{padding:11px 14px;border:1px solid #cfd3d9;border-radius:6px;font:inherit;font-size:15px;width:auto}
.chips a{border:1px solid var(--line);padding:6px 16px;border-radius:24px;font-size:14px}.chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn{display:inline-block;border:0;background:var(--orange);color:#fff;padding:13px 28px;border-radius:6px;font:600 15px 'Poppins',system-ui,sans-serif;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn.dark{background:var(--ink)}
.link{background:none;border:0;color:var(--bad);cursor:pointer;font:inherit}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:44px}.pdp-img{aspect-ratio:1}.info small{color:var(--mut)}.info h1{margin:6px 0}.amt{font-size:28px;font-weight:700;margin:6px 0 14px}.amt s{color:var(--mut);font-size:18px;font-weight:400}
.sizes{border:0;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.sizes label input{position:absolute;opacity:0}.sizes span{border:1px solid #cfd3d9;padding:8px 18px;cursor:pointer;display:inline-block;border-radius:6px;font-size:15px}.sizes input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.sizes input:focus-visible+span{outline:2px solid var(--orange)}
.row{display:flex;gap:12px;margin:18px 0}.sold-line,.err{color:var(--bad)}
.line{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.thumb{aspect-ratio:1}
.sum{background:#fafafa;border:1px solid var(--line);padding:20px;margin-top:20px;border-radius:8px}.sum p{display:flex;justify-content:space-between;margin:8px 0}.tot{font-size:19px}
.co{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.form{display:grid;gap:12px}.form label{display:grid;gap:5px;font-size:14px;font-weight:500}.form input,.form textarea,.form select{width:100%}
.pager{display:flex;gap:6px;justify-content:center;margin-top:30px;flex-wrap:wrap}.pager a,.pager span{padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-size:14px}.pager .on{background:var(--ink);color:#fff;border-color:var(--ink)}.pager .off{color:#aaa}.pager a:hover{background:var(--grey)}
/* footer */
.ft{margin-top:50px;border-top:1px solid var(--line);font-size:15px}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:44px 20px}
.ft h4{margin:0 0 14px;font-size:18px}.ft-grid a:not(.logo):not(.store){display:block;margin:9px 0;color:#444}.ft-grid a:hover{color:var(--orange)}.ft p{color:#555;margin:10px 0}
.soc{display:flex;gap:10px}.soc span{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px}
.app{border:1px solid var(--line);padding:16px;margin-top:18px;display:grid;gap:10px;border-radius:8px}.store{background:#000;color:#fff;padding:9px 14px;border-radius:6px;text-align:center;font-weight:500}
.pay{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 20px;align-items:center}.chip{border:1px solid var(--line);padding:3px 10px;margin-left:8px;font-size:12px;border-radius:4px}
.copy{background:var(--dark);color:#d4d8de;padding:14px 0;font-size:13px}.copy .wrap{display:flex;justify-content:space-between}
@media(max-width:1000px){.grid6{grid-template-columns:repeat(3,1fr)}.grid5{grid-template-columns:repeat(3,1fr)}.sec{grid-template-columns:repeat(2,1fr)}.sec .feat{grid-column:1/-1;grid-row:auto;aspect-ratio:16/8;min-height:0}.grid3,.grid2,.about,.pdp,.co{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}.hd-in{height:auto;padding:10px 20px;gap:12px}.menu{order:5;width:100%;overflow-x:auto;gap:20px;white-space:nowrap}.search{order:4;max-width:none;width:100%;margin:0;flex-basis:100%}.hero{aspect-ratio:16/8}.cap{max-width:60%}}
@media(max-width:560px){.grid5{grid-template-columns:repeat(2,1fr)}.grid6{grid-template-columns:repeat(2,1fr)}.line{grid-template-columns:64px 1fr auto}.strip a{padding:12px 4px;font-size:13px}.ft-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* ---- v3: cards, product page, checkout, toast ---- */
.search{background:#f3f4f6;border-color:#f3f4f6}.search button{background:transparent}.logo{font-weight:800}
.pcard{display:flex;flex-direction:column;min-width:0}.pimg{display:block}.pbadge{position:absolute;right:8px;bottom:8px;background:#fffe;padding:2px 10px;border-radius:4px;font-size:14px}.pbadge s{color:#888;font-size:12px}
.pname{margin:10px 0 8px;font-size:15px;font-weight:500;line-height:1.35;flex:1}.pname:hover{color:var(--orange)}
.addbtn{display:block;width:100%;background:#111;color:#fff;border:0;padding:11px;font:600 14px 'Poppins',system-ui,sans-serif;cursor:pointer;border-radius:4px}.addbtn:hover{background:#2b2b2b}.addbtn[disabled]{background:#c9ccd2;cursor:not-allowed}.addbtn.sm{display:inline-block;width:auto;padding:8px 16px;font-size:13px}
.sale-tag{position:absolute;top:12px;left:12px;background:#e53935;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:3px;letter-spacing:.5px}
.grid6p{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:10px}.grid5 .pcard,.sec .pcard{min-width:0}
.chipsz input{position:absolute;opacity:0;pointer-events:none}.chipsz{position:relative}.chipsz span{display:inline-block;min-width:52px;text-align:center;border:1px solid #cfd3d9;padding:8px 14px;cursor:pointer;border-radius:4px;font-size:15px;background:#fff}.chipsz input:checked+span{background:#111;color:#fff;border-color:#111}.chipsz input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.sizes{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px;border:0;padding:0}
/* product page */
.pdp-wrap{padding:36px 20px 40px}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.pdp-img{aspect-ratio:1;border-radius:4px}
.sech{font-size:20px;font-weight:500;margin:34px 0 14px;padding-bottom:8px;border-bottom:1px solid #333}.pdp-left .sech{margin-top:22px}
.fbt{display:flex;gap:18px;align-items:center}.fbt .tile{width:150px;flex:none;aspect-ratio:1}.fbt p{margin:4px 0 8px}.fbt s{color:#888}
.pdp-card{border:1px solid var(--line);border-radius:10px;padding:26px}.pdp-card h1{margin:0 0 12px;font-size:26px;line-height:1.3;font-weight:600}
.pdp-price{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pdp-price b{font-size:30px}.pdp-price s{color:#888;font-size:16px}.offb{background:#fdecea;color:#c62828;font-size:13px;font-weight:600;padding:2px 10px;border-radius:4px}
.lbl2{font-weight:600;font-size:15px}.buy{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.stepper{display:inline-flex;border:1px solid #bbb;border-radius:4px;align-items:center}.stepper button{background:#fff;border:0;width:40px;height:44px;font-size:20px;cursor:pointer}.stepper input{width:52px;height:44px;text-align:center;border:0;border-left:1px solid #ddd;border-right:1px solid #ddd;font:inherit;-moz-appearance:textfield}
.stepper.sm{border:1px solid #ccc}.stepper.sm form{display:contents}.stepper.sm button{width:30px;height:32px;font-size:16px}.stepper.sm span{width:34px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:32px;font-size:14px}
.btn.black{background:#111}.btn.outline{background:#fff;color:#111;border:2px solid #111;padding:11px 26px}
.info-box{background:#f6f7f8;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:6px 0 20px;font-size:14px}.info-box b{display:block;margin-bottom:6px}.info-box div{display:flex;gap:16px;flex-wrap:wrap;color:#555;font-size:13px}
.desc{color:#444;font-size:15px;line-height:1.7;margin-bottom:18px}.pdp-card h4{font-size:16px;margin:20px 0 8px}.pdp-card h4 small{font-weight:400;color:#666}.fab{margin:0;padding-left:20px;color:#444;line-height:1.8;font-size:15px}
.tabs2{display:flex;gap:6px;margin:8px 0}.tabs2 button{border:1px solid #ddd;background:#f4f4f4;padding:8px 18px;cursor:pointer;font:inherit;font-size:14px}.tabs2 button.on{background:#fff;font-weight:600;border-bottom-color:#fff}
.scroll{overflow-x:auto}.sc{width:100%;border-collapse:collapse;font-size:14px}.sc th,.sc td{padding:9px 12px;text-align:left}.sc th{background:#f1f2f3;font-weight:600}.sc tr:nth-child(even) td{background:#f8f8f9}
/* checkout */
.co2{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;padding:36px 20px 40px;align-items:start}
.co-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fafafa}.co-head{background:#111;color:#fff;font-weight:700;padding:20px 24px;font-size:17px}.co-body{padding:22px 24px;display:grid;gap:16px}
.fld2{display:grid;gap:7px}.fld2>span{font-weight:700;font-size:15px}.fld2 em{color:#e53935;font-style:normal}.inp{display:flex;border:1px solid #cfd3d9;border-radius:4px;overflow:hidden;background:#fff}.inp i{width:52px;display:grid;place-items:center;background:#ececee;font-style:normal;font-size:19px}
.inp input{flex:1;border:0;padding:15px 16px;font:inherit;font-size:16px;min-width:0}.inp:focus-within{outline:2px solid var(--orange)}.inp input:focus{outline:0}
.areas{display:grid;grid-template-columns:1fr 1fr;gap:14px}.area{display:flex;align-items:center;gap:10px;border:1px solid #d8dbe0;border-radius:4px;padding:18px 14px;cursor:pointer;background:#fff}.area input{accent-color:#111;width:18px;height:18px}.area b{flex:1}.area em{background:#eee;border-radius:14px;padding:2px 12px;font-size:13px;font-style:normal;font-weight:700}.area:has(input:checked){border:2px solid #111;background:linear-gradient(90deg,#f1f1f1,#fff)}
.pay-opt{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;border:1px solid #d8dbe0;border-radius:6px;padding:14px 16px;cursor:pointer;background:#fff}.pay-opt input{accent-color:#111;width:18px;height:18px}.pay-opt small{grid-column:2;color:#666}.pay-opt:has(input:checked){border:2px solid #111}
.priv{font-size:13px;color:#666;margin:4px 0}.btn-place{background:#111;color:#fff;border:0;padding:18px;font:700 18px 'Poppins',system-ui,sans-serif;letter-spacing:1px;cursor:pointer;border-radius:3px}.btn-place:hover{background:#000}
.notes{background:#fff;border:1px solid var(--line);padding:18px;display:grid;gap:6px}.notes textarea{border:1px solid #cfd3d9;border-radius:4px;padding:12px;font:inherit;width:100%}.notes small{color:#666}
.co-side{border:1px solid var(--line);border-radius:4px;overflow:hidden;position:sticky;top:90px}.co-head2{background:#eeeff1;font-weight:700;font-size:18px;padding:20px 24px}
.ot{width:100%;border-collapse:collapse}.ot th{background:#f1f2f4;text-align:left;padding:14px 16px;font-size:15px}.ot td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}.r{text-align:right!important}.ot .tt td{font-size:15px}
.ol{display:flex;gap:12px;align-items:center}.thumb2{width:52px;height:52px;flex:none;border-radius:4px}.coupon{background:#111;padding:14px}.coupon form{display:flex;gap:10px;align-items:center;color:#fff}.coupon input{flex:1;border:0;padding:15px;font:inherit;border-radius:2px;min-width:0}.coupon button{background:#111;color:#fff;border:2px solid #fff;padding:12px 22px;font-weight:700;cursor:pointer;letter-spacing:1px}.coupon span{flex:1}
/* toast, modal, whatsapp */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#111;color:#fff;padding:13px 24px;border-radius:30px;font-size:15px;opacity:0;pointer-events:none;transition:.25s;z-index:99;box-shadow:0 8px 24px #0004}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.bad{background:var(--bad)}
.modal{position:fixed;inset:0;background:#0007;display:none;place-items:center;z-index:90;padding:20px}.modal.show{display:grid}.mbox{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:100%;position:relative}.mbox h4{margin:0 30px 4px 0;font-size:17px}.mbox p{margin:0;color:#666}.mx{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.mbox .btn{width:100%}
.wa{position:fixed;right:20px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 6px 20px #25d36688;z-index:40}
.ft h4{display:inline-block;border-bottom:2px solid #111;padding-bottom:4px}.ft-grid a:not(.logo):not(.store)::before{content:'› ';font-weight:700;margin-right:4px}
@media(max-width:1000px){.pdp,.co2{grid-template-columns:1fr}.grid6p{grid-template-columns:repeat(3,1fr)}.co-side{position:static}}
@media(max-width:560px){.grid6p{grid-template-columns:repeat(2,1fr)}.areas{grid-template-columns:1fr}.pdp-card{padding:18px}.buy .btn{flex:1}}