:root{--cream:#f8f4ed;--surface:#fffdf9;--surface-2:#f2eee7;--ink:#17213b;--muted:#687086;--line:#ddd8cf;--blue:#1d4ed8;--blue-2:#0f3fbf;--red:#f04449;--yellow:#ffdb58;--pink:#f8dfe7;--sky:#dceaff;--mint:#dff2e8;--lavender:#e9e2f7;--shadow:0 20px 55px rgba(30,41,70,.12);--soft-shadow:0 10px 30px rgba(30,41,70,.08);--radius:24px;--header-bg:rgba(248,244,237,.88);color-scheme:light}
:root[data-theme="dark"]{--cream:#101626;--surface:#182238;--surface-2:#222f46;--ink:#f7f5ef;--muted:#bec8dc;--line:#3b4962;--blue:#91adff;--blue-2:#afc2ff;--red:#ff7d82;--yellow:#f7d96d;--pink:#4a3041;--sky:#243f6a;--mint:#23463f;--lavender:#3a3158;--shadow:0 24px 70px rgba(0,0,0,.38);--soft-shadow:0 12px 32px rgba(0,0,0,.25);--header-bg:rgba(12,19,34,.94);color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI",Inter,system-ui,sans-serif;font-size:15px;line-height:1.55;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.page-wrap{position:relative;z-index:1;min-height:58vh}.ambient{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.55}.ambient i{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(95px);opacity:.16;animation:floatAmbient 20s ease-in-out infinite}.ambient i:nth-child(1){left:-220px;top:10%;background:#ef819f}.ambient i:nth-child(2){right:-200px;top:35%;background:#64a4ff;animation-delay:-7s}.ambient i:nth-child(3){left:35%;bottom:-330px;background:#ffd84d;animation-delay:-13s}@keyframes floatAmbient{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(50px,-35px,0) scale(1.1)}}
.announce{position:relative;z-index:10;min-height:35px;padding:7px 20px;background:var(--blue);color:white;display:flex;justify-content:center;gap:45px;font-size:12px;font-weight:700}.announce a{border-left:1px solid rgba(255,255,255,.35);padding-left:45px}.site-header{position:sticky;z-index:50;top:0;background:var(--header-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-row{height:78px;display:grid;grid-template-columns:210px 1fr auto;align-items:center}.brand{display:flex;align-items:center;gap:10px;width:max-content}.brand b{font-size:36px;line-height:1;color:var(--blue);font-weight:900;letter-spacing:-.08em}.brand span{font-size:8px;line-height:1.15;letter-spacing:.22em;font-weight:900;color:var(--muted)}.header-row nav{justify-self:center;display:flex;gap:38px}.header-row nav a{font-size:14px;font-weight:800;color:var(--muted);transition:.2s}.header-row nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:8px}.round{width:43px;height:43px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;place-items:center;font-size:22px}.cart-open{height:44px;padding:0 15px;border:0;border-radius:14px;background:var(--blue);color:white;font-weight:800;display:flex;align-items:center;gap:8px}.cart-open b{min-width:21px;height:21px;padding:0 5px;border-radius:50%;background:var(--yellow);color:#21304c;display:grid;place-items:center;font-size:10px}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.btn{min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:white;box-shadow:0 10px 24px color-mix(in srgb,var(--blue) 25%,transparent)}.btn.primary:hover{background:var(--blue-2)}.btn.secondary{background:var(--surface);border-color:var(--line)}.btn.light{background:white;color:#153a9f}.btn.wide{width:100%}.btn.big{min-height:57px}.btn.small{min-height:38px;padding:0 14px;font-size:12px}.pill{width:max-content;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:800}.pill.light{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);color:white}.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}em{font-style:normal;color:var(--blue)}.reveal{animation:reveal .7s ease both}.reveal:nth-child(2){animation-delay:.12s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero{min-height:600px;padding:60px 0 44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.hero-copy h1{font-size:68px;line-height:1.01;margin:22px 0}.hero-copy>p{max-width:500px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin:28px 0 18px}.hero-note{font-weight:700;color:var(--muted)}.hero-art{position:relative;height:500px;border-radius:42px;overflow:hidden;background:linear-gradient(145deg,var(--sky),var(--lavender));box-shadow:var(--soft-shadow)}.hero-shape{position:absolute;width:310px;height:310px;border-radius:50%;right:-80px;top:-80px;background:var(--yellow)}.hero-shape::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-340px;top:420px;background:#f5b7c8}.hero-photo{position:absolute;margin:0;border-radius:28px;background:var(--photo-bg);box-shadow:0 22px 45px rgba(31,43,77,.14);overflow:hidden;animation:productFloat 7s ease-in-out infinite}.hero-photo img{width:100%;height:100%;object-fit:contain;background:var(--photo-bg)}.hero-photo.main{z-index:2;width:255px;height:280px;left:30%;top:98px;transform:rotate(-2deg)}.hero-photo.one{z-index:1;width:165px;height:190px;left:35px;top:48px;animation-delay:-2s}.hero-photo.two{z-index:3;width:160px;height:190px;right:30px;bottom:35px;animation-delay:-4s}@keyframes productFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}.hero-sticker{position:absolute;z-index:4;right:30px;top:28px;width:105px;height:105px;border-radius:50%;background:var(--red);color:white;display:grid;place-content:center;text-align:center;rotate:7deg;box-shadow:0 12px 30px rgba(240,68,73,.25)}.hero-sticker b{font-size:32px;line-height:1}.hero-sticker span{font-size:8px;font-weight:900;text-transform:uppercase;line-height:1.15}.benefits{position:relative;z-index:2;margin-bottom:35px;padding:16px 24px;border:1px solid var(--line);border-radius:19px;background:var(--surface);display:grid;grid-template-columns:repeat(3,1fr);box-shadow:var(--soft-shadow)}.benefits>div{padding:7px 22px;display:flex;align-items:center;gap:14px}.benefits>div:not(:last-child){border-right:1px solid var(--line)}.benefits>div>span{font-size:25px;color:var(--blue)}.benefits p{margin:0;display:grid}.benefits strong{font-size:13px}.benefits small{color:var(--muted)}.section{padding:85px 0}.section-head{margin-bottom:30px;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:46px;margin:6px 0 0}.section-head>a{color:var(--blue);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{position:relative;min-height:250px;padding:24px;border-radius:25px;overflow:hidden;transition:transform .25s}.category:hover{transform:translateY(-5px)}.category::after{content:"";position:absolute;width:150px;height:150px;border:30px solid rgba(255,255,255,.25);border-radius:50%;right:-55px;bottom:-55px}.category.pink{background:var(--pink)}.category.sky{background:var(--sky)}.category.yellow{background:color-mix(in srgb,var(--yellow) 55%,var(--surface))}.category.mint{background:var(--mint)}.category>span{font-size:11px;font-weight:900;color:var(--muted)}.category h3{font-size:28px;margin:75px 0 5px}.category p{max-width:180px;color:var(--muted);font-size:13px}.products-section{background:color-mix(in srgb,var(--surface) 55%,transparent)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-width:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:var(--soft-shadow);transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-media{position:relative;height:265px;padding:0;display:block;background:var(--photo-bg);overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;background:var(--photo-bg);mix-blend-mode:normal}.badge{position:absolute;z-index:2;left:14px;top:14px;padding:7px 11px;border-radius:999px;background:var(--red);color:white;font-size:9px;font-weight:900;text-transform:uppercase}.product-info{padding:18px}.product-info>small{color:var(--blue);font-size:9px;font-weight:900;text-transform:uppercase}.product-info h3{min-height:44px;margin:5px 0 10px;font-size:18px;line-height:1.2}.swatches{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.swatches i{width:10px;height:10px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2)}.swatches i:nth-child(2n){background:var(--pink)}.swatches i:nth-child(3n){background:var(--sky)}.product-buy{margin-top:18px;display:flex;justify-content:space-between;align-items:end}.product-buy>div{display:grid}.product-buy strong{font-size:20px}.product-buy small{font-size:9px;color:var(--muted)}.product-buy button{width:39px;height:39px;border:0;border-radius:12px;background:var(--blue);color:white;font-size:22px}.wholesale-banner{margin-block:90px;padding:50px;border-radius:32px;background:linear-gradient(125deg,#123ba5,#255be2);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;box-shadow:var(--shadow)}.wholesale-banner h2{font-size:48px;line-height:1.03;margin:20px 0}.wholesale-banner em{color:#ffdf68}.wholesale-banner p{max-width:530px;color:#dbe5ff}.wholesale-numbers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.2);border-radius:20px}.wholesale-numbers div{padding:28px 12px;text-align:center;display:grid}.wholesale-numbers div:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.wholesale-numbers b{font-size:23px}.wholesale-numbers span{font-size:9px;color:#dbe5ff}.page-hero{padding:70px 0 60px;text-align:center}.page-hero h1{font-size:58px;margin:8px 0}.page-hero p{color:var(--muted)}
.catalog{padding-bottom:95px;display:grid;grid-template-columns:220px 1fr;gap:34px}.filters{height:max-content;padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--surface);position:sticky;top:100px;display:grid;gap:5px}.filters>strong{margin:5px 8px 10px}.filters>button{padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;display:flex;justify-content:space-between}.filters>button.active{background:var(--sky);color:var(--blue);font-weight:800}.filter-note{margin-top:18px;padding:15px;border-radius:13px;background:var(--lavender)}.filter-note b{font-size:11px}.filter-note p{font-size:10px;color:var(--muted);margin:5px 0}.filter-note a{font-size:10px;color:var(--blue);font-weight:800}.catalog-tools{margin-bottom:20px;display:flex;gap:10px}.search{position:relative;flex:1}.search span{position:absolute;left:15px;top:10px;font-size:22px}.search input,.catalog-tools select{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.search input{padding-left:46px}.catalog-tools select{width:175px;padding:0 12px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.no-results{text-align:center;padding:80px}.breadcrumbs{padding:25px 0;display:flex;gap:9px;color:var(--muted);font-size:12px}.product-page{padding-bottom:90px}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.detail-image{height:570px;border:1px solid var(--line);border-radius:28px;background:var(--photo-bg);overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:contain;background:var(--photo-bg)}.thumbs{margin-top:12px;display:flex;gap:8px;overflow:auto}.thumbs button{flex:0 0 75px;height:75px;padding:0;border:2px solid transparent;border-radius:13px;background:var(--photo-bg);overflow:hidden}.thumbs button.active{border-color:var(--blue)}.thumbs img{width:100%;height:100%;object-fit:contain;background:var(--photo-bg)}.detail-copy{padding-top:35px}.detail-copy h1{font-size:46px;line-height:1.05;margin:10px 0}.detail-description{color:var(--muted);font-size:16px}.detail-price{margin:25px 0;padding:18px 0;border-block:1px solid var(--line);display:grid}.detail-price strong{font-size:34px}.detail-price span{color:var(--muted);font-size:11px}.variant-title{display:flex;justify-content:space-between}.variant-title span{color:var(--blue);font-weight:800}.variant-buttons{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.variant-buttons button{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:grid;text-align:left}.variant-buttons button.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 15%,transparent)}.variant-buttons span{font-weight:800;font-size:11px}.variant-buttons small{font-size:8px;color:var(--muted)}.buy-row{margin-top:22px;display:grid;grid-template-columns:100px 1fr;gap:10px}.buy-row label{font-size:10px;font-weight:800}.buy-row input{width:100%;height:43px;margin-top:4px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:center}.sku-row{margin:13px 0;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.assurances div{padding:12px;border-radius:12px;background:var(--surface-2);display:grid}.assurances b{font-size:9px}.assurances span{font-size:8px;color:var(--muted)}
.checkout-page{padding:55px 0 95px;display:grid;grid-template-columns:1fr 390px;gap:40px}.checkout-main>h1{font-size:48px;margin:6px 0}.checkout-main>p{color:var(--muted)}.checkout-form{display:grid;gap:14px;margin-top:25px}.form-card,.checkout-summary,.tracking-form,.tracking-result,.auth-card,.wholesale-form,.admin-card,.address-card{padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--soft-shadow)}.step{margin-bottom:20px;display:flex;gap:12px;align-items:center}.step>b{width:35px;height:35px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center}.step span{display:grid}.step small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:5px;font-size:11px;font-weight:800}label small{color:var(--muted);font-weight:500}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}.option-tabs,.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option-tabs label,.payment-options label{position:relative}.option-tabs input,.payment-options input{position:absolute;opacity:0}.option-tabs span,.payment-options span{min-height:70px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);display:grid}.option-tabs input:checked+span,.payment-options input:checked+span{border-color:var(--blue);background:var(--sky)}.option-tabs small,.payment-options small{color:var(--muted)}.shipping-fields{margin-top:16px}.pickup-box,.bank-note{margin-top:14px;padding:15px;border-radius:12px;background:var(--mint);display:grid}.bank-note{background:var(--sky)}.form-error,.form-message,.security-warning{padding:12px;border-radius:10px;background:color-mix(in srgb,var(--red) 15%,var(--surface));color:var(--red);font-size:12px;font-weight:700}.form-message{background:var(--mint);color:color-mix(in srgb,var(--ink) 70%,#08734a)}.terms{text-align:center;color:var(--muted)}.checkout-summary{height:max-content;position:sticky;top:105px}.checkout-summary h2{font-size:25px}.checkout-line{padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center}.checkout-line img{width:56px;height:56px;border-radius:10px;object-fit:contain;background:#fff}.checkout-line p{margin:0;display:grid}.checkout-line b{font-size:10px}.checkout-line small{color:var(--muted)}.summary-totals{padding:18px 0}.summary-totals div{display:flex;justify-content:space-between;margin:8px 0}.summary-totals .total{padding-top:12px;border-top:1px solid var(--line);font-size:20px}.checkout-summary>a{color:var(--blue);font-weight:800;font-size:11px}.success-modal{position:fixed;z-index:100;inset:0;padding:20px;background:rgba(8,13,30,.72);display:grid;place-items:center}.success-modal>div{width:min(480px,100%);padding:36px;border-radius:25px;background:var(--surface);text-align:center}.success-check{width:58px;height:58px;margin:auto;border-radius:50%;background:var(--mint);color:#08734a;font-size:30px;display:grid;place-items:center}.order-code{margin:18px 0;padding:13px;border-radius:10px;background:var(--surface-2);font-weight:900}.success-actions{display:grid;gap:8px}
.tracking{padding:75px 0 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.tracking-form h1{font-size:42px;margin:8px 0}.tracking-form>p{color:var(--muted)}.tracking-form form{display:grid;gap:12px;margin-top:22px}.tracking-result{min-height:510px;display:grid;align-items:center}.tracking-placeholder{text-align:center;color:var(--muted)}.tracking-placeholder>span{font-size:50px;color:var(--blue)}.order-head{display:flex;justify-content:space-between}.status-chip,.status{width:max-content;padding:6px 9px;border-radius:999px;background:var(--yellow);color:#5b4800;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.timeline{margin:25px 0;display:grid;gap:4px}.timeline div{position:relative;padding:12px 0 12px 44px;color:var(--muted)}.timeline div::before{content:"";position:absolute;left:11px;top:12px;width:21px;height:21px;border:3px solid var(--line);border-radius:50%;background:var(--surface)}.timeline div::after{content:"";position:absolute;left:22px;top:36px;width:2px;height:24px;background:var(--line)}.timeline div:last-child::after{display:none}.timeline .done{color:var(--ink);font-weight:800}.timeline .done::before{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 5px var(--surface)}.track-items{border-top:1px solid var(--line);padding-top:14px}.track-item{display:flex;justify-content:space-between;font-size:11px}.proof-form{margin-top:18px;padding:15px;border-radius:13px;background:var(--sky);display:grid;gap:9px}.proof-form p{margin:0;font-size:10px;color:var(--muted)}
.account{padding:70px 0 100px;display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:start}.account-intro{padding-top:55px}.account-intro h1{font-size:58px;line-height:1.01;margin:20px 0}.account-intro>p{color:var(--muted);font-size:16px}.account-benefits{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-benefits div{padding:12px;border-radius:12px;background:var(--surface);display:grid}.account-benefits b{font-size:11px}.account-benefits span{font-size:9px;color:var(--muted)}.auth-tabs{margin-bottom:22px;padding:5px;border-radius:11px;background:var(--surface-2);display:grid;grid-template-columns:1fr 1fr}.auth-tabs button{height:38px;border:0;border-radius:8px;background:transparent}.auth-tabs button.active{background:var(--surface);color:var(--blue);font-weight:800}.auth-card form{display:grid;gap:12px}.auth-card h2{font-size:27px}.text-button{border:0;background:transparent;color:var(--blue);font-weight:800}.guest-link{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}.guest-link a{color:var(--blue);font-weight:800}.account:has(.account-nav){grid-template-columns:250px 1fr}.account-nav{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.avatar{width:58px;height:58px;border-radius:17px;background:var(--sky);color:var(--blue);font-weight:900;display:grid;place-items:center}.account-nav h2{margin:14px 0 2px}.account-nav>span{color:var(--muted);font-size:10px}.account-nav nav{display:grid;margin:20px 0}.account-nav nav button{padding:11px;border:0;border-radius:9px;background:transparent;text-align:left}.account-nav nav button.active{background:var(--sky);color:var(--blue);font-weight:800}.account-content h1{font-size:42px}.account-order{margin:12px 0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:flex;justify-content:space-between}.account-order p{margin:0;display:grid}.account-order a{color:var(--blue);font-weight:800}.address-card{margin-top:20px}.address-card form{margin-top:15px}.address-list{display:grid;gap:7px}.address-list>div{padding:10px;border-radius:9px;background:var(--surface-2)}
.wholesale-hero{padding:75px 0;background:linear-gradient(125deg,#10358f,#2358db);color:white}.wholesale-hero>.shell{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.wholesale-hero h1{font-size:62px;line-height:1;margin:20px 0}.wholesale-hero em{color:#ffdf68}.wholesale-hero p{max-width:520px;color:#dbe5ff}.wholesale-perks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wholesale-perks article{padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.08);display:grid}.wholesale-perks article:last-child{grid-column:1/-1}.wholesale-perks b{font-size:28px;color:#ffdf68}.wholesale-perks span{font-size:10px;color:#dbe5ff}.wholesale-content{padding:80px 0 100px;display:grid;grid-template-columns:1fr 480px;gap:70px}.wholesale-content h2{font-size:42px}.process{padding:0;list-style:none;display:grid;gap:20px}.process li{display:flex;gap:15px}.process li>b{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center}.process p{display:grid}.process span{color:var(--muted)}.info-note{padding:15px;border-radius:12px;background:var(--yellow);color:#4a3a00;font-weight:700}.wholesale-form{display:grid;gap:12px}.wholesale-form h2{font-size:29px}.legal{padding:75px 0 100px;display:grid;grid-template-columns:290px 1fr;gap:65px}.legal aside{position:sticky;top:110px;height:max-content}.legal aside h1{font-size:44px;margin:10px 0 25px}.legal aside nav{display:grid}.legal aside nav a{padding:11px;border-bottom:1px solid var(--line);color:var(--muted)}.legal article{position:relative;padding:10px 20px 40px 55px;border-bottom:1px solid var(--line)}.legal article>span{position:absolute;left:0;top:14px;color:var(--blue);font-weight:900}.legal article h2{font-size:29px}.legal article p{color:var(--muted);line-height:1.8}
footer{position:relative;z-index:2;padding:60px 0 20px;border-top:1px solid var(--line);background:var(--surface)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid>div{display:grid;align-content:start;gap:8px}.footer-grid p,.footer-grid a,.footer-grid span{color:var(--muted);font-size:11px}.footer-grid strong{font-size:12px}.footer-brand{margin-bottom:10px}.footer-bottom{margin-top:45px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.cart-drawer{position:fixed;z-index:90;right:0;top:0;width:min(440px,100%);height:100%;padding:25px;background:var(--surface);transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-backdrop{position:fixed;z-index:80;inset:0;background:rgba(8,13,30,.55);opacity:0;pointer-events:none;transition:.3s}.cart-drawer.open+.drawer-backdrop{opacity:1;pointer-events:auto}.cart-head{display:flex;justify-content:space-between}.cart-head small{color:var(--blue);font-weight:800}.cart-head h2{font-size:29px;margin:0}.cart-head button{border:0;background:transparent;font-size:30px}.cart-lines{margin-top:20px;overflow:auto}.cart-line{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:65px 1fr auto;gap:10px}.cart-line img{width:65px;height:65px;border-radius:11px;object-fit:contain;background:#fff}.cart-line p{margin:0;display:grid}.cart-line p small{color:var(--muted)}.cart-line>div{display:grid;justify-items:end}.cart-line>div button{border:0;background:transparent;color:var(--red)}.qty{display:flex!important;grid-template-columns:25px 30px 25px}.qty button{width:25px;height:25px;border:1px solid var(--line)!important;border-radius:7px!important;color:var(--ink)!important}.qty span{text-align:center}.cart-empty{margin:auto;text-align:center;color:var(--muted)}.cart-empty>span{font-size:55px}.cart-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.cart-foot>div{display:flex;justify-content:space-between;font-size:20px}.cart-foot small{display:block;text-align:center;margin-top:9px;color:var(--muted)}.toast-stack{position:fixed;z-index:200;right:20px;bottom:20px;display:grid;gap:8px}.toast{max-width:340px;padding:12px 15px;border-radius:11px;background:var(--ink);color:var(--surface);box-shadow:var(--shadow);animation:toastIn .25s ease}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.empty-page{min-height:65vh;display:grid;place-content:center;text-align:center}.empty-page>span{font-size:70px;color:var(--blue);font-weight:900}.empty-page .btn{margin:auto}
/* Administration */
.admin-body{background:var(--surface-2)}.admin-body .ambient{display:none}.admin-login{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:22px}.admin-login form{width:min(420px,calc(100vw - 32px));padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);display:grid;gap:13px}.admin-login h1{font-size:38px;margin:4px 0}.admin-login p{color:var(--muted)}.admin-app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;padding:25px 16px;background:#101a37;color:white;display:flex;flex-direction:column}.admin-brand b{color:white}.admin-brand span{color:#aebde8}.admin-sidebar nav{margin-top:35px;display:grid;gap:4px}.admin-sidebar nav button{padding:12px;border:0;border-radius:10px;background:transparent;color:#bdc8e8;text-align:left;font-size:12px}.admin-sidebar nav button.active{background:#244fc5;color:white;font-weight:800}.admin-profile{margin-top:auto;padding-top:18px;border-top:1px solid #2a385e;display:grid;grid-template-columns:37px 1fr auto;gap:8px;align-items:center}.admin-profile>span{width:37px;height:37px;border-radius:11px;background:#315ed7;display:grid;place-items:center;font-size:10px;font-weight:900}.admin-profile p{margin:0;display:grid}.admin-profile b{font-size:10px}.admin-profile small{font-size:8px;color:#9fadd2}.admin-profile button{border:0;background:transparent;color:#9fadd2;font-size:9px}.admin-main>header{height:70px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between}.admin-main>header>div{display:grid;grid-template-columns:10px auto;column-gap:8px}.admin-main>header b{font-size:10px}.admin-main>header small{grid-column:2;color:var(--muted);font-size:8px}.live-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#35b777;box-shadow:0 0 0 4px rgba(53,183,119,.15)}.admin-main>header>a{color:var(--blue);font-weight:800;font-size:11px}.admin-mobile-menu{display:none}.admin-content{padding:30px}.admin-panel{display:none}.admin-panel.active{display:block}.admin-title{margin-bottom:23px}.admin-title h1{font-size:38px;margin:5px 0}.admin-title p{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:grid}.stat-grid span{color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.stat-grid b{font-size:30px}.stat-grid small{color:var(--muted)}.admin-grid{margin-top:14px;display:grid;grid-template-columns:1.5fr .5fr;gap:14px}.admin-card{box-shadow:none}.card-title{margin-bottom:15px;display:flex;justify-content:space-between}.card-title h2{font-size:18px;margin:0}.card-title p{font-size:9px;color:var(--muted);margin:2px 0}.card-title button,.card-title a{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:800}.table-wrap{margin-top:15px;padding:0;overflow:auto}.table-wrap table,.admin-card table{width:100%;border-collapse:collapse}.table-wrap th,.admin-card th{padding:11px 12px;background:var(--surface-2);color:var(--muted);font-size:8px;text-transform:uppercase;text-align:left;white-space:nowrap}.table-wrap td,.admin-card td{padding:11px 12px;border-top:1px solid var(--line);font-size:9px;white-space:nowrap}.table-wrap td small,.admin-card td small{display:block;color:var(--muted)}.table-product{display:flex;gap:8px;align-items:center}.table-product img{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#fff}.table-product span{display:grid}.warning{color:var(--red)!important}.stock-alerts>div{padding:8px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center}.stock-alerts img{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#fff}.stock-alerts p{margin:0;display:grid}.stock-alerts small{color:var(--muted)}.stock-alerts>div>strong{color:var(--red)}.admin-actions{margin-bottom:15px;display:flex;gap:8px}.file-button{min-height:38px;padding:0 14px;border-radius:10px;background:var(--blue);color:white;display:flex;align-items:center;cursor:pointer}.file-button input{display:none}.import-report{margin:12px 0;padding:15px;border-radius:12px;background:var(--sky)}.stock-layout{display:grid;grid-template-columns:420px 1fr;gap:14px}.stock-layout form{display:grid;gap:12px}.conversion{padding:14px;border-radius:12px;background:var(--sky);display:grid}.movement-row{padding:9px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr auto}.movement-row>span{font-weight:900;color:var(--blue)}.movement-row p{margin:0;display:grid}.movement-row small{color:var(--muted)}.switch-grid{margin-bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;justify-content:space-between;align-items:center}.switch-card span{display:grid}.switch-card small{color:var(--muted)}.switch-card input{width:45px;height:23px;accent-color:var(--blue)}.zone-list>div{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr auto 70px;gap:10px;align-items:center}.zone-list>div>span{font-size:22px;color:var(--blue)}.zone-list p{margin:0;display:grid}.zone-list small{color:var(--muted)}.zone-list em{font-size:9px;color:#26805a}.request-list article,.user-list article{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr auto auto auto;gap:8px;align-items:center}.request-list article>span,.user-list article>span{width:40px;height:40px;border-radius:11px;background:var(--lavender);display:grid;place-items:center;font-weight:900;font-size:9px}.request-list p,.user-list p{margin:0;display:grid}.request-list small,.user-list small{color:var(--muted)}.request-list em,.user-list em{font-size:9px;color:var(--blue)}.request-list button,.user-list button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:9px}.billing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.billing-options article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.billing-options .selected{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 12%,transparent)}.billing-options .locked{opacity:.65}.billing-options p,.cfe-note p{color:var(--muted);font-size:10px}.cfe-note{margin-top:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid form{display:grid;gap:10px}.backup-card{grid-column:1/-1}.service-row{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.service-row span{font-size:10px}.service-row b.ok{color:#25805a}.service-row b.pending{color:#a57700}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero-copy h1{font-size:57px}.category-grid{grid-template-columns:1fr 1fr}.checkout-page{grid-template-columns:1fr 340px}.admin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stock-layout{grid-template-columns:1fr}.wholesale-content{grid-template-columns:1fr 430px;gap:35px}}
@media(max-width:820px){.shell{width:min(100% - 28px,680px)}.announce{display:none}.header-row{height:67px;grid-template-columns:42px 1fr auto}.mobile-menu{display:block}.header-row>.brand{justify-self:center}.header-row>.brand span{display:none}.header-row nav{position:absolute;left:0;right:0;top:67px;padding:12px 20px 20px;background:var(--surface);display:none;justify-self:stretch;flex-direction:column;gap:0;box-shadow:var(--shadow)}.header-row nav.open{display:flex}.header-row nav a{padding:12px}.header-actions .round:nth-of-type(2){display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center}.hero-copy .pill{margin:auto}.hero-actions{justify-content:center}.hero-art{height:430px}.benefits{grid-template-columns:1fr}.benefits>div:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.product-grid,.catalog-grid{grid-template-columns:1fr 1fr}.wholesale-banner{grid-template-columns:1fr}.catalog{display:block}.filters{position:static;margin-bottom:15px;grid-template-columns:repeat(2,1fr)}.filters>strong,.filter-note{grid-column:1/-1}.detail-grid,.checkout-page,.tracking,.account,.wholesale-hero>.shell,.wholesale-content,.legal{grid-template-columns:1fr}.detail-image{height:520px}.checkout-summary{position:static}.account-intro{text-align:center;padding-top:0}.account-intro .pill{margin:auto}.account:has(.account-nav){grid-template-columns:1fr}.legal aside{position:static}.admin-app{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:100;left:0;width:245px;transform:translateX(-105%);transition:.25s}.admin-sidebar.open{transform:none}.admin-mobile-menu{display:block}.admin-content{padding:20px 14px}.admin-main>header{padding:0 15px}.billing-options,.settings-grid{grid-template-columns:1fr}.backup-card{grid-column:auto}}
@media(max-width:560px){.header-actions .round{display:none}.cart-open{width:43px;padding:0;justify-content:center}.cart-open>span{display:none}.cart-open{font-size:0}.cart-open b{font-size:9px}.hero-copy h1{font-size:46px}.hero-actions{flex-direction:column}.hero-art{height:355px}.hero-photo.main{width:180px;height:205px;left:25%;top:75px}.hero-photo.one{width:110px;height:135px;left:14px}.hero-photo.two{width:115px;height:135px;right:14px}.hero-sticker{width:78px;height:78px}.section{padding:60px 0}.section-head{display:block}.section-head h2{font-size:38px}.section-head>a{display:inline-block;margin-top:10px}.category-grid,.product-grid,.catalog-grid,.form-grid,.option-tabs,.payment-options,.account-benefits,.wholesale-perks,.stat-grid,.switch-grid{grid-template-columns:1fr}.wholesale-perks article:last-child,.form-grid .wide{grid-column:auto}.product-media{height:330px}.wholesale-banner{padding:32px 23px}.wholesale-banner h2{font-size:38px}.wholesale-numbers{grid-template-columns:1fr}.wholesale-numbers div:not(:last-child){border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.page-hero h1{font-size:43px}.catalog-tools{flex-wrap:wrap}.catalog-tools select{width:100%}.detail-image{height:380px}.detail-copy h1{font-size:38px}.variant-buttons{grid-template-columns:1fr 1fr}.buy-row{grid-template-columns:1fr}.assurances{grid-template-columns:1fr}.checkout-main>h1{font-size:38px}.form-card,.checkout-summary,.tracking-form,.tracking-result,.auth-card,.wholesale-form,.admin-card{padding:19px}.tracking-form h1{font-size:36px}.account-intro h1,.wholesale-hero h1{font-size:46px}.legal aside h1{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:grid;gap:6px}.request-list article,.user-list article{grid-template-columns:40px 1fr}.request-list article>em,.request-list article>button,.user-list article>em,.user-list article>button{grid-column:2}.admin-title h1{font-size:32px}.admin-main>header>div small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient{display:none}}
.password-card{display:grid;gap:12px}.receipt{margin-block:55px;padding:35px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.receipt>header{padding-bottom:20px;border-bottom:3px solid var(--ink);display:flex;justify-content:space-between}.receipt>header>div{display:grid;text-align:right}.receipt>header>div>b{color:var(--red)}.receipt>section{padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.receipt>section>div{display:grid}.receipt>section small,.receipt td small{display:block;color:var(--muted)}.receipt table{width:100%;border-collapse:collapse}.receipt th,.receipt td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.receipt-total{padding:22px 0;display:grid;justify-content:end;gap:5px;text-align:right}.receipt-total span{display:flex;justify-content:space-between;gap:50px}.receipt-total>strong{font-size:24px}.receipt>footer{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.receipt>footer p{max-width:650px;margin:0;color:var(--muted);font-size:11px}@media(max-width:560px){.receipt{padding:20px}.receipt>header,.receipt>footer{display:grid;gap:15px}.receipt>header>div{text-align:left}.receipt>section{grid-template-columns:1fr 1fr}.receipt{overflow:auto}}@media print{.announce,.site-header,body>footer,.ambient,.receipt>footer button{display:none!important}.receipt{margin:0;border:0;box-shadow:none}.page-wrap{min-height:auto}}
.badge.sold-out{left:auto;right:14px;background:var(--ink)}.product-buy button:disabled,.btn:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.fulfillment-warning,.shipping-quote{margin-top:14px;padding:12px 14px;border-radius:11px;background:var(--lavender);color:var(--muted);font-size:11px;font-weight:700}.shipping-quote.ok{background:var(--mint);color:#08734a}.shipping-quote.error,.fulfillment-warning{background:color-mix(in srgb,var(--red) 13%,var(--surface));color:var(--red)}.pickup-box label{margin-bottom:12px}.pickup-box [data-pickup-detail]{display:grid;gap:2px}.history-timeline{position:relative;margin:22px 0;display:grid;gap:0}.history-entry{position:relative;padding:0 0 20px 28px;display:grid;grid-template-columns:1fr}.history-entry:not(:last-child)::before{content:"";position:absolute;left:7px;top:15px;bottom:-2px;width:2px;background:var(--line)}.history-entry i{position:absolute;left:0;top:4px;width:16px;height:16px;border:4px solid var(--surface);border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.history-entry p{margin:0;display:grid}.history-entry span{color:var(--muted);font-size:11px}.history-entry small{color:var(--muted);font-size:9px}.delivery-summary{margin-bottom:18px;padding:13px;border-radius:12px;background:var(--surface-2);display:grid}.delivery-summary span{color:var(--muted);font-size:11px}[data-account-panel]{animation:reveal .25s ease both}.terms a{color:var(--blue);font-weight:800}
.account-role-chip{min-width:105px;padding:7px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;line-height:1}.account-role-chip small{color:var(--muted);font-size:7px;text-transform:uppercase;font-weight:800}.account-role-chip b{font-size:10px}.account-role-chip.wholesale{border-color:var(--blue);background:var(--sky);color:var(--blue)}.price-tier{display:block;margin-bottom:3px;color:var(--blue);font-size:7px;font-weight:900;letter-spacing:.08em}.wholesale-product{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 22%,transparent),var(--soft-shadow)}.catalog-tier-banner,.account-tier-banner{margin-bottom:18px;padding:14px 17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;gap:12px;align-items:center}.catalog-tier-banner.wholesale,.account-tier-banner.wholesale{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:linear-gradient(110deg,var(--sky),var(--surface))}.catalog-tier-banner>span,.account-tier-banner>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--blue);color:white;display:grid;place-items:center;font-weight:900}.catalog-tier-banner p,.account-tier-banner p{margin:0;display:grid}.catalog-tier-banner small,.account-tier-banner small{color:var(--muted)}.account-tier-banner .btn{margin-left:auto}.account-history-head{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:15px}.account-history-head h2{margin:3px 0;font-size:25px}.account-empty{padding:28px;border:1px dashed var(--line);border-radius:16px;background:var(--surface);text-align:center}.account-empty p{color:var(--muted)}@media(max-width:760px){.account-role-chip{display:none}.account-history-head{align-items:start;flex-direction:column}.account-order{gap:14px;flex-direction:column}.account-tier-banner{align-items:flex-start;flex-wrap:wrap}.account-tier-banner .btn{width:100%;margin-left:0}}
.home-carousel{position:relative}.home-carousel-track{min-height:704px}.hero-slide{animation:carousel-in .35s ease both}.hero-slide[hidden]{display:none}.home-carousel-controls{position:absolute;z-index:8;left:50%;bottom:24px;translate:-50% 0;display:flex;justify-content:center;align-items:center;gap:14px;pointer-events:none}.home-carousel-controls>button,.home-carousel-controls>div{pointer-events:auto}.home-carousel-controls>button{width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:var(--soft-shadow);cursor:pointer}.home-carousel-controls>div{display:flex;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--soft-shadow)}.home-carousel-controls [data-carousel-dot]{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 24%,transparent);cursor:pointer}.home-carousel-controls [data-carousel-dot].active{width:24px;background:var(--blue)}@keyframes carousel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:820px){.home-carousel-track{min-height:920px}.home-carousel-controls{bottom:8px}}@media(max-width:560px){.home-carousel-track{min-height:810px}.home-carousel-controls{bottom:0}}

/* Product cards: explicit variant, stock and purchase hierarchy */
.page-hero{padding:52px 0 42px}.page-hero h1{font-size:54px}
.product-card{display:flex;flex-direction:column}
.product-media{height:210px}
.product-info{min-width:0;flex:1;display:flex;flex-direction:column}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-meta>small{color:var(--blue);font-size:9px;font-weight:900;text-transform:uppercase}
.card-stock{flex:0 0 auto;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850}
.card-stock.available{background:var(--mint);color:#13734f}
.card-stock.empty{background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red)}
.card-variant-picker{margin-top:2px;padding-top:10px;border-top:1px solid var(--line);display:grid;gap:7px}
.card-variant-picker>span{color:var(--muted);font-size:9px}
.card-variant-picker>span b{color:var(--ink)}
.card-variant-options{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none}
.card-variant-options::-webkit-scrollbar{display:none}
.card-variant-option{width:30px;height:30px;flex:0 0 30px;padding:1px;border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden;cursor:pointer}
.card-variant-option img{width:100%;height:100%;border-radius:7px;object-fit:contain;background:#fff}
.card-variant-option:hover,.card-variant-option:focus-visible{border-color:var(--blue);outline:2px solid color-mix(in srgb,var(--blue) 22%,transparent);outline-offset:1px}
.card-variant-option.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 18%,transparent)}
.card-more-variants{flex:0 0 auto;color:var(--blue);font-size:8px;font-weight:850;white-space:nowrap}
.product-buy{margin-top:auto;padding-top:15px;align-items:center;gap:8px}
.product-buy>div{min-width:0}
.product-buy strong{font-size:22px;line-height:1}
.product-buy small{margin-top:3px;font-size:9px}
.product-buy .product-add{width:auto;min-width:94px;height:42px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:11px;font-weight:850;cursor:pointer}
.product-buy .product-add b{font-size:19px;line-height:1}
.product-detail-link{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--blue);font-size:9px;font-weight:800}
.product-card:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent),var(--shadow)}
.detail-price span{font-size:12px}.variant-buttons button{min-height:54px}.sku-row{gap:10px;flex-wrap:wrap}.assurances b{font-size:10px}.assurances span{font-size:9px}

@media(max-width:820px){
  .page-hero{padding:44px 0 34px}
  .filters{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:9px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  .filters::-webkit-scrollbar{display:none}
  .filters>strong,.filter-note{display:none}
  .filters>button{flex:0 0 auto;gap:9px;padding:9px 12px;border:1px solid transparent}
  .filters>button.active{border-color:color-mix(in srgb,var(--blue) 18%,var(--line))}
  .catalog-tools{margin-bottom:14px}
}
@media(max-width:560px){
  .page-hero{padding:36px 0 26px}.page-hero h1{font-size:39px}.page-hero p{margin-bottom:0;font-size:13px;line-height:1.55}
  .product-card{display:grid;grid-template-columns:124px minmax(0,1fr);border-radius:18px}
  .product-media{height:auto;min-height:226px}
  .product-info{padding:13px 12px}
  .product-info h3{min-height:0;margin:5px 0 8px;font-size:16px}
  .product-meta{align-items:flex-start}.product-meta>small{font-size:8px}.card-stock{font-size:7px}
  .card-variant-picker{padding-top:8px}.card-variant-picker>span{font-size:8px}
  .card-variant-option{width:27px;height:27px;flex-basis:27px;border-radius:8px}
  .product-buy{padding-top:12px}.product-buy strong{font-size:18px}.product-buy small{font-size:7.5px}
  .product-buy .product-add{min-width:78px;height:38px;padding:0 8px;font-size:9px}.product-buy .product-add b{font-size:16px}
  .product-detail-link{margin-top:9px;padding-top:8px;font-size:8px}
  .badge{left:8px;top:8px;padding:5px 7px;font-size:6px}.badge.sold-out{right:8px}
  .detail-description{font-size:15px;line-height:1.6}.detail-price span{font-size:12px}.variant-buttons span{font-size:12px}.variant-buttons small{font-size:9px}.sku-row{font-size:9px}
}

/* Jerarquía de formas: superficies discretas; cápsulas sólo para estados y etiquetas. */
.btn,.round,.cart-open{border-radius:8px}
.hero-art{border-radius:20px}.hero-photo{border-radius:10px}
.benefits,.category{border-radius:11px}
.product-card{border-radius:10px}
.product-buy button,.product-buy .product-add{border-radius:6px}
.wholesale-banner{border-radius:15px}.wholesale-numbers{border-radius:8px}
.filters{border-radius:9px}.filters>button{border-radius:5px}.filter-note{border-radius:7px}
.search input,.catalog-tools select,input,select,textarea{border-radius:7px}
.detail-image{border-radius:12px}.thumbs button{border-radius:6px}
.variant-buttons button,.buy-row input,.assurances div{border-radius:6px}
.form-card,.checkout-summary,.tracking-form,.tracking-result,.auth-card,.wholesale-form,.admin-card,.address-card{border-radius:10px}
.step>b,.option-tabs span,.payment-options span,.pickup-box,.bank-note,.proof-form{border-radius:7px}
.success-modal>div{border-radius:12px}.order-code{border-radius:6px}
.account-benefits div,.auth-tabs,.auth-tabs button,.account-nav,.account-nav nav button,.account-order,.address-list>div{border-radius:7px}
.catalog-tier-banner,.account-tier-banner,.account-empty,.receipt{border-radius:10px}
/* La tienda pública está orientada a consumidor final; el alta mayorista se gestiona internamente. */
:root[data-wholesale-public="0"] a[href="/mayoristas"],:root[data-wholesale-public="0"] .wholesale-banner,:root[data-wholesale-public="0"] .filter-note,:root[data-wholesale-public="0"] [data-account-tab="wholesale"],:root[data-wholesale-public="0"] [data-account-panel="wholesale"]{display:none!important}

/* Objetivos táctiles y opciones configurables sin desaparecer del flujo. */
[data-delivery-option].is-unavailable,[data-payment-option].is-unavailable{opacity:.62;background:var(--surface-2)}
[data-delivery-option].is-unavailable input,[data-payment-option].is-unavailable input{cursor:not-allowed}
[data-delivery-option].is-unavailable small,[data-payment-option].is-unavailable small{color:var(--muted)}
@media(max-width:820px){
  .mobile-menu,.account-action,.cart-open,.favorite-toggle{min-width:44px;min-height:44px}
  .filters>button,.product-buy .product-add,.product-buy button{min-width:44px;min-height:44px}
  .home-carousel-controls>button{width:44px;height:44px}
  .mobile-nav-search{min-height:52px}
  .mobile-nav-search button{min-width:44px;min-height:44px}
  .btn.small{min-height:44px}
}

/* Logo oficial con transparencia real. El negro permanece neutro y la exclamación
   recorre lentamente una paleta pastel continua, sin cambios bruscos. */
.brand{
  position:relative;
  width:112px;
  height:59px;
  overflow:hidden;
  flex:0 0 auto;
  isolation:isolate;
}
.brand>b,.brand>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:url("/assets/pah-accesorios-logo-transparent.png") center/contain no-repeat;
  filter:hue-rotate(0deg) saturate(.42) brightness(1.06) grayscale(0);
  animation:pah-pastel-exclamation 90s linear infinite;
  will-change:filter;
}
.footer-brand{width:158px;height:83px}
.receipt .brand{width:158px;height:83px}
.admin-login>.brand{width:170px;height:90px;background:transparent}
.admin-sidebar .brand{width:156px;height:82px;background:transparent}
.admin-sidebar .brand::before,:root[data-theme="dark"] .brand::before{animation-name:pah-pastel-exclamation-dark}
@keyframes pah-pastel-exclamation{
  0%,100%{filter:hue-rotate(0deg) saturate(.42) brightness(1.06) grayscale(0)}
  20%{filter:hue-rotate(82deg) saturate(.38) brightness(1.08) grayscale(0)}
  40%{filter:hue-rotate(148deg) saturate(.36) brightness(1.09) grayscale(0)}
  60%{filter:hue-rotate(224deg) saturate(.35) brightness(1.09) grayscale(.08)}
  80%{filter:hue-rotate(302deg) saturate(.28) brightness(1.08) grayscale(.58)}
}
@keyframes pah-pastel-exclamation-dark{
  0%,100%{filter:invert(1) hue-rotate(180deg) saturate(.62) brightness(1.14) grayscale(0) drop-shadow(0 1px 1px rgba(0,0,0,.18))}
  20%{filter:invert(1) hue-rotate(262deg) saturate(.56) brightness(1.16) grayscale(0) drop-shadow(0 1px 1px rgba(0,0,0,.18))}
  40%{filter:invert(1) hue-rotate(328deg) saturate(.52) brightness(1.17) grayscale(0) drop-shadow(0 1px 1px rgba(0,0,0,.18))}
  60%{filter:invert(1) hue-rotate(404deg) saturate(.5) brightness(1.17) grayscale(.04) drop-shadow(0 1px 1px rgba(0,0,0,.18))}
  80%{filter:invert(1) hue-rotate(482deg) saturate(.42) brightness(1.16) grayscale(.35) drop-shadow(0 1px 1px rgba(0,0,0,.18))}
}
@media(prefers-reduced-motion:reduce){
  .brand::before{animation:none!important;filter:hue-rotate(148deg) saturate(.36) brightness(1.09) grayscale(0)}
  .admin-sidebar .brand::before,:root[data-theme="dark"] .brand::before{filter:invert(1) hue-rotate(328deg) saturate(.52) brightness(1.17) grayscale(0) drop-shadow(0 1px 1px rgba(0,0,0,.18))}
}
@media(max-width:760px){.brand{width:90px;height:48px}}

/* Iconografía funcional: forma reconocible + texto para las acciones principales. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ui-icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-actions{justify-self:end;gap:7px}
.header-action{height:44px;min-width:94px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:780;transition:background .18s,border-color .18s,color .18s,transform .18s}
.header-action:hover,.header-action:focus-visible{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));background:var(--sky);color:var(--blue)}
.header-action:focus-visible,.cart-open:focus-visible,.mobile-menu:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 42%,transparent);outline-offset:2px}
.account-action{min-width:140px;max-width:180px;justify-content:flex-start}
.account-copy{min-width:0;display:grid;gap:2px;line-height:1.05;text-align:left}
.account-copy b,.account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-copy b{font-size:12px}
.account-copy small{color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.account-copy small:empty{display:none}
.theme-icon-light{display:none}
.theme-toggle[aria-pressed="true"] .theme-icon-dark{display:none}
.theme-toggle[aria-pressed="true"] .theme-icon-light{display:block}
.cart-open{min-width:112px;border-radius:8px;justify-content:center;transition:background .18s,transform .18s}
.cart-open .ui-icon{width:19px;height:19px}
.cart-open:hover{background:var(--blue-2);transform:translateY(-1px)}
.mobile-menu{width:42px;height:42px;padding:0;border-radius:8px;place-items:center;color:var(--ink)}
.mobile-menu .ui-icon{width:23px;height:23px}
.benefit-icon{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:var(--sky);display:grid;place-items:center}
.benefits>div>.benefit-icon .ui-icon{width:21px;height:21px}
.search>span{width:22px;height:22px;display:grid;place-items:center;color:var(--muted)}
.search>span .ui-icon{width:19px;height:19px}
.tracking-placeholder>span{display:grid;place-items:center}
.tracking-placeholder .tracking-icon{width:48px;height:48px}
.account-space-title,.account-benefits b,.option-tabs b,.payment-options b{display:flex;align-items:center;gap:7px}
.account-space-title .ui-icon,.account-benefits .ui-icon,.option-tabs .ui-icon,.payment-options .ui-icon{width:17px;height:17px;color:var(--blue)}
.wholesale-perks article>b:has(.ui-icon){display:grid;place-items:center}
.wholesale-perks article>b .ui-icon{width:28px;height:28px}
.cart-empty .empty-state-icon{width:46px;height:46px;margin:auto}
:root[data-theme="dark"] .site-header{box-shadow:0 8px 28px rgba(0,0,0,.24)}
:root[data-theme="dark"] .header-action{background:#1c2840;border-color:#41506c;color:#f5f7ff}
:root[data-theme="dark"] .header-action:hover,:root[data-theme="dark"] .header-action:focus-visible{background:#263653;border-color:#7e9be2;color:#dce6ff}
:root[data-theme="dark"] .account-copy small{color:#bac8e4}
:root[data-theme="dark"] .benefits,:root[data-theme="dark"] .form-card,:root[data-theme="dark"] .auth-card{border-color:#40506b}
:root[data-theme="dark"] .benefit-icon{background:#263e66;color:#adc2ff}
:root[data-theme="dark"] .announce{background:#456bd2}
@media(max-width:1040px){.theme-toggle{min-width:44px;padding:0}.theme-toggle .header-action-label{display:none}}
@media(max-width:820px){.theme-toggle{display:none}.header-actions{gap:5px}.account-action{height:42px;min-width:86px;max-width:104px;padding:0 7px}.account-copy b{font-size:10px}.account-copy small{font-size:7px}.cart-open{min-width:42px;width:42px;height:42px;padding:0}.cart-open .cart-label{display:none}.mobile-menu{display:grid}.header-row{grid-template-columns:42px 1fr auto}}
@media(max-width:390px){.account-action{min-width:76px;max-width:94px}.account-action .ui-icon{width:17px;height:17px}.account-copy b{font-size:9px}}

/* Hover estable: resalta sin mover la tarjeta ni perder el área apuntada. */
.product-card,.category{transform:none}
.product-card:hover,.product-card:focus-within,.category:hover,.category:focus-visible{transform:none}
.product-card{transition:border-color .18s,box-shadow .18s}
.product-media img{transition:transform .22s ease}
.category{transition:box-shadow .18s,filter .18s}
@media(hover:hover) and (pointer:fine){.product-card:hover,.product-card:focus-within{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:0 14px 32px color-mix(in srgb,var(--ink) 12%,transparent)}.product-card:hover .product-media img{transform:scale(1.015)}.category:hover,.category:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue) 28%,transparent),var(--soft-shadow);filter:saturate(1.04)}}
@media(hover:none){.product-card,.category,.product-media img{transition:none}}

/* Las transparencias de productos siempre descansan sobre blanco. */
:root,:root[data-theme="dark"]{--product-image-bg:#fff}
.product-media,.product-media img,.detail-image,.detail-image img,.thumbs button,.thumbs img,.hero-photo,.hero-photo img,.card-variant-option,.card-variant-option img,.checkout-line img,.cart-line img{background:var(--product-image-bg)}

/* Selector de color: objetivo táctil amplio y muestra cromática legible. */
.variant-color-dot{width:28px;height:28px;display:block;flex:0 0 28px;border:2px solid #fff;border-radius:50%;background:var(--variant-color,#b7bdc8);box-shadow:0 0 0 1px #aeb5c1,inset 0 0 0 1px rgba(23,33,59,.08)}
.card-variant-options{gap:8px;padding:2px 2px 4px}
.card-variant-option{position:relative;width:44px;height:44px;flex:0 0 44px;padding:7px;border-radius:50%;display:grid;place-items:center;overflow:visible;background:var(--surface)}
.card-variant-option:hover,.card-variant-option:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 20%,transparent);outline-offset:1px}
.card-variant-option.active{border-color:var(--blue);background:color-mix(in srgb,var(--sky) 58%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 28%,transparent)}
.card-variant-option.active .variant-color-dot{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--blue)}
.card-variant-option.unavailable .variant-color-dot,.thumbs button.unavailable .variant-color-dot,.variant-buttons button.unavailable .variant-color-dot{opacity:.45;filter:saturate(.45)}
.card-variant-option.unavailable::after,.thumbs button.unavailable::after{content:"";position:absolute;width:26px;height:2px;border-radius:2px;background:var(--red);rotate:-42deg;pointer-events:none}
.thumbs{gap:10px;padding:3px;scrollbar-width:thin}
.thumbs button{position:relative;width:50px;height:50px;flex:0 0 50px;padding:9px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--surface)}
.thumbs button:hover,.thumbs button:focus-visible{border-color:var(--blue);outline:3px solid color-mix(in srgb,var(--blue) 20%,transparent);outline-offset:1px}
.thumbs button.active{border-color:var(--blue);background:var(--sky);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 24%,transparent)}
.variant-buttons button{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:64px}
.variant-buttons button .variant-color-dot{grid-row:1/3;width:28px;height:28px}
.variant-buttons button span,.variant-buttons button small{grid-column:2}
.variant-buttons button.unavailable{opacity:.68}

/* Cabecera adaptable sin comprimir nombre, cuenta ni carrito. */
@media(min-width:821px) and (max-width:1040px){.header-row{height:70px;grid-template-columns:42px minmax(0,1fr) auto}.mobile-menu{display:grid}.header-row>.brand{justify-self:center}.header-row nav{position:absolute;left:0;right:0;top:70px;padding:12px 20px 20px;background:var(--surface);display:none;justify-self:stretch;flex-direction:column;gap:0;box-shadow:var(--shadow)}.header-row nav.open{display:flex}.header-row nav a{padding:12px}.header-actions{min-width:0}}
@media(min-width:521px) and (max-width:820px){.account-action{min-width:142px;max-width:142px}}
@media(max-width:520px){.account-action{min-width:96px;max-width:104px}.account-copy b{font-size:0}.account-copy b::after{content:attr(data-short-label);font-size:10px}.account-copy small{font-size:7px}}
@media(max-width:380px){.product-card{display:flex;grid-template-columns:none}.product-media{height:220px;min-height:220px}.product-info{padding:14px}.product-buy{display:grid;grid-template-columns:1fr;align-items:stretch}.product-buy .product-add{width:100%;min-width:0}.card-variant-option{width:44px;height:44px;flex-basis:44px}}
@media(max-width:320px){.header-row>.brand{width:72px;height:38px}.account-action{width:42px;min-width:42px;padding:0;justify-content:center}.account-copy{display:none}}

/* El selector de tema permanece accesible cuando la navegación se convierte en menú. */
.mobile-theme-toggle{display:none}
@media(max-width:1040px){.header-row nav .mobile-theme-toggle{min-height:48px;width:100%;margin-top:6px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-weight:800;cursor:pointer}.mobile-theme-toggle .ui-icon{width:20px;height:20px}.mobile-theme-label{display:flex;align-items:center;gap:4px}.mobile-theme-toggle [data-theme-label]{color:var(--blue)}}

/* En móvil el contador flota sobre el carrito y deja de competir por sus 44 px. */
@media(max-width:820px){.cart-open{position:relative;min-width:44px;width:44px;height:44px;padding:0;gap:0;overflow:visible}.cart-open .ui-icon{width:20px;height:20px}.cart-open b{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--surface);font-size:8px;line-height:1;z-index:2}}

/* Las variantes conservan completos sus aros y se desplazan cuando exceden la tarjeta. */
.card-variant-picker{min-width:0}
.card-variant-options,.thumbs{box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:7px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--blue) 45%,var(--line)) transparent}
.card-variant-options{width:100%;gap:8px;padding:7px 7px 10px}
.card-variant-options::-webkit-scrollbar,.thumbs::-webkit-scrollbar{display:block;height:6px}
.card-variant-options::-webkit-scrollbar-thumb,.thumbs::-webkit-scrollbar-thumb{border-radius:3px;background:color-mix(in srgb,var(--blue) 45%,var(--line))}
.card-variant-options::-webkit-scrollbar-track,.thumbs::-webkit-scrollbar-track{background:transparent}
.card-variant-option,.thumbs button{scroll-snap-align:start}
.card-variant-options:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.thumbs{padding:7px 7px 10px}

/* Controles de variantes: sin recortes ni barras nativas ajenas a la identidad. */
.variant-scroll-shell{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:5px;align-items:center}
.variant-scroll-control{width:32px;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.variant-scroll-control:hover:not(:disabled),.variant-scroll-control:focus-visible{border-color:var(--blue);color:var(--blue)}
.variant-scroll-control:disabled{opacity:.3;cursor:default}
.variant-scroll-control[hidden]{display:block;visibility:hidden}
.card-variant-options,.thumbs{scrollbar-width:none;padding-block:7px}
.card-variant-options::-webkit-scrollbar,.thumbs::-webkit-scrollbar{display:none}
.detail-variant-scroll{margin-top:12px}.detail-variant-scroll .thumbs{margin-top:0}

/* Texto operativo legible también en notebook, zoom y móvil. */
.product-info>small,.card-stock,.card-variant-picker>span,.product-buy small,.product-detail-link{font-size:11px}
.price-tier,.account-role-chip small{font-size:9px}
.account-role-chip b,.assurances b,.variant-buttons span{font-size:11px}
.assurances span,.variant-buttons small,.footer-bottom,.status-chip,.status{font-size:10px}
.section-summary{max-width:620px;margin:8px 0 0;color:var(--muted);font-size:14px}
.auth-capability-note{margin:5px 0 0;padding:11px;border-left:3px solid var(--yellow);background:var(--surface-2);color:var(--muted);font-size:12px}

/* El carrusel puede pausarse y el control no se fuerza a formato circular. */
.home-carousel-controls .carousel-toggle{width:auto;min-width:74px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:800}
body.cart-visible{overflow:hidden}

/* La fila móvil anuncia que hay más categorías sin depender de un recorte accidental. */
.filter-scroll-hint{display:none;color:var(--muted);font-size:11px;flex:0 0 auto}
@media(max-width:820px){.filter-scroll-hint{display:inline-flex;align-items:center;padding-inline:4px}.filters{scroll-snap-type:x proximity}.filters>button{scroll-snap-align:start}}

/* La tarjeta compacta se conserva hasta teléfonos muy angostos; evita el salto a 380 px. */
@media(max-width:380px){.product-card{display:grid;grid-template-columns:108px minmax(0,1fr)}.product-media{height:auto;min-height:210px}.product-info{padding:13px}.product-buy{display:flex;grid-template-columns:none;align-items:end}.product-buy .product-add{width:auto;min-width:94px}.card-variant-option{width:44px;height:44px;flex-basis:44px}.variant-scroll-shell{grid-template-columns:28px minmax(0,1fr) 28px}.variant-scroll-control{width:28px}}
@media(max-width:330px){.product-card{display:flex}.product-media{height:220px;min-height:220px}.product-buy{display:grid;grid-template-columns:1fr;align-items:stretch}.product-buy .product-add{width:100%;min-width:0}}
@media(max-width:520px){.account-copy small{font-size:9px}.account-copy b::after{font-size:11px}}

/* Identidad y acciones compactas: tema por icono y favoritos personales. */
.header-actions .theme-toggle{width:44px;min-width:44px;height:44px;padding:0;justify-content:center}
.header-row nav a .ui-icon{width:16px;height:16px;margin-right:6px;vertical-align:-3px}
.product-card{position:relative}
.favorite-toggle{position:absolute;top:10px;right:10px;z-index:4;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:50%;background:color-mix(in srgb,#fff 92%,transparent);color:var(--ink);box-shadow:0 5px 16px rgba(23,33,59,.12);cursor:pointer}
.favorite-toggle .ui-icon{width:20px;height:20px}
.favorite-toggle:hover,.favorite-toggle:focus-visible{border-color:var(--red);color:var(--red);outline:3px solid color-mix(in srgb,var(--red) 18%,transparent)}
.favorite-toggle.active{border-color:var(--red);color:var(--red);background:#fff4f5}
.favorite-toggle.active .ui-icon{fill:var(--red);stroke:var(--red)}
.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.detail-title-row .favorite-toggle{position:static;flex:0 0 44px}
.favorites-page{min-height:360px}
.favorites-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--muted)}
.favorites-empty h2,.favorites-empty p{margin:0}.favorites-empty-icon{width:42px;height:42px;color:var(--red)}

/* El carril decide el desborde usando todo el ancho; las flechas no lo provocan. */
.variant-scroll-shell{position:relative;display:block;min-width:0}
.variant-scroll-control{position:absolute;top:50%;z-index:3;translate:0 -50%;width:32px;height:40px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 3px 10px color-mix(in srgb,var(--ink) 12%,transparent)}
.variant-scroll-control.previous{left:0}.variant-scroll-control.next{right:0}
.variant-scroll-control[hidden]{display:none!important;visibility:hidden!important}
.variant-scroll-shell.has-overflow .card-variant-options,.variant-scroll-shell.has-overflow .thumbs{padding-inline:39px;scroll-padding-inline:39px}
.variant-value-chip{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;font-size:11px;font-weight:850;line-height:1.1;white-space:nowrap;color:var(--ink)}
.card-variant-option.is-text{width:auto;min-width:70px;max-width:130px;flex-basis:auto;padding:0 12px;border-radius:12px;background:var(--surface)}
.card-variant-option.is-text.active{background:var(--sky)}
.card-variant-option.is-text.unavailable::after,.thumbs button.is-text.unavailable::after{width:70%}
.thumbs button.is-text{width:auto;min-width:86px;max-width:150px;flex-basis:auto;padding:0 12px;border-radius:12px;background:var(--surface)}
.variant-buttons button.is-text{grid-template-columns:minmax(0,1fr)}
.variant-buttons button.is-text .variant-value-chip{display:none}
.variant-buttons button.is-text span,.variant-buttons button.is-text small{grid-column:1}
@media(max-width:1040px){.header-row nav .mobile-theme-toggle{align-self:flex-start;width:44px;min-width:44px;height:44px;min-height:44px;margin:8px 12px 4px;padding:0;justify-content:center;border-radius:50%}.mobile-theme-toggle .ui-icon{width:21px;height:21px}}
@media(max-width:380px){.variant-scroll-shell{display:block}.favorite-toggle{top:7px;right:7px;width:40px;height:40px}.detail-title-row .favorite-toggle{width:44px;height:44px}}

/* Sistema visual compacto: busqueda primero, navegacion agrupada y acciones estables. */
.site-header{background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 1px 0 var(--line),0 12px 32px color-mix(in srgb,var(--ink) 5%,transparent)}
.header-row{height:74px;grid-template-columns:minmax(112px,160px) minmax(260px,460px) minmax(250px,auto) auto;gap:18px}
.header-search,.mobile-nav-search{min-width:0;height:44px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 6px 0 13px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 4%,transparent)}
.header-search span,.mobile-nav-search span{display:grid;place-items:center;color:var(--muted)}
.header-search .ui-icon,.mobile-nav-search .ui-icon{width:18px;height:18px}
.header-search input,.mobile-nav-search input{height:100%;padding:0;border:0;background:transparent;outline:0;font-size:14px}
.header-search button,.mobile-nav-search button{height:34px;padding:0 13px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:12px;font-weight:850}
.header-search:focus-within,.mobile-nav-search:focus-within{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}
.mobile-nav-search{display:none}
.header-row nav{justify-self:start;min-width:0;display:flex;align-items:center;gap:8px}
.nav-section{display:flex;align-items:center;gap:6px;min-width:0;padding:3px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 74%,var(--sky))}
.nav-section-label{padding:0 6px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.nav-section-links{display:flex;align-items:center;gap:2px}
.header-row nav a{min-height:34px;padding:0 9px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:12px;font-weight:820;white-space:nowrap}
.header-row nav a .ui-icon{width:15px;height:15px;margin:0}
.header-row nav a:hover,.header-row nav a:focus-visible,.header-row nav a.active{background:#fff;color:var(--blue);outline:0;box-shadow:0 1px 0 color-mix(in srgb,var(--blue) 22%,transparent)}
:root[data-theme="dark"] .site-header{background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 1px 0 var(--line),0 14px 34px rgba(0,0,0,.25)}
:root[data-theme="dark"] .header-search,:root[data-theme="dark"] .mobile-nav-search,:root[data-theme="dark"] .header-row nav a:hover,:root[data-theme="dark"] .header-row nav a:focus-visible,:root[data-theme="dark"] .header-row nav a.active{background:#fff;color:#17213b}
:root[data-theme="dark"] .nav-section{background:color-mix(in srgb,var(--surface-2) 72%,transparent);border-color:#40506b}
.page-hero{padding:54px 0 42px}
.page-hero h1{font-size:54px;letter-spacing:0}
.page-hero p{max-width:660px;margin-inline:auto}
.catalog{gap:26px}
.filters,.product-card,.detail-image,.product-photo-gallery{border-color:color-mix(in srgb,var(--line) 82%,transparent)}
.filters,.product-card,.catalog-tools .search input,.catalog-tools select{box-shadow:none}
.product-card{background:color-mix(in srgb,var(--surface) 96%,#fff)}
.product-info h3,.detail-copy h1{letter-spacing:0}

.product-photo-gallery{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.photo-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:850}
.photo-gallery-heading b{color:var(--ink)}
.photo-gallery-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:3px;scroll-snap-type:x proximity;scrollbar-width:thin}
.photo-gallery-thumb{width:62px;height:62px;flex:0 0 62px;padding:4px;border:1px solid var(--line);border-radius:7px;background:#fff;display:grid;place-items:center;scroll-snap-align:start}
.photo-gallery-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.photo-gallery-thumb:hover,.photo-gallery-thumb:focus-visible,.photo-gallery-thumb.active{border-color:var(--blue);outline:2px solid color-mix(in srgb,var(--blue) 18%,transparent);outline-offset:1px}
.product-photo-gallery[hidden],.photo-gallery-thumb[hidden]{display:none!important}

@media(max-width:1180px){
  .header-row{grid-template-columns:42px minmax(96px,150px) minmax(220px,1fr) auto;height:70px}
  .mobile-menu{display:grid}
  .header-row>.brand{justify-self:start}
  .header-row nav{position:absolute;left:max(20px,calc((100vw - 1180px)/2 + 20px));right:max(20px,calc((100vw - 1180px)/2 + 20px));top:70px;display:none;grid-template-columns:1fr;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}
  .header-row nav.open{display:grid}
  .nav-section{align-items:flex-start;display:grid;gap:5px;background:transparent}
  .nav-section-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px}
  .header-row nav a{min-height:42px;padding:0 10px}
  .header-row nav .mobile-theme-toggle{align-self:auto;margin:0;width:44px;min-width:44px;height:44px;min-height:44px;border-radius:8px}
}
@media(max-width:760px){
  .header-row{grid-template-columns:42px minmax(82px,1fr) auto;gap:8px}
  .header-row>.brand{justify-self:center}
  .header-search{display:none}
  .mobile-nav-search{display:grid}
  .header-row nav{left:14px;right:14px;top:67px;max-height:calc(100vh - 85px);overflow:auto}
  .nav-section-label{padding-top:5px}
  body.menu-visible{overflow:hidden}
  .page-hero{padding:36px 0 25px}
  .page-hero h1{font-size:38px}
  .catalog{padding-bottom:55px}
  .catalog-tools{display:grid}
  .catalog-tools select{width:100%}
  .detail-image{height:min(74vw,390px)}
  .photo-gallery-thumb{width:58px;height:58px;flex-basis:58px}
}
@media(max-width:430px){
  .header-row{grid-template-columns:42px minmax(72px,1fr) auto;width:min(100% - 22px,1180px)}
  .brand{width:82px;height:43px}
  .account-action{min-width:44px;width:44px;max-width:44px;padding:0}
  .account-copy{display:none}
  .header-actions{gap:5px}
  .cart-open{width:44px;min-width:44px}
  .product-card{grid-template-columns:112px minmax(0,1fr);border-radius:8px}
  .product-media{min-height:205px}
  .product-buy{display:grid;grid-template-columns:1fr;align-items:stretch}
  .product-buy .product-add{width:100%;min-width:0}
}