/* =========================================================
   Corn Advertising — Figma "Corn Uz" (Frame 1 / 1920×3590)
   Bütün ölçülər 1920px makete nisbətdə vw ilə miqyaslanır,
   ona görə 1280px ekranda da maket proporsiyası qorunur.
   (hesablama: figma_px / 1920 * 100 = vw)
   ========================================================= */

:root{
  --yellow:      #FED61B;   /* düymələr, nömrələr, ikon fonu */
  --gold:        #E5AC04;   /* hero başlıqdakı vurğulanan sözlər */
  --gold-link:   #B88426;   /* aktiv menyu linki */
  --ink:         #231F20;
  --ink-2:       #222323;
  --muted:       #564240;
  --white:       #FDFDFF;
  --field:       #F3F3F3;
  --footer-bg:   #FAFAFA;
  --card-line:   rgba(86,66,64,.20);   /* xidmət kartı: stroke 1px %20 */
  --pcard-line:  rgba(86,66,64,.80);   /* portfolio kartı: stroke .5px %80 */

  --ease: cubic-bezier(.22,.61,.36,1);

  /* miqyaslanan ölçülər */
  --pad-x:    clamp(20px, 6.25vw, 120px);   /* 120 */
  --header-h: clamp(88px, 8.333vw, 160px);  /* 160 */
  --gap-sm:   clamp(12px, 1.042vw, 20px);   /* 20  */
  --gap-md:   clamp(14px, 1.25vw, 24px);    /* 24  */
  --gap-lg:   clamp(24px, 2.5vw, 48px);     /* 48  */
  --sec-pad:  clamp(40px, 3.125vw, 60px);   /* 60 (+60 = 120 aralıq) */
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:var(--header-h); }

body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.45;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; }

.container{
  width:100%;
  max-width:1920px;
  margin-inline:auto;
  padding-inline:var(--pad-x);
}

/* ---------------- Düymələr ---------------- */
/* Figma: 260×48, radius 30 (pill), font 12/600 */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(8px,.729vw,14px);
  height:clamp(40px, 2.5vw, 48px);
  padding-inline:clamp(18px,1.354vw,26px);
  font-size:clamp(11px,.625vw,12px);
  font-weight:600;
  letter-spacing:.2px;
  border:1px solid transparent;
  border-radius:999px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .25s var(--ease), color .25s var(--ease),
             border-color .25s var(--ease), transform .25s var(--ease);
}
.btn--primary{ background:var(--yellow); color:var(--ink); }
.btn--primary:hover{ background:var(--ink); color:var(--yellow); }

/* Figma 1:55 — doldurma görünməz, 0.5px qara sərhəd */
.btn--ghost{ background:transparent; color:var(--ink); border:.5px solid #000; }
.btn--ghost:hover{ background:var(--ink); color:var(--yellow); border-color:var(--ink); }

.btn--sm{ min-width:clamp(120px, 7.396vw, 142px); padding-inline:clamp(14px,1.042vw,20px); }   /* 142 */
.btn--hero{ min-width:clamp(190px, 13.542vw, 260px); padding-inline:clamp(16px,1.354vw,26px); } /* 260 */
/* Göndər düyməsi: Figma radius 2, font 16 */
.btn--submit{
  min-width:clamp(190px, 13.542vw, 260px);
  padding-inline:clamp(16px,1.354vw,26px);
  border-radius:2px;
  font-size:clamp(13px,.833vw,16px);
}
.btn__arrow{ width:clamp(12px,.781vw,15px); height:auto; flex:none; transition:transform .25s var(--ease); }
.btn:hover .btn__arrow{ transform:translateX(4px); }

/* ---------------- Header ---------------- */
.header{
  position:sticky; top:0; z-index:50;
  background:var(--white);
  transition:box-shadow .3s var(--ease);
}
.header.is-stuck{ box-shadow:0 6px 24px rgba(0,0,0,.07); }

.header__inner{
  height:var(--header-h);
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--gap-md);
  transition:height .3s var(--ease);
}
.header.is-stuck .header__inner{ height:clamp(72px, 5.4vw, 104px); }

.header__logo img{
  width:clamp(140px, 12.083vw, 232px);  /* 232 */
  height:auto;
  transition:width .3s var(--ease);
}
.header.is-stuck .header__logo img{ width:clamp(120px, 9.4vw, 180px); }

/* Figma: linklər arası 48px, font 16/400 */
.nav{ display:flex; align-items:center; gap:var(--gap-lg); }
.nav__item{ position:relative; display:flex; align-items:center; gap:6px; }
.nav__link{
  position:relative;
  font-size:clamp(13px, .833vw, 16px);
  font-weight:400; color:var(--ink);
  padding-bottom:clamp(4px,.313vw,6px);
  white-space:nowrap;
  transition:color .2s var(--ease);
}
.nav__link::after{
  content:''; position:absolute; left:0; bottom:0;
  width:100%; height:2px; background:var(--yellow);
  transform:scaleX(0); transform-origin:left;
  transition:transform .28s var(--ease);
}
.nav__link:hover{ color:var(--gold-link); }
.nav__link:hover::after{ transform:scaleX(1); }
.nav__link.is-active{ color:var(--gold-link); font-weight:600; }
.nav__link.is-active::after{ transform:scaleX(1); }
.nav__caret{ width:clamp(9px,.625vw,12px); height:auto; color:#000; transition:transform .25s var(--ease); }
.has-drop:hover .nav__caret{ transform:rotate(180deg); }

.dropdown{
  position:absolute; top:calc(100% + 18px); left:-16px;
  min-width:250px; padding:10px 0;
  background:var(--white);
  border-radius:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:.25s var(--ease);
}
.has-drop:hover .dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.dropdown a{
  display:block; padding:10px 22px; font-size:14px; color:var(--muted);
  transition:background .2s, color .2s;
}
.dropdown a:hover{ background:var(--yellow); color:var(--ink); }

/* Figma: dil 68px, CTA-ya qədər 26px */
.header__actions{ display:flex; align-items:center; gap:clamp(10px,1.354vw,26px); }

.lang{ position:relative; }
.lang__btn{
  display:flex; align-items:center; gap:clamp(5px,.417vw,8px);
  height:clamp(40px,2.5vw,48px);
  padding-inline:clamp(10px,.938vw,18px);
  background:none; border:0; cursor:pointer;
  font-size:clamp(12px,.781vw,15px); font-weight:600; color:var(--muted);
}
.lang__btn svg{ width:clamp(7px,.469vw,9px); height:auto; transition:transform .25s var(--ease); }
.lang.is-open .lang__btn svg{ transform:rotate(180deg); }
.lang__menu{
  position:absolute; top:calc(100% + 6px); left:50%;
  transform:translateX(-50%) translateY(6px);
  display:flex; flex-direction:column; gap:1px;
  min-width:100%; width:max-content;
  background:var(--white); border-radius:10px;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
  opacity:0; visibility:hidden;
  transition:.22s var(--ease); padding:5px;
}
.lang.is-open .lang__menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.lang__menu button,
.lang__menu a{
  display:block; padding:8px 16px; border-radius:6px; text-align:left;
  background:none; border:0; cursor:pointer;
  font-size:13px; font-weight:600; letter-spacing:.3px;
  color:var(--muted); white-space:nowrap;
  transition:background .2s var(--ease), color .2s var(--ease);
}
.lang__menu button:hover,
.lang__menu a:hover{ background:var(--yellow); color:var(--ink); }

.burger{ display:none; width:44px; height:44px; background:none; border:0; cursor:pointer; padding:10px; }
.burger span{ display:block; height:2px; background:var(--ink); margin:5px 0; transition:.3s var(--ease); }
.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---------------- Hero ----------------
   Figma: şəkil y=92 (header-in altına 68px girir), h=697.
   Görünən hero hündürlüyü = 789-160 = 629px → 32.76vw
------------------------------------------------- */
.hero{ position:relative; overflow:hidden; background:#fff; }
.hero__bg{
  position:absolute; left:0; top:-3.542vw;   /* -68px */
  width:100%; height:36.302vw;               /* 697px */
  background:url('../img/hero-bg.png') center center / cover no-repeat;
}
.hero__inner{
  position:relative; z-index:1;
  min-height:32.76vw;                        /* 629px */
  display:flex; flex-direction:column; justify-content:center;
  padding-block:clamp(40px,2.6vw,50px);
}

/* Figma 1:48 — 48px / 500, sətir hündürlüyü 63px (131.25%) */
.hero__title{
  margin:0 0 clamp(10px,1.042vw,20px);
  max-width:37.5vw;                          /* 720px */
  font-size:clamp(26px, 2.5vw, 48px);
  font-weight:500; line-height:1.3125; letter-spacing:-.5px;
  color:#000;
}
/* "ideyaları" və "təcrübəyə" — SemiBold + #E5AC04 */
.hero__title em{ font-style:normal; font-weight:600; color:var(--gold); }

/* Figma 1:49 — 16px / 400, sətir 26px; "Corn Advertising —" SemiBold */
.hero__text{
  margin:0 0 clamp(24px,2.396vw,46px);
  max-width:32.19vw;                         /* 618px */
  font-size:clamp(13px, .833vw, 16px);
  font-weight:400; line-height:1.625; color:#000;
}
.hero__text strong{ font-weight:600; }

.hero__actions{ display:flex; flex-wrap:wrap; gap:var(--gap-md); }

/* ---------------- Bölmə başlıqları ---------------- */
.section{ padding-block:var(--sec-pad); }
.section__title{
  margin:0 0 var(--gap-sm);
  font-size:clamp(20px, 1.667vw, 32px);      /* 32 */
  font-weight:500; line-height:1.3; color:#000;
}

/* ---------------- Xidmətlər ----------------
   Figma: 5 × 320px kart, 20px boşluq (cəmi 1680)
------------------------------------------------- */
.services{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:var(--gap-sm);
}
.service{
  position:relative;
  background:var(--white);
  border:1px solid var(--card-line);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.service:hover{ transform:translateY(-6px); box-shadow:0 20px 44px rgba(0,0,0,.10); }
.service__media{ aspect-ratio:318/179; overflow:hidden; }
.service__media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); }
.service:hover .service__media img{ transform:scale(1.06); }

/* Figma 6:8 — 37×37 sarı kvadrat, şəklin alt kənarını 19px kəsir, soldan 10px */
.service{ --num:clamp(26px,1.927vw,37px); }
.service__body{
  position:relative;
  padding:clamp(18px,1.406vw,27px) clamp(6px,.521vw,10px) clamp(18px,1.51vw,29px);
}
.service__num{
  position:absolute; z-index:2;
  left:clamp(6px,.521vw,10px);
  top:calc(var(--num) * -.514);          /* -19px / 37px */
  display:grid; place-items:center;
  width:var(--num); height:var(--num);
  background:var(--yellow); color:var(--ink);
  font-size:clamp(14px,1.042vw,20px); font-weight:600; line-height:1;
}
.service__title{
  margin:0 0 clamp(3px,.208vw,4px);
  font-size:clamp(13px,.781vw,15px); font-weight:600; line-height:1.4; color:#000;
}
.service__text{
  margin:0;
  font-size:clamp(10px,.625vw,12px); font-weight:400; line-height:1.5; color:var(--muted);
}

/* ---------------- Müştərilər (marquee) ----------------
   Figma 17:650 — 1680×104 zolaq (konteyner eni ilə eyni),
   logolar arası 65px, hər logo öz təbii ölçüsündə, tam rəngli.
------------------------------------------------- */
.marquee{
  position:relative;
  overflow:hidden;
  height:clamp(62px, 5.417vw, 104px);   /* 104 */
}
.marquee__track{
  display:flex; align-items:center;
  gap:clamp(30px, 3.385vw, 65px);       /* 65 */
  width:max-content; height:100%;
  animation:marquee 52s linear infinite;
}
.marquee:hover .marquee__track{ animation-play-state:paused; }

.marquee__item{
  flex:none;
  display:grid; place-items:center;
  height:100%;
}
/* --w / --h: Figma-dakı piksel ölçüləri (JS inline verir) */
.marquee__item img{
  width:min(calc(var(--w) * 1px), calc(var(--w) * 100vw / 1920));
  height:auto;
  max-height:100%;
  object-fit:contain;
  transition:opacity .3s var(--ease);
}
.marquee__item:hover img{ opacity:.7; }

@keyframes marquee{ from{ transform:translateX(0); } to{ transform:translateX(calc(-50% - clamp(15px,1.693vw,32.5px))); } }
@media (prefers-reduced-motion:reduce){ .marquee__track{ animation:none; } }

/* ---------------- Portfolio ----------------
   Figma: 3 × 544px kart, 24px boşluq
------------------------------------------------- */
.portfolio{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap-md); }
.pcard{
  display:block;
  background:var(--white);
  border:.5px solid var(--pcard-line);
  transition:box-shadow .3s var(--ease), transform .3s var(--ease);
}
.pcard:hover{ transform:translateY(-6px); box-shadow:0 24px 50px rgba(0,0,0,.12); }
.pcard__media{ aspect-ratio:543/362; overflow:hidden; }
.pcard__media img{ width:100%; height:100%; object-fit:cover; transition:transform .55s var(--ease); }
.pcard:hover .pcard__media img{ transform:scale(1.05); }
.pcard__foot{
  display:flex; align-items:center; justify-content:space-between; gap:var(--gap-sm);
  padding:clamp(14px,1.25vw,24px) clamp(14px,1.406vw,27px) clamp(12px,1.094vw,21px);
}
.pcard__title{
  margin:0;
  font-size:clamp(15px,1.25vw,24px); font-weight:500; line-height:1.4; color:#000;
}
/* Figma 6:445 — 53×53 dairə, 1px #231F20 sərhəd */
.pcard__arrow{
  display:grid; place-items:center;
  width:clamp(36px,2.76vw,53px); height:clamp(36px,2.76vw,53px); flex:none;
  border:1px solid var(--ink);
  border-radius:50%;
  color:var(--ink);
  transition:background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);
}
.pcard__arrow svg{ width:clamp(16px,1.302vw,25px); height:auto; }
.pcard:hover .pcard__arrow{ background:var(--yellow); border-color:var(--yellow); transform:translateX(4px); }

/* ---------------- Əlaqə ----------------
   Figma 13:468 — 1680×750 panel, radius 26, kölgə
   Figma 13:469 — 734×670 ağ forma kartı, radius 12
------------------------------------------------- */
.contact{
  display:grid;
  grid-template-columns:49.46% 43.69%;   /* 831 / 734 (1680-dən) */
  background:var(--white);
  border-radius:clamp(12px,1.354vw,26px);
  box-shadow:0 10px clamp(20px,2.25vw,43px) rgba(86,66,64,.10);
}
/* sol sütun: paneldən 121px sol, 79px yuxarı */
.contact__left{ padding:clamp(28px,4.115vw,79px) clamp(20px,6.302vw,121px) clamp(28px,3.125vw,60px); }
.contact__eyebrow{
  display:inline-block; margin-bottom:clamp(10px,1.042vw,20px);
  font-size:clamp(12px,.781vw,15px); font-weight:500; color:var(--ink-2);
}
.contact__title{
  margin:0 0 clamp(20px,2.083vw,40px);
  font-size:clamp(20px,1.875vw,36px); font-weight:500; line-height:1.2; color:#000;
}
.contact__figure{ margin:0 0 clamp(22px,2.292vw,44px); overflow:hidden; border-radius:4px; }
.contact__figure img{ width:100%; aspect-ratio:607/291; object-fit:cover; }

.contact__list{ list-style:none; margin:0; padding:0; display:grid; gap:clamp(10px,.729vw,14px); }
.contact__list li{ display:flex; align-items:flex-start; gap:clamp(12px,1.042vw,20px); }
/* Figma: 25×25 sarı ikon qutusu */
.contact__ico{
  display:grid; place-items:center;
  width:clamp(20px,1.302vw,25px); height:clamp(20px,1.302vw,25px); flex:none;
  background:var(--yellow); color:var(--ink-2);
  margin-top:2px;
}
.contact__ico svg{ width:60%; height:auto; }
.contact__link{
  font-size:clamp(12px,.781vw,15px); font-weight:400; font-style:normal;
  color:var(--ink-2); line-height:1.5;
  transition:color .2s var(--ease);
}
.contact__link.is-strong{ font-weight:600; }
a.contact__link:hover{ color:var(--gold-link); }

/* sağ: ağ forma kartı (yuxarı 41px, aşağı 39px inset) */
.contact__card{
  background:#fff;
  border-radius:clamp(8px,.625vw,12px);
  box-shadow:0 8px clamp(16px,1.583vw,30px) rgba(86,66,64,.10);
  margin:clamp(16px,2.135vw,41px) 0 clamp(16px,2.031vw,39px);
  padding:clamp(22px,3.281vw,63px) clamp(18px,2.396vw,46px) clamp(22px,2.6vw,50px);
}
.form{ display:grid; gap:clamp(16px,1.875vw,36px); }

/* Figma: sahə 642×77, fon #F3F3F3, mətn 20px soldan / 27px yuxarıdan */
.field{ position:relative; }
.field input,
.field textarea{
  width:100%;
  height:clamp(52px,4.01vw,77px);
  background:var(--field);
  border:1px solid transparent;
  padding:clamp(18px,1.406vw,27px) clamp(12px,1.042vw,20px) 0;
  font:inherit; font-size:clamp(12px,.781vw,15px); color:var(--ink);
  outline:0;
  transition:border-color .25s var(--ease), background .25s var(--ease);
  resize:none;
}
.field--area textarea{ height:clamp(110px,7.813vw,150px); padding-top:clamp(20px,1.667vw,32px); }
.field label{
  position:absolute; left:clamp(12px,1.042vw,20px); top:clamp(18px,1.406vw,27px);
  font-size:clamp(12px,.781vw,15px); color:var(--muted);
  pointer-events:none;
  transition:.22s var(--ease);
}
.field--area label{ top:clamp(20px,1.042vw,20px); }
.field input:focus,
.field textarea:focus{ border-color:var(--yellow); background:#fff; }
.field input:focus + label,
.field input:not(:placeholder-shown) + label,
.field textarea:focus + label,
.field textarea:not(:placeholder-shown) + label{
  top:clamp(6px,.469vw,9px); font-size:clamp(9px,.573vw,11px); color:var(--gold-link);
}
.field.has-error input,
.field.has-error textarea{ border-color:#D23B3B; }

.field__error{
  margin:6px 0 0;
  font-size:clamp(11px,.729vw,13px);
  line-height:1.4;
  color:#D23B3B;
}

.form__note{ margin:0; font-size:clamp(11px,.729vw,14px); color:var(--muted); min-height:18px; }
.form__note.is-ok{ color:#1F8A4C; }
.form__note.is-err{ color:#D23B3B; }

/* ---------------- Footer ----------------
   Figma: fon #FAFAFA, 64px yuxarı, ayırıcı .5px, altda 100px
------------------------------------------------- */
.footer{ background:var(--footer-bg); padding-top:clamp(32px,3.333vw,64px); }
.footer__top{
  display:flex; align-items:center; justify-content:space-between; gap:var(--gap-lg);
  padding-bottom:clamp(32px,3.333vw,64px);
}
.footer__logo img{ width:clamp(140px,12.083vw,232px); height:auto; }
.footer__nav{ display:flex; align-items:center; gap:var(--gap-lg); }
.footer__nav a{
  font-size:clamp(13px,.833vw,16px); color:var(--ink);
  white-space:nowrap; transition:color .2s var(--ease);
}
.footer__nav a:hover{ color:var(--gold-link); }
.socials{ display:flex; align-items:center; gap:clamp(24px,3.021vw,58px); }
.socials a{ color:var(--ink-2); transition:color .25s var(--ease), transform .25s var(--ease); }
.socials a:hover{ color:var(--gold-link); transform:translateY(-3px); }
.socials svg{ width:clamp(20px,1.563vw,30px); height:auto; display:block; }

.footer__bottom{
  display:flex; align-items:center; justify-content:space-between; gap:var(--gap-md);
  padding-block:clamp(16px,1.198vw,23px) clamp(20px,1.563vw,30px);
  border-top:.5px solid var(--ink-2);
}
.footer__copy{ margin:0; font-family:'Inter',sans-serif; font-size:clamp(11px,.729vw,14px); color:var(--ink-2); }
.footer__credit{
  margin:0; display:flex; align-items:center; gap:clamp(6px,.469vw,9px);
  font-family:'Inter',sans-serif; font-size:clamp(11px,.729vw,14px); color:var(--ink-2);
}
.footer__credit img{ height:clamp(14px,.938vw,18px); width:auto; }

/* ---------------- Skroll animasiyası ---------------- */
[data-reveal]{ opacity:0; transform:translateY(26px); }
[data-reveal].is-in{ opacity:1; transform:none; transition:opacity .6s var(--ease), transform .6s var(--ease); }
@media (prefers-reduced-motion:reduce){
  [data-reveal]{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* =========================================================
   Responsiv — 1100px-dən aşağıda maket sındırılır
   ========================================================= */
/* Figma: 5 kart həmişə bir sətirdə (1100px-ə qədər saxlanılır) */
@media (max-width:1400px){
  .hero__title{ max-width:52vw; }
  .hero__text{ max-width:46vw; }
}

@media (max-width:1100px){
  :root{ --header-h:88px; }

  .burger{ display:block; }
  .nav{
    position:fixed; inset:88px 0 auto; z-index:40;
    flex-direction:column; align-items:flex-start; gap:0;
    background:var(--white);
    padding:12px 20px 28px;
    box-shadow:0 18px 40px rgba(0,0,0,.10);
    transform:translateY(-12px); opacity:0; visibility:hidden;
    transition:.28s var(--ease);
    max-height:calc(100vh - 88px); overflow:auto;
  }
  .nav.is-open{ transform:none; opacity:1; visibility:visible; }
  .nav__link{ display:block; width:100%; padding:14px 0; font-size:17px; }
  .nav__item{ width:100%; justify-content:space-between; }
  .dropdown{
    position:static; box-shadow:none; opacity:1; visibility:visible;
    transform:none; display:none; padding:0 0 8px 14px; width:100%;
  }
  .nav__item.is-open .dropdown{ display:block; }
  .header__logo img{ width:160px; }
  .header.is-stuck .header__inner{ height:88px; }
  .header.is-stuck .header__logo img{ width:160px; }
  .header__actions .btn--sm{ display:none; }

  /* hero: şəkil fon kimi, üstünə yumşaq ağ örtük */
  .hero__bg{ top:0; height:100%; background-position:center right; }
  .hero__bg::after{
    content:''; position:absolute; inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.95) 100%);
  }
  .hero__inner{ min-height:auto; padding-block:60px 70px; }
  .hero__title{ font-size:34px; max-width:none; }
  .hero__text{ font-size:15px; max-width:620px; }
  .btn--hero,.btn--submit{ min-width:240px; }
  .btn{ height:46px; font-size:12px; }

  .section{ padding-block:40px; }
  .section__title{ font-size:24px; margin-bottom:18px; }

  /* 1100px-dən aşağıda 5 kart sığmır — 3 sütun */
  .services{ grid-template-columns:repeat(3,1fr); }

  .portfolio{ grid-template-columns:repeat(2,1fr); }
  .pcard__title{ font-size:19px; }
  .pcard__arrow{ width:44px; height:44px; }

  .contact{ grid-template-columns:1fr; }
  .contact__left{ padding:40px 28px 24px; }
  .contact__card{ margin:0 28px 32px; padding:28px 24px 34px; }
  .contact__title{ font-size:26px; }
  .field input,.field textarea{ height:64px; font-size:15px; padding:22px 18px 0; }
  .field label{ font-size:15px; top:22px; left:18px; }
  .field--area textarea{ height:130px; }

  .footer__top{ flex-direction:column; align-items:flex-start; gap:28px; }
  .footer__nav{ flex-wrap:wrap; gap:16px 26px; }
  .footer__nav a{ font-size:15px; }
  .footer__logo img{ width:180px; }
  .socials svg{ width:26px; }
  .socials{ gap:34px; }
  .footer__copy,.footer__credit{ font-size:13px; }
}

@media (max-width:820px){
  .services{ grid-template-columns:repeat(2,1fr); }
  .service__title{ font-size:14px; }
  .service__text{ font-size:11.5px; }
  .service{ --num:32px; }
  .service__num{ font-size:17px; }
  .service__body{ padding:24px 12px 22px; }
  .hero__title{ font-size:28px; }
  .hero__actions{ gap:12px; }
  .btn--hero,.btn--submit{ width:100%; }
  .portfolio{ grid-template-columns:1fr; }
  .footer__bottom{ flex-direction:column; align-items:flex-start; gap:10px; }
}

@media (max-width:560px){
  .services{ grid-template-columns:1fr; }
  .service__media{ aspect-ratio:16/9; }
  .marquee__track{ gap:30px; }
  .marquee__item img{ width:calc(var(--w) * .62px); }
  .contact__left,.contact__card{ padding-inline:20px; }
  .contact__card{ margin-inline:20px; }
  .header__logo img,.footer__logo img{ width:150px; }
  .hero__title{ font-size:25px; }
}


/* =========================================================
   Detal səhifələri (xidmət / layihə)
   ========================================================= */
.service{ position:relative; }
.service__link{ position:absolute; inset:0; z-index:3; }

.detail__crumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin-bottom:clamp(16px,1.667vw,32px);
  font-size:clamp(11px,.729vw,14px); color:var(--muted);
}
.detail__crumbs a{ transition:color .2s var(--ease); }
.detail__crumbs a:hover{ color:var(--gold-link); }
.detail__crumbs span[aria-current]{ color:var(--ink); font-weight:500; }

.detail{ max-width:900px; }
.detail__title{
  margin:0 0 clamp(16px,1.667vw,32px);
  font-size:clamp(24px,2.083vw,40px); font-weight:500; line-height:1.25; color:#000;
}
.detail__figure{
  margin:0 0 clamp(20px,2.083vw,40px);
  overflow:hidden; border-radius:8px;
}
.detail__figure img{ width:100%; height:auto; }
.detail__body{
  font-size:clamp(13px,.833vw,16px); line-height:1.75; color:var(--muted);
  margin-bottom:clamp(20px,2.083vw,40px);
}
.detail__cta{ margin-top:clamp(20px,2.083vw,40px); }
.detail__related{ margin-top:clamp(40px,4.167vw,80px); }

@media (max-width:820px){
  .detail__title{ font-size:24px; }
}


/* =========================================================
   Portfolio — kateqoriya filtri və kart nişanları
   ========================================================= */
.pfilter{
  display:flex; flex-wrap:wrap; gap:clamp(6px,.625vw,12px);
  margin-bottom:clamp(18px,1.667vw,32px);
}
.pfilter__btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:clamp(8px,.573vw,11px) clamp(14px,1.146vw,22px);
  border:1px solid var(--card-line); border-radius:999px;
  background:#fff; color:var(--ink);
  font-size:clamp(11px,.729vw,14px); font-weight:500;
  cursor:pointer;
  transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
}
.pfilter__btn span{
  font-size:.85em; font-weight:600; color:var(--muted);
  transition:color .25s var(--ease);
}
.pfilter__btn:hover{ border-color:var(--yellow); }
.pfilter__btn.is-active{ background:var(--yellow); border-color:var(--yellow); font-weight:600; }
.pfilter__btn.is-active span{ color:var(--ink); }

.pfilter__empty{
  margin:clamp(24px,2.5vw,48px) 0 0;
  text-align:center; color:var(--muted);
  font-size:clamp(12px,.833vw,16px);
}

.pcard__media{ position:relative; }
.pcard__badge,
.pcard__count{
  position:absolute; z-index:2;
  padding:5px clamp(8px,.625vw,12px);
  border-radius:999px;
  font-size:clamp(9px,.573vw,11px); font-weight:600; line-height:1.4;
}
.pcard__badge{ top:10px; left:10px; background:var(--yellow); color:var(--ink); }
.pcard__count{ top:10px; right:10px; background:rgb(35 31 32 / .78); color:#fff; backdrop-filter:blur(4px); }

/* filtrlə gizlədilən kartlar */
.pcard[hidden]{ display:none; }

/* =========================================================
   Layihə qalereyası (detal səhifəsi)
   ========================================================= */
.gallery{
  display:grid; gap:clamp(10px,1.25vw,24px);
  grid-template-columns:repeat(2,1fr);
  margin-top:clamp(20px,2.083vw,40px);
}
.gallery__item{
  overflow:hidden; border-radius:6px;
  border:.5px solid var(--card-line);
  background:var(--white);
}
.gallery__item img{ width:100%; height:auto; display:block; }
.gallery__item:first-child{ grid-column:1 / -1; }

/* Şəkil böyütmə (lightbox) */
.lightbox{
  position:fixed; inset:0; z-index:1000;
  display:flex; align-items:center; justify-content:center;
  background:rgba(20,18,18,.92); padding:56px 64px;
}
.lightbox[hidden]{ display:none; }
.lightbox__img{ max-width:100%; max-height:100%; object-fit:contain; border-radius:4px; user-select:none; }
.lightbox__close, .lightbox__nav{
  position:absolute; border:0; cursor:pointer; color:#fff;
  background:rgba(255,255,255,.12); border-radius:999px;
  display:grid; place-items:center; line-height:1; transition:background .2s var(--ease);
}
.lightbox__close:hover, .lightbox__nav:hover{ background:var(--yellow); color:var(--ink); }
.lightbox__close{ top:12px; right:12px; width:44px; height:44px; font-size:30px; }
.lightbox__nav{ top:50%; transform:translateY(-50%); width:48px; height:48px; font-size:34px; }
.lightbox__nav--prev{ left:10px; }
.lightbox__nav--next{ right:10px; }
.lightbox__count{ position:absolute; bottom:16px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.7); font-size:13px; }
.lightbox--single .lightbox__nav, .lightbox--single .lightbox__count{ display:none; }

@media (max-width:820px){
  .lightbox{ padding:56px 12px; }
  .lightbox__nav{ top:auto; bottom:8px; transform:none; width:40px; height:40px; font-size:28px; }
}

@media (max-width:820px){
  .gallery{ grid-template-columns:1fr; }
}

.detail__badge{
  display:inline-block; margin-bottom:12px;
  padding:5px clamp(10px,.729vw,14px);
  border-radius:999px; background:var(--yellow); color:var(--ink);
  font-size:clamp(10px,.625vw,12px); font-weight:600;
}

/* =========================================================
   Haqqımızda və Xidmətlər səhifələri (Figma Frame 180/181)
   ========================================================= */

.section--alt{ background:var(--white); }

/* ---------- Zəngin mətn ---------- */
.richtext{ font-size:clamp(13px,.781vw,15px); line-height:1.75; color:var(--muted); }
.richtext p{ margin:0 0 clamp(10px,.833vw,16px); }
.richtext h3{
  margin:clamp(18px,1.667vw,32px) 0 clamp(8px,.625vw,12px);
  font-size:clamp(15px,1.042vw,20px); font-weight:500; color:var(--ink);
}
.richtext ul,
.richtext ol{
  margin:0 0 clamp(10px,.833vw,16px);
  padding-left:1.15em;
  columns:2; column-gap:clamp(16px,1.667vw,32px);
}
.richtext li{ margin-bottom:6px; break-inside:avoid; }
.richtext ul{ list-style:none; padding-left:0; }
.richtext ul li{ position:relative; padding-left:1.1em; }
.richtext ul li::before{
  content:''; position:absolute; left:0; top:.62em;
  width:6px; height:6px; background:var(--yellow); border-radius:50%;
}
.richtext blockquote{
  margin:clamp(16px,1.25vw,24px) 0 0;
  padding:clamp(14px,1.042vw,20px) clamp(16px,1.25vw,24px);
  border-left:3px solid var(--yellow);
  background:var(--corn-tint, #FFFBEB);
  font-weight:600; color:var(--ink);
}

@media (max-width:820px){
  .richtext ul,
  .richtext ol{ columns:1; }
}

/* ---------- Haqqımızda ---------- */
.about__intro{
  display:grid; gap:clamp(24px,2.5vw,48px);
  grid-template-columns:minmax(0,1fr) minmax(0,44.4vw);
  align-items:start;
}
.about__figure{ margin:0; overflow:hidden; border-radius:8px; }
.about__figure img{ width:100%; height:auto; display:block; }

.about__why{ display:grid; gap:clamp(16px,1.667vw,32px); grid-template-columns:repeat(2,1fr); }
.about__lead{
  margin:0; font-size:clamp(15px,1.042vw,20px); font-weight:500;
  line-height:1.5; color:var(--ink);
}
.about__why-text{
  margin:0; font-size:clamp(13px,.833vw,16px); line-height:1.7; color:var(--muted);
}

/* ---------- 3 səbəb ---------- */
.reasons{ display:grid; gap:clamp(14px,1.25vw,24px); grid-template-columns:repeat(3,1fr); }
.reason{
  padding:clamp(20px,1.667vw,32px);
  background:var(--white);
  border:1px solid var(--card-line);
  border-radius:10px;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.reason:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.08); }
.reason__icon{
  display:grid; place-items:center;
  width:clamp(36px,2.5vw,48px); height:clamp(36px,2.5vw,48px);
  margin-bottom:clamp(12px,1.042vw,20px);
  background:var(--yellow); border-radius:8px; color:var(--ink);
}
.reason__icon svg{ width:55%; height:auto; }
.reason__title{ margin:0 0 8px; font-size:clamp(13px,.781vw,15px); font-weight:600; color:#000; }
.reason__text{ margin:0; font-size:clamp(11px,.625vw,12px); line-height:1.6; color:var(--muted); }

/* ---------- Özbəkistan banneri ---------- */
.banner{
  position:relative; overflow:hidden; border-radius:12px;
  background:var(--ink) center/cover no-repeat;
  min-height:clamp(260px,19.1vw,367px);
  display:flex; align-items:center;
}
.banner::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(35,31,32,.92) 0%,rgba(35,31,32,.72) 52%,rgba(35,31,32,.35) 100%);
}
.banner__inner{
  position:relative; z-index:1;
  max-width:52%;
  padding:clamp(24px,2.917vw,56px);
}
.banner__title{
  margin:0 0 clamp(10px,.833vw,16px);
  font-size:clamp(20px,1.667vw,32px); font-weight:500; line-height:1.25; color:#fff;
}
.banner__text{
  margin:0 0 clamp(18px,1.667vw,32px);
  font-size:clamp(12px,.833vw,16px); line-height:1.65; color:rgba(255,255,255,.82);
}

@media (max-width:1100px){
  .about__intro{ grid-template-columns:1fr; }
  .about__why{ grid-template-columns:1fr; }
  .reasons{ grid-template-columns:1fr; }
  .banner__inner{ max-width:none; }
  .banner::after{ background:linear-gradient(180deg,rgba(35,31,32,.86),rgba(35,31,32,.94)); }
}

/* ---------- Xidmətlər səhifəsi ---------- */
.svc-jump{ display:flex; flex-wrap:wrap; gap:clamp(6px,.625vw,12px); }
.svc-jump a{
  display:inline-flex; align-items:center;
  padding:clamp(8px,.573vw,11px) clamp(14px,1.146vw,22px);
  border:1px solid var(--card-line); border-radius:999px;
  background:#fff; font-size:clamp(11px,.729vw,14px); font-weight:500;
  transition:background .25s var(--ease), border-color .25s var(--ease);
}
.svc-jump a:hover{ background:var(--yellow); border-color:var(--yellow); }

.svc-block{ scroll-margin-top:clamp(88px,8.333vw,160px); }
.svc-block--alt{ background:var(--white); }
.svc-block__grid{
  display:grid; gap:clamp(20px,2.5vw,48px);
  grid-template-columns:minmax(0,43.1vw) minmax(0,1fr);
  align-items:start;
}
.svc-block__grid.is-reversed{ grid-template-columns:minmax(0,1fr) minmax(0,43.1vw); }
.svc-block__grid.is-reversed .svc-block__figure{ order:2; }

.svc-block__figure{ margin:0; overflow:hidden; border-radius:8px; position:sticky; top:clamp(96px,9vw,180px); }
.svc-block__figure img{ width:100%; height:auto; display:block; }

.svc-block__title{
  margin:0 0 clamp(12px,1.042vw,20px);
  font-size:clamp(20px,1.667vw,32px); font-weight:500; color:#000;
}
.svc-block__actions{
  display:flex; flex-wrap:wrap; align-items:center; gap:clamp(10px,.833vw,16px);
  margin-top:clamp(18px,1.667vw,32px);
}
.svc-block__cta-text{
  margin:0; flex-basis:100%;
  font-size:clamp(12px,.781vw,15px); color:var(--muted);
}

@media (max-width:1100px){
  .svc-block__grid,
  .svc-block__grid.is-reversed{ grid-template-columns:1fr; }
  .svc-block__grid.is-reversed .svc-block__figure{ order:0; }
  .svc-block__figure{ position:static; }
}

/* =========================================================
   404 səhifəsi
   ========================================================= */
.e404{
  min-height:100vh;
  display:flex; flex-direction:column;
  background:var(--ink); color:#fff;
}
.e404__logo{
  padding:clamp(20px,2.083vw,40px) var(--pad-x) 0;
  display:block;
}
.e404__logo img{ width:clamp(140px,12.083vw,232px); height:auto; }

.e404__main{ flex:1; display:flex; align-items:center; padding-block:clamp(32px,3.125vw,60px); }
.e404__inner{ max-width:820px; }

/* --- 4 0 4 --- */
.e404__code{
  display:flex; align-items:center; gap:clamp(8px,1.042vw,20px);
  margin-bottom:clamp(20px,2.083vw,40px);
}
.e404__digit{
  font-size:clamp(76px,10.4vw,200px);
  font-weight:700; line-height:.9; letter-spacing:-.04em;
  color:var(--yellow);
}
.e404__sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); margin:0; }

/* Sıfır — loqotipdəki nöqtə şəbəkəsi */
.e404__zero{
  display:grid; place-items:center;
  width:clamp(70px,9.4vw,180px); height:clamp(76px,10.4vw,200px);
}
.e404__grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:clamp(2px,.26vw,5px);
  width:100%;
  /* Dairə formasında maska — nöqtələr "0" kimi görünür */
  -webkit-mask-image:radial-gradient(circle at 50% 50%, transparent 0 26%, #000 27% 50%, transparent 51%);
          mask-image:radial-gradient(circle at 50% 50%, transparent 0 26%, #000 27% 50%, transparent 51%);
}
.e404__grid i{
  display:block; aspect-ratio:1;
  background:var(--yellow); border-radius:1px;
  animation:e404dot 2.6s var(--ease) infinite;
  animation-delay:var(--d);
}
@keyframes e404dot{
  0%, 70%, 100% { opacity:.25; transform:scale(.8); }
  35%           { opacity:1;   transform:scale(1); }
}
@media (prefers-reduced-motion:reduce){
  .e404__grid i{ animation:none; opacity:.9; }
}

.e404__title{
  margin:0 0 clamp(10px,.833vw,16px);
  font-size:clamp(22px,2.083vw,40px); font-weight:500; line-height:1.2;
}
.e404__text{
  margin:0 0 clamp(22px,2.083vw,40px);
  max-width:620px;
  font-size:clamp(13px,.833vw,16px); line-height:1.7; color:rgba(255,255,255,.72);
}

.e404__links{
  display:flex; flex-wrap:wrap; align-items:center; gap:clamp(8px,.833vw,16px);
  margin-bottom:clamp(24px,2.083vw,40px);
}
.e404__where{ font-size:clamp(11px,.729vw,14px); color:rgba(255,255,255,.55); }
.e404__links a{
  padding:clamp(6px,.469vw,9px) clamp(12px,1.042vw,20px);
  border:1px solid rgba(255,255,255,.22); border-radius:999px;
  font-size:clamp(11px,.729vw,14px); font-weight:500; color:#fff;
  transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.e404__links a:hover{ background:var(--yellow); border-color:var(--yellow); color:var(--ink); }

.e404__footer{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:12px;
  padding:clamp(16px,1.25vw,24px) var(--pad-x);
  border-top:1px solid rgba(255,255,255,.12);
  font-size:clamp(11px,.729vw,13px); color:rgba(255,255,255,.55);
}
.e404__footer p{ margin:0; }
.e404__langs{ display:flex; gap:10px; }
.e404__langs a{ font-weight:600; color:rgba(255,255,255,.75); transition:color .2s var(--ease); }
.e404__langs a:hover{ color:var(--yellow); }

/* ---------- Komanda səhifəsi (Figma Frame 182) ----------
   4 sütun, foto + boz ad paneli; sonda 2 sütunluq sarı kart
------------------------------------------------------------ */
.team__head{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:clamp(20px,2.5vw,48px);
  margin-bottom:clamp(20px,2.083vw,40px);
}
.team__title{
  margin:0;
  font-size:clamp(24px,2.083vw,40px); font-weight:600; line-height:1.2; color:#000;
}
.team__title span{ color:var(--gold-link); }
.team__intro{
  margin:0; max-width:clamp(260px,18.75vw,360px);
  font-size:clamp(11px,.677vw,13px); line-height:1.6; color:var(--muted);
}

.team{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(10px,.833vw,16px);
}

.member{ display:flex; flex-direction:column; background:var(--field); overflow:hidden; }
.member__photo{
  aspect-ratio:1 / 1.08;
  background:#D9D9D9;
  overflow:hidden;
}
.member__photo img{
  width:100%; height:100%; object-fit:cover; object-position:center top;
  transition:transform .5s var(--ease);
}
.member:hover .member__photo img{ transform:scale(1.04); }

.member__body{ padding:clamp(12px,.938vw,18px) clamp(12px,.938vw,18px) clamp(16px,1.25vw,24px); }
.member__name{
  margin:0 0 4px;
  font-size:clamp(12px,.729vw,14px); font-weight:600; line-height:1.3; color:#000;
}
.member__role{
  margin:0;
  font-size:clamp(10px,.573vw,11px); line-height:1.4; color:var(--muted);
}
/* sarı alt xətt */
.member__body::after{
  content:''; display:block;
  width:clamp(36px,2.917vw,56px); height:2px;
  margin-top:clamp(10px,.729vw,14px);
  background:var(--yellow);
  transition:width .35s var(--ease);
}
.member:hover .member__body::after{ width:clamp(56px,4.583vw,88px); }

.team-cta{
  grid-column:span 2;
  display:flex; align-items:center; justify-content:center;
  min-height:clamp(260px,20.833vw,400px);
  padding:clamp(24px,2.5vw,48px);
  background:var(--yellow);
}
.team-cta__inner{ max-width:clamp(260px,17.708vw,340px); }
.team-cta__title{
  margin:0 0 clamp(10px,.833vw,16px);
  font-size:clamp(20px,1.458vw,28px); font-weight:600; line-height:1.25; color:var(--ink);
}
.team-cta__text{
  margin:0 0 clamp(18px,1.667vw,32px);
  font-size:clamp(11px,.677vw,13px); line-height:1.6; color:var(--ink);
}
.btn--white{ background:#fff; color:var(--ink); }
.btn--white:hover{ background:var(--ink); color:var(--yellow); }

@media (max-width:1100px){
  .team{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .team-cta{ grid-column:1 / -1; }
}
@media (max-width:820px){
  .team__head{ flex-direction:column; align-items:flex-start; }
  .team__intro{ max-width:none; }
  .team{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:420px){
  .team{ grid-template-columns:1fr; }
}

/* =========================================================
   Ayrıca səhifələr: Portfolio, Müştərilər, Əlaqə
   ========================================================= */
.page__crumbs{ padding-top:var(--sec-pad); margin-bottom:0; }
.page__intro{
  max-width:640px; margin:-8px 0 clamp(24px,2.083vw,40px);
  color:var(--muted); font-size:clamp(14px,.833vw,16px); line-height:1.6;
}

.clients-grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:clamp(12px,1.042vw,20px);
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
}
.clients-grid__item{
  display:flex; align-items:center; justify-content:center;
  aspect-ratio:3/2; padding:clamp(16px,1.25vw,24px);
  border:1px solid var(--card-line); border-radius:6px; background:var(--white);
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.clients-grid__item:hover{ border-color:var(--yellow); box-shadow:0 8px 24px rgba(35,31,32,.08); }
.clients-grid__item a{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.clients-grid__item img{ max-width:100%; max-height:100%; object-fit:contain; }

@media (max-width:560px){
  .clients-grid{ grid-template-columns:repeat(2,1fr); }
}


/* ---------- Müştərilər səhifəsi: qlobal / yerli qruplar ---------- */
.clients-group + .clients-group{ margin-top:clamp(32px,3.125vw,60px); }
.clients-group__title{
  margin:0 0 clamp(14px,1.25vw,24px);
  font-size:clamp(15px,1.042vw,20px); font-weight:600; color:var(--ink);
  display:flex; align-items:center; gap:12px;
}
.clients-group__title::before{
  content:""; width:clamp(10px,.729vw,14px); height:clamp(10px,.729vw,14px);
  background:var(--yellow); flex:none;
}

/* ---------- Ekranda daimi Telegram bot düyməsi ---------- */
.tg-float{
  position:fixed; right:clamp(14px,1.563vw,30px); bottom:clamp(14px,1.563vw,30px); z-index:900;
  display:flex; align-items:center; gap:12px;
  height:60px; padding:0 24px 0 7px; border-radius:40px;
  background:linear-gradient(135deg,#2AABEE 0%,#1E88D0 100%); color:#fff;
  box-shadow:0 12px 30px rgba(34,158,217,.45), 0 2px 6px rgba(35,31,32,.15);
  font-size:15px; font-weight:700; letter-spacing:.01em; white-space:nowrap;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  animation:tg-in .6s var(--ease) .8s both;
}
.tg-float__ico{
  position:relative; width:46px; height:46px; flex:none; border-radius:50%;
  display:grid; place-items:center; background:#fff; color:#229ED9;
  animation:tg-wiggle 4s ease-in-out 2s infinite;
}
.tg-float__ico svg{ width:24px; height:24px; margin-left:-2px; }
.tg-float__ico::after{
  content:""; position:absolute; top:1px; right:1px; width:11px; height:11px; border-radius:50%;
  background:#3DDC84; border:2px solid #fff;
}
.tg-float:hover{ transform:translateY(-3px) scale(1.03); box-shadow:0 16px 36px rgba(34,158,217,.55), 0 2px 6px rgba(35,31,32,.15); }
.tg-float:focus-visible{ outline:3px solid var(--yellow); outline-offset:3px; }
.tg-float::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  animation:tg-pulse 2.2s var(--ease) infinite; pointer-events:none;
}
@keyframes tg-pulse{
  0%{ box-shadow:0 0 0 0 rgba(34,158,217,.6); }
  70%,100%{ box-shadow:0 0 0 18px rgba(34,158,217,0); }
}
@keyframes tg-in{ from{ opacity:0; transform:translateY(24px) scale(.9); } to{ opacity:1; transform:none; } }
@keyframes tg-wiggle{
  0%,86%,100%{ transform:rotate(0); }
  88%{ transform:rotate(-14deg); } 91%{ transform:rotate(12deg); }
  94%{ transform:rotate(-8deg); } 97%{ transform:rotate(5deg); }
}
@media (max-width:820px){
  .tg-float{ height:54px; padding:0 18px 0 5px; gap:10px; font-size:14px; }
  .tg-float__ico{ width:44px; height:44px; }
}
@media (prefers-reduced-motion:reduce){
  .tg-float, .tg-float::after, .tg-float__ico{ animation:none; }
}

/* ---------- Əlaqə bloku və footerdə Telegram düyməsi ---------- */
.tg-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 24px; border-radius:40px;
  background:linear-gradient(135deg,#2AABEE 0%,#1E88D0 100%); color:#fff;
  font-size:clamp(14px,.833vw,16px); font-weight:700; white-space:nowrap;
  box-shadow:0 8px 22px rgba(34,158,217,.35);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.tg-btn svg{ width:22px; height:22px; flex:none; }
.tg-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(34,158,217,.5); color:#fff; }
.tg-btn:focus-visible{ outline:3px solid var(--yellow); outline-offset:3px; }
.contact__tg{ margin-top:clamp(18px,1.563vw,30px); }
.footer__connect{ display:flex; align-items:center; flex-wrap:wrap; gap:clamp(18px,2.083vw,40px); }
.footer__tg{ padding:10px 20px; font-size:clamp(13px,.781vw,15px); }
.footer__tg svg{ width:20px; height:20px; }
@media (max-width:820px){
  .tg-btn{ white-space:normal; }
}