@charset "UTF-8";
/* Ana sehife TELEFON v2 (6 Okt 2026): inc/h26-home-mobile.php.
   Komputerde (>=768px) bu blok gorunmur ve hec bir bolme gizlenmir. */
.hmb,.hmb-bar{display:none;}

@media(max-width:767px){
  /* telefonda kohne uzun bolmeler: hero (kohne qiymetler), sosial zolaq, bento, logolar, uzun paket kartlari,
     veb hazirlama, mobil tetbiq, satishda olan domenler, hostinq ailesi, "Niye hostinq.az" */
  .h26-hero2,.h26-social-strip,.h26-domain-section,.h26-usecase,.h26-trust-bar,.hp-plans,
  .h26-webdev,#mobil-tetbiq,section.hm,section.hpj,.h26-trust2{display:none !important;}

  .hmb{display:block;position:relative;z-index:1;box-sizing:border-box;padding:20px 16px 28px;background:#f3f6f1;color:#0f1f17;
    font-family:'DM Sans',-apple-system,system-ui,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;}
  .hmb *{box-sizing:border-box;}
  .hmb a{text-decoration:none;}

  /* hero */
  .hmb-hero{padding:6px 2px 4px;}
  .hmb-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#c6fb4b;color:#082615;
    font-size:13px;font-weight:700;line-height:1.2;}
  .hmb-h1{margin:14px 0 10px !important;font-size:34px !important;line-height:1.08 !important;font-weight:600 !important;letter-spacing:-.02em;color:#082615 !important;}
  .hmb-h1 em{font-style:normal;color:#16a45f;}
  .hmb-sub{margin:0 0 14px;font-size:16px;line-height:1.5;color:#3d4c44;}
  .hmb-checks{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px;}
  .hmb-checks li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;color:#13261c;}
  .hmb-checks svg{flex:none;color:#16a45f;}
  .hmb-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:56px;padding:0 10px 0 20px;
    border-radius:14px;background:#082615;color:#fff !important;font-size:17px;font-weight:600;}
  .hmb-cta svg{flex:none;width:38px;height:38px;padding:11px;border-radius:10px;background:#c6fb4b;color:#082615;}
  .hmb-from{margin:10px 0 0;font-size:13.5px;color:#5a6a61;text-align:center;}
  .hmb-from b{color:#082615;font-weight:700;}

  /* paketler */
  .hmb-plans{margin-top:22px;padding:18px 14px 16px;border-radius:18px;background:#fff;scroll-margin-top:80px;}
  .hmb-h2{margin:0 0 4px !important;font-size:22px !important;line-height:1.2 !important;font-weight:600 !important;color:#082615 !important;letter-spacing:-.01em;}
  .hmb-lead{margin:0 0 12px;font-size:14px;color:#5a6a61;}
  .hmb-list{display:flex;flex-direction:column;gap:10px;}
  .hmb-plan{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px 12px;border:1px solid #e3e9e4;border-radius:14px;color:inherit;}
  .hmb-plan.is-pop{border-color:#16a45f;background:#f5fcf7;}
  .hmb-plan-t{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .hmb-plan-t em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#137a46;}
  .hmb-plan-t b{font-size:16px;line-height:1.2;font-weight:700;color:#082615;}
  .hmb-plan-t small{font-size:12.5px;line-height:1.3;color:#5d6b64;}
  .hmb-plan-p{display:flex;align-items:baseline;gap:1px;white-space:nowrap;}
  .hmb-plan-p b{font-size:17px;font-weight:700;color:#082615;}
  .hmb-plan-p small{font-size:12px;color:#5d6b64;}
  .hmb-plan-go{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:46px;padding:0 12px;border-radius:10px;
    background:#082615;color:#c6fb4b;font-size:14px;font-weight:700;}
  .hmb-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;height:44px;border-radius:12px;border:1px solid #082615;
    color:#082615 !important;font-size:15px;font-weight:600;}

  /* addimlar */
  .hmb-steps{margin-top:22px;padding:2px 2px 0;}
  .hmb-steps ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
  .hmb-steps li{display:flex;align-items:flex-start;gap:12px;}
  .hmb-steps li i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
    background:#082615;color:#c6fb4b;font-style:normal;font-size:14px;font-weight:700;}
  .hmb-steps li span{display:flex;flex-direction:column;gap:2px;padding-top:3px;}
  .hmb-steps li b{font-size:16px;font-weight:700;color:#082615;}
  .hmb-steps li small{font-size:14px;line-height:1.45;color:#4f5f56;}
  .hmb-wa{display:flex;align-items:center;justify-content:center;margin-top:16px;height:46px;border-radius:12px;background:#fff;border:1px solid #d7e2da;
    color:#0b6b38 !important;font-size:15px;font-weight:600;}

  /* etibar + domen */
  .hmb-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-top:20px;font-size:13px;font-weight:600;color:#30413a;}
  .hmb-trust i{width:4px;height:4px;border-radius:50%;background:#9fb0a6;}
  .hmb-domain{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:14px;color:#3d4c44 !important;}
  .hmb-domain b{color:#082615;text-decoration:underline;text-underline-offset:3px;}
  .hmb-domain svg{color:#082615;}

  /* yapisqan zolaq */
  .hmb-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;}
  .hmb-bar.is-on{transform:none;}
  .hmb-bar-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.2;}
  .hmb-bar-t small{font-size:12.5px;color:rgba(255,255,255,.72);}
  .hmb-bar-t b{font-size:16px;font-weight:700;color:#c6fb4b;}
  .hmb-bar-btn{flex:none;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:10px;background:#c6fb4b;color:#082615 !important;
    font-size:15px;font-weight:700;text-decoration:none;}
  body.hmb-bar-on{padding-bottom:calc(66px + env(safe-area-inset-bottom));}
  body.hmb-bar-on .whatsapp-widget{bottom:calc(80px + env(safe-area-inset-bottom)) !important;transition:bottom .25s ease;}
  body.hmb-bar-on #hqlc{bottom:calc(135px + env(safe-area-inset-bottom)) !important;transition:bottom .25s ease;}
}

/* ---------- "Musterilerimiz bizim haqqimizda" telefonda (6 Okt 2026): yigcam bashliq, reytinqler yan-yana,
   kicik "Serh yaz", rey kartlari 86% enli (novbeti kart gorunur), metn 6 setir ---------- */
@media(max-width:767px){
  .h26-reviews{padding:8px 12px !important;}
  .h26-reviews .h26-container{padding:28px 14px 22px !important;border-radius:22px !important;}
  .h26-reviews .h26-section-head{margin-bottom:16px !important;}
  .h26-reviews .h26-section-head::after{display:none !important;}
  .h26-reviews .h26-section-eyebrow{font-size:11px !important;padding:5px 10px !important;margin-bottom:10px !important;}
  .h26-reviews .h26-section-title{font-size:24px !important;line-height:1.15 !important;margin:0 0 6px !important;}
  .h26-reviews .h26-section-sub{font-size:14px !important;line-height:1.45 !important;margin:0 !important;}
  .h26-reviews .h26-trust-badges{display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important;margin:0 0 12px !important;padding:0 !important;}
  .h26-reviews .h26-tb-card{gap:7px !important;padding:12px 6px !important;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
  .h26-reviews .h26-tb-card:hover{transform:none;}
  .h26-reviews .h26-tb-logo{height:22px !important;font-size:16px !important;gap:4px !important;}
  .h26-reviews .h26-tb-logo svg{width:16px !important;height:16px !important;}
  .h26-reviews .h26-tb-logo-google{font-size:20px !important;}
  .h26-reviews .h26-tb-stars{gap:2px !important;}
  .h26-reviews .h26-tb-star{width:18px !important;height:18px !important;line-height:18px !important;font-size:11px !important;border-radius:2px !important;}
  .h26-reviews .h26-tb-meta{font-size:12.5px !important;gap:4px !important;}
  .h26-reviews .h26-tb-meta strong{font-size:14px !important;}
  .h26-reviews .h26-reviews-cta-row{margin:0 0 14px !important;}
  .h26-reviews .h26-reviews-cta-row .h26-btn-primary{height:40px !important;min-height:40px !important;padding:0 16px !important;font-size:14px !important;}
  .h26-reviews .h26-reviews-grid{gap:10px !important;padding-bottom:6px !important;}
  .h26-reviews .h26-review-card{padding:16px !important;min-height:0 !important;height:auto !important;}
  /* inline qayda (.h26-rev-carousel .h26-reviews-grid > .h26-review-card{86vw}) karti tam en edirdi: daha guclu selektor */
  .h26-reviews .h26-rev-carousel .h26-reviews-grid > .h26-review-card{flex:0 0 84% !important;width:84% !important;max-width:84% !important;min-width:0 !important;}
  .h26-reviews .h26-review-msg{font-size:14.5px !important;line-height:1.5 !important;display:-webkit-box !important;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
  .h26-reviews .h26-review-author{padding-top:12px !important;}
}