/** Shopify CDN: Minification failed
Line 826:18 Unexpected "{"
**/
/* Video Mount Store CSS 02/22/2023-b */
* {
margin: 0;
padding: 0;
}
html {
margin: 0;
margin: 0;
padding: 0;
z-index: 1;
text-align: center;
}
body {
margin: 0;
padding: 0;
z-index: 1;
text-align: center;
font-size: 1em;
font-family: 'Montserrat', serif;
background: transparent url(/cdn/shop/t/9/assets/body-1200.gif?v=1776563755) repeat-y scroll center top;
}
#container {
overflow: hidden;
background-color: #8686A0;
}
form {
margin: 0;
padding: 0;
z-index: 1;
}
fieldset {
margin: 0;
padding: 0;
z-index: 1;
}
img {
border: none;
}
h1 {
font-size: 1.5em;
font-weight: bold;
color: #000000;
margin:1px;
line-height: 1.4em;
}
h2 {
font-size: 1.1em;
font-weight: 500;
color: #000000;
margin:4px;
line-height: 20px;
}
h3 {
color: #663300;
font-size: 10px;
text-align: center;
}
#logoandphone {
background-color: #FFFFFF;
width: 100%;
}
#headlogo {
padding-top: 10px;
padding-bottom: 10px;
}
#phonehours {
padding-top: 5px;
padding-bottom:5px;
}
.phonenumber {
font-size: 2em;
font-weight: 600;
color: #000000;
}
.phonenumber a {
text-decoration: none !important;
}
.hours {
line-height:13px;
font-size: 11px;
font-weight:normal;
color: #000000;
}
#navigation {
width: 100%;
height: 30px;
padding-top:5px;
padding-bottom:5px;
float: left;
clear:both;
background-color:#000000;
}
#navigation ul {
margin: 0;
padding: 0;
}
#navigation ul li {
text-align: center;
text-transform: capitalize;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navigation ul li a:link, #navigation ul li a:visited {
color: #fff;
line-height: 1em;
text-decoration: none;
text-align: center;
background-color: #1D3858;
/* background-color:#524D47; */
margin-left: 10px;
padding: 8px 6px 7px;
float: left;
}
#navigation ul li a:link.current, #navigation ul li a:visited.current {
color: #272a2d;
font-weight: bold;
text-decoration: none;
background: #fff;
}
#navigation ul li a:hover {
color: #272a2d;
background: #fff;
}
#navigation #navigation-topics li{
float:right;
}
.searchbar {
width: 100%;
height: 100%;
max-width: 300px;
display: inline-flex;
}
.searchbar--max-width {
max-width: 100%;
}
.searchbar__input {
flex-grow: 1;
padding: 8px;
outline: none;
border: 1px solid grey;
border-radius: 5px;
background: #FFFFFF;
transition: background 0.25s, box-shadow 0.25s;
font-size: 16px;
align: bottom;
}
.searchbar__input:focus {
background: #f0f0f0;
box-shadow: 0 0 2px #F0F0F0;
}
.searchbar__button {
width: 40px;
background: black;
color: #ffffff;
border: 0px ;
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
}
object{
pointer-events: none;
}
.icon {
padding: 0px;
margins: 0px;
height: 16px;
vertical-align: middle;
display: inline-block;
}
li#view-cart {
}
#tagline {
width: 100%;
height: 18px;
padding-top:5px;
padding-bottom:5px;
background-color:#EEEEEE;
color: #000000;
}
div#page {
background-color: #8686A0;
overflow: hidden;
}
#sidenav {
background-color: #8686A0;
}
#sidenav .boxcontent {
padding: 0px 5px 0px 5px;
}
ul#menu {
list-style-type: none;
border-top: solid 1px #DDDDDD;
text-align: left;
}
ul#menu ol {
text-align: left;
text-indent: 15px;
list-style-type: none;
margin: 0;
padding: 0px;
background-color: #F0F0F0;
}
ul#menu li,
ul#menu a {
font-size: 12px;
color: #000000;
}
ul#menu li {
border-bottom: solid 1px #DDDDDD;
font-weight: 600;
padding: .3em;
}
ul#menu ol li {
border-bottom: none;
color: #002AFF;
}
ul#menu ol li a {
color: #002AFF;
}
ul#menu ol li a:hover {
text-decoration: underline;
}
ul#menu ol li:before {
content: "- ";
}
ul#menu a {
text-decoration: none;
outline: none;
}
ul#menu a:hover {
color: #002AFF;
}
ul#menu a.active {
color: #002AFF;
}
ul#menu2 {
list-style-type: none;
text-align: left;
}
ul#menu2 li,
ul#menu2 a {
font-size: 12px;
color: #000000;
}
ul#menu2 li {
border-bottom: solid 1px #DDDDDD;
font-weight: 600;
padding: .3em;
}
ul#menu2 a {
text-decoration: none;
outline: none;
}
ul#menu2 a:hover {
color: #002AFF;
}
ul#menu2 a.active {
color: #002AFF;
}
#contents {
background-color: #FFFFFF;
}
#contents .boxcontent {
min-height: 522px;
height:auto !important;
height:522px;
margin: 0px 10px 0px 10px;
}
#contents ul {
padding-left: 2em;
}
#contents ol {
padding-left: 2em;
}
.breadcrumbs {
font-size: .8em;
text-align: left;
line-height: 1.3em;
}
table.breadcrumbs {
width: 100%;
}
table.finder td {
font-size: 11px;
color: #000000;
margin:1px;
line-height: 12px;
border: 1px solid #B9B4B4;
background-color:#DDDDDD;
}
table.sectionnormal { /* USED on Section Pages */
font-size: 1em;
padding-top: 1px;
}
table.pagetable { /* Mount Finder Results */
line-height: 20px;
}
table.normal {
font-size: 1em;
color: #000000;
margin:0px;
line-height: 1.3em
}
table.normal td ol {
padding-left: 2em;
}
.pagetitle {
border: 1px solid #8686A0;
border-radius: 10px;
padding-top: 3px;
padding-bottom: 6px;
}
.pagetitle H1{
color: 2B167B;
line-height: 1.3em;
}
tr.belowpagetitle {
height: 10px;
}
.img-border {
margin: 1px;
}
.img-border img{
border: 1px solid #8686A0;
}
.mainitemimage {
font-size: .9em;
box-shadow: 0 2px 7px #dfdfdf;
border-radius: 10px;
}
.ordertablecell {
background-color: #f1f1f1;
border-radius: 10px;
padding-left: 10px;
padding-right: 10px;
}
table.order {
font-size: .9em;
color: #000000;
line-height: 1.5em;
table-layout: fixed;
width: 100%;
vertical-align: middle;
}
table.order td {
text-align: left;
padding-left: 40px;
}
table.order td input {
vertical-align: middle;
}
table.order td.order-options {
text-align: left;
padding-left: 50px;
border: 1px solid orange;
border-radius: 10px;
}
table.order td.order-add-to-cart {
border: 1px solid orange;
border-radius: 10px;
padding-bottom: 3px;
padding-top: 5px;
padding-bottom: 5px;
}
.item-number
.order-price
.order-options
.order-add-to-cart
.order-availability
td.order-free-shipping{
text-align: center;
color: #663300;
}
.order-free-shipping img {
float: left;
}
.order-documentation {
background-color: c0c0c0;
text-align: center;
}
.order-schematic
.order-instructions
table.landingcontents {
border-collapse: collapse;
}
.section-regular-price {
font-size: 10px;
color: #777777;
}
.sale-price {
font-size: 12px;
}
.colheading {
font-size: 20px;
color: #000000;
text-align: center;
background-color: #FFFF00;
}
.column1,.column3,.column5{
background-color: #ffffff;
}
.column2,.column4,{
background-color: #b9b4b4;
}
.picturecell {
border-top: 1px solid #8686A0;
border-left: 1px solid #8686A0;
border-right: 1px solid #8686A0;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin: 1px;
vertical-align: middle;
width: 170px;
}
.textcell {
border-bottom: 1px solid #8686A0;
border-left: 1px solid #8686A0;
border-right: 1px solid #8686A0;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
width: 170px;
font-size: .9em;
line-height: 1.2em;
}
.product-details {
border: 1px solid #CCCCCC;
font-size: 14px;
color: 2B167B;
}
.recommended-screen-sizes {
border: 1px solid #CCCCCC;
}
.maximum-weight {
border: 1px solid #CCCCCC;
}
.tilt-range {
border: 1px solid #CCCCCC;
}
.vesa-standards {
border: 1px solid #CCCCCC;
}
.distance-from-wall {
border: 1px solid #CCCCCC;
}
.distance-from-ceiling {
border: 1px solid #CCCCCC;
}
.manufacturer {
border: 1px solid #CCCCCC;
}
.other-part-numbers {
border: 1px solid #CCCCCC;
}
.mounting-holes-left {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
font-size: 12px;
line-height: 12px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
.mounting-holes {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
font-size: 11px;
line-height: 12px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
padding-left: 0px;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #E5E5E5;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 12px Arial;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
div#screensize {
background-image: url(/cdn/shop/t/9/assets/diagonalscreen.jpg?v=1776563749);
background-repeat: no-repeat;
height: 90px;
width: 160px;
text-align: center
}
div#mountinghole {
background-image: url(/cdn/shop/t/9/assets/mountingholes.jpg?v=1776563751);
background-repeat: no-repeat;
height: 90px;
width: 160px;
font-size: xx-small;
text-align: left
}
div#weightrating {
background-image: url(/cdn/shop/t/9/assets/weightrating.jpg?v=1776563758);
background-repeat: no-repeat;
height: 90px;
text-align: center;
background-position: center;
padding-bottom: 15px;
}
div#tilt {
background-image: url(/cdn/shop/t/9/assets/finaltilt.jpg?v=1776563759);
background-repeat: no-repeat;
height: 90px;
text-align: center;
background-position: center
}
#rightbar {
font-size: 1em;
color: #000000;
text-align: center;
line-height: 1.2em;
text-decoration:none;
background-color:#8686A0;
overflow: hidden;
}
#rightbar a {
color: #000000;
text-align: center;
line-height: 1.2em;
text-decoration:none;
}
.free {
color: #FF0000;
font-weight: bold;
font-size: 1.5em;
line-height: 1em;
}
#rightbar .boxcontent {
padding: 0px 10px 0px 10px;
}
#crosssell .boxcontent {
height: 110px;
line-height: 14px;
}
#recentview {
padding-top: 20px;
height: 200px;
}
#wallshelves {
line-height: 1.2em;
}
#cables {
line-height: 1.2em;
}
#recentview .boxcontent {
height: 180px;
}
#rvbox {
text-align: left;
font-size: 1em;
line-height: 1.2em;
}
#rv-table table {
border-top: 1px solid #dddddd;
}
#rv-table td {
text-align: center;
font-size: 11px;
vertical-align: top;
}
#rv-table .sale-price {
color: red;
}
#footer {
color: #ffffff;
padding-top: 10px;
line-height: 1.2em;
font-size: .9em;
}
#footer a {
color: #F0F8FF;
}
#footerlinks {
}
.warning {
padding: 15px;
}
div#footerlinks ul {
padding-left: 2em;
list-style-type: disc;
text-align: left;
padding-left: 2em;
list-style-type: disc;
}
.box {
background: #FFFFFF;
}
.boxtop {
background: url(/cdn/shop/t/9/assets/ne.gif?v=1776563747) no-repeat top right;
padding: 0px;
}
.boxtop div {
font-size: 0;
height: 10px;
background: url(/cdn/shop/t/9/assets/nw.gif?v=1776563753) no-repeat top left;
}
.boxbottom {
background: url(/cdn/shop/t/9/assets/se.gif?v=1776563752) no-repeat bottom right;
}
.boxbottom div {
font-size: 0;
height: 10px;
background: url(/cdn/shop/t/9/assets/sw.gif?v=1776563746) no-repeat bottom left;
}
.boxcontent {
padding: 0px 5px 0px 5px;
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('https://sep.turbifycdn.com/ty/cdn/yhst-2728692162660/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/cdn/shop/t/9/assets/prevlabel.gif?v=1776563754) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/cdn/shop/t/9/assets/nextlabel.gif?v=1776563748) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
table#starthere {
background: transparent url(/cdn/shop/t/9/assets/starthere-2.jpg?v=1776563757);
width: 600px;
height: 225px;
}
/* The wider the #wrapper is, the more columns will fit in it */
#six_column_wrapper{
width: 900px;
text-align: center;
}
ul.six_columns {
margin: 0 auto;
padding: 0;
padding-left: 0em;
}
/* The wider this li is, the fewer columns will be */
ul.six_columns li{
text-align: left;
float: left;
list-style: none;
height: 220px;
width: 140px;
border: 0px solid #000000;
margin: 5px 5px 0px 5px;
text-align: center;
line-height: 15px;
text-decoration: none;
}
table#featured-products {
text-decoration: none;
line-height: 15px;
}
table#featured-products a {
text-decoration: none;
}
.featured-items {
font-size: 20px;
text-decoration: none;
line-height: 22px;
}
/* VMS transition-clone — fix #5: restore .sale-section font-size lost in migration.
Turbify's inline .sale-section rule sets font-size:16px, but the cloned Shopify
version (in page.metafields.migration.raw_html) is missing that declaration.
This rule restores it site-wide across all VMS-legacy pages. */
.sale-section {
font-size: 16px !important;
}
/* ============================================================================
* Step C fix #11: BR line-box parity for #phonehours and #rightbar
* ----------------------------------------------------------------------------
* Turbify renders in quirks mode; Shopify renders in standards mode. Standards
* mode allocates a ~19px line box for every isolated
inside a block IFC;
* quirks mode collapses it. This caused #phonehours +6px and #rightbar +40px
* vs Turbify.
*
* Fix: remove the BRs (display:none) and recreate their visual effect via block
* layout / block margins. Tested live on ceiling-mounts 2026-04-20 — exact
* Turbify match (62/62 and 591/591).
*
* Scope: these selectors target #phonehours and #rightbar IDs that only appear
* in VMS-legacy transition-clone DOM. Zero effect on default Trade theme pages.
*
* margin-top history: originally 9.25px = (40-3)/4 where -3 compensated for
* the FOR HELP box being 3px taller than Turbify (C3.2 defect, unfixed at the
* time). Fix #17 resolved C3.2, dropping FOR HELP from 95→92px. With the
* compensation no longer needed, margin corrected to 10px = 40/4 (exact
* Turbify BR gap, no magic number). Verified live: #rightbar 591px. ✓
* ============================================================================ */
#phonehours br { display: none !important; }
#phonehours .hours { display: block !important; }
#rightbar > br { display: none !important; }
#rightbar > div.box:not(:first-child) { margin-top: 10px !important; }
/* Step C fix #14: product-grid cell alignment — textcell top/start, picturecell start only.
NOTE: fix #14a below restores picturecell vertical-align to Turbify ground truth (middle).
The combined intent of #14 + #14a: textcell=top/start, picturecell=middle/start. */
#contents td.textcell,
#contents td.picturecell {
vertical-align: top !important;
text-align: start !important;
}
/* Step C fix #14a: restore td.picturecell vertical-align to Turbify ground truth.
Fix #14 over-reached — Turbify has picturecell vertical-align:middle (not top).
Verified live 2026-04-20 via tab 920877983: image y_offset=17 in 148h cell at middle,
y_offset=6 at top (wrong). Counter-rule appended to preserve audit trail. */
#contents td.picturecell {
vertical-align: middle !important;
}
/* ============================================================================
* Step C fix #16: #badges BR line-box (quirks-vs-standards, category C3.1)
* ----------------------------------------------------------------------------
* #badges contains a
between its two lines of content. Standards mode
* allocates a ~19px line box for the isolated BR; quirks mode collapses it.
* Result: #badges offsetHeight = 65px in Shopify vs 48px in Turbify (+17px).
* Fix: display:none the BR — same pattern as fix #11 for #phonehours/#rightbar.
* Verified live before apply: #badges h = 48px with rule active.
* Catalog: C3.1 — BR line-box allocation (third instance after #phonehours/#rightbar).
* ============================================================================ */
#badges br { display: none !important; }
/* ============================================================================
* Step C fix #17 + fix #22: FOR HELP box height and phone number position
* ----------------------------------------------------------------------------
* FIX #17 (line-height: 0): FOR HELP box height — font inline-strut (C3.2)
*
* The FOR HELP box (.box:first-child in #rightbar) contains .free with
* 800-585-8795 (fontSize=13px). In standards mode,
* line-height is inherited as an ABSOLUTE computed value (24px from .free's
* 1em×24px). The inline box (lineHeight=24px, fontSize=13px) extends
* ~3.5px BELOW the parent strut's inline box (font bottom=B+8 vs strut B+4.5),
* inflating line 3 from 24px to ~27.5px. Result: FOR HELP box = 95px vs 92px.
*
* In Turbify (quirks mode): line-height: 1em on is computed relative to
* the ELEMENT's own fontSize (13px → lineHeight=13px), so the font stays within
* the strut. Standards mode inherits the computed absolute 24px, causing overflow.
*
* Fix #17: line-height: 0 eliminates the element's inline box extension.
* The parent strut (24px) still defines the line box height for line 3 — no
* visual content is clipped, text still renders at 13px. Scoped to #rightbar
* to avoid affecting any other .free elements on future pages.
* Catalog: resolves C3.2 (previously latent/not addressed).
*
* Side effect: fix #11's margin-top corrected from 9.25px to 10px (see above).
*
* FIX #22 (vertical-align: 3px): phone number y-position — sTypo/hhea baseline
* compensation (2026-04-22)
*
* Fix #17's line-height: 0 side effect: phone number sits 3px lower than Turbify.
* Root cause: standards mode uses sTypo font metrics for strut ascent/descent;
* Turbify's quirks mode uses hhea metrics. Same Montserrat font, different metric
* set — baseline is 3px higher in quirks mode within the 24px line box. The font
* position is invariant to line-height changes (strut baseline is fixed by the
* parent's font metrics); vertical-align is the only lever. Live-tested across all
* line-height values (0, 1em, 13px, 24px, normal, inherit) — all produce fontTop=195.
* Only vertical-align: 3px produces the target fontTop=192 (Turbify ground truth).
* freeHeight stays 72px, boxH stays 92px. First-principles compensation for a
* documented browser-engine metric divergence — not a magic number.
* Verified live 2026-04-22: fontTop 195→192 ✓, freeH 72px ✓, boxH 92px ✓.
* ============================================================================ */
#rightbar .free font { line-height: 0 !important; vertical-align: 3px !important; }
/* ============================================================================
* Step C fix #18: #contents text-align inheritance counter-rule
* ----------------------------------------------------------------------------
* #container has text-align: center which cascades into #contents. On
* ceiling-mounts (product grid), td specificity from fixes #14/#14a shields
* cell content from the inherited center. On unin (prose/article structure),
* bare paragraphs and inline elements have no such specificity shield and
* render centered instead of Turbify's left-aligned.
* Fix: text-align: start on #contents overrides the inherited center value.
* Verified live: unin prose left-aligned; ceiling-mounts product grid unchanged
* (td.textcell/td.picturecell specificity still wins). Safe globally.
* ============================================================================ */
#contents { text-align: start !important; }
/* ============================================================================
* Step C fix #19: post-image BR strut height in prose FONT IFC (C3.1)
* ----------------------------------------------------------------------------
* In unin's photo/prose section, each installation photo (IMG) is followed by
* a BR before the caption text. In standards mode, the BR creates its own 19px
* empty line box on the line after the image (the BR's own client rect lands at
* imgBottom+0 to imgBottom+19, separate from the image's line box). Turbify
* (quirks mode) collapses these — they generate no client rect.
*
* DOM-origin confirmed: all 11 BRs are present in the Turbify source HTML
* (identical 27-node FONT child list on both sides). Pure C3.1 rendering
* difference — fix is CSS, not raw_html strip.
*
* Four BRs targeted (img + br in tables[1] FONT):
* after unistrut_intall_1.jpg, _2.jpg, _3.jpg, _4.jpg
* Each removes one 19px empty line box -> 4 x 19 = 76px total reduction.
* Shopify tables[1]: 2287px -> 2211px (matches Turbify ground truth exactly).
*
* display:none mechanism: removes BR from IFC entirely. Images (500px) in
* 644px cell — caption text wraps below each image naturally (confirmed via
* captionBelowImage check on all 4 BRs). Layout preserved.
*
* Selector also matches 4 trans_1x1.gif spacer BRs in tables[0] (product grid)
* — those BRs generate 0 client rects already; display:none has no visual
* effect on them. Zero match on ceiling-mounts (no FONT+img+BR in product grid).
* ============================================================================ */
#contents font img + br { display: none !important; }
/* ============================================================================
* Step C fix #20b: Remove dead #rightbar br line-height rule (archaeology cleanup)
* ----------------------------------------------------------------------------
* Original Turbify CSS contained: #rightbar br { line-height: 10px; }
* Fix #11 sets #rightbar > br { display: none !important; } — all rightbar BRs
* are hidden. line-height on a display:none element has no rendering effect.
* Confirmed dead code in archaeology sweep 2026-04-21. Rule removed.
* ============================================================================ */
/* ============================================================================
* Step C fix #20a: img.full-width margin override — targeted exception to rule 5c
* ----------------------------------------------------------------------------
* vms-mirror.liquid rule 5c: #container img { display: block !important;
* margin: 0 auto !important; vertical-align: bottom !important; }
* The display:block and vertical-align:bottom properties are load-bearing.
* The margin:0 auto is correct for -wrapped product grid thumbnails
* (produces same visual centering as Turbify's text-align:-webkit-center).
* It is WRONG for img.full-width (installation photos): these images are
* inside in , no ancestor, TD text-align:start all the
* way up. Turbify shows offsetFromCellLeft=0 (left edge). Shopify with
* margin:0 auto centers them with 72px computed margins — visual mismatch.
*
* Fix: override margin to 0 for img.full-width only. display:block is
* preserved — live-test showed display:revert (inline) causes +30px
* regression in grid table height (C3.1 IFC struts in standards mode).
* Archaeology note: rule 5c is 2/3 load-bearing, 1/3 wrong (per-property,
* not per-rule classification). See theme_ops/vms-theme-archaeology-2026-04-21.md.
* ============================================================================ */
#container img.full-width { margin: 0 !important; }
/* ============================================================================
* Step C fix #20c: post-anchor BR strut height in nav-table FONT IFC (C3.1)
* ----------------------------------------------------------------------------
* On manufacturers (shop-by-manufacturer), each nav-table row has the structure:
* ![]() ![]()
* br1 (after ) is NOT matched by fix #19's "font img + br" selector, which
* requires ![]() immediately before
. In standards mode, br1 creates a 16px
* inline line-box (C3.1), inflating the TR from 18px → 21px (+3px net).
* Rule 5c also promotes img_spacer to display:block (block-in-inline split),
* compounding the layout change, but br1 is the proximate cause.
*
* Fix: display:none on
immediately after inside inside #contents.
* Selector "font a + br" is specific to nav-table anchor rows; low blast radius.
* Paired with fix #20d. Both diagnostics from 2026-04-25 batch-5 Step D walk.
* ============================================================================ */
#contents font a + br { display: none !important; }
/* ============================================================================
* Step C fix #20d: post-full-width-img BR strut height (C3.1, block-in-IFC)
* ----------------------------------------------------------------------------
* On baflpamoin (basic-flat-panel-mounting-information), installation photos
* (img.full-width inside div.sectionnormal) are each followed by a
.
* Rule 5c (#container img { display: block !important }) promotes img.full-width
* from inline to block. The
that follows starts a new IFC after the block,
* becoming its sole content — creating a 19px line-box (font ~16px × 1.2
* line-height) as visible blank space between photos. Turbify (quirks mode):
* img.full-width is inline;
terminates the line and collapses to 0px.
*
* Fix #19 ("font img + br") does NOT match here — parent is , not .
* Fix: display:none on
immediately after img.full-width inside #contents.
* img.full-width only appears on installation/diagram photos; safe scope.
* Verified Turbify ground truth: all 4 img.full-width BRs = height 0px (quirks
* collapse). All 4 Shopify BRs = height 19px before fix → 0px after fix.
* ============================================================================ */
#contents img.full-width + br { display: none !important; }
|