.pack-variant-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#333}.pack-variant-cards{display:flex;gap:12px;flex-wrap:wrap}.pack-variant-card{position:relative;flex:1;border:2px solid #e8f5e8;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start}.pack-variant-card:hover{border-color:#4caf50;box-shadow:0 2px 8px rgba(76,175,80,.15)}.pack-variant-card.selected{border-color:#4caf50;background:#f0f8f0;box-shadow:0 2px 8px rgba(76,175,80,.2)}.pack-variant-card.most-popular{background:#e8f5e8;border-color:#4caf50}.most-popular-badge{position:absolute;top:0;left:0;right:0;background:#333;color:#fff;padding:6px 12px;font-size:12px;font-weight:600;text-align:center;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;z-index:1}.badge-triangle{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:6px solid #333}.pack-radio-container{position:absolute;top:-4px;right:-4px;z-index:2}.pack-content{width:100%;margin-top:8px;text-align:center}.pack-title{font-size:16px;font-weight:600;margin-bottom:4px;color:#333;margin-top:8px}.pack-quantity{font-size:14px;color:#666;margin-bottom:8px}.pack-savings{font-size:12px;color:#4caf50;font-weight:500;margin-bottom:4px}.pack-pricing{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:4px}.pack-current-price{font-size:18px;font-weight:600;color:#333}.pack-original-price{font-size:18px;color:#999;text-decoration:line-through;margin-left:8px}@media (max-width:768px){.pack-variant-cards{gap:8px}.pack-variant-card.most-popular .pack-content{margin-top:20px}}@media (min-width:769px) and (max-width:1024px){.pack-variant-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pack-variant-card:last-child:nth-child(odd){grid-column:1/-1;max-width:50%;margin:0 auto}}@media (min-width:1025px){.pack-variant-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}.variants-info-fieldctn{display:none}.quantity-section{display:flex;flex-direction:column;gap:10px}.quantity-label{font-size:12px;font-weight:500}.quantity-dropdown{width:120px;padding:10px;border:1px solid #000;background-color:#fff;font-size:14px}.quantity-dropdown fieldset{border:none}