.gift-modal-content{padding:2rem 1.5rem;max-width:960px;margin:0 auto}.gift-modal-title{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;text-align:center;color:var(--color-text, #000)}.gift-modal-subtitle{font-size:1rem;line-height:1.5;margin:0 0 1.5rem;text-align:center;color:var(--color-text-subdued, #666)}.gift-modal-message{font-size:1rem;line-height:1.5;margin:0 0 2rem;text-align:center;color:var(--color-text-subdued, #666)}.gift-modal-instruction{font-size:1rem;line-height:1.6;margin:0 0 2rem;text-align:center;color:var(--color-text, #000)}.gift-section-header{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subdued, #666);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e5e5e5)}.gift-selector-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:0 0 1.75rem}@media(min-width:768px){.gift-selector-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.gift-option{border:2px solid var(--color-border, #e5e5e5);border-radius:8px;padding:1rem;background:var(--color-bg, #fff);transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease;position:relative}.gift-option:hover:not(.gift-option--locked){border-color:var(--color-primary, #000);box-shadow:0 4px 12px #00000014}.gift-option--selected{border-color:var(--color-primary, #000);box-shadow:0 4px 12px #00000014}.gift-option--locked{opacity:.85;pointer-events:none;border-style:dashed}.gift-option__image{width:100%;margin-bottom:.875rem}.gift-option__image img{width:100%;height:auto;display:block;object-fit:contain;border-radius:4px}.gift-option__details{display:flex;flex-direction:column;gap:.5rem}.gift-option__name{font-size:1rem;font-weight:600;margin:0;color:var(--color-text, #000);line-height:1.4}.gift-option__threshold{font-size:.8125rem;color:var(--color-text-subdued, #666);margin:0}.gift-option__threshold strong{color:var(--color-text, #000)}.gift-option__lock-msg{font-size:.8125rem;color:var(--color-primary, #000);font-weight:500;margin:.25rem 0 0}.gift-option__items{list-style:none;padding:0;margin:.5rem 0 0;font-size:.75rem;line-height:1.5;color:var(--color-text-subdued, #666)}.gift-option__items li{padding:.15rem 0 .15rem .875rem;position:relative}.gift-option__items li:before{content:"\2022";position:absolute;left:0;color:var(--color-primary, #000);font-weight:700}.gift-option__quantity{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #e5e5e5)}.gift-option__quantity .quantity-btn{width:44px;height:44px;border:1px solid var(--color-border, #e5e5e5);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-text, #000);font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;line-height:1}.gift-option__quantity .quantity-btn:hover:not(:disabled){border-color:var(--color-primary, #000);background:var(--color-primary, #000);color:#fff}.gift-option__quantity .quantity-btn:disabled{opacity:.3;cursor:not-allowed}.gift-option__quantity .quantity-display{width:40px;text-align:center;font-size:1.125rem;font-weight:600;color:var(--color-text, #000)}.gift-stepup-section{margin:0 0 1.75rem}.gift-stepup-card{display:flex;align-items:center;gap:1.25rem;border:2px solid var(--color-border, #e5e5e5);border-radius:8px;padding:1rem 1.25rem;background:var(--color-bg, #fff);transition:border-color .2s ease,opacity .2s ease}.gift-stepup-card--selected{border-color:var(--color-primary, #000)}.gift-stepup-card--disabled{opacity:.45;pointer-events:none}.gift-stepup-card__image{width:72px;min-width:72px;height:72px}.gift-stepup-card__image img{width:100%;height:100%;object-fit:contain;border-radius:4px}.gift-stepup-card__info{flex:1;min-width:0}.gift-stepup-card__name{font-size:.9375rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text, #000)}.gift-stepup-card__desc{font-size:.8125rem;color:var(--color-text-subdued, #666);margin:0}.gift-stepup-card__quantity{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.gift-stepup-card__quantity .quantity-btn{width:44px;height:44px;border:1px solid var(--color-border, #e5e5e5);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-text, #000);font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;line-height:1}.gift-stepup-card__quantity .quantity-btn:hover:not(:disabled){border-color:var(--color-primary, #000);background:var(--color-primary, #000);color:#fff}.gift-stepup-card__quantity .quantity-btn:disabled{opacity:.3;cursor:not-allowed}.gift-stepup-card__quantity .quantity-display{width:28px;text-align:center;font-size:1rem;font-weight:600;color:var(--color-text, #000)}.gift-modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.gift-modal-actions .btn{font-size:1rem;padding:.875rem 1.5rem}.gift-modal-actions .btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.gift-modal-actions .btn--skip{background:transparent;border:1px solid var(--color-border, #e5e5e5);color:var(--color-text-subdued, #666);cursor:pointer;font-size:.875rem;padding:.625rem 1rem;border-radius:4px;text-align:center;transition:border-color .2s ease}.gift-modal-actions .btn--skip:hover{border-color:var(--color-text-subdued, #666)}@media(max-width:767px){.gift-modal-content{padding:1rem}.gift-modal-title{font-size:1.25rem;margin-bottom:.25rem}.gift-modal-subtitle{font-size:.875rem;margin-bottom:1rem}.gift-selector-grid{gap:.75rem}.gift-option{display:flex;flex-direction:row;align-items:center;gap:.875rem;padding:.75rem}.gift-option__image{width:90px;min-width:90px;margin-bottom:0}.gift-option__image img{border-radius:6px}.gift-option__details{flex:1;min-width:0}.gift-option__name{font-size:.9375rem}.gift-option__items{font-size:.6875rem}.gift-option__quantity{border-top:none;padding-top:.5rem;margin-top:.5rem;justify-content:flex-start}.gift-option__quantity .quantity-btn{width:40px;height:40px;font-size:1.25rem}.gift-stepup-card{gap:.75rem;padding:.75rem}.gift-stepup-card__image{width:56px;min-width:56px;height:56px}.gift-stepup-card__quantity{flex-shrink:0}.gift-stepup-card__quantity .quantity-btn{width:40px;height:40px;font-size:1.25rem}.gift-section-header{font-size:.75rem;margin-bottom:.75rem}}@media(max-width:767px){.modal.popover[data-koko-gift-modal]{align-items:flex-end;padding:0}.modal.popover[data-koko-gift-modal] .modal__inner{max-height:92vh;border-radius:16px 16px 0 0;padding:0;display:flex;flex-direction:column}.modal.popover[data-koko-gift-modal] .modal__header{position:sticky;top:0;z-index:2;background:var(--color-background, #fff);border-bottom:none;padding:.75rem 1rem;border-radius:16px 16px 0 0}.modal.popover[data-koko-gift-modal] .modal__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal.popover[data-koko-gift-modal] .gift-modal-actions{position:sticky;bottom:0;z-index:2;background:var(--color-background, #fff);padding:1rem;border-top:1px solid var(--color-border, #e5e5e5);margin-top:0}}.modal.popover[data-koko-gift-modal]{opacity:0;transition:opacity .3s ease}.modal.popover[data-koko-gift-modal].is-visible{opacity:1}.modal.popover[data-koko-gift-modal] .modal__inner{transform:scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal.popover[data-koko-gift-modal].active .modal__inner{transform:scale(1)}@media(max-width:767px){.modal.popover[data-koko-gift-modal] .modal__inner{transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal.popover[data-koko-gift-modal].active .modal__inner{transform:translateY(0)}}.gift-option__quantity .quantity-btn:focus-visible,.gift-stepup-card__quantity .quantity-btn:focus-visible{outline:2px solid var(--color-primary, #000);outline-offset:2px}@media(prefers-reduced-motion:reduce){.modal.popover[data-koko-gift-modal],.modal.popover[data-koko-gift-modal] .modal__inner,.gift-option,.gift-stepup-card,.quantity-btn{transition:none}}.gift-modal-actions .btn.is-loading{position:relative;color:transparent}.gift-modal-actions .btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gift-btn-spinner .6s linear infinite;color:#fff}@keyframes gift-btn-spinner{to{transform:rotate(360deg)}}@media(prefers-contrast:high){.gift-option,.gift-stepup-card{border-width:3px}.quantity-btn{border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/gift-selector-modal-v9.css.map */