/* SKANO visual renewal. Public routes only; authenticated admin styles are preserved. */
body.storefront{--ink:#f2f5fb;--muted:#a7b4ca;--surface:#101d30;--line:#263349;--blue:#2478ff;background:#080f1c;color:var(--ink)}
.storefront .demo{display:flex;justify-content:space-between;padding:10px max(4%,calc((100vw - 1320px)/2));background:#0e192b;color:#aabbd3;font-size:10px;letter-spacing:1.4px;border-bottom:1px solid #223047}
.storefront .demo span{letter-spacing:.2px;color:#dbe7fa}
.storefront header{background:#080f1c;min-height:100px}
.storefront #search{background:#131f31;border-color:#2b394d;box-shadow:none;max-width:540px}
.storefront #search input{color:white}.storefront #search input::placeholder{color:#aab7cb}.storefront #search button{background:#1b2c44;color:#d5e5ff}
.storefront nav{background:#080f1c;border-color:#263349;box-shadow:none;min-height:50px}
.storefront nav a{color:#c8d5e9;border-color:#263349;padding:17px 22px}.storefront nav a:first-child{color:#78acff}.storefront nav a:last-child{color:#c8d5e9}.storefront nav a:hover{background:#18273d}
.storefront main{padding-top:32px;max-width:1440px}.storefront main:focus{outline:none}
.storefront .brand-logo{width:39px;height:58px}.storefront .brand-word{font-size:26px}
.storefront .eyebrow{color:#7cabff;font-size:10px;letter-spacing:2px}.storefront h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1.3px;line-height:1.15;font-weight:600}
.sk-hero{display:grid;grid-template-columns:1.07fr 1fr;gap:36px;min-height:530px;margin-bottom:0;align-items:stretch}
.sk-hero-copy{padding:45px 0 25px}.sk-hero h1{font-size:clamp(43px,5.4vw,77px);line-height:1.06;letter-spacing:-3.5px;font-weight:620;margin:28px 0}.sk-hero h1 em{font-style:normal;color:#448cff}.sk-hero-copy>p{color:#adbdd3;max-width:440px;font-size:15px;line-height:1.85}
.storefront .button{border-radius:5px;background:#226cf2;border-color:#226cf2;font-size:13px;min-height:48px;padding:14px 22px;color:white}.storefront .button:hover{background:#4085ff;color:white}.storefront .button.light{background:transparent;color:#dbe8fc;border-color:#526782}.storefront .text-link{color:#8db8ff;font-size:13px}
.sk-hero .actions{gap:26px;margin:28px 0 40px}.sk-hero-foot{display:flex;gap:24px;font-size:9px;letter-spacing:1.5px;color:#93a8c6}
.sk-hero-visual{position:relative;min-height:530px;background:#cbd3d9;border-radius:8px;overflow:hidden}.sk-hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 55%}.sk-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07111be8,transparent 55%)}
.sk-visual-top{position:absolute;z-index:1;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:#0b182b;font-size:9px;font-weight:700;letter-spacing:2px}.sk-visual-top>span:last-child{font-size:27px;line-height:1;letter-spacing:0}
.sk-visual-caption{position:absolute;z-index:1;bottom:27px;left:28px;right:28px}.sk-visual-caption>span{display:block;font-size:30px;line-height:1.18;letter-spacing:-1px;font-weight:500}.sk-visual-caption small{color:#c4d0df;display:block;margin-top:16px;font-size:10px}
.sk-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 0;border-bottom:1px solid #263349;margin-bottom:75px}.sk-trust>div{display:flex;align-items:center;gap:16px}.sk-trust .icon{width:25px;height:25px;color:#719eff}.sk-trust span{display:grid;gap:5px}.sk-trust b{font-size:12px;font-weight:600}.sk-trust small{color:#a2b3cc;font-size:11px}
.storefront .section-title{align-items:end;margin-bottom:28px}.sk-explore .section-title>p{font-size:12px;color:#a7b4ca;margin-bottom:0;line-height:1.8}.sk-editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sk-editorial{height:330px;border-radius:7px;overflow:hidden;position:relative;background:#152136;display:block;color:white!important}.sk-editorial>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.sk-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030b16f5,transparent 95%)}.sk-editorial>div{position:absolute;bottom:40px;left:23px;right:23px;z-index:1}.sk-editorial-number{font-size:9px;letter-spacing:1.6px;color:#c9dcf9}.sk-editorial h3{font-size:23px;letter-spacing:-.6px;margin:14px 0 6px;font-weight:550}.sk-editorial p{font-size:12px;margin:0;color:#c2cee0}.sk-editorial>small{position:absolute;z-index:1;bottom:14px;left:23px;color:#a6b8d1;font-size:9px}.sk-round-arrow{position:absolute;right:0;top:0;border:1px solid #a7bddb66;border-radius:50%;height:33px;width:33px;display:grid;place-items:center}.sk-editorial:hover>img{transform:scale(1.04)}
.sk-explore{margin-bottom:70px}.sk-category-pills{display:flex;gap:12px;flex-wrap:wrap}.sk-category-pills a{border:1px solid #31445d;border-radius:5px;padding:15px 20px;font-size:13px;display:flex;gap:30px}.sk-category-pills span{color:#81b1ff}
.storefront .empty{background:linear-gradient(110deg,#101e33,#0e192b);border:1px solid #263b57;border-radius:8px;padding:45px 24px}.storefront .empty h2{font-size:25px;max-width:590px;margin:0 auto 16px}.storefront .empty p{color:#a7b4ca;font-size:13px}.sk-empty-icon{display:grid;place-items:center;font-size:35px;color:#6f9eff;margin-bottom:20px}.sk-empty-icon .icon{height:35px;width:35px}
.sk-guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:75px 0 15px;padding:45px 0;border-top:1px solid #263349}.sk-guide>div>p{font-size:14px;color:#a7b4ca;max-width:450px}.sk-guide ol{list-style:none;padding:0;margin:0}.sk-guide li{display:flex;gap:25px;border-bottom:1px solid #263349;padding:20px 0}.sk-guide li>span{color:#76a8fb;font-size:12px;padding-top:4px}.sk-guide h3{font-size:17px;margin-bottom:6px}.sk-guide li p{font-size:12px;color:#a7b4ca;margin-bottom:0}
.storefront footer{background:#0c1626;border-color:#263349;color:#f2f5fb}.storefront footer a:not(.brand){color:#a9bbd4;font-size:12px}.storefront footer small{color:#a9bbd4}.storefront footer p{color:#c7d6eb}
.storefront .heading{padding:32px 0}.storefront .heading h1{font-weight:600}.storefront .heading p{color:#a7b4ca}
.storefront .panel{background:#101c2e;border-color:#2a3b54;border-radius:8px}.storefront input,.storefront select,.storefront textarea{background:#0b1627;color:#e9f1ff;border-color:#3b4d67;color-scheme:dark}.storefront .filters h3{color:white}.storefront .filters label{font-size:12px;color:#c1d0e6}.storefront .filters .text-link{align-self:center}
.storefront .product{background:#111e31;border-color:#293b54;border-radius:8px}.storefront .product:hover{border-color:#528be0;box-shadow:0 10px 35px #0004}.storefront .product-art{background:#e6ebf0;padding-top:0}.storefront .product-art>a{display:block;height:245px}.storefront .product-art img{object-fit:contain}.storefront .product-info{padding:20px}.storefront .product-info h3{font-size:16px;line-height:1.45;min-height:0}.storefront .product-info .eyebrow{font-size:9px}.storefront .product-info .muted{font-size:11px;color:#b8c8df}.storefront .product-info small{color:#a4b9d5;font-size:11px}.storefront .price-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.storefront .price-row strong{color:#f0f5ff;font-size:24px}.storefront .add{font-size:12px;height:42px;padding:0 14px;background:#226cf2;border-radius:5px;color:#fff}.storefront .heart{height:40px;width:40px;background:#fff;color:#16416f;border:1px solid #c3d1e2}.storefront .heart[aria-pressed=true]{color:#096bff;background:#e5efff}.storefront .offer{color:#fff;background:#155be0;font-size:10px;z-index:2}.storefront .photo-placeholder{background:#e6ebf0;color:#4b607a}
.storefront .gallery{background:#e6ebf0;border-radius:8px;overflow:hidden}.storefront .gallery img{object-fit:contain;max-height:530px}.storefront .gallery-thumbnails button{background:#e6ebf0;min-width:56px;min-height:56px}.storefront .gallery-thumbnails button[aria-pressed=true]{outline:2px solid #70a3ff;outline-offset:3px}.storefront .detail h1{font-weight:600}.storefront .detail .big-price{color:#84b1ff}.storefront .detail p{color:#bdcce1}.storefront .detail .price-tax{font-size:12px}.storefront .detail .actions>button:not(.button){background:#172b45;color:#e4efff;border-color:#415c80}.storefront .notice{background:#142943;color:#c8defc;border-color:#31547e}.storefront .cart-line{border-color:#293b54}.storefront .cart-line>.catalog-photo{width:95px;height:110px;object-fit:contain;background:#e6ebf0;border-radius:6px}.storefront .cart-line h3{font-size:16px}.storefront .cart-line>div{min-width:0}.storefront .summary{position:sticky;top:20px}.storefront .summary p{color:#c1cfe3}.storefront .summary b{color:#fff}.storefront .summary .button{width:100%}.storefront button:disabled{opacity:.7}
@media(max-width:1050px){.sk-hero{gap:24px}.sk-hero h1{font-size:56px}.sk-hero-copy{padding-top:24px}.sk-hero-visual{min-height:490px}.sk-hero-foot{gap:12px;font-size:8px}.sk-editorial{height:300px}.sk-editorial h3{font-size:20px}.sk-trust{gap:15px}.sk-trust>div{gap:10px}.storefront .tools{gap:15px}.storefront .product-art>a{height:210px}.sk-guide{gap:40px}}
@media(max-width:700px){.storefront .demo{justify-content:center;font-size:9px;padding:9px 14px;letter-spacing:0}.storefront .demo>span{display:none}.storefront header{min-height:0;padding:17px 5%;gap:16px}.storefront .brand-logo{width:29px;height:44px}.storefront .brand .brand-word{font-size:23px}.storefront .brand-word small{font-size:8px;letter-spacing:4px;margin-top:7px}.storefront #search{max-width:none;flex-basis:100%}.storefront #search input{height:44px;font-size:13px}.storefront .tools{gap:16px}.storefront .tools a{min-height:44px;gap:5px}.storefront .tools a:first-child span{display:none}.storefront nav{padding-inline:5%;min-height:46px}.storefront nav a{padding:14px 18px;font-size:11px}.storefront nav a:last-child{margin-left:auto}.storefront main{padding-top:23px}.sk-hero{grid-template-columns:1fr;gap:24px}.sk-hero-copy{padding:8px 0 0}.sk-hero h1{font-size:clamp(41px,10.8vw,65px);letter-spacing:-2px;margin:21px 0}.sk-hero .eyebrow{font-size:8px;letter-spacing:1.4px}.sk-hero-copy>p{font-size:14px;margin-bottom:0;max-width:420px}.sk-hero .actions{margin:24px 0;gap:20px}.sk-hero-foot{font-size:8px;gap:20px}.sk-hero-visual{min-height:340px;max-height:410px}.sk-visual-top{top:19px;left:20px;right:20px}.sk-visual-caption{left:22px;bottom:22px}.sk-visual-caption>span{font-size:28px}.sk-trust{grid-template-columns:1fr;padding:24px 0;gap:21px;margin-bottom:45px}.sk-trust>div{gap:15px}.sk-trust b{font-size:12px}.sk-trust small{font-size:11px}.storefront .section-title{gap:15px;align-items:start}.sk-explore .section-title{display:block}.sk-explore .section-title>p{margin-top:15px}.sk-editorial-grid{grid-template-columns:1fr;gap:16px}.sk-editorial{height:275px}.sk-editorial h3{font-size:25px}.sk-editorial>img{object-position:center 45%}.sk-explore{margin-bottom:46px}.storefront .section-title>.text-link{font-size:11px;white-space:normal;max-width:95px}.storefront .empty{padding:34px 20px}.storefront .empty h2{font-size:23px}.sk-guide{grid-template-columns:1fr;gap:20px;margin-top:45px;padding-top:35px}.sk-guide li{padding:18px 0}.storefront footer{gap:30px 18px}.storefront footer a:not(.brand){font-size:11px;line-height:1.6}.storefront .catalog-layout .products,.storefront .products{gap:12px}.storefront .product-art>a{height:170px}.storefront .product-info{padding:13px}.storefront .product-info h3{font-size:14px}.storefront .price-row strong{font-size:22px}.storefront .add{width:100%;min-height:44px;font-size:11px}.storefront .product-info .eyebrow{font-size:8px;letter-spacing:.7px}.storefront .filters{gap:14px}.storefront .detail h1{font-size:32px}.storefront .gallery{min-height:300px}.storefront .cart-line{gap:12px;flex-wrap:wrap}.storefront .cart-line>.catalog-photo{width:75px;height:90px}.storefront .cart-line h3{font-size:14px}.storefront .cart-line>b{margin-left:auto}.storefront .summary{position:static}.storefront .heading h1{font-size:33px}.storefront .text-link{min-height:40px;display:inline-flex;align-items:center}}
.sk-hero-visual>img{object-position:center 76%;transform:scale(1.9);transform-origin:50% 76%}.sk-hero-visual:after{background:linear-gradient(0deg,#07111bea,transparent 48%)}
@media(max-width:370px){.storefront .products,.storefront .catalog-layout .products{grid-template-columns:1fr}.sk-hero-foot{gap:12px}.storefront .tools{gap:10px}.storefront .tools a>span{display:none}}
