/* Shared technical feature treatment, matching the approved homepage advantages. */
.product-page .feature-section{background:var(--hc-surface-grey);color:var(--hc-color-graphite);padding-block:4.5rem;margin-block-end:clamp(4rem,8vw,7rem);border:0;border-radius:1.25rem}
.product-page .feature-section h2{max-inline-size:none;margin-block:0 1.75rem}
.product-page .feature-section .shell>p{max-inline-size:58rem}
.product-page .feature-section .product-section-heading{margin-block-end:3rem}
.product-page .feature-section :is(.technical-grid,.product-facts){gap:0 4rem;margin-block:2.5rem 0}
.product-page .feature-section .feature-item{position:relative;isolation:isolate;min-inline-size:0;border:0;padding:2rem 0 2.5rem;background:transparent;transition:none}
.product-page .feature-section .feature-item::before{content:'';position:absolute;inset:.5rem -.875rem;width:auto;height:auto;z-index:-1;border:0;border-radius:1.25rem;background:transparent;opacity:1;transition:background-color .2s ease;pointer-events:none}
.product-page .feature-section .feature-item:is(:hover,:focus-within)::before{background:#fff}
.product-page .feature-section .feature-heading{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;align-items:center;margin:0 0 1.25rem}
.product-page .feature-section .feature-item :is(h3,dt){font-family:var(--hc-font-heading);font-size:1.625rem;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--hc-color-graphite);margin:0;text-wrap:balance}
.product-page .feature-section .feature-number{position:relative;display:grid;place-items:center;inline-size:2.75rem;aspect-ratio:1.154700538;color:#fff;font-family:var(--hc-font-body);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.product-page .feature-section .feature-number svg{position:absolute;inset:0;inline-size:100%;block-size:100%;fill:var(--hc-color-graphite)}
.product-page .feature-section .feature-number>span{position:relative}
.product-page .feature-section .feature-item :is(p,dd,ul){margin:0 0 0 3.75rem;max-inline-size:36rem;color:var(--hc-color-muted);font-size:1rem;line-height:1.65}
.product-page .feature-section .feature-item p+p{margin-block-start:1rem}
.product-page .feature-section .product-specs__grid>div>h3{color:var(--hc-color-graphite)}
.product-page .feature-section .feature-item dt .feature-heading{margin-block-end:1.25rem}
.product-page .feature-panel{padding:2rem;margin:0;border-radius:1.25rem}
@media(max-width:60rem){.product-page .feature-section :is(.technical-grid,.product-facts){column-gap:2rem}.product-page .feature-section .feature-item :is(p,dd,ul){margin-inline-start:0}}
@media(max-width:40rem){.product-page .feature-section{padding-block:3rem;margin-block-end:4rem}.product-page .feature-section .feature-item{padding-block:1.5rem 2rem}.product-page .feature-section .feature-item :is(h3,dt){font-size:1.5rem}.product-page .feature-section .feature-heading{gap:.875rem}.product-page .feature-panel{padding:1.5rem;margin:0}}
@media(prefers-reduced-motion:reduce){.product-page .feature-section .feature-item::before{transition:none}}

/* Match the homepage panel edges to the shared shell content, not its outer padding. */
.product-page>.feature-section{
 inline-size:calc(100% - var(--hc-gutter) - var(--hc-gutter));
 max-inline-size:calc(var(--hc-content-width) - var(--hc-gutter) - var(--hc-gutter));
 margin-inline:auto;
}
.product-page>.feature-section>.shell{padding-inline:clamp(1.5rem,4vw,4rem)}
/* Embedded panels already sit inside a shell column; do not subtract gutters twice. */
.product-page .feature-panel{min-inline-size:0;inline-size:100%}
@media(max-width:40rem){.product-page>.feature-section>.shell{padding-inline:1.25rem}}