/*
Theme Name: Masscodeem Telecom Guide
Theme URI: https://example.com/
Author: OpenAI
Description: WordPress conversion of the uploaded Masscodeem static telecom website.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: masscodeem-telecom-guide
*/

/* ═══════════════════════════════════════════
   SIGNALBASE.ONLINE — Independent UK Mobile Guidance
   Direction inspired by O2.co.uk's genre: O2 Blue + White,
   mega-menu dropdown header, deal-card style hero & grids,
   tall promo banners, multi-column footer. Original content/brand.
   Type: Plus Jakarta Sans (display) + Inter (body)
   ═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --blue:#0019A5; --blue-d:#000F70; --blue-l:#EAEDFA; --blue-l2:#D6DCF5;
  --white:#FFFFFF; --grey:#F4F5F9; --grey2:#E9EBF2;
  --ink:#0B0E1A; --mid:#4A4F63; --muted:#8B8FA3; --line:#E2E4ED; --line-d:#CBCFDF;
  --ok:#1A8F4C; --warn:#B97A0F; --bad:#D8332B;
  --three:#A6006B; --o2:#0019A5; --ee:#3FA300; --tesco:#00539F; --voda:#D6004A; --sky:#0072CE; --idm:#262A3A; --cpw:#5C2D91;
  --fh:'Plus Jakarta Sans',sans-serif; --fb:'Inter',sans-serif;
  --mw:1280px; --gap:clamp(18px,4.5vw,64px); --sec:clamp(56px,7.5vw,96px);
  --r:14px; --rl:18px; --rx:24px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:var(--fb);border:none;background:none}
ul{list-style:none}
section{padding:var(--sec) var(--gap)}
.w{max-width:var(--mw);margin:0 auto;padding:0 var(--gap)}
.ws{max-width:860px;margin:0 auto;padding:0 var(--gap)}

/* ══ TOP UTILITY BAR — Personal/Business style ══ */
.tbar{background:var(--blue-d);color:rgba(255,255,255,0.85);font-size:0.78rem;padding:0 var(--gap);height:38px;display:flex;align-items:center;justify-content:space-between}
.tbar-l{display:flex;gap:4px}
.tbar-l a{padding:8px 12px;font-weight:600;border-radius:6px 6px 0 0}
.tbar-l a.on{background:var(--white);color:var(--blue-d)}
.tbar-r{display:flex;gap:18px;margin-left:auto;font-weight:600}
.tbar-r a:hover{text-decoration:underline}

/* ══ HEADER — mega-menu dropdown ══ */
.hdr{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--line)}
.hi{max-width:var(--mw);margin:0 auto;padding:0 var(--gap);height:76px;display:flex;align-items:center}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:30px}
.logo-mk{width:38px;height:38px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:800;color:#fff;font-size:1.05rem}
.logo-tx{font-family:var(--fh);font-size:1.22rem;font-weight:800;letter-spacing:-0.01em;color:var(--ink)}
.logo-tx span{color:var(--blue)}
.nav{display:flex;align-items:center;flex:1;gap:2px;height:100%}
.nav-item{position:relative;height:100%;display:flex;align-items:center}
.nav-item>a{font-size:0.92rem;font-weight:700;color:var(--ink);padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:5px;transition:all .15s;cursor:pointer}
.nav-item:hover>a,.nav-item>a.on{color:var(--blue);background:var(--blue-l)}
.nav-item .car{font-size:0.6rem;transition:transform .2s}
.nav-item:hover .car{transform:rotate(180deg)}
.megamenu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 24px 50px -10px rgba(11,25,165,0.18);min-width:560px;padding:24px;z-index:50}
.nav-item:hover .megamenu{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
.mm-col h5{font-family:var(--fh);font-size:0.68rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.mm-col a{display:block;font-size:0.86rem;font-weight:600;color:var(--ink);padding:6px 0}
.mm-col a:hover{color:var(--blue)}
.hcta{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:11px 22px;border-radius:980px;font-family:var(--fh);font-size:0.84rem;font-weight:700;transition:all .2s}
.hcta:hover{background:var(--blue-d)}
.burger{display:none;flex-direction:column;gap:5px;padding:8px;margin-left:8px}
.burger span{display:block;width:21px;height:2px;background:var(--ink);border-radius:2px}

/* ══ DRAWER ══ */
.dr{display:none;position:fixed;inset:0;z-index:999;background:var(--white);flex-direction:column;padding:90px var(--gap) 40px;overflow-y:auto}
.dr.open{display:flex}
.dr-x{position:absolute;top:18px;right:var(--gap);width:38px;height:38px;border-radius:50%;background:var(--grey);color:var(--ink);display:flex;align-items:center;justify-content:center}
.dr a{padding:14px 0;font-size:1rem;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.dr-l{font-family:var(--fh);font-size:0.66rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue);padding:18px 0 6px;margin-top:8px}
.dr-tel{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;padding:15px;border-radius:980px;font-family:var(--fh);font-weight:700;margin-top:20px}

/* ══ HERO — big rounded deal-card style ══ */
.hero{padding:36px var(--gap) 0;background:var(--white)}
.hcard{max-width:var(--mw);margin:0 auto;background:linear-gradient(120deg,var(--blue) 0%,#1230C9 60%,#3450E0 100%);border-radius:28px;padding:54px 56px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.hcard::after{content:'';position:absolute;right:-100px;top:-100px;width:340px;height:340px;border-radius:50%;border:30px solid rgba(255,255,255,0.08)}
.hcard::before{content:'';position:absolute;right:60px;bottom:-140px;width:260px;height:260px;border-radius:50%;border:20px solid rgba(255,255,255,0.07)}
.h-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.16);border-radius:980px;padding:7px 16px;font-size:0.78rem;font-weight:700;color:#fff;margin-bottom:20px}
.h-dot{width:7px;height:7px;border-radius:50%;background:#fff}
.hero h1{font-family:var(--fh);font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;line-height:1.14;color:#fff;margin-bottom:16px;position:relative;z-index:2}
.hero h1 span{color:#BFD0FF}
.hero-sub{font-size:1rem;color:rgba(255,255,255,0.82);line-height:1.7;max-width:480px;margin-bottom:24px;position:relative;z-index:2}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
.btn-white{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--blue);padding:13px 26px;border-radius:980px;font-family:var(--fh);font-size:0.86rem;font-weight:800;transition:all .2s}
.btn-white:hover{background:#EFF2FF;transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,0.4);color:#fff;padding:12px 24px;border-radius:980px;font-family:var(--fh);font-size:0.85rem;font-weight:700;transition:all .2s}
.btn-ghost:hover{border-color:#fff}
.hpanel{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:18px;padding:22px;position:relative;z-index:2;backdrop-filter:blur(4px)}
.hpanel h3{font-family:var(--fh);font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:14px}
.hp-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.16);font-size:0.84rem;color:rgba(255,255,255,0.92)}
.hp-row:last-child{border:none}
.hp-row b{font-weight:800}

/* ══ PILL ROW — quick category nav, O2-style ══ */
.pillrow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:30px var(--gap) 10px;max-width:var(--mw);margin:0 auto}
.pill{display:flex;align-items:center;gap:7px;background:var(--grey);border:1px solid var(--line);padding:11px 20px;border-radius:980px;font-size:0.84rem;font-weight:700;color:var(--ink);transition:all .18s}
.pill:hover{background:var(--blue-l);border-color:var(--blue);color:var(--blue)}

/* ══ SECTION HEAD ══ */
.sh{margin-bottom:42px}
.sh.c{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--fh);font-size:0.76rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.sh h2{font-family:var(--fh);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-0.015em;line-height:1.22;color:var(--ink);margin-bottom:12px}
.sh h2 span{color:var(--blue)}
.sh p{font-size:0.98rem;color:var(--mid);line-height:1.72;max-width:600px}
.sh.c p{margin:0 auto}

/* ══ PAGE HERO ══ */
.ph{padding:40px var(--gap) 0;background:var(--white)}
.ph-card{max-width:var(--mw);margin:0 auto;background:linear-gradient(120deg,var(--blue),#1A35CC);border-radius:24px;padding:44px 48px;position:relative;overflow:hidden}
.ph-card::after{content:'';position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;border:24px solid rgba(255,255,255,0.08)}
.ph-bc{font-size:0.82rem;color:rgba(255,255,255,0.6);margin-bottom:14px;position:relative;z-index:2}
.ph-bc a{color:rgba(255,255,255,0.85);font-weight:700}
.ph-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.16);border-radius:980px;padding:6px 14px;font-size:0.74rem;font-weight:800;color:#fff;margin-bottom:14px;position:relative;z-index:2}
.ph-i h1{font-family:var(--fh);font-size:clamp(1.8rem,3.8vw,2.7rem);font-weight:800;color:#fff;line-height:1.18;max-width:780px;margin-bottom:10px;position:relative;z-index:2}
.ph-i p{font-size:0.96rem;color:rgba(255,255,255,0.78);line-height:1.66;max-width:600px;position:relative;z-index:2}

/* ══ NETWORK / GUIDE CARD GRID (deal-card style) ══ */
.ng{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nc{background:var(--white);border:1px solid var(--line);border-radius:var(--rx);overflow:hidden;transition:all .22s;box-shadow:0 1px 0 var(--line)}
.nc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(11,25,165,0.16)}
.nc-top{padding:22px 18px 18px;min-height:148px;display:flex;flex-direction:column;position:relative}
.nc-chip{display:inline-flex;padding:4px 10px;border-radius:980px;font-size:0.6rem;font-weight:800;color:#fff;background:rgba(255,255,255,0.22);width:fit-content;margin-bottom:auto}
.nc-top h3{font-family:var(--fh);font-size:1.1rem;font-weight:800;color:#fff;margin-top:14px;margin-bottom:5px}
.nc-top p{font-size:0.72rem;color:rgba(255,255,255,0.85);line-height:1.5}
.nc-bot{padding:15px 18px 18px;border-top:1px solid var(--line)}
.nc-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dotted var(--line);font-size:0.72rem}
.nc-row:last-of-type{border:none;margin-bottom:10px}
.nc-k{color:var(--muted)}
.nc-v{font-weight:700;color:var(--ink);font-size:0.74rem}
.nc-a{display:block;text-align:center;padding:9px 12px;border-radius:980px;font-size:0.7rem;font-weight:800;color:#fff;transition:opacity .2s}
.nc-a:hover{opacity:0.85}

/* ══ TIMELINE ══ */
.tl{position:relative;padding-left:30px;border-left:2px solid var(--line)}
.tl-item{position:relative;padding-bottom:30px}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:-39px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--blue);border:3px solid var(--white);box-shadow:0 0 0 2px var(--line-d)}

/* ══ FEATURE GRID ══ */
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fc{background:var(--grey);border:1px solid var(--line);border-radius:var(--rl);padding:26px;transition:all .2s}
.fc:hover{background:var(--white);box-shadow:0 14px 32px -10px rgba(11,25,165,0.12);transform:translateY(-3px)}
.fc-ic{width:44px;height:44px;border-radius:12px;background:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.fc-ic svg{width:21px;height:21px}
.fc h3{font-family:var(--fh);font-size:1.02rem;font-weight:800;margin-bottom:9px;color:var(--ink)}
.fc p{font-size:0.86rem;color:var(--mid);line-height:1.7}

/* ══ TALL PROMO BANNER (O2-style vertical card) ══ */
.promo2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.promo{border-radius:var(--rx);padding:34px 30px;color:#fff;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.promo.b1{background:linear-gradient(150deg,var(--blue),#1A35CC)}
.promo.b2{background:linear-gradient(150deg,#0B0E1A,#262A3A)}
.promo h3{font-family:var(--fh);font-size:1.3rem;font-weight:800;margin-bottom:8px;position:relative;z-index:2}
.promo p{font-size:0.86rem;color:rgba(255,255,255,0.78);margin-bottom:14px;position:relative;z-index:2;max-width:300px}
.promo a{font-weight:800;font-size:0.84rem;color:#fff;text-decoration:underline;position:relative;z-index:2}

/* ══ TABLE ══ */
.tw{overflow-x:auto;border-radius:var(--rl);border:1px solid var(--line)}
.tb{width:100%;border-collapse:collapse;min-width:720px}
.tb thead tr{background:var(--blue-l)}
.tb th{padding:13px 16px;text-align:left;font-family:var(--fh);font-size:0.72rem;font-weight:800;color:var(--blue-d);letter-spacing:0.02em}
.tb td{padding:13px 16px;font-size:0.87rem;color:var(--mid);border-bottom:1px solid var(--line)}
.tb tbody tr:last-child td{border:none}
.tb tbody tr:hover td{background:var(--grey)}
.tn{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:9px;font-size:0.88rem}
.td2{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.ck{color:var(--ok);font-weight:700}
.cw{color:var(--warn);font-weight:600}
.cx{color:var(--bad);font-weight:700}
.bdg{display:inline-block;padding:3px 10px;border-radius:6px;font-size:0.66rem;font-weight:800}
.bm{background:var(--blue-l);color:var(--blue-d)}
.bv{background:#E6F7ED;color:var(--ok)}

/* ══ BOXES ══ */
.ib{background:var(--blue-l);border-left:4px solid var(--blue);padding:15px 18px;font-size:0.89rem;color:var(--mid);line-height:1.72;margin:22px 0;border-radius:0 10px 10px 0}
.ib strong{color:var(--blue-d)}
.wb{background:#FFF6E8;border-left:4px solid var(--warn);padding:15px 18px;font-size:0.89rem;color:var(--mid);line-height:1.72;margin:22px 0;border-radius:0 10px 10px 0}
.wb strong{color:var(--warn)}

/* ══ VERDICT ══ */
.verdict{background:linear-gradient(120deg,var(--ink),#1A1F33);border-radius:var(--rx);padding:30px 34px;color:#fff}
.verdict h3{font-family:var(--fh);font-size:1.25rem;font-weight:800;color:#BFD0FF;margin-bottom:12px}
.verdict p{font-size:0.9rem;color:rgba(255,255,255,0.72);line-height:1.78}
.vrow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
.vcol h4{font-family:var(--fh);font-size:0.94rem;font-weight:800;color:#BFD0FF;margin-bottom:8px}
.vcol ul{display:flex;flex-direction:column;gap:6px}
.vcol li{font-size:0.82rem;color:rgba(255,255,255,0.65);padding-left:16px;position:relative}
.vcol li::before{content:'+';position:absolute;left:0;color:#BFD0FF;font-weight:800}

/* ══ DISCLAIMER ══ */
.disc{background:var(--grey);border:1px solid var(--line);border-radius:var(--rx);padding:38px 42px}
.disc h2{font-family:var(--fh);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;color:var(--ink);margin-bottom:14px}
.disc p{font-size:0.88rem;color:var(--mid);line-height:1.85;margin-bottom:10px}
.disc a{color:var(--blue);font-weight:700}
.safety{background:#FEF2F2;border:1px solid #FECACA;border-radius:10px;padding:14px 18px;font-size:0.83rem;color:var(--mid);margin-top:18px;line-height:1.68}
.safety strong{color:var(--bad)}

/* ══ FAQ ══ */
.fi{border-bottom:1px solid var(--line)}
.fq{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;cursor:pointer}
.fq-t{font-size:0.97rem;font-weight:700;color:var(--ink)}
.fq-i{width:28px;height:28px;border-radius:50%;background:var(--blue-l);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:0.84rem;color:var(--blue);flex-shrink:0;transition:all .2s}
.fi.op .fq-i{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(45deg)}
.fa{display:none;padding:0 0 19px;font-size:0.89rem;color:var(--mid);line-height:1.8}
.fi.op .fa{display:block}

/* ══ STAT ROW ══ */
.sr{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.sb{background:var(--grey);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.sn{font-family:var(--fh);font-size:1.6rem;font-weight:800;color:var(--blue);margin-bottom:3px}
.sl{font-size:0.7rem;color:var(--muted);font-weight:700}

/* ══ CONTENT CARDS ══ */
.cc2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cc{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}
.cc h3{font-family:var(--fh);font-size:1rem;font-weight:800;margin-bottom:9px;color:var(--ink)}
.cc p{font-size:0.86rem;color:var(--mid);line-height:1.7;margin-bottom:10px}
.cc ul{display:flex;flex-direction:column;gap:6px}
.cc li{font-size:0.84rem;color:var(--mid);padding-left:18px;position:relative;line-height:1.58}
.cc li::before{content:'✓';position:absolute;left:0;color:var(--ok);font-weight:700;font-size:0.78rem}

/* ══ CONTACT ══ */
.cg{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:start}
.ci{background:var(--grey);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:13px;align-items:flex-start;margin-bottom:11px}
.ci-i{width:38px;height:38px;border-radius:50%;background:var(--blue-l);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-l{font-size:0.72rem;font-weight:700;color:var(--muted);margin-bottom:2px}
.ci-v{font-family:var(--fh);font-size:0.94rem;font-weight:800;color:var(--ink)}
.fw{background:var(--white);border:1px solid var(--line);border-radius:var(--rx);padding:32px}
.fw h2{font-family:var(--fh);font-size:1.28rem;font-weight:800;margin-bottom:7px;color:var(--ink)}
.fw p{font-size:0.86rem;color:var(--mid);margin-bottom:20px}
.fg2{margin-bottom:13px}
.fg2 label{display:block;font-size:0.78rem;font-weight:700;color:var(--ink);margin-bottom:6px}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:11px 14px;background:var(--white);border:1.5px solid var(--line);border-radius:10px;color:var(--ink);font-size:0.88rem;font-family:var(--fb);outline:none;-webkit-appearance:none;transition:border-color .18s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--blue)}
.fg2 input::placeholder,.fg2 textarea::placeholder{color:var(--muted)}
.fg2 select{color:var(--ink);cursor:pointer}
.fg2 textarea{resize:vertical;min-height:88px}
.fg2-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg2-c{display:flex;gap:9px;align-items:flex-start;margin:10px 0;font-size:0.78rem;color:var(--mid);line-height:1.58}
.fg2-c input{width:auto;margin-top:3px;flex-shrink:0;accent-color:var(--blue)}
.fsub{width:100%;padding:14px;background:var(--blue);color:#fff;font-family:var(--fh);font-size:0.93rem;font-weight:800;border-radius:980px;transition:all .2s;cursor:pointer}
.fsub:hover{background:var(--blue-d)}

/* ══ PROSE ══ */
.pr h2{font-family:var(--fh);font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:800;margin:38px 0 12px;color:var(--ink)}
.pr h3{font-family:var(--fh);font-size:1.02rem;font-weight:800;color:var(--blue);margin:22px 0 9px}
.pr p{font-size:0.93rem;color:var(--mid);line-height:1.84;margin-bottom:13px}
.pr ul{padding-left:18px;margin-bottom:14px}
.pr li{font-size:0.9rem;color:var(--mid);margin-bottom:6px;line-height:1.64}
.pr strong{color:var(--ink)}

/* ══ REVEAL ══ */
.rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.06s}.d2{transition-delay:.12s}.d3{transition-delay:.18s}.d4{transition-delay:.24s}.d5{transition-delay:.3s}.d6{transition-delay:.36s}

/* ══ FOOTER — O2-style multi-column ══ */
.footer{background:var(--ink);padding:50px var(--gap) 26px}
.ft{max-width:var(--mw);margin:0 auto}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:28px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:24px}
.ft-logo{font-family:var(--fh);font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:10px}
.ft-logo span{color:#7C93FF}
.ft-brand p{font-size:0.82rem;color:rgba(255,255,255,0.45);line-height:1.75;max-width:230px;margin-bottom:14px}
.ft-social{display:flex;gap:10px}
.ft-social a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff}
.ft-col h4{font-family:var(--fh);font-size:0.74rem;font-weight:700;color:#7C93FF;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:13px}
.ft-col ul{display:flex;flex-direction:column;gap:9px}
.ft-col a{font-size:0.81rem;color:rgba(255,255,255,0.5)}
.ft-col a:hover{color:#fff}
.ft-disc{font-size:0.72rem;color:rgba(255,255,255,0.32);line-height:1.85;padding-top:18px;margin-bottom:16px}
.ft-disc a{color:rgba(255,255,255,0.55)}
.ft-bot{font-size:0.74rem;color:rgba(255,255,255,0.3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,0.1);padding-top:18px}
.ft-bot a{color:rgba(255,255,255,0.45)}

/* ══ RESPONSIVE ══ */
@media(max-width:1050px){.hcard{grid-template-columns:1fr}.hpanel{display:none}.ng{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}.ft-top{grid-template-columns:1fr 1fr 1fr}.vrow{grid-template-columns:1fr}.promo2{grid-template-columns:1fr}}
@media(max-width:900px){.nav{display:none}.burger{display:flex}.tbar-l{display:none}}
@media(max-width:780px){.cc2{grid-template-columns:1fr}.cg{grid-template-columns:1fr}.disc{padding:26px 22px}.sr{grid-template-columns:1fr 1fr}.ft-top{grid-template-columns:1fr 1fr;gap:22px}.fg{grid-template-columns:1fr}.hcard{padding:34px 26px}.ph-card{padding:32px 26px}}
@media(max-width:520px){.ng{grid-template-columns:1fr}.fg2-r{grid-template-columns:1fr}.ft-top{grid-template-columns:1fr}}

/* ══ COOKIE CONSENT BANNER ══ */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:var(--ink);border-top:1px solid rgba(255,255,255,0.12);padding:20px var(--gap);display:none;box-shadow:0 -10px 40px rgba(0,0,0,0.25)}
.cookie-banner.show{display:block;animation:cookieUp .35s ease}
@keyframes cookieUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.cookie-i{max-width:var(--mw);margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cookie-tx{flex:1;min-width:240px}
.cookie-tx h4{font-family:var(--fh);font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;display:flex;align-items:center;gap:8px}
.cookie-tx p{font-size:0.8rem;color:rgba(255,255,255,0.6);line-height:1.6;max-width:640px}
.cookie-tx p a{color:#9DB3FF;font-weight:700}
.cookie-btns{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.btn-cookie-accept{background:var(--blue);color:#fff;padding:11px 24px;border-radius:980px;font-family:var(--fh);font-size:0.84rem;font-weight:800;transition:all .2s}
.btn-cookie-accept:hover{background:var(--blue-d)}
.btn-cookie-reject{background:transparent;border:1.5px solid rgba(255,255,255,0.3);color:#fff;padding:10px 22px;border-radius:980px;font-family:var(--fh);font-size:0.84rem;font-weight:700;transition:all .2s}
.btn-cookie-reject:hover{border-color:#fff;background:rgba(255,255,255,0.06)}
@media(max-width:640px){.cookie-i{flex-direction:column;align-items:stretch}.cookie-btns{justify-content:flex-end}}