/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0.1
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

:root {
    --xxl-font-size: 22px;
}

html {
    scroll-behavior: smooth;
}

.l-canvas.type_wide {
    overflow: hidden;
}

.g-cols.via_flex.type_default {
    margin: 0 -15px;
}

.g-cols.via_flex.type_default>div>.vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.h1-style {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-weight: var(--h1-font-weight);
    font-family: var(--h1-font-family);
    letter-spacing: var(--h1-letter-spacing);
    font-style: var(--h1-font-style);
    text-transform: var(--h1-text-transform);
}

.h2-style {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    font-family: var(--h2-font-family);
    letter-spacing: var(--h2-letter-spacing);
    font-style: var(--h2-font-style);
    text-transform: var(--h2-text-transform);
}

.large-h2-style {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    font-family: var(--h2-font-family);
    letter-spacing: var(--h2-letter-spacing);

}

.h3-style {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-weight: var(--h3-font-weight);
    font-family: var(--h3-font-family);
    letter-spacing: var(--h3-letter-spacing);
    font-style: var(--h3-font-style);
    text-transform: var(--h3-text-transform);
}

.h4-style {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-weight: var(--h4-font-weight);
    font-family: var(--h4-font-family);
    letter-spacing: var(--h4-letter-spacing);
    font-style: var(--h4-font-style);
    text-transform: var(--h4-text-transform);
}

.h5-style {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-weight: var(--h5-font-weight);
    font-family: var(--h5-font-family);
    letter-spacing: var(--h5-letter-spacing);
    font-style: var(--h5-font-style);
    text-transform: var(--h5-text-transform);
}

.h6-style {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-weight: var(--h6-font-weight);
    font-family: var(--h6-font-family);
    letter-spacing: var(--h6-letter-spacing);
    text-transform: var(--h6-text-transform);
}

.lg-body-font {
    font-size: 18px;
    line-height: 1.67;
}

ul,
ol {
    margin-left: 1.5rem;
}

/* Nav */

.type_desktop .w-nav-list.level_2 {
    padding: 10px 0;
    /* top: calc(100% + 7px); */
}

.type_desktop .menu-item.request-menu-item {
    display: none;
}

nav.w-nav.type_desktop .w-nav-list.level_2 {
    min-width: 14rem;
}

.type_desktop .menu-item.menu-item-object-us_page_block {
    display: none;
}

.l-section.width_full.mobile-nav-request-consultation-block {
    margin: 1rem 0.7rem;
}

.w-nav.type_mobile.m_align_left .menu-item-has-children>.w-nav-anchor .w-nav-arrow {
    margin-right: 0.7rem;
}

/* Home */

.home-product-item-box .w-hwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: var(--color-alt-content-bg);
}

.home-featured-left-box,
.featured-left-box {
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 2.5rem;
    margin-bottom: 15dvh;
}

.home-featured-right-box {
    background: var(--color-alt-content-bg);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 2.5rem;
}

.carousel-brands-inner-row img {
    filter: grayscale(1) opacity(.9);
    -webkit-filter: grayscale(1) opacity(.9);
}

.brands-carousel img {
    filter: grayscale(1) opacity(.9);
    -webkit-filter: grayscale(1) opacity(.9);
    object-fit: contain;
}

.w-text.line-right {
    position: relative;
}

.w-text.line-right::after {
    content: '';
    height: 1px;
    width: clamp( 150px, 100%, 300px);
    background-color: transparent;
    display: block;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    -webkit-box-shadow: 0 1px 0 #BFBFBF inset;
            box-shadow: 0 1px 0 #BFBFBF inset;
}

.w-text.line-right-full {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.w-text.line-right-full::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--color-alt-content-border);
    flex-basis: 80%;
}

.home-products-inner-row .vc_col-sm-4 .w-vwrapper {
    row-gap: 24px;
}

.home-products-inner-row .vc_col-sm-4 .w-vwrapper > .w-hwrapper > .w-text::before {
    display: block;
    font-family: var(--h2-font-family);
    font-size: clamp(18px, calc(18px + 9 * ((100vw - 320px) / 1600)), 27px);
    color: #BFBFBF;
    font-weight: 500;
    line-height: 1;
}

.home-products-inner-row .vc_col-sm-4:first-of-type .w-vwrapper >.w-hwrapper > .w-text::before {
    content: '01';
}

.home-products-inner-row .vc_col-sm-4:nth-of-type(2) .w-vwrapper > .w-hwrapper > .w-text::before {
    content: '02';
}

.home-products-inner-row .vc_col-sm-4:nth-of-type(3) .w-vwrapper > .w-hwrapper > .w-text::before {
    content: '03';
}

.home-products-inner-row img {
    aspect-ratio: 308 / 530;
    aspect-ratio: 3 / 5;
    width: 100%;
    max-width: 308px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 6px;
}

.rounded-box {
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 2.5rem;
    color: var(--color-content-text);
}

.rounded-box.blue {
    background: var(--color-alt-content-bg);
}

.why-choose-hannapel .rounded-box {
     padding: 60px;
}

.white-shadowed-box {
    border-radius: 20px;
    background: #FFF;
    -webkit-box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
            box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    padding: 2.5rem 3rem;
}

.blue-shadowed-box {
    border-radius: 20px;
    background: var(--color-alt-content-bg);
    -webkit-box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    padding: 2.5rem 3rem;
}

.g-cols.via_flex.type_default.white-shadowed-box,
.g-cols.via_flex.type_default.blue-shadowed-box {
    margin: 0 0;
}

.process-carousel .carousel-item-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex-grow: 1;
}

.process-carousel .w-text.carousel-number {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BFBFBF;
    font-size: var(--h2-font-size);
    font-weight: 400;
    font-family: var(--h2-font-family);
    color: transparent;
    margin-bottom: 2rem;
    line-height: 1;
}

.process-carousel .w-vwrapper.rounded-box.blue {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 3rem 4rem 3rem 3rem;
}

.process-carousel .w-vwrapper.rounded-box.blue .w-text.h3-style {
    margin-bottom: 2.5rem;
}

.small-subheading-yellow {
    font-size: 16px;
    color: var(--color-content-link);
    text-transform: uppercase;
    font-family: 'Spline Sans Mono', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}

.process-carousel .wpb_text_column {
    margin-bottom: auto;
}

.process-carousel .w-text.small-subheading-yellow {
    margin-top: 2.5rem;
}

.w-btn.icon_atright i.material-icons {
    position: relative;
    bottom: 3px;
    font-size: 1.3em;
}

.process-carousel .owl-carousel.navstyle_circle>.owl-nav button {
    color: var(--color-content-text);
    background: #ebf2f3;
    text-shadow: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    height: 3rem;
    width: 3rem;
}

.process-carousel .owl-carousel.navstyle_circle>.owl-nav button:hover {
    background: var(--color-alt-content-primary);
    color: #fff;
}

.process-carousel .owl-carousel.arrows-ver-pos_bottom_outside>.owl-nav button {
    transform: translateY(120%);
}

/* Page Title */

.g-breadcrumbs {
    font-family: 'Spline Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.g-breadcrumbs-separator {
    color: #fff;
}
.g-breadcrumbs li a {
    color: #685060;
}
.g-breadcrumbs li:first-child a {
    color: #fff;
}

/* CTAs */

.cta-info-box {
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
   	border-top: 21px solid #f2f2f2;
    padding: 2.95em 3em 4.35em;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.cta-row-third .ult-content-box {
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-top: 21px solid;
    padding: 2.95em 3em 4.35em;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    border-color: rgba(255,255,255,0);
}

.cta-row-third > .vc_column-inner > .wpb_wrapper:hover .cta-info-box  {
	padding-bottom: calc(2.45em + 12.6em);
    padding-top: 4.65em;
}

.cta-row-third > .vc_column-inner > .wpb_wrapper img {
	-webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}

.cta-row-third > .vc_column-inner > .wpb_wrapper:hover img {
	margin-bottom: -12.45em;

}

.cta-row-third > .vc_column-inner > .wpb_wrapper .w-image-h {
	position: relative;
}
.cta-row-third > .vc_column-inner > .wpb_wrapper .w-image-h:after {
	content: '';
	background-color: rgba(27, 152, 224, .6);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	opacity: 0;
	transition: all .3s;
}
.cta-row-third > .vc_column-inner > .wpb_wrapper:hover .w-image-h:after {
	opacity: 1;
}

.cta-title {
	text-align: center;
	margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cta-title h4 {
	font-size: 1.375em;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.55px;
    margin: 0;
}

.cta-desc {
	 margin: 0;
     margin-left: 0 !important;
     margin-right: 0 !important;
    overflow: hidden;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    padding: 0 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 6.8em;
}

.cta-row-third > .vc_column-inner > .wpb_wrapper:hover .cta-desc {
	opacity: 1;
	margin-top: 80px;
}

.cta-button {
	margin: 0.65em 0 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    bottom: 2em;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
.cta-row-third > .vc_column-inner > .wpb_wrapper:hover .cta-button {
	bottom: 4em;
}

/* Products Image Carousel */

.products-carousel .owl-carousel.navpos_inside .owl-prev,
.manufacturer-carousel .owl-carousel.navpos_inside .owl-prev {
    left: 60px;
}

.products-carousel .owl-carousel.navpos_inside .owl-next,
.manufacturer-carousel .owl-carousel.navpos_inside .owl-next {
    right: 60px;
}
.products-carousel .owl-carousel.navstyle_circle .owl-nav div,
.manufacturer-carousel .owl-carousel.navstyle_circle .owl-nav div {
    border-radius: 2px;
    background: rgba(104, 80, 96, 0.9);
}

.products-carousel .owl-carousel.navpos_inside .owl-nav div:hover,
.manufacturer .owl-carousel.navpos_inside .owl-nav div:hover {
    background: rgba(104, 80, 96, 1);
}

.manufacturer-logo-hwrapper > .w-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    min-width: 150px;
}

/* Misc */

.l-section.pb-0 {
    padding-bottom: 0;
}

.l-body .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.95;
}
.mfp-title {
    display: none;
}

.parent-pageid-6607 .mfp-title {
    display: block;
}

/* Timeline */

.wpb_wrapper .timeline-line span:first-child,
.wpb_wrapper .timeline-line span:last-child {
	background-color: #B87E58;
}
.timeline-block .timeline-header-block .timeline-header img {
	margin-top: 6px;
}

/* Products */

.products-grid-vwrapper {
    padding: 22px;
}

.products-grid-vwrapper > .w-btn {
    margin-top: auto;
}

/* Gravity Forms */

.gform_wrapper label.gfield_label, 
.gform_wrapper legend.gfield_label,
.gform_wrapper.gravity-theme .gfield_label {
    font-family: 'Spline Sans Mono', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}

.gform_wrapper .gform_body li.gfield.gf_list_4col ul.gfield_checkbox li, 
.gform_wrapper .gform_body li.gfield.gf_list_4col ul.gfield_radio li {
    font-size: 16px;
}
.gform_wrapper .gform_body .gfield_checkbox li label, 
.gform_wrapper .gform_body .gfield_radio li label {
    font-size: 16px;
}

#gform_3 input:not([type=submit]),
#gform_3 textarea,
#gform_3 select {
    background: transparent;
}

.gform_wrapper #gform_3 .gform_fields .gfield select,
.gform_wrapper #gform_3 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price) {
    padding: 0 var(--inputs-padding, .6em);
}

#gform_fields_3 input::placeholder,
#gform_fields_3 textarea::placeholder {
    opacity: 1;
}

#gform_fields_3 input[type="checkbox"] {
    box-shadow: 0px 0 0px 1px #888 inset;
}

#gform_fields_3 input[type="checkbox"]:focus,
#gform_fields_3 input[type="checkbox"]:active{
    box-shadow: 0px 0 0px 1px var(--color-header-middle-text-hover) inset;
}

.gform_wrapper.gravity-theme #gform_3 .gform_footer input {
    margin-bottom: 0;
}

.home-featured-right-box .gform_wrapper {
    margin-bottom: 0 !important;
}

/* sidebar */

.l-sidebar iframe html .review-widget {
    max-width: calc(100% - 2px) !important;
}

/* Footer */

.l-footer .ult-content-box-container {
	padding: 4.3em 12% 3.5em;
}

.l-footer .ult-content-box-container.ab-shadowed {
	    -webkit-box-shadow: 0.188em 0.25em 2.188em rgba(0,0,0,0.16);
	            box-shadow: 0.188em 0.25em 2.188em rgba(0,0,0,0.16);
}

.footer-top-inner-column .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.footer-top-inner-column .w-vwrapper {
    border-radius: 20px;
    -webkit-box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
            box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    padding: 2.5rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.footer-subscribe-holder {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 20px 30px;
    background: var(--color-alt-content-primary);
}

.footer-subscribe-holder .gform_wrapper.gravity-theme .gform_footer {
    padding: 0 0;
    margin: 0 0;
}

.footer-subscribe-holder input[type=email] {
    color: #fff !important;
    background: transparent !important;
    box-shadow: 0 -1px 0 #fff inset !important;
}

.footer-subscribe-holder input::placeholder {
    opacity: 1;
}

.footer-subscribe-holder input[type=submit]:not(.w-btn) {
    background: var(--color-header-middle-bg);
    border-color: transparent;
    color: var(--color-content-text) !important;
}

.color_footer-bottom .footer-copyright a {
    color: var(--color-subfooter-link);
}

.color_footer-bottom .footer-copyright a:hover {
    color: #fff;
}

.w-separator.footer-line-right.color_border {
    height: 2px !important;
    color: #bfbfbf;
}

/* Misc */

/* img[data-lazy-src] {
    opacity: 0;
}

img.lazyloaded {
    -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
            transition: opacity .5s linear 0.2s;
    opacity: 1;
} */

span.notification-title {
    font-size: 1.2em !important; 
    display: block; 
    margin: 0 auto 10px;
}

.horizontal-vwrapper.w-vwrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.inner-grow-emelents-row .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.inner-grow-emelents-row .vc_col-sm-4>.vc_column-inner>.wpb_wrapper > .w-vwrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}

.w-text.grey-number {
    font-weight: 500;
    font-size: var(--h4-font-size);
    font-family: var(--h4-font-family);
    color: var(--color-alt-content-border);
    margin-bottom: 0;
}

.sales-box {
    position: relative;
    max-width: min(94%, 800px);
}

/* .brown-dashed-box {
    background: var(--color-content-link);
    padding: 25px 30px;
    color: #fff;
    border: 8px dashed var(--color-content-link);
    transform: rotate(-2.212deg) translateY(-20px);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    max-width: 500px;
    font-family: Farsan, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: rotate(-2.212deg) translateY(-20px);
    -moz-transform: rotate(-2.212deg) translateY(-20px);
    -ms-transform: rotate(-2.212deg) translateY(-20px);
    -o-transform: rotate(-2.212deg) translateY(-20px);
} */

.brown-dashed-box {
    background: #B87E58;
    padding: 25px 30px;
    color: #fff;
    transform: rotate(-2.212deg) translateY(-20px);
    -webkit-transform: rotate(-2.212deg) translateY(-20px);
    -moz-transform: rotate(-2.212deg) translateY(-20px);
    -ms-transform: rotate(-2.212deg) translateY(-20px);
    -o-transform: rotate(-2.212deg) translateY(-20px);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    max-width: 500px;
    font-family: Farsan, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 auto;
    background-image: repeating-linear-gradient(0deg, #fff, #fff 10px, transparent 10px, transparent 20px), repeating-linear-gradient(90deg, #fff, #fff 10px, transparent 10px, transparent 20px), repeating-linear-gradient(180deg, #fff, #fff 10px, transparent 10px, transparent 20px), repeating-linear-gradient(270deg, #fff, #fff 10px, transparent 10px, transparent 20px);
    background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    background-color: #B87E58;
}


.fit-content {
    max-width: fit-content;
}

.w-image.sales-stripe {
    position: absolute;
    max-width: 380px;
}

.sales-halves-row .w-vwrapper {
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-top: -8rem;
    padding: 1.5rem 0 0;
}

.sales-halves-row .w-vwrapper > .wpb_text_column {
    background: #8F7586;
    color: #fff;
    padding: 1.5rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.h4-style span {
    color: var(--color-content-link);
}

.h4-style.white span {
    color: #fff;
}

.checkmark-ul ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.checkmark-ul ul li {
    position: relative;
    padding-left: 2em;
    min-height: 24px;
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
}

.checkmark-ul ul li::before {
    content: '\f00c';
    font-family: 'fontawesome';
    font-weight: 300;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 0.75em;
    background: var(--color-alt-content-primary);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

.numbered-hwrapper {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    padding: 40px 64px;
    margin-bottom: 10px;
}

.steps-number {
    color: #BFBFBF;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 53.76px;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    font-family: var(--h1-font-family);
}

.contact-form-box {
    border-radius: 20px;
    box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    padding: 2.5rem 1.5rem;
    display: block;
}

.careers-download {
    font-family: 'Bricolage Grotesque';
    font-size: 24px;
    border-radius: 10px;
    border: 1px solid #685060;
    margin-bottom: 30px;
    transition-duration: 0.3s;
    transition-property: background-color;
}

.careers-download:hover {
    background-color: #685060;
}

.careers-download a {
    color: #685060;
}

.careers-download a:hover {
    color: #fff
}

.careers-download.purple {
    color: #fff;
    background-color: #685060;
}

.careers-download.purple:hover {
    background-color: var(--color-content-secondary);
}

.careers-download.purple a {
    color: #fff;
}

.careers-download .w-text-h {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem 1.5rem;
    width: 100%;
    aspect-ratio: 5 / 4;
}

.careers-download .w-text-value {
    text-align: center;
}

.careers-download i {
    margin-inline-end: 0 !important;
    margin-bottom: 1.8rem;
}

/* Products 2025 */

.ab-products-sidebar-filter .w-filter-item.values_as_btn .w-filter-item-value {
    justify-content: flex-start;
}

.single-product-breadcrumbs .g-breadcrumbs-separator {
    color: var(--color-content-text);
}

.product-secondary-row .w-separator.color_border {
    color: var(--color-alt-content-border);
}

.product-secondary-row h5 {
    margin-bottom: .5rem;
}

.product-secondary-row .wpb_text_column:not(:last-child) {
    margin-bottom: 0;
}

.xs-font {
    font-size: 12px;
}

.single-product-price-level {
    font-size: 16px;
    color: var(--color-content-link-hover);
    font-weight: 500;
    font-family: 'Spline Sans Mono',system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

/* Layout for all product option swatches */
.single-product-options .w-post-elm-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    max-width: 500px;
}

.single-product-options.ab_door_stain_options .w-post-elm-value {
    max-width: 350px;
}

/* Swatch + Label container */
.single-product-options .w-post-elm-value>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48px;
    font-size: 12px;
    text-transform: capitalize;
    text-align: center;
    line-height: 1.2;
}

/* Color square */
.single-product-options .w-post-elm-value>div::before {
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid var(--color-content-border);
    margin-bottom: 6px;
}

/* Colors */
.single-product-options .pine::before {
    background: #e4c283;
}

.single-product-options .white::before {
    background: #ffffff;
    border: 1px solid #aaa;
}

.single-product-options .dark-bronze::before {
    background: #493f3d;
}

.single-product-options .sandtone::before {
    background: #b0a299;
}

.single-product-options .terratone::before {
    background: #786a61;
}

.single-product-options .black::before {
    background: #323433;
}

.single-product-options .maple::before {
    background: #d6b186;
}

.single-product-options .oak::before {
    background: #b28a67;
}

.single-product-options .canvas::before {
    background: #faeed8;
}

.single-product-options .dove-gray::before {
    background: #b9bbb8;
}

.single-product-options .estuary::before {
    background: #5e7270;
}

.single-product-options .obsidian::before {
    background: #050402;
}

.single-product-options .peregrine::before {
    background: #434746;
}

.single-product-options .canyon::before {
    background: #bd6e50;
}

.single-product-options .elk::before {
    background: #3f382e;
}

.single-product-options .cypress::before {
    background: #aeb49a;
}

.single-product-options .alpine::before {
    background: #f9f6eb;
}

.single-product-options .Granite::before {
    background: #7e8387;
}

.single-product-options .granite::before {
    background: #7e8387;
}

.single-product-options .golden-wheat::before {
    background: #e7b26e;
}

.single-product-options .onyx::before {
    background: #151412;
}

.single-product-options .indigo::before {
    background: #122339;
}

.single-product-options .ruby-red::before {
    background: #b81f25;
}

.single-product-options .cabernet::before {
    background: #66172c;
}

.single-product-options .chestnut::before {
    background: #452a17;
}

.single-product-options .arctic-ice::before {
    background: #accccb;
}

.single-product-options .acorn::before {
    background: var(--wpr-bg-d61a9264-9245-4fd4-8fce-c830b03517b8);
}

.single-product-options .wildflower-honey::before {
    background: var(--wpr-bg-b0cb3872-7146-47fb-9e36-6c5c1c335100);
}

.single-product-options .rustic-clay::before {
    background: var(--wpr-bg-3cb467cc-19f2-486b-a9c2-928aad75fdea);
}

.single-product-options .barley::before {
    background: var(--wpr-bg-32dcc17b-a008-4cbf-b41f-9d08d43c6b3c);
}

.single-product-options .mulberry::before {
    background: var(--wpr-bg-49f945a7-da49-45d3-9e95-0feb71f2d5ab);
}

.single-product-options .autumn-harvest::before {
    background: var(--wpr-bg-7ef41c19-ad37-41d3-9e6c-1587c0e59361);
}

.single-product-options .new-earth::before {
    background: var(--wpr-bg-d1f7accb-8f6b-45cb-8b15-e833b883bbfa);
}

.single-product-options .driftwood::before {
    background: var(--wpr-bg-cc358659-b4c1-44ee-9394-21a816a6aaae);
}

.single-product-options .raven::before {
    background: var(--wpr-bg-7fe54eaa-d011-4ced-a72d-08dbfe2f4331);
}

.single-product-options.ab_cabinet_wood_type .cherry::before {
    background: var(--wpr-bg-7af2c50b-57ed-47fa-aafe-4ee0050994c3);
}

.single-product-options.ab_cabinet_wood_type .maple::before {
    background: var(--wpr-bg-54b46ed6-c650-4b01-a597-ee7e6b23a0e8);
}

.single-product-options.ab_cabinet_wood_type .oak::before {
    background: var(--wpr-bg-099e095e-5cf0-4c06-b24e-ba834af42c20);
}

.single-product-options.ab_cabinet_wood_type .hickory::before {
    background: var(--wpr-bg-cc56440a-63f9-4101-be01-57cddd769c0e);
}

.single-product-options.ab_cabinet_wood_type .quartersawn-oak::before {
    background: var(--wpr-bg-e2b742b0-451f-46ca-92ec-e12231f3267c);
}

.single-product-options.ab_cabinet_wood_type .rustic-alder::before {
    background: var(--wpr-bg-818989e9-cf10-4338-8ff2-89bd1e9ee651);
}

.single-product-options.ab_cabinet_wood_type .rustic-hickory::before {
    background: var(--wpr-bg-f8ce67fa-7383-40a4-89b8-e8c5470c5e77);
}

.single-product-options.ab_cabinet_wood_type .rustic-maple::before {
    background: var(--wpr-bg-30f1429f-4396-425f-b55b-af05eb252011);
}

.single-product-options.ab_cabinet_colors .dove-white::before {
    background: #eaf2e5;
}

.single-product-options.ab_cabinet_colors .moonshine::before {
    background: #d5d5c9;
}

.single-product-options.ab_cabinet_colors .vanilla-smoke::before {
    background: #c2b7a5;
}

.single-product-options.ab_cabinet_colors .pebble-grey::before {
    background: #b9b5af;
}

.single-product-options.ab_cabinet_colors .bonsai::before {
    background: #898f83;
}

.single-product-options.ab_cabinet_colors .caribbean::before {
    background: #92a9b1;
}

.single-product-options.ab_cabinet_colors .harbor::before {
    background: #385462;
}

.single-product-options.ab_cabinet_colors .onyx::before {
    background: #222323;
}

.single-product-options.ab_cabinet_colors .natural::before {
    background: #f6d9be;
}

.single-product-options.ab_cabinet_colors .wicker::before {
    background: #b28b68;
}

.single-product-options.ab_cabinet_colors .honey-spice::before {
    background: #d79d6f;
}

.single-product-options.ab_cabinet_colors .praline::before {
    background: #ad6e3a;
}

.single-product-options.ab_cabinet_colors .molasses::before {
    background: #5e483e;
}

.single-product-options.ab_cabinet_colors .translucent-driftwood::before {
    background: #8f7659;
}

.single-product-options.ab_cabinet_colors .goldenrod::before {
    background: #cd9d5f;
}

.single-product-options.ab_cabinet_colors .cognac::before {
    background: #87541c;
}

.single-product-options.ab_cabinet_colors .slate::before {
    background: #2f2d33;
}

.single-product-options.ab_cabinet_colors .frost::before {
    background: #fcfdf1;
}

.single-product-options.ab_cabinet_colors .midnight::before {
    background: #383b4a;
}

.single-product-options.ab_cabinet_colors .warm-white::before {
    background: #fef9e5;
}

.single-product-options.ab_cabinet_colors .lagoon::before {
    background: #7d787e;
}

.single-product-options.ab_cabinet_colors .canvas-w-onyx-highlight::before {
    background: #f3efd6;
}

.single-product-options.ab_cabinet_colors .ember::before {
    background: #431114;
}

.single-product-options.ab_cabinet_colors .chocolate::before {
    background: #905c34;
}

.single-product-options.ab_cabinet_colors .fernished::before {
    background: #313622;
}

.single-product-slider .rsABlock {
    opacity: 0 !important;
}

.single-ab_product .royalSlider .rsArrow:after {
    font-weight: 300;
    color: var(--color-alt-content-primary);
}

.single-ab_product .rsFullscreenBtn:after {
    font-weight: 300;
    color: var(--color-alt-content-primary);
}

.single-ab_product .w-vwrapper.product-details-box {
    background-color: var(--color-alt-content-bg);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    max-width: 500px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}

.single-ab_product .w-vwrapper.product-details-box .wpb_text_column.sm-font {
    line-height: 1.7;
}

/* Products Grid */

/* Wrap layout */
.product-grid-color-options .w-post-elm-value {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Each color box (no label) */
.product-grid-color-options .w-post-elm-value>div {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    overflow: hidden;
    text-indent: -9999px;
    /* hide text */
    border: 1px solid var(--color-content-border);
}

/* Colors (reuse same palette) */
.product-grid-color-options .pine {
    background: #e4c283;
}

.product-grid-color-options .white {
    background: #ffffff;
    border: 1px solid #aaa;
}

.product-grid-color-options .dark-bronze {
    background: #493f3d;
}

.product-grid-color-options .sandtone {
    background: #b0a299;
}

.product-grid-color-options .terratone {
    background: #786a61;
}

.product-grid-color-options .black {
    background: #323433;
}

.product-grid-color-options .maple {
    background: #d6b186;
}

.product-grid-color-options .oak {
    background: #b28a67;
}

.single-door-style-info {
    color: var(--color-alt-content-link);
}

.extra-color-options {
    font-size: 12px;
    margin-bottom: 1.5rem;
}

.w-post-elm.post_custom_field.ab_door_available_sizes > .w-post-elm-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}

.w-post-elm.post_custom_field.ab_door_available_sizes>.w-post-elm-value > div {
    border-radius: 20px;
    background: var(--color-alt-content-bg);
    padding: 5px 10px;
    font-weight: 500;
}

.single-ab_product .owl-carousel.arrows-hor-pos_on_sides_outside.navstyle_circle>.owl-nav button,
.single-ab_product .owl-carousel.arrows-hor-pos_on_sides_outside.navstyle_square>.owl-nav button {
    color: var(--color-alt-content-primary);
}

.single-ab_product .owl-prev:after {
    content: '\f177';
    font-weight: 300;
}

.single-ab_product .owl-next:after {
    content: '\f178';
    font-weight: 300;
}

.cabinets-products-slider-grid-layout .owl-carousel.valign_top,
.cabinets-products-slider-grid-layout .owl-carousel.valign_top .owl-stage  {
    align-items: center;
}

.cabinets-products-slider-grid-vwrapper img {
    max-height: 600px;
    max-width: 100%;
    object-fit: contain !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.doors-products-grid .usg_post_title_1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
    min-height: 2lh;
}

/* Countertops */

.w-hwrapper.countertops-products-hwrapper {
    flex-wrap: wrap;
    gap: 30px;
}

.w-hwrapper.countertops-products-hwrapper>.w-vwrapper.product-item-box {
    width: calc((100% - 60px) / 3);
    flex: none;
}

.w-hwrapper.countertops-products-hwrapper>.w-vwrapper.product-item-box > .w-image {
    margin-bottom: 1.5rem;
}

.w-hwrapper.countertops-products-hwrapper img {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.w-hwrapper.countertops-products-hwrapper {
    counter-reset: product-counter;
}

.w-hwrapper.countertops-products-hwrapper>.w-vwrapper {
    counter-increment: product-counter;
}

.w-hwrapper.countertops-products-hwrapper>.w-vwrapper>.w-text::before {
    display: block;
    font-family: var(--h2-font-family);
    font-size: clamp(18px, calc(18px + 9 * ((100vw - 320px) / 1600)), 27px);
    color: #BFBFBF;
    font-weight: 500;
    line-height: 1;
    content: counter(product-counter, decimal-leading-zero);
}

.w-hwrapper.material-quality-hwrapper {
    flex-wrap: wrap;
    gap: 50px;
}

.w-hwrapper.material-quality-hwrapper > .w-vwrapper {
    width: calc((100% - 200px) / 5);
    flex: none;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
    padding: 4rem 1rem 2rem;
}

.w-hwrapper.material-quality-hwrapper>.w-vwrapper > .w-image,
.w-hwrapper.material-quality-hwrapper>.w-vwrapper>.w-image img {
    width: 60px;
}

.w-hwrapper.material-quality-hwrapper>.w-vwrapper .w-text {
    color: var(--color-content-link);
    margin-top: 2rem;
}


/* End Products */

.post_navigation .order_first .post_navigation-item-arrow:before,
.post_navigation .order_second .post_navigation-item-arrow:before {
    font-weight: 300;
}

.post_navigation-item-meta {
    opacity: 1;
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-weight: var(--h6-font-weight);
    font-family: var(--h6-font-family);
    letter-spacing: var(--h6-letter-spacing);
    text-transform: var(--h6-text-transform);
}

.post_navigation.layout_simple .post_navigation-item-arrow {
    opacity: 1;
}

.post_navigation .order_second .post_navigation-item-arrow:before {
    content: '\f178';
}

.post_navigation .order_first .post_navigation-item-arrow:before {
    content: '\f177';
}

.post_navigation.layout_simple .post_navigation-item-arrow {
    font-size: 1.3em;
}

.ab-sidebar-categories .widgettitle {
    display: none;
}

.ab-sidebar-categories ul {
        font-size: var(--h6-font-size);
        line-height: var(--h6-line-height);
        font-weight: var(--h6-font-weight);
        font-family: var(--h6-font-family);
        letter-spacing: var(--h6-letter-spacing);
        text-transform: var(--h6-text-transform);
}

.ab-sidebar-categories a {
    color: var(--color-alt-content-primary);
}

.ab-sidebar-categories li {
    margin: 0 0 0.9rem;
}

.single .w-sharing.type_simple .w-sharing-item i {
    opacity: 1;
    color: var(--color-alt-content-primary);
}

.single .w-post-elm.post_content img {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-style: italic;
}

.single .post_navigation.layout_simple .post_navigation-item-title {
    display: none;
}

/* Misc */

.w-grid.type_grid.layout_gallery_default .w-grid-item-h .post_image {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.w-tabs.accordion>div>.w-tabs-section {
    background: var(--color-alt-content-bg);
    margin-bottom: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.w-tabs.accordion>div>.w-tabs-section .w-tabs-section-content {
    padding-bottom: 2.5rem
}

.no-touch .w-tabs-section-header:hover,
.no-touch .w-tabs-section-header:focus {
    background: 0 0;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.w-tabs[style*="--sections-title-size"]>.w-tabs-list,
.w-tabs[style*="--sections-title-size"]>div>div>.w-tabs-section-header {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-weight: var(--h5-font-weight);
    font-family: var(--h5-font-family);
    letter-spacing: var(--h5-letter-spacing);
    font-style: var(--h5-font-style);
    text-transform: var(--h5-text-transform);
}

.no-touch .w-tabs-section-header.active:hover,
.no-touch .w-tabs-section-header.active:focus {
    background: var(--color-alt-content-bg);
}

.two-columns-accordion-inner-row .w-tabs.style_default {
    counter-reset: tab-counter;
}

.two-columns-accordion-inner-row .w-tabs-section {
    counter-increment: tab-counter;
}

.two-columns-accordion-inner-row .w-tabs-section-title::before {
    content: counter(tab-counter, decimal-leading-zero) " ";
    font-family: var(--h2-font-family);
    font-size: 1rem;
    color: #BFBFBF;
    font-weight: 500;
    line-height: 1.5;
    padding-right: 1.2rem;
    text-transform: uppercase;
    transform: translateY(-1rem);
    display: inline-block;
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
}

/* Location Pages */

.location-featured-right-box {
    background: var(--color-alt-content-bg);
    border-radius: 20px;
    padding: 3rem;
}

.location-featured-right-box .w-text,
.location-featured-right-box .w-text a {
    color: var(--color-dark-text);
}

.location-featured-right-box .w-text.icon_atleft .w-text-h {
    display: flex;
}

.location-featured-right-box .w-text i {
    color: var(--color-alt-content-primary);
    width: 1.25em;
    text-align: center;
}

.location-featured-right-box .w-text:not(.no_text).icon_atleft i {
    margin-inline-end: 1rem;
}

.location-featured-right-box .location-address {
    margin-bottom: 2.5rem;
}

.location-featured-right-box .location-address a {
    color: var(--color-content-link);
}

.location-featured-right-box .location-email {
    margin: 1.2rem 0 2.5rem;
}

/* Designers */

.designer-grid-main-hwrapper {
    column-gap: 30px;
}

.designer-grid-vwrapper {
    border-radius: 10px;
    padding: 2.5rem;
    box-shadow: 3.008px 4px 35.008px 0 #E0EAED;
}

.designers-grid .w-grid-list .w-grid-item:nth-child(even) .designer-grid-vwrapper {
    background: var(--color-alt-content-bg);
    box-shadow: none;
}

.designers-grid .w-grid-list {
    counter-reset: designer-counter;
}

.designers-grid .w-grid-list .w-grid-item {
    counter-increment: designer-counter;
    position: relative;
}

.designers-grid .w-grid-list .w-grid-item::before {
    content: counter(designer-counter, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: -60px;
    font-size: 27px;
    font-family: var(--h4-font-family);
    font-weight: 500;
    color: var(--color-alt-content-border);
    z-index: 2;
    text-box: trim-both cap alphabetic;
    leading-trim: both;
     text-edge: cap;
}

.designer-grid-main-hwrapper > .post_image {
    flex: 0 0 308px;
}

.designer-featured-section {
    background: var(--color-alt-content-bg);
}

.single-ab_designer .w-gallery-item {
    border-radius: 20px;
    overflow: clip;
}

.single-ab_designer .mfp-title {
    display: block;
}

.single-ab_designer .w-text.line-right-full {
    margin-bottom: 1rem;
}

.l-section.request-15-min-consultation-block {
    padding: 3.5rem calc(4rem - 15px);
}

/* ===== Media Queries ====== */

@media (min-width: 1560px) {

    .home-featured-left-box,
    .featured-left-box {
        margin-left: max(clamp(-126.67px, -8.333vw, -1.5rem), calc((1520px - 100vw) / 2));
    }
}

@media (max-width: 1380px) and (min-width: 1281px) {

    .header_hor .l-subheader-cell.at_left> .w-image.ush_image_1 {
        margin-right: 0.5rem;
    }

    .l-subheader-cell .us-btn-style_2 {
        padding: 1em 1.4em;
    }

    .l-body.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn) {
        padding-left: 11px;
        padding-right: 10px;
    }

    .l-subheader.at_middle .l-subheader-cell.at_right .w-btn .fal {
        display: none;
    }
}

@media (max-width: 1440px) and (min-width: 1025px) {

    .footer-subscribe-holder .gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
        grid-column: span 8;
        -ms-grid-column-span: 8;
    }

    .footer-subscribe-holder .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
        grid-column: span 4;
        -ms-grid-column-span: 4;
    }
}

@media (min-width: 1380px) {

    .our-process-row .g-cols.via_flex.type_default>.wpb_column.stretched:last-of-type {
        margin-inline-end: min(calc(var(--site-content-width) / 2 + 0px / 2 - 50vw), -1rem);
    }

    .carousel-brands-inner-row.g-cols.via_flex.type_default>.wpb_column.stretched:last-of-type {
        margin-inline-end: min(calc(var(--site-content-width) / 2 + 0px / 2 - 50vw), -1rem)
    }
}

@media (min-width: 1280px) {

    .home-products-inner-row .vc_col-sm-4 .w-hwrapper>.wpb_text_column {
            padding-right: 2.5rem;
        }
    
        /* ===================================================================
       HOME PRODUCT BOX – FIXED (NO PUSH DOWN)
    =================================================================== */
        .home-products-row {
            overflow: visible;
        }
    
        .home-product-item-box {
            position: relative;
            overflow: visible;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 180px;
            /* Prostor za w-hwrapper */
        }
    
        /* Ukloni margin sa slike */
        .home-product-item-box .w-image.cta-image {
            position: relative;
        }
    
        .home-product-item-box .w-image.cta-image.align_none .w-image-h {
            position: relative;
            display: inline-block;
            overflow: hidden;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
        }
    
        .home-product-item-box .w-image.cta-image.align_none img {
            transition: transform .5s ease-in-out;
            border-radius: inherit;
            display: block;
            width: 100%;
            height: auto;
        }
    
        .home-product-item-box .w-image.cta-image.align_none .w-image-h::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(255, 255, 255, 0.0);
            opacity: 0;
            border-radius: inherit;
            transition: opacity .5s ease-in-out;
            pointer-events: none;
        }
    
        .home-product-item-box:hover .w-image.cta-image.align_none img {
            transform: scale(1.02);
            -webkit-transform: scale(1.02);
            -moz-transform: scale(1.02);
            -ms-transform: scale(1.02);
            -o-transform: scale(1.02);
        }
    
        .home-product-item-box:hover .w-image.cta-image.align_none .w-image-h::after {
            opacity: 1;
        }
    
        /* KRITIČNO: w-hwrapper absolute potpuno ispod slike, penje se na hover */
        .home-product-item-box .w-hwrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            background: var(--color-alt-content-bg);
            position: absolute;
            top: 100%;
            /* Pozicioniran od dna slike */
            left: 0;
            right: 0;
            z-index: 2;
            padding: 1.5rem;
            transform: translateY(0);
            /* Počinje tačno ispod slike */
            transition: transform .45s ease-in-out;
        }
    
        .home-product-item-box:hover .w-hwrapper {
            transform: translateY(-120px);
            -webkit-transform: translateY(-120px);
            -moz-transform: translateY(-120px);
            -ms-transform: translateY(-120px);
            -o-transform: translateY(-120px);
        }
    
        /* Hidden description */
        .home-product-item-box .wpb_text_column {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(10px);
            transition:
                max-height .45s ease,
                opacity .45s ease,
                transform .45s ease;
            margin-bottom: 0 !important;
        }
    
        .home-product-item-box .wpb_text_column p {
            margin: 0;
        }
    
        .home-product-item-box:hover .wpb_text_column {
            max-height: 250px;
            opacity: 1;
            transform: translateY(0);
            margin-bottom: 1rem !important;
        }
    
        .home-product-item-box .w-btn-wrapper {
            transition: margin .45s ease, transform .45s ease;
        }
    
        .home-product-item-box .w-text {
            margin-bottom: 0 !important;
            transition: margin-bottom .3s ease;
        }
    
        .home-product-item-box:hover .w-text {
            margin-bottom: .5rem !important;
        }
    
        /* Ensure link covers entire box */
        .home-product-item-box .w-vwrapper-link {
            position: absolute;
            inset: 0;
            z-index: 3;
        }

        .l-section.fullheight-featured-row-mb-bottom.full_height,
        .l-section.page-title-26-row.full_height {
            margin-top: var(--header-height);
            min-height: calc(100vh - var(--header-height) - 60px);
        }

        .admin-bar .l-section.fullheight-featured-row-mb-bottom.full_height,
        .admin-bar .l-section.page-title-26-row.full_height {
            min-height: calc(100vh - var(--header-height) - 60px - var(--wp-admin--admin-bar--height));
        }

        .l-section.location-featured-row.full_height {
            margin-top: var(--header-height);
            min-height: calc(100vh - var(--header-height));
        }

        .admin-bar .l-section.location-featured-row.full_height {
            min-height: calc(100vh - var(--header-height) - var(--wp-admin--admin-bar--height));
        }

        .l-section.fullheight-featured-row-mb-bottom .featured-left-box,
        .l-section.page-title-26-row .featured-left-box,
        .l-section.location-featured-row .featured-left-box {
            max-width: fit-content;
            padding: 3.5rem;
            min-width: 520px;
        }

        .two-columns-accordion-inner-row .vc_col-sm-6:first-of-type {
            padding-right: calc(var(--site-content-width) / 24);
        }

        .two-columns-accordion-inner-row .vc_col-sm-6:nth-of-type(2) {
            padding-left: calc(var(--site-content-width) / 24);
        }

        .location-featured-row .l-section-img {
            bottom: 60px;
        }

        .designers-grid .w-grid-list .w-grid-item {
            padding-right: 30px;
            margin-left: -30px;
            width: calc(100% + 30px)
        }

}

@media (max-width: 1279px) and (min-width: 1025px) {

    .home-products-inner-row .vc_col-sm-4 .w-hwrapper>.wpb_text_column {
            padding-right: 1.5rem;
        }
    
        /* ===================================================================
           HOME PRODUCT BOX – FIXED (NO PUSH DOWN)
        =================================================================== */
        .home-products-row {
            overflow: visible;
        }
    
        .home-product-item-box {
            position: relative;
            overflow: visible;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 240px;
        }
    
        .home-product-item-box .w-image.cta-image {
            position: relative;
        }
    
        .home-product-item-box .w-image.cta-image.align_none .w-image-h {
            position: relative;
            display: inline-block;
            overflow: hidden;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
        }
    
        .home-product-item-box .w-image.cta-image.align_none img {
            transition: transform .5s ease-in-out;
            border-radius: inherit;
            display: block;
            width: 100%;
            height: auto;
        }
    
        .home-product-item-box .w-image.cta-image.align_none .w-image-h::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(255, 255, 255, 0.0);
            opacity: 0;
            border-radius: inherit;
            transition: opacity .5s ease-in-out;
            pointer-events: none;
        }
    
        .home-product-item-box:hover .w-image.cta-image.align_none img {
            transform: scale(1.02);
            -webkit-transform: scale(1.02);
            -moz-transform: scale(1.02);
            -ms-transform: scale(1.02);
            -o-transform: scale(1.02);
        }
    
        .home-product-item-box:hover .w-image.cta-image.align_none .w-image-h::after {
            opacity: 1;
        }
    
        /* KRITIČNO: w-hwrapper absolute potpuno ispod slike, penje se na hover */
        .home-product-item-box .w-hwrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            background: var(--color-alt-content-bg);
            position: absolute;
            top: 100%;
            /* Pozicioniran od dna slike */
            left: 0;
            right: 0;
            z-index: 2;
            padding: 1.5rem;
            transform: translateY(0);
            /* Počinje tačno ispod slike */
            transition: transform .45s ease-in-out;
        }
    
        .home-product-item-box:hover .w-hwrapper {
            transform: translateY(-160px);
            -webkit-transform: translateY(-160px);
            -moz-transform: translateY(-160px);
            -ms-transform: translateY(-160px);
            -o-transform: translateY(-160px);
        }
    
        /* Hidden description */
        .home-product-item-box .wpb_text_column {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(10px);
            transition: max-height .45s ease, opacity .45s ease, transform .45s ease;
            margin-bottom: 0 !important;
            -webkit-transition: max-height .45s ease, opacity .45s ease, transform .45s ease;
            -moz-transition: max-height .45s ease, opacity .45s ease, transform .45s ease;
            -ms-transition: max-height .45s ease, opacity .45s ease, transform .45s ease;
            -o-transition: max-height .45s ease, opacity .45s ease, transform .45s ease;
        }
    
        .home-product-item-box .wpb_text_column p {
            margin: 0;
        }
    
        .home-product-item-box:hover .wpb_text_column {
            max-height: 270px;
            opacity: 1;
            transform: translateY(0);
            margin-bottom: 1rem !important;
        }
    
        .home-product-item-box .w-btn-wrapper {
            transition: margin .45s ease, transform .45s ease;
        }
    
        .home-product-item-box .w-text {
            margin-bottom: 0 !important;
            transition: margin-bottom .3s ease;
            font-size: 1.8rem;
        }
    
        .home-product-item-box:hover .w-text {
            margin-bottom: .5rem !important;
        }
    
        /* Ensure link covers entire box */
        .home-product-item-box .w-vwrapper-link {
            position: absolute;
            inset: 0;
            z-index: 3;
        }
}

@media (min-width: 1025px) {

    .manufacturers-main-row .g-cols.via_flex.type_default .vc_col-sm-6:not(.vc_col-lg-offset-1) {
        width: 54%;
    }
    .manufacturers-main-row .g-cols.via_flex.type_default .vc_col-lg-offset-1 {
        margin-left: 4.3333%;
    }

    .l-section.height_large.countertops-products-row {
        padding-bottom: 0;
        margin-top: 1.5rem;
    }

    .countertops-products-hwrapper{
        transform: translateY(calc((6rem + 50px) * -1));
    }

    .image-left-edge-row .vc_col-sm-6.stretched>.vc_column-inner {
        padding-left: 0 !important;
        padding-right: calc(var(--site-content-width) / 24) !important;
    }
    
    .footer-locations-hwrapper {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .designers-grid .w-grid-list .w-grid-item:nth-child(even) .post_image {
        order: 2;
    }

    .designer-featured-section .g-cols.via_flex.type_default>div.vc_col-md-7>.vc_column-inner {
        padding-left: 45px;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-ab_designer .w-gallery-item-title {
        font-family: var(--h6-font-family, inherit);
        font-weight: var(--h6-font-weight, inherit);
        font-size: var(--h6-font-size, inherit);
        font-style: var(--h6-font-style, inherit);
        line-height: var(--h6-line-height, 1.4);
        letter-spacing: var(--h6-letter-spacing, inherit);
        text-transform: var(--h6-text-transform, inherit);
    }
}

@media (max-width: 1024px) and (min-width: 768px) {

    .manufacturer-logo-hwrapper {
        flex-wrap: wrap;
        padding-right: 1.5rem;
    }

    .cabinets-products-slider-grid-layout .owl-carousel.arrows-hor-pos_on_sides_outside>.owl-nav,
    .windows-products-slider-grid-layout .owl-carousel.arrows-hor-pos_on_sides_outside>.owl-nav {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

	.l-footer .ult-content-box-container {
	    padding: 3em 5% 3em;
	}

    .footer-subscribe-holder .gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
        grid-column: span 8;
        -ms-grid-column-span: 8;
    }

    .footer-subscribe-holder .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
        grid-column: span 4;
        -ms-grid-column-span: 4;
    }

    .designers-grid .w-grid-list {
        margin-inline-start: 3rem;
    }
} 

@media (min-width: 1025px) {

    .home-featured-row .w-slider-h {
        bottom: 60px;
    }

    .push-one-eight {
        margin-left: 12.5%;
    }

    .home-featured-row .vc_col-sm-6:first-of-type {
        -ms-flex-item-align: end;
            align-self: flex-end;
    }

    .footer-subscribe-holder .gform_wrapper {
        width: 100%;
    }

    .footer-subscribe-holder .gform_fields {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .footer-subscribe-holder .gfield.gfield--type-email {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .footer-subscribe-holder .ginput_container.ginput_container_email {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (max-width: 1024px) {

    .footer-subscribe-holder .gform_wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .footer-locations-hwrapper .w-image {
        margin-bottom: 24px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {

    .designer-grid-main-hwrapper>.post_image {
        flex: 0 0 22%;
    }

    .designers-grid .w-btn i {
        display: none;
    }
}

@media (max-width: 1024px) and (min-width: 601px) {

    .w-hwrapper.countertops-products-hwrapper>.w-vwrapper.product-item-box {
        width: calc((100% - 30px) / 2);
    }

    .w-hwrapper.material-quality-hwrapper>.w-vwrapper {
        width: calc((100% - 100px) / 3);
    }
}

@media (max-width: 767px) {

    .process-carousel .w-vwrapper.rounded-box.blue {
        padding: 2.5rem 1.5rem;
    }

    .blue-shadowed-box {
        padding: 2.5rem 1.5rem;
    }

    .l-section.our-process-row {
        margin-bottom: 3rem;
    }

    .sales-halves-row .vc_col-sm-6:last-of-type .w-vwrapper {
        margin-top: 1.5rem;
    }

	/* Products Pages */

	.parent-pageid-31 .l-main .vc_col-sm-6 img.size-medium.alignnone {
		display: block;
		margin: 15px auto 0;
	}

    .footer-get-in-touch {
        margin-bottom: -2rem !important;
    }

    .l-footer .w-socials {
    	text-align: center !important;
    }
    .footer-copyright {
    	text-align: center !important;
    }

    /* Rev Slider */

    .slide-content-box {
        background: rgba(235, 242, 243, .6) !important;
    }

    .home-featured-left-box,
    .featured-left-box {
        margin-bottom: 2.5rem;
    }

    .home-featured-left-box,
    .featured-left-box {
        padding: 2.5rem 1.5rem;
    }

    .home-featured-right-box {
        padding: 2.5rem 1.5rem;
    }

    .why-choose-hannapel .rounded-box {
        padding: 2.5rem 1.5rem;
    }

    .white-shadowed-box {
        padding: 2.5rem 1.5rem;
    }

    .footer-top-inner-column .w-vwrapper {
        padding: 2.5rem 1.5rem;
    }

    .footer-subscribe-holder {
        padding: 1.5rem;
    }

    .footer-subscribe-holder .gform_wrapper {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

    .footer-subscribe-holder .gform-button {
        width: 100%;
    }

    .numbered-hwrapper {
        padding: 2rem 1.5rem;
    }

    .manufacturers-carousel-row .w-text.line-right::after {
        display: none;
    }

    .manufacturers-main-row .manufacturer-carousel {
        margin-bottom: 3rem;
    }

    .l-section.image-left-edge-row {
        padding: 1.5rem;
    }

    .designer-grid-main-hwrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .designer-grid-main-hwrapper>.post_image {
        flex: 0 0 100%;
    }

    .designer-grid-main-hwrapper .w-vwrapper .w-hwrapper.usg_hwrapper_2 {
        flex-wrap: wrap;
        gap: 1rem
    }

    .designer-grid-main-hwrapper .w-hwrapper.usg_hwrapper_2>:not(:last-child) {
        margin-inline-end: 0;
    }

    .designer-grid-main-hwrapper .w-btn {
        min-width: 100%;
    }

    .location-featured-row .l-section-img {
        bottom: 50vh;
    }

    .location-featured-right-box {
        padding: 2.5rem 1.5rem;
    }

    .location-featured-working-hours-hwrapper >:not(script) {
        margin: 0 0 1rem !important;
    }

    .location-featured-working-hours-hwrapper .w-text:not(.icon_atleft) {
        padding-left: calc(15px + 1.25em);
    }

    .location-featured-right-box .location-email {
        margin: 0 0 2.5rem;
    }

    .location-featured-btns-hwrapper {
        flex-wrap: wrap;
    }

    .location-featured-btns-hwrapper>:not(:last-child) {
        margin-inline-end: 0;
    }

    .location-featured-btns-hwrapper .w-btn {
        min-width: 232px;
    }

    .designer-grid-vwrapper {
        padding: 2.5rem 1.5rem;
    }

    .l-section.request-15-min-consultation-block {
        padding: 2.5rem 1.5rem;
    }

    .l-section.request-15-min-consultation-block .w-image.align_right {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .l-section.height_huge.page-title-row>.l-section-h {
        padding: 3rem 0;
    }
}

@media (max-width: 600px) {
	.l-main .w-btn-wrapper.align_left {
		margin-right: 0;
		display: block;
	}

	.l-main .w-btn-wrapper.width_auto.align_left .w-btn {
		width: 100% !important;
	}

	.l-main .us-btn-style_2 {
		padding: 1.1em 1.5em;
	}

    .home-products-inner-row img {
        aspect-ratio: 4 /5;
        max-width: 100%;
    }

    .btns-hwrapper .w-btn {
        min-width: 225px;
    }

    .precess-carousel {
        margin-bottom: 1.5rem;
    }

    .precess-carousel .owl-carousel.arrows-hor-pos_left_inside>.owl-nav {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .featured-left-box .w-btn {
        min-width: 225px;
    }

    .w-grid.doors-products-grid .w-grid-list {
        column-gap: 15px;
    }

    .products-grid-vwrapper  {
        padding: 15px;
    }

    .l-main .doors-products-grid .products-grid-vwrapper .us-btn-style_2 {
        padding: .6em .9em;
        font-size: .9rem;
        width: 100%;
    }

    .doors-products-grid .usg_post_title_1 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        overflow-wrap: break-word;
        word-break: break-word;
        min-height: 3lh;
    }

    .w-hwrapper.countertops-products-hwrapper>.w-vwrapper.product-item-box {
        width: 100%;
    }

    .w-hwrapper.material-quality-hwrapper {
        gap: 30px;
    }

    .w-hwrapper.material-quality-hwrapper>.w-vwrapper {
        width: 100%;
    }

    .w-menu.footer-menu.layout_ver {
        margin-top: 1.5rem;
        margin-bottom: 2.5rem;
    }

    .footer-badges-grid {
        margin-top: 1.5rem;
    }
}

@media (max-width: 479px) {
    #wpfront-notification-bar div.wpfront-close {
        font-size: 12px;
    }
    span.notification-title {
        font-size: 1.1em !important; 
    }
    .wpfront-message {
        font-size: 0.9em !important;
        line-height: 1.4 !important;
        padding: 10px 15px !important;
    }
}
/* Reduce H1 size in homepage hero box */
.home-featured-left-box h1 {
    font-size: clamp(36px, calc(36px + 20 * ((100vw - 320px) / 1600)), 56px);
}


/* @HNP-DS:BEGIN v1 */
/* ============================================================================
   HANNAPEL DESIGN SYSTEM  v1  (foundation: tokens + buttons)
   Added by Claude — 2026-09-04
   Home: Impreza-child/style.css  (appended between BEGIN/END markers)
   SAFETY: this layer is INERT. It defines :root tokens and `hnp-`-namespaced
   component classes only. It does NOT restyle any bare element (h1/img/a) or
   any existing class (.w-btn, .ed-*), so adding it changes nothing visually
   until page markup opts into these classes. Remove by deleting the marked block.
   ------------------------------------------------------------------------- */

:root {
  /* -- Brand & semantic color (measured from live references) ------------- */
  --hnp-plum:         #685060;   /* primary brand (rgb 104,80,96) */
  --hnp-plum-strong:  #52404c;   /* hover / pressed */
  --hnp-plum-tint:    #f2eef0;   /* light plum surface */
  --hnp-ink:          #2d292d;   /* headings & body text */
  --hnp-ink-muted:    #6f6a6e;   /* secondary text, metadata */
  --hnp-white:        #ffffff;
  --hnp-surface:      #ffffff;   /* card / hero-card surface */
  --hnp-surface-alt:  #f7f5f6;   /* subtle section fill */
  --hnp-border-color: #e6e2e4;   /* restrained hairline border */
  --hnp-border-strong:#d7d2d5;

  /* -- Typography -------------------------------------------------------- */
  --hnp-font-head: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hnp-font-body: "Spline Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Responsive type scale (clean anchors replacing fractional computed px) */
  --hnp-fs-display: clamp(2.75rem, 3.2vw + 1.6rem, 4rem);      /* 44 -> 64 */
  --hnp-fs-h1:      clamp(2.125rem, 3vw + 1rem, 3.375rem);     /* 34 -> 54 */
  --hnp-fs-h2:      clamp(1.75rem, 2.2vw + 0.9rem, 2.625rem);  /* 28 -> 42 */
  --hnp-fs-h3:      clamp(1.25rem, 0.6vw + 1rem, 1.375rem);    /* 20 -> 22 */
  --hnp-fs-h4:      clamp(1.0625rem, 0.3vw + 0.95rem, 1.125rem);/*17 -> 18 */
  --hnp-fs-lead:    clamp(1.0625rem, 0.5vw + 0.9rem, 1.1875rem);/*17 -> 19 */
  --hnp-fs-body:    1rem;        /* 16 */
  --hnp-fs-small:   0.875rem;    /* 14 */
  --hnp-fs-eyebrow: 0.8125rem;   /* 13 */
  --hnp-fs-label:   0.8125rem;   /* 13 */
  --hnp-fs-btn:     0.9375rem;   /* 15 */

  --hnp-fw-head:    450;         /* editorial medium (h1/h2) */
  --hnp-fw-head-strong: 600;     /* h3/h4 emphasis */
  --hnp-fw-body:    400;
  --hnp-fw-medium:  500;         /* buttons, labels */

  --hnp-lh-tight:   1.05;
  --hnp-lh-head:    1.15;
  --hnp-lh-snug:    1.3;
  --hnp-lh-body:    1.6;

  --hnp-ls-tight:   -0.02em;     /* large headings */
  --hnp-ls-eyebrow: 0.08em;      /* uppercase eyebrows/labels */

  /* -- Spacing scale (4px base) ----------------------------------------- */
  --hnp-space-1: 4px;
  --hnp-space-2: 8px;
  --hnp-space-3: 12px;
  --hnp-space-4: 16px;
  --hnp-space-5: 20px;
  --hnp-space-6: 24px;
  --hnp-space-8: 32px;
  --hnp-space-10: 40px;
  --hnp-space-12: 48px;
  --hnp-space-16: 64px;
  --hnp-space-20: 80px;
  --hnp-space-24: 96px;

  /* -- Containers & gutters --------------------------------------------- */
  --hnp-container:        1200px; /* standard content container */
  --hnp-container-narrow: 760px;  /* narrow reading measure */
  --hnp-gutter:           20px;   /* desktop/tablet gutter */
  --hnp-gutter-mobile:    16px;   /* mobile gutter */

  /* -- Radii ------------------------------------------------------------ */
  --hnp-radius-sm:   8px;
  --hnp-radius:      10px;   /* buttons & controls */
  --hnp-radius-lg:   16px;   /* cards & hero cards */
  --hnp-radius-pill: 999px;  /* filter chips */

  /* -- Elevation --------------------------------------------------------- */
  --hnp-shadow-sm: 0 1px 2px rgba(45,41,45,0.06);
  --hnp-shadow:    0 2px 10px rgba(45,41,45,0.08);
  --hnp-shadow-lg: 0 12px 34px rgba(45,41,45,0.13);

  /* -- Image aspect ratios ---------------------------------------------- */
  --hnp-ratio-wide:      16 / 9;
  --hnp-ratio-landscape: 4 / 3;
  --hnp-ratio-product:   4 / 3;
  --hnp-ratio-square:    1 / 1;
  --hnp-ratio-portrait:  3 / 4;

  /* -- Motion & focus --------------------------------------------------- */
  --hnp-transition:      160ms ease;
  --hnp-transition-slow: 240ms ease;
  --hnp-focus-ring:      0 0 0 3px rgba(104,80,96,0.45);
  --hnp-focus-offset:    2px;
}

/* ---------------------------------------------------------------------------
   Standard breakpoint set (documentation; media queries below use these
   literal values only, replacing the 479/600/680/760/767/900/960/1020/1100/
   1180/1279/1380/1440/1560 grab-bag going forward):
     sm  480px   (phone -> large phone)
     md  768px   (tablet portrait)
     lg  1024px  (tablet landscape / small laptop)
     xl  1280px  (desktop)
   --------------------------------------------------------------------------- */

/* ==========================================================================
   BUTTONS  — standardized from the Exterior Doors CTA direction.
   One height token everywhere (52px) replaces the 48/50/54 mix.
   =========================================================================== */
.hnp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--hnp-space-2);
  min-height: 52px;
  padding: 0 26px;
  border-radius: var(--hnp-radius);
  border: 1.5px solid transparent;
  font-family: var(--hnp-font-body);
  font-size: var(--hnp-fs-btn);
  font-weight: var(--hnp-fw-medium);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition:
    background-color var(--hnp-transition),
    color var(--hnp-transition),
    border-color var(--hnp-transition),
    box-shadow var(--hnp-transition),
    transform var(--hnp-transition);
}

/* Primary — plum fill */
.hnp-btn--primary {
  background: var(--hnp-plum);
  color: var(--hnp-white);
  border-color: var(--hnp-plum);
}
.hnp-btn--primary:hover { background: var(--hnp-plum-strong); border-color: var(--hnp-plum-strong); }

/* Secondary — light/outlined */
.hnp-btn--secondary {
  background: var(--hnp-white);
  color: var(--hnp-plum);
  border-color: var(--hnp-plum);
}
.hnp-btn--secondary:hover { background: var(--hnp-plum); color: var(--hnp-white); }

/* Ghost — for dark/photo backgrounds */
.hnp-btn--ghost {
  background: rgba(255,255,255,0.12);
  color: var(--hnp-white);
  border-color: rgba(255,255,255,0.7);
}
.hnp-btn--ghost:hover { background: var(--hnp-white); color: var(--hnp-plum); border-color: var(--hnp-white); }

/* States */
.hnp-btn:focus-visible { outline: none; box-shadow: var(--hnp-focus-ring); }
.hnp-btn:active { transform: translateY(1px); }
.hnp-btn[disabled],
.hnp-btn.is-disabled,
.hnp-btn[aria-disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
}

/* Right-side arrow (decorative). Add class .hnp-btn--arrow.
   Only put an arrow on link/navigation CTAs — never on hearts, carousel
   arrows, accordion toggles, filter chips, close, form or utility buttons. */
.hnp-btn--arrow::after {
  content: "\2192";           /* -> */
  font-size: 1.15em;
  line-height: 0;
  transition: transform var(--hnp-transition);
}
.hnp-btn--arrow:hover::after { transform: translateX(3px); }

/* Full-width modifier */
.hnp-btn--block { width: 100%; }

/* Button pair: side-by-side on desktop, full-width stacked on mobile.
   Primary stays first in source order at every breakpoint. */
.hnp-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hnp-space-3);
  align-items: center;
}
@media (max-width: 480px) {
  .hnp-btn-group { flex-direction: column; align-items: stretch; }
  .hnp-btn-group .hnp-btn { width: 100%; }
}

/* ===========================================================================
   SURFACE / CARD base (restrained Cabinetry direction: hairline border,
   small radius, minimal shadow). Component variants layer on top later.
   =========================================================================== */
.hnp-card {
  background: var(--hnp-surface);
  border: 1px solid var(--hnp-border-color);
  border-radius: var(--hnp-radius-lg);
  box-shadow: var(--hnp-shadow-sm);
  overflow: hidden;
}

/* Standard image frame — fixed aspect ratio, no distortion, focal-point aware.
   Set focal point per image with inline `--hnp-focus-x/-y` or object-position. */
.hnp-media {
  display: block;
  width: 100%;
  aspect-ratio: var(--hnp-ratio-landscape);
  overflow: hidden;
  background: var(--hnp-surface-alt);
}
.hnp-media > img,
.hnp-media > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--hnp-focus-x, 50%) var(--hnp-focus-y, 50%);
  display: block;
}

/* ===========================================================================
   TYPOGRAPHY ROLE utilities (opt-in classes — do not touch global h1/h2/h3).
   =========================================================================== */
.hnp-display { font-family: var(--hnp-font-head); font-size: var(--hnp-fs-display); font-weight: var(--hnp-fw-head); line-height: var(--hnp-lh-tight); letter-spacing: var(--hnp-ls-tight); color: var(--hnp-ink); }
.hnp-h1 { font-family: var(--hnp-font-head); font-size: var(--hnp-fs-h1); font-weight: var(--hnp-fw-head); line-height: var(--hnp-lh-head); letter-spacing: var(--hnp-ls-tight); color: var(--hnp-ink); }
.hnp-h2 { font-family: var(--hnp-font-head); font-size: var(--hnp-fs-h2); font-weight: var(--hnp-fw-head); line-height: var(--hnp-lh-head); letter-spacing: var(--hnp-ls-tight); color: var(--hnp-ink); }
.hnp-h3 { font-family: var(--hnp-font-head); font-size: var(--hnp-fs-h3); font-weight: var(--hnp-fw-head-strong); line-height: var(--hnp-lh-snug); letter-spacing: -0.01em; color: var(--hnp-ink); }
.hnp-h4 { font-family: var(--hnp-font-head); font-size: var(--hnp-fs-h4); font-weight: var(--hnp-fw-head-strong); line-height: var(--hnp-lh-snug); color: var(--hnp-ink); }
.hnp-lead { font-family: var(--hnp-font-body); font-size: var(--hnp-fs-lead); font-weight: var(--hnp-fw-body); line-height: var(--hnp-lh-body); color: var(--hnp-ink-muted); }
.hnp-body { font-family: var(--hnp-font-body); font-size: var(--hnp-fs-body); font-weight: var(--hnp-fw-body); line-height: var(--hnp-lh-body); color: var(--hnp-ink); }
.hnp-small { font-family: var(--hnp-font-body); font-size: var(--hnp-fs-small); line-height: var(--hnp-lh-snug); color: var(--hnp-ink-muted); }
.hnp-eyebrow { font-family: var(--hnp-font-body); font-size: var(--hnp-fs-eyebrow); font-weight: var(--hnp-fw-medium); letter-spacing: var(--hnp-ls-eyebrow); text-transform: uppercase; color: var(--hnp-plum); }
.hnp-label { font-family: var(--hnp-font-body); font-size: var(--hnp-fs-label); font-weight: var(--hnp-fw-medium); letter-spacing: 0.02em; color: var(--hnp-ink-muted); }

/* ===========================================================================
   REDUCED MOTION — scoped to this system's animated pieces.
   =========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .hnp-btn,
  .hnp-btn--arrow::after,
  .hnp-card,
  .hnp-media > img {
    transition: none !important;
    animation: none !important;
  }
}

/* @HNP-DS:END v1 */


/* @HNP-DS:BUTTONS v1 — unify the two CTA button systems to one geometry + state
   set: Impreza filled primary (.w-btn.us-btn-style_2) and the Exterior Doors
   .ed-button (primary + light/outlined secondary). One height (52px) replaces
   the 48px/54px split; one 10px radius; a shared accessible focus ring and
   pressed state. Scoped to .l-canvas so the header CTA and nav are untouched;
   specificity (.l-canvas .w-btn.us-btn-style_2 = 3 classes) beats Impreza's
   later-loading rules without !important. Gravity Forms submits, carousel
   arrows, accordion toggles and filter chips are intentionally excluded.
   Text-link buttons (.us-btn-style_3) are left as links. Reversible: delete
   this marked block. Added by Claude. */

/* One radius */
.l-canvas .w-btn.us-btn-style_2:not(.gform_button),
.l-canvas a.ed-button {
  border-radius: var(--hnp-radius);
}

/* One height (52px) via symmetric padding on both systems (line-height 18px:
   17 + 17 + 18 = 52). */
.l-canvas .w-btn.us-btn-style_2:not(.gform_button),
.l-canvas a.ed-button.ed-button--primary,
.l-canvas a.ed-button.ed-button--secondary {
  padding-top: 17px;
  padding-bottom: 17px;
}

/* Shared accessible focus ring (keyboard only) */
.l-canvas .w-btn.us-btn-style_2:not(.gform_button):focus-visible,
.l-canvas a.ed-button:focus-visible {
  outline: none;
  box-shadow: var(--hnp-focus-ring);
}

/* Shared pressed state */
.l-canvas .w-btn.us-btn-style_2:not(.gform_button):active,
.l-canvas a.ed-button:active {
  transform: translateY(1px);
}

/* @HNP-DS:BUTTONS-ED — bridge over the legacy inline `hp-hero-btn-normalize`
   !important rule so the Exterior Doors ed-buttons adopt the same 52px height
   as the rest of the site. Higher specificity means this single !important
   replaces (not adds to) the legacy one; drop it once hp-hero-btn-normalize is
   removed in cleanup. Added by Claude. */
html body .l-canvas a.ed-button.ed-button--primary,
html body .l-canvas a.ed-button.ed-button--secondary {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
  border-radius: var(--hnp-radius) !important;
}


/* @HNP-DS:FAQ v1 — bring FAQ accordions to the Bathroom Vanities reference:
   summary at 16px/650 Spline Sans, 22px rows, hairline dividers, a "+" that
   becomes "-" on open, hover + keyboard focus, reduced-motion aware. Targets
   the Exterior Doors (.ed-faq-list) and Dutchmaid (.dm2-faq / .faq-list)
   accordions; the Bathroom Vanities .hvp-faq-list stays the reference. No
   !important (page FAQ styles carry none); .l-canvas scope wins on specificity.
   Reversible: delete this marked block. Added by Claude. */

.l-body .l-canvas .ed-faq-list details,
.l-body .l-canvas .dm2-faq details,
.l-body .l-canvas .faq-list details {
  border-bottom: 1px solid var(--hnp-border-color);
  background: none;
}
.l-body .l-canvas .ed-faq-list summary,
.l-body .l-canvas .dm2-faq summary,
.l-body .l-canvas .faq-list summary {
  font-family: var(--hnp-font-body);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.45;
  padding: 22px 44px 22px 0;
  color: var(--hnp-ink);
  cursor: pointer;
  list-style: none;
  position: relative;
  transition: color var(--hnp-transition);
}
.l-body .l-canvas .ed-faq-list summary:hover,
.l-body .l-canvas .dm2-faq summary:hover,
.l-body .l-canvas .faq-list summary:hover { color: var(--hnp-plum); }

.l-body .l-canvas .ed-faq-list summary:focus-visible,
.l-body .l-canvas .dm2-faq summary:focus-visible,
.l-body .l-canvas .faq-list summary:focus-visible {
  outline: none;
  box-shadow: var(--hnp-focus-ring);
  border-radius: 4px;
}
.l-body .l-canvas .ed-faq-list summary::-webkit-details-marker,
.l-body .l-canvas .dm2-faq summary::-webkit-details-marker,
.l-body .l-canvas .faq-list summary::-webkit-details-marker { display: none; }

.l-body .l-canvas .ed-faq-list summary::after,
.l-body .l-canvas .dm2-faq summary::after,
.l-body .l-canvas .faq-list summary::after {
  content: "+";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: var(--hnp-plum);
  transition: transform var(--hnp-transition);
}
.l-body .l-canvas .ed-faq-list details[open] summary::after,
.l-body .l-canvas .dm2-faq details[open] summary::after,
.l-body .l-canvas .faq-list details[open] summary::after { content: "\2212"; }

@media (prefers-reduced-motion: reduce) {
  .l-body .l-canvas .ed-faq-list summary,
  .l-body .l-canvas .ed-faq-list summary::after,
  .l-body .l-canvas .dm2-faq summary,
  .l-body .l-canvas .faq-list summary { transition: none; }
}


/* HPL26_BEGIN — 2026-09-06 */
/* HPL26: incremental polish. Existing layouts, imagery and catalogs retained.
   Opt-in body class excludes Exterior Doors. Breakpoints: 600/760/1024px. */
body:is(.hpl26-site,.hpl26-footer-only){--hpl26-plum:#685060;--hpl26-plum-dark:#503b4b;--hpl26-ink:#292827;--hpl26-muted:#565158;--hpl26-blue:#e8f0f3;--hpl26-paper:#f7f6f4;--hpl26-line:#d5cdd2;--hpl26-radius:16px;--hpl26-control-radius:8px;--hpl26-shadow:0 8px 24px rgb(40 35 38 / 8%);--hpl26-duration:180ms;--hpl26-ease:cubic-bezier(.22,.61,.36,1);--hpl26-width:1240px;--hpl26-gap:clamp(20px,3vw,40px);--hpl26-section:clamp(48px,6vw,80px);--hpl26-body-size:1rem;--hpl26-leading:1.6}
.hpl26-site :is(.l-main,.l-header) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--hpl26-plum)!important;outline-offset:4px!important}
.hpl26-site .l-footer :is(a,button,input):focus-visible{outline-color:#eedbe7}
.hpl26-site .l-main [id]{scroll-margin-top:130px}
.hpl26-site .l-main :is(h1,h2,.h1-style,.h2-style){text-wrap:balance}
.hpl26-site .l-main p{text-wrap:pretty}
:is(.hpl26-site,.hpl26-footer-only) .l-main .l-section:is(.hpl26-schema-only,.hpl26-empty-row){padding:0!important;margin:0!important;min-height:0!important}
/* Three product-benefit columns retain enough space for their headings. */
:is(.hpl26-site,.hpl26-footer-only) .products-why-choose .rounded-box{border-radius:var(--hpl26-radius)}
:is(.hpl26-site,.hpl26-footer-only) .products-why-choose .rounded-box .h3-style{font-size:clamp(26px,2.4vw,36px);line-height:1.2}
@media(max-width:1024px){:is(.hpl26-site,.hpl26-footer-only) .products-why-choose .rounded-box{padding:24px!important}}
.hpl26-site .l-header{border-bottom:1px solid rgb(40 35 38 / 9%)}
.hpl26-site .w-nav.type_mobile .w-nav-control{min-width:48px;min-height:48px}
.hpl26-site .w-nav.type_mobile .w-nav-anchor.level_1{min-height:48px}
.hpl26-site .l-canvas :is(.w-btn.us-btn-style_2,.w-btn.us-btn-style_5,.hd3-btn,.hloc-button){border-radius:var(--hpl26-control-radius);min-height:48px;transition:color var(--hpl26-duration),background-color var(--hpl26-duration),border-color var(--hpl26-duration)}
.hpl26-site .w-btn.us-btn-style_3{text-underline-offset:5px}
.hpl26-site :is(.home-featured-left-box,.home-featured-right-box,.featured-left-box,.location-featured-right-box){border-radius:var(--hpl26-radius)}
.hpl26-site .home-featured-right-box h3{font-size:clamp(30px,2.8vw,42px);line-height:1.18;margin-bottom:24px}
.hpl26-site .home-featured-left-box h1{line-height:1.14;letter-spacing:-.025em}
.hpl26-site .gform_wrapper :is(input[type=text],input[type=email],input[type=tel],select,textarea){font-size:16px;min-height:48px}
.hpl26-site .gform_wrapper :is(label,legend){line-height:1.45}
.hpl26-site .gform_wrapper input[type=submit]{min-height:48px;border-radius:var(--hpl26-control-radius)}
.hpl26-site .gform_wrapper :is(input,select,textarea):focus-visible{outline-offset:2px}
.hpl26-site :is(.hloc-card,.designer-grid-vwrapper){transition:box-shadow var(--hpl26-duration),border-color var(--hpl26-duration)}
.hpl26-site .hloc-card:hover{transform:none;box-shadow:var(--hpl26-shadow)}
.hpl26-site :is(.location-address,.location-email){overflow-wrap:anywhere}
.hpl26-site .hd3-faq-item summary,.hpl26-site .w-tabs-section-header{min-height:52px}
.hpl26-site .hd3-faq-item summary:focus-visible{outline-offset:-4px}
.hpl26-site .footer-copyright{line-height:1.6}
@media(max-width:760px){
/* Fixed desktop height was clipping the existing mobile Design card and CTAs. */
.hpl26-site .hd3-hero-shell{height:auto}
.hpl26-site :is(.hd3-hero-image,.hd3-hero-card){flex-shrink:0}
.hpl26-site .hd3-hero-card{overflow:visible}
}
@media(max-width:600px){.hpl26-site .hp-mobile-cta-toggle{min-height:50px}}
@media(prefers-reduced-motion:reduce){.hpl26-site .l-canvas *,.hpl26-site .l-canvas *::before,.hpl26-site .l-canvas *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Gallery lives behind the fixed header; keep its fullscreen action visible. */
.hpl26-site .hannapel-gallery-enabled .hannapel-showroom-expand{top:calc(var(--header-height,80px) + 16px)}
/* Let long hero labels wrap naturally while their arrow stays alongside. */
.hpl26-site :is(.featured-left-box,.products-grid-vwrapper) .w-btn.icon_atright{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.hpl26-site :is(.featured-left-box,.products-grid-vwrapper) .w-btn.icon_atright>.w-btn-label{min-width:0}
.hpl26-site :is(.featured-left-box,.products-grid-vwrapper) .w-btn.icon_atright>i{flex:0 0 auto;margin-left:0}
/* The existing light brown active nav and small CTA eyebrow failed contrast. */
.hpl26-site .l-header .w-nav :is(.current-menu-item,.current-menu-ancestor)>.w-nav-anchor>.w-nav-title{color:var(--hpl26-plum)}
.hpl26-site.page-id-10 .rounded-box>.w-text:first-child .w-text-value{color:var(--hpl26-plum)}
/* WPBakery hid the headline at tablet widths but left a half-width form.
   Keep the existing two boxes, with sufficient room for readable fields. */
@media(min-width:601px) and (max-width:1024px){
body.hpl26-site.page-id-10 .home-featured-row{min-height:0!important;padding-top:280px;padding-bottom:32px}
.hpl26-site .home-featured-row>.l-section-h{width:100%;max-width:720px}
.hpl26-site .home-featured-row>.l-section-h>.g-cols{flex-direction:column}
.hpl26-site .home-featured-row>.l-section-h>.g-cols>.wpb_column{display:flex!important;width:100%;margin:0}
body.hpl26-site.page-id-10 .home-featured-row .home-featured-left-box.w-vwrapper{margin:0 0 24px!important;padding:28px 32px}
.hpl26-site .home-featured-left-box h1{font-size:36px}
.hpl26-site .home-featured-right-box{padding:32px;transform:none!important}
.hpl26-site .products-grid-vwrapper{padding:24px}
.hpl26-site .products-grid-vwrapper .w-btn{padding-inline:16px}
}
@media(min-width:901px) and (max-width:1200px){
.hpl26-site .location-featured-row.hannapel-gallery-enabled .location-featured-right-box{padding:32px!important}
.hpl26-site .location-featured-right-box>.post_title{font-size:36px;line-height:1.16}
.hpl26-site .location-featured-working-hours-hwrapper{--hwrapper-gap:20px!important}
.hpl26-site .location-featured-working-hours-hwrapper .h5-style{font-size:16px}
.hpl26-site .location-featured-btns-hwrapper{flex-direction:column;align-items:stretch;gap:12px}
.hpl26-site .location-featured-btns-hwrapper>.w-btn-wrapper{width:100%;margin:0!important}
.hpl26-site .location-featured-btns-hwrapper .w-btn{width:100%;min-height:48px}
}

/* Preserve component borders/underlines; do not layer a second global line. */
.hpl26-site .hps-pill-t{color:#6f6268}
.hpl26-site .us_custom_1b974dde p>a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
/* The footer already offers the finder; avoid covering its navigation. */
:is(.hpl26-site,.hpl26-footer-only).hpl26-footer-visible #hnp-sf-btn[aria-expanded="false"]:not(:focus-visible){visibility:hidden!important;pointer-events:none}

/* Keep the existing gallery dots while enlarging their touch targets. */
.hpl26-site .hvp-slider-dots{gap:3px;bottom:6px}
.hpl26-site .hvp-slider-dots button,.hpl26-site .hvp-slider-dots button.is-active{position:relative;width:26px;height:30px;background:transparent;border-radius:0}
.hpl26-site .hvp-slider-dots button::after{content:"";position:absolute;width:8px;height:8px;top:11px;left:9px;background:rgb(255 255 255 / 65%);border-radius:50%;box-shadow:0 0 0 1px rgb(0 0 0 / 15%)}
.hpl26-site .hvp-slider-dots button.is-active::after{width:20px;left:3px;border-radius:5px;background:#fff}
.hpl26-site .hvp-slider-btn{width:44px;height:44px}

/* Keep the cabinet pull in view in the narrow hardware hero crop. */
@media(max-width:600px){.hpl26-site.page-id-313 .page-title-26-row{min-height:620px!important}.hpl26-site.page-id-313 .page-title-26-row .l-section-img{background-position:85% 35%!important}}

/* Native SVG planning disclosures: a quiet construction view, no JS dependency. */
.hpl26-site .hvi-grid{align-items:start}
.hpl26-site :is(.hvi-card,.hvp-brand-row,.hvp-cta-card){border-radius:var(--hpl26-radius)}
.hpl26-site .hvp-btn{border-radius:var(--hpl26-control-radius);min-height:48px;transition:color 180ms,background-color 180ms,border-color 180ms}
.hpl26-site .hvp-btn:hover{transform:none}
.hpl26-site .hvi-copy p{color:#625d59}
.hpl26-site .hvi-card .hpl26-layout-details{margin:0 20px;border-top:1px solid var(--hpl26-line)}
.hpl26-site .hpl26-layout-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 0;list-style:none;cursor:pointer;color:var(--hpl26-plum);font:500 14px/1.4 "Spline Sans",Arial,sans-serif}
.hpl26-site .hpl26-layout-details summary::-webkit-details-marker{display:none}
.hpl26-site .hpl26-layout-details summary:focus-visible{outline:3px solid var(--hpl26-plum);outline-offset:3px;border-radius:2px}
.hpl26-site .hpl26-detail-plus{font-size:22px;font-weight:400;transition:transform 220ms;line-height:1}
.hpl26-site .hpl26-layout-details[open] .hpl26-detail-plus{transform:rotate(45deg)}
.hpl26-site .hpl26-layout-explanation{padding-bottom:20px}
.hpl26-site .hpl26-layout-explanation p{font:400 14px/1.55 "Spline Sans",Arial,sans-serif;color:var(--hpl26-ink);margin:0 0 12px}
.hpl26-site .hpl26-layout-explanation .hpl26-layout-note{font-size:12px;color:#625d59;margin-bottom:0}
.hpl26-site .hvi-card :is(.hvi-counter-front,.hvi-counter-top,.hvi-counter-side,.hvi-sink-rim,.hvi-sink-bowl,.hvi-drain,.hvi-faucet,.hvi-faucet-detail){transition:transform 300ms var(--hpl26-ease)}
.hpl26-site .hvi-card:has(.hpl26-layout-details[open]) :is(.hvi-counter-front,.hvi-counter-top,.hvi-counter-side,.hvi-sink-rim,.hvi-sink-bowl,.hvi-drain,.hvi-faucet,.hvi-faucet-detail){transform:translateY(-24px)}
.hpl26-site .hvi-card .hpl26-drafting{fill:none;stroke:var(--hpl26-plum);stroke-width:1;opacity:0;transition:opacity 300ms;pointer-events:none}
.hpl26-site .hvi-card:has(.hpl26-layout-details[open]) .hpl26-drafting{opacity:1}
@media(prefers-reduced-motion:reduce){.hpl26-site .hvi-card *{transition:none!important}}

/* Trade intro removes column padding, so cancel its matching negative row
   margin when stacked. Preserve standard WPBakery gutters on other rows. */
.hpl26-site .hpro4-button{border-radius:var(--hpl26-control-radius);min-height:48px}
.hpl26-site .hpro4-summary{border-radius:var(--hpl26-radius);box-shadow:var(--hpl26-shadow)}
@media(max-width:767px){
.hpl26-site .hpro4-row>.l-section-h{padding-inline:20px!important}
.hpl26-site .hpro4-intro>.l-section-h>.g-cols.vc_row{margin-inline:0}
.hpl26-site.page-id-268 .page-title-26-row{padding-inline:20px!important}
}
/* A desktop-only gutter had been applied twice to testimonial bands on phones. */
@media(max-width:1024px){.hpl26-site .hpl-testi-page .hpl-band>.hpl-testi-wrap{padding-inline:0!important}}
.hpl26-site .hpl-testi-page .hpl-filter button{min-height:44px}

/* Preserve the full cabinet silhouette in the thumbnail, with touch targets. */
.hpl26-site .hpl26-cabinet-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hpl26-site .hpl26-cabinet-thumbs button{padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;background:#fff;width:78px;height:78px;flex:0 0 auto;transition:border-color 180ms,opacity 180ms;opacity:.8}
.hpl26-site .hpl26-cabinet-thumbs button[aria-pressed="true"]{border-color:var(--hpl26-plum);opacity:1}
.hpl26-site .hpl26-cabinet-thumbs button:hover{opacity:1}
.hpl26-site .hpl26-cabinet-thumbs img{display:block;width:100%;height:100%;object-fit:contain}

/* Resource links use existing published guidance; keep quote CTAs primary. */
.hpl26-site .hpl26-product-resources{display:flex;flex-wrap:wrap;gap:0 24px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--hpl26-line)}
.hpl26-site .hpl26-product-resources a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--hpl26-plum);font-size:14px;line-height:1.4;text-decoration:none}
.hpl26-site .hpl26-product-resources a:hover{text-decoration:underline;text-underline-offset:4px}
/* The original outside arrows were half off-screen on narrow product galleries. */
@media(max-width:760px){
.hpl26-site .windows-products-slider-grid-layout .owl-nav button{transform:none!important;width:44px;height:44px;background:#fff;border:1px solid var(--hpl26-line);box-shadow:0 2px 8px rgb(40 35 38 / 8%)}
.hpl26-site .windows-products-slider-grid-layout .owl-nav button::after{font-size:18px}
}

/* The same photo-first, overlapping card composition as the approved door hero.
   Only server-identified, single-card photographic heroes opt into this layout. */
@media(max-width:900px){
body.hpl26-site .l-main .l-section.hpl26-stack-hero{--hpl26-hero-photo:clamp(290px,70vw,420px);display:block!important;min-height:0!important;height:auto!important;margin-top:0!important;padding:calc(var(--hpl26-hero-photo) - 28px) 20px 28px!important;background:var(--hpl26-paper);overflow:visible}
body.hpl26-site .l-main .hpl26-stack-hero>.l-section-img{height:var(--hpl26-hero-photo)!important;inset:0 0 auto!important;background-size:cover!important}
body.hpl26-site .l-main .hpl26-stack-hero>.l-section-h{position:relative;z-index:1;padding:0!important;width:100%!important;max-width:680px!important;margin-inline:auto}
body.hpl26-site .l-main .hpl26-stack-hero>.l-section-h>.g-cols{display:flex;flex-direction:column;margin:0!important;gap:0}
body.hpl26-site .l-main .hpl26-stack-hero>.l-section-h>.g-cols>.wpb_column{width:100%!important;padding:0;margin:0}
body.hpl26-site .l-main .hpl26-stack-hero .vc_column-inner{padding:0!important}
body.hpl26-site .l-main .hpl26-stack-hero .featured-left-box{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:28px 24px!important;transform:none!important;border:1px solid var(--hpl26-line);border-radius:16px;background:#fff;box-shadow:0 4px 16px rgb(40 35 38 / 5%)}
body.hpl26-site .l-main .hpl26-stack-hero .featured-left-box :is(h1,h2){font-size:clamp(30px,6.8vw,40px)!important;line-height:1.15!important;margin-bottom:20px}
body.hpl26-site .l-main .hpl26-stack-hero .featured-left-box .w-btn{min-height:48px;font-size:15px}
body.hpl26-site .l-main .hpl26-stack-hero::after{display:none}
}
.hpl26-contact .hpl26-line-icon{display:block;width:36px;height:36px;color:var(--hpl26-plum)}
.hpl26-contact .footer-top-inner-column .w-image{opacity:1}
/* Match custom editorial hero typography and conversion hierarchy. */
.hpl26-site .hd3-btn--plum{background:var(--hpl26-plum);border-color:var(--hpl26-plum)}
.hpl26-site .hd3-btn--plum:hover{background:var(--hpl26-plum-dark);border-color:var(--hpl26-plum-dark)}
.hpl26-site :is(.hd3-hero-card,.dm2-hero-card) h1{font-weight:500;letter-spacing:-.025em}
.hpl26-site .hpl26-stack-hero .featured-left-box a.w-btn[href*="/locations"]{background:transparent!important;border:1px solid var(--hpl26-plum)!important;color:var(--hpl26-plum)!important;box-shadow:none}
@media(max-width:900px){
body.hpl26-site .l-main .hpl26-stack-hero .featured-left-box>.w-text:last-child{margin-bottom:0!important}
.hpl26-site :is(.hd3-hero-card,.dm2-hero-card) h1{font-size:clamp(30px,6.8vw,40px);line-height:1.15}
}

/* Shared footer refresh. Existing families, business links and ZIP behavior retained. */
.hpl26-footer-inner{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.hpl26-contact{padding:56px 0;background:var(--hpl26-paper);color:var(--hpl26-ink);border-top:1px solid var(--hpl26-line)}
.hpl26-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:32px}
.hpl26-contact h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15;margin:0}
.hpl26-footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:14px 22px;background:var(--hpl26-plum);border:1px solid var(--hpl26-plum);border-radius:8px;color:#fff!important;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none!important;transition:background-color 180ms}
.hpl26-footer-cta:hover{background:var(--hpl26-plum-dark)}
.hpl26-contact .footer-top-inner-column{margin:0;gap:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hpl26-contact .footer-top-inner-column>.wpb_column{width:auto;padding:0;margin:0;min-width:0}
.hpl26-contact .footer-top-inner-column .w-vwrapper{padding:24px 0 0;border-radius:0;box-shadow:none;border-top:1px solid var(--hpl26-line);width:100%;display:grid;grid-template-columns:1fr 40px;grid-template-rows:auto auto;gap:12px 20px;align-items:start}
.hpl26-contact .footer-top-inner-column .w-vwrapper>*{margin:0!important;min-width:0}
.hpl26-contact .footer-top-inner-column .h5-style{font-size:23px;line-height:1.3;grid-column:1;grid-row:1}
.hpl26-contact .footer-top-inner-column .w-image{grid-column:2;grid-row:1;width:36px!important;opacity:.8}
.hpl26-contact .footer-top-inner-column .wpb_text_column{grid-column:1 / -1;font-size:16px;line-height:1.6;color:var(--hpl26-muted);max-width:34ch}
.hpl26-contact .footer-top-inner-column .w-btn-wrapper{grid-column:1 / -1;align-self:end}
.hpl26-contact .footer-top-inner-column .w-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;padding:4px 0;font-size:16px;color:var(--hpl26-plum);white-space:normal;text-align:left;line-height:1.4}
.hpl26-contact .footer-top-inner-column .w-btn>i{margin:0;font-size:18px}
.hpl26-footer{background:#261d23;color:#f2edf0;padding:56px 0 24px}
.hpl26-footer-grid{display:grid;grid-template-columns:minmax(250px,1.35fr) .8fr 1.35fr .9fr;gap:40px;align-items:start}
.hpl26-footer h2{font-family:inherit;font-size:17px;font-weight:600;line-height:1.4;color:#fff;margin:0 0 14px}
.hpl26-footer p{margin:0}
.hpl26-footer ul{list-style:none;padding:0;margin:0}
.hpl26-footer li{margin:0;padding:0}
.hpl26-footer a{color:#e5dce2;text-underline-offset:5px;transition:color 180ms}
.hpl26-footer a:hover{color:#fff;text-decoration:underline}
.hpl26-footer nav a{display:inline-flex;align-items:center;text-decoration:none;min-height:40px;font-size:16px;line-height:1.45}
.hpl26-footer-logo{--hpl26-logo-width:238px;display:inline-block;padding:0;line-height:0;margin-bottom:22px;margin-left:calc(var(--hpl26-logo-width) * -.047);max-width:100%;background:transparent}
.hpl26-footer-logo img{display:block;width:var(--hpl26-logo-width);max-width:100%;height:auto;filter:brightness(0) invert(1)}
.hpl26-footer-family{font-size:17px;line-height:1.5;color:#e5dce2}
.hpl26-footer-description{font-size:14px;line-height:1.65;margin-top:4px!important;color:#cbbfc7}
.hpl26-footer .footer-menu{font-family:inherit!important;font-size:16px;font-weight:400!important;text-transform:none!important;text-align:left!important;width:100%;--main-gap:0px;--main-ver-indent:0px;--main-hor-indent:0px}
.hpl26-footer .footer-menu .menu{display:block!important;margin:0!important}
.hpl26-footer .footer-menu .menu>li{display:block;margin:0!important;padding:0}
.hpl26-footer .footer-menu .menu>li>a{padding:0;display:inline-flex;min-height:40px;font-size:16px;line-height:1.45}
.hpl26-footer-all{margin-top:12px;gap:10px}.hpl26-footer nav .hpl26-footer-all{display:flex;width:fit-content;position:relative;text-decoration:none!important}.hpl26-footer nav .hpl26-footer-all::after{content:"";position:absolute;inset:auto 0 4px;height:1px;background:currentColor}
.hpl26-footer-social{margin-top:24px}
.hpl26-footer-social>p{font-size:14px;margin:0 0 8px;color:#cbbfc7}
.hpl26-footer .w-socials{text-align:left!important;font-size:18px!important}
.hpl26-footer .w-socials-item-link{width:44px;height:44px;line-height:44px;border:1px solid #65545f;border-radius:4px;background:transparent}
.hpl26-footer .w-socials-list{display:flex;gap:8px}
.hpl26-footer .footer-subscribe-holder{width:100%!important;max-width:100%!important;margin:24px 0 0!important;padding:20px 0 0!important;background:transparent;border:0;border-top:1px solid #594751;border-radius:0;display:block}
.hpl26-footer .footer-subscribe-holder .hpl-location-tools{display:block;width:100%;padding:0;margin:0;background:transparent;border:0;box-shadow:none}.hpl26-footer .footer-subscribe-holder .hpl-location-chips{display:none}.hpl26-footer .footer-subscribe-holder .hpl-zip-finder{display:block;width:100%;padding:0;margin:0;background:transparent;border:0;box-shadow:none;color:#fff}.hpl26-footer .hpl-zip-copy strong,.hpl26-footer .hpl-zip-copy span{display:block}.hpl26-footer .hpl-zip-copy strong{color:#fff}
.hpl26-footer .footer-subscribe-holder .hpl-zip-copy{margin-bottom:12px}
.hpl26-footer .footer-subscribe-holder .hpl-zip-copy strong{font-size:16px;line-height:1.5;font-weight:500}
.hpl26-footer .footer-subscribe-holder .hpl-zip-copy span{font-size:13px;letter-spacing:0;text-transform:none;line-height:1.5;font-weight:400;color:#cbbfc7}
.hpl26-footer .footer-subscribe-holder .hpl-zip-controls{display:flex;width:100%;gap:8px;margin:0}
.hpl26-footer .footer-subscribe-holder .hpl-zip-controls input{flex:1 1 auto;width:100%;min-width:0;max-width:none;height:48px;border-radius:6px;font-size:16px!important;line-height:1.25;font-weight:400}
.hpl26-footer .footer-subscribe-holder .hpl-zip-controls button[id^="hplZipFooter"]{height:48px;min-width:76px;border-radius:6px;background:#e8f0f3!important;color:#261d23;box-shadow:none!important;transform:none!important;font-size:15px;font-weight:600}
.hpl26-footer .footer-subscribe-holder .hpl-zip-controls button[id^="hplZipFooter"]:hover{background:#fff!important}
.hpl26-footer .footer-subscribe-holder .hpl-zip-error{font-size:14px}
.hpl26-footer-credentials{display:flex;align-items:center;gap:32px;padding:28px 0;margin-top:40px;border-top:1px solid #594751;border-bottom:1px solid #594751}
.hpl26-footer-credentials>p{font-size:14px;color:#cbbfc7;flex-shrink:0}
.hpl26-footer .footer-badges{width:auto;margin:0!important}
.hpl26-footer .footer-badges .w-grid-list{display:flex!important;flex-wrap:wrap;gap:12px;margin:0!important;max-width:none}
.hpl26-footer .footer-badges .w-grid-item{padding:0!important;margin:0;width:46px!important;flex:0 0 46px}
.hpl26-footer .footer-badges .post_image{width:46px!important;min-width:46px!important;max-width:46px!important;aspect-ratio:1}
.hpl26-footer .footer-badges .post_image img{object-fit:contain}
.hpl26-footer-legal{padding-top:20px}
.hpl26-footer .footer-copyright{text-align:left!important;font-size:13px;line-height:1.8}
.hpl26-footer .footer-copyright,.hpl26-footer .footer-copyright p,.hpl26-footer .footer-copyright a{color:#cbbfc7!important}
.hpl26-footer :is(a,button,input):focus-visible{outline:3px solid #eedbe7!important;outline-offset:4px}
.hpl26-contact :is(a,button):focus-visible{outline-color:var(--hpl26-plum)!important}
/* Normalize legacy WPBakery widths before applying responsive compositions. */
.hpl26-contact .footer-top-inner-column{width:100%!important;margin:0!important}
.hpl26-contact .footer-top-inner-column>.wpb_column{margin:0!important}
.hpl26-contact .footer-top-inner-column>.wpb_column>.vc_column-inner{padding:0!important}
.hpl26-contact .footer-top-inner-column>.wpb_column>.vc_column-inner>.wpb_wrapper{padding:0;margin:0}
.hpl26-footer-grid>*{min-width:0}
.hpl26-footer .footer-badges{flex:1 1 auto;min-width:0;width:100%!important}
.hpl26-footer .footer-badges-grid.w-grid.type_grid .w-grid-list{max-width:none!important;width:100%!important}
.hpl26-footer .w-socials-item{margin:0!important;padding:0!important}
.hpl26-footer .w-socials-list,.hpl26-footer .footer-menu{margin:0!important}
.hpl26-footer-showrooms ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
@media(min-width:761px) and (max-width:1100px){
.hpl26-footer-grid{grid-template-columns:.8fr 1.3fr .9fr;gap:32px}
.hpl26-footer-brand{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
.hpl26-footer-logo{justify-self:start;grid-column:1;margin-bottom:14px}
.hpl26-footer-family,.hpl26-footer-description{grid-column:1}
.hpl26-footer .footer-subscribe-holder{grid-column:2;grid-row:1 / 4;margin:0!important;padding:0!important;border:0}
.hpl26-footer-credentials{gap:20px}
.hpl26-contact .footer-top-inner-column{gap:24px}
}
@media(max-width:760px){
.hpl26-footer-inner{width:calc(100% - 40px)}
.hpl26-contact{padding:36px 0}
.hpl26-contact-heading{display:block;margin-bottom:28px}
.hpl26-footer-cta{margin-top:22px;width:100%;padding:14px 16px;gap:12px}
.hpl26-contact .footer-top-inner-column{grid-template-columns:1fr;gap:24px}
.hpl26-contact .footer-top-inner-column .w-vwrapper{padding-top:22px;grid-template-columns:1fr 36px;gap:8px 16px}
.hpl26-contact .footer-top-inner-column .wpb_text_column{max-width:100%}
.hpl26-contact .footer-top-inner-column .h5-style{font-size:22px}
.hpl26-footer{padding:36px 0 24px}
.hpl26-footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px}
.hpl26-footer-brand{grid-column:1 / -1}
.hpl26-footer-logo{margin-bottom:18px}
.hpl26-footer-logo{--hpl26-logo-width:208px}
.hpl26-footer-family{font-size:16px}
.hpl26-footer-description{font-size:14px}
.hpl26-footer .footer-subscribe-holder{margin-top:20px!important;padding-top:20px!important}
.hpl26-footer-products{grid-column:1;grid-row:2}
.hpl26-footer-company{display:contents}
.hpl26-footer-site-links{grid-column:2;grid-row:2}
.hpl26-footer-showrooms{grid-column:1 / -1;grid-row:3;padding-top:24px;border-top:1px solid #594751}
.hpl26-footer-showrooms ul{column-gap:24px}
.hpl26-footer h2{margin-bottom:8px;font-size:16px}
.hpl26-footer nav a,.hpl26-footer .footer-menu .menu>li>a{min-height:44px;font-size:15px}
.hpl26-footer-social{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}
.hpl26-footer-social>p{margin:0}
.hpl26-footer-credentials{display:block;margin-top:28px;padding:24px 0}
.hpl26-footer-credentials>p{margin-bottom:14px}
.hpl26-footer .footer-badges .w-grid-list{gap:10px}
.hpl26-footer .footer-badges .w-grid-item{width:42px!important;flex-basis:42px}
.hpl26-footer .footer-badges .post_image{width:42px!important;min-width:42px!important;max-width:42px!important}
.hpl26-footer .footer-copyright{font-size:12px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.hpl26-footer *,.hpl26-contact *{transition:none!important}}

/* Portrait tablets need enough room for a complete email address and action. */
@media(min-width:761px) and (max-width:900px){
.hpl26-contact .footer-top-inner-column{grid-template-columns:1fr;gap:20px}
.hpl26-contact .footer-top-inner-column .w-vwrapper{grid-template-columns:minmax(0,1fr) 36px 240px;grid-template-rows:auto;align-items:center;gap:20px}
.hpl26-contact .footer-top-inner-column .w-btn-wrapper{grid-column:3;grid-row:1;justify-self:end;align-self:center}
.hpl26-contact .footer-top-inner-column .wpb_text_column{grid-column:1 / -1}
}

/* One continuous underline includes the label, gap and arrow. */
.hpl26-contact .w-btn.us-btn-style_3{position:relative;text-decoration:none!important;border:0!important;border-radius:0;box-shadow:none}
.hpl26-contact .w-btn.us-btn-style_3 .w-btn-label{border:0!important;text-decoration:none!important}
.hpl26-contact .w-btn.us-btn-style_3::before{display:none!important}
.hpl26-contact .w-btn.us-btn-style_3::after{content:""!important;position:absolute;inset:auto 0 4px!important;width:100%!important;height:1px!important;background:currentColor!important;border:0!important;opacity:1!important;transform:none!important}
.hpl26-contact .hpl26-footer-inner{max-width:1240px;min-width:0;position:relative;left:auto;right:auto;transform:none}

/* HPL26 operation viewer: native fallback, fixed drawing stage, no page displacement. */
.hpl26-diagram-guide{margin:24px 0 32px;border-block:1px solid var(--hpl26-line,#ddd5d7);color:var(--hpl26-ink,#413b3e)}
.hpl26-diagram-guide>summary,.hpl26-dg-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:58px;padding:12px 0;border:0;background:transparent;color:var(--hpl26-plum,#685060);font:inherit;font-size:17px;font-weight:500;line-height:1.5;text-align:left;cursor:pointer;list-style:none}
.hpl26-diagram-guide>summary::-webkit-details-marker{display:none}
.hpl26-diagram-guide>summary svg,.hpl26-dg-launch svg{flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.5}
.hpl26-dg-launch{margin:24px 0 32px;border-block:1px solid var(--hpl26-line,#ddd5d7)}
.hpl26-dg-launch:hover{color:var(--hpl26-ink,#413b3e);background:transparent}
.hpl26-dg-dialog{box-sizing:border-box;width:min(780px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);padding:0;border:1px solid #d8cfd3;border-radius:12px;background:#fff;color:#413b3e;box-shadow:0 24px 90px #21151f40;overscroll-behavior:contain}
.hpl26-dg-dialog::backdrop{background:rgba(35,29,33,.6)}
.hpl26-dg-dialog:not([open]),.hpl26-diagram-guide[hidden]{display:none!important}
.hpl26-dg-content{box-sizing:border-box;padding:28px;color:#413b3e;line-height:1.5;font-size:16px}
.hpl26-dg-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.hpl26-dg-content .hpl26-dg-heading h2{margin:0;font-family:inherit;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.02em;text-transform:none}
.hpl26-dg-content .hpl26-dg-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ddd5d7;border-radius:50%;color:#685060;background:#fff;font-size:28px;line-height:1;cursor:pointer}
.hpl26-dg-content .hpl26-dg-close:hover{background:#f4f1f0;color:#413b3e}
.hpl26-dg-content .hpl26-dg-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;padding:0;margin:0 0 16px;border:0}
.hpl26-dg-choices:has(input[name="hpl26-dg-patio-type"]){grid-template-columns:repeat(2,minmax(0,1fr))}
.hpl26-dg-choices legend{padding:0;margin-bottom:8px;color:#706970;font-size:13px;line-height:1.4}
.hpl26-dg-choice{position:relative;margin:0!important;cursor:pointer;min-width:0}
.hpl26-dg-choice span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;box-sizing:border-box;border:1px solid #d8cfd3;border-radius:4px;color:#685060;background:#fff;text-align:center;font-size:15px;font-weight:500;line-height:1.35}
.hpl26-dg-content input[type=radio],.hpl26-dg-content input[type=checkbox]{position:absolute!important;appearance:none!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;opacity:0!important;overflow:hidden;clip-path:inset(50%)}
.hpl26-dg-choice input:checked+span{background:#685060;color:#fff;border-color:#685060}
.hpl26-dg-choice input:focus-visible+span,.hpl26-dg-operate:has(input:focus-visible){outline:2px solid #685060;outline-offset:3px}
.hpl26-dg-stage{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;isolation:isolate;background:#f8f7f5;border:1px solid #ece7e3;border-radius:6px}
.hpl26-dg-figure{display:none;grid-area:1/1;margin:0!important;padding:8px 20px 20px;min-width:0;text-align:center}
.hpl26-dg-content:has(input[value=casement]:checked) .hpl26-dg-casement,.hpl26-dg-content:has(input[value=awning]:checked) .hpl26-dg-awning,.hpl26-dg-content:has(input[value=hung]:checked) .hpl26-dg-hung,.hpl26-dg-content:has(input[value=gliding]:checked) .hpl26-dg-gliding,.hpl26-dg-content:has(input[value=sliding]:checked) .hpl26-dg-sliding,.hpl26-dg-content:has(input[value=hinged]:checked) .hpl26-dg-hinged,.hpl26-dg-content:has(input[value=left-in]:checked) .hpl26-dg-left-in,.hpl26-dg-content:has(input[value=right-in]:checked) .hpl26-dg-right-in,.hpl26-dg-content:has(input[value=left-out]:checked) .hpl26-dg-left-out,.hpl26-dg-content:has(input[value=right-out]:checked) .hpl26-dg-right-out{display:block}
.hpl26-dg-figure svg{display:block;width:100%;height:280px;max-width:440px;margin:auto;overflow:visible;fill:none;stroke:#786b71;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hpl26-dg-figure figcaption{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;font:inherit;font-size:16px;line-height:1.5;color:#514a4f}
.hpl26-dg-content .hpl26-dg-operate{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-height:48px;margin:0 auto 12px!important;padding:0 8px;color:#685060;font-size:16px;font-weight:500;cursor:pointer;border-radius:4px}
.hpl26-dg-switch{display:block;box-sizing:border-box;width:38px;height:24px;padding:3px;border:1px solid #a899a3;border-radius:16px;background:#ede8eb}
.hpl26-dg-switch:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#685060;transition:transform 180ms ease}
.hpl26-dg-operate input:checked+.hpl26-dg-switch{background:#685060;border-color:#685060}
.hpl26-dg-operate input:checked+.hpl26-dg-switch:after{transform:translateX(14px);background:#fff}
.hpl26-dg-content .hpl26-dg-note{margin:16px 0 0;font-size:13px;line-height:1.5;color:#706970}
.hpl26-dg-note a{color:#685060;text-decoration:underline!important;text-underline-offset:3px;border:0!important}
.hpl26-dg-datum{stroke:#d8d0cb;stroke-width:1}
.hpl26-dg-reveal{fill:#eee9e3;stroke:#d7ccc3}
.hpl26-dg-frame,.hpl26-dg-sill{fill:#f6f2eb;stroke:#9e9086}
.hpl26-dg-opening{fill:#d1d1cc;stroke:#b3aaa5}
.hpl26-dg-wood{fill:#fdfaf5;stroke:#8e7f76}
.hpl26-dg-glass{fill:#e2eaeb;stroke:#b4c3c4}
.hpl26-dg-glint{stroke:#fff;stroke-width:2.5}
.hpl26-dg-handle,.hpl26-dg-lock{stroke:#685060;stroke-width:3}
.hpl26-dg-hinge{stroke:#a98362;stroke-width:4}
.hpl26-dg-active,.hpl26-dg-upper,.hpl26-dg-lower,.hpl26-dg-lock,.hpl26-dg-leaf{transition:transform 500ms cubic-bezier(.2,.7,.2,1)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-casement .hpl26-dg-active{transform:matrix(.58,.14,0,1,43.26,-14.42)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-awning .hpl26-dg-active{transform:matrix(1,0,.12,.67,-5.16,14.19)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-upper{transform:translateY(38px)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) :is(.hpl26-dg-lower,.hpl26-dg-lock){transform:translateY(-45px)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-gliding .hpl26-dg-active{transform:translateX(104px)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-sliding .hpl26-dg-active{transform:translateX(96px)}
.hpl26-dg-french-open{opacity:0}.hpl26-dg-french-open,.hpl26-dg-french-closed{transition:opacity 220ms ease}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-french-closed{opacity:0}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-french-open{opacity:1}
@supports (d:path("M0 0L1 1")){
.hpl26-dg-french-open{display:none}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-french-closed{opacity:1}
.hpl26-dg-french-closed path{transition:d 650ms cubic-bezier(.2,.7,.2,1)}
.hpl26-dg-french-closed .hpl26-french-left-wood{d:path("M73 37L180 37L180 253L73 253Z");transition-delay:160ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-left-wood{d:path("M73 37L124 60L124 230L73 253Z");transition-delay:0ms}
.hpl26-dg-french-closed .hpl26-french-left-glass{d:path("M81 45L172 45L172 245L81 245Z");transition-delay:160ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-left-glass{d:path("M79 49L118 67L118 223L79 241Z");transition-delay:0ms}
.hpl26-dg-french-closed .hpl26-french-left-glint{d:path("M91 76L111 61M91 87L127 61");transition-delay:160ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-left-glint{d:path("M85 76L96 71M85 87L106 77");transition-delay:0ms}
.hpl26-dg-french-closed .hpl26-french-left-handle{d:path("M174 138L174 152");transition-delay:160ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-left-handle{d:path("M119 139L119 151");transition-delay:0ms}
.hpl26-dg-french-closed .hpl26-french-right-wood{d:path("M180 37L287 37L287 253L180 253Z");transition-delay:0ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-right-wood{d:path("M236 60L287 37L287 253L236 230Z");transition-delay:160ms}
.hpl26-dg-french-closed .hpl26-french-right-glass{d:path("M188 45L279 45L279 245L188 245Z");transition-delay:0ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-right-glass{d:path("M242 67L281 49L281 241L242 223Z");transition-delay:160ms}
.hpl26-dg-french-closed .hpl26-french-right-glint{d:path("M198 76L218 61M198 87L234 61");transition-delay:0ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-right-glint{d:path("M249 82L263 67M249 93L274 67");transition-delay:160ms}
.hpl26-dg-french-closed .hpl26-french-right-handle{d:path("M186 138L186 152");transition-delay:0ms}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-french-right-handle{d:path("M241 139L241 151");transition-delay:160ms}
}
.hpl26-dg-room{fill:#eee9e3;stroke:none}
.hpl26-dg-wall{fill:#d5cbc2;stroke:#9f9186}
.hpl26-dg-sweep{stroke:#b59b84;stroke-width:1;stroke-dasharray:4 5;opacity:0;transition:opacity 250ms ease}
.hpl26-dg-closed{stroke:#b9b0aa;stroke-dasharray:3 5}
.hpl26-dg-leaf-body{fill:#685060;stroke:#685060}
.hpl26-dg-knob,.hpl26-dg-pivot{fill:#c49b77;stroke:#916f55}
.hpl26-dg-leaf{transform-origin:120px 150px}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) :is(.hpl26-dg-left-in,.hpl26-dg-right-in) .hpl26-dg-leaf{transform:rotate(-65deg)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) :is(.hpl26-dg-left-out,.hpl26-dg-right-out) .hpl26-dg-leaf{transform:rotate(65deg)}
.hpl26-dg-content:has(.hpl26-dg-operate input:checked) .hpl26-dg-sweep{opacity:1}
.hpl26-dg-figure text{fill:#70646b;stroke:none;font-family:inherit;font-size:13px;letter-spacing:1.5px}
.hpl26-dg-figure .hpl26-dg-you{font-size:10px;letter-spacing:1px}
.hpl26-dg-person{stroke:#685060;stroke-width:2}
@media(max-width:600px){.hpl26-dg-content{padding:20px}.hpl26-dg-content .hpl26-dg-heading h2{font-size:24px}.hpl26-dg-content .hpl26-dg-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.hpl26-dg-choice span{font-size:14px}.hpl26-dg-figure{padding:4px 12px 16px}.hpl26-dg-figure svg{height:230px}.hpl26-dg-figure figcaption{min-height:72px;font-size:15px}.hpl26-dg-heading{margin-bottom:12px}}
@media(max-height:650px){.hpl26-dg-figure svg{height:180px}}
@media(prefers-reduced-motion:reduce){.hpl26-dg-content *{transition:none!important}}
@supports not selector(:has(*)){.hpl26-dg-figure{display:block;grid-area:auto}.hpl26-dg-choices,.hpl26-dg-operate{display:none!important}}

/* Shared closing consultation section: the same content grid as the footer.
   All presentation is local to this existing reusable block. */
.l-section.hpl26-consultation{padding:56px 40px!important;border-radius:0!important}
.l-section.hpl26-consultation>.l-section-h{width:100%;max-width:1240px!important;margin-inline:auto}
.hpl26-consultation .g-cols{margin:0!important}
.hpl26-consultation .wpb_column{margin:0!important;min-width:0}
.hpl26-consultation .vc_column-inner{padding:0!important}
.hpl26-consultation .g-cols.reversed{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:64px}
.hpl26-consultation .g-cols.reversed>.wpb_column{width:100%!important;order:0!important}
.hpl26-consultation h2.h2-style{font-size:clamp(32px,3.4vw,46px);line-height:1.18;letter-spacing:-.025em;max-width:22ch;margin-bottom:24px;padding:0}
.hpl26-consultation .wpb_text_column{max-width:60ch}
.hpl26-consultation .w-image{max-width:360px;margin:0 0 0 auto}
.hpl26-consultation .w-image img{width:100%;height:auto;object-fit:contain}
.hpl26-consultation .w-btn-wrapper{margin-top:28px}
@media(max-width:900px){
 .hpl26-consultation .g-cols.reversed{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
}
@media(max-width:760px){
 .l-section.hpl26-consultation{padding:36px 20px!important}
 .hpl26-consultation .g-cols.reversed{grid-template-columns:1fr;gap:28px}
 .hpl26-consultation h2.h2-style{font-size:30px;margin-bottom:20px}
 .hpl26-consultation .w-image{width:240px;max-width:100%;margin-inline:auto}
 .hpl26-consultation .w-btn-wrapper{display:block;width:100%;margin:24px 0 0}
 .hpl26-consultation .w-btn{width:100%;min-height:48px}
}

/* HPL26_END */