/* =========================================================
   JANANI RUBBER — PRODUCTS PAGE
   Source structure follows the company profile:
   Rubber Products / Plastic Products / Rubber Sheets / Polymer Range.
   ========================================================= */
.products-hero{position:relative;min-height:660px;display:flex;align-items:center;color:#fff;overflow:hidden;background:#160d1d}
.products-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,9,26,.96) 0%,rgba(32,14,47,.88) 52%,rgba(32,14,47,.42) 100%),url("assets/slider2.jpg") center/cover;animation:productHeroMove 14s ease-in-out infinite alternate}
.products-hero-copy{position:relative;z-index:2;max-width:900px;padding:115px 0 120px}
.products-hero-copy h1{font-size:clamp(48px,5.8vw,78px);line-height:1.02;letter-spacing:-.055em;font-weight:800;margin:18px 0 24px;max-width:920px}
.products-hero-copy h1 strong{font-weight:800;color:#fff}
.products-hero-copy p{max-width:790px;font-size:19px;line-height:1.75;color:rgba(255,255,255,.78);margin:0}
.products-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}
.hero-outline-link{color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.hero-outline-link i{margin-left:8px}

.product-category-nav{background:#fff;padding:34px 0 48px;position:relative;z-index:3}
.category-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category-nav-card{display:flex;align-items:center;gap:16px;min-height:145px;padding:20px 19px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#19151f;transition:.35s;box-shadow:0 10px 35px rgba(35,18,80,.05)}
.category-nav-card:hover{transform:translateY(-5px);border-color:#d8cdea;box-shadow:0 18px 42px rgba(35,18,80,.1)}
.category-nav-card.active{background:#f8f5fc;border-color:#d5c8ed}
.category-nav-card>i{margin-left:auto;font-size:18px;color:var(--purple)}
.category-icon{width:52px;height:52px;border-radius:50%;background:#32136f;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 52px;font-size:22px}
.category-nav-card small{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--red)}
.category-nav-card h3{font-size:18px;line-height:1.15;margin:3px 0 5px;font-weight:800}
.category-nav-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}

.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}
.section-heading-row h2{font-size:clamp(38px,4.2vw,58px);line-height:1.05;letter-spacing:-.045em;font-weight:800;margin:10px 0 0;color:#17131b}
.section-heading-row>p{max-width:500px;font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.rubber-products{background:#f7f4fa}
.featured-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.featured-product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(43,18,95,.05);transition:.4s}
.featured-product-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(43,18,95,.12)}
.product-image{height:245px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain;transition:.55s}
.featured-product-card:hover .product-image img{transform:scale(1.045)}
.product-card-body{padding:22px 22px 24px}
.product-card-body>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--red)}
.product-card-body h3{font-size:22px;line-height:1.2;font-weight:800;margin:8px 0 8px}
.product-card-body p{font-size:14px;line-height:1.55;color:var(--muted);min-height:44px;margin:0 0 17px}
.product-card-body a,.plastic-feature-body a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--purple)}
.product-card-body a i,.plastic-feature-body a i{margin-left:6px}

.full-range-panel{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px}
.full-range-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.full-range-heading h3{font-size:25px;font-weight:800;margin:0}
.range-chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.range-chip-grid span,.plastic-range-list span,.sheet-tags span{border:1px solid #ded5ea;background:#faf8fc;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;color:#332c3b}

.rubber-sheets{padding:105px 0;background:#fff}
.rubber-sheet-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.rubber-sheet-visual{height:470px;border-radius:22px;overflow:hidden;background:#f5f1f8;display:flex;align-items:center;justify-content:center}
.rubber-sheet-visual img{width:100%;height:100%;object-fit:contain}
.rubber-sheet-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.06;letter-spacing:-.045em;font-weight:800;margin:14px 0 20px}
.rubber-sheet-copy p{font-size:17px;line-height:1.8;color:var(--muted);max-width:650px}
.sheet-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}

.plastic-products{background:#2b125f;color:#fff;padding:105px 0 115px}
.light-heading h2{color:#fff}
.light-heading>p{color:rgba(255,255,255,.72)}
.plastic-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plastic-feature-card{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.16);border-radius:20px;overflow:hidden;transition:.4s}
.plastic-feature-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.1)}
.plastic-feature-image{height:300px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.plastic-feature-image img{width:100%;height:100%;object-fit:contain;transition:.55s}
.plastic-feature-card:hover img{transform:scale(1.04)}
.plastic-feature-body{padding:25px}
.plastic-feature-body>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#f3a2ae}
.plastic-feature-body h3{font-size:25px;line-height:1.2;color:#fff;font-weight:800;margin:9px 0 10px}
.plastic-feature-body p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.68);min-height:46px;margin-bottom:18px}
.plastic-feature-body a{color:#fff}
.plastic-range-panel{margin-top:28px;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:34px;background:rgba(255,255,255,.045);display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;align-items:start}
.plastic-range-panel h3{font-size:26px;font-weight:800;color:#fff;margin:10px 0 0}
.plastic-range-list{display:flex;flex-wrap:wrap;gap:10px}
.plastic-range-list span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}

.polymer-range{background:#fff}
.polymer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.polymer-card{border:1px solid var(--line);border-radius:20px;padding:35px;min-height:260px;background:#faf8fc;position:relative;overflow:hidden}
.polymer-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-90px;background:rgba(50,19,111,.06)}
.polymer-card.plastic-material{background:#f6f8fb}
.polymer-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#32136f;color:#fff;font-size:22px;margin-bottom:28px}
.polymer-card>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--red)}
.polymer-card h3{font-size:28px;font-weight:800;margin:8px 0 12px}
.polymer-card p{font-size:17px;line-height:1.75;color:var(--muted);max-width:620px;margin:0}

.catalog-cta{background:#fff;padding:5px 0 100px}
.catalog-cta-inner{background:#2b125f;color:#fff;border-radius:24px;padding:58px 65px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.catalog-cta-inner h2{font-size:clamp(34px,3.7vw,50px);line-height:1.06;letter-spacing:-.04em;font-weight:800;margin:12px 0 10px}
.catalog-cta-inner p{font-size:17px;color:rgba(255,255,255,.72);margin:0;max-width:750px}
.catalog-cta-inner .btn{white-space:nowrap}

@keyframes productHeroMove{from{transform:scale(1)}to{transform:scale(1.07)}}
@media(max-width:1100px){
 .category-nav-grid{grid-template-columns:repeat(2,1fr)}
 .featured-product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:991px){
 .products-hero-copy{padding:90px 0}.section-heading-row{display:block}.section-heading-row>p{margin-top:18px}.featured-product-grid{grid-template-columns:repeat(2,1fr)}
 .rubber-sheet-layout{grid-template-columns:1fr;gap:40px}.rubber-sheet-visual{height:380px}.plastic-feature-grid{grid-template-columns:1fr 1fr}.plastic-range-panel{grid-template-columns:1fr}
 .polymer-grid{grid-template-columns:1fr}.catalog-cta-inner{padding:45px}
}
@media(max-width:575px){
 .products-hero-copy h1{font-size:43px}.products-hero-copy p{font-size:17px}.products-hero-copy{padding:72px 0}.products-hero-actions{display:block}.products-hero-actions .btn{margin-bottom:18px}
 .category-nav-grid{grid-template-columns:1fr}.category-nav-card{min-height:125px}.featured-product-grid{grid-template-columns:1fr}.product-image{height:280px}.full-range-panel{padding:25px}.full-range-heading{display:block}.full-range-heading h3{margin-top:8px}
 .rubber-sheets{padding:75px 0}.rubber-sheet-visual{height:300px}.plastic-products{padding:75px 0 80px}.plastic-feature-grid{grid-template-columns:1fr}.plastic-feature-image{height:280px}.plastic-range-panel{padding:25px}.polymer-card{padding:27px}.catalog-cta-inner{padding:34px 24px;display:block}.catalog-cta-inner .btn{margin-top:22px}
}