/* ==========================================================
   Cloud.Net — Sayfa bileşenleri
   ========================================================== */

/* Flash mesajları (sağ üst) */
.flash-wrap{position:fixed;top:96px;right:20px;z-index:600;display:grid;gap:10px;max-width:420px;padding:0!important;width:auto}
.flash{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:14px;font-size:14px;background:rgba(22,16,33,.96);backdrop-filter:blur(12px);border:1px solid var(--border-2);box-shadow:var(--shadow);animation:flashIn .5s var(--ease) both;transition:.5s var(--ease)}
.flash i{margin-top:3px}
.flash-ok{border-left:3px solid var(--success)}.flash-ok i{color:var(--success)}
.flash-hata{border-left:3px solid var(--danger)}.flash-hata i{color:var(--danger)}
.flash-bilgi{border-left:3px solid var(--violet)}.flash-bilgi i{color:var(--violet)}
.flash.out{opacity:0;transform:translateX(40px)}
@keyframes flashIn{from{opacity:0;transform:translateX(40px)}}
.auth-box .flash,.content .flash,.card-x .flash{position:static;margin-bottom:16px;box-shadow:none;animation:pop .4s var(--ease)}
.toast.err{border-left-color:var(--danger)}.toast.err i{color:var(--danger)}

/* Mega menü ekleri */
.mega.mega-3{grid-template-columns:1fr 1fr 1.2fr;width:640px}
.mega a span{display:flex;flex-direction:column;line-height:1.3}
.mega a small{font-size:11px;color:var(--muted)}
.mega.mega-games{grid-template-columns:1.6fr 1fr;width:660px}
.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.game-link{margin:0!important}
.g-minecraft i{background:rgba(74,222,128,.14)!important;color:#4ade80!important}
.g-fivem i{background:rgba(251,146,60,.14)!important;color:#fb923c!important}
.g-rust i{background:rgba(234,88,12,.16)!important;color:#f97316!important}
.g-unturned i{background:rgba(163,230,53,.14)!important;color:#a3e635!important}
.g-mta i{background:rgba(244,114,182,.14)!important;color:#f472b6!important}

/* Alt sayfa başlığı */
.page-hero{position:relative;overflow:hidden;text-align:center;margin-top:-94px;padding:170px 0 60px}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.04em;line-height:1.08;margin:14px auto 16px;max-width:900px}
.page-hero .lead{color:var(--text-2);font-size:17px;max-width:640px;margin:0 auto}

/* Alan adı sonuçları */
.domain-results{max-width:720px;margin:14px auto 0;display:grid;gap:8px;text-align:left}
.domain-results:empty{display:none}
.dr-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;background:rgba(14,10,22,.85);backdrop-filter:blur(10px);border:1px solid var(--border-2);font-size:14px;animation:pop .45s var(--ease) both;flex-wrap:wrap}
.dr-row>span:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dr-row em{font-style:normal;font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px}
.dr-row.ok i{color:var(--success)}.dr-row.ok em{background:rgba(52,211,153,.12);color:var(--success)}
.dr-row.no{opacity:.75}.dr-row.no i{color:var(--danger)}.dr-row.no em{background:rgba(248,113,113,.12);color:var(--danger)}
.dr-row.q i{color:var(--warning)}.dr-row.q em{background:rgba(251,191,36,.12);color:var(--warning)}
.dr-act{display:flex;align-items:center;gap:12px}
.dr-act b small{color:var(--muted);font-weight:500;font-size:12px}
.dr-loading{display:flex;justify-content:center;gap:8px;padding:18px}
.dr-loading span{width:10px;height:10px;border-radius:50%;background:var(--violet);animation:dots 1s ease-in-out infinite}
.dr-loading span:nth-child(2){animation-delay:.15s}.dr-loading span:nth-child(3){animation-delay:.3s}
@keyframes dots{50%{transform:translateY(-8px);opacity:.4}}

/* Kategori kartları */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cat{position:relative;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:24px;padding:28px;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .3s,opacity .9s var(--ease)}
.cat:hover{transform:translateY(-8px);border-color:var(--border-2)}
.cat.featured{background:linear-gradient(180deg,#1a1028,var(--bg-2)) padding-box,linear-gradient(160deg,#a855f7,#5b21b6 40%,var(--border) 80%) border-box;border:1px solid transparent}
.cat-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:var(--primary-soft);color:var(--lilac);border:1px solid rgba(124,58,237,.25);margin-bottom:20px;transition:transform .5s var(--ease)}
.cat:hover .cat-ic{transform:rotate(-8deg) scale(1.08)}
.cat.featured .cat-ic{background:var(--grad);color:#fff;border:0}
.cat h4{font-size:20px;margin-bottom:6px}
.cat p{color:var(--text-2);font-size:14px;margin-bottom:22px;flex:1}
.from{font-family:var(--font-head);font-size:22px;font-weight:800}
.from small{font-family:var(--font);font-size:13px;color:var(--muted);font-weight:500;margin-left:3px}
.cat .go{position:absolute;right:26px;bottom:30px;color:var(--muted);transition:.3s var(--ease)}
.cat:hover .go{color:var(--lilac);transform:translateX(5px)}

/* Oyun kartları (ana sayfa) */
.game-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.game-card{position:relative;overflow:hidden;border-radius:22px;padding:24px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);transition:transform .5s var(--ease),border-color .3s,box-shadow .5s,opacity .9s var(--ease)}
.game-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px -25px var(--gc,#7c3aed)}
.game-card>*{position:relative;z-index:1}
.gc-bg{position:absolute!important;inset:0;z-index:0!important;overflow:hidden}
.gc-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(6,4,9,.92) 75%)}
.gc-bg i{position:absolute}
.gc-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:22px;margin-bottom:auto;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#fff;transition:transform .5s var(--ease)}
.game-card:hover .gc-ic{transform:scale(1.12) rotate(-6deg)}
.game-card h4{font-size:22px;margin:14px 0 6px}
.game-card p{font-size:13px;color:#cfc6e4;margin-bottom:14px}
.game-card .from{font-size:19px}
/* Minecraft: düşen bloklar */
.gc-minecraft{--gc:#22c55e;background:linear-gradient(180deg,#14532d,#0a1f12)}
.gc-minecraft .gc-bg i{width:26px;height:26px;left:calc(var(--j)*12.5%);top:-30px;background:#5b8731;box-shadow:inset 0 -9px 0 #79553a,inset 0 0 0 2px rgba(0,0,0,.25);animation:mcfall calc(3s + var(--j)*.4s) linear infinite;animation-delay:calc(var(--j)*-.7s)}
.gc-minecraft .gc-bg i:nth-child(3n){background:#7d7d7d;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3)}
.gc-minecraft .gc-bg i:nth-child(4n){background:#79553a}
@keyframes mcfall{to{transform:translateY(340px) rotate(90deg)}}
/* FiveM: şehir ışıkları */
.gc-fivem{--gc:#f97316;background:linear-gradient(180deg,#1e1033,#3b1308 70%,#0f0a14)}
.gc-fivem .gc-bg i{height:2px;width:60px;top:calc(40% + var(--j)*6%);left:-70px;background:linear-gradient(90deg,transparent,#fb923c,#fde68a);border-radius:2px;animation:streak calc(1.4s + var(--j)*.25s) linear infinite;animation-delay:calc(var(--j)*-.5s)}
.gc-fivem .gc-bg i:nth-child(even){background:linear-gradient(90deg,transparent,#f43f5e,#fecdd3)}
.gc-fivem .gc-bg::before{content:"";position:absolute;left:0;right:0;bottom:30%;height:45%;background:linear-gradient(0deg,#0b0710 0,#0b0710 100%);clip-path:polygon(0 100%,0 40%,8% 40%,8% 20%,16% 20%,16% 55%,24% 55%,24% 10%,30% 10%,30% 45%,40% 45%,40% 25%,48% 25%,48% 60%,58% 60%,58% 15%,66% 15%,66% 50%,74% 50%,74% 30%,84% 30%,84% 55%,92% 55%,92% 35%,100% 35%,100% 100%)}
@keyframes streak{to{transform:translateX(420px)}}
/* Rust: kıvılcımlar */
.gc-rust{--gc:#ea580c;background:radial-gradient(circle at 50% 110%,#7c2d12,#1c0f0a 60%)}
.gc-rust .gc-bg i{width:4px;height:4px;border-radius:50%;background:#fdba74;box-shadow:0 0 8px #f97316;left:calc(8% + var(--j)*11%);bottom:-10px;animation:ember calc(2.5s + var(--j)*.3s) ease-in infinite;animation-delay:calc(var(--j)*-.6s)}
@keyframes ember{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(30px,-320px);opacity:0}}
/* Unturned: sis ve çam ağaçları */
.gc-unturned{--gc:#84cc16;background:linear-gradient(180deg,#1a2e05,#0c1407)}
.gc-unturned .gc-bg i{bottom:30%;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:60px solid #14250a;left:calc(var(--j)*13%);transform:scale(calc(.7 + var(--j)*.06))}
.gc-unturned .gc-bg::before{content:"";position:absolute;inset:30% -50% auto;height:80px;background:radial-gradient(ellipse,rgba(200,230,180,.18),transparent 70%);animation:fog 8s ease-in-out infinite alternate}
@keyframes fog{to{transform:translateX(30%)}}
/* MTA: synthwave yol */
.gc-mta{--gc:#ec4899;background:linear-gradient(180deg,#2e0a3a,#7c1d4f 45%,#1a0820 46%)}
.gc-mta .gc-bg::before{content:"";position:absolute;left:50%;top:18%;width:110px;height:110px;margin-left:-55px;border-radius:50%;background:repeating-linear-gradient(180deg,#fbbf24 0 8px,transparent 8px 12px),linear-gradient(#fde047,#f97316);background-blend-mode:multiply;-webkit-mask:linear-gradient(#000 50%,transparent 50%);mask:linear-gradient(#000 0 52%,transparent 52%)}
.gc-mta .gc-bg i{left:0;right:0;height:1px;background:rgba(236,72,153,.6);top:calc(46% + var(--j)*var(--j)*1.4%);animation:road 1.5s linear infinite;animation-delay:calc(var(--j)*-.19s)}
@keyframes road{from{opacity:.2}50%{opacity:1}to{opacity:.2}}

/* İşlemci kartları */
.cpus{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cpu{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:24px;padding:30px;transition:transform .5s var(--ease),border-color .3s,opacity .9s var(--ease)}
.cpu:hover{transform:translateY(-6px);border-color:var(--border-2)}
.cpu small{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--lilac)}
.cpu h4{font-size:21px;margin:6px 0 10px}
.cpu p{color:var(--text-2);font-size:14px;margin-bottom:22px;min-height:66px}
.chip-art{position:relative;width:110px;height:110px;margin:0 0 22px;display:grid;place-items:center}
.chip-art .die{width:78px;height:78px;border-radius:12px;background:linear-gradient(145deg,#2a2140,#120d1c);border:1px solid var(--border-2);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(124,58,237,.06),0 10px 30px -10px rgba(124,58,237,.6);transition:transform .6s var(--ease)}
.cpu:hover .die{transform:rotate(-6deg) scale(1.06)}
.chip-art .die span{font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:1px;color:var(--lilac)}
.chip-art i{position:absolute;width:3px;height:10px;background:linear-gradient(#c084fc,#5b21b6);border-radius:2px}
.chip-art i:nth-of-type(-n+3){top:0}.chip-art i:nth-of-type(n+4):nth-of-type(-n+6){bottom:0}
.chip-art i:nth-of-type(n+7):nth-of-type(-n+9){left:0;width:10px;height:3px}.chip-art i:nth-of-type(n+10){right:0;width:10px;height:3px}
.chip-art i:nth-of-type(1),.chip-art i:nth-of-type(4){left:34px}.chip-art i:nth-of-type(2),.chip-art i:nth-of-type(5){left:53px}.chip-art i:nth-of-type(3),.chip-art i:nth-of-type(6){left:72px}
.chip-art i:nth-of-type(7),.chip-art i:nth-of-type(10){top:34px}.chip-art i:nth-of-type(8),.chip-art i:nth-of-type(11){top:53px}.chip-art i:nth-of-type(9),.chip-art i:nth-of-type(12){top:72px}
.chip-art i{animation:pinGlow 2.4s ease-in-out infinite}
.chip-art i:nth-of-type(odd){animation-delay:1.2s}
@keyframes pinGlow{50%{filter:brightness(1.8);box-shadow:0 0 8px #a855f7}}
.cpu-ryzen .die{background:linear-gradient(145deg,#3b1a12,#140b0a)}.cpu-ryzen .die span{color:#fb923c}
.cpu-i9 .die{background:linear-gradient(145deg,#132040,#0a0f1c)}.cpu-i9 .die span{color:#60a5fa}
.spec{margin-bottom:14px}
.sp-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}
.sp-top span{color:var(--muted)}
.spec .bar{height:7px;background:var(--surface-3);border-radius:4px;overflow:hidden}
.spec .bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:4px;transition:width 1.4s var(--ease) .2s}
.spec.in .bar i{width:var(--w)}

/* Genel içerik kartı */
.card-x{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:22px;padding:26px;margin-bottom:20px;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.card-x h3{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.card-x h3 i{color:var(--lilac)}

/* Boş durum */
.empty{text-align:center;padding:70px 20px;background:var(--surface);border:1px dashed var(--border-2);border-radius:26px;max-width:640px;margin:0 auto}
.empty-ic{width:76px;height:76px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:var(--primary-soft);color:var(--lilac);animation:float 5s ease-in-out infinite}
.empty h3{font-size:24px;margin-bottom:8px}
.empty p{color:var(--text-2);margin-bottom:22px}

/* Sepet */
.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start}
.cart-items{display:grid;gap:14px}
.cart-item{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:20px;padding:22px;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.ci-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:19px;background:var(--primary-soft);color:var(--lilac);flex-shrink:0}
.ci-main{flex:1;min-width:0}
.ci-main small{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:1px}
.ci-main b{display:block;font-size:17px;font-family:var(--font-head);margin:2px 0 12px}
.ci-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ci-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ci-price b{font-family:var(--font-head);font-size:20px;white-space:nowrap}
.ci-del{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:.2s}
.ci-del:hover{color:var(--danger);border-color:var(--danger)}
.cart-sum{position:sticky;top:100px;background:linear-gradient(180deg,#140d20,var(--bg-2));border:1px solid var(--border-2);border-radius:22px;padding:26px;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.cart-sum h3{font-size:18px;margin-bottom:16px}
.sum-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-2);padding:8px 0;border-bottom:1px dashed var(--border)}
.sum-row b{color:var(--text);white-space:nowrap}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 20px}
.sum-total b{font-family:var(--font-head);font-size:30px}
.pay-opt{display:flex;gap:12px;padding:16px;border:1px solid var(--border-2);border-radius:14px;margin-top:10px;cursor:pointer;transition:.2s}
.pay-opt:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.pay-opt.disabled{opacity:.5;cursor:not-allowed}
.pay-opt input{accent-color:var(--primary);margin-top:4px}
.pay-opt b{display:block}.pay-opt small{color:var(--muted);font-size:13px}

/* Metin sayfaları (yasal, makale, duyuru) */
.prose-wrap{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.prose-nav{position:sticky;top:100px;display:grid;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px}
.prose-nav a{padding:10px 14px;border-radius:10px;font-size:14px;color:var(--text-2);transition:.2s}
.prose-nav a:hover{background:var(--surface-2);color:#fff}
.prose-nav a.active{background:var(--primary-soft);color:#fff;box-shadow:inset 3px 0 0 var(--primary)}
.prose{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:24px;padding:40px;color:var(--text-2);font-size:15px;line-height:1.8;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.prose h3{color:var(--text);font-size:20px;margin:30px 0 12px}
.prose h3:first-child{margin-top:0}
.prose h4{color:var(--text);font-size:16px;margin:22px 0 8px}
.prose p{margin-bottom:14px}
.prose ul{margin:0 0 16px 4px;display:grid;gap:8px}
.prose li{position:relative;padding-left:22px}
.prose li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--violet)}
.prose b{color:var(--text)}
.prose .meta{font-size:13px;color:var(--muted);margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border)}

/* Bilgi bankası */
.kb-search{max-width:620px;margin:26px auto 0;position:relative}
.kb-search input{width:100%;padding:18px 20px 18px 52px;border-radius:18px;background:rgba(14,10,22,.85);border:1px solid var(--border-2);outline:0;font-size:16px}
.kb-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.kb-search i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--lilac)}
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kb-cat{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:22px;padding:26px;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.kb-cat h4{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:14px}
.kb-cat h4 i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--lilac);font-size:15px}
.kb-cat a{display:flex;gap:10px;padding:9px 0;color:var(--text-2);font-size:14px;border-bottom:1px dashed var(--border);transition:.2s}
.kb-cat a:last-child{border:0}
.kb-cat a:hover{color:#fff;padding-left:6px}
.kb-cat a i{color:var(--muted);margin-top:5px;font-size:11px}

/* Sistem durumu */
.status-hero{display:flex;align-items:center;gap:18px;padding:26px 30px;border-radius:22px;margin-bottom:24px;border:1px solid rgba(52,211,153,.3);background:linear-gradient(90deg,rgba(52,211,153,.1),transparent)}
.status-hero.bad{border-color:rgba(251,191,36,.35);background:linear-gradient(90deg,rgba(251,191,36,.1),transparent)}
.status-hero .big-dot{width:18px;height:18px;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px rgba(52,211,153,.18);animation:breathe 2s ease-in-out infinite;flex-shrink:0}
.status-hero.bad .big-dot{background:var(--warning);box-shadow:0 0 0 6px rgba(251,191,36,.18)}
.status-hero h3{font-size:20px}
.status-list{background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden}
.status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border)}
.status-row:last-child{border:0}
.status-row small{display:block;color:var(--muted);font-size:13px}

/* İletişim */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:26px;align-items:start}
.contact-card{display:flex;gap:16px;align-items:center;padding:20px;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:18px;margin-bottom:14px;transition:opacity .9s var(--ease),transform .9s var(--ease),border-color .3s}
.contact-card:hover{border-color:var(--border-2)}
.contact-card .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--lilac);font-size:18px;flex-shrink:0}
.contact-card small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.contact-card b{font-size:16px}
.contact-list li{display:flex;gap:10px;align-items:flex-start}
.contact-list i{color:var(--lilac);margin-top:4px;width:16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* Yorum ızgarası */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* Hakkımızda */
.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.founder{display:flex;gap:22px;align-items:center;padding:28px;background:linear-gradient(135deg,rgba(124,58,237,.14),var(--surface));border:1px solid var(--border-2);border-radius:24px;margin-top:30px}
.founder .avatar{width:72px;height:72px;font-size:24px;border-radius:20px}
.founder b{font-size:20px;font-family:var(--font-head)}

@media (max-width:1200px){
  .cats{grid-template-columns:1fr 1fr}
  .game-cards{grid-template-columns:repeat(3,1fr)}
  .cpus{grid-template-columns:1fr}
  .cpu{display:grid;grid-template-columns:120px 1fr;column-gap:24px}
  .cpu>*:not(.chip-art){grid-column:2}
  .chip-art{grid-row:span 7}
  .kb-grid,.review-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .cart-layout,.prose-wrap,.contact-grid{grid-template-columns:1fr}
  .cart-sum,.prose-nav{position:static}
  .about-cards{grid-template-columns:1fr}
  .page-hero{padding:140px 0 40px}
}
@media (max-width:700px){
  .cats,.game-cards,.kb-grid,.review-grid,.grid-2{grid-template-columns:1fr}
  .game-card{min-height:240px}
  .cpu{display:block}
  .ci-fields{grid-template-columns:1fr}
  .cart-item{flex-wrap:wrap}
  .ci-price{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
  .prose{padding:24px}
  .flash-wrap{left:12px;right:12px;max-width:none;top:80px}
  .mega.mega-3,.mega.mega-games{width:auto}
}