.row{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.col-12,.col-2,.col-4,.col-8,.col-9,.col-10,.col-lg-1,.col-lg-10,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-sm-10,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8{position:relative;width:100%;padding:0}
.col-1{width:8.333333%!important}.col-2{width:16.666667%!important}.col-3{width:25%!important}.col-4{width:33.333333%!important}.col-5{width:41.666667%!important}.col-6{width:50%!important}.col-7{width:58.333333%!important}.col-8{width:66.666667%!important}.col-9{width:75%!important}.col-10{width:83.333333%!important}.col-11{width:91.666666%!important}.col-12{width:100%!important}
@media only screen and (max-width:576px){.col-xs-2{max-width:16.666667%}.col-xs-3{max-width:25%}.col-xs-4{max-width:33.333333%}.col-xs-5{max-width:41.666667%}.col-xs-6{max-width:50%}.col-xs-7{max-width:58.333333%}.col-xs-8{max-width:66.666667%}.col-xs-12{max-width:100%}}
@media (min-width:576px){.col-sm-2{max-width:16.666667%}.col-sm-3{max-width:25%}.col-sm-4{max-width:33.333333%}.col-sm-5{max-width:41.666667%}.col-sm-6{max-width:50%}.col-sm-7{max-width:58.333333%}.col-sm-8{max-width:66.666667%}.col-sm-10{max-width:83.333333%}.col-sm-12{max-width:100%}}
@media (min-width:768px){.col-md-1{max-width:8.333333%}.col-md-2{max-width:16.666667%}.col-md-3{max-width:25%}.col-md-4{max-width:33.333333%}.col-md-5{max-width:41.666667%}.col-md-6{max-width:50%}.col-md-7{max-width:58.333333%}.col-md-8{max-width:66.666667%}.col-md-10{max-width:83.333333%}.col-md-12{max-width:100%}}
@media (min-width:992px){.col-lg-1{max-width:8.333333%}.col-lg-2{max-width:16.666667%}.col-lg-3{max-width:25%}.col-lg-4{max-width:33.333333%}.col-lg-5{max-width:41.666667%}.col-lg-6{max-width:50%}.col-lg-7{max-width:58.333333%}.col-lg-8{max-width:66.666667%}.col-lg-9{max-width:75%}.col-lg-10{max-width:83.333333%}.col-lg-12{max-width:100%}}

.container{width:100%;margin-right:auto;margin-left:auto}@media only screen and (max-width:575px){.container{padding:0 8px 0 8px}}@media (min-width:576px) and (max-width:767px){.container{padding:0 16px 0 16px}}@media (min-width:768px) and (max-width:991px){.container{padding:0 24px 0 24px}}@media (min-width:992px){.container{padding:0 48px 0 48px}}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:auto;display:none;justify-content:center;align-items:center;background-color:#000000cc}
.modal-container {min-height:100%;overflow:auto;display:flex;justify-content:center;align-items:center;margin:auto;padding:12px 4px}
@media only screen and (max-width:575px){.modal-container{width:94%}}
@media (min-width:576px) and (max-width:767px){.modal-container{width:400px}}
@media (min-width:768px) and (max-width:991px){.modal-container{width:432px}}
@media (min-width:992px){.modal-container{width:464px}}
.modal-content{background-color:#fff;padding:24px 12px;border-radius:8px;margin:0px;width:100%}
.modal-header{border-bottom:1px solid #dffe00;padding:0 0 4px 0}
.modal-close:hover{color:#dffe00;cursor:pointer}

.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#25d366;fill:none;animation:stroke 0.6s cubic-bezier(0.65,0,0.45,1) forwards}
.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0px 0px 0px #25d366;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}
.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke 0.3s cubic-bezier(0.65,0,0.45,1) 0.8s forwards}
@keyframes stroke{100%{stroke-dashoffset:0}}
@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}
@keyframes fill{100%{box-shadow:inset 0px 0px 0px 30px #25d366}}

.err-container{background-color:#fff;height:75px;width:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px 10px rgba(#000,0.05)}
.err-circle,.err-circle-border{width:60px;height:60px;border-radius:50%}
.err-circle{z-index:1;position:relative;background:#ff0000;transform:scale(1);animation:success-anim 1000ms ease}
.err-circle-border{z-index:0;position:absolute;transform:scale(1.1);animation:circle-anim 400ms ease;background:#fff}
@keyframes success-anim{0%{transform:scale(0)}30%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes circle-anim{from{transform:scale(0)}to{transform:scale(1.1)}}
.err-error::before,.err-error::after{content:"";display:block;height:4px;background:#fff;position:absolute}
.err-error::before{width:50%;top:48%;left:24%;transform:rotateZ(50deg)}
.err-error::after{width:50%;top:48%;left:24%;transform:rotateZ(-50deg)}

.simple-table{width:100%;border-radius:5px}
.simple-table tr,th{height:18px;line-height:18px;border:1px solid #dcdcdc;padding:4px 2px;border-radius:5px}
.simple-table td,th{padding:4px 2px;border-radius:5px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc}
.simple-table td,th{min-width:75px;max-width:150px}
.table-center td{text-align:center}

.cursor{cursor:pointer!important}

.padding-8{padding-top:8px!important;padding-bottom:8px!important}.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}.padding-64{padding-top:64px!important;padding-bottom:64px!important}
.gone{display:none} 
.gone-imp{display:none!important}
.unseen{visibility:hidden}
.margin0{margin:0!important}

.padding0{padding:0px!important}.padding4{padding:4px!important}.padding8{padding:8px!important}.padding16{padding:16px!important}.padding24{padding:24px!important}.padding32{padding:32px!important}.padding48{padding:48px!important}.padding64{padding:64px!important}

.padding-side-4{padding-left:4px!important;padding-right:4px!important}.padding-side-8{padding-left:8px!important;padding-right:8px!important}.padding-side-16{padding-left:16px!important;padding-right:16px!important}.padding-side-24{padding-left:24px!important;padding-right:44px!important}.padding-side-32{padding-left:32px!important;padding-right:32px!important}.padding-side-48{padding-left:48px!important;padding-right:48px!important}.padding-side-64{padding-left:64px!important;padding-right:64px!important}.padding-top-4{padding-top:4px!important}.padding-top-8{padding-top:8px!important}.padding-top-16{padding-top:16px!important}.padding-top-24{padding-top:24px!important}.padding3-top-2{padding-top:32px!important}.padding-top-48{padding-top:48px!important}.padding-top-64{padding-top:64px!important}
.text-primary{color:#33467f!important}.text-light{color:#fff!important}.text-dark{color:#000000!important}.text-green{color:#25d366!important}.text-red{color:#ff0000!important}.text-touch{color:#dffe00!important}.text-cam{color:#dcdcdc!important}
.back-primary{background-color:#33467f!important}.back-light{background-color:#fff!important}.back-dark{background-color:#000000!important}.back-cam{background-color:#dcdcdc!important}.back-red{background-color:#ff0000!important}.back-touch{background-color:#dffe00!important}.back-green{background-color:#25d366!important; border:1px solid #25d366}
.right{float:right!important}.text-right{text-align:right!important}
.left{float:left!important}
.pull-right{float:right!important}
.pull-left{float:left!important}
.margin-top-4{margin-top:4px!important}.margin-top-8{margin-top:8px!important}.margin-top-16{margin-top:16px!important}.margin-top-24{margin-top:24px!important}.margin4{margin:4px!important}.margin-left-4{margin-left:4px!important}.margin8{margin:8px!important}
.font-10{font-size:10px!important}.font-11{font-size:11px!important}.font-12{font-size:12px!important}.font-14{font-size:14px!important}.font-16{font-size:16px!important}.font-18{font-size:18px!important}.font-24{font-size:24px!important}.font-32{font-size:32px!important}.font-48{font-size:48px!important}.font-64{font-size:64px!important}
.border-0{border:none!important}.border-4{border-radius:4px!important}.border-8{border-radius:8px!important}.border-12{border-radius:12px!important}.border-16{border-radius:16px!important}.border-18{border-radius:18px!important}.border-24{border-radius:24px!important}.border-32{border-radius:32px!important}.border-48{border-radius:48px!important}.border-64{border-radius:64px!important}.border-cam{border:1px solid #dcdcdc}.border-cam-2{border:2px solid #dcdcdc}.border-cam-4{border:4px solid #dcdcdc}.border-prim{border:1px solid #33467f}
.cursor{cursor:pointer!important}

.pt-0{padding-top:0!important}.pt-4{padding-top:4px!important}.pt-8{padding-top:8px!important}.pt-12{padding-top:12px!important}.pt-16{padding-top:16px!important}.pt-24{padding-top:24px!important}.pt-32{padding-top:32px!important}.pt-48{padding-top:48px!important}.pt-64{padding-top:64px!important}
.pb-0{padding-bottom:0!important}.pb-4{padding-bottom:4px!important}.pb-8{padding-bottom:8px!important}.pb-12{padding-bottom:12px!important}.pb-16{padding-bottom:16px!important}.pb-24{padding-bottom:24px!important}.pb-32{padding-bottom:32px!important}.pb-48{padding-bottom:48px!important}.pb-64{padding-bottom:64px!important}
.pr-0{padding-right:0!important}.pr-4{padding-right:4px!important}.pr-8{padding-right:8px!important}.pr-12{padding-right:12px!important}.pr-16{padding-right:16px!important}.pr-24{padding-right:24px!important}.pr-32{padding-right:32px!important}.pr-48{padding-right:48px!important}.pr-64{padding-right:64px!important}
.pl-0{padding-left:0!important}.pl-4{padding-left:4px!important}.pl-8{padding-left:8px!important}.pl-12{padding-left:12px!important}.pl-16{padding-left:16px!important}.pl-24{padding-left:24px!important}.pl-32{padding-left:32px!important}.pl-48{padding-left:48px!important}.pl-64{padding-left:64px!important}
.mt-0{margin-top:0!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mt-12{margin-top:12px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.mt-48{margin-top:48px!important}.mt-64{margin-top:64px!important}
.mb-0{margin-bottom:0!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-12{margin-bottom:12px!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.mb-48{margin-bottom:48px!important}.mb-64{margin-bottom:64px!important}
.mr-0{margin-right:0!important}.mr-4{margin-right:4px!important}.mr-8{margin-right:8px!important}.mr-12{margin-right:12px!important}.mr-16{margin-right:16px!important}.mr-24{margin-right:24px!important}.mr-32{margin-right:32px!important}.mr-48{margin-right:48px!important}.mr-64{margin-right:64px!important}
.ml-0{margin-left:0!important}.ml-4{margin-left:4px!important}.ml-8{margin-left:8px!important}.ml-12{margin-left:12px!important}.ml-16{margin-left:16px!important}.ml-24{margin-left:24px!important}.ml-32{margin-left:32px!important}.ml-48{margin-left:48px!important}.ml-64{margin-left:64px!important}
.br-4{border-radius:4px!important}.br-8{border-radius:8px!important}.br-12{border-radius:12px!important}

.prl-img-xs{width:45px;height:45px}.prl-img-sm{width:55px;height:55px}.prl-img{width:75px;height:75px}.prl-img-l{width:100px;height:100px}.prl-img-xl{width:175px;height:175px}.prl-img-xxl{width:215px;height:215px}.prl-img-xs,.prl-img-sm,.prl-img,.prl-img-l,.prl-img-xl,.prl-img-xxl{border-radius:100%;overflow:hidden;border:2px solid #dcdcdc;display:flex;justify-content:center;align-items:center;background-color:#dcdcdc}
.prl-img-xs img,.prl-img-sm img,.prl-img img,.prl-img-l img,.prl-img-xl img,.prl-img-xxl img{width:100%}
 
.d-flex{display:-ms-flexbox!important;display:flex!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.float-right{float:right!important}@supports ((position:-webkit-sticky) or (position:sticky)){}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.active{display:block}

.flex-center{display:flex;justify-content:center;align-items:center}
.flex-left{display:flex;justify-content:left;align-items:center}
.flex-right{display:flex;justify-content:right;align-items:center}

.space-even{justify-content:space-between}

.gone{display:none} 
.card{box-shadow: 0 0 16px rgba(220, 220, 220)}

.single-input-item{margin-top:2px}
.single-input-item label{font-size:13px;margin:0 0 0 16px;background-color:#fff;position:relative;line-height:13px;color:#33467f;border-radius:6px;padding:0 4px 1px 4px}
.single-input-item span{float:right;font-size:16px;margin-right:12px;margin-top:-28px;position:relative;z-index:2;cursor:pointer;color:#33467f}
.single-input-item label.required:after{content:'*';color:#33467f;font-size:14px;margin-top:5px}
.single-input-item input,select,.single-input-item textarea{display:flex;color:#000;border:1px solid #00000030;padding:8px 10px;height:40px;width:100%;font-size:14px;border-radius:5px;background:#fff;margin-top:-12px!important}
.single-input-item textarea{height:auto!important}
.single-input-item input:active,.single-input-item input:focus,select:hover,.single-input-item textarea:active,.single-input-item textarea:focus{border-color:#33467f;background-color:#fff}

.single-input-item span{float:right;font-size:16px;margin-right:12px;margin-top:-28px;position:relative;z-index:2;cursor:pointer;color:#fed700}

.svg-light{filter:brightness(0) invert(1)}
.svg-blue, .svg-prim{filter:invert(24%) sepia(93%) saturate(5576%) hue-rotate(201deg) brightness(96%) contrast(98%)}
.svg-touch{filter: invert(42%) sepia(98%) saturate(3070%) hue-rotate(360deg) brightness(103%) contrast(91%)}
.svg-red{filter: invert(20%) sepia(58%) saturate(7049%) hue-rotate(357deg) brightness(101%) contrast(131%)}
.svg-green{filter: invert(73%) sepia(38%) saturate(7068%) hue-rotate(74deg) brightness(116%) contrast(130%)}
.svg-12{width:12px;height:12px}
.svg-14{width:14px;height:14px}
.svg-16{width:16px;height:16px}
.svg-24{width:24px;height:24px}

.sqr-btn{font-size:14px;border:none;cursor:pointer;border-radius:20px;padding:8px 20px;border: 1px solid #000;background-color: #fff;}
.sqr-btn:hover{background-color:#000; color: #fff;}
.sqr-btn i{padding:0px}
.prim-btn{color:#33467f;font-size:14px;border:none;cursor:pointer;border-radius:20px;background-color:#fff;padding:6px 20px;display:inline-block;border:1px solid #33467f}
.prim-btn:hover{color:#fff;background-color:#33467f!important}
.sqr-btn i{padding:0px}
.wap-btn{color:#fff;font-size:14px;border:none;cursor:pointer;border-radius:20px;background-color:#027e54;padding:6px 20px;display:inline-block;border:1px solid #027e54}
.wap-btn:hover{color:#027e54;background-color:#fff!important}

.incart{transform: translate(100%, -100%) scale(1)!important; display: inline-block!important}
.outstock{color: red!important; font-weight: bold!important; font-size: 16px!important;}
.instock{color: green!important; font-weight: bold!important; font-size: 16px!important;}

@media only screen and (max-width:575px){.hide-xs{display:none!important}}
@media (min-width:576px) and (max-width:767px){.hide-small{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hide-medium{display:none!important}.br-cam4{border-right:4px solid #dcdcdc}}
@media (min-width:992px){.hide-large{display:none!important}.br-cam4{border-right:4px solid #dcdcdc}}
 
.site-product{border: 2px solid #dcdcdc; padding: 12px; margin: 8px 0; border-radius: 8px;}
 
.swiper {width: 100%;height: 75vh;max-height: 75vh;--swiper-navigation-size: 32px;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-pagination-bullet-inactive-color: rgba(255,255,255,0.5);}
@media (max-width: 768px) {.swiper {height: 50vh; max-height: 50vh;--swiper-navigation-size: 28px; }}
@media (max-width: 480px) {.swiper {--swiper-navigation-size: 24px;}}
.swiper-slide {background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;position: relative;}
.swiper-slide::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 1;pointer-events: none;}
.swiper-slide.product{background-size: contain; background-repeat: no-repeat;}
.slide-content {position: absolute;z-index: 2;text-align: center;color: white;max-width: 75%;padding: 32px 40px; background: rgba(10, 20, 30, 0.3);backdrop-filter: blur(4px);border-radius: 24px;border: 1px solid rgba(255,255,255,0.2);box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1); bottom: 10%;}
@media (max-width: 768px) {.slide-content {padding: 20px 24px; max-width: 85%;border-radius: 20px;}}
@media (max-width: 480px) {.slide-content {padding: 16px 18px;}}
.slide-content h2 {font-size: clamp(16px, 3vw, 32px);
font-weight: 600;margin-bottom: 8px;letter-spacing: -0.02em;text-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.slide-content p {font-size: clamp(12px, 2vw, 16px);margin-bottom: 24px;opacity: 0.95;font-weight: 300;text-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.slide-content button {background: white;color: #1a2a3a;border: none;font-size: 14px;font-weight: 600;padding: 12px 40px;border-radius: 40px;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 10px 20px -8px rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.5);letter-spacing: 0.5px;}
@media (max-width: 768px) {.slide-content button {font-size: 18px;padding: 10px 32px;}}
@media (max-width: 480px) {.slide-content button {font-size: 16px;padding: 8px 24px;}}
.slide-content button:hover {background: #f0f4fa;transform: scale(1.03);box-shadow: 0 15px 25px -8px black;}
.swiper-button-prev, .swiper-button-next {background: rgba(0, 0, 0, 0.2);border-radius: 50%;backdrop-filter: blur(5px);border: 1px solid rgba(255,255,255,0.25);width: calc(var(--swiper-navigation-size) + 2px); height: calc(var(--swiper-navigation-size) + 2px);padding: 8px;}
.swiper-pagination-bullet {width: 8px;height: 8px;background: white;}

:root {--x-header-bg: #1d1d1d;--x-header-text: #fff;--x-link-color: #fff;--x-link-hover: #33467f;--x-link-hover-bg: rgba(59, 130, 246, 0.05);--x-cart-count-bg: #ef4444;--x-cart-count-text: #ffffff;--x-hamburger-color: #fff;--x-mobile-overlay-bg: #fff;--x-mobile-overlay-text: #1d1d1d;--x-header-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05);--x-transition-default: all 0.25s ease-in-out;--x-container-max-width: 1280px;}
.x-header {background: var(--x-header-bg);box-shadow: var(--x-header-shadow);position: sticky;top: 0;z-index: 1000;width: 100%;}
.x-header-container {max-width: var(--x-container-max-width);margin: 0 auto;padding: 0.9rem 1.5rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;transition: var(--x-transition-default);}
.x-nav-links {list-style: none;display: flex;gap: 2.2rem;margin: 0;padding: 0;}
.x-nav-links li a {text-decoration: none;font-weight: 500;font-size: 1rem;color: var(--x-link-color);transition: var(--x-transition-default);padding: 0.5rem 0;border-bottom: 2px solid transparent;}
.x-nav-links li a:hover {color: var(--x-link-hover);border-bottom-color: var(--x-link-hover);}
.x-header-right {display: flex;align-items: center;gap: 1.25rem;flex: 0 0 auto;}
.x-cart {display: flex;align-items: center;gap: 0.5rem;background: transparent;border: none;cursor: pointer;font-size: 1rem;font-weight: 500;color: var(--x-link-color);transition: var(--x-transition-default);padding: 0.4rem 0.6rem;border-radius: 40px;}
.x-cart:hover {background: rgba(0, 0, 0, 0.03);color: var(--x-link-hover);}
.x-cart-icon {font-size: 1.55rem;line-height: 1;}
.x-cart-count {background: var(--x-cart-count-bg);color: var(--x-cart-count-text);font-size: 0.75rem;font-weight: 700;min-width: 1.5rem;height: 1.5rem;border-radius: 40px;display: inline-flex;align-items: center;justify-content: center;padding: 0 0.45rem;letter-spacing: 0;line-height: 1;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);top:-16px;position: relative;}
.x-hamburger {display: flex;flex-direction: column;justify-content: space-between;width: 28px;height: 22px;background: transparent;border: none;cursor: pointer;padding: 0;transition: var(--x-transition-default);}
.x-hamburger span {width: 100%;height: 2.5px;background: var(--x-hamburger-color);border-radius: 4px;transition: all 0.2s ease;}
.x-hamburger:hover span {background: var(--x-link-hover);}
@media (min-width: 769px) {
    .x-header-container {flex-wrap: nowrap;}
    .x-nav-links {flex: 1;display: flex !important;justify-content: center;gap: 2.5rem;}
    .x-hamburger {display: none;}
    .x-header-right {margin-left: 0;}
    .x-mobile-overlay {display: none;}
}

.x-mobile-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--x-mobile-overlay-bg);z-index: 2000;display: flex;flex-direction: column;transform: translateX(100%);transition: transform 0.3s ease-in-out;visibility: hidden;transition: visibility 0s 0.3s, transform 0.3s ease-in-out;}
.x-mobile-overlay.x-overlay-open {transform: translateX(0);visibility: visible;transition: visibility 0s 0s, transform 0.3s ease-in-out;}
.x-overlay-header {display: flex;align-items: center;justify-content: space-between;padding: 1.2rem 1.5rem;border-bottom: 1px solid #eef2f6;}
.x-overlay-close {background: transparent;border: none;font-size: 2rem;cursor: pointer;color: #1d1d1d;line-height: 1;padding: 0.5rem;transition: var(--x-transition-default);margin-right: -0.5rem;}
.x-overlay-close:hover {color: var(--x-link-hover);transform: scale(1.1);}
.x-overlay-nav {flex: 1;display: flex;flex-direction: column;justify-content: flex-start;padding: 2rem 1.5rem;gap: 1.5rem;list-style: none;}
.x-overlay-nav li a {text-decoration: none;font-size: 1.4rem;font-weight: 500;color: #1d1d1d;transition: var(--x-transition-default);display: inline-block;padding: 0.5rem 0;}
.x-overlay-nav li a:hover {color: var(--x-link-hover);transform: translateX(4px);}
body.x-overlay-open {overflow: hidden;}

@media (max-width: 768px) {
    .x-header-container {flex-wrap: wrap;padding: 0.8rem 1.25rem;}
    .x-header-right {gap: 1rem;}
    .x-nav-links {display: none !important;}
}

.footer-widget .widget-title h4{color:#fff;font-size:15px;font-weight:500;line-height:20px;margin:2px 16px 8px 0}
.footer-widget .widget-body ul li{margin-top:4px;color:#fff; list-style: none;}
.footer-widget .widget-body ul li a{color:#fff;font-size:13px;position:relative}
.footer-widget .widget-body ul li a:hover{color:#58B1FF}
.footer-widget .widget-body ul li a img{max-width:75%}

/* ---------- search modal ---------- */
.-sx-button{background-color: transparent; border: none; cursor: pointer;}
.-sx-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff;z-index: 2000;display: flex;align-items: flex-start;justify-content: center;transition: opacity 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1), visibility 0.35s ease;opacity: 1;visibility: visible;overflow-y: auto;}
.-sx-modal.-sx-hidden {opacity: 0;visibility: hidden;pointer-events: none;}
.-sx-modal-content {width: 100%;max-width: 880px;margin: 2rem 1.5rem;padding: 2rem 1.5rem 2.5rem;background: transparent;border-radius: 2rem;position: relative;animation: -sx-fadeSlideUp 0.3s ease-out;}
.-sx-close-btn {position: absolute;top: 0.75rem;right: 0.75rem;background: #f1f5f9;border: none;font-size: 1.8rem;width: 48px;height: 48px;border-radius: 60px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;color: #1e293b;transition: all 0.2s;backdrop-filter: blur(4px);font-weight: 500;line-height: 1;}
.-sx-close-btn:hover {background-color: #e2e8f0;transform: scale(0.96);color: #0f172a;}
.-sx-close-btn:focus-visible {outline: 2px solid #3b82f6;outline-offset: 2px;}
.-sx-search-form {display: flex;flex-direction: column;gap: 1.75rem;width: 100%;margin-top: 2rem;}
.-sx-visually-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}
.-sx-search-input-wrapper {width: 100%;position: relative;}
.-sx-search-input {width: 100%;padding: 1.2rem 1.8rem;font-size: 1.35rem;font-weight: 450;border: 2px solid #e2e8f0;border-radius: 80px;background-color: #ffffff;transition: all 0.25s;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.02);font-family: inherit;color: #0f172a;}
.-sx-search-input:focus {outline: none;border-color: #3b82f6;box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);}
.-sx-search-input::placeholder {color: #94a3b8;font-weight: 400;letter-spacing: -0.2px;}
.-sx-submit-btn {background: #0f172a;border: none;padding: 0.9rem 1.8rem;font-size: 1.2rem;font-weight: 600;border-radius: 60px;color: white;cursor: pointer;transition: all 0.2s;width: 100%;max-width: 220px;margin: 0 auto;font-family: inherit;letter-spacing: 0.3px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.-sx-submit-btn:hover {background: #1e293b;transform: scale(1.01);box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);}
.-sx-submit-btn:focus-visible {outline: 2px solid #3b82f6;outline-offset: 2px;}
@keyframes -sx-fadeSlideUp {0% {opacity: 0;transform: translateY(12px);} 100% {opacity: 1;transform: translateY(0);}}
@media (max-width: 640px) {.-sx-modal-content {margin: 1rem;padding: 1.5rem 1rem 2rem;}
.-sx-search-input {font-size: 1.1rem;padding: 1rem 1.4rem;}
.-sx-submit-btn {max-width: 180px;font-size: 1rem;}
.-sx-close-btn {top: 0.25rem;right: 0.25rem;width: 42px;height: 42px;font-size: 1.6rem;}}
body.-sx-modal-open {overflow: hidden;}