.pdp.svelte-10cgjzb{padding-top:clamp(1.6rem,3vw,2.4rem)}.pdp-grid.svelte-10cgjzb{grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb){aspect-ratio:4/5;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%, var(--media-1) 0%, var(--media-2) 100%);box-shadow:var(--shadow-l);border-radius:24px;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb)>img:where(.svelte-10cgjzb){object-fit:cover;width:100%;height:100%}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .soap{width:62%;max-width:320px}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .nav:where(.svelte-10cgjzb){border:1px solid var(--line-strong);background:var(--paper);width:42px;height:42px;color:var(--brand);cursor:pointer;opacity:0;border-radius:50%;place-items:center;transition:all .3s;display:grid;position:absolute;top:50%;translate:0 -50%}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .nav.prev:where(.svelte-10cgjzb){left:14px}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .nav.next:where(.svelte-10cgjzb){right:14px}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .nav:where(.svelte-10cgjzb):hover{background:var(--brand);color:var(--on-brand)}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb):hover .nav:where(.svelte-10cgjzb),.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .nav:where(.svelte-10cgjzb):focus-visible{opacity:1}.pdp-media.svelte-10cgjzb .dots:where(.svelte-10cgjzb){justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.pdp-media.svelte-10cgjzb .dots:where(.svelte-10cgjzb) button:where(.svelte-10cgjzb){border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;width:9px;height:9px;padding:0;transition:all .3s}.pdp-media.svelte-10cgjzb .dots:where(.svelte-10cgjzb) button.on:where(.svelte-10cgjzb){background:var(--green);border-color:var(--green)}.pdp-copy.svelte-10cgjzb .back:where(.svelte-10cgjzb){letter-spacing:.1em;color:var(--ink-soft);margin-bottom:1.2rem;font-size:.8rem;text-decoration:none;transition:all .3s;display:inline-block}.pdp-copy.svelte-10cgjzb .back:where(.svelte-10cgjzb):hover{color:var(--terra)}.pdp-copy.svelte-10cgjzb h1:where(.svelte-10cgjzb){font-family:var(--ff-d);color:var(--brand);margin-top:.7rem;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.08}.pdp-copy.svelte-10cgjzb h1:where(.svelte-10cgjzb) em:where(.svelte-10cgjzb){color:var(--terra);font-style:italic;font-weight:400}.pdp-copy.svelte-10cgjzb .lede:where(.svelte-10cgjzb){margin-top:1.1rem}.pdp.svelte-10cgjzb .price-line:where(.svelte-10cgjzb){align-items:baseline;gap:1rem;margin:1.6rem 0 .4rem;display:flex}.pdp.svelte-10cgjzb .price-line:where(.svelte-10cgjzb) .now:where(.svelte-10cgjzb){font-family:var(--ff-d);color:var(--brand);font-size:2.6rem;font-weight:600;line-height:1}.pdp.svelte-10cgjzb .price-line:where(.svelte-10cgjzb) .was:where(.svelte-10cgjzb){color:var(--ink-soft);opacity:.6;text-decoration:line-through}.pdp.svelte-10cgjzb .price-line:where(.svelte-10cgjzb) .save:where(.svelte-10cgjzb){background:var(--lemon);color:var(--green-3);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:.3rem .65rem;font-size:.66rem}.pdp.svelte-10cgjzb .chips:where(.svelte-10cgjzb){flex-wrap:wrap;gap:.5rem;margin:1.4rem 0;display:flex}.pdp.svelte-10cgjzb .chip:where(.svelte-10cgjzb){letter-spacing:.1em;text-transform:uppercase;border:1px dashed var(--line-strong);color:var(--ink-soft);background:var(--chip-bg);border-radius:999px;padding:.45rem .9rem;font-size:.72rem}.pdp.svelte-10cgjzb .qty:where(.svelte-10cgjzb){border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.pdp.svelte-10cgjzb .qty:where(.svelte-10cgjzb) button:where(.svelte-10cgjzb){cursor:pointer;background:0 0;border:0;width:44px;height:48px;font-size:1.1rem;transition:all .25s}.pdp.svelte-10cgjzb .qty:where(.svelte-10cgjzb) button:where(.svelte-10cgjzb):hover{background:var(--lemon);color:var(--green-3)}.pdp.svelte-10cgjzb .qty:where(.svelte-10cgjzb) span:where(.svelte-10cgjzb){text-align:center;width:44px;font-family:var(--ff-d);font-size:1.1rem}.pdp.svelte-10cgjzb .buy-row:where(.svelte-10cgjzb){flex-wrap:wrap;align-items:center;gap:.8rem;margin:.4rem 0 1.8rem;display:flex}.pdp.svelte-10cgjzb .stock:where(.svelte-10cgjzb){color:var(--ink-soft);font-size:.8rem}.pdp.svelte-10cgjzb .benefit:where(.svelte-10cgjzb){border:1px dashed var(--line-strong);background:var(--cream-2);border-radius:14px;margin-top:1.2rem;padding:.95rem 1.1rem}.pdp.svelte-10cgjzb .benefit:where(.svelte-10cgjzb) .b-label:where(.svelte-10cgjzb){letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem}.pdp.svelte-10cgjzb .benefit:where(.svelte-10cgjzb) p:where(.svelte-10cgjzb){color:var(--ink);margin-top:.35rem;font-size:.92rem}@media (width<=860px){.pdp-grid.svelte-10cgjzb{grid-template-columns:1fr}.pdp-media.svelte-10cgjzb{width:100%;max-width:460px;margin-inline:auto}.pdp-media.svelte-10cgjzb .frame:where(.svelte-10cgjzb) .nav:where(.svelte-10cgjzb){opacity:1}}@media (width>=861px){.pdp.svelte-10cgjzb{align-content:center;min-height:calc(100vh - 70px);display:grid}}