.kamuni-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;margin:0!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;transform:translateZ(0)!important;will-change:transform,opacity!important}.kamuni-modal.kamuni-modal--visible{opacity:1;visibility:visible}@media (max-width: 600px){.kamuni-modal{padding:0!important;border-radius:0!important;max-width:100vw!important;max-height:100vh!important;align-items:flex-start!important;justify-content:center!important;height:100vh!important}.kamuni-modal__container{max-width:96vw!important;width:96vw!important;min-width:0!important;margin:5vh auto 0!important;max-height:90vh!important;height:auto!important;border-radius:1.2rem!important;box-shadow:0 8px 32px #00000038;padding:0!important;display:flex!important;flex-direction:column!important;background:#fff}.kamuni-modal__content{padding:0!important;max-height:80vh!important;min-height:0!important;height:auto!important;font-size:1rem;overflow-y:auto!important}.kamuni-modal__header{padding:1.2rem 1.2rem .7rem!important;border-radius:1.2rem 1.2rem 0 0}.kamuni-modal__product-info{flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.2rem 1.2rem .7rem!important}.kamuni-modal__image{width:90px!important;height:90px!important;margin-bottom:.5rem}.kamuni-modal__product-title{font-size:1.1rem!important}.kamuni-modal__vendor{font-size:.95rem!important}.kamuni-modal__form{padding:1.2rem!important}.kamuni-modal__quantity-controls,.kamuni-modal__flavor-item{min-height:44px!important;padding:.2rem .5rem!important;gap:.5rem!important}.kamuni-modal__qty-btn,.kamuni-modal__flavor-btn{min-width:38px!important;min-height:38px!important;font-size:1.3rem!important;padding:0!important}.kamuni-modal__quantity-input,.kamuni-modal__flavor-input{min-width:40px!important;font-size:1.1rem!important;padding:.2rem!important}.kamuni-modal__flavors{padding:.7rem .5rem!important;margin-bottom:1rem!important}.kamuni-modal__flavor-name{font-size:1rem!important;gap:.3rem!important}.kamuni-modal__flavors-summary{padding:.4rem .7rem!important;font-size:.95rem!important}.kamuni-modal__add-btn{width:100%!important;font-size:1.1rem!important;min-height:48px!important;margin-top:.7rem!important}.kamuni-modal__summary{padding:.7rem!important;margin-bottom:1rem!important}.kamuni-modal__option-label{font-size:1rem!important}.kamuni-modal__select{min-height:44px!important;font-size:1rem!important;padding:.4rem 1.2rem .4rem .7rem!important}}.kamuni-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:backdrop-filter .3s ease}.kamuni-modal__container{position:relative;width:100%;max-width:550px;max-height:92vh;background:#fff;border-radius:1rem;box-shadow:0 25px 50px #00000040;transform:scale(.9) translateY(20px);transition:transform .3s ease}.kamuni-modal.kamuni-modal--visible .kamuni-modal__container{transform:scale(1) translateY(0)}.kamuni-modal__content{display:flex;flex-direction:column;height:100%;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb #f9fafb}.kamuni-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--kamuni-spacing-xl) var(--kamuni-spacing-xl) var(--kamuni-spacing-md);border-bottom:var(--kamuni-border-light);background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.kamuni-modal__title{font-size:clamp(1.25rem,2.8vw,1.5rem);font-weight:var(--kamuni-font-weight-semibold);color:var(--kamuni-brown);font-family:var(--kamuni-font-family-primary);margin:0;letter-spacing:var(--kamuni-letter-spacing-tight);line-height:var(--kamuni-line-height-snug)}.kamuni-modal__close{background:#f9fafbe6;border:1px solid rgba(97,68,44,.08);color:var(--kamuni-gray-light);cursor:pointer;padding:var(--kamuni-spacing-sm);border-radius:var(--kamuni-radius-md);transition:all var(--kamuni-transition-normal);display:flex;align-items:center;justify-content:center;width:40px;height:40px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kamuni-modal__close:hover{background:#f3f4f6f2;color:var(--kamuni-brown);transform:scale(1.05);box-shadow:var(--kamuni-shadow-md)}.kamuni-modal__product-info{display:flex;align-items:center;gap:var(--kamuni-spacing-lg);padding:var(--kamuni-spacing-lg) var(--kamuni-spacing-xl);border-bottom:var(--kamuni-border-light);background:linear-gradient(135deg,#f8fffe80,#fffc)}.kamuni-modal__image{flex-shrink:0;width:clamp(110px,15vw,130px);height:clamp(110px,15vw,130px);border-radius:var(--kamuni-radius-lg);overflow:hidden;background:linear-gradient(135deg,#f8fafb,#fff);border:2px solid rgba(97,68,44,.1);box-shadow:var(--kamuni-shadow-md);transition:all var(--kamuni-transition-normal)}.kamuni-modal__image:hover{transform:translateY(-2px);box-shadow:var(--kamuni-shadow-lg);border-color:#00928b33}.kamuni-modal__image img{width:100%;height:100%;object-fit:cover}.kamuni-modal__details{flex:1;min-width:0}.kamuni-modal__product-title{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:var(--kamuni-font-weight-semibold);color:var(--kamuni-brown);margin:0 0 var(--kamuni-spacing-sm) 0;font-family:var(--kamuni-font-family-primary);line-height:var(--kamuni-line-height-snug);letter-spacing:var(--kamuni-letter-spacing-tight)}.kamuni-modal__vendor{font-size:clamp(.875rem,2vw,1rem);color:var(--kamuni-turquoise);text-transform:uppercase;letter-spacing:var(--kamuni-letter-spacing-wide);margin:0 0 var(--kamuni-spacing-sm) 0;font-weight:var(--kamuni-font-weight-semibold);font-family:var(--kamuni-font-family-primary)}.kamuni-modal__price-info{display:flex;align-items:baseline;gap:var(--kamuni-spacing-sm);flex-wrap:wrap}.kamuni-modal__price{font-size:clamp(1.25rem,2.8vw,1.5rem);font-weight:var(--kamuni-font-weight-bold);color:var(--kamuni-brown);font-family:var(--kamuni-font-family-primary)}.kamuni-modal__compare-price{font-size:clamp(1rem,2.2vw,1.125rem);color:var(--kamuni-gray-light);text-decoration:line-through;font-family:var(--kamuni-font-family-primary);font-weight:var(--kamuni-font-weight-normal);opacity:.7}.kamuni-modal__form{padding:var(--kamuni-spacing-xl) var(--kamuni-spacing-xl) calc(var(--kamuni-spacing-xl) + .5rem);background:linear-gradient(135deg,#fffc,#f8fafc80)}.kamuni-modal__variants{margin-bottom:var(--kamuni-spacing-xl)}.kamuni-modal__option{margin-bottom:var(--kamuni-spacing-lg)}.kamuni-modal__option:last-child{margin-bottom:0}.kamuni-modal__option-label{display:block;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:var(--kamuni-font-weight-semibold);color:var(--kamuni-brown);margin-bottom:var(--kamuni-spacing-sm);font-family:var(--kamuni-font-family-primary);letter-spacing:var(--kamuni-letter-spacing-tight)}.kamuni-modal__select{width:100%;padding:var(--kamuni-spacing-md) var(--kamuni-spacing-lg);border:2px solid rgba(97,68,44,.08);border-radius:var(--kamuni-radius-md);background:var(--kamuni-white);font-size:clamp(1rem,2.2vw,1.125rem);color:var(--kamuni-brown);transition:all var(--kamuni-transition-normal);-webkit-appearance:none;appearance:none;font-family:var(--kamuni-font-family-primary);font-weight:var(--kamuni-font-weight-medium);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2361442C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--kamuni-spacing-md) center;background-repeat:no-repeat;background-size:1.2rem;padding-right:3rem;min-height:52px;box-shadow:var(--kamuni-shadow-sm)}.kamuni-modal__select:focus{outline:none;border-color:var(--kamuni-turquoise);box-shadow:0 0 0 3px #00928b1f,var(--kamuni-shadow-md);transform:translateY(-1px)}.kamuni-modal__select:hover{border-color:#61442c26;box-shadow:var(--kamuni-shadow-md)}.kamuni-modal__quantity{margin-bottom:var(--kamuni-spacing-xl);transition:all var(--kamuni-transition-normal)}.kamuni-modal__quantity.kamuni-modal__quantity--hidden{display:none}.kamuni-modal__quantity-label{display:block;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:var(--kamuni-font-weight-semibold);color:var(--kamuni-brown);margin-bottom:var(--kamuni-spacing-sm);font-family:var(--kamuni-font-family-primary);letter-spacing:var(--kamuni-letter-spacing-tight)}.kamuni-modal__quantity-controls{display:flex;align-items:center;border:2px solid rgba(97,68,44,.08);border-radius:var(--kamuni-radius-md);overflow:hidden;background:var(--kamuni-white);transition:all var(--kamuni-transition-normal);box-shadow:var(--kamuni-shadow-sm);min-height:48px}.kamuni-modal__quantity-controls:focus-within{border-color:var(--kamuni-turquoise);box-shadow:0 0 0 3px #00928b1f,var(--kamuni-shadow-md);transform:translateY(-1px)}.kamuni-modal__qty-btn{background:linear-gradient(135deg,#f8fafccc,#ffffffe6);border:none;padding:var(--kamuni-spacing-md);color:var(--kamuni-brown);cursor:pointer;transition:all var(--kamuni-transition-normal);display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-weight:var(--kamuni-font-weight-semibold)}.kamuni-modal__qty-btn:hover{background:linear-gradient(135deg,var(--kamuni-turquoise) 0%,rgba(0,146,139,.9) 100%);color:#fff;transform:scale(1.05)}.kamuni-modal__qty-btn:active{transform:scale(.98)}.kamuni-modal__quantity-input{flex:1;border:none;padding:var(--kamuni-spacing-md);text-align:center;font-size:var(--kamuni-font-size-body-md);font-weight:var(--kamuni-font-weight-semibold);color:var(--kamuni-brown);background:transparent;outline:none;font-family:var(--kamuni-font-family-primary);min-width:70px}.kamuni-modal__quantity-input:focus{outline:none}.kamuni-modal__flavors{margin-bottom:var(--kamuni-spacing-xl);display:none;background:linear-gradient(135deg,#4ecdc40d,#fffc);border-radius:var(--kamuni-radius-md);padding:var(--kamuni-spacing-lg);border:1px solid rgba(78,205,196,.1)}.kamuni-modal__flavors.kamuni-modal__flavors--visible{display:block}.kamuni-modal__flavors-label{display:block;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:var(--kamuni-font-weight-semibold);color:var(--kamuni-brown);margin-bottom:var(--kamuni-spacing-sm);font-family:var(--kamuni-font-family-primary);letter-spacing:var(--kamuni-letter-spacing-tight)}.kamuni-modal__flavors-description{font-size:var(--kamuni-font-size-body-xs);color:var(--kamuni-gray-light);margin-bottom:var(--kamuni-spacing-md);font-family:var(--kamuni-font-family-primary);line-height:var(--kamuni-line-height-relaxed);opacity:.9}.kamuni-modal__flavor-item{display:flex;align-items:center;justify-content:space-between;padding:var(--kamuni-spacing-md) var(--kamuni-spacing-lg);border:2px solid rgba(97,68,44,.06);border-radius:var(--kamuni-radius-md);margin-bottom:var(--kamuni-spacing-sm);background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);transition:all var(--kamuni-transition-normal);box-shadow:var(--kamuni-shadow-sm);min-height:56px}.kamuni-modal__flavor-item:hover{border-color:#00928b4d;background:linear-gradient(135deg,#4ecdc40d,#fffffff2);transform:translateY(-2px);box-shadow:var(--kamuni-shadow-md)}.kamuni-modal__flavor-item:last-child{margin-bottom:0}.kamuni-modal__flavor-name{font-size:var(--kamuni-font-size-body-md);font-weight:var(--kamuni-font-weight-medium);color:var(--kamuni-brown);font-family:var(--kamuni-font-family-primary);flex:1;display:flex;align-items:center;letter-spacing:var(--kamuni-letter-spacing-tight);gap:var(--kamuni-spacing-sm)}.kamuni-modal__flavor-color{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.9);box-shadow:var(--kamuni-shadow-sm)}.kamuni-modal__flavor-color--chocolate{background:var(--kamuni-brown)}.kamuni-modal__flavor-color--vainilla{background:var(--kamuni-gold)}.kamuni-modal__flavor-color--arequipe{background:tan}.kamuni-modal__flavor-color--fresa{background:var(--kamuni-coral)}.kamuni-modal__flavor-color--coco{background:var(--kamuni-white);border-color:var(--kamuni-gray-light)}.kamuni-modal__flavor-color--maracuya{background:var(--kamuni-gold)}.kamuni-modal__flavor-color--limon{background:var(--kamuni-aqua)}.kamuni-modal__flavor-color--cafe{background:var(--kamuni-brown)}.kamuni-modal__flavor-color--chocolate-blanco{background:#fff8e1;border:2px solid #E0E0E0;position:relative}.kamuni-modal__flavor-color--chocolate-blanco:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(45deg,#fff,#f5f5f5);border-radius:inherit}.kamuni-modal__flavor-color--chocolate-negro{background:linear-gradient(45deg,#3e2723,#1b0000);border:1px solid #5D4037}.kamuni-modal__flavor-controls{display:flex;align-items:center;gap:var(--kamuni-spacing-sm)}.kamuni-modal__flavor-btn{background:#00928b1a;border:none;color:var(--kamuni-turquoise);cursor:pointer;padding:.25rem;border-radius:var(--kamuni-radius-sm);transition:all var(--kamuni-transition-fast);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.kamuni-modal__flavor-btn:hover{background:#00928b33}.kamuni-modal__flavor-btn:disabled{background:#9ca3af1a;color:var(--kamuni-gray-light);cursor:not-allowed}.kamuni-modal__flavor-input{width:50px;text-align:center;border:var(--kamuni-border-medium);border-radius:var(--kamuni-radius-sm);padding:.35rem .25rem;font-size:1rem;font-weight:var(--kamuni-font-weight-medium);color:var(--kamuni-brown);font-family:var(--kamuni-font-family-primary);background:var(--kamuni-white)}.kamuni-modal__flavor-input:focus{outline:none;border-color:var(--kamuni-turquoise);box-shadow:0 0 0 1px #00928b1a}.kamuni-modal__flavors-summary{background:#00928b0d;border:1px solid rgba(0,146,139,.2);border-radius:var(--kamuni-radius-sm);padding:var(--kamuni-spacing-sm) var(--kamuni-spacing-md);margin-top:var(--kamuni-spacing-sm);display:flex;justify-content:space-between;align-items:center}.kamuni-modal__flavors-summary.kamuni-modal__flavors-summary--error{background:#ef44440d;border-color:#ef444433}.kamuni-modal__flavors-summary.kamuni-modal__flavors-summary--success{background:#00928b0d;border-color:#00928b33}.kamuni-modal__flavors-summary-text{font-size:var(--kamuni-font-size-body-xs);font-weight:var(--kamuni-font-weight-medium);font-family:var(--kamuni-font-family-primary)}.kamuni-modal__flavors-summary--error .kamuni-modal__flavors-summary-text{color:var(--kamuni-error)}.kamuni-modal__flavors-summary--success .kamuni-modal__flavors-summary-text{color:var(--kamuni-turquoise)}.kamuni-modal__summary{background:linear-gradient(135deg,#f9fafbcc,#ffffffe6);border-radius:var(--kamuni-radius-md);padding:var(--kamuni-spacing-lg);margin-bottom:var(--kamuni-spacing-xl);border:2px solid rgba(97,68,44,.06);box-shadow:var(--kamuni-shadow-sm)}.kamuni-modal__summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--kamuni-spacing-sm);font-size:clamp(1rem,2.2vw,1.125rem);color:var(--kamuni-gray-dark);font-family:var(--kamuni-font-family-primary);font-weight:var(--kamuni-font-weight-medium)}.kamuni-modal__summary-row:last-child{margin-bottom:0}.kamuni-modal__summary-total{border-top:2px solid rgba(97,68,44,.1);padding-top:var(--kamuni-spacing-md);margin-top:var(--kamuni-spacing-md);font-weight:var(--kamuni-font-weight-semibold);font-size:clamp(1.125rem,2.5vw,1.25rem);color:var(--kamuni-brown)}.kamuni-modal__summary-total span:last-child{font-weight:var(--kamuni-font-weight-bold);color:var(--kamuni-brown);font-family:var(--kamuni-font-family-primary)}.kamuni-modal__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--kamuni-spacing-md);background:linear-gradient(135deg,var(--kamuni-turquoise) 0%,rgba(0,146,139,.9) 100%);color:var(--kamuni-white);border:none;padding:var(--kamuni-spacing-lg) var(--kamuni-spacing-xl);border-radius:var(--kamuni-radius-lg);font-weight:var(--kamuni-font-weight-semibold);font-size:clamp(1.125rem,2.8vw,1.25rem);cursor:pointer;transition:all var(--kamuni-transition-normal);font-family:var(--kamuni-font-family-primary);letter-spacing:var(--kamuni-letter-spacing-tight);min-height:62px;box-shadow:var(--kamuni-shadow-lg);position:relative;overflow:hidden}.kamuni-modal__add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);transition:left .5s ease}.kamuni-modal__add-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--kamuni-brown) 0%,rgba(97,68,44,.9) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #00928b4d}.kamuni-modal__add-btn:hover:not(:disabled):before{left:100%}.kamuni-modal__add-btn:active:not(:disabled){transform:translateY(-1px)}.kamuni-modal__add-btn:disabled{background:linear-gradient(135deg,var(--kamuni-gray-light) 0%,rgba(107,114,128,.8) 100%);cursor:not-allowed;transform:none;box-shadow:var(--kamuni-shadow-sm);opacity:.6}.kamuni-modal__btn-icon,.kamuni-modal__btn-loading{flex-shrink:0;z-index:2;position:relative}.kamuni-modal__btn-text{z-index:2;position:relative;font-weight:var(--kamuni-font-weight-semibold)}.kamuni-modal__btn-loading svg{animation:kamuni-spin 1s linear infinite}@keyframes kamuni-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.kamuni-modal{padding:var(--kamuni-spacing-sm)}.kamuni-modal__container{max-height:95vh;max-width:95vw;width:95%}.kamuni-modal__header{padding:var(--kamuni-spacing-lg) var(--kamuni-spacing-lg) var(--kamuni-spacing-md)}.kamuni-modal__form{padding:var(--kamuni-spacing-lg)}.kamuni-modal__quantity-controls{min-height:52px}.kamuni-modal__qty-btn{min-width:52px;min-height:52px}.kamuni-modal__product-info{padding:var(--kamuni-spacing-md) var(--kamuni-spacing-lg);gap:var(--kamuni-spacing-md)}.kamuni-modal__title{font-size:1.125rem}.kamuni-modal__content{border-radius:var(--kamuni-radius-lg)}.kamuni-modal__image{width:90px;height:90px}.kamuni-modal__product-title{font-size:1.125rem}.kamuni-modal__price{font-size:1.25rem}.kamuni-modal__add-btn{min-height:56px;font-size:1.125rem;padding:var(--kamuni-spacing-md) var(--kamuni-spacing-lg)}.kamuni-modal__qty-btn{min-width:44px;min-height:44px}.kamuni-modal__quantity-input{font-size:1rem}.kamuni-modal__select{min-height:44px;font-size:1rem;padding:var(--kamuni-spacing-sm) var(--kamuni-spacing-md);padding-right:2.5rem}.kamuni-modal__flavor-item{padding:var(--kamuni-spacing-sm) var(--kamuni-spacing-md);min-height:52px}.kamuni-modal__flavor-name{font-size:.875rem}}@media (min-width: 641px) and (max-width: 1024px){.kamuni-modal__container{max-width:480px}.kamuni-modal__image{width:90px;height:90px}}@media (hover: none) and (pointer: coarse){.kamuni-modal__qty-btn{min-width:48px;min-height:48px}.kamuni-modal__select{min-height:48px}.kamuni-modal__add-btn{min-height:56px}.kamuni-modal__close{width:44px;height:44px}.kamuni-modal__flavor-item{min-height:56px;padding:var(--kamuni-spacing-md) var(--kamuni-spacing-lg)}}.kamuni-modal__container::-webkit-scrollbar{width:4px}.kamuni-modal__container::-webkit-scrollbar-track{background:transparent}.kamuni-modal__container::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:2px}.kamuni-modal__container::-webkit-scrollbar-thumb:hover{background:#9ca3af80}body.kamuni-modal-open{overflow:hidden!important}body.kamuni-modal-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#3741510d;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:40;pointer-events:none;transition:all var(--kamuni-transition-normal)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-kamuni-modal.css.map */