/* AlsterSURFER — Marken-Reskin der WooCommerce-Seiten · v5 "Wasserlinie Dark" · 2026-06-10
   Gilt für Shop /buchung/, Produktseiten, /warenkorb/, /kasse/, Konto.
   Dunkles Premium-Theme, angeglichen an die Startseite (styles.css "Wasserlinie / Editorial Athletic"):
   dunkle Bühne wie Homepage-Hero/-Footer (Deep-Teal-Verlauf + Aqua/Orange-Glows),
   Inhalte als weiße schwebende Karten, Archivo-Display-Typo, flache Orange-Pill-Buttons.
   NUR Styling — WooCommerce-Funktion + Buchungen unberührt. Lädt als LETZTES Stylesheet (mu-plugin as-brand.php).
   Rollback: wp-audit/as-brand-live.css (Live-v3) bzw. wp-audit/as-brand-v4-backup-20260610.css. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  /* Töne 1:1 aus styles.css der Startseite */
  --as-ink:#0a2730; --as-ink-soft:#516870;
  --as-light:#eef9fb; --as-light-soft:rgba(223,240,243,.8); --as-light-dim:rgba(223,240,243,.58);
  --as-aqua:#0fb4c7; --as-aqua-deep:#0a8294; --as-aqua-bright:#3ad7e6; --as-foam:#d6f4f7;
  --as-orange:#ff7a1a; --as-orange-2:#ff9438; --as-orange-deep:#e9620a;
  --as-deep:#0a3a47; --as-deep-2:#0e5161; --as-abyss:#062029;
  --as-card:#ffffff; --as-card-line:rgba(10,39,48,.07);
  --as-line:rgba(255,255,255,.14);
  --as-display:"Archivo",-apple-system,BlinkMacSystemFont,sans-serif;
  --as-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
  --as-r:20px; --as-maxw:1280px; --as-bar:64px;
  --as-ease:cubic-bezier(.16,1,.3,1);
  --as-shadow:0 26px 60px -30px rgba(2,16,21,.65), 0 6px 18px -10px rgba(2,16,21,.4);
  --as-shadow-hover:0 40px 80px -32px rgba(2,16,21,.7), 0 18px 40px -24px rgba(15,180,199,.45);
}

/* ===== Dunkle Bühne (wie Hero/Footer der Startseite) ===== */
html, body.woocommerce, body.woocommerce-page{
  background:
    radial-gradient(1100px 560px at 86% -12%, rgba(15,180,199,.25), transparent 60%),
    radial-gradient(820px 540px at -8% 6%, rgba(14,81,97,.6), transparent 62%),
    radial-gradient(1300px 860px at 50% 116%, rgba(255,122,26,.11), transparent 58%),
    linear-gradient(172deg, #0b3d4b 0%, var(--as-deep) 42%, var(--as-abyss) 100%) !important;
  background-attachment:fixed !important;
}
body.woocommerce, body.woocommerce-page{
  font-family:var(--as-sans) !important; color:var(--as-light) !important;
  padding-top:var(--as-bar) !important;
  -webkit-font-smoothing:antialiased;
}
body.woocommerce ::selection, body.woocommerce-page ::selection{ background:var(--as-orange); color:#fff; }
body.woocommerce :focus-visible, body.woocommerce-page :focus-visible{ outline:3px solid var(--as-orange); outline-offset:3px; border-radius:6px; }

/* Theme-Container transparent, damit die dunkle Bühne überall trägt */
.woocommerce #content, .woocommerce .site-content, .woocommerce .content-area,
.woocommerce #primary, .woocommerce main, .woocommerce .site-main, .woocommerce #main,
.woocommerce .container, .woocommerce .row, body.woocommerce #page, body.woocommerce-page #page,
.woocommerce-page #content, .woocommerce-page .site-content, .woocommerce-page .content-area,
.woocommerce-page #primary, .woocommerce-page main, .woocommerce-page .site-main, .woocommerce-page #main,
.woocommerce-page .container, .woocommerce-page .row{
  background:transparent !important;
}

/* ===== Fixe Markenleiste (mu-plugin) — dunkles Glas wie Homepage-Nav ===== */
.as-topbar{
  position:fixed; top:0; left:0; right:0; height:var(--as-bar); z-index:99999;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:0 clamp(16px,4vw,44px);
  background:rgba(6,32,41,.72); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px -30px rgba(0,0,0,.8);
  font-family:var(--as-sans);
}
.as-topbar__brand{ font-family:var(--as-display); font-weight:900; letter-spacing:-.02em;
  font-size:1.32rem; color:#fff; text-decoration:none; text-transform:uppercase; line-height:1; }
.as-topbar__brand b{ color:var(--as-orange); font-weight:900; }
.as-topbar__back{ font-weight:700; font-size:.9rem; color:#fff; text-decoration:none;
  padding:9px 18px; border:1px solid rgba(255,255,255,.26); border-radius:100px;
  transition:.2s var(--as-ease); white-space:nowrap; }
.as-topbar__back:hover{ background:var(--as-orange); border-color:var(--as-orange); color:#fff; transform:translateY(-1px); }

/* ===== Altes Theme-Chrome komplett ausblenden ===== */
body.woocommerce header.site-header,  body.woocommerce-page header.site-header,
body.woocommerce footer.footer,       body.woocommerce-page footer.footer,
body.woocommerce .sidebar,            body.woocommerce-page .sidebar,
body.woocommerce .header__navigation, body.woocommerce .pt-sticky-menu__navigation,
body.woocommerce .header__container,  body.woocommerce .header__right-widgets,
body.woocommerce .header__top,        body.woocommerce .header-contact,
body.woocommerce .top-bar,            body.woocommerce .widget-icon-box,
body.woocommerce .pt-sticky-menu,     body.woocommerce-page .pt-sticky-menu{
  display:none !important;
}

/* Totes Geschenkkarten-Embed (atentogutschein.de, DNS tot) samt Overlay/Toggle ausblenden */
iframe[src*="atentogutschein"]{ display:none !important; }
div:has(> iframe[src*="atentogutschein"]){ display:none !important; }
[id*="atento" i], [class*="atento" i], #frame-container{ display:none !important; }

/* ===== Layout: Inhalt voll & zentriert ===== */
body.woocommerce .content-area, body.woocommerce-page .content-area,
body.woocommerce #primary, body.woocommerce-page #primary,
body.woocommerce .site-content, body.woocommerce-page .site-content{
  width:100% !important; max-width:var(--as-maxw) !important; margin:0 auto !important; float:none !important;
}
body.woocommerce .content-area.container, body.woocommerce-page .content-area.container,
body.woocommerce .boxed-container, body.woocommerce-page .boxed-container{
  padding-left:clamp(16px,4vw,32px) !important; padding-right:clamp(16px,4vw,32px) !important;
  max-width:none !important; background:transparent !important;
}
/* Theme-Container (shaka-pt boxed ~1140px) auf Marken-Breite öffnen */
body.woocommerce .container, body.woocommerce-page .container{
  max-width:var(--as-maxw) !important; width:100% !important;
}

/* ===== Shop-Kopf: offene Hero-Typo statt Box (wie Homepage-Hero) =====
   Kicker + H1 kommen als ECHTES Markup vom mu-plugin (woocommerce_archive_description-Hook),
   der shaka-pt-Header selbst ist leer. */
.woocommerce-products-header{
  max-width:var(--as-maxw); margin:0 auto; padding:clamp(36px,6vw,68px) clamp(16px,4vw,32px) 30px;
  position:relative; border-radius:0; overflow:visible;
  box-shadow:none !important;
  background:linear-gradient(90deg,var(--as-orange),var(--as-aqua-bright)) no-repeat !important;
  background-size:92px 6px !important;
  background-position:clamp(16px,4vw,32px) calc(100% - 0px) !important;
}
/* Kicker-Zeile */
.as-shop-kicker{
  font-family:var(--as-sans); font-weight:700; text-transform:uppercase; letter-spacing:.18em;
  font-size:.76rem; color:var(--as-aqua-bright); margin:0 0 16px;
}
/* Große Display-Headline */
.woocommerce-products-header__title, .woocommerce-products-header .page-title, .as-shop-title{
  position:relative; font-family:var(--as-display) !important; font-weight:900 !important; text-transform:uppercase;
  letter-spacing:-.03em; color:#fff !important; line-height:.92; margin:0 !important;
  font-size:clamp(2.8rem,7vw,5rem) !important;
}

/* ===== Result-count / Ordering als feine Toolbar auf dunklem Grund ===== */
.woocommerce .woocommerce-result-count{ color:var(--as-light-dim) !important; font-size:.9rem; margin-top:8px; }
.woocommerce .woocommerce-ordering select{
  border:1px solid rgba(255,255,255,.2) !important; border-radius:100px !important;
  padding:10px 16px !important; font-family:var(--as-sans) !important;
  background:rgba(255,255,255,.07) !important; color:var(--as-light) !important; }
.woocommerce .woocommerce-ordering select option{ color:var(--as-ink); background:#fff; }

/* ===== Headings/Links/Texte auf der dunklen Bühne ===== */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3{
  font-family:var(--as-display) !important; font-weight:800 !important; letter-spacing:-.01em; color:var(--as-light); }
.woocommerce a, .woocommerce-page a{ color:var(--as-aqua-bright); }
.woocommerce a:hover, .woocommerce-page a:hover{ color:var(--as-orange-2); }
.woocommerce p, .woocommerce-page p{ color:inherit; }

/* ===== Hinweise als dunkles Glas ===== */
.woocommerce .woocommerce-message, .woocommerce-info, .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-info{
  border-top-color:var(--as-aqua-bright) !important; background:rgba(15,180,199,.13) !important;
  color:var(--as-light) !important; border-radius:14px; }
.woocommerce .woocommerce-message::before, .woocommerce-info::before{ color:var(--as-aqua-bright) !important; }
.woocommerce .woocommerce-error{ border-top-color:var(--as-orange) !important; background:rgba(255,122,26,.12) !important;
  color:var(--as-light) !important; border-radius:14px; }

/* ===== Produkt-Grid: weiße schwebende Karten ===== */
.woocommerce ul.products{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(264px,1fr)) !important;
  gap:clamp(18px,2.4vw,30px) !important; margin:26px 0 0 !important; }
/* Shop-Archiv auf breitem Screen: eine saubere 4er-Reihe (4 Produkte) */
@media (min-width:1180px){
  body.post-type-archive-product ul.products, body.tax-product_cat ul.products{
    grid-template-columns:repeat(4,1fr) !important; }
}
.woocommerce ul.products::before, .woocommerce ul.products::after{ display:none !important; }
.woocommerce ul.products li.product{
  width:auto !important; margin:0 !important; float:none !important;
  background:var(--as-card) !important; border:1px solid var(--as-card-line) !important; border-radius:22px !important;
  padding:14px 14px 18px !important; overflow:hidden; position:relative;
  box-shadow:var(--as-shadow) !important;
  transition:transform .32s var(--as-ease), box-shadow .32s var(--as-ease) !important; }
.woocommerce ul.products li.product::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px; z-index:3;
  background:linear-gradient(90deg,var(--as-orange),var(--as-aqua)); transform:scaleX(0); transform-origin:left;
  transition:transform .4s var(--as-ease); }
.woocommerce ul.products li.product:hover{ transform:translateY(-8px) !important; box-shadow:var(--as-shadow-hover) !important; }
.woocommerce ul.products li.product:hover::before{ transform:scaleX(1); }
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product img{
  margin:0 !important; border-radius:14px !important; width:100% !important; aspect-ratio:4/3;
  object-fit:cover; background:var(--as-foam); display:block; transition:transform .55s var(--as-ease);
  box-shadow:0 10px 24px -16px rgba(8,52,64,.5); }
.woocommerce ul.products li.product:hover img{ transform:scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--as-display) !important; font-weight:800 !important; font-size:1.12rem !important;
  text-transform:uppercase; letter-spacing:-.01em; color:var(--as-ink) !important; padding:16px 6px 4px !important; }
.woocommerce ul.products li.product .price{ display:block; padding:0 6px !important; margin:0 0 14px !important;
  color:var(--as-orange-deep) !important; font-family:var(--as-display) !important; font-weight:800 !important; font-size:1.18rem !important; }
.woocommerce ul.products li.product .price del{ color:var(--as-ink-soft) !important; opacity:.55; font-weight:600 !important; font-size:.9rem; }
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart{
  display:block !important; margin:0 6px 4px !important; text-align:center; }
.woocommerce span.onsale{ background:var(--as-aqua) !important; color:#fff !important; border-radius:100px !important;
  font-family:var(--as-sans); font-weight:700; min-height:0; padding:7px 15px; line-height:1; top:24px; left:24px; z-index:3; }

/* Loop-Button-Label: „Weiterlesen" → klare Buchungs-CTA (rein visuell) */
.woocommerce ul.products li.product a.button{ font-size:0 !important; line-height:0 !important; }
.woocommerce ul.products li.product a.button::after{
  content:"Ansehen & buchen"; font-size:1rem; line-height:1.2; display:inline-block; white-space:nowrap; }

/* ===== Buttons → flache Orange-Pille exakt wie Startseite ===== */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button, .woocommerce input.button.alt,
.single_add_to_cart_button, .add_to_cart_button, .wc-bookings-booking-form .button, .woocommerce #place_order{
  background:var(--as-orange) !important; color:#fff !important; border:0 !important;
  border-radius:100px !important; font-family:var(--as-sans) !important; font-weight:700 !important;
  text-transform:none !important; letter-spacing:.01em; padding:14px 30px !important; font-size:1rem !important;
  box-shadow:0 14px 30px -10px rgba(255,122,26,.75) !important; transition:.24s var(--as-ease) !important; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover,
.woocommerce input.button:hover, .single_add_to_cart_button:hover, .add_to_cart_button:hover, .woocommerce #place_order:hover{
  background:var(--as-orange-deep) !important; transform:translateY(-3px);
  box-shadow:0 20px 38px -12px rgba(255,122,26,.85) !important; }
.woocommerce a.added_to_cart{ color:var(--as-aqua-bright) !important; font-weight:700; }

/* ===== Einzelprodukt: Typo auf dunkler Bühne, Inhalte als Karten ===== */
.single-product div.product{ margin-top:30px; padding-bottom:40px; }
.single-product div.product .woocommerce-product-gallery{
  border-radius:22px; overflow:hidden; box-shadow:var(--as-shadow); background:var(--as-card); padding:12px; }
.single-product div.product .woocommerce-product-gallery img{ border-radius:14px; }
.single-product div.product .product_title{
  color:#fff !important; font-weight:900 !important; text-transform:uppercase; letter-spacing:-.02em;
  font-size:clamp(2.1rem,4.6vw,3.2rem) !important; line-height:.98; }
.single-product div.product p.price, .single-product div.product .price{
  color:var(--as-orange-2) !important; font-family:var(--as-display) !important; font-weight:800 !important; font-size:1.8rem !important; }
.single-product .woocommerce-product-details__short-description{ color:var(--as-light-soft); font-size:1.04rem; }
.single-product div.product .product_meta, .single-product div.product .posted_in{ color:var(--as-light-dim); }
.single-product div.product .product_meta a{ color:var(--as-aqua-bright); }

/* Buchungsbox / Kaufformular = weiße schwebende Karte */
.single-product div.product .wc-bookings-booking-form, .single-product form.cart{
  background:var(--as-card) !important; border:1px solid var(--as-card-line) !important;
  border-radius:22px !important; padding:24px !important;
  box-shadow:var(--as-shadow) !important; color:var(--as-ink) !important; }
.single-product form.cart p, .single-product form.cart span,
.wc-bookings-booking-form p, .wc-bookings-booking-form span{ color:var(--as-ink); }

/* ===== Formularfelder (hell, lesbar — innen wie außen) ===== */
.woocommerce .quantity input.qty,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.wc-bookings-booking-form input, .wc-bookings-booking-form select,
.woocommerce .select2-container .select2-selection, .woocommerce select{
  border:1px solid rgba(10,39,48,.16) !important; border-radius:12px !important; padding:12px 14px !important;
  font-family:var(--as-sans) !important; color:var(--as-ink) !important; background:#fff !important; transition:.2s var(--as-ease); }
.woocommerce form .form-row input.input-text:focus, .wc-bookings-booking-form input:focus, .woocommerce select:focus{
  border-color:var(--as-aqua) !important; box-shadow:0 0 0 4px rgba(15,180,199,.2) !important; outline:none !important; }
.wc-bookings-booking-form .wc-bookings-booking-cost{ background:var(--as-foam) !important; border-radius:14px; color:var(--as-ink) !important;
  font-family:var(--as-display); font-weight:800; padding:14px 18px; }
.wc-bookings-booking-form label, .wc-bookings-date-picker label{ font-weight:700; color:var(--as-ink); }
/* Formular-Labels, die direkt auf der dunklen Bühne stehen (Kasse) */
.woocommerce-checkout form .form-row label{ color:var(--as-light); }
.woocommerce-checkout .woocommerce-billing-fields > h3, .woocommerce-checkout .woocommerce-additional-fields > h3{ color:var(--as-light); }

/* ===== Buchungskalender (jQuery UI) ===== */
.woocommerce .ui-datepicker, .wc-bookings-booking-form .ui-datepicker{
  background:#fff !important; border:1px solid var(--as-card-line) !important; border-radius:18px !important;
  box-shadow:var(--as-shadow) !important; padding:14px !important; font-family:var(--as-sans) !important; }
.ui-datepicker .ui-datepicker-header{ background:transparent !important; border:0 !important; color:var(--as-ink) !important;
  font-family:var(--as-display) !important; font-weight:800 !important; padding-bottom:8px; }
.ui-datepicker .ui-datepicker-title{ font-family:var(--as-display) !important; text-transform:uppercase; letter-spacing:.02em; color:var(--as-ink) !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ cursor:pointer; border-radius:10px !important; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{ background:var(--as-foam) !important; }
.ui-datepicker th{ color:var(--as-ink-soft) !important; font-weight:700; text-transform:uppercase; font-size:.72rem; }
.ui-datepicker td{ padding:2px !important; }
.ui-datepicker td a, .ui-datepicker td span{ text-align:center; border:0 !important; border-radius:10px !important;
  padding:9px 0 !important; transition:.15s var(--as-ease); }
.ui-datepicker td a:hover{ background:var(--as-aqua) !important; color:#fff !important; }
.ui-datepicker td .ui-state-active, .ui-datepicker td a.ui-state-active{ background:var(--as-orange) !important; color:#fff !important; }
.ui-datepicker .ui-datepicker-today a, .ui-datepicker td.ui-datepicker-today a{ box-shadow:inset 0 0 0 2px var(--as-aqua) !important; }
.ui-datepicker td.ui-state-disabled span{ background:transparent !important; color:rgba(10,39,48,.25) !important; opacity:.7; }
/* WC-Bookings-Verfügbarkeit in Markenfarben statt Plugin-Grün
   (Klassen live verifiziert: bookable / partial_booked / not-bookable) */
.wc-bookings-date-picker .ui-datepicker td.bookable a, .ui-datepicker td.bookable a{
  background:var(--as-foam) !important; color:var(--as-ink) !important; font-weight:700; }
.wc-bookings-date-picker .ui-datepicker td.bookable a:hover, .ui-datepicker td.bookable a:hover{
  background:var(--as-aqua) !important; color:#fff !important; }
.ui-datepicker td.partial_booked a{
  background:rgba(255,122,26,.18) !important; color:var(--as-ink) !important;
  box-shadow:inset 0 0 0 2px rgba(255,122,26,.5) !important; }
.ui-datepicker td.fully_booked a, .ui-datepicker td.fully_booked span{
  background:rgba(10,39,48,.07) !important; color:rgba(10,39,48,.35) !important; text-decoration:line-through; }
.ui-datepicker td.not-bookable a, .ui-datepicker td.not-bookable span{
  background:transparent !important; color:rgba(10,39,48,.25) !important; }
.ui-datepicker td.bookable a.ui-state-active, .ui-datepicker td a.ui-state-active{
  background:var(--as-orange) !important; color:#fff !important; }
.wc-bookings-booking-form .wc_bookings_field_duration, .wc-bookings-booking-form-button{ margin-top:14px; }
.blockUI.blockOverlay{ border-radius:18px; }

/* ===== Verwandte Produkte / Upsells =====
   shaka-pt floatet die Summary → .related muss clearen, sonst hängt die Überschrift
   links unter der Galerie und vor dem Grid klafft eine Lücke. */
.single-product div.product .related.products, .woocommerce .related, .woocommerce .upsells{
  clear:both !important; float:none !important; width:100% !important; margin-top:56px; padding-top:8px; }
/* NUR die Sektions-Überschrift (direktes Kind) hell — ID-Boost gegen Theme-Regeln */
#main .related.products > h2, #content .related.products > h2, #primary .related.products > h2,
.woocommerce .related > h2, .woocommerce .upsells > h2{
  font-size:1.5rem !important; text-transform:uppercase; color:var(--as-light) !important; letter-spacing:.01em;
  margin-bottom:10px !important; }
/* Kartentitel im Grid bleiben Ink auf weißer Karte */
.woocommerce ul.products li.product h2, .woocommerce ul.products li.product h3,
.woocommerce .related h2.woocommerce-loop-product__title{
  color:var(--as-ink) !important; }

/* ===== Warenkorb / Kasse: weiße Karten auf dunkler Bühne ===== */
.woocommerce table.shop_table{ border:1px solid var(--as-card-line) !important; border-radius:var(--as-r) !important;
  overflow:hidden; background:var(--as-card); color:var(--as-ink); }
.woocommerce table.shop_table th{ font-family:var(--as-display); text-transform:uppercase; letter-spacing:.01em; color:var(--as-ink); }
.woocommerce table.shop_table td, .woocommerce table.shop_table a{ color:var(--as-ink); }
.woocommerce table.shop_table a:hover{ color:var(--as-orange-deep); }
.woocommerce .cart_totals h2, .woocommerce-checkout h3{ font-family:var(--as-display) !important; text-transform:uppercase; }
.woocommerce .cart_totals h2{ color:var(--as-light) !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #payment{
  background:var(--as-card); border:1px solid var(--as-card-line); border-radius:var(--as-r); padding:20px;
  box-shadow:var(--as-shadow); color:var(--as-ink); }
.woocommerce .cart-collaterals .cart_totals h2{ color:var(--as-ink) !important; }
.woocommerce-checkout #payment label, .woocommerce-checkout #payment p{ color:var(--as-ink) !important; }

/* ===== Breadcrumb ===== */
.woocommerce-breadcrumb{ color:var(--as-light-dim) !important; font-size:.86rem; max-width:var(--as-maxw);
  margin:0 auto 6px; padding:14px clamp(16px,4vw,32px) 0; }
.woocommerce-breadcrumb a{ color:var(--as-aqua-bright) !important; }

/* ===== Injizierter Marken-Footer — exakt wie Homepage-Footer ===== */
.as-sitefoot{ margin-top:84px; padding:54px clamp(16px,4vw,32px) 46px; text-align:center;
  background:linear-gradient(160deg,var(--as-aqua-deep) 0%,var(--as-deep) 68%,var(--as-abyss) 100%);
  color:rgba(255,255,255,.85); font-family:var(--as-sans);
  border-top:1px solid rgba(255,255,255,.12); }
.as-sitefoot__brand{ font-family:var(--as-display); font-weight:900; text-transform:uppercase; letter-spacing:-.02em;
  font-size:1.7rem; color:#fff; margin-bottom:10px; }
.as-sitefoot__brand b{ color:var(--as-orange); }
.as-sitefoot p{ margin:6px 0; font-size:.92rem; }
.as-sitefoot a{ color:#9fe0e8 !important; text-decoration:none; font-weight:600; }
.as-sitefoot a:hover{ color:#fff !important; }

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product, .woocommerce .button, .as-topbar__back, .woocommerce ul.products li.product img{ transition:none !important; }
  .woocommerce ul.products li.product:hover, .woocommerce .button:hover, .woocommerce ul.products li.product:hover img{ transform:none !important; }
}