/* ==========================================================================
   Hostinq2026: paylasilan hostinq kateqoriya sehifeleri (/kategori/hosting ve alt kateqoriyalar).
   css/h26-servers.css-in USTUNDEN yuklenir: butun "hs-" tokenleri ve komponentleri oradan gelir,
   burada yalniz hostinqe mexsus elaveler var (prefiks: hh-). 23 Sen 2026.
   Qeyda: kolge (box-shadow) ve isiq (glow) qadagandir, burada hec biri istifade olunmur.
   ========================================================================== */

/* 3 kateqoriya tabi (VPS sehifesinde 2 tab var, hostinqde 3 qrup ola bilir) */
.hs .hs-tabs.hh-t3{grid-template-columns:repeat(3,minmax(0,400px));}
@media(min-width:1024px) and (max-width:1365px){
  .hs .hs-tabs.hh-t3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .hs .hs-tabs.hh-t3 .hs-tab{padding:16px;}
  .hs .hs-tabs.hh-t3 .hs-tab-t span{font-size:20px;line-height:28px;}
}

/* Odenish dovru secicisi (Aylig / 3 aylig / 6 aylig / Illik / 2 illik / 4 illik) */
.hh-per{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:fit-content;max-width:100%;
  margin:32px auto 0;padding:5px;border-radius:9999px;border:1px solid var(--hs-line);background:var(--hs-soft);}
.hh-per button{padding:10px 18px;border-radius:9999px;font-size:14px;font-weight:500;line-height:1;
  color:var(--hs-muted);white-space:nowrap;transition:background-color .2s,color .2s;}
.hh-per button:hover{color:var(--hs-ink);}
.hh-per button.is-on{background:var(--hs-dark);color:#fff;}
.hh-per-note{margin:10px 0 0;text-align:center;font-size:14px;line-height:20px;color:var(--hs-muted);}
/* mobilde 3 sutunlu setir: 6 dovr 2 balansli setire yigilir, tek qalan duyme olmur */
@media(max-width:639px){
  .hh-per{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;border-radius:22px;}
  .hh-per button{padding:11px 4px;font-size:13px;text-align:center;}
}

/* Kart: kohne (promo) qiymet solda, populyar nishani sagda */
.hs .hs-card-tags .hh-old:empty{display:none;}
.hs .hh-card .hs-card-note{min-height:40px;}
.hs .hh-buy.is-off{background:var(--hs-line);color:var(--hs-muted);pointer-events:none;}

/* 1-2 paketli qruplar (mes. Azerbaycan lokasiyali) kartlari ortada dursun */
@media(min-width:768px){.hs .hs-trackw.hh-few .hs-track{justify-content:center;}}

/* Tek qrup olanda panel ust boshlugu */
.hs .hs-panel>.hh-per:first-child{margin-top:24px;}

/* ===== HERO: musteri panelinin miniaturu (ac-product-hosting.php quruluşu, dark tema) =====
   Reng ve olculer real panelden goturulub: hq2 token-leri (#111111 shell, #1c2c23 xidmet karti,
   #2dd07f / #16a45f yasil). Kolge ve isiq YOXDUR. */
.hh .hs-mock{max-width:620px;aspect-ratio:620/540;}
.hh .hh-pan{position:absolute;left:6%;top:7%;width:88%;display:flex;overflow:hidden;
  background:#111;border:1px solid #232d27;border-radius:14px;color:#e7ece9;
  font-size:10px;line-height:1.35;letter-spacing:0;}

/* --- sol nav --- */
.hh .hh-pan-side{flex:0 0 78px;width:78px;padding:9px 7px;border-right:1px solid #232d27;background:#111;}
.hh .hh-side-brand{display:flex;align-items:center;gap:5px;padding:0 3px;margin-bottom:9px;}
.hh .hh-side-mark{width:12px;height:12px;border-radius:4px;background:#46fdae;flex:0 0 12px;}
.hh .hh-side-word{height:5px;width:40px;border-radius:3px;background:#2b352f;}
.hh .hh-side-nav{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;}
.hh .hh-side-nav li{display:flex;align-items:center;gap:5px;padding:4px 5px;border-radius:5px;
  font-size:7.5px;font-weight:500;color:#b6c6bd;white-space:nowrap;overflow:hidden;}
.hh .hh-side-nav li i{display:flex;flex:0 0 10px;color:#8a998f;}
.hh .hh-side-nav li i svg{width:10px;height:10px;}
.hh .hh-side-nav li span{overflow:hidden;text-overflow:ellipsis;}
.hh .hh-side-nav li.is-on{background:#16261d;color:#fff;font-weight:600;}
.hh .hh-side-nav li.is-on i{color:#46fdae;}

/* --- ust zolaq --- */
.hh .hh-pan-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
.hh .hh-pan-top{display:flex;align-items:center;gap:10px;height:26px;padding:0 10px;
  border-bottom:1px solid #232d27;font-size:7.5px;color:#dbe6e0;white-space:nowrap;}
.hh .hh-pan-top em{display:flex;align-items:center;gap:5px;margin-left:auto;font-style:normal;}
.hh .hh-pan-top em i{width:11px;height:11px;border-radius:50%;background:#1d231f;}
.hh .hh-pan-top em b{font-size:7px;font-weight:600;color:#8a9a91;}

/* --- govde --- */
.hh .hh-pan-body{padding:10px;}
.hh .hh-crumb{font-size:7px;color:#6e7d74;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hh .hh-crumb b{color:#95a59b;font-weight:600;}

/* xidmet karti (hqn-hero) */
.hh .hh-svc{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:11px;padding:11px;
  border:1px solid rgba(255,255,255,.06);border-radius:11px;
  background:linear-gradient(180deg,#1c2c23 0%,#1c2b23 100%);}
.hh .hh-svc-l{min-width:0;}
.hh .hh-svc-top{display:flex;align-items:center;gap:7px;margin-bottom:7px;}
.hh .hh-st{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;
  font-size:7.5px;font-weight:700;color:#2dd07f;background:rgba(45,208,127,.12);border:1px solid rgba(45,208,127,.30);}
.hh .hh-st i{width:4px;height:4px;border-radius:50%;background:currentColor;}
.hh .hh-sid{font-size:7.5px;color:#95a59b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hh .hh-sid b{color:#e7ece9;font-weight:700;}
.hh .hh-dom{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#e7ece9;margin-bottom:9px;}

/* paket beleyi */
.hh .hh-pkg{display:flex;align-items:center;gap:8px;padding:7px 9px;margin-bottom:9px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:8px;}
.hh .hh-pkg-logo{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;
  padding:3px;border-radius:6px;background:#fff;}
.hh .hh-pkg-logo img{width:100%;height:auto;display:block;}
.hh .hh-pkg-logo.is-svg{background:rgba(45,208,127,.10);color:#2dd07f;padding:5px;}
.hh .hh-pkg-logo.is-svg svg{width:100%;height:100%;}
.hh .hh-pkg-t{min-width:0;}
.hh .hh-pkg-t>b{display:block;font-size:9.5px;font-weight:700;color:#e7ece9;margin-bottom:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hh .hh-tags{display:flex;flex-wrap:wrap;gap:4px;}
.hh .hh-tags em{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:100px;
  font-style:normal;font-size:7px;font-weight:600;color:#2dd07f;
  background:rgba(45,208,127,.08);border:1px solid rgba(45,208,127,.20);}
.hh .hh-tags em svg{width:6px;height:6px;}

/* melumat beleyleri */
.hh .hh-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.hh .hh-meta>div{display:flex;align-items:center;gap:6px;padding:6px;min-width:0;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;}
.hh .hh-meta>div>i{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;
  border-radius:5px;background:rgba(45,208,127,.10);color:#2dd07f;}
.hh .hh-meta>div>i svg{width:10px;height:10px;}
.hh .hh-meta>div>span{min-width:0;}
.hh .hh-meta em{display:block;font-style:normal;font-size:6.5px;line-height:1.25;letter-spacing:.05em;
  text-transform:uppercase;color:#6e7d74;}
.hh .hh-meta b{display:block;font-size:8.5px;font-weight:700;color:#e7ece9;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* sag duyme sutunu */
.hh .hh-svc-r{display:flex;flex-direction:column;gap:6px;padding-left:11px;border-left:1px solid rgba(255,255,255,.06);}
.hh .hh-b{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 5px;border-radius:8px;
  font-size:8px;font-weight:700;white-space:nowrap;border:1px solid transparent;}
.hh .hh-b svg{width:9px;height:9px;flex:0 0 9px;}
.hh .hh-b1{background:linear-gradient(135deg,#2dd07f 0%,#16a45f 100%);color:#fff;}
.hh .hh-b2{background:rgba(45,208,127,.12);color:#2dd07f;border-color:rgba(45,208,127,.28);}
.hh .hh-b3{color:#95a59b;border-color:rgba(255,255,255,.10);}

/* tab setri */
.hh .hh-tabsm{display:flex;flex-wrap:nowrap;gap:4px;margin-top:9px;padding:5px;overflow:hidden;
  background:#1c2c23;border:1px solid rgba(255,255,255,.06);border-radius:11px;}
.hh .hh-tabsm span{padding:5px 8px;border-radius:7px;font-size:7.5px;font-weight:600;color:#95a59b;
  white-space:nowrap;border:1px solid transparent;}
.hh .hh-tabsm .is-on{background:linear-gradient(135deg,rgba(45,208,127,.16),rgba(22,164,95,.10));
  color:#2dd07f;border-color:rgba(45,208,127,.22);}

/* resurs istifadesi */
.hh .hh-use{margin-top:9px;background:#1a1a1a;border:1px solid #232d27;border-radius:11px;overflow:hidden;}
.hh .hh-use-h{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid #232d27;
  font-size:8.5px;font-weight:700;color:#e7ece9;}
.hh .hh-use-h i{display:flex;color:#2dd07f;}
.hh .hh-use-h i svg{width:10px;height:10px;}
.hh .hh-use-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;}
.hh .hh-use-g>div{display:flex;align-items:center;gap:9px;min-width:0;}
.hh .hh-ring{position:relative;flex:0 0 38px;width:38px;height:38px;border-radius:50%;
  background:conic-gradient(#2dd07f var(--p,0%),rgba(255,255,255,.09) 0);}
.hh .hh-ring::after{content:'';position:absolute;inset:4px;border-radius:50%;background:#1a1a1a;}
.hh .hh-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:8.5px;font-weight:700;color:#e7ece9;z-index:1;}
.hh .hh-use-t{min-width:0;}
.hh .hh-use-t em{display:block;font-style:normal;font-size:6.5px;line-height:1.25;letter-spacing:.05em;
  text-transform:uppercase;color:#6e7d74;}
.hh .hh-use-t b{display:block;font-size:8.5px;font-weight:700;color:#e7ece9;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* uzen nishanlar: panel miniaturuna uygun yerlesdirme */
.hh .hs-f1{left:0;top:58%;}
.hh .hs-f2{right:0;top:0;}
.hh .hs-f3{right:0;bottom:1%;}

/* --- tablet: sol nav gizlenir, kart genislenir --- */
@media(max-width:1023px){
  .hh .hs-mock{max-width:500px;aspect-ratio:500/470;}
  .hh .hh-pan{left:0;top:6%;width:94%;}
  .hh .hh-pan-side{display:none;}
  .hh .hh-dom{font-size:19px;}
  .hh .hs-f1{left:0;top:62%;}
}
/* --- mobil: yalniz xidmet karti, duymeler altda setirle --- */
@media(max-width:639px){
  .hh .hs-mock{max-width:420px;aspect-ratio:420/400;}
  .hh .hh-pan{left:0;top:7%;width:100%;}
  .hh .hh-pan-top,.hh .hh-tabsm,.hh .hh-use{display:none;}
  .hh .hh-pan-body{padding:9px;}
  .hh .hh-svc{grid-template-columns:minmax(0,1fr);gap:9px;}
  .hh .hh-svc-r{flex-direction:row;padding-left:0;padding-top:9px;border-left:0;border-top:1px solid rgba(255,255,255,.06);}
  .hh .hh-b{flex:1 1 0;min-width:0;}
  .hh .hh-b3{display:none;}
  .hh .hh-meta{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hh .hh-meta>div:nth-child(3){grid-column:span 2;}
  .hh .hs-f1{left:0;top:auto;bottom:0;}
  .hh .hs-f2{right:0;top:0;}
  .hh .hs-f3{right:0;bottom:0;}
}

/* ============================================================
   24 Sen 2026 (Hamza): mobilde hero qisalsin ve paketler tez gorunsun;
   kartlar yigcamlassin ki ekranda daha coxu sigsin; mobilde paketler
   3 sutunda kompakt plite kimi gorunsun. Hamisi .hh altinda scope
   edilib, VPS sehifesine tesir etmir.
   ============================================================ */

/* 1) Kart yigcamlasdirma (butun olculer) */
.hh .hs-card.hh-card{padding:20px 18px;}
.hh .hs-card.hh-card>h3{font-size:19px;margin-bottom:6px;}
.hh .hs-card.hh-card .hh-amt{font-size:34px;line-height:1.1;}
.hh .hs-card.hh-card .hs-card-note.hh-note{font-size:12.5px;line-height:1.35;margin-bottom:12px;}
.hh .hs-card.hh-card .hs-card-btn.hh-buy{height:42px;margin-bottom:10px;}
.hh .hs-card.hh-card .hs-card-inc{margin-top:14px;}
.hh .hs-card.hh-card .hs-card-inc>p{margin-bottom:6px;font-size:12.5px;}
.hh .hs-card.hh-card .hs-card-inc li{font-size:13px;line-height:18px;gap:6px;}
.hh .hs-card.hh-card .hs-card-inc li+li{margin-top:4px;}
.hh .hs-card.hh-card .hs-card-inc li svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px;}

/* 1b) Paketler bolmesinin oz bosluqlari ve kateqoriya tablari yigcamlasir
      ki daha coxu bir ekrana sigsin (Hamza: hamisi bir ekranda gorsensin) */
.hh #hs-plans{padding-top:64px;padding-bottom:72px;}
.hh #hs-plans .hs-h2{margin-bottom:14px;}
.hh .hs-tabs.hh-t3 .hs-tab{padding:16px 16px;}
.hh .hs-tabs.hh-t3 .hs-tab-t{font-size:17px;margin-bottom:8px;}
.hh .hs-tabs.hh-t3 .hs-tab li{font-size:12.5px;line-height:1.35;}
.hh .hs-tabs.hh-t3 .hs-tab li+li{margin-top:4px;}
.hh .hs-tabs.hh-t3 .hs-tab li:nth-child(n+4){display:none;}
.hh .hs-tabs.hh-t3 .hs-tab-p{margin-top:10px;font-size:13px;}

/* 1c) Masaustunde paketler karusel deyil, hamisi birden gorunur
      (Hamza: paketler hamisi bir ekranda gorsensin). Ox duymeleri
      gizlenir, kartlar setiri beraber bolusur. */
@media(min-width:640px){
  .hh .hs-trackw{overflow:visible;}
  .hh .hs-trackw .hs-track{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    gap:12px;
    overflow:visible;
    scroll-snap-type:none;
    transform:none !important;
  }
  .hh .hs-trackw .hs-track>.hs-card{
    flex:1 1 0;
    min-width:0;
    max-width:300px;
    scroll-snap-align:none;
  }
  .hh .hs-trackw .hs-nav{display:none !important;}
  .hh .hs-card.hh-card .hs-card-inc li{font-size:12.5px;}
}

/* 2) Mobil hero: dekorativ panel maketi gizlenir, bosluqlar daralir */
@media(max-width:639px){
  .hh .hs-hero-r{display:none;}
  .hh .hs-hero{padding-top:26px;padding-bottom:22px;}
  .hh .hs-hero .hs-h1{font-size:30px;line-height:1.15;}
  .hh .hs-hero .hs-lead{margin-bottom:14px;}
  .hh .hs-hero-grid{gap:0;}
}

/* 3) Mobil: paketler 3 sutunda kompakt plite (ad + qiymet + duyme) */
@media(max-width:639px){
  /* DİQQƏT: .hs-track əsas qaydasında `grid-auto-flow:column` və
     `grid-auto-columns:min(85%,24rem)` var (üfüqi karusel üçün).
     Şəbəkəyə keçirəndə onları MÜTLƏQ sıfırlamaq lazımdır, yoxsa brauzer
     kartları gizli sütunlara yığır və onlar üst-üstə düşür.
     Telefonda TƏK sütun: paketin içindəki "Daxildir" siyahısı tam oxunsun. */
  .hh .hs-trackw{overflow:visible;}
  .hh .hs-trackw .hs-track{
    display:grid;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    overflow:visible;
    scroll-snap-type:none;
    padding:12px 0 4px;
    margin:0;
    scroll-padding-left:0;
  }
  .hh .hs-trackw .hs-nav{display:none;}
  .hh .hs-card.hh-card{
    width:auto;min-width:0;max-width:none;flex:initial;
    padding:18px 16px;scroll-snap-align:none;text-align:left;
  }
  .hh .hs-card.hh-card>h3{font-size:18px;line-height:1.25;margin-bottom:6px;}
  .hh .hs-card.hh-card .hs-card-tags{justify-content:flex-start;min-height:0;margin-top:8px;gap:10px;}
  .hh .hs-card.hh-card .hs-card-tags span{margin-left:0;font-size:11px;padding:2px 9px;}
  .hh .hs-card.hh-card .hs-card-price{justify-content:flex-start;margin-top:2px;}
  .hh .hs-card.hh-card .hh-amt{font-size:30px;line-height:1.15;}
  .hh .hs-card.hh-card .hh-plab{font-size:14px;}
  .hh .hs-card.hh-card .hs-card-note.hh-note{
    display:block;min-height:0;font-size:12.5px;line-height:1.4;margin-bottom:2px;
  }
  /* paketin içi telefonda da görünür */
  .hh .hs-card.hh-card .hs-card-inc{display:block;margin-top:16px;text-align:left;}
  .hh .hs-card.hh-card .hs-card-inc>p{margin-bottom:8px;font-size:10px;}
  .hh .hs-card.hh-card .hs-card-inc li{font-size:13.5px;line-height:19px;gap:8px;}
  .hh .hs-card.hh-card .hs-card-inc li+li{margin-top:6px;}
  .hh .hs-card.hh-card .hs-card-inc li svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px;}
  .hh .hs-card.hh-card .hs-card-btn.hh-buy{
    height:auto;min-height:46px;font-size:14.5px;line-height:1.3;
    padding:12px 10px;margin-top:14px;margin-bottom:0;white-space:normal;text-align:center;
  }
}

/* ==========================================================================
   v2, 6 Okt 2026 (Hamza: mobilde cox rahat, reklamdan gelen ucun celbedici, saytim.az / epoct.az
   paketin icinde gorunsun; Hostinger kart quruluşu numune). Mobil-oncelikli. Kolge ve isiq YOXDUR.
   Butun qaydalar .hh (ve .hh2-bar) altindadir, VPS/server sehifelerine tesir etmir.
   ========================================================================== */

/* sabit mobil basliq (60-70px) altinda lövber kecidi */
.hh #hs-plans,.hh .hh-card{scroll-margin-top:78px;}

/* ---------- HERO ---------- */
.hh .hh2-hero{padding:0;}
.hh .hh2-hero .hs-hero-l{padding:22px 0 26px;}
@media(min-width:640px){.hh .hh2-hero .hs-hero-l{padding:48px 0 36px;}}
@media(min-width:1024px){.hh .hh2-hero .hs-hero-l{padding:88px 0;}}
.hh .hh2-hero .hs-eyebrow{margin-bottom:12px;font-size:13px;padding:7px 10px 7px 8px;}
.hh .hh2-hero .hs-h1{font-size:30px;line-height:1.14;letter-spacing:-.015em;margin-bottom:12px;}
@media(min-width:640px){.hh .hh2-hero .hs-h1{font-size:42px;line-height:1.12;margin-bottom:16px;}}
@media(min-width:1024px){.hh .hh2-hero .hs-h1{font-size:52px;line-height:1.08;margin-bottom:20px;}}
.hh .hh2-hl{white-space:nowrap;padding:0 3px;border-radius:4px;
  background:linear-gradient(transparent 58%,#c6fb4b 58%,#c6fb4b 94%,transparent 94%);}
.hh .hh2-hero .hs-lead{font-size:16px;line-height:1.5;margin-bottom:16px;}
@media(min-width:1024px){.hh .hh2-hero .hs-lead{font-size:18px;margin-bottom:22px;}}

/* 4 qisa ustunluk: mobilde 2x2 */
.hh .hh2-bul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0 0 16px;}
.hh .hh2-bul li{margin:0;align-items:flex-start;font-size:14px;line-height:1.35;}
.hh .hh2-bul li svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px;color:var(--hs-accent);}
@media(min-width:1024px){.hh .hh2-bul{gap:10px 20px;margin-bottom:22px;}.hh .hh2-bul li{font-size:16px;line-height:1.4;}}

/* hediyyeler zolagi: Saytim.az + ePoct + mobil tetbiq */
.hh .hh2-gifts{margin:0 0 16px;padding:12px;border:1px solid #d3e9d8;border-radius:14px;background:rgba(255,255,255,.78);}
.hh .hh2-gifts-t{display:block;margin-bottom:8px;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--hs-link);}
.hh .hh2-gifts ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.hh .hh2-gifts li{display:flex;align-items:center;gap:8px;min-width:0;}
.hh .hh2-gifts li i{display:flex;flex:0 0 30px;width:30px;height:30px;border-radius:9px;overflow:hidden;}
.hh .hh2-gifts li i img,.hh .hh2-gifts li i svg{width:100%;height:100%;display:block;}
.hh .hh2-gifts li span{display:flex;flex-direction:column;min-width:0;}
.hh .hh2-gifts li b{font-size:13px;line-height:1.2;font-weight:700;color:var(--hs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hh .hh2-gifts li small{font-size:11px;line-height:1.25;color:var(--hs-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:639px){
  .hh .hh2-gifts li{flex-direction:column;align-items:flex-start;gap:6px;}
  .hh .hh2-gifts li span{width:100%;}
  .hh .hh2-gifts li b,.hh .hh2-gifts li small{white-space:normal;overflow:visible;text-overflow:clip;}
}
@media(max-width:379px){
  .hh .hh2-gifts{padding:10px;}
  .hh .hh2-gifts li{gap:6px;}
  .hh .hh2-gifts li i{flex-basis:26px;width:26px;height:26px;border-radius:8px;}
  .hh .hh2-gifts li b{font-size:12px;}
  .hh .hh2-gifts li small{font-size:10px;}
}
@media(min-width:1024px){.hh .hh2-gifts{max-width:560px;margin-bottom:24px;padding:14px 16px;}}

/* duymeler: mobilde "Paketi sec" tam en + kvadrat WhatsApp */
.hh .hh2-ctas{gap:10px;margin-bottom:12px;}
.hh .hh2-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 16px;border-radius:8px;
  border:1px solid var(--hs-dark);background:#fff;color:var(--hs-ink);font-size:15px;font-weight:600;line-height:1;transition:background-color .2s;}
.hh .hh2-wa:hover{background:#f4fbf3;color:var(--hs-ink);}
.hh .hh2-wa svg{width:20px;height:20px;flex:0 0 20px;color:#128c3e;}
@media(max-width:639px){
  .hh .hh2-ctas{display:grid;grid-template-columns:minmax(0,1fr) 48px;}
  .hh .hh2-ctas .hs-btn{justify-content:space-between;width:100%;}
  .hh .hh2-ctas .hs-btn:hover{transform:none;}
  .hh .hh2-wa{padding:0;width:48px;}
  .hh .hh2-wa span{display:none;}
}
.hh .hh2-micro{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:12.5px;line-height:1.45;color:var(--hs-muted);}
.hh .hh2-micro i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;}

/* ---------- PAKETLER ---------- */
.hh .hh2-plans{padding-top:36px;padding-bottom:48px;}
@media(min-width:1024px){.hh .hh2-plans{padding-top:72px;padding-bottom:88px;}}
.hh .hh2-plans .hs-h2{font-size:28px;line-height:1.2;margin-bottom:0;}
@media(min-width:640px){.hh .hh2-plans .hs-h2{font-size:38px;line-height:1.2;}}
.hh .hh2-chips{gap:6px 16px;margin-top:12px;}
.hh .hh2-chips li{gap:6px;font-size:13.5px;line-height:20px;}
.hh .hh2-chips li i{width:18px;height:18px;}
.hh .hh2-chips li i svg{width:16px;height:16px;color:var(--hs-accent);}
@media(max-width:639px){.hh .hh2-plans .hs-tabs-m{margin-top:18px;}}

/* odenish dovru: mobilde tek setir, ufuqi surushdurulur; qenaet faizi nishani */
.hh .hh2-per{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px;width:auto;max-width:100%;margin:22px auto 0;padding:4px;
  border-radius:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.hh .hh2-per::-webkit-scrollbar{display:none;}
.hh .hh2-per button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:10px 13px;border-radius:10px;font-size:14px;line-height:1;text-align:left;}
.hh .hh2-per button em{font-style:normal;font-size:11px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;background:#e5f9c6;color:#28520b;}
.hh .hh2-per button.is-on em{background:var(--hs-lime);color:var(--hs-ink);}
@media(max-width:639px){
  .hh .hh2-per{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;width:100%;border-radius:16px;}
  .hh .hh2-per button{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px 4px;border-radius:12px;font-size:13.5px;text-align:center;}
  .hh .hh2-per button em{font-size:10.5px;padding:2px 6px;}
}
@media(min-width:640px){
  .hh .hh2-per{width:fit-content;justify-content:center;border-radius:9999px;}
  .hh .hh2-per button{border-radius:9999px;padding:10px 16px;}
}
.hh .hh-per-note{font-size:13px;margin-top:8px;}

/* suretli paket cipleri (yalniz mobil) */
.hh .hh2-qp{display:none;}
@media(max-width:767px){
  .hh .hh2-qp{display:flex;gap:8px;margin:16px -24px 0;padding:2px 24px 4px;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-left:24px;}
  .hh .hh2-qp::-webkit-scrollbar{display:none;}
  .hh .hh2-qp button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:0 0 auto;padding:9px 12px;border-radius:12px;
    border:1px solid var(--hs-line);background:#fff;text-align:left;scroll-snap-align:start;transition:background-color .2s,border-color .2s;}
  .hh .hh2-qp button b{font-size:13px;line-height:1.15;font-weight:600;color:var(--hs-ink);white-space:nowrap;}
  .hh .hh2-qp .hh2-qp-p{font-size:12px;line-height:1.15;color:var(--hs-muted);white-space:nowrap;}
  .hh .hh2-qp button.is-pop{border-color:var(--hs-accent);}
  .hh .hh2-qp button.is-cur{background:var(--hs-dark);border-color:var(--hs-dark);}
  .hh .hh2-qp button.is-cur b{color:#fff;}
  .hh .hh2-qp button.is-cur .hh2-qp-p{color:var(--hs-lime);}
}

/* kart sebekesi: mobil 1, tablet 2, kicik masaustu 3, genis masaustu hamisi bir setirde */
.hh .hh2-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px;align-items:stretch;}
@media(min-width:640px){.hh .hh2-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;}}
@media(min-width:960px){.hh .hh2-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(min-width:1240px){
  .hh .hh2-grid.hh2-n5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
  .hh .hh2-grid.hh2-n4{grid-template-columns:repeat(4,minmax(0,1fr));}
}
.hh .hh2-grid.hh2-n1{grid-template-columns:minmax(0,440px);justify-content:center;}
@media(min-width:640px){.hh .hh2-grid.hh2-n2{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;}}

/* kart */
.hh .hh2-grid .hs-card.hh-card{position:relative;display:flex;flex-direction:column;height:auto;width:auto;min-width:0;max-width:none;
  padding:22px 18px 18px;border-radius:16px;border:1px solid var(--hs-line);background:#fff;text-align:left;scroll-snap-align:none;}
.hh .hh2-grid .hh-card>h3{margin:0;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--hs-ink);}
.hh .hh2-tag{margin:4px 0 0;font-size:13.5px;line-height:1.4;color:var(--hs-muted);}
.hh .hh2-pr{margin-top:14px;}
.hh .hh2-pr-t{display:flex;align-items:center;gap:8px;min-height:22px;}
.hh .hh2-pr-t .hh-old{font-style:normal;font-size:14px;line-height:1;color:rgba(10,22,22,.42);text-decoration:line-through;}
.hh .hh2-save{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--hs-lime);color:var(--hs-ink);font-size:12px;font-weight:700;line-height:1;}
.hh .hh2-grid .hs-card-price{display:flex;justify-content:flex-start;align-items:baseline;gap:2px;margin:2px 0 0;}
.hh .hh2-grid .hs-card-price b{font-size:38px;line-height:1.1;font-weight:600;letter-spacing:-.02em;color:var(--hs-ink);}
.hh .hh2-grid .hs-card-price span{font-size:15px;line-height:1.2;color:rgba(10,22,22,.55);}
.hh .hh2-grid .hs-card-note{min-height:0;margin:4px 0 0;font-size:12.5px;line-height:1.4;color:rgba(10,22,22,.56);}
.hh .hh2-grid .hs-card-btn{min-height:48px;height:auto;margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:600;line-height:1.3;
  text-align:center;white-space:normal;}
.hh .hh2-grid .hs-card-inc{display:block;margin-top:18px;padding-top:16px;border-top:1px solid var(--hs-line);text-align:left;}
.hh .hh2-grid .hs-card-inc>p,.hh .hh2-grp>p{margin:0 0 9px;font-size:11.5px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-muted);}
.hh .hh2-grid .hs-card-inc li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--hs-ink);}
.hh .hh2-grid .hs-card-inc li+li{margin-top:6px;}
.hh .hh2-grid .hs-card-inc li svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:var(--hs-accent);}

/* paketin icindeki bolmeler: Sayt qur / Poct ve idareetme / Tehlukesizlik */
.hh .hh2-grp{margin-top:16px;padding-top:14px;border-top:1px dashed #d8e2db;}
.hh .hh2-grp li{display:flex;align-items:center;gap:9px;font-size:14px;line-height:20px;color:var(--hs-ink);}
.hh .hh2-grp li+li{margin-top:8px;}
.hh .hh2-grp li i{display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;overflow:hidden;color:var(--hs-accent);}
.hh .hh2-grp li i svg{width:20px;height:20px;}
.hh .hh2-grp li i img{width:22px;height:22px;border-radius:6px;display:block;}
.hh .hh2-grp li span{flex:1 1 auto;min-width:0;}
.hh .hh2-grp li em{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#e5f9c6;color:#28520b;font-style:normal;font-size:10.5px;
  font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;}

/* "Niye bu paket?" (yalniz tovsiye olunan kartda) */
.hh .hh2-why{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--hs-mint);}
.hh .hh2-why b{display:block;margin-bottom:3px;font-size:13px;font-weight:700;color:var(--hs-link);}
.hh .hh2-why span{font-size:13.5px;line-height:1.45;color:var(--hs-ink);}

/* tovsiye olunan paket: tund kart + lime nishan/duyme */
.hh .hh2-rib{position:absolute;top:-12px;left:18px;padding:6px 11px;border-radius:999px;background:var(--hs-lime);color:var(--hs-ink);
  font-size:12px;font-weight:700;line-height:1;}
.hh .hh2-grid .hh-card.is-pop{background:var(--hs-dark);border-color:var(--hs-dark);color:#fff;}
.hh .hh2-grid .hh-card.is-pop>h3,.hh .hh2-grid .hh-card.is-pop .hs-card-price b,
.hh .hh2-grid .hh-card.is-pop .hs-card-inc li,.hh .hh2-grid .hh-card.is-pop .hh2-grp li{color:#fff;}
.hh .hh2-grid .hh-card.is-pop .hh2-tag,.hh .hh2-grid .hh-card.is-pop .hs-card-note,
.hh .hh2-grid .hh-card.is-pop .hs-card-price span{color:rgba(255,255,255,.72);}
.hh .hh2-grid .hh-card.is-pop .hh-old{color:rgba(255,255,255,.45);}
.hh .hh2-grid .hh-card.is-pop .hs-card-inc{border-top-color:rgba(255,255,255,.14);}
.hh .hh2-grid .hh-card.is-pop .hh2-grp{border-top-color:rgba(255,255,255,.16);}
.hh .hh2-grid .hh-card.is-pop .hs-card-inc>p,.hh .hh2-grid .hh-card.is-pop .hh2-grp>p{color:rgba(255,255,255,.6);}
.hh .hh2-grid .hh-card.is-pop .hs-card-inc li svg{color:var(--hs-mintb);}
.hh .hh2-grid .hh-card.is-pop .hs-card-inc li svg path{stroke:var(--hs-dark);}
.hh .hh2-grid .hh-card.is-pop .hh2-grp li i{color:var(--hs-mintb);}
.hh .hh2-grid .hh-card.is-pop .hh2-grp li em{background:var(--hs-lime);color:var(--hs-ink);}
.hh .hh2-grid .hh-card.is-pop .hs-card-btn{background:var(--hs-lime);color:var(--hs-ink);}
.hh .hh2-grid .hh-card.is-pop .hs-card-btn:hover{background:#d5ff70;color:var(--hs-ink);}
.hh .hh2-grid .hh-card.is-pop .hh2-why{background:rgba(255,255,255,.08);}
.hh .hh2-grid .hh-card.is-pop .hh2-why b{color:var(--hs-lime);}
.hh .hh2-grid .hh-card.is-pop .hh2-why span{color:#fff;}
@media(max-width:639px){.hh .hh2-grid .hh-card.is-pop{margin-top:6px;}}

/* genis masaustunde 5 kart bir setirde: bir az yigcam */
@media(min-width:1240px){
  .hh .hh2-grid.hh2-n5 .hs-card.hh-card{padding:22px 15px 16px;}
  .hh .hh2-grid.hh2-n5 .hh-card>h3{font-size:18px;}
  .hh .hh2-grid.hh2-n5 .hh2-tag{font-size:12.5px;min-height:36px;}
  .hh .hh2-grid.hh2-n5 .hs-card-price b{font-size:31px;}
  .hh .hh2-grid.hh2-n5 .hs-card-price span{font-size:13.5px;}
  .hh .hh2-grid.hh2-n5 .hs-card-note{font-size:12px;min-height:34px;}
  .hh .hh2-grid.hh2-n5 .hs-card-btn{font-size:14px;padding:11px 10px;}
  .hh .hh2-grid.hh2-n5 .hs-card-inc li,.hh .hh2-grid.hh2-n5 .hh2-grp li{font-size:13px;line-height:18px;}
  .hh .hh2-grid.hh2-n5 .hh2-grp li{gap:7px;}
  .hh .hh2-grid.hh2-n5 .hh2-grp li em{font-size:9.5px;padding:2px 5px;}
  .hh .hh2-grid.hh2-n5 .hh2-rib{left:15px;}
}

/* tehlukesiz odenish setri */
.hh .hh2-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin-top:24px;font-size:13px;line-height:1.4;
  color:var(--hs-muted);text-align:center;}
.hh .hh2-trust-l{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--hs-ink);}
.hh .hh2-trust-l i{display:flex;width:16px;height:16px;color:var(--hs-accent);}
.hh .hh2-trust-l i svg{width:16px;height:16px;}
.hh .hh2-pay{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;}
.hh .hh2-pay b{padding:4px 8px;border-radius:6px;border:1px solid var(--hs-line);background:#fff;font-size:12px;font-weight:600;line-height:1.2;color:var(--hs-ink);}
.hh .hh2-trust-r{flex-basis:100%;}
.hh .hs-nextrow{margin-top:20px;}

/* ---------- MOBIL: yapisqan sifaris zolagi (.hs-den kenarda yasayir, ona gore oz tokenleri var) ---------- */
.hh2-bar{display:none;}
@media(max-width:767px){
  .hh2-bar{position:fixed;left:0;right:0;bottom:0;z-index:990;display:flex;align-items:center;gap:12px;box-sizing:border-box;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#082615;color:#fff;
    font-family:'DM Sans',-apple-system,system-ui,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;
    transform:translateY(110%);transition:transform .25s ease;}
  .hh2-bar *{box-sizing:border-box;}
  .hh2-bar.is-on{transform:none;}
  .hh2-bar-i{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;}
  .hh2-bar-n{font-size:12.5px;line-height:1.25;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hh2-bar-p{white-space:nowrap;}
  .hh2-bar-p b{font-size:20px;line-height:1.2;font-weight:700;color:#fff;}
  .hh2-bar-p em{margin-left:2px;font-style:normal;font-size:13px;color:rgba(255,255,255,.7);}
  .hh2-bar-btn{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:44px;padding:0 14px 0 16px;border-radius:10px;
    background:#c6fb4b;color:#0a1616;font-size:15px;font-weight:700;line-height:1;text-decoration:none;}
  .hh2-bar-btn:hover,.hh2-bar-btn:focus{color:#0a1616;text-decoration:none;}
  .hh2-bar-btn i{display:flex;}
  .hh2-bar-btn svg{width:15px;height:12px;display:block;}
  .hh2-bar-btn.is-off{opacity:.5;pointer-events:none;}
  body.hh2-bar-on{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
  body.hh2-bar-on .whatsapp-widget{bottom:calc(80px + env(safe-area-inset-bottom)) !important;transition:bottom .25s ease;}
  body.hh2-bar-on #hqlc{bottom:calc(135px + env(safe-area-inset-bottom)) !important;transition:bottom .25s ease;}
}

/* hero maketi 1024-1439px-de sagdan kesilirdi (h26-servers.css: margin-right:-80px); burada ekrana sigir */
@media(min-width:1024px) and (max-width:1439px){
  .hh .hh2-hero .hs-hero-r{margin-right:0;}
  .hh .hh2-hero .hs-mock{max-width:520px;}
}

/* 2 hediyye (korporativ poct sehifesi: ePoct + mobil tetbiq) 2 sutunda */
.hh .hh2-gifts.hh2-g2 ul{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(min-width:1024px){.hh .hh2-gifts.hh2-g2{max-width:400px;}}

/* ---------- MURACIET FORMU (6 Okt 2026) ---------- */
.hh .hh2-leadsec{ padding-top:0; padding-bottom:48px; }
@media(min-width:1024px){ .hh .hh2-leadsec{ padding-bottom:88px; } }
.hh .hh2-lead{ display:grid; grid-template-columns:minmax(0,1fr); gap:22px; padding:24px 18px; border-radius:20px; background:var(--hs-dark); color:#fff; }
@media(min-width:900px){ .hh .hh2-lead{ grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; align-items:center; padding:44px; } }
.hh .hh2-lead-k{ display:inline-flex; align-items:center; gap:8px; padding:6px 11px; border-radius:999px; background:rgba(198,251,75,.13); color:var(--hs-lime); font-size:13px; font-weight:700; }
.hh .hh2-lead-k svg{ width:16px; height:16px; }
.hh .hh2-lead h2{ margin:14px 0 8px; font-size:25px; line-height:1.2; font-weight:600; letter-spacing:-.01em; color:#fff; }
@media(min-width:900px){ .hh .hh2-lead h2{ font-size:34px; } }
.hh .hh2-lead-t > p{ margin:0; font-size:15px; line-height:1.55; color:rgba(255,255,255,.8); }
.hh .hh2-lead-b{ margin:16px 0 0; }
.hh .hh2-lead-b li{ display:flex; align-items:center; gap:8px; margin-top:8px; font-size:14px; line-height:1.4; color:#fff; }
.hh .hh2-lead-b li svg{ width:16px; height:16px; flex:0 0 16px; color:var(--hs-mintb); }
.hh .hh2-lead-b li svg path{ stroke:var(--hs-dark); }
.hh .hh2-lead-f{ position:relative; display:flex; flex-direction:column; gap:12px; padding:18px; border-radius:16px; background:#fff; color:var(--hs-ink); }
.hh .hh2-lf{ display:flex; flex-direction:column; gap:6px; margin:0; }
.hh .hh2-lf > span:first-child{ font-size:13px; font-weight:600; color:var(--hs-ink); }
.hh .hh2-lf input{ width:100%; height:48px; padding:0 14px; border:1.5px solid #dfe7e2; border-radius:12px; background:#fff; color:var(--hs-ink); font:inherit; font-size:16px; outline:none; box-sizing:border-box; }
.hh .hh2-lf input:focus{ border-color:var(--hs-accent); }
.hh .hh2-lph{ display:flex; align-items:stretch; border:1.5px solid #dfe7e2; border-radius:12px; overflow:hidden; background:#fff; }
.hh .hh2-lph:focus-within{ border-color:var(--hs-accent); }
.hh .hh2-lph em{ display:flex; align-items:center; padding:0 12px; font-style:normal; font-size:16px; font-weight:600; color:#5d7168; background:#f3f7f4; border-right:1px solid #dfe7e2; }
.hh .hh2-lph input{ flex:1 1 auto; min-width:0; border:0; border-radius:0; }
.hh .hh2-hp{ position:absolute !important; left:-9999px !important; top:auto; width:1px !important; height:1px !important; opacity:0 !important; }
.hh .hh2-lead-btn{ display:flex; align-items:center; justify-content:center; gap:10px; height:52px; border-radius:12px; background:var(--hs-lime); color:var(--hs-ink); font-size:16px; font-weight:800; transition:background-color .2s; }
.hh .hh2-lead-btn:hover{ background:#d5ff70; }
.hh .hh2-lead-btn svg{ width:16px; height:13px; }
.hh .hh2-lead-btn[disabled]{ opacity:.6; pointer-events:none; }
.hh .hh2-lead-f p.hh2-lead-note{ margin:0; font-size:12px; line-height:1.45; color:#7d9188; }
.hh .hh2-lead-note a{ color:var(--hs-link); text-decoration:underline; }
.hh .hh2-lead-msg{ font-size:14px; line-height:1.45; }
.hh .hh2-lead-msg:empty{ display:none; }
.hh .hh2-lead-msg.is-ok{ color:#12723c; font-weight:600; }
.hh .hh2-lead-msg.is-err{ color:#c2412d; }
.hh .hh2-lead-f.is-done .hh2-lf,.hh .hh2-lead-f.is-done .hh2-lead-btn,.hh .hh2-lead-f.is-done .hh2-lead-note{ display:none; }
.hh .hh2-lead-f.is-done .hh2-lead-msg{ padding:22px 6px; font-size:16px; text-align:center; }

/* hero: muraciet formuna kecid (6 Okt 2026) */
.hh .hh2-hlead{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 6px;margin:0 0 12px;font-size:14px;line-height:1.4;color:var(--hs-muted);text-decoration:none;}
.hh .hh2-hlead b{display:inline-flex;align-items:center;gap:4px;color:var(--hs-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--hs-accent);text-decoration-thickness:2px;text-underline-offset:4px;}
.hh .hh2-hlead b svg{width:14px;height:14px;flex:0 0 14px;color:var(--hs-accent);}
.hh .hh2-hlead:hover b{color:var(--hs-accent);}
.hh #hh-lead{scroll-margin-top:78px;}

/* paketde olmayan imkan (7 Okt 2026: Ultra Ekonomik-de WordPress / WooCommerce / Node.js-Python yoxdur) */
.hh .hh2-grp li.is-off{color:rgba(10,22,22,.42);}
.hh .hh2-grp li.is-off i{filter:grayscale(1);opacity:.45;}
.hh .hh2-grp li.is-off em.hh2-off{background:#eef1ef;color:#55635b;}
.hh .hh2-upsell{display:inline-block;margin-top:10px;font-size:13px;line-height:1.4;font-weight:600;color:var(--hs-link);
  text-decoration:underline;text-decoration-color:var(--hs-accent);text-decoration-thickness:2px;text-underline-offset:3px;}
.hh .hh2-upsell:hover,.hh .hh2-upsell:focus{color:var(--hs-ink);}
/* 6 kart (Bronz XX1 elave olundu): genis ekranda da 3x2, kart dar dusmesin (5 sutunda 6-ci kart asagida tek qalirdi) */
@media(min-width:1240px){.hh .hh2-grid.hh2-n6{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* ---------- TELEFON: yigcam paket kartlari (7 Okt 2026, Hamza: "paketler bir ekranda gorsensin, paket haqqinda daha cox duymesi olsun")
   sol: ad + 1 setir gosterici, sag: qiymet + "Al"; detallar "Paket haqqinda daha cox" ile acilir. >=640px deyismir. ---------- */
.hh .hh2-mini,.hh .hh2-more,.hh .hh-buy-s{display:none;}
@media(max-width:639px){
  .hh .hh2-plans .hh2-qp{display:none;}
  .hh .hh2-grid{gap:8px;}
  .hh .hh2-grid .hs-card.hh-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "mini buy" "more buy";
    column-gap:12px;row-gap:1px;align-items:center;padding:12px 12px 10px 14px;border-radius:14px;}
  .hh .hh2-grid .hh-card>h3{grid-area:name;margin:0;font-size:16.5px;line-height:1.25;}
  .hh .hh2-grid .hh-card>.hh2-tag{display:none;}
  .hh .hh2-grid .hh-card>.hh2-mini{grid-area:mini;display:block;margin:0;font-size:12.5px;line-height:1.35;color:var(--hs-muted);}
  .hh .hh2-grid .hh-card>.hh2-pr{grid-area:price;margin:0;}
  .hh .hh2-grid .hh-card .hh2-pr-t,.hh .hh2-grid .hh-card .hh2-pr .hs-card-note{display:none !important;}
  .hh .hh2-grid .hh-card .hs-card-price{justify-content:flex-end;margin:0;}
  .hh .hh2-grid .hh-card .hs-card-price b{font-size:21px;line-height:1.15;}
  .hh .hh2-grid .hh-card .hs-card-price span{font-size:12.5px;}
  /* kohne mobil qayda (.hh .hs-card.hh-card .hs-card-btn.hh-buy, 5 sinif) daha guclu idi: 6 sinifli secici */
  .hh .hh2-grid .hs-card.hh-card>.hs-card-btn.hh-buy{grid-area:buy;align-self:center;justify-self:end;width:auto;min-width:68px;height:auto;min-height:36px;margin:2px 0 0;padding:8px 18px;font-size:14.5px;line-height:1.3;}
  .hh .hh2-grid .hh-card>.hh-buy .hh-buy-l{display:none;}
  .hh .hh2-grid .hh-card>.hh-buy .hh-buy-s{display:inline;}
  .hh .hh2-grid .hh-card>.hh2-more{grid-area:more;display:inline-flex;align-items:center;gap:4px;justify-self:start;margin:2px 0 0;padding:2px 0;
    border:0;background:none;font:inherit;font-size:13px;line-height:1.2;font-weight:600;color:var(--hs-link);cursor:pointer;}
  .hh .hh2-grid .hh-card>.hh2-more svg{width:12px;height:12px;flex:0 0 12px;transition:transform .2s ease;}
  .hh .hh2-grid .hh-card.is-open>.hh2-more svg{transform:rotate(180deg);}
  .hh .hh2-grid .hh-card>.hs-card-inc,.hh .hh2-grid .hh-card>.hh2-grp,.hh .hh2-grid .hh-card>.hh2-why{display:none;grid-column:1 / -1;}
  .hh .hh2-grid .hh-card.is-open>.hh2-tag{display:block;grid-column:1 / -1;margin:10px 0 0;}
  .hh .hh2-grid .hh-card.is-open>.hs-card-inc,.hh .hh2-grid .hh-card.is-open>.hh2-grp,.hh .hh2-grid .hh-card.is-open>.hh2-why{display:block;}
  .hh .hh2-grid .hh-card.is-open>.hs-card-inc{margin-top:12px;padding-top:12px;}
  .hh .hh2-grid .hh-card.is-cur{box-shadow:0 0 0 2px var(--hs-accent);}
  .hh .hh2-grid .hh-card.is-pop{margin-top:12px;}
  .hh .hh2-grid .hh-card.is-pop>.hh2-mini{color:rgba(255,255,255,.72);}
  .hh .hh2-grid .hh-card.is-pop>.hh2-more{color:var(--hs-lime);}
  .hh .hh2-grid .hh-card.is-pop.is-cur{box-shadow:0 0 0 2px var(--hs-lime);}
  .hh .hh2-rib{top:-10px;left:14px;padding:5px 10px;font-size:11px;}
}

/* yigcam kart elavesi (7 Okt 2026): uzun dovrde cem + Ultra-da WordPress/Node yoxdur */
.hh .hh-tot{display:none;}
@media(max-width:639px){
  /* cem setri sag sutunu genishlendirib karti 120-155px edirdi: qiymet blokunu acib (display:contents) cemi ayrica tam enli setre kecir */
  .hh .hh2-grid .hs-card.hh-card{grid-template-areas:"name price" "mini buy" "more buy" "tot tot";}
  .hh .hh2-grid .hh-card>.hh2-pr{display:contents;}
  .hh .hh2-grid .hh-card .hs-card-price{grid-area:price;}
  .hh .hh2-grid .hh-card .hh-tot{grid-area:tot;display:block;margin:3px 0 0;font-size:11.5px;line-height:1.3;text-align:right;color:var(--hs-muted);}
  .hh .hh2-grid .hh-card .hh-tot:empty{display:none;}
  .hh .hh2-grid .hh-card.is-pop .hh-tot{color:rgba(255,255,255,.72);}
  .hh .hh2-grid .hh-card .hh2-mini-off{display:block;margin-top:1px;font-weight:600;color:#9a5b13;}
}