/* Authentic Heroes Landing Pro – base styles (spacing further refined by inline dynamic CSS) */
.ahl-wrap{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;color:var(--ahl-text);background:var(--ahl-bg)}
.ahl-cont{max-width:var(--ahl-max);margin-inline:auto;padding:clamp(16px,4vw,32px)}
.ahl-grid{display:grid;gap:var(--ahl-gap)}
.ahl-hide{display:none}

/* Header */
.ahl-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--ahl-line)}
.ahl-header .row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ahl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.ahl-logo img{height:150px;width:auto;border-radius:10px}
.ahl-brand{font-weight:800;letter-spacing:.2px}
.ahl-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ahl-cta{display:flex;gap:8px;flex-wrap:wrap}
.ahl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.05rem;border-radius:999px;border:1px solid var(--ahl-line);background:#fff;color:var(--ahl-text);font-weight:700;text-decoration:none;transition:transform .08s ease, background .12s}
.ahl-btn img{width:20px;height:20px}
.ahl-btn:hover{transform:translateY(-1px)}
.ahl-btn--primary{background:var(--ahl-primary);color:#fff;border-color:var(--ahl-primary)}
.ahl-btn--ghost{background:#EEF2FF;border-color:#E0E7FF;color:#1E3A8A}

/* Hero (base – dynamic inline CSS will adjust spacing & height) */
.ahl-hero{padding:clamp(28px,6vw,72px) 0}
.ahl-hero .grid{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--ahl-gap);align-items:center}
.ahl-eyebrow{color:var(--ahl-primary);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}
.ahl-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:.25rem 0 .5rem;font-weight:800}
.ahl-hero p{color:var(--ahl-muted);font-size:clamp(16px,2.1vw,18px);max-width:60ch}
.ahl-hero .actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.ahl-hero img{width:100%;height:auto;object-fit:cover;border-radius:var(--ahl-radius)}

/* Sections (base – overridden by inline_vars_css when compact_spacing toggled) */
.ahl-section{padding:clamp(28px,6vw,72px) 0}
.ahl-sub{color:var(--ahl-muted);max-width:65ch}

/* Product grid */
.ahl-products{display:grid;gap:var(--ahl-gap);margin-top:18px;grid-template-columns:repeat(var(--ahl-cols, 4), minmax(0, 1fr));}
.ahl-product{border:1px solid var(--ahl-line);border-radius:var(--ahl-radius);background:#fff;overflow:hidden;display:flex;flex-direction:column}
.ahl-product img{width:100%;aspect-ratio:1/1;object-fit:cover}
.ahl-product .content{padding:14px}
.ahl-product h3{font-size:1rem;margin:.25rem 0}
.ahl-product p{color:var(--ahl-muted);font-size:.93rem;min-height:2.6em}
.ahl-price{font-weight:800;margin:.4rem 0}
.ahl-product .actions{padding:0 14px 14px}
.ahl-product .actions .ahl-btn{width:100%;padding:.75rem 1rem}

/* Difference / trust cards */
.ahl-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ahl-gap);margin-top:18px}
.ahl-card{background:var(--ahl-card);border:1px solid var(--ahl-line);border-radius:var(--ahl-radius);padding:24px}
.ahl-badge{display:inline-block;padding:.35rem .6rem;border:1px solid var(--ahl-line);border-radius:999px;font-size:.78rem;color:#fff;background:#2C3F89;margin-bottom:.4rem}

/* Steps */
.ahl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ahl-gap);margin-top:18px}
.ahl-step{background:#fff;border:1px dashed var(--ahl-line);border-radius:var(--ahl-radius);padding:18px;position:relative}
.ahl-step .num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--ahl-primary);color:#fff;font-weight:800;margin-bottom:.5rem}

/* Provenance CTA band */
.ahl-band{border:1px solid var(--ahl-line);background:linear-gradient(180deg,#ffffff 0%, #F8FAFC 100%);border-radius:var(--ahl-radius);padding:clamp(18px,3vw,26px);display:grid;gap:12px}
.ahl-band .buttons{display:flex;gap:10px;flex-wrap:wrap}

/* Footer */
.ahl-footer{border-top:1px solid var(--ahl-line);color:var(--ahl-muted)}
.ahl-footer .row{display:grid;grid-template-columns:1fr auto auto;gap:var(--ahl-gap);align-items:center}
.ahl-footer a{color:inherit;text-decoration:none}
.ahl-social{display:flex;gap:10px}

/* Responsive */
@media (max-width:1024px){
  .ahl-hero .grid{grid-template-columns:1fr}
  .ahl-cards,.ahl-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .ahl-products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .ahl-products{grid-template-columns:1fr}
  .ahl-cards,.ahl-steps{grid-template-columns:1fr}
  .ahl-nav{display:none}
}

/* Woo shortcode grid inside wrapper */
.ahl-wrap .ahl-products ul.products{display:grid;gap:16px;grid-template-columns:repeat(var(--ahl-cols,4),minmax(0,1fr));list-style:none;margin:0;padding:0}
.ahl-wrap .ahl-products ul.products li.product{margin:0}

/* Motion preference */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* === AHL: robust media anchoring === */
/* Generic card */
.ahl-card{display:flex;flex-direction:column;min-height:100%;}
.ahl-card .ahl-card-media{margin-top:auto;}
.ahl-card .ahl-card-media img,
.ahl-card .ahl-card-media video{width:100%;height:auto;display:block;border-radius:inherit;}

/* Badges grid */
.ahl-cards .ahl-card{display:flex;flex-direction:column;min-height:100%;}
.ahl-cards .ahl-card > .ahl-card-media,
.ahl-cards .ahl-card > figure,
.ahl-cards .ahl-card > img{margin-top:auto;}
.ahl-cards .ahl-card > img{width:100%;height:auto;display:block;border-radius:inherit;align-self:stretch;}

/* How-it-Works steps */
.ahl-steps .ahl-step{display:flex;flex-direction:column;min-height:100%;}
.ahl-steps .ahl-step .ahl-card-media{margin-top:auto;}
.ahl-steps .ahl-step .ahl-card-media img,
.ahl-steps .ahl-step .ahl-card-media video{width:100%;height:auto;display:block;border-radius:inherit;}