.customcsspn-outfit-root {
  --outfit-page-bg: #fff;
  --outfit-text: #111827;
  --outfit-muted: #6b7280;
  --outfit-accent: #111827;
  --outfit-max: 1440px;
  --outfit-content-max: 1180px;
  --outfit-px: 32px;
  --outfit-py: 48px;
  --outfit-h1: 48px;
  --outfit-h1-mb: 28px;
  --outfit-hero-height: 560px;
  --outfit-hero-radius: 0px;
  --outfit-body-size: 17px;
  --outfit-body-margin: 32px;
  --outfit-carousel-title: 32px;
  --outfit-carousel-subtitle: 17px;
  --outfit-gap: 20px;
  --outfit-card-width: 280px;
  --outfit-card-padding: 16px;
  --outfit-card-bg: #fff;
  --outfit-card-border: #e5e7eb;
  --outfit-card-radius: 12px;
  --outfit-product-title: 17px;
  --outfit-price: 18px;
  --outfit-add-bg: #111827;
  --outfit-add-text: #fff;
  --outfit-add-border: #111827;
  --outfit-add-radius: 8px;
  --outfit-add-size: 15px;
  --outfit-add-py: 12px;
  --outfit-separator-color: #111827;
  --outfit-separator-size: 56px;
  --outfit-separator-margin: 42px;
  --outfit-checkout-bg: #dc2626;
  --outfit-checkout-text: #fff;
  --outfit-checkout-disabled-bg: #d1d5db;
  --outfit-checkout-disabled-text: #4b5563;
  --outfit-checkout-radius: 10px;
  --outfit-checkout-size: 18px;
  --outfit-checkout-py: 16px;
  --outfit-checkout-mt: 48px;
  box-sizing: border-box;
  color: var(--outfit-text);
  background: var(--outfit-page-bg);
  margin-inline: auto;
  max-width: var(--outfit-max);
  padding: var(--outfit-py) var(--outfit-px);
  width: 100%;
}
.customcsspn-outfit-root *, .customcsspn-outfit-root *::before, .customcsspn-outfit-root *::after { box-sizing: border-box; }
.customcsspn-outfit__content { margin-inline: auto; max-width: var(--outfit-content-max); }
.customcsspn-outfit__title { color: var(--outfit-text); font-size: var(--outfit-h1); line-height: 1.08; margin: 0 0 var(--outfit-h1-mb); text-align: center; }
.customcsspn-outfit__hero { border-radius: var(--outfit-hero-radius); display: block; height: var(--outfit-hero-height); object-fit: cover; width: 100%; }
.customcsspn-outfit__richtext { color: var(--outfit-text); font-size: var(--outfit-body-size); line-height: 1.65; margin: var(--outfit-body-margin) auto; }
.customcsspn-outfit__richtext > :first-child { margin-top: 0; }
.customcsspn-outfit__richtext > :last-child { margin-bottom: 0; }
.customcsspn-outfit__carousel { scroll-margin-top: 24px; }
.customcsspn-outfit__carousel-heading { padding-right: 96px; position: relative; }
.customcsspn-outfit__carousel-title { color: var(--outfit-text); font-size: var(--outfit-carousel-title); line-height: 1.18; margin: 0; }
.customcsspn-outfit__carousel-subtitle { color: var(--outfit-muted); font-size: var(--outfit-carousel-subtitle); line-height: 1.5; margin: 8px 0 18px; }
.customcsspn-outfit__controls { display: flex; gap: 8px; position: absolute; right: 0; top: 0; }
.customcsspn-outfit__arrow { align-items: center; background: var(--outfit-page-bg); border: 1px solid var(--outfit-card-border); border-radius: 999px; color: var(--outfit-text); cursor: pointer; display: inline-flex; font: inherit; height: 40px; justify-content: center; padding: 0; width: 40px; }
.customcsspn-outfit__rail { display: flex; gap: var(--outfit-gap); overflow-x: auto; padding: 2px 2px 12px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.customcsspn-outfit__card { background: var(--outfit-card-bg); border: 1px solid var(--outfit-card-border); border-radius: var(--outfit-card-radius); display: flex; flex: 0 0 var(--outfit-card-width); flex-direction: column; overflow: hidden; padding: var(--outfit-card-padding); scroll-snap-align: start; transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease; }
.customcsspn-outfit__card.is-selected { border-color: var(--outfit-accent); box-shadow: 0 0 0 2px var(--outfit-accent); }
.customcsspn-outfit__card.is-blocked:not(.is-selected) { opacity: .52; }
.customcsspn-outfit__product-link { color: inherit; text-decoration: none; }
.customcsspn-outfit__image { aspect-ratio: 1/1; display: block; object-fit: contain; width: 100%; }
.customcsspn-outfit__vendor { color: var(--outfit-muted); font-size: 12px; letter-spacing: .04em; margin: 12px 0 4px; text-transform: uppercase; }
.customcsspn-outfit__product-title { color: var(--outfit-text); font-size: var(--outfit-product-title); font-weight: 650; line-height: 1.35; margin: 0 0 8px; }
.customcsspn-outfit__price { color: var(--outfit-text); font-size: var(--outfit-price); font-weight: 700; margin: auto 0 12px; }
.customcsspn-outfit__compare { color: var(--outfit-muted); font-size: .82em; font-weight: 400; margin-left: 7px; text-decoration: line-through; }
.customcsspn-outfit__variant { background: #fff; border: 1px solid var(--outfit-card-border); border-radius: 6px; color: #111827; margin: 0 0 10px; min-height: 40px; padding: 7px; width: 100%; }
.customcsspn-outfit__add { background: var(--outfit-add-bg); border: 1px solid var(--outfit-add-border); border-radius: var(--outfit-add-radius); color: var(--outfit-add-text); cursor: pointer; font: inherit; font-size: var(--outfit-add-size); font-weight: 700; line-height: 1.2; padding: var(--outfit-add-py) 10px; width: 100%; }
.customcsspn-outfit__add:disabled { cursor: not-allowed; opacity: .55; }
.customcsspn-outfit__separator { color: var(--outfit-separator-color); font-size: var(--outfit-separator-size); line-height: 1; margin: var(--outfit-separator-margin) 0; text-align: center; }
.customcsspn-outfit__checkout { background: var(--outfit-checkout-bg); border: 0; border-radius: var(--outfit-checkout-radius); color: var(--outfit-checkout-text); cursor: pointer; display: block; font: inherit; font-size: var(--outfit-checkout-size); font-weight: 750; margin-top: var(--outfit-checkout-mt); padding: var(--outfit-checkout-py) 18px; width: 100%; }
.customcsspn-outfit__checkout:disabled { background: var(--outfit-checkout-disabled-bg); color: var(--outfit-checkout-disabled-text); cursor: not-allowed; }
.customcsspn-outfit__status { color: var(--outfit-muted); margin: 12px 0; min-height: 1.4em; text-align: center; }
.customcsspn-outfit__empty { border: 1px dashed var(--outfit-card-border); color: var(--outfit-muted); padding: 24px; text-align: center; }
@media (max-width: 749px) {
  .customcsspn-outfit-root { --outfit-px: var(--outfit-px-mobile); --outfit-py: var(--outfit-py-mobile); --outfit-h1: var(--outfit-h1-mobile); --outfit-h1-mb: var(--outfit-h1-mb-mobile); --outfit-hero-height: var(--outfit-hero-height-mobile); --outfit-hero-radius: var(--outfit-hero-radius-mobile); --outfit-body-size: var(--outfit-body-size-mobile); --outfit-body-margin: var(--outfit-body-margin-mobile); --outfit-carousel-title: var(--outfit-carousel-title-mobile); --outfit-carousel-subtitle: var(--outfit-carousel-subtitle-mobile); --outfit-gap: var(--outfit-gap-mobile); --outfit-card-width: var(--outfit-card-width-mobile); --outfit-card-padding: var(--outfit-card-padding-mobile); --outfit-card-radius: var(--outfit-card-radius-mobile); --outfit-product-title: var(--outfit-product-title-mobile); --outfit-price: var(--outfit-price-mobile); --outfit-add-radius: var(--outfit-add-radius-mobile); --outfit-add-size: var(--outfit-add-size-mobile); --outfit-add-py: var(--outfit-add-py-mobile); --outfit-separator-size: var(--outfit-separator-size-mobile); --outfit-separator-margin: var(--outfit-separator-margin-mobile); --outfit-checkout-radius: var(--outfit-checkout-radius-mobile); --outfit-checkout-size: var(--outfit-checkout-size-mobile); --outfit-checkout-py: var(--outfit-checkout-py-mobile); --outfit-checkout-mt: var(--outfit-checkout-mt-mobile); }
  .customcsspn-outfit__carousel-heading { padding-right: 0; }
  .customcsspn-outfit__controls { display: none; }
}