.zippy-variant-modal-overlay{position:fixed;inset:0;z-index:1300;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zippy-variant-modal-content{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 24px rgba(0,0,0,.15)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.zippy-variant-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background:#fff;z-index:1;border-radius:24px 24px 0 0}.zippy-variant-modal-header-info{flex:1}.zippy-variant-modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;line-height:1.4}.zippy-variant-modal-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zippy-variant-modal-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;color:#1f2937;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px}.zippy-variant-modal-close-btn:hover{background:#e5e7eb;transform:scale(1.05)}.zippy-variant-modal-close-btn:active{transform:scale(.95)}.zippy-variant-modal-body{flex:1;overflow-y:auto;padding:20px 16px;-webkit-overflow-scrolling:touch}.zippy-variant-modal-body::-webkit-scrollbar{width:6px}.zippy-variant-modal-body::-webkit-scrollbar-track{background:transparent}.zippy-variant-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.zippy-variant-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.zippy-variant-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;--recommended-card-min-width:110px;--recommended-card-max-width:166px}@media (min-width:768px){.zippy-variant-modal-overlay{align-items:center;padding:20px}.zippy-variant-modal-content{border-radius:16px;max-height:85vh;width:100%;max-width:900px}.zippy-variant-modal-header{padding:24px 28px;border-radius:16px 16px 0 0}.zippy-variant-modal-title{font-size:22px}.zippy-variant-modal-subtitle{font-size:15px}.zippy-variant-modal-body{padding:24px 20px}.zippy-variant-grid{--recommended-card-min-width:166px;--recommended-card-max-width:166px}}.zippy-variant-grid .product-card{min-width:var(--recommended-card-min-width);max-width:var(--recommended-card-max-width);flex:1 1 var(--recommended-card-min-width)}