/* Round 28: approved nine plates, glass ribbon, translucent backing. */
body[data-state=product] .scene:before,body[data-state=product] .scene:after{display:none!important}
.product-background-field{display:none;position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center top;background-size:100% 100%;background-repeat:no-repeat;opacity:.84}
body[data-state=product] .product-background-field{display:block}
body[data-state=product] .reading-layout{position:relative;z-index:2}
body[data-state=product] .reading-chapter{position:relative}
body[data-state=product] .chapter-heading{border-top:1px solid #a5bda66b;padding-top:12px}
body[data-state=product] #chapter-identity,body[data-state=product] #chapter-applications{min-height:76vh;padding-top:45px}
body[data-state=product] .identity-portrait{background:#f6f5ef65;border-color:#bbcbb56b}
body[data-state=product] .source-register{background:linear-gradient(90deg,#f6f5efaa,transparent)}
/* Four compact cards in the whole-product collection; retain three featured images. */
@media(min-width:821px){
 #productBoard .board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 #productBoard .board-card{padding:13px}
 #productBoard .board-card .board-art{height:125px;padding-bottom:9px}
 #productBoard .board-card h3{font-size:15px;line-height:1.4}
 #productBoard .board-card>p{font-size:9px;min-height:28px;margin-bottom:10px}
 #productBoard .board-card .board-family{margin-top:8px;margin-bottom:5px;font-size:8px}
 #productBoard .board-card-foot{font-size:8px;gap:5px;flex-wrap:wrap;padding-top:9px}
 #productBoard .board-source{font-size:8px;margin-top:4px}
}
@media(max-width:820px) and (min-width:651px){#productBoard .board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#productBoard .board-card{padding:12px}#productBoard .board-card .board-art{height:115px}}

@media(max-width:650px){body[data-state=product] #chapter-identity,body[data-state=product] #chapter-applications{min-height:0}#productBoard .board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* The product model is the only three-dimensional structure on the detail page. */
body[data-state=product] #art,body[data-state=product] .technical-field,body[data-state=product] .detail-field,body[data-state=product] .spatial-field,body[data-state=product] .reaction-sequence{display:none!important}
/* Selected nine originals; reversible paper blending only. */
.product-background-field{overflow:hidden;opacity:1;background:#f6f5ef;isolation:isolate}
.background-guides{position:absolute;inset:0;background-image:linear-gradient(#7e998907 1px,transparent 1px),linear-gradient(90deg,#7e998907 1px,transparent 1px);background-size:112px 112px}
.background-plate{position:absolute;margin:0;top:var(--top);width:var(--width);opacity:var(--alpha);pointer-events:none;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent,#000 19%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 19%,#000 72%,transparent)}
.background-plate img{display:block;width:100%;height:auto;filter:grayscale(.48) saturate(.5);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 89%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 89%,transparent)}
.product-background-field .side-right{right:-8%}.product-background-field .side-left{left:-3%}
body[data-state=product] .product-visuals{position:relative;background:linear-gradient(90deg,#f6f5efbf,#f6f5eff0 70%,#f6f5efe8);border-bottom-color:#acbea6}
body[data-state=product] .identity-portrait{background:#f6f5efbf}
body[data-state=product] .identity-data,body[data-state=product] .application-copy{position:relative}

/* The recovered glass ribbon is decorative scenery only, exclusive to intermediates. */
.product-background-field[data-theme="2"] .background-plate[data-plate="glass-ribbon"]{right:-1%;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 78%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 78%,transparent)}
.product-background-field[data-theme="2"] .background-plate[data-plate="glass-ribbon"] img{mask-image:linear-gradient(90deg,transparent,#000 24%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 86%,transparent)}
@media(max-width:650px){.product-background-field[data-theme="2"] .background-plate[data-plate="glass-ribbon"]{width:88%;right:-19%;top:7%;opacity:.13}}

/* Lower only the paper backing; text and molecular geometry keep full opacity. */
body[data-state=product] .product-visuals{background:linear-gradient(90deg,#f6f5ef24,#f6f5ef40 55%,#f6f5ef14);border-top-color:#a5b99b66;border-bottom-color:#a5b99b66}
body[data-state=product] .identity-portrait{background:#f6f5ef28;border-color:#bbcbb540}
body[data-state=product] .product-visuals .molecular-stage{background:transparent}
body[data-state=product] .product-visuals .visual-pending{background:transparent}
@media(max-width:650px){.product-background-field{opacity:1}.background-plate{width:155%;opacity:calc(var(--alpha)*.7)}.product-background-field .side-right{right:-42%}.product-background-field .side-left{left:-25%}}
@media(max-width:650px){.product-background-field[data-theme="2"] .background-plate[data-plate="glass-ribbon"]{width:88%;right:-19%;top:7%;opacity:.13}}