/* Autokozmetika PRO – homepage sekcie */
.apro-wrap{max-width:var(--apro-max);margin-inline:auto;padding-inline:20px;}
#common-home>.apro-wrap>.row{margin-top:20px;}
.apro-hero{background:
  radial-gradient(1000px 520px at 78% -10%,rgba(37,199,232,.14),transparent 62%),
  radial-gradient(760px 460px at 12% 10%,rgba(229,38,43,.16),transparent 60%),
  linear-gradient(180deg,#0a0d11,#07090b);
  border-bottom:1px solid var(--apro-line);}
.apro-hero__inner{display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:center;padding:78px 20px 84px;}
.apro-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--apro-blue);background:rgba(37,199,232,.1);border:1px solid rgba(37,199,232,.28);
  padding:8px 15px;border-radius:999px;margin-bottom:22px;}
.apro-hero h1{font-size:clamp(32px,4.2vw,56px)!important;line-height:1.08!important;margin:0 0 20px!important;}
.apro-accent{background:linear-gradient(100deg,var(--apro-red2),var(--apro-gold));-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;}
.apro-lead{font-size:17.5px!important;color:var(--apro-muted)!important;max-width:56ch;margin-bottom:30px!important;}
.apro-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.apro-btn{display:inline-block;padding:15px 30px;border-radius:14px;font-weight:800;font-size:15px;transition:all .2s ease;}
.apro-btn--primary{background:linear-gradient(135deg,var(--apro-red),var(--apro-red2));color:#fff!important;
  box-shadow:0 14px 34px rgba(229,38,43,.3);}
.apro-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(229,38,43,.42);color:#fff!important;}
.apro-btn--ghost{background:rgba(255,255,255,.04);border:1px solid var(--apro-line);color:var(--apro-text)!important;}
.apro-btn--ghost:hover{background:rgba(255,255,255,.08);color:#fff!important;transform:translateY(-2px);}
.apro-hero__points{list-style:none;padding:0;margin:0;display:flex;gap:26px;flex-wrap:wrap;}
.apro-hero__points li{color:var(--apro-muted);font-size:14px;font-weight:600;position:relative;padding-left:22px;}
.apro-hero__points li::before{content:'';position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;
  background:var(--apro-blue);box-shadow:0 0 0 4px rgba(37,199,232,.16);}
.apro-hero__panel{background:rgba(14,17,21,.86);border:1px solid var(--apro-line);border-radius:22px;
  padding:26px;box-shadow:var(--apro-shadow);backdrop-filter:blur(8px);}
.apro-panel-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--apro-muted);margin-bottom:16px;}
.apro-goal{display:block;padding:15px 17px;border-radius:14px;border:1px solid var(--apro-line);
  background:#0b0f14;margin-bottom:10px;transition:all .2s ease;}
.apro-goal:hover{border-color:var(--apro-red);background:#11161d;transform:translateX(4px);}
.apro-goal b{display:block;color:#fff;font-size:15px;font-weight:700;margin-bottom:2px;}
.apro-goal span{color:var(--apro-muted);font-size:13px;}
.apro-trust{background:var(--apro-surface);border-bottom:1px solid var(--apro-line);}
.apro-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:26px 20px;}
.apro-trust__grid div{text-align:center;}
.apro-trust__grid b{display:block;color:#fff;font-size:15.5px;font-weight:800;margin-bottom:3px;}
.apro-trust__grid span{color:var(--apro-muted);font-size:13px;}
.apro-section{padding:60px 20px 10px;}
.apro-h2{font-size:clamp(24px,2.6vw,34px)!important;margin-bottom:8px!important;}
.apro-sub{color:var(--apro-muted)!important;font-size:16px!important;margin-bottom:30px!important;}
.apro-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.apro-cats a{display:block;padding:24px;border-radius:var(--apro-radius);border:1px solid var(--apro-line);
  background:linear-gradient(160deg,var(--apro-surface),#0a0d11);transition:all .22s ease;}
.apro-cats a:hover{transform:translateY(-4px);border-color:#3a434d;box-shadow:var(--apro-shadow);}
.apro-cats b{display:block;color:#fff;font-size:16.5px;font-weight:800;margin-bottom:5px;}
.apro-cats span{color:var(--apro-muted);font-size:13.5px;}
.apro-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.apro-steps li{counter-increment:s;background:var(--apro-surface);border:1px solid var(--apro-line);
  border-radius:var(--apro-radius);padding:24px 20px;position:relative;}
.apro-steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--apro-red),var(--apro-red2));
  color:#fff;font-weight:900;font-size:16px;margin-bottom:14px;}
.apro-steps b{display:block;color:#fff;font-size:15.5px;font-weight:800;margin-bottom:5px;}
.apro-steps span{color:var(--apro-muted);font-size:13.5px;line-height:1.55;}
.apro-faq details{background:var(--apro-surface);border:1px solid var(--apro-line);
  border-radius:14px;padding:18px 22px;margin-bottom:12px;}
.apro-faq summary{cursor:pointer;color:#fff;font-weight:700;font-size:16px;list-style:none;}
.apro-faq summary::-webkit-details-marker{display:none;}
.apro-faq summary::after{content:'+';float:right;color:var(--apro-red2);font-weight:900;font-size:22px;line-height:1;}
.apro-faq details[open] summary::after{content:'\2013';}
.apro-faq p{color:var(--apro-muted)!important;margin:14px 0 0;font-size:15px;}
#logo img{max-height:60px!important;}
@media(max-width:1100px){
  .apro-hero__inner{grid-template-columns:1fr;gap:36px;padding:56px 20px;}
  .apro-cats,.apro-steps{grid-template-columns:repeat(2,1fr);}
  .apro-trust__grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .apro-cats,.apro-steps,.apro-trust__grid{grid-template-columns:1fr;}
  .apro-hero__points{gap:14px;}
}