/* ROXX GPS — Products folder styles (individual plan pages + hub) */
.prod-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.prod-breadcrumb a{color:var(--green);font-weight:700}
.prod-breadcrumb span{margin:0 6px;color:#b6c4bf}

.prod-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;max-width:1160px;margin:0 auto;padding:70px max(24px,calc((100vw - 1160px)/2)) 90px}
.prod-hero-media{background:var(--paper);border:1px solid #e0e9e5;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:30px}
.prod-hero-media img{width:100%;max-width:420px;height:auto;object-fit:contain}
.prod-hero-copy h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-2px;margin:10px 0 14px;line-height:1.06}
.prod-hero-copy .lead{color:var(--muted)!important;max-width:520px}
.prod-price{font-size:34px;font-weight:900;color:var(--ink);margin:22px 0 16px}
.prod-price small{font-size:13px;font-weight:650;color:var(--muted)}
.prod-quickspecs{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:8px}
.prod-quickspecs li{font-size:14.5px;color:var(--muted)}
.prod-quickspecs b{color:var(--ink);font-weight:750}

.prod-intro{max-width:900px;padding-top:0;padding-bottom:0}
.prod-intro p{font-size:18px;line-height:1.75;color:#3c4a45}

.prod-feature-list{list-style:none;padding:0;margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}
.prod-feature-list li{padding:16px 0;border-bottom:1px solid #e2ebe7;display:flex;flex-direction:column;gap:4px}
.prod-feature-list b{font-size:16px;color:var(--ink)}
.prod-feature-list span{color:var(--muted);font-size:14px;line-height:1.55}

.prod-ideal .cards{grid-template-columns:repeat(4,1fr)}
.prod-ideal .cards b{font-size:17px}

.prod-why{background:linear-gradient(135deg,#006b57,#002c24);color:#fff;padding:80px max(24px,calc((100vw - 1160px)/2));margin-top:20px}
.prod-why > div{max-width:700px;margin:0 auto}
.prod-why h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-1.5px;margin:10px 0 26px}
.prod-why-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}
.prod-why-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:#e3f1ec;line-height:1.5}
.prod-why-list .tick{background:#ffffff22;color:#5be3b8;width:24px;height:24px;min-width:24px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:13px}

.prod-other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.prod-other-card{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid #e0e9e5;border-radius:16px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}
.prod-other-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #04382b14}
.prod-other-card img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;padding:6px}
.prod-other-card b{display:block;font-size:14.5px;color:var(--ink)}
.prod-other-card small{color:var(--muted);font-size:12.5px}
.cat-viewall{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:850;color:var(--green)}

/* Hub page (/products/) */
.prod-hub-hero{min-height:340px;background:radial-gradient(circle at 80% 20%,#0a6d5740,transparent 35%),linear-gradient(120deg,#061a16,#0b3028);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px max(24px,calc((100vw - 900px)/2))}
.prod-hub-hero-inner{max-width:760px}
.prod-hub-hero .lead{margin:0 auto;color:#d4e7e1}

/* More-from-ROXX-GPS category range (WhatsApp-quoted, no listed price) */
.prod-range{max-width:1160px;margin:10px auto 0;padding:70px 24px 30px}
.prod-range-head{max-width:720px;margin-bottom:44px}
.prod-range-head p.intro{color:var(--muted);line-height:1.7;margin-top:10px}
.prod-cat-list{display:flex;flex-direction:column}
.prod-cat-row{display:grid;grid-template-columns:88px 1fr auto;gap:26px;align-items:center;padding:30px 0;border-top:1px solid #e2ebe7}
.prod-cat-list .prod-cat-row:last-child{border-bottom:1px solid #e2ebe7}
.prod-cat-icon{width:64px;height:64px;border-radius:16px;background:var(--paper);border:1px solid #e0e9e5;display:grid;place-items:center;color:var(--green)}
.prod-cat-icon svg{width:30px;height:30px}
.prod-cat-body h3{margin:0 0 8px;font-size:20px;letter-spacing:-.3px}
.prod-cat-body p{margin:0 0 12px;color:var(--muted);line-height:1.6;max-width:640px}
.prod-cat-feats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.prod-cat-feats li{font-size:12.5px;font-weight:650;color:var(--green);background:var(--paper);border:1px solid #dbe6e2;border-radius:999px;padding:6px 12px}
.prod-cat-cta{display:flex;flex-direction:column;gap:8px;white-space:nowrap;justify-self:end;min-width:190px}
.prod-cat-cta .btn{padding:11px 16px;font-size:13.5px;text-align:center}
.prod-range-note{margin-top:30px;color:var(--muted);font-size:14px;line-height:1.7}

@media(max-width:980px){
  .prod-hero{grid-template-columns:1fr;padding-top:50px}
  .prod-feature-list{grid-template-columns:1fr}
  .prod-ideal .cards{grid-template-columns:1fr 1fr}
  .prod-other-grid{grid-template-columns:1fr}
  .prod-cat-row{grid-template-columns:56px 1fr;grid-template-areas:"icon body" "cta cta"}
  .prod-cat-icon{grid-area:icon;width:52px;height:52px}
  .prod-cat-icon svg{width:24px;height:24px}
  .prod-cat-body{grid-area:body}
  .prod-cat-cta{grid-area:cta;justify-self:stretch;white-space:normal;margin-top:16px}
}
@media(max-width:640px){
  .prod-ideal .cards{grid-template-columns:1fr}
  .prod-hero-media img{max-width:280px}
  .prod-cat-cta .btn{width:100%}
}