.elementor-sticky--active {border-width:0px 0px 2px 0px!important}
.cstm-site-logo img{transition:.3s cubic-bezier(.075,.82,.165,1)!important}
.elementor-sticky--active .cstm-site-logo img{width:80px!important}
.elementor-sticky--active .mega-menu-container{margin-top:73px!important}

.cstm-container-scroll{overflow-x:scroll}


.white-space-title .elementor-widget-container{white-space:nowrap;text-overflow: ellipsis;overflow: hidden;color:#000
    }
.white-space-title h3{white-space:nowrap;text-overflow: ellipsis;overflow: hidden;
    }


.menu-hvr-eff{transition: width .5s cubic-bezier(.075,.82,.165,1)!important;}
.menu-hvr-eff:hover{width:110%!important;background:#fece00}
	
	
	.hvr-displace a:hover{transform:translate(3px,3px)}

.search-icon-header a{background: #fece00;
    padding: 12px 13px 13px 13px;
    border-radius: 4px;
    box-shadow: 6px 6px 0px 0px #231E20;}

.search-icon-header a:hover{transform:translate(3px,3px);box-shadow: 3px 3px 0px 0px #231E20;}

.arch-price del{display:none!important}
.arch-price ins{text-decoration:none!important}

.prdct-tile{transition:.3s cubic-bezier(.075,.82,.165,1)!important}
.prdct-tile:hover{transform:translateY(-10px)}

.loop-container .loop-hover-img{opacity:0;transition:.3s cubic-bezier(.075,.82,.165,1)!important}
.tilt{transition:.3s cubic-bezier(.075,.82,.165,1)!important}
.tilt:hover{transform:translate(3px,3px)}
.loop-container:hover .loop-hover-img{opacity:1}

.overflow-fix-prdcts .swiper{overflow:visible!important}
.overflow-fix-prdcts .swiper-wrapper{overflow:visible!important}

.adt-wdiget-cstm .quantity {
    display: inline-flex; /* Use flexbox for alignment */
    align-items: center;
	margin-top:20px!important;
}
.adt-wdiget-cstm .quantity button{margin-top:0px!important;padding:10px!important}
 .adt-wdiget-cstm .quantity .minus, .adt-wdiget-cstm
.quantity .plus {
    padding: 0; /* Reset padding */
    width: 50px; /* Fixed width */
	border:none;
	color:#231e20!important;
    cursor: pointer;
    font-size: 1.2em; /* Adjust font size for +/- */
    text-align: center;
    transition: background-color 0.2s ease;
	    box-shadow: 6px 6px 0px 0px #231E20;
	font-family: 'Sora',sans-serif!important;
}


 .adt-wdiget-cstm .quantity .minus:hover, .adt-wdiget-cstm
.quantity .plus:hover {
    transform: translate(3px, 3px);
    box-shadow: 3px 3px 0px 0px #231E20;
}

.adt-wdiget-cstm .quantity .minus {
    border-right: 1px solid #ddd; /* Separator */
    border-top-left-radius: 3px; /* Match container radius */
    border-bottom-left-radius: 3px; /* Match container radius */
}

.adt-wdiget-cstm .quantity .plus {
    border-left: 1px solid #ddd; /* Separator */
    border-top-right-radius: 3px; /* Match container radius */
    border-bottom-right-radius: 3px; /* Match container radius */
}

.adt-wdiget-cstm .quantity .qty { /* Targets the actual number input field */
    height: 36px; /* Match button height */
    width: 50px!important; /* Adjust as needed */
    text-align: center;
    border: 1px solid #231E20; /* Remove border as the container has one */
    box-shadow: 6px 6px 0px 0px #231E20;
    padding-left: 5px; /* Some space for text */
    padding-right: 5px; /* Some space for text */
    appearance: textfield; /* Firefox - hide spinners */
    -moz-appearance: textfield; /* Firefox - hide spinners */
    -webkit-appearance: none; /* Safari and Chrome - hide spinners */
    margin: 0px 10px!important; /* Override any theme margins */
	font-family: 'Sora',sans-serif!important;
	
}

.adt-wdiget-cstm .quantity .qty:focus-visible{outline:none!Important;box-shadow: 3px 3px 0px 0px #231E20;transform: translate(3px, 3px);}

/* Hide default number input spinners specifically for Webkit browsers if above isn't enough */
.adt-wdiget-cstm .quantity input[type=number]::-webkit-inner-spin-button,
.adt-wdiget-cstm .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.adt-wdiget-cstm table.variations tbody{display:flex;flex-direction:column;gap:20px}
.adt-wdiget-cstm table.variations tbody tr{display:flex;align-items:start;flex-direction: column;gap: 20px;}

.adt-wdiget-cstm table td, .adt-wdiget-cstm table th{padding:0px!important; background:none!important}
.adt-wdiget-cstm table th.label{width:110px;text-align:start}

.adt-wdiget-cstm table th.label label{    font-family: 'Sora', sans-serif;
    font-size: 18px!important;}
.adt-wdiget-cstm table td.value .cfvsw-swatches-option .cfvsw-swatch-inner{font-size: 16px;
    font-family: 'Mulish', sans-serif;}
.adt-wdiget-cstm table td.value .cfvsw-label-option{    padding: 15px 15px;
    width: 60px;}
.adt-wdiget-cstm table td.value .cfvsw-swatches-option{min-height:40px!important;min-width:40px!important}


.adt-wdiget-cstm .reset_variations{    position: relative;
    top: 40px;
    background: #fece00 !important;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 20px 15px 20px;
    color: var(--e-global-color-text);
    font-size: 14px !important;
    font-family: 'Sora', sans-serif;
    /* margin-top: 85px; */
    box-shadow: 6px 6px 0px 0px #231E20;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s;}

.adt-wdiget-cstm .reset_variations:hover{transform: translate(3px, 3px);
	box-shadow: 3px 3px 0px 0px #231E20}
		
		.adt-wdiget-cstm .single_add_to_cart_button{width: 171px;
    margin-top: 20px!important;box-shadow: 6px 6px 0px 0px #231E20!important;transition:0.3s} 

.adt-wdiget-cstm .single_add_to_cart_button:hover{transform: translate(3px, 3px);
	box-shadow: 3px 3px 0px 0px #231E20!important}





/*Single product image */

/*Single product image */

/*
.single-product-img .woocommerce-product-gallery--with-images{display:flex;flex-direction:row-reverse;width:100%} 
.single-product-img .woocommerce-product-gallery--with-images .flex-viewport{width:100%} 
.single-product-img .woocommerce-product-gallery--with-images ol{
    display: flex; 
    flex-direction: column; 
    width: 30%!important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.single-product-img .woocommerce-product-gallery--with-images li{padding-bottom: 20px; width: 100%!important; padding-right: 30px!important;}*/
		
		
		
/* New CSS for navigation */
.thumbnail-container {
    position: relative;
    height: 400px; /* Set fixed height */
    overflow: hidden;
}

.thumbnail-nav-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    color: white;
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-nav-up {
    top: 10px;
}

.thumbnail-nav-down {
    bottom: 10px;
}

.thumbnail-nav-btn:hover {
    background: rgba(0,0,0,0.9);
}

/* Hide scrollbar but keep functionality */
.single-product-img .woocommerce-product-gallery--with-images ol {
    overflow-y: hidden;
    scroll-behavior: smooth;
}

/*
.single-product-img .flex-viewport{box-shadow: 6px 6px 0px 0px #231E20!important}
.single-product-img .flex-control-thumbs img{box-shadow: 6px 6px 0px 0px #231E20!important;transition:0.3s}
.single-product-img div.images .flex-control-thumbs li img.flex-active, .single-product-img .flex-control-thumbs li img:hover{transform:translate(3px,3px);box-shadow: 3px 3px 0px 0px #231E20!important;}*/



/*Filter*/

.woof_sid_flat_white{border:none!important}
.woof-front-builder-container .woof_container h4{text-align:start!important;background:none!important}

.irs--round .irs-bar, .irs--round .irs-single, .irs--round .irs-from, .irs--round .irs-to {background-color:#fece00!important}

.irs--round .irs-handle{border-color:#fece00!important}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{border-top-color:#fece00!important}




.woocommerce-notices-wrapper {
    position: fixed;
    width: 350px;
    right: 25px;
    bottom: 25px;
    z-index: 99;
}


.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	border:1px solid #fece00!important;
	background: #FFFDF6;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;margin:0px;font-family: 'Sora';
    font-size: 16px;
    font-weight: 500;
}

.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a{margin-top: 20px!important;
    display: flex!important;
    justify-content: center;
background: #fece00 !important;
    border-radius: 4px!important;
    padding: 15px 20px 15px 20px!important;
    color: var(--e-global-color-text)!important;
    font-size: 14px !important;
    font-family: 'Sora', sans-serif;
    box-shadow: 6px 6px 0px 0px #231E20!important;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s;}

.woocommerce-message a:hover,
.woocommerce-error a:hover,
.woocommerce-info a:hover {
	box-shadow: 3px 3px 0px 0px #231E20!important;transform:translate(3px,3px)
}


.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {display:none!important}


.woocommerce-message:focus-visible,
.woocommerce-error:focus-visible,
.woocommerce-info:focus-visible{
	outline:none!important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after{display:none!important}


.img-shadow img{transition:0.3s}
.img-shadow img:hover{box-shadow: 3px 3px 0px 0px #231E20!important;transform:translate(3px,3px)}


.elementor-grid-laptop-3 .elementor-grid{grid-template-columns: repeat(3, minmax(0px, 1fr))!important;}



.prdct-loop-var-price .variation-sale-price{color: #231e20;
    font-family: "Sora", Sans-serif;
    font-size: 16px;
    font-weight: 700;}

#cstm-loop .elementor-pagination{margin-top:40px}


#cstm-loop .elementor-pagination .page-numbers:first-child{padding: 5px 14px;}

#cstm-loop .elementor-pagination .page-numbers.current{
	border:1px solid #231e20;
    box-shadow: 2px 2px 0px #231e20;
    transform:translate(2px,2px);}

#cstm-loop .elementor-pagination .page-numbers{border:1px solid #FECE00;
	padding: 5px 12px;
    background: #FECE00;
    color: #231e20;
    border-radius: 6px;
    box-shadow: 4px 4px 0px #231e20;display:inline-block!important;transition:0.3s;
}

#cstm-loop .elementor-pagination .page-numbers:hover{
	box-shadow: 2px 2px 0px #231e20;transform:translate(2px,2px);
}

.woocommerce-variation-price{display:none}

.variation-sale-price{color:#231e20;font-weight: 700;font-family: "Mulish", Sans-serif;font-size: 32px;}
.regular-price-cut{    color:#231e20;opacity:0.5;
    font-family: "Mulish", Sans-serif;
    font-size: 20px;
    font-weight: 600;}

.added_to_cart.wc-forward{display:none!important}

.cstm-cart-container .alignwide{margin-inline:0px!important}


.cstm-header-cart .elementor-menu-cart__footer-buttons a:hover{box-shadow: 3px 3px 0px #231e20!important;}


.cstm-cart-container .wp-block-woocommerce-empty-cart-block a{position:relative;margin-top:20px;background: #fece00 !important;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 20px 15px 20px;
    color: var(--e-global-color-text);
    font-size: 14px !important;
    font-family: 'Sora', sans-serif;
    /* margin-top: 85px; */
    box-shadow: 6px 6px 0px 0px #231E20;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s;}
.cstm-cart-container .wc-block-grid__products{ display:none!important}
.cstm-cart-container .is-style-dots{display:none}
.cstm-cart-container .cstm-class{display:none}

.cstm-cart-container .wc-block-cart__submit-container a{position:relative;margin-top:20px;background: #fece00 !important;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 20px 15px 20px;
    color: var(--e-global-color-text);
    font-size: 14px !important;
    font-family: 'Sora', sans-serif;
    box-shadow: 6px 6px 0px 0px #231E20;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s;}
.cstm-cart-container .wp-block-woocommerce-empty-cart-block a, .cstm-cart-container .wc-block-cart__submit-container a:hover{
    box-shadow: 3px 3px 0px 0px #231E20;transform:translate(3px,3px)}

.cstm-cart-container .wc-block-components-totals-coupon__form button{background: #fece00 !important;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 20px 15px 20px;
    color: var(--e-global-color-text);
    font-size: 14px !important;
    font-family: 'Sora', sans-serif;
    box-shadow: 6px 6px 0px 0px #231E20!important;
    font-weight: 500;
    text-transform: uppercase;border:none!important;
    transition: 0.3s;}
.cstm-cart-container .wc-block-components-totals-coupon__form button:hover{box-shadow: 3px 3px 0px 0px #231E20!important;transform:translate(3px,3px)}

.cstm-cart-container .wc-block-components-product-name{color:#231e20!important}

.tracking-search h2{font-family: 'Sora', sans-serif;font-weight: 700;}

.giveaway-icon img{animation: giveawayFloat 5s infinite;}
.archive .giveaway-icon img{display:none!important}

@keyframes giveawayFloat {
  0%   {transform: translate(0px, 0px);}
  50%  {transform: translate(0px, 10px);}
  100% {transform: translate(0px, 0px);}
}

.desktop-right-swipe{
		display: grid;
  gap: 20px;
  grid-auto-flow: column;
  grid-auto-columns: 22%;

  overflow-x: auto;
  overscroll-behavior-inline: contain;
	}
	
	.desktop-right-swipe::-webkit-scrollbar{
		height:5px
	}

.desktop-right-swipe::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fffcfc; 
  border-radius: 10px!important;
}

.desktop-right-swipe::-webkit-scrollbar-thumb {
  background: #fff; 
  border-radius: 10px;
}
	.desktop-right-swipe-child{display: grid;
  grid-template-rows: min-content;
	
}




@media only screen and (max-width:1025px){
	.elementor-grid-mobile-2 .elementor-grid{grid-template-columns: repeat(2, minmax(0px, 1fr))!important;}
	.prdct-tile:hover{transform:translateY(0px)}
}

@media only screen and (max-width:767px){
	.mobile-right-swipe{
		display: grid;
  gap: 20px;
  grid-auto-flow: column;
  grid-auto-columns: 42%;

  overflow-x: auto;
  overscroll-behavior-inline: contain;
	}
	
	.mobile-right-swipe::-webkit-scrollbar{
		display:none!important
	}
	.mobile-right-swipe-child{display: grid;
  grid-template-rows: min-content;
	
}
	
	
	.desktop-right-swipe{
		display: grid;
  gap: 20px;
  grid-auto-flow: column;
  grid-auto-columns:56%;

  overflow-x: auto;
  overscroll-behavior-inline: contain;
	}
	
	.desktop-right-swipe-child{display: grid;
  grid-template-rows: min-content;
	
}
	
}






	

	
	
	
