:root{
  --qr-density-multiplier: var(--qr-space-scale, 1);
}

html, body{
  font-family: var(--qrfont-body, system-ui, sans-serif);
}

h1, h2, h3, h4, h5, h6,
.pv-h,
.topbar-title,
.cat-title,
.v2-brandtext .t1,
.v3-brandtext .t1,
.v3-hero h1,
.v3-category-title,
.v4-brand-title,
.v4-section-title{
  font-family: var(--qrfont-heading, var(--qrfont-body, system-ui, sans-serif));
}

body[data-density="compact"] .topbar,
body[data-density="compact"] .v2-top,
body[data-density="compact"] .v3-topbar,
body[data-density="compact"] .v4-topbar,
body[data-density="compact"] .menu-search-wrap,
body[data-density="compact"] .v4-main,
body[data-density="compact"] .v2-products,
body[data-density="compact"] .v3-product-list,
body[data-density="compact"] .v4-products,
body[data-density="compact"] .category-block{ gap: calc(12px * var(--qr-density-multiplier)); }

body[data-density="airy"] .topbar-inner,
body[data-density="airy"] .v2-top,
body[data-density="airy"] .v3-topbar,
body[data-density="airy"] .v4-topbar-inner,
body[data-density="airy"] .category-block,
body[data-density="airy"] .v2-products,
body[data-density="airy"] .v3-product-list,
body[data-density="airy"] .v4-products{ gap: calc(18px * var(--qr-section-scale)); }

.topbar,
.logo-box,
.menu-search,
.cat-pill,
.product-line,
.product-thumbwrap,
.v2-catcard,
.v2-catimgwrap,
.v2-product,
.v3-card,
.v3-product,
.v3-modal,
.v4-iconbtn,
.v4-search-inner,
.v4-tab,
.v4-viewbtn,
.v4-brand-logo,
.v4-item,
.pm-card,
.qr-info-button,
.qr-share-fab,
.qr-share-menu{
  border-radius: var(--qr-radius-card);
}

.cat-pill,
.v4-tab,
.v3-pill,
.qr-inline-flag,
.qr-pm-chip,
.qr-pm-flag,
.qr-pm-state{
  border-radius: var(--qr-radius-pill);
}

.v4-iconbtn,
.v4-viewbtn,
.qr-info-button,
.qr-share-fab,
.pm-close,
.v3-back,
.v3-modal-close{
  border-radius: var(--qr-radius-btn);
}

.v3-modal,
.pm-card{
  border-radius: var(--qr-radius-modal);
  box-shadow: var(--qr-modal-shadow);
}

.product-line,
.v2-product,
.v3-product,
.v4-item,
.v2-catcard,
.v3-card,
.menu-search,
.qr-share-menu,
.qr-info-panel,
.v4-search-inner{
  box-shadow: var(--qr-card-shadow);
}

body[data-surface-style="minimal"] .product-line,
body[data-surface-style="minimal"] .v2-product,
body[data-surface-style="minimal"] .v3-product,
body[data-surface-style="minimal"] .v4-item,
body[data-surface-style="minimal"] .v2-catcard,
body[data-surface-style="minimal"] .v3-card,
body[data-surface-style="minimal"] .menu-search,
body[data-surface-style="minimal"] .v4-search-inner{
  box-shadow: none;
}

body[data-surface-style="premium"] .product-line,
body[data-surface-style="premium"] .v2-product,
body[data-surface-style="premium"] .v3-product,
body[data-surface-style="premium"] .v4-item,
body[data-surface-style="premium"] .v2-catcard,
body[data-surface-style="premium"] .v3-card,
body[data-surface-style="premium"] .menu-search,
body[data-surface-style="premium"] .v4-search-inner,
body[data-surface-style="premium"] .topbar,
body[data-surface-style="premium"] .v3-hero,
body[data-surface-style="premium"] .v4-topbar{
  box-shadow: var(--qr-card-shadow);
}

body[data-button-style="subtle"] .v4-iconbtn,
body[data-button-style="subtle"] .v4-viewbtn,
body[data-button-style="subtle"] .qr-info-button,
body[data-button-style="subtle"] .qr-share-fab,
body[data-button-style="subtle"] .v3-pill{
  background: var(--qrsurface);
  color: var(--qrtext);
  border: 1px solid var(--qrborder);
}

body[data-button-style="filled"] .v4-iconbtn,
body[data-button-style="filled"] .v4-viewbtn,
body[data-button-style="filled"] .qr-share-fab,
body[data-button-style="filled"] .v3-pill,
body[data-button-style="filled"] .cat-pill.active,
body[data-button-style="filled"] .v4-tab.is-active{
  background: var(--qrprimary);
  color: var(--qrbg);
  border-color: color-mix(in srgb, var(--qrprimary) 62%, var(--qrborder) 38%);
}

body[data-button-style="premium"] .v4-iconbtn,
body[data-button-style="premium"] .v4-viewbtn,
body[data-button-style="premium"] .qr-share-fab,
body[data-button-style="premium"] .v3-pill,
body[data-button-style="premium"] .cat-pill.active,
body[data-button-style="premium"] .v4-tab.is-active{
  background: linear-gradient(135deg, color-mix(in srgb, var(--qrprimary) 84%, #fff 16%), color-mix(in srgb, var(--qraccent) 76%, var(--qrprimary) 24%));
  color: var(--qrbg);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--qrprimary) 26%, transparent 74%);
  border-color: transparent;
}

body[data-nav-style="underline"] .cat-pill,
body[data-nav-style="underline"] .v4-tab,
body[data-nav-style="underline"] .v3-pill{
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  box-shadow: none;
}

body[data-nav-style="underline"] .cat-pill.active,
body[data-nav-style="underline"] .v4-tab.is-active,
body[data-nav-style="underline"] .v3-pill.is-active{
  border-bottom-color: var(--qrprimary);
  color: var(--qrheading);
}

body[data-nav-style="cards"] .v2-catcard,
body[data-nav-style="cards"] .v3-card,
body[data-nav-style="cards"] .v4-tab,
body[data-nav-style="cards"] .cat-pill{
  background: var(--qrsurface);
  border: 1px solid var(--qrborder);
  box-shadow: var(--qr-card-shadow);
}

body[data-nav-style="tabs"] .v4-tab,
body[data-nav-style="tabs"] .cat-pill{
  background: color-mix(in srgb, var(--qrsurface2) 72%, var(--qrsurface) 28%);
}

body[data-product-style="compact"] .product-line,
body[data-product-style="compact"] .v2-product,
body[data-product-style="compact"] .v3-product,
body[data-product-style="compact"] .v4-item{
  padding: 10px !important;
}

body[data-product-style="card"] .product-line,
body[data-product-style="card"] .v2-product,
body[data-product-style="card"] .v3-product,
body[data-product-style="card"] .v4-item{
  background: color-mix(in srgb, var(--qrsurface) 82%, var(--qrsurface2) 18%);
}

body[data-product-style="editorial"] .v3-product,
body[data-product-style="editorial"] .v4-item,
body[data-product-style="editorial"] .product-line{
  padding: 16px !important;
}

body[data-hero-style="branded"] .topbar,
body[data-hero-style="branded"] .v3-hero,
body[data-hero-style="branded"] .v4-topbar{
  background: linear-gradient(135deg, color-mix(in srgb, var(--qrsurface) 70%, var(--qrsurface2) 30%), color-mix(in srgb, var(--qrprimary) 12%, var(--qrsurface) 88%));
}

body[data-hero-style="cover"] .v3-hero,
body[data-hero-style="cover"] .v2-top,
body[data-hero-style="cover"] .topbar{
  background: linear-gradient(145deg, color-mix(in srgb, var(--qrprimary) 16%, var(--qrsurface) 84%), color-mix(in srgb, var(--qraccent) 12%, var(--qrsurface2) 88%));
}

body[data-layout-tone="premium"] .topbar-title,
body[data-layout-tone="premium"] .v2-brandtext .t1,
body[data-layout-tone="premium"] .v3-brandtext .t1,
body[data-layout-tone="premium"] .v4-brand-title,
body[data-layout-tone="premium"] .v3-hero h1{
  letter-spacing: 0.01em;
}

body[data-layout-tone="lightweight"] .product-desc-inline,
body[data-layout-tone="lightweight"] .v3-desc,
body[data-layout-tone="lightweight"] .v4-desc{
  opacity: 0.92;
}

body[data-image-ratio="square"] .product-thumbwrap,
body[data-image-ratio="square"] .v2-catimgwrap,
body[data-image-ratio="square"] .v3-imgwrap,
body[data-image-ratio="square"] .v4-thumb{
  aspect-ratio: 1 / 1;
}

body[data-image-ratio="portrait"] .product-thumbwrap,
body[data-image-ratio="portrait"] .v2-catimgwrap,
body[data-image-ratio="portrait"] .v3-imgwrap,
body[data-image-ratio="portrait"] .v4-thumb{
  aspect-ratio: 4 / 5;
}

body[data-image-ratio="landscape"] .product-thumbwrap,
body[data-image-ratio="landscape"] .v2-catimgwrap,
body[data-image-ratio="landscape"] .v3-imgwrap,
body[data-image-ratio="landscape"] .v4-thumb{
  aspect-ratio: 4 / 3;
}

body[data-motion-level="off"] *,
body[data-motion-level="off"] *::before,
body[data-motion-level="off"] *::after{
  transition-duration: 0s !important;
  animation-duration: 0s !important;
  scroll-behavior: auto !important;
}

body[data-motion-level="low"] .product-line,
body[data-motion-level="low"] .v2-product,
body[data-motion-level="low"] .v3-product,
body[data-motion-level="low"] .v4-item,
body[data-motion-level="low"] .v2-catcard,
body[data-motion-level="low"] .v3-card,
body[data-motion-level="low"] .v4-tab,
body[data-motion-level="low"] .cat-pill{
  transition-duration: .12s !important;
}

body[data-sticky-mode="simple"] .v4-sticky,
body[data-sticky-mode="simple"] .v2-catbar.is-fixed{
  box-shadow: none;
}

body[data-sticky-mode="immersive"] .v4-sticky,
body[data-sticky-mode="immersive"] .v2-catbar.is-fixed{
  box-shadow: 0 16px 32px rgba(2, 6, 23, 0.12);
  backdrop-filter: blur(18px);
}

body[data-density="compact"] .v4-tab,
body[data-density="compact"] .cat-pill{ padding-block: 7px; }
body[data-density="airy"] .v4-tab,
body[data-density="airy"] .cat-pill{ padding-block: 10px; }

body[data-density="compact"] .v4-item .v4-title,
body[data-density="compact"] .product-name,
body[data-density="compact"] .v3-product-info h3{ line-height: 1.22; }
body[data-density="airy"] .v4-item .v4-title,
body[data-density="airy"] .product-name,
body[data-density="airy"] .v3-product-info h3{ line-height: 1.35; }