/* Xagor product composition patch 0.32.0 — loaded after every compatibility layer. */

body.xg-native-product-active .xg-product-hero {
  align-items: stretch;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

body.xg-native-product-active .xg-product-gallery-card,
body.xg-native-product-active .xg-product-summary-card {
  height: 100%;
  min-height: 0;
}

body.xg-native-product-active .xg-product-gallery-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
}

body.xg-native-product-active .xg-product-summary-card {
  position: relative !important;
  top: auto !important;
  align-self: stretch;
  padding: clamp(22px, 2.7vw, 34px);
}

body.xg-native-product-active .xg-product-featured-image {
  aspect-ratio: 3 / 2;
  min-height: 0;
  border-radius: 17px;
  background: var(--xg-product-card-2);
}

body.xg-native-product-active .xg-product-featured-image img {
  object-fit: cover;
}

body.xg-native-product-active .xg-product-digital-journey {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin: 0;
  padding: 18px;
  border-color: color-mix(in srgb, var(--xg-product-accent) 16%, var(--xg-product-border));
  background:
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--xg-product-accent) 9%, transparent), transparent 42%),
    var(--xg-product-card-2);
}

body.xg-native-product-active .xg-product-digital-journey header {
  align-items: center;
  padding: 0;
  border: 0;
}

body.xg-native-product-active .xg-product-digital-journey header span {
  font-size: 10px;
  letter-spacing: 0;
}

body.xg-native-product-active .xg-product-digital-journey h2 {
  margin-top: 1px;
  font-size: clamp(16px, 1.45vw, 21px);
}

body.xg-native-product-active .xg-product-digital-journey header b {
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--xg-product-accent) 18%, transparent);
  background: var(--xg-product-card);
  font-size: 9px;
}

body.xg-native-product-active .xg-product-digital-journey ol {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 16px 0 13px;
}

body.xg-native-product-active .xg-product-digital-journey li {
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-width: 0;
  min-height: 126px;
  padding: 13px;
  border: 1px solid var(--xg-product-border);
  border-radius: 14px;
  background: var(--xg-product-card);
}

body.xg-native-product-active .xg-product-digital-journey li > :is(svg, i) {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  padding: 8px;
  border-radius: 11px;
  background: var(--xg-product-accent-soft);
  color: var(--xg-product-accent);
  font-size: 16px;
}

body.xg-native-product-active .xg-product-digital-journey li span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

body.xg-native-product-active .xg-product-digital-journey li strong {
  font-size: 11px;
  line-height: 1.75;
}

body.xg-native-product-active .xg-product-digital-journey li small {
  font-size: 9px;
  line-height: 1.85;
}

body.xg-native-product-active .xg-product-digital-journey footer {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px dashed var(--xg-product-border-strong);
  font-size: 9px;
}

/* Compact breadcrumb: a deliberate path chip instead of loose text. */
body.xg-native-product-active .xg-product-breadcrumb {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: 9px 0 12px;
  padding: 0;
  overflow: hidden;
}

body.xg-native-product-active .xg-product-breadcrumb .woo\63 ommerce-breadcrumb {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 6px 11px;
  overflow: hidden;
  border: 1px solid var(--xg-product-border);
  border-radius: 999px;
  background: var(--xg-product-card);
  color: var(--xg-product-muted);
  font-size: 9px;
  line-height: 1.8;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Summary: one visual rhythm, no stack of unexplained separator lines. */

body.xg-native-product-active .xg-product-current-vendor-slot {
  margin-top: 4px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--xg-product-accent) 18%, var(--xg-product-border));
  border-radius: 17px;
  background: linear-gradient(135deg, var(--xg-product-card-2), color-mix(in srgb, var(--xg-product-accent) 4%, var(--xg-product-card)));
}

body.xg-native-product-active .xg-product-current-vendor {
  padding: 0;
  border: 0;
  border-radius: 0;
}

body.xg-native-product-active .xg-product-vendor-identity img {
  width: 54px;
  height: 54px;
  border-radius: 15px;
  box-shadow: 0 0 0 4px var(--xg-product-card);
}

body.xg-native-product-active .xg-product-vendor-trust-mini {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border: 0;
}

body.xg-native-product-active .xg-product-vendor-trust-mini > div {
  min-height: 28px;
  padding: 4px 9px;
  background: var(--xg-product-card);
}

body.xg-native-product-active .xg-product-purchase-slot {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--xg-product-border);
  border-radius: 17px;
  background: var(--xg-product-card-2);
}

body.xg-native-product-active .xg-product-purchase {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(128px, .78fr) minmax(168px, 1fr);
  align-items: stretch;
  gap: 10px;
  padding: 0;
  border: 0;
}

body.xg-native-product-active .xg-product-price-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 52px;
  padding: 8px 11px;
  border: 1px solid var(--xg-product-border);
  border-radius: 13px;
  background: var(--xg-product-card);
}

body.xg-native-product-active .xg-product-price-label {
  margin: 0 0 2px;
  font-size: 9px;
}

body.xg-native-product-active .xg-product-current-price {
  margin: 0;
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.55;
}

body.xg-native-product-active .xg-product-cart-form {
  display: contents;
}

body.xg-native-product-active .xg-product-cart-form .xg-single-save-wrap {
  display: flex;
  min-width: 0;
  margin: 0 !important;
}

body.xg-native-product-active .xg-product-cart-form .xg-save-button {
  width: 100%;
  min-height: 52px;
  justify-content: center;
  border-radius: 13px;
  background: var(--xg-product-card);
  font-size: 10px;
}

body.xg-native-product-active .xg-product-cart-form form.cart {
  display: flex !important;
  align-items: stretch;
  min-width: 0;
  height: 100%;
  flex-wrap: nowrap;
}

body.xg-native-product-active .xg-product-cart-form form.cart .single_add_to_cart_button,
body.xg-native-product-active .xg-product-cart-form form.cart .button {
  width: 100%;
  min-height: 52px;
  justify-content: center;
  border-radius: 13px !important;
}

body.xg-native-product-active .xg-product-share-slot {
  margin-top: auto;
  padding-top: 12px;
}

body.xg-native-product-active .xg-native-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 14px;
}

body.xg-native-product-active .xg-native-share-label {
  font-size: 9px;
}

body.xg-native-product-active .xg-native-share-actions {
  flex-wrap: nowrap;
}

body.xg-native-product-active .xg-native-share-actions :is(a, button) {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

body.xg-native-product-active .xg-native-share-actions svg {
  width: 17px;
  height: 17px;
  display: block;
  fill: none;
  stroke: currentColor;
}

body.xg-native-product-active .xg-native-share > small:empty {
  display: none;
}

/* Related products: section.related.products must not itself become a grid. */
body.xg-native-product-active .xg-product-related-products > section.related.products {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.xg-native-product-active .xg-product-related-products > section.related.products > ul.products,
body.xg-native-product-active .xg-product-related-products > ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.xg-native-product-active .xg-product-related-products ul.products > li.product.xg-product-card {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 17px !important;
  background: var(--xg-product-card) !important;
}

body.xg-native-product-active .xg-product-related-products .xg-product-media {
  aspect-ratio: 3 / 2;
  margin: 0 !important;
}

body.xg-native-product-active .xg-product-related-products .xg-product-media img {
  margin: 0 !important;
  border-radius: 12px !important;
}

body.xg-native-product-active .xg-product-related-products .xg-product-body {
  width: 100%;
  padding: 12px 13px 14px !important;
}

@media (max-width: 1100px) and (min-width: 821px) {
  body.xg-native-product-active .xg-product-digital-journey ol {
    grid-template-columns: 1fr;
  }
  body.xg-native-product-active .xg-product-digital-journey li {
    min-height: 0;
    flex-direction: row;
  }
}

@media (max-width: 820px) {
  body.xg-native-product-active .xg-product-hero {
    grid-template-columns: 1fr;
  }
  body.xg-native-product-active .xg-product-gallery-card {
    padding: 12px;
  }
  body.xg-native-product-active .xg-product-digital-journey ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.xg-native-product-active .xg-product-related-products > section.related.products > ul.products,
  body.xg-native-product-active .xg-product-related-products > ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 620px) {
  body.xg-native-product-active .xg-product-breadcrumb {
    margin-top: 6px;
  }
  body.xg-native-product-active .xg-product-purchase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.xg-native-product-active .xg-product-price-block {
    grid-column: 1 / -1;
  }
  body.xg-native-product-active .xg-product-digital-journey ol {
    grid-template-columns: 1fr;
  }
  body.xg-native-product-active .xg-product-digital-journey li {
    min-height: 0;
    flex-direction: row;
  }
  body.xg-native-product-active .xg-native-share {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* 0.63.1 — Canonical Master → Plan → Seller Offer experience. */
body.xg-native-product-active .xg-canonical-product {
  --xg-canonical-accent: var(--xg-product-accent, var(--xg-accent));
  --xg-canonical-line: var(--xg-product-border, var(--xg-line));
  --xg-canonical-card: var(--xg-product-card, var(--xg-surface));
  --xg-canonical-card-2: var(--xg-product-card-2, var(--xg-surface-2));
  --xg-canonical-muted: var(--xg-product-muted, var(--xg-muted));
  --xg-canonical-text: var(--xg-product-text, var(--xg-text));
}
body.xg-native-product-active .xg-canonical-product .xg-product-shell { display:block; }
body.xg-native-product-active .xg-canonical-hero {
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:clamp(20px,3vw,36px);
  align-items:stretch;
  margin:0 0 28px;
}
body.xg-native-product-active .xg-canonical-image-card,
body.xg-native-product-active .xg-canonical-master-description-card,
body.xg-native-product-active .xg-canonical-summary,
body.xg-native-product-active .xg-canonical-sellers,
body.xg-native-product-active .xg-canonical-content,
body.xg-native-product-active .xg-canonical-reviews,
body.xg-native-product-active .xg-canonical-related .xg-product-related-card {
  border:1px solid var(--xg-canonical-line);
  border-radius:22px;
  background:var(--xg-canonical-card);
  box-shadow:var(--xg-shadow-sm,0 12px 34px rgba(0,0,0,.06));
}
body.xg-native-product-active .xg-canonical-image-card {
  display:grid;
  place-items:center;
  min-height:420px;
  padding:clamp(18px,2.6vw,32px);
  overflow:hidden;
}
body.xg-native-product-active .xg-canonical-image-card img {
  display:block;
  width:100%;
  max-height:440px;
  object-fit:contain;
  border-radius:16px;
}
body.xg-native-product-active .xg-canonical-summary { padding:clamp(22px,3vw,34px); }
body.xg-native-product-active .xg-canonical-kicker {
  display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center;
  margin-bottom:12px; color:var(--xg-canonical-muted); font-size:11px;
}
body.xg-native-product-active .xg-canonical-kicker span,
body.xg-native-product-active .xg-canonical-kicker b {
  display:inline-flex; align-items:center; min-height:28px; padding:4px 10px;
  border:1px solid var(--xg-canonical-line); border-radius:999px; background:var(--xg-canonical-card-2);
}
body.xg-native-product-active .xg-canonical-summary h1 {
  margin:0; color:var(--xg-canonical-text); font-size:clamp(26px,3vw,40px); line-height:1.45; font-weight:900;
}
body.xg-native-product-active .xg-canonical-summary__lead {
  margin:12px 0 22px; color:var(--xg-canonical-muted); font-size:13px; line-height:2;
}
body.xg-native-product-active .xg-canonical-plan-picker {
  padding:16px 0 18px; border-top:1px solid var(--xg-canonical-line); border-bottom:1px solid var(--xg-canonical-line);
}
body.xg-native-product-active .xg-canonical-plan-picker > span { display:block; margin-bottom:10px; color:var(--xg-canonical-muted); font-size:11px; font-weight:750; }
body.xg-native-product-active .xg-canonical-plan-buttons { display:flex; flex-wrap:wrap; gap:8px; }
body.xg-native-product-active .xg-canonical-plan-buttons button {
  min-height:40px; padding:8px 14px; border:1px solid var(--xg-canonical-line); border-radius:12px;
  background:var(--xg-canonical-card-2); color:var(--xg-canonical-text); font:inherit; font-size:12px; font-weight:800; cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
body.xg-native-product-active .xg-canonical-plan-buttons button:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--xg-canonical-accent) 38%,var(--xg-canonical-line)); }
body.xg-native-product-active .xg-canonical-plan-buttons button.is-active {
  border-color:color-mix(in srgb,var(--xg-canonical-accent) 58%,var(--xg-canonical-line));
  background:color-mix(in srgb,var(--xg-canonical-accent) 12%,var(--xg-canonical-card));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--xg-canonical-accent) 9%,transparent);
}
body.xg-native-product-active .xg-canonical-buybox {
  margin-top:20px; padding:18px; border:1px solid color-mix(in srgb,var(--xg-canonical-accent) 22%,var(--xg-canonical-line));
  border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card)),var(--xg-canonical-card));
}
body.xg-native-product-active .xg-canonical-buybox__top { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
body.xg-native-product-active .xg-canonical-buybox__top > div > span { display:flex; gap:8px; align-items:center; color:var(--xg-canonical-muted); font-size:10px; }
body.xg-native-product-active .xg-canonical-buybox__top > div > span b,
body.xg-native-product-active .xg-canonical-buybox__recommended {
  padding:4px 8px; border-radius:999px; background:color-mix(in srgb,var(--xg-canonical-accent) 13%,transparent); color:var(--xg-canonical-accent); font-size:9px; font-weight:850;
}
body.xg-native-product-active .xg-canonical-buybox__top h2 { margin:4px 0 0; font-size:18px; color:var(--xg-canonical-text); }
body.xg-native-product-active .xg-canonical-buybox__vendor { display:flex; gap:10px; align-items:center; margin-top:15px; }
body.xg-native-product-active .xg-canonical-buybox__vendor img { width:44px; height:44px; border-radius:13px; object-fit:contain; background:var(--xg-canonical-card-2); }
body.xg-native-product-active .xg-canonical-buybox__vendor div { display:grid; gap:1px; }
body.xg-native-product-active .xg-canonical-buybox__vendor small,
body.xg-native-product-active .xg-canonical-buybox__vendor span { color:var(--xg-canonical-muted); font-size:9px; }
body.xg-native-product-active .xg-canonical-buybox__vendor strong { font-size:12px; color:var(--xg-canonical-text); }
body.xg-native-product-active .xg-canonical-buybox__terms {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:15px 0;
}
body.xg-native-product-active .xg-canonical-buybox__terms > div {
  display:flex; gap:8px; align-items:center; min-height:48px; padding:9px 10px; border:1px solid var(--xg-canonical-line); border-radius:12px; background:var(--xg-canonical-card-2);
}
body.xg-native-product-active .xg-canonical-buybox__terms i { color:var(--xg-canonical-accent); font-size:11px; }
body.xg-native-product-active .xg-canonical-buybox__terms span { display:grid; gap:1px; }
body.xg-native-product-active .xg-canonical-buybox__terms small { color:var(--xg-canonical-muted); font-size:8px; }
body.xg-native-product-active .xg-canonical-buybox__terms strong { color:var(--xg-canonical-text); font-size:10px; }

body.xg-native-product-active .xg-canonical-buybox__intake {
  display:grid; gap:9px; margin-top:13px; padding:12px; border:1px solid var(--xg-canonical-line); border-radius:13px; background:var(--xg-canonical-card-2);
}
body.xg-native-product-active .xg-canonical-buybox__intake.has-fields { border-color:color-mix(in srgb,var(--xg-canonical-accent) 25%,var(--xg-canonical-line)); background:color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card-2)); }
body.xg-native-product-active .xg-canonical-buybox__intake-head { display:flex; gap:9px; align-items:flex-start; }
body.xg-native-product-active .xg-canonical-buybox__intake-head > i { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; border-radius:10px; background:var(--xg-canonical-card); color:var(--xg-canonical-accent); }
body.xg-native-product-active .xg-canonical-buybox__intake-head span { display:grid; gap:1px; }
body.xg-native-product-active .xg-canonical-buybox__intake-head strong { color:var(--xg-canonical-text); font-size:10px; }
body.xg-native-product-active .xg-canonical-buybox__intake-head small { color:var(--xg-canonical-muted); font-size:8px; line-height:1.8; }
body.xg-native-product-active .xg-canonical-buybox__intake-fields { display:flex; flex-wrap:wrap; gap:6px; }
body.xg-native-product-active .xg-canonical-buybox__intake-fields span { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid var(--xg-canonical-line); border-radius:999px; background:var(--xg-canonical-card); color:var(--xg-canonical-text); font-size:8px; font-weight:800; }
body.xg-native-product-active .xg-canonical-buybox__intake-fields i { color:var(--xg-canonical-accent); }
body.xg-native-product-active .xg-canonical-buybox__intake p { display:flex; gap:6px; align-items:flex-start; margin:0; color:var(--xg-canonical-muted); font-size:7.5px; line-height:1.8; }
body.xg-native-product-active .xg-canonical-buybox__intake p i { margin-top:3px; color:var(--xg-canonical-accent); }
body.xg-native-product-active .xg-canonical-buybox__checkout { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; padding-top:14px; border-top:1px solid var(--xg-canonical-line); }
body.xg-native-product-active .xg-canonical-buybox__price { display:grid; gap:2px; }
body.xg-native-product-active .xg-canonical-buybox__price > span { color:var(--xg-canonical-muted); font-size:9px; }
body.xg-native-product-active .xg-canonical-buybox__price del { color:var(--xg-canonical-muted); font-size:10px; }
body.xg-native-product-active .xg-canonical-buybox__price strong { color:var(--xg-canonical-text); font-size:clamp(17px,2vw,23px); font-weight:900; }
body.xg-native-product-active .xg-canonical-cart { display:flex; gap:8px; align-items:center; margin:0; }
body.xg-native-product-active .xg-canonical-cart .single_add_to_cart_button { min-height:44px; padding:0 18px; border-radius:11px; font-weight:850; }
body.xg-native-product-active .xg-canonical-empty { display:flex; gap:10px; align-items:flex-start; color:var(--xg-canonical-muted); }
body.xg-native-product-active .xg-canonical-empty i { color:var(--xg-canonical-accent); margin-top:4px; }
body.xg-native-product-active .xg-canonical-empty div { display:grid; gap:3px; }
body.xg-native-product-active .xg-canonical-empty strong { color:var(--xg-canonical-text); }
body.xg-native-product-active .xg-canonical-empty small { line-height:1.9; }

body.xg-native-product-active .xg-canonical-sellers,
body.xg-native-product-active .xg-canonical-content,
body.xg-native-product-active .xg-canonical-reviews { margin:0 0 24px; padding:clamp(18px,2.4vw,28px); }
body.xg-native-product-active .xg-canonical-product .xg-product-section-heading { margin-bottom:16px; }
body.xg-native-product-active .xg-canonical-product .xg-product-section-heading h2 { margin:2px 0; font-size:clamp(18px,2vw,24px); }
body.xg-native-product-active .xg-canonical-product .xg-product-section-heading p { margin:4px 0 0; color:var(--xg-canonical-muted); line-height:1.9; font-size:11px; }
body.xg-native-product-active .xg-canonical-sellers > header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
body.xg-native-product-active .xg-product-sort-wrap select {
  min-width:170px; min-height:40px; padding:0 10px; border:1px solid var(--xg-canonical-line); border-radius:11px; background:var(--xg-canonical-card-2); color:var(--xg-canonical-text); font:inherit; font-size:10px;
}
body.xg-native-product-active .xg-canonical-offer-group { display:grid; gap:10px; }
body.xg-native-product-active .xg-canonical-offer-group[hidden] { display:none!important; }
body.xg-native-product-active .xg-canonical-offer {
  display:grid; grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) minmax(135px,.72fr) auto; gap:14px; align-items:center;
  padding:14px; border:1px solid var(--xg-canonical-line); border-radius:16px; background:var(--xg-canonical-card-2);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.xg-native-product-active .xg-canonical-offer:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--xg-canonical-accent) 28%,var(--xg-canonical-line)); }
body.xg-native-product-active .xg-canonical-offer.is-selected { border-color:color-mix(in srgb,var(--xg-canonical-accent) 62%,var(--xg-canonical-line)); box-shadow:0 0 0 3px color-mix(in srgb,var(--xg-canonical-accent) 8%,transparent); }
body.xg-native-product-active .xg-canonical-offer.is-recommended { background:linear-gradient(100deg,color-mix(in srgb,#f5a623 7%,var(--xg-canonical-card-2)),var(--xg-canonical-card-2)); }
body.xg-native-product-active .xg-canonical-offer__vendor { display:flex; gap:10px; align-items:center; min-width:0; }
body.xg-native-product-active .xg-canonical-offer__vendor img { width:48px; height:48px; flex:0 0 auto; border-radius:13px; object-fit:contain; background:var(--xg-canonical-card); }
body.xg-native-product-active .xg-canonical-offer__vendor > div { min-width:0; display:grid; gap:2px; }
body.xg-native-product-active .xg-canonical-offer__vendor a { color:var(--xg-canonical-text); font-size:12px; font-weight:850; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.xg-native-product-active .xg-canonical-offer__vendor small { color:var(--xg-canonical-muted); font-size:9px; }
body.xg-native-product-active .xg-canonical-offer__badges { display:flex; flex-wrap:wrap; gap:4px; }
body.xg-native-product-active .xg-canonical-offer__badges span { display:inline-flex; align-items:center; gap:3px; padding:3px 6px; border-radius:999px; background:var(--xg-canonical-card); color:var(--xg-canonical-muted); font-size:7px; font-weight:800; }
body.xg-native-product-active .xg-canonical-offer__badges .is-recommended { background:color-mix(in srgb,#f5a623 15%,transparent); color:#b56d00; }
body.xg-native-product-active .xg-canonical-offer__badges .is-winner { background:color-mix(in srgb,var(--xg-canonical-accent) 12%,transparent); color:var(--xg-canonical-accent); }
body.xg-native-product-active .xg-canonical-offer__terms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
body.xg-native-product-active .xg-canonical-offer__terms span { display:grid; gap:1px; }
body.xg-native-product-active .xg-canonical-offer__terms small { color:var(--xg-canonical-muted); font-size:8px; }
body.xg-native-product-active .xg-canonical-offer__terms b { color:var(--xg-canonical-text); font-size:9px; }

body.xg-native-product-active .xg-canonical-offer__intake { display:flex; align-items:center; gap:5px; min-width:0; color:var(--xg-canonical-muted); font-size:7.5px; line-height:1.65; }
body.xg-native-product-active .xg-canonical-offer__intake i { flex:0 0 auto; color:var(--xg-canonical-accent); }
body.xg-native-product-active .xg-canonical-offer__intake span { display:-webkit-box; min-width:0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.xg-native-product-active .xg-canonical-offer__intake.is-empty { color:var(--xg-canonical-muted); }
body.xg-native-product-active .xg-canonical-offer__price { display:grid; gap:1px; text-align:left; direction:rtl; }
body.xg-native-product-active .xg-canonical-offer__price small { color:var(--xg-canonical-muted); font-size:8px; }
body.xg-native-product-active .xg-canonical-offer__price del { color:var(--xg-canonical-muted); font-size:9px; }
body.xg-native-product-active .xg-canonical-offer__price strong { color:var(--xg-canonical-text); font-size:13px; }
body.xg-native-product-active .xg-canonical-offer__select {
  min-height:38px; padding:0 12px; border:1px solid var(--xg-canonical-line); border-radius:10px; background:var(--xg-canonical-card); color:var(--xg-canonical-text); font:inherit; font-size:9px; font-weight:850; cursor:pointer;
}
body.xg-native-product-active .xg-canonical-offer__select:hover,
body.xg-native-product-active .xg-canonical-offer__select.is-selected { border-color:var(--xg-canonical-accent); color:var(--xg-canonical-accent); }
body.xg-native-product-active .xg-canonical-content__body { color:var(--xg-canonical-text); font-size:13px; line-height:2.05; }
body.xg-native-product-active .xg-canonical-content__body > :first-child { margin-top:0; }
body.xg-native-product-active .xg-canonical-content__body > :last-child { margin-bottom:0; }
body.xg-native-product-active .xg-canonical-content__body h2 { margin:28px 0 9px; font-size:22px; line-height:1.7; }
body.xg-native-product-active .xg-canonical-content__body h3 { margin:22px 0 8px; font-size:17px; line-height:1.7; }
body.xg-native-product-active .xg-canonical-content__body p { margin:0 0 14px; }
body.xg-native-product-active .xg-canonical-content__body ul,
body.xg-native-product-active .xg-canonical-content__body ol { margin:0 0 16px; padding-right:22px; }
body.xg-native-product-active .xg-canonical-content__body figure { margin:20px 0; }
body.xg-native-product-active .xg-canonical-content__body img { display:block; width:auto; max-width:100%; max-height:620px; margin:auto; border-radius:16px; }
body.xg-native-product-active .xg-canonical-content__body a { color:var(--xg-canonical-accent); text-decoration:underline; text-underline-offset:3px; }
body.xg-native-product-active .xg-canonical-related .xg-product-related-card { padding:clamp(18px,2.4vw,28px); }
body.xg-native-product-active .xg-canonical-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body.xg-native-product-active .xg-canonical-related__item { display:grid; gap:10px; min-width:0; padding:10px; border:1px solid var(--xg-canonical-line); border-radius:15px; background:var(--xg-canonical-card-2); color:var(--xg-canonical-text); }
body.xg-native-product-active .xg-canonical-related__item img { width:100%; aspect-ratio:3/2; object-fit:contain; border-radius:11px; background:var(--xg-canonical-card); }
body.xg-native-product-active .xg-canonical-related__item div { display:grid; gap:5px; }
body.xg-native-product-active .xg-canonical-related__item strong { font-size:11px; line-height:1.8; }
body.xg-native-product-active .xg-canonical-related__item span { color:var(--xg-canonical-muted); font-size:9px; }

@media (max-width:1100px) {
  body.xg-native-product-active .xg-canonical-offer { grid-template-columns:minmax(210px,1.45fr) minmax(130px,.85fr) auto; }
  body.xg-native-product-active .xg-canonical-offer__terms { display:none; }
  body.xg-native-product-active .xg-canonical-offer__intake { display:none; }
}
@media (max-width:820px) {
  body.xg-native-product-active .xg-canonical-hero { grid-template-columns:1fr; }
  body.xg-native-product-active .xg-canonical-image-card { min-height:260px; }
  body.xg-native-product-active .xg-canonical-sellers > header { align-items:flex-start; flex-direction:column; }
  body.xg-native-product-active .xg-product-sort-wrap,
  body.xg-native-product-active .xg-product-sort-wrap select { width:100%; }
  body.xg-native-product-active .xg-canonical-offer { grid-template-columns:minmax(0,1fr) auto; }
  body.xg-native-product-active .xg-canonical-offer__price { grid-column:1; text-align:right; }
  body.xg-native-product-active .xg-canonical-offer__select { grid-column:2; grid-row:1 / span 2; align-self:stretch; }
  body.xg-native-product-active .xg-canonical-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  body.xg-native-product-active .xg-canonical-summary,
  body.xg-native-product-active .xg-canonical-sellers,
  body.xg-native-product-active .xg-canonical-content,
  body.xg-native-product-active .xg-canonical-reviews { padding:16px; border-radius:17px; }
  body.xg-native-product-active .xg-canonical-image-card { min-height:220px; padding:14px; border-radius:17px; }
  body.xg-native-product-active .xg-canonical-plan-buttons { flex-wrap:nowrap; overflow-x:auto; padding-bottom:3px; scrollbar-width:none; }
  body.xg-native-product-active .xg-canonical-plan-buttons::-webkit-scrollbar { display:none; }
  body.xg-native-product-active .xg-canonical-plan-buttons button { flex:0 0 auto; }
  body.xg-native-product-active .xg-canonical-buybox { padding:14px; }
  body.xg-native-product-active .xg-canonical-buybox__top,
  body.xg-native-product-active .xg-canonical-buybox__checkout { align-items:stretch; flex-direction:column; }
  body.xg-native-product-active .xg-canonical-buybox__terms { grid-template-columns:1fr; }
  body.xg-native-product-active .xg-canonical-cart { width:100%; }
  body.xg-native-product-active .xg-canonical-cart .single_add_to_cart_button { flex:1; }
  body.xg-native-product-active .xg-canonical-offer { grid-template-columns:1fr; gap:10px; padding:12px; }
  body.xg-native-product-active .xg-canonical-offer__select,
  body.xg-native-product-active .xg-canonical-offer__price { grid-column:auto; grid-row:auto; }
  body.xg-native-product-active .xg-canonical-offer__select { width:100%; }
  body.xg-native-product-active .xg-canonical-related__grid { gap:9px; }
}

/* 0.65.0 — quieter product composition and useful media column. */
body.xg-native-product-active .xg-canonical-hero{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:start}
body.xg-native-product-active :is(.xg-canonical-image-card,.xg-canonical-master-description-card,.xg-canonical-summary,.xg-canonical-sellers,.xg-canonical-content,.xg-canonical-reviews,.xg-canonical-related .xg-product-related-card){border:0;box-shadow:0 12px 34px color-mix(in srgb,#000 7%,transparent)}
body.xg-native-product-active .xg-canonical-image-card{display:grid;place-items:initial;align-self:start;min-height:0;padding:12px;gap:12px;overflow:hidden}
body.xg-native-product-active .xg-canonical-image-frame{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:16px;background:var(--xg-canonical-card-2)}
body.xg-native-product-active .xg-canonical-image-frame:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to top,rgba(5,7,12,.2),transparent);pointer-events:none}
body.xg-native-product-active .xg-canonical-image-frame img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;border-radius:0}
body.xg-native-product-active .xg-canonical-visual-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.xg-native-product-active .xg-canonical-visual-meta>div{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:13px;background:var(--xg-canonical-card-2)}
body.xg-native-product-active .xg-canonical-visual-meta i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:var(--xg-canonical-card);color:var(--xg-canonical-accent);font-size:11px}
body.xg-native-product-active .xg-canonical-visual-meta span{display:grid;min-width:0;gap:1px}
body.xg-native-product-active .xg-canonical-visual-meta small{color:var(--xg-canonical-muted);font-size:7px;white-space:nowrap}
body.xg-native-product-active .xg-canonical-visual-meta strong{overflow:hidden;color:var(--xg-canonical-text);font-size:9px;white-space:nowrap;text-overflow:ellipsis}
body.xg-native-product-active .xg-canonical-visual-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border-radius:14px;background:color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card-2))}
body.xg-native-product-active .xg-canonical-visual-note>i{margin-top:3px;color:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-canonical-visual-note>span{display:grid;gap:2px}
body.xg-native-product-active .xg-canonical-visual-note strong{color:var(--xg-canonical-text);font-size:10px}
body.xg-native-product-active .xg-canonical-visual-note small{color:var(--xg-canonical-muted);font-size:8px;line-height:1.8}
body.xg-native-product-active .xg-canonical-visual-note.is-waiting{background:color-mix(in srgb,#f5a623 8%,var(--xg-canonical-card-2))}
body.xg-native-product-active .xg-canonical-visual-note.is-waiting>i{color:#d98b12}
body.xg-native-product-active .xg-canonical-kicker :is(span,b){border:0}
body.xg-native-product-active .xg-canonical-plan-picker{padding:14px;border:0;border-radius:15px;background:var(--xg-canonical-card-2)}
body.xg-native-product-active .xg-canonical-plan-buttons button{border-color:transparent;background:var(--xg-canonical-card)}
body.xg-native-product-active .xg-canonical-buybox{border:0;background:linear-gradient(145deg,color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card-2)),var(--xg-canonical-card-2))}
body.xg-native-product-active .xg-canonical-buybox__terms>div,
body.xg-native-product-active .xg-canonical-buybox__intake,
body.xg-native-product-active .xg-canonical-buybox__intake-fields span{border:0}
body.xg-native-product-active .xg-canonical-buybox__checkout{border:0;padding:12px;border-radius:14px;background:var(--xg-canonical-card)}
body.xg-native-product-active .xg-canonical-offer{position:relative;border-color:transparent;background:var(--xg-canonical-card-2);overflow:hidden}
body.xg-native-product-active .xg-canonical-offer.is-selected{border-color:transparent;box-shadow:none;background:color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card-2))}
body.xg-native-product-active .xg-canonical-offer.is-selected:before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:999px;background:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-canonical-offer__select{border:0;background:var(--xg-canonical-card)}
body.xg-native-product-active .xg-canonical-related__item{border:0}

/* Woo\43 ommerce reviews: one clear surface with deliberate dark-mode contrast. */
body.xg-native-product-active .xg-canonical-reviews .xg-product-tabs-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.xg-native-product-active .xg-canonical-reviews .woo\63 ommerce-Reviews #comments{padding:0 0 18px;border:0}
body.xg-native-product-active .xg-canonical-reviews .comment-form{display:grid;gap:12px}
body.xg-native-product-active .xg-canonical-reviews .comment-form>p{margin:0!important}
body.xg-native-product-active .xg-canonical-reviews .comment-form-rating{padding:13px 14px;border-radius:14px;background:var(--xg-canonical-card-2)}
body.xg-native-product-active .xg-canonical-reviews .comment-form-rating label{display:block;margin-bottom:7px;color:var(--xg-canonical-muted);font-size:10px;font-weight:800}
body.xg-native-product-active .xg-canonical-reviews p.stars{line-height:1!important}
body.xg-native-product-active .xg-canonical-reviews p.stars a{color:color-mix(in srgb,#f5b301 58%,var(--xg-canonical-muted))!important;font-size:22px}
body.xg-native-product-active .xg-canonical-reviews textarea#comment{width:100%;min-height:140px;padding:14px!important;border:0!important;border-radius:14px!important;background:var(--xg-canonical-card-2)!important;color:var(--xg-canonical-text)!important;box-shadow:none!important;resize:vertical}
body.xg-native-product-active .xg-canonical-reviews textarea#comment:focus{outline:3px solid color-mix(in srgb,var(--xg-canonical-accent) 12%,transparent)!important}
body.xg-native-product-active .xg-canonical-reviews .form-submit{display:flex;justify-content:flex-start}
body.xg-native-product-active .xg-canonical-reviews .form-submit #submit{min-width:110px;min-height:42px;padding:0 18px!important;border:0!important;border-radius:11px!important;background:var(--xg-canonical-accent)!important;color:#fff!important;font-weight:900!important}
body.xg-native-product-active .xg-canonical-reviews ol.commentlist li .comment-text{border:0!important;border-radius:14px!important;background:var(--xg-canonical-card-2)!important;color:var(--xg-canonical-text)!important}
html[data-xg-theme="dark"] body.xg-native-product-active .xg-canonical-reviews textarea#comment,
html[data-xg-theme="dark"] body.xg-native-product-active .xg-canonical-reviews .comment-form-rating,
html[data-xg-theme="dark"] body.xg-native-product-active .xg-canonical-reviews ol.commentlist li .comment-text{background:color-mix(in srgb,var(--xg-canonical-card-2) 88%,#000)!important}

@media(max-width:820px){body.xg-native-product-active .xg-canonical-hero{grid-template-columns:1fr}body.xg-native-product-active .xg-canonical-image-card{min-height:0}}
@media(max-width:560px){body.xg-native-product-active .xg-canonical-image-card{padding:9px;gap:9px}body.xg-native-product-active .xg-canonical-visual-meta{grid-template-columns:1fr 1fr}body.xg-native-product-active .xg-canonical-visual-meta>div:last-child{grid-column:1/-1}}

/* 0.69.0.5–0.69.0.10 — Region → Plan → Offer */
.xg-canonical-region-picker{display:grid;gap:10px;margin-top:18px}.xg-canonical-region-picker>span{font-size:12px;font-weight:800;color:var(--xg-muted,#8f96a3)}
.xg-canonical-region-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.xg-canonical-region-buttons button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--xg-border,rgba(148,163,184,.18));border-radius:13px;background:var(--xg-surface-2,#20242c);color:inherit;font:inherit;font-weight:800;cursor:pointer;transition:.18s ease}
.xg-canonical-region-buttons button:hover{border-color:rgba(214,40,40,.5);transform:translateY(-1px)}.xg-canonical-region-buttons button.is-active{border-color:#d62828;background:rgba(214,40,40,.12);box-shadow:0 0 0 1px rgba(214,40,40,.1)}
.xg-canonical-region-buttons img{width:30px;height:22.5px;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.xg-canonical-region-buttons button>i{width:30px;text-align:center;font-size:18px;opacity:.8}
@media(max-width:560px){.xg-canonical-region-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.xg-canonical-region-buttons button{justify-content:flex-start}}

/* 0.69.1 — Master Product Presentation. */
body.xg-native-product-active .xg-canonical-kicker{
  justify-content:space-between;
}
body.xg-native-product-active .xg-canonical-master-categories{
  display:flex;
  flex:1 1 260px;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
}
body.xg-native-product-active .xg-canonical-master-categories :is(a,span){
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border:0;
  border-radius:999px;
  background:var(--xg-canonical-card-2);
  color:var(--xg-canonical-muted);
  font-size:10px;
  font-weight:850;
  line-height:1.5;
  text-decoration:none;
}
body.xg-native-product-active .xg-canonical-master-categories a:hover{
  color:var(--xg-canonical-accent);
  background:color-mix(in srgb,var(--xg-canonical-accent) 7%,var(--xg-canonical-card-2));
}
body.xg-native-product-active .xg-canonical-master-short-description{
  display:block;
  max-width:72ch;
}
body.xg-native-product-active .xg-canonical-master-short-description p{
  margin:0 0 9px;
}
body.xg-native-product-active .xg-canonical-master-short-description p:last-child{
  margin-bottom:0;
}
body.xg-native-product-active .xg-canonical-summary__lead.is-fallback{
  opacity:.88;
}
body.xg-native-product-active .xg-canonical-offer-content{
  position:relative;
}
body.xg-native-product-active .xg-canonical-offer-content:before{
  content:"";
  position:absolute;
  inset-block:18px;
  inset-inline-start:0;
  width:3px;
  border-radius:999px;
  background:color-mix(in srgb,var(--xg-canonical-accent) 72%,transparent);
}
@media(max-width:560px){
  body.xg-native-product-active .xg-canonical-kicker{align-items:flex-start;flex-direction:column}
  body.xg-native-product-active .xg-canonical-master-categories{flex-basis:auto}
}

/* 0.69.1.2 — Dedicated Master Short Description card below the media status card. */
body.xg-native-product-active .xg-canonical-media-column{
  display:grid;
  align-self:start;
  min-width:0;
  gap:14px;
}
body.xg-native-product-active .xg-canonical-master-description-card{
  width:100%;
  padding:18px 20px 20px;
  overflow:hidden;
}
body.xg-native-product-active .xg-canonical-master-description-card h2{
  margin:0 0 12px;
  color:var(--xg-canonical-text);
  font-size:13px;
  font-weight:900;
  line-height:1.8;
}
body.xg-native-product-active .xg-canonical-image-description{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--xg-canonical-muted);
  font-size:11px;
  line-height:2.15;
  text-align:justify;
  text-justify:inter-word;
}
body.xg-native-product-active .xg-canonical-image-description p{
  margin:0 0 9px;
  text-align:justify;
}
body.xg-native-product-active .xg-canonical-image-description p:last-child{
  margin-bottom:0;
}
@media(max-width:560px){
  body.xg-native-product-active .xg-canonical-media-column{gap:10px}
  body.xg-native-product-active .xg-canonical-master-description-card{padding:16px;border-radius:17px}
  body.xg-native-product-active .xg-canonical-master-description-card h2{font-size:12px;margin-bottom:9px}
  body.xg-native-product-active .xg-canonical-image-description{font-size:10.5px;line-height:2.05}
}

/* 0.81.3 — Buyer wholesale Bundle checkout presentation. */
body.xg-native-product-active .xg-canonical-wholesale{
  margin:0 0 24px;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:var(--xg-canonical-card);box-shadow:0 12px 34px color-mix(in srgb,#000 7%,transparent)
}
body.xg-native-product-active .xg-wholesale-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
body.xg-native-product-active .xg-wholesale-summary-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body.xg-native-product-active .xg-wholesale-summary-chips span{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:6px 10px;border-radius:999px;background:var(--xg-canonical-card-2);color:var(--xg-canonical-muted);font-size:9px;font-weight:800}
body.xg-native-product-active .xg-wholesale-summary-chips b{color:var(--xg-canonical-text);font-size:11px}
body.xg-native-product-active .xg-wholesale-selection{display:grid;grid-template-columns:auto minmax(0,1.35fr) minmax(145px,.7fr) minmax(145px,.72fr) minmax(190px,.9fr);gap:13px;align-items:center;margin:0 0 16px;padding:14px;border-radius:17px;background:color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card-2))}
body.xg-native-product-active .xg-wholesale-selection__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--xg-canonical-card);color:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-wholesale-selection__main,
body.xg-native-product-active .xg-wholesale-selection__price,
body.xg-native-product-active .xg-wholesale-selection__vendor{display:grid;gap:2px;min-width:0}
body.xg-native-product-active .xg-wholesale-selection__action{display:grid;gap:6px;min-width:0}
body.xg-native-product-active .xg-wholesale-cart{margin:0}
body.xg-native-product-active .xg-wholesale-cart .single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin:0!important;border:0;border-radius:12px;background:var(--xg-canonical-accent);color:#fff;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
body.xg-native-product-active .xg-wholesale-selection__action>small{display:flex;align-items:flex-start;gap:5px;color:var(--xg-canonical-muted);font-size:7px;line-height:1.7}
body.xg-native-product-active .xg-wholesale-selection__action>small i{margin-top:2px;color:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-wholesale-selection small{color:var(--xg-canonical-muted);font-size:8px}
body.xg-native-product-active .xg-wholesale-selection strong{overflow:hidden;color:var(--xg-canonical-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
body.xg-native-product-active .xg-wholesale-selection__price strong{font-size:15px;font-weight:900}
body.xg-native-product-active .xg-wholesale-selection span{color:var(--xg-canonical-muted);font-size:8px;line-height:1.7}
body.xg-native-product-active .xg-wholesale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.xg-native-product-active .xg-wholesale-card{position:relative;display:grid;gap:12px;padding:15px;border:1px solid transparent;border-radius:17px;background:var(--xg-canonical-card-2);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
body.xg-native-product-active .xg-wholesale-card:hover{transform:translateY(-1px)}
body.xg-native-product-active .xg-wholesale-card.is-selected{background:color-mix(in srgb,var(--xg-canonical-accent) 5%,var(--xg-canonical-card-2));box-shadow:0 0 0 1px color-mix(in srgb,var(--xg-canonical-accent) 26%,transparent)}
body.xg-native-product-active .xg-wholesale-card.is-selected:before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:999px;background:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-wholesale-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
body.xg-native-product-active .xg-wholesale-card__top>div{display:grid;gap:4px;min-width:0}
body.xg-native-product-active .xg-wholesale-card__top h3{margin:0;color:var(--xg-canonical-text);font-size:13px;line-height:1.7}
body.xg-native-product-active .xg-wholesale-card__units,
body.xg-native-product-active .xg-wholesale-card__status{display:inline-flex;align-items:center;gap:5px;color:var(--xg-canonical-muted);font-size:8px;font-weight:850}
body.xg-native-product-active .xg-wholesale-card__status{flex:0 0 auto;color:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-wholesale-card__chips{display:flex;flex-wrap:wrap;gap:6px}
body.xg-native-product-active .xg-wholesale-card__chips span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:5px 8px;border-radius:999px;background:var(--xg-canonical-card);color:var(--xg-canonical-muted);font-size:8px;font-weight:800}
body.xg-native-product-active .xg-wholesale-card__chips img{width:20px;height:15px;object-fit:cover;border-radius:4px}
body.xg-native-product-active .xg-wholesale-card__seller{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:var(--xg-canonical-card)}
body.xg-native-product-active .xg-wholesale-card__seller>img{width:36px;height:36px;flex:0 0 36px;border-radius:11px;object-fit:contain;background:var(--xg-canonical-card-2)}
body.xg-native-product-active .xg-wholesale-card__seller>span{display:grid;gap:1px;min-width:0}
body.xg-native-product-active .xg-wholesale-card__seller small{color:var(--xg-canonical-muted);font-size:7px}
body.xg-native-product-active .xg-wholesale-card__seller strong{overflow:hidden;color:var(--xg-canonical-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
body.xg-native-product-active .xg-wholesale-card__seller em{color:var(--xg-canonical-muted);font-size:7px;font-style:normal}
body.xg-native-product-active .xg-wholesale-card__details{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}
body.xg-native-product-active .xg-wholesale-card__details>div{display:grid;gap:2px;min-width:0;padding:9px;border-radius:11px;background:var(--xg-canonical-card)}
body.xg-native-product-active .xg-wholesale-card__details dt{color:var(--xg-canonical-muted);font-size:7px}
body.xg-native-product-active .xg-wholesale-card__details dd{margin:0;color:var(--xg-canonical-text);font-size:9px;font-weight:850}
body.xg-native-product-active .xg-wholesale-card__content{padding:0 2px;color:var(--xg-canonical-muted);font-size:8px;line-height:1.9}
body.xg-native-product-active .xg-wholesale-card__content summary{cursor:pointer;color:var(--xg-canonical-text);font-weight:850}
body.xg-native-product-active .xg-wholesale-card__content div{padding-top:7px}
body.xg-native-product-active .xg-wholesale-card__select{min-height:40px;border:0;border-radius:11px;background:var(--xg-canonical-card);color:var(--xg-canonical-text);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
body.xg-native-product-active .xg-wholesale-card.is-selected .xg-wholesale-card__select{background:var(--xg-canonical-accent);color:#fff}
body.xg-native-product-active .xg-wholesale-boundary-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 13px;border-radius:13px;background:var(--xg-canonical-card-2);color:var(--xg-canonical-muted);font-size:8px;line-height:1.8}
body.xg-native-product-active .xg-wholesale-boundary-note i{margin-top:3px;color:var(--xg-canonical-accent)}
body.xg-native-product-active .xg-wholesale-boundary-note strong{color:var(--xg-canonical-text)}
@media(max-width:980px){body.xg-native-product-active .xg-wholesale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.xg-native-product-active .xg-wholesale-selection{grid-template-columns:auto 1fr 1fr}.xg-wholesale-selection__vendor{grid-column:2/3}.xg-wholesale-selection__action{grid-column:3/4}}
@media(max-width:640px){body.xg-native-product-active .xg-wholesale-heading{align-items:flex-start;flex-direction:column}body.xg-native-product-active .xg-wholesale-summary-chips{justify-content:flex-start}body.xg-native-product-active .xg-wholesale-grid{grid-template-columns:1fr}body.xg-native-product-active .xg-wholesale-selection{grid-template-columns:auto 1fr}body.xg-native-product-active .xg-wholesale-selection__price,body.xg-native-product-active .xg-wholesale-selection__vendor,body.xg-native-product-active .xg-wholesale-selection__action{grid-column:1/-1;padding-top:8px;border-top:1px solid var(--xg-canonical-line)}}
