/* =========================================================
   Auritz — teal rebrand + bolder layout override
   Loaded last in <head>, so it wins over the compiled CSS.
   Everything keys off the .ald-* design system already in the pages.
   ========================================================= */

.ald-page{
  --ald-ink:#0e5048;      /* deep teal — primary / dark */
  --ald-ink-2:#12736a;    /* teal for gradients */
  --ald-muted:#4f6f6a;    /* muted teal-grey */
  --ald-line:#d3e4e1;     /* hairlines */
  --ald-gold:#dd9a31;     /* warm accent pop */
  --ald-mint:#e9f3f1;     /* soft teal surface */
  --ald-grad:linear-gradient(135deg,#0e5048 0%,#12736a 100%);
  color:#163a38;          /* body ink (beats the inline navy text class) */
  font-family:"Helvetica Neue",Arial,sans-serif;
}

/* rounded, modern surfaces */
.ald-viewer,.ald-thumb,.ald-cart-product img,.ald-sample-pages img,
.ald-cart-summary,.ald-cart-product input,.ald-count{border-radius:14px}
.ald-primary,.ald-secondary,.ald-section-heading>a{border-radius:999px}

/* bold teal announcement bar */
.ald-announcement{
  background:var(--ald-grad);color:#eafaf6;
  letter-spacing:.3px;padding:9px 18px;font-size:12.5px;
}

/* sticky, glassy header */
.ald-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.ald-brand{color:var(--ald-ink)}
.ald-brand span{color:var(--ald-gold);font-weight:700;
  text-transform:uppercase;letter-spacing:1.6px}
.ald-header nav a:hover{color:var(--ald-ink)}

/* HERO — bigger, on a soft teal field */
.ald-hero{
  gap:64px;padding-top:56px;padding-bottom:84px;
  background:radial-gradient(1100px 480px at 80% -10%, #e6f4f1 0%, transparent 60%);
}
.ald-format{
  display:inline-block;color:var(--ald-ink);font-weight:700;
  text-transform:uppercase;letter-spacing:1.6px;font-size:11px;
  background:var(--ald-mint);border:1px solid var(--ald-line);
  padding:5px 12px;border-radius:999px;
}
.ald-purchase h1{
  font-size:60px;line-height:1.02;letter-spacing:-2px;
  max-width:520px;margin:16px 0 20px;
}
.ald-price strong{color:var(--ald-ink)}
.ald-viewer{background:var(--ald-mint);border-color:var(--ald-line);
  box-shadow:0 24px 60px -30px rgba(14,80,72,.55)}

/* buttons — confident, with lift */
.ald-primary{background:var(--ald-grad);border:0;color:#fff!important;
  box-shadow:0 10px 24px -10px rgba(14,80,72,.65);letter-spacing:.3px;
  padding:16px 22px;transition:transform .15s,box-shadow .15s}
.ald-primary:hover{background:var(--ald-grad);transform:translateY(-2px);
  box-shadow:0 16px 32px -12px rgba(14,80,72,.7)}
.ald-secondary{border:1.5px solid var(--ald-ink);color:var(--ald-ink);
  transition:background .15s,transform .15s}
.ald-secondary:hover{background:var(--ald-mint);transform:translateY(-2px)}

/* section headings get an accent underline */
.ald-inside h2,.ald-section-heading h2,.ald-delivery h2,.ald-faq>h2{
  font-size:40px;letter-spacing:-1px;
}
.ald-section-heading h2{position:relative;padding-bottom:14px}
.ald-section-heading h2::after{content:"";position:absolute;left:0;bottom:0;
  width:62px;height:4px;border-radius:4px;background:var(--ald-gold)}

/* coloured section bands */
.ald-inside{background:linear-gradient(180deg,#eef6f4,#e3f1ed)}
.ald-delivery{background:linear-gradient(180deg,#fff6e6,#fdeecd)}
.ald-cart-summary{background:var(--ald-mint);border-radius:18px}

/* sample cards lift on hover */
.ald-sample-pages figure{transition:transform .2s}
.ald-sample-pages figure:hover{transform:translateY(-6px)}
.ald-sample-pages img{box-shadow:0 18px 40px -22px rgba(14,80,72,.5)}

/* teal focus ring */
.ald-page a:focus-visible,.ald-page button:focus-visible,
.ald-page summary:focus-visible{outline-color:var(--ald-ink)}

@media (max-width:600px){
  .ald-purchase h1{font-size:42px;letter-spacing:-1.2px}
  .ald-hero{padding-top:30px}
  .ald-inside h2,.ald-section-heading h2,.ald-delivery h2,.ald-faq>h2{font-size:32px}
}