.product-page-hero{background:linear-gradient(105deg,rgba(4,25,31,.94),rgba(5,57,68,.78)),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=2000&q=85") center/cover}.catalog-section{padding:7rem var(--page-pad);background:#f4f6f5}.catalog-heading{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;max-width:1200px;margin:0 auto 3rem}.catalog-heading h2{font:800 clamp(2.6rem,4.5vw,4.8rem)/1.04 var(--display);letter-spacing:-.055em;margin:.8rem 0 0}.catalog-heading>p{color:var(--muted);line-height:1.65;font-size:1rem}.catalog-tools{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:end;justify-content:space-between;gap:2rem}.catalog-search{display:flex;flex-direction:column;gap:.6rem;font-weight:700;font-size:.82rem;min-width:min(380px,100%)}.catalog-search input{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;background:white;outline:none;font-size:.95rem}.catalog-search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(7,83,101,.08)}.catalog-filters{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.catalog-filter{border:1px solid #cad3d1;background:white;color:var(--ink);padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:.8rem}.catalog-filter.active,.catalog-filter:hover{background:var(--teal);border-color:var(--teal);color:white}.product-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.product-card{background:white;border:1px solid #e0e6e4;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(6,27,32,.1)}.product-card.hidden{display:none}.product-image{height:240px;background-position:center;background-size:cover;position:relative}.cable-product{background-image:url("https://images.unsplash.com/photo-1558346490-a72e53ae2d4f?auto=format&fit=crop&w=900&q=85")}.fdb-product{background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=900&q=85")}.switch-product{background-image:url("https://images.unsplash.com/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=900&q=85")}.wifi-product{background-image:url("https://images.unsplash.com/photo-1606904825846-647eb07f5be2?auto=format&fit=crop&w=900&q=85")}.radio-product{background-image:url("https://images.unsplash.com/photo-1520869562399-e772f042f422?auto=format&fit=crop&w=900&q=85")}.patch-product{background-image:url("https://images.unsplash.com/photo-1562408590-e32931084e23?auto=format&fit=crop&w=900&q=85")}.splicer-product{background-image:url("https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=900&q=85")}.ups-product{background-image:url("https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=900&q=85")}.rack-product{background-image:url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=900&q=85")}.security-product{background-image:url("https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=900&q=85")}.access-product{background-image:url("https://images.unsplash.com/photo-1584433144859-1fc3ab64a957?auto=format&fit=crop&w=900&q=85")}.perimeter-product{background-image:url("https://images.unsplash.com/photo-1590856029826-c7a73142bbf1?auto=format&fit=crop&w=900&q=85")}.data-centre-product{background-image:url("https://images.unsplash.com/photo-1551808525-51a94da548ce?auto=format&fit=crop&w=900&q=85")}.smart-city-product{background-image:url("https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=900&q=85")}.enterprise-it-product{background-image:url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=900&q=85")}.product-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.product-body>small{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700}.product-body h3{font:750 1.35rem/1.2 var(--display);letter-spacing:-.025em;margin:.55rem 0}.product-body>p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:.2rem 0 1rem}.product-body ul{list-style:none;margin:0 0 1.3rem;padding:0}.product-body li{padding:.55rem 0;border-top:1px solid #edf0ef;color:#48575a;font-size:.82rem}.product-body li::before{content:"✓";color:var(--orange);font-weight:800;margin-right:.55rem}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.2rem;border-top:1px solid var(--line)}.product-bottom p{margin:0;display:flex;flex-direction:column}.product-bottom p span{color:var(--muted);font-size:.7rem}.product-bottom strong{font:800 1.25rem var(--display)}.product-bottom a{background:var(--ink);color:white;border-radius:var(--radius);padding:.75rem .85rem;font-size:.78rem;font-weight:700;white-space:nowrap}.catalog-empty{display:none;text-align:center;padding:4rem;color:var(--muted);font-size:1rem}.catalog-empty.visible{display:block}.catalog-support{padding:5rem var(--page-pad);background:var(--teal);color:white;display:flex;align-items:center;justify-content:space-between;gap:3rem}.catalog-support>div{max-width:760px}.catalog-support h2{font:800 clamp(2.2rem,4vw,4rem)/1.05 var(--display);letter-spacing:-.05em;margin:.8rem 0}.catalog-support p{color:rgba(255,255,255,.7);line-height:1.6}@media(max-width:1024px){.product-grid{grid-template-columns:1fr 1fr}.catalog-tools{align-items:stretch;flex-direction:column}.catalog-filters{justify-content:flex-start}.catalog-heading{grid-template-columns:1fr;gap:1rem}}@media(max-width:760px){.catalog-section{padding-top:5rem;padding-bottom:5rem}.product-grid{grid-template-columns:1fr}.product-image{height:260px}.catalog-support{align-items:flex-start;flex-direction:column}.catalog-support .button{width:100%}}

/* Product category image corrections */
.cable-product{background-image:url("assets/products/optimized/fiber-optic-cables.png");background-position:center}
.fdb-product{background-image:url("assets/services/fiber-passive.png");background-position:center}
.patch-product{background-image:url("assets/gallery/project-gallery-23.jpg");background-position:center 55%}
.splicer-product{background-image:url("assets/gallery/project-gallery-21.jpg");background-position:center 62%}
.radio-product{background-image:url("assets/services/microwave-radios.png");background-position:center}
.data-centre-product{background-image:url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=900&q=85");background-position:center}

/* Final product-specific image assignments */
.cable-product{background-image:url("assets/products/optimized/fiber-optic-cables.png");background-position:center}
.fdb-product{background-image:url("assets/products/optimized/fiber-passive-components.jpg");background-position:center}
.patch-product{background-image:url("assets/products/optimized/fiber-installation-materials.jpg");background-position:center}
.splicer-product{background-image:url("assets/products/optimized/fiber-testing-equipment.jpg");background-position:center}
.radio-product{background-image:url("assets/services/microwave-radios.png");background-position:center}
.data-centre-product{background-image:url("assets/products/optimized/data-centre-products.jpg");background-position:center}
