/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
:root{
    --green:#57b535;--green-dark:#469629;--text:#30363a;--muted:#8e9599;
    --line:#dfe5dc;--bg:#f4f5f3;--white:#fff;
}
.popmake :is(a,button,input[type="submit"],input[type="checkbox"],input[type="button"],input[type="file"],[tabindex="0"]):focus-visible{outline: unset!important;}
.popmake form:focus-visible{outline: unset!important;}
.custom-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.custom-popup-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

.custom-popup-content {
    background: #ffffff;
    padding: 40px;
    border-radius: 8px;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.custom-popup-overlay.is-active .custom-popup-content {
    transform: translateY(0);
}

.custom-popup-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #333;
    line-height: 1;
    padding: 0;
}

.custom-popup-close:hover {
    color: #ff0000;
}

.popup-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    color: #222;
}

.popup-subtitle {
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
    text-align: center;
}

.popup-form .form-group {
    margin-bottom: 15px;
}

.popup-form input[type="text"],
.popup-form input[type="tel"],
.popup-form input[type="email"],
.popup-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    box-sizing: border-box;
    font-family: inherit;
}

.popup-form textarea {
    resize: vertical;
}

.popup-form input:focus,
.popup-form textarea:focus {
    border-color: #0073aa;
    outline: none;
}

.form-agreement {
    margin: 15px 0 20px 0;
}

.agreement-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 13px;
    color: #555;
    line-height: 1.3;
}

.agreement-label input {
    margin-right: 8px;
    margin-top: 3px;
}

.popup-submit-btn {
    width: 100%;
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 14px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.popup-submit-btn:hover {
    background-color: #005177;
}

.popup-submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

    
.section{min-height:720px;position:relative}
.inner{width:min(1360px,calc(100vw - 48px));margin:0 auto}
.inner{width:min(1360px,calc(100% - 48px));margin:0 auto;box-sizing:border-box}
.header{margin-bottom:40px}
.lead{font-size:17px;line-height:1.5;color:#687076;max-width:720px;margin:0}
.lead b{color:var(--green)}
.why h2{    font-size: 36px;color: var(--wd-title-color);text-transform: var(--wd-title-transform);font-weight: var(--wd-title-font-weight);font-style: var(--wd-title-font-style);font-family: var(--wd-title-font);line-height: 1.08;margin: 0 0 40px;padding: 0;max-width: 940px;}
.slider{display:flex;align-items:center;gap:16px}
.viewport{position:relative;overflow:hidden;flex:1 1 auto;min-width:0}
.slider{position:relative;display:block}
.viewport{position:relative;overflow:hidden;width:100%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.viewport.is-dragging{cursor:grabbing}
.track{display:flex;gap:18px;will-change:transform;transition:transform .18s linear}
.card{flex:0 0 320px;height:360px;opacity:.24;transform:scale(.94);transition:opacity .28s ease,transform .28s ease;}
.card.active{flex-basis:560px;opacity:1;transform:scale(1)}
.card.active{flex-basis:min(560px,58vw);opacity:1;transform:scale(1)}
.card.prev,.card.next{opacity:.55;transform:scale(.97);cursor:pointer}
.card-inner{height:100%;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;overflow:hidden;}
.card.active .card-inner{border-color:rgba(87,181,53,.5);box-shadow:0 20px 55px rgba(45,77,35,.10)}
.top{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.icon-wrap{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#f1f8ee;color:var(--green-dark);border:1px solid rgba(87,181,53,.22)}
.icon-wrap svg{width:28px;height:28px}
.tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--green-dark);font-weight:700}
.copy{margin-top:auto;min-height:0;overflow:hidden}
.copy h3{font-size:clamp(26px,2.4vw,40px);line-height:1.08;font-weight:400;margin:0 0 14px}
.copy p{font-size:16px;line-height:1.5;color:var(--muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.nav-btn{
  flex:0 0 auto;
  position:absolute;
  top:50%;
  z-index:2;
  width:52px;height:52px;
  display:grid;place-items:center;
  padding:0;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:var(--text);
  cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 12px 28px rgba(45,77,35,.16);
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;
  transform:translateY(-50%);
}
.nav-btn.prev{left:0}
.nav-btn.next{right:0}
.nav-btn svg{width:22px;height:22px;display:block}
.nav-btn:hover:not(:disabled),
.nav-btn:focus-visible:not(:disabled){background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 16px 34px rgba(87,181,53,.34)}
.nav-btn:active:not(:disabled){transform:scale(.93)}
.nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.93)}
.nav-btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.nav-btn:disabled{opacity:.28;cursor:default;box-shadow:none}
.progress{height:4px;background:#d7ddd6;border-radius:999px;overflow:hidden;margin-top:22px}
.progress span{display:block;height:100%;width:0;background:var(--green);border-radius:999px;transition:width .22s ease}
@media(max-width:900px){
  .section,.sticky{height:auto;min-height:0;position:static}
  .sticky{padding:30px 0}
  .inner{width:min(100% - 28px,1360px)}
  .viewport{overflow-x:auto;scroll-snap-type:x mandatory}
  .viewport{overflow-x:auto;scroll-snap-type:x mandatory;touch-action:auto;cursor:auto;-webkit-user-select:auto;user-select:auto}
  .track{transform:none!important;padding-bottom:8px}
  .card,.card.active{flex:0 0 82vw;height:360px;opacity:.45;transform:scale(.97);scroll-snap-align:center}
  .card.active{opacity:1;transform:scale(1)}
  .slider{flex-wrap:wrap;justify-content:center;gap:12px}
  .viewport{flex:1 0 100%;order:-1}
  .nav-btn{width:44px;height:44px;box-shadow:0 8px 20px rgba(45,77,35,.18)}
  .slider{padding:0 0 56px}
  .nav-btn{position:absolute;top:auto;bottom:0;transform:none;width:44px;height:44px;box-shadow:0 8px 20px rgba(45,77,35,.18)}
  .nav-btn.prev{left:calc(50% - 56px)}
  .nav-btn.next{right:calc(50% - 56px);left:auto}
  .nav-btn:active:not(:disabled){transform:scale(.93)}
  .progress{display:none}
}
/*  
  h1{font-size:clamp(34px,4vw,58px);line-height:1.08;font-weight:400;margin:0 0 14px;max-width:1120px}

*/
.whb-row.whb-sticky-row{padding: 15px 0}
@media(max-width: 1500px){
    ul.wd-nav-header>li>a{font-size: 14px;}
    .wd-logo.wd-main-logo img{max-width: 150px;}
}
@media(min-width: 1200px){
    .products_carousel img{
        height: 300px;
        object-fit: contain;
    }
}
.bold{font-weight: bold;}