/* ✅ Layout shift olmasın: scrollbar həmişə yer tutsun */
html { overflow-y: scroll; }

:root{
  --ink:#222;
  --muted:#666;
  --border:#e9e9e9;
  --accent:#FFD21F;
  --bg:#fff;
}

*{ box-sizing:border-box; }

html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Calibri,'Segoe UI',system-ui,-apple-system,Arial,Helvetica,sans-serif;
}

a{ color:inherit; }

/* ✅ Konteyner bütün səhifələrdə eyni sol xətt */
.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* ================= HEADER ================= */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:#fff;
  padding-top: env(safe-area-inset-top);

  /* ✅ üst xətt + alt xətt (hamı səhifələrdə stabil) */
  border-top: 1px solid #000;
  border-bottom: 1px solid rgba(0,0,0,.10);
}

/* Əgər haradasa after verilmişdisə, söndür */
.site-header::after{ content:none !important; }

.site-header .topbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
  padding:14px 0;
}

/* Brand */
.site-header .brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;

  /* ✅ Logonu bir az sağa gətir */
  margin-left: 12px;
}

/* ✅ LOGO (FINAL): böyüdülmüş + stabil */
.site-header .brand img{
  height:90px;      /* ✅ Desktop logo ölçüsü */
  width:auto;
  display:block;

  /* ✅ əvvəlki mənfi marginlərin hamısını ləğv et */
  margin-left:0;
}

/* Nav */
.site-header .topnav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:18px;
}

/* ✅ Menyu linkləri: heç vaxt alt xətt olmasın */
.site-header .topnav a{
  display:inline-flex;
  align-items:center;
  line-height:1;
  padding:6px 6px;

  font-size:14px;
  font-weight:600;
  color:#333;
  white-space:nowrap;

  text-decoration:none !important;
  border-bottom:none !important;
  outline:none;
  box-shadow:none !important;
}

/* ❌ Hover/Active də alt xətt verməsin */
.site-header .topnav a:hover,
.site-header .topnav a:active,
.site-header .topnav a:focus,
.site-header .topnav a.active,
.site-header .topnav a[aria-current="page"]{
  text-decoration:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}

/* ================= MAIN ================= */
main{ padding:36px 0; }
h1{ margin:0 0 14px; color:#111; font-size:32px; }
h2{ margin:22px 0 10px; color:#111; }
p,li{ color:#444; line-height:1.65; }
ul{ padding-left:18px; }

/* ================= FOOTER ================= */
footer{
  border-top:1px solid var(--border);
  padding:16px 0;
  text-align:center;
  color:#666;
  margin-top:50px;
}

/* ================================================= */
/* ✅ İKONLAR — ÜMUMİ (Desktop + Tablet) */
/* ================================================= */
.fx-dot img{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
}

/* Desktop ikon ölçüsü */
.fx-strip .fx-dot > img{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
  transform:none;
}

/* Tikinti & Təmir icon balans */
.fx-dot > img[src*="tikinti-temir.svg"]{
  width:30px;
  height:30px;
}

/* idman-saglamliq spesifik */
.fx-dot > img[src="/assets/icons/idman-saglamliq.svg"]{
  transform: scale(1.45);
  transform-origin:center;
}

/* ❌ Dil seçimini tam gizlət */
.lang-dd{ display:none !important; }

/* ================================================= */
/* ✅ MOBİL — HEADER + MENYU 1 SƏTİR (SWIPE) */
/* ================================================= */
@media (max-width:720px){

  .container{ padding:0 14px; }

  .site-header .topbar{
    padding:10px 0;
    gap:12px;
  }

  /* ✅ Mobil logo ölçüsü (böyük, amma pozmur) */
  .site-header .brand img{
    height:54px;
    margin-left:0;
  }

  .site-header .brand{
    margin-left: 10px;
  }

  .site-header .topnav{
    flex:1 1 auto;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:12px;

    overflow-x:auto;
    -webkit-overflow-scrolling:touch;

    white-space:nowrap;
    padding-left:10px;
    padding-right:8px;

    scrollbar-width:none;
  }
  .site-header .topnav::-webkit-scrollbar{ display:none; }

  .site-header .topnav a{
    font-size:12.5px;
    padding:6px 6px;
    flex:0 0 auto;

    text-decoration:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
  }

  h1{ font-size:22px; line-height:1.25; }
  main{ padding:22px 0; }
  p{ font-size:14.5px; line-height:1.6; }
}

/* ÇOX KİÇİK TELEFONLAR */
@media (max-width:420px){
  .site-header .brand img{ height:48px; margin-left:0; }
  .site-header .brand{ margin-left: 8px; }
  .site-header .topnav a{ font-size:12px; }
}

/* ================================================= */
/* ✅ FORCE (MOBİL İKONLAR): 1 SƏTİR + SCROLL + OYNAMASIN */
/* ================================================= */
@media (max-width:600px){

  .fx-strip-line::before{
    display:block !important;
    opacity:.95 !important;
  }

  .fx-strip-line{
    position:relative !important;
    height:86px !important;
    padding:0 !important;
  }

  .fx-strip{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;

    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;

    gap:14px !important;
    padding:0 12px !important;

    white-space:nowrap !important;

    scroll-snap-type:x proximity !important;
    scroll-padding-left:12px !important;

    scrollbar-width:none !important;
    touch-action: pan-x !important;
  }
  .fx-strip::-webkit-scrollbar{ display:none !important; }

  .fx-dot{
    flex:0 0 auto !important;
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;

    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(0,0,0,.06) !important;

    box-shadow:none !important;
    filter:none !important;
    transform:none !important;

    scroll-snap-align:start !important;
  }

  .fx-dot:hover,
  .fx-dot:active,
  .fx-dot:focus{
    transform:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  .fx-dot::before,
  .fx-dot::after{
    opacity:.25 !important;
  }

  .fx-dot img{
    width:36px !important;
    height:36px !important;
    object-fit:contain !important;
    display:block !important;
    transform: scale(1.12) !important;
    transform-origin:center !important;
  }

  .fx-dot img[src*="tikinti-temir"]{
    transform: scale(1.00) !important;
  }

  .fx-dot svg{
    width:32px !important;
    height:32px !important;
  }
}
.store-badges.single{
  justify-content: center;
}

.store-badges.single .store-badge img{
  height: 48px;
}

@media (max-width: 520px){
  .store-badges.single .store-badge img{
    height: 42px;
  }
}
/* ✅ Store CTA-ni tam ortaya gətir */
.store-cta{
  text-align: center;
}

.store-cta .store-cta__inner{
  align-items: center !important;
  justify-content: center !important;
}

/* Başlıq ortada */
.store-cta .store-cta__title{
  text-align: center !important;
}

/* Badge-lər ortada */
.store-cta .store-badges{
  justify-content: center !important;
  width: 100%;
}
/* CTA blokunu aşağı xəttə maksimum yaxınlaşdır */
.store-cta{
  padding-top: 12px !important;
  padding-bottom: 2px !important;
  text-align: center;
}

/* Daxili blok tam mərkəz */
.store-cta__inner{
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Başlıq bir az yığcam */
.store-cta__title{
  font-size: 14px;
  margin-bottom: 4px !important;
}

/* Badge-lər tam ortada */
.store-badges{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* 🔥 BÖYÜT – əsas hissə */
.store-badge img{
  height: 60px !important;   /* əvvəl 48 idi */
  width: auto;
  display: block;
}

/* Mobil optimallaşdırma */
@media (max-width: 520px){
  .store-badge img{
    height: 52px !important;
  }
}
/* ✅ CTA-nı xəttə maksimum yaxınlaşdır + ortala */
.store-cta{
  padding-top: 6px !important;
  padding-bottom: 0 !important;
  margin-bottom: -4px !important; /* xəttə yaxınlıq */
  text-align: center !important;
}

.store-cta__inner{
  gap: 6px !important;
  align-items: center !important;
  justify-content: center !important;
}

.store-cta__title{
  font-size: 13px !important;
  margin: 0 0 2px 0 !important;
}

/* Badge-lər tam ortada */
.store-badges{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* ✅ Biraz kiçildilmiş ölçü */
.store-badge img{
  height: 50px !important;
  width: auto !important;
  display: block !important;
}

/* Mobil */
@media (max-width:520px){
  .store-badge img{
    height: 46px !important;
  }
}

/* Footer yuxarı boşluğu da azaltsın */
footer{
  padding-top: 4px !important;
}
/* Desktop normal qalsın */
.store-badge img{
  height: 54px !important;
}

/* ✅ Mobil-də daha zərif/kiçik */
@media (max-width: 520px){
  .store-badge img{
    height: 36px !important;  /* mobil üçün ideal */
  }

  .store-cta{
    padding-top: 8px !important;
    margin-bottom: -2px !important;
  }

  .store-cta__title{
    font-size: 12px !important;
  }
}
/* =============================== */
/* ✅ CONTACT FORM — ATTACHMENT + SEND ALT SƏTR */
/* =============================== */

.form-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
}

/* Attachment düyməsi */
.form-actions .attachment-btn,
.form-actions .file-attach,
.form-actions .attach-btn{
  position: static !important; /* artıq üzmür */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Göndər düyməsi */
.form-actions .submit-btn,
.form-actions button[type="submit"]{
  margin-left: auto;
}

/* Mobil üçün bir az yığcam */
@media (max-width: 600px){
  .form-actions{
    gap: 10px;
  }
}