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