/* Light Mode Background */
    .kb-menu-select { position:relative; padding:70px 0; background:radial-gradient(1200px 400px at 10% -10%, rgba(0,0,0,0.03), transparent), linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%); color:#1f2937; overflow:hidden;}
    .kb-title { text-align:center; margin:0 0 10px; font-weight:700; letter-spacing:.3px; color:#111827;}
    .kb-sub { text-align:center; color:#4b5563; margin:0 auto 28px; max-width:680px; font-size:0.98rem;}
    .kb-chips { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin: 8px auto 28px; max-width: 900px;}
    
    /* Light Mode Chips */
    .kb-chip { border:1px solid #d1d5db; background: #ffffff; color:#374151; padding:8px 14px; border-radius:20px 0 20px 0; font-weight:600; font-size:.9rem; cursor:pointer; user-select:none; transition:.2s ease;}
    .kb-chip:hover { transform:translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);}
    /* Applied #F97316 for active state */
    .kb-chip.kb-active { background: #F97316; border-color: #F97316; color: #ffffff;}
    
    .kb-grid { display:grid; gap:18px; grid-template-columns: repeat(12, 1fr);}
    @media (max-width:1199px){ .kb-grid{ grid-template-columns: repeat(9, 1fr);} }
    @media (max-width:991px){  .kb-grid{ grid-template-columns: repeat(6, 1fr);} }
    @media (max-width:575px){  .kb-grid{ grid-template-columns: repeat(2, 1fr);} }
    
    /* Light Mode Cards */
    .kb-card { grid-column: span 3; position:relative; overflow:hidden; background: #ffffff; border:1px solid #e5e7eb; border-radius:18px; padding:20px 18px; transition:.25s; box-shadow: 0 10px 25px rgba(0,0,0,0.04); opacity:1; transform:scale(1);}
    @media (max-width:991px){ .kb-card{ grid-column: span 3; } }
    @media (max-width:575px){ .kb-card{ grid-column: span 2; } }
    .kb-card:hover { transform: translateY(-6px); border-color: #d1d5db; box-shadow: 0 16px 38px rgba(0,0,0,0.08);}
    
    .kb-top { display:flex; align-items:center; gap:12px; margin-bottom:10px;}
    .kb-icon { width:50px; height:50px; display:grid; place-items:center; flex:0 0 50px; border-radius: 16px 0 16px 0; color:#fff; font-size:1.25rem;}
    .kb-card h5 { margin:0; font-weight:700; font-size:1.05rem; color:#111827;}
    .kb-card p { margin:6px 0 14px; color:#4b5563; line-height:1.5; font-size:.92rem;}
    
    .kb-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px;}
    /* Light Mode Tags */
    .kb-tag { font-size:.72rem; color:#374151; border:1px dashed #9ca3af; padding:4px 8px; border-radius:14px 0 14px 0;}
    
    .kb-cta { display:flex; align-items:center; gap:10px; justify-content:space-between;}
    /* Applied #F97316 for button */
    .kb-btn { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:20px 0 20px 0; font-weight:700; font-size:.88rem; background: #F97316; color:#ffffff; text-decoration:none; transition: .2s ease;}
    .kb-btn:hover { background: #ea580c; /* Slightly darker orange on hover */ transform: translateY(-2px);}
    .kb-price { color:#111827; font-weight:700; font-size:.9rem;}
    
    .kb-card[hidden] { display:none !important; opacity:0; transform:scale(0.9);}
    .fade-in { animation: fadeIn 0.4s ease forwards; }
    @keyframes fadeIn { from {opacity:0; transform:scale(0.9);} to {opacity:1; transform:scale(1);} }