/* Voya Indis Co. — voya-category-page.css
   Auto-extracted rules shared by the 3 category pages
   (kerbs-borders, granite-slabs-tiles, paving-stones).
   Generated by dedupe_css.py. */

.nav-wordmark{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--white);font-weight:400;letter-spacing:0.06em}
.page-hero-sub{font-size:1rem;color:rgba(255,255,255,0.6);max-width:500px;line-height:1.9;margin-top:20px;position:relative;z-index:1}
.products-section{padding:80px 60px;background:var(--white)}
.products-section-title{font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:50px}
.pc-tag{display:inline-block;background:rgba(184,147,90,0.12);color:var(--accent);font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;padding:4px 10px;margin-bottom:16px;width:fit-content}
.pc-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.pc-spec{font-size:0.62rem;letter-spacing:0.08em;background:rgba(74,68,64,0.07);color:var(--granite);padding:4px 10px}
.pc-link{display:inline-flex;align-items:center;gap:8px;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent);font-weight:500}
.pc-arrow{transition:transform 0.3s}
.nav-hamburger { display:none; flex-direction:column; justify-content:space-between; width:30px; height:20px; background:none; border:none; cursor:pointer; padding:0; }
.nav-mobile-menu { display:none; flex-direction:column; position:fixed; top:70px; left:0; right:0; background:var(--ink); border-bottom:2px solid var(--gold); z-index:99; }
.nav-mobile-menu.open { display:flex; }
.nav-mobile-menu a { display:block; padding:14px 28px; color:rgba(255,255,255,0.65); text-decoration:none; font-size:0.75rem; letter-spacing:0.14em; text-transform:uppercase; border-bottom:1px solid rgba(184,147,90,0.08); transition:color 0.2s,background 0.2s; }
.nav-mobile-menu a:hover { color:var(--gold); background:rgba(184,147,90,0.05); }
.nav-mobile-menu .nav-cta { background:var(--gold) !important; color:var(--ink) !important; font-weight:500 !important; }
@media(min-width:901px) { .nav-hamburger { display:none !important; } }
@media(max-width:900px) { .nav-hamburger { display:flex; } nav ul { display:none; } }
.wa-float {
      position: fixed; bottom: 28px; right: 28px; z-index: 9999;
      width: 56px; height: 56px; background: #25D366; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 4px 16px rgba(37,211,102,0.4);
      text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
.wa-float:hover { transform: scale(1.08); box-shadow: 0 6px 24px rgba(37,211,102,0.55); }
.wa-tooltip {
      position: absolute; right: 64px;
      background: #1c1a18; color: #b8935a;
      font-family: 'Jost', sans-serif; font-size: 0.72rem;
      font-weight: 400; letter-spacing: 0.08em; white-space: nowrap;
      padding: 6px 12px; border: 1px solid rgba(184,147,90,0.3);
      pointer-events: none; opacity: 0; transform: translateX(6px);
      transition: opacity 0.2s ease, transform 0.2s ease;
    }
.wa-float:hover .wa-tooltip { opacity: 1; transform: translateX(0); }