.kit-main-content{color:#1a1a1a;background:linear-gradient(to bottom right,#f7f9fc,#eef2f7);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.kit-content-wrapper{flex:1;max-width:1200px;margin:0 auto;padding:4rem 2rem}.kit-header-section{text-align:center;margin-bottom:3rem}.kit-header-badge{color:#2563eb;letter-spacing:.05em;background:rgba(37,99,235,.08);border-radius:50px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.kit-title{margin-top:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.kit-title span{background:linear-gradient(90deg,#35add5,#92c826);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.kit-subtitle{color:#4b5563;max-width:700px;margin:1rem auto 0;font-size:1.05rem}.kit-filter-bar{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.06)}.kit-filter-bar p{color:#374151;font-weight:500}.kit-filter-controls{align-items:center;gap:1rem;display:flex}.kit-select,.kit-search{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.6rem .8rem;font-size:.95rem;transition:border-color .2s}.kit-select:focus,.kit-search:focus{border-color:#2563eb;outline:none}.kit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.kit-card{background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:320px;padding:1rem;transition:all .2s;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.05)}.kit-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,.1)}.kit-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.kit-card-header svg{color:#2563eb}.kit-header{margin:0;font-size:1.25rem;font-weight:700}.kit-description{color:#4b5563;flex-grow:1;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.kit-tags{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.kit-tag{color:#2563eb;background:#eff6ff;border-radius:50px;padding:4px 10px;font-size:.8rem;font-weight:500}.kit-footer{flex-direction:column;gap:1rem;display:flex}.kit-price-section{justify-content:space-between;align-items:center;display:flex}.kit-price{color:#111827;font-size:1.3rem;font-weight:700}.kit-feature{color:#6b7280;align-items:center;gap:6px;font-size:.85rem;display:flex}.kit-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#9333ea);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.kit-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(37,99,235,.25)}.kit-pagination{justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;display:flex}.kit-pagination button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.4rem .8rem;transition:all .2s}.kit-pagination button:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.kit-pagination button:disabled{opacity:.5;cursor:not-allowed}.kit-pagination .active-page{color:#fff;background:#9333ea;border-color:#9333ea}@media (max-width:1024px){.kit-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.kit-content-wrapper{padding:2rem 1rem}.kit-grid{grid-template-columns:1fr}.kit-filter-controls{flex-direction:column;width:100%}.kit-select,.kit-search,.kit-button{width:100%}}@media (prefers-color-scheme:dark){.kit-main-content{color:#e5e7eb;background:linear-gradient(to bottom right,#0f172a,#1e293b)}.kit-header-badge{color:#60a5fa;background:rgba(59,130,246,.15)}.kit-subtitle{color:#9ca3af}.kit-filter-bar{background:#1e293b;border:1px solid #334155;box-shadow:0 2px 8px rgba(255,255,255,.05)}.kit-filter-bar p{color:#d1d5db}.kit-select,.kit-search{color:#e2e8f0;background:#0f172a;border:1px solid #334155}.kit-card{background:#1e293b;box-shadow:0 4px 12px rgba(255,255,255,.05)}.kit-description{color:#cbd5e1}.kit-tag{color:#93c5fd;background:#334155}.kit-price{color:#f9fafb}.kit-feature{color:#94a3b8}.kit-button{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.kit-button:hover{box-shadow:0 6px 12px rgba(139,92,246,.25)}}.kit-cart-section{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.kit-quantity{align-items:center;gap:.5rem;display:flex}.kit-quantity button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;width:28px;height:28px;font-weight:700;transition:background .2s}.kit-quantity button:hover{background:#1e40af}.kit-quantity span{text-align:center;width:24px;font-weight:600}.cart-floating{z-index:999;position:fixed;bottom:20px;right:20px}.cart-floating button{color:#fff;cursor:pointer;background:#9333ea;border-radius:50px;padding:.7rem 1.2rem;font-weight:600;transition:transform .2s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.cart-floating button:hover{transform:translateY(-3px)}.cart-modal-backdrop{z-index:1000;background:rgba(0,0,0,.5);justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cart-modal{background:#fff;flex-direction:column;width:400px;max-width:100%;height:100%;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.cart-modal h2{margin-bottom:1rem;font-size:1.5rem}.cart-close{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.cart-items{flex:1;margin:0;padding:0;list-style:none}.cart-item{gap:.75rem;margin-bottom:1rem;display:flex}.cart-item-img{object-fit:contain;width:60px;height:60px}.cart-item-info h3{margin:0;font-size:1rem}.cart-item-qty{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.cart-item-qty button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.3rem .6rem}.cart-item-qty button:disabled{cursor:not-allowed;background:#9ca3af}.remove-btn{background:#ef4444;margin-left:.5rem}.cart-total{justify-content:space-between;margin-top:1rem;font-size:1.1rem;font-weight:700;display:flex}.checkout-btn{color:#fff;cursor:pointer;background:#9333ea;border:none;border-radius:12px;margin-top:1rem;padding:.75rem;font-weight:600;transition:transform .2s}.checkout-btn:hover{transform:translateY(-2px)}.checkout-modal-backdrop{z-index:1100;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.checkout-modal{background:#fff;border-radius:16px;width:520px;max-width:92%;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.2)}.checkout-modal h2{margin-top:0;margin-bottom:1rem}.checkout-form{flex-direction:column;gap:1rem;display:flex}.checkout-field{flex-direction:column;gap:.4rem;display:flex}.checkout-field label{font-weight:600}.checkout-field input{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:.7rem .9rem;font-size:.95rem}.checkout-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.checkout-textarea{resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:.7rem .9rem;font-size:.95rem}.checkout-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.checkout-hint{color:#6b7280;margin:0;font-size:.85rem}.phone-input-group{align-items:center;gap:8px;display:flex}.phone-prefix{background:#f3f4f6;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;padding:.7rem .9rem;font-weight:600;display:inline-flex}.phone-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:.7rem .9rem}.phone-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.checkout-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:.6rem .8rem}.checkout-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.checkout-cancel{color:#111827;cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:.6rem 1rem;font-weight:600}.checkout-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#9333ea);border:none;border-radius:10px;padding:.6rem 1rem;font-weight:700}.checkout-status{margin-top:.75rem;font-weight:600}.status-success{color:#16a34a}.status-error{color:#dc2626}@media (prefers-color-scheme:dark){.checkout-modal{color:#e5e7eb;background:#0f172a}.checkout-field input,.checkout-textarea,.phone-prefix,.phone-input{color:#e2e8f0;background:#0b1220;border-color:#334155}.checkout-cancel{color:#e5e7eb;background:#374151}}