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.mandmappliance.com/promotions/neco/iac/2025/holiday-savings/savings.html"> <avb-picture class="avb-picture avb-picture--full" data-alt="Holiday Savings"> <avb-picture-source class="dsg-block-44__image-iac_ha" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/december/iac_holiday-savings-2025_ha-logo-1.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-paragraph"> 12/11/25-12/24/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.mandmappliance.com/promotions/neco/iac/2025/holiday-savings/savings.html"> <span class="dsg-block-44__iac_ha-text">Shop Now</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'); @import url("https://use.typekit.net/ysl1dvd.css"); /**block-44**/ .dsg-block-44-iac_ha { margin-top: 0; margin-bottom: 0; background-position: 100% 100%; /* background-color: #e6ebf5; */ background-size: cover; background-image: url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/december/iac_holiday-savings-2025_ha-bg.jpg); /* background-image: linear-gradient(to bottom, rgba(63, 33, 20,0.4), rgba(63, 33, 20,0.4)), url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/november/iac_early-bf-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; margin: 0 2rem; 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: #e2b97d; text-align: center; font-size: 1.1rem; line-height: 1.1rem; padding: 0; font-family: "dm-sans", sans-serif; font-weight: 800; font-style: normal; } .dsg-block-44__iac_ha-paragraph { margin: 0.3rem 0.1rem 0.3rem; color: #fff; text-align: center; font-size: 0.8rem; line-height: 1rem; font-weight: 400; padding: 0; font-family: "dm-sans", sans-serif; font-style: normal; } .dsg-block-44__iac_ha-date { margin: 0.3rem 0.1rem 0.3rem; font-size: 11pt; line-height: 10pt; padding: 0 0.1rem 0; /* color: #fff;*/ text-align: center; text-transform: uppercase; font-family: "dm-sans", sans-serif; font-weight: 700; font-style: normal; animation: color-animation 2s linear infinite; } .dsg-block-44__image-iac_ha { padding: 0rem; width: 90%; margin: 0 auto; /* filter: drop-shadow(1px 1px 1px #000);*/ } .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: #e2b97d; color: #030e2e; 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 #fff;*/ } .dsg-block-44__button_iac_ha:hover, .dsg-block-44__button_iac_ha:active { background: #fff; color: #030e2e; /* border: solid 2px #fff;*/ } /* .dsg-block-44__iac_ha-sale-word-1 { --color-1: #ec1c24; --color-2: #fff; --color-3: #fff; } .dsg-block-44__iac_ha-sale-word-2 { --color-1: #fff; --color-2: #ec1c24; --color-3: #fff; } .dsg-block-44__iac_ha-sale-word-3 { --color-1: #fff; --color-2: #fff; --color-3: #ec1c24; } @keyframes color-animation { 0% {color: var(--color-1)} 32% {color: var(--color-1)} 33% {color: var(--color-2)} 65% {color: var(--color-2)} 66% {color: var(--color-3)} 99% {color: var(--color-3)} 100% {color: var(--color-1)} } */ @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: 20pt; line-height: 19pt; } .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: 40%;*/ } .dsg-block-44__image-iac_ha { width: 90%; } .dsg-block-44-list-item-iac_ha { padding: 0 .5rem; } } @media screen and (min-width: 960px) { .dsg-block-44-iac_ha { background-position: 100% 0%; } .dsg-block-44__image-iac_ha { width: 100%; 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: 15pt; line-height: 14pt; } /* 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% 0%; } .dsg-block-44__image-iac_ha { width: 100%; } .dsg-block-44-list-item-iac_ha { flex: 1 0 30%; /* 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: 25pt; line-height: 24pt; } } @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: 90%; } .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: 31pt; line-height: 30pt; } .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-main>  <avb-designer-block data-id="6" class="avb-typography dsg-block-6"> <div class="avb-grid avb-grid--container dsg-block-6-container"> <div class="avb-grid__column avb-grid__column--medium-6 dsg-block-6-column-left" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6__content"> <div class="avb-wrapper" data-aos="fade" data-aos-duration="3000" data-aos-once="true">  <avb-svg data-class="dsg-block-6-svg" data-url="https://cdn.avbportal.com/magento-media/demo/request-quote-icon-2.svg"></avb-svg> <h1 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-6__heading-line-1"> Request More Information </span> </h1> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-block-6-column-right" data-aos="fade-left" data-aos-duration="1000" data-aos-once="true"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6__content"> <div class="avb-wrapper"> <span class="dsg-tools-main-paragraph dsg-block-6-required-text"> <span class="dsg-block-6-required-red">*</span> indicates required </span>  <avb-magento-form> <form method="post" action="https://www.mandmappliance.com/api/rest/forms/" class="dsg-block-6-form"> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="name" type="text" id="form-name" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Name"> </div> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="email" type="email" id="email" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Email"> </div> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="zipCode" type="text" title="Zip code may only contain 5 numbers" pattern="\d{5}" id="zipCode" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Zip Code"> </div> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="phone" type="tel" title="Phone number may only contain 9-10 numbers" pattern="\d{9,10}" id="phone" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Phone"> </div> <span class="dsg-block-6-product-details"> <span class="dsg-tools-main-paragraph dsg-block-6-product-details-text ">Product Details</span> <div class="dsg-block-6-form__field dsg-block-6-form__field-autofilled">  <avb-query-autofill name="productName" type="text" id="productName" class="dsg-tools-main-paragraph dsg-block-6__form-input dsg-block-6__form-input-autofilled" disabled placeholder="Product Name"></avb-query-autofill> </div> <div class="dsg-block-6-form__field dsg-block-6-form__field-autofilled">  <avb-query-autofill name="productSKU" type="text" id="productSKU" class="dsg-tools-main-paragraph dsg-block-6__form-input dsg-block-6__form-input-autofilled" disabled placeholder="Product SKU"></avb-query-autofill> </div> </span> <div class="dsg-block-6-form__field">  <textarea name="message" type="text" id="message" class="dsg-tools-main-paragraph dsg-block-6__form-input-area" placeholder="Message"></textarea> </div> <div class="dsg-block-26__form-bottom"> <div class="captcha" data-captcha data-sitekey="6Lf0TYsfAAAAAEs3JmPi-1RhZL7Y1KlIRvvZfQM2"></div>  <div class="dsg-block-6-form__response dsg-block-6__success" data-response-type="success"></div> <div class="dsg-block-6-form__response dsg-block-6__failure" data-response-type="failure"></div>  <input class="avb-button avb-button--primary avb-button--dark dsg-tools-main-paragraph dsg-block-6__button" type="submit" value="Submit Request">  <input type="hidden" name="sender" id="sender" value="sales,custom2"> <input type="hidden" name="subject" id="subject" value="Quote Request"> <input type="hidden" name="type" id="type" value="quote"> <avb-query-autofill type="hidden" name="productID" id="productID"></avb-query-autofill> </div> </form> </avb-magento-form> </div> </div> </div> </div> </div> </avb-designer-block> </avb-main> <style> .dsg-block-6 { margin-top: 0rem; margin-bottom: 0rem; background-color:#f1f1f1; padding:2rem 1rem; } .dsg-block-6__background-1 { padding: 0.25rem; background-image: linear-gradient(to left, rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)), url(https://cdn.avbportal.com/magento-media/demo/request-a-quote-bg-2.jpg); background-position:20% 50%; border-radius:5px 5px 0 0; box-shadow: 4px 4px 10px rgb(0 0 0 / 20%); } .dsg-block-6__background-2{ background-color:#fff; border-radius:0 0 5px 5px; padding-bottom:1rem; box-shadow: 4px 4px 10px rgb(0 0 0 / 20%); } .dsg-block-6-svg{ display:block; width:6rem; fill:transparent; stroke:#fff; stroke-width:2; margin:0 auto 1rem; } .dsg-block-6__content { padding: 1rem; text-align: center; } .dsg-block-6__heading-line-1 { color: #fff; font-size:1.5rem; } .dsg-block-6__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-6__form-input, .dsg-block-6__form-input-area { width: 100%; margin-bottom: .5rem; height: 2.5rem; border: none; border-bottom: 1px solid #bbb; font-size: .8rem; padding: .5rem 0.95rem !important; background-image: none !important; } .dsg-block-6__form-input-area { width: 100%; height: 5rem; } .dsg-block-6__form-input-autofilled:disabled { border-bottom-color: transparent!important; margin-bottom:0!important; color:#666!important; /* Override IE font color change */ -webkit-text-fill-color: #666!important; /* Override iOS / Android font color change */ background-color:#ebebeb!important; opacity: 1!important; /* Override iOS opacity change affecting text & background color */ } .dsg-block-6-product-details { background-color: #ebebeb; display: block; text-align: left; padding: 0.75rem 0 0; margin-bottom:0.5rem; } .dsg-block-6-product-details-text { margin-left: 0.95rem; margin-bottom: 0.5rem; border-bottom: 1px solid #666; text-transform: uppercase; color: #666; font-size: 0.75rem; display: inline-block; } .dsg-block-6__form-bottom { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 2rem; gap: 1rem; } .dsg-block-6-form__response { padding:10px; margin-top:15px; } .dsg-block-6__success { color:#0A0; border:1px solid #0A0; } .dsg-block-6__failure { color:#ff1b1b; border:1px solid #ff1b1b; } .dsg-block-6__button, .dsg-block-6__button:visited, .dsg-block-6__button:focus, .dsg-block-6__button:active, .dsg-block-6__button:hover{ display:block; width:100%; min-width:100%; max-width:100%; font-size:0.9rem!important; margin-top:1rem; } .dsg-block-6-form__field-required-container{ display:block; width:100%; text-align:left; height:0; } .dsg-block-6-form__field-required{ color:#f00; position: relative; top: 14px; left: 5px; line-height: 0; } .dsg-block-6-required-text { display: block; text-align: right; font-style: italic; color: #aaa; font-size: 0.8rem; margin-bottom:0.5rem; } .dsg-block-6-required-red { color: #f00; } @media screen and (min-width: 600px) { .dsg-block-6{ padding:2rem; } } @media screen and (min-width: 960px) { .dsg-block-6{ padding:2rem 1rem; } .dsg-block-6-container{ max-width:90%; } .dsg-block-6__background-1 { border-radius:5px 0px 0 5px; } .dsg-block-6__background-2 { padding: 0.5rem; border-radius: 0 5px 5px 0px; } .dsg-block-6-column-left, .dsg-block-6-column-right{ padding:0!important; } .dsg-block-6__heading-line-1 { font-size:2rem; } .dsg-block-6__form-input { margin-bottom: 1rem; } .dsg-block-6__form-bottom { flex-direction: row; justify-content: space-between; flex-wrap: nowrap; margin-top: 3rem; } } @media screen and (min-width: 1280px) { .dsg-block-6{ padding:3rem; } .dsg-block-6-container{ max-width:80%; } .dsg-block-6__background-1 { padding: 1rem; } .dsg-block-6__background-2 { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-6-container{ max-width:70%; } .dsg-block-6__background-1 { padding: 1rem; } .dsg-block-6__background-2 { padding: 1rem; } } </style>