/* Scoped master product presentation. No existing page styles are overwritten. */
.pf { color: var(--premio-navy); background: var(--premio-white); }
.pf [hidden] { display: none !important; }
.pf-wrap { width: min(100% - 96px, 1344px); margin-inline: auto; }
.pf-section { padding-block: 72px; }
.pf h1,.pf h2,.pf h3,.pf p,.pf dl { margin-top: 0; }
.pf h2 { margin-bottom: 32px; font-size: clamp(30px,3.2vw,44px); line-height: 1.13; font-weight: 700; letter-spacing: -1px; }
.pf-eyebrow { margin-bottom: 18px; font-size: 11px; font-weight: 600; line-height: 1.3; letter-spacing: 1.6px; }
.pf-hero { padding: 44px 0 0; overflow: clip; background: var(--premio-navy); color: var(--premio-white); }
.pf-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 48px; align-items: center; }
.pf-hero__copy { padding-bottom: 32px; }
.pf-hero .pf-eyebrow { color: var(--premio-cyan); }
.pf h1 { margin-bottom: 20px; font-size: clamp(40px,4.1vw,60px); line-height: 1.03; font-weight: 800; letter-spacing: -1.8px; }
.pf h1 span { color: var(--premio-cyan); }
.pf-config { margin-bottom: 4px; font-size: 20px; line-height: 1.4; }
.pf-model { margin-bottom: 24px; font-size: 11px; letter-spacing: 1.2px; color: var(--premio-light-grey); }
.pf-model strong { margin-left: 8px; color: var(--premio-white); font-weight: 600; }
.pf-configurator { margin: 0; }
.pf-visual-selects { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pf fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.pf legend { margin-bottom: 10px; padding: 0; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; }
.pf-options { display: flex; gap: 6px; }
.pf-options label { position: relative; flex: 1; cursor: pointer; }
.pf-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.pf-options span { display: flex; justify-content: center; align-items: center; min-height: 44px; padding: 10px 8px; border: 1px solid rgb(128 207 227 / 30%); font-size: 10px; font-weight: 600; text-transform: uppercase; transition: background 200ms ease, border-color 200ms ease; }
.pf-options input:checked + span { border-color: var(--premio-cyan); background: var(--premio-cyan); color: var(--premio-navy); }
.pf-options input:focus-visible + span { outline: 2px solid var(--premio-white); outline-offset: 3px; }
.pf-options label:hover span { border-color: var(--premio-cyan); }
.pf-native-selects select { width: 100%; margin: 6px 0 12px; }
.pf .pf-price { margin: 24px 0 18px; font-size: 28px; font-weight: 600; letter-spacing: -0.7px; }
.pf-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 40px; padding: 16px 24px; border: 0; border-radius: 0; background: var(--premio-cyan); color: var(--premio-navy); font: 700 11px/1.3 'Poppins',sans-serif; letter-spacing: .7px; text-decoration: none; cursor: pointer; transition: box-shadow 200ms cubic-bezier(.22,1,.36,1); }
.pf-button:hover { box-shadow: inset 0 0 0 1px var(--premio-navy); color: var(--premio-navy); }
.pf-button:focus-visible,.pf summary:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 4px; }
.pf-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
/* object-fit: contain (rather than the old per-image hand-tuned absolute-position crop) is what
   makes an arbitrary-length, arbitrary-composition gallery possible: a front-view product cutout,
   an open-door angle, and a tight full-bleed detail shot all have different native proportions and
   padding, so no single crop transform could fit all of them -- contain works for any image without
   per-photo tuning. */
.pf-visual { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; isolation: isolate; }
.pf-visual::before { content: ''; position: absolute; z-index: -1; inset: 4% -10%; background: radial-gradient(ellipse, rgb(128 207 227 / 9%), transparent 70%); pointer-events: none; }
.pf-image-bounds { position: relative; width: 100%; height: 560px; overflow: hidden; }
.pf .pf-product-image { display: block; width: 100%; height: 100%; object-fit: contain; }

/* Hover-zoom target: an invisible element sized/positioned by JS to exactly match the *visible*
   image content inside .pf-image-bounds (object-fit: contain can letterbox photos whose own
   proportions don't match the frame), so WooCommerce's own zoom.js -- which assumes its target's
   box IS the image -- stays aligned with the cursor at every edge. jQuery Zoom injects its own
   zoomed-image layer into this element on hover; nothing to style here beyond position/size and
   disabling it entirely on touch, where there's no hover to trigger it anyway. */
.pf-zoom-target { position: absolute; z-index: 2; cursor: zoom-in; }
@media (hover: none), (pointer: coarse) {
	.pf-zoom-target { display: none; }
}

/* Thumbnail strip: only rendered (server-side and in JS) when a variation has more than one
   image, so a single-image variation looks exactly as before -- no empty row. */
.pf-thumbs { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.pf-thumb { flex: none; width: 64px; height: 64px; padding: 4px; border: 1px solid rgb(128 207 227 / 25%); background: rgb(255 255 255 / 4%); cursor: pointer; transition: border-color 200ms ease; }
.pf-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pf-thumb:hover { border-color: rgb(128 207 227 / 60%); }
.pf-thumb.is-active { border-color: var(--premio-cyan); }
.pf-thumb:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 2px; }
.pf-key-specs { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 0; border-top: 1px solid rgb(128 207 227 / 35%); }
.pf-key-specs div { padding: 20px 24px; border-right: 1px solid rgb(128 207 227 / 15%); }
.pf-key-specs div:first-child { padding-left: 0; }.pf-key-specs div:last-child { border-right: 0; }
.pf-key-specs dt { font-size: 10px; color: var(--premio-light-grey); letter-spacing: .5px; margin-bottom: 8px; }
.pf-key-specs dd { margin: 0; font-size: 18px; font-weight: 600; }
.pf-benefits .pf-eyebrow { color: var(--premio-grey); }
.pf-advantages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 44px 56px; list-style: none; padding: 0; margin: 40px 0 0; }
.pf-advantages li { border-top: 1px solid var(--premio-light-grey); padding-top: 20px; }
.pf-advantages__number { display: block; margin-bottom: 16px; color: var(--premio-cyan); font-size: 28px; line-height: 1.2; font-weight: 600; }
.pf-advantages h3 { margin-bottom: 14px; font-size: 18px; line-height: 1.4; font-weight: 700; }
.pf .pf-advantages p { margin-bottom: 0; font-size: 14px; line-height: 1.65; }
.pf .pf-advantages .pf-advantages__lead { margin-bottom: 12px; font-size: 16px; line-height: 1.5; font-weight: 600; }
@media (max-width: 767px) {
	.pf-advantages { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
	.pf-advantages li { padding-top: 18px; }
	.pf-advantages__number { font-size: 24px; margin-bottom: 12px; }
	.pf-advantages h3 { font-size: 17px; margin-bottom: 12px; }
}
.pf-technical { background: var(--premio-white); color: var(--premio-navy); }
.pf-technical__grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 72px; align-items: start; }
.pf-technical .pf-eyebrow { color: var(--premio-cyan); }
.pf-technical__model { margin: 0 0 8px; color: var(--premio-cyan); font-size: 26px; font-weight: 600; }
.pf-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; }
.pf-table caption { text-align: left; font-size: 12px; color: var(--premio-navy); padding-bottom: 18px; }
.pf-table th,.pf-table td { padding: 14px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--premio-light-grey); }
.pf-table th { width: 44%; padding-right: 20px; font-weight: 400; color: var(--premio-navy); }.pf-table td { font-weight: 600; }
.pf-documents details { border-top: 1px solid var(--premio-light-grey); }.pf-documents details:last-child { border-bottom: 1px solid var(--premio-light-grey); }
.pf-documents summary { padding: 20px 0; cursor: pointer; font-size: 15px; font-weight: 600; }.pf-documents details p { font-size: 14px; color: var(--premio-grey); }
.pf-documents a { color: var(--premio-navy); }
.pf-rfq { background: var(--premio-light-grey); scroll-margin-top: 100px; }
.pf-rfq__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.pf-rfq__selection { display: grid; gap: 8px; font-size: 20px; }
.pf-rfq-form { display: grid; gap: 16px; }.pf-rfq-form label { display: grid; gap: 7px; font-size: 12px; font-weight: 600; }
.pf-rfq-form input,.pf-rfq-form textarea { width: 100%; border: 1px solid rgb(16 32 51 / 25%); background: transparent; border-radius: 0; padding: 12px; color: var(--premio-navy); font-size: 16px; }
.pf-rfq-form input:focus-visible,.pf-rfq-form textarea:focus-visible { outline: 2px solid var(--premio-navy); outline-offset: 2px; }
.pf-rfq-form .pf-button { justify-self: start; }.pf-rfq-form__note { font-size: 11px; line-height: 1.5; margin: 0; }
.pf-confirmation { border-left: 3px solid var(--premio-navy); padding: 12px 18px; font-size: 14px; }
/* Desktop technical density; retain comfortable tablet/mobile spacing. */
@media (min-width: 1200px) {
	.pf-technical { padding-block: 48px; }
	.pf-technical__grid { gap: 56px; }
	.pf-technical .pf-eyebrow { margin-bottom: 12px; }
	.pf-technical h2 { margin-bottom: 22px; }
	.pf .pf-technical__model { margin-bottom: 6px; }
	.pf-technical .pf-table caption { padding-bottom: 12px; }
	.pf-technical .pf-table th,.pf-technical .pf-table td { padding-block: 8px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.pf-wrap { width: calc(100% - 48px); }.pf-hero__grid { gap: 24px; }.pf-image-bounds { height: 510px; }.pf-visual-selects { grid-template-columns: 1fr; gap: 14px; }.pf h1 { font-size: 40px; }
	.pf-key-specs dd { font-size: 15px; }.pf-technical__grid,.pf-rfq__grid { gap: 40px; }
	/* Existing header markup, styled only on this product where tablet was previously absent. */
	.premio-flagship-page .premio-header-slot,.premio-flagship-page .premio-header { display: block; }
	.premio-flagship-page .premio-header__inner { display: flex; align-items: center; gap: 24px; padding: 16px 24px; }
	.premio-flagship-page .premio-header__logo { display: block; width: 140px; }
	.premio-flagship-page .premio-header__brand { flex: 0 0 140px; }
	.premio-flagship-page .premio-header__menu { display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 0; margin: 0; list-style: none; }
	.premio-flagship-page .premio-header__link { color: var(--premio-white); text-decoration: none; font-size: 11px; }
	.premio-flagship-page .premio-header__cta { display: none; }
}
@media (max-width: 767px) {
	.pf-wrap { width: calc(100% - 40px); }.pf-section { padding-block: 44px; }.pf-hero { padding-top: 32px; }
	.pf h1 { font-size: clamp(32px,8.7vw,46px); letter-spacing: -1.2px; }.pf h2 { font-size: 30px; }
	.pf-hero__grid { grid-template-columns: 1fr; gap: 0; }.pf-hero__copy { padding-bottom: 8px; }.pf-config { font-size: 18px; }
	.pf-visual-selects { grid-template-columns: 1fr; gap: 16px; }.pf-options span { font-size: 11px; min-height: 46px; }.pf-price { font-size: 26px; margin-top: 22px; }
	.pf-hero .pf-button { width: 100%; }.pf-visual { margin-block: 12px; }.pf-image-bounds { height: 320px; }.pf-thumb { width: 52px; height: 52px; }
	.pf-key-specs { grid-template-columns: 1fr 1fr; }.pf-key-specs div { padding: 16px 12px; border-bottom: 1px solid rgb(128 207 227 / 15%); }.pf-key-specs div:nth-child(odd) { padding-left: 0; }.pf-key-specs div:nth-child(even) { border-right: 0; }.pf-key-specs dd { font-size: 16px; }
	.pf-technical__grid,.pf-rfq__grid { grid-template-columns: 1fr; gap: 28px; }.pf-table { font-size: 13px; }.pf-table th { padding-right: 12px; }.pf-table td { overflow-wrap: anywhere; }
	.pf-rfq-form .pf-button { width: 100%; }.pf-rfq { scroll-margin-top: 84px; }
}
/* Preserve the reusable footer file; responsive layout applies only to this product. */
@media (max-width: 1199px) {
	.premio-flagship-page .premio-footer { display: block; padding: 40px 24px 24px; background: var(--premio-navy); color: var(--premio-white); font-size: 13px; }
	.premio-flagship-page .premio-footer__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; }
	.premio-flagship-page .premio-footer__logo { width: 150px; height: auto; }.premio-flagship-page .premio-footer__heading { color: var(--premio-cyan); font-size: 12px; letter-spacing: 1px; }
	.premio-flagship-page .premio-footer__list,.premio-flagship-page .premio-footer__contact { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; font-style: normal; }
	.premio-flagship-page .premio-footer a { color: inherit; text-decoration: none; }.premio-flagship-page .premio-footer a:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 3px; }
	.premio-flagship-page .premio-footer__bottom { margin-top: 30px; padding-top: 18px; border-top: 1px solid rgb(128 207 227 / 20%); font-size: 12px; }.premio-flagship-page .premio-footer__legal { display: flex; flex-wrap: wrap; gap: 18px; list-style: none; padding: 0; }
}
@media (max-width: 400px) { .premio-flagship-page .premio-footer__grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .pf *, .pf *::before { transition: none !important; scroll-behavior: auto !important; } }

/* Isolated CN1400A annual energy comparison. */
.pf-energy { background: var(--premio-navy); color: var(--premio-white); }
.pf-energy .pf-eyebrow { color: var(--premio-cyan); }
.pf-energy__intro { max-width: 780px; }
.pf-energy__intro > p:last-child { margin-bottom: 0; font-size: 16px; line-height: 1.65; color: var(--premio-light-grey); }
.pf-energy__comparison { display: grid; gap: 32px; margin-top: 40px; }
.pf-energy__label { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 12px; }
.pf-energy__label h3 { margin-bottom: 0; font-size: 13px; line-height: 1.5; font-weight: 600; letter-spacing: .4px; }
.pf .pf-energy__label p { flex-shrink: 0; margin-bottom: 0; font-size: 28px; line-height: 1.25; font-weight: 600; font-variant-numeric: tabular-nums; }
.pf-energy__label p span { font-size: 13px; font-weight: 400; }
.pf-energy__track { height: 12px; background: rgb(229 229 229 / 8%); overflow: hidden; }
.pf-energy__fill { display: block; height: 100%; background: var(--premio-grey); transform-origin: left center; }
.pf-energy__row--premio .pf-energy__fill { background: var(--premio-cyan); }
.pf-energy__row--premio .pf-energy__label p { color: var(--premio-cyan); }
.pf-energy__results { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 44px; padding-top: 28px; border-top: 1px solid rgb(128 207 227 / 18%); }
.pf .pf-energy__figure { margin-bottom: 8px; color: var(--premio-cyan); font-size: clamp(40px,4.5vw,60px); font-weight: 600; line-height: 1.1; letter-spacing: -1px; }
.pf-energy__figure span { font-size: 24px; letter-spacing: 0; }
.pf .pf-energy__caption { margin-bottom: 0; font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: .6px; }
.pf .pf-energy__note { max-width: 920px; margin: 28px 0 0; font-size: 11px; line-height: 1.6; color: var(--premio-light-grey); }
@media (max-width: 767px) {
 .pf-energy__label { flex-direction: column; gap: 8px; }
 .pf-energy__comparison { margin-top: 28px; gap: 28px; }
 .pf-energy__results { grid-template-columns: 1fr; gap: 24px; margin-top: 32px; padding-top: 24px; }
 .pf-energy__intro > p:last-child { font-size: 15px; }
}