/*
Theme Name: Vững Thủy Blue Catalogue
Theme URI: https://vlxdvungthuy.com/
Author: Vững Thủy
Description: Theme catalogue Vững Thủy 5.3: mega-menu sản phẩm gọn, danh mục trước - sản phẩm sau, showroom trang chủ bật/tắt trong Page và form tư vấn cuối trang.
Version: 6.4.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vungthuy
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Home full-page sidebar - 6.4 */

.vt-v640-home-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start;padding-top:26px;padding-bottom:40px}

.vt-v640-home-shell>.vt-v620-home-sidebar{position:sticky;top:18px;z-index:20;width:250px}

.admin-bar .vt-v640-home-shell>.vt-v620-home-sidebar{top:50px}

.vt-v640-home-content{min-width:0;overflow:hidden}

.vt-v640-home-content>.vt-v6-commerce-hero{padding:0}

.vt-v640-home-content .vt-v6-commerce-grid{display:block;width:100%;max-width:none;margin:0;padding:0}

.vt-v640-home-content .vt-v51-hero{width:100%}

.vt-v640-home-content>section>.vt-container{width:100%;max-width:none}

.vt-v640-home-content .vt-v61-band-body>aside{display:none}

.vt-v640-home-content .vt-v61-band-body{grid-template-columns:minmax(0,1fr)}

@media(max-width:980px){
.vt-v640-home-shell{display:block;padding-top:14px}
.vt-v640-home-shell>.vt-v620-home-sidebar{position:static;width:100%;margin:0 0 16px}
.vt-v640-home-content{overflow:visible}
}

@media(max-width:600px){
.vt-v640-home-shell{width:100%;padding-left:14px;padding-right:14px}
.vt-v640-home-shell>.vt-v620-home-sidebar .vt-v6-category-rail ul{max-height:260px;overflow:auto}
}

@media(min-width:981px){.vt-v640-home-shell>.vt-v620-home-sidebar{position:sticky!important;top:18px!important}.admin-bar .vt-v640-home-shell>.vt-v620-home-sidebar{top:50px!important}}

/* Homepage full width without category sidebar */

.vt-v6-commerce-hero .vt-v6-commerce-grid{display:block!important}

.vt-v6-commerce-hero .vt-v51-hero{width:100%!important}

/* Homepage managed two-image slider */

.vt-v51-hero{position:relative!important;overflow:hidden!important;background-position:center!important;background-size:cover!important}

.vt-v51-hero:before{content:"";position:absolute;inset:0;background-image:var(--vt-v64-hero-2);background-position:center;background-size:cover;opacity:0;transform:scale(1.04);animation:vtHeroCrossfade var(--vt-v64-hero-speed,12s) ease-in-out infinite;will-change:opacity,transform;z-index:1}

.vt-v51-hero__shade{z-index:2!important}

.vt-v51-hero__copy{position:relative;z-index:3!important}

@keyframes vtHeroCrossfade{0%,42%{opacity:0;transform:scale(1.04)}50%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}

@media(prefers-reduced-motion:reduce){.vt-v51-hero:before{animation:none;opacity:0}}

/* vt-related-products-clear-fix */

body.single-product .related.products{clear:both!important;float:none!important;width:100%!important;margin-top:42px!important;padding-top:28px!important}

body.single-product .related.products>h2{clear:both!important;width:100%!important;height:auto!important;margin:0 0 22px!important;padding:0!important;line-height:1.25!important}

body.single-product .related.products ul.products{clear:both!important;width:100%!important}

/* vt-footer-pro-v1 */

.vt-footer.vt-footer-pro{margin:0!important;padding:0!important;background:#082746!important;color:#dce8f5!important;border-top:4px solid #ff651f!important}

.vt-footer-pro *{box-sizing:border-box}

.vt-footer-pro .vt-container{width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}

.vt-footer-pro__assurance{background:#0d3762!important;border-bottom:1px solid rgba(255,255,255,.12)!important}

.vt-footer-pro__assurance .vt-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important}

.vt-footer-pro__assurance-item{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:64px!important;padding:10px 20px!important;border-right:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:14px!important;letter-spacing:.01em!important}

.vt-footer-pro__assurance-item:last-child{border-right:0!important}

.vt-footer-pro__assurance-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:50%!important;background:#ff651f!important;color:#fff!important;font-size:12px!important;font-weight:800!important}

.vt-footer-pro__grid{display:grid!important;grid-template-columns:1.35fr .72fr .72fr 1.25fr!important;gap:44px!important;padding-top:46px!important;padding-bottom:40px!important}

.vt-footer-pro h3{position:relative!important;margin:0 0 18px!important;padding:0 0 11px!important;color:#fff!important;font-size:16px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.055em!important}

.vt-footer-pro h3:after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:34px!important;height:2px!important;background:#ff651f!important}

.vt-footer-pro__logo{display:flex!important;align-items:center!important;gap:13px!important;color:#fff!important;text-decoration:none!important}

.vt-footer-pro__logo img{width:68px!important;height:68px!important;object-fit:contain!important;border-radius:14px!important;background:#fff!important;padding:4px!important}

.vt-footer-pro__logo span{display:block!important;min-width:0!important}

.vt-footer-pro__logo strong{display:block!important;color:#fff!important;font-size:23px!important;line-height:1.05!important;letter-spacing:.045em!important}

.vt-footer-pro__logo small{display:block!important;margin-top:6px!important;color:#f2bd75!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.04em!important}

.vt-footer-pro__brand>p{max-width:380px!important;margin:18px 0 20px!important;color:#bfd0e2!important;font-size:14px!important;line-height:1.7!important}

.vt-footer-pro__quote,.vt-footer-pro__zalo{display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:42px!important;padding:10px 16px!important;border-radius:7px!important;background:#ff651f!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;transition:background .2s ease!important}

.vt-footer-pro__quote:hover,.vt-footer-pro__zalo:hover{background:#e95312!important;color:#fff!important}

.vt-footer-pro__col ul,.vt-footer-pro__col .menu,.vt-footer-pro__contact ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}

.vt-footer-pro__col li{display:block!important;margin:0 0 11px!important;padding:0!important;border:0!important}

.vt-footer-pro__col a{display:inline!important;color:#c7d6e5!important;font-size:14px!important;line-height:1.5!important;text-decoration:none!important}

.vt-footer-pro__col a:hover{color:#ff8a52!important}

.vt-footer-pro__contact li{display:grid!important;grid-template-columns:62px 1fr!important;gap:8px!important;margin:0 0 10px!important;color:#c7d6e5!important;font-size:13px!important;line-height:1.5!important}

.vt-footer-pro__contact li>span{color:#f2bd75!important;font-weight:800!important}

.vt-footer-pro__contact li p,.vt-footer-pro__contact li a{margin:0!important;color:#eaf2fa!important;text-decoration:none!important}

.vt-footer-pro__contact li a:hover{color:#ff8a52!important}

.vt-footer-pro__zalo{margin-top:9px!important;background:#126bd1!important;box-shadow:none!important}

.vt-footer-pro__zalo:hover{background:#0c58ad!important}

.vt-footer-pro__bottom{border-top:1px solid rgba(255,255,255,.12)!important;background:#061d35!important}

.vt-footer-pro__bottom .vt-container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:56px!important;padding-block:10px!important;color:#9fb3c7!important;font-size:12px!important}

@media(max-width:900px){
.vt-footer-pro .vt-container{width:min(100% - 32px,760px)!important}
.vt-footer-pro__grid{grid-template-columns:1.25fr .75fr .75fr!important;gap:32px 28px!important;padding-top:36px!important;padding-bottom:32px!important}
.vt-footer-pro__brand{grid-column:1/3!important}
.vt-footer-pro__contact{grid-column:3!important;grid-row:1/3!important}
.vt-footer-pro__assurance-item{padding-inline:12px!important;font-size:12px!important}
}

@media(max-width:640px){
.vt-footer-pro .vt-container{width:calc(100% - 28px)!important}
.vt-footer-pro__assurance .vt-container{grid-template-columns:1fr!important}
.vt-footer-pro__assurance-item{justify-content:flex-start!important;min-height:44px!important;padding:8px 4px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.vt-footer-pro__assurance-item:last-child{border-bottom:0!important}
.vt-footer-pro__assurance-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
.vt-footer-pro__grid{grid-template-columns:1fr 1fr!important;gap:28px 20px!important;padding-top:30px!important;padding-bottom:28px!important}
.vt-footer-pro__brand{grid-column:1/-1!important}
.vt-footer-pro__brand>p{margin-block:15px 18px!important;font-size:13px!important}
.vt-footer-pro__contact{grid-column:1/-1!important;grid-row:auto!important}
.vt-footer-pro__logo img{width:58px!important;height:58px!important}
.vt-footer-pro__logo strong{font-size:20px!important}
.vt-footer-pro h3{font-size:14px!important;margin-bottom:14px!important}
.vt-footer-pro__col li{margin-bottom:8px!important}
.vt-footer-pro__col a{font-size:13px!important}
.vt-footer-pro__bottom .vt-container{display:block!important;min-height:0!important;padding-block:16px!important;text-align:center!important}
.vt-footer-pro__bottom span{display:block!important}
.vt-footer-pro__bottom span+span{margin-top:5px!important}
}

@media(max-width:370px){.vt-footer-pro__grid{grid-template-columns:1fr!important}.vt-footer-pro__col{grid-column:1!important}}

/* vt-ui-soft-contact-menu-v1 */

:root{--vt-radius-xs:8px;--vt-radius-sm:12px;--vt-radius-md:16px;--vt-radius-lg:22px;--vt-radius-xl:28px}

/* Hệ bo góc thống nhất: mềm nhưng không bo các banner toàn chiều ngang. */

.vt-btn,.button,button:not(.vt-menu-toggle):not(.vt-menu-close),input[type="submit"],
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],select,textarea{
  border-radius:var(--vt-radius-sm)!important
}

.vt-product-search form,.woocommerce-product-search,.vt-mobile-search form,.vt-mobile-menu-search form{
  border-radius:var(--vt-radius-md)!important
}

.woocommerce ul.products li.product,.vt-product-card,.vt-home-product-card,.vt-home-benefit,
.vt-category-card,.vt-space-card,.vt-contact-card,.vt-filter-bar,.vt-quote-form,
.wp-block-group.has-background{
  border-radius:var(--vt-radius-md)!important
}

.woocommerce ul.products li.product,.vt-product-card,.vt-home-product-card,.vt-category-card,.vt-space-card{
  overflow:hidden
}

.woocommerce ul.products li.product img,.vt-product-card img,.vt-home-product-card img,.vt-category-card img,.vt-space-card img{
  border-radius:var(--vt-radius-sm)!important
}

/* Dropdown Sản phẩm: chỉ danh mục cấp chính, gọn và mềm. */

@media(min-width:781px){
  .vt-primary-menu .vt-product-menu-root>.sub-menu{
    width:260px!important;
    padding:8px!important;
    border:1px solid #e5eaf0!important;
    border-top:3px solid #ff651f!important;
    border-radius:0 0 16px 16px!important;
    box-shadow:0 20px 48px rgba(5,28,56,.17)!important;
  }
  .vt-primary-menu .vt-product-menu-root>.sub-menu>li{
    border:0!important;
    margin:2px 0!important;
  }
  .vt-primary-menu .vt-product-menu-root>.sub-menu>li>a{
    min-height:44px!important;
    padding:10px 14px!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  .vt-primary-menu .vt-product-menu-root>.sub-menu>li>a:after{display:none!important}
  .vt-primary-menu .vt-product-menu-root>.sub-menu>li:hover>a{
    background:#f3f7fb!important;
    color:#0b3764!important;
  }
  .vt-primary-menu .vt-product-menu-root>.sub-menu .sub-menu{display:none!important}
}

/* Trang Liên hệ: cùng ngôn ngữ navy - cam của theme. */

body.page-id-1047 main>.vt-section{
  padding:42px 0 76px!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(255,101,31,.08),transparent 25%),
    linear-gradient(180deg,#f7faff 0,#fff 40%)!important;
}

body.page-id-1047 .vt-page-content>h1{display:none!important}

body.page-id-1047 .vt-contact-page{max-width:1120px;margin:0 auto}

body.page-id-1047 .vt-contact-page__intro{
  max-width:760px!important;
  margin:0 0 30px!important;
}

body.page-id-1047 .vt-contact-page__intro .vt-kicker{
  display:inline-flex!important;
  margin:0 0 12px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#fff1ea!important;
  color:#e95212!important;
}

body.page-id-1047 .vt-contact-page__intro h2{
  margin:0 0 12px!important;
  color:#082746!important;
  font-family:inherit!important;
  font-size:clamp(32px,4vw,48px)!important;
  font-weight:850!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}

body.page-id-1047 .vt-contact-page__intro p{
  max-width:700px!important;
  margin:0!important;
  color:#617187!important;
  font-size:16px!important;
  line-height:1.75!important;
}

body.page-id-1047 .vt-contact-page__grid{
  display:grid!important;
  grid-template-columns:.8fr 1.35fr!important;
  gap:24px!important;
  align-items:start!important;
}

body.page-id-1047 .vt-contact-page__details{display:grid!important;gap:14px!important}

body.page-id-1047 .vt-contact-card{
  min-height:132px!important;
  padding:22px!important;
  border:1px solid #e1e9f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(8,39,70,.07)!important;
}

body.page-id-1047 .vt-contact-card--primary{
  background:linear-gradient(145deg,#082746,#0d416f)!important;
  border-color:transparent!important;
  color:#fff!important;
}

body.page-id-1047 .vt-contact-card small{
  color:#ffb38f!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

body.page-id-1047 .vt-contact-card strong{font-size:20px!important;line-height:1.35!important}

body.page-id-1047 .vt-contact-card p{margin:8px 0 0!important;line-height:1.6!important;opacity:.82}

body.page-id-1047 .vt-contact-page__form{
  padding:30px!important;
  border:1px solid #e0e8f1!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 22px 55px rgba(8,39,70,.1)!important;
}

body.page-id-1047 .vt-contact-form-heading{margin-bottom:20px!important}

body.page-id-1047 .vt-contact-form-heading h3{
  margin:4px 0 8px!important;
  color:#082746!important;
  font-size:28px!important;
  line-height:1.25!important;
}

body.page-id-1047 .vt-contact-page__form label{
  color:#26384e!important;
  font-size:12px!important;
  font-weight:750!important;
}

body.page-id-1047 .vt-contact-page__form input,
body.page-id-1047 .vt-contact-page__form textarea,
body.page-id-1047 .vt-contact-page__form select{
  min-height:48px!important;
  border:1px solid #dce5ef!important;
  background:#f8fbfe!important;
  box-shadow:none!important;
}

body.page-id-1047 .vt-contact-page__form textarea{min-height:112px!important}

body.page-id-1047 .vt-contact-page__form input:focus,
body.page-id-1047 .vt-contact-page__form textarea:focus{
  border-color:#ff651f!important;
  background:#fff!important;
  outline:3px solid rgba(255,101,31,.12)!important;
}

body.page-id-1047 .vt-contact-page__form .vt-btn{
  min-height:50px!important;
  border-radius:13px!important;
  background:#ff651f!important;
  box-shadow:0 10px 22px rgba(255,101,31,.22)!important;
}

body.page-id-1047 .vt-page-content>.wp-block-heading{
  max-width:1120px!important;
  margin:52px auto 0!important;
  padding:26px 28px 8px!important;
  border:1px solid #dce6f0!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:#082746!important;
  color:#fff!important;
  font-size:25px!important;
}

body.page-id-1047 .vt-page-content>.wp-block-paragraph{
  max-width:1120px!important;
  margin:0 auto!important;
  padding:5px 28px 24px!important;
  border-inline:1px solid #dce6f0!important;
  background:#082746!important;
  color:#d6e3ef!important;
}

body.page-id-1047 .vt-page-content>.wp-block-columns{
  max-width:1120px!important;
  margin:0 auto!important;
  padding:24px 28px 28px!important;
  gap:18px!important;
  border:1px solid #dce6f0!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(8,39,70,.08)!important;
}

body.page-id-1047 .vt-page-content>.wp-block-columns>.wp-block-column{
  padding:18px!important;
  border-radius:14px!important;
  background:#f5f8fc!important;
}

body.page-id-1047 .vt-page-content>.wp-block-columns h3{
  margin:0 0 8px!important;
  color:#082746!important;
  font-size:15px!important;
}

body.page-id-1047 .vt-page-content>.wp-block-columns p{margin:0!important;color:#617187!important;line-height:1.6!important}

/* Drawer mobile/tablet: cách mép, bo tròn và phân cấp rõ. */

@media(max-width:900px){
  body.vt-menu-open:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:9980!important;
    background:rgba(3,18,39,.58)!important;
    backdrop-filter:blur(3px)!important;
  }
  .vt-nav.vt-v51-nav{
    position:fixed!important;
    top:12px!important;
    right:12px!important;
    bottom:12px!important;
    left:auto!important;
    width:min(360px,calc(100% - 24px))!important;
    height:auto!important;
    max-height:calc(100dvh - 24px)!important;
    padding:0 0 16px!important;
    overflow:hidden auto!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:-20px 28px 70px rgba(3,18,39,.35)!important;
    z-index:9990!important;
    transform:translateX(110%)!important;
  }
  body.vt-menu-open .vt-nav.vt-v51-nav{transform:translateX(0)!important}
  .vt-mobile-menu-head{
    position:sticky!important;
    top:0!important;
    min-height:72px!important;
    padding:14px 16px!important;
    border-radius:21px 21px 0 0!important;
    background:linear-gradient(135deg,#082746,#0d416f)!important;
  }
  .vt-mobile-menu-brand{color:#fff!important}
  .vt-menu-close{
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.3)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:25px!important;
  }
  .vt-mobile-menu-search{padding:14px 14px 8px!important;background:#fff!important}
  .vt-mobile-menu-search form{
    overflow:hidden!important;
    border:1px solid #dae4ee!important;
    background:#f6f9fc!important;
  }
  .vt-v51-nav__menu{
    display:block!important;
    padding:8px 12px 12px!important;
    background:#fff!important;
  }
  .vt-v51-nav__menu>li{margin:3px 0!important}
  .vt-v51-nav__menu>li>a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    color:#18314c!important;
    font-size:14px!important;
    font-weight:750!important;
  }
  .vt-v51-nav__menu>li>a:hover,.vt-v51-nav__menu>li.current-menu-item>a{
    background:#eef4fa!important;
    color:#0b416f!important;
  }
  .vt-v51-nav__menu .sub-menu{
    position:static!important;
    display:block!important;
    margin:2px 0 8px 12px!important;
    padding:4px!important;
    border:0!important;
    border-left:2px solid #ff651f!important;
    border-radius:0 10px 10px 0!important;
    background:#f7f9fc!important;
    box-shadow:none!important;
  }
  .vt-v51-nav__menu .sub-menu a{
    min-height:40px!important;
    padding:9px 12px!important;
    border-radius:8px!important;
    color:#52657a!important;
    font-size:13px!important;
  }
  .vt-mobile-menu-actions{
    margin:0 12px!important;
    padding:14px!important;
    gap:9px!important;
    border-radius:15px!important;
    background:#f4f7fb!important;
  }
  body.page-id-1047 main>.vt-section{padding:26px 0 58px!important}
  body.page-id-1047 .vt-contact-page__intro h2{font-size:32px!important}
  body.page-id-1047 .vt-contact-page__intro p{font-size:14px!important}
  body.page-id-1047 .vt-contact-page__grid{grid-template-columns:1fr!important;gap:18px!important}
  body.page-id-1047 .vt-contact-page__details{grid-template-columns:1fr 1fr!important}
  body.page-id-1047 .vt-contact-card{min-height:0!important;padding:18px!important}
  body.page-id-1047 .vt-contact-page__form{padding:22px!important;border-radius:18px!important}
  body.page-id-1047 .vt-page-content>.wp-block-heading{margin-top:34px!important;padding:22px 20px 7px!important}
  body.page-id-1047 .vt-page-content>.wp-block-paragraph{padding:4px 20px 20px!important}
  body.page-id-1047 .vt-page-content>.wp-block-columns{padding:18px!important;display:grid!important;grid-template-columns:1fr!important}
}

@media(max-width:520px){
  body.page-id-1047 .vt-contact-page__details{grid-template-columns:1fr!important}
  body.page-id-1047 .vt-contact-form-heading h3{font-size:23px!important}
  body.vt-menu-open .vt-nav.vt-v51-nav{width:calc(100% - 20px)!important;right:10px!important;top:10px!important;bottom:10px!important;max-height:calc(100dvh - 20px)!important}
}

/* vt-responsive-drawer-final-v2 */

@media screen and (max-width:900px){
  html body .vt-nav.vt-v51-nav{position:fixed!important;top:12px!important;right:12px!important;bottom:12px!important;left:auto!important;width:min(360px,calc(100% - 24px))!important;height:auto!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:0 0 16px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:22px!important;background:#fff!important;box-shadow:-20px 28px 70px rgba(3,18,39,.35)!important;z-index:9990!important;transform:translate3d(115%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s!important}
  html body.vt-menu-open .vt-nav.vt-v51-nav{transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:transform .28s ease,opacity .2s ease!important}
  html body.vt-menu-open{overflow:hidden!important}
}

@media screen and (max-width:520px){html body .vt-nav.vt-v51-nav{top:10px!important;right:10px!important;bottom:10px!important;width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important}}

/* vt-responsive-drawer-hitbox-fix-v1 */

@media screen and (max-width:900px){html body:not(.vt-menu-open) .vt-nav.vt-v51-nav,html body:not(.vt-menu-open) .vt-nav.vt-v51-nav *{pointer-events:none!important}html body.vt-menu-open .vt-nav.vt-v51-nav,html body.vt-menu-open .vt-nav.vt-v51-nav *{pointer-events:auto!important}}

/* vt-v6-responsive-nav-drawer-v1 */

@media screen and (max-width:900px){
 html body #site-menu.vt-nav.vt-v51-nav{display:none!important}
 html body .vt-v6-nav-row{position:fixed!important;inset:12px 12px 12px auto!important;width:min(360px,calc(100% - 24px))!important;height:auto!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:18px!important;overflow:auto!important;border:1px solid #dce6ef!important;border-radius:22px!important;background:#fff!important;box-shadow:-20px 28px 70px rgba(3,18,39,.35)!important;z-index:9990!important;transform:translate3d(115%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s!important}
 html body.vt-menu-open .vt-v6-nav-row{transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:transform .28s ease,opacity .2s ease!important}
 html body .vt-v6-nav-row>.vt-container{display:block!important;width:100%!important;padding:58px 0 0!important}
 html body .vt-v6-nav-slot,html body .vt-v6-nav-slot>ul{display:block!important;width:100%!important}
 html body .vt-v6-nav-slot>ul>li{display:block!important;width:100%!important;margin:3px 0!important}
 html body .vt-v6-nav-slot>ul>li>a,html body .vt-v6-nav-row .vt-v6-showroom-link{display:flex!important;align-items:center!important;min-height:46px!important;padding:10px 12px!important;border-radius:11px!important;color:#18314c!important;font-size:14px!important;font-weight:750!important}
 html body .vt-v6-nav-slot>ul>li>a:hover{background:#eef4fa!important;color:#0b416f!important}
 html body .vt-v619-product-menu{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-height:none!important;margin:4px 0 10px!important;padding:8px!important;border:0!important;border-left:2px solid #ff651f!important;border-radius:0 12px 12px 0!important;background:#f7f9fc!important;box-shadow:none!important}
 html body .vt-v619-product-menu section>div{display:none!important}
 html body .vt-v619-product-root{display:flex!important;min-height:38px!important;padding:8px!important;border-radius:8px!important;font-size:12px!important}
}

@media screen and (max-width:520px){html body .vt-v6-nav-row{inset:10px!important;width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important}}

/* vt-v6-drawer-close-button-v1 */

@media screen and (max-width:900px){html body.vt-menu-open .vt-menu-toggle{position:fixed!important;top:24px!important;right:24px!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:10010!important;background:#082746!important;border-color:#082746!important;box-shadow:0 10px 25px rgba(3,18,39,.25)!important}html body.vt-menu-open .vt-menu-toggle span{background:#fff!important}}

@media screen and (max-width:520px){html body.vt-menu-open .vt-menu-toggle{top:20px!important;right:20px!important}}

/* vt-v6-drawer-inner-close-v1 */

@media screen and (max-width:900px){html body .vt-v6-drawer-close{position:absolute!important;top:16px!important;right:16px!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#082746!important;color:#fff!important;font-size:27px!important;line-height:1!important;box-shadow:0 8px 20px rgba(3,18,39,.2)!important;z-index:3!important;cursor:pointer!important}}

/* vt-v6-drawer-close-flow-v1 */

@media screen and (max-width:900px){html body .vt-v6-drawer-close{position:relative!important;top:auto!important;right:auto!important;margin:0 0 0 auto!important;float:none!important}html body .vt-v6-nav-row>.vt-container{padding-top:8px!important}}

/* vt-v6-drawer-overlay-stack-fix-v1 */

@media screen and (max-width:900px){html body.vt-menu-open:before{z-index:800!important}html body .vt-v6-nav-row{z-index:1200!important}}

/* vt-menu-responsive-consolidated-v3 */
.vt-v6-drawer-close{display:none!important}

@media screen and (max-width:900px){
html body #site-menu.vt-nav.vt-v51-nav{display:none!important}
html body .vt-v6-nav-row{display:block!important;position:fixed!important;top:12px!important;right:12px!important;bottom:12px!important;left:auto!important;width:min(360px,calc(100% - 24px))!important;height:auto!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:16px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #dce6ef!important;border-radius:22px!important;background:#fff!important;box-shadow:-20px 28px 70px rgba(3,18,39,.35)!important;z-index:1200!important;transform:translate3d(115%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s!important}
html body.vt-menu-open .vt-v6-nav-row{display:block!important;transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:transform .28s ease,opacity .2s ease!important}
html body.vt-menu-open:before{z-index:800!important}
html body .vt-v6-drawer-close{display:grid!important;position:relative!important;place-items:center!important;width:40px!important;height:40px!important;margin:0 0 8px auto!important;padding:0!important;border:0!important;border-radius:50%!important;background:#082746!important;color:#fff!important;font-size:27px!important;line-height:1!important;box-shadow:0 8px 20px rgba(3,18,39,.2)!important;pointer-events:auto!important;cursor:pointer!important}
html body .vt-v6-nav-row>.vt-container{display:block!important;width:100%!important;padding:0!important}
html body .vt-v6-nav-slot,html body .vt-v6-nav-slot>ul{display:block!important;width:100%!important}
html body .vt-v6-nav-slot>ul>li{display:block!important;width:100%!important;margin:3px 0!important}
html body .vt-v6-nav-slot>ul>li>a,html body .vt-v6-showroom-link{display:flex!important;align-items:center!important;min-height:46px!important;padding:10px 12px!important;border-radius:11px!important;color:#18314c!important;font-size:14px!important;font-weight:750!important}
html body .vt-v619-product-menu{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;margin:4px 0 10px!important;padding:8px!important;border:0!important;border-left:2px solid #ff651f!important;border-radius:0 12px 12px 0!important;background:#f7f9fc!important;box-shadow:none!important;visibility:visible!important;opacity:1!important;transform:none!important}
html body .vt-v619-product-menu section>div{display:none!important}
html body .vt-v619-product-root{display:flex!important;min-height:38px!important;padding:8px!important;border-radius:8px!important;font-size:12px!important}
}
@media screen and (max-width:520px){html body .vt-v6-nav-row{top:10px!important;right:10px!important;bottom:10px!important;width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important}}

/* vt-responsive-overflow-final-v1 */
@media screen and (max-width:900px){html,body{overflow-x:clip!important;max-width:100%!important}}

/* vt-desktop-product-dropdown-compact-v1 */
@media screen and (min-width: 901px) {
  html body .vt-v619-product-menu {
    width: 480px !important;
    max-width: calc(100vw - 32px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid #dce6ef !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 20px 55px rgba(8, 39, 70, .16) !important;
  }
  html body .vt-v619-product-menu section {
    min-width: 0 !important;
    padding: 0 !important;
  }
  html body .vt-v619-product-root {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    border: 1px solid #e4ebf2 !important;
    border-radius: 12px !important;
    background: #f7f9fc !important;
    color: #082746 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
  }
  html body .vt-v619-product-root:hover {
    border-color: #ff651f !important;
    background: #fff5ef !important;
    color: #e34f12 !important;
  }
  html body .vt-v619-product-all {
    grid-column: 1 / -1 !important;
    margin-top: 2px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    text-align: center !important;
    background: #082746 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

/* vt-mobile-menu-layer-order-final-v1 */
@media screen and (max-width: 900px) {
  html body .vt-menu-backdrop {
    z-index: 1100 !important;
  }
  html body .vt-v6-nav-row {
    z-index: 1200 !important;
  }
  html body .vt-menu-toggle,
  html body .vt-v51-menu-toggle {
    z-index: 1300 !important;
  }
}

/* vt-mobile-drawer-height-final-v1 */
@media screen and (max-width: 900px) {
  html body.vt-menu-open .vt-v6-nav-row {
    bottom: 12px !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* vt-mobile-drawer-force-viewport-v2 */
@media screen and (max-width: 900px) {
  html body.vt-menu-open .vt-v6-nav-row {
    top: 12px !important;
    bottom: auto !important;
    height: calc(100dvh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}