/* ==========================================================================
   WOW v3 – global stil (lokal). Bas: Stillwild-typografi (Geist/Geist Mono),
   ny ljus "oas"-palett: havre/sand, salvia som primär, lera/persika sekundär,
   djup skogsgrön (ej svart) för text/mörka ytor, mässing sparsamt.
   Kontrast (WCAG): skog på havre 10.7, ink-2 på havre 6.1, vit på salvia-700 6.6,
   vit på lera-700 5.9, lera-700 på havre 5.2, havre-2 på skog 6.9.
   Allt scopat under body.wow (includes/wow-design.php).
   ========================================================================== */
:root {
  --ao-oat: #f4efe7;
  --ao-oat-2: #faf7f2;
  --ao-sand: #eae1d2;
  --ao-sage-100: #dde5d8;
  --ao-sage: #8fa68c;
  --ao-primary: #1f3a32;
  --ao-primary-hover: #2f5446;
  --ao-on-primary: #f4efe7;
  --ao-sage-700: var(--ao-primary);
  --ao-forest: #1f3a32;
  --ao-forest-2: #2a4a40;
  --ao-ink-2: #4f5d55;
  --ao-clay: #1f3a32; /* v3.1: terrakotta borttagen */
  --ao-clay-700: #1f3a32;
  --ao-peach: #eae1d2; /* v3.1: persika borttagen */
  --ao-brass: #b08a4f;
  --ao-on-dark: #f4efe7;
  --ao-on-dark-2: #b9c6bc;
  /* v2-namn -> v3-palett (startsida/äldre regler) */
  --ao-night: var(--ao-forest);
  --ao-night-2: var(--ao-forest-2);
  --ao-text: var(--ao-on-dark);
  --ao-muted: var(--ao-on-dark-2);
  --ao-paper: var(--ao-oat);
  --ao-ink: var(--ao-forest);
  --ao-line: rgba(244, 239, 231, .16);
  --ao-line-d: rgba(31, 58, 50, .14);
  --ao-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ao-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --ao-ease: cubic-bezier(.2, .7, .2, 1);
  --ao-pad: 40px;
  --ao-max: 1440px;
  --ao-r: 12px;
  --accentColor: var(--ao-sage-100);
  --fontFamily: var(--ao-sans);
  --fontFamilySecond: var(--ao-sans);
  --textColor: var(--ao-forest);
}
@media (max-width: 760px) { :root { --ao-pad: 20px; } }

body.wow {
  background: var(--ao-oat);
  color: var(--ao-forest);
  font-family: var(--ao-sans);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
body.wow ::selection { background: var(--ao-sage-100); color: var(--ao-forest); }
body.wow :is(p, li, label, input, select, textarea, button, a, td, th, span, dd, dt, small, strong) { font-family: var(--ao-sans); }

/* Typografi: Geist 600, tät men lugnare skala, balanserade radbrytningar */
body.wow :is(h1, h2, h3, h4, h5, h6),
body.wow :is(.product_title, .shop-title, .main-heading, .parent-title, .hero-heading, .footer-heading, .bid-heading-footer) {
  font-family: var(--ao-sans) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: -0.035em !important;
  line-height: 1.04 !important;
  color: inherit;
  text-wrap: balance;
  overflow-wrap: normal;
  hyphens: manual;
}
body.wow h2:not(.ao-card__title) { font-size: clamp(28px, 3.4vw, 52px); }
body.wow :is(h4, h5, h6) { letter-spacing: -0.02em !important; }
body.wow p { text-wrap: pretty; }
body.wow a { text-underline-offset: .22em; text-decoration-thickness: 1px; }
body.wow :focus-visible { outline: 2px solid var(--ao-sage-700); outline-offset: 3px; }

/* Knappar: pill, primär = salvia-700 (vit text 6.6:1), hover skogsgrön */
body.wow :is(.button, button.button, a.button, input[type="submit"], .single_add_to_cart_button, .checkout-button, .wc-block-components-button, .darksoul-button1, .kb-adv-form-submit-button, #place_order) {
  font-family: var(--ao-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transition: background-color .35s var(--ao-ease), color .35s var(--ao-ease), border-color .35s var(--ao-ease);
}
body.wow :is(.single_add_to_cart_button, .checkout-button, a.checkout-button, .wc-block-components-button:not(.is-link), #place_order, .woocommerce a.button.alt, .woocommerce button.button.alt) {
  background: var(--ao-sage-700) !important;
  color: var(--ao-on-primary) !important;
  border: 1px solid var(--ao-sage-700) !important;
  min-height: 54px;
  padding: 0 28px !important;
}
body.wow :is(.single_add_to_cart_button, .checkout-button, .wc-block-components-button:not(.is-link), #place_order):hover {
  background: var(--ao-primary-hover) !important; border-color: var(--ao-primary-hover) !important;
}
body.wow :is(.single_add_to_cart_button, .checkout-button, a.checkout-button)::after { content: "  ↗"; white-space: pre; }

/* Mono-etiketter */
body.wow .ao-mono, body.wow .ao-label {
  font-family: var(--ao-mono) !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.4;
}

/* Topbar: skogsgrön tunn statusrad */
body.wow .smort-topbar {
  background: var(--ao-forest) !important;
  color: var(--ao-on-dark-2) !important;
  border: 0 !important;
}
body.wow .smort-topbar .usp-header { gap: clamp(16px, 3vw, 44px); }
body.wow .smort-topbar li {
  font-family: var(--ao-mono) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
  color: var(--ao-on-dark) !important;
}
body.wow .smort-topbar img { filter: brightness(0) invert(.9); }
@media (max-width: 760px) {
  body.wow .smort-topbar .usp-header { flex-wrap: nowrap !important; justify-content: center; overflow: hidden; }
  body.wow .smort-topbar .usp-header li:nth-child(n+3) { display: none !important; }
}

/* Header: ljus havre, skogsgrön text, hårlinje */
body.wow .smort-header {
  background: var(--ao-oat) !important;
  border-bottom: 1px solid var(--ao-line-d) !important;
  box-shadow: none !important;
  min-height: 68px;
  padding-left: var(--ao-pad) !important;
  padding-right: var(--ao-pad) !important;
  box-sizing: border-box;
  color: var(--ao-forest);
}
body.wow .smort-logo { position: relative; }
@media (min-width: 1025px) {
  body.wow .smort-logo { padding-right: 24px; }
  body.wow .smort-logo::after { content: ""; position: absolute; right: 0; top: 50%; height: 28px; width: 1px; background: var(--ao-line-d); transform: translateY(-50%); }
}
body.wow .smort-nav ul li a,
body.wow .main-navigation a {
  font-family: var(--ao-sans) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--ao-forest) !important;
  transition: color .3s;
}
body.wow .smort-nav ul li a:hover, body.wow .main-navigation a:hover { color: var(--ao-primary-hover) !important; text-decoration: underline; text-underline-offset: 6px; }
body.wow :is(.smort-header, .sticky-header) .burger-menu span { background: var(--ao-forest) !important; }
body.wow :is(.smort-header, .sticky-header) :is(.wooj-icon-basket-1, .wc-j-upsellator-cart-count-icon, .smort-cart) { color: var(--ao-forest) !important; }
body.wow :is(.smort-header, .sticky-header) .wc-j-upsellator-cart-count { background: var(--ao-sage-700) !important; color: var(--ao-on-primary) !important; font-family: var(--ao-mono) !important; font-size: 10px !important; }

/* Sticky header: havre med blur */
body.wow .sticky-header {
  background: rgba(244, 239, 231, .88) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 0 !important;
  border-bottom: 1px solid var(--ao-line-d) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px var(--ao-pad) !important;
  box-sizing: border-box;
  transition: opacity .5s var(--ao-ease) !important;
}
body.wow .sticky-header.active { width: 100% !important; }
body.wow .sticky-header .logo img { filter: none; }
body.wow .sticky-header .darksoul-button1 {
  background: var(--ao-sage-700) !important; color: var(--ao-on-primary) !important;
  height: 40px; padding: 0 18px !important; display: inline-flex; align-items: center;
  border: 0 !important; text-decoration: none;
}
body.wow .sticky-header .darksoul-button1::after { content: "↗"; margin-left: 10px; }

/* Mobilmeny */
body.wow .mobile-nav { background: var(--ao-forest) !important; }
body.wow .mobile-nav ul li { border-bottom: 1px solid var(--ao-line); }
body.wow .mobile-nav ul li a {
  font-family: var(--ao-sans) !important; font-weight: 600 !important; letter-spacing: -0.035em !important;
  background: none !important; -webkit-text-fill-color: var(--ao-on-dark) !important; color: var(--ao-on-dark) !important;
}
body.wow .close-nav { background: var(--ao-oat) !important; color: var(--ao-forest) !important; border-radius: 999px !important; }
body.wow .contact-overlaymenu a { background: transparent !important; color: var(--ao-on-dark) !important; border: 1px solid var(--ao-line) !important; border-radius: 999px !important; font-family: var(--ao-mono) !important; font-size: 12px !important; }

/* Footer: djup skogsgrön, rubrik max 56px */
body.wow .smort-footer { background: var(--ao-forest) !important; color: var(--ao-on-dark); border-top: 0; }
body.wow .smort-footer :is(.wp-block-kadence-rowlayout, .kt-row-layout-inner-wrap, .kb-row-layout-wrap) { background-color: var(--ao-forest) !important; }
body.wow .smort-footer :is(p, a, li) { color: var(--ao-on-dark) !important; font-size: 15px; }
body.wow .smort-footer a { text-decoration: none; transition: opacity .3s; }
body.wow .smort-footer a:hover { opacity: .7; }
body.wow .smort-footer .bid-heading-footer,
body.wow .smort-footer h2 {
  font-size: clamp(34px, 3.9vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  color: var(--ao-on-dark) !important;
  text-align: left !important;
  max-width: 14ch;
}
body.wow .smort-footer .footer-heading,
body.wow .smort-footer h3 {
  font-family: var(--ao-mono) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--ao-on-dark-2) !important;
}
body.wow .smort-footer :is(.footer-heading, .wp-block-separator, .kb-row-layout-wrap, .kt-inside-inner-col) { border-color: var(--ao-line) !important; }
body.wow .smort-footer .wp-block-separator { background: var(--ao-line) !important; color: var(--ao-line) !important; }
body.wow .smort-footer .kb-adv-form-label { font-family: var(--ao-mono) !important; font-size: 12px !important; letter-spacing: .06em; text-transform: uppercase; color: var(--ao-on-dark-2) !important; }
body.wow .smort-footer .kb-adv-form-submit-button { background: var(--ao-oat) !important; color: var(--ao-forest) !important; border: 0 !important; min-height: 50px; }
body.wow .smort-footer input[type="email"] { background: transparent !important; color: var(--ao-on-dark) !important; border: 0 !important; border-bottom: 1px solid rgba(244, 239, 231, .4) !important; border-radius: 0 !important; padding-left: 0 !important; }
body.wow .smort-footer .wp-block-image img { filter: brightness(0) invert(.95); opacity: .95; }

/* Breadcrumbs */
body.wow :is(.yoast-breadcrumbs, .custom-breadcrumbs-section, .woocommerce-breadcrumb) {
  background: transparent !important; color: var(--ao-ink-2) !important; border: 0 !important;
  font-family: var(--ao-mono) !important; font-size: 12px !important; letter-spacing: .04em; text-transform: uppercase;
}
body.wow :is(.yoast-breadcrumbs, .custom-breadcrumbs-section) :is(a, span) { color: var(--ao-ink-2) !important; font-family: var(--ao-mono) !important; }
body.wow :is(.yoast-breadcrumbs, .custom-breadcrumbs-section) a:hover { color: var(--ao-forest) !important; }

/* ============================ PRODUKTKORT (delat) ========================== */
body.wow .ao-card { display: flex; flex-direction: column; height: 100%; min-width: 0; color: var(--ao-forest); }
body.wow .ao-card__media { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--ao-r); background: #fff; isolation: isolate; }
body.wow .ao-card__media img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; transition: transform 1.1s var(--ao-ease); }
body.wow .ao-card:hover .ao-card__media img { transform: scale(1.04); }
body.wow .ao-card.is-out .ao-card__media img { opacity: .72; }
body.wow .ao-badge { position: absolute; top: 12px; left: 12px; z-index: 1; padding: 6px 10px; border-radius: 999px; background: var(--ao-clay-700); color: #fff; font: 500 11px/1 var(--ao-mono) !important; letter-spacing: .05em; text-transform: uppercase; }
body.wow .ao-badge--out { background: var(--ao-forest); }
body.wow .ao-card__body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 14px 2px 0; }
body.wow .ao-card__sub { margin: 0 !important; font: 500 11px/1.3 var(--ao-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--ao-ink-2); }
body.wow .ao-card__title { margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-wrap: balance; }
body.wow .ao-card__title a { color: var(--ao-forest) !important; text-decoration: none !important; }
body.wow .ao-card__title a::after { content: ""; position: absolute; inset: 0; } /* hela kortet klickbart (förutom knappen) */
body.wow .ao-card { position: relative; }
body.wow .ao-card__rating { margin: 0 !important; font-size: 13px; color: var(--ao-ink-2); }
body.wow .ao-card__stars { color: var(--ao-brass); }
body.wow .ao-card__price { margin: 0 !important; font-size: 15px !important; font-weight: 600; color: var(--ao-forest) !important; }
body.wow .ao-card__price del { color: var(--ao-ink-2) !important; font-weight: 400; opacity: 1; margin-right: 6px; }
body.wow .ao-card__price ins { text-decoration: none; color: var(--ao-clay-700) !important; background: none; }
body.wow .ao-card__btn {
  position: relative; z-index: 2; margin-top: auto !important; display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; min-height: 44px; height: auto; padding: 0 6px 0 18px !important; margin-bottom: 0;
  background: var(--ao-sage-700) !important; color: var(--ao-on-primary) !important; border: 1px solid var(--ao-sage-700) !important;
  font: 600 14px/1 var(--ao-sans) !important; text-decoration: none !important; border-radius: 999px !important;
}
body.wow .ao-card__body .ao-card__price + .ao-card__btn { margin-top: auto !important; }
body.wow .ao-card__btn i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .16); font-style: normal; font-size: 16px; }
body.wow .ao-card__btn:hover { background: var(--ao-primary-hover) !important; border-color: var(--ao-primary-hover) !important; }
body.wow .ao-card__btn--ghost { background: transparent !important; color: var(--ao-forest) !important; border-color: rgba(31, 58, 50, .28) !important; }
body.wow .ao-card__btn--ghost i { background: var(--ao-sage-100); }
body.wow .ao-card__btn--ghost:hover { background: var(--ao-primary-hover) !important; color: var(--ao-on-primary) !important; }
body.wow .ao-card__btn--ghost:hover i { background: rgba(255, 255, 255, .16); }
body.wow .ao-card__btn.loading { opacity: .7; }
body.wow .ao-card__btn.loading::after { display: none !important; }
body.wow .ao-card__btn.added i { font-size: 0; }
body.wow .ao-card__btn.added i::before { content: "✓"; font-size: 15px; }
body.wow .ao-card a.added_to_cart { position: relative; z-index: 2; display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 500; color: var(--ao-sage-700) !important; text-decoration: underline; }
@media (max-width: 560px) {
  body.wow .ao-card__title { font-size: 15px !important; }
  body.wow .ao-card__btn { font-size: 13px !important; padding-left: 14px !important; min-height: 42px; }
  body.wow .ao-card__btn i { width: 28px; height: 28px; }
  body.wow .ao-badge { top: 8px; left: 8px; }
}

/* Slider-skal (startsida) – scroll-snap, pilar i wow.js */
body.wow .ao-slider { padding: clamp(56px, 6vw, 96px) 0; }
body.wow .ao-slider__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 28px; }
body.wow .ao-slider__titles { min-width: 0; }
body.wow .ao-slider__titles .ao-label { margin: 0 0 10px !important; color: var(--ao-ink-2); }
body.wow .ao-slider__note { margin: 12px 0 0 !important; font-size: 14px; color: var(--ao-ink-2); }
body.wow .ao-slider__note a { color: var(--ao-forest); }
body.wow .ao-slider__note strong { color: var(--ao-forest); }
body.wow .ao-stars-inline { color: var(--ao-brass); letter-spacing: 2px; }
body.wow .ao-slider__ctrl { display: flex; align-items: center; gap: 8px; flex: none; }
body.wow .ao-slider__ctrl .ao-link { margin-right: 12px; }
body.wow .ao-track {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px;
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 0;
  scrollbar-width: none; margin: 0 !important; padding: 0 0 4px !important; list-style: none;
}
body.wow .ao-track::-webkit-scrollbar { display: none; }
body.wow .ao-track__item { scroll-snap-align: start; min-width: 0; margin: 0 !important; }
body.wow .ao-track:focus-visible { outline-offset: 6px; }
@media (max-width: 1279px) { body.wow .ao-track { grid-auto-columns: calc((100% - 2 * 20px) / 3.2); } }
@media (max-width: 900px) { body.wow .ao-track { grid-auto-columns: calc((100% - 20px) / 2.25); gap: 14px; } }
@media (max-width: 560px) {
  body.wow .ao-track { grid-auto-columns: 62%; margin-right: calc(var(--ao-pad) * -1) !important; padding-right: var(--ao-pad) !important; scroll-padding-left: 0; }
  body.wow .ao-slider__ctrl .ao-round { display: none; }
  body.wow .ao-slider__ctrl .ao-link { margin-right: 0; }
}
body.wow .ao-round {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50% !important; padding: 0 !important;
  border: 1px solid rgba(31, 58, 50, .25) !important; background: transparent !important; color: var(--ao-forest) !important;
  font-size: 16px; line-height: 1; cursor: pointer; transition: background-color .3s, color .3s, opacity .3s;
}
body.wow .ao-round:hover:not(:disabled) { background: var(--ao-primary-hover) !important; color: var(--ao-on-primary) !important; }
body.wow .ao-round:disabled { opacity: .35; cursor: default; }
body.wow .ao-link { font-size: 14px; font-weight: 500; white-space: nowrap; color: var(--ao-forest); text-decoration: underline !important; text-decoration-color: rgba(31, 58, 50, .35) !important; text-underline-offset: .3em; }
body.wow .ao-link:hover { text-decoration-color: currentColor !important; }
body.wow .ao-h2 { margin: 0 !important; font-size: clamp(28px, 3.4vw, 52px) !important; line-height: 1.02 !important; letter-spacing: -0.04em !important; text-wrap: balance; max-width: 20ch; }

/* =========================== WOO: ARKIV / KATEGORI ======================== */
body.wow .custom-breadcrumbs-section { padding: 18px var(--ao-pad) 0 !important; }
body.wow .custom-breadcrumbs-section .yoast-breadcrumbs { max-width: calc(var(--ao-max) - 2 * var(--ao-pad)); text-align: left; }
body.wow .shop-header.ao-shophead {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 36%); align-items: center; gap: 48px;
  max-width: var(--ao-max); margin: 0 auto 8px !important; padding: 20px var(--ao-pad) 28px !important; box-sizing: border-box;
  background: transparent !important; border: 0; height: auto !important;
}
body.wow .ao-shophead .header-content { padding: 0 !important; min-width: 0; text-align: left; }
body.wow .shop-header .shop-title,
body.wow.tax-product_cat h1,
body.wow.post-type-archive-product h1 {
  font-size: clamp(36px, 4.4vw, 60px) !important; line-height: 1 !important; letter-spacing: -0.04em !important;
  color: var(--ao-forest) !important; margin: 0 0 14px !important; max-width: 16ch;
}
body.wow .ao-shophead .category-standard-description { margin: 0 !important; max-width: 62ch; color: var(--ao-ink-2); font-size: 16px !important; line-height: 1.55; }
body.wow .ao-shophead .category-standard-description p { font-size: 16px !important; color: var(--ao-ink-2); margin: 0 0 .6em; }
body.wow .ao-shophead [data-clamp]:not(.is-open) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
body.wow .ao-readmore { margin-top: 8px; padding: 0 !important; background: none !important; border: 0 !important; color: var(--ao-forest) !important; font: 600 14px/1.4 var(--ao-sans) !important; text-decoration: underline; text-underline-offset: .25em; cursor: pointer; }
body.wow .ao-shophead .header-image { flex: none; min-width: 0; }
body.wow .ao-shophead .header-image img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 10; max-height: 280px; object-fit: cover; border-radius: var(--ao-r) !important; }
@media (max-width: 900px) {
  body.wow .shop-header.ao-shophead { grid-template-columns: 1fr; gap: 0; padding-top: 12px !important; padding-bottom: 16px !important; }
  body.wow .ao-shophead .header-image { display: none; }
}
body.wow .smort-filter-archive { max-width: var(--ao-max) !important; padding: 0 var(--ao-pad) !important; margin: 0 auto 24px !important; box-sizing: border-box; }
body.wow .category-tabs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px !important; padding: 0 !important; }
body.wow .category-tab {
  font-family: var(--ao-sans) !important; font-size: 14px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: -0.01em; text-transform: none !important;
  border: 1px solid rgba(31, 58, 50, .2) !important; border-radius: 999px !important;
  background: transparent !important; color: var(--ao-forest) !important;
  padding: 10px 18px !important; transition: all .3s var(--ao-ease);
}
body.wow .category-tab:hover { border-color: var(--ao-forest) !important; }
body.wow .category-tab.active { background: var(--ao-sage-700) !important; color: var(--ao-on-primary) !important; border-color: var(--ao-sage-700) !important; }
@media (max-width: 760px) {
  body.wow .category-tabs { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; margin-right: calc(var(--ao-pad) * -1); padding-right: var(--ao-pad) !important; }
  body.wow .category-tabs::-webkit-scrollbar { display: none; }
  body.wow .category-tab { flex: 0 0 auto; white-space: nowrap; padding: 8px 14px !important; }
}

/* Grid + sortering */
body.wow .shop-loop-content-smort { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; max-width: var(--ao-max); margin: 0 auto; padding: 0 var(--ao-pad) clamp(48px, 6vw, 96px); box-sizing: border-box; }
body.wow .shop-loop-content-smort > :is(.woocommerce-notices-wrapper, ul.products, nav.woocommerce-pagination, .ao-after) { flex: 1 0 100%; }
body.wow .shop-loop-content-smort > .woocommerce-notices-wrapper:empty { display: none; }
body.wow .woocommerce-result-count { margin: 0 !important; font: 500 12px/1.4 var(--ao-mono) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--ao-ink-2); float: none !important; }
body.wow .woocommerce-ordering { margin: 0 !important; float: none !important; }
body.wow .woocommerce-ordering select { appearance: none; -webkit-appearance: none; height: 42px; padding: 0 40px 0 16px !important; border: 1px solid rgba(31, 58, 50, .25) !important; border-radius: 999px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231f3a32' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center !important; color: var(--ao-forest) !important; font: 500 14px var(--ao-sans) !important; cursor: pointer; }
body.wow.woocommerce ul.products,
body.wow .woocommerce ul.products,
body.wow ul.products {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 36px 20px !important;
  margin: 8px 0 0 !important; padding: 0 !important; width: 100% !important;
}
body.wow ul.products::before, body.wow ul.products::after { display: none !important; }
@media (max-width: 1279px) { body.wow.woocommerce ul.products, body.wow .woocommerce ul.products, body.wow ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 900px) { body.wow.woocommerce ul.products, body.wow .woocommerce ul.products, body.wow ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 14px !important; } }
body.wow ul.products li.product { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; float: none !important; }
body.wow ul.products li.offer-item .offer-content { border-radius: var(--ao-r); min-height: 100%; aspect-ratio: auto; overflow: hidden; }
body.wow ul.products li.offer-item .offer-content::before { border-radius: var(--ao-r); background: linear-gradient(180deg, rgba(31, 58, 50, 0) 40%, rgba(31, 58, 50, .7)); }
body.wow ul.products li.offer-item .offer-title { font-family: var(--ao-sans) !important; font-size: clamp(22px, 2vw, 30px) !important; text-transform: none !important; letter-spacing: -0.03em !important; }
body.wow ul.products li.offer-item .offer-cta { font-family: var(--ao-sans) !important; text-transform: none; font-size: 14px; }
body.wow :is(.category-description) { background: transparent !important; color: var(--ao-ink-2); font-size: 16px; line-height: 1.6; max-width: 72ch !important; margin: 0 auto 64px !important; padding: 32px var(--ao-pad) 0 !important; border-top: 1px solid var(--ao-line-d) !important; border-radius: 0 !important; box-sizing: content-box; }
body.wow .category-description h2 { font-size: clamp(24px, 2.4vw, 34px) !important; color: var(--ao-forest); }
body.wow .category-description h3 { font-size: 20px !important; color: var(--ao-forest); }
body.wow .trust-section-karoline { background: var(--ao-sage-100) !important; border-radius: var(--ao-r); box-shadow: none !important; }
body.wow :is(.tax-product_cat, .post-type-archive-product) h3 { font-size: clamp(19px, 1.6vw, 24px); }

/* =========================== WOO: PRODUKTSIDA ============================= */
body.wow.single-product .product_title,
body.wow.single-product .product-summary h1,
body.wow.single-product h1 {
  font-size: clamp(32px, 3.1vw, 46px) !important; line-height: 1.02 !important; letter-spacing: -0.035em !important;
  color: var(--ao-forest) !important; max-width: 18ch;
}
body.wow.single-product :is(.product-summary, .summary) .price { font-size: 24px !important; font-weight: 600 !important; color: var(--ao-forest) !important; letter-spacing: -0.02em; }
body.wow.single-product :is(.product-summary, .summary) .price del { color: var(--ao-ink-2) !important; font-weight: 400; font-size: .75em; opacity: 1; }
body.wow.single-product :is(.product-summary, .summary) .price ins { color: var(--ao-clay-700) !important; text-decoration: none; background: none; }
body.wow.single-product :is(.product-summary, .summary) p { color: var(--ao-ink-2); line-height: 1.55; }
body.wow.single-product :is(.main-image, .product-image, .gallery-grid) img { border-radius: var(--ao-r); background: #fff; }
body.wow.single-product table.variations label { font-family: var(--ao-mono) !important; font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ao-ink-2); }
body.wow.single-product .variations select { border: 1px solid var(--ao-line-d) !important; border-radius: 999px !important; background-color: #fff !important; padding: 12px 14px !important; }
body.wow.single-product :is(.quantity input, .qty) { border: 1px solid rgba(31, 58, 50, .25) !important; border-radius: 999px !important; background: #fff !important; min-height: 54px; }
body.wow.single-product form.cart .single_add_to_cart_button { flex: 1 1 auto; }

/* Doftväljare: rena pill-knappar med liten rund bildprick; vald = tunn skogsgrön kant */
body.wow .variation-buttons { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin-top: 6px; }
body.wow .variation-button {
  display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; min-height: 44px;
  padding: 5px 16px 5px 5px !important; margin: 0 !important;
  border: 1px solid rgba(31, 58, 50, .2) !important; border-radius: 999px !important; background: #fff !important; color: var(--ao-forest) !important;
  font: 500 14px/1.15 var(--ao-sans) !important; letter-spacing: -0.01em !important; text-transform: none !important; text-align: left !important;
  box-shadow: none !important; cursor: pointer; transition: border-color .25s, box-shadow .25s, background-color .25s;
}
body.wow .variation-button img.variation-option-image {
  width: 34px !important; height: 34px !important; max-width: none !important; margin: 0 !important; flex: none;
  border-radius: 50% !important; object-fit: cover; object-position: 50% 45%; transform: scale(1); background: var(--ao-oat);
}
body.wow .variation-button:hover { border-color: var(--ao-forest) !important; }
body.wow :is(.variation-button.selected, .variation-button.active, .variable-items-wrapper .variable-item.selected, .swatch.selected) {
  border-color: var(--ao-forest) !important; box-shadow: inset 0 0 0 1px var(--ao-forest) !important;
  background: var(--ao-sage-100) !important; color: var(--ao-forest) !important;
}
@media (max-width: 560px) { body.wow .variation-button { font-size: 13px !important; padding-right: 12px !important; } }

/* USP + Klarna under köpknappen */
body.wow .custom-features-list { display: grid !important; grid-template-columns: repeat(3, auto); justify-content: start !important; gap: 8px 18px !important; margin: 18px 0 0 !important; }
body.wow .custom-features-list li { font: 500 13px/1.3 var(--ao-sans) !important; letter-spacing: -0.01em; color: var(--ao-forest); }
body.wow .custom-features-list li span { color: var(--ao-sage-700) !important; font-weight: 700; margin-right: 4px; }
body.wow .klarna-badge { grid-column: 1 / -1; display: flex !important; align-items: center; gap: 12px; margin-top: 6px; padding: 12px 16px; border-radius: var(--ao-r); background: var(--ao-oat-2); border: 1px solid var(--ao-line-d); font-size: 14px !important; font-weight: 500; color: var(--ao-forest) !important; }
body.wow .klarna-badge img { height: 22px !important; width: auto !important; margin: 0 !important; border-radius: 4px; }
@media (max-width: 560px) { body.wow .custom-features-list { grid-template-columns: 1fr 1fr; } }

/* Galleri 60% + summering 40% – inget extra gap, annars horisontell overflow */
body.wow .product-columns-wrapper { gap: 0 !important; }
body.wow .product-columns-wrapper > * { min-width: 0; box-sizing: border-box; }
body.wow .product-image-gallery { background: var(--ao-oat-2) !important; }
@media (min-width: 769px) { body.wow .product-summary { padding: 4% 3% 4% 4% !important; } }
body.wow .two-column-layout { background-color: var(--ao-sage-100) !important; }
body.wow .two-column-layout:nth-of-type(even) { background-color: var(--ao-sand) !important; }
body.wow .two-column-layout .right-column img { border-radius: var(--ao-r) !important; }
body.wow .two-column-layout h2, body.wow .two-column-layout .main-heading { font-size: clamp(28px, 3.2vw, 48px) !important; letter-spacing: -0.035em !important; }
body.wow a.cta-btns-product-page {
  display: inline-flex !important; align-items: center; gap: 12px; height: 50px; padding: 0 22px !important;
  border-radius: 999px !important; background: var(--ao-sage-700) !important; color: var(--ao-on-primary) !important;
  font: 600 14px/1 var(--ao-sans) !important; letter-spacing: -0.01em !important; text-transform: none !important; text-decoration: none !important;
}
body.wow a.cta-btns-product-page::after { content: "↗"; }
body.wow a.cta-btns-product-page:hover { background: var(--ao-primary-hover) !important; }

/* Relaterade produkter: scroll-snap-slider, samma kortkänsla */
body.wow .related-products-section { max-width: var(--ao-max); margin: clamp(56px, 6vw, 96px) auto !important; padding: 0 var(--ao-pad) !important; box-sizing: border-box; }
body.wow .related-products-section h2 { font-size: clamp(28px, 3.4vw, 52px) !important; margin: 0 0 28px !important; padding-right: 110px; }
body.wow .related-products-slider { overflow-x: clip !important; overflow-y: visible !important; position: relative; }
body.wow .products-slider-wrapper { transform: none !important; display: grid !important; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px !important; overflow-x: auto !important; overflow-y: hidden !important; width: 100% !important; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
body.wow .products-slider-wrapper::-webkit-scrollbar { display: none; }
body.wow .product-slide { min-width: 0 !important; flex: none !important; scroll-snap-align: start; transform: none !important; }
body.wow .product-slide .product-link { font-family: var(--ao-sans) !important; }
body.wow .product-slide .product-image { aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--ao-r); background: #fff; }
body.wow .product-slide .product-image img { height: 100% !important; width: 100% !important; object-fit: cover; border-radius: 0 !important; transition: transform 1.1s var(--ao-ease); }
body.wow .product-slide:hover .product-image img { transform: scale(1.04); }
body.wow .product-slide .product-info { padding: 14px 2px 0 !important; }
body.wow .product-slide .product-info h3 { font-family: var(--ao-sans) !important; font-size: 17px !important; text-transform: none !important; letter-spacing: -0.02em !important; line-height: 1.2 !important; color: var(--ao-forest) !important; }
body.wow .product-slide .parent-category { font: 500 11px/1.3 var(--ao-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--ao-ink-2) !important; }
body.wow .product-slide .price { font-weight: 600; font-size: 15px; color: var(--ao-forest) !important; }
body.wow .product-slide .price ins { color: var(--ao-clay-700) !important; text-decoration: none; }
body.wow .product-slide .price del { color: var(--ao-ink-2) !important; font-weight: 400; }
body.wow .related-products-slider .slider-nav { top: -72px !important; transform: none !important; width: 44px !important; height: 44px !important; border: 1px solid rgba(31, 58, 50, .25) !important; color: var(--ao-forest) !important; background: transparent !important; }
body.wow .related-products-slider .slider-nav:hover { background: var(--ao-primary-hover) !important; color: var(--ao-on-primary) !important; }
body.wow .related-products-slider .prev { left: auto !important; right: 52px !important; }
body.wow .related-products-slider .next { right: 0 !important; }
@media (max-width: 1279px) { body.wow .products-slider-wrapper { grid-auto-columns: calc((100% - 2 * 20px) / 3.2); } }
@media (max-width: 900px) { body.wow .products-slider-wrapper { grid-auto-columns: calc((100% - 14px) / 2.25); gap: 14px !important; } }
@media (max-width: 560px) {
  body.wow .products-slider-wrapper { grid-auto-columns: 62%; margin-right: calc(var(--ao-pad) * -1); padding-right: var(--ao-pad); }
  body.wow .related-products-slider .slider-nav { display: none !important; }
  body.wow .related-products-section h2 { padding-right: 0; }
}

/* Recensioner (includes/product-reviews.php) */
body.wow .aroma-reviews-section { background: var(--ao-sand) !important; border-radius: var(--ao-r) !important; box-shadow: none !important; }
body.wow .aroma-reviews-section .reviews-header h2 { font-size: clamp(28px, 3.4vw, 52px) !important; letter-spacing: -0.035em !important; }
body.wow .aroma-reviews-section .rating-number { font-family: var(--ao-sans) !important; font-weight: 600 !important; font-size: clamp(56px, 6vw, 80px) !important; letter-spacing: -0.05em !important; line-height: .9 !important; color: var(--ao-forest) !important; }
body.wow .aroma-reviews-section :is(.star-full, .star-partial) { color: var(--ao-brass) !important; }
body.wow .aroma-reviews-section .reviewer-avatar { background: var(--ao-sage-700) !important; color: var(--ao-on-primary) !important; font-family: var(--ao-sans) !important; font-weight: 600 !important; }
body.wow .aroma-reviews-section .review-card { background: var(--ao-oat-2) !important; border: 0 !important; border-radius: var(--ao-r) !important; box-shadow: none !important; }
body.wow .aroma-reviews-section .review-text { font-size: 17px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; line-height: 1.4 !important; color: var(--ao-forest) !important; }
body.wow .aroma-reviews-section :is(.review-date, .verified-badge) { font-family: var(--ao-mono) !important; font-size: 12px !important; letter-spacing: .04em; color: var(--ao-ink-2) !important; }

/* =========================== WOO: VARUKORG & KASSA ======================== */
body.wow.woocommerce-cart :is(h1, .entry-title),
body.wow.woocommerce-checkout :is(h1, .entry-title) { font-size: clamp(36px, 4.4vw, 60px) !important; letter-spacing: -0.04em !important; line-height: 1 !important; }
body.wow :is(.shop_table, .woocommerce table.shop_table) { border-color: var(--ao-line-d) !important; border-radius: var(--ao-r) !important; background: transparent; }
body.wow .shop_table :is(th, td) { border-color: var(--ao-line-d) !important; }
body.wow .shop_table th { font-family: var(--ao-mono) !important; font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ao-ink-2); }
body.wow .cart_totals h2, body.wow #order_review_heading, body.wow .woocommerce-billing-fields h3, body.wow .woocommerce-shipping-fields h3 { font-size: 28px !important; letter-spacing: -0.035em !important; }
body.wow.woocommerce-checkout :is(input.input-text, select, textarea),
body.wow.woocommerce-cart :is(input.input-text, select, textarea) { border: 1px solid rgba(31, 58, 50, .22) !important; border-radius: 10px !important; background: #fff !important; padding: 12px 14px !important; box-shadow: none !important; }
body.wow.woocommerce-checkout :is(input.input-text, select, textarea):focus { border-color: var(--ao-sage-700) !important; }
body.wow :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) { background: var(--ao-sage-100) !important; border-top-color: var(--ao-sage-700) !important; color: var(--ao-forest) !important; border-radius: var(--ao-r); }
body.wow :is(.woocommerce-info, .woocommerce-message)::before { color: var(--ao-sage-700) !important; }
body.wow #payment { background: var(--ao-sand) !important; border-radius: var(--ao-r) !important; }
body.wow .wc-block-components-totals-wrapper, body.wow .wc-block-components-panel { border-color: var(--ao-line-d) !important; }
body.wow .wc-block-components-text-input input, body.wow .wc-block-components-select select { border-radius: 10px !important; border-color: rgba(31, 58, 50, .22) !important; }

/* =========================== MOTION ======================================= */
@media (prefers-reduced-motion: reduce) {
  body.wow *, body.wow *::before, body.wow *::after {
    animation-duration: .001ms !important; animation-iteration-count: 1 !important;
    transition-duration: .001ms !important; scroll-behavior: auto !important;
  }
}
body.wow :is(.smort-header, .sticky-header) .wooj-icon-basket-1::before { color: inherit !important; }
body.wow .ao-shophead .header-content, body.wow .ao-shophead .shop-title, body.wow .ao-shophead .category-standard-description { text-align: left !important; }
/* v3 polish: knappar i linje oavsett betyg, tätare sektionsstart */
body.wow .ao-card { display: flex; flex-direction: column; height: 100%; }
body.wow .ao-card__body { flex: 1 1 auto; display: flex; flex-direction: column; }
body.wow .ao-card__body > .ao-card__btn, body.wow .ao-card__body > .button { margin-top: auto !important; }
body.wow .ao-card__price { margin-bottom: 14px !important; }
body.wow .ao-slider { padding: clamp(44px, 4.6vw, 80px) 0; }
body.wow .ao-card__btn { box-sizing: border-box !important; width: 100% !important; max-width: 100%; }
body.wow .ao-card__price, body.wow .ao-card__price .amount, body.wow .ao-card__price bdi { font-size: 15px !important; font-weight: 600 !important; color: var(--ao-forest) !important; line-height: 1.4; }
body.wow .ao-card__price del, body.wow .ao-card__price del .amount, body.wow .ao-card__price del bdi { color: var(--ao-ink-2) !important; font-weight: 400 !important; opacity: .8; }
body.wow .ao-card__price ins, body.wow .ao-card__price ins .amount, body.wow .ao-card__price ins bdi { color: var(--ao-clay-700) !important; text-decoration: none; }
body.wow .ao-card__btn { white-space: nowrap; }
@media (max-width: 520px) {
  body.wow ul.products .ao-card__btn { font-size: 13px !important; padding-left: 12px !important; padding-right: 6px !important; gap: 6px; }
  body.wow ul.products .ao-card__btn i { width: 26px; height: 26px; font-size: 14px; flex: none; }
}
@media (max-width: 520px) {
  body.wow ul.products li a.ao-card__btn.button, body.wow ul.products li a.ao-card__btn span { font-size: 13px !important; white-space: nowrap !important; }
}
body.wow .klarna-badge { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin-left: 0 !important; margin-right: 0 !important; }
body.wow .klarna-badge img { height: 28px !important; }
@supports (object-view-box: inset(0)) {
  body.wow .variation-button img.variation-option-image { object-view-box: inset(16% 30% 16% 30%); object-fit: cover !important; }
}
body.wow .ao-shophead { text-align: left !important; }
body.wow .ao-shophead .header-content { display: block !important; align-items: flex-start !important; width: 100%; }
body.wow .ao-shophead .shop-title, body.wow .ao-shophead .ao-readmore { margin-left: 0 !important; margin-right: 0 !important; display: block; width: auto; }
body.wow .ao-shophead .ao-readmore[hidden] { display: none !important; }
body.wow .product-summary .price del, body.wow .product-summary .price del .amount { color: var(--ao-ink-2) !important; font-weight: 400 !important; font-size: .8em; }
body.wow .product-summary .price ins, body.wow .product-summary .price ins .amount { color: var(--ao-clay-700) !important; text-decoration: none; margin-left: 6px; }
@media (max-width: 900px) { body.wow .product-summary { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; } }
body.wow .product-summary p.price del bdi, body.wow .product-summary p.price del .woocommerce-Price-currencySymbol { color: var(--ao-ink-2) !important; font-weight: 400 !important; }
body.wow .product-summary p.price ins bdi, body.wow .product-summary p.price ins .woocommerce-Price-currencySymbol { color: var(--ao-clay-700) !important; }

/* ==========================================================================
   v3.1 – spacing-tokens, ingen terrakotta, varukorgsikon
   ========================================================================== */
:root {
  --ao-space-cta: clamp(28px, 2.8vw, 40px);   /* rubrik/ingress -> knapp */
  --ao-space-stack: clamp(14px, 1.4vw, 20px);  /* rubrik -> ingress */
  --ao-price-old: #4f5d55;                     /* 6.1:1 på havre */
}
/* Rea-bricka: skogsgrön med havretext (10.7:1); slut i lager: havre med tunn mässingsram */
body.wow .ao-badge { background: var(--ao-forest) !important; color: var(--ao-oat) !important; border: 1px solid rgba(176, 138, 79, .55); }
body.wow .ao-badge--out { background: var(--ao-oat-2) !important; color: var(--ao-forest) !important; border: 1px solid var(--ao-brass); }
/* Rea-pris: skogsgrön semibold, ordinarie överstruket dimgrått */
body.wow :is(.ao-card__price, .product-summary .price, .summary .price, .product-slide .price, .cart_item, .woocommerce-mini-cart) ins,
body.wow :is(.ao-card__price, .product-summary .price, .summary .price, .product-slide .price) ins :is(.amount, bdi, .woocommerce-Price-currencySymbol) { color: var(--ao-forest) !important; font-weight: 600 !important; background: none; text-decoration: none; }
body.wow :is(.ao-card__price, .product-summary .price, .summary .price, .product-slide .price) del,
body.wow :is(.ao-card__price, .product-summary .price, .summary .price, .product-slide .price) del :is(.amount, bdi, .woocommerce-Price-currencySymbol) { color: var(--ao-price-old) !important; font-weight: 400 !important; opacity: 1 !important; text-decoration-color: var(--ao-price-old); }

/* Varukorgsikon: mörk på ljus header/sticky */
body.wow .smort-header .wooj-icon-basket-1,
body.wow .smort-header .wooj-icon-basket-1::before,
body.wow .sticky-header .wooj-icon-basket-1,
body.wow .sticky-header .wooj-icon-basket-1::before { color: var(--ao-forest) !important; }
body.wow :is(.smort-header, .sticky-header) .wc-j-upsellator-cart-count { background: var(--ao-forest) !important; color: var(--ao-oat) !important; }

/* Konsekvent luft rubrik/ingress -> knappar */
body.wow .ao-shophead .ao-readmore { margin-top: 12px !important; }
body.wow.single-product :is(.product-summary, .summary) form.cart,
body.wow.single-product :is(.product-summary, .summary) .variations_form { margin-top: var(--ao-space-cta) !important; }
body.wow.single-product .single_variation_wrap { margin-top: var(--ao-space-stack) !important; }
body.wow.single-product .woocommerce-variation-add-to-cart { margin-top: var(--ao-space-stack) !important; }
body.wow .cart-collaterals .wc-proceed-to-checkout, body.wow .wc-block-cart__submit { margin-top: var(--ao-space-cta) !important; }
body.wow #payment #place_order, body.wow .wc-block-checkout__actions { margin-top: var(--ao-space-cta) !important; }
body.wow.woocommerce-cart :is(.product-name a, .cart_item a:not(.remove):not(.button)) { color: var(--ao-forest) !important; text-decoration: none; }
body.wow.woocommerce-cart .product-name a:hover { text-decoration: underline; }
body.wow :is(.wc-block-components-product-name, .wc-block-cart-item__product a, .wc-block-components-order-summary-item a) { color: var(--ao-forest) !important; text-decoration: none; font-weight: 600; }

/* v3.1b – varukorgsikon: temat ritar ikonen som content:url(svg) (extern bild → currentColor ärvs ej, blir svart).
   Rita om som mask så den följer color. */
body.wow .wooj-icon-basket-1::before{
  content:"" !important; display:inline-block; width:24px; height:24px; vertical-align:baseline;
  background-color:currentColor !important;
  -webkit-mask:url("/wp-content/uploads/2025/04/shopping-bag-17.svg") center/contain no-repeat;
          mask:url("/wp-content/uploads/2025/04/shopping-bag-17.svg") center/contain no-repeat;
}

/* v3.2 – Doftväljare: jämnt rutnät, lika stora celler (3 kol när kolumnen ≥500px, annars 2) */
body.wow .variation-buttons {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(max(160px, calc((100% - 20px) / 3)), 1fr)); gap: 10px !important;
  justify-content: stretch; align-items: stretch;
}
/* ≥500px kolumn → 3 kol, annars 2 */
body.wow .variation-button {
  display: flex !important; width: 100% !important; min-width: 0; height: 56px; min-height: 56px; box-sizing: border-box;
  padding: 6px 14px 6px 6px !important; gap: 10px; justify-content: flex-start;
  border-radius: 999px !important; line-height: 1.2 !important;
}
body.wow .variation-button img.variation-option-image { width: 42px !important; height: 42px !important; }
body.wow .variation-button { overflow: hidden; }
body.wow .variation-button > :not(img) { min-width: 0; }
body.wow .variation-button:hover { border-color: var(--ao-primary) !important; }
body.wow :is(.variation-button.selected, .variation-button.active, .variable-items-wrapper .variable-item.selected, .swatch.selected) {
  background: var(--ao-primary) !important; border-color: var(--ao-primary) !important; box-shadow: none !important;
  color: var(--ao-on-primary) !important;
}
body.wow .variation-button.selected img.variation-option-image { box-shadow: 0 0 0 2px rgba(244, 239, 231, .35); }
@media (max-width: 560px) { body.wow .variation-button { font-size: 13px !important; padding-right: 10px !important; gap: 8px; } }

/* v3.3 – "Avkoppling / Luftkvalitet"-blocken på produktsidan: havre, vänsterställt, 5:4-bilder, samma typografi */
body.wow .two-column-layout, body.wow .two-column-layout:nth-of-type(even) { background-color: var(--ao-oat) !important; padding: clamp(56px, 7vw, 112px) 0 !important; margin: 0 !important; }
body.wow .two-column-layout .row {
  display: grid !important; grid-template-columns: 1fr; gap: clamp(28px, 3vw, 40px);
  max-width: 1320px; width: auto; margin: 0 auto !important; padding: 0 clamp(20px, 4vw, 56px) !important; align-items: center;
}
body.wow .two-column-layout .row + .row { margin-top: clamp(56px, 7vw, 112px) !important; }
body.wow .two-column-layout .row > div { padding: 0 !important; flex: none !important; width: auto !important; max-width: none !important; }
body.wow .two-column-layout .right-column { order: 1; }
body.wow .two-column-layout .left-column { order: 2; align-items: flex-start !important; text-align: left !important; justify-content: center; display: flex; flex-direction: column; }
body.wow .two-column-layout .right-column img {
  display: block; width: 100% !important; height: auto !important; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--ao-r) !important; background: var(--ao-sand);
}
body.wow .two-column-layout h2.main-heading {
  font-family: var(--ao-sans) !important; text-transform: none !important; font-weight: 500 !important; color: var(--ao-forest) !important;
  font-size: clamp(28px, 3.4vw, 52px) !important; line-height: 1.02 !important; letter-spacing: -0.04em !important; text-wrap: balance; max-width: 16ch; margin: 0 0 var(--ao-space-stack) !important; text-align: left !important;
}
body.wow .two-column-layout .left-column p { font: 400 clamp(16px, 1.2vw, 18px)/1.6 var(--ao-sans) !important; color: var(--ao-ink-2) !important; max-width: 46ch; margin: 0 !important; text-align: left !important; }
body.wow .two-column-layout a.cta-btns-product-page { margin-top: var(--ao-space-cta) !important; align-self: flex-start; }
@media (min-width: 900px) {
  body.wow .two-column-layout .row { grid-template-columns: 1fr 1fr; gap: clamp(48px, 6vw, 120px); }
  body.wow .two-column-layout .row:not(.ao-row--rev) .left-column { order: 1; }
  body.wow .two-column-layout .row:not(.ao-row--rev) .right-column { order: 2; }
  body.wow .two-column-layout .ao-row--rev .right-column { order: 1; }
  body.wow .two-column-layout .ao-row--rev .left-column { order: 2; }
}

/* ===== v3.4 – WPC Product Bundles (woosb) i v3-stil ===== */
body.wow .woosb-wrap { margin: 8px 0 0 !important; }
body.wow .woosb-products { border: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
body.wow .woosb-item-text :is(h2,h3) { font: 500 12px/1.4 var(--ao-mono) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--ao-forest) !important; margin: 0 0 12px !important; }
body.wow .woosb-products .woosb-product {
  display: grid !important; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 16px; align-items: start;
  padding: 16px !important; margin: 0 0 10px !important; background: #fff !important;
  border: 1px solid var(--ao-line-d) !important; border-radius: var(--ao-r) !important;
}
body.wow .woosb-products .woosb-product > div { width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
body.wow .woosb-products .woosb-product .woosb-thumb { width: 64px !important; }
body.wow .woosb-products .woosb-product .woosb-thumb img { width: 64px !important; height: 64px !important; object-fit: cover; border-radius: 8px !important; background: var(--ao-oat); }
body.wow .woosb-products .woosb-product .woosb-thumb-new:empty, body.wow .woosb-products .woosb-product .woosb-thumb-new[style*="none"] + * { display: none; }
body.wow .woosb-products .woosb-product .woosb-title { grid-column: 2; min-width: 0; }
body.wow .woosb-title-inner { font: 600 15px/1.3 var(--ao-sans) !important; color: var(--ao-forest) !important; letter-spacing: -0.01em; }
body.wow .woosb-products .woosb-product .woosb-price { grid-column: 3; text-align: right; font: 400 14px/1.3 var(--ao-sans) !important; white-space: nowrap; }
body.wow .woosb-price del, body.wow .woosb-total del { color: var(--ao-price-old) !important; font-weight: 400 !important; opacity: 1 !important; }
body.wow .woosb-price ins, body.wow .woosb-total ins { text-decoration: none !important; color: var(--ao-forest) !important; font-weight: 600 !important; background: none !important; }
body.wow .woosb-price ins { display: block; }
body.wow .woosb-availability { display: none !important; }
body.wow .woosb-product .variations_form { margin: 10px 0 0 !important; }
body.wow .woosb-product .variations, body.wow .woosb-product .variation { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.wow .woosb-product .variation .label { margin: 0 0 8px !important; }
body.wow .woosb-product .variation .label label { font: 500 11px/1.4 var(--ao-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--ao-ink-2) !important; }
body.wow .woosb-product .reset { margin-top: 8px !important; }
body.wow .woosb-product .reset_variations { font-size: 12px !important; color: var(--ao-ink-2) !important; text-decoration: underline; }
/* Fallback om JS saknas: v3-select */
body.wow .woosb-product select {
  appearance: none; -webkit-appearance: none; width: 100%; max-width: 320px; min-height: 44px; padding: 0 40px 0 16px !important;
  border: 1px solid rgba(31, 58, 50, .25) !important; border-radius: 999px !important; color: var(--ao-forest) !important;
  font: 500 14px var(--ao-sans) !important; box-shadow: none !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231f3a32' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center !important;
}
body.wow .woosb-product .ao-bselect--hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Pill-rutnät i paket – samma uttryck som doftväljaren */
body.wow .ao-bpills { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 16px) / 3)), 1fr)); gap: 8px; }
body.wow .ao-bpill {
  display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; height: 48px; box-sizing: border-box;
  padding: 4px 12px 4px 4px; margin: 0; border: 1px solid rgba(31, 58, 50, .2); border-radius: 999px; background: #fff;
  color: var(--ao-forest); font: 500 13px/1.15 var(--ao-sans); letter-spacing: -0.01em; text-align: left; text-transform: none;
  cursor: pointer; overflow: hidden; transition: border-color .25s, background-color .25s, color .25s;
}
body.wow .ao-bpill:not(:has(img)) { padding-left: 14px; }
body.wow .ao-bpill img { width: 38px; height: 38px; flex: none; border-radius: 50%; object-fit: cover; object-position: 50% 45%; background: var(--ao-oat); margin: 0 !important; }
body.wow .ao-bpill span { min-width: 0; }
body.wow .ao-bpill:hover { border-color: var(--ao-primary); }
body.wow .ao-bpill:focus-visible { outline: 2px solid var(--ao-primary); outline-offset: 2px; }
body.wow .ao-bpill.is-selected { background: var(--ao-primary); border-color: var(--ao-primary); color: var(--ao-on-primary); }
body.wow .ao-bpill.is-selected img { box-shadow: 0 0 0 2px rgba(244, 239, 231, .35); }
@media (max-width: 560px) {
  body.wow .woosb-products .woosb-product { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 14px !important; }
  body.wow .woosb-products .woosb-product .woosb-thumb, body.wow .woosb-products .woosb-product .woosb-thumb img { width: 52px !important; height: 52px !important; }
  body.wow .woosb-products .woosb-product .woosb-price { grid-column: 2; grid-row: 2; text-align: left; }
  body.wow .woosb-products .woosb-product .woosb-price ins { display: inline; margin-left: 6px; }
  body.wow .woosb-products .woosb-product .woosb-title { grid-row: 1; }
  body.wow .woosb-product .variations_form { grid-column: 1 / -1; }
  body.wow .ao-bpills { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Paketpris + sparat-bricka */
body.wow .woosb-total { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; font: 500 15px/1.3 var(--ao-sans) !important; color: var(--ao-forest) !important; }
body.wow .woosb-total ins { font-size: 22px !important; letter-spacing: -0.02em; }
body.wow .woosb-total .woocommerce-price-suffix {
  display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font: 500 12px/1.2 var(--ao-mono) !important; letter-spacing: .02em;
  background: var(--ao-oat-2); color: var(--ao-forest) !important; border: 1px solid rgba(176, 138, 79, .55);
}
/* Notis (ersätter lime) */
body.wow .woosb-alert {
  margin: 14px 0 0 !important; padding: 12px 16px !important; border-radius: var(--ao-r) !important; border: 1px solid var(--ao-line-d) !important; border-left: 3px solid var(--ao-primary) !important;
  background: var(--ao-oat-2) !important; color: var(--ao-forest) !important; font: 500 14px/1.45 var(--ao-sans) !important;
}
/* Köpknapp – disabled: skogsgrön med låg opacitet */
body.wow :is(.single_add_to_cart_button, .woocommerce button.button.alt):is(.disabled, :disabled, .woosb-disabled, .wc-variation-selection-needed) {
  background: var(--ao-primary) !important; border-color: var(--ao-primary) !important; color: var(--ao-on-primary) !important; opacity: .45 !important; cursor: not-allowed !important;
}

/* v3.4 – kvarvarande lime/plugin-defaults */
body.wow .wc-timeline-product .discounted { background: var(--ao-primary) !important; color: var(--ao-on-primary) !important; border-radius: 999px !important; font: 500 11px/1 var(--ao-mono) !important; letter-spacing: .04em; }
body.wow .wc-timeline-product .image .qty.flex-row-center { background: var(--ao-oat-2) !important; color: var(--ao-forest) !important; border: 1px solid rgba(176, 138, 79, .55) !important; font: 600 11px/1 var(--ao-sans) !important; }
body.wow .wc-timeline-empty-modal a, body.wow .trust-contact a.email-icon { color: var(--ao-forest) !important; }
body.wow .kb-row-layout-id672_a4866a-31 { background-color: var(--ao-oat) !important; }
body.wow .intensity-badge { background: var(--ao-oat-2) !important; color: var(--ao-forest) !important; border: 1px solid rgba(176, 138, 79, .55) !important; border-radius: 999px !important; }
body.wow .intensity-badge .intensity-label { color: var(--ao-ink-2) !important; }
/* Woo-notiser (klassiska + block) */
body.wow :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-message) {
  background: var(--ao-oat-2) !important; color: var(--ao-forest) !important; border: 1px solid var(--ao-line-d) !important; border-left: 3px solid var(--ao-primary) !important; border-top-color: var(--ao-line-d) !important;
  border-radius: var(--ao-r) !important; font: 500 14px/1.45 var(--ao-sans) !important; box-shadow: none !important;
}
body.wow .woocommerce-error.woocommerce-error, body.wow .woocommerce-notices-wrapper .woocommerce-error { border-left-color: #8a2d1f !important; }
body.wow :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button) { color: var(--ao-forest) !important; text-decoration: underline; }
body.wow :is(.woocommerce-message, .woocommerce-info) a.button { background: var(--ao-primary) !important; color: var(--ao-on-primary) !important; border-radius: 999px !important; }
body.wow .wc-block-components-notice-banner { background: var(--ao-oat-2) !important; color: var(--ao-forest) !important; border: 1px solid var(--ao-line-d) !important; border-left: 3px solid var(--ao-primary) !important; border-radius: var(--ao-r) !important; }
body.wow .wc-block-components-notice-banner > svg { background: var(--ao-primary) !important; fill: var(--ao-on-primary) !important; }
/* Bildlänkar utan stil (alt-text/fokus) – ingen default-blå */
body.wow a:has(> img), body.wow a.image, body.wow a.ao-card__media { color: var(--ao-forest); }

/* ===== v3.4.1 – bundle: pills 2 kol, full radbredd, pris bredvid namn ===== */
body.wow .woosb-products .woosb-product { grid-template-columns: 64px minmax(0, 1fr) auto !important; row-gap: 14px !important; align-items: center !important; }
body.wow .woosb-products .woosb-product .woosb-title { display: contents !important; }
body.wow .woosb-products .woosb-product .woosb-thumb { grid-column: 1; grid-row: 1; }
body.wow .woosb-products .woosb-product .woosb-title-inner { grid-column: 2; grid-row: 1; min-width: 0; }
body.wow .woosb-products .woosb-product .woosb-price { grid-column: 3 !important; grid-row: 1 !important; text-align: right !important; }
body.wow .woosb-products .woosb-product .woosb-price ins { display: block !important; margin: 0 !important; }
body.wow .woosb-products .woosb-product .variations_form { grid-column: 1 / -1 !important; grid-row: 2; margin: 0 !important; min-width: 0; }
body.wow .woosb-products .woosb-product .ao-bpills { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; width: 100%; }
body.wow .woosb-products .woosb-product .ao-bpill { height: 48px; }
body.wow .woosb-products .woosb-product .ao-bpill span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.wow .woosb-product .reset { margin: 6px 0 0 !important; text-align: right; line-height: 1; }
body.wow .woosb-product .reset_variations { font: 400 11px/1.4 var(--ao-sans) !important; color: var(--ao-ink-2) !important; opacity: .75; text-decoration: none !important; }
body.wow .woosb-product .reset_variations:hover, body.wow .woosb-product .reset_variations:focus-visible { opacity: 1; text-decoration: underline !important; }
@media (max-width: 560px) {
  body.wow .woosb-products .woosb-product { grid-template-columns: 52px minmax(0, 1fr) auto !important; column-gap: 12px !important; }
  body.wow .woosb-products .woosb-product .woosb-title-inner { font-size: 14px !important; }
  body.wow .woosb-products .woosb-product .woosb-price { font-size: 13px !important; }
  body.wow .woosb-products .woosb-product .ao-bpill { font-size: 12.5px; gap: 6px; padding-right: 8px; }
  body.wow .woosb-products .woosb-product .ao-bpill img { width: 34px; height: 34px; }
}

/* ===== v3.4.1 – Relaterade kategorier + FAQ på kategorisidor ===== */
body.wow { --ao-gutter: 40px; }
@media (max-width: 560px) { body.wow { --ao-gutter: 20px; } }
body.wow .shop-loop-content-smort > .smort-content-hub-links,
body.wow .shop-loop-content-smort > .aroma-faq-section {
  box-sizing: border-box; width: 100% !important; max-width: 1360px !important;
  margin-left: auto !important; margin-right: auto !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}
body.wow .shop-loop-content-smort > .smort-content-hub-links { margin-top: clamp(52px, 4.4vw, 64px) !important; margin-bottom: 0 !important; padding: 0 !important; }
body.wow .smort-content-hub-links .smort-related-categories { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
body.wow .smort-content-hub-links .smort-hub-title {
  margin: 0 !important; font: 500 12px/1.4 var(--ao-mono) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--ao-ink-2) !important;
}
body.wow .smort-content-hub-links .smort-hub-list { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.wow .smort-content-hub-links .smort-hub-list li { margin: 0 !important; padding: 0 !important; }
body.wow .smort-content-hub-links .smort-hub-link {
  display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; min-height: 40px; padding: 0 16px !important;
  border: 1px solid rgba(31, 58, 50, .2) !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important;
  color: var(--ao-forest) !important; text-decoration: none !important; transition: border-color .2s, background-color .2s, color .2s;
}
body.wow .smort-content-hub-links .smort-hub-link:hover { border-color: var(--ao-primary) !important; background: var(--ao-oat-2) !important; }
body.wow .smort-content-hub-links .smort-hub-link:focus-visible { outline: 2px solid var(--ao-primary); outline-offset: 2px; }
body.wow .smort-content-hub-links .smort-hub-link-name { font: 500 14px/1.2 var(--ao-sans) !important; color: inherit !important; }
body.wow .smort-content-hub-links .smort-hub-link-meta { font: 400 12px/1.2 var(--ao-sans) !important; color: var(--ao-ink-2) !important; white-space: nowrap !important; }
body.wow .smort-content-hub-links .smort-hub-link-meta::before { content: "·"; margin-right: 8px; color: var(--ao-ink-2); }
@media (max-width: 560px) { body.wow .smort-content-hub-links .smort-related-categories { flex-direction: column; align-items: flex-start; gap: 10px; } }
/* FAQ: containerbredd, vänsterställd, ingen vit box */
body.wow .shop-loop-content-smort > .aroma-faq-section { margin-top: clamp(28px, 2.8vw, 40px) !important; margin-bottom: clamp(56px, 6vw, 88px) !important; padding: 0 !important; }
body.wow .aroma-faq-section .faq-title { margin: 0 0 24px !important; font-size: clamp(30px, 3.4vw, 48px) !important; line-height: 1.08 !important; text-align: left !important; color: var(--ao-forest) !important; max-width: 20ch; }
body.wow .aroma-faq-section .faq-accordion { max-width: 960px; }

/* v3.4.1 – Footer: avslutande mening, centrerad och mindre */
body.wow .smort-footer .kb-row-layout-id115_e7613d-22 > .kt-row-column-wrap { padding-top: clamp(40px, 4vw, 56px) !important; padding-bottom: 0 !important; }
body.wow .smort-footer h2.bid-heading-footer {
  font-size: clamp(26px, 2.8vw, 40px) !important; line-height: 1.1 !important; letter-spacing: -0.03em !important;
  text-align: center !important; max-width: none !important; margin: 0 auto clamp(24px, 2.4vw, 32px) !important; text-wrap: balance;
}
body.wow .smort-footer .kadence-column115_8698bd-da .wp-block-spacer { display: none !important; }
@media (max-width: 560px) { body.wow .smort-footer h2.bid-heading-footer { font-size: clamp(26px, 7.4vw, 30px) !important; } }
body.wow .aroma-faq-section .faq-accordion { margin-left: 0 !important; margin-right: auto !important; }

/* ===== v3.4.2 – Karoline-ikon + större footerrubrik ===== */
body.wow :is(.trust-section-karoline, .smort-trust-section) { background: var(--ao-oat-2) !important; border: 1px solid var(--ao-line-d) !important; }
body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon) {
  position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important;
  border-radius: 50% !important; background: var(--ao-primary) !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important;
  border: 0 !important; text-decoration: none !important; transition: background-color .2s, transform .2s;
}
body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon) > span { display: none; }
body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon)::before {
  content: ""; width: 18px; height: 18px; background: var(--ao-on-primary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon):hover { background: var(--ao-primary-hover) !important; transform: translateY(-1px); }
body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon):focus-visible { outline: 2px solid var(--ao-primary); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon) { transition: none; } body.wow :is(.trust-contact a.email-icon, .smort-trust-contact a.smort-email-icon):hover { transform: none; } }
/* Footer-rubrik större */
body.wow .smort-footer .kb-row-layout-id115_e7613d-22 > .kt-row-column-wrap { padding-top: clamp(48px, 5vw, 72px) !important; }
body.wow .smort-footer h2.bid-heading-footer { font-size: clamp(34px, 4.2vw, 60px) !important; line-height: 1.05 !important; margin-bottom: clamp(28px, 3vw, 44px) !important; white-space: normal; }
@media (max-width: 560px) { body.wow .smort-footer h2.bid-heading-footer { font-size: clamp(30px, 9.2vw, 36px) !important; } }

/* ==== v3.5 SEO/prestanda ==== */
/* Responsiva produktbilder har width/height-attribut: behåll proportioner */
body.single-product :is(.main-image, .mobile-slider) img { height: auto; max-width: 100%; }
/* Skärmläsartext (visuellt dold) */
.ao-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* v3.5 – sidrubrik på varukorg/kassa/konto */
body.wow .ao-page-title{font-family:var(--ao-serif,inherit);font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);line-height:1.15;margin:clamp(24px,4vw,48px) auto 16px;max-width:1200px;padding:0 20px;font-weight:500}
/* v3.5.1 – Klarna-raden ligger nu i ett <li> (giltig lista) men ser ut som tidigare */
body.wow .custom-features-list li.klarna-badge-item { grid-column: 1 / -1; display: block; list-style: none; margin: 0; padding: 0; }
body.wow .custom-features-list li.klarna-badge-item::before, body.wow .custom-features-list li.klarna-badge-item::marker { content: none; }
body.wow .custom-features-list li.klarna-badge-item > .klarna-badge { font-weight: 500; margin-right: 0; color: var(--ao-forest) !important; }

/* v3.5.1 CLS: produktsidans mobil-layout fanns bara i en <style> efter markupen i body → desktopgalleri + staplade slides målades först i mobil.
   Samma regler (identiska slutvärden) tidigt i <head>. */
@media (max-width: 768px) {
  body.single-product .product-columns-wrapper { flex-direction: column; }
  body.single-product .product-image-gallery .gallery-grid,
  body.single-product .product-image-gallery .main-image { display: none; }
  body.single-product .mobile-slider { display: block; position: relative; overflow: hidden; width: 100%; }
  body.single-product .mobile-slider .slides { display: flex; }
  body.single-product .mobile-slider .slides img { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 769px) { body.single-product .mobile-slider { display: none; } }
/* v3.5.1 CLS: varukorgsblocket hydreras på klienten → reservera höjd så footern inte hoppar in/ut ur viewport */
body.woocommerce-cart .page-content { min-height: 100vh; }

/* v3.5.1 a11y kontrast (WCAG AA) */
body.wow .category-description a { color: var(--ao-forest) !important; text-decoration: underline; text-underline-offset: 2px; }
body.wow .review-count-display { color: #555 !important; }

/* v3.6 – kampanjrad i USP-listen (Black Months, datumstyrd i includes/wow-campaign.php) */
body.wow .smort-topbar .ao-usp-camp { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
body.wow .smort-topbar .ao-usp-camp__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
@media (max-width: 767px) {
  body.wow .smort-topbar .usp-header:has(.ao-usp-camp) li:not(.ao-usp-camp) { display: none !important; }
  body.wow .smort-topbar .ao-usp-camp { white-space: nowrap; font-size: 11px; }
}

/* v3.5.2 – paketpris innan doft vald */
body.wow .woosb-total.ao-bundle-pending .ao-bundle-from { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--ao-forest); }
body.wow .woosb-total.ao-bundle-pending .ao-bundle-from > span:first-child { font-size: 15px; font-weight: 500; margin-right: 4px; }