html {scroll-behavior:smooth;}
body .prices-starting-from{font-size: 10px;}
body .attribute-label.product-label, 
body .product-labels, 
body .product-labels.labels-rectangular, 
body span.product-label, 
body span.attribute-label, 
body .woocommerce-product-gallery .product-labels{max-width:100%;}
body .grecaptcha-badge{display:none;visibility:hidden;opacity:0;}
body .product-labels {gap:5px;}
body .labels-rounded-sm .product-label{border-radius:5px !important;}
body .wd-sub-menu li>a{padding:5px 0;font-size:13px;line-height:1.3;} body .wd-content-area>.single-breadcrumbs-wrapper { margin-top: -20px; }
body .wd-breadcrumbs .wd-delimiter { font-family: Arial, Helvetica, sans-serif; } body .single-product-page .summary-inner>form.cart span { color: #a1a2a4; font-size: 12px; }
body .single-product-page .summary-inner>form.cart span:before { content: "\f100"; font-family: "woodmart-font"; font-weight: 400; padding-right: 5px; } body .wd-sizeguide-icon {--wd-btn-icon: "\f145"}
body .wd-hint.wd-tooltip-size{font-size:14px;}
body .wd-product-nav-desc a{ font-size:12px; }
body .amount,
body .price { color: #f79e1b; }
.page-title h1.entry-title, .page-title h2.entry-title, .page-title h3.entry-title{ font-size:22px; font-weight:700; letter-spacing:inherit; }
h1.product_title h1.entry-title h1.wd-entities-title { font-weight: 700; }
h1.product_title { font-size: 27px; font-weight: 700; letter-spacing:0; }
.wd-el-title {font-weight:600;}
.wd-accordion h2.wd-accordion-content-title { font-size: 16px; line-height: 18px; font-weight: 600; }
.wd-accordion h2.wd-accordion-content-title > strong { color: #f7f7f7; background-color: #fbbc34; font-size: 10px; font-weight: 400; text-transform: uppercase; padding: 5px;}
.wd-accordion h2.wd-accordion-content-title:before {font-family: "Font Awesome 5 Free"; content: "\f185"; display: inline-block; padding-right: 5px; vertical-align: middle; font-weight:900;}
.wd-accordion span.info:before {font-family: "Font Awesome 5 Free"; content: "\f05a"; display: inline-block; padding-right: 5px; vertical-align: middle; font-weight:900;} .toc-box {background-color:#F3F7FB;border:1px solid #e5e7eb;border-radius:5px;padding:30px 20px;margin:inherit;font-size:13px;line-height:1.7}
.toc-box h3{font-size:18px;padding:0 15px;margin:0 0 15px 0;font-weight:600}
.toc-box ol{margin:0;padding:0 25px}
.toc-box li{margin:6px 0}
.toc-box li a{color:#333333;text-decoration:none}
.toc-box li a:hover{color:#767676;text-decoration:underline}
.toc-box .badge{margin-left:5px;font-size:10px;line-height:1;text-transform:capitalize;vertical-align:middle;opacity:.9;display:inline-block;padding:3px 6px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb}
.toc-box .badge.label--popular{background:#fff0f0;border-color:#f5b5b5;color:#c00}
.toc-box .badge.label--new{background:#f0fff5;border-color:#a0e5b5;color:#070}
.toc-box .badge.label--vip {background:#fff7e6;border-color:#f0c24b;color:#b58900} .promo-banner.banner-mask::before,
.promo-banner.banner-mask .banner-image::before {
content:"";
background:#233e95 !important;
opacity:0.1;
position:absolute;
inset:0;
mix-blend-mode:luminosity; }  .contactform .grid{display:flex;flex-wrap:wrap;margin:-5px -10px;}
.contactform .grid p{margin-bottom: 10px !important;}
.contactform .col{flex:1 1 calc(50% - 20px);margin:5px 10px;display:flex;flex-direction:column;}
.contactform .newsletter{flex:1 1 calc(50% - 10px);margin:0px 5px;display:flex;flex-direction:column;} .contactform .col-4{flex:1 1 calc(25% - 20px);}
.contactform .col-3{flex:1 1 calc(33.333% - 20px);}
.contactform .col-2{flex:1 1 calc(50% - 20px);}
.contactform .col:not(.col-2):not(.col-3):not(.col-4){flex:1 1 100%;}
.contactform .none{display:none;visibility:hidden;opacity:0;overflow:hidden;}
.contactform :is(h1,h2,h3,h4,h5,h6){color:#242424;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:5px;} .contactform .col label{margin-bottom:5px;font-weight:500;font-size:13px;color:#333;}
.contactform .col input,
.contactform .col select,
.contactform .message textarea{padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:13px;background-color:#fff;transition:border-color 0.2s ease-in-out;}
.contactform .col input:focus,
.contactform .col select:focus,
.contactform .message textarea:focus{background-color:#f7f7f7;border-color:#8E1F2F;outline:none;} .contactform .header,
.contactform .title,
.contactform .additional-services,
.contactform .communication-preferences{background-color:#ffffff;border-left:5px solid #233e95;border-radius:5px;color:#666;font-size:13px;padding:15px 15px 0px 20px;margin-bottom:25px;display:flex;flex-direction:column;}
.contactform .header:hover,
.contactform .title:hover,
.contactform .additional-services:hover,
.contactform .communication-preferences:hover{border-left: 5px solid #212121;}
.contactform .gray{background-color:#F3F7FB;}
.contactform .user-ip-notice{color:#8E1F2F;font-size:11px;margin-top:5px;text-align:center;} .contactform .message{margin-top:10px;display:flex;flex-direction:column;}
.contactform .message label{margin-bottom:5px;font-weight:500;font-size:13px;color:#333;}
.contactform .message textarea{min-height:120px;margin-bottom:5px;resize:vertical;}
.contactform .message small{font-size:10px;color:#666;} .contactform .submit-wrapper{margin:10px 0 25px 0;}
.contactform .button{background-color:#f0c200;color:#fff;padding:12px 30px;font-size:14px;border:none;border-radius:4px;font-weight:bold;cursor:pointer;transition:background-color 0.3s ease;}
.contactform .button:hover{background-color:#d9ad00;} .contactform .legal{font-size:11px;color:#666;margin-top:15px;}
.contactform .legal p{color: #666;margin:0;padding:0;}
.contactform .legal a{text-decoration:underline;color:#666;}
.contactform .legal em{font-style:italic;}
.contactform .legal .wpcf7-list-item>label{display:flex;align-items:flex-start;gap:2px;line-height:1.45;}
.contactform .legal .wpcf7-list-item{margin:0 0 5px 0;}
.contactform .legal input[type="checkbox"]{flex-shrink:0;width:18px;height:18px;color:#fff;accent-color:#f79e1b;cursor:pointer;}
.contactform .legal .wpcf7-list-item-label,
.contactform .legal a{font-size:12px;} .related-box {
width: 100%;
background: #ffffff;
border: 2px solid #E8E8E8;
position: relative;
margin: 40px auto 20px auto;
padding: 25px 20px 35px 20px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.12);
}
.related-box :is(h1,h2,h3,h4,h5,h6){
color: #242424;
font-size: 18px;
line-height: 1.6em;
font-weight: 700;
border-radius: 6px;
border-left: 4px solid #f79e1b;
padding-left: 10px;
position: relative;
border-bottom: none;
} .related-box .related-content a {color:#242424;font-weight:600;border-bottom:0;}
.related-box .related-content a:hover {color:#233e95;border-bottom:2px solid #233e95;}
.related-box .related-content span {color:rgba(0,0,0,0.3);}
.related-box .related-cities {margin:0 auto 30px auto;position:relative;}
.related-box .related-countries{margin:0 auto;position:relative;} .related-box .related-content { font-size: 13px; font-weight: 300; margin: 0 auto 30px auto; position: relative; }
.related-box .related-content .scrollable-content {
max-height: 20em;
overflow-y: auto;
transition: max-height 0.3s ease-out;
}
.related-box .related-content .scroll-indicator {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: linear-gradient(to top, white 0%, transparent 100%);
border-radius: 5px;
padding: 5px 0;
font-size: 0.9em;
pointer-events: none;
}
.related-box .related-content .scroll-indicator::before {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
}
.related-box ul {
display: grid;
list-style: none;
padding: 0;
margin: 0;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 10px;
}
.related-box ul li {
margin-bottom:-1px;
}
.related-box ul li a {
position:relative;
display:flex;
align-items:center;
white-space:nowrap;
box-sizing:border-box;
height:36px;
padding:10px;
border:2px solid #ddd;
border-radius:6px;
color:#242424;
background:#ffffff;
font-weight:600;
font-size:12px;
line-height:1.6;
text-decoration:none;
transition:border-color .2s ease, color .2s ease;
}
.related-box ul li a::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
padding: 0 5px 0 0px;
display:inline-block;
}
.related-box ul li a:hover,
.related-box ul li a.active{border-color:#f79e1b;color:#f79e1b;} .related-popular {
display: flex;
align-items: center;
padding: 15px 25px;
margin: 40px auto 10px auto;
width: 100%;
max-width: 1200px;
background: linear-gradient(145deg, #2d4ab4 0%, #233e95 40%, #1d2f78 100%);
border: 1px solid #E8E8E8;
border-radius: 8px;
font-family: inherit;
gap: 20px;
flex-wrap: wrap;
box-shadow: 0 4px 20px rgba(0,0,0,.12);
}
.related-popular:hover {
background: linear-gradient(145deg, #3455cc 0%, #2948a8 40%, #223a8f 100%);
transform: translateY(-1px);
}
.related-popular .image {
flex-shrink: 0;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
background-color: #f7f7f7;
border: 5px solid #f7f7f7;
}
.related-popular .image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.related-popular .text {
flex-grow: 1;
min-width: 200px;
max-width: 70%;
}
.related-popular .text h3 {
font-size: 18px;
font-weight: 600;
margin: 0 0 8px;
color: #ffffff;
}
.related-popular .text p {
font-size: 13px;
color: #f7f7f7;
margin: 0;
}
.related-popular .cta {
margin-left: auto;
}
.related-popular .cta a {
display: inline-block;
background-color: #ffffff;
color: #242424;
text-decoration: none;
text-transform: uppercase;
padding: 10px 20px;
font-size: 13px;
font-weight: 600;
border-radius: 6px;
box-shadow: 0 4px 20px rgba(0,0,0,.12);
transition: background-color 0.3s ease;
}
.related-popular .cta a:hover {
color:#ffffff;
background-color:#f79e1b;
} @media only screen and (max-width: 1024px) {
body .wd-content-area>.single-breadcrumbs-wrapper{margin-top:inherit;} body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"],
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text,
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text span{text-transform:uppercase !important;font-weight: 600 !important;}
.related-popular .text{max-width:50%;}
} @media only screen and (max-width: 640px) {
body .wd-content-area>.single-breadcrumbs-wrapper{margin-top:inherit;}
body .wd-breadcrumbs .wd-delimiter{font-family:Arial,Helvetica,sans-serif;margin-inline:5px;}
body .wd-content-area>.single-breadcrumbs-wrapper a{font-size:13px;} body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"],
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text,
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text span{text-transform:uppercase !important;font-weight: 600 !important;} body .page-title h1.entry-title,
body .page-title h2.entry-title,
body .page-title h3.entry-title{font-size:16px;letter-spacing:0px;}
h1.product_title{font-size:20px;letter-spacing:0;}
.wd-el-title{font-size: 18px;} body .wd-hover-icons .wd-buttons .wd-action-btn,
body .wd-hover-icons .wd-buttons,
body .wd-hover-icons .wrapp-buttons{display:none;visibility:hidden;opacity:0;} .contactform .grid{margin:5px -10px;}
.contactform .col{margin:5px;}
.contactform .newsletter{flex: 1 1 calc(50% - 5px);}
.contactform :is(h1,h2,h3,h4,h5,h6){font-size:14px;}
.contactform .col-4,
.contactform .col-3,
.contactform .col-2{flex:1 1 calc(50% - 20px);}
.contactform .submit-wrapper,
.contactform .message,
.contactform .legal{margin:0px -5px;}
.contactform .header,
.contactform .title,
.contactform .additional-services,
.contactform .communication-preferences{margin:0px -5px 20px -5px;}
.contactform .header,
.contactform .title,
.contactform .additional-services,
.contactform .communication-preferences,
.contactform .col label,
.contactform .col input,
.contactform .col select,
.contactform .message label,
.contactform .message textarea{font-size:13px;}
.contactform .legal .wpcf7-list-item>label{gap:8px;}
.contactform .legal input[type="checkbox"]{width:28px;height:28px;}
.contactform .legal .wpcf7-list-item-label,
.contactform .legal a{font-size:11px;} .related-box{width:100%;margin:50px auto;padding:15px 20px 25px 20px;}
.related-box ul{grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap:10px;}
.related-box .related-content .scrollable-content{max-height:28em;overflow-y:auto;transition:max-height 0.3s ease-out;}
.related-popular{width:94%;flex-direction:column;align-items:center;text-align:center;padding:35px 10px;}
.related-popular .text{max-width:90%;}
.related-popular .cta{width:100%;text-align:center;}
}