.pc{position:relative;display:flex;flex-direction:column;min-width:0}.pc__media{position:relative;aspect-ratio:var(--card-ratio, 3 / 4);background:var(--color-bg-product);border-radius:var(--radius-xs);overflow:hidden;min-width:0}.pc__track{display:flex;height:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pc__track::-webkit-scrollbar{display:none}.pc__media-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-user-drag:none}.pc__media-link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent-web)}.pc__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;position:relative;overflow:hidden}.pc__slide img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.pc__scrim{position:absolute;left:0;right:0;bottom:0;height:66px;z-index:2;background:linear-gradient(to top,#1f1f1f33,#1f1f1f00);pointer-events:none}.pc__panel{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center}.pc__panel--coconut{background:var(--color-bg-default)}.pc__panel--coconut .pc__panel-label{color:#1f1f1f8c}.pc__panel--teal{background:var(--color-bg-product)}.pc__panel--teal .pc__panel-label{color:#f5eedfc7}.pc__panel-label{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.pc__tags{position:absolute;top:8px;left:8px;z-index:3;display:flex;flex-direction:column;gap:5px;align-items:flex-start;pointer-events:none}.tag-chip{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);line-height:1}@media(min-width:768px){.tag-chip{font-size:10px}}.tag-chip--script{background:#f5eedfeb;color:var(--color-text-body)}.tag-chip--best{background:var(--color-bg-campaign);color:var(--color-text-on-dark)}.tag-chip--sale{background:var(--color-red);color:var(--color-text-on-teal)}.tag-chip--sold-out{background:#1f1f1f8c;color:var(--color-text-on-teal)}.tag-chip--mto{background:var(--color-slate);color:var(--color-text-on-teal)}.pc__arrow{position:absolute;top:50%;z-index:4;width:34px;height:34px;border-radius:50%;background:#f5eedfe0;color:var(--color-text-body);border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 1px 5px #1f1f1f2e;opacity:0;transform:translateY(-50%)}@media(prefers-reduced-motion:no-preference){.pc__arrow{transition:opacity var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}}.pc__arrow--prev{left:8px}.pc__arrow--next{right:8px}.pc__arrow:hover{background:var(--color-bg-default)}.pc__arrow:disabled{opacity:0!important;pointer-events:none}@media(hover:hover)and (pointer:fine)and (min-width:768px){.pc__arrow{display:inline-flex}.pc__media:hover .pc__arrow:not(:disabled){opacity:1}}.pc__dots{position:absolute;left:0;right:0;bottom:9px;z-index:3;display:flex;gap:5px;justify-content:center;pointer-events:none}.pc__dot{width:5px;height:5px;border-radius:50%;background:#f5eedf8c}@media(prefers-reduced-motion:no-preference){.pc__dot{transition:all var(--dur-fast) var(--ease-standard)}}.pc__dot.pc__dot--active{background:var(--color-bg-default);width:6px;height:6px}.pc__add{position:absolute;right:8px;bottom:16px;z-index:4;width:38px;height:38px;border-radius:50%;background:var(--color-bg-default);color:var(--color-text-body);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 5px #1f1f1f38}@media(prefers-reduced-motion:no-preference){.pc__add{transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}}.pc__add:hover{background:var(--color-cta-bg);color:var(--color-cta-text)}@media(min-width:768px){.pc__add{width:42px;height:42px}}@media(max-width:767px){.pc__add{min-width:var(--touch-min);min-height:var(--touch-min);width:var(--touch-min);height:var(--touch-min)}}@media(hover:hover)and (pointer:fine)and (min-width:768px){.pc__add{display:none}}.pc__add-icon--close,.pc__add[aria-expanded=true] .pc__add-icon--open{display:none}.pc__add[aria-expanded=true] .pc__add-icon--close{display:block}.pc__tray{position:absolute;left:0;right:0;bottom:0;z-index:6;background:var(--color-bg-default);border-top:1px solid rgba(31,31,31,.1);padding:10px;transform:translateY(101%)}@media(prefers-reduced-motion:no-preference){.pc__tray{transition:transform var(--dur-base) var(--ease-standard)}}.pc__tray.pc__tray--open{transform:translateY(0)}.pc__tray-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.pc__tray-label{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#1f1f1f8c;margin:0;display:block}.pc__tray-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:-4px -4px -4px 0;padding:0;background:transparent;border:none;border-radius:50%;color:#1f1f1f8c;cursor:pointer}.pc__tray-close:hover{color:var(--color-text-body)}@media(prefers-reduced-motion:no-preference){.pc__tray-close{transition:color var(--dur-fast) var(--ease-standard)}}@media(max-width:767px){.pc__tray-close{width:40px;height:40px}}.pc__sizes{display:flex;gap:5px;flex-wrap:wrap}.pc__size{flex:1 1 0;min-width:32px;min-height:34px;padding:0 6px;background:#fff;color:var(--color-text-body);border:1.5px solid rgba(31,31,31,.22);border-radius:var(--radius-xs);font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:12px;cursor:pointer}@media(prefers-reduced-motion:no-preference){.pc__size{transition:all var(--dur-fast) var(--ease-standard)}}@media(max-width:767px){.pc__size{min-height:var(--touch-min)}}.pc__size:hover{border-color:var(--color-accent-web);color:var(--color-accent-web)}.pc__size.pc__size--oos{color:#1f1f1f47;text-decoration:line-through;cursor:not-allowed;border-color:#1f1f1f1f}.pc__size--full{width:100%;min-height:38px}.pc__body{padding:10px 2px 0;display:flex;flex-direction:column;gap:3px}.pc__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:15px;line-height:1.2;color:var(--color-text-body);margin:0}@media(min-width:768px){.pc__title{font-size:17px}}.pc__link{color:inherit;text-decoration:none}.pc__link:hover{text-decoration:underline}.pc__reads{font-family:var(--font-body);font-size:12px;line-height:1.35;color:#1f1f1f9e;margin:2px 0 0}@media(min-width:768px){.pc__reads{font-size:12.5px}}.pc__desc{font-family:var(--font-body);font-size:12.5px;line-height:1.42;color:#1f1f1f80;margin:3px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.pc__desc{font-size:13px}}.pc__vendor{font-family:var(--font-body);font-size:11px;color:#1f1f1f73;margin:0}.pc__price{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:15px;color:var(--color-accent-value);margin:3px 0 0}@media(min-width:768px){.pc__price{font-size:17px}}.pc__price .cmp{font-weight:var(--fw-regular);font-size:12px;color:#1f1f1f66;text-decoration:line-through;margin-left:var(--space-2)}.pc__swatches{display:flex;gap:12px;margin-top:8px;align-items:center;flex-wrap:wrap}.swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);border-radius:50%;text-decoration:none;background:none;border:none}.swatch:before{content:"";width:22px;height:22px;border-radius:50%;background:var(--swatch, #c9c4ba) center / cover no-repeat;box-shadow:inset 0 0 0 1px #1f1f1f1f}@media(prefers-reduced-motion:no-preference){.swatch:before{transition:box-shadow var(--dur-fast) var(--ease-standard)}}.swatch.selected:before,.swatch[aria-current=true]:before{outline:2px solid var(--color-charcoal);outline-offset:2px}.swatch:focus-visible{outline:none}.swatch:focus-visible:before{box-shadow:var(--shadow-focus)}@media(min-width:768px){.pc__swatches{gap:6px}.swatch{width:26px;height:26px}.swatch:before{width:18px;height:18px}}.pc__swatch-more{font-family:var(--font-body);font-size:11px;color:#1f1f1f80;text-decoration:none}.pc__swatch-more:hover{text-decoration:underline}@media(max-width:767px){.pc__swatches{flex-wrap:nowrap}.swatch--overflow{display:none}}@media(min-width:768px){.pc__swatch-more{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/pp-product-card.css.map */