/* Bizi seçənlər — logo kartları və ana səhifə slayderi */
.az-cl-card{
  display:flex;align-items:center;justify-content:center;
  background:#fff !important;border:1px solid #E2E8F0;border-radius:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  text-decoration:none;color:#0F172A !important;
}
.az-cl-card img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .25s ease,opacity .25s ease}
.az-cl-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.10);border-color:#CBD5E1}
.az-cl-card:hover img{filter:none;opacity:1}
.az-cl-name{font-weight:700;font-size:.95rem;color:#0F172A !important;text-align:center;line-height:1.2}

/* ── Ana səhifə: fasiləsiz axan lent ── */
.az-cl-marquee{position:relative;overflow:hidden;padding:16px 0 30px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.az-cl-track{display:flex;width:max-content;animation:az-cl-scroll var(--cl-dur,40s) linear infinite}
.az-cl-marquee:hover .az-cl-track,.az-cl-marquee:focus-within .az-cl-track{animation-play-state:paused}
.az-cl-group{display:flex;gap:16px;padding-right:16px}
.az-cl-marquee .az-cl-card{flex:0 0 auto;width:200px;height:84px;padding:14px 18px}
@keyframes az-cl-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:575.98px){
  .az-cl-marquee .az-cl-card{width:150px;height:70px;padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){
  .az-cl-marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto}
  .az-cl-track{animation:none}
  .az-cl-group[aria-hidden="true"]{display:none}
}

/* ── Premium kart üslubu (müştərilər səhifəsi + ana səhifə lenti) ── */
.az-cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
:is(.az-cl-grid,.az-cl-marquee) .az-cl-card{
  --cl-ease:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:20px;
  border:1px solid transparent;
  background:
    linear-gradient(150deg,#FFFFFF 0%,#F4F9FF 52%,#E3F2FD 100%) padding-box,
    linear-gradient(135deg,rgba(21,101,192,.22),rgba(0,176,255,.10) 55%,rgba(21,101,192,.22)) border-box !important;
  box-shadow:0 1px 2px rgba(13,71,161,.05),0 8px 20px -14px rgba(13,71,161,.25);
  transition:transform .55s var(--cl-ease),box-shadow .55s var(--cl-ease);
}
.az-cl-grid .az-cl-card{flex-direction:column;gap:12px;padding:26px 18px;min-height:150px;animation:az-cl-in .6s var(--cl-ease) backwards}
/* künc parıltısı */
:is(.az-cl-grid,.az-cl-marquee) .az-cl-card::after{
  content:"";position:absolute;z-index:-1;top:-60%;right:-30%;width:90%;height:120%;
  background:radial-gradient(closest-side,rgba(0,176,255,.20),rgba(0,176,255,0));
  opacity:.55;transition:opacity .55s var(--cl-ease),transform .8s var(--cl-ease);
}
/* üzərindən keçən işıq zolağı */
:is(.az-cl-grid,.az-cl-marquee) .az-cl-card::before{
  content:"";position:absolute;z-index:2;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));
  transform:skewX(-18deg) translateX(0);opacity:0;
}
.az-cl-grid .az-cl-logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:64px;
  transition:transform .55s var(--cl-ease)}
:is(.az-cl-grid,.az-cl-marquee) .az-cl-card img{filter:grayscale(1);opacity:.78;transition:filter .45s ease,opacity .45s ease}
.az-cl-grid .az-cl-host{position:relative;z-index:1;font-size:.78rem;color:#64748B !important}
@media (hover:hover){
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card:hover{
    transform:translateY(-8px);
    background:
      linear-gradient(150deg,#FFFFFF 0%,#EEF6FF 50%,#D6EBFF 100%) padding-box,
      linear-gradient(135deg,#0D47A1,#00B0FF 55%,#1565C0) border-box !important;
    box-shadow:0 2px 4px rgba(13,71,161,.06),0 26px 44px -18px rgba(13,71,161,.45),0 0 0 5px rgba(0,176,255,.10);
  }
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card:hover::after{opacity:1;transform:translate(-8%,6%) scale(1.15)}
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card:hover::before{animation:az-cl-shine .95s ease-out}
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card:hover .az-cl-logo{transform:scale(1.07)}
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card:hover img{filter:none;opacity:1}
}
:is(.az-cl-grid,.az-cl-marquee) .az-cl-card:focus-visible{outline:3px solid rgba(0,176,255,.55);outline-offset:3px}
@keyframes az-cl-shine{0%{opacity:0;transform:skewX(-18deg) translateX(0)}20%{opacity:1}100%{opacity:0;transform:skewX(-18deg) translateX(520%)}}
@keyframes az-cl-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.az-cl-grid .az-cl-card:nth-child(4n+2){animation-delay:.05s}
.az-cl-grid .az-cl-card:nth-child(4n+3){animation-delay:.10s}
.az-cl-grid .az-cl-card:nth-child(4n+4){animation-delay:.15s}
@media (max-width:575.98px){
  .az-cl-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .az-cl-grid .az-cl-card{padding:18px 10px;min-height:128px;border-radius:16px}
  .az-cl-marquee .az-cl-card{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card{animation:none;transition:none}
  :is(.az-cl-grid,.az-cl-marquee) .az-cl-card::before{display:none}
}

/* ana səhifə lenti: kiçik ölçüdə hover */
@media (hover:hover){
  .az-cl-marquee .az-cl-card:hover{transform:translateY(-6px) scale(1.03)}
  .az-cl-marquee .az-cl-card:hover .az-cl-logo{transform:none}
}
.az-cl-marquee .az-cl-card img{transition:filter .45s ease,opacity .45s ease,transform .55s var(--cl-ease,ease)}
@media (hover:hover){.az-cl-marquee .az-cl-card:hover img{transform:scale(1.05)}}

/* "Hamısına bax" düyməsi */
.az-cl-more{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 14px 14px 32px;border-radius:999px;border:0;
  font-weight:700;font-size:1rem;letter-spacing:.2px;text-decoration:none;color:#fff !important;
  background:linear-gradient(110deg,#0D47A1 0%,#1565C0 45%,#00B0FF 100%);background-size:180% 100%;background-position:0 0;
  box-shadow:0 12px 26px -12px rgba(13,71,161,.65),inset 0 1px 0 rgba(255,255,255,.25);
  transition:background-position .6s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);
}
.az-cl-more::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-40%;width:30%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));
  transform:skewX(-18deg);opacity:0;
}
.az-cl-more .az-cl-more-arrow{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:#fff;color:#1565C0;font-size:.85rem;transition:transform .4s cubic-bezier(.22,1,.36,1);
}
@media (hover:hover){
  .az-cl-more:hover{background-position:100% 0;transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(13,71,161,.7),0 0 0 5px rgba(0,176,255,.14),inset 0 1px 0 rgba(255,255,255,.3)}
  .az-cl-more:hover::before{animation:az-cl-shine-btn .9s ease-out}
  .az-cl-more:hover .az-cl-more-arrow{transform:translateX(3px) rotate(-45deg)}
}
.az-cl-more:focus-visible{outline:3px solid rgba(0,176,255,.6);outline-offset:3px}
.az-cl-more:active{transform:translateY(-1px) scale(.99)}
@keyframes az-cl-shine-btn{0%{opacity:0;left:-40%}25%{opacity:1}100%{opacity:0;left:130%}}
@media (prefers-reduced-motion:reduce){.az-cl-more,.az-cl-more .az-cl-more-arrow{transition:none}.az-cl-more::before{display:none}}