.gift-box-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.gift-box-modal.is-open{display:flex!important}.gift-box-modal__dialog{background:rgb(var(--dialog-background));border-radius:var(--border-radius-lg);max-height:90vh;overflow-y:auto;width:100%;max-width:800px;position:relative;display:flex;flex-direction:column}.gift-box-modal__dialog--intro{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.gift-box-modal__dialog--intro:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--intro-overlay-color, #000000);opacity:var(--intro-overlay-opacity, .4);z-index:1;border-radius:var(--border-radius-lg)}.gift-box-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid rgb(var(--border-color));position:relative;z-index:2}.gift-box-step--intro~.gift-box-modal__header .gift-box-modal__title,.gift-box-modal__dialog--intro .gift-box-modal__header .gift-box-modal__title{opacity:0;pointer-events:none}.gift-box-modal__dialog--intro .gift-box-modal__header{background:transparent;border-bottom:none;position:relative;z-index:3}.gift-box-modal__title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0;color:rgb(var(--text-primary))}.gift-box-modal__close{background:none;border:none;font-size:24px;cursor:pointer;color:rgb(var(--text-subdued));transition:color .2s ease}.gift-box-modal__close:hover{color:rgb(var(--text-primary))}.gift-box-modal__dialog--intro .gift-box-modal__close{background:#ffffffe6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:rgb(var(--text-primary));font-weight:var(--font-weight-bold);transition:background-color .2s ease,transform .2s ease;position:relative;z-index:4;cursor:pointer}.gift-box-modal__dialog--intro .gift-box-modal__close:hover{background:#fff;transform:scale(1.05)}.gift-box-modal__content{padding:var(--spacing-6);flex:1;overflow-y:auto;position:relative;z-index:2}.gift-box-modal__footer{border-top:1px solid rgb(var(--border-color));padding:var(--spacing-4) var(--spacing-6);background:rgb(var(--background-secondary) / .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gift-box-modal__dialog--intro .gift-box-modal__footer{display:none}.gift-box-modal__actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;align-items:center}.gift-box-modal__actions button:disabled{background:rgb(var(--border-color))!important;color:rgb(var(--text-subdued))!important;cursor:not-allowed!important;opacity:.6}.gift-box-modal__actions button:disabled:hover{background:rgb(var(--border-color))!important;color:rgb(var(--text-subdued))!important}.gift-box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.gift-box-card.product-card{border:1px solid rgb(var(--border-color));border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff;align-content:normal}@media (hover: hover) and (pointer: fine){.gift-box-card.product-card:hover{border-color:rgb(var(--accent-color))}}.gift-box-card.product-card.selected{border-color:rgb(var(--accent-color));background:rgb(var(--accent-color) / .05)}.gift-box-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--border-color) / .1);color:rgb(var(--text-subdued));aspect-ratio:1}.gift-box-placeholder__icon{width:40px;height:40px}.gift-box-empty{text-align:center;padding:var(--spacing-8);color:rgb(var(--text-subdued))}.gift-box-step{display:none!important}.gift-box-step--active{display:block!important}.gift-box-step--intro{padding:0;margin:calc(var(--spacing-6) * -1);margin-top:calc(var(--spacing-5) * -1);margin-bottom:calc(var(--spacing-4) * -1);border-radius:var(--border-radius-lg);overflow:hidden}.gift-box-intro{position:relative;min-height:60vh;display:flex;align-items:flex-start;justify-content:center;padding-top:4vh}.gift-box-intro__content{position:relative;z-index:3;text-align:center;padding:var(--spacing-8);margin:0 auto}.gift-box-intro__title{color:#fff;margin:0 0 var(--spacing-4);line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gift-box-intro__text{font-size:var(--text-lg);color:#fff;margin:0 0 var(--spacing-8);line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.3)}.gift-box-intro__actions{display:flex;justify-content:center}.wine-selection__header{margin-bottom:var(--spacing-5)}.wine-selection__subtitle{font-size:var(--text-sm);color:rgb(var(--text-subdued));margin:0}.wine-selection__count{font-weight:var(--font-weight-bold);color:rgb(var(--accent-color))}.wine-selection__footer-message{text-align:right;margin-bottom:var(--spacing-4);display:none}.wine-selection__text{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:rgb(var(--text-subdued))}.wine-filter{margin-bottom:var(--spacing-5)}.wine-filter__buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap;justify-content:center}.wine-filter__button{white-space:nowrap}.greeting-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.greeting-card-wrapper{border:1px solid rgb(var(--border-color));border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:#fff;align-content:space-between}@media (hover: hover) and (pointer: fine){.greeting-card-wrapper.product-card:hover{border-color:rgb(var(--accent-color) / .5);box-shadow:0 2px 8px #0000001a}}.greeting-card-wrapper.selected{border-color:rgb(var(--accent-color));background:rgb(var(--accent-color) / .05)}.greeting-card-none__icon{display:flex;align-items:center;justify-content:center;height:150px;background:rgb(var(--background-secondary));color:rgb(var(--text-subdued))}.greeting-card__actions{display:flex;justify-content:center;margin-top:var(--spacing-2)}.greeting-card-message{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid rgb(var(--border-color))}.greeting-card-message__field textarea,.greeting-card-message__field input{border:1px solid rgb(var(--border-color))!important}.wine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.wine-card-wrapper{position:relative}.wine-card-wrapper.product-card{border:1px solid rgb(var(--border-color));border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff;align-content:normal}@media (hover: hover) and (pointer: fine){.wine-card-wrapper.product-card:hover{border-color:rgb(var(--accent-color) / .5);box-shadow:0 2px 8px #0000001a}}.wine-card__actions{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-2)}.wine-card__actions .quantity-selector{display:inline-flex;height:var(--input-height);background:rgb(var(--input-background, transparent));color:rgb(var(--input-text-color, var(--text-color)));border-radius:var(--rounded-button);border-width:1px;flex-direction:row}.wine-card__quantity{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;font-weight:var(--font-weight-bold);color:rgb(var(--text-primary));background:transparent;border:none;font-size:var(--text-sm)}.wine-card__remove:disabled{opacity:.5;cursor:not-allowed}.greeting-card-selection__header{text-align:center;margin-bottom:var(--spacing-6)}.greeting-card-selection__subtitle{font-size:var(--text-base);color:rgb(var(--text-subdued));margin:0}.greeting-card-content{margin-bottom:var(--spacing-6)}.greeting-card-info{margin-bottom:var(--spacing-4);text-align:center}.greeting-card-price{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:rgb(var(--text-primary));margin:0 0 var(--spacing-2)}.greeting-card-description{font-size:var(--text-sm);color:rgb(var(--text-subdued));margin:0}.greeting-card-message{border-radius:var(--border-radius);background:rgb(var(--background-secondary) / .3)}.greeting-card-message__field{margin:0}.gift-box-error{display:none;margin-bottom:var(--spacing-4);animation:slideDown .3s ease}.gift-box-error__content{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:rgb(var(--error-color) / .1);border:1px solid rgb(var(--error-color) / .3);border-radius:var(--border-radius);color:rgb(var(--error-color))}.gift-box-error__icon{font-size:var(--text-lg);flex-shrink:0}.gift-box-error__message{flex:1;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.gift-box-error__close{background:none;border:none;color:rgb(var(--error-color));cursor:pointer;font-size:var(--text-lg);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.gift-box-error__close:hover{background:rgb(var(--error-color) / .1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 699px){.gift-box-grid,.wine-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.wine-filter__buttons{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 var(--spacing-4) var(--spacing-2) var(--spacing-4);margin:0 calc(-1 * var(--spacing-4));-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.wine-filter__buttons::-webkit-scrollbar{display:none}.wine-filter__button{flex-shrink:0;min-width:max-content}.wine-card-wrapper .product-card__info{padding:var(--spacing-3)}.greeting-card-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.gift-box-modal__actions{flex-direction:column}.gift-box-modal__actions button{width:100%}.gift-box-step--intro{height:100%;display:flex;flex-direction:column}.gift-box-intro{flex:1;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh}.gift-box-intro__content{padding:var(--spacing-6);text-align:center}.gift-box-intro__text{font-size:var(--text-base);margin-bottom:var(--spacing-6)}}@media screen and (min-width: 1000px){.gift-box-modal__dialog{max-width:1200px;width:90vw;max-height:90vh;margin:auto;border-radius:var(--border-radius);box-shadow:0 10px 40px #0003}}@media screen and (max-width: 999px){.gift-box-modal{padding:0;align-items:stretch}.gift-box-modal__dialog{max-height:100vh;border-radius:0;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gift-box-builder.css.map */