:root{--m3-space-1: .125rem;--m3-space-2: .25rem;--m3-space-3: .375rem;--m3-space-4: .5rem;--m3-space-6: .75rem;--m3-space-8: 1rem;--m3-space-12: 1.5rem;--m3-space-16: 2rem;--m3-space-20: 2.5rem;--m3-space-24: 3rem;--m3-space-32: 4rem;--m3-space-40: 5rem;--m3-display-large: clamp(2.25rem, 4vw, 3.5rem);--m3-display-medium: clamp(2rem, 3.5vw, 2.8125rem);--m3-headline-large: clamp(1.75rem, 3vw, 2rem);--m3-headline-medium: clamp(1.5rem, 2.5vw, 1.75rem);--m3-title-large: clamp(1.375rem, 2vw, 1.5rem);--m3-title-medium: clamp(1.125rem, 1.75vw, 1.25rem);--m3-body-large: clamp(1rem, 1.5vw, 1.125rem);--m3-body-medium: clamp(.875rem, 1.25vw, 1rem);--m3-label-large: clamp(.875rem, 1.25vw, 1rem);--m3-label-medium: clamp(.75rem, 1vw, .875rem);--m3-container-max-width: 1200px;--m3-content-max-width: 65ch;--m3-form-max-width: 45ch;--m3-elevation-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--m3-elevation-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--m3-elevation-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--m3-radius-xs: 4px;--m3-radius-sm: 8px;--m3-radius-md: 12px;--m3-radius-lg: 16px;--m3-radius-xl: 28px;--product-section-gap: var(--m3-space-40);--product-content-gap: var(--m3-space-24);--product-element-gap: var(--m3-space-16);--product-field-gap: var(--m3-space-12)}.product-page{padding:0}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--m3-space-32);max-width:var(--m3-container-max-width);margin:0 auto;padding:var(--m3-space-32) var(--container-padding);align-items:start}.product-gallery{display:flex;flex-direction:column;gap:var(--m3-space-16)}.product-gallery__main{width:100%;aspect-ratio:1;border-radius:var(--m3-radius-lg) 0 0 0;overflow:hidden;background:#eccda80d;border:1px solid rgba(236,205,168,.1);box-shadow:var(--m3-elevation-2)}.product-gallery__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.product-gallery__image:hover{transform:scale(1.02)}.product-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eccda81a}.product-gallery__thumbnails{display:flex;gap:var(--m3-space-8);justify-content:flex-start;flex-wrap:wrap}.product-thumbnail{width:80px;height:80px;border-radius:var(--m3-radius-sm) 0 0 0;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.product-thumbnail:hover{border-color:#eccda880;transform:translateY(-2px);box-shadow:var(--m3-elevation-1)}.product-thumbnail--active{border-color:var(--color-accent);box-shadow:var(--m3-elevation-2)}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.product-details{display:flex;flex-direction:column;gap:var(--m3-space-20);padding:0}.product-info{display:flex;flex-direction:column;gap:var(--m3-space-8)}.product-subtitle{font-family:var(--font-secondary);font-size:var(--m3-label-medium);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;margin:0}.product-title{font-family:var(--font-primary);font-size:var(--m3-display-medium);font-weight:var(--font-weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;margin:0;max-width:var(--m3-content-max-width)}.product-price{display:flex;align-items:baseline;gap:var(--m3-space-8);margin:0}.price-compare{font-family:var(--font-secondary);font-size:var(--m3-body-medium);font-weight:var(--font-weight-normal);color:#efebe899;text-decoration:line-through}.price-current{font-family:var(--font-secondary);font-size:var(--m3-title-large);font-weight:var(--font-weight-bold);color:var(--color-accent)}.product-description{font-family:var(--font-secondary);font-size:var(--m3-body-large);font-weight:var(--font-weight-normal);color:var(--color-text-light);line-height:1.6;max-width:var(--m3-content-max-width);margin:0}.product-description p{margin:0 0 var(--m3-space-12) 0}.product-description p:last-child{margin-bottom:0}.product-form{display:flex;flex-direction:column;gap:var(--m3-space-16);max-width:var(--m3-form-max-width)}.product-variants{display:flex;flex-direction:column;gap:var(--m3-space-12)}.variant-option{display:flex;flex-direction:column;gap:var(--m3-space-4)}.variant-option label{font-family:var(--font-secondary);font-size:var(--m3-label-large);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.variant-select{background:#eccda80d;border:1px solid rgba(236,205,168,.2);border-radius:var(--m3-radius-sm) 0 0 0;padding:var(--m3-space-8) var(--m3-space-12);font-family:var(--font-secondary);font-size:var(--m3-body-medium);color:var(--color-text-light);outline:none;transition:all var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--m3-space-24);width:100%}.variant-select:focus{border-color:var(--color-accent);background:#eccda814;box-shadow:0 0 0 2px #eccda833}.variant-select option{background-color:var(--color-secondary)!important;color:var(--color-text-light)!important;padding:var(--m3-space-8)!important;border:1px solid rgba(236,205,168,.2)!important;font-family:var(--font-secondary)!important;font-size:var(--m3-body-medium)!important}.variant-select option:hover,.variant-select option:checked,.variant-select option:focus{background-color:var(--color-primary)!important;color:var(--color-text-light)!important}.variant-select:active,.variant-select:focus-visible{border-color:var(--color-accent)}.variant-select-hidden{display:none}.custom-variant-dropdown{position:relative;width:100%}.custom-variant-toggle{background:#eccda80d;border:1px solid rgba(236,205,168,.2);border-radius:var(--m3-radius-sm) 0 0 0;padding:var(--m3-space-8) var(--m3-space-12);font-family:var(--font-secondary);font-size:var(--m3-body-medium);color:var(--color-text-light);outline:none;transition:all var(--transition-fast);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.custom-variant-toggle:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #eccda833}.custom-variant-toggle:hover{background:#eccda814}.custom-variant-arrow{display:inline-block;transition:transform var(--transition-fast);color:var(--color-accent);font-size:.8em;margin-left:var(--m3-space-8)}.custom-variant-toggle[aria-expanded=true] .custom-variant-arrow{transform:rotate(180deg)}.custom-variant-list{position:absolute;top:100%;left:0;right:0;background:var(--color-secondary);border:1px solid rgba(236,205,168,.2);border-top:none;border-radius:0 0 var(--m3-radius-sm) var(--m3-radius-sm);max-height:200px;overflow-y:auto;z-index:1000;box-shadow:var(--m3-elevation-2)}.custom-variant-item{padding:var(--m3-space-8) var(--m3-space-12);cursor:pointer;transition:background-color var(--transition-fast);color:var(--color-text-light);font-family:var(--font-secondary);font-size:var(--m3-body-medium);border-bottom:1px solid rgba(236,205,168,.1)}.custom-variant-item:last-child{border-bottom:none}.custom-variant-item:hover,.custom-variant-item:focus{background:var(--color-primary);outline:none}.custom-variant-item.selected{background:var(--color-primary);font-weight:var(--font-weight-medium)}.product-quantity{display:flex;flex-direction:column;gap:var(--m3-space-4)}.product-quantity label{font-family:var(--font-secondary);font-size:var(--m3-label-large);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.quantity-controls{display:flex;align-items:center;gap:0;width:fit-content;border:1px solid rgba(236,205,168,.2);border-radius:var(--m3-radius-sm) 0 0 0;overflow:hidden;background:#eccda80d}.quantity-btn{background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-secondary);font-size:var(--m3-body-large);font-weight:var(--font-weight-medium);color:var(--color-accent);cursor:pointer;transition:background-color var(--transition-fast)}.quantity-btn:first-child{border-right:1px solid rgba(236,205,168,.2)}.quantity-btn:last-child{border-left:1px solid rgba(236,205,168,.2)}.quantity-btn:hover{background:#eccda81a}.quantity-btn:active{background:#eccda826}.quantity-input{background:none;border:none;width:60px;height:40px;text-align:center;font-family:var(--font-secondary);font-size:var(--m3-body-medium);font-weight:var(--font-weight-medium);color:var(--color-text-light);outline:none;-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-actions{display:flex;flex-direction:column;gap:var(--m3-space-12);margin-top:var(--m3-space-8)}.product-actions .btn{width:100%}.product-benefits,.product-shades{background:#eccda808;border:1px solid rgba(236,205,168,.1);border-radius:var(--m3-radius-md) 0 0 0;padding:var(--m3-space-20)}.benefits-title,.shades-title{font-family:var(--font-secondary);font-size:var(--m3-title-medium);font-weight:var(--font-weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--m3-space-12) 0}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--m3-space-6)}.benefits-list li{font-family:var(--font-secondary);font-size:var(--m3-body-medium);color:var(--color-text-light);display:flex;align-items:center;gap:var(--m3-space-8)}.benefits-list li:before{content:"\2713";color:var(--color-accent);font-weight:var(--font-weight-bold);font-size:var(--m3-body-large)}.shades-content{display:flex;flex-direction:column;gap:var(--m3-space-8)}.shades-content p{font-family:var(--font-secondary);font-size:var(--m3-body-medium);color:var(--color-text-light);line-height:1.5}.shades-content strong{color:var(--color-accent);font-weight:var(--font-weight-bold)}.shades-content em{font-style:italic;color:#efebe8cc;font-size:var(--m3-body-medium)}.product-accordion{display:flex;flex-direction:column;gap:var(--m3-space-8)}.accordion-item{border:1px solid rgba(236,205,168,.1);border-radius:var(--m3-radius-sm) 0 0 0;background:#eccda808;overflow:hidden}.accordion-header{padding:var(--m3-space-16);font-family:var(--font-secondary);font-size:var(--m3-body-large);font-weight:var(--font-weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-fast)}.accordion-header:after{content:"+";font-size:var(--m3-title-medium);font-weight:var(--font-weight-normal);transition:transform var(--transition-fast)}.accordion-item[open] .accordion-header:after{transform:rotate(45deg)}.accordion-content{padding:0 var(--m3-space-16) var(--m3-space-16);font-family:var(--font-secondary);font-size:var(--m3-body-medium);color:var(--color-text-light);line-height:1.6}.accordion-content p{margin-bottom:1rem;margin-top:0}.ingredients-content{white-space:pre-line;line-height:1.6}.ingredients-content p{margin:0 0 var(--m3-space-8) 0}.ingredients-content p:last-child{margin-bottom:0}.shipping-policy-link{display:inline-flex;align-items:center;gap:var(--m3-space-2);font-family:var(--font-secondary);font-size:var(--m3-body-medium);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid transparent;transition:all var(--transition-fast);padding:var(--m3-space-2) 0}.shipping-policy-link:hover{color:var(--color-text-light);border-bottom-color:currentColor}.shipping-policy-link:focus{outline:2px solid rgba(236,205,168,.3);outline-offset:2px;border-radius:var(--m3-radius-xs)}.related-products{padding:var(--product-section-gap) 0}.related-products__title{font-family:var(--font-primary);font-size:var(--m3-headline-large);font-weight:var(--font-weight-bold);color:var(--color-accent);text-transform:uppercase;text-align:center;margin:0 0 var(--m3-space-32) 0}.related-products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--m3-space-24);max-width:var(--m3-container-max-width);margin:0 auto;padding:0 var(--container-padding)}.related-product-card{background:#eccda808;border:1px solid rgba(236,205,168,.1);border-radius:var(--m3-radius-md) 0 0 0;overflow:hidden;transition:all var(--transition-medium)}.related-product-card:hover{transform:translateY(-4px);box-shadow:var(--m3-elevation-3);border-color:#eccda833}.related-product-card__image{width:100%;aspect-ratio:1;overflow:hidden}.related-product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.related-product-card:hover .related-product-card__image img{transform:scale(1.05)}.related-product-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eccda81a}.related-product-card__content{padding:var(--m3-space-16);display:flex;flex-direction:column;gap:var(--m3-space-8)}.related-product-card__title{margin:0}.related-product-card__title a{font-family:var(--font-secondary);font-size:var(--m3-title-medium);font-weight:var(--font-weight-bold);color:var(--color-accent);text-decoration:none;text-transform:uppercase;letter-spacing:.02em;transition:color var(--transition-fast)}.related-product-card__title a:hover{color:var(--color-text-light)}.related-product-card__description{font-family:var(--font-secondary);font-size:var(--m3-body-medium);color:#efebe8cc;line-height:1.4;margin:0}.related-product-card__price{font-family:var(--font-secondary);font-size:var(--m3-body-large);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0}@media (max-width: 1024px){.product-layout{grid-template-columns:1fr;gap:var(--m3-space-24)}.product-gallery{position:static;order:1}.product-details{order:2}}@media (max-width: 768px){.product-page{padding:var(--m3-space-24) 0}.product-layout,.product-details{gap:var(--m3-space-20)}.product-form{gap:var(--m3-space-16)}.product-actions{flex-direction:column;gap:var(--m3-space-12)}.product-benefits,.product-shades{padding:var(--m3-space-16)}.related-products__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--m3-space-16)}}@media (max-width: 480px){.product-gallery__thumbnails{justify-content:center}.product-thumbnail{width:60px;height:60px}.related-products__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.product-gallery__image,.product-thumbnail,.related-product-card,.related-product-card__image img{transition:none}.related-product-card:hover{transform:none}}@media (prefers-contrast: high){.product-gallery__main,.product-benefits,.product-shades,.accordion-item,.related-product-card{border-width:2px;border-color:var(--color-accent)}.quantity-controls{border-width:2px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (hover: none) and (pointer: coarse){.product-thumbnail,.quantity-btn,.accordion-header{min-height:44px;min-width:44px}.product-thumbnail:hover,.related-product-card:hover{transform:none}}.m3-snackbar{font-family:var(--font-secondary)}.m3-snackbar__content{display:flex;align-items:center;gap:12px}.product-page *:focus-visible{outline:none;outline-offset:2px;border-radius:2px}.product-page *:focus:not(:focus-visible){outline:none}@media print{.product-page{background:#fff;color:#000}.product-gallery__thumbnails,.product-actions,.related-products{display:none}.product-layout{grid-template-columns:1fr;gap:1rem}.product-gallery__main{max-height:300px;box-shadow:none;border:1px solid #ccc}.product-title,.benefits-title,.shades-title,.accordion-header,.product-description,.benefits-list li,.shades-content p,.accordion-content p{color:#000}.accordion-item[open] .accordion-content{display:block}}@media (prefers-color-scheme: dark){.product-gallery__placeholder,.product-benefits,.product-shades,.accordion-item,.related-product-card{background:#eccda80d;border-color:#eccda826}.quantity-controls{background:#eccda814;border-color:#eccda840}}.product-gallery__image,.related-product-card__image img{content-visibility:auto;contain-intrinsic-size:300px 300px}.product-gallery__image[loading=lazy],.related-product-card__image img[loading=lazy]{background:#eccda81a}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent);color:var(--color-text-dark);padding:8px;text-decoration:none;border-radius:4px;z-index:10001;font-family:var(--font-secondary);font-weight:var(--font-weight-medium)}.skip-link:focus{top:6px}@media (prefers-reduced-motion: no-preference){.product-gallery__image{transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-thumbnail{transition:all .2s cubic-bezier(.4,0,.2,1)}.related-product-card{transition:all .3s cubic-bezier(.4,0,.2,1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product.css.map */