/* QX v2.6.1 authentic product-image roles. Scope is limited to audited image slots. */
.q6 .q5-main .qx-stage{box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;background:#1b2428;isolation:isolate}
.q6 .q5-main .qx-image-frame{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;position:relative;max-width:100%;border:0;background:transparent}
.q6 .q5-main .qx-stage .qx-image-frame img{display:block;position:static;inset:auto;transform:none;filter:none;object-fit:contain;object-position:center;width:auto;height:auto;max-width:100%;max-height:100%;border:0;padding:0;margin:0;flex:none}
.q6 .q5-main .stage-source-plate .qx-image-frame{background:#fff;border:1px solid #748084;border-radius:3px;width:176px;height:208px;overflow:visible}
.q6 .q5-main .stage-source-plate .qx-image-frame img{height:100%;width:auto;max-width:100%}
.q6 .q5-main .stage-source-plate .qx-source-square img{width:calc(100% - 14px);height:auto}
.q6 .q5-main .stage-editorial-photo .qx-image-frame{border:1px solid #45545a;border-radius:3px;background:#171f22;padding:0;overflow:hidden}
.q6 .q5-main .stage-lowres-evidence .qx-image-frame{border:1px solid #748084;border-radius:3px;background:#fff;padding:6px;width:274px;max-width:100%}
.q6 .q5-main .stage-lowres-evidence .qx-image-frame img{width:260px;max-width:100%;height:auto;max-height:138px}
/* Full catalog image regions share a center line and outer-stage rhythm. */
.q6 .q5-main .qx-stage-catalog{height:242px;min-height:242px;padding:16px;align-items:center;justify-content:center}
.q6 .q5-main .qx-stage-catalog.stage-transparent-product .qx-image-frame{width:100%;height:216px}
.q6 .q5-main .qx-stage-catalog.stage-transparent-product img{height:216px;width:auto;max-width:100%;max-height:216px}
.q6 .q5-main .qx-stage-catalog .qx-photo-portrait img{height:204px;width:auto;max-width:100%}
.q6 .q5-main .qx-stage-catalog .qx-photo-wide img{width:270px;height:auto;max-height:204px;max-width:100%}
.q6 .q5-main .qx-stage-catalog .qx-alpha-wide img{width:100%;height:auto;max-height:230px}
.q6 .q5-main .qx-stage-catalog .qx-padded-square img{width:216px;height:216px;max-width:none}
/* Existing compact/related slots retain their columns and text areas. */
.q6 .q5-main .qx-stage-compact{padding:8px;align-items:center;justify-content:center}
.q6 .q5-main .qx-stage-compact .qx-image-frame{max-width:100%;width:100%;height:144px}
.q6 .q5-main .qx-stage-compact.stage-transparent-product img{height:144px;width:auto;max-width:none;max-height:144px}
.q6 .q5-main .qx-stage-compact .qx-alpha-wide img{width:100%;height:auto;max-height:144px;max-width:100%}
.q6 .q5-main .qx-stage-compact.stage-source-plate .qx-image-frame{width:112px;height:140px}
.q6 .q5-main .qx-stage-compact.stage-editorial-photo .qx-image-frame{height:auto;width:auto;max-width:100%}
.q6 .q5-main .qx-stage-compact.stage-editorial-photo img{height:auto;max-height:144px;max-width:100%;width:auto}
.q6 .q5-main .qx-stage-compact.stage-lowres-evidence .qx-image-frame{height:auto;max-width:100%;padding:4px}
.q6 .q5-main .qx-stage-compact.stage-lowres-evidence img{height:auto;max-height:138px;width:260px;max-width:100%}
.q6 .q5-main .qx-stage-selected.stage-source-plate .qx-image-frame{width:96px;height:124px}
.q6 .q5-main .qx-stage-selected.stage-transparent-product img{height:128px;max-height:128px}
.q6 .q5-main .qx-stage-selected .qx-alpha-wide img{height:auto;max-height:128px}
/* Five-family navigation uses bounded images without changing its approved grid. */
.q6 .q5-main .qx-stage-family{padding:0;height:105px;min-height:0;background:transparent}
.q6 .q5-main .qx-stage-family .qx-image-frame{height:94px;max-width:100%;width:auto}
.q6 .q5-main .qx-stage-family.stage-source-plate .qx-image-frame{height:96px;width:92px}
.q6 .q5-main .qx-stage-family.stage-transparent-product img{height:98px;width:auto;max-height:98px;max-width:100%}
.q6 .q5-main .qx-stage-family .qx-alpha-wide img{width:190px;max-width:100%;height:auto;max-height:95px}
.q6 .q5-main .qx-stage-family.stage-editorial-photo img{height:94px;width:auto;max-width:100%}
.q6 .q5-main .qx-stage-direction{width:160px;height:175px;padding:0;background:transparent}
.q6 .q5-main .qx-stage-direction.stage-transparent-product img{height:164px;width:auto;max-width:100%;max-height:164px}
.q6 .q5-main .qx-stage-direction.stage-editorial-photo img{width:160px;height:auto;max-height:170px;max-width:100%}
/* Main stages reserve an independent lower rail for existing zoom controls. */
.q6 .q5-main .qx-stage-pdp{width:100%;max-width:none;min-height:0;height:420px;padding:24px 24px 64px;gap:0;justify-self:center}
.q6 .q5-main .qx-stage-pdp .qx-image-frame{height:328px;width:100%;max-height:328px}
.q6 .q5-main .qx-stage-pdp.stage-transparent-product img{height:328px;width:auto;max-width:100%;max-height:328px}
.q6 .q5-main .qx-stage-pdp.stage-source-plate .qx-image-frame{width:284px;height:328px}
.q6 .q5-main .qx-stage-pdp.stage-editorial-photo{max-width:440px}
.q6 .q5-main .qx-stage-pdp.stage-editorial-photo .qx-image-frame{height:auto;width:auto;max-width:100%}
.q6 .q5-main .qx-stage-pdp .qx-photo-portrait img{height:300px;width:auto;max-width:100%;max-height:300px}
.q6 .q5-main .qx-stage-pdp .qx-photo-wide img{width:340px;height:auto;max-width:100%;max-height:300px}
.q6 .q5-main .qx-stage-pdp.stage-lowres-evidence{max-width:440px;height:280px;padding:30px}
.q6 .q5-main .qx-stage-pdp.stage-lowres-evidence .qx-image-frame{width:318px;height:auto;max-width:100%;padding:6px}
.q6 .q5-main .qx-stage-pdp.stage-lowres-evidence img{width:304px;height:auto;max-width:100%;max-height:138px}
.q6 .q5-main .qx-stage-pdp.qx-finder,.q6 .q5-main .qx-stage-pdp.qx-watch{max-width:440px}
.q6 .q5-main .qx-stage-pdp.qx-finder img,.q6 .q5-main .qx-stage-pdp.qx-watch img{height:312px;max-height:312px;width:auto;max-width:100%}
.q6 .q5-main .qx-stage-pdp.qx-watch .qx-padded-square img{width:312px;height:312px;max-width:none}
.q6 .q5-main .qx-stage-pdp .q6-view-image{position:absolute;inset:auto 16px 12px auto;margin:0;align-self:auto;z-index:2}
/* Source plate in the existing resource illustration; captions are preserved. */
.q6 .q5-main .qx-stage-scene{flex-direction:column;gap:14px}
.q6 .q5-main .qx-stage-scene.stage-source-plate .qx-image-frame{width:240px;height:280px}
.q6 .q5-main .qx-stage-scene figcaption{width:100%}
/* Conditional large views use the same genuine source, with no new zoom UI. */
.q6 .q5-main .qx-stage-zoom{flex-direction:column;gap:18px;padding:24px}
.q6 .q5-main .qx-stage-zoom .qx-image-frame{max-width:100%;width:auto;height:auto}
.q6 .q5-main .qx-stage-zoom.stage-source-plate .qx-image-frame{width:380px;height:430px;max-height:62vh}
.q6 .q5-main .qx-stage-zoom.stage-transparent-product img{width:auto;max-width:100%;height:auto;max-height:62vh}
@media(max-width:1100px) and (min-width:761px){.q6 .q5-main .qx-stage-direction{width:110px}.q6 .q5-main .qx-stage-direction img{max-width:100%}}
@media(max-width:760px){
 .q6 .q5-main .qx-stage-catalog{height:100%;min-height:200px;padding:6px}
 .q6 .q5-main .qx-stage-catalog .qx-image-frame{max-width:100%}
 .q6 .q5-main .qx-stage-catalog.stage-source-plate .qx-image-frame{width:108px;height:128px}
 .q6 .q5-main .qx-stage-catalog.stage-source-plate .qx-source-square img{width:calc(100% - 4px);height:auto}
 .q6 .q5-main .qx-stage-catalog.stage-transparent-product .qx-image-frame{width:100%;height:144px}
 .q6 .q5-main .qx-stage-catalog.stage-transparent-product img{height:138px;width:auto;max-width:none;max-height:144px}
 .q6 .q5-main .qx-stage-catalog .qx-padded-square img{width:144px;height:144px;max-width:none}
 .q6 .q5-main .qx-stage-catalog.stage-editorial-photo img{width:100%;height:auto;max-width:100%;max-height:148px}
 .q6 .q5-main .qx-stage-catalog.stage-lowres-evidence .qx-image-frame{width:100%;height:auto;padding:4px}
 .q6 .q5-main .qx-stage-catalog.stage-lowres-evidence img{height:auto;width:100%;max-width:100%;max-height:138px}
 .q6 .q5-main .qx-stage-catalog.qx-wide-slot{height:210px;min-height:210px;padding:6px}
 .q6 .q5-main .qx-stage-catalog.qx-wide-slot .qx-image-frame{height:198px}
 .q6 .q5-main .qx-stage-catalog.qx-wide-slot .qx-alpha-wide img{width:100%;height:auto;max-width:100%;max-height:198px}
 .q6 .q5-main .qx-stage-catalog.qx-wide-slot .qx-padded-square img{width:198px;height:198px;max-height:198px;max-width:none}
 .q6 .q5-main .qx-stage-compact{padding:6px}
 .q6 .q5-main .qx-stage-compact .qx-image-frame{height:118px}
 .q6 .q5-main .qx-stage-compact.stage-transparent-product img{height:118px;max-height:118px;max-width:none}
 .q6 .q5-main .qx-stage-compact .qx-alpha-wide img{width:100%;height:auto;max-width:100%;max-height:118px}
 .q6 .q5-main .qx-stage-compact.stage-source-plate .qx-image-frame{width:86px;height:108px}
 .q6 .q5-main .qx-stage-compact.stage-source-plate .qx-source-square img{width:calc(100% - 4px)}
 .q6 .q5-main .qx-stage-compact.stage-editorial-photo .qx-image-frame{height:auto}
 .q6 .q5-main .qx-stage-compact.stage-editorial-photo img{width:auto;height:auto;max-width:100%;max-height:118px}
 .q6 .q5-main .qx-stage-selected.stage-source-plate .qx-image-frame{width:94px;height:120px}
 .q6 .q5-main .qx-stage-family{height:90px}
 .q6 .q5-main .qx-stage-family .qx-image-frame,.q6 .q5-main .qx-stage-family.stage-source-plate .qx-image-frame{height:84px;width:80px}
 .q6 .q5-main .qx-stage-family.stage-transparent-product img{height:90px;max-height:90px;width:auto;max-width:none}
 .q6 .q5-main .qx-stage-family .qx-alpha-wide img{width:135px;height:auto;max-width:none;max-height:84px}
 .q6 .q5-main .qx-stage-family.stage-editorial-photo img{height:84px;max-height:84px;width:auto}
 .q6 .q5-main .qx-stage-direction{width:100px;height:140px}
 .q6 .q5-main .qx-stage-direction.stage-transparent-product img{height:126px;width:auto;max-width:100%;max-height:126px}
 .q6 .q5-main .qx-stage-direction.stage-editorial-photo img{width:100px;height:auto;max-width:100%;max-height:130px}
 .q6 .q5-main .qx-stage-pdp{height:338px;padding:18px 18px 62px;width:100%;max-width:100%}
 .q6 .q5-main .qx-stage-pdp .qx-image-frame{height:254px;max-height:254px}
 .q6 .q5-main .qx-stage-pdp.stage-transparent-product img{height:254px;max-height:254px;width:auto;max-width:100%}
 .q6 .q5-main .qx-stage-pdp.stage-source-plate .qx-image-frame{height:254px;width:220px}
 .q6 .q5-main .qx-stage-pdp.stage-source-plate .qx-source-square img{width:calc(100% - 14px);height:auto}
 .q6 .q5-main .qx-stage-pdp.stage-editorial-photo{height:350px;max-width:100%}
 .q6 .q5-main .qx-stage-pdp .qx-photo-portrait img{height:260px;max-height:260px;width:auto;max-width:100%}
 .q6 .q5-main .qx-stage-pdp .qx-photo-wide img{width:292px;height:auto;max-height:260px;max-width:100%}
 .q6 .q5-main .qx-stage-pdp.stage-lowres-evidence{height:220px;padding:20px;max-width:100%}
 .q6 .q5-main .qx-stage-pdp.stage-lowres-evidence .qx-image-frame{width:306px;height:auto;max-width:100%;padding:6px}
 .q6 .q5-main .qx-stage-pdp.stage-lowres-evidence img{width:292px;max-width:100%;max-height:138px;height:auto}
 .q6 .q5-main .qx-stage-pdp.qx-finder,.q6 .q5-main .qx-stage-pdp.qx-watch{height:338px;max-width:100%}
 .q6 .q5-main .qx-stage-pdp.qx-finder img{height:254px;max-height:254px;width:auto;max-width:100%}
 .q6 .q5-main .qx-stage-pdp.qx-watch .qx-padded-square img{width:254px;height:254px;max-height:254px;max-width:none}
 .q6 .q5-main .qx-stage-scene.stage-source-plate .qx-image-frame{width:220px;height:254px}
 .q6 .q5-main .qx-stage-zoom{padding:12px}
 .q6 .q5-main .qx-stage-zoom.stage-source-plate .qx-image-frame{width:254px;height:294px;max-width:100%}
}
