.vip-numbers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:20px;display:grid}.vip-numbers-grid.family-mode{grid-template-columns:repeat(3,1fr)}@media (width<=1200px){.vip-numbers-grid.family-mode{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.vip-numbers-grid.family-mode{grid-template-columns:1fr}}@media (width<=1200px){.vip-numbers-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=768px){.vip-numbers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;padding:10px}}.vip-numbers-grid>div{width:100%!important;max-width:100%!important}.main-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:25px;display:flex}.main-tab{color:#4b5563;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;align-items:center;gap:10px;padding:10px 24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.main-tab:hover{color:#3b82f6;border-color:#3b82f6;transform:translateY(-2px)}.main-tab.active{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-color:#0000;box-shadow:0 10px 20px #3b82f64d}.main-tab .icon{font-size:1.2rem}.content-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000000d}.search-type-scroll{scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;gap:12px;width:100%;margin-top:10px;padding-top:5px;padding-bottom:15px;padding-left:5px;overflow-x:auto;flex-flow:row!important;justify-content:flex-start!important;display:flex!important}@media (width>=768px){.search-type-scroll{justify-content:center!important}}.search-type-scroll::-webkit-scrollbar{display:none}.search-type-pill.checkbox-label{cursor:pointer;background:0 0;border:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;margin:0!important;padding:0!important;display:inline-flex!important}.search-type-pill.checkbox-label:before,.search-type-pill.checkbox-label:after,.search-type-pill.checkbox-label input{display:none!important}.search-type-text{color:#4b5563;white-space:nowrap;pointer-events:none;background:#f8f9fa;border:1.5px solid #e5e7eb;border-radius:20px;flex-shrink:0;align-items:center;padding:8px 16px;font-size:.92rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #00000005;margin-left:0!important}.search-type-pill.checkbox-label input:checked~.search-type-text{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 10px #10b9814d}.search-type-text .rec-badge{background:#ffffff40;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:.72rem;font-weight:700}.family-pack-content h3{color:#1e293b;text-align:center;font-size:1.4rem;font-weight:800}.family-search-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000000d}.pack-size-selector{scrollbar-width:none;gap:10px;margin-bottom:10px;padding-bottom:5px;display:flex;overflow-x:auto}.pack-size-selector::-webkit-scrollbar{display:none}.pack-size-btn{color:#64748b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1;min-width:50px;padding:10px 15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.pack-size-btn:hover{color:#6366f1;background:#f5f3ff;border-color:#6366f1}.pack-size-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}.error-message{color:#dc3545;margin-top:5px;font-size:12px;display:block}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#dc3545}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-reset-filter{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;align-items:center;gap:8px;margin:0 auto 1rem;padding:10px 25px;font-size:.9rem;font-weight:600;transition:all .3s;display:none;box-shadow:0 4px 6px #0000001a;color:#fff!important}.btn-reset-filter.show{display:flex}.btn-reset-filter:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-reset-filter i{font-size:1rem;color:#fff!important}