/*
Theme Name: LuxBarista (AiO)
Theme URI: https://example.com/
Author: Shopify All-in-One
Description: Self-hosted WooCommerce theme reproducing the AiO theme-builder output (mähroboter design system). Phase 2 prototype — homepage (hero + featured collection), header, footer. Brand tokens are espresso/cream; later generated per store from the brand pack.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: luxbarista
WC requires at least: 7.0
*/

:root { --aio-accent:#7c4a2d; --aio-accent-light:#f6eee7; }

/* ── base ───────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0; background: #fff; color: #0f0f12;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;
  font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }

/* ── announcement bar ───────────────────────────────────────────────── */
.aio-ab{width:100%;height:36px;overflow:hidden;font-size:12px;font-weight:500;box-sizing:border-box;background:var(--aio-accent,#7c4a2d);color:#fff;}
.aio-ab-track{position:relative;height:100%;}
.aio-ab-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;padding:0 16px;overflow:hidden;animation:aio-ab-fade 20s infinite;}
.aio-ab-msg:nth-child(1){animation-delay:0s;}
.aio-ab-msg:nth-child(2){animation-delay:5s;}
.aio-ab-msg:nth-child(3){animation-delay:10s;}
.aio-ab-msg:nth-child(4){animation-delay:15s;}
@keyframes aio-ab-fade{0%,3%{opacity:0;transform:translateY(5px);}8%,20%{opacity:1;transform:translateY(0);}25%,100%{opacity:0;transform:translateY(-5px);}}
.aio-ab-icon{font-size:13px;line-height:1;flex-shrink:0;}
.aio-ab strong{font-weight:700;white-space:nowrap;}
.aio-ab-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:480px){.aio-ab{font-size:11px;}.aio-ab-body{display:none;}.aio-ab-msg{gap:5px;padding:0 8px;}}

/* ── header ─────────────────────────────────────────────────────────── */
.aio-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #ececec;z-index:50;}
.aio-header-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 40px;}
.aio-header-burger{display:none;border:none;background:transparent;padding:6px;border-radius:6px;cursor:pointer;color:#0c0c0c;align-items:center;justify-content:center;}
.aio-header-burger:hover{background:#f4f4f4;}
.aio-header-nav{display:flex;gap:24px;justify-content:flex-start;grid-column:1;align-items:center;justify-self:start;}
.aio-header-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;align-items:center;}
.aio-header-nav a,.aio-header-link{font-size:14px;color:#444;font-weight:500;transition:color 0.15s;}
.aio-header-nav a:hover,.aio-header-link:hover{color:var(--aio-accent);}
.aio-header-nav .current-menu-item a,.aio-header-link-on{color:var(--aio-accent);}
.aio-header-brand{grid-column:2;text-align:center;font-size:20px;font-weight:800;letter-spacing:-0.02em;color:#0f0f12;justify-self:center;min-width:0;}
/* Brand link must never exceed the logo height — otherwise a tall <img> can
   force the whole header row taller. !important defeats host/page-builder
   stylesheets that add their own `.site-branding img` rules. */
.aio-header-brand-has-logo,
.aio-header .aio-header-brand-has-logo{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  line-height:0 !important;
  max-width:100% !important;
  max-height:var(--aio-logo-h, 44px) !important;
  overflow:hidden !important;
}
/* Logo dimensions are driven by CSS variables so the theme builder can tune
   them per store. The `height` (not just max-height) pins the image so a
   tall PNG can't override the cap. !important + multiple selectors cover host
   themes that re-style with `.custom-logo` / `.site-logo img` rules. */
.aio-header-logo,
.aio-header .aio-header-logo,
.aio-header img.custom-logo,
.aio-header .aio-header-brand img{
  display:block !important;
  height:var(--aio-logo-h, 44px) !important;
  width:auto !important;
  max-height:var(--aio-logo-h, 44px) !important;
  max-width:var(--aio-logo-mw, 220px) !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}
.aio-co-brand-has-logo{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  line-height:0 !important;
  max-width:100% !important;
  max-height:var(--aio-logo-h-co, 36px) !important;
  overflow:hidden !important;
}
.aio-co-logo,
.aio-co-brand img{
  display:block !important;
  height:var(--aio-logo-h-co, 36px) !important;
  width:auto !important;
  max-height:var(--aio-logo-h-co, 36px) !important;
  max-width:var(--aio-logo-mw-co, 180px) !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:760px){
  .aio-header-brand-has-logo,
  .aio-header .aio-header-brand-has-logo{
    max-height:var(--aio-logo-h-m, 32px) !important;
  }
  .aio-header-logo,
  .aio-header .aio-header-logo,
  .aio-header img.custom-logo,
  .aio-header .aio-header-brand img{
    height:var(--aio-logo-h-m, 32px) !important;
    max-height:var(--aio-logo-h-m, 32px) !important;
    max-width:var(--aio-logo-mw-m, 160px) !important;
  }
}
.aio-header-trail{grid-column:3;display:flex;align-items:center;gap:14px;justify-self:end;}
.aio-header-cart{position:relative;color:#0c0c0c;display:flex;align-items:center;}
.aio-header-cart:hover{color:var(--aio-accent);}
.aio-header-cart-count{position:absolute;top:-6px;right:-10px;background:var(--aio-accent);color:#fff;font-size:11px;font-weight:700;border-radius:9999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;}
.aio-header-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:60;opacity:0;transition:opacity 0.22s;}
.aio-header-overlay.aio-open{display:block;opacity:1;}
.aio-header-drawer{position:fixed;top:0;left:0;width:300px;max-width:82vw;height:100vh;background:#fff;z-index:61;transform:translateX(-100%);transition:transform 0.26s ease;box-shadow:6px 0 24px rgba(0,0,0,0.12);display:flex;flex-direction:column;}
.aio-header-drawer.aio-open{transform:translateX(0);}
.aio-header-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ececec;}
.aio-header-drawer-title{font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#666;}
.aio-header-drawer-close{width:34px;height:34px;border:none;background:#f4f4f4;border-radius:50%;font-size:20px;cursor:pointer;color:#0c0c0c;display:flex;align-items:center;justify-content:center;}
.aio-header-drawer-nav{display:flex;flex-direction:column;padding:8px 0;}
.aio-header-drawer-nav ul{list-style:none;margin:0;padding:0;}
.aio-header-drawer-nav a,.aio-header-drawer-link{display:block;padding:14px 20px;font-size:15px;font-weight:500;color:#0c0c0c;border-bottom:1px solid #f4f4f4;transition:background 0.14s;}
.aio-header-drawer-nav a:hover,.aio-header-drawer-link:hover{background:#f4f4f4;color:var(--aio-accent);}
@media(max-width:760px){.aio-header-inner{padding:12px 16px;gap:12px;}.aio-header-burger{display:inline-flex;}.aio-header-nav{display:none;}.aio-header-brand{font-size:18px;}}

/* ── hero ───────────────────────────────────────────────────────────── */
.aio-hero{overflow:hidden;background:linear-gradient(180deg, var(--aio-accent-light,#f6eee7) 0%, #fff 60%);}
.aio-hero-container{max-width:1440px;margin:0 auto;padding:0 40px;}
.aio-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,60px);align-items:center;min-height:clamp(480px,68vh,680px);padding:clamp(40px,6vw,80px) 0 clamp(32px,4vw,52px);}
.aio-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
.aio-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;background:var(--aio-accent,#7c4a2d);color:#fff;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:0.02em;}
.aio-hero-headline{font-size:clamp(32px,4.8vw,62px);font-weight:800;line-height:1.0;letter-spacing:-0.04em;color:#0c1a10;margin:0 0 14px;}
.aio-hero-hl2{display:block;color:var(--aio-accent,#7c4a2d);}
.aio-hero-sub{font-size:clamp(14px,1.1vw,17px);line-height:1.6;color:#4a5a52;margin:0 0 22px;max-width:480px;}
.aio-hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.aio-hero-btn{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 24px;border-radius:5px;font-size:14px;font-weight:700;transition:all 0.18s;}
.aio-hero-btn-primary{background:var(--aio-accent,#7c4a2d);color:#fff;}
.aio-hero-btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb, var(--aio-accent) 22%, transparent);}
.aio-hero-btn-primary svg{transition:transform 0.2s;}
.aio-hero-btn-primary:hover svg{transform:translateX(3px);}
.aio-hero-btn-secondary{background:transparent;color:#0c1a10;border:1.5px solid #c8d8cc;}
.aio-hero-btn-secondary:hover{border-color:var(--aio-accent,#7c4a2d);color:var(--aio-accent,#7c4a2d);background:var(--aio-accent-light,#f6eee7);}
.aio-hero-trust{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#6b7a72;font-weight:500;}
.aio-hero-trust span{display:flex;align-items:center;gap:5px;}
.aio-hero-img-wrap{position:relative;border-radius:16px;overflow:hidden;background:var(--aio-accent-light,#f6eee7);aspect-ratio:5/4;}
.aio-hero-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);}
.aio-hero-img-wrap:hover .aio-hero-img{transform:scale(1.02);}
.aio-hero-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--aio-accent,#7c4a2d);font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-0.02em;opacity:0.85;}
.aio-hero-badge{position:absolute;bottom:20px;left:20px;background:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 6px 24px rgba(0,0,0,0.08);display:flex;flex-direction:column;gap:2px;min-width:140px;border:1px solid #e8e8ea;}
.aio-hero-badge-top{font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--aio-accent,#7c4a2d);}
.aio-hero-badge-val{font-size:20px;font-weight:800;color:#0c1a10;letter-spacing:-0.02em;line-height:1.1;}
.aio-hero-badge-sub{font-size:10px;color:#6b7a72;}
@media(max-width:900px){.aio-hero-container{padding:0 20px;}.aio-hero-grid{grid-template-columns:1fr;gap:28px;min-height:auto;padding:32px 0 24px;}.aio-hero-img-wrap{order:-1;aspect-ratio:4/3;}.aio-hero-sub{max-width:100%;}}
@media(max-width:480px){.aio-hero-container{padding:0 16px;}.aio-hero-btn{width:100%;justify-content:center;height:48px;}.aio-hero-badge{bottom:10px;left:10px;padding:9px 12px;}}

/* ── featured collection ────────────────────────────────────────────── */
.aio-fc{padding:clamp(48px,7vw,88px) 0;}
.aio-fc-wrap{max-width:1440px;margin:0 auto;padding:0 40px;}
.aio-fc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,4vw,44px);flex-wrap:wrap;}
.aio-fc-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--aio-accent,#7c4a2d);margin:0 0 8px;}
.aio-fc-title{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-0.03em;color:#0c1a10;margin:0 0 8px;line-height:1.05;}
.aio-fc-sub{font-size:14px;color:#4a5a52;margin:0;line-height:1.5;max-width:560px;}
.aio-fc-all-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#0c1a10;border-bottom:2px solid #0c1a10;padding-bottom:2px;white-space:nowrap;transition:color 0.2s,gap 0.2s;}
.aio-fc-all-link:hover{color:var(--aio-accent,#7c4a2d);border-color:var(--aio-accent,#7c4a2d);gap:11px;}
.aio-fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.aio-fc-card{display:flex;flex-direction:column;color:inherit;background:#fff;border:1px solid #ececec;border-radius:10px;overflow:hidden;transition:border-color 0.22s,transform 0.22s,box-shadow 0.22s;}
.aio-fc-card:hover{border-color:var(--aio-accent,#7c4a2d);transform:translateY(-3px);box-shadow:0 14px 36px -14px color-mix(in srgb, var(--aio-accent) 14%, transparent);}
.aio-fc-img-wrap{position:relative;aspect-ratio:4/3;background:var(--aio-accent-light,#f6eee7);overflow:hidden;}
.aio-fc-img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);}
.aio-fc-card:hover .aio-fc-img{transform:scale(1.05);}
.aio-fc-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--aio-accent,#7c4a2d);font-size:22px;font-weight:800;letter-spacing:-0.01em;opacity:0.8;text-align:center;padding:0 14px;}
.aio-fc-badge{position:absolute;top:10px;z-index:2;font-size:10px;font-weight:700;padding:4px 9px;border-radius:3px;letter-spacing:0.02em;}
.aio-fc-badge-sale{left:10px;background:var(--aio-accent,#7c4a2d);color:#fff;}
.aio-fc-badge-best{right:10px;background:#fff;color:#0c1a10;border:1px solid #0c1a10;}
.aio-fc-badge-new{right:10px;background:var(--aio-accent-light,#f6eee7);color:var(--aio-accent,#7c4a2d);border:1px solid color-mix(in srgb, var(--aio-accent) 25%, transparent);}
.aio-fc-info{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.aio-fc-vendor{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#aaa;}
.aio-fc-name{font-size:13px;font-weight:700;line-height:1.35;color:#0c1a10;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin:0;}
.aio-fc-pricing{display:flex;flex-direction:column;gap:2px;margin-top:2px;}
.aio-fc-price-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;}
.aio-fc-price{font-size:18px;font-weight:800;color:#0c1a10;letter-spacing:-0.025em;line-height:1;}
.aio-fc-price-sale{color:#c8102e;}
.aio-fc-was{font-size:12px;color:#bbb;text-decoration:line-through;}
.aio-fc-saving{font-size:11px;font-weight:700;color:var(--aio-accent,#7c4a2d);}
.aio-fc-tax{font-size:10px;color:#bbb;}
.aio-fc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:9px;border-top:1px solid #eef0ef;font-size:11px;}
.aio-fc-dot{width:6px;height:6px;border-radius:50%;background:var(--aio-accent,#7c4a2d);box-shadow:0 0 0 3px color-mix(in srgb, var(--aio-accent) 12%, transparent);animation:aio-fc-pulse 2.5s infinite;flex-shrink:0;}
.aio-fc-dot-out{background:#ccc;box-shadow:none;animation:none;}
.aio-fc-avail{color:var(--aio-accent,#7c4a2d);font-weight:500;margin-left:5px;}
.aio-fc-avail-out{color:#aaa;}
.aio-fc-cta{font-weight:700;color:#0c1a10;font-size:11px;}
.aio-fc-card:hover .aio-fc-cta{color:var(--aio-accent,#7c4a2d);}
@keyframes aio-fc-pulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb, var(--aio-accent) 12%, transparent);}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--aio-accent) 3%, transparent);}}
@media(max-width:900px){.aio-fc-wrap{padding:0 20px;}}
@media(max-width:480px){.aio-fc-wrap{padding:0 12px;}.aio-fc-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.aio-fc-info{padding:10px;}.aio-fc-name{font-size:12px;}.aio-fc-price{font-size:16px;}.aio-fc-all-link{display:none;}}

/* ── footer ─────────────────────────────────────────────────────────── */
.aio-footer{background:#0f0f12;color:#cfcfd1;padding:56px 40px 24px;}
.aio-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08);}
.aio-footer-brand h3{font-size:18px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-0.01em;}
.aio-footer-brand p{font-size:13px;line-height:1.7;margin:0 0 10px;color:#9a9a9d;}
.aio-footer-brand a{color:#cfcfd1;}
.aio-footer-brand a:hover{color:var(--aio-accent);}
.aio-footer-col h4{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#fff;margin:0 0 14px;}
.aio-footer-col ul{list-style:none;padding:0;margin:0;}
.aio-footer-col li{margin-bottom:8px;}
.aio-footer-col a{color:#cfcfd1;font-size:13px;}
.aio-footer-col a:hover{color:var(--aio-accent);}
.aio-footer-base{max-width:1200px;margin:0 auto;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#6e6e72;}
@media(max-width:760px){.aio-footer{padding:48px 20px 20px;}.aio-footer-inner{grid-template-columns:1fr;gap:32px;}}

/* ── product page (PDP) ─────────────────────────────────────────────── */
.aio-pp{color:#0c0c0c;background:#fff;padding-bottom:80px;overflow-x:hidden;}
.aio-pp-wrap{max-width:1280px;margin:0 auto;padding:20px 40px 0;overflow-x:hidden;}
.aio-pp-bc{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:20px;flex-wrap:wrap;color:#aaa;}
.aio-pp-bc a{color:#666;}
.aio-pp-bc a:hover{color:var(--aio-accent,#7c4a2d);}
.aio-pp-bc span:not(:last-child){color:#ddd;}
.aio-pp-bc span:last-child{color:#0c0c0c;font-weight:500;}
.aio-pp-grid{display:grid;grid-template-columns:1fr 440px;gap:52px;margin-bottom:56px;align-items:start;}
.aio-pp-gallery{position:sticky;top:20px;min-width:0;}
.aio-pp-main-wrap{position:relative;aspect-ratio:1/1;background:var(--aio-accent-light,#f6eee7);border:1px solid #ececec;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.aio-pp-main-img{width:100%;height:100%;object-fit:contain;padding:24px;display:block;}
.aio-pp-main-ph{display:flex;align-items:center;justify-content:center;color:var(--aio-accent,#7c4a2d);font-size:34px;font-weight:800;letter-spacing:-0.02em;opacity:0.85;text-align:center;padding:24px;}
.aio-pp-flag{position:absolute;top:14px;z-index:2;font-size:11px;font-weight:700;padding:6px 11px;border-radius:4px;letter-spacing:0.02em;}
.aio-pp-flag-sale{left:14px;background:#c8102e;color:#fff;}
.aio-pp-flag-best{right:14px;background:#fff;color:#0c0c0c;border:1px solid #0c0c0c;}
.aio-pp-box{display:flex;flex-direction:column;gap:18px;min-width:0;}
.aio-pp-vendor{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--aio-accent,#7c4a2d);}
.aio-pp-title{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-0.025em;line-height:1.15;margin:0;color:#0c0c0c;}
.aio-pp-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;flex-wrap:wrap;}
.aio-pp-stars{color:#f5a623;font-size:14px;letter-spacing:1px;}
.aio-pp-rating strong{color:#0c0c0c;}
.aio-pp-rating-lnk{color:var(--aio-accent,#7c4a2d);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.aio-pp-savings{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--aio-accent-light,#f6eee7);border:1.5px solid var(--aio-accent,#7c4a2d);border-radius:10px;}
.aio-pp-savings-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--aio-accent,#7c4a2d);margin-bottom:3px;}
.aio-pp-savings-amt{font-size:22px;font-weight:800;color:#0c0c0c;letter-spacing:-0.025em;line-height:1;}
.aio-pp-savings-pct{font-size:26px;font-weight:800;color:var(--aio-accent,#7c4a2d);letter-spacing:-0.03em;}
.aio-pp-price-block{display:flex;flex-direction:column;gap:4px;}
.aio-pp-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.aio-pp-price{font-size:34px;font-weight:800;color:#0c0c0c;letter-spacing:-0.03em;line-height:1;}
.aio-pp-price-sale{color:#c8102e;}
.aio-pp-price-old{font-size:18px;color:#bbb;text-decoration:line-through;}
.aio-pp-tax{font-size:12px;color:#888;}
.aio-pp-tax a{color:var(--aio-accent,#7c4a2d);text-decoration:underline;}
.aio-pp-delivery{padding:14px 16px;background:#fafafa;border:1px solid #ececec;border-radius:10px;display:flex;flex-direction:column;gap:9px;}
.aio-pp-del-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;flex-wrap:wrap;}
.aio-pp-del-row strong{font-weight:700;}
.aio-pp-dot{width:8px;height:8px;border-radius:50%;background:var(--aio-accent,#7c4a2d);box-shadow:0 0 0 3px color-mix(in srgb, var(--aio-accent) 12%, transparent);animation:aio-pp-pulse 2.5s infinite;flex-shrink:0;}
.aio-pp-dot-out{background:#ccc;box-shadow:none;animation:none;}
@keyframes aio-pp-pulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb, var(--aio-accent) 12%, transparent);}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--aio-accent) 3%, transparent);}}
.aio-pp-buy-wrap{display:flex;flex-direction:column;gap:12px;}
/* WooCommerce native add-to-cart form, restyled to the design */
.aio-pp-buy-wrap form.cart{display:flex;flex-direction:column;gap:12px;margin:0;}
.aio-pp-buy-wrap .quantity{display:inline-flex;align-items:center;border:1.5px solid #d8d8d8;border-radius:5px;overflow:hidden;width:max-content;}
.aio-pp-buy-wrap .quantity input.qty{width:58px;height:40px;border:none;text-align:center;font-size:14px;font-weight:700;font-family:inherit;background:#fff;-moz-appearance:textfield;}
.aio-pp-buy-wrap .quantity input.qty::-webkit-outer-spin-button,.aio-pp-buy-wrap .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.aio-pp-buy-wrap .single_add_to_cart_button,.aio-pp-add{width:100%;min-height:58px;background:var(--aio-accent,#7c4a2d);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:0.01em;transition:filter 0.2s,transform 0.16s,box-shadow 0.2s;font-family:inherit;box-shadow:0 4px 14px color-mix(in srgb, var(--aio-accent) 22%, transparent);}
.aio-pp-buy-wrap .single_add_to_cart_button:hover,.aio-pp-add:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 22px color-mix(in srgb, var(--aio-accent) 30%, transparent);}
.aio-pp-buy-wrap .single_add_to_cart_button.disabled,.aio-pp-add:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;}
.aio-pp-buy-wrap .woocommerce-variation-add-to-cart{display:flex;flex-direction:column;gap:12px;}
.aio-pp-trust-strip{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding-top:4px;}
.aio-pp-trust-strip span{display:flex;align-items:center;gap:5px;font-size:11px;color:#555;font-weight:500;}
.aio-pp-trust-strip svg{color:var(--aio-accent,#7c4a2d);}
.aio-pp-tabs{border-top:1px solid #ececec;margin-top:8px;}
.aio-pp-tab-nav{display:flex;overflow-x:auto;scrollbar-width:none;}
.aio-pp-tab-nav::-webkit-scrollbar{display:none;}
.aio-pp-tab{padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#666;cursor:pointer;white-space:nowrap;transition:all 0.18s;font-family:inherit;margin-bottom:-1px;}
.aio-pp-tab:hover{color:#0c0c0c;}
.aio-pp-tab-on{color:#0c0c0c;border-bottom-color:var(--aio-accent,#7c4a2d);}
.aio-pp-pane{display:none;padding:28px 0;max-width:820px;}
.aio-pp-pane-on{display:block;}
.aio-pp-rte{font-size:14px;line-height:1.7;color:#333;}
.aio-pp-rte h2,.aio-pp-rte h3{color:#0c0c0c;margin:22px 0 8px;font-weight:800;}
.aio-pp-rte p{margin:0 0 12px;}
.aio-pp-rte ul{margin:0 0 12px;padding-left:20px;}
.aio-pp-ship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.aio-pp-ship-card{padding:18px;background:#fafafa;border:1px solid #ececec;border-radius:10px;}
.aio-pp-ship-card h3{font-size:15px;font-weight:800;margin:0 0 10px;color:#0c0c0c;}
.aio-pp-ship-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.aio-pp-ship-card li{font-size:12px;color:#555;line-height:1.5;padding-left:16px;position:relative;}
.aio-pp-ship-card li::before{content:'✓';position:absolute;left:0;color:var(--aio-accent,#7c4a2d);font-weight:700;}
.aio-pp-faq{display:flex;flex-direction:column;gap:5px;}
.aio-pp-faq-item{background:#fafafa;border:1px solid #ececec;border-radius:7px;overflow:hidden;}
.aio-pp-faq-item summary{padding:14px 16px;font-size:13px;font-weight:600;color:#0c0c0c;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.aio-pp-faq-item summary::-webkit-details-marker{display:none;}
.aio-pp-faq-item summary::after{content:'+';font-size:18px;color:var(--aio-accent,#7c4a2d);font-weight:300;transition:transform 0.2s;flex-shrink:0;}
.aio-pp-faq-item[open] summary::after{transform:rotate(45deg);}
.aio-pp-faq-item summary:hover{background:#f4f4f4;}
.aio-pp-faq-item div{padding:0 16px 14px;font-size:13px;line-height:1.6;color:#555;}
.aio-pp-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:10px 16px;background:rgba(255,255,255,0.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #ececec;align-items:center;gap:10px;box-shadow:0 -4px 18px rgba(0,0,0,0.08);}
.aio-pp-sticky-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.aio-pp-sticky-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0c0c0c;}
.aio-pp-sticky-price{font-size:14px;font-weight:800;color:#0c0c0c;}
.aio-pp-sticky-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 20px;background:var(--aio-accent,#7c4a2d);color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;transition:filter 0.18s;font-family:inherit;white-space:nowrap;}
.aio-pp-sticky-btn:hover{filter:brightness(1.1);}
@media(max-width:960px){.aio-pp-grid{grid-template-columns:1fr;gap:24px;}.aio-pp-gallery{position:static;}.aio-pp-wrap{padding:16px 20px 0;}}
/* Sticky bar only shows when the main add-to-cart is scrolled out of view (JS-driven). */
.aio-pp-sticky.aio-pp-sticky--show{display:flex;}
body.aio-has-sticky{padding-bottom:72px;}
@media(max-width:600px){.aio-pp-wrap{padding:12px 16px 0;}.aio-pp-price{font-size:28px;}.aio-pp-tab{padding:12px 14px;font-size:13px;}.aio-pp-pane{padding:20px 0;}.aio-pp-ship-grid{grid-template-columns:1fr;}.aio-pp-grid{margin-bottom:32px;}}

/* ── collection / shop archive ──────────────────────────────────────── */
.aio-cp{background:#fff;}
.aio-cp-hero{background:linear-gradient(160deg,var(--aio-accent,#7c4a2d) 0%,#0c0c0c 100%);color:#fff;padding:clamp(36px,6vw,72px) 40px;}
.aio-cp-hero-inner{max-width:1280px;margin:0 auto;}
.aio-cp-bc{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:14px;color:rgba(255,255,255,0.6);flex-wrap:wrap;}
.aio-cp-bc a{color:rgba(255,255,255,0.8);}
.aio-cp-bc a:hover{color:#fff;}
.aio-cp-hero-title{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-0.03em;margin:0 0 10px;line-height:1.05;}
.aio-cp-hero-desc{font-size:14px;line-height:1.6;color:rgba(255,255,255,0.78);margin:0 0 16px;max-width:620px;}
.aio-cp-hero-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:rgba(255,255,255,0.85);align-items:center;}
.aio-cp-hero-meta strong{color:#fff;}
.aio-cp-sep{color:rgba(255,255,255,0.35);}
.aio-cp-wrap{max-width:1280px;margin:0 auto;padding:0 40px 64px;}
.aio-cp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #ececec;flex-wrap:wrap;}
.aio-cp-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1.5px solid #d8d8d8;border-radius:6px;font-size:13px;font-weight:600;color:#0c0c0c;cursor:pointer;font-family:inherit;}
.aio-cp-filter-btn:hover{border-color:var(--aio-accent,#7c4a2d);color:var(--aio-accent,#7c4a2d);}
.aio-cp-toolbar-r{display:flex;align-items:center;gap:14px;}
.aio-cp-count{font-size:13px;color:#888;}
.aio-cp-sort{padding:9px 14px;border:1.5px solid #d8d8d8;border-radius:6px;font-size:13px;font-weight:600;color:#0c0c0c;background:#fff;cursor:pointer;font-family:inherit;}
.aio-cp-sort:focus{outline:none;border-color:var(--aio-accent,#7c4a2d);}
.aio-cp-body{display:grid;grid-template-columns:248px 1fr;gap:32px;padding-top:28px;align-items:start;}
.aio-cp-sidebar{display:flex;flex-direction:column;gap:6px;position:sticky;top:20px;}
.aio-sb-head{display:none;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;color:#0c0c0c;margin-bottom:8px;}
.aio-sb-close{border:none;background:#f4f4f4;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;}
.aio-fg{border-bottom:1px solid #ececec;padding:4px 0;}
.aio-fg-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:12px 2px;font-size:13px;font-weight:800;color:#0c0c0c;cursor:pointer;font-family:inherit;letter-spacing:0.01em;}
.aio-chev{transition:transform 0.2s;color:#999;}
.aio-fg[data-open="false"] .aio-chev{transform:rotate(-90deg);}
.aio-fg[data-open="false"] .aio-fg-body{display:none;}
.aio-fg-body{display:flex;flex-direction:column;gap:9px;padding:4px 2px 14px;}
.aio-check{display:flex;align-items:center;gap:9px;font-size:13px;color:#444;cursor:pointer;}
.aio-check input{position:absolute;opacity:0;width:0;height:0;}
.aio-box{width:17px;height:17px;border:1.5px solid #cfcfcf;border-radius:4px;flex-shrink:0;position:relative;transition:all 0.14s;}
.aio-check input:checked + .aio-box{background:var(--aio-accent,#7c4a2d);border-color:var(--aio-accent,#7c4a2d);}
.aio-check input:checked + .aio-box::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.aio-check:hover{color:#0c0c0c;}
.aio-cp-empty{padding:40px 0;color:#888;font-size:14px;}
@media(max-width:860px){
  .aio-cp-hero{padding:32px 20px;}
  .aio-cp-wrap{padding:0 20px 48px;}
  .aio-cp-body{grid-template-columns:1fr;}
  .aio-cp-sidebar{position:fixed;top:0;left:0;width:300px;max-width:84vw;height:100vh;background:#fff;z-index:80;padding:18px;box-shadow:6px 0 24px rgba(0,0,0,0.12);transform:translateX(-100%);transition:transform 0.26s;overflow-y:auto;}
  .aio-cp-sidebar.aio-open{transform:translateX(0);}
  .aio-sb-head{display:flex;}
}

/* ── generic content pages (About / Contact / legal) ────────────────── */
.aio-page{background:#fff;}
.aio-page-hero{background:linear-gradient(180deg,var(--aio-accent-light,#f6eee7) 0%,#fff 100%);border-bottom:1px solid #ececec;padding:clamp(28px,5vw,56px) 40px;}
.aio-page-hero-inner{max-width:1100px;margin:0 auto;}
.aio-page-hero .aio-pp-bc{margin-bottom:8px;}
.aio-page-title{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-0.03em;color:#0c1a10;margin:6px 0 0;line-height:1.1;}
.aio-page-body{max-width:820px;margin:0 auto;padding:clamp(28px,4vw,48px) 40px 64px;}
.aio-page-body.aio-page-wide{max-width:1180px;}
.rte{font-size:15px;line-height:1.75;color:#333;}
.rte h2{font-size:20px;font-weight:800;color:#0c1a10;letter-spacing:-0.02em;margin:28px 0 10px;}
.rte h2:first-child{margin-top:0;}
.rte h3{font-size:16px;font-weight:800;color:#0c1a10;margin:20px 0 8px;}
.rte p{margin:0 0 14px;}
.rte ul{margin:0 0 16px;padding-left:22px;}
.rte li{margin-bottom:7px;}
.rte a{color:var(--aio-accent,#7c4a2d);text-decoration:underline;text-underline-offset:2px;}
.rte strong{color:#0c1a10;}
@media(max-width:600px){.aio-page-hero{padding:24px 16px;}.aio-page-body{padding:24px 16px 48px;}}

/* ── WooCommerce classic cart + checkout, themed to the brand ───────── */
.aio-wc{font-size:14px;color:#333;}
.aio-wc a{color:var(--aio-accent,#7c4a2d);}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:#fff;color:#0c1a10;border:1.5px solid #d8d8d8;border-radius:6px;font-weight:700;font-size:13px;
  padding:11px 18px;cursor:pointer;transition:all .16s;font-family:inherit;line-height:1.2;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{border-color:var(--aio-accent,#7c4a2d);color:var(--aio-accent,#7c4a2d);background:var(--aio-accent-light,#f6eee7);}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #place_order{
  background:var(--aio-accent,#7c4a2d);color:#fff;border-color:var(--aio-accent,#7c4a2d);box-shadow:0 4px 14px color-mix(in srgb, var(--aio-accent) 22%, transparent);}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover{filter:brightness(1.1);transform:translateY(-1px);color:#fff;background:var(--aio-accent,#7c4a2d);}
.woocommerce #place_order{width:100%;min-height:54px;font-size:15px;}
.woocommerce table.shop_table{border:1px solid #ececec;border-radius:12px;border-collapse:separate;overflow:hidden;}
.woocommerce table.shop_table th{background:#fafafa;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#888;padding:14px 16px;text-align:left;}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid #f1f1f1;vertical-align:middle;}
.woocommerce table.cart img{width:64px;border-radius:8px;border:1px solid #ececec;}
.woocommerce .product-name a{color:#0c1a10;font-weight:700;text-decoration:none;}
.woocommerce .quantity .qty{height:40px;width:64px;border:1.5px solid #d8d8d8;border-radius:5px;text-align:center;font-weight:700;font-family:inherit;}
.woocommerce .cart_totals h2,.woocommerce #order_review_heading{font-size:18px;font-weight:800;color:#0c1a10;letter-spacing:-0.02em;margin-bottom:14px;}
.woocommerce .cart_totals{background:#fafafa;border:1px solid #ececec;border-radius:12px;padding:20px;}
.woocommerce .cart_totals table.shop_table{border:none;background:transparent;}
.woocommerce .cart_totals table.shop_table th{background:transparent;text-transform:none;font-size:13px;color:#444;}
.woocommerce .order-total .amount{color:var(--aio-accent,#7c4a2d);font-size:18px;}
.woocommerce .cart-collaterals{width:100%;display:flex;justify-content:flex-end;margin-top:24px;}
.woocommerce .cart-collaterals .cart_totals{width:420px;max-width:100%;float:none;}
.woocommerce form .form-row{margin-bottom:14px;}
.woocommerce form .form-row label{font-size:13px;font-weight:600;color:#444;margin-bottom:5px;display:block;}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce form .form-row .select2-selection{
  border:1.5px solid #d8d8d8;border-radius:6px;padding:11px 12px;font-size:14px;font-family:inherit;width:100%;background:#fff;}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:none;border-color:var(--aio-accent,#7c4a2d);}
.woocommerce #order_review,.woocommerce-checkout #payment{background:#fff;border:1px solid #ececec;border-radius:14px;}
.woocommerce-checkout #payment{padding:18px 22px 22px;}
/* ── Payment methods card layout — overrides WC's default grey lump ───── */
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment ul.wc_payment_methods{
  border:none!important;padding:0!important;margin:0 0 18px 0!important;
  list-style:none;display:flex;flex-direction:column;gap:10px;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method{
  background:#fff;border:1.5px solid #ececec;border-radius:10px;padding:0;
  list-style:none;transition:border-color .16s,box-shadow .16s;overflow:hidden;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover{border-color:#cfcfcf;}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked){
  border-color:var(--aio-accent,#7c4a2d);
  box-shadow:0 0 0 1px var(--aio-accent,#7c4a2d), 0 4px 12px color-mix(in srgb, var(--aio-accent) 10%, transparent);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"]{
  margin:0 0 0 14px;vertical-align:middle;accent-color:var(--aio-accent,#7c4a2d);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label{
  display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#0c1a10;
  font-size:14px;padding:14px 14px 14px 8px;cursor:pointer;line-height:1.2;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label img{
  max-height:24px;width:auto;margin:0;
}
/* The form that opens below the active method — kill WC's #dfdcde grey
   background and the "speech bubble" arrow above it. Reveal the form as a
   clean inset panel with a soft top border. */
.woocommerce-checkout #payment ul.payment_methods .payment_box{
  background:#fafafa!important;
  border:none!important;border-top:1px solid #ececec!important;
  margin:0!important;padding:16px 18px!important;
  font-size:13.5px;color:#3a4a42;border-radius:0 0 10px 10px;
  position:relative;
}
.woocommerce-checkout #payment ul.payment_methods .payment_box::before{display:none!important;}
.woocommerce-checkout #payment ul.payment_methods .payment_box p:last-child{margin-bottom:0;}
.woocommerce-checkout #payment ul.payment_methods .payment_box input[type="text"],
.woocommerce-checkout #payment ul.payment_methods .payment_box input[type="email"],
.woocommerce-checkout #payment ul.payment_methods .payment_box input[type="tel"],
.woocommerce-checkout #payment ul.payment_methods .payment_box input[type="number"],
.woocommerce-checkout #payment ul.payment_methods .payment_box select{
  border:1.5px solid #d8d8d8;border-radius:6px;padding:10px 12px;font-size:14px;
  font-family:inherit;background:#fff;width:100%;
}
.woocommerce-checkout #payment ul.payment_methods .payment_box input:focus,
.woocommerce-checkout #payment ul.payment_methods .payment_box select:focus{
  outline:none;border-color:var(--aio-accent,#7c4a2d);
}
.woocommerce-checkout #payment .terms,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{
  margin:0 0 14px 0;
}
.woocommerce-checkout #payment .form-row.place-order{margin:0;padding:0;}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-radius:8px;border:1px solid #ececec;border-top:3px solid var(--aio-accent,#7c4a2d);background:#fafafa;padding:14px 16px;font-size:13px;list-style:none;margin:0 0 20px;}
.woocommerce-error{border-top-color:#c8102e;}
@media(max-width:780px){.woocommerce .cart-collaterals{justify-content:stretch;}.woocommerce .cart-collaterals .cart_totals{width:100%;}}

/* ── Cart page — custom card layout (woocommerce/cart/cart.php) ──────── */
.aio-cart{display:grid;grid-template-columns:1fr 360px;gap:clamp(20px,3vw,40px);align-items:start;padding-bottom:8px;}
.aio-cart-main{margin:0;min-width:0;}
.aio-cart-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;}
.aio-cart-count-label{font-size:13px;font-weight:600;color:#6b7a72;}
.aio-cart .aio-cart-continue{font-size:13px;font-weight:600;color:var(--aio-accent,#7c4a2d);text-decoration:none;white-space:nowrap;}
.aio-cart .aio-cart-continue:hover{text-decoration:underline;}
.aio-cart-items{border:1px solid #ececec;border-radius:14px;overflow:hidden;background:#fff;}
.aio-cart-item{display:grid;grid-template-columns:84px 1fr auto auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #f1f1f1;}
.aio-cart-item:last-child{border-bottom:none;}
.aio-cart-item-media{display:block;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid #ececec;background:var(--aio-accent-light,#f6eee7);}
.aio-cart-item-media img,.aio-cart-img{width:100%;height:100%;object-fit:cover;display:block;}
.aio-cart-img-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;font-weight:700;color:var(--aio-accent,#7c4a2d);text-align:center;padding:6px;line-height:1.2;}
.aio-cart-item-info{min-width:0;display:flex;flex-direction:column;gap:3px;}
.aio-cart-item-brand{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#9a8a7c;}
.aio-cart .aio-cart-item-name{font-size:15px;font-weight:700;color:#0c1a10;text-decoration:none;line-height:1.3;}
.aio-cart .aio-cart-item-name:hover{color:var(--aio-accent,#7c4a2d);}
.aio-cart-item-price{font-size:13px;color:#7a8a82;}
.aio-cart-per{color:#aab2ad;}
.aio-cart .aio-cart-item-remove{font-size:12px;color:#b04a3a;text-decoration:none;width:max-content;margin-top:2px;}
.aio-cart .aio-cart-item-remove:hover{text-decoration:underline;color:#b04a3a;}
.aio-cart-item-subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap;min-width:120px;}
.aio-cart-item-subtotal-label{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#9aa39d;}
.aio-cart-item-subtotal-total{font-size:18px;font-weight:800;color:#0c1a10;}
.aio-cart-item-subtotal-calc{font-size:12px;color:#7a857f;font-weight:500;}
.aio-cart-item-price-label{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#9aa39d;margin-right:4px;}
.aio-cart-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;}
.aio-cart-coupon{display:flex;gap:8px;flex:1;min-width:200px;}
.aio-cart-coupon input{flex:1;min-width:0;border:1.5px solid #d8d8d8;border-radius:6px;padding:10px 12px;font-size:14px;font-family:inherit;}
.aio-cart-coupon input:focus{outline:none;border-color:var(--aio-accent,#7c4a2d);}
.aio-cart-coupon-btn,.aio-cart-update{border:1.5px solid #d8d8d8;background:#fff;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:700;color:#0c1a10;cursor:pointer;font-family:inherit;transition:all .16s;white-space:nowrap;}
.aio-cart-coupon-btn:hover,.aio-cart-update:hover{border-color:var(--aio-accent,#7c4a2d);color:var(--aio-accent,#7c4a2d);background:var(--aio-accent-light,#f6eee7);}
.aio-cart-summary{position:sticky;top:24px;background:#fafafa;border:1px solid #ececec;border-radius:14px;padding:22px;}
.aio-cart-summary-title{font-size:17px;font-weight:800;color:#0c1a10;letter-spacing:-0.02em;margin:0 0 14px;}
.aio-cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4a5a52;padding:7px 0;}
.aio-cart-summary-discount span:last-child{color:#196641;font-weight:600;}
.aio-cart-free{color:#196641;font-weight:700;}
.aio-cart-summary-total{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;font-weight:800;color:#0c1a10;padding:14px 0 0;margin-top:8px;border-top:1px solid #e6e6e6;}
.aio-cart-summary-total span:last-child,.aio-cart-summary-total .amount{font-size:22px;color:var(--aio-accent,#7c4a2d);}
.aio-cart-tax-note{font-size:12px;color:#9aa39d;margin:2px 0 16px;}
/* Custom-cart "Zur Kasse" button + the default Woo "Proceed to checkout" so
   both shapes use the brand colour with white text. !important guards against
   page-builder / cart-plugin overrides that re-skin buttons to dark with the
   theme accent applied to the label (the "orange text on black" look). */
.aio-cart .aio-cart-checkout,
.aio-cart-summary a.checkout-button,
.woocommerce a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:flex !important;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:54px;
  background:var(--aio-accent,#7c4a2d) !important;
  color:#fff !important;
  border:none;border-radius:8px;
  font-size:15px;font-weight:800;
  text-decoration:none;letter-spacing:0.01em;
  box-shadow:0 6px 18px color-mix(in srgb, var(--aio-accent) 22%, transparent);
  transition:filter .18s,transform .16s,box-shadow .2s;
  text-shadow:none;
}
.aio-cart .aio-cart-checkout:hover,
.aio-cart-summary a.checkout-button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  filter:brightness(1.08);transform:translateY(-2px);
  box-shadow:0 10px 26px color-mix(in srgb, var(--aio-accent) 30%, transparent);
  color:#fff !important;
}
.aio-cart .aio-cart-checkout *,
.aio-cart-summary a.checkout-button *,
.woocommerce a.checkout-button *,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button *{color:inherit !important;}
.aio-cart-trust{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px;}
.aio-cart-trust li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#5a6a62;line-height:1.3;}
.aio-cart-trust-ico{font-size:14px;flex-shrink:0;}
.aio-cart-pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid #ececec;}
.aio-cart-pay span{font-size:10px;font-weight:700;letter-spacing:0.04em;color:#8a948e;background:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:4px 8px;}
@media(max-width:900px){.aio-cart{grid-template-columns:1fr;}.aio-cart-summary{position:static;}}
@media(max-width:560px){
  .aio-cart-item{grid-template-columns:64px 1fr;grid-template-areas:"media info" "qty sub";column-gap:14px;row-gap:14px;padding:16px;}
  .aio-cart-item-media{grid-area:media;width:64px;height:64px;}
  .aio-cart-item-info{grid-area:info;}
  .aio-cart-item-qty{grid-area:qty;align-self:center;}
  .aio-cart-item-subtotal{grid-area:sub;align-self:center;}
}

/* ── quantity stepper (PDP + cart): JS injects − / + around Woo's qty input ── */
.quantity.aio-qty{display:inline-flex;align-items:center;border:1.5px solid #d8d8d8;border-radius:5px;overflow:hidden;width:max-content;background:#fff;}
.quantity.aio-qty input.qty{border:none;border-left:1px solid #ececec;border-right:1px solid #ececec;border-radius:0;height:40px;width:48px;text-align:center;font-weight:700;font-family:inherit;background:#fff;-moz-appearance:textfield;}
.quantity.aio-qty input.qty::-webkit-outer-spin-button,.quantity.aio-qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.aio-qty-btn{width:38px;height:40px;border:none;background:#fafafa;font-size:18px;font-weight:600;color:#0c0c0c;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;line-height:1;flex:0 0 auto;transition:background .14s,color .14s;}
.aio-qty-btn:hover{background:#f0e7df;color:var(--aio-accent,#7c4a2d);}

/* ── Checkout — order summary card (review-order.php override) ─────────── */
.aio-co-summary{background:#fafafa;border:1px solid #ececec;border-radius:14px;padding:8px 22px 18px;}
.aio-co-summary-table{width:100%;border:none;background:transparent;border-collapse:collapse;table-layout:fixed;}
.aio-co-summary-table thead th{
  font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
  color:#8a948e;padding:14px 0 10px;text-align:left;border-bottom:1px solid #ececec;
}
.aio-co-summary-table thead th.product-total{text-align:right;}
.aio-co-summary-table tbody td{padding:14px 0;border-bottom:1px solid #f1f1f1;vertical-align:top;}
.aio-co-summary-table tbody tr:last-child td{border-bottom:none;}
/* Column widths: the totals column is fixed width so the product name never
   squeezes it to a couple of characters. */
.aio-co-summary-table col.aio-co-col-name{width:auto;}
.aio-co-summary-table col.aio-co-col-total{width:130px;}
.aio-co-summary-table .product-name{padding-right:16px;}
.aio-co-summary-table .product-total{text-align:right;}
.aio-co-name{font-size:14px;font-weight:700;color:#0c1a10;line-height:1.35;}
.aio-co-name a{color:inherit;text-decoration:none;}
/* EINZELPREIS line: keep label + amount + "/ Stück" on one row (or at most
   break before "/ Stück") — wrapping every word into a new line on narrow
   columns made it look like the labels stuttered. */
.aio-co-unit-line{margin-top:6px;font-size:12.5px;color:#5a6a62;line-height:1.5;}
.aio-co-unit-line .aio-co-unit-label,
.aio-co-unit-line .amount,
.aio-co-unit-line .aio-co-unit-per{white-space:nowrap;}
.aio-co-unit-label{font-size:10.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#9aa39d;margin-right:4px;}
.aio-co-unit-per{color:#aab2ad;margin-left:2px;}
.aio-co-extras{margin-top:4px;font-size:12px;color:#7a857f;}
.aio-co-summary-table td.product-total{padding-left:8px;}
.aio-co-line-total{display:block;font-size:15px;font-weight:800;color:#0c1a10;white-space:nowrap;}
.aio-co-line-calc{display:block;font-size:11.5px;color:#7a857f;font-weight:500;margin-top:2px;white-space:nowrap;}
.aio-co-summary-table tfoot th{
  font-size:13px;font-weight:600;color:#4a5a52;
  padding:10px 0;text-align:left;background:transparent;text-transform:none;letter-spacing:0;border:none;
}
.aio-co-summary-table tfoot td{padding:10px 0;text-align:right;font-size:14px;color:#0c1a10;font-weight:600;border:none;}
.aio-co-summary-table tfoot tr{border-top:1px dashed #ececec;}
.aio-co-summary-table tfoot tr.cart-subtotal{border-top:1px solid #ececec;}
.aio-co-summary-table tfoot tr.shipping td{display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.aio-co-ship-method{font-size:12.5px;color:#7a857f;font-weight:500;}
.aio-co-ship-price{font-weight:700;color:#0c1a10;}
.aio-co-ship-free{color:#196641;}
.aio-co-summary-table tfoot tr.cart-discount td{color:#196641;font-weight:700;}
.aio-co-summary-table tfoot tr.order-total{border-top:1.5px solid #d8d8d8;}
.aio-co-summary-table tfoot tr.order-total th{font-size:16px;font-weight:800;color:#0c1a10;padding-top:16px;}
.aio-co-summary-table tfoot tr.order-total td{font-size:22px;font-weight:800;color:var(--aio-accent,#7c4a2d);padding-top:16px;}
.aio-co-summary-table tfoot tr.fee th,
.aio-co-summary-table tfoot tr.fee td{font-style:normal;}
@media(max-width:560px){
  .aio-co-summary{padding:4px 14px 14px;}
  .aio-co-summary-table .product-name{padding-right:10px;}
}

/* ── minimal checkout chrome (page-checkout.php — no site header/footer) ── */
.aio-checkout-page{background:#fff;}
.aio-co-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:18px 40px;border-bottom:1px solid #ececec;}
.aio-co-back{justify-self:start;font-size:13px;color:var(--aio-accent,#7c4a2d);font-weight:600;text-decoration:none;}
.aio-co-back:hover{text-decoration:underline;}
.aio-co-brand{justify-self:center;font-size:20px;font-weight:800;letter-spacing:-0.02em;color:#0f0f12;text-decoration:none;}
.aio-co-secure{justify-self:end;font-size:12px;color:#888;font-weight:600;}
.aio-co-main{max-width:1180px;margin:0 auto;padding:32px 40px 64px;}
@media(max-width:600px){.aio-co-bar{padding:14px 16px;gap:8px;}.aio-co-secure{display:none;}.aio-co-main{padding:24px 16px 48px;}}

/* ── About page (page-ueber-uns.php) ───────────────────────────────── */
.aio-about{background:#fff;}
.aio-about-hero{background:linear-gradient(160deg,var(--aio-accent,#7c4a2d) 0%,#0c0c0c 100%);color:#fff;padding:clamp(44px,7vw,88px) 40px;text-align:center;}
.aio-about-hero-inner{max-width:760px;margin:0 auto;}
.aio-about-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:12px;}
.aio-about-title{font-size:clamp(30px,5vw,52px);font-weight:800;letter-spacing:-0.03em;margin:0 0 14px;line-height:1.05;}
.aio-about-lead{font-size:clamp(15px,1.4vw,19px);color:rgba(255,255,255,0.82);margin:0;line-height:1.5;}
.aio-about-wrap{max-width:1100px;margin:0 auto;padding:clamp(36px,5vw,64px) 40px 64px;}
.aio-about-storyblock{max-width:780px;margin:0 auto 52px;text-align:center;}
.aio-about-story-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--aio-accent,#7c4a2d);margin-bottom:10px;}
.aio-about-story-title{font-size:clamp(24px,3.2vw,36px);font-weight:800;letter-spacing:-0.025em;color:#0c1a10;line-height:1.12;margin:0 0 22px;}
.aio-about-story{font-size:17px;line-height:1.85;color:#3a4a42;text-align:left;}
.aio-about-story p{margin:0 0 16px;}
.aio-about-story p:last-child{margin-bottom:0;}
.aio-about-story p:first-child:first-letter{font-size:1.05em;}
.aio-about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:44px;}
.aio-about-value{background:#fafafa;border:1px solid #ececec;border-radius:12px;padding:22px;}
.aio-about-value-icon{font-size:24px;display:block;margin-bottom:10px;}
.aio-about-value h3{font-size:15px;font-weight:800;color:#0c1a10;margin:0 0 6px;}
.aio-about-value p{font-size:13px;color:#5a6a62;line-height:1.5;margin:0;}
.aio-about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:32px;background:var(--aio-accent-light,#f6eee7);border-radius:14px;margin-bottom:40px;}
.aio-about-stat{text-align:center;}
.aio-about-stat-val{display:block;font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--aio-accent,#7c4a2d);letter-spacing:-0.02em;line-height:1;}
.aio-about-stat-label{font-size:12px;color:#6b7a72;margin-top:6px;display:block;}
.aio-about-cta{text-align:center;}
@media(max-width:600px){.aio-about-hero{padding:36px 16px;}.aio-about-wrap{padding:28px 16px 48px;}.aio-about-stats{padding:20px;}}

/* ── Contact page (page-kontakt.php) ───────────────────────────────── */
.aio-contact-wrap{max-width:1100px;margin:0 auto;padding:clamp(28px,4vw,52px) 40px 64px;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,52px);align-items:start;}
.aio-contact-info h2{font-size:22px;font-weight:800;color:#0c1a10;letter-spacing:-0.02em;margin:0 0 12px;}
.aio-contact-info p{font-size:15px;line-height:1.7;color:#4a5a52;margin:0 0 20px;}
.aio-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}
.aio-contact-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#333;}
.aio-contact-list a{color:var(--aio-accent,#7c4a2d);}
.aio-contact-ico{font-size:18px;width:24px;text-align:center;flex-shrink:0;}
.aio-contact-card{background:#fff;border:1px solid #ececec;border-radius:14px;padding:clamp(20px,3vw,32px);box-shadow:0 8px 30px -18px rgba(0,0,0,0.18);}
#aio-contact-form{display:flex;flex-direction:column;gap:14px;}
#aio-contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#444;}
#aio-contact-form input,#aio-contact-form textarea{border:1.5px solid #d8d8d8;border-radius:6px;padding:11px 12px;font-size:14px;font-family:inherit;width:100%;}
#aio-contact-form input:focus,#aio-contact-form textarea:focus{outline:none;border-color:var(--aio-accent,#7c4a2d);}
.aio-cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.aio-cf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0;}
.aio-cf-submit{margin-top:4px;}
.aio-cf-status{font-size:13px;margin:4px 0 0;min-height:18px;}
.aio-cf-status.ok{color:#196641;font-weight:600;}
.aio-cf-status.err{color:#c8102e;font-weight:600;}
@media(max-width:760px){.aio-contact-wrap{grid-template-columns:1fr;padding:24px 16px 48px;}.aio-cf-row{grid-template-columns:1fr;}}

/* ── Brand trust (front-page.php) — promise + stats + feature pillars ── */
.aio-bt{background:#fff;padding:clamp(40px,6vw,72px) 20px;}
.aio-bt-wrap{max-width:1180px;margin:0 auto;}
.aio-bt-promise{display:flex;align-items:center;gap:20px;padding:clamp(20px,3vw,32px);background:#faf7f4;border:1px solid #ece3da;border-radius:14px;margin-bottom:32px;}
.aio-bt-promise-icon{width:50px;height:50px;flex-shrink:0;border-radius:12px;background:var(--aio-accent,#7c4a2d);color:#fff;display:flex;align-items:center;justify-content:center;}
.aio-bt-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--aio-accent,#7c4a2d);margin-bottom:6px;}
.aio-bt-promise-title{font-size:clamp(18px,2.4vw,26px);font-weight:800;letter-spacing:-0.02em;color:#0c1a10;margin:0 0 8px;line-height:1.2;}
.aio-bt-promise-desc{font-size:14px;line-height:1.6;color:#5a6a62;margin:0;max-width:640px;}
.aio-bt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:28px 0;border-top:1px solid #efe7df;border-bottom:1px solid #efe7df;margin-bottom:32px;text-align:center;}
.aio-bt-stat{display:flex;flex-direction:column;gap:4px;}
.aio-bt-stat-val{font-size:clamp(24px,3.4vw,38px);font-weight:800;letter-spacing:-0.03em;color:var(--aio-accent,#7c4a2d);line-height:1;}
.aio-bt-stat-label{font-size:11px;font-weight:600;letter-spacing:0.04em;color:#8a958f;}
.aio-bt-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ececec;border:1px solid #ececec;border-radius:12px;overflow:hidden;}
.aio-bt-feat{display:flex;flex-direction:column;gap:9px;padding:22px 18px;background:#fff;}
.aio-bt-feat-icon{width:38px;height:38px;border-radius:9px;background:var(--aio-accent-light,#f6eee7);color:var(--aio-accent,#7c4a2d);display:flex;align-items:center;justify-content:center;}
.aio-bt-feat strong{font-size:14px;font-weight:800;color:#0c1a10;}
.aio-bt-feat span{font-size:13px;line-height:1.55;color:#5a6a62;}
@media(max-width:900px){.aio-bt-stats{grid-template-columns:repeat(2,1fr);}.aio-bt-features{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.aio-bt-promise{flex-direction:column;align-items:flex-start;gap:14px;}.aio-bt-promise-icon{display:none;}}

/* ── Homepage reviews (front-page.php) — summary sidebar + card grid ──── */
.aio-rev{background:#faf7f4;border-top:1px solid #f0e9e2;padding:clamp(44px,6vw,80px) 20px;}
.aio-rev-wrap{max-width:1280px;margin:0 auto;}
.aio-rev-layout{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start;}
.aio-rev-summary{position:sticky;top:24px;}
.aio-rev-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--aio-accent,#7c4a2d);margin:0 0 10px;}
.aio-rev-title{font-size:clamp(22px,2.8vw,32px);font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin:0 0 20px;color:#0c1a10;}
.aio-rev-overall{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid #ece3da;border-radius:12px;margin-bottom:14px;}
.aio-rev-score{font-size:46px;font-weight:800;letter-spacing:-0.04em;color:#0c1a10;line-height:1;}
.aio-rev-stars{color:#f5a623;font-size:16px;letter-spacing:2px;margin-bottom:3px;}
.aio-rev-count{font-size:12px;color:#8a958f;}.aio-rev-count strong{color:#33403a;}
.aio-rev-bars{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.aio-rev-bar-row{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:8px;font-size:12px;}
.aio-rev-bar-lbl{color:#8a958f;font-weight:700;}
.aio-rev-bar{height:6px;background:#ece3da;border-radius:3px;overflow:hidden;}
.aio-rev-bar-fill{height:100%;background:var(--aio-accent,#7c4a2d);border-radius:3px;}
.aio-rev-bar-pct{color:#8a958f;font-weight:700;text-align:right;}
.aio-rev-trust{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--aio-accent,#7c4a2d);background:#fff;border:1px solid #ece3da;border-radius:8px;padding:9px 12px;}
.aio-rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;}
.aio-rev-card{background:#fff;border:1px solid #ece3da;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 22px -18px rgba(0,0,0,0.22);}
.aio-rev-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.aio-rev-card-stars{color:#f5a623;font-size:13px;letter-spacing:1px;}
.aio-rev-tag{font-size:10px;font-weight:700;color:var(--aio-accent,#7c4a2d);background:var(--aio-accent-light,#f6eee7);border:1px solid #ecd9c9;padding:3px 8px;border-radius:4px;letter-spacing:0.03em;white-space:nowrap;}
.aio-rev-card-title{font-size:14px;font-weight:800;color:#0c1a10;margin:0;}
.aio-rev-card-text{font-size:13px;line-height:1.55;color:#52605a;margin:0;flex:1;}
.aio-rev-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #f0eae3;}
.aio-rev-author{display:flex;align-items:center;gap:8px;min-width:0;}
.aio-rev-avatar{width:28px;height:28px;border-radius:50%;background:var(--aio-accent,#7c4a2d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;}
.aio-rev-name{display:block;font-size:12px;font-weight:700;color:#33403a;}
.aio-rev-meta{display:block;font-size:10px;color:#9aa39d;line-height:1.4;}
.aio-rev-verified{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--aio-accent,#7c4a2d);flex-shrink:0;}
.aio-rev-product{font-size:11px;color:#7a857f;background:#faf7f4;padding:4px 9px;border-radius:4px;align-self:flex-start;border:1px solid #efe7df;}
@media(max-width:900px){.aio-rev-layout{grid-template-columns:1fr;gap:28px;}.aio-rev-summary{position:static;}}
@media(max-width:480px){.aio-rev-grid{grid-template-columns:1fr;}}

/* ── Product-page reviews (single-product.php) ──────────────────────── */
.aio-pp-reviews{margin-top:clamp(28px,4vw,44px);}
.aio-pp-reviews-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #ececec;}
.aio-pp-reviews-head h2{font-size:20px;font-weight:800;color:#0c1a10;margin:0;letter-spacing:-0.02em;}
.aio-pp-reviews-rating{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#5a6a62;}
.aio-pp-reviews-rating .aio-pp-stars{color:#f5a623;}
/* PDP review cards reuse the homepage .aio-rev-grid / .aio-rev-card styles. */
@media(max-width:480px){.aio-rev-grid{grid-template-columns:1fr;}}

/* ── Block-based WC cart + checkout (WC ≥8.3 default) ────────────────────
   When the store hasn't been flipped to the classic shortcode, the cart and
   checkout pages render as Gutenberg blocks with `.wc-block-*` class names
   that completely bypass classic templates + classic CSS. Wire the most
   visible brand-coloured spots (Place order button, link colours, totals)
   so the brand identity carries through either way. !important defeats the
   block stylesheet which loads after ours and inlines its own colours. */
.wp-block-woocommerce-cart .wc-block-components-button.contained,
.wp-block-woocommerce-checkout .wc-block-components-button.contained,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background:var(--aio-accent,#7c4a2d)!important;
  background-color:var(--aio-accent,#7c4a2d)!important;
  color:#fff!important;
  border-color:var(--aio-accent,#7c4a2d)!important;
  box-shadow:0 6px 18px color-mix(in srgb, var(--aio-accent) 22%, transparent)!important;
}
.wp-block-woocommerce-cart .wc-block-components-button.contained:hover,
.wp-block-woocommerce-checkout .wc-block-components-button.contained:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
  filter:brightness(1.08);
  color:#fff!important;
}
.wc-block-components-totals-coupon-link,
.wc-block-components-button.text,
.wc-block-components-checkout-step__title-button,
.wc-block-cart__empty-cart__link,
.wc-block-components-product-name,
.wp-block-woocommerce-cart a,
.wp-block-woocommerce-checkout a{
  color:var(--aio-accent,#7c4a2d)!important;
}
.wc-block-components-sale-badge{
  background:var(--aio-accent-light,#f6eee7)!important;
  color:var(--aio-accent,#7c4a2d)!important;
  border:1px solid color-mix(in srgb, var(--aio-accent) 25%, transparent)!important;
}
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount{
  color:var(--aio-accent,#7c4a2d)!important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-textarea:focus,
.wc-block-components-select select:focus{
  border-color:var(--aio-accent,#7c4a2d)!important;
  box-shadow:0 0 0 1px var(--aio-accent,#7c4a2d)!important;
}
/* Order-summary product images in block checkout: cap size + give a
   brand-tinted background so a missing image isn't a wall of white. */
.wc-block-components-order-summary-item__image img,
.wc-block-cart-item__image img{
  max-width:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
  background:var(--aio-accent-light,#f6eee7);
  border-radius:6px;
}