@font-face{font-family:ImpOutfit;src:url('assets/cyber/outfit-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ImpOutfit;src:url('assets/cyber/outfit-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
.cyber-home{font-family:ImpOutfit,sans-serif;max-width:1755px;margin:0 auto 26px;background:#f7f7fb;color:#2b3167;position:relative;overflow:hidden}
.cyber-home *{box-sizing:border-box}
.cyber-home__grid{display:grid;grid-template-columns:31% 37% 32%;min-height:410px}
.cyber-home__intro{padding:40px 6% 36px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:1}
.cyber-home__date{font-size:13px;font-weight:800;letter-spacing:.08em;color:#2b3167}
.cyber-home__date:before{content:'';display:inline-block;width:25px;height:4px;background:#ff641b;vertical-align:middle;margin-right:12px}
.cyber-home__intro h1{font-size:clamp(50px,5.5vw,96px);line-height:.78;letter-spacing:-.075em;color:#2b3167;margin:55px 0 27px;font-weight:800}
.cyber-home__intro h1 span{display:block;font-size:.66em;color:#ff641b;line-height:1.15;letter-spacing:-.06em;margin-top:12px}
.cyber-home__intro p{font-size:clamp(17px,1.55vw,25px);font-weight:800;line-height:1.17;margin:0;color:#2b3167}
.cyber-home__visual{display:grid;place-items:center;position:relative;min-width:0;background:radial-gradient(circle at 50% 48%,#fff 0 40%,#eff0f7 41% 53%,#f7f7fb 54%)}
.cyber-home__visual:before,.cyber-home__visual:after{content:'';position:absolute;width:88%;aspect-ratio:1;border:1px solid #d9dbeb;border-radius:50%}
.cyber-home__visual:after{width:65%;border-style:dashed}
.cyber-home__visual img{width:80%;height:315px;object-fit:contain;z-index:1;filter:drop-shadow(0 18px 18px #22275327)}
.cyber-home__offer{background:linear-gradient(145deg,#343d80,#2b3167);color:#fff;padding:32px 8% 32px 9%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.cyber-home__offer:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff20;border-radius:50%;right:-150px;bottom:-240px}
.cyber-home__group{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.cyber-home__group:before{content:'';display:inline-block;width:20px;height:4px;background:#ff641b;vertical-align:middle;margin-right:10px}
.cyber-home__offer h2{font:800 clamp(25px,2.5vw,41px)/.99 ImpOutfit,sans-serif;letter-spacing:-.045em;margin:28px 0 24px;min-height:2em}
.cyber-home__regular{min-height:20px;font-size:16px;font-weight:800;text-decoration:line-through;color:#d9dbeb}
.cyber-home__price-label{font-size:12px;font-weight:800;letter-spacing:.05em;margin-top:16px}
.cyber-home__price{font:800 clamp(42px,4vw,70px)/1 ImpOutfit,sans-serif;letter-spacing:-.055em;margin:2px 0 21px}
.cyber-home__offer a[data-cyber-product]{display:block;background:#ff641b;color:#fff;text-decoration:none;border-radius:10px;padding:16px 18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;width:100%;max-width:280px;position:relative;z-index:1}
.cyber-home__offer a[data-cyber-product]:hover,.cyber-home__offer a[data-cyber-product]:focus-visible{background:#ea4e0b;outline:2px solid #fff;outline-offset:3px}
.cyber-home__footer{border-top:1px solid #ffffff3d;margin-top:26px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}
.cyber-home__footer button{width:37px;height:37px;border-radius:50%;border:1px solid #ffffff75;background:#ffffff18;color:#fff;font-size:22px;cursor:pointer}
.cyber-home__footer button:hover,.cyber-home__footer button:focus-visible{background:#fff;color:#2b3167}
.cyber-home__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 3.2% 16px;position:relative;z-index:2;margin-top:-3px}
.cyber-home__thumbs button{display:flex;align-items:center;gap:7px;min-width:0;height:70px;padding:7px;border:1px solid #d9dbeb;border-radius:11px;background:#fff;color:#2b3167;text-align:left;font:800 11px/1.1 ImpOutfit,sans-serif;cursor:pointer;box-shadow:0 8px 14px #22275314}
.cyber-home__thumbs button[aria-pressed=true]{border:2px solid #ff641b;box-shadow:0 8px 20px #fe641b1b}
.cyber-home__thumbs button:hover,.cyber-home__thumbs button:focus-visible{transform:translateY(-2px);outline:2px solid #ff641b;outline-offset:1px}
.cyber-home__thumbs img{width:50px;height:50px;object-fit:contain;flex:none}
.cyber-home__all{display:inline-block;margin:0 3.2% 22px;color:#2b3167;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.im-navigation__link--cyber{background:#ff641b!important;color:#fff!important;font-weight:800!important}
body:not(.catalog-page) .im-home-stage{display:none}
.catalog-page [data-category-hero][data-theme=cyber]{background:linear-gradient(115deg,#f7f7fb,#eff0f7)}
.catalog-page [data-category-hero][data-theme=cyber] [data-category-index]{color:#ff641b}
.catalog-page [data-category-hero][data-theme=cyber] [data-category-image]{object-fit:contain}
.catalog-page:has([data-category-hero][data-theme=cyber]) .catalog-card__badge--sale{background:#ff641b;color:#fff}
@media(max-width:900px){.cyber-home__grid{grid-template-columns:48% 52%;min-height:0}.cyber-home__intro{min-height:300px}.cyber-home__intro h1{margin:38px 0 20px}.cyber-home__visual{min-height:300px}.cyber-home__visual img{height:260px}.cyber-home__offer{grid-column:1/-1;padding:26px 6%}.cyber-home__offer h2{min-height:0;margin:16px 0}.cyber-home__footer{margin-top:18px}.cyber-home__thumbs{grid-template-columns:repeat(3,1fr);margin-top:10px;padding:0 4% 14px}}
@media(max-width:560px){.cyber-home{margin-bottom:18px}.cyber-home__grid{grid-template-columns:42% 58%}.cyber-home__intro{min-height:255px;padding:25px 0 25px 9%}.cyber-home__date{font-size:9px}.cyber-home__date:before{width:10px;margin-right:5px}.cyber-home__intro h1{font-size:clamp(37px,12vw,58px);margin:30px 0 15px}.cyber-home__intro p{font-size:14px}.cyber-home__visual{min-height:255px}.cyber-home__visual img{width:95%;height:230px}.cyber-home__offer{padding:23px 6%}.cyber-home__group{font-size:11px}.cyber-home__offer h2{font-size:27px}.cyber-home__regular{font-size:13px}.cyber-home__price-label{font-size:11px}.cyber-home__price{font-size:49px;margin-bottom:15px}.cyber-home__offer a[data-cyber-product]{max-width:none}.cyber-home__thumbs{grid-template-columns:repeat(3,1fr);gap:6px}.cyber-home__thumbs button{height:57px;font-size:9px;padding:4px}.cyber-home__thumbs img{width:38px;height:43px}.cyber-home__all{font-size:12px}}
body .category-hero[data-theme=cyber]{display:grid!important;grid-template-columns:1.06fr .94fr;min-height:340px;margin:12px auto 24px;padding:0;border-radius:22px!important;background:linear-gradient(125deg,#2b3167,#343d80)!important;color:#fff!important;box-shadow:0 20px 44px #2b316727!important;overflow:hidden}
body .category-hero[data-theme=cyber] .category-hero__copy{display:flex!important;flex-direction:column;justify-content:center;padding:32px 7%!important}
body .category-hero[data-theme=cyber] .category-hero__eyebrow{display:flex!important;color:#fff!important;font-family:ImpOutfit,sans-serif}
body .category-hero[data-theme=cyber] .category-hero__eyebrow b{color:#fff!important}
body .category-hero[data-theme=cyber] h1{font:800 clamp(46px,5.5vw,82px)/.9 ImpOutfit,sans-serif!important;letter-spacing:-.065em!important;color:#fff!important;margin:18px 0!important}
body .category-hero[data-theme=cyber] .category-hero__copy>p{display:block!important;color:#eff0f7!important;font:400 17px/1.4 ImpOutfit,sans-serif!important;max-width:380px}
body .category-hero[data-theme=cyber] .category-hero__stats{display:grid!important;grid-template-columns:repeat(3,1fr);margin-top:25px;border-top:1px solid #ffffff50;padding-top:15px}
body .category-hero[data-theme=cyber] .category-hero__stats strong{color:#fff!important}
body .category-hero[data-theme=cyber] .category-hero__stats small{color:#eff0f7!important}
body .category-hero[data-theme=cyber] .category-hero__visual{display:block!important;position:relative;min-height:340px;background:radial-gradient(circle at center,#fff 0 38%,#eff0f7 39% 60%,#e1e3f0 61%)!important}
body .category-hero[data-theme=cyber] .category-hero__visual>img{display:block!important;position:absolute;left:50%;top:50%;width:80%;height:82%;object-fit:contain;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 12px 17px #2227532a)!important}
body .category-hero[data-theme=cyber] .category-hero__label,body .category-hero[data-theme=cyber] .category-hero__note{display:none!important}
body .category-hero[data-theme=cyber] .category-hero__eyebrow i{background:#ff641b!important}
@media(max-width:720px){body .category-hero[data-theme=cyber]{width:calc(100% - 20px);grid-template-columns:1fr 1fr;min-height:260px}body .category-hero[data-theme=cyber] .category-hero__copy{padding:22px!important}body .category-hero[data-theme=cyber] h1{font-size:clamp(33px,6.5vw,48px)!important}body .category-hero[data-theme=cyber] .category-hero__visual{min-height:260px}body .category-hero[data-theme=cyber] .category-hero__stats{grid-template-columns:1fr 1fr;margin-top:13px}body .category-hero[data-theme=cyber] .category-hero__stats>div:last-child{display:none}}
@media(max-width:430px){body .category-hero[data-theme=cyber]{grid-template-columns:1fr 1fr;min-height:210px}body .category-hero[data-theme=cyber] .category-hero__copy{padding:16px!important}body .category-hero[data-theme=cyber] h1{font-size:31px!important;margin:12px 0!important}body .category-hero[data-theme=cyber] .category-hero__copy>p{font-size:12px!important}body .category-hero[data-theme=cyber] .category-hero__visual{min-height:210px}body .category-hero[data-theme=cyber] .category-hero__stats{display:none!important}}

/* Reserve enough space for the longest Cyber title at each breakpoint. */
.cyber-home__grid{height:clamp(530px,39vw,600px)}
@media(max-width:900px){.cyber-home__grid{height:725px;grid-template-rows:300px 425px}}
@media(max-width:560px){.cyber-home__grid{height:710px;grid-template-rows:255px 455px}}

/* Transform and opacity keep the slide change soft without affecting layout. */
.cyber-home.cyber-slide-enter .cyber-home__visual img{animation:cyber-image-enter 420ms ease-out both}
.cyber-home.cyber-slide-enter .cyber-home__offer > :not(.cyber-home__footer){animation:cyber-copy-enter 360ms ease-out both}
.cyber-home.cyber-slide-enter [data-cyber-index]{animation:cyber-copy-enter 360ms ease-out both}
.cyber-home__thumbs button{transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease}
@keyframes cyber-image-enter{from{opacity:.58;transform:translateX(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes cyber-copy-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cyber-home.cyber-slide-enter .cyber-home__visual img,.cyber-home.cyber-slide-enter .cyber-home__offer > :not(.cyber-home__footer),.cyber-home.cyber-slide-enter [data-cyber-index]{animation:none}.cyber-home__thumbs button{transition:none}}

/* Make the verified previous price easy to compare with the Cyber price. */
.cyber-home__offer h2{margin-bottom:19px}
.cyber-home__pricing{display:flex;flex-direction:column;align-items:flex-start;gap:11px;width:100%;margin-bottom:18px;position:relative;z-index:1}
.cyber-home__compare{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;padding:10px 16px 10px 13px;border-left:4px solid #ff641b;border-radius:9px;background:linear-gradient(110deg,#fff,#eff0f7);box-shadow:0 8px 18px #22275326}
.cyber-home__compare[hidden]{display:none!important}
.cyber-home__compare-label{font:800 12px/1 ImpOutfit,sans-serif;letter-spacing:.11em;color:#2b3167}
.cyber-home__regular{min-height:0;font:800 clamp(22px,2vw,28px)/1 ImpOutfit,sans-serif;color:#2b3167;text-decoration:line-through;text-decoration-color:#e65b19;text-decoration-thickness:2px;white-space:nowrap}
.cyber-home__current{display:flex;flex-direction:column;align-items:flex-start;border-left:3px solid #ff8b46;padding-left:13px}
.cyber-home__price-label{margin-top:0;color:#eff0f7;line-height:1.2}
.cyber-home__price{margin:3px 0 0}
@media(max-width:560px){
 .cyber-home__offer h2{margin:14px 0 12px}
 .cyber-home__pricing{gap:9px;margin-bottom:12px}
 .cyber-home__compare{min-height:45px;padding:7px 12px 7px 9px;gap:11px}
 .cyber-home__compare-label{font-size:10px}
 .cyber-home__regular{font-size:20px}
 .cyber-home__current{padding-left:11px}
 .cyber-home__price{font-size:45px}
 .cyber-home__footer{margin-top:13px}
}
@media(max-width:360px){
 .cyber-home__offer h2{font-size:25px;margin:10px 0}
 .cyber-home__pricing{gap:7px;margin-bottom:10px}
 .cyber-home__compare{min-height:40px;padding-block:6px}
 .cyber-home__regular{font-size:18px}
 .cyber-home__price{font-size:42px}
 .cyber-home__footer{margin-top:10px}
}