.elementor-1536 .elementor-element.elementor-element-0d780e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:200px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1536 .elementor-element.elementor-element-1c0982f .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:800;}.elementor-1536 .elementor-element.elementor-element-1675500{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-1536 .elementor-element.elementor-element-789b418{--display:flex;}.woocommerce .elementor-1536 .elementor-element.elementor-element-383eabd .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-1536 .elementor-element.elementor-element-383eabd .flex-viewport{border-radius:15px 15px 15px 15px;}.elementor-1536 .elementor-element.elementor-element-c8400fb{--display:flex;}.woocommerce .elementor-1536 .elementor-element.elementor-element-45db525 .woocommerce-review-link{color:#27573F;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1536 .elementor-element.elementor-element-ceaa7ee{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1536 .elementor-element.elementor-element-f8ac9ca{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1536 .elementor-element.elementor-element-0abd8e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1536 .elementor-element.elementor-element-20ff931{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:50px 50px 50px 50px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1536 .elementor-element.elementor-element-f74da5a .elementor-icon-wrapper{text-align:center;}.elementor-1536 .elementor-element.elementor-element-f74da5a.elementor-view-stacked .elementor-icon{background-color:#F5EF81;}.elementor-1536 .elementor-element.elementor-element-f74da5a.elementor-view-framed .elementor-icon, .elementor-1536 .elementor-element.elementor-element-f74da5a.elementor-view-default .elementor-icon{color:#F5EF81;border-color:#F5EF81;}.elementor-1536 .elementor-element.elementor-element-f74da5a.elementor-view-framed .elementor-icon, .elementor-1536 .elementor-element.elementor-element-f74da5a.elementor-view-default .elementor-icon svg{fill:#F5EF81;}.elementor-1536 .elementor-element.elementor-element-f74da5a .elementor-icon{font-size:34px;}.elementor-1536 .elementor-element.elementor-element-f74da5a .elementor-icon svg{height:34px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1536 .elementor-element.elementor-element-8d78315 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1536 .elementor-element.elementor-element-39ea7f8 .elementor-button:hover, .elementor-1536 .elementor-element.elementor-element-39ea7f8 .elementor-button:focus{background-color:#3C5281;color:var( --e-global-color-f50496f );}.elementor-1536 .elementor-element.elementor-element-39ea7f8{padding:0px 15px 0px 15px;}.elementor-1536 .elementor-element.elementor-element-39ea7f8 .elementor-button:hover svg, .elementor-1536 .elementor-element.elementor-element-39ea7f8 .elementor-button:focus svg{fill:var( --e-global-color-f50496f );}.elementor-1536 .elementor-element.elementor-element-39ea7f8 .elementor-button{padding:25px 25px 25px 25px;}.elementor-1536 .elementor-element.elementor-element-5253e5b{padding:0px 0px 0px 15px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1536 .elementor-element.elementor-element-f7c6336{padding:0px 0px 0px 15px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-field-type-html{padding-bottom:0px;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-message{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;}.elementor-1536 .elementor-element.elementor-element-f7c6336 .elementor-message.elementor-message-success{color:#506DAA;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1536 .elementor-element.elementor-element-2809dbd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1536 .elementor-element.elementor-element-2809dbd .elementor-divider-separator{width:100%;}.elementor-1536 .elementor-element.elementor-element-2809dbd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1536 .elementor-element.elementor-element-29a3be5{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-f093458 );--border-color:var( --e-global-color-f093458 );--border-radius:15px 15px 15px 15px;}.elementor-1536 .elementor-element.elementor-element-29a3be5:not(.elementor-motion-effects-element-type-background), .elementor-1536 .elementor-element.elementor-element-29a3be5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f50496f );}.elementor-1536 .elementor-element.elementor-element-6878b55 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:700;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1536 .elementor-element.elementor-element-3a2e27b{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1536 .elementor-element.elementor-element-3a2e27b.elementor-element{--align-self:center;}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1536 .elementor-element.elementor-element-3a2e27b:after{content:"0.66";}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__thumbnail__link{width:100%;}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__meta-data span + span:before{content:"•";}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__card{border-radius:25px;}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__text{margin-top:20px;}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__badge{right:0;}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-1536 .elementor-element.elementor-element-4c7121c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1536 .elementor-element.elementor-element-26be658.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1536 .elementor-element.elementor-element-26be658.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1536 .elementor-element.elementor-element-1089dbf .elementor-button:hover, .elementor-1536 .elementor-element.elementor-element-1089dbf .elementor-button:focus{background-color:var( --e-global-color-ca5dc6c );}.elementor-1536 .elementor-element.elementor-element-8917b57 .elementor-button:hover, .elementor-1536 .elementor-element.elementor-element-8917b57 .elementor-button:focus{background-color:var( --e-global-color-ca5dc6c );}.elementor-1536 .elementor-element.elementor-element-3da1d34{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1536 .elementor-element.elementor-element-e06e0c7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1536 .elementor-element.elementor-element-e06e0c7.elementor-element{--align-self:center;}.elementor-1536 .elementor-element.elementor-element-e06e0c7 img{width:50%;}.elementor-1536 .elementor-element.elementor-element-09f2b22{--display:flex;}.elementor-1536 .elementor-element.elementor-element-007b1f4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1536 .elementor-element.elementor-element-1123fc1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}.elementor-1536 .elementor-element.elementor-element-9a68e0f .elementor-button:hover, .elementor-1536 .elementor-element.elementor-element-9a68e0f .elementor-button:focus{background-color:#3C5281;}.elementor-1536 .elementor-element.elementor-element-9a68e0f{padding:0px 100px 0px 0px;}.elementor-1536 .elementor-element.elementor-element-9a68e0f .elementor-button{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;padding:30px 30px 30px 30px;}@media(max-width:1024px){.elementor-1536 .elementor-element.elementor-element-8d78315 .elementor-heading-title{font-size:20px;}.elementor-1536 .elementor-element.elementor-element-39ea7f8 .elementor-button{padding:20px 20px 20px 20px;}.elementor-1536 .elementor-element.elementor-element-26be658.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1536 .elementor-element.elementor-element-1123fc1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1536 .elementor-element.elementor-element-9a68e0f{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1536 .elementor-element.elementor-element-0d780e8{--padding-top:150px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-1536 .elementor-element.elementor-element-1c0982f{padding:15px 15px 15px 15px;}.elementor-1536 .elementor-element.elementor-element-383eabd{padding:0px 0px 30px 0px;}.elementor-1536 .elementor-element.elementor-element-2c1c31f{padding:15px 10px 15px 10px;}.elementor-1536 .elementor-element.elementor-element-aa2837c{--e-image-carousel-slides-to-show:2;padding:0px 0px 0px 0px;}.elementor-1536 .elementor-element.elementor-element-c8400fb{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1536 .elementor-element.elementor-element-f8ac9ca{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1536 .elementor-element.elementor-element-3a2e27b:after{content:"0.5";}.elementor-1536 .elementor-element.elementor-element-3a2e27b .elementor-post__thumbnail__link{width:100%;}.elementor-1536 .elementor-element.elementor-element-26be658.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1536 .elementor-element.elementor-element-3da1d34{--padding-top:80px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-1536 .elementor-element.elementor-element-789b418{--width:50%;}.elementor-1536 .elementor-element.elementor-element-c8400fb{--width:60%;}.elementor-1536 .elementor-element.elementor-element-0abd8e3{--width:40%;}.elementor-1536 .elementor-element.elementor-element-4c7121c{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-9f5fa48 *//* Specialty Doors - Single Product Style/Color Display
   Scoped module styles for Elementor + WooCommerce single-product layout.
   Pair with: Color and style icons - single product page snippet.html
*/

.sd-sp-icons,
.sd-sp-icons * {
  box-sizing: border-box;
}

.sd-sp-icons {
  --sd-bg: #ffffff;
  --sd-panel: #f8f9fd;
  --sd-border: #e4eaf5;
  --sd-text: #071830;
  --sd-muted: #6b84a8;
  --sd-accent: #c97b12;
  --sd-accent-dark: #b56f10;
  --sd-secondary: #4a7fd4;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--sd-text);
  background: var(--sd-bg);
  border: 1px solid var(--sd-border);
  border-radius: 12px;
  padding: 18px 16px;
  width: 100%;
  max-width: 100%;
}

.sd-sp-icons__title {
  margin: 0 0 4px;
  font-size: 1.1rem;
  line-height: 1.2;
  color: var(--sd-text);
}

.sd-sp-icons__subtitle {
  margin: 0 0 14px;
  color: var(--sd-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.sd-sp-icons__groups {
  display: grid;
  gap: 12px;
}

.sd-sp-icons__group {
  background: var(--sd-panel);
  border: 1px solid var(--sd-border);
  border-radius: 10px;
  padding: 12px;
}

.sd-sp-icons__group-title {
  margin: 0 0 8px;
  color: var(--sd-secondary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sd-sp-icons__tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sd-sp-icons__token {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 62px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.sd-sp-icons__chip {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #dce4f0;
  box-shadow: 0 1px 2px rgba(7, 24, 48, 0.08);
}

.sd-sp-icons__chip.is-custom {
  background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 25%, #6bcb77 50%, #4d96ff 75%, #c77dff 100%);
  border-color: #c5d3e8;
}

.sd-sp-icons__chip.is-style {
  border-radius: 10px;
}

.sd-sp-icons__name {
  text-align: center;
  color: var(--sd-muted);
  font-size: 0.68rem;
  line-height: 1.25;
  max-width: 62px;
  word-break: break-word;
}

.sd-sp-icons__fallback {
  border: 1px dashed var(--sd-border);
  background: #fbfcff;
  border-radius: 10px;
  padding: 12px;
  display: none;
}

.sd-sp-icons__fallback.is-visible {
  display: block;
}

.sd-sp-icons__fallback-text {
  margin: 0 0 10px;
  color: var(--sd-muted);
  font-size: 0.86rem;
}

.sd-sp-icons__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-accent) 0%, #e0971e 100%);
  box-shadow: 0 4px 14px rgba(201, 123, 18, 0.32);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sd-sp-icons__btn:hover,
.sd-sp-icons__btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(201, 123, 18, 0.42);
  background: linear-gradient(135deg, var(--sd-accent-dark) 0%, #d48e1a 100%);
  outline: none;
}

@media (min-width: 640px) {
  .sd-sp-icons {
    padding: 20px;
  }

  .sd-sp-icons__groups {
    grid-template-columns: 1fr 1fr;
  }

  .sd-sp-icons__group {
    min-height: 136px;
  }
}

@media (max-width: 420px) {
  .sd-sp-icons__token {
    width: 58px;
  }

  .sd-sp-icons__chip {
    width: 30px;
    height: 30px;
  }

  .sd-sp-icons__name {
    font-size: 0.64rem;
    max-width: 56px;
  }
}
/* Specialty Doors - Single Product Style/Color Display
   Scoped module styles for Elementor + WooCommerce single-product layout.
   Pair with the companion snippet:
   "Color and style icons - single product page snippet.html"
*/

.sd-sp-icons,
.sd-sp-icons * {
  box-sizing: border-box;
}

.sd-sp-icons {
  --sd-bg: #ffffff;
  --sd-panel: #f8f9fd;
  --sd-border: #e4eaf5;
  --sd-text: #071830;
  --sd-muted: #6b84a8;
  --sd-accent: #c97b12;
  --sd-accent-dark: #b56f10;
  --sd-secondary: #4a7fd4;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--sd-text);
  background: var(--sd-bg);
  border: 1px solid var(--sd-border);
  border-radius: 12px;
  padding: 18px 16px;
  width: 100%;
  max-width: 100%;
}

.sd-sp-icons__title {
  margin: 0 0 4px;
  font-size: 1.1rem;
  line-height: 1.2;
  color: var(--sd-text);
}

.sd-sp-icons__subtitle {
  margin: 0 0 14px;
  color: var(--sd-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.sd-sp-icons__groups {
  display: grid;
  gap: 12px;
}

.sd-sp-icons__group {
  background: var(--sd-panel);
  border: 1px solid var(--sd-border);
  border-radius: 10px;
  padding: 12px;
}

.sd-sp-icons__group-title {
  margin: 0 0 8px;
  color: var(--sd-secondary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sd-sp-icons__tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sd-sp-icons__token {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 62px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.sd-sp-icons__chip {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #dce4f0;
  box-shadow: 0 1px 2px rgba(7, 24, 48, 0.08);
}

.sd-sp-icons__chip.is-custom {
  background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 25%, #6bcb77 50%, #4d96ff 75%, #c77dff 100%);
  border-color: #c5d3e8;
}

.sd-sp-icons__chip.is-style {
  border-radius: 10px;
}

.sd-sp-icons__name {
  text-align: center;
  color: var(--sd-muted);
  font-size: 0.68rem;
  line-height: 1.25;
  max-width: 62px;
  word-break: break-word;
}

.sd-sp-icons__fallback {
  border: 1px dashed var(--sd-border);
  background: #fbfcff;
  border-radius: 10px;
  padding: 12px;
  display: none;
}

.sd-sp-icons__fallback.is-visible {
  display: block;
}

.sd-sp-icons__fallback-text {
  margin: 0 0 10px;
  color: var(--sd-muted);
  font-size: 0.86rem;
}

.sd-sp-icons__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-accent) 0%, #e0971e 100%);
  box-shadow: 0 4px 14px rgba(201, 123, 18, 0.32);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sd-sp-icons__btn:hover,
.sd-sp-icons__btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(201, 123, 18, 0.42);
  background: linear-gradient(135deg, var(--sd-accent-dark) 0%, #d48e1a 100%);
  outline: none;
}

@media (min-width: 640px) {
  .sd-sp-icons {
    padding: 20px;
  }

  .sd-sp-icons__groups {
    grid-template-columns: 1fr 1fr;
  }

  .sd-sp-icons__group {
    min-height: 136px;
  }
}

@media (max-width: 420px) {
  .sd-sp-icons__token {
    width: 58px;
  }

  .sd-sp-icons__chip {
    width: 30px;
    height: 30px;
  }

  .sd-sp-icons__name {
    font-size: 0.64rem;
    max-width: 56px;
  }
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Single Product Style and Color Display</title>
<style>
/* Scoped module for WooCommerce single-product templates */
.sd-sp-icons,
.sd-sp-icons * { box-sizing: border-box; }

.sd-sp-icons {
  --sd-bg: #ffffff;
  --sd-panel: #f8f9fd;
  --sd-border: #e4eaf5;
  --sd-text: #071830;
  --sd-muted: #6b84a8;
  --sd-accent: #c97b12;
  --sd-accent-dark: #b56f10;
  --sd-secondary: #4a7fd4;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--sd-text);
  background: var(--sd-bg);
  border: 1px solid var(--sd-border);
  border-radius: 12px;
  padding: 18px 16px;
  width: 100%;
  max-width: 100%;
}

.sd-sp-icons__title {
  margin: 0 0 4px;
  font-size: 1.1rem;
  line-height: 1.2;
  color: var(--sd-text);
}

.sd-sp-icons__subtitle {
  margin: 0 0 14px;
  color: var(--sd-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.sd-sp-icons__groups {
  display: grid;
  gap: 12px;
}

.sd-sp-icons__group {
  background: var(--sd-panel);
  border: 1px solid var(--sd-border);
  border-radius: 10px;
  padding: 12px;
}

.sd-sp-icons__group-title {
  margin: 0 0 8px;
  color: var(--sd-secondary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sd-sp-icons__tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sd-sp-icons__token {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 62px;
  user-select: none;
  pointer-events: none; /* display-only */
}

.sd-sp-icons__chip {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #dce4f0;
  box-shadow: 0 1px 2px rgba(7, 24, 48, 0.08);
}

.sd-sp-icons__chip.is-custom {
  background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 25%, #6bcb77 50%, #4d96ff 75%, #c77dff 100%);
  border-color: #c5d3e8;
}

.sd-sp-icons__chip.is-style {
  border-radius: 10px;
}

.sd-sp-icons__name {
  text-align: center;
  color: var(--sd-muted);
  font-size: 0.68rem;
  line-height: 1.25;
  max-width: 62px;
  word-break: break-word;
}

.sd-sp-icons__fallback {
  border: 1px dashed var(--sd-border);
  background: #fbfcff;
  border-radius: 10px;
  padding: 12px;
  display: none;
}

.sd-sp-icons__fallback.is-visible {
  display: block;
}

.sd-sp-icons__fallback-text {
  margin: 0 0 10px;
  color: var(--sd-muted);
  font-size: 0.86rem;
}

.sd-sp-icons__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-accent) 0%, #e0971e 100%);
  box-shadow: 0 4px 14px rgba(201, 123, 18, 0.32);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sd-sp-icons__btn:hover,
.sd-sp-icons__btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(201, 123, 18, 0.42);
  background: linear-gradient(135deg, var(--sd-accent-dark) 0%, #d48e1a 100%);
  outline: none;
}

@media (min-width: 640px) {
  .sd-sp-icons { padding: 20px; }
  .sd-sp-icons__groups { grid-template-columns: 1fr 1fr; }
  .sd-sp-icons__group { min-height: 136px; }
}

@media (max-width: 420px) {
  .sd-sp-icons__token { width: 58px; }
  .sd-sp-icons__chip { width: 30px; height: 30px; }
  .sd-sp-icons__name { font-size: 0.64rem; max-width: 56px; }
}
</style>
</head>
<body>
<!-- Elementor HTML Widget Contract:
1) Paste this block where you want styles/colors shown in your single-product template.
2) Optionally set data-product-key manually for strict matching.
3) If no matching data is found, fallback call button appears automatically.
-->
<section class="sd-sp-icons" data-product-key="">
  <h3 class="sd-sp-icons__title">Available Styles &amp; Colors</h3>
  <p class="sd-sp-icons__subtitle">Display-only reference for this product.</p>

  <div class="sd-sp-icons__groups" id="sdSpGroups" aria-live="polite"></div>

  <div class="sd-sp-icons__fallback" id="sdSpFallback">
    <p class="sd-sp-icons__fallback-text">Style and color details are available by phone.</p>
    <a class="sd-sp-icons__btn" href="tel:4242820525">Call for Sytle and Color Selection</a>
  </div>
</section>

<script>
(function () {
  "use strict";

  function normalize(v) {
    return String(v || "")
      .toLowerCase()
      .replace(/&/g, " and ")
      .replace(/[^a-z0-9]+/g, "-")
      .replace(/^-+|-+$/g, "");
  }

  const palettes = {
    accordion: {
      colors: [
        { name: "White", hex: "#FFFFFF", border: "#e0e0e0" },
        { name: "Almond", hex: "#F0E6CE" },
        { name: "Antique White", hex: "#FAEBD7" },
        { name: "Linen", hex: "#CDB891" },
        { name: "Gray", hex: "#9E9E9E" },
        { name: "Charcoal", hex: "#546E7A" },
        { name: "Black", hex: "#212121" },
        { name: "Natural Oak", hex: "#C19A6B" },
        { name: "Walnut", hex: "#5D4037" },
        { name: "Cherry", hex: "#880E4F" },
        { name: "Mahogany", hex: "#4E342E" },
        { name: "Custom", isCustom: true }
      ]
    },
    roomDividers: {
      styles: [
        { name: "Hanging", hex: "#e8f0fe" },
        { name: "Freestanding", hex: "#f3e8fe" },
        { name: "Commercial", hex: "#eceff1" }
      ],
      colors: [
        { name: "White", hex: "#FFFFFF", border: "#e0e0e0" },
        { name: "Pearl Gray", hex: "#D0D0D0" },
        { name: "Graphite", hex: "#616161" },
        { name: "Black", hex: "#212121" },
        { name: "Natural", hex: "#C8A97C" },
        { name: "Walnut", hex: "#5D4037" },
        { name: "Custom", isCustom: true }
      ]
    },
    mobilFlex: {
      styles: [
        { name: "Folding", hex: "#FFF3E0" },
        { name: "Rolling", hex: "#ECEFF1" },
        { name: "Counter Shutters", hex: "#E8F5E9" }
      ],
      colors: [
        { name: "Clear Anodized", hex: "#D4D4D4" },
        { name: "Dark Bronze", hex: "#8B6914" },
        { name: "Black", hex: "#212121" },
        { name: "White", hex: "#FFFFFF", border: "#e0e0e0" },
        { name: "Silver", hex: "#C0C0C0" },
        { name: "Custom", isCustom: true }
      ]
    },
    rollUp: {
      colors: [
        { name: "African Mahogany", hex: "#704a36" },
        { name: "American Cherry", hex: "#9c4a34" },
        { name: "Black Walnut", hex: "#4a3126" },
        { name: "Eastern Maple", hex: "#d8c3a5" },
        { name: "Natural Birch", hex: "#d8b98d" },
        { name: "Northern Red Oak", hex: "#a16749" },
        { name: "White Oak", hex: "#c9a57b" },
        { name: "Custom Match", isCustom: true }
      ]
    },
    elephant: {
      styles: [
        { name: "Industrial", hex: "#ECEFF1" },
        { name: "Soundstage", hex: "#dce4f0" },
        { name: "Stage", hex: "#f0f3fb" }
      ],
      colors: [
        { name: "Custom Spec", isCustom: true }
      ]
    }
  };

  const productMap = {
    "woodfold-3300-dual-wall-sound-door": palettes.accordion,
    "woodfold-3300-dual-wall-sound-door-fstc-33": palettes.accordion,
    "woodfold-4100-acoustical": palettes.accordion,
    "woodfold-4166-acoustic-partition-fstc-41": palettes.accordion,
    "woodfold-h4100-acoustic-stc-41": palettes.accordion,
    "hufcor-3100-acoustic": palettes.accordion,
    "hufcor-4100-acoustic": palettes.accordion,
    "woodfold-140": palettes.accordion,
    "woodfold-220": palettes.accordion,
    "woodfold-2100": palettes.accordion,
    "woodfold-3300": palettes.accordion,
    "woodfold-240-accordion-door": palettes.accordion,
    "woodfold-240-room-divider": palettes.roomDividers,
    "facet-hanging-room-divider": palettes.roomDividers,
    "facet-freestanding-divider": palettes.roomDividers,
    "entryway-hanging-divider-facet": palettes.roomDividers,
    "concept-99": palettes.mobilFlex,
    "concept-1212": palettes.mobilFlex,
    "system-s-126": palettes.mobilFlex,
    "system-s-525": palettes.mobilFlex,
    "system-s-12": palettes.mobilFlex,
    "global": palettes.mobilFlex,
    "aeroflex": palettes.mobilFlex,
    "impact": palettes.mobilFlex,
    "roll-guard": palettes.mobilFlex,
    "roll-126": palettes.mobilFlex,
    "roll-99": palettes.mobilFlex,
    "roll-vision": palettes.mobilFlex,
    "roll-shutter": palettes.mobilFlex,
    "roll-air": palettes.mobilFlex,
    "counter-shutter": palettes.mobilFlex,
    "woodfold-roll-up-commercial": palettes.rollUp,
    "woodfold-roll-up-hospitality": palettes.rollUp,
    "woodfold-roll-up-security-retail": palettes.rollUp,
    "elephant-doors": palettes.elephant,
    "soundstage-doors": palettes.elephant,
    "stage-doors": palettes.elephant
  };

  const categoryMap = {
    accordion: palettes.accordion,
    "accordion-doors": palettes.accordion,
    "room-dividers": palettes.roomDividers,
    roomdividers: palettes.roomDividers,
    mobilflex: palettes.mobilFlex,
    "roll-up-doors": palettes.rollUp,
    rollup: palettes.rollUp,
    elephant: palettes.elephant,
    "elephant-doors": palettes.elephant,
    stage: palettes.elephant,
    soundstage: palettes.elephant
  };

  function detectProductKey(root) {
    const explicit = normalize(root.getAttribute("data-product-key"));
    if (explicit) return explicit;

    const titleEl = document.querySelector(".product_title, h1.product_title, .entry-title");
    const title = normalize(titleEl ? titleEl.textContent : "");
    if (title) return title;

    const path = normalize((window.location.pathname || "").split("/").filter(Boolean).slice(-1)[0]);
    if (path) return path;

    return "";
  }

  function detectCategoryKey() {
    const bodyClass = document.body ? document.body.className : "";
    const catClass = (bodyClass.match(/product_cat-([a-z0-9_-]+)/i) || [])[1];
    if (catClass) return normalize(catClass);

    const crumbs = document.querySelectorAll(".woocommerce-breadcrumb a, .breadcrumbs a");
    let text = "";
    for (let i = 0; i < crumbs.length; i += 1) {
      text += " " + crumbs[i].textContent;
    }
    return normalize(text);
  }

  function resolveDataset(productKey, categoryKey) {
    const direct = productMap[productKey];
    if (direct) return direct;

    for (const key in productMap) {
      if (productKey && key && productKey.indexOf(key) !== -1) return productMap[key];
    }

    if (categoryMap[categoryKey]) return categoryMap[categoryKey];

    for (const key in categoryMap) {
      if (categoryKey && key && categoryKey.indexOf(key) !== -1) return categoryMap[key];
    }

    return null;
  }

  function tokenMarkup(token, isStyle) {
    const chipStyle = token.isCustom
      ? ""
      : "background:" + (token.hex || "#ffffff") + ";" + (token.border ? "border-color:" + token.border + ";" : "");
    const chipClasses = [
      "sd-sp-icons__chip",
      token.isCustom ? "is-custom" : "",
      isStyle ? "is-style" : ""
    ].join(" ").trim();

    return (
      '<div class="sd-sp-icons__token">' +
        '<span class="' + chipClasses + '" style="' + chipStyle + '"></span>' +
        '<span class="sd-sp-icons__name">' + token.name + "</span>" +
      "</div>"
    );
  }

  function groupMarkup(label, tokens, isStyle) {
    if (!Array.isArray(tokens) || !tokens.length) return "";
    let html = '<div class="sd-sp-icons__group">';
    html += '<h4 class="sd-sp-icons__group-title">' + label + "</h4>";
    html += '<div class="sd-sp-icons__tokens">';
    for (let i = 0; i < tokens.length; i += 1) {
      html += tokenMarkup(tokens[i], isStyle);
    }
    html += "</div></div>";
    return html;
  }

  function render() {
    const root = document.querySelector(".sd-sp-icons");
    if (!root) return;

    const groupsEl = root.querySelector("#sdSpGroups");
    const fallbackEl = root.querySelector("#sdSpFallback");
    if (!groupsEl || !fallbackEl) return;

    const productKey = detectProductKey(root);
    const categoryKey = detectCategoryKey();
    const data = resolveDataset(productKey, categoryKey);

    if (!data) {
      groupsEl.innerHTML = "";
      fallbackEl.classList.add("is-visible");
      return;
    }

    let output = "";
    output += groupMarkup("Style", data.styles, true);
    output += groupMarkup("Color", data.colors, false);
    output += groupMarkup("Finish", data.finishes, false);

    if (!output) {
      groupsEl.innerHTML = "";
      fallbackEl.classList.add("is-visible");
      return;
    }

    groupsEl.innerHTML = output;
    fallbackEl.classList.remove("is-visible");
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", render);
  } else {
    render();
  }
})();
</script>
</body>
</html>/* End custom CSS */