/* AEZ-SHOP.RU — страница «О нас». Префикс "azab-" проверен на коллизии
   с catalog/view/theme/profline/stylesheet/*.css — совпадений нет. */

.azab-wrap{
  --yellow:#fed501; --yellow-deep:#e0bd00;
  --dark:#252525; --dark-2:#1a1a1a;
  --light:#f6f6f6; --white:#ffffff; --black:#000000; --line:#e2e2e2;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  display:block; color:var(--dark); line-height:1.6;
}
.azab-wrap, .azab-wrap *{box-sizing:border-box;}

.azab-hero{
  display:block; background:var(--white); border:1px solid var(--line);
  border-left:5px solid var(--yellow); border-radius:6px;
  padding:32px 34px; margin-bottom:22px; text-align:center;
}
.azab-logo{display:block; max-width:170px; height:auto; margin:0 auto 18px;}
.azab-eyebrow{
  display:inline-block; font-family:var(--mono); font-size:11.5px;
  letter-spacing:.1em; text-transform:uppercase; color:#8a8a8a;
  border:1px solid var(--line); border-radius:3px; padding:4px 10px; margin-bottom:14px;
}
.azab-title{display:block; font-size:clamp(24px,3.4vw,34px); font-weight:800; color:var(--black); margin:0 0 10px;}
.azab-subtitle{display:block; font-size:15px; color:#555; max-width:680px; margin:0 auto;}

.azab-stats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px; margin-bottom:22px;
}
.azab-stat{
  display:block; background:var(--dark); color:var(--light);
  border-radius:6px; padding:18px 16px; text-align:center;
}
.azab-stat b{display:block; font-size:22px; color:var(--yellow); font-family:var(--mono); margin-bottom:4px;}
.azab-stat span{font-size:12.5px; color:#bdbdbd;}

.azab-section{
  display:block; background:var(--white); border:1px solid var(--line);
  border-radius:6px; padding:26px 28px; margin-bottom:18px;
}
.azab-section h2{font-size:19px; margin:0 0 14px; color:var(--black); display:flex; align-items:center; gap:10px;}
.azab-section h2::before{content:""; width:6px; height:22px; background:var(--yellow); border-radius:2px; display:inline-block;}
.azab-section p{margin:0 0 12px; font-size:14.5px;}
.azab-section p:last-child{margin-bottom:0;}

.azab-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px;}
.azab-card{
  display:block; border:1px solid var(--line); border-left:4px solid var(--yellow-deep);
  border-radius:0 4px 4px 0; padding:15px 17px; background:var(--light);
}
.azab-card h4{margin:0 0 8px; font-size:14.5px; font-weight:700; color:var(--black);}
.azab-card p{margin:0; font-size:13.5px;}

.azab-cats{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; list-style:none; margin:0; padding:0;}
@media (max-width:900px){
  .azab-cats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:520px){
  .azab-cats{grid-template-columns:1fr;}
}
.azab-cats li{
  display:flex; align-items:center;
  background:var(--light);
  border-radius:4px; border-left:3px solid var(--yellow);
  transition:background .2s ease-out, border-left-color .2s ease-out;
}
.azab-cats li:hover{background:#fff6c8; border-left-color:var(--yellow-deep);}
.azab-cats a{
  display:flex; align-items:center; gap:10px;
  padding:9px 12px; font-size:13.5px; color:var(--dark); text-decoration:none;
}
.azab-cats img{
  width:44px; height:44px; object-fit:contain; flex:none;
}

.azab-op-card{display:block; background:var(--dark); color:var(--light); border-radius:6px; padding:22px 24px;}
.azab-op-card h3{display:block; color:var(--yellow); font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px;}
.azab-op-h3-second{margin-top:22px !important; padding-top:18px; border-top:1px solid rgba(255,255,255,.12);}
.azab-op-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px 20px; font-size:13.5px;}
.azab-op-grid dt{color:#9a9a9a; font-size:11px; text-transform:uppercase; letter-spacing:.05em;}
.azab-op-grid dd{margin:2px 0 0; font-family:var(--mono); color:var(--white); word-break:break-word;}

.azab-cta{
  display:block; text-align:center; font-size:17px; font-weight:700;
  color:var(--black); padding:20px; background:var(--yellow); border-radius:6px; margin-top:4px;
}

.azab-anim .azab-section, .azab-anim .azab-stat, .azab-anim .azab-card, .azab-anim .azab-cta{
  opacity:0; transform:translateY(14px);
  transition:opacity .5s ease-out, transform .5s ease-out;
}
.azab-anim .azab-section.azab-in, .azab-anim .azab-stat.azab-in, .azab-anim .azab-card.azab-in, .azab-anim .azab-cta.azab-in{
  opacity:1; transform:translateY(0);
}
.azab-card{transition:border-left-color .25s ease-out, box-shadow .25s ease-out;}
.azab-card:hover{border-left-color:var(--yellow); box-shadow:0 4px 14px rgba(0,0,0,.08);}