.eg-variation-grid-section{width:100%;margin-top:var(--spacing-xl);padding:0 var(--spacing-base)}.eg-variation-grid-inner{background:var(--color-bg-white);border-radius:var(--radius-card);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.eg-size-selector{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border-light)}.eg-size-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.eg-size-buttons{display:flex;gap:var(--spacing-sm)}.eg-size-btn{padding:var(--spacing-md) var(--spacing-xl);border:2px solid var(--color-border-light);border-radius:var(--radius-button);background:var(--color-bg-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);cursor:pointer;transition:var(--transition-default)}.eg-size-btn:hover{border-color:var(--color-primary-pink);color:var(--color-primary-pink)}.eg-size-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--color-text-white);box-shadow:var(--shadow-button)}.eg-flavor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.eg-flavor-card{position:relative;background:var(--color-bg-white);border:2px solid var(--color-border-light);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;transition:var(--transition-default)}.eg-flavor-card:hover{border-color:var(--color-primary-pink);transform:var(--transform-card-hover);box-shadow:var(--shadow-card)}.eg-flavor-card.selected{border-color:var(--color-primary-pink);box-shadow:0 0 0 3px #fc7df733,var(--shadow-card)}.eg-flavor-card.out-of-stock{opacity:.6;cursor:not-allowed}.eg-flavor-card.out-of-stock:hover{transform:none;border-color:var(--color-border-light);box-shadow:none}.eg-flavor-image{position:relative;width:100%;aspect-ratio:1;background:var(--color-bg-light);overflow:hidden}.eg-flavor-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-image)}.eg-flavor-card:hover:not(.out-of-stock) .eg-flavor-image img{transform:var(--transform-image-hover)}.eg-flavor-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-light),var(--color-bg-lighter))}.eg-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-badge);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);white-space:nowrap;text-align:center;line-height:1.3;max-width:90%}.eg-out-of-stock-badge{background:#000000bf;color:var(--color-text-white)}.eg-sale-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--gradient-sale);color:var(--color-text-white);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-badge);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);box-shadow:0 4px 12px #ff383866;z-index:2}.eg-size-unavailable-badge{background:#ff9800e6;color:var(--color-text-white);font-size:10px;padding:var(--spacing-xs) var(--spacing-sm)}.eg-flavor-card.size-out-of-stock{border-color:#ff980080}.eg-flavor-card.size-out-of-stock:hover{border-color:#ff9800cc;transform:var(--transform-card-hover);box-shadow:0 10px 30px #ff980033}.eg-flavor-card.size-out-of-stock .eg-flavor-image img{opacity:.7}.eg-flavor-details{padding:var(--spacing-md);text-align:center}.eg-flavor-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin:0 0 var(--spacing-2xs) 0;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.eg-flavor-price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-pink)}.eg-flavor-select-indicator{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;background:var(--gradient-primary);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:var(--transition-default);box-shadow:var(--shadow-badge)}.eg-flavor-select-indicator svg{width:16px;height:16px;color:var(--color-text-white)}.eg-flavor-card.selected .eg-flavor-select-indicator{opacity:1;transform:scale(1)}.eg-add-to-cart-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-border-light)}.eg-selected-info{display:flex;justify-content:space-between;align-items:center}.eg-selected-flavor{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.eg-selected-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eg-quantity-cart-wrap{display:flex;gap:var(--spacing-lg);align-items:center}.eg-quantity-wrap{display:flex;align-items:center;border:2px solid var(--color-border-light);border-radius:var(--radius-input);overflow:hidden}.eg-qty-btn{width:44px;height:44px;border:none;background:var(--color-bg-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark);cursor:pointer;transition:var(--transition-default);display:flex;align-items:center;justify-content:center}.eg-qty-btn:hover{background:var(--color-primary-pink);color:var(--color-text-white)}.eg-quantity-wrap .qty{width:60px;height:44px;border:none;text-align:center;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);-moz-appearance:textfield}.eg-quantity-wrap .qty::-webkit-outer-spin-button,.eg-quantity-wrap .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eg-add-to-cart-btn{flex:1;max-width:300px;height:50px;background:var(--gradient-primary)!important;color:var(--color-text-white)!important;border:none!important;border-radius:var(--radius-button)!important;font-size:var(--font-size-md)!important;font-weight:var(--font-weight-bold)!important;text-transform:uppercase!important;letter-spacing:var(--letter-spacing-widest)!important;cursor:pointer;transition:var(--transition-default)!important;box-shadow:var(--shadow-button)!important}.eg-add-to-cart-btn:hover:not(.disabled){transform:var(--transform-button-hover)!important;box-shadow:var(--shadow-button-hover)!important}.eg-add-to-cart-btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.eg-stock-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-badge);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-bg-light);color:var(--color-text-dark);min-height:36px;transition:var(--transition-default);width:fit-content}.eg-stock-status:empty{display:none}.eg-stock-icon{font-size:var(--font-size-base);line-height:1}.eg-stock-status.eg-stock-low{background:#ff980026;color:#e65100}.eg-stock-status.eg-stock-warning{background:#ffc10726;color:#f57c00}.eg-stock-status.eg-stock-at-max{background:#f4433626;color:#c62828}@keyframes eg-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.eg-stock-status.eg-stock-shake{animation:eg-shake .5s ease-in-out}@media (max-width: 1024px){.eg-flavor-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.eg-variation-grid-section{padding:0;margin-top:var(--spacing-lg)}.eg-variation-grid-inner{padding:var(--spacing-lg);border-radius:var(--radius-input)}.eg-size-selector{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.eg-size-buttons{width:100%}.eg-size-btn{flex:1;padding:var(--spacing-md);font-size:var(--font-size-sm)}.eg-flavor-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.eg-flavor-name{font-size:var(--font-size-md);min-height:28px}.eg-flavor-price{font-size:var(--font-size-sm)}.eg-flavor-details{padding:var(--spacing-sm)}.eg-add-to-cart-section{gap:var(--spacing-md)}.eg-selected-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.eg-quantity-cart-wrap{flex-direction:column;width:100%}.eg-quantity-wrap{width:100%;justify-content:center}.eg-add-to-cart-btn{width:100%;max-width:none}.eg-stock-status{justify-content:center;font-size:var(--font-size-xs)}}@media (max-width: 480px){.eg-flavor-grid{grid-template-columns:repeat(2,1fr)}.eg-flavor-select-indicator{width:24px;height:24px;top:var(--spacing-xs);right:var(--spacing-xs)}.eg-flavor-select-indicator svg{width:14px;height:14px}.eg-stock-badge{font-size:9px;padding:4px 8px;letter-spacing:0}.eg-size-unavailable-badge{font-size:8px;white-space:normal;line-height:1.2}.eg-sale-badge{font-size:10px;padding:3px 6px;top:var(--spacing-xs);left:var(--spacing-xs)}}