/* =========================================
   Veer Jawan - Product & Service catalog
   Listing (icon cards) + Detail pages
   Uses Finsta theme tokens: primary #021623, accent #E8720C (logo orange)
========================================= */
:root{
    --cat-primary:#021623;
    --cat-accent:#E8720C;
    --cat-text:#535353;
    --cat-line:#0216231A;
    --cat-soft:#F5F7FB;
    --cat-white:#FFFFFF;
}

/* ---------- Listing (icon-only cards) ---------- */
.cat-listing{padding:100px 0;}
.cat-grid{display:flex;flex-wrap:wrap;margin:0 -14px;}
.cat-col{width:33.3333%;padding:14px;display:flex;}
.cat-card{
    display:flex;flex-direction:column;width:100%;
    background:var(--cat-white);border:1px solid var(--cat-line);
    border-radius:20px;padding:36px 30px;transition:.35s ease;position:relative;overflow:hidden;
}
.cat-card:hover{box-shadow:0 24px 50px rgba(2,22,35,.12);transform:translateY(-6px);border-color:var(--cat-accent);}
.cat-card .cat-icon{
    width:74px;height:74px;border-radius:18px;display:flex;align-items:center;justify-content:center;
    background:var(--cat-accent);margin-bottom:24px;transition:.35s ease;
}
.cat-card .cat-icon img{width:34px;height:34px;filter:brightness(0) invert(1);}
.cat-card:hover .cat-icon{background:var(--cat-primary);}
.cat-card h3{font-size:22px;line-height:1.3;margin:0 0 12px;}
.cat-card h3 a{color:var(--cat-primary);transition:.3s;}
.cat-card:hover h3 a{color:var(--cat-accent);}
.cat-card p{color:var(--cat-text);font-size:15px;line-height:1.65;margin:0 0 22px;}
.cat-card .cat-more{margin-top:auto;display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--cat-accent);text-decoration:none;}
.cat-card .cat-more i{transition:.3s;}
.cat-card:hover .cat-more i{transform:translateX(5px);}
@media(max-width:991px){.cat-col{width:50%;}}
@media(max-width:575px){.cat-col{width:100%;}.cat-listing{padding:70px 0;}}

/* ---------- Detail page ---------- */
.cat-detail{padding:100px 0;}
.cat-detail .cat-main{padding-right:20px;}
.cat-hero-img{border-radius:20px;overflow:hidden;margin-bottom:34px;}
.cat-hero-img img{width:100%;height:auto;display:block;object-fit:cover;}
.cat-block{margin-bottom:30px;}
.cat-block h2{color:var(--cat-primary);font-size:34px;line-height:1.25;margin:0 0 18px;}
.cat-block h3{color:var(--cat-primary);font-size:24px;margin:0 0 14px;}
.cat-block h4{color:var(--cat-primary);font-size:20px;margin:0 0 12px;}
.cat-block p{color:var(--cat-text);font-size:16px;line-height:1.75;margin:0 0 16px;}
.cat-divider{height:1px;background:var(--cat-line);margin:34px 0;}

/* check list */
.cat-check{list-style:none;margin:14px 0 0;padding:0;}
.cat-check li{
    position:relative;padding:0 0 12px 34px;color:var(--cat-primary);font-size:16px;font-weight:500;line-height:1.6;
}
.cat-check li i{
    position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
    background:rgba(232,114,12,.12);color:var(--cat-accent);font-size:11px;
    display:flex;align-items:center;justify-content:center;
}

/* benefits grid */
.cat-benefits{display:flex;flex-wrap:wrap;margin:0 -12px;}
.cat-benefit-col{width:50%;padding:12px;}
.cat-benefit{
    display:flex;gap:16px;background:var(--cat-soft);border:1px solid var(--cat-line);
    border-radius:16px;padding:24px;height:100%;transition:.3s ease;
}
.cat-benefit:hover{border-color:var(--cat-accent);box-shadow:0 14px 34px rgba(2,22,35,.08);}
.cat-benefit .cat-b-icon{
    flex:none;width:54px;height:54px;border-radius:14px;background:var(--cat-accent);
    display:flex;align-items:center;justify-content:center;
}
.cat-benefit .cat-b-icon img{width:26px;height:26px;filter:brightness(0) invert(1);}
.cat-benefit h3{color:var(--cat-primary);font-size:18px;margin:0 0 8px;}
.cat-benefit p{color:var(--cat-text);font-size:14.5px;line-height:1.6;margin:0;}
@media(max-width:575px){.cat-benefit-col{width:100%;}}

.cat-note{
    background:var(--cat-soft);border-left:4px solid var(--cat-accent);
    border-radius:12px;padding:18px 22px;color:var(--cat-text);font-size:14px;line-height:1.7;margin:10px 0 26px;
}
.cat-cta .btn-default{margin-top:6px;}

/* sidebar */
.cat-sidebar{position:sticky;top:110px;}
.cat-widget{background:var(--cat-white);border:1px solid var(--cat-line);border-radius:20px;padding:30px 26px;margin-bottom:26px;}
.cat-widget h2{color:var(--cat-primary);font-size:22px;margin:0 0 18px;}
.cat-cat-list{list-style:none;margin:0;padding:0;}
.cat-cat-list li{margin-bottom:10px;}
.cat-cat-list li a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    background:var(--cat-soft);border:1px solid var(--cat-line);border-radius:12px;
    padding:13px 16px;color:var(--cat-primary);font-weight:500;font-size:15px;text-decoration:none;transition:.28s ease;
}
.cat-cat-list li a:hover,.cat-cat-list li a.active{background:var(--cat-accent);color:#fff;border-color:var(--cat-accent);}
.cat-cat-list li a span{transition:.28s ease;}
.cat-cat-list li a:hover span{transform:translateX(4px);}
.cat-help{background:var(--cat-primary);border-radius:20px;padding:34px 28px;text-align:center;}
.cat-help h3{color:#fff;font-size:22px;line-height:1.35;margin:0 0 20px;}
.cat-help .btn-default{display:block;margin-bottom:12px;}
.cat-help .btn-default:last-child{margin-bottom:0;}
@media(max-width:991px){.cat-detail .cat-main{padding-right:0;}.cat-sidebar{position:static;margin-top:40px;}}