/** Shopify CDN: Minification failed

Line 618:0 Unexpected "9999"

**/
/* ============================================================
   Skinly PDP — reference-matched buy box + supporting kit
   Buy box: scoped to .main-product__info-container
   Kit (reveal / accordions / icons): scoped to .skinly-kit
   RTL-aware. Brand palette: espresso ink / cream / warm line.
   ============================================================ */
.main-product__info-container,
.skinly-kit {
  --skinly-ink: var(--skinly-ink-fixed, rgb(var(--color-foreground, 185 124 114)));
  --skinly-line: #D8CCC6;
  --skinly-line-strong: rgb(var(--color-foreground, 185 124 114));
  --skinly-muted: #8C7B73;
}

/* ---------- COLOR SWATCHES : touching rectangles ---------- */
.main-product__info-container .product-form__input--swatches {
  display: block !important;
  margin-block: 0 1.6rem;
}
.main-product__info-container .product-form__input--swatches .product-form__label-container {
  order: 2;
  margin: 1rem 0 0;
  min-height: 0;
}
.main-product__info-container .product-form__input--swatches .form__label {
  font-size: 1.4rem;
  line-height: 1.2;
  color: var(--skinly-ink);
  margin: 0;
  font-weight: 400;
}
.main-product__info-container .product-form__input--swatches .form__label strong { font-weight: 600; }
.main-product__info-container .color-swatches-container {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: max-content;
  max-width: 100%;
  border: 1px solid var(--skinly-line);
  border-radius: 3px;
  overflow: hidden;
}
.main-product__info-container .color-swatch {
  flex: 0 0 auto;
  width: 4.6rem;
  height: 4.6rem;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  border-radius: 0;
}
.main-product__info-container .color-swatch + .color-swatch { border-inline-start: 1px solid var(--skinly-line); }
.main-product__info-container .color-swatch__image,
.main-product__info-container .color-swatch__custom-color {
  width: 100%; height: 100%; margin: 0; border-radius: 0; border: 0;
}
.main-product__info-container .color-swatch__label { display: none !important; }
.main-product__info-container .color-swatch input {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; margin: 0; cursor: pointer; z-index: 2;
}
.main-product__info-container .color-swatch:has(input:checked) {
  outline: 2px solid var(--skinly-line-strong);
  outline-offset: -2px;
  z-index: 1;
}
/* inner light ring so the selected state reads on dark swatches too */
.main-product__info-container .color-swatch:has(input:checked)::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1.5px solid rgba(255, 255, 255, .92);
  pointer-events: none;
}
.main-product__info-container .color-swatch.unavailable .color-swatch__image { opacity: .45; }

/* ---------- SIZE : label row + rectangular buttons ---------- */
.main-product__info-container .product-form__input--pills {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-block: 0 1.6rem;
}
.main-product__info-container .product-form__input--pills .product-form__label-container {
  flex-basis: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 0 .9rem;
}
.main-product__info-container .product-form__input--pills .form__label {
  font-size: 1.4rem;
  color: var(--skinly-ink);
  margin: 0;
  font-weight: 400;
}
.main-product__info-container .product-form__input--pills .form__label strong { font-weight: 600; }
.main-product__info-container .product-form__input--pills input[type="radio"] {
  position: absolute;
  width: 1px; height: 1px; opacity: 0; pointer-events: none;
}
.main-product__info-container .product-form__input--pills > label {
  border: 1px solid var(--skinly-line) !important;
  border-radius: 3px !important;
  min-width: 5.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--skinly-ink);
  background: transparent;
  margin: 0;
  padding: 0 1.2rem;
  cursor: pointer;
  transition: border-color .12s ease;
}
.main-product__info-container .product-form__input--pills > input:checked + label {
  border: 1.5px solid var(--skinly-line-strong) !important;
  box-shadow: inset 0 0 0 1px var(--skinly-line-strong);
  font-weight: 500;
}
.main-product__info-container .product-form__input--pills > input.disabled + label,
.main-product__info-container .product-form__input--pills > label.unavailable {
  color: #B7ABA3;
  text-decoration: line-through;
  border-style: dashed !important;
}

/* Size-guide link sits opposite the size label */
.main-product__info-container .product-form__input--pills .sizing-chart,
.main-product__info-container .product-form__input--swatches .sizing-chart { margin: 0 !important; }
.main-product__info-container .sizing-chart__button {
  font-size: 1.3rem !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: var(--skinly-ink) !important;
  padding: 0 !important;
  min-height: 0 !important;
  gap: 0 !important;
}
.main-product__info-container .sizing-chart__button .material-icon,
.main-product__info-container .sizing-chart__button .material-symbols-outlined,
.main-product__info-container .sizing-chart__button svg,
.main-product__info-container .sizing-chart__button .icon {
  display: none !important;
}

/* ADD TO BAG: near-rectangular like the reference */
.main-product__info-container .product-form__buttons .atc-button,
.main-product__info-container .product-form__buttons .shopify-payment-button__button {
  border-radius: 6px !important;
}

/* ---------- ADD TO BAG ---------- */
.main-product__info-container .product-form__buttons .atc-button {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.4rem;
}

/* ---------- PAYMENT NOTE / small captions (skinly_subtitle) ---------- */
.main-product__info-container .flex-pdp-subtitle { margin-top: var(--margin-top, .6rem); }

/* ---------- REASONS TO COMMIT : eyebrow + inline checklist ---------- */
/* A skinly_subtitle placed directly before the reasons list becomes the eyebrow */
.main-product__info-container .flex-pdp-subtitle:has(+ .pdp-benefits) {
  font-size: 1.1rem !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
  color: var(--skinly-ink);
  margin-bottom: .4rem;
}
.main-product__info-container .pdp-benefits {
  margin: .4rem 0 0 !important;
  padding: 0;
  list-style: none;
  display: flex !important;
  flex-flow: row wrap !important;
  gap: .55rem 1.8rem !important;
}
.main-product__info-container .pdp-benefits li.pdp-benefits__item {
  position: relative;
  font-size: 1.35rem;
  line-height: 1.3;
  padding-inline-start: 2.2rem !important;
  color: var(--skinly-ink);
}
.main-product__info-container .pdp-benefits__item--check::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.05rem;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--pdp-benefit-marker-color, var(--skinly-line-strong));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M4 12.5 9.5 18 20 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M4 12.5 9.5 18 20 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ============================================================
   KIT SECTION : reveal range / accordions / icon grid
   ============================================================ */
.skinly-kit__inner {
  max-width: var(--skinly-kit-max, 58rem);
  margin-inline: auto;
}
.skinly-kit__eyebrow {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
  color: var(--skinly-ink);
  margin: 0 0 1.4rem;
}

/* ---------- REVEAL RANGE : horizontal scale ---------- */
.skinly-kit .skinly-reveal {
  --skinly-reveal-line: var(--skinly-ink);
  --skinly-reveal-dot: var(--skinly-ink);
  --skinly-reveal-label: var(--skinly-ink);
}
.skinly-kit .skinly-reveal__eyebrow {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
  color: var(--skinly-reveal-label);
  margin: 0 0 2.8rem;
}
.skinly-kit .skinly-reveal__track {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.2rem;
}
.skinly-kit .skinly-reveal__line {
  position: absolute;
  inset-inline: 1.2rem;
  top: .5rem;
  height: 1.5px;
  background: var(--skinly-reveal-line);
  opacity: .85;
}
.skinly-kit .skinly-reveal__point {
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
}
.skinly-kit .skinly-reveal__point:first-child { align-items: flex-start; text-align: start; }
.skinly-kit .skinly-reveal__point:last-child { align-items: flex-end; text-align: end; }
.skinly-kit .skinly-reveal__dot {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: var(--skinly-reveal-dot);
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.skinly-kit .skinly-reveal__doodle {
  position: absolute;
  top: -2.1rem;
  color: var(--skinly-reveal-dot);
  width: 4.2rem;
}
.skinly-kit .skinly-reveal__doodle svg { width: 100%; height: auto; display: block; }
.skinly-kit .skinly-reveal__label {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: .1rem;
  font-size: 1.15rem;
  line-height: 1.2;
  color: var(--skinly-reveal-label);
}

/* ---------- THIN ACCORDIONS ---------- */
.skinly-kit .skinly-acc {
  border-top: 1px solid var(--skinly-line);
}
.skinly-kit .skinly-acc:last-of-type { border-bottom: 1px solid var(--skinly-line); }
.skinly-kit .skinly-acc__summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 2rem 0;
  font-size: 1.6rem;
  color: var(--skinly-ink);
}
.skinly-kit .skinly-acc__summary::-webkit-details-marker { display: none; }
.skinly-kit .skinly-acc__icon {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
}
.skinly-kit .skinly-acc__icon::before,
.skinly-kit .skinly-acc__icon::after {
  content: "";
  position: absolute;
  background: var(--skinly-ink);
  transition: transform .2s ease, opacity .2s ease;
}
.skinly-kit .skinly-acc__icon::before { top: 50%; inset-inline: 0; height: 1.5px; transform: translateY(-50%); }
.skinly-kit .skinly-acc__icon::after { inset-block: 0; left: 50%; width: 1.5px; transform: translateX(-50%); }
.skinly-kit .skinly-acc[open] .skinly-acc__icon::after { opacity: 0; transform: translateX(-50%) rotate(90deg); }
.skinly-kit .skinly-acc__content {
  padding: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.6;
  color: var(--skinly-muted);
}
.skinly-kit .skinly-acc__content > :first-child { margin-top: 0; }
.skinly-kit .skinly-acc__content > :last-child { margin-bottom: 0; }

/* ---------- 2x2 BENEFIT ICON GRID ---------- */
.skinly-kit .skinly-icons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.6rem 2rem;
  margin-top: 3.2rem;
}
.skinly-kit .skinly-icons__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  text-align: start;
}
.skinly-kit .skinly-icons__icon { color: var(--skinly-ink); }
.skinly-kit .skinly-icons__icon .skinly-line-icon { width: 4rem; height: 4rem; display: block; }
.skinly-kit .skinly-icons__icon img { width: 4rem; height: 4rem; object-fit: contain; }
.skinly-kit .skinly-icons__text {
  font-size: 1.35rem;
  line-height: 1.3;
  color: var(--skinly-ink);
}
.skinly-kit .skinly-icons__text a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* ============================================================
   RECOMMENDATIONS — "go all the way" transition carousel
   ============================================================ */
.related-products .skinly-recs__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.related-products .skinly-recs__heading {
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  letter-spacing: -.01em;
}
.related-products .skinly-recs__nav {
  display: flex;
  gap: .8rem;
  flex: 0 0 auto;
}
.related-products .skinly-recs__arrow {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid var(--skinly-line, #D8CCC6);
  background: transparent;
  color: rgb(var(--color-foreground, 185 124 114));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;
}
.related-products .skinly-recs__arrow:hover {
  background: rgb(var(--color-foreground, 185 124 114));
  border-color: rgb(var(--color-foreground, 185 124 114));
  color: rgb(var(--color-background, 255 252 248));
}
.related-products .skinly-recs__arrow svg { width: 1.8rem; height: 1.8rem; display: block; }

/* Carousel track (overrides the theme grid) */
.related-products .skinly-recs__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1.6rem;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.related-products .skinly-recs__track::-webkit-scrollbar { display: none; }
.related-products .skinly-recs__track > .grid__item {
  flex: 0 0 auto !important;
  width: calc((100% - 3 * 1.6rem) / 4) !important;
  max-width: none !important;
  min-width: 0 !important;
  scroll-snap-align: start;
  margin: 0 !important;
}
@media screen and (max-width: 989px) {
  .related-products .skinly-recs__track > .grid__item { width: calc((100% - 1.6rem) / 2.4) !important; }
}
@media screen and (max-width: 749px) {
  .related-products .skinly-recs__track > .grid__item { width: 64% !important; }
  .related-products .skinly-recs__header { margin-bottom: 1.6rem; }
}

/* ============================================================
   PURCHASE — Concept A "הסט שלך": styled set + one shared deck
   ============================================================ */
.skinly-offer { margin: 0 0 2rem; }
.skinly-offer__heading {
  font-size: 1.15rem; text-transform: uppercase; letter-spacing: .14em;
  font-weight: 600; color: var(--skinly-ink); margin: 0 0 1rem;
}

/* segmented switch (single | 2+1) */
.skinly-offer__switch {
  display: grid; grid-template-columns: 1fr 1fr; gap: .4rem;
  background: #EEDDD6; border-radius: 999px; padding: .4rem;
}
.skinly-offer__seg {
  position: relative; border: 0; background: transparent; cursor: pointer;
  border-radius: 999px; padding: 1rem .8rem; min-height: 4.4rem;
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  font: inherit; color: var(--skinly-ink); transition: background .18s ease, box-shadow .18s ease;
}
.skinly-offer__seg-title { font-size: 1.4rem; font-weight: 600; }
.skinly-offer__seg.is-active { background: rgb(var(--color-background, 255 252 248)); box-shadow: 0 1px 5px rgba(185, 124, 114,.14); }
.skinly-offer__seg-badge {
  font-size: .95rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: #FFFCF8; background: var(--skinly-accent, #B97C72);
  border-radius: 999px; padding: .22rem .6rem; line-height: 1;
}
.skinly-offer__valueline { text-align: center; font-size: 1.25rem; color: var(--skinly-accent, #B97C72); font-weight: 700; margin: .7rem 0 0; }

/* set container */
.skinly-set { margin-top: 1.1rem; }
.skinly-set[hidden] { display: none; }
.skinly-set__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; }
.skinly-set__title { font-size: 1.15rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; color: var(--skinly-ink); }
.skinly-set__value { display: inline-flex; align-items: baseline; gap: .5rem; direction: rtl; }
.skinly-set__was { color: var(--skinly-muted); text-decoration: line-through; font-size: 1.3rem; direction: ltr; unicode-bidi: isolate; }
.skinly-set__now { color: var(--skinly-ink); font-weight: 700; font-size: 1.7rem; direction: ltr; unicode-bidi: isolate; }

/* the shelf: 3 tiles in one row */
.skinly-set__shelf { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.skinly-set__slot {
  position: relative; display: flex; flex-direction: column; gap: .5rem;
  border: 1px solid var(--skinly-line); border-radius: 8px; background: rgb(var(--color-background, 255 252 248));
  padding: .8rem .8rem 1rem; cursor: pointer; text-align: center; font: inherit;
  transition: border-color .15s ease, box-shadow .15s ease, transform .1s ease;
}
.skinly-set__slot:hover { border-color: #C9BBB2; }
.skinly-set__slot.is-active { border-color: var(--skinly-line-strong); box-shadow: 0 0 0 1px var(--skinly-line-strong); }
.skinly-set__num {
  position: absolute; top: .6rem; inset-inline-start: .6rem; z-index: 2;
  width: 1.9rem; height: 1.9rem; border-radius: 50%; background: rgba(185, 124, 114,.7); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700;
}
.skinly-set__slot.is-filled .skinly-set__num {
  background: rgb(var(--color-foreground, 185 124 114));
  font-size: 0; }
.skinly-set__slot.is-filled .skinly-set__num::after {
  content: ""; width: 1rem; height: 1rem;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 12.5 9.5 18 20 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 12.5 9.5 18 20 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.skinly-set__thumb {
  aspect-ratio: 3 / 4; border-radius: 5px;
  background: #EEDDD6 center / contain no-repeat;
}
.skinly-set__slot:not(.is-chosen)  .skinly-set__thumb
 {
  border: 1px dashed var(--skinly-line); background: #EEDDD6;
  position: relative;
}

/* Keep the ESSENTIAL gift product fully visible inside its tile. */
.skinly-set__slot--gift .skinly-set__thumb {
  background-size: auto 86%;
  background-position: center 46%;
  background-repeat: no-repeat;
}

.rating-stars .rating-stars__container--overlay svg,
.rating-stars .rating-stars__container--overlay svg path {
  color: var(--star-color) !important;
  fill: var(--star-color) !important;
}

.rating-stars .rating-stars__container--underlay > svg,
.rating-stars .rating-stars__container--underlay > svg path {

  
  color: var(--bg-star-color) !important;
  fill: var(--bg-star-color) !important;
}

.skinly-flex-cover__category i {
  display: none;
}

.skinly-offer {
  --skinly-ink: #1a1a1a;
  --skinly-muted: #6e645f;
  --skinly-line: #ded5d0;
  --skinly-line-strong: #1a1a1a;
}

.skinly-offer__switch {
  background: #f1e5e0;
  border: 1px solid #eadbd5;
}

.skinly-offer__seg {
  color: #1a1a1a;
}

.skinly-offer__seg.is-active {
  background: #1a1a1a;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(26, 26, 26, 0.12);
}

.skinly-offer__seg.is-active .skinly-offer__seg-badge {
  background: #b97c72;
  color: #ffffff;
}

.skinly-offer__valueline {
  color: #1a1a1a;
}

.skinly-set__slot {
  color: #1a1a1a;
  border-color: #ded5d0;
  box-shadow: 0 1px 0 rgba(26, 26, 26, 0.04);
}

.skinly-set__slot.is-active {
  border-color: #1a1a1a;
  box-shadow: 0 0 0 1px #1a1a1a;
}

.skinly-set__slot.is-filled .skinly-set__num {
  background: #1a1a1a;
}

.skinly-set__name,
.skinly-set__price-copy {
  color: #1a1a1a;
}

.skinly-set__meta {
  color: #6e645f;
}

.skinly-set__marketing {
  color: #b97c72;
}

.skinly-set__slot--gift {
  background: #f6eeea;
  border-color: #d7b5ad;
}

.skinly-set__slot--gift .skinly-set__free {
  color: #1a1a1a;
}

.skinly-deck {
  background: #fffdfa;
  border-color: #ded5d0;
}

.skinly-deck__title,
.skinly-deck__label {
  color: #1a1a1a;
}

.skinly-deck__model {
  color: #1a1a1a;
  border-color: #d8cfca;
}

.skinly-deck__model.is-active {
  background: #1a1a1a;
  border-color: #1a1a1a;
  color: #ffffff;
  box-shadow: none;
}

.skinly-set__cta {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #ffffff !important;
}
9999


.skinly-set__slot:not(.is-chosen) .skinly-set__thumb::after {
  content: "+"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-size: 2.4rem; font-weight: 300; color: #C2B0A6;
}
.skinly-set__pick { font-size: 1.2rem; color: var(--skinly-muted); }
.skinly-set__slot.is-chosen .skinly-set__pick { display: none; }
.skinly-set__name { font-size: 1.3rem; font-weight: 700; letter-spacing: .03em; color: var(--skinly-ink); line-height: 1.1; }
.skinly-set__slot:not(.is-chosen) .skinly-set__name { display: none; }
.skinly-set__meta { font-size: 1.15rem; color: var(--skinly-muted); line-height: 1.2; min-height: 1.4rem; }

/* gift tile */
.skinly-set__slot--gift { background: #F2E3DC; border-color: var(--skinly-accent, #B97C72); }
.skinly-set__ribbon {
  position: absolute; top: .6rem; inset-inline-end: .6rem; z-index: 2;
  font-size: .95rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: #B97C72; background: var(--skinly-accent, #B97C72); border-radius: 999px; padding: .18rem .55rem;
}
.skinly-set__slot--gift .skinly-set__num { display: none; }
.skinly-set__free { font-size: 1.05rem; font-weight: 700; color: #B97C72; }

/* the shared control deck */
.skinly-deck {
  margin-top: 1rem; border: 1px solid var(--skinly-line); border-radius: 8px;
  background: #FBF7F3; padding: 1.3rem 1.4rem;
}
.skinly-deck[hidden] { display: none; }
.skinly-deck__title { font-size: 1.35rem; font-weight: 700; color: var(--skinly-ink); margin: 0 0 1rem; letter-spacing: .03em; }
.skinly-deck__models { display: flex; gap: .6rem; margin-bottom: 1.2rem; }
.skinly-deck__models[hidden] { display: none; }
.skinly-deck__model {
  flex: 1 1 0; border: 1px solid var(--skinly-line); border-radius: 5px; background: transparent;
  padding: .95rem .6rem; font-size: 1.4rem; letter-spacing: .04em; color: var(--skinly-ink); cursor: pointer;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.skinly-deck__model.is-active { border-color: var(--skinly-line-strong); box-shadow: inset 0 0 0 1px var(--skinly-line-strong); font-weight: 600; }
.skinly-deck__field { margin-top: 1rem; }
.skinly-deck__field:first-of-type { margin-top: 0; }
.skinly-deck__label { display: block; font-size: 1.28rem; color: var(--skinly-ink); margin-bottom: .55rem; }
.skinly-deck__label em { font-style: normal; color: var(--skinly-muted); }
.skinly-deck__swatches { display: flex; width: max-content; max-width: 100%; border: 1px solid var(--skinly-line); border-radius: 3px; overflow: hidden; }
.skinly-deck__swatch { width: 3.8rem; height: 3.8rem; padding: 0; margin: 0; border: 0; background: var(--sw); position: relative; cursor: pointer; }
.skinly-deck__swatch + .skinly-deck__swatch { border-inline-start: 1px solid var(--skinly-line); }
.skinly-deck__swatch.is-active { outline: 2px solid var(--skinly-line-strong); outline-offset: -2px; z-index: 1; }
.skinly-deck__swatch.is-active::after { content: ""; position: absolute; inset: 2px; border: 1.5px solid rgba(255,255,255,.92); pointer-events: none; }
.skinly-deck__sizes { display: flex; flex-wrap: wrap; gap: .55rem; }
.skinly-deck__sizebtn {
  min-width: 4.6rem; height: 4rem; padding: 0 1rem; border: 1px solid var(--skinly-line); border-radius: 3px;
  background: transparent; color: var(--skinly-ink); font-size: 1.35rem; cursor: pointer;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.skinly-deck__sizebtn.is-active { border-color: var(--skinly-line-strong); box-shadow: inset 0 0 0 1px var(--skinly-line-strong); font-weight: 600; }
.skinly-deck__sizebtn.is-unavailable { color: #B7ABA3; text-decoration: line-through; border-style: dashed; cursor: not-allowed; }

/* CTA */
.skinly-set__cta { width: 100%; margin-top: 1.4rem; text-transform: uppercase; letter-spacing: .1em; font-size: 1.45rem; }
.skinly-set__cta[disabled] { opacity: .4; cursor: not-allowed; }
.skinly-set__cta.is-loading { opacity: .7; pointer-events: none; }
.skinly-set__reassure { text-align: center; font-size: 1.2rem; color: var(--skinly-muted); margin: .8rem 0 0; }
.skinly-set__error { color: #b23c3c; font-size: 1.25rem; margin: .5rem 0 0; }

/* Whenever the Skinly offer is active (single OR 2+1) it fully owns the
   variant selection + purchase, so the theme's native variant picker and
   buy button are hidden in BOTH modes — no duplicate pickers anywhere.
   2+1 uses the bundle tiles; single uses the Skinly single picker below. */
.product__info-container[data-skinly-offer-mode] variant-selects,
.product__info-container[data-skinly-offer-mode] variant-radios,
.product__info-container[data-skinly-offer-mode] .product-form__buttons,
.product__info-container[data-skinly-offer-mode] .flex-pdp-subtitle:has(+ .pdp-benefits) { display: none !important; }

/* ---------- price inside the CTA + sticky mobile ATC ---------- */
.skinly-set__cta { display: flex; align-items: center; justify-content: center; gap: .9rem; flex-wrap: wrap; }
.skinly-set__cta-price:empty { display: none; }
.skinly-set__cta-price,
.skinly-sticky__price { display: inline-flex; align-items: baseline; gap: .45rem; direction: ltr; unicode-bidi: isolate; }
.skinly-set__cta .skinly-set__was,
.skinly-sticky .skinly-set__was { color: rgba(255,252,248,.6); font-size: 1.25rem; text-decoration: line-through; }
.skinly-set__cta .skinly-set__now,
.skinly-sticky .skinly-set__now { color: #FFFCF8; font-weight: 700; font-size: 1.5rem; }

.skinly-sticky {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 40;
  padding: .8rem 1.2rem calc(.8rem + env(safe-area-inset-bottom, 0px));
  background: rgba(255, 252, 248, .94);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-top: 1px solid var(--skinly-line, #D8CCC6);
}
.skinly-sticky[hidden] { display: none; }
@media screen and (min-width: 750px) { .skinly-sticky { display: none !important; } }
.skinly-sticky__btn {
  width: 100%; border: 0; cursor: pointer; border-radius: 999px;
  background: rgb(var(--color-foreground, 185 124 114)); color: #FFFCF8;
  min-height: 5.2rem; display: flex; align-items: center; justify-content: center; gap: .9rem;
  font-size: 1.5rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
}
.skinly-sticky__btn:active { transform: translateY(1px); }

/* ===== Skinly bundle — step guidance, single-unit tile, clean colour fallback ===== */
/* Subtle premium attention pulse: only ever on the ONE pending step. */
@keyframes skinly-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(185, 124, 114, 0); }
  50%      { transform: scale(1.018); box-shadow: 0 0 0 4px rgba(185, 124, 114, .14); }
}
.skinly-attn {
  animation: skinly-pulse 1.7s ease-in-out infinite;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) { .skinly-attn { animation: none; } }

/* Current-page tile is driven by the main picker, not the deck. */
.skinly-set__slot.is-current { cursor: pointer; }

/* Clean flat colour fallback (when a colour has no real product photo):
   show the actual colour as a solid fill, never a wrong-colour photo. */
.skinly-set__thumb.skinly-thumb--flat { background-size: cover; background-position: center; }
.skinly-set__slot.is-chosen .skinly-set__thumb.skinly-thumb--flat::after { display: none; }

/* Single-unit display tile — same card style as the set tiles, view only. */
.skinly-single { margin-top: 1.1rem; }
.skinly-single[hidden] { display: none; }
.skinly-single__tile { max-width: 18rem; cursor: default; }
.skinly-single__tile:hover { border-color: var(--skinly-line, #D8CCC6); }
.skinly-single__picker { margin-top: 1.2rem; display: grid; gap: 1rem; }
.skinly-single .skinly-set__cta { margin-top: 1.3rem; }
.skinly-single .skinly-set__error { text-align: center; }

.skinly-offer .skinly-set__name,
.skinly-offer .skinly-set__price-copy,
.skinly-offer .skinly-deck__title,
.skinly-offer .skinly-deck__label {
  color: #1a1a1a !important;
}

.skinly-offer .skinly-set__meta {
  color: #6e645f !important;
}

.skinly-offer .skinly-set__marketing {
  color: #b97c72 !important;
}

.skinly-offer .skinly-set__slot--gift {
  background: #f6eeea;
  border-color: #d7b5ad;
}

.skinly-offer .skinly-set__slot--gift .skinly-set__free {
  color: #1a1a1a;
}

.skinly-offer .skinly-deck {
  background: #fffdfa;
  border-color: #ded5d0;
}

.skinly-offer {
  --skinly-line-strong: #8a7770;
}

.skinly-offer .skinly-offer__seg.is-active {
  background: #fffdfa;
  color: #1a1a1a;
  border: 1px solid #d7c8c2;
  box-shadow: 0 4px 14px rgba(88, 65, 57, 0.08);
}

.skinly-offer .skinly-deck__model.is-active {
  background: #f7ece8;
  border-color: #b97c72;
  color: #1a1a1a;
  box-shadow: inset 0 0 0 1px rgba(185, 124, 114, 0.2);
}

.skinly-offer .skinly-set__slot.is-active {
  border-color: #8a7770;
  box-shadow: 0 0 0 1px rgba(138, 119, 112, 0.35);
}

.skinly-offer .skinly-set__slot.is-filled .skinly-set__num {
  background: #8a7770;
}

.skinly-offer .skinly-set__cta {
  background: #b97c72 !important;
  border-color: #b97c72 !important;
  color: #ffffff !important;
}

@keyframes skinly-soft-focus {
  0% {
    opacity: 0;
    box-shadow: 0 0 0 0 rgba(185, 124, 114, 0);
  }
  28% {
    opacity: 1;
    box-shadow: 0 0 0 3px rgba(185, 124, 114, 0.08);
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0 7px rgba(185, 124, 114, 0);
  }
}

.skinly-offer .skinly-attn {
  animation: none !important;
  transform: none !important;
  position: relative;
  z-index: 1;
}

.skinly-offer .skinly-attn::after {
  content: "";
  position: absolute;
  inset: -3px;
  border: 1px solid rgba(185, 124, 114, 0.42);
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  animation: skinly-soft-focus 1.45s cubic-bezier(0.22, 1, 0.36, 1) 1;
}

.skinly-offer .skinly-set__slot {
  transform: none !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.skinly-offer .skinly-deck__model {
  transform: none !important;
  transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

@media (prefers-reduced-motion: reduce) {
  .skinly-offer .skinly-attn::after {
    animation: none;
  }
}

/* ===== Cut picker (DEFINE: תחתון שלם / חוטיני) — same card language as the model buttons ===== */
.skinly-deck__field--cut[hidden] { display: none; }
.skinly-deck__field--cut.is-revealed { animation: skinly-cut-in .38s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes skinly-cut-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: none; }
}
.skinly-deck__cuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.skinly-deck__cut {
  display: flex; align-items: center; justify-content: center; gap: .7rem;
  min-height: 5.2rem; padding: .7rem .9rem;
  border: 1px solid #d8cfca; border-radius: 5px; background: transparent;
  color: #1a1a1a; font: inherit; font-size: 1.35rem; letter-spacing: .02em; cursor: pointer;
  transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.skinly-deck__cut:hover { border-color: #c9bbb2; }
.skinly-deck__cut.is-active {
  background: #f7ece8; border-color: #b97c72; font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(185, 124, 114, 0.2);
}
.skinly-deck__cut-icon { display: inline-flex; width: 3.4rem; color: #8a7770; transition: color .22s ease; }
.skinly-deck__cut-icon svg { width: 100%; height: auto; display: block; }
.skinly-deck__cut.is-active .skinly-deck__cut-icon { color: #b97c72; }
.skinly-deck__cut-name { line-height: 1.2; }

/* ===== Secret gift tile (third card in the pair offer) ===== */
.skinly-offer .skinly-set__slot--secret {
  cursor: default; overflow: hidden;
  background: linear-gradient(160deg, #fbf1ed 0%, #f3e2db 100%);
  border-color: #d7b5ad;
}
.skinly-offer .skinly-set__slot--secret:hover { border-color: #d7b5ad; }
.skinly-set__slot--secret .skinly-set__ribbon { color: #fffcf8; }
.skinly-set__thumb--secret {
  position: relative; display: flex; align-items: center; justify-content: center;
  background: rgba(255, 252, 248, .55) !important; border: 1px dashed #d7b5ad;
  color: #b97c72;
}
.skinly-set__thumb--secret svg { width: 46%; height: auto; }
.skinly-set__secret-q {
  position: absolute; top: 14%; inset-inline-end: 18%;
  font-size: 1.5rem; font-weight: 700; color: #b97c72; line-height: 1;
}
.skinly-set__slot--secret::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .55) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: skinly-secret-shine 3.8s ease-in-out 1.2s infinite;
}
@keyframes skinly-secret-shine {
  0%, 70% { transform: translateX(-120%); }
  100%    { transform: translateX(120%); }
}
@media (prefers-reduced-motion: reduce) {
  .skinly-deck__field--cut.is-revealed,
  .skinly-set__slot--secret::after { animation: none; }
}

/* ===== Size guide link next to the size label ===== */
.skinly-offer .skinly-deck__label:has(.skinly-size-guide) { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.skinly-size-guide {
  border: 0; background: none; padding: 0; cursor: pointer; font: inherit;
  font-size: 1.2rem; color: #b97c72; text-decoration: underline; text-underline-offset: 3px;
}
.skinly-size-guide:hover { color: #8a5a52; }