/* GLASSMAX — shared layout for category product pages */

body.page-product {
  --font-product-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-product-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-family: var(--font-product-sans);
}

/* ----- Full-width hero (background image + overlay) ----- */
.product-page-hero {
  position: relative;
  width: 100%;
  min-height: clamp(60vh, 70vh, 80vh);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  isolation: isolate;
  overflow: hidden;
}

.product-page-hero__bg {
  position: absolute;
  inset: 0;
  background-color: #1a1a1a;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.product-page-hero--rooflights .product-page-hero__bg {
  background-image: url("../images/products/flat-rooflights-1.png");
}

.product-page-hero--balustrades .product-page-hero__bg {
  background-image: url("../images/products/frameless-1.png");
}

.product-page-hero--walkon .product-page-hero__bg {
  background-image: url("../images/products/glass-floors-1.png");
}

.product-page-hero--smart .product-page-hero__bg {
  background-image: url("../images/products/switchable-glass-1.png");
}

.product-page-hero--lamination .product-page-hero__bg {
  background-image: url("../images/pages/glass-lamination/glass-lamination-04-facade.png");
  background-position: center 30%;
}

.product-page-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    105deg,
    rgba(6, 6, 8, 0.58) 0%,
    rgba(8, 8, 10, 0.48) 45%,
    rgba(12, 10, 8, 0.52) 100%
  );
}

.product-page-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-block: clamp(2.5rem, 6vw, 4.5rem);
}

.product-page-hero__copy {
  max-width: 38rem;
  text-align: left;
}

.product-page-hero h1 {
  font-family: var(--font-product-serif);
  font-weight: 500;
  font-size: clamp(2.35rem, 4.8vw, 3.55rem);
  line-height: 1.06;
  letter-spacing: 0.02em;
  margin: 0 0 clamp(1rem, 2.2vw, 1.4rem);
  color: #fafaf9;
  text-shadow: 0 2px 48px rgba(0, 0, 0, 0.4);
}

.product-page-hero__lead {
  margin: 0;
  font-family: var(--font-product-sans);
  font-size: clamp(0.95rem, 1.25vw, 1.0625rem);
  line-height: 1.72;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  max-width: 36rem;
}

/* ----- Typography in product grids ----- */
body.page-product .product-tile__title {
  font-family: var(--font-product-serif);
  font-weight: 500;
  font-size: 1.3125rem;
  letter-spacing: 0.015em;
  line-height: 1.2;
}

body.page-product .product-tile__label {
  font-family: var(--font-product-sans);
}

body.page-product .product-tile__meta {
  font-family: var(--font-product-sans);
}

body.page-product .product-tile__cta {
  font-family: var(--font-product-sans);
}

/* ----- Single-product section (walk-on / smart) ----- */
.product-page-strip {
  max-width: 42rem;
  padding-block: clamp(2rem, 4vw, 3rem);
}

.product-page-strip .product-actions {
  margin-top: 0;
}