*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#080b1c;color:#f8f7ff;font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1200px,calc(100% - 48px));margin:auto}:root{--bg:#080b1c;--panel:#10142b;--panel2:#151a38;--pink:#f52bb5;--cyan:#39e6f5;--purple:#824bff;--muted:#a7acc8;--white:#f8f7ff}.topline{background:linear-gradient(90deg,#28104b,#101b49,#28104b);border-bottom:1px solid #ffffff15;font-size:11px;color:#e5e2ff}.top-inner{height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.header{position:sticky;top:0;z-index:30;background:#080b1cf2;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:10px;font:700 21px "Space Grotesk",sans-serif;white-space:nowrap}.brand-mark{font-size:29px;font-weight:700;color:var(--cyan);font-style:italic;text-shadow:0 0 16px #28dffb88}.brand-mark span{color:var(--pink)}.pink{color:#ff63d0}.brand small{display:block;font:700 8px "DM Sans";letter-spacing:1.7px;color:#8188aa;margin-top:3px}.nav nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;color:#d6d8ed}.nav nav a{padding:9px 0;position:relative}.nav nav a:hover,.nav nav a.active{color:#ff70d4}.nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--pink),var(--cyan))}.nav-actions{display:flex;align-items:center;gap:12px}.icon-btn,.cart-btn,.menu-btn{border:0;background:transparent;color:white;cursor:pointer}.icon-btn{font-size:23px;width:32px}.cart-btn{font-size:18px;position:relative}.cart-btn b{position:absolute;top:-9px;right:-10px;background:var(--pink);border-radius:50%;font-size:9px;padding:3px 5px}.menu-btn{display:none;font-size:23px}.searchbar{display:none;padding:0 0 12px}.searchbar.show{display:flex}.searchbar input{flex:1;min-width:0;background:#171b37;color:white;border:1px solid #383d65;border-radius:10px 0 0 10px;padding:12px}.searchbar button{border:0;background:var(--pink);color:#fff;padding:0 20px;border-radius:0 10px 10px 0;font-weight:800}.hero{position:relative;overflow:hidden;min-height:430px;background:radial-gradient(ellipse at 75% 30%,#4d146f 0,transparent 36%),linear-gradient(110deg,#100c30,#101c50 58%,#0b102c)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b26 0%,#0c0e2bdc 42%,#0b0e2b44 78%,#0b0e2b66),linear-gradient(0deg,#0a0b20 0%,transparent 30%);z-index:1}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(0deg,#0a0b20 0%,transparent 45%),url('../images/hero-sneaker.jpg');background-size:cover;background-position:center 46%;opacity:.4;mix-blend-mode:screen}.hero-content{position:relative;z-index:2;min-height:430px;display:flex;align-items:center}.hero-copy{width:53%;padding:55px 0 62px;position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#55e9f2;font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow i{width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 12px var(--pink)}.hero h1{font:700 clamp(42px,5vw,68px)/.99 "Space Grotesk",sans-serif;letter-spacing:-2px;margin:17px 0 13px}.hero h1 em{font-style:normal;color:#ff55c9;text-shadow:0 0 28px #f52bb566}.hero-sticker{display:inline-block;background:linear-gradient(90deg,#f52bb5,#8d4bff);color:#fff;font-size:11px;font-weight:900;letter-spacing:1.7px;padding:8px 15px;transform:skew(-9deg);box-shadow:0 5px 22px #d72cae44}.hero-copy>p{max-width:430px;color:#c3c8e2;font-size:15px;line-height:1.7;margin:17px 0 22px}.hero-actions{display:flex;align-items:center;gap:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:30px;padding:13px 21px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-pink{background:linear-gradient(100deg,#f52bb5,#974bff);color:white;box-shadow:0 7px 26px #e42cb955}.text-cta{font-size:12px;font-weight:700;color:#d6dcfa}.hero-note{margin-top:28px;font-size:10px;letter-spacing:1.8px;color:#8991b9}.hero-note span{color:#f8b84c}.hero-visual{position:absolute;right:-2%;top:0;bottom:0;width:56%;display:flex;align-items:center;justify-content:center;z-index:2}.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:screen;filter:drop-shadow(0 20px 35px #0009)}.hero-orbit{position:absolute;width:410px;height:410px;border:1px solid #e83bdc66;border-radius:50%;right:10%;top:5%;box-shadow:0 0 40px #e83bdc20,inset 0 0 40px #2ddff51a}.hero-pagination{position:absolute;bottom:16px;left:50%;display:flex;gap:8px;z-index:4}.hero-pagination i{width:7px;height:7px;border-radius:50%;background:#777da5}.hero-pagination i.selected{width:22px;border-radius:10px;background:var(--pink)}.benefits{background:linear-gradient(90deg,#111534,#161638,#111534);border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0;gap:10px}.benefit-grid>div{display:flex;align-items:center;gap:13px;padding:0 17px;border-right:1px solid #ffffff20}.benefit-grid>div:last-child{border:0}.benefit-grid>div>span{font-size:26px;color:#ff67d3;text-shadow:0 0 13px #f52bb566}.benefit-grid p{margin:0}.benefit-grid b,.benefit-grid small{display:block}.benefit-grid b{font-size:13px}.benefit-grid small{font-size:10px;color:#a7acc8;margin-top:3px}.section{padding:54px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow.dark{color:#9b70ff}.section-heading h2{font:700 31px "Space Grotesk";margin:7px 0 4px;letter-spacing:-.8px}.section-heading h2 em{font-style:normal;color:#ff55c9}.section-heading p{font-size:12px;color:#aeb4d0;margin:0}.see-all{font-size:11px;font-weight:800;color:#ff72d4}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-tile{border:1px solid #353b67;border-radius:15px;min-height:125px;background:linear-gradient(145deg,#171d3e,#10142b);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.2s}.category-tile:hover,.category-tile.active{border-color:#e54dc7;box-shadow:0 0 22px #d83bb333;transform:translateY(-3px)}.cat-symbol{font-size:30px;color:var(--cyan);text-shadow:0 0 14px #39e6f5}.category-tile:nth-child(2n) .cat-symbol{color:#ff63d0}.category-tile b{font-size:12px}.category-tile small{font-size:9px;color:#929abb}.products{background:linear-gradient(180deg,#0c1025,#0a0c1c);padding-top:45px;padding-bottom:60px}.product-heading{margin-bottom:23px}.product-tools select{background:#151a36;color:#dce0f8;border:1px solid #34395e;border-radius:9px;padding:10px 13px;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.product-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#151a35,#0f1226);border:1px solid #303657;border-radius:15px;transition:.22s;min-width:0}.product-card:hover{transform:translateY(-5px);border-color:#b64edb;box-shadow:0 13px 28px #0005,0 0 18px #b63bd51c}.product-image{height:155px;background:linear-gradient(145deg,#f1f3fa,#dfe5f4);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.06)}.discount-tag{position:absolute;left:10px;top:10px;background:linear-gradient(90deg,#ff2eaa,#9a4bff);color:#fff;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:900}.heart-btn{position:absolute;right:9px;top:8px;background:#ffffffdd;color:#17172c;border:0;border-radius:50%;width:26px;height:26px;cursor:pointer}.product-info{padding:11px 12px 13px}.product-info h3{font-size:12px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{font-size:9px;color:#939bbd;margin-bottom:7px}.price-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.price{font-size:14px;color:#ff6bce;font-weight:900}.old-price{font-size:9px;color:#8188a7;text-decoration:line-through}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.rating{font-size:10px;color:#ffc45b}.add-btn{border:0;border-radius:8px;background:linear-gradient(135deg,#ed35b7,#844eff);color:white;font-size:11px;font-weight:900;width:31px;height:29px;cursor:pointer}.empty-state{text-align:center;color:#aab1d0;padding:30px}.promo{position:relative;display:flex;align-items:center;min-height:260px;margin-top:42px;margin-bottom:55px;overflow:hidden;border-radius:24px;border:1px solid #a44bff;background:linear-gradient(110deg,#1c1352,#32105c 52%,#0a4d70);box-shadow:0 0 35px #8536e52b}.promo-art{position:absolute;inset:0;opacity:.34}.promo-art img{width:100%;height:100%;object-fit:cover}.promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#161347 0%,#241451eF 43%,#17103a55 100%)}.promo-content{position:relative;z-index:2;padding:35px 50px}.promo-content .eyebrow{color:#53eaf6}.promo-content h2{font:700 38px/1 "Space Grotesk";margin:12px 0}.promo-content h2 em{font-style:normal;color:#ff59cf}.promo-content p{font-size:12px;color:#d4d3ed}.promo-discount{display:flex;align-items:center;gap:12px;margin:15px 0}.promo-discount strong{font:700 52px "Space Grotesk";color:#ff4bc4;text-shadow:0 0 25px #f52bb566}.promo-discount span{font-size:10px;font-weight:900;letter-spacing:1px;color:#c9f8ff}.btn-light{background:#fff;color:#161537}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.about-left h2{font:700 48px/1 "Space Grotesk";margin:14px 0}.about-left h2 em{font-style:normal;color:#ff56c8}.about-right p{font-size:14px;line-height:1.8;color:#c2c8e2;margin:0 0 18px}.about-tags{display:flex;gap:9px;flex-wrap:wrap}.about-tags span{font-size:10px;color:#8ef5f3;border:1px solid #3b7585;border-radius:20px;padding:8px 12px}.bottom-cta{background:linear-gradient(90deg,#261052,#111b4a,#25104e);border-top:1px solid #ffffff20;padding:30px 0}.bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-inner h2{font:700 24px "Space Grotesk";margin:7px 0 0}.bottom-inner .eyebrow{color:#ff79d8}footer{background:#070918;padding:38px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:35px;padding-bottom:30px}.footer-brand{font-size:19px}.footer-grid p{font-size:11px;line-height:1.7;color:#9098b9;max-width:260px}.footer-grid>div>b{display:block;font-size:12px;margin-bottom:13px}.footer-grid>div>a:not(.brand){display:block;font-size:11px;color:#9da4c3;margin:9px 0}.footer-grid .wa-link{color:#ff70d3!important;font-weight:800}.copyright{border-top:1px solid #ffffff15;text-align:center;padding:15px;color:#777f9f;font-size:10px}.scrim{position:fixed;inset:0;background:#02030dbb;z-index:49;opacity:0;visibility:hidden;transition:.2s}.scrim.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:50;right:0;top:0;height:100dvh;width:min(420px,100%);background:#10142c;border-left:1px solid #383e6b;transform:translateX(100%);transition:.25s;padding:22px;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34395c;padding-bottom:15px}.drawer-head h2{font:700 23px "Space Grotesk";margin:5px 0 0}.drawer-head h2 em{font-style:normal;color:#ff65cf}.drawer-head button{background:#202644;color:#fff;border:0;border-radius:50%;width:34px;height:34px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:12px 0}.cart-empty{color:#969ebd;text-align:center;font-size:12px;margin-top:45px}.cart-line{display:grid;grid-template-columns:65px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #292f50}.cart-line img{width:65px;height:54px;object-fit:cover;border-radius:8px;background:#e8ebf5}.cart-line b{font-size:11px;display:block}.cart-line small{color:#ff70d2;font-size:10px}.qty{display:flex;align-items:center;gap:6px}.qty button{width:23px;height:23px;border:1px solid #555b7c;background:#202644;color:white;border-radius:6px;cursor:pointer}.drawer-bottom{border-top:1px solid #34395c;padding-top:15px}.total-line{display:flex;justify-content:space-between;margin-bottom:13px;font-size:13px}.total-line b{font-size:18px;color:#ff68d1}.checkout{width:100%}.drawer-bottom small{display:block;text-align:center;color:#8189a9;font-size:9px;margin-top:9px}
@media(max-width:1000px){.nav{gap:15px}.nav nav{gap:15px}.brand{font-size:18px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,1fr)}.hero-copy{width:57%}.hero-visual{width:55%;right:-5%}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.top-inner{height:29px;justify-content:center}.top-inner span:not(:first-child){display:none}.nav{height:auto;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "menu menu";gap:0 8px;padding:10px 0}.brand{grid-area:brand;font-size:17px;gap:7px}.brand-mark{font-size:25px}.brand small{font-size:7px}.nav-actions{grid-area:actions;gap:5px}.icon-btn{width:29px;font-size:20px}.cart-btn{font-size:17px;margin:0 4px}.menu-btn{display:block;width:31px;font-size:22px}.nav nav{display:none;grid-area:menu;position:absolute;top:100%;left:-14px;right:-14px;padding:8px 22px 14px;background:#0d1027;border-top:1px solid #34365d;box-shadow:0 15px 25px #0008;flex-direction:column;align-items:stretch;gap:0}.nav nav.show{display:flex}.nav nav a{padding:12px 0;border-bottom:1px solid #ffffff13}.nav nav a:last-child{border:0}.searchbar{width:calc(100% - 28px)}.hero{min-height:540px}.hero-content{min-height:540px;align-items:flex-start}.hero-copy{width:100%;padding:36px 0 190px}.hero h1{font-size:clamp(38px,10.5vw,51px);letter-spacing:-1.4px;margin:13px 0 10px}.hero-copy>p{font-size:12px;max-width:290px;margin:14px 0 17px}.hero-sticker{font-size:9px;padding:7px 12px}.hero-actions{gap:14px}.btn{font-size:11px;padding:12px 16px;gap:12px}.text-cta{font-size:10px}.hero-note{font-size:8px;margin-top:18px}.hero-visual{width:100%;height:245px;top:auto;bottom:0;right:0;opacity:.93}.hero-visual img{object-fit:contain;object-position:center bottom}.hero-orbit{width:230px;height:230px;right:12%;top:auto;bottom:0}.hero-pagination{bottom:9px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0;gap:14px 7px}.benefit-grid>div{padding:0 6px;border:0;gap:8px}.benefit-grid>div>span{font-size:21px}.benefit-grid b{font-size:10px}.benefit-grid small{font-size:8px}.section{padding:36px 0}.section-heading{align-items:flex-start;margin-bottom:16px}.section-heading h2{font-size:25px}.section-heading p{font-size:10px;line-height:1.5}.see-all{font-size:9px;white-space:nowrap;margin-top:23px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-tile{min-height:93px;border-radius:12px;gap:3px}.cat-symbol{font-size:23px}.category-tile b{font-size:10px}.category-tile small{font-size:8px}.products{padding:34px 0 42px}.product-heading{display:block}.product-tools{margin-top:13px}.product-tools select{width:100%;padding:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:12px}.product-image{height:135px}.product-info{padding:9px}.product-info h3{font-size:11px}.product-meta{font-size:8px}.price{font-size:12px}.old-price{font-size:8px}.card-bottom{margin-top:8px}.rating{font-size:9px}.add-btn{width:28px;height:27px}.promo{min-height:370px;margin-top:28px;margin-bottom:36px;border-radius:18px;align-items:flex-start}.promo-art{inset:auto 0 0;height:54%;opacity:.48}.promo-content{padding:27px 22px}.promo-content h2{font-size:32px}.promo-content p{font-size:11px;max-width:220px}.promo-discount strong{font-size:43px}.about{grid-template-columns:1fr;gap:10px;padding-top:38px;padding-bottom:38px}.about-left h2{font-size:39px;margin:9px 0}.about-right p{font-size:12px;margin:0 0 13px}.about-tags{gap:6px}.about-tags span{font-size:8px;padding:7px 9px}.bottom-inner{align-items:flex-start;flex-direction:column}.bottom-inner h2{font-size:21px;line-height:1.25}.footer-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid p{font-size:10px}.copyright{font-size:9px}.cart-drawer{padding:18px}.drawer-head h2{font-size:21px}}
@media(max-width:380px){.container{width:calc(100% - 22px)}.brand{font-size:15px}.brand-mark{font-size:23px}.hero{min-height:510px}.hero-content{min-height:510px}.hero h1{font-size:37px}.hero-visual{height:220px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-height:84px}.product-image{height:120px}.product-info{padding:8px}.promo{min-height:345px}}
/* V2 VISUAL FIX: one clean hero image + high-resolution isolated sneaker assets */
.hero-bg{
background-image:url('../images/hero-sneaker.jpg');
background-size:cover;
background-position:center 52%;
background-repeat:no-repeat;
opacity:1;
mix-blend-mode:normal;
}
.hero-visual{display:none!important}
.hero:before{
background:linear-gradient(90deg,rgba(8,8,31,.91) 0%,rgba(8,9,34,.78) 34%,rgba(8,9,34,.18) 66%,rgba(8,9,34,.12) 100%),
linear-gradient(0deg,rgba(8,9,28,.5),transparent 35%);
}
.product-image{
background:#f8f9fc;
display:flex;
align-items:center;
justify-content:center;
}
.product-image img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
padding:4px;
mix-blend-mode:multiply;
filter:none;
}
.product-card:hover .product-image img{transform:scale(1.045)}
@media(max-width:700px){
.hero{background:#090b25;min-height:540px}
.hero-bg{
background-size:auto 260px;
background-position:right bottom;
opacity:1;
}
.hero:before{
background:linear-gradient(180deg,rgba(8,8,31,.97) 0%,rgba(8,8,31,.91) 45%,rgba(8,8,31,.25) 100%);
}
.hero-copy{padding-bottom:220px}
.hero-visual{display:none!important}
.product-image{height:150px}
.product-image img{padding:3px}
}
@media(max-width:380px){
.hero-bg{background-size:auto 220px;background-position:right bottom}
.product-image{height:132px}
}
/* V2 — Concept 1 Bold Hero: mobile-only art direction. Desktop layout stays intact. */
.hero-title-mobile,.sticker-mobile,.hero-image-mobile{display:none}
@media(max-width:700px){
.hero{min-height:0;overflow:hidden;background:
radial-gradient(ellipse at 72% 75%,rgba(146,26,190,.30),transparent 43%),
radial-gradient(ellipse at 12% 35%,rgba(27,33,104,.34),transparent 48%),
linear-gradient(155deg,#08091d 0%,#100c2c 58%,#090b20 100%)}
.hero:before{display:none}
.hero-bg{opacity:.12;background-position:center;background-size:cover;mix-blend-mode:screen}
.hero-content{width:calc(100% - 28px);min-height:0;display:block;padding:0}
.hero-copy{width:100%;padding:30px 0 22px}
.hero-title-desktop,.sticker-desktop{display:none}
.hero-title-mobile{display:block;font:800 clamp(42px,12vw,57px)/.91 "Space Grotesk",sans-serif;letter-spacing:-1.8px;font-style:italic;margin:15px 0 11px;max-width:100%;color:#fff;text-transform:uppercase;text-shadow:0 3px 25px rgba(95,68,255,.18)}
.hero-title-mobile em{color:#fff}
.hero-sticker{display:inline-block;margin:0 0 14px;padding:8px 12px;transform:skew(-8deg);background:linear-gradient(100deg,#f20aa8,#e52bbd);box-shadow:0 5px 22px rgba(245,43,181,.32)}
.sticker-mobile{display:inline;font:900 italic 13px "Space Grotesk",sans-serif;letter-spacing:.7px;color:white}
.hero-copy>p{font-size:12px;line-height:1.65;max-width:340px;margin:0 0 5px;color:#d5d5ef}
.hero-visual{position:relative;inset:auto;width:calc(100% + 28px);height:clamp(220px,66vw,290px);margin:0 -14px 0;display:block;overflow:hidden;z-index:2}
.hero-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#100c2c 0%,transparent 17%,transparent 76%,#0a0b20 100%)}
.hero-image-desktop{display:none}
.hero-image-mobile{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%;mix-blend-mode:screen;filter:drop-shadow(0 12px 22px rgba(0,0,0,.4))}
.hero-orbit{display:none}
.hero-actions{position:relative;z-index:3;display:flex;justify-content:center;margin:-2px 0 0;gap:0}
.hero-actions .btn-pink{width:min(82%,330px);min-height:52px;border-radius:28px;font-size:14px;gap:18px;box-shadow:0 8px 28px rgba(239,27,183,.38)}
.hero-actions .text-cta{display:none}
.hero-note{display:none}
.hero-pagination{position:relative;left:auto;bottom:auto;justify-content:center;margin:17px 0 2px;gap:9px}
.hero-pagination i{width:8px;height:8px}
.hero-pagination i.selected{width:23px;background:#f52bb5;box-shadow:0 0 12px #f52bb5}
.benefits{position:relative;z-index:2;background:linear-gradient(110deg,#11142f,#171438,#10132d);border-top:1px solid rgba(235,59,218,.35)}
.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:15px 0 13px}
.benefit-grid>div{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;padding:0 4px;border-right:1px solid rgba(255,255,255,.10)}
.benefit-grid>div:last-child{border:0}
.benefit-grid>div>span{font-size:25px;line-height:1;color:#fa3cce;text-shadow:0 0 13px rgba(245,43,181,.38)}
.benefit-grid b{font-size:9px;line-height:1.25}
.benefit-grid small{font-size:7px;line-height:1.3;margin-top:3px;color:#a9afce}
}
@media(max-width:390px){
.hero-copy{padding-top:25px}
.hero-title-mobile{font-size:clamp(39px,11.8vw,47px)}
.hero-visual{height:225px}
.hero-copy>p{max-width:310px}
.benefit-grid b{font-size:8px}
.benefit-grid small{font-size:6.5px}
}
/* V3 HOTFIX: enforce one mobile title, one sticker and the dedicated sneaker image */
@media screen and (max-width:700px){
.hero .hero-copy h1.hero-title-desktop{display:none!important;visibility:hidden!important}
.hero .hero-copy h1.hero-title-mobile{display:block!important;visibility:visible!important}
.hero .hero-sticker .sticker-desktop{display:none!important}
.hero .hero-sticker .sticker-mobile{display:inline!important;visibility:visible!important}
.hero .hero-bg{display:none!important}
.hero .hero-copy .hero-visual{
display:block!important;
visibility:visible!important;
position:relative!important;
inset:auto!important;
width:calc(100% + 28px)!important;
height:clamp(230px,68vw,300px)!important;
margin:8px -14px 0!important;
overflow:hidden!important;
opacity:1!important;
z-index:2!important;
}
.hero .hero-copy .hero-visual .hero-image-desktop{display:none!important}
.hero .hero-copy .hero-visual .hero-image-mobile{
display:block!important;
visibility:visible!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center 54%!important;
mix-blend-mode:normal!important;
filter:drop-shadow(0 12px 22px rgba(0,0,0,.4))!important;
}
.hero .hero-copy .hero-visual:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:linear-gradient(180deg,#100c2c 0%,transparent 14%,transparent 80%,#0a0b20 100%)!important;
}
.hero .hero-copy{padding-bottom:18px!important}
.hero .hero-copy .hero-actions{margin:0 auto!important;justify-content:center!important}
.hero .hero-copy .hero-actions .text-cta{display:none!important}
.hero .hero-copy .hero-note{display:none!important}
.hero .hero-orbit{display:none!important}
.hero .hero-pagination{position:relative!important;left:auto!important;bottom:auto!important;margin:14px 0 3px!important;justify-content:center!important}
}
@media screen and (max-width:390px){
.hero .hero-copy .hero-visual{height:225px!important}
}
/* V5 — Match the approved Neon Gen Z Sneaker Showcase art direction.
Mobile-only overrides; desktop styles and store functionality remain unchanged. */
@media screen and (max-width:700px){
.hero{
min-height:0!important;
overflow:hidden!important;
background:
radial-gradient(ellipse at 75% 55%,rgba(32,41,151,.34),transparent 48%),
radial-gradient(ellipse at 15% 70%,rgba(198,12,164,.20),transparent 42%),
linear-gradient(145deg,#09091f 0%,#100b31 54%,#070b1c 100%)!important;
}
.hero:before{display:none!important}
.hero-bg{display:none!important}
.hero-content{
display:block!important;
min-height:0!important;
width:100%!important;
padding:0 0 0!important;
}
.hero-copy{
width:100%!important;
padding:28px 20px 0!important;
text-align:left!important;
}
.hero .eyebrow{
font-size:10px!important;
letter-spacing:2.5px!important;
color:#53eafa!important;
margin-bottom:7px!important;
}
.hero .eyebrow i{
background:#f323c4!important;
box-shadow:0 0 13px #f323c4!important;
}
.hero-title-desktop{display:none!important}
.hero-title-mobile{
display:block!important;
visibility:visible!important;
font:800 italic clamp(46px,12vw,60px)/.88 "Space Grotesk",sans-serif!important;
letter-spacing:-2.2px!important;
text-transform:uppercase!important;
color:#fff!important;
margin:14px 0 13px!important;
max-width:100%!important;
text-shadow:0 0 22px rgba(154,113,255,.25)!important;
}
.hero-sticker{
display:inline-block!important;
margin:0 0 12px!important;
padding:8px 13px!important;
transform:skew(-9deg)!important;
background:linear-gradient(100deg,#fa16ae 0%,#d21bdf 58%,#824dff 100%)!important;
box-shadow:0 0 24px rgba(244,27,190,.34)!important;
}
.sticker-desktop{display:none!important}
.sticker-mobile{
display:inline!important;
visibility:visible!important;
color:#fff!important;
font:900 italic 13px "Space Grotesk",sans-serif!important;
letter-spacing:1px!important;
}
.hero-copy>p{
max-width:100%!important;
margin:0!important;
color:#d7d9f0!important;
font-size:13px!important;
line-height:1.55!important;
}
.hero .hero-visual{
display:block!important;
position:relative!important;
inset:auto!important;
width:100%!important;
height:auto!important;
aspect-ratio:966/515!important;
margin:12px 0 0!important;
overflow:hidden!important;
z-index:2!important;
background:#09091f!important;
}
.hero .hero-visual:before{display:none!important}
.hero-image-desktop{display:none!important}
.hero-image-mobile{
display:block!important;
visibility:visible!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
mix-blend-mode:normal!important;
filter:none!important;
}
.hero-actions{
display:flex!important;
justify-content:center!important;
margin:0!important;
padding:16px 20px 0!important;
position:relative!important;
z-index:3!important;
}
.hero-actions .btn-pink{
display:flex!important;
width:min(88%,370px)!important;
min-height:54px!important;
border-radius:32px!important;
font-size:14px!important;
font-weight:800!important;
gap:20px!important;
background:linear-gradient(100deg,#f719b5,#a42dff)!important;
box-shadow:0 8px 28px rgba(236,28,190,.38)!important;
}
.hero-actions .text-cta{display:none!important}
.hero-note{display:none!important}
.hero-orbit{display:none!important}
.hero-pagination{
display:flex!important;
position:relative!important;
inset:auto!important;
left:auto!important;
bottom:auto!important;
justify-content:center!important;
margin:17px 0 13px!important;
gap:9px!important;
}
.hero-pagination i{width:8px!important;height:8px!important;background:#7f82ad!important}
.hero-pagination i.selected{
width:24px!important;
border-radius:20px!important;
background:#f323c4!important;
box-shadow:0 0 12px #f323c4!important;
}
.benefits{
background:linear-gradient(100deg,#10142e,#171437,#10142e)!important;
border-top:1px solid rgba(244,39,210,.45)!important;
border-bottom:1px solid rgba(244,39,210,.22)!important;
}
.benefit-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:0!important;
padding:17px 0 15px!important;
}
.benefit-grid>div{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
gap:7px!important;
padding:0 3px!important;
border-right:1px solid rgba(255,255,255,.16)!important;
}
.benefit-grid>div:last-child{border-right:0!important}
.benefit-grid>div>span{
font-size:27px!important;
line-height:1!important;
color:#f52bc8!important;
text-shadow:0 0 14px rgba(245,43,200,.45)!important;
}
.benefit-grid b{font-size:9px!important;line-height:1.25!important}
.benefit-grid small{font-size:7px!important;line-height:1.3!important;color:#b7bdd8!important}
}
@media screen and (max-width:390px){
.hero-copy{padding-left:16px!important;padding-right:16px!important}
.hero-title-mobile{font-size:clamp(43px,11.7vw,50px)!important}
.hero-actions{padding-left:16px!important;padding-right:16px!important}
.benefit-grid b{font-size:8px!important}
.benefit-grid small{font-size:6.5px!important}
}