/* DIGITAL STORE KZ · premium cyan brand system · 2026 */
:root{--dark:#030d1d;--navy:#081a2d;--ink:#e7f8ff;--slate:#a4bdd1;--line:#173b53;--white:#fff;--canvas:#071421;--mint:#08f5e9;--cyan:#09e5f3;--violet:#08b8d8;--g1:linear-gradient(115deg,#11f2ed,#1bd0ef);--r:16px;--shadow:0 22px 55px #0008}
html{background:#06111f}body{background:radial-gradient(ellipse at 25% 0%,#102541 0,transparent 37%),#071421;color:#edfaff}body:before{content:"";position:absolute;left:0;right:0;top:0;height:280px;background:radial-gradient(ellipse at center,#0e42651f,transparent 65%);pointer-events:none}
::selection{background:#04d8e6;color:#02131d}
.top-ribbon{background:#030d1a;border-bottom:1px solid #0f3551;color:#a1bfcf}.pulse{background:#13f4f4;box-shadow:0 0 0 4px #12def529}
#langSelect{color:#c4faff}#langSelect option{background:#091b31;color:#f0fbff}
.site-header{background:#071425f5;border-bottom:1px solid #164058;box-shadow:0 10px 35px #0005;backdrop-filter:blur(17px)}.header-main{height:88px;gap:20px}.brand-lockup{min-width:238px;width:238px;overflow:visible}.brand-lockup .brand-image{display:block;width:238px;height:80px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 9px #00cdec26)}
.header-search{max-width:560px;background:#0c2436;border:1px solid #16455b;height:49px;border-radius:11px}.header-search input{color:#efffff;font-size:13px}.header-search input::placeholder{color:#7995ab}.header-search>.ico{color:#0de9eb}.header-search:focus-within{background:#0a1d30;border-color:#0ad7ed;box-shadow:0 0 0 3px #06d9f31d}.search-submit{background:linear-gradient(115deg,#0bf4e8,#13b5e5);color:#021a2d;box-shadow:0 0 13px #00cfea29}.head-action{color:#c1e0ec}.head-action:hover,.site-nav a:hover,.footer-links a:hover{color:#12f1f0}.head-action>.ico{color:#64dfe5}.counter{background:#14eff2;color:#051522}
.site-nav{border-top:1px solid #183448;background:#071423}.nav-inner{min-height:48px;gap:22px}.site-nav a{color:#c1d5e2}.site-nav .nav-all{background:linear-gradient(115deg,#08d7df,#06aac5);color:#051b28;border-radius:0 0 11px 11px;box-shadow:0 9px 20px #00ddeb17}.site-nav .nav-all:hover{color:#06203a}.site-nav .nav-contact{color:#42f8e8}.site-nav .nav-contact:hover{color:white}
h1,h2,h3{color:#edfaff}p{color:#a8bdcd}.section-tag,.text-link{color:#12e0df}.text-link:hover{color:#92ffff}.section{padding-top:70px}.section-heading h2,.heading-line h1{color:#f5fcff}.section-sub{color:#91aec2}
.btn{border-radius:11px;letter-spacing:.015em}.btn-primary{background:linear-gradient(100deg,#10fff0,#12c7e7);color:#031b2c;box-shadow:0 6px 22px #00def331;border:1px solid #7efffc88}.btn-primary:hover{box-shadow:0 9px 30px #00daf35d;transform:translateY(-2px)}.btn-outline,.btn-ghost,.btn-filter-clear{background:#0e2637;border:1px solid #22526b;color:#d4eef5}.btn-white{background:#dffcff;color:#001c2b}.btn-quiet{background:#071c30;border-color:#17bfd6;color:#c8ffff}.btn-quiet:hover{background:#103e50}
/* Graphic is displayed as an exact desktop poster; real clickable areas align to its two visual CTA buttons. */
.premium-hero{background:#03172b;box-shadow:inset 0 -5px 30px #031b2f;isolation:isolate}.premium-hero:after{display:none}.hero-desktop-visual{position:relative;width:min(100%,1672px);margin:0 auto;isolation:isolate;line-height:0}.hero-banner{display:block;width:100%;height:auto;user-select:none}.poster-catalog,.poster-wa{display:block;position:absolute;z-index:3;top:76%;height:14%;border-radius:18px;cursor:pointer}.poster-catalog{left:3.2%;width:30%}.poster-wa{left:34.5%;width:36%}.poster-catalog:focus-visible,.poster-wa:focus-visible{outline:4px solid #fff;outline-offset:1px}.poster-catalog:hover{background:#00fcfa16}.poster-wa:hover{background:#03eefa12}.hero-mobile-visual{display:none}.hero-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;margin:19px auto 5px}.hero-highlights>div{display:flex;align-items:center;gap:12px;background:#0a2234;border:1px solid #18445a;min-height:57px;border-radius:13px;padding:12px 16px}.hero-highlights strong{font-weight:700;font-size:11px;color:#c3e0e9}.hi-symbol{display:grid;place-items:center;color:#0ff2f0;font-size:20px}
.category-strip{padding-top:18px}.category-tile{background:linear-gradient(135deg,#0e263c,#0b1d31);border:1px solid #20506b;border-radius:14px;box-shadow:0 8px 17px #0003;min-height:91px}.category-tile:hover{border-color:#11d6e4;box-shadow:0 10px 30px #00bfe724}.category-tile strong{color:#f2fcff}.category-tile small{color:#9fbbcd}.cat-icon.violet,.cat-icon.cyan,.cat-icon.mint,.cat-icon.amber{background:#003c54;color:#03f2ef}.mini-arrow{color:#3edee9}
.brand-tile{background:#0d2234;border-color:#20495f;color:#eefcff;border-radius:13px;height:104px;font-weight:800;box-shadow:inset 0 1px #ffffff09}.brand-tile span{color:#06dbdd}.brand-tile:hover{border-color:#1beef3;background:#102d40;box-shadow:0 0 30px #00d9eb1e}.brand-tile.acer{color:#95de62}.brand-tile.msi{font-size:15px;letter-spacing:.02em}
.product-card,.news-card,.service-card,.benefit,.filter-block,.info-copy,.picker-shell,.b2b-form,.b2b-side{background:#0c2133!important;border-color:#22465b!important;color:#e6f4fa}
.product-card{border-radius:16px;box-shadow:0 8px 32px #0004}.product-card:hover{box-shadow:0 12px 38px #0bdded22;border-color:#09ccdb!important}.prod-image,.product-image,.prod-media,.product-photo,.product-image-box{background:radial-gradient(ellipse at center,#fafdff 25%,#d6edf5 100%)!important}.product-card img{object-fit:contain}.product-card .product-title,.product-card h3,.product-card h2{color:#f4fcff}.product-card p,.product-card small,.product-card .product-spec,.product-card .prod-spec,.product-card .prod-meta{color:#9fbacc}.product-card .product-price,.product-card .prod-price{color:#27ecec}.product-card .btn-outline{background:#092e41;border-color:#237188;color:#bdfcff}.product-card .btn-primary{color:#011928}
.product-card [class*='image']::after,.product-card [class*='photo']::after{pointer-events:none}
.promo-card{border-radius:18px;overflow:hidden}.promo-dark{background:linear-gradient(128deg,#05364d,#071c36)!important;border:1px solid #0c96a8;color:#f4fcff}.promo-light{background:linear-gradient(130deg,#0d263a,#0b1831)!important;border:1px solid #275772;color:#f4fcff}.promo-card h2{color:#f4fcff}.promo-card p{color:#b4cad9}.promo-card .section-tag{color:#1ff4ee}.promo-orbit{color:#11dfea55}.promo-slab{color:#0de9ec2e}
.benefit{background:#0c2032;border:1px solid #214459;border-radius:14px}.benefit h3{color:#fff}.benefit p{color:#a0bccb}.benefit>.ico{color:#1cebe9}.benefit>span:first-child{color:#10bfc7}
.site-footer{background:#04111f;color:#bddeec;border-top:1px solid #20516a;margin-top:70px}.footer-brand .footer-logo{width:235px;height:auto;max-width:100%;object-fit:contain;object-position:left;margin-bottom:10px}.footer-brand p{color:#94b0c1}.footer-phone{color:#35f5ef}.footer-links a{color:#9bb9ca}.footer-bottom{border-color:#1b4359;color:#7995a7}.btn-footer-wa{background:#073d46;color:#6efff7;border:1px solid #1bddda}
/* Inner pages: inputs and backgrounds */
.page-heading,.inner-page{color:#eaf7fb}.breadcrumbs{color:#8aaabb}.breadcrumbs a:hover{color:#00e7ea}.catalog-toolbar,.catalog-right,.catalog-layout,.catalog-header{color:#dff5f9}
.filters-panel{background:#0c2234;border:1px solid #245a72;color:#e8f7fd;box-shadow:0 14px 30px #0003}.filter-block,.filter-switch{border-color:#22475c}.filters-panel h2,.filters-panel h3{color:#eafdff}.facet-option,.facet-options label{color:#c0d9e5}.filters-panel input[type='number'],.filters-panel input[type='search'],.filters-panel select,.picker-shell select,.picker-shell input,.b2b-form input,.b2b-form select,.b2b-form textarea,.game-picker select,.news-search input{background:#071727!important;border:1px solid #26526b!important;color:#e7f9ff!important}.filters-panel input::placeholder,.b2b-form input::placeholder,.b2b-form textarea::placeholder,.news-search input::placeholder{color:#759aad}.filter-footer{background:#0c2234;border-color:#28566b}.btn-filter-apply{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}.filter-mobile-btn{background:#0e2a3d;color:#dcfaff;border-color:#2981a0}
.catalog-toolbar select,.catalog-toolbar button,.quick-chips button{background:#0c2b3e;border:1px solid #23566e;color:#d6edf5}.quick-chips button.active,.quick-chips button:hover{background:#07cfe2;color:#032337;border-color:#04edee}
.skeleton-card{background:#0c2536;border:1px solid #173c50}.muted-note,.lead{color:#a9c5d4}.empty-state{background:#0e2638;border-color:#20576b;color:#afcadc}.empty-state h3{color:#ecfeff}.empty-state p{color:#a9bfce}
.news-card{border-radius:14px}.news-card p{color:#a9c3d2}.news-card .news-source{color:#14f1e6}.info-copy{color:#a8c5d4}.info-copy h2{color:#e8ffff}.service-card h3{color:#effcff}.service-card p{color:#a3bacb}.service-icon{color:#0fe8ea;background:#093b51}
.picker-shell,.game-picker,.b2b-layout,.b2b-form,.b2b-side{color:#ebfaff}.picker-shell label,.game-picker label,.b2b-form label{color:#c4dce8}.picker-about{background:linear-gradient(155deg,#084c58,#0d2640)!important;border-color:#20566e}.picker-about h3,.b2b-side h2{color:#fff}.picker-about p,.b2b-side p{color:#acd2dd}.picker-decoration{color:#56eeee66}
.product-detail,.product-detail-side,.detail-panel,.detail-info,.personal-grid,.cart-item,.compare-table,.table-wrap{color:#e0eff8}.detail-panel,.detail-info,.product-detail-side,.cart-item{background:#0d2536!important;border-color:#2b566a!important}.product-detail h1,.product-detail h2,.detail-info h1,.detail-info h2{color:#ebfcff}.product-detail p,.detail-info p{color:#a8c4d3}
.mobile-bottom-nav{background:#081a2c;border-top:1px solid #1f5670}.mobile-bottom-nav a{color:#97b7c9}.mobile-bottom-nav .ico{color:#12e5eb}.mobile-bottom-nav a:hover{color:#d2ffff}
.toast{background:#0c3545;color:#d8ffff;border:1px solid #10cfdf;box-shadow:0 8px 30px #0008}
/* Browser desktop / tablet adjustments */
@media(max-width:1170px){.brand-lockup{width:200px;min-width:200px}.brand-lockup .brand-image{width:200px;height:69px}.nav-inner{gap:15px}.hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.header-main{height:76px}.brand-lockup{width:178px;min-width:178px}.brand-lockup .brand-image{width:178px;height:60px}.hero-desktop-visual{display:none}.hero-mobile-visual{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:470px;gap:5px;position:relative;isolation:isolate}.hero-mobile-visual:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 52%,#0d7da057,transparent 54%),linear-gradient(114deg,#031527,#061c35)}.hero-mobile-visual:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#1ebcdd33 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(to left,#000,transparent 65%)}.hero-mcopy{padding:45px 0;z-index:2}.m-premium-label{font-size:11px;color:#24e8ed;letter-spacing:.15em;font-weight:800;display:flex;align-items:center;gap:9px}.m-edition{color:#8dacc0}.hero-mcopy h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.055em;line-height:1.12;margin:22px 0}.hero-mcopy h1 em{font-style:normal;color:#10f0e9}.hero-mcopy>p{color:#b3d0df;font-size:14px;max-width:370px}.hero-m-art{align-self:stretch;overflow:hidden;position:relative;display:grid;place-items:center}.hero-m-art img{height:100%;width:130%;object-fit:cover;object-position:60% center;max-height:580px;mask-image:linear-gradient(90deg,transparent,#000 20%)}.hero-cta{gap:9px}.hero-cta .btn{min-height:45px}.hero-wa-number{display:inline-flex;gap:10px;margin-top:18px;color:#26f4ee;font-size:15px;font-weight:800}.hero-wa-number span{color:#c2fbfb}.premium-hero{border-bottom:1px solid #136585}}
@media(max-width:650px){body{padding-bottom:59px}.wrap{padding-left:16px;padding-right:16px}.top-inner{min-height:31px}.top-note{font-size:9px}.top-options{gap:2px}.top-options>[data-i18n='region'],.top-sep{display:none}.header-main{height:71px;gap:9px}.brand-lockup{width:148px;min-width:148px}.brand-lockup .brand-image{width:149px;height:59px}.header-search{height:40px;margin-inline-start:auto;padding-inline:9px;max-width:unset}.header-search input{font-size:10px}.header-search .search-submit{display:none}.header-actions{gap:7px}.head-action>.ico{width:19px;height:19px}.site-nav{background:#0b2132}.site-nav .nav-inner{background:#081d2e}.mobile-nav-toggle{color:#17e8e9}.hero-mobile-visual{display:block;padding-bottom:235px;min-height:560px}.hero-mcopy{padding:34px 0 8px}.m-premium-label{font-size:9px}.hero-mcopy h1{font-size:clamp(32px,9.1vw,47px);line-height:1.08;margin:17px 0 11px}.hero-mcopy>p{font-size:13px;max-width:330px;margin-bottom:15px}.hero-cta .btn{font-size:11px;padding:9px 12px;min-height:43px;gap:6px}.hero-m-art{position:absolute;bottom:0;right:0;left:0;height:265px;opacity:.95}.hero-m-art img{width:100%;height:100%;object-fit:cover;object-position:66% 46%;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 100%)}.hero-wa-number{font-size:13px;margin-top:12px}.hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.hero-highlights>div{min-height:55px;padding:9px;gap:7px}.hero-highlights strong{font-size:10px}.hi-symbol{font-size:15px}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:18px}.category-tile{min-height:72px;padding:10px;gap:7px}.category-tile strong{font-size:11px}.category-tile small{font-size:9px}.category-tile .cat-icon{width:35px;height:35px}.category-tile .cat-icon .ico{width:18px;height:18px}.mini-arrow{width:12px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brand-tile{height:77px}.product-grid{gap:10px}.section{padding-top:49px}.section-heading{gap:8px}.section-heading h2{font-size:24px}.site-footer{margin-top:45px}.footer-brand .footer-logo{max-width:218px}.mobile-bottom-nav{height:62px;box-shadow:0 -10px 20px #0006}.mobile-bottom-nav a{font-size:9px}.mobile-bottom-nav .ico{height:23px;width:23px}.filters-panel{background:#071c2b;box-shadow:0 0 0 100vw #0008}.filter-footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}.btn-filter-apply{width:100%}.news-grid{gap:10px}.filter-overlay.is-open{background:#0008}}
@media(max-width:370px){.brand-lockup{min-width:125px;width:125px}.brand-lockup .brand-image{width:126px;height:49px}.header-search input{max-width:78px}.hero-mcopy h1{font-size:31px}.hero-cta{flex-wrap:wrap}.hero-cta .btn{min-height:41px}}
[dir='rtl'] .hero-m-art img{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){.btn,.category-tile,.product-card{transition:none!important}}
/* Translated hero: never show baked-in Russian banner on non-Russian pages. */
html:not([lang='ru']) .hero-desktop-visual{display:none}
html:not([lang='ru']) .hero-mobile-visual{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:540px;gap:8px;background:linear-gradient(125deg,#051426,#07324a);isolation:isolate}
html:not([lang='ru']) .hero-mcopy{padding:50px 8px 50px 0;position:relative;z-index:2}
html:not([lang='ru']) .hero-mcopy h1{color:#f4ffff;line-height:1.1;font-size:clamp(35px,4.2vw,64px);margin:22px 0}
html:not([lang='ru']) .hero-mcopy h1 em{color:#04f5e8}
html:not([lang='ru']) .hero-m-art{overflow:hidden;height:100%;display:grid;place-items:center}
html:not([lang='ru']) .hero-m-art img{width:135%;height:100%;max-height:560px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 24%)}
@media(max-width:650px){html:not([lang='ru']) .hero-mobile-visual{display:block;min-height:590px;padding-bottom:250px}html:not([lang='ru']) .hero-mcopy{padding:34px 0 12px}html:not([lang='ru']) .hero-mcopy h1{font-size:clamp(30px,9vw,47px);margin:17px 0 11px}html:not([lang='ru']) .hero-m-art{height:265px;left:0;right:0;bottom:0;position:absolute}html:not([lang='ru']) .hero-m-art img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 100%)}}
/* Product-card detail contrast and clickable buttons */
.prod-img-wrap{background:radial-gradient(ellipse at center,#ffffff 48%,#e2f5f9 100%)!important}
.prod-title{color:#e9f9ff!important}.prod-title:hover{color:#0df1e9!important}.product-brand{color:#18dce6}.prod-specs span{color:#accbdc;background:#102f42;border:1px solid #20566e}.prod-divider{background:#23475c}.price-label{color:#8bacbe}.price-number{color:#25f1e9}.prod-buttons{background:#092235}.round-action{background:#0f354b;border-color:#1b657c;color:#7cecf0}.round-action:hover,.round-action.active{color:#062537;background:#10e7ed;border-color:#13e7e9}.sticker.new{color:#043b36;background:#41ffdc}.sticker.gaming{color:#fff;background:#6f39ec}
.floating-wa{display:inline-flex;align-items:center;gap:10px;position:fixed;z-index:44;right:18px;bottom:20px;padding:11px 16px;min-height:52px;border-radius:50px;border:1px solid #19ffbd;color:#fff;background:linear-gradient(125deg,#007b63,#06b472);font-size:12px;font-weight:800;box-shadow:0 12px 30px #0009,0 0 0 3px #00fbb10f;transition:transform .2s,box-shadow .2s}.floating-wa:hover{color:#fff;transform:translateY(-3px);box-shadow:0 16px 38px #000a,0 0 24px #0fffc044}.floating-wa .ico{width:24px;height:24px}.floating-wa span{display:flex;flex-direction:column}.floating-wa small{font-size:10px;color:#c0fff2}
@media(max-width:900px){.floating-wa{right:12px;bottom:74px;padding:9px 12px;min-height:42px;font-size:10px}.floating-wa .ico{width:22px;height:22px}}
@media(max-width:650px){.hero-m-art:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#041a2f 0%,#041a2ff2 17%,#041a2fe0 26%,transparent 42%)}.floating-wa span{display:none}.floating-wa{right:12px;bottom:75px;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:50%}.floating-wa .ico{width:27px;height:27px}}
/* Offline-safe laptop visual beneath external product photos */
.prod-img-wrap{background:#f4fbfd url('laptop-placeholder.svg') center center / 66% auto no-repeat!important}
.prod-img-wrap>img{z-index:1;position:relative}