.product-options-popup-open{overflow:hidden}.product-options-popup{position:fixed;z-index:1050;top:0;right:0;bottom:0;left:0;display:none}.product-options-popup[open]{display:block}.product-options-popup-overlay{position:fixed;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;right:0;bottom:0;left:0}.product-options-popup-drawer{position:fixed;z-index:1051;top:0;right:0;display:flex;flex-direction:column;width:90vw;max-width:50rem;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(100%);background:rgb(var(--color-background));box-shadow:-2px 0 20px #0000001a;will-change:transform}.product-options-popup[open] .product-options-popup-drawer{transform:translate(0)}.product-options-popup-header{display:flex;align-items:center;flex-shrink:0;justify-content:space-between;padding:2rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.product-options-popup-title{font-size:calc(var(--font-heading-scale) * 1.8rem);font-weight:var(--font-heading-weight);line-height:1.2;margin:0}.product-options-popup-close{font-size:calc(var(--font-body-scale) * 3rem);line-height:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;transition:opacity .2s;color:rgb(var(--color-foreground));border:0;background:none}.product-options-popup-close:hover{opacity:.7}.product-options-popup-content{overflow-y:auto;flex:1;padding:2rem;overscroll-behavior:contain}.product-options-popup-body{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.product-options-popup-body .product-info-badges{margin-bottom:0}.product-options-popup-image{overflow:hidden;width:100%;border-radius:var(--border-radius-base);background:rgb(var(--color-background-alt));aspect-ratio:1}.product-options-popup-image img{width:100%;height:100%;object-fit:cover}.product-options-popup-info{display:flex;flex-direction:column;gap:1rem}.product-options-popup-product-name{font-size:calc(var(--font-heading-scale) * 2rem);font-weight:var(--font-heading-weight);line-height:1.3;margin:0}.product-options-popup-price{display:flex;align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:1rem}.product-options-popup-badge{display:flex;align-items:center}.product-options-popup-price .price-item{font-size:calc(var(--font-product-price-scale) * 2.4rem);margin:0}.product-options-popup-info .yg-product-price{display:flex;align-items:flex-start;gap:8px}.product-options-popup-price .price-item-regular,.product-options-popup-price .price-item-regular s{font-size:1em;color:rgb(var(--color-foreground-alt))}.product-options-popup-view-details{font-size:calc(var(--font-body-scale) * 1.4rem);transition:opacity .2s;text-decoration:underline;color:rgb(var(--color-link))}.product-options-popup-view-details:hover{opacity:.7}.product-options-popup-variants{display:flex;flex-direction:column;gap:2rem}.product-options-popup-option{display:flex;flex-direction:column;gap:1rem}.product-options-popup-option-label{font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:var(--font-body-weight-medium)}.product-options-popup-option-values{display:flex;flex-wrap:wrap;gap:1rem}.product-options-popup-option-input{position:absolute;pointer-events:none;opacity:0}.product-options-popup-option-value{font-size:calc(var(--font-body-scale) * 1.4rem);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.8rem 1.6rem;cursor:pointer;transition:all .2s;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius-base);background:rgb(var(--color-background))}.product-options-popup-option-value:hover:not(.disabled){border-color:rgb(var(--color-foreground));background:rgb(var(--color-background-alt))}.product-options-popup-option-value.selected{color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground))}.product-options-popup-option-value.disabled{cursor:not-allowed;text-decoration:line-through;opacity:.5}.product-options-popup-option-input:checked+.product-options-popup-option-value{color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground))}.product-options-popup-success-alert{position:absolute;z-index:10;top:0;right:0;left:0;margin:0;padding:1.5rem 2rem;transition:transform .3s ease,opacity .3s ease;transform:translateY(-100%);pointer-events:none;opacity:0;color:#16a34a;border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;background-color:#22c55e1a}.product-options-popup-success-alert[hidden]{display:none}.product-options-popup-success-alert:not([hidden]){display:block;transform:translateY(0);pointer-events:auto;opacity:1}.product-options-popup-success-alert.bg-success-bg{background-color:#22c55e1a}.product-options-popup-success-alert.text-success-text{color:#16a34a}.product-options-popup-success-alert .flex{display:flex;align-items:flex-start;gap:1rem}.product-options-popup-success-alert .icon{flex-shrink:0;width:32px;height:32px}.product-options-popup-success-alert .quick-add__alert-heading{font-size:calc(var(--font-heading-scale) * 1.6rem);font-weight:var(--font-heading-weight);line-height:1.3;margin:0 0 .5rem}.product-options-popup-success-alert .link{font-size:calc(var(--font-body-scale) * 1.4rem);transition:opacity .2s;text-decoration:underline}.product-options-popup-success-alert .link:hover{opacity:.7}.product-options-popup-footer{position:relative;display:flex;overflow:hidden;flex-direction:column;flex-shrink:0;gap:1.5rem;padding:2rem;border-top:1px solid rgba(var(--color-foreground),.1)}.product-options-popup-footer-content{display:flex;justify-content:space-between;gap:1.5rem}.product-options-popup-quantity{display:flex;align-items:center;justify-content:space-between;gap:1rem}.product-options-popup-quantity label{font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:var(--font-body-weight-medium)}.quantity-input{display:flex;overflow:hidden;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius-base)}.quantity-button{font-size:calc(var(--font-body-scale) * 1.8rem);line-height:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;transition:background .2s;color:rgb(var(--color-foreground));border:0;background:rgb(var(--color-background-alt))}.quantity-button:hover{background:rgba(var(--color-foreground),.1)}.quantity-input-field{font-size:calc(var(--font-body-scale) * 1.4rem);width:60px;padding:.8rem 0;text-align:center;border:0;background:transparent;-moz-appearance:textfield}.quantity-input-field::-webkit-outer-spin-button,.quantity-input-field::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.product-options-popup-actions{width:100%}.product-options-popup-form{display:flex;gap:20px;width:100%}.product-options-popup-form .button{justify-content:center;width:100%}.product-options-popup-drawer.loading{pointer-events:none;opacity:.7}@media (min-width: 750px){.product-options-popup-drawer{width:50rem}.product-options-popup-body{flex-direction:row}.product-options-popup-image{flex-shrink:0;width:200px}.product-options-popup-info{flex:1}}@media (min-width: 990px){.product-options-popup-drawer{max-width:60rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-product-options-popup.css.map */