:root{
      --brand:#0b74ff;
      --brand2:#00b894;
      --bg:#f6f8fc;
      --text:#0f172a;
      --muted:#64748b;
      --card:#ffffff;
      --ring: rgba(11,116,255,.15);
    }
    html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);} 
    a{color:inherit}
    .nav-shadow{box-shadow:0 8px 24px rgba(15,23,42,.06);} 
    .brand-badge{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px;}
    .brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 0 6px var(--ring);} 
    .hero{position:relative;background:radial-gradient(1200px 500px at 15% 10%, rgba(11,116,255,.18), transparent 60%),radial-gradient(900px 500px at 90% 10%, rgba(0,184,148,.18), transparent 55%),linear-gradient(180deg,#fff, #f4f8ff);border-bottom:1px solid rgba(15,23,42,.06);} 
    .hero-card{background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.06);border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.08);backdrop-filter: blur(6px);} 
    .search-pill{border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.06);} 
    .form-control,.form-select{border-radius:12px;border:1px solid rgba(15,23,42,.10);padding:.75rem .9rem;}
    .form-control:focus,.form-select:focus{border-color:rgba(11,116,255,.45);box-shadow:0 0 0 .25rem var(--ring);} 
    .btn-brand{background:linear-gradient(135deg,var(--brand), #2d8cff);border:none;border-radius:12px;box-shadow:0 10px 24px rgba(11,116,255,.22);} 
    .btn-brand:hover{filter:saturate(1.05) brightness(.98);} 
    .chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);color:var(--muted);font-weight:600;font-size:.86rem;} 
    .side-card{background:var(--card);border:1px solid rgba(15,23,42,.06);border-radius:16px;box-shadow:0 14px 35px rgba(15,23,42,.06);overflow:hidden;} 
    .side-title{padding:14px 16px;background:linear-gradient(135deg, rgba(11,116,255,.10), rgba(0,184,148,.10));border-bottom:1px solid rgba(15,23,42,.06);font-weight:700;} 
    .cat-list a{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;text-decoration:none;color:var(--text);border-bottom:1px solid rgba(15,23,42,.05);} 
    .cat-list a:hover{background:rgba(11,116,255,.06);} 
    .muted{color:var(--muted)}
    .footer{border-top:1px solid rgba(15,23,42,.08);background:#fff;} 
    .mini-stat{border:1px solid rgba(15,23,42,.06);background:#fff;border-radius:16px;padding:14px 14px;box-shadow:0 10px 30px rgba(15,23,42,.05);} 
    .pagination .page-link{border-radius:12px;margin:0 3px;border:1px solid rgba(15,23,42,.10);} 
    .pagination .page-item.active .page-link{background:var(--brand);border-color:var(--brand);} 

    /* sections + list cards (like current site) */
    .section-box{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;box-shadow:0 14px 40px rgba(15,23,42,.06);overflow:hidden;}
    .section-head{padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg, rgba(11,116,255,.07), rgba(0,184,148,.07));}
    .section-head .title{font-weight:800;letter-spacing:-.2px;margin:0}
    .section-head .sub{color:var(--muted);font-size:.9rem;margin:0}

    .com-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.05);overflow:hidden;}
    .com-row{display:grid;grid-template-columns: 190px 1fr 240px;gap:0;}
    .com-img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;}
    .com-mid{padding:14px 16px;border-left:1px solid rgba(15,23,42,.06);border-right:1px solid rgba(15,23,42,.06);}
    .com-title{font-weight:800;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;}
    .com-meta{margin-top:8px;display:grid;grid-template-columns: 1fr 1fr;gap:10px 16px;font-size:.92rem;}
    .com-meta .k{color:var(--muted)}
    .com-meta .v{font-weight:600}

    .com-right{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;}
    .price{font-weight:900;font-size:1.15rem;color:#f97316;}
    .price small{display:block;color:var(--muted);font-weight:600;font-size:.82rem;margin-top:2px;text-align:right}
    .pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:rgba(11,116,255,.10);border:1px solid rgba(11,116,255,.18);color:var(--brand);font-weight:800;font-size:.78rem;white-space:nowrap;}

    @media (max-width: 991px){
      .com-row{grid-template-columns: 160px 1fr;}
      .com-right{grid-column: 1 / -1; align-items:stretch; border-top:1px solid rgba(15,23,42,.06)}
      .com-right .price{text-align:left}
      .com-right .price small{text-align:left}
    }
    @media (max-width: 575px){
      .com-row{grid-template-columns: 1fr;}
      .com-mid{border-left:none;border-right:none}
      .com-img{min-height:170px}
    }

    .btn-orange{background:#ff8a00;border:1px solid #d87a07;color:#fff;border-radius:999px;font-weight:900;box-shadow:0 6px 14px rgba(0,0,0,0.12);} 
    .btn-orange:hover{filter:brightness(.97);color:#fff;}
    
    /* Make accordion look like your sidebar style */
.side-card .accordion-button { background: #fff; }
.side-card .accordion-button:focus { box-shadow: none; }
.side-card .accordion-button:not(.collapsed) { color: inherit; background: #fff; }
.side-card .accordion-item { border: 0; border-top: 1px solid rgba(0,0,0,.06); }