@import url(effect.css);

@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&family=Ma+Shan+Zheng&family=Oleo+Script+Swash+Caps:wght@400;700&family=Sora:wght@100..800&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Sora', sans-serif; font-weight:normal; padding:0; color:#444; font-weight:normal; padding-right:0!important;
font-size:14px;
line-height:1.5;
overflow-x:hidden;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--black:#121212; --light:#c4c0b1;}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{}

a{color:var(--black); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--dark);}

a:focus, .active, :focus{outline: 0 !important; -moz-outline-style: none!important; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)!important;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #894b4f;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #894b4f;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #894b4f;
}


.popupArea{position:fixed; z-index:999999; background:rgba(255,255,255,0.8); left:0; right:0; top:0; bottom:0;}
.popupArea .popupContent{display:block; margin:auto; width:600px; max-width:95%; padding:0; height:100%; background:transparent url('../images/popupBg.png') no-repeat center top; text-align:center;}
.popupArea .popupContent > div{width:430px; padding:25% 10%; max-width:100%; margin:0 auto; color:#fff; position:relative;}
.popupArea .popupContent h2{font-size:60px; font-weight:800; margin-bottom:5px;}
.popupArea .popupContent h3{font-weight:300; letter-spacing:2px; font-size:36px;}
.popupArea .popupContent p{font-size:12px;}
.popupArea .popupContent input[type=text]{width:100%; border:none; margin-bottom:15px; padding:7px;}
.popupArea .popupContent input[type=submit]{background:var(--black); border:2px var(--black) solid; color:#fff; text-transform:uppercase; padding:8px 30px; margin-bottom:15px; cursor:pointer;}
.popupArea .popupContent input[type=submit]:hover{background:#fff; color:var(--black);}
.popupArea .popupContent .closeBtn{position:absolute; top:12%; right:100px;}
.popupArea .popupContent .closeBtn img{width:40px; filter: brightness(0) invert(1);}


.myaccountPopup .modal-content [class^="col-"]{ background:#fff;}
.myaccountPopup .modal-content [class^="col-"] > div{ padding:40px 30px;}
.myaccountPopup .modal-content [class^="col-"] > div h3{ font-size:22px; font-weight:400; letter-spacing:1px; margin-bottom:15px; text-align:center; position:relative;}
.myaccountPopup .modal-content [class^="col-"] > div h3 span{display:inline-block; padding:5px 10px; background:#fff; z-index:5; position:relative;}
.myaccountPopup .modal-content [class^="col-"] > div h3:before{content:''; display:block; height:2px; background:var(--gold); position:absolute; left:0; right:0; top:50%;}
.myaccountPopup .modal-content [class^="col-"] > div h4{ font-size:16px;}

.myaccountPopup .modal-content [class^="col-"] > div small{ font-size:14px; text-align:center; display:block; clear:both; overflow:hidden; margin-bottom:15px;}
.myaccountPopup input[type="text"], .myaccountPopup input[type="email"], .myaccountPopup input[type="password"]{ background:#fff; width:100%; display:block; padding:8px 10px; border:1px var(--gold) solid; margin-bottom:15px;}
.myaccountPopup label{ display:inline-block; font-size:14px;position:relative;}
.myaccountPopup span{padding-left: 1.6rem;}
.myaccountPopup input[type="checkbox"]{ position:absolute; left:0; top:2px; width: 1.5rem;  height: 1.5rem; z-index:5; opacity:0; cursor:pointer;}
.myaccountPopup label input[type="checkbox"]{ width: 1.2rem;  height: 1.2rem;}
.myaccountPopup label span:after, .myaccountPopup label span:before{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0;
    border: 1px solid var(--gold);
    left:0; top:2px;
    content:''; display:block; position:absolute;
}
.myaccountPopup label span:after, .myaccountPopup label span:before{ width: 1.2rem; height: 1.2rem;}
.myaccountPopup label span:after{border:none;}
.myaccountPopup label input[type="checkbox"]:checked~span::before{background-color: var(--gold);}
.myaccountPopup label input[type="checkbox"]:checked~span::after{border:2px #fff solid; outline: 1px solid var(--gold);}
.myaccountPopup label + a{ float:right; font-size:12px; color:#000; text-decoration:underline; padding:5px 0;}
.myaccountPopup input[type="submit"], .myaccountPopup .btn{ border:none; border: 1px var(--black) solid; text-transform:uppercase; cursor:pointer; background: var(--black); color:#fff; display:block; overflow:hidden; margin:10px 0; width:100%; font-size:15px; padding:8px;}
.myaccountPopup input[type="submit"]:hover, .myaccountPopup .btn:hover{background:#fff; color:var(--black);}
.myaccountPopup .modal-content{ position:relative;}
.myaccountPopup .close{ right:10px; top:10px; position:absolute; z-index:100;}
.myaccountPopup .close img{ width:25px; height:25px;}
.socialBtn{border:1px var(--gold) solid; background:#fff; color:var(--gold); display:block; text-align:center; padding:8px; margin-bottom:10px; font-weight:600;}
.socialBtn img{height:26px; margin-right:10px;}
.socialBtn:hover{background:var(--gold); color:#fff;}


.modal-backdrop{background:var(--dark);}
.modal-backdrop.show{opacity:0.7;}



.fullArea{width:1400px; max-width:95%; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--black) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}

/* Header */
.headerTop {
  display: block;
  float: left;
  width: 100%;
  background: #c4c0b1;
  padding: 5px 0;
  color: #222;
  font-size: 12px;
  text-align: center;
}
/* Rotating text */
.textFlash {
  position: relative;
  height: 25px; /* adjust height */
  overflow: hidden;
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center; /* ✅ centers vertically */
}

.textFlash span {
  position: absolute;
  opacity: 0;
  animation: flashText 9s infinite;
  width: 100%;
  text-align: center; /* ✅ ensures text is centered horizontally */
}

.textFlash span:nth-child(1) { animation-delay: 0s; }
.textFlash span:nth-child(2) { animation-delay: 3s; }
.textFlash span:nth-child(3) { animation-delay: 6s; }

@keyframes flashText {
  0%   { opacity: 0; transform: translateY(100%); }
  5%   { opacity: 1; transform: translateY(0); }
  30%  { opacity: 1; transform: translateY(0); }
  35%  { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 0; }
}


.headerArea{display:block; position:relative; clear:both; background:#000;}
.headerArea > div{position:relative;}
.logo{display:block; padding:5px 0; position:relative; z-index:5;}
.logo img{height:40px!important; max-width:85%;}
.navArea{float:left; width:100%; clear:both; position:relative; padding:0;}
.navArea .container{max-width:1000px;}
.headerArea .menu{border-top:1px var(--light) solid;}


.shortIcon{ display:block; width:100%; margin:0; padding:3px 0 0; list-style-type:none; text-align:right;}
.shortIcon li{display:inline-block; vertical-align: top; transition:.2s ease-in-out; position:relative; z-index: 10;}
.shortIcon li a{position:relative; padding:0; margin:0 8px; display:block; text-align:center; color:var(--light);}
.shortIcon li a i{font-size:20px;}
.shortIcon li a strong{display:block; clear:both; font-weight:400; font-size:13px;}
.shortIcon li a:hover{color:#fff;}
.shortIcon li a span{position:absolute; font-size:8px; line-height:15px; background:#fff; color:#222; width:15px; height:15px; border-radius:50%; top:-8px; right:-5px;}

#searchBox {
position:absolute;
left: 50%;
transform:translate(-50%,0);
top: 0px;
width: 600px;
max-width:90%;
padding:8px;
color: black;
z-index:-100; margin-bottom:15px; transition:1s ease; opacity:0; text-align:center;
}
#searchBox:before{position:absolute; right:-500%; left:-500%; top:0; bottom:0; content:''; display:block;
background:var(--light); z-index:-1;}
#searchBox.show{opacity:1; z-index:998; top:0px;}
#searchBox input[type="text"]{width:400px; letter-spacing:1px; max-width:90%; margin:0 auto; padding:8px 0; border:none; border-bottom: 2px solid #000; background:none; color:#000; outline::none; box-shadow:none; font-size: 16px; position:relative; z-index:2;}
#searchBox input[type="text"]:focus {
  outline-style: none;
  box-shadow: none;
}
#searchBox input[type="button"]{ position:absolute; top:27px; right:0; cursor:pointer;
background:transparent url(../images/close.svg) center center no-repeat; width:25px; height:25px; background-size:100% 100%;
text-indent: -10000px;
border: none;
}

#searchBox input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000; opacity:0.5;
}


[type="button"]:not(:disabled){
  cursor: pointer;
  /*display: none!important;*/
	background: var(--light)!important;
    color:rgb(52, 58, 64) !important;
    font-size: 13px !important;
	margin-bottom:10px!important; border-radius:2px!important; font-weight:600;
}


.navArea .menu-dropdown-icon:hover + .project-slider:before{ position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; background:var(--dark); z-index:5; opacity:0.8;}



.project-slider{position:relative; display:block; text-align:right; width:100%; overflow:hidden; background:var(--light);}
.project-slider img{width:100%; height:100%;}
.project-slider [class^="carousel-control-"]{font-size:26px; color:var(--black); opacity:1; top:0%; width:6%;}
.project-slider .carousel-item{}
.project-slider .carousel-item > div{position:absolute; left:10%; top:38%; text-align:center; color:var(--brown);}
.project-slider .carousel-item:nth-child(even) > div{right:10%; left:auto;}

.project-slider .carousel-item > div h2{font-family:'Oleo Script Swash Caps'; margin-bottom:5px; font-size:40px;}
.project-slider .carousel-item > div h3{font-family:'Brygada'; font-style:italic; font-size:30px; margin-bottom:20px;}
.project-slider .carousel-item > div a{display:inline-block; padding:8px 25px; background:var(--black); color:#fff; border-radius:5px;}
.project-slider .carousel-item > div a:hover{background:var(--brown);}



.bestsellerTabs{display:block; text-align:center; overflow:hidden; padding:60px 0 30px;}
.bestsellerTabs ul{list-style-type:none; margin:0 0 40px; padding:0; font-size:17px;}
.bestsellerTabs ul li{display:inline-block; margin:0 10px; padding:5px;}
.bestsellerTabs ul li.active{border-bottom:2px var(--dark) solid;}

.bestsellerTabs .row [class^="col-"]{margin-bottom:30px;}
.bestsellerTabs .row img{width:100%; height:300px; object-fit:cover; margin-bottom:30px;}
.bestsellerTabs .row h3{font-size:16px; line-height:1.4; margin-bottom:10px; min-height:65px;}
.bestsellerTabs .row span{display:block; clear:both; font-size:16px; font-weight:700; margin-bottom:20px;}
.bestsellerTabs .row [class^="col-"] span + a{display:inline-block; padding:8px 15px; background:var(--light); font-size:12px!important; border-radius:3px; text-transform: uppercase;}
.bestsellerTabs .row [class^="col-"] span + a:hover{background:var(--black);color:#fff;}

.tabs{display:none;}
.tabs.active{display:block;}
.tabs > a{display:inline-block; padding:10px 30px; border:2px var(--dark) solid; color:var(--dark); text-transform:uppercase; font-weight:600;}


.highlighArea{color:#fff; padding:10px 0; position:relative;}
.highlighArea:before{position:absolute; left:0; right:0; top:25%; bottom:25%; content:''; display:block; z-index:-1; background:var(--black);}
.highlighArea h2{color:#fff; margin-bottom:0; font-size:20px; line-height:1.5;}
.highlighArea a{background:#fff; color:var(--black); padding:12px 30px; display:inline-block;border-radius:3px;}
.highlighArea img{max-width:100%; height:250px;}

.threeBox{border-bottom:1px #000 dotted; padding-bottom:30px;}
.threeBox h4{ font-size:18px; margin-bottom:10px;}
.threeBox [class^="col-"]{border-right:1px #000 dotted;}
.threeBox [class^="col-"]:last-child{border:none;}


.socialIcons ul{ display:block; text-align:center; list-style-type:none; margin:0; padding:0;}
.socialIcons ul li{ display:inline-block; font-size:18px; margin:0 8px;}
.socialIcons ul li a{ display:block; overflow:hidden; width:45px; height:45px; background:#fff; color:#222; line-height:48px; border-radius:50%;}
.socialIcons ul li a:hover{ background:#222; color:#fff;}

.footerSocial{display:block; overflow:hidden; padding:20px 0 15px;}
.footerSocial.socialIcons ul li a{background:#000; color:#fff;}
.footerSocial.socialIcons ul li a:hover{background:var(--black); color:#fff;}


.footer{display:block; overflow:hidden; clear:both; padding:40px 0; background:var(--black); color:var(--light);}
.footer h4{font-size:16px; text-transform:uppercase; font-weight:600; margin-bottom:10px; color:var(--light); border-bottom:1px rgba(255,255,255,0.3) solid; padding:5px 0;}
.footer ul{font-size:15px; margin:0; padding:0; list-style-type:none;}
.footer ul li a, .footer a{margin-bottom:5px; color:var(--light); display:block;}
.footer a strong{font-size:18px;}
.footer a:hover{color:#fff;}

.footer ul.social-links li{display:inline-block; font-size:16px; margin-right:5px;}
.footer ul.social-links li a{display:block; overflow:hidden; height:32px; width:32px; background:#3b5998; border-radius:50%; color:#fff; text-align:center; line-height:35px;}
.footer ul.social-links li:nth-child(2) a{background:#db3236;}
.footer ul.social-links li:nth-child(3) a{background:#00aced;}
.footer ul.social-links li:nth-child(4) a{background:#517fa4;}
.footer ul.social-links li a:hover{background:#fff; color:#3b5998;}
.footer ul.social-links li:nth-child(2) a:hover{color:#db3236;}
.footer ul.social-links li:nth-child(3) a:hover{color:#00aced;}
.footer ul.social-links li:nth-child(4) a:hover{color:#517fa4;}
.footer-down{ font-size:14px;}

.woocommerce ul.products li.product a img {
  width: 100%;
  height: 300px!important;
  display: block;
  margin: 0 0 1em;
  box-shadow: none;
  object-fit: cover !important;
}



#scroll-icon {
    position:fixed;
    right:10px;
    bottom:40px;
    cursor:pointer;
    width:45px;
    height:45px;
    text-indent:-9999px;
    display:none;
    z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
    height:45px;
    width:45px;
    background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}





/*------------------Next-------------------*/

.inner-details-area{  padding-top: 50px;}


.innerArea {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    position: relative;
    margin-bottom:50px!important; border-radius: 20px;
    /*border-top: 5px var(--yellow) solid;border: 1px #ddd solid; */
    color: #000;
   /* -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	top:-30px; z-index: 2;*/ }





.breadcrumb{background:none; padding:0; margin:0; padding-bottom:10px; position:relative; border-bottom:1px #a4a49b solid; margin-bottom: 20px;  font-size:13px; color:eb0022}
.breadcrumb-list li{display:inline-block; position:relative;}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#6c757d; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:var(--blue);}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item a{ color:#444;}
.breadcrumb-item a:hover{ color:#000;}


.innerArea{display:block; overflow:hidden;   }
.innerArea h1{font-size: 26px; margin: 0 0 10px;}
.innerArea h2{font-size: 24px; margin: 0 0 20px;}
.innerArea p{text-align:justify; line-height:1.6;}
/*.innerArea strong{color:var(--red);}*/

.innerArea .contentBlock{ display: block; overflow: hidden; /*border: 1px #ddd solid;*/ border-bottom: 2px var(--blue) solid; /*padding:25px;*/ margin:30px 0; background:#fff!important; }

.innerArea .contentBlock img{max-width: 100%;}
.innerArea .contentBlock h3{font-size: 22px; margin: 0 0 15px; color: var(--dark); font-weight: 700;}
.innerArea .contentBlock p{text-align: justify;font-size: 14px;}
.innerArea .contentBlock a{display:inline-block; padding:2px 0; color:var(--red);font-weight:600; border-bottom:2px var(--red) solid;}
.innerArea .contentBlock a:hover{color:var(--blue);}




.innerArea .contentBlock ul{display: block; margin-bottom: 20px; list-style-type: none;}
.innerArea .contentBlock ul li{margin-bottom: 5px;}
.innerArea .contentBlock ul li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--red); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.2em; /* Also needed for space (tweak if needed) */
  margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

.sub-menu-toggle{display: none!important;}
.wSelect-theme-classic.wSelect {
  border: solid #CCC 1px;
  color: #111!important;
  background-color: #e3e0d6!important;
  font-size: 12px;
  font-family: verdana;
  line-height: 20px;
  min-width: 100px;
  max-width: 300px;
  margin-bottom: 7px;
  box-shadow:none!important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/*----------------------*/

.menu-item-description{ display:none!important}



.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:100%!important;}

.custom-product-image > img{width:100%!important; max-width:auto!important;}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
  min-height: 3em;
  background: var(--lightgreen);
  color: #fff;
}


.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: left;
  background-color: #000;
}

.woocommerce div.product form.cart .button:hover {
  background-color: var(--lightgreen)!important;
  color: #fff;
}


.wp-block-button__link {
  color: #111!important;
  background-color: #f3f3f3!important;
  border-radius:8px!important;
  box-shadow: none;
  text-decoration: none;
  padding:5px 10px!important;
  font-size:12px!important;
}

.check{ text-align: center; color: #111 }

.woocommerce ul.products li.product a img
 {
    width: 100%;
    height: 350px!important;
	 object-fit: cover;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  background: none!important;
  padding: 10px;
  border-radius: 10px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
  background-color: #7f54b3;
  color: #fff;
  -webkit-font-smoothing: antialiased; display: block; width: 100%; margin-top: 10px;
}

.woocommerce-Price-amount bdi{ text-align:center!important}
.card-body p{text-align:center!important}
.card img{ height: 300px!important}



.woocommerce ul.products li.product .button {
  display: inline-block;
  margin-top: 1em;
  padding: 8px 10px;
	color: #343a40;
  /*border:1px solid #343a40; /*background: none!important;*/ background: var(--light);
}

.woocommerce ul.products li.product .button:hover { background: #343a40!important;	color: #fff;  border:1px solid #343a40;}

.woocommerce .woocommerce-ordering select { display:none;
    vertical-align: top;
    background: #f1f1f1!important;
    padding: 5px!important;
}

#best-sellers .row [class^="col-"] img {
  width: 100%!important;
  height: 350px!important;
  object-fit: cover!important;
  margin-bottom:10px;
}


#best-sellers .row h3 {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
  min-height:25px;
	height:80px;
}

#best-sellers .row span {
  display: inherit;
  clear: both;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}


#new-products .row [class^="col-"] img {
  width: 100%!important;
  height: 350px!important;
  object-fit: cover!important;
  margin-bottom:10px;
}

#new-products .row h3 {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
  min-height:25px;
	height:80px;
}

#new-products .row span {
  display: inherit;
  clear: both;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}




.wc-block-product-template__responsive > li img {  
  height: 350px!important; width: 100%!important; object-fit: cover;
}


.wc-block-product-template__responsive > li h2{ font-size:14px!important; height: 55px; margin-bottom: 10px; display: block }

.wc-block-product-template__responsive > li .woocommerce-Price-amount bdi {
  text-align: center !important;
  font-size: 14px;
}


.wc-block-cart .wc-block-cart__submit-container {
  padding: 0;
  background: #111;
}




.woocommerce-product-search {
  display: flex;
  align-items: center;
  gap: 6px;	
}

.woocommerce-product-search .search-field {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 180px;
}

.woocommerce-product-search button {
  background: #000;
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
}

.woocommerce-product-search button:hover {
  background: #444;
}

.productListing{ text-align:center}
.productListing big{ display:block}
.productListing img{    width: 100%!important;    height: 300px!important;    max-width: 100%!important;    object-fit: cover;}
.productListing h3{padding-top:10px; font-size:16px;}
.productListing .button{ display:inline-block;
  margin-top: 1em;
  padding: 8px 10px;
	color: #343a40;
  border:1px solid #343a40; background: none!important;}

.productListing .button:hover { background: #343a40!important; 
	color: #fff;
  border:1px solid #343a40;}


.woocommerce-Price-amount bdi {  text-align: center !important; color:#444!important; font-size:16px!important;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{background-color: #444!important; color:#fff}
.woocommerce .quantity .qty {width: 5.631em!important; text-align: center;}
.product_title{ font-size:22px!important;}


.woocommerce ul.products li.product .woocommerce-loop-product__title{padding: .5em 0; margin: 0; font-size:13px!important; height:90px; text-transform: uppercase;}

.card-title{ font-size:12px!important; padding:0 0 !important; line-height:1; height:100px}

.card-body {padding:10px 2px!important;}
.card-body h5{font-size:11px!important; line-height:1.3; text-transform:uppercase}

.wp-block-post-title :where(a) {
font-size:13px!important;
    height:70px!important;
    text-transform: uppercase;
}

div.wpforms-container-full .wpforms-form button[type=submit]{ width:100%; display:block; background-color: #111!important;
    border: 1px solid #111!important;
    color: #fff!important;
    font-size: 1em;
    padding: 10px 15px;}


.contactFormArea{ float:left; width:100%; clear:both; /*padding:60px 0;*/ color:#111;   position:relative; z-index:10;}


.contactFormArea .formBox [class^="col-"]:first-child{text-align:left; color: #fff;}
.contactFormArea [class^="col-"]:last-child > div{background:var(--gold); text-align:left; display:block;  padding:0; position:relative;  border-radius:10px; top:0; margin-bottom:0; border:2px #fff solid; }
.contactFormArea [class^="col-"] > div input, .contactFormArea [class^="col-"] > div select{width:100%; border:1px #ddd solid; background:#fff; padding:10px; margin-bottom:15px;}
.contactFormArea [class^="col-"] > div textarea{width:100%; border:1px #ddd solid; padding:10px; margin-bottom:15px; height:120px;}
.contactFormArea [class^="col-"] > div input[type="submit"]{width:100%; border:1px 0 solid; padding:15px; margin-bottom:0; background:var(--dark);color:#fff; font-weight:700; text-transform:uppercase; font-weight:600;}
.contactFormArea h3{font-weight:700; margin-bottom:25px; font-size:28px; color:var(--orange); text-align:left;}
.contactFormArea ul{margin:0; padding:0; list-style-type:none; margin-bottom:15px; overflow:hidden; padding:22px; background:#444; border-radius:10px;}
.contactFormArea ul li{display:block; color:#fff; margin-bottom:12px; }
.contactFormArea ul li strong{display:block; padding-top: 20px; clear:both; overflow:hidden; color:var(--gold); font-size:17px;}
.contactFormArea ul li i{font-weight: 900; color: #fff; display: inline-block}
.contactFormArea ul li a{color:#fff;}
.contactFormArea ul li a:hover{color:var(--gold);}
/*.contactFormArea ul li i{color:var(--orange);}*/

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 100px!important;
}

.buyNowBtn{ background:#000!important; padding:5px 10px; margin: 0 0 0 5px !important;  color:#fff; border-radius:2px;   position: relative;
    top: 20px;}
.buynowbtn {
    background: #000 !important;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 0 0 5px !important;
    color: #fff;
    border-radius: 2px;
    position: relative;
    top: 20px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{background-color:var(--light)!important;
    color: #343a40!important;
    -webkit-font-smoothing: antialiased;
    position: relative;
    top:3px; padding:8px 10px;}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  display: inline-flex;
  font-size: 1em;
  justify-content: center;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  background: #111 !important;
  color: #fff !important;
}


/* === Product Slider Styles === */
.product-image {
    position: relative;
    max-width: 600px;
    margin: 0 auto 30px;
}

.product-image .carousel-inner img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

/* Navigation arrows */
.product-image .carousel-control-prev,
.product-image .carousel-control-next {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.3s ease;
}

.product-image .carousel-control-prev:hover,
.product-image .carousel-control-next:hover {
    background: rgba(0,0,0,0.7);
}

.product-image .carousel-control-prev i,
.product-image .carousel-control-next i {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
}

/* Responsive */
@media (max-width: 768px) {
    .product-image {
        max-width: 100%;
    }
}

.wp-block-button.wc-block-components-product-button {
    align-items: center;
    display: inline-flex!important;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    white-space: normal;
}

.wc-block-product-template__responsive>li {
    
    text-align: center;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 4px 10px !important;
    border-radius: 2px !important;
    background: #111;
    font-size: 13px;
    text-transform: lowercase; color:#fff; position:relative; top:20px;
}

#best-sellers .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 8px 10px !important;
    border-radius: 2px !important;
    background: #111;
    font-size:12px!important; 
    text-transform: uppercase; color:#fff; position:relative; top:0!important;
}

#new-products .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 8px 10px !important;
    border-radius: 2px !important;
    background: #111;
    font-size:12px!important; 
    text-transform: uppercase; color:#fff; position:relative; top:0!important;
}

.card-body .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 6px 10px !important;
    border-radius: 2px !important;
    background:var(--light);
    font-size: 13px; font-weight:600px!important;
    text-transform: lowercase;
    color: #343a40 !important;;
    position: relative; border:none!important; 
    top: 20px;
}

.price{ color:#111!important; font-size:16px!important;}

.wc-block-product-template__responsive>li {
    margin-block-start: 0;
    /* border: 1px solid #ddd; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; */
    margin-bottom: 20px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product

 {
    float: left;
    margin: 0 3.8% 2.992em 0; text-align: center;
    padding: 0 0 18px 0!important;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    margin-top: 20px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
/*-------------------------Pagination page-------------------------------*/
.woocommerce-pagination ul.page-numbers {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
  padding: 8px 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.woocommerce-pagination ul.page-numbers li a:hover {
  background: #f15a24;
  color: #fff;
}

/*.woocommerce img, .woocommerce-page img
 {
    height: auto;
    max-width: 100%;
    margin: 20px 5px;
    display: block;
    border: 1px solid #ddd;
    display: inline-flex;
}*/

.u-column1.col-1, .u-column2.col-2{max-width:100%;}
.woocommerce-form-login__submit, .woocommerce-form-register__submit{width: 100%; height: 40px!important; background: var(--dark)!important; color: #fff!important;}


.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
    border: 1px solid #ddd!important;
    padding: 20px 10px!important;
    border-radius: 20px!important;
}


.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    display:block;
	margin:0 0 0 0;
	padding:6px 8px 6px 25px; position:relative;
	border-bottom:1px dashed #ddd;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:before {
    display: block;
    padding: 8px 0 0 0;
    position: absolute;
    content: "\f061";  /* Correct icon code */
    font-family: "FontAwesome";  /* Correct font family */
    left: 10px;  /* optional: adjust position */
    top: 0; font-size:12px;
}

.woocommerce-info {
    border-top-color: var(--light)!important;

}

.woocommerce-info::before {
    color: var(--light)!important;
}

.woocommerce-account .addresses .title .edit

 {
    float: left!important;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    padding: 10px;
    display: block;
    /* border: 2px dotted #ddd; */
    border-radius: 8px;
    line-height: 2;
    
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){
.logo{padding:12px 0 20px;}
.headerArea > a{padding:5px 15px; display:block; position:static;}
.headerArea .menu{border-top:none;}
.navArea{height:0;}
#searchBox, #searchBox.show{top:0;}
.shortIcon{top:0px; text-align:left; position:static; margin:0 0 10px;}
.shortIcon li{margin-right:1px;}
/*.shortIcon li a img, .shortIcon li a:hover{height:35px; height:35px;}
.shortIcon input[type="button"]{width:35px; height:35px; background-size:100%;}
.shortIcon li:first-child{float:left;}
.shortIcon li:nth-child(2){position:relative; right:-5px;}
.shortIcon li a span{bottom:8px; right:30%;}*/

.shortIcon input[type="text"] {  right: auto;   left:0;   padding-right: 3px; padding-left:28px; }
.shortIcon input[type="text"]:focus { width: 290px;}
.headerArea .position-static{height:0;}
.threeBox [class^="col-"]{border-bottom:1px #000 dotted; border-right:none; padding:15px;}
.threeBox [class^="col-"]:last-child{border:none;}
.wSelect-theme-classic.wSelect {  color: #555;  font-size: 11px!important;  font-family: verdana;  line-height: 20px;}
.innerArea { padding:5px!important;}
.card-body .btn:not(:disabled):not(.disabled) {cursor: pointer; margin: 0 0 10px 2px;  padding: 6px 10px !important; font-size: 13px;  position:relative; top:0;}
.buynowbtn {   padding: 5px 10px;  display: inline-block;  margin: 0 0 0 5px !important;  position: relative;  top: 0;}
.innerArea h2 {  font-size: 24px;  margin: 10px 0 20px;}
#best-sellers .row h3 {  font-size:11px;  line-height: 1.3;  margin-bottom: 10px;  min-height: 25px;  height: 80px;}
.bestsellerTabs .row [class^="col-"] span + a {   padding: 8px 15px;  border-radius:2px;  margin-bottom: 10px;}
	#new-products .row h3 {  font-size: 11px;  line-height: 1.3;  margin-bottom: 10px;  min-height: 25px;  height: 80px;}
	.woocommerce ul.products li.product .woocommerce-loop-product__title {  padding: .5em 0;  margin: 0;  font-size: 11px !important;  height: 90px;  text-transform: uppercase;}
}

@media (max-width: 767px){
.loginBtn{position:static;}
.project-slider img{width:100%; object-fit:cover;}
.footerArea{}
.footerArea [class^="col-md-"]{margin-bottom:30px;}
.footerArea h6{text-align:left;}
.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.bestsellerTabs .row h3{font-size:13px;}
.bestsellerTabs .row img{max-width:100%; height:auto!important;}


.highlighArea{text-align:center; padding:20px 0 0}
.highlighArea:before{top:0;}
.highlighArea [class^="col-"]{margin-bottom:20px;}
.shortIcon li a{position:relative; padding:0; margin:0 2px; }
.shortIcon li a i {  font-size: 13px;}
.wSelect-theme-classic.wSelect {
  border: solid #CCC 1px;  
  font-size: 11px!important;
  font-family: verdana;
  line-height: 20px;
  min-width: 90px!important;
  max-width: 198px!important;
  margin-bottom: 7px;
  box-shadow:none!important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}

	.woocommerce nav.woocommerce-pagination ul {
  display: inline-block!important;
  list-style: none;
  border: none;
  padding: 0;
}
	
}

@media (max-width: 500px){
#scroll-icon{ right:5px; bottom:15px;}
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.collectionArea .fullArea:before{display:none; opacity:0;}
}


.single-product table.variations .woo-variation-items-wrapper .variable-items-wrapper li{
	color: #222;
    font-size: 18px;
    box-shadow:none !important;
    min-width: 80px !important;
    display: block;
    text-align: center !important;
    border: 1px #c8b172 solid;
	padding:0 !Important
}       



/* === FIXED BOTTOM-RIGHT CURRENCY SWITCHER === */
/*.header-currency-switcher {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 8px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}*/

.header-currency-switcher {
    position: absolute;
    top: 0px;
    right: 110px;
    z-index: 1;
    /* background: #ffffff; */
    /* border: 1px solid #e2e8f0; */
    border-radius: 8px;
    padding: 8px 8px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.header-currency-switcher:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

.header-currency-switcher select:focus {
    outline: none;
}

/* === Mobile adjustment === */
@media (max-width: 767px) {
    .header-currency-switcher {
        top: 58px;
        right: 28px;
        padding: 6px 10px;
        border-radius: 30px;
    }
    .header-currency-switcher select {
        font-size: 14px;
    }
}