/* =====================================================================
   rag.az — Theme 3 (royal blue + narıncı, yeni.az üslubu)
   theme.css üzərinə yüklənir (config.php → THEME_V3). Köhnə stil silinməyib.
   ===================================================================== */
:root{
  --v3-blue:#1D3FBF;       /* loqo bloku, aktiv elementlər */
  --v3-blue-h:#2449D6;
  --v3-blue-50:#EEF2FF;
  --v3-navy:#0A1A44;       /* tünd bölmələr */
  --v3-navy2:#11265E;
  --v3-or:#D9480F;         /* CTA */
  --v3-or-h:#C2410C;
  --v3-gold:#FFB020;       /* hero vurğusu */
  --v3-ink:#0F172A;
  --v3-text:#334155;
  --v3-muted:#64748B;
  --v3-line:#E2E8F0;
  --v3-bg:#F5F7FB;
  --v3-r:14px;
  --v3-pill:999px;
  --v3-font:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;

  /* theme.css dəyişənləri yeni palitraya */
  --t-brand:var(--v3-or);--t-btn:var(--v3-or);--t-btn-h:var(--v3-or-h);
  --t-ink:var(--v3-ink);--t-text:var(--v3-text);--t-muted:var(--v3-muted);--t-line:var(--v3-line);--t-bg:var(--v3-bg);
  --t-hero:var(--v3-navy);--t-dark:var(--v3-navy);--t-dark2:var(--v3-navy2);--t-foot:#071233;
  --t-font:var(--v3-font);--t-r:var(--v3-r);
}
body{font-family:var(--v3-font);background:#fff;color:var(--v3-text)}
h1,h2,h3,.h1,.h1p,.h2{font-weight:800;letter-spacing:-.025em}
.logo-t b,.dots i{color:var(--v3-or)}

/* ================= HEADER ================= */
.hd3{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--v3-line),0 6px 24px rgba(15,23,42,.05)}
.hd3-in{max-width:1500px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px;min-height:76px}
.hd3-logo{position:relative;display:flex;align-items:center;gap:11px;height:60px;padding:0 44px 0 24px;margin-left:-8px;background:var(--v3-blue);color:#fff;border-radius:16px 0 0 16px;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);flex:none}
.hd3-logo:hover{color:#fff;background:var(--v3-blue-h)}
.hd3-logo .dots{grid-template-columns:repeat(3,6px);gap:3px}
.hd3-logo .dots i{width:6px;height:6px;background:#fff}
.hd3-logo .dots i:nth-child(2),.hd3-logo .dots i:nth-child(6),.hd3-logo .dots i:nth-child(7){background:#FFB78A}
.hd3-logo-t{font-weight:800;font-size:27px;letter-spacing:-.04em;line-height:1}
.hd3-logo-t b{color:#FFB78A;font-weight:800}
.hd3-nav{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.hd3-pill{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:var(--v3-pill);border:1px solid var(--v3-line);background:#fff;color:var(--v3-ink);font-weight:700;font-size:15px;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s;list-style:none}
.hd3-pill::-webkit-details-marker{display:none}
.hd3-pill svg{color:#475569;flex:none}
.hd3-pill:hover{border-color:#C7D2FE;background:var(--v3-blue-50);color:var(--v3-blue)}
.hd3-pill:hover svg,.hd3-pill.on svg{color:inherit}
.hd3-pill.on{background:var(--v3-blue-50);border-color:#C7D2FE;color:var(--v3-blue)}
.hd3-caret{margin-left:-2px;transition:transform .15s}
.hd3-more{position:relative}
.hd3-more[open] .hd3-caret{transform:rotate(180deg)}
.hd3-drop{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;border:1px solid var(--v3-line);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.12);padding:8px;display:flex;flex-direction:column;z-index:60}
.hd3-drop a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:var(--v3-ink);font-weight:600}
.hd3-drop a:hover,.hd3-drop a[aria-current]{background:var(--v3-blue-50);color:var(--v3-blue)}
.hd3-act{display:flex;align-items:center;gap:10px;flex:none}
.hd3-cta{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:var(--v3-pill);background:var(--v3-or);color:#fff;font-weight:800;font-size:16px;box-shadow:0 8px 20px rgba(217,72,15,.28);transition:background .15s,transform .1s}
.hd3-cta:hover{background:var(--v3-or-h);color:#fff}
.hd3-cta:active{transform:translateY(1px)}
.hd3-ic{width:46px;height:46px;border-radius:50%;border:1px solid var(--v3-line);display:flex;align-items:center;justify-content:center;color:#475569;background:#fff}
.hd3-ic:hover{color:var(--v3-blue);border-color:#C7D2FE;background:var(--v3-blue-50)}
.hd3-user{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px 0 6px;border-radius:var(--v3-pill);border:1px solid var(--v3-line);color:var(--v3-ink);font-weight:800;font-size:15.5px;background:#fff}
.hd3-user:hover{border-color:#C7D2FE;color:var(--v3-blue)}
.hd3-av{width:36px;height:36px;border-radius:50%;background:var(--v3-ink);color:#fff;display:flex;align-items:center;justify-content:center}
.hd3-burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--v3-line);background:#fff;color:var(--v3-ink);align-items:center;justify-content:center;cursor:pointer}
.hd3 .mnav{margin:0 0 14px}

@media(max-width:1380px){.hd3-pill{padding:0 13px;font-size:14.5px}.hd3-pill svg{display:none}.hd3-more .hd3-pill svg:first-child{display:none}}
@media(max-width:1180px){.hd3-nav{display:none}.hd3-burger{display:inline-flex}.hd3-act{margin-left:auto}}
@media(max-width:640px){
  .hd3-in{padding:8px 14px;min-height:64px;gap:10px}
  .hd3-logo{height:48px;padding:0 34px 0 16px;margin-left:-14px;border-radius:0;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}
  .hd3-logo-t{font-size:22px}
  .hd3-cta{height:42px;padding:0 14px;font-size:14.5px;box-shadow:none}
  .hd3-cta span{display:none}.hd3-cta{width:42px;padding:0;justify-content:center}
  .hd3-ic{display:none}
  .hd3-user{display:none}
}

/* ================= HOME HERO ================= */
.h3hero{position:relative;overflow:hidden;color:#fff;background:var(--v3-navy)}
.h3hero-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,19,51,.94) 0%,rgba(8,19,51,.78) 38%,rgba(8,19,51,.35) 75%,rgba(8,19,51,.25) 100%),
  linear-gradient(0deg,rgba(8,19,51,.85) 0%,rgba(8,19,51,0) 40%),
  url('/assets/img/hero-baku.jpg') center 30%/cover no-repeat}
@media(max-width:1200px){.h3hero-bg{background:linear-gradient(90deg,rgba(8,19,51,.94),rgba(8,19,51,.6)),linear-gradient(0deg,rgba(8,19,51,.9),rgba(8,19,51,0) 45%),url('/assets/img/hero-baku-1200.jpg') center 30%/cover no-repeat}}
.h3hero-in{position:relative;padding-top:64px;padding-bottom:44px}
.h3-title{color:#fff;font-size:56px;line-height:1.05;letter-spacing:-.035em;font-weight:800;max-width:860px;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.h3-title span{color:var(--v3-gold)}
.h3-sub{color:#DCE4F5;font-size:19px;margin-top:14px;max-width:620px;font-weight:500}
.h3-points{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:0}
.h3-points li{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14.5px}
.h3-points svg{color:var(--v3-gold)}

.h3-card{margin-top:28px;background:#fff;color:var(--v3-ink);border-radius:18px;padding:12px 14px 16px;box-shadow:0 24px 60px rgba(2,8,30,.35);max-width:1296px}
.h3-tabs{display:flex;gap:6px;padding:2px 2px 12px}
.h3-tabs button{height:44px;padding:0 22px;border-radius:11px;border:0;background:transparent;font-family:inherit;font-weight:800;font-size:15px;color:var(--v3-ink);cursor:pointer}
.h3-tabs button[aria-selected="true"]{background:var(--v3-blue);color:#fff;box-shadow:0 6px 16px rgba(29,63,191,.3)}
.h3-tabs button:not([aria-selected="true"]):hover{background:var(--v3-bg)}
.h3-form{display:flex;gap:10px}
.h3-field{flex:1;display:flex;align-items:center;gap:12px;height:58px;padding:0 16px;border:1px solid var(--v3-line);border-radius:12px;background:#fff;color:var(--v3-muted);min-width:0;transition:border-color .15s,box-shadow .15s}
.h3-field:focus-within{border-color:var(--v3-blue);box-shadow:0 0 0 4px rgba(29,63,191,.12)}
.h3-field input{flex:1;min-width:0;border:0;outline:0!important;box-shadow:none!important;font-family:inherit;font-size:17px;font-weight:600;color:var(--v3-ink);background:transparent;height:100%}
.h3-field input::placeholder{color:#94A3B8;font-weight:500}
.h3-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:58px;min-width:190px;padding:0 26px;border:0;border-radius:12px;background:var(--v3-or);color:#fff;font-family:inherit;font-weight:800;font-size:19px;cursor:pointer;transition:background .15s}
.h3-btn:hover{background:var(--v3-or-h)}
.h3-tlds{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.h3-tld{display:inline-flex;align-items:baseline;gap:7px;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--v3-line);background:var(--v3-bg);font-family:inherit;color:var(--v3-ink);cursor:pointer;align-items:center}
.h3-tld b{font-weight:800;font-size:14.5px}.h3-tld span{font-size:13px;color:var(--v3-muted);font-weight:600}
.h3-tld:hover{border-color:var(--v3-blue);background:var(--v3-blue-50)}
.h3-tld-all{margin-left:auto;font-weight:700;font-size:14px;color:var(--v3-blue)}
.h3-note{margin:12px 2px 0;color:var(--v3-muted);font-size:14.5px}
.h3-card .dres{margin-top:12px;max-width:none;box-shadow:none;border:1px solid var(--v3-line)}

.h3-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:22px;max-width:1296px}
.h3-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:96px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:14.5px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,border-color .15s,transform .15s}
.h3-tile:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff;transform:translateY(-2px)}
.h3-tile.on{background:var(--v3-blue);border-color:var(--v3-blue);box-shadow:0 10px 26px rgba(29,63,191,.45)}
.h3-tile svg{opacity:.95}

/* ================= POPULYAR PAKETLƏR ================= */
.h3-plans{padding:56px 0 24px;background:#fff}
.h3-sec-h{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.h3-sec-h h2{display:flex;align-items:center;gap:12px;font-size:30px;margin:0;color:var(--v3-ink)}
.h3-sec-h h2 svg{color:var(--v3-blue)}
.h3-sec-h a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--v3-blue)}
.h3-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.h3-plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--v3-line);color:var(--v3-ink);box-shadow:0 2px 10px rgba(15,23,42,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
.h3-plan:hover{color:var(--v3-ink);border-color:#C7D2FE;box-shadow:0 16px 36px rgba(15,23,42,.08);transform:translateY(-3px)}
.h3-plan.pop{border:2px solid var(--v3-blue);box-shadow:0 16px 36px rgba(29,63,191,.12)}
.h3-plan-top{display:flex;gap:6px}
.h3-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--v3-bg);border:1px solid var(--v3-line);font-size:12.5px;font-weight:700;color:var(--v3-text)}
.h3-badge.hot{background:var(--v3-blue);border-color:var(--v3-blue);color:#fff}
.h3-plan-name{font-size:20px;font-weight:800;margin-top:4px}
.h3-plan-price{font-size:30px;font-weight:800;letter-spacing:-.03em}
.h3-plan-price small{font-size:15px;color:var(--v3-muted);font-weight:700;letter-spacing:0}
.h3-plan-specs{display:flex;flex-wrap:wrap;gap:6px}
.h3-plan-specs span{font-size:13px;font-weight:600;color:var(--v3-text);background:var(--v3-bg);border-radius:8px;padding:5px 9px}
.h3-plan-go{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--v3-or)}
.h3-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.h3-mini-c{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--v3-bg);border:1px solid var(--v3-line);color:var(--v3-ink)}
.h3-mini-c:hover{border-color:#C7D2FE;background:var(--v3-blue-50);color:var(--v3-ink)}
.h3-mini-c svg{color:var(--v3-blue);flex:none}
.h3-mini-c b{display:block;font-weight:800}.h3-mini-c small{color:var(--v3-muted);font-weight:600;font-size:13.5px}

/* ================= İÇ SƏHİFƏ HERO ================= */
.hero.hero-in{background:linear-gradient(90deg,rgba(8,19,51,.95),rgba(8,19,51,.72)),url('/assets/img/hero-baku-1200.jpg') center 35%/cover no-repeat;color:#fff;border-bottom:0}
.hero.hero-in .h1p{color:#fff}
.hero.hero-in .lead{color:#DCE4F5}
.hero.hero-in .bc,.hero.hero-in .bc a{color:#AFC0E6}.hero.hero-in .bc [aria-current],.hero.hero-in .bc a:hover{color:#fff}
.hero.hero-in .hero-checks span,.hero.hero-in .hero-ticks span{color:#fff}
.hero.hero-in .hero-ticks i{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:var(--v3-gold)}
.hero.hero-in .rbtn-g{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
.hero.hero-in .rbtn-g:hover{background:rgba(255,255,255,.16);color:#fff;border-color:#fff}
.hero.hero-in .sbox{border:0;box-shadow:0 24px 60px rgba(2,8,30,.35)}
.hero.hero-in .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.hero.hero-in .chip small{color:#C6D2EE}
.hero.hero-in .chip:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.hero.hero-in .h1p .or{color:var(--v3-gold)}
.hero.hero-in .ic-chk{color:var(--v3-gold)}

/* ================= ÜMUMİ TOXUNUŞLAR ================= */
.rbtn{border-radius:12px;font-weight:700}
.rbtn-o{background:var(--v3-or)}.rbtn-o:hover{background:var(--v3-or-h)}
.eb{color:var(--v3-blue)}
.dark .eb{color:var(--v3-gold)}
.plan.pop{border-color:var(--v3-blue)}
.plan-badge{background:var(--v3-blue)}
.plan.pop .rbtn{background:var(--v3-or);border-color:var(--v3-or)}
.period button[aria-pressed="true"],.lchip[aria-pressed="true"]{background:var(--v3-blue);border-color:var(--v3-blue)}
.ico-o,.ico-b{background:var(--v3-blue-50);border-color:#DCE3FB;color:var(--v3-blue)}
.lift:hover .arr{background:var(--v3-blue);border-color:var(--v3-blue)}
.faq details[open] .faq-i{background:var(--v3-blue)}
.step-n{background:var(--v3-blue)}
.res-name em{color:var(--v3-or)}
.tag.t-b{background:var(--v3-blue-50);color:var(--v3-blue)}
.cta-band{background:linear-gradient(100deg,var(--v3-navy),#14307F)}
.stat.hl b{color:var(--v3-gold)}
.bnav a[aria-current="page"]{color:var(--v3-blue)}
.bnav a[aria-current="page"]::before{background:var(--v3-blue)}
.bnav .bnav-cta svg{color:var(--v3-or)}
:focus-visible{outline-color:var(--v3-blue)}

/* ================= RESPONSİV ================= */
@media(max-width:1200px){.h3-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.h3-plan-grid,.h3-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){
  .h3hero-in{padding-top:36px;padding-bottom:28px}
  .h3-title{font-size:36px}
  .h3-sub{font-size:16.5px}
  .h3-form{flex-direction:column}
  .h3-btn{width:100%;height:54px}
  .h3-field{height:54px}
  .h3-tabs button{flex:1;padding:0 10px;font-size:14px}
  .h3-tld-all{margin-left:0}
  .h3-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .h3-tile{height:82px;font-size:12.5px;gap:7px;border-radius:12px}
  .h3-tile svg{width:22px;height:22px}
  .h3-sec-h h2{font-size:23px}
}
@media(max-width:560px){.h3-plan-grid,.h3-mini{grid-template-columns:minmax(0,1fr)}.h3-card{padding:10px 10px 14px;border-radius:16px}}
.hd3-in{max-width:1340px}
@media(max-width:768px){.h3-field{flex:none;width:100%}.h3-field input{font-size:16px}}
.plan-badge + h3{padding-right:112px}
@media(max-width:1480px){.hd3-pill{padding:0 13px;font-size:14.5px}.hd3-pill > svg:first-child{display:none}.hd3-nav{gap:6px}}