/** Shopify CDN: Minification failed

Line 2792:0 Unexpected "}"

**/
/* MÜHLE Türkiye — Horizon-native design layer. */
:root {
  --muhle-ink: #1f1f1f;
  --muhle-charcoal: #383838;
  --muhle-muted: #6d6d6d;
  --muhle-rule: #dedede;
  --muhle-surface: #f4f4f1;
  --muhle-soft: #fafaf8;
  --muhle-brass: #b89d25;
  --muhle-sale: #9e0000;
  --muhle-page: min(1700px, calc(100vw - 64px));
}

/* MÜHLE 2026 final system layer */
:where(button, .button, input, select, textarea, dialog, details, .theme-drawer, .product-card, .card-gallery, .muhle-product-card, .muhle-product-card__media) {
  border-radius: var(--muhle-radius,3px) !important;
}

/* Sticky/condensed header */
.muhle-site-header { position: sticky; top: 0; z-index: 60; background: var(--color-background, #fff); transition: box-shadow .2s ease; }
.muhle-site-header__announcement { background: var(--muhle-announcement-bg, #333); color: var(--muhle-announcement-color, #fff); }
.muhle-header-condensed .muhle-site-header { box-shadow: 0 5px 20px rgb(0 0 0 / .08); }
.muhle-header-condensed .muhle-site-header__contact { display: none; }
.muhle-header-condensed .muhle-site-header__announcement { display: none; }
.muhle-header-condensed .muhle-site-header__main { min-height: 58px; justify-content: space-between; }
.muhle-header-condensed .muhle-site-header__logo { position: static; transform: none; margin-right: auto; }
.muhle-header-condensed .muhle-site-header__logo img { max-height: 44px; width: auto; }
.muhle-header-condensed .muhle-nav { position: absolute; inset: 0 190px 0 120px; border: 0; pointer-events: none; }
.muhle-header-condensed .muhle-nav__list { height: 58px; align-items: center; pointer-events: auto; }
.muhle-header-condensed .muhle-nav__link { padding-block: 18px; }
.muhle-mobile-menu__top button { border: 0; background: transparent; font: inherit; font-size: 28px; padding: 4px; cursor: pointer; }
.muhle-mobile-menu__account { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 24px 0; border-top: 1px solid #ddd; }
.muhle-mobile-menu__account p { grid-column: 1 / -1; margin: 0; color: #777; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.muhle-mobile-menu__account .button { min-height: 48px; justify-content: center; }

/* All catalogue imagery is 1:1 and neutral */
.muhle-product-card__media,
.product-card .card-gallery,
.product-card .card-gallery slideshow-component,
.product-card .card-gallery .media,
.product-grid .card-gallery,
.product-grid .card-gallery slideshow-component { aspect-ratio: 1 / 1 !important; background: #fff !important; }
.muhle-product-card__media img,
.product-card .card-gallery img,
.product-grid .card-gallery img { width: 100%; height: 100%; object-fit: contain !important; object-position: center; }
.muhle-product-card,
.product-card { border: 1px solid transparent !important; transition: border-color .2s ease; }
.muhle-product-card:hover,
.product-card:hover { border-color: #d7d7d2 !important; }
.muhle-product-card__content { text-align: center; padding: 14px 8px 8px; }
.muhle-product-card__badge,
.product-badges__badge { padding: 4px 8px !important; border-radius: 3px !important; font-size: 11px !important; line-height: 1.2; letter-spacing: .04em; font-weight: 600 !important; text-transform: none !important; }
.muhle-product-card__badge--sold-out,
.product-badges__badge--sold-out { background: #e9ece8 !important; color: #526053 !important; }
.muhle-product-card__badge--sale,
.product-badges__badge--sale { background: #f3ead1 !important; color: #705b13 !important; }
.muhle-product-card__badge--preorder,
.product-badges__badge--preorder { background: #e9edf1 !important; color: #33485b !important; }
.muhle-product-card__badge--personalized,
.product-badges__badge--personalized { background: #eee8f1 !important; color: #5b4764 !important; }

/* Collection */
.muhle-collection-head { max-width: none; background: var(--muhle-head-bg); color: var(--muhle-head-color); padding-block: var(--muhle-head-space); }
.muhle-collection-head h1 { font-size: min(var(--muhle-head-size), 5vw) !important; line-height: 1.08; text-align: center; margin: 34px 0 0; font-weight: 400; }
.muhle-collection-seo { max-width: none; background: var(--muhle-seo-bg); color: var(--muhle-seo-color); padding-block: 64px; }
.muhle-collection-seo details { max-width: var(--muhle-seo-width); margin-inline: auto; }
.muhle-collection-seo summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: clamp(26px, 3vw, 44px); color: #222; }
.muhle-collection-seo summary b { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; border-bottom: 1px solid #b99a19; padding-bottom: 4px; }
.muhle-collection-seo__preview { margin-top: 26px; font-size: 16px; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.muhle-collection-seo__content { margin-top: 28px; font-size: 16px; line-height: 1.7; }
.muhle-collection-seo details:not([open]) .muhle-collection-seo__content,
.muhle-collection-seo details:not([open]) .when-open,
.muhle-collection-seo details[open] .muhle-collection-seo__preview,
.muhle-collection-seo details[open] .when-closed { display: none; }
.facets__panel > summary { border-radius: 0 !important; }

/* PDP */
.muhle-pdp { background: var(--muhle-pdp-background); color: var(--muhle-pdp-text); }
.muhle-pdp__inner { width: min(calc(100% - 48px), var(--muhle-pdp-max-width)); margin-inline: auto; }
.muhle-pdp__grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr); gap: var(--muhle-pdp-gap); align-items: start; }
.muhle-pdp-gallery__viewport { aspect-ratio: 1 / 1 !important; background: #fff !important; position: relative; overflow: hidden; }
.muhle-pdp-gallery__track { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.muhle-pdp-gallery__track::-webkit-scrollbar { display: none; }
.muhle-pdp-gallery__slide { flex: 0 0 100%; height: 100%; margin: 0; scroll-snap-align: start; display: grid; place-items: center; }
.muhle-pdp-gallery__slide img,
.muhle-pdp-gallery__slide video,
.muhle-pdp-gallery__slide model-viewer { width: 100%; height: 100%; object-fit: contain; }
.muhle-pdp-gallery__viewport .muhle-pdp-gallery__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border: 1px solid #777; border-radius: 3px !important; background: rgb(255 255 255 / .88); color: #333; opacity: 0; transition: opacity .2s ease; font-size: 28px; }
.muhle-pdp-gallery__viewport:hover .muhle-pdp-gallery__arrow,
.muhle-pdp-gallery__arrow:focus-visible { opacity: 1; }
.muhle-pdp-gallery__arrow--prev { left: 18px; }
.muhle-pdp-gallery__arrow--next { right: 18px; }
.muhle-pdp-gallery__footer { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; margin-top: 18px; }
.muhle-pdp-gallery__progress { height: 4px; background: #e3e3e0; overflow: hidden; }
.muhle-pdp-gallery__progress i { display: block; height: 100%; background: #666; transform-origin: left; transition: transform .25s ease, width .25s ease; }
.muhle-pdp-gallery__thumbs { display: flex; gap: 10px; margin-top: 20px; overflow-x: auto; }
.muhle-pdp-gallery__thumb { width: 84px; height: 84px; padding: 0; border: 1px solid #e0e0dc; background: #fff; }
.muhle-pdp-gallery__thumb.is-active { border-color: #b99a19; }
.muhle-pdp-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; }
.muhle-pdp-info { position: sticky; top: 120px; padding-block: 10px 40px; }
.muhle-pdp-info h1 { font-size: clamp(30px, 3.2vw, 52px); line-height: 1.08; font-weight: 400; margin: 0 0 10px; }
.muhle-pdp-price-row { display: flex; gap: 14px; align-items: baseline; margin: 24px 0 12px; }
.muhle-pdp-info__price { font-size: clamp(28px, 2.8vw, 42px); color: var(--muhle-pdp-accent); }
.muhle-pdp-info__compare { color: #888; text-decoration: line-through; }
.muhle-pdp-rating { display: flex; gap: 8px; align-items: center; color: inherit; font-size: 14px; }
.muhle-pdp-rating > span { color: var(--muhle-pdp-accent); letter-spacing: .08em; }
.muhle-pdp-benefits { display: grid; gap: 10px; margin: 28px 0; color: #3e3e3e; }
.muhle-pdp-benefits > div { display: grid; grid-template-columns: 8px 1fr; gap: 12px; align-items: start; }
.muhle-pdp-benefits > div > span { width: 5px; height: 5px; background: var(--muhle-pdp-accent); margin-top: .7em; border-radius: 50%; }
.muhle-pdp-form__actions { display: grid; grid-template-columns: 120px 1fr; gap: 10px; margin-top: 24px; }
.muhle-pdp-quantity { display: grid; grid-template-columns: 36px 1fr 36px; border: 1px solid #aaa; }
.muhle-pdp-quantity button, .muhle-pdp-quantity input { border: 0; background: #fff; text-align: center; min-width: 0; }
.muhle-pdp-add { min-height: 58px; border: 1px solid #6d6d6b; background: #6d6d6b; color: #fff; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; }
.muhle-pdp-info__availability { display: flex; gap: 8px; align-items: center; margin: 20px 0 8px; }
.muhle-pdp-info__availability > span { width: 8px; height: 8px; background: #43b984; border-radius: 50%; }
.muhle-pdp-info__availability.is-unavailable > span { background: #a07070; }
.muhle-pdp-delivery-metafield, .muhle-shipping-message { background: #f3f1ef; width: fit-content; padding: 10px 13px; color: #333; }
.muhle-pdp-service-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 32px; }
.muhle-pdp-service-links button { min-height: 54px; border: 1px solid #ddd; background: #fff; }
.muhle-pdp-description,
.muhle-pdp-tabs { max-width: 1180px; margin: 72px auto 0; }
.muhle-automatic-content, .muhle-automatic-content p, .muhle-automatic-content li, .muhle-automatic-content td { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7; color: #666; }
.muhle-automatic-content h2, .muhle-automatic-content h3, .muhle-automatic-content h4 { font-family: "Open Sans", sans-serif; font-size: 20px; font-weight: 500; line-height: 1.25; color: #011624; }
.muhle-pdp-tabs details { border-top: 1px solid #d8d8d5; }
.muhle-pdp-tabs details:last-child { border-bottom: 1px solid #d8d8d5; }
.muhle-pdp-tabs summary { cursor: pointer; padding: 24px 4px; font-size: 20px; color: #011624; list-style: none; display: flex; justify-content: space-between; }
.muhle-pdp-tabs summary::after { content: '+'; font-size: 26px; font-weight: 300; }
.muhle-pdp-tabs details[open] summary::after { content: '−'; }
.muhle-pdp-tabs details > div { padding: 0 4px 28px; }
.muhle-sticky-atc { position: fixed; left: 0; right: 0; bottom: 0; z-index: 65; background: rgb(255 255 255 / .97); border-top: 1px solid #d8d8d4; transform: translateY(110%); transition: transform .25s ease; }
.muhle-sticky-atc.is-visible { transform: translateY(0); }
.muhle-sticky-atc__inner { width: min(calc(100% - 36px), 1240px); min-height: 78px; margin-inline: auto; display: grid; grid-template-columns: 58px 1fr auto; gap: 14px; align-items: center; }
.muhle-sticky-atc__inner > img { width: 58px; height: 58px; object-fit: contain; }
.muhle-sticky-atc__inner > div { display: grid; }
.muhle-sticky-atc__inner > div span { color: #777; }
.muhle-sticky-atc__form button { min-width: 190px; min-height: 48px; border: 0; background: #6d6d6b; color: #fff; font-weight: 600; text-transform: uppercase; }

/* Drawer + cart */
.muhle-drawer-summary { border-top: 1px solid #ddd; background: #fff; }
.muhle-drawer-summary__details > summary { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 18px 24px; cursor: pointer; font-weight: 700; list-style: none; }
.muhle-drawer-summary__details > summary::-webkit-details-marker { display: none; }
.muhle-drawer-summary__chevron { transition: transform .2s ease; }
.muhle-drawer-summary__details[open] .muhle-drawer-summary__chevron { transform: rotate(180deg); }
.muhle-drawer-summary__rows { padding: 4px 24px 14px; background: #fafafa; }
.muhle-drawer-summary__rows > div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; color: #777; }
.muhle-drawer-summary__rows .is-discount { color: #c63424; }
.muhle-drawer-summary__rows .is-total { border-top: 1px solid #ddd; color: #171717; font-size: 18px; }
.muhle-drawer-actions details { border-top: 1px solid #ddd; }
.muhle-drawer-actions summary { display: flex; justify-content: space-between; padding: 15px 24px; cursor: pointer; }
.muhle-drawer-summary__checkout { display: block; width: calc(100% - 48px); margin: 18px 24px 10px; min-height: 58px; border: 0; background: #171717; color: #fff; font-weight: 700; }
.muhle-drawer-summary__cart-link { display: block; text-align: center; padding: 10px 24px 22px; color: #555; text-decoration: underline; }
.muhle-cart { width: min(calc(100% - 48px), 1820px); margin: 0 auto; padding: 56px 0 96px; }
.muhle-cart__steps { display: flex; justify-content: center; gap: 0; list-style: none; padding: 0; margin: 0 auto 64px; max-width: 720px; }
.muhle-cart__steps li { flex: 1; display: grid; justify-items: center; position: relative; }
.muhle-cart__steps li:not(:last-child)::after { content: ''; position: absolute; height: 1px; background: #ccc; left: calc(50% + 24px); right: calc(-50% + 24px); top: 22px; }
.muhle-cart__steps b { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #bbb; border-radius: 3px; background: #fff; z-index: 1; }
.muhle-cart__steps .is-active b { background: #b99a19; color: #fff; border-color: #b99a19; }
.muhle-cart__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 460px); gap: 70px; align-items: start; }
.muhle-cart__heading, .muhle-cart__columns { display: grid; grid-template-columns: 1fr 180px 180px; gap: 20px; align-items: end; }
.muhle-cart__heading { border-bottom: 2px solid #222; }
.muhle-cart__heading h1 { font-size: 38px; text-transform: uppercase; }
.muhle-cart__heading span { grid-column: 3; text-align: right; }
.muhle-cart__columns { padding: 24px 0 16px; border-bottom: 1px solid #ddd; color: #888; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.muhle-cart-item { display: grid; grid-template-columns: 130px minmax(0, 1fr) 180px 180px; gap: 20px; align-items: center; padding: 28px 0; border-bottom: 1px solid #e2e2df; }
.muhle-cart-item__image { aspect-ratio: 1; background: #fff; }
.muhle-cart-item__image img { width: 100%; height: 100%; object-fit: contain; }
.muhle-cart-item__info { display: grid; gap: 6px; }
.muhle-cart-item__info > a { font-size: 18px; font-weight: 600; color: inherit; }
.muhle-cart-item__info small { color: #777; }
.muhle-cart-item__quantity { width: 130px; display: grid; grid-template-columns: 38px 1fr 38px; border: 1px solid #ddd; margin-top: 12px; }
.muhle-cart-item__quantity button, .muhle-cart-item__quantity input { border: 0; min-height: 38px; background: #fff; text-align: center; min-width: 0; }
.muhle-cart-item__remove { border: 0; background: transparent; color: #777; text-decoration: underline; width: fit-content; padding: 5px 0; }
.muhle-cart-item__unit, .muhle-cart-item__price { display: grid; gap: 4px; }
.muhle-cart-item__mobile-unit { display: none; }
.muhle-cart__summary { position: sticky; top: 96px; padding: 36px 40px; }
.muhle-cart__summary h2 { font-size: 28px; text-transform: uppercase; border-bottom: 2px solid #222; padding-bottom: 18px; }
.muhle-cart__summary > div:not(.muhle-cart__payment-icons) { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid #ddd; }
.muhle-cart__discount { color: #c63424; }
.muhle-cart__total { font-size: 20px; text-transform: uppercase; }
.muhle-cart__checkout { width: 100%; min-height: 62px; border: 0; background: #171717; color: #fff; font-weight: 700; margin-top: 18px; }
.muhle-cart__secure { display: block; text-align: center; color: #888; padding: 14px; }
.muhle-cart__summary details { border-top: 1px solid #ddd; }
.muhle-cart__summary details summary { padding: 15px 0; font-weight: 600; cursor: pointer; }

/* Footer */
.muhle-footer { background: var(--footer-bg); color: var(--footer-color); }
.muhle-footer__proof { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; gap: 20px; padding: 26px; background: #fff; text-transform: uppercase; letter-spacing: .12em; }
.muhle-footer__proof span:first-child { text-align: center; }
.muhle-footer__callout { max-width: none; background: var(--footer-callout-bg); color: var(--footer-callout-color); padding-block: clamp(60px, 8vw, 130px); padding-inline: max(5vw, 40px); display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.muhle-footer__callout h2 { max-width: 1000px; font-size: clamp(34px, 4vw, 62px); font-weight: 400; margin: 0 0 20px; }
.muhle-footer__callout p { font-size: 19px; }
.muhle-footer__callout button { min-width: 260px; min-height: 64px; border: 1px solid currentColor; background: transparent; color: inherit; }
.muhle-footer__grid { padding-block: var(--footer-pad); grid-template-columns: 1.2fr repeat(4, 1fr); gap: 50px; }
.muhle-footer__contact-card address { font-style: normal; line-height: 1.8; color: #666; }
.muhle-footer__social { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.muhle-footer__social a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #bbb; color: inherit; font-size: 12px; font-weight: 700; }
.muhle-footer__cookie { border: 0; border-bottom: 1px solid; background: transparent; padding: 4px 0; }
.muhle-newsletter-dialog { width: min(calc(100% - 32px), 580px); max-height: calc(100vh - 32px); padding: 42px; }
.muhle-newsletter-form { display: grid; gap: 14px; margin-top: 24px; }
.muhle-newsletter-form > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.muhle-newsletter-form label:not(.muhle-newsletter-form__consent) { display: grid; gap: 6px; }
.muhle-newsletter-form input { min-height: 52px; border: 1px solid #ccc; padding: 10px 12px; }
.muhle-newsletter-form__consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; font-size: 13px; line-height: 1.45; }
.muhle-newsletter-form__consent input { min-height: 0; margin-top: 3px; }
.muhle-newsletter-form > button { min-height: 54px; border: 0; background: #171717; color: #fff; font-weight: 700; }
.muhle-newsletter-form__legal { font-size: 12px; color: #666; }

/* Homepage hero is intentionally compact */
.muhle-hero { min-height: clamp(410px, 46vw, 610px) !important; }

@media (max-width: 989px) {
  .muhle-site-header { position: sticky; }
  .muhle-mobile-menu__panel { position: fixed; top: var(--header-height, 92px); left: 0; right: 0; bottom: 0; width: 100%; max-width: none; }
  .muhle-pdp__inner { width: min(calc(100% - 28px), var(--muhle-pdp-max-width)); }
  .muhle-pdp__grid { grid-template-columns: 1fr; }
  .muhle-pdp-info { position: static; }
  .muhle-pdp-service-links { grid-template-columns: 1fr; }
  .muhle-cart { width: min(calc(100% - 28px), 1820px); padding-top: 32px; }
  .muhle-cart__layout { grid-template-columns: 1fr; gap: 32px; }
  .muhle-cart__summary { position: static; }
  .muhle-cart-item { grid-template-columns: 100px minmax(0, 1fr) auto; }
  .muhle-cart-item__unit { display: none; }
  .muhle-cart-item__mobile-unit { display: flex; justify-content: space-between; }
  .muhle-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 749px) {
  .muhle-hero { min-height: 480px !important; }
  .muhle-collection-head { padding-block: 32px; }
  .muhle-collection-head h1 { font-size: 34px !important; margin-top: 24px; }
  .muhle-collection-seo { padding-block: 42px; }
  .muhle-collection-seo summary { font-size: 28px; align-items: flex-end; }
  .muhle-pdp-form__actions { grid-template-columns: 108px 1fr; }
  .muhle-sticky-atc__inner { min-height: 70px; grid-template-columns: 44px 1fr auto; gap: 8px; }
  .muhle-sticky-atc__inner > img { width: 44px; height: 44px; }
  .muhle-sticky-atc__inner > div strong { display: none; }
  .muhle-sticky-atc__form button { min-width: 130px; min-height: 44px; }
  .muhle-cart__steps { margin-bottom: 38px; }
  .muhle-cart__columns { display: none; }
  .muhle-cart__heading { grid-template-columns: 1fr auto; }
  .muhle-cart__heading h1 { font-size: 28px; }
  .muhle-cart__heading span { grid-column: 2; }
  .muhle-cart-item { grid-template-columns: 82px minmax(0, 1fr) auto; gap: 12px; padding: 20px 0; }
  .muhle-cart-item__price { align-self: start; }
  .muhle-cart__summary { padding: 28px 22px; }
  .muhle-footer__proof { grid-template-columns: 1fr; gap: 8px; font-size: 12px; }
  .muhle-footer__callout { grid-template-columns: 1fr; padding: 54px 24px; }
  .muhle-footer__callout h2 { font-size: 34px; }
  .muhle-footer__callout button { min-width: 0; width: 100%; }
  .muhle-footer__grid { grid-template-columns: 1fr; gap: 30px; }
  .muhle-newsletter-dialog { padding: 28px 20px; }
  .muhle-newsletter-form > div { grid-template-columns: 1fr; }
}

html { scroll-behavior: smooth; }
body { color: var(--muhle-ink); letter-spacing: -.005em; }
.page-width { width: var(--muhle-page); max-width: none; margin-inline: auto; }
.button, .button-secondary, button, input, select { border-radius: 2px; }
.button { font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }

/* MÜHLE premium header */
.shopify-section-group-header-group { position: relative; z-index: 30; }
.muhle-site-header { background: #fff; box-shadow: 0 1px 0 rgba(31,31,31,.1); position: relative; z-index: 30; }
.muhle-site-header__announcement { align-items: center; background: var(--muhle-charcoal); color: #fff; display: flex; font-size: .72rem; font-weight: 600; justify-content: center; letter-spacing: .025em; min-height: 38px; padding: 7px 20px; text-align: center; }
.muhle-site-header__contact { background: #f5f5f3; border-bottom: 1px solid #ededeb; color: #444; font-size: .73rem; }
.muhle-site-header__contact .page-width { align-items: center; display: flex; gap: 24px; min-height: 34px; }
.muhle-site-header__contact a { color: inherit; padding-left: 18px; position: relative; text-decoration: none; }
.muhle-site-header__contact a:first-child::before { content: '⌕'; font-size: 1.05rem; left: 0; position: absolute; transform: rotate(-35deg); }
.muhle-site-header__contact a:nth-child(2)::before { content: '✉'; left: 0; position: absolute; }
.muhle-site-header__contact span { margin-left: auto; }
.muhle-site-header__main { align-items: center; display: grid; grid-template-columns: 1fr auto 1fr; min-height: 96px; position: relative; }
.muhle-site-header__logo { grid-column: 2; justify-self: center; text-decoration: none; }
.muhle-site-header__logo img { display: block; height: 70px; object-fit: contain; width: auto; }
.muhle-site-header__logo strong { color: var(--muhle-ink); font-size: 1.2rem; letter-spacing: .18em; }
.muhle-site-header__actions { align-items: center; display: flex; gap: 2px; grid-column: 3; justify-self: end; }
.muhle-site-header__actions .header-actions__action,.muhle-site-header__actions .search-action,.muhle-header-action { align-items: center; color: var(--muhle-ink); display: inline-flex; height: 44px; justify-content: center; padding: 0; width: 44px; }
.muhle-header-action svg { height: 23px; width: 23px; }
.muhle-site-header__actions .svg-wrapper { width: 21px; }
.muhle-nav { border-top: 1px solid #f0f0ee; position: relative; }
.muhle-nav__list { align-items: center; display: flex; gap: clamp(22px,2.7vw,52px); justify-content: center; list-style: none; margin-block: 0; min-height: 54px; padding-block: 0; }
.muhle-nav__item { align-items: stretch; display: flex; height: 54px; }
.muhle-nav__link { align-items: center; color: var(--muhle-ink); display: flex; font-size: .76rem; font-weight: 650; letter-spacing: .045em; position: relative; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.muhle-nav__link::after { background: var(--muhle-brass); bottom: 0; content: ''; height: 2px; left: 50%; position: absolute; right: 50%; transition: left .2s ease,right .2s ease; }
.muhle-nav__item:hover > .muhle-nav__link,.muhle-nav__item:focus-within > .muhle-nav__link { color: var(--muhle-brass); }
.muhle-nav__item:hover > .muhle-nav__link::after,.muhle-nav__item:focus-within > .muhle-nav__link::after { left: 0; right: 0; }
.muhle-mega { background: #fff; border-top: 1px solid var(--muhle-rule); box-shadow: 0 18px 35px rgba(0,0,0,.11); left: 0; opacity: 0; padding: 30px 0 34px; pointer-events: none; position: absolute; right: 0; top: 100%; transform: translateY(-8px); transition: opacity .18s ease,transform .18s ease; visibility: hidden; }
.muhle-nav__item:hover > .muhle-mega,.muhle-nav__item:focus-within > .muhle-mega { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }
.muhle-mega__inner { display: grid; gap: 30px; grid-template-columns: minmax(190px,20%) 1fr; }
.muhle-mega__links { padding-right: 20px; }
.muhle-mega__links > p { color: var(--muhle-muted); font-size: .64rem; font-weight: 750; letter-spacing: .12em; margin: 0 0 12px; text-transform: uppercase; }
.muhle-mega__links ul { list-style: none; margin: 0; padding: 0; }
.muhle-mega__links li { border-bottom: 1px solid var(--muhle-rule); }
.muhle-mega__links a { color: var(--muhle-ink); display: flex; font-size: .82rem; justify-content: space-between; padding: 11px 2px; text-decoration: none; }
.muhle-mega__links a::after { color: var(--muhle-brass); content: '→'; opacity: 0; transform: translateX(-5px); transition: .2s ease; }
.muhle-mega__links a:hover { color: var(--muhle-brass); }
.muhle-mega__links a:hover::after { opacity: 1; transform: translateX(0); }
.muhle-mega__tiles { display: grid; gap: 14px; grid-template-columns: repeat(5,minmax(0,1fr)); }
.muhle-mega__tile { background: var(--muhle-surface); border: 1px solid transparent; color: var(--muhle-ink); display: block; overflow: hidden; text-decoration: none; transition: border-color .2s ease,transform .2s ease; }
.muhle-mega__tile:hover { border-color: #c9c9c4; transform: translateY(-2px); }
.muhle-mega__tile > span { aspect-ratio: 1 / .83; display: block; overflow: hidden; }
.muhle-mega__tile img { height: 100%; object-fit: cover; transition: transform .45s ease; width: 100%; }
.muhle-mega__tile:hover img { transform: scale(1.025); }
.muhle-mega__tile strong { background: #f0f0ed; display: block; font-size: .72rem; font-weight: 600; min-height: 40px; padding: 11px 8px; text-align: center; }
.muhle-mega--simple .muhle-mega__inner { grid-template-columns: minmax(220px,360px); justify-content: center; }
.muhle-mobile-menu { grid-column: 1; }
.muhle-mobile-menu > summary { cursor: pointer; display: grid; gap: 4px; list-style: none; padding: 12px 12px 12px 0; width: 42px; }
.muhle-mobile-menu > summary::-webkit-details-marker { display: none; }
.muhle-mobile-menu > summary span { background: var(--muhle-ink); display: block; height: 1px; width: 23px; }
.muhle-mobile-menu__panel { background: #fff; bottom: 0; box-shadow: 20px 0 40px rgba(0,0,0,.15); left: 0; max-width: 390px; overflow-y: auto; padding: 24px; position: fixed; top: 0; width: min(88vw,390px); z-index: 80; }
.muhle-mobile-menu__top { align-items: center; border-bottom: 1px solid var(--muhle-rule); display: flex; justify-content: space-between; padding-bottom: 18px; }
.muhle-mobile-menu__top span { font-size: 1.8rem; }
.muhle-mobile-menu__panel nav > a,.muhle-mobile-menu__panel nav > details > summary { border-bottom: 1px solid var(--muhle-rule); color: var(--muhle-ink); display: flex; font-size: .9rem; font-weight: 650; justify-content: space-between; list-style: none; padding: 17px 0; text-decoration: none; text-transform: uppercase; }
.muhle-mobile-menu__panel nav ul { list-style: none; margin: 0; padding: 4px 0 12px 12px; }
.muhle-mobile-menu__panel nav li a { color: var(--muhle-muted); display: block; padding: 8px 0; text-decoration: none; }
.muhle-mobile-menu__contact { display: grid; gap: 8px; margin-top: 30px; }
.muhle-mobile-menu__contact a { color: var(--muhle-ink); font-size: .82rem; text-decoration: none; }

/* Shared */
.muhle-eyebrow { color: var(--muhle-brass); font-size: .7rem; font-weight: 750; letter-spacing: .17em; margin: 0 0 14px; text-transform: uppercase; }
.muhle-heading { font-size: clamp(2rem, 3.1vw, 3.7rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.02; margin: 0; }
.muhle-copy { color: var(--muhle-muted); line-height: 1.7; }
.muhle-button { align-items: center; border: 1px solid var(--muhle-ink); color: var(--muhle-ink); display: inline-flex; font-size: .75rem; font-weight: 750; justify-content: center; letter-spacing: .09em; min-height: 48px; padding: 0 25px; text-decoration: none; text-transform: uppercase; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.muhle-button:hover { background: var(--muhle-ink); color: #fff; }
.muhle-button--light { border-color: #fff; color: #fff; }
.muhle-button--light:hover { background: #fff; color: var(--muhle-ink); }
.muhle-text-link { color: var(--muhle-ink); display: inline-flex; font-size: .76rem; font-weight: 750; gap: 8px; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.muhle-text-link::after { color: var(--muhle-brass); content: '→'; font-size: 1rem; line-height: .8; transition: transform .2s ease; }
.muhle-text-link:hover::after { transform: translateX(4px); }

/* Home hero */
.muhle-hero { background: #171717; color: #fff; overflow: hidden; }
.muhle-hero__slide { display: grid; min-height: clamp(580px, 67vw, 820px); position: relative; }
.muhle-hero__media, .muhle-hero__overlay, .muhle-hero__content { grid-area: 1 / 1; }
.muhle-hero__media { background: #232323; }
.muhle-hero__image { height: 100%; object-fit: cover; width: 100%; }
.muhle-hero__placeholder { background: linear-gradient(135deg,#262626,#0f0f0f); height: 100%; }
.muhle-hero__overlay { background: linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.30) 47%,rgba(0,0,0,.05) 78%); }
.muhle-hero__content { align-items: end; display: flex; padding-bottom: clamp(54px, 8vw, 124px); position: relative; z-index: 1; }
.muhle-hero__content-inner { max-width: 680px; }
.muhle-hero h1 { color: #fff; font-size: clamp(3rem, 5.5vw, 6.4rem); font-weight: 560; letter-spacing: -.055em; line-height: .94; margin: 0; }
.muhle-hero__text { font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.62; margin: 24px 0 32px; max-width: 520px; }
.muhle-hero__meta { align-items: center; bottom: 30px; display: flex; font-size: .66rem; gap: 12px; letter-spacing: .12em; position: absolute; right: max(32px, calc((100vw - min(1700px, calc(100vw - 64px))) / 2)); text-transform: uppercase; z-index: 2; }
.muhle-hero__meta::before { background: var(--muhle-brass); content: ''; height: 1px; width: 48px; }

/* Trust rail */
.muhle-trust { border-bottom: 1px solid var(--muhle-rule); }
.muhle-trust__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.muhle-trust__item { align-items: center; display: flex; gap: 13px; min-height: 82px; padding: 16px 25px; }
.muhle-trust__item + .muhle-trust__item { border-left: 1px solid var(--muhle-rule); }
.muhle-trust__icon { color: var(--muhle-brass); flex: 0 0 auto; width: 22px; }
.muhle-trust__title { font-size: .77rem; font-weight: 700; letter-spacing: .04em; margin: 0 0 3px; text-transform: uppercase; }
.muhle-trust__text { color: var(--muhle-muted); font-size: .75rem; margin: 0; }

/* Featured products */
.muhle-featured { margin-block: clamp(68px, 8vw, 128px); }
.muhle-featured__header { align-items: end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 32px; }
.muhle-featured__header-copy { max-width: 720px; }
.muhle-product-grid { display: grid; gap: 18px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.muhle-product-card { min-width: 0; }
.muhle-product-card__media { aspect-ratio: 1 / 1.12; background: var(--muhle-surface); display: block; overflow: hidden; position: relative; }
.muhle-product-card__image { height: 100%; object-fit: cover; transition: opacity .3s ease,transform .5s cubic-bezier(.2,.6,.2,1); width: 100%; }
.muhle-product-card__image--second { inset: 0; opacity: 0; position: absolute; }
.muhle-product-card__media:hover .muhle-product-card__image:first-child { transform: scale(1.025); }
.muhle-product-card__media:hover .muhle-product-card__image--second { opacity: 1; }
.muhle-product-card__badge { background: #667861; color: #fff; font-size: .62rem; font-weight: 700; left: 12px; letter-spacing: .07em; padding: 6px 8px; position: absolute; text-transform: uppercase; top: 12px; }
.muhle-product-card__badge--sale { background: var(--muhle-sale); }
.muhle-product-card__content { padding: 16px 2px 4px; }
.muhle-product-card__vendor { color: var(--muhle-muted); font-size: .63rem; letter-spacing: .1em; margin: 0 0 7px; text-transform: uppercase; }
.muhle-product-card h3 { font-size: .9rem; font-weight: 560; line-height: 1.4; margin: 0; }
.muhle-product-card h3 a { color: var(--muhle-ink); text-decoration: none; }
.muhle-product-card__price { align-items: baseline; display: flex; font-size: .9rem; font-weight: 650; gap: 8px; margin-top: 9px; }
.muhle-product-card__price span { color: var(--muhle-brass); }
.muhle-product-card__price .is-sale { color: var(--muhle-sale); }
.muhle-product-card__price s { color: #8d8d8d; font-size: .74rem; font-weight: 400; }

/* Collection discovery */
.muhle-collection-discovery { margin-block: clamp(70px, 9vw, 136px); }
.muhle-section-heading { align-items: end; display: flex; gap: 30px; justify-content: space-between; margin-bottom: 31px; }
.muhle-section-heading__copy { max-width: 720px; }
.muhle-section-heading p { color: var(--muhle-muted); margin: 14px 0 0; max-width: 580px; }
.muhle-collection-discovery__grid { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.muhle-collection-discovery__card { color: inherit; display: block; overflow: hidden; position: relative; text-decoration: none; }
.muhle-collection-discovery__media { aspect-ratio: 1.25 / 1; background: var(--muhle-surface); overflow: hidden; }
.muhle-collection-discovery__media img { height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.6,.2,1); width: 100%; }
.muhle-collection-discovery__card:hover img { transform: scale(1.035); }
.muhle-collection-discovery__shade { background: linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.01) 70%); inset: 0; position: absolute; }
.muhle-collection-discovery__content { bottom: 0; color: #fff; left: 0; padding: 28px; position: absolute; right: 0; }
.muhle-collection-discovery__content h3 { color: #fff; font-size: clamp(1.35rem,2vw,2.15rem); font-weight: 560; letter-spacing: -.025em; margin: 0; }
.muhle-collection-discovery__content span { display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .1em; margin-top: 9px; text-transform: uppercase; }

/* Editorial split */
.muhle-editorial { margin-block: clamp(72px,10vw,150px); }
.muhle-editorial__grid { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.muhle-editorial__card { background: #262626; color: #fff; display: grid; min-height: clamp(500px,52vw,760px); overflow: hidden; position: relative; text-decoration: none; }
.muhle-editorial__card:nth-child(2) { min-height: clamp(500px,52vw,760px); margin-top: 0; }
.muhle-editorial__media,.muhle-editorial__overlay,.muhle-editorial__content { grid-area: 1/1; }
.muhle-editorial__media img { height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.2,.6,.2,1); width: 100%; }
.muhle-editorial__card:hover img { transform: scale(1.035); }
.muhle-editorial__overlay { background: linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.02) 65%); }
.muhle-editorial__content { align-self: end; padding: clamp(28px,4vw,58px); position: relative; z-index: 1; }
.muhle-editorial__content h3 { color: #fff; font-size: clamp(2rem,3.3vw,4rem); font-weight: 560; letter-spacing: -.045em; line-height: 1; margin: 0; }
.muhle-editorial__content p { line-height: 1.6; margin: 15px 0 20px; max-width: 440px; }
.muhle-editorial__link { border-bottom: 1px solid var(--muhle-brass); color: #fff; font-size: .7rem; font-weight: 700; letter-spacing: .1em; padding-bottom: 5px; text-transform: uppercase; }

/* Craftsmanship */
.muhle-craftsmanship { background: var(--muhle-surface); margin-block: clamp(72px,10vw,150px); }
.muhle-craftsmanship__inner { display: grid; grid-template-columns: 1fr 1fr; min-height: 660px; }
.muhle-craftsmanship__media { min-height: 520px; overflow: hidden; }
.muhle-craftsmanship__media img { height: 100%; object-fit: cover; width: 100%; }
.muhle-craftsmanship__content { align-self: center; max-width: 690px; padding: clamp(45px,7vw,110px); }
.muhle-craftsmanship__content .rte { color: var(--muhle-muted); line-height: 1.8; margin-top: 26px; }
.muhle-craftsmanship__link { border-bottom: 1px solid var(--muhle-brass); color: var(--muhle-ink); display: inline-block; font-size: .72rem; font-weight: 750; letter-spacing: .09em; margin-top: 20px; padding-bottom: 5px; text-decoration: none; text-transform: uppercase; }

/* Journal */
.muhle-journal { margin-block: clamp(72px,9vw,136px); }
.muhle-journal__grid { display: grid; gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.muhle-journal__article { color: var(--muhle-ink); text-decoration: none; }
.muhle-journal__media { aspect-ratio: 1.45 / 1; background: var(--muhle-surface); overflow: hidden; }
.muhle-journal__media img { height: 100%; object-fit: cover; transition: transform .5s ease; width: 100%; }
.muhle-journal__article:hover img { transform: scale(1.025); }
.muhle-journal__date { color: var(--muhle-brass); font-size: .64rem; font-weight: 700; letter-spacing: .09em; margin: 17px 0 8px; text-transform: uppercase; }
.muhle-journal h3 { font-size: clamp(1.1rem,1.5vw,1.5rem); font-weight: 580; letter-spacing: -.02em; line-height: 1.25; margin: 0; }

/* Product page */
.muhle-product-information { border-block: 1px solid var(--muhle-rule); padding-block: 18px; }
.muhle-benefits { display: grid; gap: 9px; list-style: none; margin: 0 0 17px; padding: 0; }
.muhle-benefits li { color: var(--muhle-ink); display: flex; font-size: .86rem; gap: 10px; line-height: 1.45; }
.muhle-benefits li::before { color: var(--muhle-brass); content: '✓'; font-weight: 750; }
.muhle-shipping-note { background: var(--muhle-surface); border-left: 2px solid var(--muhle-brass); color: var(--muhle-ink); font-size: .84rem; line-height: 1.55; margin: 0; padding: 13px 15px; }
.muhle-personalization { background: var(--muhle-soft); border: 1px solid var(--muhle-rule); margin-top: 17px; padding: 17px; }
.muhle-personalization__title { font-size: .92rem; font-weight: 700; margin: 0 0 6px; }
.muhle-personalization__copy { color: var(--muhle-muted); font-size: .8rem; line-height: 1.55; margin: 0 0 12px; }
.muhle-personalization input[type='text'] { background: #fff; border: 1px solid var(--muhle-rule); border-radius: 2px; box-sizing: border-box; min-height: 46px; padding: 10px 12px; width: 100%; }
.muhle-personalization__ack { align-items: flex-start; display: flex; font-size: .78rem; gap: 8px; line-height: 1.45; margin-top: 12px; }
.muhle-product-accordions { margin-block: 54px 80px; max-width: 1100px; }
.muhle-product-accordions details { border-top: 1px solid var(--muhle-rule); }
.muhle-product-accordions details:last-child { border-bottom: 1px solid var(--muhle-rule); }
.muhle-product-accordions summary { cursor: pointer; font-weight: 650; list-style: none; padding: 19px 0; }
.muhle-product-accordions summary::-webkit-details-marker { display: none; }
.muhle-product-accordions summary::after { content: '+'; float: right; font-size: 1.25rem; font-weight: 400; }
.muhle-product-accordions details[open] summary::after { content: '−'; }
.muhle-product-accordions__content { color: var(--muhle-muted); line-height: 1.75; padding: 0 0 22px; }

/* Native Horizon refinements */
[data-testid='product-grid'] .product-card, .resource-list__item .product-card { --product-card-gap: 10px; }
.product-card__content { padding-top: 8px; }
.facets__form { border-block: 1px solid var(--muhle-rule); }
.main-collection-grid { margin-top: 10px; }
.cart-page__summary { background: var(--muhle-surface) !important; }
.cart-page__shipping { grid-column: 1 / -1; margin-bottom: 28px; }
.muhle-free-shipping { width: 100%; }
.muhle-free-shipping p { font-size: .8rem; letter-spacing: .01em; margin: 0 0 9px; }
.muhle-free-shipping__track { background: #e7e7e4; height: 3px; overflow: hidden; }
.muhle-free-shipping__track span { background: var(--muhle-brass); display: block; height: 100%; max-width: 100%; transition: width .3s ease; }
.muhle-free-shipping--drawer { padding: 0 var(--theme-drawer-padding) 18px; }
.shopify-section-group-footer-group { background: #242424; color: #fff; margin-top: 90px; }
.shopify-section-group-footer-group .footer, .shopify-section-group-footer-group .footer-utilities { --color-background: #242424; --color-foreground: #fff; background: #242424 !important; color: #fff; }
.shopify-section-group-footer-group a { color: inherit; }

/* Premium Turkish 404 */
.muhle-404 { background: var(--muhle-soft); border-bottom: 1px solid var(--muhle-rule); }
.muhle-404__inner { align-items: center; display: grid; grid-template-columns: .8fr 1.2fr; min-height: 620px; padding-block: 70px; }
.muhle-404__number { color: var(--muhle-brass); font-size: clamp(7rem,17vw,16rem); font-weight: 700; letter-spacing: -.09em; line-height: .8; }
.muhle-404__content { max-width: 620px; }
.muhle-404__content h1 { font-size: clamp(2.5rem,5vw,5.5rem); font-weight: 560; letter-spacing: -.055em; line-height: .95; margin: 0; }
.muhle-404__content p { color: var(--muhle-muted); font-size: 1rem; line-height: 1.7; margin: 23px 0 30px; max-width: 500px; }

@media (max-width: 989px) {
  :root { --muhle-page: calc(100vw - 36px); }
  .muhle-site-header__contact { display: none; }
  .muhle-site-header__main { min-height: 74px; }
  .muhle-site-header__logo img { height: 52px; }
  .muhle-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .muhle-collection-discovery__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .muhle-trust__grid { grid-template-columns: repeat(2,1fr); }
  .muhle-trust__item:nth-child(3) { border-left: 0; border-top: 1px solid var(--muhle-rule); }
  .muhle-trust__item:nth-child(4) { border-top: 1px solid var(--muhle-rule); }
}

@media (max-width: 749px) {
  :root { --muhle-page: calc(100vw - 28px); }
  .muhle-site-header__announcement { font-size: .65rem; min-height: 34px; }
  .muhle-site-header__main { min-height: 66px; }
  .muhle-site-header__logo img { height: 46px; }
  .muhle-site-header__actions { gap: 0; }
  .muhle-site-header__actions .header-actions__action,.muhle-site-header__actions .search-action,.muhle-header-action { height: 40px; width: 38px; }
  .muhle-hero__slide { min-height: 640px; }
  .muhle-hero__overlay { background: linear-gradient(0deg,rgba(0,0,0,.73),rgba(0,0,0,.08) 72%); }
  .muhle-hero__content { padding-bottom: 64px; }
  .muhle-hero h1 { font-size: 3rem; }
  .muhle-hero__meta { display: none; }
  .muhle-trust__item { min-height: 76px; padding: 14px 10px; }
  .muhle-trust__text { display: none; }
  .muhle-featured__header,.muhle-section-heading { align-items: flex-start; flex-direction: column; }
  .muhle-product-grid { gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .muhle-product-card__content { padding-top: 12px; }
  .muhle-product-card h3 { font-size: .82rem; }
  .muhle-collection-discovery__grid { gap: 10px; }
  .muhle-collection-discovery__media { aspect-ratio: .86/1; }
  .muhle-collection-discovery__content { padding: 17px; }
  .muhle-editorial__grid,.muhle-craftsmanship__inner,.muhle-404__inner { grid-template-columns: 1fr; }
  .muhle-editorial__card,.muhle-editorial__card:nth-child(2) { margin-top: 0; min-height: 530px; }
  .muhle-craftsmanship__inner { min-height: 0; }
  .muhle-craftsmanship__media { min-height: 420px; }
  .muhle-craftsmanship__content { padding: 42px 22px 50px; }
  .muhle-journal__grid { gap: 28px; grid-template-columns: 1fr; }
  .muhle-404__inner { min-height: 540px; }
  .muhle-404__number { font-size: 8rem; }
}

/* 2026-08 collection experience */
.muhle-collection-head { padding-block:38px 22px; }
.muhle-breadcrumbs { align-items:center; color:#858582; display:flex; flex-wrap:wrap; font-size:.78rem; gap:10px; }
.muhle-breadcrumbs a { color:inherit; text-decoration:none; }
.muhle-collection-head h1 { font-size:clamp(2.4rem,5vw,5.2rem); font-weight:400; letter-spacing:-.045em; margin:42px 0 10px; text-align:center; }
.main-collection-grid .product-card__content,.main-collection-grid product-card .product-card__content { align-items:center; text-align:center; }
.main-collection-grid .product-card__content > * { justify-content:center; text-align:center; width:100%; }
.main-collection-grid .product-card { text-align:center; }
.main-collection-grid .facets-vertical { gap:clamp(24px,4vw,65px); }
.facets-vertical .facets__form { border:0; }
.facets-vertical .facets__filters { min-width:250px; }
.facets-vertical .facets__summary { border-bottom:1px solid var(--muhle-rule); padding-block:15px; }
.pagination { margin-block:65px 20px; }
.pagination a,.pagination button,.pagination .pagination__item { border-radius:3px !important; }
.muhle-collection-seo { border-top:1px solid var(--muhle-rule); margin-top:35px; padding-block:28px 70px; }
.muhle-collection-seo details { margin:auto; max-width:1050px; }
.muhle-collection-seo summary { align-items:center; cursor:pointer; display:flex; font-size:1rem; justify-content:space-between; list-style:none; padding:16px 0; }
.muhle-collection-seo summary span { font-size:clamp(1.4rem,2.4vw,2.4rem); font-weight:450; }
.muhle-collection-seo summary b { border-bottom:1px solid var(--muhle-brass); font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.muhle-collection-seo details[open] summary b { font-size:0; }.muhle-collection-seo details[open] summary b::after { content:'Daha az göster'; font-size:.72rem; }
.muhle-collection-seo__content { color:var(--muhle-muted); line-height:1.75; padding-top:22px; }
.muhle-discover { align-items:stretch; display:grid; gap:38px; grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr); margin-block:40px 120px; overflow:hidden; }
.muhle-discover__intro { align-self:center; padding-right:20px; }.muhle-discover__intro h2 { font-size:clamp(2.4rem,4vw,4.6rem); font-weight:380; letter-spacing:-.05em; line-height:1.05; margin:0 0 22px; }.muhle-discover__intro > p:not(.muhle-eyebrow) { color:var(--muhle-muted); line-height:1.7; }
.muhle-discover__arrows { display:flex; gap:10px; margin-top:34px; }.muhle-discover__arrows button { background:#fff; border:1px solid #aaa; border-radius:3px; cursor:pointer; height:48px; width:48px; }
.muhle-discover__viewport { display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.muhle-discover__viewport::-webkit-scrollbar { display:none; }
.muhle-discover__card { color:var(--muhle-ink); flex:0 0 min(390px,78%); position:relative; scroll-snap-align:start; text-decoration:none; }.muhle-discover__card > span { aspect-ratio:1/1.15; background:#eee; display:block; overflow:hidden; }.muhle-discover__card img,.muhle-discover__card svg { height:100%; object-fit:cover; transition:transform .5s ease; width:100%; }.muhle-discover__card:hover img { transform:scale(1.025); }.muhle-discover__card strong { display:inline-block; font-size:1.15rem; font-weight:450; padding:18px 0; text-transform:uppercase; }.muhle-discover__card i { border:1px solid #aaa; border-radius:3px; font-style:normal; margin-left:12px; padding:5px 8px; }

/* Refined product gallery, service dialogs and legacy metafields */
.muhle-pdp-gallery__viewport .muhle-pdp-gallery__arrow { border:1px solid #888; border-radius:3px; opacity:0; pointer-events:none; top:50%; transition:opacity .2s ease,background .2s ease; }
.muhle-pdp-gallery__viewport:hover .muhle-pdp-gallery__arrow,.muhle-pdp-gallery__arrow:focus-visible { opacity:1; pointer-events:auto; }
.muhle-pdp-gallery__progress i { transition:transform .3s ease; will-change:transform; }
.muhle-shipping-message { align-items:center; background:#f3f2ef; border-left:3px solid var(--muhle-brass); display:flex; font-size:.82rem; gap:9px; margin-top:16px; padding:12px 14px; }.muhle-shipping-message span { color:var(--muhle-brass); }
.muhle-pdp-service-links > button { background:#fff; border:1px solid var(--muhle-rule); color:var(--muhle-ink); cursor:pointer; font:inherit; font-size:.78rem; min-height:58px; padding:12px; text-align:center; }
.muhle-pdp-service-links > button:hover { border-color:#777; }
.muhle-service-dialog,.muhle-newsletter-dialog { background:#fff; border:0; box-shadow:0 24px 80px rgba(0,0,0,.28); color:var(--muhle-ink); max-height:90vh; max-width:760px; overflow:auto; padding:clamp(30px,5vw,64px); width:min(760px,calc(100vw - 28px)); }
.muhle-service-dialog::backdrop,.muhle-newsletter-dialog::backdrop { background:rgba(20,20,20,.72); backdrop-filter:blur(2px); }
.muhle-service-dialog h2,.muhle-newsletter-dialog h2 { font-size:clamp(2rem,4vw,3.2rem); font-weight:420; margin:0 0 25px; }.muhle-service-dialog__close { background:transparent; border:0; cursor:pointer; font-size:2.3rem; line-height:1; position:absolute; right:22px; top:18px; }
.muhle-service-dialog__product { align-items:center; background:#f5f5f3; display:flex; gap:20px; margin-bottom:28px; padding:14px; }.muhle-service-dialog__product img { height:90px; object-fit:contain; width:90px; }.muhle-service-dialog__product div { display:grid; gap:6px; }
.muhle-question-form,.muhle-newsletter-form { display:grid; gap:15px; }.muhle-question-form label,.muhle-newsletter-form label { display:grid; font-size:.8rem; gap:7px; }.muhle-question-form input,.muhle-question-form textarea,.muhle-newsletter-form input { background:#fff; border:1px solid #aaa; border-radius:3px; font:inherit; padding:12px; width:100%; }.muhle-question-form button,.muhle-newsletter-form > button { background:#666; border:0; border-radius:3px; color:#fff; min-height:52px; padding:0 28px; }.muhle-form-success { background:#edf6eb; border-left:3px solid #5d8a63; padding:14px; }
.muhle-pdp-tabs .rte table { border-collapse:collapse; width:100%; }.muhle-pdp-tabs .rte td,.muhle-pdp-tabs .rte th { border:1px solid #c8c8c4; padding:12px; }.muhle-pdp-tabs .rte img { height:auto; max-width:100%; }
.muhle-search-card strong { font-size:.78rem; line-height:1.35; }.muhle-search-card small { font-size:.7rem; }.muhle-search-card b { font-size:.84rem; }

/* Official-inspired footer */
.muhle-footer__proof { background:#efefed; display:grid; grid-template-columns:repeat(3,1fr); padding:20px clamp(20px,6vw,100px); text-align:center; }.muhle-footer__proof span { font-size:.86rem; letter-spacing:.08em; text-transform:uppercase; }
.muhle-footer__callout { align-items:center; background:#6a6a69; color:#fff; display:grid; gap:45px; grid-template-columns:1fr auto; padding:clamp(55px,7vw,105px) clamp(25px,6vw,105px); }.muhle-footer__callout h2 { font-size:clamp(2rem,3.3vw,4rem); font-weight:350; letter-spacing:-.03em; line-height:1.12; margin:0; max-width:1200px; text-transform:uppercase; }.muhle-footer__callout p { font-size:clamp(1rem,1.7vw,1.5rem); font-weight:300; line-height:1.6; }.muhle-footer__callout button,.muhle-footer__cell button { background:transparent; border:1px solid currentColor; border-radius:3px; color:inherit; cursor:pointer; min-width:210px; padding:17px 24px; }
.muhle-footer__grid { display:grid; gap:70px 50px; grid-template-columns:repeat(3,1fr); padding-block:80px; }.muhle-footer__cell h3 { border-bottom:1px solid #888; font-size:.9rem; font-weight:550; letter-spacing:.07em; margin:0 0 24px; padding-bottom:13px; text-transform:uppercase; }.muhle-footer__cell ul { display:grid; gap:10px; list-style:none; margin:0; padding:0; }.muhle-footer__cell a,.muhle-footer__cell p { color:#666; font-size:.84rem; line-height:1.65; text-decoration:none; }.muhle-footer__cell button { color:#555; min-width:0; }
.muhle-footer__bottom { border-top:1px solid #bbb; display:grid; gap:14px; padding-block:30px 60px; }.muhle-footer__bottom p,.muhle-footer__bottom small { color:#777; font-size:.72rem; }.muhle-footer__bottom > button { background:none; border:0; cursor:pointer; justify-self:start; padding:0; text-decoration:underline; }.muhle-footer__payments { display:flex; flex-wrap:wrap; gap:8px; }.muhle-footer__payments svg { height:28px; width:auto; }
.muhle-newsletter-form > div { display:grid; gap:15px; grid-template-columns:1fr 1fr; }.muhle-newsletter-form__consent { align-items:start!important; display:flex!important; gap:10px!important; }.muhle-newsletter-form__consent input { margin-top:2px; width:auto; }

/* Stable drawer and AJAX cart */
#cart-drawer .theme-drawer__dialog { inset:0 0 0 auto; margin:0; max-height:100dvh; max-width:560px; width:min(560px,100vw); }
#cart-drawer .theme-drawer__header { display:none; }
.muhle-cart-drawer__header { align-items:center; border-bottom:1px solid var(--muhle-rule); display:flex; flex:0 0 auto; justify-content:space-between; min-height:76px; padding:0 30px; }.muhle-cart-drawer__header button { background:transparent; border:0; cursor:pointer; display:flex; font:inherit; gap:10px; }.muhle-cart-drawer__header strong { font-weight:550; }.muhle-cart-drawer__header em { align-items:center; background:#222; border-radius:50%; color:#fff; display:inline-flex; font-size:.7rem; font-style:normal; height:22px; justify-content:center; width:22px; }
#cart-drawer .cart-drawer__content,#cart-drawer .cart-drawer__items { min-width:0; }
#cart-drawer .cart-items__table-row { grid-template-columns:80px minmax(0,1fr)!important; }
#cart-drawer .cart-drawer__summary { width:100%; }
.muhle-cart__steps b { border-radius:3px; }
.muhle-cart.is-loading { opacity:.58; pointer-events:none; }
.muhle-cart-item__remove { background:transparent; border:0; cursor:pointer; }
.muhle-cart__note { display:grid; font-size:.8rem; font-weight:600; gap:10px; margin-top:35px; }.muhle-cart__note textarea { border:1px solid #ccc; border-radius:3px; font:inherit; padding:14px; }.muhle-cart__continue { color:var(--muhle-ink); display:inline-block; font-size:.82rem; margin-top:22px; }
.muhle-cart__discount { color:#c03628; }.muhle-cart__shipping-status { background:#edf6eb; border-left:3px solid #5d8a63; margin:0; padding:12px; }.muhle-cart__secure { color:#777; font-size:.75rem; text-align:center; }.muhle-cart__summary details { border-top:1px solid #ddd; font-size:.78rem; padding-top:12px; }.muhle-cart__summary summary { cursor:pointer; font-weight:600; }.muhle-cart__summary details p { text-align:left; }

@media (max-width:989px) {
  .muhle-discover { grid-template-columns:1fr; }.muhle-discover__intro { max-width:620px; }.muhle-footer__callout { grid-template-columns:1fr; }.muhle-footer__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:749px) {
  .muhle-collection-head { padding-block:24px 10px; }.muhle-collection-head h1 { margin-top:28px; }.muhle-discover { margin-bottom:75px; }.muhle-discover__card { flex:0 0 82%; }.muhle-footer__proof { grid-template-columns:1fr; gap:12px; }.muhle-footer__callout { padding-block:55px; }.muhle-footer__grid { gap:45px; grid-template-columns:1fr; padding-block:55px; }.muhle-newsletter-form > div { grid-template-columns:1fr; }
  .muhle-pdp-gallery__viewport .muhle-pdp-gallery__arrow { opacity:1; pointer-events:auto; }.muhle-service-dialog,.muhle-newsletter-dialog { padding:48px 22px 28px; }
  .muhle-cart-drawer__header { padding:0 18px; }.muhle-cart-item__price { align-self:center; }.muhle-cart__summary { margin-inline:-14px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Header polish and MÜHLE search */
.muhle-site-header__contact a { align-items:center; display:inline-flex; gap:7px; padding-left:0; }
.muhle-site-header__contact a::before { content:none !important; }
.muhle-site-header__contact a svg { flex:0 0 16px; height:16px; width:16px; }
.muhle-site-header__actions .muhle-search-trigger { background:transparent; border:0; cursor:pointer; }
.muhle-site-header__actions .muhle-search-trigger svg { height:25px; width:25px; }
.muhle-site-header__actions .header-actions__action,.muhle-site-header__actions .search-action,.muhle-header-action { box-sizing:border-box; }
.muhle-site-header__actions .svg-wrapper { height:24px; width:24px; }
.muhle-site-header__actions .svg-wrapper svg { height:24px; width:24px; }
.muhle-mega__inner,.muhle-mega__tiles { align-items:start; }
.muhle-mega__tile { align-self:start; background:#fff; }
.muhle-mega__tile > span { background:#eee; }
.muhle-mega__tile strong { min-height:0; }

.muhle-search-overlay { background:transparent; border:0; height:100%; margin:0; max-height:none; max-width:none; padding:clamp(18px,4vw,70px); width:100%; }
.muhle-search-overlay::backdrop { background:rgba(22,22,22,.82); backdrop-filter:blur(3px); }
.muhle-search-overlay__panel { background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.28); margin:0 auto; max-width:1680px; min-height:620px; padding:42px 58px 54px; position:relative; }
.muhle-search-overlay__close { background:transparent; border:0; color:#777; cursor:pointer; font-size:3rem; font-weight:200; line-height:1; padding:4px; position:absolute; right:40px; top:32px; }
.muhle-search-overlay__form { align-items:center; border-bottom:1px solid #888; display:flex; gap:18px; margin-right:70px; }
.muhle-search-overlay__form svg { flex:0 0 28px; height:28px; width:28px; }
.muhle-search-overlay__form input { border:0; box-shadow:none; font-size:1.2rem; height:62px; outline:0; width:100%; }
.muhle-search-overlay__body { display:grid; gap:42px; grid-template-columns:200px 1fr; margin-top:36px; }
.muhle-search-overlay h3 { font-size:1rem; font-weight:650; margin:0 0 20px; }
.muhle-search-overlay__popular { display:grid; gap:13px; }
.muhle-search-overlay__popular a { color:var(--muhle-ink); font-size:.88rem; text-decoration:none; text-transform:lowercase; }
.muhle-search-overlay__products { display:grid; gap:18px; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:auto; }
.muhle-search-card { border:1px solid var(--muhle-rule); color:var(--muhle-ink); display:grid; grid-template-rows:auto auto auto auto; min-width:190px; padding-bottom:20px; text-decoration:none; }
.muhle-search-card > span { align-items:center; aspect-ratio:1/1; background:#fafafa; display:flex; justify-content:center; overflow:hidden; }
.muhle-search-card img { height:100%; object-fit:contain; width:100%; }
.muhle-search-card strong,.muhle-search-card small,.muhle-search-card b { margin:0 20px; }
.muhle-search-card strong { font-size:.9rem; font-weight:550; margin-top:18px; }
.muhle-search-card small { color:var(--muhle-muted); min-height:24px; }
.muhle-search-card b { font-size:1rem; font-weight:500; margin-top:20px; }

/* Product detail */
.muhle-pdp { padding-bottom:clamp(70px,8vw,130px); padding-top:24px; }
.muhle-pdp__breadcrumbs { align-items:center; color:#8a8a86; display:flex; flex-wrap:wrap; font-size:.78rem; gap:10px; margin:20px 0 34px; }
.muhle-pdp__breadcrumbs a { color:inherit; text-decoration:none; }
.muhle-pdp__grid { align-items:start; display:grid; gap:clamp(42px,6vw,105px); grid-template-columns:minmax(0,1.17fr) minmax(390px,.83fr); }
.muhle-pdp-gallery { min-width:0; }
.muhle-pdp-gallery__viewport { background:#f7f7f5; overflow:hidden; position:relative; }
.muhle-pdp-gallery__track { display:flex; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.muhle-pdp-gallery__track::-webkit-scrollbar { display:none; }
.muhle-pdp-gallery__slide { align-items:center; aspect-ratio:1/1.06; display:flex; flex:0 0 100%; justify-content:center; margin:0; scroll-snap-align:start; }
.muhle-pdp-gallery__slide img,.muhle-pdp-gallery__slide video,.muhle-pdp-gallery__slide iframe,.muhle-pdp-gallery__slide model-viewer { height:100%; object-fit:contain; width:100%; }
.muhle-pdp-gallery__arrow { background:rgba(255,255,255,.84); border:1px solid #d6d6d2; border-radius:50%; color:#555; cursor:pointer; font-size:2rem; height:52px; line-height:1; position:absolute; top:50%; transform:translateY(-50%); width:52px; z-index:2; }
.muhle-pdp-gallery__arrow--prev { left:18px; }.muhle-pdp-gallery__arrow--next { right:18px; }
.muhle-pdp-gallery__footer { align-items:center; display:flex; font-size:.75rem; gap:18px; margin-top:20px; }
.muhle-pdp-gallery__footer b { font-weight:600; }
.muhle-pdp-gallery__progress { background:#e5e5e2; flex:1; height:3px; overflow:hidden; }
.muhle-pdp-gallery__progress i { background:#686865; display:block; height:100%; transition:width .25s ease; }
.muhle-pdp-gallery__thumbs { display:flex; gap:10px; margin-top:16px; overflow:auto; padding-bottom:4px; }
.muhle-pdp-gallery__thumb { background:#f7f7f5; border:1px solid transparent; flex:0 0 76px; height:76px; padding:0; }
.muhle-pdp-gallery__thumb.is-active { border-color:var(--muhle-brass); }
.muhle-pdp-gallery__thumb img { height:100%; object-fit:contain; width:100%; }
.muhle-pdp-info { padding-top:20px; position:sticky; top:22px; }
.muhle-pdp-info__eyebrow,.muhle-eyebrow { color:var(--muhle-brass); font-size:.68rem; font-weight:750; letter-spacing:.12em; margin:0 0 10px; text-transform:uppercase; }
.muhle-pdp-info h1 { font-size:clamp(2rem,3vw,3.45rem); font-weight:400; letter-spacing:.01em; line-height:1.08; margin:0; text-transform:uppercase; }
.muhle-pdp-info__sku { color:var(--muhle-muted); font-size:.83rem; margin:12px 0 28px; }
.muhle-pdp-options { display:grid; gap:9px; margin:0 0 24px; }
.muhle-pdp-options label { font-size:.8rem; font-weight:650; margin-top:5px; }
.muhle-pdp-options select { background:#fff; border:1px solid #9e9e99; border-radius:0; color:var(--muhle-ink); font:inherit; height:52px; padding:0 15px; width:100%; }
.muhle-pdp-info__price { color:var(--muhle-brass); font-size:clamp(2rem,3vw,3rem); font-weight:550; letter-spacing:-.02em; }
.muhle-pdp-info__compare { color:var(--muhle-muted); text-decoration:line-through; }
.muhle-pdp-info__installment { border-bottom:1px solid var(--muhle-rule); color:#444; font-size:.88rem; margin:0 0 25px; padding:3px 0 18px; }
.muhle-pdp-benefits { display:grid; gap:8px; list-style:none; margin:0 0 24px; padding:0; }
.muhle-pdp-benefits li { align-items:flex-start; display:flex; font-size:.92rem; gap:9px; }
.muhle-pdp-benefits li::before { color:var(--muhle-brass); content:'•'; font-size:1.2rem; line-height:1; }
.muhle-pdp-benefits .metafield-rich_text_field > * { margin:0; }
.muhle-pdp-info__availability { align-items:center; color:#4e765a; display:flex; font-size:.82rem; gap:9px; }
.muhle-pdp-info__availability span { background:#45b97c; border-radius:50%; height:9px; width:9px; }.muhle-pdp-info__availability b { font-weight:500; }
.muhle-pdp-info__availability.is-unavailable { color:#815b2e; }.muhle-pdp-info__availability.is-unavailable span { background:#c8a116; }
.muhle-pdp-personalization { background:var(--muhle-soft); border:1px solid var(--muhle-rule); margin:20px 0; padding:16px; }
.muhle-pdp-personalization label { font-weight:650; }.muhle-pdp-personalization p { color:var(--muhle-muted); font-size:.8rem; }.muhle-pdp-personalization input { background:#fff; border:1px solid #aaa; height:48px; padding:0 12px; width:100%; }
.muhle-pdp-form__actions { display:grid; gap:9px; grid-template-columns:112px 1fr 56px; margin-top:22px; }
.muhle-pdp-quantity { border:1px solid #888; display:grid; grid-template-columns:32px 1fr 32px; height:56px; }
.muhle-pdp-quantity button,.muhle-pdp-quantity input { background:#fff; border:0; font:inherit; padding:0; text-align:center; width:100%; }
.muhle-pdp-quantity input { -moz-appearance:textfield; }.muhle-pdp-quantity input::-webkit-inner-spin-button { display:none; }
.muhle-pdp-add { background:#6d6d6b; border:1px solid #6d6d6b; color:#fff; cursor:pointer; font-size:1rem; height:56px; text-transform:uppercase; }.muhle-pdp-add:hover { background:var(--muhle-brass); border-color:var(--muhle-brass); }.muhle-pdp-add:disabled { background:#aaa; cursor:not-allowed; }
.muhle-pdp-wishlist { background:#fff; border:1px solid var(--muhle-brass); color:var(--muhle-brass); cursor:pointer; font-size:1.8rem; height:56px; }
.muhle-pdp-service-links { display:grid; gap:8px; grid-template-columns:repeat(3,1fr); margin-top:38px; }
.muhle-pdp-service-links details,.muhle-pdp-service-links > a { border:1px solid var(--muhle-rule); color:var(--muhle-ink); font-size:.75rem; min-height:48px; padding:14px 10px; text-align:center; text-decoration:none; }
.muhle-pdp-service-links details { position:relative; }.muhle-pdp-service-links summary { cursor:pointer; list-style:none; }.muhle-pdp-service-links details p { background:#fff; border:1px solid var(--muhle-rule); box-shadow:0 8px 25px rgba(0,0,0,.1); left:0; min-width:260px; padding:15px; position:absolute; text-align:left; top:48px; z-index:5; }
.muhle-pdp-tabs { margin-top:clamp(60px,7vw,110px); }
.muhle-pdp-tabs details,.muhle-pdp-faq details { border-top:1px solid #b9b9b4; }.muhle-pdp-tabs details:last-child,.muhle-pdp-faq details:last-child { border-bottom:1px solid #b9b9b4; }
.muhle-pdp-tabs summary,.muhle-pdp-faq summary { cursor:pointer; font-size:clamp(1.15rem,2vw,2rem); font-weight:350; list-style:none; padding:25px 66px 25px 2px; position:relative; }
.muhle-pdp-tabs summary::after,.muhle-pdp-faq summary::after { align-items:center; border:1px solid #888; border-radius:50%; content:'+'; display:flex; font-size:1.5rem; height:44px; justify-content:center; position:absolute; right:0; top:50%; transform:translateY(-50%); width:44px; }
.muhle-pdp-tabs details[open] summary::after,.muhle-pdp-faq details[open] summary::after { content:'−'; }
.muhle-pdp-tabs details > .rte,.muhle-pdp-faq details > .rte { color:var(--muhle-muted); line-height:1.75; max-width:1100px; padding:0 0 32px; }
.muhle-related { display:block; margin-block:0 clamp(85px,10vw,150px); }
.muhle-related__grid { display:grid; gap:18px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.muhle-pdp-story { background:#f6f6f4; }
.muhle-pdp-story__row { align-items:stretch; display:grid; grid-template-columns:1fr 1fr; padding-block:0; }
.muhle-pdp-story__row--reverse .muhle-pdp-story__media { order:2; }.muhle-pdp-story__row--reverse .muhle-pdp-story__content { order:1; }
.muhle-pdp-story__media { background:#eee; min-height:620px; }.muhle-pdp-story__media img { height:100%; object-fit:cover; width:100%; }.muhle-pdp-story__placeholder { align-items:center; display:flex; font-size:4rem; height:100%; justify-content:center; letter-spacing:.2em; }
.muhle-pdp-story__content { align-self:center; padding:clamp(42px,6vw,100px); }.muhle-pdp-story__content h2 { font-size:clamp(2rem,3vw,3.5rem); font-weight:450; line-height:1.05; margin:0 0 26px; }.muhle-pdp-story__content .rte { color:#555; line-height:1.75; }.muhle-text-link { border-bottom:1px solid var(--muhle-brass); color:var(--muhle-ink); display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.08em; margin-top:16px; padding-bottom:5px; text-decoration:none; text-transform:uppercase; }
.muhle-pdp-faq { margin-block:clamp(85px,10vw,150px); }.muhle-pdp-faq__grid { margin-left:auto; max-width:1200px; }.muhle-pdp-faq summary { font-size:1.1rem; font-weight:550; }

/* Rich footer */
.shopify-section-group-footer-group { margin-top:0; }
.muhle-footer { background:#f3f3f1; color:#222; }
.muhle-footer__trust { border-bottom:1px solid #d9d9d5; display:grid; grid-template-columns:repeat(4,1fr); padding-block:26px; }
.muhle-footer__trust > div { border-right:1px solid #d9d9d5; display:grid; gap:3px; padding:0 28px; }.muhle-footer__trust > div:first-child { padding-left:0; }.muhle-footer__trust > div:last-child { border:0; }.muhle-footer__trust strong { font-size:.78rem; letter-spacing:.07em; text-transform:uppercase; }.muhle-footer__trust span { color:#777; font-size:.72rem; }
.muhle-footer__main { display:grid; gap:clamp(25px,4vw,65px); grid-template-columns:1.5fr repeat(4,1fr); padding-block:70px; }
.muhle-footer h3 { font-size:1rem; font-weight:550; margin:0 0 22px; }.muhle-footer__contact { display:flex; flex-direction:column; gap:10px; }.muhle-footer__contact p { color:#666; line-height:1.65; margin:0 0 8px; }.muhle-footer__contact a,.muhle-footer__contact button,.muhle-footer__menu a { background:none; border:0; color:#777; cursor:pointer; font:inherit; font-size:.82rem; padding:0; text-align:left; text-decoration:none; }.muhle-footer__contact button { margin-top:10px; text-decoration:underline; }
.muhle-footer__social { display:flex; gap:9px; margin-top:8px; }.muhle-footer__social a { align-items:center; border:1px solid #aaa; border-radius:50%; display:flex; height:32px; justify-content:center; width:32px; }
.muhle-footer__menu ul { display:grid; gap:12px; list-style:none; margin:0; padding:0; }.muhle-footer__menu a:hover { color:var(--muhle-brass); }
.muhle-footer__newsletter { align-items:center; border-top:1px solid #d9d9d5; display:grid; gap:50px; grid-template-columns:1fr 1fr; padding-block:38px; }.muhle-footer__newsletter h2 { font-size:1.35rem; font-weight:500; margin:0; }.muhle-footer__newsletter-form { display:grid; grid-template-columns:1fr auto; }.muhle-footer__newsletter-form input { background:#fff; border:1px solid #aaa; height:52px; padding:0 15px; }.muhle-footer__newsletter-form button { background:#6c6c6a; border:0; color:#fff; padding:0 28px; }
.muhle-footer__legal { background:#202020; color:#fff; }.muhle-footer__legal-grid { align-items:center; display:grid; gap:50px; grid-template-columns:1.6fr 1fr .45fr; padding-block:42px; }.muhle-footer__legal p { font-size:.75rem; }.muhle-footer__legal small { color:#ccc; font-size:.68rem; line-height:1.65; }.muhle-footer__payments strong { display:block; font-size:.72rem; letter-spacing:.08em; margin-bottom:14px; text-transform:uppercase; }.muhle-footer__payments div { display:flex; flex-wrap:wrap; gap:8px; }.muhle-footer__payments svg { background:#fff; border-radius:4px; height:32px; padding:4px; width:auto; }.muhle-footer__etbis img { max-width:145px; }

/* Cart drawer and cart page */
#cart-drawer .theme-drawer__dialog { max-width:680px; width:min(680px,100vw); }
#cart-drawer .theme-drawer__header { border-bottom:1px solid var(--muhle-rule); min-height:88px; padding:0 34px; }
#cart-drawer .theme-drawer__title { font-size:1.2rem; font-weight:450; }
#cart-drawer .muhle-free-shipping--drawer { background:#edf6eb; margin:18px 34px; padding:14px 16px; }
#cart-drawer .cart-drawer__items { padding-inline:34px; }
#cart-drawer .cart-drawer__summary { mask-image:none; padding:28px 34px 36px; }
#cart-drawer .cart-items__table-row { border-color:#9d9d98; }
#cart-drawer .cart__checkout-button,#cart-drawer .muhle-cart-drawer__view-cart { align-items:center; border-radius:0; display:flex; font-size:1rem; height:58px; justify-content:center; text-decoration:none; text-transform:none; }
#cart-drawer .muhle-cart-drawer__view-cart { background:#70706e; border:1px solid #70706e; color:#fff; }
#cart-drawer .cart__checkout-button { background:var(--muhle-brass); border-color:var(--muhle-brass); color:#fff; }
.muhle-cart { margin-block:clamp(45px,6vw,95px); }
.muhle-cart__steps { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; margin:0 auto 70px; max-width:820px; padding:0; }.muhle-cart__steps li { align-items:center; color:#999; display:flex; flex-direction:column; gap:9px; position:relative; }.muhle-cart__steps li:not(:last-child)::after { background:#ccc; content:''; height:1px; left:58%; position:absolute; top:21px; width:84%; }.muhle-cart__steps b { align-items:center; border:1px solid #bbb; border-radius:50%; display:flex; height:44px; justify-content:center; width:44px; }.muhle-cart__steps .is-active { color:var(--muhle-brass); }.muhle-cart__steps .is-active b { background:var(--muhle-brass); border-color:var(--muhle-brass); color:#fff; }
.muhle-cart__layout { align-items:start; display:grid; gap:55px; grid-template-columns:minmax(0,1.7fr) minmax(350px,.75fr); }.muhle-cart__heading { align-items:end; border-bottom:1px solid #999; display:flex; justify-content:space-between; padding-bottom:20px; }.muhle-cart__heading h1 { font-size:2rem; font-weight:400; margin:0; text-transform:uppercase; }.muhle-cart__heading span { color:#777; font-size:.8rem; }
.muhle-cart-item { align-items:center; border-bottom:1px solid #aaa; display:grid; gap:20px; grid-template-columns:76px minmax(170px,1fr) 120px 110px 30px; padding:28px 0; }.muhle-cart-item__image { background:#f7f7f5; height:76px; }.muhle-cart-item__image img { height:100%; object-fit:contain; width:100%; }.muhle-cart-item__info { display:grid; gap:4px; }.muhle-cart-item__info > a { color:var(--muhle-ink); font-weight:550; text-decoration:none; }.muhle-cart-item__info small { color:#777; }.muhle-cart-item__quantity { border:1px solid #999; display:grid; grid-template-columns:32px 1fr 32px; height:48px; }.muhle-cart-item__quantity input,.muhle-cart-item__quantity button { background:#fff; border:0; padding:0; text-align:center; width:100%; }.muhle-cart-item__price { display:grid; text-align:right; }.muhle-cart-item__remove { color:#777; font-size:1.5rem; text-decoration:none; }.muhle-cart__update { background:#fff; border:1px solid #888; margin-top:18px; padding:12px 22px; }
.muhle-cart__summary { background:#f6f6f4; display:grid; gap:16px; padding:38px; position:sticky; top:25px; }.muhle-cart__summary h2 { font-size:1.35rem; font-weight:500; margin:0 0 12px; }.muhle-cart__summary > div { display:flex; justify-content:space-between; }.muhle-cart__summary hr { border:0; border-top:1px solid #aaa; margin:8px 0; width:100%; }.muhle-cart__summary p { color:#777; font-size:.72rem; text-align:center; }.muhle-cart__summary > a { color:#444; font-size:.8rem; text-align:center; }.muhle-cart__checkout,.muhle-button { background:#6e6e6c; border:0; color:#fff; display:block; font-size:1rem; padding:17px 25px; text-align:center; text-decoration:none; }.muhle-cart__payment-icons { display:flex !important; flex-wrap:wrap; gap:7px; justify-content:center !important; }.muhle-cart__payment-icons svg { background:#fff; height:29px; width:auto; }.muhle-cart__extras { margin-top:90px; }.muhle-cart__empty { padding:80px 20px; text-align:center; }.muhle-cart__empty .muhle-button { margin:25px auto 0; max-width:260px; }

@media (max-width: 989px) {
  .muhle-search-overlay__panel { padding:35px 28px; }.muhle-search-overlay__body { grid-template-columns:1fr; }.muhle-search-overlay__popular { display:flex; flex-wrap:wrap; }.muhle-search-overlay__products { grid-template-columns:repeat(5,210px); }
  .muhle-pdp__grid { grid-template-columns:1fr; }.muhle-pdp-info { position:static; }.muhle-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.muhle-pdp-story__row { grid-template-columns:1fr; }.muhle-pdp-story__row--reverse .muhle-pdp-story__media,.muhle-pdp-story__row--reverse .muhle-pdp-story__content { order:initial; }.muhle-pdp-story__media { min-height:480px; }
  .muhle-footer__main { grid-template-columns:repeat(2,1fr); }.muhle-footer__contact { grid-column:1/-1; }.muhle-footer__legal-grid { grid-template-columns:1fr 1fr; }.muhle-footer__etbis { display:none; }
  .muhle-cart__layout { grid-template-columns:1fr; }.muhle-cart__summary { position:static; }
}
@media (max-width: 749px) {
  .muhle-search-overlay { padding:0; }.muhle-search-overlay__panel { min-height:100%; padding:24px 18px; }.muhle-search-overlay__close { font-size:2.3rem; right:14px; top:17px; }.muhle-search-overlay__form { margin-right:42px; }.muhle-search-overlay__form input { font-size:.95rem; }.muhle-search-overlay__body { margin-top:26px; }.muhle-search-overlay__products { grid-template-columns:repeat(5,165px); }
  .muhle-pdp { padding-top:0; }.muhle-pdp__breadcrumbs { margin:14px 0 20px; }.muhle-pdp__grid { gap:28px; }.muhle-pdp-gallery { margin-inline:-14px; }.muhle-pdp-gallery__footer,.muhle-pdp-gallery__thumbs { margin-inline:14px; }.muhle-pdp-gallery__arrow { height:42px; width:42px; }.muhle-pdp-info { padding-top:0; }.muhle-pdp-info h1 { font-size:2rem; }.muhle-pdp-form__actions { grid-template-columns:100px 1fr 52px; }.muhle-pdp-service-links { grid-template-columns:1fr; }.muhle-pdp-tabs summary { font-size:1.15rem; }.muhle-pdp-story__media { min-height:370px; }.muhle-pdp-story__content { padding:38px 20px 50px; }.muhle-related__grid { gap:12px; }.muhle-pdp-faq__grid { margin-left:0; }
  .muhle-footer__trust { grid-template-columns:repeat(2,1fr); }.muhle-footer__trust > div { border-bottom:1px solid #d9d9d5; padding:16px; }.muhle-footer__trust > div:nth-child(2) { border-right:0; }.muhle-footer__trust > div:nth-child(3) { border-bottom:0; padding-left:16px; }.muhle-footer__trust > div:nth-child(4) { border-bottom:0; }.muhle-footer__main { grid-template-columns:1fr; padding-block:48px; }.muhle-footer__contact { grid-column:auto; }.muhle-footer__newsletter { gap:24px; grid-template-columns:1fr; }.muhle-footer__legal-grid { grid-template-columns:1fr; }.muhle-footer__newsletter-form button { padding:0 18px; }
  #cart-drawer .theme-drawer__header { padding:0 20px; }#cart-drawer .muhle-free-shipping--drawer { margin:14px 20px; }#cart-drawer .cart-drawer__items { padding-inline:20px; }#cart-drawer .cart-drawer__summary { padding:24px 20px; }
  .muhle-cart__steps { margin-bottom:44px; }.muhle-cart__heading h1 { font-size:1.5rem; }.muhle-cart-item { align-items:start; grid-template-columns:70px 1fr 26px; }.muhle-cart-item__info { grid-column:2; }.muhle-cart-item__quantity { grid-column:2; width:112px; }.muhle-cart-item__price { grid-column:3; grid-row:2/4; }.muhle-cart-item__remove { grid-column:3; grid-row:1; }.muhle-cart__summary { padding:26px 20px; }
}

/* Final specificity layer */
.muhle-pdp-gallery__viewport .muhle-pdp-gallery__arrow { border:1px solid #888; border-radius:3px; opacity:0; pointer-events:none; top:50%; transition:opacity .2s ease,background .2s ease; }
.muhle-pdp-gallery__viewport:hover .muhle-pdp-gallery__arrow,.muhle-pdp-gallery__arrow:focus-visible { opacity:1; pointer-events:auto; }
.muhle-pdp-gallery__progress i { transition:transform .3s ease; }
.muhle-search-card strong { font-size:.78rem; line-height:1.35; }.muhle-search-card small { font-size:.7rem; }.muhle-search-card b { font-size:.84rem; }
#cart-drawer .theme-drawer__dialog { inset:0 0 0 auto; margin:0; max-height:100dvh; max-width:560px; width:min(560px,100vw); }
#cart-drawer .theme-drawer__header { display:none; }
.muhle-cart__steps b { border-radius:3px; }
@media(max-width:749px){.muhle-pdp-gallery__viewport .muhle-pdp-gallery__arrow{opacity:1;pointer-events:auto}}

/* Final 2026 overrides: intentionally last */
.muhle-site-header { background:var(--muhle-header-bg,#fff); color:var(--muhle-header-color,#171717); }
.muhle-site-header__logo img { width:min(var(--muhle-logo-width,100px),100%); }
.muhle-pdp-form__actions { grid-template-columns:120px 1fr; }
.muhle-pdp-tabs summary::after,.muhle-pdp-faq summary::after { border:0; border-radius:3px; height:auto; width:auto; }
.muhle-pdp-description,.muhle-pdp-tabs { max-width:1180px; margin:72px auto 0; }
.muhle-cart { width:min(calc(100% - 48px),1820px); margin:0 auto; padding:56px 0 96px; }
.muhle-cart__layout { grid-template-columns:minmax(0,1fr) minmax(360px,460px); gap:70px; }
.muhle-cart__heading { display:grid; grid-template-columns:1fr 180px 180px; }
.muhle-cart__heading span { grid-column:3; }
.muhle-cart__columns { display:grid; grid-template-columns:1fr 180px 180px; }
.muhle-cart-item { grid-template-columns:130px minmax(0,1fr) 180px 180px; }
.muhle-cart-item__remove { font-size:inherit; }
.muhle-cart__summary { display:block; top:96px; padding:36px 40px; }
.muhle-cart__summary > div:not(.muhle-cart__payment-icons) { padding:16px 0; border-bottom:1px solid #ddd; }
.muhle-footer { background:var(--footer-bg); color:var(--footer-color); }
.muhle-footer__proof { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; }
.muhle-footer__callout { display:grid; grid-template-columns:1fr auto; background:var(--footer-callout-bg); color:var(--footer-callout-color); }
.muhle-footer__grid { display:grid; grid-template-columns:1.2fr repeat(4,1fr); gap:50px; padding-block:var(--footer-pad); }
.muhle-footer__social a { border-radius:3px; }
@media(max-width:989px){.muhle-cart__layout{grid-template-columns:1fr}.muhle-cart__summary{position:static}.muhle-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:749px){.muhle-pdp-form__actions{grid-template-columns:108px 1fr}.muhle-cart{width:min(calc(100% - 28px),1820px);padding-top:32px}.muhle-cart__columns{display:none}.muhle-cart__heading{grid-template-columns:1fr auto}.muhle-cart__heading span{grid-column:2}.muhle-cart-item{grid-template-columns:82px minmax(0,1fr) auto}.muhle-footer__proof,.muhle-footer__callout,.muhle-footer__grid{grid-template-columns:1fr}}

/* Theme-editor driven MÜHLE sections */
.muhle-hero { color:var(--hero-color,#fff); height:var(--hero-height,520px) !important; min-height:0 !important; }
.muhle-hero__slide { height:100% !important; min-height:0 !important; }
.muhle-hero__media { height:100%; min-height:0; overflow:hidden; }
.muhle-hero__image { height:100% !important; max-height:none; object-fit:cover; }
.muhle-hero__overlay { opacity:var(--hero-overlay,.35); }
.muhle-hero__content-inner { max-width:var(--hero-content-width,620px); }
.muhle-trust { background:var(--trust-bg,#fff); color:var(--trust-color,#171717); padding-block:var(--trust-padding,22px); }
.muhle-trust__icon { color:var(--trust-accent,var(--muhle-brass)); }
.muhle-featured,.muhle-collection-discovery,.muhle-editorial,.muhle-journal { background:var(--section-bg,#fff); color:var(--section-color,#171717); margin-block:0; padding-block:var(--section-pad,80px); }
.muhle-featured .muhle-product-grid { grid-template-columns:repeat(var(--section-columns,4),minmax(0,1fr)); }
.muhle-collection-discovery__media { aspect-ratio:auto; height:var(--card-height,440px); }
.muhle-editorial__card,.muhle-editorial__card:nth-child(2) { min-height:var(--editorial-height,580px); }
.muhle-craftsmanship { background:var(--section-bg,#f4f4f2); color:var(--section-color,#171717); margin-block:0; padding-block:var(--section-pad,0); }
.muhle-craftsmanship__inner { min-height:var(--craft-image-height,620px); }
.muhle-craftsmanship__media { min-height:var(--craft-image-height,620px); }
.muhle-product-accordions { background:var(--section-bg,#fff); color:var(--section-color,#666); padding-block:var(--section-pad,64px); }

.muhle-seo-stories { background:var(--seo-bg,#fff); color:var(--seo-color,#171717); padding-block:var(--seo-pad,80px); }
.muhle-seo-stories__intro { color:var(--seo-muted,#666); font-family:"Open Sans",sans-serif; line-height:1.7; margin-top:18px; max-width:760px; }
.muhle-seo-stories__grid { display:grid; gap:clamp(34px,5vw,84px); grid-template-columns:repeat(2,minmax(0,1fr)); }
.muhle-seo-story { min-width:0; }
.muhle-seo-story__media { aspect-ratio:var(--seo-ratio,1.65)/1; background:#f5f5f3; margin-bottom:28px; overflow:hidden; }
.muhle-seo-story__media img { height:100%; object-fit:cover; width:100%; }
.muhle-seo-story h3 { font-size:clamp(1.45rem,2vw,2.1rem); font-weight:520; line-height:1.2; margin:0 0 20px; }
.muhle-seo-story .rte { color:var(--seo-muted,#666); font-family:"Open Sans",sans-serif; font-size:16px; font-weight:400; line-height:1.7; }
.muhle-seo-story .rte p { margin:0 0 18px; }
.muhle-seo-story__link { border-bottom:1px solid var(--muhle-brass); color:inherit; display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.08em; margin-top:8px; padding-bottom:5px; text-decoration:none; text-transform:uppercase; }

@media(max-width:989px){
  .muhle-featured .muhle-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:749px){
  .muhle-hero { height:var(--hero-mobile-height,480px) !important; min-height:0 !important; }
  .muhle-hero__slide { height:100% !important; min-height:0 !important; }
  .muhle-collection-discovery__media { height:min(var(--card-height,440px),360px); }
  .muhle-editorial__card,.muhle-editorial__card:nth-child(2) { min-height:min(var(--editorial-height,580px),520px); margin-top:0; }
  .muhle-craftsmanship__inner { min-height:0; }
  .muhle-craftsmanship__media { min-height:min(var(--craft-image-height,620px),460px); }
  .muhle-seo-stories__grid { grid-template-columns:1fr; }
  .muhle-mobile-menu__panel { bottom:0; left:0; max-width:none; right:0; top:var(--muhle-menu-top,92px); width:100%; }
}

/* Repair V4 — resilient typography, header, PDP and catalogue geometry */
:root {
  --font-body--family: "Open Sans", Arial, Helvetica, sans-serif;
  --font-subheading--family: "Open Sans", Arial, Helvetica, sans-serif;
  --font-heading--family: "Open Sans", Arial, Helvetica, sans-serif;
  --font-accent--family: "Open Sans", Arial, Helvetica, sans-serif;
  --font-paragraph--family: "Open Sans", Arial, Helvetica, sans-serif;
}
html, body, button, input, select, textarea, summary { font-family:var(--font-body--family,"Open Sans",Arial,Helvetica,sans-serif); }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-heading--family,var(--font-body--family,"Open Sans",Arial,Helvetica,sans-serif)); }

#header-group { min-height:0; position:relative; z-index:70; }
.muhle-site-header { background:var(--muhle-header-bg,#fff); color:var(--muhle-header-color,#171717); position:sticky !important; top:0; width:100%; z-index:70; }
.muhle-site-header__announcement { font-size:var(--muhle-announcement-font-size,12px); min-height:var(--muhle-announcement-height,38px); }
.muhle-site-header__contact .page-width { min-height:var(--muhle-contact-height,34px); }
.muhle-site-header__main { min-height:var(--muhle-header-main-height,96px); }
.muhle-nav__list { min-height:var(--muhle-nav-height,62px); }
.muhle-nav__link { font-size:var(--muhle-nav-font-size,14px); }
.muhle-header-condensed #header-group { position:sticky; top:0; }
.muhle-header-condensed .muhle-site-header { position:relative !important; }

.muhle-pdp-info h1 { font-size:clamp(30px,3vw,var(--muhle-pdp-title-size,44px)); font-family:var(--font-heading--family,var(--font-body--family)); }
.muhle-pdp-info__sku { margin-bottom:0; }
.muhle-pdp-rating { gap:10px; margin-top:var(--muhle-pdp-rating-space,20px); text-decoration:none; }
.muhle-pdp-rating > span { font-size:1rem; letter-spacing:.1em; }
.muhle-pdp-rating b { color:var(--muhle-pdp-text,#011624); font-size:.88rem; }
.muhle-pdp-rating small { color:var(--muhle-muted,#666); font-size:.78rem; }
.muhle-pdp-price-row { flex-wrap:wrap; margin:18px 0 3px; }
.muhle-pdp-info__price { font-size:clamp(28px,2.8vw,var(--muhle-pdp-price-size,42px)); }
.muhle-pdp-info__compare.is-hidden,.muhle-pdp-info__discount.is-hidden { display:none; }
.muhle-pdp-info__discount { background:#f2ead2; border-radius:3px; color:#6b5815; font-size:.72rem; font-weight:650; padding:4px 8px; }
.muhle-pdp-info__installment { border-bottom:1px solid var(--muhle-rule,#dedede); font-size:.88rem; line-height:1.55; margin:0 0 24px; padding:0 0 14px; }
.muhle-pdp-info__installment strong { font-weight:500; }
.muhle-pdp-info__installment b { font-weight:700; }
.muhle-pdp-benefits > div { font-size:.92rem; }
.muhle-pdp-tabs { margin:72px auto 0; max-width:var(--muhle-pdp-content-width,1180px); width:100%; }
.muhle-pdp-tabs summary { font-family:var(--font-heading--family,var(--font-body--family)); font-size:20px; font-weight:500; }
.muhle-pdp-tabs details[open] > .rte { padding-bottom:36px; }
.muhle-pdp-story { box-sizing:border-box; width:100%; }
.muhle-pdp-story__row + .muhle-pdp-story__row { margin-top:32px; }
.muhle-pdp-story__content { box-sizing:border-box; }
.muhle-pdp-faq { box-sizing:border-box; }
.muhle-pdp-faq__grid { margin-left:auto; margin-right:auto; width:100%; }
.muhle-pdp-faq .muhle-section-heading { margin-inline:auto; max-width:var(--muhle-pdp-content-width,1180px); }
.muhle-pdp-assurance { box-sizing:border-box; }

.muhle-collection-head { box-sizing:border-box; padding-block:var(--muhle-head-space-top,40px) var(--muhle-head-space-bottom,28px); }
.muhle-collection-head .muhle-breadcrumbs { font-size:var(--muhle-head-breadcrumb-size,13px); }
.muhle-collection-head h1 { font-size:clamp(28px,4vw,var(--muhle-head-size,42px)) !important; font-weight:var(--muhle-head-weight,400); margin-top:var(--muhle-head-title-gap,34px); }
.product-grid-container { --page-width:min(var(--muhle-collection-max-width,1640px),calc(100vw - 64px)); }
.product-grid-container .collection-wrapper { margin-inline:auto; max-width:var(--muhle-collection-max-width,1640px); width:100%; }
.product-grid-container .facets-block-wrapper--vertical { min-width:var(--muhle-filter-width,280px); }
.product-grid-container .main-collection-grid { min-width:0; }
.product-grid-container .product-card { box-sizing:border-box; padding:1px; }
.product-grid-container .product-card:hover { border-color:var(--muhle-card-border-color,#d7d7d2) !important; }
.product-grid-container .card-gallery,.product-grid-container .card-gallery .media { background:var(--muhle-card-image-background,#fff) !important; }
.product-grid-container .product-card__content { align-items:center; padding:10px 8px 4px; text-align:center; }
.product-grid-container .product-card__content :is(a,span,div) { text-align:center; }
.muhle-collection-seo { box-sizing:border-box; padding-block:var(--muhle-seo-padding-top,48px) var(--muhle-seo-padding-bottom,72px); }
.muhle-collection-seo details { max-width:var(--muhle-seo-width,1080px); }
.muhle-collection-seo summary { color:var(--muhle-seo-color,#666); gap:30px; padding:10px 0; }
.muhle-collection-seo summary > span { font-family:var(--font-heading--family,var(--font-body--family)); font-size:var(--muhle-seo-title-size,30px); font-weight:500; }
.muhle-collection-seo summary b,.muhle-collection-seo details[open] summary b::after { flex:0 0 auto; font-size:var(--muhle-seo-button-size,12px); }
.muhle-collection-seo__preview,.muhle-collection-seo__content { color:var(--muhle-seo-color,#666); font-size:var(--muhle-seo-text-size,16px); line-height:1.7; }
.muhle-collection-seo__preview { -webkit-line-clamp:var(--muhle-seo-lines,3); margin-top:20px; }

@media(max-width:989px){
  .product-grid-container { --page-width:calc(100vw - 36px); }
  .product-grid-container .facets-block-wrapper--vertical { min-width:0; }
  .muhle-pdp-story__row { width:min(calc(100% - 32px),var(--muhle-pdp-max-width,1600px)) !important; }
}
@media(max-width:749px){
  .muhle-site-header__announcement { min-height:34px; }
  .muhle-site-header__main { min-height:66px; }
  .product-grid-container { --page-width:calc(100vw - 28px); }
  .muhle-pdp-info h1 { font-size:min(var(--muhle-pdp-title-size,44px),32px); }
  .muhle-pdp-info__price { font-size:min(var(--muhle-pdp-price-size,42px),34px); }
  .muhle-pdp-tabs { margin-top:48px; }
  .muhle-pdp-story__row { width:100% !important; }
  .muhle-pdp-story__content { padding:36px 20px 46px !important; }
  .muhle-pdp-faq { padding:32px 18px !important; width:calc(100% - 28px) !important; }
  .muhle-collection-seo summary { align-items:flex-start; flex-direction:column; gap:10px; }
}

/* V7 — unified editor controls for MÜHLE cards, hero and cart. */
.muhle-product-card,
.product-card {
  background: var(--muhle-card-bg, #fff) !important;
  border: var(--muhle-card-border-width, 0) solid var(--muhle-card-border-color, #dedede) !important;
  border-radius: var(--muhle-card-radius, 3px) !important;
  box-shadow: var(--muhle-card-shadow, none);
  color: var(--muhle-card-text, #171717);
  overflow: hidden;
  transform: translateY(0);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.muhle-product-card:hover,
.product-card:hover {
  border-color: var(--muhle-card-border-color, #dedede) !important;
  transform: translateY(var(--muhle-card-hover-lift, 0));
}

.muhle-product-card__media,
.product-card .card-gallery,
.product-card .card-gallery slideshow-component,
.product-card .card-gallery .media,
.product-grid .card-gallery,
.product-grid .card-gallery slideshow-component {
  aspect-ratio: var(--muhle-card-image-ratio, 1 / 1) !important;
  background: var(--muhle-card-image-bg, #fff) !important;
}

.muhle-product-card__media img,
.product-card .card-gallery img,
.product-grid .card-gallery img {
  object-fit: var(--muhle-card-image-fit, contain) !important;
  object-position: center;
}

.muhle-product-card__content,
.product-card__content {
  align-items: var(--muhle-card-align, center) !important;
  color: var(--muhle-card-text, #171717);
  gap: var(--muhle-card-content-gap, 7px) !important;
  padding: var(--muhle-card-content-padding, 14px) !important;
  text-align: var(--muhle-card-align, center) !important;
}

.product-card__content :is(a, span, div, p),
.muhle-product-card__content :is(a, span, div, p) {
  text-align: inherit;
}

.muhle-product-card__vendor {
  color: var(--muhle-card-muted, #777);
  display: var(--muhle-card-vendor-display, block);
  font-size: var(--muhle-card-vendor-size, 11px);
  margin: 0;
}

.muhle-product-card h3 {
  display: -webkit-box;
  font-size: var(--muhle-card-title-size, 15px);
  font-weight: var(--muhle-card-title-weight, 600);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--muhle-card-title-lines, 2);
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
}

.muhle-product-card h3 a {
  color: var(--muhle-card-text, #171717);
}

.muhle-product-card__price {
  font-size: var(--muhle-card-price-size, 15px);
  font-weight: var(--muhle-card-price-weight, 600);
  justify-content: var(--muhle-card-align, center);
  margin: 0;
}

.muhle-product-card__price span {
  color: var(--muhle-card-price, #b59a22);
}

.muhle-product-card__price .is-sale {
  color: var(--muhle-card-sale, #9e0000);
}

.muhle-product-card__badge,
.product-badges {
  display: var(--muhle-card-badges-display, flex) !important;
}

.muhle-product-card__button {
  align-items: center;
  align-self: stretch;
  border: 1px solid var(--muhle-card-border-color, #dedede);
  color: var(--muhle-card-text, #171717);
  display: flex;
  font-size: .8rem;
  justify-content: center;
  margin-top: 5px;
  min-height: 42px;
  padding: 8px 12px;
  text-decoration: none;
}

.muhle-featured {
  background: var(--section-bg, #fff);
  color: var(--section-color, #171717);
  margin: 0;
  max-width: none;
  padding-block: var(--section-pad-top, 80px) var(--section-pad-bottom, 80px);
  width: 100%;
}

.muhle-featured__inner {
  margin-inline: auto;
  width: min(calc(100% - 64px), var(--muhle-page, 1700px));
}

.muhle-featured--full .muhle-featured__inner {
  width: 100%;
  padding-inline: 32px;
}

.muhle-featured--custom .muhle-featured__inner {
  width: min(calc(100% - 64px), var(--section-max-width, 1700px));
}

.muhle-featured__header {
  margin-bottom: var(--section-header-gap, 32px);
  text-align: var(--section-heading-align, left);
}

.muhle-featured__header-copy {
  max-width: none;
}

.muhle-featured__header .muhle-heading {
  color: inherit;
  font-size: clamp(24px, 4vw, var(--section-heading-size, 48px));
}

.muhle-featured__header .muhle-eyebrow {
  font-size: var(--section-eyebrow-size, 12px);
}

.muhle-featured .muhle-product-grid {
  column-gap: var(--section-column-gap, 24px);
  grid-template-columns: repeat(var(--section-columns, 4), minmax(0, 1fr));
  row-gap: var(--section-row-gap, 56px);
}

.muhle-hero {
  border-radius: var(--hero-radius, 0) !important;
  color: var(--hero-color, #fff);
  height: auto !important;
  margin-inline: auto;
  max-width: none;
  overflow: hidden;
  width: 100%;
}

.muhle-hero--page {
  width: min(calc(100% - 64px), var(--muhle-page, 1700px));
}

.muhle-hero--custom {
  width: min(calc(100% - 64px), var(--hero-custom-width, 1700px));
}

.muhle-hero--height-fixed {
  height: var(--hero-height, 580px) !important;
}

.muhle-hero--height-screen {
  height: max(520px, calc(100svh - var(--header-group-height, 0px))) !important;
}

.muhle-hero__slide {
  display: grid;
  height: 100% !important;
  min-height: 0 !important;
}

.muhle-hero--height-adaptive .muhle-hero__slide,
.muhle-hero--height-adaptive .muhle-hero__media {
  height: auto !important;
}

.muhle-hero--height-adaptive .muhle-hero__image {
  height: auto !important;
  min-height: 360px;
}

.muhle-hero__media {
  background: var(--hero-media-bg, #171717);
  height: 100%;
}

.muhle-hero__image,
.muhle-hero__placeholder,
.muhle-hero__placeholder svg {
  display: block;
  height: 100% !important;
  max-height: none;
  object-fit: var(--hero-image-fit, cover) !important;
  object-position: var(--hero-image-position, center center);
  width: 100%;
}

.muhle-hero__overlay {
  background: var(--hero-overlay-color, #000);
  opacity: var(--hero-overlay, .35);
}

.muhle-hero__content {
  align-items: var(--hero-content-vertical, end);
  display: flex;
  justify-content: flex-start;
  padding: var(--hero-content-pad-y, 72px) var(--hero-content-pad-x, 64px);
  width: 100%;
}

.muhle-hero--content-center .muhle-hero__content {
  justify-content: center;
}

.muhle-hero--content-right .muhle-hero__content {
  justify-content: flex-end;
}

.muhle-hero__content-inner {
  max-width: var(--hero-content-width, 620px);
  text-align: var(--hero-text-align, left);
}

.muhle-hero h1 {
  color: inherit;
  font-size: clamp(30px, 6vw, var(--hero-heading-size, 72px));
}

.muhle-hero__text,
.muhle-hero__text p {
  font-size: var(--hero-text-size, 18px);
}

.muhle-hero__text p {
  margin: 0;
}

.muhle-button--hero {
  background: var(--hero-button-bg, #fff);
  color: var(--hero-button-color, #171717);
  display: inline-flex;
  margin-top: 26px;
}

.muhle-cart {
  background: var(--cart-page-bg, #fff);
  box-sizing: border-box;
  color: var(--cart-text, #171717);
  font-size: var(--cart-body-size, 15px);
  font-weight: var(--cart-body-weight, 400);
  margin: 0 auto;
  max-width: var(--cart-max-width, 1640px);
  padding: var(--cart-page-pad-top, 56px) 24px var(--cart-page-pad-bottom, 96px);
  width: 100%;
}

.muhle-cart__layout {
  align-items: start;
  display: grid;
  gap: var(--cart-layout-gap, 60px);
  grid-template-columns: minmax(0, 1fr) minmax(320px, var(--cart-summary-width, 430px));
}

.muhle-cart__items {
  background: var(--cart-items-bg, #fff);
  min-width: 0;
}

.muhle-cart__heading,
.muhle-cart__columns {
  display: grid;
  gap: var(--cart-item-gap, 24px);
  grid-template-columns: minmax(0, 1fr) 150px 150px;
}

.muhle-cart__heading {
  border-bottom: var(--cart-border-width, 1px) solid var(--cart-border, #d7d7d2);
  padding-bottom: 20px;
}

.muhle-cart__heading h1 {
  color: var(--cart-heading, #171717);
  font-size: var(--cart-heading-size, 36px);
  font-style: var(--cart-heading-style, normal);
  font-weight: var(--cart-heading-weight, 400);
  line-height: 1.15;
  margin: 0;
}

.muhle-cart__heading span {
  color: var(--cart-muted, #777);
  grid-column: 3;
  text-align: right;
}

.muhle-cart__columns {
  border-bottom: var(--cart-border-width, 1px) solid var(--cart-border, #d7d7d2);
  color: var(--cart-muted, #777);
  font-size: .78em;
  font-weight: 700;
  padding: 20px 0 14px;
  text-transform: uppercase;
}

.muhle-cart-item {
  align-items: center;
  border-bottom: var(--cart-border-width, 1px) solid var(--cart-border, #d7d7d2);
  display: grid;
  gap: var(--cart-item-gap, 24px);
  grid-template-columns: var(--cart-image-size, 150px) minmax(180px, 1fr) 150px 150px;
  padding: var(--cart-item-pad, 28px) 0;
}

.muhle-cart-item__image {
  aspect-ratio: 1;
  background: var(--cart-image-bg, #fff);
  border-radius: var(--cart-radius, 3px);
  height: var(--cart-image-size, 150px);
  width: var(--cart-image-size, 150px);
}

.muhle-cart-item__info > a {
  color: var(--cart-heading, #171717);
  font-size: var(--cart-product-size, 18px);
  font-weight: var(--cart-product-weight, 600);
}

.muhle-cart-item__info small {
  color: var(--cart-muted, #777);
  font-size: var(--cart-meta-size, 13px);
}

.muhle-cart-item__unit,
.muhle-cart-item__price {
  color: var(--cart-price, #171717);
  font-size: var(--cart-price-size, 16px);
  font-weight: var(--cart-price-weight, 600);
}

.muhle-cart-item__price {
  text-align: right;
}

.muhle-cart-item__quantity {
  border-color: var(--cart-border, #d7d7d2);
  border-radius: var(--cart-radius, 3px);
}

.muhle-cart-item__remove,
.muhle-cart__continue {
  color: var(--cart-muted, #777);
}

.muhle-cart__note textarea {
  background: var(--cart-items-bg, #fff);
  border-color: var(--cart-border, #d7d7d2);
  border-radius: var(--cart-radius, 3px);
  color: var(--cart-text, #171717);
  min-height: 110px;
}

.muhle-cart__summary {
  background: var(--cart-summary-bg, #f7f7f5);
  border-radius: var(--cart-radius, 3px);
  color: var(--cart-text, #171717);
  display: block;
  padding: var(--cart-summary-pad, 36px);
  position: static;
}

.muhle-cart--sticky-summary .muhle-cart__summary {
  position: sticky;
  top: 96px;
}

.muhle-cart__summary h2 {
  border-bottom: var(--cart-border-width, 1px) solid var(--cart-border, #d7d7d2);
  color: var(--cart-heading, #171717);
  font-size: var(--cart-summary-title-size, 26px);
  font-weight: var(--cart-heading-weight, 400);
  margin: 0;
  padding-bottom: 18px;
}

.muhle-cart__summary > div:not(.muhle-cart__payment-icons):not(.muhle-cart__summary-html) {
  border-bottom: var(--cart-border-width, 1px) solid var(--cart-border, #d7d7d2);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 16px 0;
}

.muhle-cart__summary hr {
  border-color: var(--cart-border, #d7d7d2);
}

.muhle-cart__total {
  color: var(--cart-price, #171717);
  font-size: var(--cart-total-size, 21px);
  font-weight: var(--cart-price-weight, 600);
}

.muhle-cart__shipping-status {
  border-left-color: var(--cart-accent, #b59a22);
}

.muhle-cart__checkout {
  background: var(--cart-button-bg, #171717);
  border-radius: var(--cart-radius, 3px);
  color: var(--cart-button-color, #fff);
  font-size: var(--cart-button-size, 16px);
}

.muhle-cart__custom-html,
.muhle-cart__summary-html {
  color: inherit;
  margin-block: 20px;
}

@media (max-width: 1199px) {
  .muhle-cart__layout {
    grid-template-columns: 1fr;
  }

  .muhle-cart--sticky-summary .muhle-cart__summary {
    position: static;
  }
}

@media (max-width: 749px) {
  .muhle-featured__inner,
  .muhle-featured--custom .muhle-featured__inner {
    width: min(calc(100% - 28px), var(--section-max-width, 1700px));
  }

  .muhle-featured--full .muhle-featured__inner {
    padding-inline: 14px;
    width: 100%;
  }

  .muhle-featured__header {
    align-items: flex-start;
  }

  .muhle-featured .muhle-product-grid {
    grid-template-columns: repeat(var(--section-columns-mobile, 2), minmax(0, 1fr));
  }

  .muhle-hero--page,
  .muhle-hero--custom {
    width: calc(100% - 28px);
  }

  .muhle-hero--height-fixed {
    height: var(--hero-mobile-height, 520px) !important;
  }

  .muhle-hero__image,
  .muhle-hero__placeholder,
  .muhle-hero__placeholder svg {
    object-position: var(--hero-image-position-mobile, center center);
  }

  .muhle-hero__content {
    padding: min(var(--hero-content-pad-y, 72px), 48px) min(var(--hero-content-pad-x, 64px), 24px);
  }

  .muhle-hero h1 {
    font-size: var(--hero-heading-size-mobile, 42px);
  }

  .muhle-hero__meta {
    bottom: 16px;
    right: 20px;
  }

  .muhle-cart {
    padding-inline: 14px;
  }

  .muhle-cart__steps {
    margin-bottom: 36px;
  }

  .muhle-cart__heading {
    grid-template-columns: 1fr auto;
  }

  .muhle-cart__heading span {
    grid-column: 2;
  }

  .muhle-cart__columns {
    display: none;
  }

  .muhle-cart-item {
    align-items: start;
    grid-template-columns: min(30vw, var(--cart-image-size, 150px)) minmax(0, 1fr);
  }

  .muhle-cart-item__image {
    height: min(30vw, var(--cart-image-size, 150px));
    width: min(30vw, var(--cart-image-size, 150px));
  }

  .muhle-cart-item__info {
    grid-column: 2;
  }

  .muhle-cart-item__unit {
    display: none;
  }

  .muhle-cart-item__price {
    grid-column: 2;
    text-align: left;
  }

  .muhle-cart-item__mobile-unit {
    display: flex;
    gap: 8px;
    justify-content: space-between;
  }

  .muhle-cart__summary {
    padding: min(var(--cart-summary-pad, 36px), 24px);
  }
}

.muhle-404 {
  background: var(--muhle-404-bg, #f7f7f5);
  color: var(--muhle-404-color, #171717);
  padding-block: var(--muhle-404-pad-top, 80px) var(--muhle-404-pad-bottom, 100px);
}

.muhle-404__inner {
  align-items: center;
  display: grid;
  gap: clamp(32px, 7vw, 110px);
  grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr);
  margin-inline: auto;
  max-width: var(--muhle-404-width, 1500px);
  padding-inline: 24px;
  text-align: var(--muhle-404-align, left);
}

.muhle-404__number {
  color: var(--muhle-404-accent, #b59a22);
  font-size: clamp(80px, 16vw, var(--muhle-404-number-size, 200px));
  font-weight: 700;
  line-height: .8;
}

.muhle-404__content h1 {
  color: inherit;
  font-size: clamp(26px, 5vw, var(--muhle-404-title-size, 48px));
}

.muhle-404__content .rte {
  font-size: var(--muhle-404-text-size, 17px);
}

.muhle-related {
  background: var(--related-bg, #fff);
  color: var(--related-color, #171717);
  display: block;
  margin-inline: auto;
  max-width: var(--related-width, 1600px);
  padding: var(--related-pad-top, 72px) 24px var(--related-pad-bottom, 80px);
}

.muhle-related .muhle-section-heading h2 {
  font-size: var(--related-title-size, 38px);
}

.muhle-related__grid {
  gap: var(--related-gap, 24px);
  grid-template-columns: repeat(var(--related-columns, 4), minmax(0, 1fr));
}

.muhle-product-reviews {
  background: var(--reviews-bg, #fff);
  color: var(--reviews-color, #171717);
  font-size: var(--reviews-body-size, 15px);
  margin-inline: auto;
  max-width: var(--reviews-width, 1280px);
  padding: var(--reviews-pad-top, 64px) 24px var(--reviews-pad-bottom, 80px);
  text-align: var(--reviews-align, left);
}

.muhle-product-reviews h2 {
  color: inherit;
  font-size: var(--reviews-heading-size, 36px);
}

.muhle-product-accordions {
  background: var(--accordion-bg, #fff);
  color: var(--accordion-color, #666);
  margin-inline: auto;
  max-width: var(--accordion-width, 1180px);
  padding: var(--accordion-pad-top, 64px) 24px var(--accordion-pad-bottom, 64px);
}

.muhle-product-accordions details {
  border-color: var(--accordion-border, #d8d8d5);
}

.muhle-product-accordions summary {
  color: var(--accordion-heading, #171717);
  font-size: var(--accordion-title-size, 20px);
  padding-block: var(--accordion-row-pad, 22px);
}

.muhle-product-accordions__content {
  font-size: var(--accordion-body-size, 16px);
}

.muhle-trust {
  padding-block: var(--trust-padding-top, 22px) var(--trust-padding-bottom, 22px);
}

.muhle-trust__grid {
  display: grid;
  gap: var(--trust-gap, 24px);
  grid-template-columns: repeat(var(--trust-columns, 4), minmax(0, 1fr));
  margin-inline: auto;
  max-width: var(--trust-width, 1700px);
  padding-inline: 24px;
}

.muhle-trust__item {
  border-color: var(--trust-border, #dedede);
  border-right-width: var(--trust-divider-width, 1px);
  text-align: var(--trust-align, left);
}

.muhle-trust__item:last-child {
  border-right-width: 0;
}

.muhle-trust__icon {
  height: var(--trust-icon-size, 22px);
  width: var(--trust-icon-size, 22px);
}

.muhle-trust__title {
  font-size: var(--trust-title-size, 14px);
}

.muhle-trust__text {
  color: var(--trust-muted, #6d6d6d);
  font-size: var(--trust-text-size, 13px);
}

.muhle-discover {
  background: var(--discover-bg, #fff);
  color: var(--discover-color, #171717);
  display: grid;
  gap: clamp(30px, 5vw, 80px);
  grid-template-columns: minmax(240px, .6fr) minmax(0, 1.4fr);
  margin-inline: auto;
  max-width: var(--discover-width, 1700px);
  padding: var(--discover-pad-top, 80px) 24px var(--discover-pad-bottom, 80px);
}

.muhle-discover__intro h2 {
  font-size: var(--discover-title-size, 44px);
}

.muhle-discover__intro .rte {
  color: var(--discover-muted, #6d6d6d);
}

.muhle-discover__viewport {
  gap: var(--discover-gap, 22px);
}

.muhle-discover__card {
  flex: 0 0 var(--discover-card-width, 340px);
}

.muhle-discover__card > span {
  height: var(--discover-card-height, 420px);
}

.muhle-discover__card img {
  object-fit: var(--discover-image-fit, cover);
}

.muhle-discover__card strong {
  font-size: var(--discover-card-title-size, 18px);
}

.muhle-journal {
  background: var(--section-bg, #fff);
  color: var(--section-color, #171717);
  margin-inline: auto;
  max-width: var(--journal-width, 1700px);
  padding: var(--journal-pad-top, 80px) 24px var(--journal-pad-bottom, 80px);
}

.muhle-journal .muhle-heading {
  font-size: var(--journal-heading-size, 44px);
}

.muhle-journal__grid {
  gap: var(--journal-gap, 24px);
  grid-template-columns: repeat(var(--journal-columns, 3), minmax(0, 1fr));
}

.muhle-journal__article {
  text-align: var(--journal-align, left);
}

.muhle-journal__media {
  aspect-ratio: var(--journal-image-ratio, 4 / 3);
}

.muhle-journal__media img {
  object-fit: var(--journal-image-fit, cover);
}

.muhle-journal__date {
  color: var(--journal-muted, #6d6d6d);
}

.muhle-journal__article h3 {
  font-size: var(--journal-card-title-size, 20px);
}

@media (max-width: 749px) {
  .muhle-404__inner,
  .muhle-discover {
    grid-template-columns: 1fr;
  }

  .muhle-related__grid {
    grid-template-columns: repeat(var(--related-columns-mobile, 2), minmax(0, 1fr));
  }

  .muhle-trust__grid {
    grid-template-columns: repeat(var(--trust-columns-mobile, 2), minmax(0, 1fr));
  }

  .muhle-trust__item {
    border-right-width: 0;
  }

  .muhle-journal__grid {
    grid-template-columns: repeat(var(--journal-columns-mobile, 1), minmax(0, 1fr));
  }
}

.muhle-collection-discovery {
  background: var(--section-bg, #fff);
  color: var(--section-color, #171717);
  margin-inline: auto;
  max-width: var(--collection-width, 1700px);
  padding: var(--section-pad-top, 80px) 24px var(--section-pad-bottom, 80px);
}

.muhle-collection-discovery .muhle-section-heading p:not(.muhle-eyebrow) {
  color: var(--collection-muted, #6d6d6d);
}

.muhle-collection-discovery .muhle-heading {
  font-size: var(--collection-heading-size, 44px);
}

.muhle-collection-discovery__grid {
  gap: var(--collection-gap, 20px);
  grid-template-columns: repeat(var(--collection-columns, 3), minmax(0, 1fr));
}

.muhle-collection-discovery__media img {
  object-fit: var(--collection-image-fit, cover);
}

.muhle-collection-discovery__shade {
  opacity: var(--collection-overlay, .25);
}

.muhle-collection-discovery__content {
  text-align: var(--collection-align, left);
}

.muhle-collection-discovery__content h3 {
  font-size: var(--collection-card-title-size, 22px);
}

.muhle-editorial {
  background: var(--section-bg, #fff);
  color: var(--section-color, #171717);
  margin-inline: auto;
  max-width: var(--editorial-width, 1700px);
  padding: var(--section-pad-top, 80px) 24px var(--section-pad-bottom, 80px);
}

.muhle-editorial__grid {
  gap: var(--editorial-gap, 24px);
}

.muhle-editorial__media img {
  object-fit: var(--editorial-image-fit, cover);
  object-position: var(--editorial-card-position, var(--editorial-position, center center));
}

.muhle-editorial__overlay {
  opacity: var(--editorial-overlay, .3);
}

.muhle-editorial__content {
  text-align: var(--editorial-align, left);
}

.muhle-editorial__content h3 {
  font-size: var(--editorial-title-size, 44px);
}

.muhle-editorial__content > p:not(.muhle-eyebrow) {
  font-size: var(--editorial-text-size, 16px);
}

/* Balanced editorial pair: both choices carry equal visual weight. */
.muhle-editorial__card,
.muhle-editorial__card:nth-child(2) {
  margin-top: 0;
  min-height: var(--editorial-height, 580px);
}

.muhle-editorial__card::after {
  border: 1px solid rgb(255 255 255 / .28);
  content: '';
  inset: 14px;
  pointer-events: none;
  position: absolute;
  transition: border-color .25s ease, inset .25s ease;
  z-index: 2;
}

.muhle-editorial__card:hover::after,
.muhle-editorial__card:focus-visible::after {
  border-color: rgb(255 255 255 / .72);
  inset: 10px;
}

/* Legal copy and ETBİS verification sit on one calm baseline. */
.muhle-footer__bottom {
  align-items: end;
  column-gap: 40px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.muhle-footer__bottom .muhle-footer__payments { grid-column: 1 / -1; }
.muhle-footer__bottom-copy { display: grid; gap: 14px; min-width: 0; }
.muhle-footer__bottom-copy p,
.muhle-footer__bottom-copy small { margin: 0; }
.muhle-footer__etbis { display: block; justify-self: end; line-height: 0; }
.muhle-footer__etbis img { display: block; height: auto; max-width: none; width: var(--footer-etbis-width, 105px); }

@media (max-width: 749px) {
  .muhle-footer__bottom { align-items: start; grid-template-columns: 1fr; }
  .muhle-footer__bottom .muhle-footer__payments { grid-column: auto; }
  .muhle-footer__etbis { justify-self: start; }
}

@media (max-width: 749px) {
  .muhle-collection-discovery__grid {
    grid-template-columns: repeat(var(--collection-columns-mobile, 2), minmax(0, 1fr));
  }
}

/* Keep the MÜHLE header visible even when the editor preview has no assigned menu. */
#header-group,
#header-group .shopify-section,
#header-group .muhle-site-header {
  display: block !important;
  visibility: visible !important;
}

#header-group .muhle-site-header {
  background: var(--muhle-header-bg, #fff);
  color: var(--muhle-header-color, #171717);
  min-height: 1px;
}

/* Expanded header stays in normal document flow. Its measured min-height is
   retained while the compact header becomes fixed, so PDP/collection content
   never jumps upward or starts underneath the menu. */
#header-group {
  /* body is a flex column in Horizon; without flex-shrink:0 + min-height:auto the
     header collapsed to 1px until JS measured it (layout shift on every load). */
  flex: 0 0 auto;
  min-height: var(--muhle-header-expanded-height, auto);
  position: relative !important;
  top: auto !important;
  z-index: 20;
}

#header-group .muhle-site-header {
  position: relative !important;
  top: auto !important;
  z-index: 20;
}

@media (min-width: 1400px) {
  .muhle-header-condensed #header-group {
    position: relative !important;
    top: auto !important;
  }

  .muhle-header-condensed #header-group .muhle-site-header {
    box-shadow: 0 3px 16px rgb(0 0 0 / 0.12);
    height: 60px;
    inset: 0 0 auto !important;
    min-height: 60px;
    position: fixed !important;
    width: 100%;
    z-index: 70;
  }

  .muhle-header-condensed .muhle-site-header__announcement,
  .muhle-header-condensed .muhle-site-header__contact {
    display: none !important;
  }

  .muhle-header-condensed .muhle-site-header__main {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    min-height: 60px;
  }

  .muhle-header-condensed .muhle-site-header__logo {
    grid-column: 1;
    justify-self: start;
    margin: 0;
    position: static;
    transform: none;
  }

  .muhle-header-condensed .muhle-site-header__logo img {
    height: 46px;
    max-height: 46px;
    width: auto;
  }

  .muhle-header-condensed .muhle-site-header__actions {
    grid-column: 3;
    position: relative;
    z-index: 2;
  }

  .muhle-header-condensed .muhle-nav {
    border: 0;
    bottom: auto;
    height: 60px;
    left: max(92px, calc((100vw - min(var(--page-width, 90rem), calc(100vw - 40px))) / 2 + 82px));
    pointer-events: none;
    position: absolute;
    right: max(170px, calc((100vw - min(var(--page-width, 90rem), calc(100vw - 40px))) / 2 + 160px));
    top: 0;
  }

  .muhle-header-condensed .muhle-nav__list {
    gap: clamp(16px, 2vw, 38px);
    height: 60px;
    min-height: 60px;
    pointer-events: auto;
  }

  .muhle-header-condensed .muhle-nav__item {
    height: 60px;
  }

  .muhle-header-condensed .muhle-nav__link {
    font-size: min(var(--muhle-nav-font-size, 14px), 13px);
    padding-block: 18px;
  }
}

/* Cart and other theme drawers use native modal dialogs at every viewport.
   Do not retain Horizon's desktop page-squeeze margin when a drawer opens. */
html:has(theme-drawer[open]) .page-wrapper,
.page-wrapper.page-wrapper--drawer-open {
  margin-right: 0 !important;
}

#cart-drawer .theme-drawer__dialog[open] {
  z-index: 1000;
}

/* Horizon's generic icon rules must not erase the filter checkbox outline. */
.product-grid-container .facets .checkbox {
  align-items: center;
  display: flex;
  min-height: 28px;
}

.product-grid-container .facets .checkbox__label {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  line-height: 1.35;
}

.product-grid-container .facets .checkbox__label .icon-checkmark {
  background: var(--color-background, #fff);
  border: 1px solid currentcolor !important;
  border-radius: 2px;
  box-sizing: border-box;
  display: block !important;
  flex: 0 0 18px;
  height: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 18px !important;
}

.product-grid-container .facets .checkbox__input:checked + .checkbox__label .icon-checkmark {
  background: var(--color-foreground, #171717);
  border-color: var(--color-foreground, #171717) !important;
}

.product-grid-container .facets .checkbox__label-text {
  padding-inline-start: 0;
}

/* V14 — one product-card language across homepage, collections, search and recommendations. */
.muhle-product-card,
.product-card {
  box-sizing: border-box;
  outline: 0 solid transparent;
  transition:
    border-color var(--muhle-card-hover-duration, 225ms) ease,
    border-width var(--muhle-card-hover-duration, 225ms) ease,
    box-shadow var(--muhle-card-hover-duration, 225ms) ease,
    transform var(--muhle-card-hover-duration, 225ms) cubic-bezier(.2,.7,.2,1) !important;
}

@media (any-hover: hover) and (any-pointer: fine) {
  .muhle-product-card:is(:hover, :focus-within),
  .product-card:is(:hover, :focus-within) {
    border-color: var(--muhle-card-hover-border-color, rgb(181 154 34 / .7)) !important;
    border-width: var(--muhle-card-hover-border-width, 1px) !important;
    box-shadow: 0 10px var(--muhle-card-hover-shadow-blur, 18px) var(--muhle-card-hover-shadow-spread, 0) var(--muhle-card-hover-shadow-color, rgb(23 23 23 / .1));
    transform: translateY(var(--muhle-card-hover-lift, -2px));
  }
}

.muhle-product-card:focus-within,
.product-card:focus-within {
  outline: 2px solid var(--muhle-card-hover-border-color, rgb(181 154 34 / .7));
  outline-offset: 2px;
}

.muhle-product-card__content,
.product-card__content {
  align-items: var(--muhle-card-align-items, center) !important;
  text-align: var(--muhle-card-text-align, center) !important;
}

.muhle-product-card h3,
.product-card__content :is(h3, h4, .h4) {
  display: -webkit-box;
  font-size: var(--muhle-card-title-size, 15px) !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--muhle-card-title-lines, 2);
  line-clamp: var(--muhle-card-title-lines, 2);
  overflow: hidden;
}

.muhle-product-card__price,
.product-card__content .price {
  font-size: var(--muhle-card-price-size, 15px) !important;
}

.muhle-product-card__image--second {
  visibility: hidden;
}

@media (any-hover: hover) and (any-pointer: fine) {
  .muhle-product-card:is(:hover, :focus-within) .muhle-product-card__image:first-of-type {
    opacity: 0;
    transform: scale(1.02);
  }

  .muhle-product-card:is(:hover, :focus-within) .muhle-product-card__image--second {
    opacity: 1;
    visibility: visible;
  }
}

.muhle-product-badges {
  display: flex !important;
  flex-direction: column;
  gap: var(--muhle-badge-gap, 6px);
  inset: auto;
  pointer-events: none;
  position: absolute;
  width: max-content;
  z-index: 5;
}

.muhle-product-badges.product-badges--top-left { left: var(--muhle-badge-offset-x, 12px); top: var(--muhle-badge-offset-y, 12px); }
.muhle-product-badges.product-badges--top-right { right: var(--muhle-badge-offset-x, 12px); top: var(--muhle-badge-offset-y, 12px); }
.muhle-product-badges.product-badges--bottom-left { bottom: var(--muhle-badge-offset-y, 12px); left: var(--muhle-badge-offset-x, 12px); }
.muhle-product-badges.product-badges--bottom-right { bottom: var(--muhle-badge-offset-y, 12px); right: var(--muhle-badge-offset-x, 12px); }

.muhle-product-badge {
  border: 1px solid rgb(255 255 255 / .18);
  border-radius: var(--muhle-badge-radius, 4px);
  box-shadow: 0 3px 10px rgb(0 0 0 / .08);
  display: inline-flex;
  /* a legacy `.muhle-product-card__badge { font-size: 11px !important }` near
     the top of this file was silently beating the editor setting, so the
     badge font size control did nothing at any width. */
  font-size: var(--muhle-badge-font-size, 11px) !important;
  font-weight: var(--muhle-badge-font-weight, 700);
  justify-content: center;
  letter-spacing: .055em;
  line-height: 1;
  opacity: var(--muhle-badge-opacity, 1);
  padding: var(--muhle-badge-padding-y, 6px) var(--muhle-badge-padding-x, 10px);
  text-transform: var(--muhle-badge-text-transform, uppercase);
}

.muhle-product-badge--sale { background: var(--muhle-badge-sale-bg, #8a1e21); color: var(--muhle-badge-sale-color, #fff); }
.muhle-product-badge--preorder { background: var(--muhle-badge-preorder-bg, #b59a22); color: var(--muhle-badge-preorder-color, #171717); }
.muhle-product-badge--sold-out { background: var(--muhle-badge-sold-bg, #343936); color: var(--muhle-badge-sold-color, #fff); }
.muhle-product-badge--personalized { background: var(--muhle-badge-personalized-bg, #1e4d45); color: var(--muhle-badge-personalized-color, #fff); }

/* Full-width newsletter callout and a clearer origin/proof rail. */
.muhle-footer__proof {
  align-items: center;
  background: var(--footer-proof-bg, #efefed) !important;
  border-block: var(--footer-proof-border-width, 1px) solid var(--footer-proof-border, #d5d3ca);
  color: var(--footer-proof-color, #2b2b29);
  min-height: var(--footer-proof-height, 68px);
  padding: var(--footer-proof-padding, 20px) max(24px, 5vw) !important;
}

.muhle-footer__proof span {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
}

.muhle-footer__proof span::before {
  background: var(--footer-proof-accent, #b59a22);
  content: '';
  display: block;
  height: var(--footer-proof-mark-width, 2px);
  width: var(--footer-proof-mark-length, 28px);
}

.muhle-footer__callout {
  box-sizing: border-box;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

.muhle-footer__callout-inner {
  align-items: center;
  display: grid;
  gap: var(--footer-callout-gap, 40px);
  grid-template-columns: minmax(0, 1fr) auto;
  margin-inline: auto;
  max-width: var(--footer-callout-content-width, 1800px);
  padding: var(--footer-callout-padding-y, 72px) var(--footer-callout-padding-x, 64px);
  width: 100%;
}

.muhle-footer__callout h2 { font-size: var(--footer-callout-title-size, 46px) !important; }

/* Compact, readable collection description with a text-link disclosure. */
.muhle-collection-seo {
  background: var(--muhle-seo-bg, #fff);
  border-top: var(--muhle-seo-border-width, 1px) solid var(--muhle-seo-border, #deded8);
}

.muhle-collection-seo__inner {
  margin-inline: auto;
  max-width: var(--muhle-seo-width, 1080px);
}

.muhle-collection-seo__title {
  color: var(--muhle-seo-color, #666);
  font-family: var(--font-heading--family, var(--font-body--family));
  font-size: var(--muhle-seo-title-size, 30px);
  font-weight: 500;
  margin: 0 0 18px;
}

.muhle-collection-seo__preview,
.muhle-collection-seo__content {
  color: var(--muhle-seo-color, #666);
  font-size: var(--muhle-seo-text-size, 16px);
  line-height: 1.72;
}

.muhle-collection-seo__preview {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--muhle-seo-lines, 4);
  line-clamp: var(--muhle-seo-lines, 4);
  margin: 0;
  overflow: hidden;
}

.muhle-collection-seo__toggle { margin-top: 12px; }
.muhle-collection-seo__toggle[open] { margin-top: 18px; }
.muhle-collection-seo__toggle summary {
  align-items: center !important;
  color: var(--muhle-seo-link-color, #6f5c12) !important;
  display: inline-flex !important;
  flex-direction: row !important;
  font-size: var(--muhle-seo-button-size, 12px) !important;
  font-weight: 700;
  gap: 7px !important;
  justify-content: flex-start !important;
  letter-spacing: .07em;
  list-style: none;
  padding: 4px 0 !important;
  text-decoration: underline;
  text-decoration-color: var(--muhle-seo-accent, #b59a22);
  text-underline-offset: 5px;
  text-transform: uppercase;
}

.muhle-collection-seo__toggle summary::-webkit-details-marker { display: none; }
.muhle-collection-seo__toggle summary span { font-size: inherit !important; font-weight: inherit !important; }
.muhle-collection-seo__toggle summary::after { content: '+'; font-size: 15px; font-weight: 500; text-decoration: none; }
.muhle-collection-seo__toggle[open] summary::after { content: '−'; }
.muhle-collection-seo__content { margin-top: 18px; }
.muhle-collection-seo__toggle:not([open]) .when-open,
.muhle-collection-seo__toggle[open] .when-closed { display: none; }
.muhle-collection-seo__inner:has(.muhle-collection-seo__toggle[open]) .muhle-collection-seo__preview { display: none; }

/* GPU-friendly cart drawer motion and cheaper long-cart rendering. */
#cart-drawer .theme-drawer__dialog {
  --theme-drawer-width: min(100vw, var(--muhle-drawer-width, 520px));
  max-width: min(100vw, var(--muhle-drawer-width, 520px)) !important;
  right: 0;
  transform: translate3d(0, 0, 0);
  width: min(100vw, var(--muhle-drawer-width, 520px)) !important;
  will-change: transform;
}

#cart-drawer .theme-drawer__dialog::backdrop { background: rgb(0 0 0 / var(--muhle-drawer-backdrop-opacity, .35)); }
#cart-drawer .theme-drawer__dialog--opening { animation: muhle-cart-drawer-in var(--muhle-drawer-speed, 140ms) cubic-bezier(.22,.75,.2,1); }
#cart-drawer .theme-drawer__dialog--closing { animation: muhle-cart-drawer-out var(--muhle-drawer-speed, 140ms) cubic-bezier(.4,0,1,1) forwards; }

@keyframes muhle-cart-drawer-in { from { transform: translate3d(100%, 0, 0); } }
@keyframes muhle-cart-drawer-out { to { transform: translate3d(100%, 0, 0); } }

#cart-drawer .cart-drawer__items {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

#cart-drawer .cart-items__table-row {
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: auto 150px;
  grid-template-columns: clamp(64px, 18vw, var(--muhle-drawer-image-width, 88px)) minmax(0, 1fr) auto !important;
  margin-bottom: var(--muhle-drawer-item-gap, 20px) !important;
  padding-bottom: var(--muhle-drawer-item-gap, 20px) !important;
}

#cart-drawer .cart-drawer__summary {
  border-top: 1px solid rgb(var(--color-foreground-rgb) / .12);
  mask-image: none;
}

@media (max-width: 749px) {
  .muhle-footer__callout-inner { grid-template-columns: 1fr; padding: 52px 24px; }
  .muhle-footer__proof span::before { width: 20px; }
  .muhle-collection-seo__title { font-size: min(var(--muhle-seo-title-size, 30px), 26px); }
}

@media (prefers-reduced-motion: reduce) {
  .muhle-product-card,
  .product-card,
  #cart-drawer .theme-drawer__dialog { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}


/* ------------------------------------------------------------------
   2026-09 go-live fixes: wishlist button, add-to-cart errors, real star
   ratings, cart-page discount field, footer icons.
   ------------------------------------------------------------------ */
.muhle-pdp-form__actions--wishlist { grid-template-columns: 120px 1fr 64px; }
.muhle-pdp-wishlist {
  align-items: center;
  border: 1px solid var(--muhle-pdp-accent, #b99a19);
  border-radius: 3px;
  color: var(--muhle-pdp-accent, #b99a19);
  display: flex;
  height: 56px;
  justify-content: center;
  min-width: 56px;
}
.muhle-pdp-wishlist > div,
.muhle-pdp-wishlist .flits-product-page-wishlist-button,
.muhle-pdp-wishlist .flits-product-page-wishlist-button > * {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.muhle-pdp-wishlist button,
.muhle-pdp-wishlist a { background: none; border: 0; color: inherit; cursor: pointer; padding: 0; }
.muhle-pdp-wishlist svg { fill: currentColor; height: 24px; width: 24px; }
.muhle-pdp-wishlist:empty { display: none; }
/* Flits embed not enabled (or still loading): collapse the slot instead of showing an empty box. */
.muhle-pdp-form__actions--wishlist:has(.flits-product-page-wishlist-button:empty) { grid-template-columns: 120px 1fr; }
.muhle-pdp-form__actions--wishlist:has(.flits-product-page-wishlist-button:empty) .muhle-pdp-wishlist { display: none; }

.muhle-pdp-form__error {
  background: #fbeceb;
  border: 1px solid #e3b8b4;
  border-radius: 3px;
  color: #8f2a22;
  font-size: .9rem;
  line-height: 1.45;
  margin-top: 12px;
  padding: 10px 14px;
}
.muhle-pdp-form__error.hidden { display: none; }
.muhle-pdp-form__error > span { display: inline-block; font-weight: 700; margin-right: 6px; }

.muhle-stars { display: inline-block; letter-spacing: .1em; line-height: 1; position: relative; white-space: nowrap; }
.muhle-stars__base { color: #d8d5cc; }
.muhle-stars__fill { color: var(--muhle-pdp-accent, #b99a19); left: 0; overflow: hidden; position: absolute; top: 0; white-space: nowrap; }
.muhle-pdp-rating--app .jdgm-prev-badge { display: inline-flex; }

.muhle-cart__discount-field { display: grid; gap: 10px; margin-top: 14px; }
.muhle-cart__discount-row { display: grid; gap: 8px; grid-template-columns: 1fr auto; }
.muhle-cart__discount-row input { border: 1px solid var(--cart-border, #dedede); border-radius: 3px; font: inherit; min-height: 44px; padding: 0 12px; width: 100%; }
.muhle-cart__discount-row button { background: transparent; border: 1px solid var(--cart-text, #171717); border-radius: 3px; cursor: pointer; font: inherit; font-weight: 600; min-height: 44px; padding: 0 18px; }
.muhle-cart__discount-row button:hover { background: var(--cart-text, #171717); color: #fff; }
.muhle-cart__discount-codes { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.muhle-cart__discount-codes li { align-items: center; background: #f1f0ec; border-radius: 3px; display: inline-flex; font-size: .85rem; gap: 6px; padding: 4px 8px 4px 10px; }
.muhle-cart__discount-codes button { background: none; border: 0; cursor: pointer; font-size: 1rem; line-height: 1; padding: 0 2px; }
.muhle-cart__discount-error { color: #8f2a22; font-size: .85rem; margin: 0; }
.muhle-cart__discount-error.hidden { display: none; }

.muhle-footer__social a svg { display: block; fill: currentColor; height: 15px; width: 15px; }

@media (max-width: 749px) {
  .muhle-pdp-form__actions--wishlist { grid-template-columns: 108px 1fr 56px; }
  .muhle-pdp-form__actions--wishlist:has(.flits-product-page-wishlist-button:empty) { grid-template-columns: 108px 1fr; }
}

/* Gallery smoothness: pause snapping while a programmatic scroll animates; images paint on the compositor. */
.muhle-pdp-gallery__track { scroll-behavior: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.muhle-pdp-gallery__track.is-animating { scroll-snap-type: none; }
.muhle-pdp-gallery__slide { contain: layout paint; }
.muhle-pdp-gallery__slide img { backface-visibility: hidden; }
.muhle-pdp-gallery__thumbs { scroll-snap-type: x proximity; }
.muhle-pdp-gallery__thumb { scroll-snap-align: start; }

/* Add-to-cart states */
.muhle-pdp-add { position: relative; transition: background .18s ease, border-color .18s ease, color .18s ease; }
.muhle-pdp-add.is-loading { color: transparent !important; pointer-events: none; }
.muhle-pdp-add.is-loading::after { animation: muhle-spin .7s linear infinite; border: 2px solid rgb(255 255 255 / .35); border-radius: 50%; border-top-color: #fff; content: ""; height: 20px; left: 50%; margin: -10px 0 0 -10px; position: absolute; top: 50%; width: 20px; }
.muhle-pdp-add.is-added { background: #2f6b45 !important; border-color: #2f6b45 !important; color: #fff !important; }
@keyframes muhle-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .muhle-pdp-add.is-loading::after { animation: none; } }

/* "Seri hakkında" / story rows: media stays a square, text sits beside it. */
.muhle-pdp-story__row { align-items: center; }
.muhle-pdp-story__media { aspect-ratio: 1 / 1; height: auto !important; max-width: 100%; min-height: 0 !important; min-width: 0; }
.muhle-pdp-story__media img { display: block; height: 100%; object-fit: cover; width: 100%; }
@media (max-width: 989px) { .muhle-pdp-story__media { aspect-ratio: 1 / 1; min-height: 0 !important; } .muhle-pdp-story__row { grid-template-columns: minmax(0, 1fr) !important; } }

/* ==================================================================
   2026-09 v3 — MÜHLE gallery (muehle-shaving.com style), personalisation,
   aligned action row, zoom, cart consent.
   ================================================================== */
.muhle-gallery { min-width: 0; }
.muhle-gallery__stage { align-items: center; display: grid; gap: 12px; grid-template-columns: 1fr; position: relative; }
.muhle-gallery--multi .muhle-gallery__stage { grid-template-columns: 34px minmax(0, 1fr) 34px; }
.muhle-gallery__viewport { aspect-ratio: var(--muhle-gallery-ratio, 1 / 1.1); background: var(--muhle-gallery-bg, #fff); overflow: hidden; position: relative; touch-action: pan-y; user-select: none; -webkit-user-select: none; width: 100%; }
.muhle-gallery__track { display: flex; height: 100%; width: 100%; will-change: transform; }
.muhle-gallery__slide { align-items: center; display: flex; flex: 0 0 100%; height: 100%; justify-content: center; margin: 0; position: relative; width: 100%; }
.muhle-gallery__slide img,
.muhle-gallery__slide video,
.muhle-gallery__slide iframe,
.muhle-gallery__slide model-viewer { display: block; height: 100%; object-fit: contain; pointer-events: none; width: 100%; }
.muhle-gallery__slide video,
.muhle-gallery__slide iframe,
.muhle-gallery__slide model-viewer { pointer-events: auto; }
.muhle-gallery__zoom { background: transparent; border: 0; cursor: zoom-in; inset: 0; position: absolute; }
.muhle-gallery__arrow { align-items: center; background: transparent; border: 0; color: #9a9a96; cursor: pointer; display: flex; height: 100%; justify-content: center; min-height: 120px; padding: 0; transition: color .2s ease; width: 34px; }
.muhle-gallery__arrow svg { height: 60px; width: 24px; }
.muhle-gallery__arrow:hover, .muhle-gallery__arrow:focus-visible { color: var(--muhle-pdp-text, #011624); }
.muhle-gallery__footer { align-items: center; display: flex; font-size: .78rem; gap: 18px; margin-top: 18px; padding-inline: 34px; }
.muhle-gallery--multi:not(.muhle-gallery--thumbs) .muhle-gallery__footer { padding-inline: 34px; }
.muhle-gallery__counter b { font-weight: 600; }
.muhle-gallery__progress { background: #e5e5e2; flex: 1; height: 3px; overflow: hidden; }
.muhle-gallery__progress i { background: #686865; display: block; height: 100%; transition: transform .45s cubic-bezier(.22,.61,.36,1); will-change: transform; }
.muhle-gallery__thumbs { display: flex; gap: 10px; margin-top: 16px; overflow: auto; padding: 0 34px 4px; scrollbar-width: none; }
.muhle-gallery__thumb { background: #f7f7f5; border: 1px solid transparent; cursor: pointer; flex: 0 0 76px; height: 76px; padding: 0; }
.muhle-gallery__thumb.is-active { border-color: var(--muhle-brass, #b99a19); }
.muhle-gallery__thumb img { height: 100%; object-fit: contain; width: 100%; }
@media (max-width: 989px) {
  .muhle-gallery--multi .muhle-gallery__stage { grid-template-columns: 1fr; }
  .muhle-gallery__arrow { background: rgb(255 255 255 / .85); border-radius: 50%; height: 44px; min-height: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 44px; z-index: 2; }
  .muhle-gallery__arrow svg { height: 26px; width: 12px; }
  .muhle-gallery__arrow--prev { left: 8px; }
  .muhle-gallery__arrow--next { right: 8px; }
  .muhle-gallery__footer, .muhle-gallery__thumbs { padding-inline: 0; }
}
@media (prefers-reduced-motion: reduce) { .muhle-gallery__track, .muhle-gallery__progress i { transition: none !important; } }

/* Zoom dialog */
.muhle-zoom { background: #fff; border: 0; height: 100vh; max-height: 100vh; max-width: 100vw; padding: 0; width: 100vw; }
.muhle-zoom::backdrop { background: rgb(0 0 0 / .6); }
.muhle-zoom img { display: block; height: 100%; object-fit: contain; width: 100%; }
.muhle-zoom__close { background: rgb(255 255 255 / .9); border: 1px solid #ccc; border-radius: 50%; cursor: pointer; font-size: 1.6rem; height: 44px; line-height: 1; position: fixed; right: 18px; top: 18px; width: 44px; z-index: 2; }
.muhle-zoom__nav { background: rgb(255 255 255 / .9); border: 1px solid #ccc; border-radius: 50%; cursor: pointer; font-size: 2rem; height: 52px; line-height: 1; position: fixed; top: 50%; transform: translateY(-50%); width: 52px; z-index: 2; }
.muhle-zoom__nav--prev { left: 18px; } .muhle-zoom__nav--next { right: 18px; }
.muhle-zoom__counter { bottom: 18px; color: #333; font-size: .85rem; left: 50%; position: fixed; transform: translateX(-50%); }

/* Action row: quantity, add-to-cart and wishlist share one 56px baseline */
.muhle-pdp-form__actions { align-items: stretch; }
.muhle-pdp-form__actions > * { margin: 0 !important; }
.muhle-pdp-quantity, .muhle-pdp-add, .muhle-pdp-wishlist { box-sizing: border-box; height: 56px !important; min-height: 56px !important; }
.muhle-pdp-quantity { align-items: stretch; }
.muhle-pdp-add { align-items: center; display: inline-flex; gap: 10px; justify-content: center; line-height: 1; padding: 0 20px; }
.muhle-pdp-add__arrow { font-size: 1.1em; }
.muhle-pdp-benefits li { color: var(--muhle-pdp-text, #011624); }

/* Personalisation block (original MÜHLE Türkiye layout) */
.muhle-personalization { background: #f6f6f4; border: 1px solid #e3e3df; display: grid; gap: 14px; margin: 4px 0 22px; padding: 22px 24px; }
.muhle-personalization__label { font-size: 1.15rem; font-weight: 600; margin: 0; }
.muhle-personalization__input { background: #fff; border: 1px solid #c9c9c4; border-radius: 0; font: inherit; height: 52px; padding: 0 14px; width: 100%; }
.muhle-personalization__input:focus { border-color: var(--muhle-brass, #b99a19); outline: none; }
.muhle-personalization__note { color: #333; font-size: .92rem; line-height: 1.55; }
.muhle-personalization__note p { margin: 0 0 6px; }
.muhle-personalization__consent { align-items: flex-start; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 18px 1fr; font-size: .92rem; line-height: 1.45; }
.muhle-personalization__consent input { height: 18px; margin: 2px 0 0; width: 18px; }
.muhle-personalization__error { color: #c62828; font-size: .9rem; margin: 0; }
.muhle-personalization__error.hidden { display: none; }
.muhle-personalization.has-error .muhle-personalization__input,
.muhle-personalization.has-error .muhle-personalization__consent input { border-color: #c62828; outline: 1px solid #c62828; }

/* Cart: personalised items need consent before checkout */
.muhle-cart-consent { background: #fbf7e6; border: 1px solid #e6d9a3; border-radius: 3px; display: grid; gap: 10px; margin: 14px 0; padding: 14px 16px; }
.muhle-cart-consent .rte p { margin: 0 0 4px; }
.muhle-cart-consent__box { align-items: flex-start; cursor: pointer; display: grid; font-size: .9rem; gap: 10px; grid-template-columns: 18px 1fr; line-height: 1.45; }
.muhle-cart-consent__box input { height: 18px; margin: 2px 0 0; width: 18px; }
.muhle-cart-consent__hint { color: #8f2a22; font-size: .85rem; margin: 0; }
.muhle-cart-consent__hint.hidden { display: none; }
button[data-muhle-checkout][disabled] { cursor: not-allowed; opacity: .55; }

/* Garanti ve İade + Yardım: same column as the FAQ, two tidy columns */
.muhle-pdp-assurance { margin: 0 auto clamp(60px, 8vw, 110px) !important; padding-inline: 24px; width: 100%; }
.muhle-assurance-help { border-top: 1px solid #d8d8d5; display: grid; gap: 32px 48px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin: 0 auto; max-width: var(--muhle-pdp-content-width, 1180px); padding-top: 36px; }
.muhle-assurance-help h3 { font-size: 1.25rem; font-weight: 500; margin: 0 0 10px; }
.muhle-assurance-help p { color: var(--muhle-muted, #666); line-height: 1.7; margin: 0; }
.muhle-assurance-help a { color: inherit; }

/* ==================================================================
   2026-09 v4 — mobile pass
   ================================================================== */
/* Rating sits right under the title */
.muhle-pdp-rating { margin: 6px 0 var(--muhle-pdp-rating-space, 16px) !important; }
.muhle-pdp-info__sku + .muhle-pdp-rating { margin-top: 2px !important; }

/* Header left group (hamburger + search on mobile) */
.muhle-site-header__left { align-items: center; display: flex; gap: 2px; grid-column: 1; }
.muhle-site-header__left .muhle-search-trigger--mobile { background: transparent; border: 0; color: var(--muhle-ink, #171717); cursor: pointer; height: 44px; padding: 0; width: 40px; }
.muhle-site-header__left .muhle-search-trigger--mobile svg { height: 24px; width: 24px; }
/* superseded by the v5 nav breakpoint below */

/* Hamburger becomes an X while open */
.muhle-mobile-menu > summary { align-content: center; height: 44px; position: relative; }
.muhle-mobile-menu > summary span { transition: transform .25s ease, opacity .2s ease; transform-origin: center; }
.muhle-mobile-menu[open] > summary span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.muhle-mobile-menu[open] > summary span:nth-child(2) { opacity: 0; }
.muhle-mobile-menu[open] > summary span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

@media (max-width: 989px) {
  /* Nothing may push the page wider than the screen; clip instead of hidden so sticky keeps working */
  html, body { overflow-x: clip; }
  .page-wrapper, #MainContent { max-width: 100vw; overflow-x: clip; }

  /* Whole header sticks; the menu panel opens right under it and the page behind is locked */
  #header-group { position: sticky; top: 0; z-index: 70; }
  .muhle-site-header { position: relative; }
  html.muhle-menu-open, html.muhle-menu-open body { overflow: hidden; height: 100%; }
  .muhle-mobile-menu__panel { bottom: 0; box-shadow: none; left: 0; max-width: none; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 20px 40px; position: fixed; right: 0; top: var(--muhle-menu-top, 92px); width: 100%; z-index: 80; }
  .muhle-mobile-menu__top { display: none; }
  .muhle-mobile-menu__panel nav > a, .muhle-mobile-menu__panel nav > details > summary { font-size: .95rem; padding: 16px 0; }
  .muhle-mobile-menu__account { border-top: 1px solid #e3e3df; display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 8px; padding: 22px 0 8px; }
  .muhle-mobile-menu__account p { grid-column: 1 / -1; margin: 0 0 4px; }
  .muhle-mobile-menu__account .button { display: inline-flex; justify-content: center; margin: 0; min-height: 50px; text-align: center; width: 100%; }
  .muhle-mobile-menu__contact { border-top: 1px solid #e3e3df; margin-top: 18px; padding-top: 18px; }

  /* Service dialogs (Kargo ve İade, Ödeme, Bize sorun) and newsletter: centered, never off-screen */
  .muhle-service-dialog, .muhle-newsletter-dialog { box-sizing: border-box; inset: 0; margin: auto; max-height: min(92dvh, 100%); max-width: calc(100vw - 24px); overflow: auto; padding: 44px 20px 28px; position: fixed; width: calc(100vw - 24px); }
  .muhle-service-dialog h2 { font-size: 1.5rem; }

  /* Search overlay: full screen, 2-column results */
  .muhle-search-overlay { box-sizing: border-box; height: 100dvh; inset: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: fixed; width: 100vw; }
  .muhle-search-overlay__panel { box-sizing: border-box; margin: 0; max-width: none; min-height: 100dvh; padding: 20px 16px 40px; width: 100%; }
  .muhle-search-overlay__form { margin-right: 48px; }
  .muhle-search-overlay__body { display: grid; gap: 26px; grid-template-columns: 1fr; margin-top: 24px; }
  .muhle-search-overlay__popular { display: flex; flex-wrap: wrap; gap: 8px 16px; }
  .muhle-search-overlay__products { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .muhle-search-card { min-width: 0; padding-bottom: 14px; }
  .muhle-search-card strong, .muhle-search-card small, .muhle-search-card b { margin-inline: 12px; }

  /* Cart page: one clean column */
  .muhle-cart { padding: 20px 0 64px; width: min(calc(100% - 32px), 1820px); }
  .muhle-cart__steps { margin: 0 auto 26px; max-width: 360px; }
  .muhle-cart__steps b { font-size: .85rem; height: 34px; width: 34px; }
  .muhle-cart__steps span { font-size: .78rem; }
  .muhle-cart__heading { align-items: baseline; display: flex; gap: 12px; justify-content: space-between; padding-bottom: 12px; }
  .muhle-cart__heading h1 { font-size: 22px; letter-spacing: .02em; margin: 0; }
  .muhle-cart__heading span { color: #777; font-size: .85rem; }
  .muhle-cart__columns { display: none; }
  .muhle-cart-item { align-items: start; display: grid; gap: 6px 14px; grid-template-columns: 84px minmax(0, 1fr); padding: 18px 0; }
  .muhle-cart-item__image { grid-row: 1 / span 2; }
  .muhle-cart-item__info { display: grid; gap: 4px; }
  .muhle-cart-item__info > a { font-size: 15px; font-weight: 600; line-height: 1.3; }
  .muhle-cart-item__info small { font-size: 12.5px; line-height: 1.35; }
  .muhle-cart-item__mobile-unit { display: none; }
  .muhle-cart-item__unit { display: none; }
  .muhle-cart-item__quantity { grid-template-columns: 34px 1fr 34px; margin: 8px 0 0; width: 112px; }
  .muhle-cart-item__quantity button, .muhle-cart-item__quantity input { font-size: 14px; min-height: 34px; }
  .muhle-cart-item__remove { font-size: 12.5px; margin-top: 2px; }
  .muhle-cart-item__price { align-items: baseline; display: flex; gap: 8px; grid-column: 2; font-size: 15px; justify-content: flex-start; }
  .muhle-cart-item__price s { color: #999; font-size: 13px; }
  .muhle-cart__summary { border-top: 2px solid #222; padding: 18px 0 0; position: static; }
  .muhle-cart__summary h2 { border: 0; font-size: 18px; padding: 0 0 8px; }
  .muhle-cart__summary > div:not(.muhle-cart__payment-icons) { font-size: 14.5px; padding: 11px 0; }
  .muhle-cart__total { font-size: 17px; }
  .muhle-cart__checkout { min-height: 54px; }
  .muhle-cart__note textarea { font-size: 14px; }
}

/* ==================================================================
   2026-09 v5 — navigation breakpoint, cart, dialogs, story, blog
   ================================================================== */

/* ---------- 1. Header: hamburger until the full nav really fits ---------- */
/* Horizon's utility classes flip at 750px, but the MÜHLE nav needs ~1100px.
   Between 750–1099px the desktop nav used to render and overflow the page. */
@media (max-width: 1099px) {
  .muhle-site-header .muhle-nav { display: none !important; }
  .muhle-site-header__left { display: flex !important; }
}
@media (min-width: 1100px) {
  .muhle-site-header__left { display: none !important; }
}
/* Tablet range: hamburger owns navigation, so the duplicate search icon goes away */
@media (min-width: 750px) and (max-width: 1099px) {
  .muhle-site-header__left .muhle-search-trigger--mobile { display: none !important; }
}
/* Between 1100 and 1339 the nav is tight — shrink type and gaps instead of wrapping */
@media (min-width: 1100px) and (max-width: 1439px) {
  .muhle-nav__list { gap: clamp(12px, 1.7vw, 26px); }
  .muhle-nav__link { font-size: min(var(--muhle-nav-font-size, 14px), 12px); letter-spacing: .02em; }
}
.muhle-nav__list { max-width: 100%; }

/* Mobile menu panel must clear the sticky header at tablet widths too */
@media (min-width: 750px) and (max-width: 1099px) {
  html, body { overflow-x: clip; }
  #header-group { position: sticky; top: 0; z-index: 70; }
  .muhle-site-header { position: relative; }
  html.muhle-menu-open, html.muhle-menu-open body { overflow: hidden; height: 100%; }
  .muhle-mobile-menu__panel { bottom: 0; box-shadow: none; left: 0; max-width: none; overflow-y: auto;
    padding: 18px max(24px, calc((100vw - 900px) / 2)) 48px; position: fixed; right: 0;
    top: var(--muhle-menu-top, 92px); width: 100%; z-index: 80; }
  .muhle-mobile-menu__top { display: none; }
  .muhle-mobile-menu__account { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
  .muhle-mobile-menu__account p { grid-column: 1 / -1; }
}

/* ---------- 2. Cart: image never larger than its column ---------- */
.muhle-cart-item { min-width: 0; }
.muhle-cart-item__image { box-sizing: border-box; max-width: 100%; min-width: 0; }
.muhle-cart-item__info { min-width: 0; }
.muhle-cart-item__info > a { overflow-wrap: anywhere; }

/* Tablet: two columns are plenty — drop the separate unit-price column early */
@media (max-width: 1199px) {
  .muhle-cart__columns { display: none; }
  .muhle-cart__heading { display: flex; align-items: baseline; justify-content: space-between; }
  .muhle-cart-item { grid-template-columns: minmax(96px, var(--cart-image-size, 150px)) minmax(0, 1fr) auto; }
  .muhle-cart-item__image { height: auto; width: 100%; }
  .muhle-cart-item__unit { display: none; }
  .muhle-cart-item__price { align-self: start; white-space: nowrap; }
}

@media (max-width: 989px) {
  .muhle-cart-item { grid-template-columns: 96px minmax(0, 1fr); gap: 8px 16px; }
  .muhle-cart-item__image { grid-column: 1; grid-row: 1 / span 2; height: 96px; width: 96px; }
  .muhle-cart-item__info { grid-column: 2; grid-row: 1; }
  .muhle-cart-item__price { grid-column: 2; grid-row: 2; justify-content: flex-start; text-align: left; }
  .muhle-cart-item__mobile-unit { display: none; }
}

@media (max-width: 600px) {
  .muhle-cart-item { grid-template-columns: 76px minmax(0, 1fr); gap: 6px 12px; padding: 16px 0; }
  .muhle-cart-item__image { height: 76px; width: 76px; }
  .muhle-cart-item__info > a { font-size: 14.5px; }
  .muhle-cart-item__info small { font-size: 12px; }
  .muhle-cart-item__quantity { width: 104px; }
}

/* Personalisation consent: it is a direct child of the summary, so the
   generic "summary > div" flex rule used to squash it into two columns. */
.muhle-cart__summary > .muhle-cart-consent,
.muhle-cart-consent {
  display: grid !important;
  gap: 12px;
  justify-content: stretch !important;
  padding: 16px 18px;
}
.muhle-cart-consent .rte { font-size: .875rem; line-height: 1.55; }
.muhle-cart-consent .rte p { margin: 0; text-align: left; }
.muhle-cart-consent__box { align-items: start; display: grid !important; font-size: .875rem;
  gap: 10px; grid-template-columns: 18px minmax(0, 1fr); line-height: 1.5; text-align: left; }
.muhle-cart-consent__box input { flex: 0 0 auto; height: 18px; margin: 1px 0 0; width: 18px; }
.muhle-cart-consent__box span { display: block; }

/* ---------- 3. Newsletter / consent labels: no anonymous flex items ---------- */
.muhle-newsletter-form__consent {
  align-items: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 18px minmax(0, 1fr);
  font-size: 13.5px;
  line-height: 1.5;
}
.muhle-newsletter-form__consent input { height: 18px; margin: 1px 0 0; min-height: 0; width: 18px; }
.muhle-newsletter-form__consent span { display: block; }
.muhle-newsletter-form__consent a { color: inherit; text-underline-offset: 2px; }
.muhle-newsletter-form__legal { font-size: 12.5px; line-height: 1.5; margin: 2px 0 0; }
.muhle-newsletter-form > button { background: #171717; font-weight: 700; letter-spacing: .02em; }
.muhle-newsletter-form > button:hover { background: #000; }
.muhle-newsletter-dialog h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); margin: 0 0 8px; }
.muhle-newsletter-dialog > p:last-of-type { color: #666; margin: 0; }

/* ---------- 4. PDP story: flush, edge to edge, no seams ---------- */
.muhle-pdp-story--flush .muhle-pdp-story__row { width: 100% !important; max-width: none !important; }
.muhle-pdp-story__row { align-items: stretch; }
.muhle-pdp-story__media { aspect-ratio: var(--story-ratio, 4 / 3); height: auto !important; min-height: 0 !important; }
.muhle-pdp-story__media img { display: block; height: 100%; object-fit: cover; width: 100%; }
.muhle-pdp-story__content { align-self: center; }
@media (max-width: 989px) {
  .muhle-pdp-story--flush .muhle-pdp-story__row { width: 100% !important; }
  .muhle-pdp-story__row { grid-template-columns: minmax(0, 1fr) !important; }
  .muhle-pdp-story__content { padding: clamp(28px, 7vw, 48px) 20px !important; }
}

/* ---------- 5. Blog: listing, article, recommendations ---------- */
.muhle-blog {
  background: var(--blog-bg, #fff);
  box-sizing: border-box;
  color: var(--blog-text, #171717);
  margin-inline: auto;
  max-width: var(--blog-width, 1360px);
  padding: var(--blog-pad-top, 40px) 24px var(--blog-pad-bottom, 96px);
  width: 100%;
}
.muhle-blog__breadcrumbs { align-items: center; color: var(--blog-muted, #6d6d6d); display: flex; flex-wrap: wrap; font-size: .78rem; gap: 8px; margin-bottom: 22px; }
.muhle-blog__breadcrumbs a { color: inherit; text-decoration: none; }
.muhle-blog__breadcrumbs a:hover { text-decoration: underline; }
.muhle-blog__head { max-width: 760px; }
.muhle-blog__head h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 450; letter-spacing: -.02em; line-height: 1.1; margin: 0 0 14px; }
.muhle-blog__intro { color: var(--blog-muted, #6d6d6d); font-size: 1.02rem; line-height: 1.7; max-width: 62ch; }
.muhle-blog__intro p { margin: 0; }
.muhle-blog__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 6px; }
.muhle-blog__tag { border: 1px solid #dcdcd6; border-radius: 999px; color: #444; font-size: .78rem; letter-spacing: .01em; padding: 8px 15px; text-decoration: none; transition: background .15s ease, border-color .15s ease, color .15s ease; white-space: nowrap; }
.muhle-blog__tag:hover { border-color: #171717; color: #171717; }
.muhle-blog__tag.is-active { background: #171717; border-color: #171717; color: #fff; }
.muhle-blog__meta { color: var(--blog-muted, #6d6d6d); font-size: .72rem; font-weight: 600; letter-spacing: .07em; margin: 0 0 8px; text-transform: uppercase; }
.muhle-blog__excerpt { color: #5c5c5c; font-size: .92rem; line-height: 1.6; margin: 0; }

.muhle-blog__featured { align-items: center; border-bottom: 1px solid #e6e6e1; color: inherit; display: grid; gap: clamp(24px, 4vw, 56px); grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); margin: 40px 0 44px; padding-bottom: 44px; text-decoration: none; }
.muhle-blog__featured-media { aspect-ratio: var(--blog-ratio, 16 / 10); background: #f2f2ef; overflow: hidden; }
.muhle-blog__featured-media img { display: block; height: 100%; object-fit: cover; transition: transform .5s ease; width: 100%; }
.muhle-blog__featured:hover img { transform: scale(1.03); }
.muhle-blog__featured-body h2 { font-size: clamp(1.5rem, 2.4vw, 2.15rem); font-weight: 500; letter-spacing: -.015em; line-height: 1.2; margin: 0 0 14px; }
.muhle-blog__featured-body .muhle-text-link { margin-top: 20px; }

.muhle-blog__grid { display: grid; gap: var(--blog-gap, 32px); grid-template-columns: repeat(var(--blog-columns, 3), minmax(0, 1fr)); }
.muhle-blog-card { display: flex; flex-direction: column; min-width: 0; }
.muhle-blog-card__media { aspect-ratio: var(--blog-ratio, 16 / 10); background: #f2f2ef; display: block; overflow: hidden; }
.muhle-blog-card__media img { display: block; height: 100%; object-fit: cover; transition: transform .5s ease; width: 100%; }
.muhle-blog-card:hover .muhle-blog-card__media img { transform: scale(1.035); }
.muhle-blog-card__body { padding-top: 16px; }
.muhle-blog-card h3 { font-size: var(--blog-title-size, 19px); font-weight: 570; letter-spacing: -.01em; line-height: 1.3; margin: 0 0 10px; }
.muhle-blog-card h3 a { color: inherit; text-decoration: none; }
.muhle-blog-card h3 a:hover { color: var(--blog-accent, #b59a22); }
.muhle-blog-card__tags { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 12px 0 0; }
.muhle-blog-card__tags a { color: var(--blog-muted, #6d6d6d); font-size: .72rem; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.muhle-blog-card__tags a:hover { color: #171717; }

.muhle-blog__pagination { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 56px; }
.muhle-blog__pagination a, .muhle-blog__pagination span { border: 1px solid transparent; color: #444; font-size: .88rem; min-width: 40px; padding: 9px 12px; text-align: center; text-decoration: none; }
.muhle-blog__pagination a:hover { border-color: #cfcfc8; }
.muhle-blog__pagination .is-active { background: #171717; color: #fff; }
.muhle-blog__empty { color: var(--blog-muted, #6d6d6d); margin: 48px 0; }

/* Article */
.muhle-article { box-sizing: border-box; color: #171717; margin-inline: auto; max-width: var(--article-media-width, 1100px); padding: var(--article-pad-top, 36px) 24px var(--article-pad-bottom, 56px); width: 100%; }
.muhle-article__head { margin-inline: auto; max-width: var(--article-width, 720px); }
.muhle-article__meta { align-items: center; color: var(--article-muted, #6d6d6d); display: flex; flex-wrap: wrap; font-size: .74rem; gap: 8px; letter-spacing: .07em; margin: 0 0 14px; text-transform: uppercase; }
.muhle-article h1 { font-size: var(--article-title-size, 40px); font-weight: 460; letter-spacing: -.022em; line-height: 1.12; margin: 0 0 18px; }
.muhle-article__standfirst { color: #4f4f4f; font-size: 1.08rem; line-height: 1.65; margin: 0 0 8px; }
.muhle-article__hero { margin: 32px 0 40px; }
.muhle-article__hero img { aspect-ratio: var(--article-ratio, 16 / 9); background: #f2f2ef; display: block; height: auto; max-height: min(560px, 58vh); object-fit: cover; width: 100%; }
.muhle-article__hero figcaption { color: var(--article-muted, #6d6d6d); font-size: .78rem; margin-top: 10px; }

.muhle-article__body { font-size: var(--article-body-size, 17px); line-height: 1.78; margin-inline: auto; max-width: var(--article-width, 720px); }
.muhle-article__body > * { margin-block: 0 1.15em; }
.muhle-article__body h2 { font-size: 1.55em; font-weight: 550; letter-spacing: -.015em; line-height: 1.25; margin-block: 1.9em .55em; }
.muhle-article__body h3 { font-size: 1.22em; font-weight: 600; line-height: 1.3; margin-block: 1.6em .5em; }
.muhle-article__body h4 { font-size: 1.05em; font-weight: 650; margin-block: 1.4em .45em; }
.muhle-article__body p { color: #333; }
.muhle-article__body a { color: #171717; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.muhle-article__body a:hover { color: var(--article-accent, #b59a22); }
.muhle-article__body ul, .muhle-article__body ol { padding-left: 1.25em; }
.muhle-article__body li { margin-bottom: .5em; }
.muhle-article__body strong { font-weight: 650; }
.muhle-article__body blockquote { border-left: 3px solid var(--article-accent, #b59a22); color: #2b2b2b; font-size: 1.1em; line-height: 1.6; margin: 2em 0; padding: 4px 0 4px 22px; }
.muhle-article__body img,
.muhle-article__body iframe,
.muhle-article__body video { border-radius: 2px; display: block; height: auto; margin-inline: auto; max-width: 100%; }
/* Editor-pasted images often carry hard width/height attributes — never let them blow up */
.muhle-article__body img { width: auto; max-height: 78vh; object-fit: contain; }
.muhle-article__body figure { margin: 2em 0; }
.muhle-article__body figcaption { color: var(--article-muted, #6d6d6d); font-size: .82em; margin-top: 8px; text-align: center; }
.muhle-article__body iframe { aspect-ratio: 16 / 9; width: 100%; }
.muhle-article__body table { border-collapse: collapse; display: block; overflow-x: auto; width: 100%; }
.muhle-article__body th, .muhle-article__body td { border: 1px solid #e2e2dd; padding: 10px 12px; text-align: left; }
.muhle-article__body hr { border: 0; border-top: 1px solid #e2e2dd; margin: 2.4em 0; }

.muhle-article__footer { border-top: 1px solid #e6e6e1; display: grid; gap: 18px; margin: 48px auto 0; max-width: var(--article-width, 720px); padding-top: 26px; }
.muhle-article__tags, .muhle-article__share { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.muhle-article__tags > span, .muhle-article__share > span { color: var(--article-muted, #6d6d6d); font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.muhle-article__tags a { border: 1px solid #dcdcd6; border-radius: 999px; color: #444; font-size: .78rem; padding: 6px 13px; text-decoration: none; }
.muhle-article__tags a:hover { border-color: #171717; color: #171717; }
.muhle-article__share a { color: #444; font-size: .82rem; text-decoration: underline; text-underline-offset: 3px; }
.muhle-article__share a:hover { color: #171717; }

.muhle-article-recs { background: var(--recs-bg, #f7f7f5); padding-block: var(--recs-pad-top, 64px) var(--recs-pad-bottom, 24px); }
.muhle-article-related { padding-block: 56px 80px; }
.muhle-article-recs__inner { box-sizing: border-box; margin-inline: auto; max-width: var(--recs-width, 1360px); padding-inline: 24px; width: 100%; }
.muhle-article-recs__grid { display: grid; gap: 24px; grid-template-columns: repeat(var(--recs-columns, 4), minmax(0, 1fr)); }
.muhle-blog__grid--related { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 1199px) {
  .muhle-blog__grid, .muhle-blog__grid--related { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .muhle-article-recs__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 989px) {
  .muhle-blog__featured { gap: 22px; grid-template-columns: minmax(0, 1fr); margin: 30px 0 34px; padding-bottom: 34px; }
  .muhle-article-recs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .muhle-article { padding-inline: 20px; }
}
@media (max-width: 749px) {
  .muhle-blog { padding-inline: 16px; }
  .muhle-blog__grid, .muhle-blog__grid--related { gap: 26px; grid-template-columns: minmax(0, 1fr); }
  .muhle-blog__tags { gap: 7px; margin-top: 22px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; scrollbar-width: none; }
  .muhle-blog__tags::-webkit-scrollbar { display: none; }
  .muhle-article { padding-inline: 16px; }
  .muhle-article h1 { font-size: min(var(--article-title-size, 40px), 28px); }
  .muhle-article__standfirst { font-size: 1rem; }
  .muhle-article__body { font-size: min(var(--article-body-size, 17px), 16.5px); line-height: 1.72; }
  .muhle-article__hero { margin: 22px 0 28px; }
  .muhle-article-recs__inner { padding-inline: 16px; }
  .muhle-article-recs__grid { gap: 14px; }
  .muhle-article-related { padding-block: 40px 56px; }
}

/* The generic "summary > div" row rule must not capture structured blocks */
.muhle-cart__summary > .muhle-cart__discount-field,
.muhle-cart__summary > .muhle-cart-consent,
.muhle-cart__summary > .muhle-cart__custom-html {
  border-bottom: 0 !important;
  display: grid !important;
  padding: 0;
}
.muhle-cart__summary > .muhle-cart-consent { padding: 16px 18px; }
.muhle-cart__summary > .muhle-cart__discount-field { gap: 10px; margin-top: 16px; }
.muhle-article__back { color: #444; font-size: .82rem; font-weight: 600; letter-spacing: .02em; text-decoration: none; }
.muhle-article__back:hover { color: #171717; text-decoration: underline; }

/* Legacy rules place .muhle-cart-item__quantity/__remove/__price on grid columns 2-3.
   Those elements now live INSIDE .muhle-cart-item__info, where the stale placement
   was silently creating a 3-column sub-grid. Force a single stacked column. */
.muhle-cart-item__info { grid-template-columns: minmax(0, 1fr); }
.muhle-cart-item__info > * { grid-column: 1 / -1 !important; grid-row: auto !important; }
.muhle-cart-item__info > .muhle-cart-item__quantity { justify-self: start; }
.muhle-cart-item__info > .muhle-cart-item__remove { justify-self: start; }

/* ---------- 6. Mega menu: do not download 35 tile images on every page load ----------
   The panels were only visibility:hidden, so Chrome treated their lazy images as
   in-viewport and fetched all of them before the LCP image. content-visibility:hidden
   skips rendering the subtree entirely (no image fetch, no a11y tree) and flips to
   visible on hover/focus-within - keyboard users still get the panel when the
   top-level link receives focus. */
.muhle-mega { content-visibility: hidden; }
.muhle-nav__item:hover > .muhle-mega,
.muhle-nav__item:focus-within > .muhle-mega { content-visibility: visible; }


/* ==================================================================
   2026-09 v6 — condensed header, story squares, cart savings, gutters
   ================================================================== */

/* ---------- Condensed (scrolled) header ----------
   The compact nav is absolutely positioned between the logo and the icons.
   With 9 top-level items it was wider than that gap from 1100px all the way
   to ~1400px and painted straight over the logo and the search/wishlist icons.
   Condensing now only happens when there is genuinely room (>=1400px), and the
   nav is clamped so it can never overflow its lane. */
@media (min-width: 1400px) {
  .muhle-header-condensed .muhle-nav__list {
    gap: clamp(12px, 1.6vw, 30px);
    max-width: 100%;
    min-width: 0;
  }
  .muhle-header-condensed .muhle-nav__link {
    font-size: min(var(--muhle-nav-font-size, 14px), 12.5px);
    letter-spacing: .03em;
  }
  .muhle-header-condensed .muhle-nav {
    left: max(96px, calc((100vw - min(var(--page-width, 90rem), calc(100vw - 40px))) / 2 + 86px));
    right: max(184px, calc((100vw - min(var(--page-width, 90rem), calc(100vw - 40px))) / 2 + 172px));
  }
}

/* ---------- PDP story: both media exactly square and equal ----------
   With align-items:stretch the media grew to the height of whichever text
   column was longer, so the two rows ended up different sizes. */
.muhle-pdp-story__row { align-items: center; }
.muhle-pdp-story__media { align-self: center; aspect-ratio: var(--story-ratio, 1 / 1); width: 100%; }

/* ---------- Cart: struck-through savings ---------- */
.muhle-cart-item__unit s,
.muhle-cart-item__price s,
.muhle-cart-item__mobile-unit s { color: #9a9a95; font-weight: 400; margin-right: 6px; }
.muhle-cart-item__unit s + strong,
.muhle-cart-item__price s + strong { display: inline; }
.muhle-cart__discount strong { white-space: nowrap; }

/* ---------- Compact sticky header below 1400px: two tight rows ----------
   The one-line compact header puts the nav in the gap between the logo and the
   icons; with 9 top-level items that gap is too small until ~1400px and the nav
   painted over both. Below 1400px the header still shrinks and stays stuck to
   the top, but it keeps its two rows (logo row + nav row) so nothing can
   overlap. The announcement and contact strips are what get reclaimed. */
@media (max-width: 1399px) {
  .muhle-header-condensed .muhle-site-header { box-shadow: 0 3px 14px rgb(0 0 0 / .10); position: relative !important; }
  .muhle-header-condensed .muhle-site-header__announcement,
  .muhle-header-condensed .muhle-site-header__contact { display: none !important; }

  /* undo the one-line rules that apply at every width */
  .muhle-header-condensed .muhle-site-header__main { justify-content: initial; min-height: 54px; }
  .muhle-header-condensed .muhle-site-header__logo { grid-column: 2; justify-self: center; margin: 0; position: static; transform: none; }
  .muhle-header-condensed .muhle-site-header__logo img { height: 38px; max-height: 38px; width: auto; }
  .muhle-header-condensed .muhle-nav { border-top: 1px solid #f0f0ee; inset: auto; pointer-events: auto; position: relative; }
  .muhle-header-condensed .muhle-nav__list { align-items: center; height: auto; min-height: 44px; }
  .muhle-header-condensed .muhle-nav__item { height: 44px; }
  .muhle-header-condensed .muhle-nav__link { padding-block: 0; }
  .muhle-header-condensed .muhle-site-header__actions .header-actions__action,
  .muhle-header-condensed .muhle-site-header__actions .search-action,
  .muhle-header-condensed .muhle-header-action { height: 40px; width: 40px; }
}
@media (max-width: 989px) {
  .muhle-header-condensed .muhle-site-header__contact { display: none !important; }
  .muhle-header-condensed .muhle-site-header__main { min-height: 56px; }
  .muhle-header-condensed .muhle-site-header__logo img { height: 36px; max-height: 36px; }
}
}

/* ---------- Minimum edge gutter ----------
   Nothing that carries text or takes input may sit closer than 8px to the
   screen edge. A legacy rule pulled the mobile cart summary out with a
   negative inline margin, so its rows ended up 2px from the edge. */
.muhle-cart__summary { margin-inline: 0 !important; }

@media (max-width: 989px) {
  .muhle-cart { padding-inline: max(8px, 14px); width: 100%; }
  .muhle-cart__summary { padding: 18px 14px 22px; }
  .muhle-cart__items { padding-inline: 0; }
}

/* Safety net: the theme's own full-width wrappers keep a real gutter */
.muhle-blog,
.muhle-article,
.muhle-article-recs__inner,
.muhle-cart,
.muhle-pdp-assurance,
.muhle-collection-seo__inner,
.muhle-seo-stories__inner,
.muhle-craftsmanship__inner,
.muhle-pdp__inner {
  padding-inline: max(8px, var(--muhle-gutter, 16px));
}

/* --muhle-page already reserves a gutter, but never let it drop below 8px */
:root { --muhle-page: min(1700px, calc(100vw - 64px)); }
@media (max-width: 989px) { :root { --muhle-page: calc(100vw - 32px); } }
@media (max-width: 749px) { :root { --muhle-page: calc(100vw - 24px); } }
@media (max-width: 380px) { :root { --muhle-page: calc(100vw - 16px); } }
@media (min-width: 750px) { :root { --muhle-gutter: 24px; } }
@media (max-width: 749px) { :root { --muhle-gutter: 16px; } }

/* Horizontal chip scrollers: first and last chip keep the page gutter */
.muhle-blog__tags { padding-inline: 0; scroll-padding-inline: 16px; }
.muhle-blog__tags::after { content: ''; flex: 0 0 8px; }

/* The flush PDP story rows are deliberately edge-to-edge; their text is not */
.muhle-pdp-story__content { padding-inline: max(20px, clamp(20px, 5vw, 72px)); }


/* The compact header is only worth having if the space it frees is actually
   freed: #header-group used to keep reserving the EXPANDED height, leaving an
   empty band (98px at 1100-1399, 137px at 1400+) under the shrunken bar. */
.muhle-header-condensed #header-group { min-height: 0; }
@media (min-width: 1400px) {
  /* the bar is position:fixed up here, so reserve exactly its own height */
  .muhle-header-condensed #header-group { min-height: 60px; }
}

/* ==================================================================
   Announcement bar — slider + countdown
   ================================================================== */
.muhle-announce {
  background: var(--ann-bg, #333);
  border-bottom: var(--ann-border-bottom, 0) solid var(--ann-border-color, #b59a22);
  border-top: var(--ann-border-top, 0) solid var(--ann-border-color, #b59a22);
  color: var(--ann-color, #fff);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.muhle-announce__inner {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-inline: auto;
  min-height: var(--ann-height, 38px);
  padding-inline: max(8px, var(--ann-pad-x, 24px));
  position: relative;
  width: 100%;
}
.muhle-announce--contained .muhle-announce__inner { max-width: var(--ann-max, 1700px); }

.muhle-announce__viewport { display: grid; min-width: 0; width: 100%; }
.muhle-announce__slide {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  grid-area: 1 / 1;
  justify-content: center;
  opacity: 0;
  padding-block: 7px;
  pointer-events: none;
  text-align: center;
  transition: opacity .35s ease;
  visibility: hidden;
}
.muhle-announce__slide.is-active { opacity: 1; pointer-events: auto; visibility: visible; }
.muhle-announce__slide[style*="--ann-slide-bg"] { background: var(--ann-slide-bg); color: var(--ann-slide-color, inherit); }
.muhle-announce__text {
  color: inherit;
  font-size: var(--ann-size, 12px);
  font-weight: var(--ann-weight, 600);
  letter-spacing: var(--ann-tracking, .025em);
  line-height: 1.35;
}
.muhle-announce__slide a.muhle-announce__text { color: var(--ann-link, #fff); text-decoration: none; text-underline-offset: 3px; }
.muhle-announce__slide a.muhle-announce__text:hover { text-decoration: underline; }
.muhle-announce--upper .muhle-announce__text { text-transform: uppercase; }
.muhle-announce__badge {
  background: var(--ann-cd-bg, #00000033);
  border-radius: 2px;
  font-size: .85em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .06em;
  margin-right: 8px;
  padding: 2px 7px;
  text-transform: uppercase;
}
.muhle-announce__arrow {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: 30px;
  justify-content: center;
  opacity: .75;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  z-index: 2;
}
.muhle-announce__arrow:hover { opacity: 1; }
.muhle-announce__arrow svg { height: 17px; width: 17px; }
.muhle-announce__arrow--prev { left: max(4px, calc(var(--ann-pad-x, 24px) - 22px)); }
.muhle-announce__arrow--next { right: max(4px, calc(var(--ann-pad-x, 24px) - 22px)); }
.muhle-announce__dots { display: flex; gap: 6px; position: absolute; right: max(8px, var(--ann-pad-x, 24px)); top: 50%; transform: translateY(-50%); z-index: 2; }
.muhle-announce__dots button { background: currentColor; border: 0; border-radius: 50%; cursor: pointer; height: 6px; opacity: .35; padding: 0; width: 6px; }
.muhle-announce__dots button.is-active { opacity: 1; }

.muhle-countdown { align-items: center; display: inline-flex; gap: 5px; }
.muhle-countdown b {
  align-items: baseline;
  background: var(--ann-cd-bg, #00000033);
  border-radius: 2px;
  color: var(--ann-cd-color, #fff);
  display: inline-flex;
  font-weight: 700;
  gap: 2px;
  line-height: 1;
  padding: 4px 6px;
}
.muhle-countdown i { font-style: normal; font-variant-numeric: tabular-nums; }
.muhle-countdown u { font-size: .78em; font-weight: 500; opacity: .8; text-decoration: none; }

@media (max-width: 749px) {
  .muhle-announce__inner { padding-inline: max(8px, min(var(--ann-pad-x, 24px), 14px)); }
  .muhle-announce__arrow { display: none; }
  .muhle-announce__dots { display: none; }
  .muhle-announce__text { font-size: min(var(--ann-size, 12px), 11.5px); }
  .muhle-countdown b { padding: 3px 5px; }
}
@media (prefers-reduced-motion: reduce) { .muhle-announce__slide { transition: none; } }

/* Collection page: filters and the sort control keep a real gutter */
.product-grid-container .collection-wrapper { padding-inline: max(16px, var(--muhle-gutter, 16px)); }
@media (min-width: 990px) { .product-grid-container .collection-wrapper { padding-inline: max(24px, var(--muhle-gutter, 24px)); } }
.product-grid-container .facets__form,
.product-grid-container .facets-vertical .facets__filters { min-width: 0; }

/* The announcement strip is now .muhle-announce (it used to be
   .muhle-site-header__announcement). Every condensed-header rule that hid the
   old element stopped matching, so the strip stayed visible while the compact
   nav — which is absolutely positioned at top:0 of the header — painted over
   it and the header overflowed its own reserved height. */
.muhle-header-condensed .muhle-announce { display: none !important; }

/* ==================================================================
   Product card — editor-controlled colours, radii, spacing
   (the vars below were referenced but never defined, so every colour
   silently fell back to a hard-coded value)
   ================================================================== */
.muhle-product-card { box-shadow: var(--muhle-card-shadow, none); }
.muhle-product-card__media,
.muhle-product-card > a.muhle-product-card__media {
  background: var(--muhle-card-image-bg, #fff) !important;
  border-radius: var(--muhle-card-image-radius, 2px) !important;
  margin-bottom: var(--muhle-card-media-gap, 0);
  padding: var(--muhle-card-image-padding, 0);
  position: relative;
}
.muhle-product-card__media img { border-radius: inherit; }
.muhle-product-card__media:hover .muhle-product-card__image:first-child { transform: scale(var(--muhle-card-hover-zoom, 1.03)); }

.muhle-product-card__content { padding-top: calc(var(--muhle-card-content-padding, 14px) - var(--muhle-card-media-gap, 0px)); }
.muhle-product-card__vendor {
  color: var(--muhle-card-muted, #777);
  font-size: var(--muhle-card-vendor-size, 11px);
  margin: 0 0 var(--muhle-card-vendor-gap, 4px);
}
.muhle-product-card h3 {
  color: var(--muhle-card-text, #171717);
  font-weight: var(--muhle-card-title-weight, 600);
  line-height: var(--muhle-card-title-line-height, 1.4);
  text-transform: var(--muhle-card-title-transform, none);
}
.muhle-product-card h3 a { color: inherit; }
.muhle-product-card__price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--muhle-card-price-spacing, 8px);
  margin-top: var(--muhle-card-price-gap, 4px);
}
.muhle-product-card__price span { color: var(--muhle-card-price, #b59a22); }
.muhle-product-card__price .is-sale { color: var(--muhle-card-sale, #9e0000); }
.muhle-product-card__price s {
  color: var(--muhle-card-compare, #8d8d8d);
  font-size: var(--muhle-card-compare-size, 12px);
  font-weight: 400;
}
.muhle-product-card__button {
  background: var(--muhle-card-button-bg, #fff);
  border: 1px solid var(--muhle-card-button-border, #d7d7d2);
  border-radius: var(--muhle-card-button-radius, 2px) !important;
  color: var(--muhle-card-button-color, #171717);
  min-height: var(--muhle-card-button-height, 42px);
}
.muhle-product-card__button:hover { background: var(--muhle-card-button-color, #171717); color: var(--muhle-card-button-bg, #fff); }

/* Badges: own radius / tracking / case, independent of Horizon's globals */
.muhle-product-badge,
.muhle-product-card__badge {
  border-radius: var(--muhle-badge-radius, 2px) !important;
  letter-spacing: var(--muhle-badge-letter-spacing, .7px);
  text-transform: var(--muhle-badge-text-transform, uppercase);
}

/* ==================================================================
   Hero slider — stacked slides, five transition styles, full controls
   ================================================================== */
.muhle-hero {
  border-bottom: var(--hero-border-bottom, 0) solid var(--hero-border-color, #b59a22);
  border-top: var(--hero-border-top, 0) solid var(--hero-border-color, #b59a22);
  position: relative;
}
.muhle-hero__slides { display: grid; height: 100%; overflow: hidden; position: relative; }
.muhle-hero__slide { grid-area: 1 / 1; }

/* every slide except the active one is out of the way and unreachable */
.muhle-hero--slider .muhle-hero__slide {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--hero-speed, 800ms) cubic-bezier(.4, 0, .2, 1),
              transform var(--hero-speed, 800ms) cubic-bezier(.4, 0, .2, 1),
              clip-path var(--hero-speed, 800ms) cubic-bezier(.4, 0, .2, 1);
  visibility: hidden;
  will-change: opacity, transform;
}
.muhle-hero--slider .muhle-hero__slide.is-active { opacity: 1; pointer-events: auto; visibility: visible; }

/* fade (default) needs nothing else */
.muhle-hero--fx-none .muhle-hero__slide { transition: none !important; }

.muhle-hero--fx-slide .muhle-hero__slide { transform: translateX(var(--hero-out, 100%)); }
.muhle-hero--fx-slide .muhle-hero__slide.is-active { transform: translateX(0); }

.muhle-hero--fx-zoom .muhle-hero__slide { transform: scale(1.08); }
.muhle-hero--fx-zoom .muhle-hero__slide.is-active { transform: scale(1); }

.muhle-hero--fx-reveal .muhle-hero__slide { clip-path: inset(0 0 0 100%); opacity: 1; visibility: hidden; }
.muhle-hero--fx-reveal .muhle-hero__slide.is-active { clip-path: inset(0 0 0 0); visibility: visible; }

.muhle-hero--fx-kenburns .muhle-hero__slide.is-active .muhle-hero__image {
  animation: muhle-kenburns calc(var(--hero-kb, 9000ms)) ease-out both;
}
@keyframes muhle-kenburns {
  from { transform: scale(1) translate3d(0, 0, 0); }
  to { transform: scale(1.09) translate3d(-1.2%, -1%, 0); }
}

/* ---- typography wired to the editor ---- */
.muhle-hero__eyebrow {
  color: var(--hero-eyebrow-color, #b59a22);
  font-size: var(--hero-eyebrow-size, 12px);
  letter-spacing: var(--hero-eyebrow-tracking, 1.8px);
  margin: 0 0 var(--hero-eyebrow-gap, 14px);
}
.muhle-hero h1,
.muhle-hero__heading {
  color: var(--hero-heading-color, #fff);
  font-size: var(--hero-heading-size, 72px);
  font-weight: var(--hero-heading-weight, 500);
  letter-spacing: var(--hero-heading-tracking, -.04em);
  line-height: var(--hero-heading-leading, 1);
  margin: 0;
}
.muhle-hero__text,
.muhle-hero__text p {
  color: var(--hero-color, #fff);
  font-size: var(--hero-text-size, 18px);
}
.muhle-hero__text { margin: var(--hero-text-gap, 22px) 0 0; }
.muhle-hero__text p { margin: 0 0 .6em; }
.muhle-hero__content { padding: var(--hero-content-pad-y, 72px) var(--hero-content-pad-x, 64px); }
.muhle-hero__meta { color: var(--hero-meta-color, #fff); font-size: var(--hero-meta-size, 11px); }

.muhle-button--hero {
  background: var(--hero-button-bg, #fff);
  border: 1px solid var(--hero-button-border, #fff);
  border-radius: var(--hero-button-radius, 2px) !important;
  color: var(--hero-button-color, #171717);
  display: inline-block;
  font-size: var(--hero-button-size, 14px);
  margin-top: var(--hero-button-gap, 30px);
  padding: var(--hero-button-pad-y, 16px) var(--hero-button-pad-x, 32px);
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.muhle-button--hero:hover {
  background: var(--hero-button-bg-hover, #b59a22);
  border-color: var(--hero-button-bg-hover, #b59a22);
  color: var(--hero-button-color-hover, #fff);
}

/* ---- controls ---- */
.muhle-hero__arrow {
  align-items: center;
  background: var(--hero-arrow-bg, rgba(0, 0, 0, .25));
  border: 0;
  border-radius: 50%;
  color: var(--hero-arrow-color, #fff);
  cursor: pointer;
  display: flex;
  height: var(--hero-arrow-size, 44px);
  justify-content: center;
  opacity: .85;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .2s ease;
  width: var(--hero-arrow-size, 44px);
  z-index: 3;
}
.muhle-hero__arrow:hover { opacity: 1; }
.muhle-hero__arrow svg { height: 45%; width: 45%; }
.muhle-hero__arrow--prev { left: clamp(10px, 2vw, 26px); }
.muhle-hero__arrow--next { right: clamp(10px, 2vw, 26px); }

.muhle-hero__dots { bottom: 18px; display: flex; gap: 9px; justify-content: center; left: 0; position: absolute; right: 0; z-index: 3; }
.muhle-hero__dots button { background: none; border: 0; cursor: pointer; line-height: 0; padding: 6px 2px; }
.muhle-hero__dots i { background: var(--hero-arrow-color, #fff); display: block; opacity: .45; transition: opacity .25s ease, width .25s ease; }
.muhle-hero__dots--dot i { border-radius: 50%; height: 8px; width: 8px; }
.muhle-hero__dots--bar i { border-radius: 2px; height: 3px; width: 22px; }
.muhle-hero__dots--ring i { border: 1.5px solid var(--hero-arrow-color, #fff); background: none; border-radius: 50%; height: 10px; width: 10px; }
.muhle-hero__dots button.is-active i { opacity: 1; }
.muhle-hero__dots--bar button.is-active i { width: 40px; }
.muhle-hero__dots--ring button.is-active i { background: var(--hero-arrow-color, #fff); }

@media (max-width: 749px) {
  .muhle-hero__content { padding: var(--hero-content-pad-y-mobile, 40px) var(--hero-content-pad-x-mobile, 20px); }
  .muhle-hero h1, .muhle-hero__heading { font-size: var(--hero-heading-size-mobile, 40px); }
  .muhle-hero__text, .muhle-hero__text p { font-size: var(--hero-text-size-mobile, 15px); }
  .muhle-hero--mcontent-left .muhle-hero__content { justify-content: flex-start; }
  .muhle-hero--mcontent-center .muhle-hero__content { justify-content: center; }
  .muhle-hero--mcontent-right .muhle-hero__content { justify-content: flex-end; }
  .muhle-hero__arrow { height: 36px; width: 36px; }
  .muhle-hero__dots { bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .muhle-hero--slider .muhle-hero__slide { transition: opacity .01ms linear !important; transform: none !important; clip-path: none !important; }
  .muhle-hero--fx-kenburns .muhle-hero__slide.is-active .muhle-hero__image { animation: none; }
}

/* ==================================================================
   Trust rail — stacked or inline, icon / image / GIF per item
   ================================================================== */
.muhle-trust {
  background: var(--trust-bg, #eceae7);
  border-bottom: var(--trust-border-bottom, 0) solid var(--trust-border-color, #dedede);
  border-top: var(--trust-border-top, 0) solid var(--trust-border-color, #dedede);
  color: var(--trust-color, #4a4a47);
  padding-block: var(--trust-padding-top, 64px) var(--trust-padding-bottom, 64px);
}
.muhle-trust__heading {
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 450;
  margin: 0 auto clamp(28px, 4vw, 48px);
  max-width: var(--trust-width, 1500px);
  padding-inline: max(8px, var(--muhle-gutter, 24px));
  text-align: var(--trust-align, center);
}
.muhle-trust__grid {
  box-sizing: border-box;
  column-gap: var(--trust-gap, 40px);
  display: grid;
  grid-template-columns: repeat(var(--trust-columns, 4), minmax(0, 1fr));
  margin-inline: auto;
  max-width: var(--trust-width, 1500px);
  padding-inline: max(8px, var(--muhle-gutter, 24px));
  row-gap: var(--trust-row-gap, 40px);
  width: 100%;
}
.muhle-trust__item {
  align-items: center;
  border: 0;
  color: inherit;
  display: flex;
  min-width: 0;
  text-decoration: none;
  transition: transform .25s ease;
}
.muhle-trust__item:hover { transform: translateY(var(--trust-hover-lift, 0)); }
.muhle-trust--stacked .muhle-trust__item { flex-direction: column; gap: var(--trust-media-gap, 22px); text-align: var(--trust-align, center); }
.muhle-trust--stacked.muhle-trust--align-left .muhle-trust__item { align-items: flex-start; }
.muhle-trust--stacked.muhle-trust--align-right .muhle-trust__item { align-items: flex-end; }
.muhle-trust--inline .muhle-trust__item { gap: var(--trust-media-gap, 22px); text-align: left; }
.muhle-trust--inline.muhle-trust--align-center .muhle-trust__item { justify-content: center; }
.muhle-trust--inline.muhle-trust--align-right .muhle-trust__item { justify-content: flex-end; }
.muhle-trust__item + .muhle-trust__item { border-left: var(--trust-divider-width, 0) solid var(--trust-border, #d9d7d3); padding-left: calc(var(--trust-divider-width, 0px) * 20); }

.muhle-trust__media { color: var(--trust-accent, #6f6f6b); display: block; flex: 0 0 auto; line-height: 0; }
.muhle-trust__media:empty { display: none; }
.muhle-trust__media svg { height: var(--trust-icon-size, 72px); width: var(--trust-icon-size, 72px); }
.muhle-trust__media img { display: block; height: auto; max-width: 100%; width: var(--trust-media-width, 72px); }
.muhle-trust--inline .muhle-trust__media svg { height: var(--trust-inline-icon, var(--trust-icon-size, 40px)); width: var(--trust-inline-icon, var(--trust-icon-size, 40px)); }

.muhle-trust__copy { display: block; min-width: 0; }
.muhle-trust__title {
  color: var(--trust-color, #4a4a47);
  display: block;
  font-size: var(--trust-title-size, 16px);
  font-weight: var(--trust-title-weight, 400);
  letter-spacing: var(--trust-title-tracking, 0);
  line-height: 1.35;
  text-transform: var(--trust-title-transform, none);
}
.muhle-trust__text {
  color: var(--trust-muted, #7c7c78);
  display: block;
  font-size: var(--trust-text-size, 13px);
  line-height: 1.5;
  margin-top: var(--trust-title-gap, 6px);
}
@media (max-width: 749px) {
  .muhle-trust__grid { grid-template-columns: repeat(var(--trust-columns-mobile, 2), minmax(0, 1fr)); }
  .muhle-trust__media svg { height: var(--trust-icon-size-mobile, 54px); width: var(--trust-icon-size-mobile, 54px); }
  .muhle-trust__item + .muhle-trust__item { border-left: 0; padding-left: 0; }
  .muhle-trust__title { font-size: min(var(--trust-title-size, 16px), 14px); }
}
@media (prefers-reduced-motion: reduce) { .muhle-trust__item { transition: none; } }

/* ==================================================================
   Header contact strip — fully styleable
   ================================================================== */
.muhle-site-header__contact {
  background: var(--muhle-contact-bg, #f5f5f3);
  border-bottom: var(--muhle-contact-border, 1px) solid var(--muhle-contact-border-color, #ededeb);
  color: var(--muhle-contact-color, #444);
  font-size: var(--muhle-contact-size, 12px);
}
.muhle-site-header__contact .page-width {
  gap: var(--muhle-contact-gap, 24px);
  min-height: var(--muhle-contact-height, 34px);
}
.muhle-site-header__contact a { color: var(--muhle-contact-link, inherit); font-weight: var(--muhle-contact-weight, 400); }
.muhle-site-header__contact a:hover { color: var(--muhle-contact-link-hover, #171717); }
.muhle-site-header__contact a svg { flex: 0 0 var(--muhle-contact-icon, 16px); height: var(--muhle-contact-icon, 16px); width: var(--muhle-contact-icon, 16px); }
.muhle-site-header__contact span {
  color: var(--muhle-contact-note-color, var(--muhle-contact-color, #444));
  font-size: var(--muhle-contact-note-size, 12px);
  font-weight: var(--muhle-contact-note-weight, 400);
  letter-spacing: var(--muhle-contact-note-tracking, 0);
  margin-left: auto;
  text-transform: var(--muhle-contact-note-transform, none);
}

/* ==================================================================
   Sticky header — at EVERY width
   #header-group lives inside .page-wrapper, which is the scroll container
   from 990px up. A legacy `position: relative !important` on #header-group
   beat the later sticky rules, so the header scrolled away at every width
   below 1400px; only the >=1400px branch stayed put, and only because it
   switched the bar to position:fixed. Sticky works in both cases, so the
   fixed hack is no longer needed.
   ================================================================== */
#header-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 70;
}
#header-group .muhle-site-header { position: relative !important; top: auto !important; }

.muhle-header-condensed #header-group {
  min-height: 0;
  position: sticky !important;
  top: 0 !important;
}
@media (min-width: 1400px) {
  .muhle-header-condensed #header-group .muhle-site-header {
    height: auto;
    inset: auto !important;
    min-height: 0;
    position: relative !important;
    width: auto;
  }
}


/* ==================================================================
   2026-09 v13 — condensed header: mega panel must span the viewport
   ================================================================== */

/* In the condensed (scrolled) header the nav turns into an absolutely
   positioned lane between the logo and the action icons:

     .muhle-header-condensed .muhle-nav { position: absolute; left: ...; right: ...; }

   .muhle-mega is position:absolute with left:0/right:0/top:100%, so its
   containing block shrank from the full header to that narrow lane. The panel
   then started ~100-470px from the left, was only ~1180px wide at every
   viewport above 1400px, the link column sat far too far right, the five
   product tiles were squeezed (and the last one clipped), and the page
   underneath showed through in the uncovered strip on the left.
   The condensed header is position:fixed and exactly 60px tall at these
   widths, so pin the panel to the viewport instead of to the nav lane.
   Below 1400px the condensed nav is position:relative again, so the panel is
   already full width there and must stay absolute. */
@media (min-width: 1400px) {
  .muhle-header-condensed .muhle-nav__item > .muhle-mega {
    left: 0;
    position: fixed;
    right: 0;
    top: var(--muhle-condensed-header-height, 60px);
  }
}


/* ==================================================================
   2026-09 v14 — hero: real mobile layouts
   ==================================================================
   On desktop the copy sits on the photograph and reads well. On a phone the
   same overlay put the eyebrow, a two-line heading, a paragraph and a button
   on top of a razor, so everything collided. The section now offers four
   off-image mobile layouts (image above / below the text, or the two side by
   side) plus its own mobile width, image ratio, typography, colours and
   button. Desktop is untouched: every rule below lives inside the phone
   breakpoint.
   ================================================================== */
@media (max-width: 749px) {

  /* ---- edge-to-edge on mobile, independent of the desktop width ---- */
  .muhle-hero--mfull,
  .muhle-hero--mfull.muhle-hero--page,
  .muhle-hero--mfull.muhle-hero--custom {
    border-radius: 0 !important;
    margin-inline: 0;
    width: 100% !important;
  }
  .muhle-hero:not(.muhle-hero--mfull) { border-radius: var(--hero-m-radius, 0) !important; }

  /* ---- the four off-image layouts ---- */
  .muhle-hero--m-below,
  .muhle-hero--m-above,
  .muhle-hero--m-split,
  .muhle-hero--m-splitrev,
  .muhle-hero--m-below.muhle-hero--height-fixed,
  .muhle-hero--m-above.muhle-hero--height-fixed,
  .muhle-hero--m-split.muhle-hero--height-fixed,
  .muhle-hero--m-splitrev.muhle-hero--height-fixed,
  .muhle-hero--m-below.muhle-hero--height-screen,
  .muhle-hero--m-above.muhle-hero--height-screen,
  .muhle-hero--m-split.muhle-hero--height-screen,
  .muhle-hero--m-splitrev.muhle-hero--height-screen {
    height: auto !important;
  }

  .muhle-hero--m-below .muhle-hero__slides,
  .muhle-hero--m-above .muhle-hero__slides,
  .muhle-hero--m-split .muhle-hero__slides,
  .muhle-hero--m-splitrev .muhle-hero__slides { height: auto; }

  .muhle-hero--m-below .muhle-hero__slide,
  .muhle-hero--m-above .muhle-hero__slide,
  .muhle-hero--m-split .muhle-hero__slide,
  .muhle-hero--m-splitrev .muhle-hero__slide {
    gap: var(--hero-m-gap, 0);
    height: auto !important;
  }

  /* the darkening layer only exists to make text readable over the photo */
  .muhle-hero--m-below .muhle-hero__overlay,
  .muhle-hero--m-above .muhle-hero__overlay,
  .muhle-hero--m-split .muhle-hero__overlay,
  .muhle-hero--m-splitrev .muhle-hero__overlay { display: none; }

  .muhle-hero--m-below .muhle-hero__slide { grid-template-columns: 1fr; grid-template-rows: auto auto; }
  .muhle-hero--m-below .muhle-hero__media { grid-area: 1 / 1 / 2 / 2; }
  .muhle-hero--m-below .muhle-hero__content { grid-area: 2 / 1 / 3 / 2; }

  .muhle-hero--m-above .muhle-hero__slide { grid-template-columns: 1fr; grid-template-rows: auto auto; }
  .muhle-hero--m-above .muhle-hero__content { grid-area: 1 / 1 / 2 / 2; }
  .muhle-hero--m-above .muhle-hero__media { grid-area: 2 / 1 / 3 / 2; }

  .muhle-hero--m-split .muhle-hero__slide {
    grid-template-columns: var(--hero-m-media-width, 45%) minmax(0, 1fr);
    grid-template-rows: auto;
  }
  .muhle-hero--m-split .muhle-hero__media { grid-area: 1 / 1 / 2 / 2; }
  .muhle-hero--m-split .muhle-hero__content { grid-area: 1 / 2 / 2 / 3; }

  .muhle-hero--m-splitrev .muhle-hero__slide {
    grid-template-columns: minmax(0, 1fr) var(--hero-m-media-width, 45%);
    grid-template-rows: auto;
  }
  .muhle-hero--m-splitrev .muhle-hero__content { grid-area: 1 / 1 / 2 / 2; }
  .muhle-hero--m-splitrev .muhle-hero__media { grid-area: 1 / 2 / 2 / 3; }

  /* the image gets a real aspect ratio instead of filling a fixed-height stage */
  .muhle-hero--m-below .muhle-hero__media,
  .muhle-hero--m-above .muhle-hero__media,
  .muhle-hero--m-split .muhle-hero__media,
  .muhle-hero--m-splitrev .muhle-hero__media {
    aspect-ratio: var(--hero-m-ratio, 1 / 1);
    height: auto !important;
    min-height: 0;
    width: 100%;
  }
  .muhle-hero--m-below .muhle-hero__image,
  .muhle-hero--m-above .muhle-hero__image,
  .muhle-hero--m-split .muhle-hero__image,
  .muhle-hero--m-splitrev .muhle-hero__image,
  .muhle-hero--m-below .muhle-hero__placeholder,
  .muhle-hero--m-above .muhle-hero__placeholder,
  .muhle-hero--m-split .muhle-hero__placeholder,
  .muhle-hero--m-splitrev .muhle-hero__placeholder {
    height: 100% !important;
    min-height: 0 !important;
  }

  /* the section's own dark backdrop would show through wherever the picture
     does not reach (the dots row, and the empty part of the media column in
     the side-by-side layouts), so off-image layouts take the text surface */
  .muhle-hero--m-below,
  .muhle-hero--m-above,
  .muhle-hero--m-split,
  .muhle-hero--m-splitrev { background: var(--hero-m-content-bg, #fff); }

  .muhle-hero--m-split .muhle-hero__media,
  .muhle-hero--m-splitrev .muhle-hero__media { align-self: center; }

  /* the copy now sits on its own surface */
  .muhle-hero--m-below .muhle-hero__content,
  .muhle-hero--m-above .muhle-hero__content,
  .muhle-hero--m-split .muhle-hero__content,
  .muhle-hero--m-splitrev .muhle-hero__content {
    align-items: center;
    background: var(--hero-m-content-bg, #fff);
    min-width: 0;
    position: relative;
  }

  /* ---- mobile typography, alignment and colours ---- */
  .muhle-hero__content-inner {
    max-width: var(--hero-m-content-width, 520px);
    text-align: var(--hero-m-text-align, left);
  }
  .muhle-hero__eyebrow {
    color: var(--hero-m-eyebrow-color, var(--hero-eyebrow-color, #b59a22));
    font-size: var(--hero-m-eyebrow-size, 11px);
  }
  .muhle-hero h1,
  .muhle-hero__heading {
    color: var(--hero-m-heading-color, var(--hero-heading-color, #fff));
    font-size: var(--hero-heading-size-mobile, 30px) !important;
  }
  .muhle-hero__text,
  .muhle-hero__text p { color: var(--hero-m-color, var(--hero-color, #fff)); }
  .muhle-hero__overlay { opacity: var(--hero-m-overlay, var(--hero-overlay, .35)); }

  .muhle-hero--mno-eyebrow .muhle-hero__eyebrow,
  .muhle-hero--mno-text .muhle-hero__text { display: none; }

  /* ---- mobile button ---- */
  .muhle-button--hero {
    background: var(--hero-m-btn-bg, var(--hero-button-bg, #fff));
    border-color: var(--hero-m-btn-border, var(--hero-button-border, #fff));
    border-radius: var(--hero-m-btn-radius, 2px) !important;
    color: var(--hero-m-btn-color, var(--hero-button-color, #171717));
    font-size: var(--hero-m-btn-size, 13px);
    margin-top: var(--hero-m-btn-gap, 20px);
    padding: var(--hero-m-btn-pad-y, 13px) var(--hero-m-btn-pad-x, 24px);
  }
  .muhle-hero--mbtn-full .muhle-button--hero {
    display: block;
    text-align: center;
    width: 100%;
  }

  /* ---- mobile slider controls ---- */
  .muhle-hero__arrow { height: var(--hero-m-arrow-size, 34px); width: var(--hero-m-arrow-size, 34px); }
  .muhle-hero--mno-arrows .muhle-hero__arrow,
  .muhle-hero--mno-dots .muhle-hero__dots { display: none !important; }

  /* off-image layouts: the dots belong under the picture, not over the text */
  .muhle-hero--m-below .muhle-hero__dots,
  .muhle-hero--m-above .muhle-hero__dots,
  .muhle-hero--m-split .muhle-hero__dots,
  .muhle-hero--m-splitrev .muhle-hero__dots {
    bottom: auto;
    position: relative;
    padding-block: 10px;
  }
  .muhle-hero--m-below .muhle-hero__dots i,
  .muhle-hero--m-above .muhle-hero__dots i,
  .muhle-hero--m-split .muhle-hero__dots i,
  .muhle-hero--m-splitrev .muhle-hero__dots i { background: #171717; }
  /* off-image layouts have no single vertical centre for a floating arrow: in
     the stacked ones it lands on the seam between picture and text, in the
     side-by-side ones it lands on top of the copy. Those layouts navigate with
     the dots and with a swipe; the arrows belong to the overlay layout. */
  .muhle-hero--m-below .muhle-hero__arrow,
  .muhle-hero--m-above .muhle-hero__arrow,
  .muhle-hero--m-split .muhle-hero__arrow,
  .muhle-hero--m-splitrev .muhle-hero__arrow { display: none !important; }
}


/* ==================================================================
   2026-09 v14 — product card: its own mobile settings
   ==================================================================
   The card was tuned once, for desktop, and the phone inherited every value:
   a 15px title and a 15px price in a half-width column, with 14px of padding
   around them. Below 750px the card now reads its own variables. Each of them
   falls back to the desktop value, so a shop that never touches the mobile
   group renders exactly as it did before.
   ================================================================== */
@media (max-width: 749px) {
  .muhle-product-card,
  .product-card {
    border-radius: var(--muhle-card-radius-m, var(--muhle-card-radius, 2px)) !important;
  }

  .muhle-product-card__media,
  .product-card .card-gallery,
  .product-card .card-gallery slideshow-component,
  .product-card .card-gallery .media,
  .product-grid .card-gallery,
  .product-grid .card-gallery slideshow-component {
    aspect-ratio: var(--muhle-card-image-ratio-m, var(--muhle-card-image-ratio, 1 / 1)) !important;
  }
  .muhle-product-card__media,
  .muhle-product-card > a.muhle-product-card__media {
    border-radius: var(--muhle-card-image-radius-m, var(--muhle-card-image-radius, 2px)) !important;
  }

  .muhle-product-card__content,
  .product-card__content {
    align-items: var(--muhle-card-align-items-m, var(--muhle-card-align-items, center)) !important;
    gap: var(--muhle-card-content-gap-m, var(--muhle-card-content-gap, 7px)) !important;
    padding: var(--muhle-card-content-padding-m, var(--muhle-card-content-padding, 14px)) !important;
    text-align: var(--muhle-card-align-m, var(--muhle-card-text-align, center)) !important;
  }
  .muhle-product-card__content {
    padding-top: calc(var(--muhle-card-content-padding-m, var(--muhle-card-content-padding, 14px)) - var(--muhle-card-media-gap, 0px));
  }

  .muhle-product-card h3,
  .product-card__content :is(h3, h4, .h4) {
    font-size: var(--muhle-card-title-size-m, var(--muhle-card-title-size, 15px)) !important;
    -webkit-line-clamp: var(--muhle-card-title-lines-m, var(--muhle-card-title-lines, 2));
    line-clamp: var(--muhle-card-title-lines-m, var(--muhle-card-title-lines, 2));
  }
  .muhle-product-card h3 {
    line-height: var(--muhle-card-title-line-height-m, var(--muhle-card-title-line-height, 1.4));
  }

  .muhle-product-card__price,
  .product-card__content .price {
    font-size: var(--muhle-card-price-size-m, var(--muhle-card-price-size, 15px)) !important;
  }
  .muhle-product-card__price { gap: var(--muhle-card-price-spacing-m, var(--muhle-card-price-spacing, 8px)); }
  .muhle-product-card__price s {
    font-size: var(--muhle-card-compare-size-m, var(--muhle-card-compare-size, 12px));
  }

  .muhle-product-card__vendor {
    display: var(--muhle-card-vendor-display-m, var(--muhle-card-vendor-display, block));
    font-size: var(--muhle-card-vendor-size-m, var(--muhle-card-vendor-size, 11px));
  }

  .muhle-product-card__button {
    display: var(--muhle-card-button-display-m, inline-flex);
    font-size: var(--muhle-card-button-size-m, .8rem);
    min-height: var(--muhle-card-button-height-m, var(--muhle-card-button-height, 42px));
  }

  .muhle-product-card__badge,
  .product-badges {
    display: var(--muhle-card-badges-display-m, var(--muhle-card-badges-display, flex)) !important;
  }
  .muhle-product-badge,
  .muhle-product-card__badge {
    font-size: var(--muhle-badge-font-size-m, var(--muhle-badge-font-size, 10px)) !important;
  }
}


/* ==================================================================
   2026-09 v15 — trust rail: band width and a real frame
   ==================================================================
   The grey band was always full-bleed: --trust-width only constrained the
   columns inside it, never the background itself. It now has its own width
   control, plus left/right border thicknesses so the band can be closed off
   as a framed box, and an option to repeat the column divider at the two
   outer ends. All three default to the previous behaviour (full width,
   0px borders, no outer dividers), so nothing moves until they are set.
   ================================================================== */
.muhle-trust {
  border-left: var(--trust-border-left, 0) solid var(--trust-border-color, #dedede);
  border-right: var(--trust-border-right, 0) solid var(--trust-border-color, #dedede);
  box-sizing: border-box;
  margin-inline: auto;
}
.muhle-trust--band-page {
  width: min(calc(100% - 2 * max(8px, var(--muhle-gutter, 24px))), var(--muhle-page, 1700px));
}
.muhle-trust--band-custom {
  width: min(calc(100% - 2 * max(8px, var(--muhle-gutter, 24px))), var(--trust-band-custom, 1500px));
}

.muhle-trust--edges .muhle-trust__item:first-child {
  border-left: var(--trust-divider-width, 0) solid var(--trust-border, #d9d7d3);
  padding-left: calc(var(--trust-divider-width, 0px) * 20);
}
.muhle-trust--edges .muhle-trust__item:last-child {
  border-right: var(--trust-divider-width, 0) solid var(--trust-border, #d9d7d3);
  padding-right: calc(var(--trust-divider-width, 0px) * 20);
}
@media (max-width: 749px) {
  .muhle-trust--edges .muhle-trust__item:first-child,
  .muhle-trust--edges .muhle-trust__item:last-child {
    border-left: 0;
    border-right: 0;
    padding-inline: 0;
  }
}

/* Structured MÜHLE product metafields (usage profile + technical additions) */
.muhle-profile-content table,
.muhle-technical-content .muhle-structured-specs { width:100%; border-collapse:collapse; margin:0; }
.muhle-profile-content th,
.muhle-profile-content td,
.muhle-technical-content .muhle-structured-specs th,
.muhle-technical-content .muhle-structured-specs td { padding:12px 14px; border:1px solid #d8d8d5; vertical-align:top; text-align:left; }
.muhle-profile-content th,
.muhle-technical-content .muhle-structured-specs th { width:32%; color:#011624; font-weight:600; }
.muhle-technical-content .muhle-structured-specs { margin-top:20px; }
.muhle-profile-content td > div,
.muhle-technical-content .muhle-structured-specs td > div { margin:0; }
@media (max-width: 749px) {
  .muhle-profile-content th,
  .muhle-technical-content .muhle-structured-specs th { width:42%; }
  .muhle-profile-content th,
  .muhle-profile-content td,
  .muhle-technical-content .muhle-structured-specs th,
  .muhle-technical-content .muhle-structured-specs td { padding:10px; }
}


/* MÜHLE FAQ compact accordion fix */
.muhle-pdp-faq .muhle-faq-item summary {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  padding-block: 20px;
}
.muhle-pdp-faq .muhle-faq-item > .rte {
  max-width: none;
  padding: 0 56px 24px 0;
}
.muhle-pdp-faq .muhle-faq-item > .rte > :first-child { margin-top: 0; }
.muhle-pdp-faq .muhle-faq-item > .rte > :last-child { margin-bottom: 0; }
@media (max-width: 749px) {
  .muhle-pdp-faq .muhle-faq-item summary { font-size: 16px; padding-block: 18px; }
  .muhle-pdp-faq .muhle-faq-item > .rte { padding-right: 28px; }
}


/* MÜHLE structured metafield copy v2 */
.muhle-meta-copy-list,
.muhle-usage-copy-list { display:grid; gap:0; }
.muhle-meta-copy,
.muhle-usage-copy { border-bottom:1px solid #e2e2df; padding:22px 0; }
.muhle-meta-copy:first-child,
.muhle-usage-copy:first-child { padding-top:0; }
.muhle-meta-copy:last-child,
.muhle-usage-copy:last-child { border-bottom:0; padding-bottom:0; }
.muhle-meta-copy h3,
.muhle-usage-copy h3 { color:#011624; font-size:18px; font-weight:600; line-height:1.35; margin:0 0 8px; }
.muhle-meta-copy p,
.muhle-usage-copy p { margin:0; max-width:1050px; }
.muhle-usage-copy ol { margin:0; padding-left:1.35rem; max-width:1050px; }
.muhle-usage-copy li { margin:0 0 8px; }
.muhle-usage-copy li:last-child { margin-bottom:0; }

.muhle-pdp-faq .muhle-faq-item {
  border-top:1px solid #d8d8d5;
}
.muhle-pdp-faq .muhle-faq-item:last-child {
  border-bottom:1px solid #d8d8d5;
}
.muhle-pdp-faq .muhle-faq-item summary {
  align-items:center;
  color:#011624;
  display:flex;
  font-size:18px;
  font-weight:500;
  justify-content:space-between;
  line-height:1.45;
  min-height:58px;
  padding:18px 42px 18px 0;
}
.muhle-pdp-faq .muhle-faq-item summary::after {
  border:0;
  border-radius:0;
  font-size:22px;
  height:auto;
  right:0;
  width:auto;
}
.muhle-pdp-faq .muhle-faq-item > .rte {
  color:#666;
  max-width:1000px;
  padding:0 42px 22px 0;
}
.muhle-pdp-faq .muhle-faq-item > .rte p { margin:0; }
@media (max-width:749px) {
  .muhle-meta-copy,
  .muhle-usage-copy { padding:18px 0; }
  .muhle-meta-copy h3,
  .muhle-usage-copy h3 { font-size:17px; }
  .muhle-pdp-faq .muhle-faq-item summary { font-size:16px; padding:16px 32px 16px 0; }
  .muhle-pdp-faq .muhle-faq-item > .rte { padding:0 32px 18px 0; }
}

/* ==================================================================
   2026-09 — PDP content polish: human-first usage, left FAQ, policy tabs
   ================================================================== */
.muhle-pdp-tabs__policy .muhle-policy-copy,
.muhle-pdp-tabs__support .muhle-support-copy {
  max-width: 1050px;
}
.muhle-policy-copy p,
.muhle-support-copy p {
  margin: 0 0 12px;
}
.muhle-policy-copy p:last-child,
.muhle-support-copy p:last-child {
  margin-bottom: 0;
}
.muhle-policy-copy strong,
.muhle-support-copy strong {
  color: #011624;
  font-weight: 600;
}
.muhle-support-copy a { color: inherit; text-underline-offset: 3px; }

.muhle-meta-copy--set {
  background: #f7f7f5;
  border: 0;
  margin: 0 0 10px;
  padding: 20px 22px !important;
}
.muhle-meta-copy--set p + p { margin-top: 8px; }

.muhle-usage-copy ol {
  padding-left: 1.4rem;
}
.muhle-usage-copy li {
  line-height: 1.7;
  padding-left: .15rem;
}
.muhle-usage-copy li strong { color:#011624; font-weight:600; }

/* FAQ belongs to the left edge of the same content canvas, not centered as a narrow column. */
.muhle-pdp-faq .muhle-section-heading,
.muhle-pdp-faq__grid {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.muhle-pdp-faq .muhle-section-heading {
  text-align: left;
}
.muhle-pdp-faq__grid {
  width: 100%;
}

@media (max-width: 749px) {
  .muhle-meta-copy--set { margin-inline: -4px; padding: 18px 16px !important; }
  .muhle-usage-copy ol { padding-left: 1.25rem; }
}