/* Aeropanel landing (template-parts/aeropanel.php). Scoped to .aero; ap- prefix avoids theme class clashes. */
.aero{
  --ap-brand:#E8532E; --ap-brand-d:#C7491B; --ap-ink:#0A1628; --ap-steel:#5C6374; --ap-body:#3A3333;
  --ap-mut:#6B6F7A; --ap-line:#E6E8EC; --ap-pale:#F5F6F7; --ap-tint:#FDF1EC;
  color:var(--ap-body); font:16px/1.6 "Manrope",system-ui,-apple-system,sans-serif;
}
.aero *,.aero *::before,.aero *::after{box-sizing:border-box}
.aero img{display:block;max-width:100%;height:auto}
.aero figure{margin:0}
.aero h1,.aero h2,.aero h3{margin:0;color:var(--ap-ink);line-height:1.15;text-wrap:balance}
.aero p{margin:0;text-wrap:pretty}
.aero h3{margin-top:0}

.aero .ap-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ap-brand);margin:0 0 10px}
.aero .ap-section{padding:84px 0}
.aero .ap-section-tight{padding-bottom:64px}
.aero .ap-section h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;letter-spacing:-.015em}
.aero .ap-lead{font-size:17px;color:var(--ap-mut);margin-top:16px;max-width:64ch;line-height:1.6}
.aero .ap-band{background:var(--ap-pale)}

/* buttons */
.aero .ap-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:90px;
  background:var(--ap-brand);color:#fff;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;
  box-shadow:0 8px 20px rgba(232,83,46,.28);transition:background .15s,box-shadow .15s}
.aero .ap-btn:hover{background:var(--ap-brand-d);color:#fff}
.aero .ap-btn-ghost{background:transparent;color:var(--ap-ink);box-shadow:inset 0 0 0 1.5px #C9CDD5}
.aero .ap-btn-ghost:hover{background:#fff;color:var(--ap-ink);box-shadow:inset 0 0 0 1.5px var(--ap-ink)}
.aero .ap-btn-light{background:#fff;color:var(--ap-brand);box-shadow:none}
.aero .ap-btn-light:hover{background:var(--ap-ink);color:#fff}

/* hero */
.aero .ap-hero{padding:8px 0 72px}
.aero .ap-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.aero .ap-eyebrow-pill{display:table;background:var(--ap-tint);color:var(--ap-brand-d);border-radius:90px;padding:7px 14px;margin:0 0 22px;line-height:1.3}
.aero .ap-hero h1{font-size:clamp(36px,5vw,62px);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.aero .ap-hero h1 em{font-style:normal;color:var(--ap-brand)}
.aero .ap-hero .ap-lead{font-size:18px;margin-top:22px;max-width:54ch}
.aero .ap-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.aero .ap-hero-photo{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/4.4;background:var(--ap-pale);
  box-shadow:0 30px 60px rgba(10,22,40,.18)}
.aero .ap-hero-photo img{width:100%;height:100%;object-fit:cover}
.aero .ap-hero-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,rgba(10,22,40,.8),rgba(10,22,40,0))}
.aero .ap-hero-photo figcaption{position:absolute;left:22px;bottom:20px;z-index:1;color:#fff;font-weight:700;font-size:14px;letter-spacing:.03em}

/* facts band */
.aero .ap-facts{background:var(--ap-ink);color:#fff}
.aero .ap-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:38px;padding-bottom:38px}
.aero .ap-fact{padding:4px 24px;border-left:1px solid rgba(255,255,255,.16)}
.aero .ap-fact:first-child{border-left:0;padding-left:0}
.aero .ap-fact strong{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1.05;color:#fff}
.aero .ap-fact:first-child strong,.aero .ap-fact:nth-child(2) strong{color:var(--ap-brand)}
.aero .ap-fact span{display:block;margin-top:6px;font-size:14px;color:#AEB6C4;line-height:1.4}

/* advantages */
.aero .ap-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.aero .ap-adv{background:#fff;border:1px solid var(--ap-line);border-radius:16px;padding:26px 24px;transition:border-color .2s,box-shadow .2s,transform .2s}
.aero .ap-adv:hover{border-color:#F3B49F;box-shadow:0 14px 34px rgba(10,22,40,.08);transform:translateY(-2px)}
.aero .ap-adv-no{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--ap-tint);color:var(--ap-brand);
  font-weight:800;font-size:14px;align-items:center;justify-content:center;margin-bottom:18px}
.aero .ap-adv h3{font-size:18px;font-weight:800;margin-bottom:8px}
.aero .ap-adv p{font-size:15px;color:var(--ap-mut);line-height:1.55}

/* series */
.aero .ap-series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.aero .ap-serie{background:#fff;border-radius:16px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.aero .ap-serie-fig{color:var(--ap-mut)}
.aero .ap-serie-fig svg{display:block;width:100%;height:auto}
.aero .ap-serie h3{font-size:22px;font-weight:800;margin-top:8px}
.aero .ap-serie p{font-size:15px;color:var(--ap-mut);line-height:1.55}
.aero .ap-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.aero .ap-sw{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ap-ink);
  padding:6px 12px;border:1px solid var(--ap-line);border-radius:90px;background:#fff}
.aero .ap-sw i{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15);margin-left:-4px}

/* sizes */
.aero .ap-sizes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.aero .ap-size{border:1px solid var(--ap-line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.aero .ap-size h3{font-size:18px;font-weight:800}
.aero .ap-size-fig{color:var(--ap-mut);background:var(--ap-pale);border-radius:12px;padding:18px 14px}
.aero .ap-size-fig svg{display:block;width:100%;height:auto;max-height:240px}
.aero .ap-size ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.aero .ap-size li{position:relative;padding-left:18px;font-size:15px;color:var(--ap-body)}
.aero .ap-size li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--ap-brand)}

/* specs */
.aero .ap-specs{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.aero .ap-table-wrap{margin-top:28px;border:1px solid var(--ap-line);border-radius:14px;overflow:hidden;background:#fff}
.aero .ap-table{width:100%;border-collapse:collapse;font-size:15px;border:0;margin:0}
.aero .ap-table caption{caption-side:top;text-align:left;padding:14px 18px;background:var(--ap-ink);color:#fff;font-weight:700;font-size:14px;letter-spacing:.02em}
.aero .ap-table th,.aero .ap-table td{text-align:left;padding:12px 18px;border:0;border-top:1px solid var(--ap-line);vertical-align:top;line-height:1.45}
.aero .ap-table tr:first-child th,.aero .ap-table tr:first-child td{border-top:0}
.aero .ap-table th{font-weight:500;color:var(--ap-mut);width:58%}
.aero .ap-table td{font-weight:700;color:var(--ap-ink);font-variant-numeric:tabular-nums}
.aero .ap-table tr:nth-child(even) th,.aero .ap-table tr:nth-child(even) td{background:#FAFBFC}
.aero .ap-specs-photo{display:flex;align-items:center;justify-content:center;padding:20px}
.aero .ap-specs-photo img{width:100%;filter:drop-shadow(0 30px 40px rgba(10,22,40,.18))}

/* applications + gallery tiles */
.aero .ap-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.aero .ap-gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.aero .ap-tile{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:var(--ap-pale);min-width:0}
.aero .ap-gal-grid .ap-tile{aspect-ratio:4/3.4}
.aero .ap-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.aero .ap-tile:hover img{transform:scale(1.04)}
.aero .ap-tile a{display:block;height:100%}
.aero .ap-tile figcaption{position:absolute;inset:auto 0 0 0;padding:48px 18px 16px;color:#fff;font-weight:700;font-size:15.5px;pointer-events:none;
  background:linear-gradient(to top,rgba(10,22,40,.85),rgba(10,22,40,0))}
.aero .ap-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px}

/* closing CTA */
.aero .ap-cta{padding:0 0 84px}
.aero .ap-cta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ap-brand);color:#fff;
  border-radius:20px;padding:40px 48px}
.aero .ap-cta h2{color:#fff;font-size:clamp(24px,2.8vw,32px);font-weight:800}
.aero .ap-cta p{color:rgba(255,255,255,.9);margin-top:10px;font-size:16.5px;max-width:56ch}
.aero .ap-cta .ap-btn{flex:none}

/* responsive */
@media (max-width:1100px){
  .aero .ap-adv-grid{grid-template-columns:repeat(2,1fr)}
  .aero .ap-apps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .aero .ap-section{padding:60px 0}
  .aero .ap-hero{padding-bottom:48px}
  .aero .ap-hero-in,.aero .ap-specs{grid-template-columns:1fr;gap:32px}
  .aero .ap-hero-photo{aspect-ratio:4/3}
  .aero .ap-facts-grid{grid-template-columns:repeat(2,1fr);row-gap:26px}
  .aero .ap-fact:nth-child(3){border-left:0;padding-left:0}
  .aero .ap-series-grid,.aero .ap-sizes-grid{grid-template-columns:1fr}
  .aero .ap-gal-grid{grid-template-columns:repeat(2,1fr)}
  .aero .ap-cta-in{flex-direction:column;align-items:flex-start;padding:32px 28px}
}
@media (max-width:540px){
  .aero .ap-adv-grid,.aero .ap-apps,.aero .ap-gal-grid{grid-template-columns:1fr}
  .aero .ap-apps .ap-tile{aspect-ratio:4/3}
  .aero .ap-cta-row .ap-btn,.aero .ap-cta .ap-btn{width:100%}
  .aero .ap-fact{padding:4px 14px}
  .aero .ap-table th,.aero .ap-table td{padding:11px 14px}
  .aero .ap-table th{width:52%}
}
@media (prefers-reduced-motion:reduce){.aero *{transition:none !important}}

#breadcrumbs.ap-crumbs{padding-bottom:28px}
