/* PAWLINE 2B.2 | Wash ingredient editorial carousel only on THREE product detail pages.
   Intentionally not loaded by /shop (Shop All), Home or any other PDP. */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Instrument+Sans:wght@400;500;600;700&display=swap');

body.pl-product-page .pl-pdp > section.paw-wash-ing {
  --paw-ing-brown: #5A3A14;
  --paw-ing-text: #3F372D;
  --paw-ing-muted: #716F68;
  --paw-ing-line: #DCD6CA;
  --paw-ing-bg: #F7F4EF;
  container-type: inline-size;
  display: block;
  box-sizing: border-box;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: clamp(24px, 4vw, 64px) 0;
  padding: clamp(26px, 4vw, 60px) clamp(18px, 4.5vw, 68px) clamp(20px, 2.5vw, 36px);
  background: var(--paw-ing-bg);
  color: var(--paw-ing-text);
  border-top: 1px solid var(--paw-ing-line);
  border-bottom: 1px solid var(--paw-ing-line);
  font-family: 'Instrument Sans', Arial, sans-serif;
}
body.pl-product-page .pl-pdp > section.paw-wash-ing *,
body.pl-product-page .pl-pdp > section.paw-wash-ing *::before,
body.pl-product-page .pl-pdp > section.paw-wash-ing *::after { box-sizing: border-box; }
body.pl-product-page .paw-wash-ing__heading {
  display: flex; justify-content: space-between; align-items: baseline;
  flex-wrap: wrap; gap: 9px 24px; margin-bottom: clamp(16px, 2vw, 32px);
}
body.pl-product-page .paw-wash-ing__eyebrow {
  color: #8C735A; letter-spacing: .16em; font-size: 11px; font-weight: 700; text-transform: uppercase;
}
body.pl-product-page .paw-wash-ing__heading h4 {
  margin: 0; font: 500 clamp(30px, 3.4vw, 52px)/1.05 'EB Garamond', Georgia, serif;
  letter-spacing: -.025em; color: var(--paw-ing-brown); text-transform: lowercase;
}
body.pl-product-page .paw-wash-ing__stage {
  display: grid; grid-template-columns: minmax(0,1fr) clamp(74px, 9%, 122px);
  gap: clamp(8px, 1.7vw, 30px); align-items: center; min-width: 0; min-height: 360px;
}
body.pl-product-page .paw-wash-ing__slides { min-width: 0; }
body.pl-product-page .paw-wash-ing__slide {
  display: grid; grid-template-columns: minmax(0,35%) minmax(0,65%);
  align-items: center; gap: clamp(10px, 2vw, 32px); min-width: 0; min-height: 390px;
}
body.pl-product-page .paw-wash-ing__slide[hidden] { display: none !important; }
body.pl-product-page .paw-wash-ing__copy { align-self: center; min-width: 0; padding: 0; text-align: left; }
body.pl-product-page .paw-wash-ing__copy h5 {
  font: italic 500 clamp(28px, 3vw, 47px)/1.08 'EB Garamond', Georgia, serif;
  letter-spacing: -.035em; color: #4F5148; margin: 0 0 13px;
}
body.pl-product-page .paw-wash-ing__copy p {
  font: 400 clamp(13px, 1.13vw, 17px)/1.7 'Instrument Sans', Arial, sans-serif;
  color: var(--paw-ing-muted); margin: 0; max-width: 330px;
}
body.pl-product-page .paw-wash-ing__hero-image {
  display: grid; justify-items: center; align-items: center;
  min-width: 0; min-height: 350px; overflow: hidden;
}
body.pl-product-page .paw-wash-ing__hero-image img {
  display: block; width: 100%; max-width: 660px; height: auto;
  max-height: min(52vw, 520px); object-fit: contain;
  mix-blend-mode: multiply;
}
body.pl-product-page .paw-wash-ing__thumbs {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: clamp(5px, 1vw, 12px); padding: 5px; margin: auto 0;
  max-height: 495px; overflow-y: auto; overflow-x: hidden;
  scrollbar-width: thin;
}
body.pl-product-page .paw-wash-ing__thumb {
  display: grid; flex: 0 0 auto; place-items: center;
  width: clamp(59px, 6vw, 94px); aspect-ratio: 1;
  padding: 5px; border: 1.5px solid transparent; border-radius: 50%;
  color: var(--paw-ing-brown); background: transparent; cursor: pointer;
}
body.pl-product-page .paw-wash-ing__thumb.is-active { border-color: var(--paw-ing-brown); }
body.pl-product-page .paw-wash-ing__thumb img {
  display: block; width: 100%; height: 100%; object-fit: contain;
  mix-blend-mode: multiply; border-radius: 50%;
}
body.pl-product-page .paw-wash-ing__navigation {
  display: flex; justify-content: center; align-items: center;
  gap: 13px; margin-top: 14px; min-height: 40px;
}
body.pl-product-page .paw-wash-ing__arrow {
  border: 0; background: transparent; color: var(--paw-ing-brown);
  font: 400 34px/1 'EB Garamond', Georgia, serif; cursor: pointer;
  padding: 3px 12px; min-width: 42px; min-height: 40px;
}
body.pl-product-page .paw-wash-ing__dots { display: flex; align-items: center; justify-content: center; gap: 9px; }
body.pl-product-page .paw-wash-ing__dot {
  display: block; width: 8px; height: 8px; border: 0; border-radius: 50%;
  padding: 0; background: #C5C4BC; cursor: pointer;
}
body.pl-product-page .paw-wash-ing__dot.is-active { background: var(--paw-ing-brown); }
body.pl-product-page .paw-wash-ing button:focus-visible { outline: 3px solid #8A6A47; outline-offset: 3px; }
@container (max-width: 760px) {
  .paw-wash-ing__stage { grid-template-columns: minmax(0, 1fr) 78px !important; min-height: 290px !important; }
  .paw-wash-ing__slide { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto minmax(200px, 1fr) !important; min-height: 330px !important; gap: 14px !important; }
  .paw-wash-ing__copy { padding: 0 8px !important; }
  .paw-wash-ing__hero-image { min-height: 205px !important; }
  .paw-wash-ing__hero-image img { max-height: 320px !important; }
  .paw-wash-ing__thumb { width: 62px !important; }
}
@container (max-width: 480px) {
  .paw-wash-ing__stage { grid-template-columns: minmax(0, 1fr) 58px !important; gap: 4px !important; }
  .paw-wash-ing__slide { min-height: 290px !important; }
  .paw-wash-ing__hero-image { min-height: 170px !important; }
  .paw-wash-ing__hero-image img { max-height: 250px !important; }
  .paw-wash-ing__thumb { width: 46px !important; padding: 2px !important; }
  .paw-wash-ing__copy p { font-size: 12px !important; }
}
@media (prefers-reduced-motion: no-preference) {
  body.pl-product-page .paw-wash-ing__thumb,
  body.pl-product-page .paw-wash-ing__dot { transition: border-color .15s ease, background-color .15s ease; }
}

/* PAWLINE_WASH_ALPHA_SCROLL_V3_BEGIN
   Only RINSE / EASE / BALM ingredient PDP carousels.
   Ingredient WebPs contain real alpha, so backgrounds follow the page. */
body.pl-product-page .paw-wash-ing__hero-image img,
body.pl-product-page .paw-wash-ing__thumb img {
    mix-blend-mode: normal !important;
    background: transparent !important;
}
body.pl-product-page .paw-wash-ing__hero-image,
body.pl-product-page .paw-wash-ing__thumbs,
body.pl-product-page .paw-wash-ing__thumb { background: transparent; }
body.pl-product-page .paw-wash-ing__thumbs {
    scrollbar-width: thin;
    scrollbar-color: rgba(90, 58, 20, .25) transparent;
    scrollbar-gutter: stable;
    overscroll-behavior-y: contain;
    padding-right: 7px;
}
body.pl-product-page .paw-wash-ing__thumbs::-webkit-scrollbar { width: 4px; }
body.pl-product-page .paw-wash-ing__thumbs::-webkit-scrollbar-track { background: transparent; }
body.pl-product-page .paw-wash-ing__thumbs::-webkit-scrollbar-thumb {
    background-color: rgba(90, 58, 20, .25);
    border-radius: 999px;
}
body.pl-product-page .paw-wash-ing__thumbs:hover::-webkit-scrollbar-thumb {
    background-color: rgba(90, 58, 20, .43);
}
@media (max-width: 760px) {
    body.pl-product-page .paw-wash-ing__thumbs {
        scrollbar-width: none;
        padding-right: 3px;
    }
    body.pl-product-page .paw-wash-ing__thumbs::-webkit-scrollbar { width: 0; }
}
/* PAWLINE_WASH_ALPHA_SCROLL_V3_END */