.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)}}.cordless-hero{position:relative;height:85vh;min-height:600px;background:var(--color-text);background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end}.cordless-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.cordless-hero__content{position:relative;z-index:2;padding:var(--space-8) var(--space-7);max-width:700px}.cordless-hero__eyebrow{font-family:var(--font-primary);font-size:var(--font-eyebrow);font-weight:var(--weight-light);letter-spacing:var(--font-eyebrow-tracking);text-transform:uppercase;color:#fff9;margin-bottom:var(--space-3)}.cordless-hero__heading{font-family:var(--font-primary);font-size:var(--font-page-title);font-weight:var(--weight-light);color:#fff;line-height:1.05;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.cordless-hero__sub{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-light);color:#fffc;line-height:1.5;margin-bottom:var(--space-5);max-width:480px}.cordless-hero__cta{display:inline-block;background:var(--color-bg);color:var(--color-text);padding:var(--space-3) var(--space-6);text-decoration:none;font-family:var(--font-primary);font-size:var(--font-button);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-tracking);text-transform:var(--font-button-transform);transition:background .3s;border-radius:0}.cordless-hero__cta:hover{background:var(--color-bg-warm)}@media(max-width:767px){.cordless-hero{height:70vh;min-height:500px}.cordless-hero__content{padding:var(--space-7) var(--space-4)}.cordless-hero__heading{font-size:var(--text-2xl)}.cordless-hero__sub{font-size:var(--text-lg)}}.cordless-banner{background:var(--color-primary);color:#fff;text-align:center;padding:var(--space-4) var(--space-6)}.cordless-banner__text{font-family:var(--font-primary);font-size:var(--text-md);font-weight:var(--weight-light);letter-spacing:var(--tracking-subtle)}.cordless-banner__text strong{font-weight:var(--weight-medium)}.product-card__shade-hint{font-family:var(--font-mono);font-size:var(--font-micro);font-weight:var(--weight-regular);color:var(--color-primary);margin-top:var(--space-1);letter-spacing:var(--tracking-subtle)}.cordless-shades{padding:var(--space-8) var(--space-6)}.cordless-shades__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.cordless-shades__intro-text{flex:1}.cordless-shades__heading{font-family:var(--font-primary);font-size:var(--font-section-heading);font-weight:var(--font-section-heading-weight);letter-spacing:var(--font-section-heading-tracking);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.cordless-shades__sub{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-text-secondary);line-height:1.5;max-width:480px}.cordless-shades__intro-visual img{width:360px;height:280px;object-fit:cover;border-radius:4px}.cordless-shades__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.cordless-shades__card{display:flex;flex-direction:column}.cordless-shades__image-link{display:block;text-decoration:none;margin-bottom:var(--space-2)}.cordless-shades__image{aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg-surface);border-radius:4px}.cordless-shades__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.cordless-shades__image-link:hover .cordless-shades__card-img{transform:scale(1.03)}.cordless-shades__info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.cordless-shades__name{font-family:var(--font-primary);font-size:var(--font-card-title);font-weight:var(--weight-light);line-height:var(--leading-tight)}.cordless-shades__price{font-family:var(--font-primary);font-size:var(--font-card-price);font-weight:var(--weight-light);color:var(--color-text-secondary)}.cordless-shades__note{font-family:var(--font-mono);font-size:var(--font-micro);font-weight:var(--weight-regular);color:var(--color-text-muted);letter-spacing:var(--tracking-subtle);margin-bottom:var(--space-1)}.cordless-shades__colors{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.cordless-shades__color-dot{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;transition:border-color .2s}.cordless-shades__color-dot:hover{border-color:var(--color-text-muted)}.cordless-shades__color-dot.selected{border-color:var(--color-primary)}.cordless-shades__dot-fill{width:24px;height:24px;border-radius:50%;border:.5px solid rgba(0,0,0,.1);background:var(--dot-color, #ccc);display:block}.cordless-shades__atc{display:block;width:100%;padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-button-sm);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-tracking);text-transform:var(--font-button-transform);cursor:pointer;margin-top:auto;transition:background .2s}.cordless-shades__atc:hover{background:var(--color-focus)}.cordless-shades__atc:disabled{opacity:.5;cursor:not-allowed}.cordless-shades__requires{font-family:var(--font-primary);font-size:var(--font-caption);font-weight:var(--weight-light);color:var(--color-text-muted);text-align:center;margin-top:var(--space-4)}.cordless-shades__requires a{color:var(--color-primary);text-decoration:underline}@media(max-width:767px){.cordless-shades{padding:var(--space-7) var(--space-4)}.cordless-shades__intro{flex-direction:column}.cordless-shades__intro-visual img{width:100%;height:auto}.cordless-shades__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}.cordless-faq{padding:var(--space-8) var(--space-6)}.cordless-faq__inner{max-width:720px;margin:0 auto}.cordless-faq__heading{font-family:var(--font-primary);font-size:var(--font-section-heading);font-weight:var(--font-section-heading-weight);letter-spacing:var(--font-section-heading-tracking);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.cordless-faq__list{border-top:1px solid var(--color-border)}.cordless-faq__item{border-bottom:1px solid var(--color-border)}.cordless-faq__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-4)}.cordless-faq__question{font-family:var(--font-primary);font-size:var(--font-accordion);font-weight:var(--weight-light);line-height:var(--leading-tight);color:var(--color-text)}.cordless-faq__icon{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-light);color:var(--color-text-muted);flex-shrink:0;line-height:1;transition:transform .25s ease;display:inline-block}.cordless-faq__trigger[aria-expanded=true] .cordless-faq__icon{transform:rotate(45deg)}.cordless-faq__answer{overflow:hidden}.cordless-faq__answer[hidden]{display:none}.cordless-faq__answer-inner{padding-bottom:var(--space-4);font-family:var(--font-primary);font-size:var(--font-body);font-weight:var(--weight-light);color:var(--color-text-secondary);line-height:1.6}@media(max-width:767px){.cordless-faq{padding:var(--space-7) var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/shade-offer.css.map */