/* Hollow components only; the shared shell retains its own tokens. */
.hollow-product .hp-hero { padding-block:64px 48px; background:radial-gradient(ellipse at 75% 35%,var(--ht-color-bg-subtle) 0,transparent 65%),linear-gradient(145deg,var(--ht-color-bg-subtle),var(--pale)); }
.hollow-product .hp-columns { display:grid; grid-template-columns:49% 51%; align-items:center; }
.hollow-product .hp-columns > * { min-width:0; }
.hollow-product .hp-copy { position:relative; z-index:1; }
.hollow-product .hp-breadcrumb { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:20px; color:var(--blue); font-size:var(--public-text-small); }
.hollow-product h1 { font-size:var(--public-text-h1); line-height:1.25; margin-bottom:22px; }
.hollow-product .hp-description { color:var(--ink); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-description + .hp-description { margin-top:18px; }
.hollow-product .hp-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.hollow-product .hp-actions .button { font-weight:600; gap:10px; text-align:center; min-height:52px; }
.hollow-product .hp-actions .secondary { color:var(--ht-control-text, var(--blue)); border-color:var(--ht-control-border, var(--blue)); }
.hollow-product .hp-supporting { margin-top:14px; color:var(--ink); font-size:var(--public-text-body); }
.hollow-product .hp-illustration { position:relative; width:115%; margin-left:-7%; }
.hollow-product .hp-illustration img { width:100%; height:auto; object-fit:contain; }
.hollow-product .hp-illustration figcaption { position:absolute; top:88%; left:85%; transform:translateX(-50%); width:23%; max-width:150px; text-align:center; color:var(--navy); font-style:italic; font-size:var(--public-text-small); line-height:1.6; }
.hollow-product .hp-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:var(--ht-color-bg); border-radius:var(--ht-radius-card); padding:24px 0; margin:32px 0 0; }
.hollow-product .hp-fact { display:flex; gap:16px; align-items:center; padding:0 22px; min-height:66px; }
.hollow-product .hp-fact + .hp-fact { border-left:1px solid var(--line); }
.hollow-product .hp-fact .icon { width:44px; height:44px; color:var(--blue); }
.hollow-product .hp-fact dt { color:var(--navy); font-size:var(--public-text-body); font-weight:700; line-height:1.6; }
.hollow-product .hp-fact dd { margin:6px 0 0; color:var(--ink); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-dialog { width:min(600px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:28px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); color:var(--ink); font:inherit; }
.hollow-product .hp-dialog::backdrop { background:#08284b99; }
.hollow-product .hp-dialog h2 { font-size:var(--public-text-h2); margin-bottom:20px; }
.hollow-product .hp-dialog table { width:100%; border-collapse:collapse; margin-bottom:20px; font-size:var(--public-text-body); }
.hollow-product .hp-dialog th,.hollow-product .hp-dialog td { padding:10px; border-bottom:1px solid var(--line); text-align:left; }
.hollow-product .hp-dialog thead { background:var(--pale); }
.hollow-product .hp-dialog p { margin-top:12px; color:var(--ink); font-size:var(--public-text-body); }
.hollow-product .hp-dialog form { display:flex; justify-content:flex-end; margin-top:24px; }
@media(max-width:1100px) {
  .hollow-product .hp-illustration { width:108%; margin-left:-4%; }
  .hollow-product .hp-fact { gap:12px; padding-inline:16px; }
  .hollow-product .hp-fact .icon { width:36px; height:36px; }
}
@media(max-width:900px) {
  .hollow-product .hp-hero { padding-block:32px; }
  .hollow-product .hp-columns { grid-template-columns:1fr; }
  .hollow-product h1 { font-size:var(--public-text-h1); }
  .hollow-product .hp-illustration { width:100%; max-width:700px; margin:16px auto 0; }
  .hollow-product .hp-illustration figcaption { font-size:var(--public-text-small); }
  .hollow-product .hp-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; background:transparent; margin-top:24px; }
  .hollow-product .hp-fact { padding:20px; border:0; border-radius:var(--ht-radius-card); background:var(--ht-color-bg); }
  .hollow-product .hp-fact + .hp-fact { border:0; }
}
@media(max-width:600px) {
  .hollow-product .hp-hero { padding-block:24px 32px; }
  .hollow-product .hp-breadcrumb { margin-bottom:18px; }
  .hollow-product h1 { font-size:var(--public-text-h1); margin-bottom:20px; }
  .hollow-product .hp-actions { flex-direction:column; gap:10px; }
  .hollow-product .hp-actions .button { width:100%; min-height:52px; }
  .hollow-product .hp-actions .primary .icon:last-child { margin-left:auto; }
  .hollow-product .hp-supporting { font-size:var(--public-text-body); }
  .hollow-product .hp-illustration { width:108%; margin-inline:-4%; }
  .hollow-product .hp-facts { gap:10px; margin-top:40px; }
  .hollow-product .hp-fact { align-items:flex-start; gap:10px; padding:16px 12px; }
  .hollow-product .hp-fact .icon { width:30px; height:30px; }
  .hollow-product .hp-fact dt { font-size:var(--public-text-body); }
  .hollow-product .hp-fact dd { font-size:var(--public-text-body); }
  .hollow-product .hp-dialog { padding:20px; }
  .hollow-product .hp-dialog h2 { font-size:var(--public-text-h2); }
  .hollow-product .hp-dialog th,.hollow-product .hp-dialog td { padding:8px 6px; }
}
@media(max-width:350px) {
  .hollow-product .hp-facts { grid-template-columns:1fr; }
  .hollow-product .hp-fact { align-items:center; padding:16px; }
}

/* Application selection, immediately after the Hero and its facts. */
.hollow-product .hp-applications { padding-block:64px; background:linear-gradient(var(--ht-color-bg),var(--pale)); }
.hollow-product .hp-applications-intro { text-align:center; }
.hollow-product .hp-applications-intro h2 { font-size:var(--public-text-h2); }
.hollow-product .hp-applications-intro p { max-width:960px; margin:16px auto 0; font-size:var(--public-text-body); }
.hollow-product .hp-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:28px 0; }
.hollow-product .hp-benefits li { display:flex; align-items:center; gap:16px; padding:20px 24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); box-shadow:0 3px 12px #0764ad08; color:var(--navy); line-height:1.6; }
.hollow-product .hp-benefits .icon { width:40px; height:40px; color:var(--blue); }
.hollow-product .hp-application-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.hollow-product .hp-application-card { min-width:0; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); box-shadow:0 4px 16px #0764ad08; }
.hollow-product .hp-application-image { position:relative; border-radius:14px 14px 0 0; overflow:hidden; }
.hollow-product .hp-application-image img { width:100%; height:auto; aspect-ratio:var(--ht-card-image-ratio); object-fit:cover; object-position:center; }
.hollow-product .hp-application-copy { padding:24px; font-size:var(--public-text-body); }
.hollow-product .hp-application-copy h3 { font-size:var(--public-text-h3); margin-bottom:12px; }
.hollow-product .hp-application-reason-label { color:var(--blue); margin-bottom:6px; }
.hollow-product .hp-application-alternatives { margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.hollow-product .hp-application-alternative-label { color:var(--navy); margin-bottom:6px; }
.hollow-product .hp-application-alternatives p + p:not(.hp-application-alternative-label + p) { margin-top:4px; }
.hollow-product .hp-comparison { margin-top:40px; }
.hollow-product .hp-comparison > h3 { color:var(--navy); font-size:var(--public-text-h3); margin-bottom:24px; }
.hollow-product .hp-comparison-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.hollow-product .hp-comparison-card { min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); box-shadow:0 4px 16px #0764ad08; font-size:var(--public-text-body); }
.hollow-product .hp-comparison-image { display:block; width:100%; max-width:220px; height:auto; aspect-ratio:var(--ht-card-image-ratio); object-fit:contain; margin:0 auto 20px; }
.hollow-product .hp-comparison-card h4 { color:var(--navy); font-size:var(--public-text-body); line-height:1.6; margin-bottom:16px; }
.hollow-product .hp-comparison-card p + p { margin-top:16px; }
.hollow-product .hp-comparison-card strong { color:var(--blue); }
.hollow-product .hp-application-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:28px; padding:28px 32px; border-radius:var(--ht-radius-control); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-application-cta > div { min-width:0; }
.hollow-product .hp-application-cta-heading { color:var(--navy); font-size:var(--public-text-h3); line-height:var(--public-leading-heading); margin-bottom:8px; }
.hollow-product .hp-application-cta .button { flex:none; min-height:52px; font-weight:600; color:var(--ht-color-bg); }
@media(max-width:900px) {
  .hollow-product .hp-benefits { gap:16px; }
  .hollow-product .hp-benefits li { padding:16px; gap:12px; }
  .hollow-product .hp-benefits .icon { width:32px; height:32px; }
  .hollow-product .hp-application-grid { gap:20px; }
  .hollow-product .hp-application-copy { padding:20px; }
  .hollow-product .hp-comparison-grid { gap:20px; }
  .hollow-product .hp-comparison-card { padding:20px; }
  .hollow-product .hp-application-cta { flex-direction:column; align-items:stretch; padding:24px; gap:20px; }
}
@media(max-width:767px) {
  .hollow-product .hp-applications { padding-block:40px; }
  .hollow-product .hp-benefits { grid-template-columns:1fr; margin-block:24px; gap:12px; }
  .hollow-product .hp-application-grid { grid-template-columns:1fr; }
  .hollow-product .hp-comparison-grid { grid-template-columns:1fr; }
  .hollow-product .hp-application-cta { padding:20px; }
  .hollow-product .hp-application-cta .button { width:100%; padding-inline:12px; gap:8px; }
}

/* Specification selection follows the whole application/comparison section. */
.hollow-product .hp-selection { padding-block:24px 32px; background:linear-gradient(var(--ht-color-bg),var(--ht-color-bg-subtle)); }
.hollow-product .hp-selection-intro { text-align:center; margin-bottom:20px; }
.hollow-product .hp-selection-intro h2 { font-size:var(--public-text-h2); }
.hollow-product .hp-selection-intro p { margin:10px auto 0; max-width:960px; color:var(--ink); }
.hollow-product .hp-selection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:min-content; align-content:start; gap:8px 24px; }
.hollow-product .hp-selection-card { display:grid; grid-template-rows:subgrid; grid-row:span 7; min-width:0; background:var(--ht-color-bg); border:1px solid var(--line); border-radius:var(--ht-radius-control); box-shadow:0 4px 18px #0764ad0a; overflow:hidden; font-size:var(--public-text-body); line-height:1.4; }
/* Reserve the image row independently of the replaced element's intrinsic
   dimensions, which otherwise inflate subgrid tracks in Firefox. */
.hollow-product .hp-selection-media { position:relative; aspect-ratio:3/2; min-width:0; }
.hollow-product .hp-selection-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hollow-product .hp-selection-card h3 { margin:6px 20px 0; font-size:var(--public-text-h3); line-height:1.3; }
.hollow-product .hp-selection-description { margin-inline:20px; color:var(--ink); line-height:var(--public-leading-body); }
.hollow-product .hp-selection-variants { display:flex; flex-direction:column; justify-content:center; list-style:none; margin:0 20px; padding:8px 0 0; border-top:1px solid var(--ht-color-control-border); color:var(--navy); font-weight:700; }
.hollow-product .hp-selection-spacing { margin-inline:20px; padding:8px; border:1px solid var(--ht-color-control-border); border-radius:var(--ht-radius-control); background:var(--ht-color-bg-subtle); text-align:center; }
.hollow-product .hp-selection-spacing p { font-size:var(--public-text-body); color:var(--navy); font-weight:700; }
.hollow-product .hp-selection-spacing strong { display:block; color:var(--blue); font-size:var(--public-text-body); line-height:1.4; }
.hollow-product .hp-selection-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; list-style:none; margin:0 20px; padding:2px 0; color:var(--ink); }
.hollow-product .hp-selection-benefits li { display:flex; align-items:center; gap:10px; min-width:0; }
.hollow-product .hp-selection-benefits .icon { width:32px; height:32px; color:var(--blue); }
.hollow-product .hp-selection-applications { margin:0 20px; padding:8px 0 16px; border-top:1px solid var(--ht-color-control-border); }
.hollow-product .hp-selection-applications p { color:var(--ink); }
.hollow-product .hp-selection-applications strong { color:var(--navy); }
.hollow-product .hp-selection-applications p + p { margin-top:4px; }
.hollow-product .hp-selection-qualification { margin-top:12px; font-size:var(--public-text-body); line-height:var(--public-leading-body); color:var(--ink); text-align:center; }
.hollow-product .hp-selection-dimensions { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); align-items:center; margin-top:12px; padding:20px; border:1px solid var(--line); border-radius:var(--ht-radius-control); background:var(--ht-color-bg); box-shadow:0 4px 18px #0764ad08; }
.hollow-product .hp-selection-dimensions-media { min-width:0; }
.hollow-product .hp-selection-dimensions-image { display:block; width:100%; height:auto; object-fit:contain; }
.hollow-product .hp-selection-dimensions-content { min-width:0; padding-left:20px; border-left:1px solid var(--line); }
.hollow-product .hp-selection-dimensions-content h3 { font-size:var(--public-text-h3); line-height:1.3; }
.hollow-product .hp-selection-dimensions-size { margin-top:8px; color:var(--navy); font-size:var(--public-text-body); font-weight:600; }
.hollow-product .hp-selection-dimensions-area { margin-block:8px 16px; color:var(--blue); font-size:var(--public-text-body); font-weight:700; line-height:1.4; }
.hollow-product .hp-selection-facts { display:grid; gap:12px; list-style:none; padding:0; margin:0; color:var(--ink); font-size:var(--public-text-body); }
.hollow-product .hp-selection-facts li { display:flex; align-items:center; gap:12px; min-width:0; }
.hollow-product .hp-selection-facts .icon { width:32px; height:32px; color:var(--blue); }
.hollow-product .hp-selection-swatches { display:flex; flex:none; padding-right:4px; }
.hollow-product .hp-selection-swatches > span { width:26px; height:26px; border:1px solid #809db5; border-radius:50%; background:var(--swatch-color); }
.hollow-product .hp-selection-swatches > span + span { margin-left:-4px; }
@media(max-width:1100px) {
  .hollow-product .hp-selection-grid { column-gap:20px; }
  .hollow-product .hp-selection-benefits li { flex-direction:column; align-items:flex-start; gap:8px; }
}
@media(max-width:900px) {
  .hollow-product .hp-selection { padding-block:24px 28px; }
  .hollow-product .hp-selection-grid { grid-template-columns:1fr; row-gap:16px; }
  .hollow-product .hp-selection-card { grid-template-rows:auto; grid-row:auto; row-gap:8px; }
  .hollow-product .hp-selection-benefits li { flex-direction:row; align-items:center; }
  .hollow-product .hp-selection-dimensions { grid-template-columns:1fr; gap:20px; }
  .hollow-product .hp-selection-dimensions-content { padding-left:0; border-left:0; }
}
@media(max-width:600px) {
  .hollow-product .hp-selection-dimensions { padding:16px; gap:16px; }
}
@media(max-width:350px) {
  .hollow-product .hp-selection-benefits { grid-template-columns:1fr; }
}

/* Section 4: warehouse supply and consultation, scoped to the hollow page. */
.hollow-product .hp-purchasing { padding-block:32px 40px; background:var(--ht-color-bg-subtle); }
.hollow-product .hp-purchasing-intro { text-align:center; margin-bottom:24px; }
.hollow-product .hp-purchasing-intro h2 { color:var(--ht-color-ink); font-size:var(--public-text-h2); }
.hollow-product .hp-purchasing-intro p { margin:10px auto 0; max-width:1000px; color:var(--ink); }
.hollow-product .hp-purchasing-grid { display:grid; grid-template-columns:minmax(0,11fr) minmax(0,9fr); gap:20px; align-items:stretch; }
.hollow-product :is(.hp-purchasing-stock,.hp-purchasing-quote) { min-width:0; padding:24px; border-radius:var(--ht-radius-card); overflow-wrap:break-word; box-shadow:0 4px 18px #102a4d08; }
.hollow-product .hp-purchasing-stock { background:var(--ht-color-bg); border:1px solid var(--ht-color-border); }
.hollow-product .hp-purchasing-stock h3 { margin-bottom:16px; color:var(--ht-color-ink); font-size:var(--public-text-h3); }
.hollow-product .hp-purchasing-image { width:100%; height:auto; aspect-ratio:2.13/1; object-fit:cover; object-position:50% 60%; border-radius:var(--ht-radius-card); }
.hollow-product .hp-purchasing-support { list-style:none; margin:8px 0 0; padding:0; }
.hollow-product .hp-purchasing-support li { display:flex; align-items:center; gap:16px; padding-block:16px; }
.hollow-product .hp-purchasing-support li + li { border-top:1px solid var(--ht-color-border); }
.hollow-product .hp-purchasing-support li:last-child { padding-bottom:0; }
.hollow-product .hp-purchasing-support li > div { min-width:0; }
.hollow-product .hp-purchasing-support-icon { display:grid; place-items:center; flex:none; width:56px; height:56px; border-radius:50%; background:var(--ht-color-bg-subtle); color:var(--ht-color-primary); }
.hollow-product .hp-purchasing-support-icon .icon { width:30px; height:30px; }
.hollow-product .hp-purchasing-support h4 { margin:0 0 4px; color:var(--ht-color-ink); font-size:var(--public-text-body); font-weight:700; line-height:1.6; }
.hollow-product .hp-purchasing-support p { color:var(--ink); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-purchasing-quote { display:grid; grid-template-rows:auto auto auto minmax(auto,1fr) auto auto auto; gap:18px; background:var(--ht-color-ink); color:var(--ht-color-bg); }
.hollow-product .hp-purchasing-quote-heading { display:flex; align-items:center; gap:16px; }
.hollow-product .hp-purchasing-quote-heading > .icon { width:48px; height:48px; color:var(--ht-color-bg-subtle); }
.hollow-product .hp-purchasing-quote h3 { color:var(--ht-color-bg); font-size:var(--public-text-h3); }
.hollow-product .hp-purchasing-quote p { color:var(--ht-color-bg-subtle); line-height:1.6; }
.hollow-product .hp-purchasing-quote .hp-purchasing-request { border-top:1px solid #ffffff29; padding-top:18px; color:var(--ht-color-bg); font-weight:700; }
.hollow-product .hp-purchasing-suggestions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:0; }
.hollow-product .hp-purchasing-suggestions li { display:flex; align-items:center; gap:12px; min-width:0; padding:18px 14px; border:1px solid #ffffff29; border-radius:var(--ht-radius-card); background:#ffffff06; font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-purchasing-suggestions .icon { width:32px; height:32px; color:var(--ht-color-bg-subtle); }
.hollow-product .hp-purchasing-assistance { display:flex; align-items:flex-start; gap:12px; font-size:var(--public-text-body); }
.hollow-product .hp-purchasing-assistance .icon { width:28px; height:28px; color:var(--ht-color-bg-subtle); }
.hollow-product .hp-purchasing-cta.button { width:100%; min-height:58px; padding:14px 16px; gap:12px; background:var(--ht-color-primary); color:var(--ht-color-bg); font-weight:600; }
@media (hover:hover) and (pointer:fine) {
.hollow-product .hp-purchasing-cta.button:hover { background:var(--ht-color-primary); } }
.hollow-product .hp-purchasing-cta > span { flex:1; min-width:0; text-align:center; }
.hollow-product .hp-purchasing-quote .hp-purchasing-note { font-size:var(--public-text-small); }
@media(max-width:900px) {
  .hollow-product .hp-purchasing-grid { grid-template-columns:1fr; }
  .hollow-product .hp-purchasing-quote { grid-template-rows:auto; }
}
@media(max-width:600px) {
  .hollow-product .hp-purchasing { padding-block:24px 28px; }
  .hollow-product :is(.hp-purchasing-stock,.hp-purchasing-quote) { padding:20px; }
  .hollow-product .hp-purchasing-support li { gap:12px; align-items:flex-start; }
  .hollow-product .hp-purchasing-support-icon { width:44px; height:44px; }
  .hollow-product .hp-purchasing-support h4 { font-size:var(--public-text-body); }
  .hollow-product .hp-purchasing-quote-heading { gap:12px; }
  .hollow-product .hp-purchasing-quote-heading > .icon { width:40px; height:40px; }
  .hollow-product .hp-purchasing-suggestions li { flex-direction:column; align-items:flex-start; padding:14px; }
  .hollow-product .hp-purchasing-cta.button { gap:8px; padding-inline:12px; }
}
@media(max-width:350px) {
  .hollow-product .hp-purchasing-suggestions { grid-template-columns:1fr; }
  .hollow-product .hp-purchasing-suggestions li { flex-direction:row; align-items:center; }
}

/* Section 5: static color guidance after the complete purchasing section. */
.hollow-product .hp-colors { padding-block:40px; background:linear-gradient(var(--ht-color-bg),var(--pale)); }
.hollow-product .hp-colors-intro { text-align:center; margin-bottom:24px; }
.hollow-product .hp-colors-intro h2 { font-size:var(--public-text-h2); }
.hollow-product .hp-colors-intro p { max-width:1000px; margin:12px auto 0; color:var(--ink); }
.hollow-product .hp-colors-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
.hollow-product .hp-color-card { display:grid; grid-template-rows:subgrid; grid-row:span 4; min-width:0; padding:24px; background:var(--ht-color-bg); border:1px solid var(--line); border-radius:var(--ht-radius-card); box-shadow:0 4px 18px #0764ad0a; }
/* Keep intrinsic square dimensions from inflating the shared image track. */
.hollow-product .hp-color-media { min-width:0; aspect-ratio:2.1 / 1; contain:size; }
.hollow-product .hp-color-image { display:block; width:100%; height:auto; aspect-ratio:2.1 / 1; object-fit:cover; object-position:center; }
.hollow-product .hp-color-name { display:flex; align-items:center; gap:20px; }
.hollow-product .hp-color-name h3 { font-size:var(--public-text-h3); line-height:1.3; }
.hollow-product .hp-color-swatch { flex:none; width:56px; height:56px; border:2px solid var(--swatch-border); border-radius:50%; background:var(--swatch-fill); }
.hollow-product .hp-color-detail { display:flex; align-items:flex-start; gap:20px; }
.hollow-product .hp-color-detail > div { min-width:0; }
.hollow-product .hp-color-icon { display:grid; place-items:center; flex:none; width:56px; height:56px; border-radius:50%; color:var(--blue); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-color-icon .icon { width:32px; height:32px; }
.hollow-product .hp-color-detail h4 { margin:0 0 6px; color:var(--navy); font-size:var(--public-text-body); line-height:1.6; font-weight:700; }
.hollow-product .hp-color-detail p { color:var(--ink); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-color-consideration { padding-top:20px; border-top:1px solid var(--line); }
.hollow-product .hp-colors-assistance { display:flex; align-items:center; gap:20px; margin-top:24px; padding:24px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-colors-assistance > .hp-color-icon { width:64px; height:64px; border:2px solid var(--ht-color-bg); background:transparent; }
.hollow-product .hp-colors-assistance > .hp-color-icon .icon { width:36px; height:36px; }
.hollow-product .hp-colors-assistance-copy { flex:1; min-width:0; }
.hollow-product .hp-colors-assistance h3 { margin-bottom:6px; font-size:var(--public-text-h3); }
.hollow-product .hp-colors-assistance p { color:var(--ink); }
.hollow-product .hp-colors-cta.button { flex:none; min-height:56px; color:var(--ht-color-bg); font-weight:600; gap:12px; }
@media(max-width:1100px) {
  .hollow-product .hp-colors-assistance { flex-wrap:wrap; }
  .hollow-product .hp-colors-assistance-copy { flex-basis:calc(100% - 84px); }
  .hollow-product .hp-colors-cta.button { margin-left:84px; }
}
@media(max-width:767px) {
  .hollow-product .hp-colors { padding-block:28px; }
  .hollow-product .hp-colors-grid { grid-template-columns:1fr; gap:20px; }
  .hollow-product .hp-color-card { grid-template-rows:auto; grid-row:auto; gap:18px; padding:20px; }
  .hollow-product .hp-color-name,.hollow-product .hp-color-detail { gap:14px; }
  .hollow-product .hp-color-swatch,.hollow-product .hp-color-icon { width:44px; height:44px; }
  .hollow-product .hp-color-icon .icon { width:28px; height:28px; }
  .hollow-product .hp-color-consideration { padding-top:18px; }
  .hollow-product .hp-colors-assistance { padding:20px; gap:14px; }
  .hollow-product .hp-colors-assistance > .hp-color-icon { width:44px; height:44px; }
  .hollow-product .hp-colors-assistance > .hp-color-icon .icon { width:28px; height:28px; }
  .hollow-product .hp-colors-assistance-copy { flex-basis:calc(100% - 58px); }
  .hollow-product .hp-colors-cta.button { width:100%; margin-left:0; padding-inline:12px; gap:8px; }
}

/* Section 6: preparation and delivery, after color guidance. */
.hollow-product .hp-delivery { padding-block:40px; background:var(--pale); }
.hollow-product .hp-delivery-intro { text-align:center; margin-bottom:24px; }
.hollow-product .hp-delivery-intro h2 { font-size:var(--public-text-h2); }
.hollow-product .hp-delivery-intro p { max-width:1000px; margin:12px auto 0; color:var(--ink); }
.hollow-product .hp-delivery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.hollow-product .hp-delivery-card { display:grid; grid-template-rows:subgrid; grid-row:span 3; min-width:0; overflow:hidden; background:var(--ht-color-bg); border:1px solid var(--line); border-radius:var(--ht-radius-card); box-shadow:0 4px 18px #0764ad0a; }
.hollow-product .hp-delivery-media { min-width:0; aspect-ratio:3 / 2; contain:size; }
.hollow-product .hp-delivery-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; background:var(--ht-color-bg); }
.hollow-product .hp-delivery-copy { display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:subgrid; grid-row:span 2; gap:12px 20px; padding:24px; }
.hollow-product .hp-delivery-copy > .hp-delivery-icon { grid-row:span 2; }
.hollow-product .hp-delivery-copy h3 { align-self:start; font-size:var(--public-text-h3); line-height:1.3; }
.hollow-product .hp-delivery-copy p { grid-column:2; }
.hollow-product .hp-delivery p { color:var(--ink); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-delivery-icon { display:grid; place-items:center; flex:none; width:64px; height:64px; border-radius:50%; color:var(--blue); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-delivery-icon .icon { width:32px; height:32px; }
.hollow-product .hp-delivery-notice { display:flex; align-items:flex-start; gap:24px; margin:24px 0 32px; padding:24px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-accent); }
.hollow-product .hp-delivery-notice > div { min-width:0; }
.hollow-product .hp-delivery-notice > .hp-delivery-icon { color:var(--ht-color-accent); background:var(--ht-color-accent); }
.hollow-product .hp-delivery-notice h3 { margin-bottom:10px; font-size:var(--public-text-h3); }
.hollow-product .hp-delivery-notice p + p { margin-top:16px; }
.hollow-product .hp-delivery-info-heading { margin-bottom:22px; text-align:center; font-size:var(--public-text-h3); }
.hollow-product .hp-delivery-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 20px; }
.hollow-product .hp-delivery-info-card { display:grid; grid-template-rows:subgrid; grid-row:span 3; min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); box-shadow:0 4px 18px #0764ad0a; }
.hollow-product .hp-delivery-info-card > .hp-delivery-icon { justify-self:center; }
.hollow-product .hp-delivery-info-card h4 { margin:0; color:var(--navy); font-size:var(--public-text-body); font-weight:700; line-height:1.6; text-align:center; }
.hollow-product .hp-delivery-contact { display:flex; align-items:center; gap:20px; margin-top:30px; padding:24px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-delivery-contact > .hp-delivery-icon { border:2px solid var(--ht-color-bg); background:transparent; }
.hollow-product .hp-delivery-contact-copy { flex:1; min-width:0; }
.hollow-product .hp-delivery-contact h3 { margin-bottom:8px; font-size:var(--public-text-h3); }
.hollow-product .hp-delivery-cta.button { flex:none; min-height:56px; gap:12px; color:var(--ht-color-bg); font-weight:600; }
@media(max-width:1100px) {
  .hollow-product .hp-delivery-contact { flex-wrap:wrap; }
  .hollow-product .hp-delivery-contact-copy { flex-basis:calc(100% - 84px); }
  .hollow-product .hp-delivery-cta.button { margin-left:84px; }
}
@media(max-width:767px) {
  .hollow-product .hp-delivery { padding-block:28px; }
  .hollow-product .hp-delivery-grid,.hollow-product .hp-delivery-info-grid { grid-template-columns:1fr; gap:20px; }
  .hollow-product .hp-delivery-card { grid-template-rows:auto; grid-row:auto; }
  .hollow-product .hp-delivery-copy { grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto; grid-row:auto; gap:10px 14px; padding:20px; }
  .hollow-product .hp-delivery-icon { width:48px; height:48px; }
  .hollow-product .hp-delivery-icon .icon { width:28px; height:28px; }
  .hollow-product .hp-delivery-notice { flex-direction:column; padding:20px; gap:14px; margin-bottom:28px; }
  .hollow-product .hp-delivery-notice > .hp-delivery-icon { width:42px; height:42px; }
  .hollow-product .hp-delivery-notice .icon { width:24px; height:24px; }
  .hollow-product .hp-delivery-info-card { grid-template-rows:auto; grid-row:auto; gap:16px; padding:20px; }
  .hollow-product .hp-delivery-contact { padding:20px; gap:14px; }
  .hollow-product .hp-delivery-contact-copy { flex-basis:calc(100% - 62px); }
  .hollow-product .hp-delivery-cta.button { width:100%; margin-left:0; padding-inline:12px; gap:8px; }
}

/* Section 7: installation guidance, after preparation and delivery. */
.hollow-product .hp-installation { padding-block:56px 48px; background:var(--pale); }
.hollow-product .hp-installation-intro { text-align:center; margin-bottom:32px; }
.hollow-product .hp-installation-intro h2 { font-size:var(--public-text-h2); }
.hollow-product .hp-installation-intro p { max-width:1080px; margin:16px auto 0; color:var(--muted); }
.hollow-product .hp-installation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.hollow-product .hp-installation-card { display:grid; grid-template-rows:subgrid; grid-row:span 3; row-gap:0; min-width:0; overflow:hidden; background:var(--ht-color-bg); border:1px solid var(--line); border-radius:var(--ht-radius-card); box-shadow:0 5px 22px #15335506; }
.hollow-product .hp-installation-media { min-width:0; aspect-ratio:3 / 2; contain:size; }
.hollow-product .hp-installation-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; background:var(--ht-color-bg); }
.hollow-product .hp-installation-copy { display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:subgrid; grid-row:span 2; gap:12px 20px; padding:26px 26px 30px; }
.hollow-product .hp-installation-copy > .hp-installation-icon { grid-row:span 2; }
.hollow-product .hp-installation-copy h3 { align-self:start; font-size:var(--public-text-h3); line-height:1.3; }
.hollow-product .hp-installation-copy p { grid-column:2; }
.hollow-product .hp-installation p { color:var(--muted); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-installation-icon { display:grid; place-items:center; flex:none; width:64px; height:64px; border-radius:50%; color:var(--blue); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-installation-icon .icon { width:32px; height:32px; }
.hollow-product .hp-installation-film { display:flex; align-items:center; gap:20px; margin-top:24px; padding:20px 26px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-installation-film p { min-width:0; }
.hollow-product .hp-installation-film strong { color:var(--navy); }
.hollow-product .hp-installation-film > .hp-installation-icon { width:48px; height:48px; border:1px solid var(--ht-color-bg); background:var(--ht-color-bg); }
.hollow-product .hp-installation-film .icon { width:26px; height:26px; }
.hollow-product .hp-installation-contact { display:flex; align-items:center; gap:20px; margin-top:20px; padding:26px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-installation-contact > .hp-installation-icon { width:68px; height:68px; border:2px solid var(--ht-color-bg); background:transparent; }
.hollow-product .hp-installation-contact-copy { flex:1; min-width:0; }
.hollow-product .hp-installation-contact h3 { margin-bottom:10px; font-size:var(--public-text-h3); line-height:1.3; }
.hollow-product .hp-installation-cta.button { flex:none; min-height:64px; padding:18px 24px; gap:14px; color:var(--ht-color-bg); font-weight:600; }
@media(max-width:1100px) {
  .hollow-product .hp-installation-contact { flex-wrap:wrap; }
  .hollow-product .hp-installation-contact-copy { flex-basis:calc(100% - 88px); }
  .hollow-product .hp-installation-cta.button { margin-left:88px; }
}
@media(max-width:767px) {
  .hollow-product .hp-installation { padding-block:32px; }
  .hollow-product .hp-installation-intro { margin-bottom:24px; }
  .hollow-product .hp-installation-intro p { margin-top:14px; }
  .hollow-product .hp-installation-grid { grid-template-columns:1fr; gap:20px; }
  .hollow-product .hp-installation-card { grid-template-rows:auto; grid-row:auto; }
  .hollow-product .hp-installation-copy { grid-template-columns:46px minmax(0,1fr); grid-template-rows:auto; grid-row:auto; gap:10px 14px; padding:22px 20px; }
  .hollow-product .hp-installation-icon { width:46px; height:46px; }
  .hollow-product .hp-installation-icon .icon { width:26px; height:26px; }
  .hollow-product .hp-installation-film { padding:18px; gap:14px; }
  .hollow-product .hp-installation-film > .hp-installation-icon { width:42px; height:42px; }
  .hollow-product .hp-installation-contact { padding:20px; gap:14px; }
  .hollow-product .hp-installation-contact > .hp-installation-icon { width:48px; height:48px; }
  .hollow-product .hp-installation-contact-copy { flex-basis:calc(100% - 62px); }
  .hollow-product .hp-installation-cta.button { width:100%; min-height:58px; margin:6px 0 0; padding-inline:12px; gap:8px; }
  .hollow-product .hp-installation-cta .icon:last-child { margin-left:auto; }
}

/* Section 8: one continuous FAQ panel; native independent details toggles. */
.hollow-product .hp-faq-section { padding-block:64px; background:var(--ht-color-bg); }
.hollow-product .hp-faq-intro { text-align:center; margin-bottom:36px; }
.hollow-product .hp-faq-accent { display:block; width:42px; height:3px; margin:0 auto 22px; border-radius:var(--ht-radius-card); background:var(--blue); }
.hollow-product .hp-faq-intro h2 { font-size:var(--public-text-h2); line-height:1.3; }
.hollow-product .hp-faq-intro p { max-width:1040px; margin:16px auto 0; font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-faq-list { max-width:1080px; margin:auto; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); box-shadow:0 14px 38px #16335407; }
.hollow-product .hp-faq-item { background:var(--ht-color-bg); border-bottom:1px solid var(--ht-color-border); }
.hollow-product .hp-faq-item:last-child { border-bottom:0; }
/* Round the row surfaces without clipping the summary's 3px + 3px focus ring. */
.hollow-product .hp-faq-item:first-child,
.hollow-product .hp-faq-item:first-child summary { border-top-left-radius:var(--ht-radius-card); border-top-right-radius:var(--ht-radius-card); }
.hollow-product .hp-faq-item:last-child,
.hollow-product .hp-faq-item:last-child:not([open]) summary,
.hollow-product .hp-faq-item:last-child .hp-faq-answer { border-bottom-left-radius:var(--ht-radius-card); border-bottom-right-radius:var(--ht-radius-card); }
.hollow-product .hp-faq-item summary { display:flex; align-items:center; gap:24px; min-height:84px; padding:24px 30px; cursor:pointer; list-style:none; }
.hollow-product .hp-faq-item summary::-webkit-details-marker { display:none; }
.hollow-product .hp-faq-item summary h3 { flex:1; min-width:0; font-size:var(--public-text-h3); line-height:1.3; letter-spacing:0; overflow-wrap:break-word; }
@media (hover:hover) and (pointer:fine) {
.hollow-product .hp-faq-item summary:hover { background:var(--ht-color-bg); } }
.hollow-product .hp-faq-item summary:focus-visible { outline:3px solid var(--ht-color-primary); outline-offset:3px; }
.hollow-product .hp-faq-item[open] summary { background:var(--ht-color-bg-subtle); border-bottom:1px solid var(--ht-color-border); }
.hollow-product .hp-faq-toggle { flex:none; display:flex; align-items:center; justify-content:center; width:30px; height:30px; color:var(--blue); border:1px solid var(--ht-color-control-border); border-radius:50%; background:var(--ht-color-bg); }
.hollow-product .hp-faq-toggle svg { width:19px; height:19px; }
.hollow-product .hp-faq-toggle .hp-faq-minus { display:none; }
.hollow-product .hp-faq-item[open] .hp-faq-toggle { background:var(--ht-color-bg-subtle); border-color:var(--ht-color-control-border); }
.hollow-product .hp-faq-item[open] .hp-faq-plus { display:none; }
.hollow-product .hp-faq-item[open] .hp-faq-minus { display:block; }
.hollow-product .hp-faq-answer { padding:25px 30px 29px; color:var(--muted); font-size:var(--public-text-body); line-height:1.6; background:var(--ht-color-bg); }
.hollow-product .hp-faq-choices { list-style:none; padding:0; margin:22px 0 24px; display:grid; gap:15px; }
.hollow-product .hp-faq-choices li { display:grid; grid-template-columns:115px minmax(0,1fr); gap:14px; align-items:start; }
.hollow-product .hp-faq-choices strong { position:relative; padding-left:12px; color:var(--navy); font-weight:700; white-space:nowrap; }
.hollow-product .hp-faq-choices strong::before { content:""; position:absolute; left:0; top:11px; width:4px; height:4px; background:var(--blue); border-radius:50%; }
@media(max-width:767px) {
  .hollow-product .hp-faq-section { padding-block:36px 40px; }
  .hollow-product .hp-faq-intro { margin-bottom:26px; }
  .hollow-product .hp-faq-accent { width:36px; margin-bottom:18px; }
  .hollow-product .hp-faq-intro p { margin-top:14px; font-size:var(--public-text-body); line-height:1.6; }
  .hollow-product .hp-faq-list { border-radius:var(--ht-radius-card); }
  .hollow-product .hp-faq-item summary { padding:20px 18px; gap:14px; min-height:76px; }
  .hollow-product .hp-faq-item summary h3 { font-size:var(--public-text-h3); line-height:1.3; letter-spacing:0; }
  .hollow-product .hp-faq-toggle { width:27px; height:27px; }
  .hollow-product .hp-faq-toggle svg { width:17px; height:17px; }
  .hollow-product .hp-faq-answer { padding:20px 18px 24px; font-size:var(--public-text-body); line-height:1.6; }
  .hollow-product .hp-faq-choices { gap:15px; margin:18px 0 20px; }
  .hollow-product .hp-faq-choices li { grid-template-columns:1fr; gap:4px; }
  .hollow-product .hp-faq-choices li > span { padding-left:12px; }
}

/* Section 9: final consultation; the shared shell supplies font and container. */
.hollow-product .hp-contact { padding-block:60px; background:var(--ht-color-bg); }
.hollow-product .hp-contact-card { padding:48px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:linear-gradient(135deg,var(--ht-color-bg-subtle),var(--ht-color-bg-subtle)); box-shadow:0 14px 36px #15335509; }
.hollow-product .hp-contact-grid { display:grid; grid-template-columns:minmax(0,55fr) minmax(0,45fr); gap:42px; align-items:center; }
.hollow-product .hp-contact-grid > * { min-width:0; }
.hollow-product .hp-contact h2 { max-width:590px; font-size:var(--public-text-h2); line-height:1.3; letter-spacing:0; font-weight:700; }
.hollow-product .hp-contact-intro { max-width:560px; margin:19px 0 28px; color:var(--ht-color-text-muted); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.hollow-product .hp-contact-actions .button { min-width:0; min-height:60px; padding:16px 18px; gap:10px; border-radius:var(--ht-radius-control); font-size:var(--public-text-button); line-height:1.4; font-weight:600; text-align:center; }
.hollow-product .hp-contact-actions .button span { min-width:0; }
.hollow-product .hp-contact-actions .primary { color:var(--ht-color-bg); background:var(--ht-button-bg, var(--ht-color-primary)); border-color:var(--ht-button-bg, var(--ht-color-primary)); box-shadow:none; }
@media (hover:hover) and (pointer:fine) {
.hollow-product .hp-contact-actions .primary:hover { background:var(--ht-button-bg, var(--ht-color-primary)); } }
.hollow-product .hp-contact-actions .primary .icon:last-child { width:22px; margin-left:3px; }
.hollow-product .hp-contact-actions .secondary { color:var(--ht-control-text, var(--navy)); background:var(--ht-control-bg, #ffffff80); border-color:var(--ht-control-border, var(--ht-color-control-border)); }
@media (hover:hover) and (pointer:fine) {
.hollow-product .hp-contact-actions .secondary:hover { background:var(--ht-control-bg, var(--ht-color-bg)); } }
.hollow-product .hp-contact-hours { display:flex; align-items:center; gap:9px; margin-top:20px; color:var(--ht-color-text-muted); font-size:var(--public-text-small); line-height:1.6; }
.hollow-product .hp-contact-hours .icon { width:18px; height:18px; }
.hollow-product .hp-contact-request { padding-left:32px; border-left:1px solid var(--ht-color-border); }
.hollow-product .hp-contact-request h3 { margin-bottom:18px; font-size:var(--public-text-h3); line-height:1.3; letter-spacing:normal; }
.hollow-product .hp-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; list-style:none; margin:0; padding:0; }
.hollow-product .hp-contact-fields li { display:flex; align-items:center; min-width:0; min-height:62px; padding:14px 13px; gap:11px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:#ffffffbf; color:var(--ht-color-text-muted); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-contact-fields li span { min-width:0; }
.hollow-product .hp-contact-fields .icon,.hollow-product .hp-contact-assistance > .icon { color:var(--ht-color-primary); }
.hollow-product .hp-contact-assistance { display:flex; align-items:flex-start; gap:12px; margin-top:23px; padding-top:22px; border-top:1px solid var(--ht-color-border); }
.hollow-product .hp-contact-assistance > .icon { margin-top:3px; }
.hollow-product .hp-contact-assistance p { min-width:0; color:var(--ht-color-text-muted); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-contact-assistance strong { display:block; margin-bottom:5px; color:var(--navy); font-size:var(--public-text-body); font-weight:700; }
@media(max-width:1100px) and (min-width:768px) {
  .hollow-product .hp-contact-card { padding:36px; }
  .hollow-product .hp-contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
  .hollow-product .hp-contact h2 { font-size:var(--public-text-h2); }
  .hollow-product .hp-contact-request { padding-left:16px; }
  .hollow-product .hp-contact-actions { flex-direction:column; align-items:stretch; }
  .hollow-product .hp-contact-actions .button { width:100%; font-size:var(--public-text-button); }
}
@media(max-width:767px) {
  .hollow-product .hp-contact { padding-block:36px; }
  .hollow-product .hp-contact-card { padding:28px 22px; border-radius:var(--ht-radius-card); }
  .hollow-product .hp-contact-grid { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .hollow-product .hp-contact-lead { display:contents; }
  .hollow-product .hp-contact h2 { order:0; font-size:var(--public-text-h2); line-height:1.3; letter-spacing:0; }
  .hollow-product .hp-contact-heading-break { display:none; }
  .hollow-product .hp-contact-intro { order:1; margin:17px 0 24px; font-size:var(--public-text-body); line-height:1.6; }
  .hollow-product .hp-contact-request { order:2; padding:23px 0 0; border-left:0; border-top:1px solid var(--ht-color-border); }
  .hollow-product .hp-contact-request h3 { margin-bottom:16px; font-size:var(--public-text-h3); }
  .hollow-product .hp-contact-fields { gap:10px; }
  .hollow-product .hp-contact-fields li { flex-direction:column; align-items:flex-start; min-height:72px; padding:12px 10px; gap:8px; font-size:var(--public-text-body); }
  .hollow-product .hp-contact-fields .icon { width:22px; height:22px; }
  .hollow-product .hp-contact-assistance { margin-top:20px; padding-top:20px; gap:10px; }
  .hollow-product .hp-contact-assistance p { font-size:var(--public-text-body); line-height:1.6; }
  .hollow-product .hp-contact-assistance strong { font-size:var(--public-text-body); }
  .hollow-product .hp-contact-actions { order:3; flex-direction:column; align-items:stretch; margin-top:25px; }
  .hollow-product .hp-contact-actions .button { width:100%; min-height:58px; padding:15px 13px; font-size:var(--public-text-button); white-space:normal; }
  .hollow-product .hp-contact-actions .primary .icon:last-child { margin-left:auto; }
  .hollow-product .hp-contact-hours { order:4; justify-content:center; margin-top:19px; font-size:var(--public-text-small); }
}

/* Approved static pricing follows full-sheet dimensions inside selection. */
.hollow-product .hp-pricing { padding-top:40px; }
.hollow-product .hp-pricing-intro { text-align:center; margin-bottom:32px; }
.hollow-product .hp-pricing-intro h2 { font-size:var(--public-text-h2); line-height:1.3; }
.hollow-product .hp-pricing-intro p { margin:15px auto 0; color:var(--ht-color-text-muted); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-pricing-card { overflow:hidden; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg); box-shadow:0 8px 30px #16335406; }
.hollow-product .hp-pricing-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 32px; border-bottom:1px solid var(--ht-color-border); }
.hollow-product .hp-pricing-size { display:flex; align-items:center; gap:12px; color:var(--navy); font-size:var(--public-text-body); font-weight:700; }
.hollow-product .hp-pricing-size .icon { width:25px; height:25px; color:var(--ht-color-primary); }
.hollow-product .hp-pricing-colors { display:flex; align-items:center; gap:24px; font-size:var(--public-text-body); color:var(--ht-color-text-muted); }
.hollow-product .hp-pricing-color { display:flex; align-items:center; gap:9px; }
.hollow-product .hp-pricing-swatch { display:block; flex:none; width:18px; height:18px; border-radius:50%; border:1.5px solid #8ca0b6; background:#fafcfd; }
.hollow-product .hp-pricing-swatch-blue { background:#287fcf; border-color:#2173bc; }
.hollow-product .hp-pricing-table-wrap { padding:0 32px; }
.hollow-product .hp-pricing table { width:100%; border-collapse:collapse; table-layout:fixed; }
.hollow-product .hp-pricing col:nth-child(1) { width:36%; }
.hollow-product .hp-pricing col:nth-child(2) { width:30%; }
.hollow-product .hp-pricing col:nth-child(3) { width:34%; }
.hollow-product .hp-pricing thead th { padding:22px 16px; text-align:left; color:var(--ht-color-text-muted); font-size:var(--ht-text-table); line-height:1.5; font-weight:700; letter-spacing:.15px; border-bottom:1px solid var(--ht-color-border); }
.hollow-product .hp-pricing thead th:last-child { text-align:right; }
.hollow-product .hp-pricing tbody tr { border-bottom:1px solid var(--ht-color-border); }
.hollow-product .hp-pricing tbody tr:last-child { border-bottom:0; }
.hollow-product .hp-pricing tbody th { padding:25px 16px; text-align:left; color:var(--navy); font-size:var(--ht-text-table); line-height:1.5; font-weight:700; }
.hollow-product .hp-pricing tbody td { padding:25px 16px; color:var(--ht-color-text-muted); font-size:var(--ht-text-table); line-height:1.5; }
.hollow-product .hp-pricing tbody .hp-pricing-price { text-align:right; color:var(--navy); font-size:var(--ht-text-table); letter-spacing:0; font-weight:700; white-space:nowrap; }
.hollow-product .hp-pricing-notes { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:22px 48px 25px; background:var(--ht-color-bg); border-top:1px solid var(--ht-color-border); }
.hollow-product .hp-pricing-notes p { color:var(--ht-color-text-muted); font-size:var(--public-text-small); line-height:1.6; }
.hollow-product .hp-pricing-notes .hp-pricing-vat { display:flex; align-items:center; gap:9px; color:var(--ht-color-text-muted); font-size:var(--public-text-small); font-weight:600; }
.hollow-product .hp-pricing-vat .icon { width:18px; height:18px; color:var(--ht-color-primary); }
.hollow-product .hp-pricing-contact { display:flex; align-items:center; gap:20px; padding:27px 30px; margin-top:24px; border:1px solid var(--ht-color-border); border-radius:var(--ht-radius-card); background:var(--ht-color-bg-subtle); }
.hollow-product .hp-pricing-contact-icon { display:flex; align-items:center; justify-content:center; flex:none; width:62px; height:62px; border:2px solid var(--ht-color-bg); border-radius:50%; background:var(--ht-color-bg); color:var(--ht-color-primary); }
.hollow-product .hp-pricing-contact-icon .icon { width:29px; height:29px; }
.hollow-product .hp-pricing-contact-copy { flex:1; min-width:0; }
.hollow-product .hp-pricing-contact h3 { margin-bottom:7px; font-size:var(--public-text-h3); line-height:1.3; letter-spacing:0; }
.hollow-product .hp-pricing-contact p { color:var(--ht-color-text-muted); font-size:var(--public-text-body); line-height:1.6; }
.hollow-product .hp-pricing-cta { flex:none; min-height:62px; padding:18px 23px; gap:12px; border:0; border-radius:var(--ht-radius-control); background:var(--ht-button-bg, var(--ht-color-primary)); color:var(--ht-color-bg); font-size:var(--public-text-button); line-height:1.4; font-weight:700; white-space:nowrap; box-shadow:none; }
@media (hover:hover) and (pointer:fine) {
.hollow-product .hp-pricing-cta:hover { background:var(--ht-button-bg, var(--ht-color-primary)); } }
.hollow-product .hp-pricing-cta .icon { width:24px; height:24px; }
.hollow-product .hp-pricing-cta .icon:last-child { margin-left:7px; }
.hollow-product .hp-pricing-cta:focus-visible { outline:3px solid var(--ht-color-primary); outline-offset:3px; }
@media(max-width:1100px) {
  .hollow-product .hp-pricing-contact { flex-wrap:wrap; }
  .hollow-product .hp-pricing-contact-copy { flex-basis:calc(100% - 82px); }
  .hollow-product .hp-pricing-cta { width:100%; }
}
@media(max-width:767px) {
  .hollow-product .hp-pricing { padding-top:32px; }
  .hollow-product .hp-pricing-intro { margin-bottom:24px; }
  .hollow-product .hp-pricing-intro h2 { font-size:var(--public-text-h2); letter-spacing:0; }
  .hollow-product .hp-pricing-intro p { margin-top:13px; font-size:var(--public-text-body); }
  .hollow-product .hp-pricing-card { border-radius:var(--ht-radius-card); }
  .hollow-product .hp-pricing-meta { flex-direction:column; align-items:flex-start; gap:14px; padding:20px; }
  .hollow-product .hp-pricing-size { font-size:var(--public-text-body); gap:9px; }
  .hollow-product .hp-pricing-size .icon { width:23px; height:23px; }
  .hollow-product .hp-pricing-colors { font-size:var(--public-text-body); gap:23px; }
  .hollow-product .hp-pricing-swatch { width:16px; height:16px; }
  .hollow-product .hp-pricing-table-wrap { padding:0 8px; }
  .hollow-product .hp-pricing col:nth-child(1) { width:34%; }
  .hollow-product .hp-pricing col:nth-child(3) { width:36%; }
  .hollow-product .hp-pricing thead th { padding:16px 9px; font-size:var(--ht-text-table); letter-spacing:0; }
  .hollow-product .hp-pricing tbody th { padding:20px 9px; font-size:var(--ht-text-table); white-space:nowrap; }
  .hollow-product .hp-pricing tbody td { padding:20px 9px; font-size:var(--ht-text-table); }
  .hollow-product .hp-pricing tbody .hp-pricing-price { font-size:var(--ht-text-table); letter-spacing:0; }
  .hollow-product .hp-pricing-thickness span { display:block; }
  .hollow-product .hp-pricing-thickness span:last-child { white-space:nowrap; }
  .hollow-product .hp-pricing-notes { flex-direction:column; align-items:flex-start; gap:10px; padding:18px 20px; }
  .hollow-product .hp-pricing-notes p { font-size:var(--public-text-small); }
  .hollow-product .hp-pricing-notes .hp-pricing-vat { font-size:var(--public-text-small); gap:8px; }
  .hollow-product .hp-pricing-vat .icon { width:16px; height:16px; }
  .hollow-product .hp-pricing-contact { padding:22px 20px; gap:14px; margin-top:20px; }
  .hollow-product .hp-pricing-contact-icon { width:44px; height:44px; }
  .hollow-product .hp-pricing-contact-icon .icon { width:24px; height:24px; }
  .hollow-product .hp-pricing-contact-copy { flex-basis:calc(100% - 58px); }
  .hollow-product .hp-pricing-contact h3 { font-size:var(--public-text-h3); margin-bottom:8px; }
  .hollow-product .hp-pricing-contact p { font-size:var(--public-text-body); }
  .hollow-product .hp-pricing-cta { margin-top:5px; min-height:58px; font-size:var(--public-text-button); padding:16px; }
  .hollow-product .hp-pricing-cta .icon:last-child { margin-left:auto; }
}
@media(max-width:359px) {
  .hollow-product .hp-pricing-table-wrap { padding-inline:6px; }
  .hollow-product .hp-pricing col:nth-child(1) { width:36%; }
  .hollow-product .hp-pricing col:nth-child(2) { width:28%; }
  .hollow-product .hp-pricing thead th { padding-inline:6px; font-size:var(--ht-text-table); }
  .hollow-product .hp-pricing tbody th { padding-inline:6px; font-size:var(--ht-text-table); }
  .hollow-product .hp-pricing tbody td { padding-inline:6px; font-size:var(--ht-text-table); }
  .hollow-product .hp-pricing tbody .hp-pricing-price { font-size:var(--ht-text-table); }
  .hollow-product .hp-pricing-cta { gap:6px; padding-inline:12px; font-size:var(--public-text-button); }
  .hollow-product .hp-pricing-cta .icon { width:22px; height:22px; }
}

.hollow-product .hp-illustration figcaption { position:static; width:auto; max-width:none; transform:none; text-align:left; font-style:normal; margin:8px 0 0; }

/* Approved image handoff: preserve the supplied photo crops and whole samples. */
.hollow-product .hp-application-photo img { aspect-ratio:4 / 3; }
.hollow-product :is(.hp-color-image,.hp-selection-image) { object-fit:contain; }