Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-designer-block data-id="44" class="avb-typography dsg-block-44-iac_ha"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nomp">  <div class="avb-list avb-list--horizontal dsg-block-44-list-iac_ha">  <div class="avb-list__item dsg-block-44-list-item-iac_ha"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-iac_ha"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-iac_ha"> <div class="avb-wrapper"> <avb-link data-href="https://www.spichers.com/promotions/neco/iac/2025/bsse"> <avb-picture class="avb-picture avb-picture--full" data-alt="Big Summer Sale"> <avb-picture-source class="dsg-block-44__image-iac_ha" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/july/iac_bsse-2025_ha-logo.png?w=600"></avb-picture-source> </avb-picture> </avb-link> </div> </div> </div> </div>    <div class="avb-list__item dsg-block-44-list-item-iac_ha"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-iac_ha"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-iac_ha"> <div class="avb-wrapper"> <p class="avb-typography__paragraph dsg-block-44__iac_ha-date"> OFFER ENDS 8/18/25 </p> </div> </div> </div> </div>  <div class="avb-list__item dsg-block-44-list-item-iac_ha"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-iac_ha"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-iac_ha"> <div class="avb-wrapper">     <avb-link class="avb-link avb-button avb-button--primary dsg-block-44__button_iac_ha" data-href="https://www.spichers.com/promotions/neco/iac/2025/bsse"> <span class="dsg-block-44__iac_ha-text">Shop The Sale</span> </avb-link> </div> </div> </div> </div> </div> </div> </div> </avb-designer-block> <style> @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap'); @import url('https://use.typekit.net/rqb6wfj.css'); /**block-44**/ .dsg-block-44-iac_ha { margin-top: 0; margin-bottom: 0; background-position: 100% 30%; /* background-color: #FFADFA;*/ background-size: cover; background-image: url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/july/iac_bsse-2025_ha-bg.jpg); } .dsg-block-44-list-iac_ha { list-style: none; justify-content: center; margin: 0; border-radius: 0px; /* background-image: url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/june/iac_june-grill-2025_ha-bg.jpg); background: linear-gradient(to right, rgba(56, 39, 35, .5) 0%, rgba(56, 39, 35, .5) 100%); */ padding: 4px; } .dsg-block-44-list-item-iac_ha { display: flex; flex-direction: column; flex-basis: auto; max-width: fit-content; margin: 0; padding: 0 0.5rem; text-align: center; align-items: center; justify-content: center; } /** NOTE -- Change to flex: 1; if you'd like the column width to auto adjust to the space with no specific width limit **/ .dsg-block-44-list-item-iac_ha:first-child { padding-bottom: 0; /* padding-left: 0;*/ order: 1; } .dsg-block-44-list-item-iac_ha:nth-child(2) { flex: 0 0 100%; max-width: 100%; order: 2; } .dsg-block-44-list-item-iac_ha:nth-child(3) { padding-bottom: 0; order: 3; } .dsg-block-44-list-item-iac_ha:last-child { padding-bottom: 0; order: 4; } .dsg-block-44__background-iac_ha { width: 100%; padding: 0rem; } .dsg-block-44__content-iac_ha { text-align: center; padding: 0rem; margin-bottom: 4px; margin-top: 4px; } .dsg-block-44__iac_ha-title { margin: 0 0.5rem 0 0.5rem; color: #c63263; text-align: center; font-size: 1.1rem; line-height: 1.1rem; font-weight: 600; padding: 0; } .dsg-block-44__iac_ha-paragraph { margin: 0.3rem 0.1rem 0.3rem; color: #c63263; text-align: center; font-size: 0.8rem; line-height: 1rem; font-weight: 400; padding: 0; } .dsg-block-44__iac_ha-date { margin: 0.3rem 0.1rem 0.3rem; font-size: 0.85rem; line-height: 0.75rem; font-weight: 600; padding: 0 0.1rem 0; color: #c63263; text-align: center; } .dsg-block-44__image-iac_ha { padding: 0rem; width: 40%; margin: 0 auto; } .dsg-block-44__iac_ha-text { display: block; line-height: normal; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { background-color: #c63263; color: #fff; border-radius: 0px; border: none; font-weight: 600; font-size: 0.65rem; margin: 3px; padding: 0.2rem .25rem; min-height: 10px; justify-content: center; border: solid 2px #c63263; } .dsg-block-44__button_iac_ha:hover, .dsg-block-44__button_iac_ha:active { background-color: unset; color: #c63263; border: solid 2px #c63263; } @media screen and (min-width: 600px) { .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { min-height: 0; } .dsg-block-44__iac_ha-paragraph { font-size: 1rem; } .dsg-block-44__iac_ha-date { font-size: 1rem; line-height: 1rem; } .dsg-block-44-list-item-iac_ha:first-child { flex: 0 0 30%; max-width: 30%; } .dsg-block-44-list-item-iac_ha:nth-child(2) { flex-basis: auto; max-width: 30%; } .dsg-block-44-list-item-iac_ha:nth-child(3) { padding-bottom: 0; } .dsg-block-44-list-item-iac_ha:last-child { padding-bottom: 0; max-width: 30%; } .dsg-block-44__image-iac_ha { width: 40%; } .dsg-block-44-list-item-iac_ha { padding: 0 .5rem; } } @media screen and (min-width: 960px) { .dsg-block-44-iac_ha { background-position: 100% 30%; } .dsg-block-44__image-iac_ha { width: 90%; padding: 0.5rem 0; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { font-size: 0.85rem; line-height: 0.85rem; min-height: 30px; padding: 0.25rem .75rem; justify-content: center; } .dsg-block-44-list-item-iac_ha:first-child { flex: 0 0 13%; max-width: 13%; } .dsg-block-44__iac_ha-title { font-size: 1.3rem; line-height: 1.3rem; } .dsg-block-44__iac_ha-paragraph { font-size: 1rem; line-height: 1rem; } .dsg-block-44__iac_ha-date { text-align: center; font-size: 1.5rem; line-height: 1.5rem; } /* Don't stack items on medium screens (keep all items in one row) */ /* .dsg-block-44-list-item-iac_ha { flex: 1; padding: 0 0.25rem; } */ } @media screen and (min-width: 1280px) { .dsg-block-44-iac_ha { background-position: 100% 30%; } .dsg-block-44__image-iac_ha { width: 80%; } .dsg-block-44-list-item-iac_ha { flex: 0 0 20%; max-width: 20%; padding: 0 1.5rem; } .dsg-block-44-list-item-iac_ha:first-child { flex: 0 0 20%; max-width: 20%; padding-bottom: 0; } .dsg-block-44__iac_ha-title { font-size: 1.5rem; line-height: 1.5rem; } .dsg-block-44__iac_ha-paragraph { font-size: 1rem; line-height: 1rem; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { font-size: 1rem; line-height: 1rem; padding: 0.5rem 1.5rem; } .dsg-block-44__iac_ha-date { text-align: center; font-size: 1.75rem; line-height: 1.75rem; } } @media screen and (min-width: 1600px) { .dsg-block-44__iac_ha-title { font-size: 1.8rem; line-height: 1.8rem; } .dsg-block-44__image-iac_ha { width: 60%; } .dsg-block-44__iac_ha-paragraph { font-size: 1.2rem; line-height: 1.2rem; } .dsg-block-44__iac_ha-date { text-align: center; font-size: 2rem; line-height: 2rem; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { } } </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content">  <avb-link class="dsg-tools-main-paragraph dsg-tools-color-primary dsg-block-28-header-before__link" data-href="https://www.spichers.com/builder-direct">  Builder &amp; Contractor Sales &raquo; LEARN MORE </avb-link>   </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { font-weight: 400; font-size: 1.1rem; transition: 0.3s; } .dsg-block-28-header-before__link:hover { text-decoration: underline; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Thermador® 30" Trim Kit

At a Glance

What We Offer

Get to know this product.

Product Overview

Product Overview

Useful Documents

Specifications

General Specs

More From the Manufacturer

Spichers Appliances & Security

Locations

Store Hours: Hagerstown & Winchester

Store Hours: Chambersburg

Connect With Us

General Specs
Width (in.)	30