:root{--bg:#fff;--bg-soft:#f5f5f4;--bg-tile:#f2f2f0;--ink:#0a0a0a;--ink-2:#404040;--ink-3:#737373;--ink-4:#a3a3a3;--line:#e7e5e4;--line-2:#d6d3d1;--accent:#e4002b;--accent-ink:#fff;--accent-soft:#fdecec;--ok:#15803d;--warn:#b45309;--radius:6px;--radius-lg:14px;--radius-xl:22px;--shadow-sm:0 1px 2px #0a0a0a0f, 0 1px 1px #0a0a0a0a;--shadow:0 6px 24px -10px #0a0a0a38;--shadow-lg:0 24px 60px -24px #0a0a0a59;--maxw:1280px;--header-h:74px;--ff-display:"Archivo","Hanken Grotesk",sans-serif;--ff-body:"Hanken Grotesk",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--ff-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4{font-family:var(--ff-display);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.02}p{margin:0}input,select,textarea{font-family:inherit;font-size:15px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid var(--bg);border-radius:20px}#root,.app-root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 28px}.app-main{flex:1 0 auto}.kicker{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:12px;font-weight:800}.kicker-ink{color:var(--ink-3)}.display{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:.92}.eyebrow{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700}.section-title{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(28px,3.4vw,44px);font-weight:900}.muted{color:var(--ink-3)}.btn{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;height:50px;padding:0 26px;font-size:13.5px;font-weight:700;transition:transform .12s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--accent)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#b80023}.btn-ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}.btn-light{color:var(--ink);background:#fff;border-color:#fff}.btn-light:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-sm{height:40px;padding:0 18px;font-size:12px}.btn-lg{height:56px;padding:0 34px;font-size:15px}.btn-block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.badge{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;font-size:10.5px;font-weight:800;line-height:1;display:inline-flex}.badge-promo{background:var(--accent);color:#fff}.badge-new{background:var(--ink);color:#fff}.badge-soft{background:var(--bg-soft);color:var(--ink-2)}.chip{border:1.5px solid var(--line);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--ink-3)}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.pcard{border-radius:var(--radius-lg);background:#fff;transition:transform .2s;position:relative;overflow:hidden}.pcard-media{aspect-ratio:1;background:var(--bg-tile);border-radius:var(--radius-lg);position:relative;overflow:hidden}.pcard-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.pcard:hover .pcard-media img{transform:scale(1.06)}.pcard-badges{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px}.pcard-fav{z-index:2;width:38px;height:38px;box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:999px;place-items:center;transition:all .15s;display:grid;position:absolute;top:10px;right:10px}.pcard-fav:hover{background:#fff;transform:scale(1.08)}.pcard-fav.on{color:var(--accent)}.pcard-quick{z-index:2;opacity:0;pointer-events:none;transition:all .22s;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(14px)}.pcard:hover .pcard-quick{opacity:1;pointer-events:auto;transform:translateY(0)}.pcard-info{padding:14px 4px 4px}.pcard-cat{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);font-size:11px;font-weight:700}.pcard-name{color:var(--ink);margin-top:3px;font-size:15px;font-weight:600}.pcard-price{align-items:baseline;gap:8px;margin-top:6px;display:flex}.price-now{font-family:var(--ff-display);font-size:16px;font-weight:800}.price-old{color:var(--ink-4);font-size:13px;text-decoration:line-through}.price-accent{color:var(--accent)}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-size:12.5px;font-weight:700}.input{border:1.5px solid var(--line-2);border-radius:var(--radius);height:50px;color:var(--ink);background:#fff;width:100%;padding:0 15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #0a0a0a12}textarea.input{resize:vertical;height:auto;padding:13px 15px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.divider{background:var(--line);border:0;height:1px;margin:0}.tag-rail{flex-wrap:wrap;gap:10px;display:flex}.skeleton{background:linear-gradient(90deg,#f0efed 25%,#e7e5e4 37%,#f0efed 63%) 0 0/400% 100%;animation:1.4s infinite sk}@keyframes sk{0%{background-position:100%}to{background-position:0}}.fade-up{animation:.5s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade-in{animation:.4s both fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.img-fallback{width:100%;height:100%;color:var(--ink-4);background:linear-gradient(135deg,#e9e7e4,#f5f5f4);place-items:center;display:grid;position:relative}.img-fallback svg{opacity:.5;width:34%;height:34%}.toast-wrap{z-index:9000;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:10px;padding:13px 20px;font-size:13.5px;font-weight:600;animation:.25s both fadeUp;display:flex}.toast .dot{background:var(--accent);border-radius:99px;width:8px;height:8px}.grid-products{grid-template-columns:repeat(4,1fr);gap:26px 22px;display:grid}@media (max-width:1100px){.grid-products{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.grid-products{grid-template-columns:repeat(2,1fr);gap:22px 14px}.container{padding:0 16px}}.hdr-ico{width:42px;height:42px;color:var(--ink);border-radius:999px;place-items:center;transition:background .15s;display:grid}.hdr-ico:hover{background:var(--bg-soft)}.hdr-dot{background:var(--accent);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:800;font-family:var(--ff-display);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:4px;right:4px}.hdr-burger{display:none}@media (max-width:920px){.hdr-nav{display:none!important}.hdr-burger{border-radius:999px;place-items:center;width:42px;height:42px;display:grid!important}.hdr-burger:hover{background:var(--bg-soft)}}@media (max-width:520px){.hdr-hide-sm{display:none!important}}@media (max-width:880px){.ft-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}}@media (max-width:520px){.ft-grid{grid-template-columns:1fr!important}}@media (max-width:820px){.trust-grid{grid-template-columns:repeat(2,1fr)!important}.trust-cell{padding:18px 14px!important}.trust-cell:nth-child(odd){border-left:none!important}.trust-cell:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:480px){.trust-cell{gap:10px!important;padding:14px 10px!important}.trust-cell>div:first-child{width:36px!important;height:36px!important}}@media (max-width:860px){.hero-split-grid{grid-template-columns:1fr!important;min-height:auto!important}.hero-split-grid .hero-img-wrap{min-height:320px}}@media (max-width:820px){.hero-ed{grid-template-columns:1fr!important}}.cat-tile:hover img{transform:scale(1.07)}@media (max-width:900px){.cat-strip{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:500px){.cat-strip{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:760px){.promo-banner{grid-template-columns:1fr!important}.promo-img{min-height:220px}}@media (max-width:880px){.shop-aside{display:none}.shop-grid{grid-template-columns:1fr!important}.shop-filter-btn{display:inline-flex!important}}@media (max-width:860px){.pd-grid{grid-template-columns:1fr!important;gap:30px!important}.pd-gallery{flex-direction:column-reverse}.pd-thumbs{flex-direction:row!important}}.cat-card:hover img{transform:scale(1.06)}@media (max-width:780px){.cats-grid{grid-template-columns:1fr 1fr!important}.cat-card{aspect-ratio:1/.9!important;grid-column:auto!important}}@media (max-width:480px){.cats-grid{grid-template-columns:1fr!important}}@media (max-width:820px){.cart-grid{grid-template-columns:1fr!important}}@media (max-width:760px){.acc-grid{grid-template-columns:1fr!important}}@media (max-width:560px){.addr-grid{grid-template-columns:1fr!important}}@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.dash-grid{grid-template-columns:1fr!important}}@media (max-width:820px){.adm-shell{grid-template-columns:1fr!important}.adm-aside{flex-wrap:wrap;gap:4px;display:flex;height:auto!important;position:static!important}.adm-aside .adm-brand{width:100%}.adm-main{padding:20px 16px!important}}@media (max-width:560px){.kpi-grid{grid-template-columns:1fr!important}}.form-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:560px){.form-2{grid-template-columns:1fr!important}}.form-2 .col-span-2{grid-column:1/3}@media (max-width:560px){.form-2 .col-span-2{grid-column:auto}}@media (max-width:760px){.auth-grid{border:none!important;border-radius:0!important;grid-template-columns:1fr!important;min-height:auto!important}.auth-visual{display:none!important}.auth-form-panel{padding:8px 0 24px!important}}@media (max-width:400px){.hdr-hide-xs{display:none!important}}@media (max-width:420px){.pd-actions{flex-wrap:wrap}.pd-actions .pd-add{order:3;flex:100%!important}}@media (max-width:640px){.variant-rows{overflow-x:auto}.variant-row{min-width:520px}}@media (max-width:520px){.checkout-steps{gap:8px!important}.checkout-steps .step-line{max-width:24px!important}.checkout-steps .step-label{display:none!important}}@media (max-width:760px){.section-title{font-size:clamp(24px,7vw,34px)}}@media (max-width:560px){.hero-split-grid{min-height:auto!important}.hero-stats{gap:20px!important}}@media (max-width:520px){.shop-sort{width:100%}.shop-sort select{width:100%!important}}html,body{overflow-x:hidden}.grid-swap{animation:.28s both gridSwap}@keyframes gridSwap{0%{opacity:.35}to{opacity:1}}.grid-swap>.pcard{animation:.42s cubic-bezier(.2,.7,.2,1) both cardIn}.grid-swap>.pcard:first-child{animation-delay:0s}.grid-swap>.pcard:nth-child(2){animation-delay:30ms}.grid-swap>.pcard:nth-child(3){animation-delay:60ms}.grid-swap>.pcard:nth-child(4){animation-delay:90ms}.grid-swap>.pcard:nth-child(5){animation-delay:.12s}.grid-swap>.pcard:nth-child(6){animation-delay:.15s}.grid-swap>.pcard:nth-child(7){animation-delay:.18s}.grid-swap>.pcard:nth-child(8){animation-delay:.21s}.grid-swap>.pcard:nth-child(n+9){animation-delay:.24s}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.grid-swap,.grid-swap>.pcard{animation:none!important}}.mobile-nav,.fab-wa{display:none}@media (max-width:760px){.mobile-nav{z-index:600;border:1px solid var(--line);background:#fff;border-radius:22px;justify-content:space-around;align-items:center;padding:9px 6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 34px -10px #0a0a0a4d}.fab-wa{z-index:600;color:#fff;background:#25d366;border-radius:999px;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:88px;right:16px;box-shadow:0 10px 24px -6px #25d366b3}body{padding-bottom:88px}.hdr-hide-mobile{display:none!important}}@media (max-width:640px){.hdr-announce{display:none!important}}.mnav-item{color:var(--ink-3);flex-direction:column;flex:1;align-items:center;gap:3px;padding:2px;display:flex}.mnav-item.on{color:var(--accent)}.mnav-ico{place-items:center;height:24px;display:grid;position:relative}.mnav-label{font-size:10px;font-weight:700;font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.02em}.mnav-badge{background:var(--accent);color:#fff;white-space:nowrap;font-size:9px;font-weight:800;line-height:1;font-family:var(--ff-display);border-radius:999px;padding:2px 6px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@media (max-width:600px){.cat-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:6px;overflow-x:auto;display:flex!important}.cat-strip::-webkit-scrollbar{display:none}.cat-strip>a{scroll-snap-align:start;flex:0 0 132px}}.home{flex-direction:column;display:flex}@media (max-width:760px){.home-hero{order:1}.home-cats{order:2}.home-featured{order:3}.home-promos{order:4}.home-promo{order:5}.home-trust{order:6;margin-top:8px}.home>section{padding-top:34px!important}.home>.home-hero{padding-top:0!important}.home-cats{padding-top:22px!important}.home .section-title{font-size:clamp(22px,6.5vw,30px)}}@media (max-width:640px){.hero-split{border-radius:var(--radius-xl);background:var(--bg-soft);margin:14px 16px 0;overflow:hidden}.hero-split .hero-split-grid{padding:0 20px;gap:0!important;min-height:auto!important}.hero-split .hero-split-grid>div:first-child{padding:28px 0 30px}.hero-split h1{font-size:clamp(32px,10vw,48px)!important}.hero-img-wrap,.hero-lead,.hero-stats{display:none!important}.hero-split .btn-lg{height:48px;font-size:14px}.promo-banner{min-height:auto!important}.promo-inner{padding:30px 22px!important}.promo-banner .promo-img{min-height:180px}}