/* The MixPad story shares the homepage's type and quiet text actions. */
.product-header {
  height: 88px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
  padding-inline: var(--gutter);
  color: #f5f5f7;
  background: #000;
}
.product-header .brand { width: 96px; }
.return-link, .product-header-enquiry {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  font-size: 14px;
}
.return-link { justify-self: start; }
.product-header-enquiry { justify-self: end; }
.product-header a:hover { opacity: .76; }
.product-hero { overflow: hidden; padding: 69px 0 64px; text-align: center; }
.product-hero h1 {
  margin-top: 21px;
  font-size: clamp(68px, 6.6vw, 104px);
  line-height: 1.01;
  letter-spacing: -.055em;
}
.product-hero-heading { padding-inline: 24px; }
.product-hero :is(.product-arrival-name,.product-arrival-lead) { display:none; }
.product-hero-art {
  width: min(1120px, 88%);
  margin: 28px auto 0;
}
.product-hero-caption { margin-top: -9px; position: relative; padding-inline: 24px; }
.product-hero-caption p { color: #a3a8ac; font-size: 19px; line-height: 1.6; }
.product-hero-caption .text-link { margin-top: 20px; }
.story-intro {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12%;
  padding-block: 120px 76px;
  align-items: center;
}
.story-intro p { color: var(--muted); font-size: 20px; line-height: 1.65; max-width: 410px; }
.story-room { width: min(1280px, calc(100% - 48px)); margin-inline: auto; aspect-ratio: 1280 / 536; overflow: hidden; background: #191a18; }
.story-room img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
.everyday-controls {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  padding-block: 60px 44px;
}
.everyday-controls h3 { font-size: 30px; margin-bottom: 17px; letter-spacing: -.035em; }
.everyday-controls p { font-size: 16px; line-height: 1.65; color: var(--muted); }
.compatibility-note { font-size: 12px; color: #6b7479; line-height: 1.7; padding-bottom: 84px; }
.installation-story {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12%;
  align-items: center;
  padding-block: 80px 100px;
  border-top: 1px solid #e1e5e6;
}
.installation-story .section-label { margin-bottom: 23px; color: #647077; }
.installation-copy { max-width: 415px; font-size: 19px; line-height: 1.65; color: var(--muted); }
.installation-copy p + p { margin-top: 22px; }
.installation-copy .text-link { margin-top: 24px; color: var(--ink); }
.product-enquiry { background: var(--surface-stone); text-align: center; padding-block: 85px 92px; }
.product-enquiry .section-label { color: #666461; }
.product-enquiry h2 { font-size: clamp(66px, 7vw, 105px); margin-top: 27px; }
.product-enquiry h2 + p { font-size: 18px; color: var(--muted); margin-top: 29px; }
.product-enquiry .contact-actions { margin-top: 26px; }

@media(max-width: 1000px) {
  .story-intro, .installation-story { gap: 7%; }
  .story-intro p, .installation-copy { font-size: 18px; }
  .everyday-controls { gap: 22px; }
  .everyday-controls p { font-size: 15px; }
  .everyday-controls br { display: none; }
  .product-hero { padding-top: 64px; }
}
@media(max-width: 760px) {
  .product-header { height: 76px; grid-template-columns: 1fr auto; padding-inline: 24px; gap: 15px; }
  .product-header .brand { width: 82px; grid-column: 1; grid-row: 1; }
  .return-link { grid-column: 2; grid-row: 1; font-size: 13px; gap: 10px; }
  .product-header-enquiry { display: none; }
  .product-hero { padding-top: 53px; padding-bottom: 52px; }
  .product-hero h1 { font-size: clamp(53px, 11.7vw, 83px); margin-top: 22px; }
  .product-hero-art { width: 115%; max-width: none; margin: 48px -7.5% 26px; }
  .product-hero-caption { margin-top: 0; }
  .product-hero-caption p { font-size: 16px; }
  .product-hero-caption .text-link { margin-top: 19px; }
  .story-intro { display: block; padding-block: 71px 38px; }
  .story-intro h2 { font-size: 45px; }
  .story-intro p { font-size: 17px; margin-top: 28px; max-width: 430px; }
  .story-room { width: calc(100% - 24px); aspect-ratio: 16 / 9; }
  .story-room img { object-position: 10% center; }
  .everyday-controls { grid-template-columns: 1fr 1fr; gap: 31px 22px; padding-block: 38px 31px; }
  .everyday-controls h3 { font-size: 27px; margin-bottom: 12px; }
  .everyday-controls p { font-size: 14px; }
  .compatibility-note { font-size: 12px; padding-bottom: 60px; }
  .installation-story { display: block; padding-block: 70px; }
  .installation-story h2 { font-size: 47px; }
  .installation-copy { font-size: 17px; margin-top: 29px; }
  .installation-copy .text-link { font-size: 14px; }
  .product-enquiry { padding-block: 65px; }
  .product-enquiry .section-label { font-size: 14px; }
  .product-enquiry h2 { font-size: 66px; }
  .product-enquiry h2 + p { font-size: 16px; }
  .product-page .footer-top .text-link { flex-basis: 100%; }
}
@media(max-width: 360px) {
  .product-hero h1 { font-size: 50px; }
  .story-intro h2 { font-size: 40px; }
  .installation-story h2 { font-size: 42px; }
  .product-enquiry h2 { font-size: 57px; }
  .everyday-controls { gap: 27px 17px; }
}

.product-local-nav { width:100%;max-width:none;padding-inline:max(var(--gutter),calc((100% - 1440px)/2));background:#000;color:#f5f5f7;display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:58px; font-size:14px; }
.product-local-nav a { display:inline-flex; gap:12px; align-items:center; min-height:44px; }
.product-local-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.product-installation-details { min-width:0; }
.product-installation-details > summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:48px; font-size:16px; border-block:1px solid #d9dfe1; cursor:pointer; list-style:none; }
.product-installation-details > summary::-webkit-details-marker { display:none; }
.product-installation-details > summary > span { font-size:22px; transition:transform .2s; }
.product-installation-details[open] > summary > span { transform:rotate(45deg); }
.product-installation-details .installation-copy { margin-top:24px; }
@media(max-width:760px) {
 .product-local-nav { min-height:52px; font-size:13px; }
 .product-local-nav a { font-size:12px; }
 .product-hero { padding-block:34px 38px; }
 .product-hero :is(.product-name,.product-arrival-story),.product-hero-caption > p { display:none; }
 .product-hero :is(.product-arrival-name,.product-arrival-lead) { display:block; }
 .product-page .product-hero .product-hero-heading h1 { font-size:clamp(32px,8.5vw,38px); margin-top:0; }
 .product-hero .product-arrival-lead { max-width:360px; margin:14px auto 0; color:#a3a8ac; font-size:16px; line-height:1.6; }
 .product-hero-art { margin-top:24px; margin-bottom:20px; }
 .story-intro { padding-block:44px 28px; }
 .story-intro h2 { font-size:32px; }
 .story-intro p { font-size:16px; margin-top:18px; }
 .everyday-controls h3 { font-size:24px; margin-bottom:8px; }
 .compatibility-note { padding-bottom:40px; }
 .installation-story { padding-block:40px; }
 .installation-story .section-label { margin-bottom:16px; }
 .installation-story h2 { font-size:30px; }
 .product-installation-details { margin-top:24px; }
 .product-installation-details .installation-copy { font-size:16px; margin-top:20px; }
 .product-enquiry { padding-block:44px; }
 .product-enquiry h2 { font-size:38px; margin-top:20px; }
}

/* Mobile readability: keep the shared heading scale unchanged. */
/* Mobile product stories use readable prose and simple, stacked benefits. */
@media(max-width:760px){
 .product-hero .product-arrival-lead,.story-intro p,.everyday-controls p,.product-installation-details .installation-copy,.installation-copy{font-size:18px;line-height:1.6}
 .everyday-controls{grid-template-columns:1fr;gap:24px}
 .everyday-controls>div{border-top:1px solid #d9dfe1;padding-top:18px}
 .product-installation-details>summary,.installation-copy .text-link{font-size:16px;min-height:52px}
 .compatibility-note{font-size:16px;line-height:1.6}
}