.shade-offer-pdp{margin-top:var(--space-3);border:1px solid var(--color-bg-warm);border-radius:var(--radius-sm, 8px);background:var(--color-bg-surface);overflow:hidden}.shade-offer-pdp__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);cursor:pointer;transition:background .2s}.shade-offer-pdp__header:hover{background:var(--color-bg-warm)}.shade-offer-pdp__header-left{display:flex;align-items:center;gap:var(--space-2)}.shade-offer-pdp__badge{background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:var(--font-micro, var(--text-2xs));font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px var(--space-2);border-radius:3px;white-space:nowrap}.shade-offer-pdp__header-text{font-family:var(--font-primary);font-size:var(--font-description-sm, var(--text-sm));font-weight:var(--weight-light);line-height:1.3}.shade-offer-pdp__header-text strong{font-weight:var(--weight-regular)}.shade-offer-pdp__arrow{font-size:var(--text-md);color:var(--color-text-muted);transition:transform .3s;flex-shrink:0}.shade-offer-pdp[aria-expanded=true] .shade-offer-pdp__arrow{transform:rotate(180deg)}.shade-offer-pdp__body{overflow:hidden}.shade-offer-pdp__body[hidden]{display:none}.shade-offer-pdp__body-inner{padding:0 var(--space-3) var(--space-3)}.shade-offer-pdp__shade-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shade-offer-pdp__shade-row::-webkit-scrollbar{display:none}.shade-offer-pdp__shade-pick{flex:0 0 72px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s;border:2px solid transparent;border-radius:6px;padding:var(--space-1);background:var(--color-bg)}.shade-offer-pdp__shade-pick:hover{border-color:var(--color-border)}.shade-offer-pdp__shade-pick.selected,.shade-offer-pdp__shade-pick[aria-selected=true]{border-color:var(--color-primary);background:var(--color-bg-surface)}.shade-offer-pdp__shade-pick img{width:52px;height:52px;object-fit:contain;border-radius:4px;background:var(--color-bg-warm);display:block;margin:0 auto var(--space-1)}.shade-offer-pdp__pick-name{font-family:var(--font-primary);font-size:var(--text-2xs);font-weight:var(--weight-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shade-offer-pdp__pick-price{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-regular);color:var(--color-primary)}.shade-offer-pdp__shade-colors{display:flex;gap:3px;justify-content:center;margin-top:var(--space-1)}.shade-offer-pdp__shade-color{width:10px;height:10px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;background:none;padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.shade-offer-pdp__shade-color:hover{border-color:var(--color-text-muted)}.shade-offer-pdp__shade-color.selected{border-color:var(--color-primary)}.shade-offer-pdp__shade-color.sold-out{cursor:not-allowed;background:none!important}.shade-offer-pdp__shade-color.sold-out .shade-offer-pdp__dot-fill{position:relative}.shade-offer-pdp__shade-color.sold-out .shade-offer-pdp__dot-fill:after{content:"";display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path vector-effect='non-scaling-stroke' d='M100 0 L0 100 ' stroke='white' stroke-width='2'/></svg>");background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;border-radius:50%}.shade-offer-pdp__dot-fill{width:100%;height:100%;border-radius:50%;border:.5px solid rgba(0,0,0,.1);background:var(--dot-color, #ccc);display:block}.shade-offer-pdp__summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg-warm);border-radius:4px;font-family:var(--font-primary);font-size:var(--font-caption, var(--text-sm));font-weight:var(--weight-light)}.shade-offer-pdp__summary-hint{color:var(--color-primary);font-weight:var(--weight-regular)}.shade-offer-pdp__summary-total{font-weight:var(--weight-regular);font-size:var(--font-description-sm, var(--text-sm))}.shade-offer-pdp__was{text-decoration:line-through;color:var(--color-text-muted);font-weight:var(--weight-light);margin-right:var(--space-1);font-size:var(--font-caption, var(--text-sm))}.shade-offer-pdp__shade-colors,.shade-offer-pdp__mobile-colors{display:none}.shade-offer-pdp__mobile-colors:not([hidden]){display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;margin-bottom:var(--space-2)}.shade-offer-pdp__mobile-colors-label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-light);white-space:nowrap;flex-shrink:0}.shade-offer-pdp__mobile-colors-row{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.shade-offer-pdp__mobile-color{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:none;padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shade-offer-pdp__mobile-color:hover,.shade-offer-pdp__mobile-color:active{border-color:var(--color-text-muted)}.shade-offer-pdp__mobile-color.selected{border-color:var(--color-primary)}.shade-offer-pdp__mobile-color.sold-out{cursor:not-allowed;background:none!important}.shade-offer-pdp__mobile-color.sold-out .shade-offer-pdp__dot-fill{position:relative}.shade-offer-pdp__mobile-color.sold-out .shade-offer-pdp__dot-fill:after{content:"";display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path vector-effect='non-scaling-stroke' d='M100 0 L0 100 ' stroke='white' stroke-width='2'/></svg>");background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;border-radius:50%}.shade-offer-pdp__mobile-color .shade-offer-pdp__dot-fill{width:24px;height:24px}@media(max-width:767px){.shade-offer-pdp{margin-bottom:var(--space-4)}}@media(prefers-reduced-motion:no-preference){.shade-offer-pdp__body:not([hidden]){animation:shade-offer-expand .35s cubic-bezier(.22,1,.36,1) both}}@keyframes shade-offer-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/shade-offer.css.map */