/* ============================================================================
 * AfaghCloud — Cartoon home (light) with animated particle-network background.
 * Light/blue cartoon design, plans as sliders, and a professional animated
 * constellation canvas (#afc-galaxy). Rendered by inc/cartoon.php.
 * ==========================================================================*/
:root{
  --brand:#2563eb; --brand-d:#1d4ed8; --brand-b:#3b82f6;
  --sky:#0284c7; --mint:#16a34a; --violet:#6d5efc; --cyan:#0891b2;
  --ink:#0f2450; --ink2:#3d4a70; --muted:#6b7699; --faint:#9aa3c4;
  --line:#e4eafc; --canvas:#eef4ff; --surface:#ffffff; --tint:#eaf1ff; --tint2:#dbe7ff;
  --shadow-sm:0 2px 0 rgba(37,99,235,.10);
  --shadow:0 16px 0 -8px rgba(37,99,235,.12), 0 26px 46px -22px rgba(15,36,80,.30);
  --pop:0 7px 0 -1px rgba(29,78,216,.4);
  --disp:'Baloo Bhaijaan 2','Vazirmatn',sans-serif; --body:'Vazirmatn',sans-serif;
  --ease:cubic-bezier(.34,1.56,.64,1); --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box} html,body{margin:0}
body.afc-cart{ font-family:var(--body); direction:rtl; background:linear-gradient(180deg,#f3f7ff,#eaf1fd) fixed; color:var(--ink2); line-height:1.85; -webkit-font-smoothing:antialiased; overflow-x:hidden }
.afc-cart .wrap{ max-width:1140px; margin-inline:auto; padding-inline:20px }
.afc-cart h1,.afc-cart h2,.afc-cart h3,.afc-cart h4{ font-family:var(--disp); color:var(--ink); margin:0; line-height:1.3 }
.afc-cart a{ text-decoration:none; color:inherit }
.afc-cart .ic-svg{ width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; display:inline-block; vertical-align:-.14em; transition:transform .3s var(--ease) }
.afc-cart .i-bars{ stroke-width:2.4 }

/* ---------- Animated constellation canvas ---------- */
/* Full-site animated network-globe background (fixed behind everything) */
.afc-cart #afc-galaxy{ position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; display:block }
.afc-cart .hero{ position:relative; z-index:1; padding-block:48px 64px }
.afc-cart .afc-hdr, .afc-cart .afc-ftr, .afc-cart .stats, .afc-cart section.block, .afc-cart .ctaband{ position:relative; z-index:1 }
.afc-cart .hero .cta{ gap:1rem; margin-top:.4rem }
.afc-cart .hero .cta .btn{ min-width:230px; padding:1.05rem 2.1rem; font-size:1.06rem; border-radius:18px }
@media(max-width:560px){ .afc-cart .hero .cta .btn{ min-width:0; width:100% } }

/* ---------- Load screen ---------- */
#loader{ position:fixed; inset:0; z-index:9999; background:radial-gradient(60% 60% at 50% 40%,#eef4ff,#dbe7ff); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; transition:transform .4s var(--ease-out), opacity .35s ease }
#loader.done{ transform:translateY(-101%) }
#loader .lm{ width:98px;height:98px; border-radius:30px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); box-shadow:0 13px 0 -2px rgba(29,78,216,.35); animation:pop .7s var(--ease) both }
#loader .lm .ic-svg{ width:48px; height:48px }
#loader .load-logo{ height:72px; width:auto; display:block; animation:pop .7s var(--ease) both }
@keyframes pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}100%{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
#loader .lb{ font-family:var(--disp); font-weight:800; font-size:1.4rem; color:var(--ink) } #loader .lb b{ color:var(--brand) }
#loader .ld{ display:flex; gap:10px } #loader .ld i{ width:13px;height:13px;border-radius:50%; background:var(--brand); animation:jump 1s ease-in-out infinite }
#loader .ld i:nth-child(2){ background:var(--brand-b); animation-delay:.15s } #loader .ld i:nth-child(3){ background:var(--violet); animation-delay:.3s }
@keyframes jump{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px)}}
#loader .lp{ font-family:var(--disp); font-weight:700; color:var(--muted); font-variant-numeric:tabular-nums }

.afc-cart .reveal{ opacity:0; transform:translateY(24px) scale(.985); transition:opacity .6s var(--ease-out), transform .7s var(--ease) }
.afc-cart .reveal.in{ opacity:1; transform:none }
.afc-cart .d1{transition-delay:.08s}.afc-cart .d2{transition-delay:.16s}.afc-cart .d3{transition-delay:.24s}.afc-cart .d4{transition-delay:.32s}

/* LCP safety: above-the-fold (hero) reveals via pure CSS — never waits for JS,
   so Lighthouse always finds a contentful paint (fixes NO_LCP on throttled mobile). */
@keyframes afcHeroIn{ from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none} }
body.afc-cart section.hero .reveal,
body.afc-cart section.pagehero .reveal{ animation:afcHeroIn .55s var(--ease) both }
/* Failsafe: if the loader-hiding JS is slow/blocked, the loader still leaves on its own. */
@keyframes afcLoaderFail{ to{ opacity:0; visibility:hidden; transform:translateY(-101%) } }
#loader{ animation:afcLoaderFail .45s ease 1.6s forwards }
/* Mobile: drop the full-screen loader entirely — on throttled mobile it became the
   LCP element and was then removed, which makes Lighthouse report NO_LCP. Hero paints
   instantly instead (stable LCP, faster, cleaner). */
@media(max-width:767px){
  #loader{ display:none !important }
  body.afc-cart section.hero .reveal,
  body.afc-cart section.pagehero .reveal{ opacity:1 !important; transform:none !important; animation:none !important }
}

/* ---------- Nav ---------- */
.afc-cart .nav{ position:sticky; top:0; z-index:50; backdrop-filter:blur(10px); background:rgba(243,247,255,.8); border-bottom:2px dashed var(--line) }
.afc-cart .nav-in{ display:flex; align-items:center; justify-content:space-between; height:74px }
.afc-cart .brand{ display:inline-flex; align-items:center; gap:.55rem; font-family:var(--disp); font-weight:800; color:var(--ink); font-size:1.35rem }
.afc-cart .brand .m{ width:42px;height:42px;border-radius:14px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); box-shadow:var(--pop) } .afc-cart .brand .m .ic-svg{ width:23px;height:23px } .afc-cart .brand b{ color:var(--brand) }
.afc-cart .brand-logo{ height:40px; width:auto; display:block }
.afc-cart .nav-links{ display:flex; align-items:center; gap:.4rem; font-weight:700; font-size:.94rem }
.afc-cart .nav-links a{ color:var(--ink2); padding:.45rem .8rem; border-radius:12px; transition:.2s var(--ease) }
.afc-cart .nav-links a:hover{ color:var(--brand); background:var(--tint); transform:translateY(-2px) }
.afc-cart .nav-cta{ font-family:var(--disp); background:linear-gradient(135deg,var(--brand-d),var(--brand)); color:#fff !important; box-shadow:var(--pop); transition:.2s var(--ease) }
.afc-cart .nav-cta:hover{ transform:translateY(-2px) rotate(-1deg) }
.afc-cart .burger{ display:none; width:44px;height:44px;border-radius:12px;border:2px solid var(--line); background:#fff; cursor:pointer; color:var(--ink); align-items:center; justify-content:center } .afc-cart .burger .ic-svg{ width:22px;height:22px }
@media(max-width:900px){ .afc-cart .nav-links{ display:none } .afc-cart .burger{ display:flex } }

/* ---------- Primary menu (real WP menu, cartoon-styled + dropdown) ---------- */
.afc-cart .nav-in{ gap:1rem }
.afc-cart .nav-menu{ margin-inline-start:auto }
.afc-cart .nav-actions{ display:flex; align-items:center; gap:.6rem }
.afc-cart .cnav{ display:flex; align-items:center; gap:.15rem; list-style:none; margin:0; padding:0; font-weight:700; font-size:.94rem }
.afc-cart .cnav li{ position:relative }
.afc-cart .cnav a{ display:block; color:var(--ink2); padding:.5rem .8rem; border-radius:12px; transition:color .2s var(--ease), background .2s var(--ease) }
.afc-cart .cnav > li > a:hover, .afc-cart .cnav .current-menu-item > a, .afc-cart .cnav .current_page_item > a{ color:var(--brand); background:var(--tint); transform:translateY(-2px) }
.afc-cart .cnav .menu-item-has-children > a::after{ content:"⌄"; margin-inline-start:.3rem; font-size:.8em; color:var(--muted) }
.afc-cart .cnav .sub-menu{ position:absolute; top:calc(100% + 10px); inset-inline-start:0; min-width:220px; list-style:none; margin:0; padding:.5rem; background:#fff; border:2px solid var(--line); border-radius:18px; box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(10px); transition:.22s var(--ease); z-index:60 }
.afc-cart .cnav .sub-menu::before{ content:""; position:absolute; top:-10px; inset-inline:0; height:10px }
.afc-cart .cnav li:hover > .sub-menu, .afc-cart .cnav li:focus-within > .sub-menu{ opacity:1; visibility:visible; transform:none }
.afc-cart .cnav .sub-menu a{ white-space:nowrap } .afc-cart .cnav .sub-menu a:hover{ color:var(--brand); background:var(--tint) }
.afc-cart .fmenu{ list-style:none; margin:0; padding:0 }
.afc-cart .fmenu a{ display:block; color:var(--muted); font-size:.92rem; padding:.28rem 0; transition:color .15s } .afc-cart .fmenu a:hover{ color:var(--brand) }
@media(max-width:900px){
  .afc-cart .nav-menu{ position:absolute; top:100%; inset-inline:0; background:#fff; border-bottom:2px dashed var(--line); box-shadow:var(--shadow); padding:12px 20px; display:none }
  .afc-cart #afc-nav.open .nav-menu{ display:block }
  .afc-cart .cnav{ flex-direction:column; align-items:stretch; gap:.15rem }
  .afc-cart .cnav .sub-menu{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; padding-inline-start:1rem; min-width:0 }
  .afc-cart .burger{ display:flex }
}
@media(min-width:901px){ .afc-cart .burger{ display:none } }

/* ---------- Hero ---------- */
.afc-cart .hero{ position:relative; z-index:1; padding-block:76px 84px; text-align:center }
.afc-cart .hero .hsub{ max-width:54ch; margin:0 auto 2rem; color:var(--muted); font-size:clamp(1rem,.92rem+.4vw,1.2rem); line-height:1.9 }
.afc-cart .eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--disp); font-weight:700; font-size:.85rem; color:var(--brand-d); background:#fff; border:2px solid var(--tint); padding:.4rem 1rem; border-radius:999px; box-shadow:var(--shadow-sm) }
.afc-cart .eyebrow .ic-svg{ width:16px;height:16px; color:var(--brand); animation:spin 5s linear infinite } @keyframes spin{to{transform:rotate(360deg)}}
body.afc-cart .hero h1, body.afc-cart .wrap h1{ font-size:clamp(2.4rem,1.7rem+2.2vw,3.7rem) !important; font-weight:800 !important; line-height:1.3 !important; letter-spacing:-.01em; margin:0 0 1.1rem !important }
@media(max-width:600px){ body.afc-cart .hero h1, body.afc-cart .wrap h1{ font-size:clamp(2rem,1.5rem+3vw,2.6rem) !important; line-height:1.35 !important } .afc-cart .hero h1 span{ white-space:normal } }
.afc-cart .hero h1 span{ color:var(--brand); position:relative; white-space:nowrap }
.afc-cart .hero h1 span::after{ content:""; position:absolute; inset-inline:0; bottom:.05em; height:.24em; background:var(--brand-b); opacity:.28; border-radius:99px; z-index:-1 }
.afc-cart .cta{ display:flex; gap:.8rem; flex-wrap:wrap; justify-content:center }
.afc-cart .btn{ font-family:var(--disp); font-weight:700; font-size:1rem; padding:.9rem 1.8rem; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:none; cursor:pointer; transition:transform .2s var(--ease), box-shadow .2s ease }
.afc-cart .btn .ic-svg{ width:19px;height:19px }
.afc-cart .btn-p{ background:linear-gradient(135deg,var(--brand-d),var(--brand)); color:#fff; box-shadow:0 7px 0 -1px rgba(29,78,216,.4) }
.afc-cart .btn-p:hover{ transform:translateY(-3px) rotate(-1deg); box-shadow:0 11px 0 -1px rgba(29,78,216,.4) }
.afc-cart .btn-p:active{ transform:translateY(1px); box-shadow:0 3px 0 -1px rgba(29,78,216,.4) }
.afc-cart .btn-g{ background:#fff; color:var(--ink); border:2px solid var(--line) } .afc-cart .btn-g:hover{ transform:translateY(-3px); border-color:var(--brand); color:var(--brand) }
.afc-cart .btn-w{ background:#fff; color:var(--brand-d) } .afc-cart .btn-w:hover{ transform:translateY(-3px) rotate(-1deg) }
.afc-cart .btn:hover .i-rocket{ transform:translateY(-2px) rotate(8deg) }

.afc-cart .win{ max-width:760px; margin:40px auto 0; background:#fff; border:2px solid var(--line); border-radius:26px; overflow:hidden; box-shadow:var(--shadow); text-align:start }
@keyframes winFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.afc-cart .win-bar{ display:flex; align-items:center; gap:.6rem; padding:.85rem 1.1rem; border-bottom:2px solid var(--line); background:#f7faff }
.afc-cart .win-bar .dots{ display:flex; gap:.45rem } .afc-cart .win-bar .dots i{ width:13px;height:13px;border-radius:50% }
.afc-cart .win-bar .dots i:nth-child(1){background:#ff6b6b}.afc-cart .win-bar .dots i:nth-child(2){background:#ffd93d}.afc-cart .win-bar .dots i:nth-child(3){background:#6bcb77}
.afc-cart .win-url{ flex:1; text-align:center; background:#fff; border:2px solid var(--line); border-radius:999px; padding:.32rem 1rem; font-size:.82rem; color:var(--muted); direction:ltr }
.afc-cart .dsearch{ padding:24px; display:flex; gap:.7rem; flex-wrap:wrap }
.afc-cart .dsearch input{ flex:1; min-width:180px; font-family:var(--body); font-size:1rem; padding:.85rem 1.1rem; border:2px solid var(--line); border-radius:16px; outline:none; direction:ltr; text-align:left; color:var(--ink) }
.afc-cart .dsearch input:focus{ border-color:var(--brand-b); box-shadow:0 0 0 4px rgba(59,130,246,.15) }
.afc-cart .dchips{ padding:0 24px 24px; display:flex; gap:.5rem; flex-wrap:wrap }
.afc-cart .dchip{ font-family:var(--disp); font-weight:700; font-size:.82rem; background:var(--tint); color:var(--brand-d); border-radius:999px; padding:.4rem .9rem } .afc-cart .dchip b{ color:var(--ink) }

/* ---------- Stats ---------- */
.afc-cart .stats{ position:relative; z-index:1; padding-block:14px 44px }
.afc-cart .stats-in{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem }
@media(max-width:720px){ .afc-cart .stats-in{ grid-template-columns:1fr 1fr } }
.afc-cart .stat{ background:#fff; border:2px solid var(--line); border-radius:22px; padding:1.3rem; text-align:center; box-shadow:var(--shadow-sm); transition:transform .25s var(--ease) }
.afc-cart .stat:hover{ transform:translateY(-6px) rotate(-1.5deg) }
.afc-cart .stat b{ font-family:var(--disp); font-size:1.9rem; font-weight:800; color:var(--brand); display:block; line-height:1.2 }
.afc-cart .stat span{ font-size:.85rem; color:var(--muted); font-weight:600 }

/* ---------- Sections ---------- */
.afc-cart section.block{ position:relative; z-index:1; padding-block:54px }
.afc-cart .sec-head{ text-align:center; max-width:48ch; margin:0 auto 2.4rem }
.afc-cart .sec-head .lab{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--disp); font-weight:700; font-size:.82rem; color:var(--brand-d); background:var(--tint); padding:.32rem .95rem; border-radius:999px } .afc-cart .sec-head .lab .ic-svg{ width:16px;height:16px; color:var(--brand) }
.afc-cart .sec-head{ text-wrap:balance }
.afc-cart .sec-head h2{ font-size:2.1rem; font-weight:800; margin:.7rem 0 .4rem; text-wrap:balance }
.afc-cart .sec-head p{ color:var(--muted); margin:0; text-wrap:balance }

/* ---------- Plans slider ---------- */
.afc-cart .slider{ position:relative; z-index:1 }
.afc-cart .slider-track{ display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 3 * 1.2rem) / 4); gap:1.2rem; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:14px 2px 22px; -ms-overflow-style:none; scrollbar-width:none }
.afc-cart .slider-track::-webkit-scrollbar{ display:none }
.afc-cart .slider-track > .plan{ scroll-snap-align:start; min-width:0 }
@media(max-width:1100px){ .afc-cart .slider-track{ grid-auto-columns:calc((100% - 2 * 1.2rem) / 3) } }
@media(max-width:820px){ .afc-cart .slider-track{ grid-auto-columns:calc((100% - 1.2rem) / 2) } }
@media(max-width:560px){ .afc-cart .slider-track{ grid-auto-columns:88% } }
.afc-cart .slider-btn{ position:absolute; top:46%; transform:translateY(-50%); width:48px;height:48px;border-radius:50%; border:2px solid var(--line); background:#fff; color:var(--brand); cursor:pointer; display:grid; place-items:center; box-shadow:var(--shadow-sm); z-index:4; transition:transform .2s var(--ease), border-color .2s ease }
.afc-cart .slider-btn:hover{ transform:translateY(-50%) scale(1.12); border-color:var(--brand-b) }
.afc-cart .slider-btn .ic-svg{ width:22px;height:22px }
.afc-cart .slider-prev{ inset-inline-start:-8px } .afc-cart .slider-next{ inset-inline-end:-8px }
@media(max-width:600px){ .afc-cart .slider-btn{ display:none } }

/* ---------- Plan card ---------- */
.afc-cart .plan{ background:#fff; border:2px solid var(--line); border-radius:26px; padding:1.7rem; box-shadow:var(--shadow-sm); transition:transform .28s var(--ease), box-shadow .28s ease, border-color .28s ease; position:relative }
.afc-cart .plan:hover{ transform:translateY(-8px) rotate(-1deg); box-shadow:var(--shadow) }
.afc-cart .plan.rec{ border-color:var(--brand-b); box-shadow:var(--shadow) }
.afc-cart .ribbon{ position:absolute; top:-14px; left:50%; transform:translateX(-50%); font-family:var(--disp); font-weight:700; font-size:.78rem; color:#fff; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); padding:.3rem 1.1rem; border-radius:999px; box-shadow:0 5px 0 -1px rgba(29,78,216,.4); white-space:nowrap; display:inline-flex; align-items:center; gap:.35rem } .afc-cart .ribbon .ic-svg{ width:14px;height:14px }
.afc-cart .plan h3{ font-size:1.25rem } .afc-cart .plan .loc{ font-size:.85rem; color:var(--muted); margin-bottom:.8rem; display:flex; align-items:center; gap:.4rem } .afc-cart .plan .loc .ic-svg{ width:15px;height:15px; color:var(--brand-b) }
.afc-cart .price{ font-family:var(--disp); font-weight:800; color:var(--brand); font-size:2rem; line-height:1 } .afc-cart .price small{ font-size:.8rem; color:var(--muted); font-weight:600 }
.afc-cart .plan ul{ list-style:none; margin:1.1rem 0 1.3rem; padding:0; display:grid; gap:.5rem }
.afc-cart .plan li{ font-size:.92rem; color:var(--ink2); display:flex; gap:.5rem; align-items:center } .afc-cart .plan li .ic-svg{ width:17px;height:17px; color:var(--mint); flex:none }
.afc-cart .plan .btn{ width:100% }

/* ---------- Tiles ---------- */
.afc-cart .grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem } @media(max-width:900px){ .afc-cart .grid4{ grid-template-columns:1fr 1fr } } @media(max-width:520px){ .afc-cart .grid4{ grid-template-columns:1fr } }
.afc-cart .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem } @media(max-width:820px){ .afc-cart .grid3{ grid-template-columns:1fr } }
.afc-cart .tile{ background:#fff; border:2px solid var(--line); border-radius:24px; padding:1.5rem; box-shadow:var(--shadow-sm); transition:transform .28s var(--ease), box-shadow .28s ease }
.afc-cart .tile:hover{ transform:translateY(-8px) rotate(1deg); box-shadow:var(--shadow) }
.afc-cart .tile .ic{ width:58px;height:58px;border-radius:18px; display:grid; place-items:center; margin-bottom:.9rem } .afc-cart .tile .ic .ic-svg{ width:30px;height:30px }
.afc-cart .tile:nth-child(4n+1) .ic{ background:#e6efff; color:var(--brand) } .afc-cart .tile:nth-child(4n+2) .ic{ background:#e6f7ff; color:var(--sky); animation-delay:.3s } .afc-cart .tile:nth-child(4n+3) .ic{ background:#eafaf1; color:var(--mint); animation-delay:.6s } .afc-cart .tile:nth-child(4n) .ic{ background:#eef0ff; color:var(--violet); animation-delay:.9s }
.afc-cart .tile:hover .ic .ic-svg{ transform:scale(1.15) rotate(-8deg) }
.afc-cart .tile h3{ font-size:1.08rem; margin-bottom:.35rem } .afc-cart .tile p{ margin:0; font-size:.9rem; color:var(--muted) }

/* ---------- Domain ---------- */
.afc-cart .tld-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem } @media(max-width:900px){ .afc-cart .tld-grid{ grid-template-columns:1fr 1fr } } @media(max-width:480px){ .afc-cart .tld-grid{ grid-template-columns:1fr } }
.afc-cart .tld{ background:#fff; border:2px solid var(--line); border-radius:20px; padding:1.1rem 1.2rem; box-shadow:var(--shadow-sm); display:flex; align-items:center; justify-content:space-between; transition:transform .22s var(--ease), border-color .22s ease }
.afc-cart .tld:hover{ transform:translateY(-5px); border-color:var(--brand-b) }
.afc-cart .tld .tn{ display:flex; align-items:center; gap:.5rem } .afc-cart .tld .tn .ic-svg{ width:18px;height:18px; color:var(--brand-b) }
.afc-cart .tld b{ font-family:var(--disp); font-size:1.15rem; color:var(--ink); direction:ltr }
.afc-cart .tld span{ font-weight:700; color:var(--brand); font-size:.92rem }

/* ---------- FAQ ---------- */
.afc-cart .faq{ max-width:760px; margin:0 auto; display:grid; gap:.8rem }
.afc-cart .faq details{ background:#fff; border:2px solid var(--line); border-radius:18px; padding:.4rem 1.2rem; box-shadow:var(--shadow-sm) }
.afc-cart .faq summary{ font-family:var(--disp); font-weight:700; color:var(--ink); cursor:pointer; list-style:none; padding:.8rem 0; display:flex; justify-content:space-between; align-items:center; gap:1rem }
.afc-cart .faq summary::-webkit-details-marker{ display:none }
.afc-cart .faq summary .ic-svg{ width:20px;height:20px; color:var(--brand); flex:none; transition:transform .25s var(--ease) }
.afc-cart .faq details[open] summary .ic-svg{ transform:rotate(180deg) }
.afc-cart .faq p{ margin:0 0 1rem; font-size:.94rem; color:var(--muted) }

/* ---------- CTA ---------- */
.afc-cart .ctaband{ position:relative; z-index:1; padding-block:16px 60px }
.afc-cart .ctaband-in{ background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); border-radius:30px; padding:2.8rem 2rem; text-align:center; color:#fff; box-shadow:var(--shadow); position:relative; overflow:hidden }
.afc-cart .ctaband-in h2{ color:#fff; font-size:2rem; display:inline-flex; align-items:center; gap:.5rem } .afc-cart .ctaband-in h2 .ic-svg{ width:26px;height:26px }
.afc-cart .ctaband-in p{ color:rgba(255,255,255,.9); margin:.5rem 0 1.4rem }

/* ---------- Footer ---------- */
.afc-cart .foot{ position:relative; z-index:1; background:#fff; border-top:2px dashed var(--line) }
.afc-cart .foot-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:1.6rem; padding-block:44px 30px } @media(max-width:820px){ .afc-cart .foot-grid{ grid-template-columns:1fr 1fr } } @media(max-width:480px){ .afc-cart .foot-grid{ grid-template-columns:1fr } }
.afc-cart .foot h4{ font-size:1rem; margin-bottom:.9rem; color:var(--ink) }
.afc-cart .foot .fcol a{ display:block; color:var(--muted); font-size:.92rem; padding:.28rem 0; transition:color .15s } .afc-cart .foot .fcol a:hover{ color:var(--brand) }
.afc-cart .foot .brand{ margin-bottom:.8rem } .afc-cart .foot .brand-logo{ height:36px }
.afc-cart .foot .desc{ color:var(--muted); font-size:.92rem; max-width:34ch }
.afc-cart .foot .social{ display:flex; gap:.5rem; margin-top:1rem } .afc-cart .foot .social a{ width:42px;height:42px;border-radius:12px; background:var(--tint); display:grid; place-items:center; color:var(--brand); transition:.2s var(--ease) } .afc-cart .foot .social a .ic-svg{ width:20px;height:20px } .afc-cart .foot .social a:hover{ transform:translateY(-3px) rotate(-4deg); background:var(--tint2) }
.afc-cart .foot-bar{ border-top:2px dashed var(--line); padding-block:18px; text-align:center; color:var(--faint); font-weight:600; font-size:.85rem }

@media (prefers-reduced-motion:reduce){ .afc-cart *{animation:none!important} .afc-cart .reveal{opacity:1!important;transform:none!important;transition:none!important} #loader{transition:opacity .3s ease} }

/* window traffic-light dots on the left (like a real browser) */
.afc-cart .win-bar{ direction:ltr }
.afc-cart .win-url{ direction:ltr }
/* domain section CTA */
.afc-cart .dom-cta{ text-align:center; margin-top:2.2rem; position:relative; z-index:1 }

/* ===== Cartoon skin for the REAL header + footer (keeps mega menu & eNamad) ===== */
body.afc-cart .afc-hdr{ background:rgba(248,250,255,.92) !important; border-bottom:2px dashed var(--line) !important; -webkit-backdrop-filter:blur(10px) !important; backdrop-filter:blur(10px) !important; box-shadow:0 6px 22px -18px rgba(15,36,80,.3) !important; position:sticky; z-index:300 }
body.afc-cart .afc-hdr .afc-brand, body.afc-cart .afc-hdr .afc-brand b{ color:var(--ink) !important }
body.afc-cart .afc-hdr .afc-brand img{ filter:none !important }
body.afc-cart .afc-hdr .afc-nav-link{ color:var(--ink2) !important }
body.afc-cart .afc-hdr .afc-nav-link:hover{ color:var(--brand) !important; background:var(--tint) !important }
body.afc-cart .afc-hdr .afc-burger{ color:var(--ink) !important; background:#fff !important; border:2px solid var(--line) !important }
/* mega menu: visible panel, dark text, above everything */
body.afc-cart .afc-mega{ z-index:400 !important }
body.afc-cart .afc-menu-panel{ background:#fff !important; border:2px solid var(--line) !important; border-radius:22px !important; box-shadow:0 34px 70px -26px rgba(15,36,80,.45) !important; color:var(--ink) !important }
body.afc-cart .afc-menu-links{ background:#fff !important }
body.afc-cart .afc-menu-group h4{ color:var(--faint) !important; font-family:'Baloo Bhaijaan 2',var(--body) !important }
body.afc-cart .afc-menu-item .t{ color:var(--ink) !important; font-weight:700 }
body.afc-cart .afc-menu-item .d{ color:var(--muted) !important }
body.afc-cart .afc-menu-item:hover{ background:var(--tint) !important }
body.afc-cart .afc-menu-promo, body.afc-cart .afc-menu-promo h3, body.afc-cart .afc-menu-promo p, body.afc-cart .afc-menu-promo *{ color:#fff !important }
body.afc-cart .afc-menu-promo{ background:linear-gradient(160deg,var(--brand-d),var(--violet)) !important }
body.afc-cart .afc-brand{ font-family:'Baloo Bhaijaan 2',var(--body) !important }
body.afc-cart .afc-nav-link{ font-family:'Baloo Bhaijaan 2',var(--body) !important; border-radius:12px; transition:color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease) }
body.afc-cart .afc-nav-link:hover{ color:var(--brand) !important; background:var(--tint); transform:translateY(-2px) }
body.afc-cart .afc-hdr .afc-btn{ font-family:'Baloo Bhaijaan 2',var(--body) !important; border-radius:14px !important; transition:transform .2s var(--ease), box-shadow .2s ease }
body.afc-cart .afc-hdr .afc-btn--primary{ background:linear-gradient(135deg,var(--brand-d),var(--brand)) !important; color:#fff !important; box-shadow:0 7px 0 -1px rgba(29,78,216,.4) !important }
body.afc-cart .afc-hdr .afc-btn--primary:hover{ transform:translateY(-2px) rotate(-1deg) }
body.afc-cart .afc-burger{ border-radius:12px !important; border:2px solid var(--line) !important }
/* mega menu panel → cartoon */
body.afc-cart .afc-menu-panel{ border-radius:22px !important; border:2px solid var(--line) !important; box-shadow:var(--shadow) !important; overflow:hidden }
body.afc-cart .afc-menu-item{ border-radius:14px !important }
body.afc-cart .afc-menu-item:hover{ background:var(--tint) !important }
body.afc-cart .afc-menu-promo{ border-radius:0 !important }
body.afc-cart .afc-menu-group h4{ font-family:'Baloo Bhaijaan 2',var(--body) !important }
/* footer → cartoon */
body.afc-cart .afc-ftr{ background:#fff !important; border-top:2px dashed var(--line) !important }
body.afc-cart .afc-ftr h3, body.afc-cart .afc-ftr h4, body.afc-cart .afc-ftr h5, body.afc-cart .afc-ftr h6{ font-family:'Baloo Bhaijaan 2',var(--body) !important; color:var(--ink) !important }
body.afc-cart .afc-ftr a:hover{ color:var(--brand) !important }
body.afc-cart .afc-seal{ border-radius:14px !important; overflow:hidden }
body.afc-cart .afc-ftr .afc-btn{ border-radius:14px !important; font-family:'Baloo Bhaijaan 2',var(--body) !important }

/* ===== Cartoon footer with real data ===== */
.afc-cart .foot{ position:relative; z-index:1; background:#fff; border-top:2px dashed var(--line); margin-top:40px }
.afc-cart .foot-support{ background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); color:#fff }
.afc-cart .foot-support-in{ display:flex; align-items:center; justify-content:space-between; gap:1.2rem; flex-wrap:wrap; padding-block:1.1rem }
.afc-cart .fs-id{ display:flex; align-items:center; gap:.8rem }
.afc-cart .fs-icon{ width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:rgba(255,255,255,.18) } .afc-cart .fs-icon .ic-svg{ width:24px; height:24px; color:#fff }
.afc-cart .fs-id h5{ margin:0; font-family:var(--disp); font-weight:800; color:#fff; font-size:1rem } .afc-cart .fs-id p{ margin:0; font-size:.85rem; color:rgba(255,255,255,.85) }
.afc-cart .fs-chan{ display:flex; gap:.6rem; flex-wrap:wrap }
.afc-cart .fs-chan a{ display:inline-flex; align-items:center; gap:.4rem; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); color:#fff; padding:.5rem 1rem; border-radius:999px; font-weight:700; font-size:.85rem; font-family:var(--disp); transition:transform .2s var(--ease), background .2s ease } .afc-cart .fs-chan a .ic-svg{ width:17px; height:17px } .afc-cart .fs-chan a:hover{ background:rgba(255,255,255,.28); transform:translateY(-2px) }
.afc-cart .foot-grid{ display:grid; grid-template-columns:1.7fr 1fr 1fr 1.1fr; gap:1.6rem; padding-block:40px 26px } @media(max-width:820px){ .afc-cart .foot-grid{ grid-template-columns:1fr 1fr } } @media(max-width:480px){ .afc-cart .foot-grid{ grid-template-columns:1fr } }
.afc-cart .foot h4{ font-family:var(--disp); font-size:1rem; color:var(--ink); margin:0 0 .9rem }
.afc-cart .foot .fcol ul{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem }
.afc-cart .foot .fcol a{ color:var(--muted); font-size:.92rem; transition:color .15s; display:inline-block } .afc-cart .foot .fcol a:hover{ color:var(--brand) }
.afc-cart .fcol-brand .desc{ color:var(--muted); font-size:.92rem; margin:.6rem 0 1rem; max-width:36ch }
.afc-cart .foot-news{ display:flex; gap:.5rem; margin-bottom:1rem }
.afc-cart .foot-news input{ flex:1; min-width:0; border:2px solid var(--line); border-radius:14px; padding:.6rem .9rem; font-family:var(--body); outline:none; color:var(--ink) } .afc-cart .foot-news input:focus{ border-color:var(--brand-b); box-shadow:0 0 0 4px rgba(59,130,246,.15) }
.afc-cart .foot-news .btn{ padding:.6rem 1.2rem }
.afc-cart .foot .social{ display:flex; gap:.5rem } .afc-cart .foot .social a{ width:40px; height:40px; border-radius:12px; background:var(--tint); display:grid; place-items:center; color:var(--brand); transition:transform .2s var(--ease), background .2s ease } .afc-cart .foot .social a .ic-svg{ width:20px; height:20px } .afc-cart .foot .social a:hover{ transform:translateY(-3px) rotate(-4deg); background:var(--tint2) }
.afc-cart .fcol-seals .seals{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:flex-start } .afc-cart .fcol-seals .seal{ background:#fff; border:2px solid var(--line); border-radius:14px; padding:.4rem; overflow:hidden } .afc-cart .fcol-seals .seal img{ max-width:92px; height:auto; display:block }
.afc-cart .foot-bar{ border-top:2px dashed var(--line); padding-block:16px; text-align:center; color:var(--faint); font-weight:600; font-size:.85rem }

/* ===== Cartoon mega menu — animated + playful (keeps afc structure) ===== */
body.afc-cart .afc-mega{ transition:opacity .25s ease, transform .32s var(--ease), visibility .25s ease !important; transform:translateY(14px) scale(.98) !important; opacity:0 }
body.afc-cart .afc-nav > li:hover .afc-mega, body.afc-cart .afc-nav > li:focus-within .afc-mega{ transform:translateY(0) scale(1) !important; opacity:1 !important; visibility:visible !important }
body.afc-cart .afc-menu-panel{ background:#fff !important; border:2px solid var(--line) !important; border-radius:24px !important; box-shadow:0 34px 70px -26px rgba(15,36,80,.45) !important; overflow:hidden }
body.afc-cart .afc-menu-links{ background:#fff !important }
body.afc-cart .afc-menu-group h4{ font-family:'Baloo Bhaijaan 2',var(--body) !important; color:var(--faint) !important; letter-spacing:.04em }
body.afc-cart .afc-menu-item{ border-radius:16px !important; transition:background .2s ease, transform .22s var(--ease) !important }
body.afc-cart .afc-menu-item:hover{ background:var(--tint) !important; transform:translateY(-3px) }
body.afc-cart .afc-menu-item .t{ font-family:'Baloo Bhaijaan 2',var(--body) !important; color:var(--ink) !important; font-weight:700 }
body.afc-cart .afc-menu-item:hover .t{ color:var(--brand) !important }
body.afc-cart .afc-menu-item .d{ color:var(--muted) !important }
body.afc-cart .afc-itile{ border-radius:14px !important; transition:transform .25s var(--ease) !important }
body.afc-cart .afc-menu-item:hover .afc-itile{ transform:scale(1.14) rotate(-7deg) }
body.afc-cart .afc-menu-promo{ background:linear-gradient(160deg,var(--brand-d),var(--violet)) !important; border-radius:0 !important }
body.afc-cart .afc-menu-promo, body.afc-cart .afc-menu-promo *{ color:#fff !important }
body.afc-cart .afc-menu-promo .afc-btn{ background:#fff !important; color:var(--brand-d) !important; border-radius:14px !important }
/* chevron on the parent nav item rotates when open */
body.afc-cart .afc-nav-link .fa-chevron-down{ transition:transform .25s var(--ease) }
body.afc-cart .afc-nav > li:hover .afc-nav-link .fa-chevron-down{ transform:rotate(180deg) }

/* ============================================================================
 * Cartoon inner pages (About / Contact) — native, galaxy background
 * ==========================================================================*/
.afc-cart .pagehero{ position:relative; z-index:1; padding-block:66px 30px; text-align:center }
.afc-cart .pagehero .eyebrow{ margin-bottom:1.1rem }
.afc-cart .pagehero .hsub{ max-width:60ch; margin-inline:auto }

/* section sub-heading used inside story */
.afc-cart .sec-h2{ font-size:clamp(1.7rem,1.3rem+1.3vw,2.2rem); font-weight:800; margin:0 0 1rem; text-wrap:balance }
.afc-cart .sec-h2 span{ color:var(--brand); position:relative; white-space:nowrap }
.afc-cart .sec-h2 span::after{ content:""; position:absolute; inset-inline:0; bottom:.04em; height:.22em; background:var(--brand-b); opacity:.26; border-radius:99px; z-index:-1 }

/* ---- About: story ---- */
.afc-cart .story-wrap{ display:grid; grid-template-columns:1.25fr .9fr; gap:1.8rem; align-items:start }
@media(max-width:860px){ .afc-cart .story-wrap{ grid-template-columns:1fr } }
.afc-cart .story-txt{ background:#fff; border:2px solid var(--line); border-radius:26px; padding:1.9rem; box-shadow:var(--shadow-sm) }
.afc-cart .story-txt p{ margin:0 0 1rem; color:var(--ink2) } .afc-cart .story-txt p:last-child{ margin-bottom:0 } .afc-cart .story-txt b{ color:var(--ink) }
.afc-cart .story-facts{ display:grid; gap:.9rem }
.afc-cart .fact{ display:flex; align-items:center; gap:.9rem; background:#fff; border:2px solid var(--line); border-radius:20px; padding:1rem 1.1rem; box-shadow:var(--shadow-sm); transition:transform .22s var(--ease), border-color .22s ease }
.afc-cart .fact:hover{ transform:translateY(-4px) rotate(-1deg); border-color:var(--brand-b) }
.afc-cart .fact .ic{ width:48px;height:48px;border-radius:14px; display:grid; place-items:center; background:var(--tint); color:var(--brand); flex:none } .afc-cart .fact .ic .ic-svg{ width:24px;height:24px }
.afc-cart .fact:nth-child(2) .ic{ background:#e6f7ff; color:var(--sky) } .afc-cart .fact:nth-child(3) .ic{ background:#eafaf1; color:var(--mint) } .afc-cart .fact:nth-child(4) .ic{ background:#eef0ff; color:var(--violet) }
.afc-cart .fact b{ display:block; font-family:var(--disp); color:var(--ink); font-size:1rem } .afc-cart .fact span{ font-size:.88rem; color:var(--muted) }

/* ---- About: CTA band buttons ---- */
.afc-cart .ctaband-btns{ display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center; margin-top:.4rem }
.afc-cart .btn-ghost{ background:rgba(255,255,255,.14); color:#fff; border:2px solid rgba(255,255,255,.4) } .afc-cart .btn-ghost:hover{ transform:translateY(-3px); background:rgba(255,255,255,.22) }

/* ---- Contact ---- */
.afc-cart .contact-wrap{ display:grid; grid-template-columns:.9fr 1.15fr; gap:1.6rem; align-items:start }
@media(max-width:860px){ .afc-cart .contact-wrap{ grid-template-columns:1fr } }
.afc-cart .contact-info{ background:linear-gradient(160deg,var(--brand-d),var(--violet)); color:#fff; border-radius:28px; padding:2rem 1.8rem; box-shadow:var(--shadow); position:relative; overflow:hidden }
.afc-cart .contact-info::after{ content:""; position:absolute; width:220px;height:220px; border-radius:50%; background:rgba(255,255,255,.1); top:-80px; inset-inline-start:-60px }
.afc-cart .contact-info h3{ color:#fff; font-size:1.3rem; display:flex; align-items:center; gap:.5rem; margin-bottom:.6rem; position:relative } .afc-cart .contact-info h3 .ic-svg{ width:22px;height:22px }
.afc-cart .contact-info > p{ color:rgba(255,255,255,.85); font-size:.92rem; margin:0 0 1.4rem; position:relative }
.afc-cart .cinfo-list{ list-style:none; margin:0 0 1.4rem; padding:0; display:grid; gap:1rem; position:relative }
.afc-cart .cinfo-list li{ display:flex; align-items:center; gap:.85rem }
.afc-cart .cinfo-list .ic{ width:44px;height:44px;border-radius:13px; display:grid; place-items:center; background:rgba(255,255,255,.16); flex:none } .afc-cart .cinfo-list .ic .ic-svg{ width:21px;height:21px; color:#fff }
.afc-cart .cinfo-list b{ display:block; font-family:var(--disp); font-size:.82rem; color:rgba(255,255,255,.72); font-weight:700 }
.afc-cart .cinfo-list a, .afc-cart .cinfo-list span{ color:#fff; font-weight:700; font-size:.98rem } .afc-cart .cinfo-list a:hover{ text-decoration:underline }
.afc-cart .cinfo-social{ display:flex; gap:.6rem; position:relative } .afc-cart .cinfo-social a{ width:44px;height:44px;border-radius:13px; background:rgba(255,255,255,.16); display:grid; place-items:center; color:#fff; transition:transform .2s var(--ease), background .2s ease } .afc-cart .cinfo-social a .ic-svg{ width:21px;height:21px } .afc-cart .cinfo-social a:hover{ transform:translateY(-3px) rotate(-5deg); background:rgba(255,255,255,.3) }
.afc-cart .contact-form{ background:#fff; border:2px solid var(--line); border-radius:28px; padding:2rem 1.8rem; box-shadow:var(--shadow) }
.afc-cart .contact-form h2{ font-size:1.5rem; display:flex; align-items:center; gap:.5rem; margin-bottom:1.3rem } .afc-cart .contact-form h2 .ic-svg{ width:24px;height:24px; color:var(--brand) }
.afc-cart .cform{ display:grid; gap:1.1rem }
.afc-cart .cform-row2{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem } @media(max-width:520px){ .afc-cart .cform-row2{ grid-template-columns:1fr } }
.afc-cart .cfield{ display:grid; gap:.4rem }
.afc-cart .cfield label{ font-family:var(--disp); font-weight:700; font-size:.9rem; color:var(--ink) }
.afc-cart .cfield input, .afc-cart .cfield select, .afc-cart .cfield textarea{ font-family:var(--body); font-size:.98rem; color:var(--ink); background:#f8fbff; border:2px solid var(--line); border-radius:15px; padding:.8rem 1rem; outline:none; transition:border-color .2s ease, box-shadow .2s ease; width:100% }
.afc-cart .cfield textarea{ resize:vertical; min-height:120px }
.afc-cart .cfield input:focus, .afc-cart .cfield select:focus, .afc-cart .cfield textarea:focus{ border-color:var(--brand-b); box-shadow:0 0 0 4px rgba(59,130,246,.15); background:#fff }
.afc-cart .btn-block{ width:100% }

/* ---- Domain page ---- */
.afc-cart .dom-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.6rem }
.afc-cart .dom-filter{ display:flex; align-items:center; gap:.5rem; background:#fff; border:2px solid var(--line); border-radius:16px; padding:.55rem .9rem; min-width:min(100%,20rem); box-shadow:var(--shadow-sm) }
.afc-cart .dom-filter:focus-within{ border-color:var(--brand-b); box-shadow:0 0 0 4px rgba(59,130,246,.15) }
.afc-cart .dom-filter .ic-svg{ width:18px; height:18px; color:var(--brand-b); flex:none }
.afc-cart .dom-filter input{ border:none; outline:none; background:transparent; font-family:var(--body); font-size:.95rem; color:var(--ink); width:100% }
.afc-cart .dom-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; position:relative } @media(max-width:1000px){ .afc-cart .dom-grid{ grid-template-columns:repeat(3,1fr) } } @media(max-width:720px){ .afc-cart .dom-grid{ grid-template-columns:1fr 1fr } } @media(max-width:460px){ .afc-cart .dom-grid{ grid-template-columns:1fr } }
.afc-cart .dom-card{ background:#fff; border:2px solid var(--line); border-radius:22px; padding:1.3rem; box-shadow:var(--shadow-sm); transition:transform .25s var(--ease), box-shadow .25s ease, border-color .25s ease }
.afc-cart .dom-card:hover{ transform:translateY(-6px) rotate(-1deg); box-shadow:var(--shadow); border-color:var(--brand-b) }
.afc-cart .dc-top{ display:flex; align-items:center; gap:.5rem; margin-bottom:.8rem }
.afc-cart .dc-ic{ width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--tint); color:var(--brand); flex:none } .afc-cart .dc-ic .ic-svg{ width:21px; height:21px }
.afc-cart .dc-top b{ font-family:var(--disp); font-size:1.25rem; color:var(--ink); direction:ltr }
.afc-cart .dc-badge{ margin-inline-start:auto; font-family:var(--disp); font-weight:700; font-size:.72rem; padding:.22rem .7rem; border-radius:999px }
.afc-cart .dc-badge--ok{ background:#eafaf1; color:var(--mint) }
.afc-cart .dc-badge--warn{ background:#fff4e5; color:#d97706 }
.afc-cart .dc-badge--special{ background:var(--tint); color:var(--brand-d) }
.afc-cart .dc-price{ font-family:var(--disp); font-weight:800; color:var(--brand); font-size:1.5rem; line-height:1; margin-bottom:1rem } .afc-cart .dc-price small{ font-size:.72rem; color:var(--muted); font-weight:600 }
.afc-cart .btn-sm{ padding:.6rem 1rem; font-size:.9rem; border-radius:13px }
.afc-cart .dom-empty{ grid-column:1/-1; text-align:center; color:var(--muted); font-weight:600; background:#fff; border:2px dashed var(--line); border-radius:18px; padding:2.4rem }
.afc-cart .dom-note{ display:flex; gap:1.4rem; flex-wrap:wrap; justify-content:center; margin-top:1.6rem; color:var(--muted); font-size:.9rem; font-weight:600 }
.afc-cart .dom-note span{ display:inline-flex; align-items:center; gap:.45rem } .afc-cart .dom-note .ic-svg{ width:17px; height:17px; color:var(--brand-b) }

/* ---- VPS hub: hero points + location chooser ---- */
.afc-cart .hero-points{ display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center; margin-top:1.6rem }
.afc-cart .hero-points span{ display:inline-flex; align-items:center; gap:.5rem; background:#fff; border:2px solid var(--line); border-radius:999px; padding:.5rem 1.1rem; font-size:.88rem; font-weight:700; color:var(--ink2); box-shadow:var(--shadow-sm) } .afc-cart .hero-points .ic-svg{ width:17px; height:17px; color:var(--brand) }
.afc-cart .loc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem } @media(max-width:860px){ .afc-cart .loc-grid{ grid-template-columns:1fr } }
.afc-cart .loc-card{ position:relative; display:block; background:#fff; border:2px solid var(--line); border-radius:26px; padding:2rem 1.7rem; box-shadow:var(--shadow-sm); transition:transform .28s var(--ease), box-shadow .28s ease, border-color .28s ease; overflow:hidden }
.afc-cart .loc-card:hover{ transform:translateY(-10px) rotate(-1deg); box-shadow:var(--shadow); border-color:var(--brand-b) }
.afc-cart .loc-card::before{ content:""; position:absolute; inset-inline-end:-40px; top:-40px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(79,139,255,.14),transparent 70%); transition:transform .4s var(--ease) }
.afc-cart .loc-card:hover::before{ transform:scale(1.5) }
.afc-cart .loc-badge{ position:absolute; top:1.1rem; inset-inline-start:1.1rem; font-family:var(--disp); font-weight:700; font-size:.72rem; background:var(--tint); color:var(--brand-d); padding:.25rem .8rem; border-radius:999px }
.afc-cart .loc-ic{ width:72px; height:72px; border-radius:22px; display:grid; place-items:center; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); color:#fff; box-shadow:0 10px 0 -3px rgba(29,78,216,.3); margin-bottom:1.1rem; position:relative } .afc-cart .loc-ic .ic-svg{ width:36px; height:36px }
.afc-cart .loc-card:hover .loc-ic{ transform:scale(1.08) rotate(-6deg); transition:transform .3s var(--ease) }
.afc-cart .loc-card h3{ font-size:1.35rem; margin-bottom:.5rem }
.afc-cart .loc-tag{ display:inline-flex; align-items:center; gap:.4rem; font-weight:700; font-size:.85rem; color:var(--brand); background:var(--tint); border-radius:999px; padding:.3rem .8rem; margin-bottom:.8rem } .afc-cart .loc-tag .ic-svg{ width:15px; height:15px }
.afc-cart .loc-card p{ margin:0 0 1.2rem; color:var(--muted); font-size:.92rem }
.afc-cart .loc-go{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--disp); font-weight:700; color:var(--brand-d) } .afc-cart .loc-go .ic-svg{ width:18px; height:18px; transition:transform .25s var(--ease) }
.afc-cart .loc-card:hover .loc-go .ic-svg{ transform:translateX(-4px) }
.afc-cart .loc-card.is-soon{ opacity:.7; cursor:not-allowed } .afc-cart .loc-card.is-soon:hover{ transform:none; border-color:var(--line); box-shadow:var(--shadow-sm) } .afc-cart .loc-card.is-soon .loc-ic{ background:linear-gradient(135deg,#9aa3c4,#c3cbe6); box-shadow:none }

/* ---- VPS location page ---- */
.afc-cart .loc-back{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--disp); font-weight:700; font-size:.88rem; color:var(--brand-d); background:#fff; border:2px solid var(--line); border-radius:999px; padding:.4rem 1rem; margin-bottom:1.2rem; box-shadow:var(--shadow-sm); transition:transform .2s var(--ease) } .afc-cart .loc-back:hover{ transform:translateY(-2px); color:var(--brand) } .afc-cart .loc-back .ic-svg{ width:16px; height:16px }
.afc-cart .loc-hero-ic{ width:88px; height:88px; margin:0 auto 1.1rem; border-radius:26px; display:grid; place-items:center; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); color:#fff; box-shadow:0 13px 0 -3px rgba(29,78,216,.32); animation:bob 4s ease-in-out infinite } .afc-cart .loc-hero-ic .ic-svg{ width:44px; height:44px }
.afc-cart .loc-facts{ display:flex; gap:.9rem; flex-wrap:wrap; justify-content:center; margin-top:1.8rem }
.afc-cart .loc-fact{ display:flex; align-items:center; gap:.7rem; background:#fff; border:2px solid var(--line); border-radius:18px; padding:.7rem 1.1rem; box-shadow:var(--shadow-sm); text-align:start }
.afc-cart .loc-fact .ic{ width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--tint); color:var(--brand); flex:none } .afc-cart .loc-fact .ic .ic-svg{ width:21px; height:21px }
.afc-cart .loc-fact b{ display:block; font-family:var(--disp); font-size:.92rem; color:var(--ink) } .afc-cart .loc-fact span{ font-size:.82rem; color:var(--muted) }
.afc-cart .soon-box{ text-align:center; max-width:40rem; margin:0 auto; background:#fff; border:2px dashed var(--line); border-radius:28px; padding:3rem 2rem; box-shadow:var(--shadow-sm) }
.afc-cart .soon-box .ic{ width:72px; height:72px; margin:0 auto 1.1rem; border-radius:50%; display:grid; place-items:center; background:var(--tint); color:var(--brand) } .afc-cart .soon-box .ic .ic-svg{ width:36px; height:36px; animation:spin 5s linear infinite }
.afc-cart .soon-box h2{ font-size:1.6rem; margin-bottom:.6rem } .afc-cart .soon-box p{ color:var(--muted); margin:0 auto 1.4rem; max-width:40ch }

/* ---- Location flags (fill the rounded icon tile) ---- */
.afc-cart .flag{ width:100%; height:100%; display:block }
.afc-cart .loc-ic.loc-flag, .afc-cart .loc-hero-ic.loc-flag{ background:#fff; padding:0; overflow:hidden; border:2px solid var(--line); box-shadow:0 10px 0 -4px rgba(29,78,216,.14) }
.afc-cart .loc-card:hover .loc-ic.loc-flag{ transform:scale(1.06) rotate(-4deg) }
.afc-cart .loc-card.is-soon .loc-ic.loc-flag{ filter:grayscale(.55); opacity:.85 }

/* ---- Cartoon «coming soon» hero ---- */
.afc-cart .soon-hero{ position:relative; width:150px; height:150px; margin:0 auto 1.4rem }
.afc-cart .soon-ic{ position:absolute; inset:27px; border-radius:30px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); box-shadow:0 14px 0 -3px rgba(29,78,216,.32); animation:bob 4s ease-in-out infinite } .afc-cart .soon-ic .ic-svg{ width:46px; height:46px }
.afc-cart .soon-orbit{ position:absolute; inset:0; animation:spin 14s linear infinite }
.afc-cart .soon-orbit i{ position:absolute; width:14px; height:14px; border-radius:50%; background:var(--brand-b); box-shadow:0 2px 0 -1px rgba(29,78,216,.4) }
.afc-cart .soon-orbit i:nth-child(1){ top:0; left:50%; margin-left:-7px; background:var(--brand) }
.afc-cart .soon-orbit i:nth-child(2){ bottom:8px; left:10px; background:var(--violet); width:11px; height:11px }
.afc-cart .soon-orbit i:nth-child(3){ bottom:8px; right:10px; background:var(--sky); width:10px; height:10px }
.afc-cart .soon-pill{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--disp); font-weight:700; font-size:.85rem; color:var(--brand-d); background:#fff; border:2px solid var(--tint); padding:.4rem 1.1rem; border-radius:999px; box-shadow:var(--shadow-sm); margin-bottom:1.1rem } .afc-cart .soon-pill .ic-svg{ width:16px; height:16px; color:var(--brand); animation:spin 5s linear infinite }
.afc-cart a.tile{ color:inherit; text-decoration:none }

/* ---- «coming soon»: blur the real page, centered cartoon card on top ---- */
.afc-cart .soon-stage{ position:relative; z-index:1; min-height:70vh }
.afc-cart .soon-blur{ filter:blur(7px); opacity:.5; pointer-events:none; user-select:none; -webkit-user-select:none }
.afc-cart .soon-overlay{ position:fixed; inset:0; display:grid; place-items:center; z-index:20; padding:24px; pointer-events:none }
.afc-cart .soon-card{ pointer-events:auto; text-align:center; max-width:460px; width:100%; background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:2px solid var(--line); border-radius:30px; padding:2.4rem 2rem; box-shadow:0 34px 70px -26px rgba(15,36,80,.5) }
.afc-cart .soon-card .soon-hero{ width:132px; height:132px; margin:0 auto 1.1rem }
.afc-cart .soon-card .soon-ic{ inset:24px } .afc-cart .soon-card .soon-ic .ic-svg{ width:40px; height:40px }
.afc-cart .soon-card h2{ font-size:1.7rem; margin:.2rem 0 .5rem }
.afc-cart .soon-card p{ color:var(--muted); margin:0 0 1.5rem }
.afc-cart .soon-card-btns{ display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center }
@media(max-width:600px){ .afc-cart .soon-card{ padding:2rem 1.3rem } .afc-cart .soon-card-btns .btn{ width:100% } }

/* ============================================================================
 * Cartoon error / blog / single / page
 * ==========================================================================*/
/* ---- Error screen ---- */
.afc-cart .err-code{ display:inline-flex; align-items:center; gap:.7rem; margin-bottom:.6rem }
.afc-cart .err-code b{ font-family:var(--disp); font-size:clamp(3.4rem,2.2rem + 6vw,6rem); font-weight:800; line-height:1; color:var(--brand); letter-spacing:-.02em }
.afc-cart .err-ic{ width:64px; height:64px; border-radius:20px; display:grid; place-items:center; background:linear-gradient(135deg,var(--brand-d),var(--brand-b)); color:#fff; box-shadow:0 11px 0 -3px rgba(29,78,216,.3); animation:bob 4s ease-in-out infinite } .afc-cart .err-ic .ic-svg{ width:32px; height:32px }

/* ---- Blog listing ---- */
.afc-cart .blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem } @media(max-width:900px){ .afc-cart .blog-grid{ grid-template-columns:1fr 1fr } } @media(max-width:600px){ .afc-cart .blog-grid{ grid-template-columns:1fr } }
.afc-cart .post-card{ background:#fff; border:2px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; transition:transform .28s var(--ease), box-shadow .28s ease, border-color .28s ease }
.afc-cart .post-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow); border-color:var(--brand-b) }
.afc-cart .pc-thumb{ display:block; aspect-ratio:16/9; overflow:hidden; background:var(--tint); position:relative } .afc-cart .pc-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s var(--ease) } .afc-cart .post-card:hover .pc-thumb img{ transform:scale(1.06) }
.afc-cart .pc-ph{ position:absolute; inset:0; display:grid; place-items:center; color:var(--brand-b) } .afc-cart .pc-ph .ic-svg{ width:48px; height:48px }
.afc-cart .pc-body{ padding:1.3rem; display:flex; flex-direction:column; gap:.6rem; flex:1 }
.afc-cart .pc-cat{ align-self:flex-start; font-family:var(--disp); font-weight:700; font-size:.74rem; color:var(--brand-d); background:var(--tint); padding:.25rem .8rem; border-radius:999px }
.afc-cart .pc-body h3{ font-size:1.12rem; line-height:1.5; margin:0 } .afc-cart .pc-body h3 a:hover{ color:var(--brand) }
.afc-cart .pc-body p{ margin:0; color:var(--muted); font-size:.92rem; flex:1 }
.afc-cart .pc-foot{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:.4rem; padding-top:.9rem; border-top:2px dashed var(--line) }
.afc-cart .pc-date{ display:inline-flex; align-items:center; gap:.4rem; font-size:.82rem; color:var(--faint); font-weight:600 } .afc-cart .pc-date .ic-svg{ width:15px; height:15px }
.afc-cart .pc-more{ display:inline-flex; align-items:center; gap:.3rem; font-family:var(--disp); font-weight:700; font-size:.88rem; color:var(--brand-d) } .afc-cart .pc-more .ic-svg{ width:16px; height:16px; transition:transform .25s var(--ease) } .afc-cart .post-card:hover .pc-more .ic-svg{ transform:translateX(-3px) }
.afc-cart .blog-pager{ margin-top:2.4rem; text-align:center }
.afc-cart .blog-pager .page-numbers{ display:inline-grid; place-items:center; min-width:44px; height:44px; padding:0 .6rem; margin:.2rem; border-radius:14px; border:2px solid var(--line); background:#fff; color:var(--ink2); font-family:var(--disp); font-weight:700; box-shadow:var(--shadow-sm); transition:.2s var(--ease) }
.afc-cart .blog-pager a.page-numbers:hover{ transform:translateY(-3px); border-color:var(--brand-b); color:var(--brand) }
.afc-cart .blog-pager .page-numbers.current{ background:linear-gradient(135deg,var(--brand-d),var(--brand)); color:#fff; border-color:transparent }
.afc-cart .blog-pager .screen-reader-text{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0) }
.afc-cart .blog-empty{ text-align:center; max-width:34rem; margin:0 auto; background:#fff; border:2px dashed var(--line); border-radius:26px; padding:3rem 2rem; box-shadow:var(--shadow-sm) }
.afc-cart .blog-empty .ic{ width:66px; height:66px; margin:0 auto 1rem; border-radius:50%; display:grid; place-items:center; background:var(--tint); color:var(--brand) } .afc-cart .blog-empty .ic .ic-svg{ width:32px; height:32px }
.afc-cart .blog-empty h2{ font-size:1.5rem; margin-bottom:.5rem } .afc-cart .blog-empty p{ color:var(--muted); margin:0 auto 1.3rem; max-width:40ch }

/* ---- Single / page ---- */
.afc-cart .pagehero--post{ padding-block:60px 24px }
.afc-cart .post-badge{ display:inline-block; font-family:var(--disp); font-weight:700; font-size:.78rem; color:var(--brand-d); background:#fff; border:2px solid var(--tint); padding:.3rem .9rem; border-radius:999px; margin-bottom:1rem; box-shadow:var(--shadow-sm) }
.afc-cart .post-meta{ display:flex; gap:1.2rem; flex-wrap:wrap; justify-content:center; margin-top:1rem; color:var(--muted); font-weight:600; font-size:.88rem }
.afc-cart .post-meta span{ display:inline-flex; align-items:center; gap:.4rem } .afc-cart .post-meta .ic-svg{ width:16px; height:16px; color:var(--brand-b) }
.afc-cart .post-wrap{ max-width:820px; margin:0 auto; background:#fff; border:2px solid var(--line); border-radius:30px; padding:2.2rem; box-shadow:var(--shadow-sm) } @media(max-width:600px){ .afc-cart .post-wrap{ padding:1.4rem } }
.afc-cart .post-cover{ border-radius:20px; overflow:hidden; margin-bottom:1.8rem; border:2px solid var(--line) } .afc-cart .post-cover img{ width:100%; height:auto; display:block }
.afc-cart .post-tags{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:2rem; padding-top:1.4rem; border-top:2px dashed var(--line) }
.afc-cart .post-tags a{ font-family:var(--disp); font-weight:700; font-size:.82rem; color:var(--brand-d); background:var(--tint); padding:.3rem .9rem; border-radius:999px; transition:.2s var(--ease) } .afc-cart .post-tags a:hover{ background:var(--tint2); transform:translateY(-2px) }
.afc-cart .post-cta{ max-width:820px; margin:1.8rem auto 0; display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center }
.afc-cart .post-comments{ max-width:820px; margin:2rem auto 0; background:#fff; border:2px solid var(--line); border-radius:24px; padding:1.8rem; box-shadow:var(--shadow-sm) }

/* ---- Prose (the_content) ---- */
.afc-cart .cart-prose{ color:var(--ink2); line-height:2.05; font-size:1.02rem; word-wrap:break-word }
.afc-cart .cart-prose > *:first-child{ margin-top:0 }
.afc-cart .cart-prose h2{ font-size:1.6rem; margin:2rem 0 .8rem; color:var(--ink) }
.afc-cart .cart-prose h3{ font-size:1.3rem; margin:1.6rem 0 .6rem; color:var(--ink) }
.afc-cart .cart-prose h4{ font-size:1.1rem; margin:1.3rem 0 .5rem; color:var(--ink) }
.afc-cart .cart-prose p{ margin:0 0 1.2rem }
.afc-cart .cart-prose a{ color:var(--brand); font-weight:600; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--tint2) } .afc-cart .cart-prose a:hover{ text-decoration-color:var(--brand) }
.afc-cart .cart-prose ul, .afc-cart .cart-prose ol{ margin:0 0 1.2rem; padding-inline-start:1.4rem; display:grid; gap:.5rem }
.afc-cart .cart-prose li{ padding-inline-start:.3rem }
.afc-cart .cart-prose ul li::marker{ color:var(--brand) }
.afc-cart .cart-prose img{ max-width:100%; height:auto; border-radius:18px; border:2px solid var(--line); display:block; margin:1.4rem auto }
.afc-cart .cart-prose blockquote{ margin:1.4rem 0; padding:1rem 1.3rem; background:var(--tint); border-inline-start:4px solid var(--brand-b); border-radius:0 16px 16px 0; color:var(--ink2) } .afc-cart .cart-prose blockquote p:last-child{ margin:0 }
.afc-cart .cart-prose code{ font-family:ui-monospace,Menlo,Consolas,monospace; background:var(--tint); color:var(--brand-d); padding:.12em .45em; border-radius:7px; font-size:.9em; direction:ltr; unicode-bidi:embed }
.afc-cart .cart-prose pre{ background:#0f2450; color:#dbe7ff; padding:1.1rem 1.3rem; border-radius:16px; overflow:auto; direction:ltr; margin:0 0 1.2rem } .afc-cart .cart-prose pre code{ background:none; color:inherit; padding:0 }
.afc-cart .cart-prose table{ width:100%; border-collapse:collapse; margin:0 0 1.2rem; border:2px solid var(--line); border-radius:14px; overflow:hidden }
.afc-cart .cart-prose th, .afc-cart .cart-prose td{ padding:.7rem 1rem; border-bottom:1px solid var(--line); text-align:start } .afc-cart .cart-prose th{ background:var(--tint); font-family:var(--disp) }
.afc-cart .cart-prose hr{ border:none; border-top:2px dashed var(--line); margin:1.8rem 0 }
.afc-cart .post-pages{ margin-top:1.4rem; color:var(--muted); font-weight:600 } .afc-cart .post-pages a{ color:var(--brand); padding:0 .3rem }