/* yeni.az AUTO — markalar səhifəsi. Yalnız bu səhifəyə təsir edir. */
.auto-brands-page{
  --ab-red:#b50916;
  --ab-red-dark:#970812;
  --ab-blue:#0757d8;
  --ab-ink:#10284d;
  --ab-muted:#687b99;
  --ab-line:#dfe8f5;
  --ab-card:#fff;
  position:relative;
  isolation:isolate;
  max-width:1250px;
  padding-bottom:38px;
  color:var(--ab-ink);
}
.auto-brands-page:before{
  content:"";
  position:absolute; z-index:-1; pointer-events:none;
  top:0; left:50%; transform:translateX(-50%);
  width:100vw; height:100%;
  background:
    radial-gradient(circle at 8% 26%,rgba(74,160,255,.12),transparent 20%),
    radial-gradient(circle at 93% 46%,rgba(74,160,255,.11),transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#eef5ff 48%,#f9fbff 100%);
}
.auto-brands-page .ap-crumbs{padding-top:17px;margin-bottom:10px;font-size:13px}
.auto-brands-page .ap-crumbs a{color:var(--ab-blue);text-decoration:none;font-weight:600}
.auto-brands-page .ab-hero{
  min-height:158px; position:relative; overflow:hidden; display:flex; align-items:center;
  margin:0 0 23px; padding:25px 28px; border:1px solid #e1eafa; border-radius:18px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(247,250,255,.91) 30%,rgba(237,245,255,.48) 52%,rgba(237,245,255,.02) 72%),url("../images/auto-brands-hero.png");
  background-size:cover;
  background-position:center 56%;
  background-repeat:no-repeat;
  box-shadow:0 10px 30px rgba(28,73,139,.07);
}
.auto-brands-page .ab-hero:before,.auto-brands-page .ab-hero:after{
  content:"";position:absolute;pointer-events:none;transform:skewX(-32deg);
}
.auto-brands-page .ab-hero:before{right:3%;top:-70px;width:34%;height:260px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(90,160,255,.12));border-left:5px solid rgba(181,9,22,.13)}
.auto-brands-page .ab-hero:after{right:-3%;bottom:-90px;width:42%;height:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}
.auto-brands-page .ab-hero-copy{position:relative;z-index:2;max-width:55%}
.auto-brands-page .ab-eyebrow{display:inline-flex;padding:5px 10px;margin-bottom:8px;border-radius:20px;background:#fff;color:var(--ab-red);border:1px solid #f2cbd0;font-size:10px;font-weight:800;letter-spacing:1.2px}
.auto-brands-page .ap-title{margin:0 0 7px;color:var(--ab-ink);font-size:clamp(25px,2.4vw,34px);font-weight:850;letter-spacing:-.7px}
.auto-brands-page .ap-lead{margin:0;color:#5e7190;font-size:14px}
.auto-brands-page .ab-hero-art{position:absolute;right:2%;top:0;bottom:0;width:48%;overflow:hidden}
.auto-brands-page .ab-car-silhouette{position:absolute;z-index:2;right:12%;bottom:12px;width:250px;height:86px;display:flex;align-items:center;justify-content:center;color:#173f78;filter:drop-shadow(0 12px 8px rgba(19,48,88,.18))}
.auto-brands-page .ab-car-silhouette .bi{font-size:130px;line-height:1}
.auto-brands-page .ab-hero-orb{position:absolute;right:5%;bottom:-85px;width:360px;height:180px;border-radius:50%;background:linear-gradient(140deg,rgba(255,255,255,.8),rgba(79,148,255,.12));border:1px solid rgba(255,255,255,.8)}
.auto-brands-page .ab-speedline{position:absolute;height:4px;border-radius:10px;background:linear-gradient(90deg,transparent,#e32935,transparent);transform:rotate(-9deg)}
.auto-brands-page .ab-speedline-one{width:80%;right:-2%;bottom:43px}
.auto-brands-page .ab-speedline-two{width:58%;right:0;bottom:29px;opacity:.45}
.auto-brands-page .ab-section{margin-bottom:24px}
.auto-brands-page .ap-sec{margin:0 0 12px}
.auto-brands-page .ap-sec h2{display:flex;align-items:center;gap:10px;margin:0;color:var(--ab-ink);font-size:21px;font-weight:850;letter-spacing:-.3px}
.auto-brands-page .ab-section-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ab-red);font-size:25px;line-height:1}
.auto-brands-page .popular-icon{color:#f3a900;text-shadow:0 1px 0 #b77900}
.auto-brands-page .all-icon{color:var(--ab-red)}
.auto-brands-page .ab-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.auto-brands-page .ab-brand-card{
  display:flex;align-items:center;gap:11px;min-width:0;min-height:72px;padding:10px 12px;
  color:var(--ab-ink);text-decoration:none;background:rgba(255,255,255,.94);
  border:1px solid var(--ab-line);border-radius:13px;box-shadow:0 3px 9px rgba(25,67,123,.025);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.auto-brands-page .ab-brand-card:hover{transform:translateY(-3px);border-color:#f0aab0;box-shadow:0 10px 22px rgba(24,69,130,.10)}
.auto-brands-page .ab-lg{flex:0 0 43px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #e5edf8;border-radius:50%;background:#fff;color:var(--ab-blue);font-size:18px;font-weight:800}
.auto-brands-page .ab-lg.img{overflow:hidden}
.auto-brands-page .ab-lg img{display:block;max-width:85%;max-height:85%;width:auto;height:auto;object-fit:contain}
.auto-brands-page .ab-brand-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.auto-brands-page .ab-brand-info b{font-size:12px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}
.auto-brands-page .ab-brand-info small{font-size:11px;color:var(--ab-muted);line-height:1.2}
.auto-brands-page .ab-card-arrow{flex:0 0 23px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef5ff;color:var(--ab-blue);font-size:22px;line-height:1;transition:background .18s ease,color .18s ease}
.auto-brands-page .ab-brand-card:hover .ab-card-arrow{background:#ffe7e9;color:var(--ab-red)}
.auto-brands-page .ab-popular-grid .ab-brand-card:first-child{border-color:#ffc4c8;background:linear-gradient(130deg,#fff,#fff8f8)}
.auto-brands-page .ab-types{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.auto-brands-page .ab-type-card{min-width:0;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1px solid var(--ab-line);border-radius:13px;background:rgba(255,255,255,.9);color:var(--ab-ink);text-decoration:none;text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.auto-brands-page .ab-type-card:hover{transform:translateY(-3px);border-color:#f0aab0;box-shadow:0 9px 18px rgba(25,67,123,.08)}
.auto-brands-page .ab-type-visual{height:49px;width:100%;display:flex;align-items:center;justify-content:center;color:var(--ab-red)}
.auto-brands-page .ab-type-visual img{width:100%;height:48px;object-fit:contain}
.auto-brands-page .ab-type-visual .bi{font-size:30px}
.auto-brands-page .ab-type-card b{font-size:11px;font-weight:800;line-height:1.25}
.auto-brands-page .ab-type-card small{font-size:11px;color:var(--ab-muted)}
.auto-brands-page .ab-all-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.auto-brands-page .ab-search{display:flex;align-items:center;gap:9px;width:220px;min-height:42px;padding:0 13px;border:1px solid var(--ab-line);border-radius:12px;background:#fff;color:#7a8ba6}
.auto-brands-page .ab-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ab-ink);font:inherit;font-size:12px}
.auto-brands-page .ab-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 11px}
.auto-brands-page .ab-az a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 10px;border:1px solid var(--ab-line);border-radius:9px;background:#fff;color:#526a8d;text-decoration:none;font-size:12px;font-weight:700;transition:all .15s ease}
.auto-brands-page .ab-az a:hover{border-color:#f0aab0;color:var(--ab-red)}
.auto-brands-page .ab-az a.on{background:var(--ab-red);border-color:var(--ab-red);color:#fff;box-shadow:0 4px 10px rgba(181,9,22,.18)}
.auto-brands-page .ab-no-results{padding:20px;text-align:center;color:var(--ab-muted);background:#fff;border:1px dashed var(--ab-line);border-radius:12px}
.auto-brands-page [hidden]{display:none!important}
@media(max-width:1100px){
 .auto-brands-page .ab-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .auto-brands-page .ab-types{grid-template-columns:repeat(6,minmax(0,1fr))}
 .auto-brands-page .ab-hero-art{width:42%;opacity:.8}
}
@media(max-width:700px){
 .auto-brands-page .ab-hero{min-height:145px;padding:20px 17px}
 .auto-brands-page .ab-hero-copy{max-width:78%}
 .auto-brands-page .ab-hero-art{right:-15%;width:55%;opacity:.35}
 .auto-brands-page .ab-car-silhouette .bi{font-size:95px}
 .auto-brands-page .ab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .auto-brands-page .ab-brand-card{min-height:66px;padding:8px;gap:8px}
 .auto-brands-page .ab-lg{width:36px;height:36px;flex-basis:36px}
 .auto-brands-page .ab-card-arrow{display:none}
 .auto-brands-page .ab-types{grid-template-columns:repeat(3,minmax(0,1fr))}
 .auto-brands-page .ab-all-heading{align-items:flex-start;flex-direction:column}
 .auto-brands-page .ab-search{width:100%}
 .auto-brands-page .ap-sec h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.auto-brands-page *{transition:none!important}}


/* Real photographic hero banner: no illustrated/icon car substitute */
.auto-brands-page .ab-hero-art{display:none!important}
.auto-brands-page .ab-hero:before{
  right:-2%;top:-65px;width:31%;height:250px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0));
  border-left:0;
}
.auto-brands-page .ab-hero:after{
  display:none;
}
@media(max-width:700px){
  .auto-brands-page .ab-hero{
    background-position:62% center;
    background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(247,250,255,.88) 58%,rgba(237,245,255,.22) 100%),url("../images/auto-brands-hero.png");
  }
}