:root{--page:#f3eef4;--surface:#fff;--surface-soft:#faf6fb;--ink:#211e23;--muted:#716b75;--accent:#9a5578;--accent-strong:#713650;--accent-soft:#ecdce5;--line:#e5dce3;--shadow:0 18px 50px rgba(51,32,44,.09);--radius:18px}
body[data-theme="men"]{--page:#edf2f6;--surface-soft:#f5f8fa;--ink:#17232d;--muted:#65717a;--accent:#3f6e8a;--accent-strong:#294f67;--accent-soft:#d7e5ed;--line:#d9e2e7;--shadow:0 18px 50px rgba(28,53,69,.09)}
body[data-theme="kids"]{--page:#eef7f2;--surface-soft:#f6fbf8;--ink:#173027;--muted:#64766e;--accent:#42926f;--accent-strong:#28684e;--accent-soft:#d5eee2;--line:#d9e9e1;--shadow:0 18px 50px rgba(35,83,63,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}.icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.collection-ribbon{height:82px;background-color:var(--accent);background-image:linear-gradient(105deg,var(--accent-strong),var(--accent),var(--accent-soft));background-position:center;background-size:cover;transition:background-color .35s}.page-shell{max-width:1200px;margin:auto;padding:0 20px 100px}.main-category-nav{width:min(900px,100%);margin:-34px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 16px 45px rgba(27,26,29,.14);backdrop-filter:blur(12px)}.main-category-nav button{min-height:74px;border:0;background:transparent;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 16px;color:#4e4a51;transition:.25s}.main-category-nav button:hover{background:var(--surface-soft);color:var(--accent-strong)}.main-category-nav button.active{background:var(--accent);color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 28%,transparent)}.category-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid currentColor;border-radius:13px;flex:0 0 auto}.category-icon .icon{width:24px;height:24px}.category-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.main-category-nav button>span:last-child{display:flex;flex-direction:column;text-align:left}.main-category-nav b{font-size:16px;line-height:1.15;letter-spacing:.04em;text-transform:uppercase}.main-category-nav small{font-size:10px;opacity:.72;margin-top:4px}.catalogue-note{text-align:center;color:var(--muted);margin:17px auto 28px;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-head>div>small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.16em}.section-head h1{font-size:24px;line-height:1.15;margin:3px 0 0;letter-spacing:-.03em}.section-head p{color:var(--muted);font-size:11px;margin:3px 0 0}.section-head>button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent-strong);font-weight:700;font-size:12px;padding:8px}.section-head>button .icon{width:16px}.featured-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:224px;overflow-x:auto;gap:10px;padding:3px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:none}.featured-scroll::-webkit-scrollbar{display:none}.featured-card{scroll-snap-align:start;display:grid;grid-template-columns:89px 1fr;align-items:center;gap:11px;height:137px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:7px;box-shadow:var(--shadow);color:inherit;transition:.2s}.featured-card:hover{transform:translateY(-2px);border-color:var(--accent-soft)}.featured-card[hidden]{display:none}.featured-card img,.featured-card>.preview-product,.mini-placeholder{width:89px;height:123px;object-fit:cover;object-position:center top;border-radius:13px;background:var(--accent-soft)}.mini-placeholder{display:grid;place-items:center;font-size:20px;font-weight:800;color:var(--accent-strong)}.featured-copy{display:flex;flex-direction:column;min-width:0}.featured-copy>small{font-size:8px;letter-spacing:.11em;color:var(--accent);font-weight:800}.featured-copy b{font-size:14px;line-height:1.25;margin:5px 0 7px}.featured-copy>span{font-size:11px;color:var(--accent-strong);font-weight:750}.catalogue-section{margin-top:19px}.subcategory-panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px 92px 8px 8px;box-shadow:0 8px 24px rgba(38,31,35,.04)}.subcategory-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:42px;overflow:hidden}.subcategory-grid.expanded{max-height:none}.subcategory-grid button{height:36px;white-space:nowrap;border:1px solid transparent;background:var(--surface-soft);border-radius:10px;padding:0 13px;color:var(--ink);font-size:11px}.subcategory-grid button:hover{border-color:var(--accent-soft)}.subcategory-grid button.active{background:var(--accent);color:#fff}.subcategory-grid button[hidden]{display:none}.subcategory-grid button img{width:22px;height:22px;border-radius:7px;object-fit:cover;vertical-align:middle;margin-right:6px}.category-expand{position:absolute;right:8px;top:8px;height:36px;display:flex;align-items:center;gap:4px;border:0;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);font-size:10px;font-weight:700;padding:0 9px}.category-expand .icon{width:14px;transition:.2s}.subcategory-grid.expanded+.category-expand .icon{transform:rotate(180deg)}.catalogue-tools{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}.search-box{height:48px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:0 15px;box-shadow:0 8px 24px rgba(38,31,35,.04)}.search-box .icon{color:var(--muted);flex:0 0 auto}.search-box input{border:0;outline:none;background:transparent;width:100%;padding:0 11px;color:var(--ink)}.search-box input::placeholder{color:#99939c}.filter-button{height:48px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:0 16px;color:var(--ink);font-weight:650}.filter-button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;background:var(--accent);color:#fff;border-radius:99px;font-size:9px}.result-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin:17px 2px 10px;font-size:11px}.result-row b{color:var(--ink)}.result-row label{display:flex;align-items:center;gap:6px}.result-row select{border:0;background:transparent;color:var(--ink);font-weight:650}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product-card{display:grid;grid-template-columns:41% 59%;min-height:242px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);outline:none;transition:.22s}.product-card:hover,.product-card:focus-visible{transform:translateY(-2px);border-color:var(--accent-soft)}.product-card[hidden]{display:none}.product-media{position:relative;background:var(--accent-soft);overflow:hidden}.product-media>img,.product-media>.preview-product{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:.35s}.product-card:hover .product-media>img{transform:scale(1.025)}.product-media em{position:absolute;left:9px;top:9px;background:rgba(255,255,255,.92);border-radius:7px;padding:5px 8px;font-style:normal;font-size:7px;font-weight:800;letter-spacing:.11em;color:var(--accent-strong)}.image-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:var(--accent-strong);background:linear-gradient(145deg,var(--surface-soft),var(--accent-soft))}.image-placeholder span{font-size:34px;font-weight:800}.image-placeholder small{font-size:7px;letter-spacing:.16em}.product-copy{padding:17px;min-width:0;display:flex;flex-direction:column}.product-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:var(--accent);font-weight:800}.product-meta code{color:var(--muted);font-family:inherit}.product-copy h2{font-size:19px;line-height:1.15;margin:7px 0 6px;letter-spacing:-.025em}.product-copy p{color:var(--muted);font-size:11px;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.details{color:var(--muted);font-size:9px}.product-bottom{display:flex;align-items:end;gap:9px;margin-top:auto}.prices{display:flex;flex-direction:column;color:var(--accent-strong);font-size:13px}.product-bottom button{border:0;background:var(--ink);color:#fff;border-radius:11px;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;margin-left:auto}.product-bottom button .icon{width:17px}.product-bottom button.selected{background:var(--accent)}.empty-state{text-align:center;padding:60px}.empty-state b{font-size:24px}.empty-state p{color:var(--muted)}.selection-launcher{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:55;width:54px;height:58px;display:grid;place-items:center;border:0;border-radius:16px 4px 4px 16px;background:var(--ink);color:#fff;box-shadow:0 14px 35px rgba(20,20,20,.24);transition:.25s}.selection-launcher:hover{width:59px;background:var(--accent-strong)}.selection-launcher .icon{width:23px;height:23px}.selection-launcher b{position:absolute;right:-4px;top:-6px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;background:var(--accent);border:2px solid var(--page);border-radius:99px;font-size:9px}.drawer{position:fixed;right:0;top:0;width:min(430px,94vw);height:100dvh;background:var(--surface);z-index:80;transform:translateX(105%);transition:.28s ease;box-shadow:-30px 0 80px rgba(0,0,0,.18);display:grid;grid-template-rows:auto 1fr auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:start;padding:25px 24px 20px;border-bottom:1px solid var(--line)}.drawer-head>div{display:flex;flex-direction:column}.drawer-head small{font-size:8px;letter-spacing:.16em;color:var(--accent);font-weight:800}.drawer-head b{font-size:23px;letter-spacing:-.03em;margin-top:3px}.drawer-head span{color:var(--muted);font-size:11px;margin-top:2px}.drawer-head>button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.drawer-body{padding:20px 24px;overflow:auto}.drawer-body>label{display:grid;gap:8px;margin-bottom:20px;font-weight:700;font-size:12px}.drawer select{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.drawer .check{display:flex;align-items:center;gap:8px}.drawer-footer{padding:17px 24px 24px;border-top:1px solid var(--line);background:var(--surface-soft)}.drawer-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.drawer-actions button,.whatsapp-send,.clear-selection{border:0;border-radius:12px;padding:13px}.drawer-actions button:last-child{background:var(--ink);color:#fff}.selection-item{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.selection-thumb{width:65px;height:82px;background:var(--accent-soft);border-radius:11px;overflow:hidden}.selection-thumb img{width:100%;height:100%;object-fit:cover}.selection-item h4{font-size:13px;margin:0 0 3px}.selection-item small{color:var(--muted);font-size:10px}.selection-item button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:#a33b52}.selection-item button .icon{width:15px}.selection-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.selection-empty .icon{width:42px;height:42px;margin:0 auto 12px;color:var(--accent)}.selection-empty b{color:var(--ink);font-size:16px}.selection-empty p{font-size:11px;margin:5px 0}.selection-footer{display:grid;grid-template-columns:auto 1fr;gap:8px}.selection-footer p{grid-column:1/-1;color:var(--muted);font-size:10px;margin:0 0 7px}.clear-selection{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--line);color:var(--muted)}.clear-selection .icon{width:15px}.whatsapp-send{display:flex;align-items:center;justify-content:center;gap:7px;background:#1f9d61;color:#fff;font-weight:700}.whatsapp-send .icon{width:16px}.scrim{position:fixed;inset:0;background:rgba(12,15,14,.55);opacity:0;pointer-events:none;z-index:70;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}dialog{border:0;border-radius:22px;padding:0;width:min(900px,94vw);max-height:92dvh;overflow:auto;background:var(--surface);color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.7)}.dialog-close{position:fixed;margin:13px;border:0;background:rgba(255,255,255,.94);width:40px;height:40px;display:grid;place-items:center;border-radius:12px;z-index:2}.detail-view{display:grid;grid-template-columns:1fr 1fr}.detail-image{min-height:570px;background:var(--accent-soft)}.detail-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.detail-content{padding:58px 35px 35px}.detail-content>small{color:var(--accent);letter-spacing:.12em;font-weight:800}.detail-content h2{font-size:31px;line-height:1.05;margin:11px 0;letter-spacing:-.035em}.detail-content>p{color:var(--muted);white-space:pre-line}.detail-table{margin:23px 0;border-top:1px solid var(--line)}.detail-table div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-price{font-size:17px;color:var(--accent-strong);display:flex;gap:15px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.detail-actions button,.detail-actions a{padding:13px;border-radius:12px;border:1px solid var(--ink);background:var(--surface);color:var(--ink);text-align:center;text-decoration:none;font-weight:700}.detail-actions a{background:var(--ink);color:#fff}
@media(max-width:800px){.collection-ribbon{height:66px}.page-shell{padding-inline:12px}.main-category-nav{margin-top:-27px;border-radius:18px;padding:5px}.main-category-nav button{min-height:66px;gap:7px;padding:6px}.category-icon{width:34px;height:34px;border-radius:11px}.category-icon .icon{width:20px;height:20px}.main-category-nav b{font-size:13px}.main-category-nav small{font-size:7px}.catalogue-note{font-size:10px;margin-bottom:23px}.product-grid{grid-template-columns:1fr}.featured-scroll{grid-auto-columns:216px}.selection-launcher{top:auto;right:13px;bottom:18px;transform:none;border-radius:15px}.detail-view{display:block}.detail-image{min-height:0;aspect-ratio:4/5}.detail-content{padding:30px 20px}.subcategory-panel{padding-right:8px;padding-bottom:50px}.category-expand{left:8px;right:8px;top:auto;bottom:8px;justify-content:center}}
@media(max-width:520px){.collection-ribbon{height:54px}.main-category-nav{gap:3px}.main-category-nav button{display:grid;place-items:center;min-height:73px}.main-category-nav button>span:last-child{text-align:center}.main-category-nav small{display:none}.section-head h1{font-size:20px}.section-head>button{font-size:10px}.featured-scroll{grid-auto-columns:205px}.featured-card{grid-template-columns:82px 1fr;height:128px}.featured-card img,.featured-card>.preview-product,.mini-placeholder{width:82px;height:114px}.catalogue-tools{grid-template-columns:1fr}.filter-button{justify-content:center}.product-card{grid-template-columns:41% 59%;min-height:222px}.product-copy{padding:13px}.product-copy h2{font-size:17px}.product-copy p{font-size:10px;-webkit-line-clamp:2}.details{font-size:8px}.prices{font-size:12px}.drawer{width:100vw}.selection-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}