@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/YekanBakhFaNum-thin.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-thin.woff2') format('woff2');		
}

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/YekanBakhFaNum-Light.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-Light.woff2') format('woff2');	
}

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/YekanBakhFaNum-Regular.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');		 
}

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/YekanBakhFaNum-SemiBold.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');		 
}

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/YekanBakhFaNum-Bold.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-Bold.woff2') format('woff2'); 
}

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/YekanBakhFaNum-ExtraBold.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2');		 
}

@font-face {
	font-family: "Yekan Bakh FaNum";
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/YekanBakhFaNum-Black.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-Black.woff2') format('woff2');		 
}

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff'),   
	url('../fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2');		 
}


:root{
    --primary-color:#C22026;
    --secondry-color:#022D4D;
    --text-color:#241E20;
    --transition:all 200ms linear;
    --border-color:#E4E8F4;
    --navy:#01061A;
  --navy-2:#0A1230;
  --blue:#00309F;
  --blue-600:#0B41BE;
  --blue-700:#002F8F;
  --blue-050:#EEF2FC;
  --blue-100:#DDE5F8;
  --ink:#161C2D;
  --ink-2:#3A4255;
  --muted:#7B8398;
  --line:#E9EDF4;
  --line-2:#F0F3F8;
  --bg:#F5F7FB;
  --card:#FFFFFF;
  --copper:#C57F4F;
  --ok:#1F8A5B;
  --r-lg:20px;
  --r-md:14px;
  --r-sm:10px;
  --shadow-sm:0 1px 2px rgba(16,24,52,.04), 0 2px 8px rgba(16,24,52,.05);
  --shadow-md:0 8px 30px rgba(16,24,52,.08);
  --shadow-blue:0 14px 34px rgba(0,48,159,.28);
  --maxw:1240px;
    --navy:#0f2137;
  --navy-light:#16314f;
  --navy-dark:#0a1626;
  --red:#e2231a;
  --red-dark:#c81d15;
  --bg:#f5f6f8;
  --text:#182635;
  --muted:#6c7a89;
  --border:#e6e8eb;
  --radius-lg:20px;
  --radius-md:16px;
  --radius-sm:10px;
  --shadow:0 4px 24px rgba(15,33,55,.08);
}

ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
body {
    font-family: "Yekan Bakh FaNum" ;
    background-color: #fff;
    color: var(--text-color);
}

html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

.swiper{
	width: 100%;
}
.main-body{
    min-height:500px;
}
.line{
    height: 1px;
    width: 100%;
    background-color: var(--border-color);
}
img{
    max-width: 100%;
}
html{
    scroll-behavior: smooth;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.custom-btn{
    font-size: 13px;
    color: #fff;
    padding: 12px 28px;
    border-radius: 15px;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none !important;
    outline: none;
}
.custom-btn svg{
    opacity: .6;
    transition: var(--transition);
}
.custom-btn:hover svg{
    transform: translateX(-5px);
}
.custom-btn-primary{
    background-color: var(--primary-color);
}
.custom-btn-secondry{
    background-color: var(--secondry-color);
}
.custom-swiper-navigation{
    display: flex;
    align-items: center;
    gap: 8px;
}
.custom-swiper-navigation > div{
    position: static !important;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.more-btn-link{
    color: var(--text-color);
    font-weight: 600;
    font-size: 10px;
}
.main-title{
    color: var(--text-color);
    font-weight: 400;
    font-size: 12px;
}
.main-title-bold{
    font-weight: 900;
    font-size: 30px;
    color: var(--text-color);
    margin-top: 5px;
}
.main-title-bold span{
    color: #022D4D;
}
.main-title-icon{
    fill: var(--primary-color);
}
.page-title{
    font-size: 28px;
    color: var(--text-color);
    font-weight: 700;
}
.wishlist-items{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.wishlist-item-link img{
    width: 140px;
    height: 140px;
    object-fit: contain;
    border-radius: 20px;
}
.wishlist-item{
    border-bottom: 1px solid var(--border-color);
}
.wishlist-item:last-of-type{
    border: none;
}
.wishlist-item-name{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
.wishlist-item-stok{
    font-size: 12px;
}
.wishlist-item-stok input{
    text-align: center;
    width: 40px !important;
}
.wishlist-item > div{
    width: 25%;
    flex-shrink: 0;
}
.product-favorite-item{
    position: absolute;
    top: 5px;
    left: 5px;
}
.product-favorite-item{
    color: var(--primary-color);
    font-size: 25px;
}
.wishlist-cat{
    position: fixed;
    width: 100%;
    height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   background-color: rgba(0, 0, 0, .1);
   top: 0;
   left: 0;
   gap: 20px;
   opacity: 0;
   visibility: visible;
   z-index: -10;
   transition: all 300ms ease-out;
}
.wishlist-cat::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #0000002e;
    backdrop-filter: blur(8px);
}
.wishlist-cat.show{
    opacity: 1;
    visibility: visible;
    z-index: 1000000;
}
.wishlist-cat-times{
    font-size: 35px;
    position: absolute;
    top: -10px;
    left: 10px;
    cursor: pointer;
    color: var(--primary-color);
}

.wishlist-cat-wrapper .custom-select{
    width: 100% !important;
}
.wishlist-cat-wrapper{
    width: 30%;
    flex-shrink: 0;
}
.spinner-border-cats{
    display: flex;
}
.wishlist-cat-content{
    width: 900px;
    max-width: 95%;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: var(--shadow-sm);
    padding: 20px;
}
.product-wishlist-item{
    width: 107px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    border: 1px solid var(--border);
}
.product-wishlist-item img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.wishlist-cat-products-wrapper{
    max-height: 500px;
    overflow-y: auto;
}
@media(max-width:992px){
    .page-title{
        font-size: 18px;
    }
    .main-title-bold{
        font-size: 20px;
    }
    .custom-btn{
        padding: 10px 25px;
    }
    .wishlist-item{
        flex-wrap: wrap;
    }
    .wishlist-item > div{
        width: 43%;
        flex-shrink: 0;
    }
    .wishlist-item-name{
        font-size: 14px;
        text-align: center;
    }
    .wishlist-cat-content {
        flex-direction: column !important;
        row-gap: 10px;
        padding-top: 40px;
    }
    .wishlist-cat-wrapper,.wishlist-cat-content > div{
        width: 100%;
    }
    .product-wishlist-item{
        width: 48%;
    }
    
    
}



/*
header
*/
.header{
    position: sticky;
    top: 0;
    padding: 15px 0 0;
    background-color: #fff;
    z-index: 10000;
    box-shadow: 0px 12px 48px 0px #D9D9D94D;
}
.header-logo img{
    height: 46px;
    width: auto;
    object-fit: contain;
}
.header-logo-wrapper{
    min-width: 12% !important;
}
.header-search{
    flex-shrink: 0;
    width: 100%;
}
.header-search form{
    display: flex;
    background: #ECECEC;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    padding: 14px;
}
.header-search form input{
    flex-grow: 1;
    color: #62748E;
    font-size: 14px;
}
.header-search form input,.header-search form button{
    background: transparent;
    border: none;
    outline: none;
}

.header-search-result{
    width: 100%;
    position: absolute !important;
    top: 140%;
    z-index: -100;
    padding: 34px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 10px 2px #0206180c;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.header-search-result.active{
    top: 110% !important;
    z-index: 100000;
    opacity: 1;
    visibility: visible;
}
.header-search-result-close{
    font-size: 34px;
    position: absolute;
    top: -5px;
    left: 10px;
    cursor: pointer;
}
.header-search-result-item{
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-color2);
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom:1px solid #ece9e9aa;
}
.header-search-result-item:last-of-type{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.search-loading{
    font-size: 14px;
}
.header-search-result-item img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px;
}
.see-more-search button{
    background: transparent;
    border: none;
    outline: unset;
    font-size: 14px;
}
.header-icons{
    display: flex;
    align-items: center;
    gap: 16px;
}
.header-icon{
    position: relative;
    display: block;
}
.header-icon-wishlist path{
    fill: rgb(2, 45, 77) !important;
}
.header-btns a{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 15px;
    padding: 16px 30px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.header-btn {
    border: none;
    outline: none;
    background-color: transparent;
    position: relative;
}
.header-btn  > span{
    position: absolute;
    display: inline-block;
    text-align: center;
    padding: 1px 7px;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 10px;
    border-radius: 50%;
    top: -5px;
    left: 17px;
}
.header-btns .header-btn-link-primary{
    background-color: var(--primary-color);
}
.header-btns .header-btn-link-secondry{
    background-color: var(--secondry-color);
}
.header-btn-canvas{
    background-color: var(--secondry-color);
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    width: 45px;
    height: 45px;
    border: none;
    outline: none;
    cursor: pointer;
}

.header-menu > ul,.header-left-menu > ul {
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}
.header-left-menu svg:last-of-type{
    display: none !important;
}
.header-menu ul li a,.header-left-menu ul li a{
    color: var(--text-color);
    font-weight: 600;
    font-size: 14px;
}
.header-left-menu ul li a{
    font-size: 16px;
}
.header-icons-wrapper{
    flex-grow: 1;
}

@media(max-width:992px){
    .header-btns .header-btn-link-secondry{
        background-color: #fff;
        padding: 0 !important;
    }
    .header-btns .header-btn-link-secondry path{
        fill: var(--primary-color);
    }
}

/* main slider  */
.top-banner{
    overflow: hidden;
    border-radius: 30px;
}
.top-banner::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(74.93% 74.93% at 47.8% 29.13%, rgba(2, 45, 77, 0) 0%, rgba(2, 45, 77, 0.8) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
linear-gradient(177.21deg, rgba(2, 45, 77, 0) 24.23%, rgba(2, 45, 77, 0.78) 64.93%);
z-index: 8;
top: 0;
left: 0;
}
.top-banner img{
    width: 100%;
    height: 410px;
    object-fit: cover;
}

.top-banner-content{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 40px;
    text-align: center;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}

.top-banner-gradient-title{
    font-size: 16px;
    font-weight: 900;
    font-family: Arial, sans-serif;
    background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #cfcfcf 40%,
    var(--secondry-color) 75%,
    var(--secondry-color) 100%
);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin: 0;
    opacity: .5;
}


.top-banner-title{
    font-size: 30px;
    color: #fff;
    margin: -4px 0 0 0;
    font-weight: 900;
}
.top-banner-subtitle{
    font-size: 41px;
    color: #fff;
    opacity: .7;
    margin-bottom: 8px;
    font-weight: 900;
}

.top-banner-link{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background: var(--primary-color);
    border-radius: 15px;
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content:center;
    align-items: center;
    max-width: 210px;
    padding: 13px ;
}
.top-banner-link svg{
    opacity: .6;
}

.main-slider-swiper::after{
    content: "";
    position: absolute;
    width: 150px;
    height: 35px;
    background: url("../images/slider\ element.webp");
    background-size: 100% 100%;
    bottom: -10.5px;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider .swiper-pagination{
    bottom: -9px !important;
}
.main-slider-item{
    width: 100%;
    height: 410px;
    overflow: hidden;
    border-radius: 30px;
}
.main-slider-item img{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.main-slider-item-content{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 20px 70px;
}

.glass-btn{
    position:relative;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-size: 16px;
    color:#222;
    font-weight:600;
    text-decoration:none;
    border:1.5px solid rgba(255,255,255,.75);
    border-radius:15px 15px 0 15px ;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.7),
        inset 0 -8px 15px rgba(255,255,255,.08),
        0 8px 25px rgba(0,0,0,.08);

    transform:perspective(700px) rotateY(13deg);
    transition:.35s;
    padding: 8px 24px;
}

.main-slider-item-title{
    font-weight: 900;
    font-size: 30px;
    line-height: 50px;
    margin: 12px 0 7px;
}
.main-slider-item-title span{
    color: var(--primary-color);
}
.main-slider-item-txt{
    font-size: 15px;
    font-weight: 500;
}
.main-slider .swiper-pagination-bullet-active{
    background: var(--primary-color) !important;
    width: 25px !important;
    border-radius: 100px !important;
}

@media(max-width:992px){
    .main-slider-item-content{
        height: 512px;
        padding: 30px;
        align-items: center;
        justify-content: start;
    }
    .main-slider .custom-btn{
        width: 100% !important;
    }
    .main-slider-swiper::after{
        display: none !important;
    }
}

/* category  */
.category{
    margin-top: 50px;
}

.category-item-img{
    width: 103px;
    height: 103px;
    border-radius: 50%;
    background: linear-gradient(270deg, #F1F5F9 0%, rgba(241, 245, 249, 0.5) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    overflow: hidden;
}
.category-item-title{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 12px;
    color: var(--text-color);
}

@media(max-width:768px){
    .category-title-bold{
        font-size: 20px;
        margin: 0;
        margin-right: 5px;
    }
    .category-item-img{
        width: 70px;
        height: 70px;
    }  

}

/* discount-products */
.discount{
    margin-top: 120px;
}
.discount-products{
    background: url("../images/discount-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 40px;
    padding: 25px;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 120%;
    z-index: 5;
    top: -10%;
}
.discount-products-row{
    position: relative;
    z-index: 10;
}



.dicount-right-title{
    color: #fff;
    font-size: 28px;
    font-weight: bold;   
}
.dicount-right-subtitle{
    font-weight: 300;
    color: #fff;
    font-size: 15px;
}
.swiper-slide:has(.product-item){
    height: auto;
}
.product-item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-item-topline{
    width: 80%;
    height: 22px;
    border-radius: 100px;
    background-color: var(--primary-color);
    z-index:10;
    display: inline-block;
    position: relative;
}
.product-item-content{
    background-color: #fff;
    border-radius: 25px;
    padding: 18px;
    width: 100%;
    position: relative;
    margin-top:-10px;
    z-index: 20;
    box-shadow: 0px 12px 48px 0px #D9D9D94D;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-item-content img{
    width: 240px;
    height: 240px;
}
.discount .product-item-content{
    box-shadow: none !important;
}
.product-price{
    border-radius: 20px;
    background:
linear-gradient(270deg, #F2F4F6 0%, rgba(242, 244, 246, 0.5) 91.56%);
    padding: 6px 12px;
    margin-top: 7px;
}
.product-brand-name{
    font-size: 12px;
    font-weight: 300;
    color: var(--text-color);
    opacity: .2;
}
.product-name{
    color: var(--text-color);
    font-weight: 800;
    font-size: 15px;
    margin: 0;
}
.product-brand-txt{
    color: var(--text-color);
    font-size: 12px;
    font-weight: 400;
}
.product-dis-badge{
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: linear-gradient(88.16deg, #C31121 -21.35%, #5D0810 129.38%);
    padding: 2px 12px;
    border-radius: 40px;
}
.product-item-dis del{
    font-size: 14px;
    color: var(--text-color);
    font-weight: 400;
    opacity: .5;
    display: block;
    margin-top: 2px;
}

.product-item-price{
    color: var(--secondry-color);
    font-weight: 800;
    font-size: 22px;
}
.product-item-price span{
    font-size: 12px;
    color: var(--text-color);
    display: inline-block;
    font-weight: 400;
}
/*.product-price-fit{*/
/*    width: fit-content !important;*/
/*}*/
.product-price-fit{
    width: 100% !important;
}
.glass-box {
  position: relative;
  width: 54px;
  height: 64px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.glass-box::before {
content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.8) 0%,
        rgba(255,255,255,0.5) 35%,
        rgba(255,255,255,0.15) 70%,
        transparent 100%
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.num {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  position: relative;
  z-index: 10;
}

.label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  margin-top: 2px;
  position: relative;
  z-index: 10;
  display: flex;
  gap: 5px;
  align-items: center;
}
.attr-name{
    color: var(--text-color);
    font-size: 14px;
    font-weight: 300 !important;
}



/* products  */
.products{
    margin-top: 120px;
}
.new-products{
    margin-top: 80px;
}

@media(max-width:992px){
    .discount-products{
        padding: 20px 20px !important;
    }
    .dicount-right-title{
        font-size: 20px;
    }
    .dicount-right-subtitle{
        font-size: 10px;
    }
    .discount-products{
        height: 110%;
        top: -2%;
        width: 94%;
        left: 3%;
    }
    .discount-swiper-col{
    padding-left: 0 !important;
}
}

/* brands  */
.brands{
    margin-top: 80px;
}
.swiper-slide:has(.brand-item){
    height:auto !important;
}
.brand-item{
    background: linear-gradient(0deg, #F1F5F9 -10.61%, rgba(241, 245, 249, 0.5) 82.6%);
    border-radius: 20px;
    padding: 40px 20px 20px;
    border: 1px solid transparent;
    transition: var(--transition);
    display: block;
    height:100%;
}
.brand-item img{
    filter: grayscale(100%);
    opacity: .8;
    transition: var(--transition);
    max-height: 60px;
    object-fit: contain;
}
.brand-item:hover{
    border-color: var(--secondry-color);
}
.brand-item:hover img{
   filter: grayscale(0);
}
.brand-item-line span{
    display: inline-block;
    flex-shrink: 0;
    font-size: 12px;
    opacity: .6;
    font-weight: 600;
    color: var(--text-color);
}
.brand-item-line::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #A5A5A5;
    opacity: .2;
}
.brand-item-name{
    font-size: 13px;
    color: #303030;
    font-weight: 700;
}
.brand-item-product-count{
    font-size: 10px;
    color: #303030;
    font-weight: 600;
}

/* filter */

.filter-small-title{
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
}
.filter-title{
    color: #fff;
    font-weight: 900;
    font-size: 30px;
}
.filters .filters-wrapper {
    background: url("../images/discount-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 40px;
    padding: 25px;
    background-position: center center;
    height: 422px;
}
.filters .filters-img{
    margin-top: -42px;
    height: 440px;
}
.filter-form{
    row-gap: 20px;
    column-gap: 15px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.filters .custom-btn {
    padding: 15px 28px;
}
.filters .custom-btn svg{
    opacity: 1 !important;
}
.custom-select {
    width: 100%;
    position: relative;
    font-family: Arial;
    width: calc(50% - 10px);
    background: #fff;
    border-radius: 15px;
    border: none !important;
    outline: none !important;
}

.selected{
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
    cursor: pointer;
    border-radius: 16px;
}
.wishlist-cat-search{
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    border-radius: 16px;
}
.options {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
    display: none;
    z-index: 10;
    border-radius: 16px;
    overflow: hidden;
}

.options li {
    padding: 10px 12px;
    cursor: pointer;
}

.options li:hover {
    background: #f5f5f5;
}

.custom-select.active .options {
    display: block;
}
@media(max-width:992px){
    .filters .filters-wrapper{
        height: auto;
        padding: 15px;
        border-radius: 22px;
    }
    .filter-form select{
        width: 100%;
    }
    .filter-title{
        margin-bottom: 15px;
        font-size: 20px;
    }
    .filters{
        padding: 0 15px;
    }
    .filters .custom-btn {
        width: 100% !important;
    }
    .filter-form select{
        height: 54px;
    }
}

/* about */

.about{
    margin-top: 80px;
}
.about .main-title-bold::after{
    content: "";
    display: block;
    flex-grow: 1;
    height: 3px;
    background-color: #EFEFEF;
    margin-right: 30px;
}
.about-text{
    color: var(--text-color);
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    margin-top: 17px;
    text-align: justify;
}

.about-box{
    background: linear-gradient(0deg, #F1F5F9 -10.61%, rgba(241, 245, 249, 0.5) 82.6%);
    border-radius: 15px;
    padding: 8px 12px 10px 20px;
}

.about-box span{
    font-weight: 700;
    font-size: 25px;
    color: var(--primary-color);
}
.about-box p{
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
div:has(.more-btn-link){
    flex-shrink: 0 !important;
}
.about-boxes{
    overflow-x:auto ;
    overflow-y: auto;
}
.about-boxes > div{
    width: fit-content !important;
}
.about-video video,.about-video img{
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    height: 340px;
}
@media(max-width:992px){
    .about .main-title-bold::after{
        display: none;
    }
    .about-text{
        font-size: 12px;
        line-height: 27px;
    }
    .about-box span{
        font-size: 21px;
    }
    .about-box{
        min-width: 200px;
    }
    .about-video video,.about-video img{
    height: 270px;
}
}

/* questions-bg */

.questions{
    margin-top: 80px;
}
.questions-bg{
    background: linear-gradient(0deg, #F1F5F9 -10.61%, rgba(241, 245, 249, 0.5) 82.6%);
    border-radius: 50px;
    padding: 80px;
}
.questions-small-title{
    font-size: 12px;
    font-weight: 400;
}
.questions-title{
    color: var(--secondry-color);
    font-size: 30px;
    font-weight: 900;
}
.questions-subtitle{
    color: var(--primary-color);
     font-size: 30px;
    font-weight: 900;
}
.questions .custom-btn{
    border-radius: 100px;
    font-weight: 900;
    font-size: 24px;
    padding: 8px 30px;
}
.questions .accordion-button::after{
    display: none !important;
}
.accordion-icon{
    width: 35px;
    height: 35px;
    display: inline-flex;
    border-radius: 50%;
    background: #241e2046;
    justify-content: center;
    align-items: center;
}
.questions .accordion-button{
    border-radius: 21px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.questions .accordion-item{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-radius: 21px !important;
    overflow: hidden;
    margin-bottom: 23px;
}
.questions .accordion-button{
    font-size: 20px;
    font-weight: 600;
}
.questions .accordion-button:not(.collapsed){
    background:var(--secondry-color) !important;
    color: #fff !important;
}
.questions .accordion-button:not(.collapsed) .accordion-icon{
    background: #70b0e1b8;
}
.questions .accordion-button:not(.collapsed) svg path{
    fill: #fff !important;
}

@media(max-width:992px){
    .questions-bg{
        padding: 20px;
    }
    .questions-title,.questions-subtitle{
        font-size: 18px;
    }
    .questions .accordion-button{
        font-size: 14px;
    }
    .questions .accordion-icon{
        width: 20px;
        height: 20px;
    }
    .questions .accordion-icon svg{
        width: 10px;
    }
    .questions .accordion-body{
        font-size: 12px;
    }
}

/* posts  */
.posts{
    margin-top: 80px;
}
/* .posts-swiper .swiper-slide{
    width: 400px;
} */

.post-item{
    border-radius: 27px;
    box-shadow: 0px 12px 48px 0px #D9D9D94D;
    color: var(--text-color);
    width: 100%;
    overflow: hidden;
}
.posts .post-item{
    filter: blur(5px);
}
.swiper-slide-active .post-item, .swiper-slide-next .post-item, .swiper-slide-prev .post-item{
    filter: blur(0) !important;
}
.post-item img{
    width: 100%;
    max-height: 240px;
    object-fit: cover;
}
.psot-item-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.post-item-excerpt p{
    font-size: 15px;
    text-align: justify;
    line-height: 28px;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    width: 100%;
}
.post-item-details span{
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

@media(max-width:768px){
    .psot-item-title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.post-item-excerpt p{
    font-size: 12px;
    line-height: 20px;
}
.post-item-details span{
    font-size: 11px;
}
.clock-icon{
    width: 20px !important;
    height: 20px !important;
}
.post-item-details{
    margin-top: -4px;
}
}

/* footer  */
.footer{
    margin-top: 90px;
    padding-bottom: 26px;
}
.footer-container{
    border-top: 1px solid #F1F5F9;
}
.footer-menu ul{
    padding: 0 !important;
    margin: 0;
}
.footer-menu-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
}
.footer-menu li{
    margin-bottom: 15px;
}
.footer-menu a{
    position: relative;
    display: flex;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    align-items: center;
    transition: var(--transition);
}
.footer-menu a::before{
    content: "";
    width: 9px;
    height: 2px;
    background-color: var(--secondry-color);
    transition: var(--transition);
}
.footer-menu li:hover a{
    color: var(--primary-color);
    font-weight: 600;
}
.footer-menu li:hover a::before{
    width: 16px;
    background-color: var(--primary-color);
}

.footer-logo img{
    height: 67px;
}
.social-socials a svg{
    transition: var(--transition);
}
.social-socials a:hover svg path{
    fill: var(--primary-color);
}

.footer-symbols{
    padding: 17px 25px;
    border-radius: 20px;
    background: linear-gradient(0deg, #F1F5F9 -10.61%, rgba(241, 245, 249, 0.5) 82.6%);
    display: flex;
    align-items: center;
}
.footer-contact-phone span:first-of-type{
    color: #042D49;
    font-size: 14px;
}
.footer-contact-phone span:last-of-type{
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
}
.footer-contact-address{
    color: var(--secondry-color);
    font-size: 14px;
    font-weight: 600;
}

.service-text{
    color: var(--text-color2);
    font-size: .9rem;
    line-height: 1.5rem;
    margin-top: 5px;
    max-height: 6rem;
    overflow: hidden;
    transition: max-height 0.4s ease; 
    text-align: right;
}
.service-wrapper{
    text-align: center;
}
.service-wrapper.show .service-text{
    height: auto !important;
}
.service-wrapper ul,.service-wrapper  li{
    list-style: auto !important;
}
.see-more{
    color: var(--primary-color);
    margin: 1rem 0 1rem;
    font-size: 16px;
    background-color: transparent;
    outline: none;
    border: none;
    position: relative;
    z-index: 200;
    display: inline-flex;
    align-items: center;
    gap: 10px;

}
.see-more span{
    display: inline-block;
    margin-top: -4px;
}
.service::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85%;
    z-index: 100;
    background: #FBFDFD;
    background: linear-gradient(360deg,rgba(251, 253, 253, 0.92) 74%, rgba(251, 253, 253, 0) 100%);
}
.service:has(.show)::before{
    display: none !important;
}
.copyright{
    background: var(--primary-color);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 20px;
    padding: 25px 30px;
}
.copyright p{
    margin: 0;
}
.copyright img{
    height: 15px;
    width: auto;
    object-fit: contain;
}
.go-top{
    background-color: var(--secondry-color);
    padding: 25px 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: none;
    outline: none;
    width: 100%;
}

.footer-symbols .footer-symbol-line:last-of-type{
    display: none;
}
.footer-map iframe{
    border-radius: 18px;
}
.footer-symbols{
    height: 105px;
    margin-top: -10px;
}


@media(max-width:992px){
    .footer{
        margin-top: 40px;
    }
    .copyright{
        flex-wrap: wrap;
    }
    .copyright-txt{
        width: 100%;
        order: 2;
        text-align: center;
        margin-top: 20px !important;
    }
    .copyright{
        font-size: 12px;
    }
    .copyright img{
        height: 10px;
    }
    .go-top{
        padding: 5px;
        justify-content: center;
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 20;
        width: 40px;
        height: 40px;
    }
    .footer-map,.footer-symbols{
        width: 100%;
    }
}

@media(max-width:992px){
    .discount,.new-products,.brands,.about,.posts,.questions{
        margin-top: 70px;
    }
    .products{
        margin-top: 120px;
    }
    .footer{
        padding-bottom: 66px;
    }
}


/* single product  */
.custom-breadcrumb ul{
    display: flex;
    gap: 15px;
    align-items: center;
}
.custom-breadcrumb a,.custom-breadcrumb span{
    font-size: 12px;
    font-weight: 400;
    color: var(--text-color);
}
.custom-breadcrumb a , .custom-breadcrumb svg{
     opacity: .4;
}

.product-intro{
    border:1px solid var(--border-color);
    border-radius: 25px;
    padding: 30px;
}

.product-gallery{
    background-color: #fff;
    box-shadow: 0px 8.29px 33.17px 0px #D9D9D94D;
    border-radius: 20px;
    margin-bottom: 20px;
}
.product-gallery img{
    display: table;
    margin: 0 auto;
}
.product-thumb-more{
    width: 70px;
    height: 70px;
    border-radius: 20px;
    background-color: #0000002f;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-shares{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap:15px
}
.product-shares button{
    background: transparent;
    border: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.in-favorite svg path,button.ts-compare-btn.added svg path{
    fill: var(--primary-color);
}
.tooltip {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--secondry-color);
    color: #fff;
    font-size: 10px;
    padding: 5px 12px 7px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: .25s ease;
    font-weight: 700;
}

.tooltip::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #073b5c;
}


.product-shares button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.single-product-name{
    font-weight: 800;
    font-size: 25px;
}
.single-product-brand{
    color: var(--text-color);
    font-weight: 400;
    font-size: 15px;
}
.out-of-stock{
    font-size: 13px !important;
}
.single-product-box{
    background: #F2F4F6;;
    padding: 12px 10px;
    border-radius: 10px;
    font-size: 11px;
    flex-shrink: 0;
    width: 48%;
}
.single-product-box a,.single-product-box span{
    color: var(--text-color);
    font-weight: 600;
}
.product-details-title{
    position: relative;
    color: var(--secondry-color);
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.product-details-title::before{
    content: "";
    width:3px;
    height: 12px;
    background-color: var(--secondry-color);
}
@media(min-width:992px){
    .product-intro-left-col{
    max-width: 370px !important;
}
}
.product-intro-left{
    border-radius: 20px;
    background: linear-gradient(349.83deg, #F1F5F9 6.02%, rgba(241, 245, 249, 0.5) 78.47%);
    padding: 25px 20px;
}

.product-consulting{
    background: #FBFCFD;
    padding: 15px;
    border-radius: 15px;
}
.product-consulting span {
    font-weight: 700;
    font-size: 12px;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.product-consulting p{
    font-weight: 400;
    font-size: 12px;
    margin: 0;
    opacity: .5;
}

.single-product-price{
    background: #fff !important;
}
.btn-add-to-cart{
    box-shadow: 0px 12px 48px 0px #022D4D3D;
    background: var(--secondry-color) !important ;
    color: #fff;
    border: none ;
    background: transparent;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 22px;
    width: 100%;
    border-radius: 15px;
    width: 100%;
}

.image-modal {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    padding: 30px;
}

.image-modal.show {
    visibility: visible;
    opacity: 1;
    z-index: 11097;
}

.image-modal-content{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 30;
}
.close-modal {
    position: absolute;
    top: 20px;
    right: 30px;
    background: transparent;
    color: #fff;
    border: none;
    font-size: 40px;
    cursor: pointer;
    z-index: 100;
}

.product-modal-gallery{
    width: 480px;
    height: 480px;
    max-width: 90%;
}
.product-modal-gallery .swiper-slide{
    display: flex;
    flex-direction: column;
}

.product-modal-gallery img{
    width: 100%;
    height:90% !important;
    max-width: 100%;
    object-fit: cover;
    height: auto;
    border-radius: 20px;
}
.product-modal-gallery .swiper-slide p{
    flex-shrink: 0;
    color: #fff;
}
.product-modal-thumbs .swiper-slide{
    width: 100px;
}
.product-modal-thumbs img{
    border-radius: 20px;
}
.product-modal-thumbs .swiper-wrapper {
    justify-content: flex-start;
}

.product-modal-thumbs.is-insufficient .swiper-wrapper {
    justify-content: center;
}

.product-tab{
    background: linear-gradient(80.89deg, #F1F5F9 20.81%, rgba(241, 245, 249, 0.5) 105.68%);
    padding: 14px 23px;
    border-radius: 25px;
}
.product-tab-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 12px 20px;
    border-radius: 12px;
    color: var(--text-color);
    font-weight: 600;
}
.product-tab-link.active{
    background-color: #fff;
}
.single-product-content{
    color: var(--text-color);
    font-weight: 350;
    font-size: 15px;
    line-height: 32px;
}
.single-product h2,.single-product h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.product-infos-items{
    gap: 15px;
}
.product-infos-items li{
    background: #F2F4F6;
    padding: 12px;
    border-radius: 12px;
    width: calc(50% - 10px);
    display: flex;
    justify-content: space-between;
    position: relative;
}
.product-infos-items li::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 6px;
    height: 30px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: var(--primary-color);
}

.product-infos-items li span{
    font-size: 15px;
    font-weight: 600;
}
.product-infos-key{
    display: flex;
    gap:15px;
    align-items: center;
}
.product-cataluge .custom-btn:hover svg{
    transform: translateX(0) !important;
}
.related-products{
    margin-top: 80px;
}

.shop-products,#blog-posts{
    overflow-x: hidden;
}
.custom-comments{
    margin-top: 80px;
}

.custom-comments ol,.custom-comments ul{
    padding: 0;
    margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: none !important;
    padding-top: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    width: 54px;
    border-radius: 50%;
    right: 10px !important;
    top: 18px !important;
}
.comment-list > li{
    margin-bottom: 10px;
}
.custom-comments .depth-1{
    border: 1px solid #E4E8F4 !important;
    padding: 20px 20px 0 20px !important;
    border-radius: 25px !important;
}
.custom-comments .depth-2{
    border-radius: 20px !important;
    padding: 20px !important;
    background-color: #F2F4F6 !important;
}
.custom-comments textarea,.custom-comments input:not(input[type = 'submit']){
    border-radius: 12px !important;
    padding: 12px !important;
    border: 1px solid var(--border-color) !important;
}
#review_form_wrapper .comment-reply-title{
    display: none !important;
}
#review_form_wrapper{
    position: fixed;
    width: 700px;
    max-width: 95%;
    padding: 25px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 10px #4b86aa0f;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 200ms ease-in;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

}
#review_form_wrapper.show{
    opacity: 1;
    visibility: visible;
    z-index: 999999999;
    pointer-events:visible;
}
.custom-comments .submit{
    min-width: 90px;
    background-color: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 17px !important;
    padding: 8px 15px !important;
    border: none;
    border-radius: 8px !important;
}
.close-comments-form{
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 30px;
    cursor: pointer;
}


.swatch-color .swatch-dot{
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
}
.single-product .variations label{
    color: var(--text-color) !important;
    position: relative;
    display: flex;
    gap: 5px;
}
.single-product .variations label::before{
    content: "";
    width: 3px;
    height: 12px;
    background-color: var(--secondry-color);
}
.single-product .variations tr{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 15px;
}
.single-product .variations tr:last-of-type{
    margin: 0 !important;
}
.swatch-item{
    cursor: pointer;
}
.single-product .swatch-text{
    display: inline-block;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-left: 10px;
    font-size: 10px;
    font-weight: 400;
    padding: 4px 10px;
}
.single-product .swatch-text.selected{
    color: #fff !important;
    background-color: var(--secondry-color);
}
.swatch-color{
    margin-left: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: 50%;
    border: 1px solid transparent;
}
.swatch-color.selected{
    border-color: var(--secondry-color);
}
.custom-varitions .quantity, .custom-varitions .single_add_to_cart_button {
    display: none !important;
}

.cart-notice {
    position: fixed;
    bottom: 30px;
    left: 5%;
    transform: translateX(-5%) translateY(20px);
    padding: 25px 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999999999;
    direction: rtl;
    min-width: 330px;
}
.cart-notice p{
    color: #107e18 !important;
}
.cart-notice{
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .161) !important;
    min-width: 380px !important;
}
.cart-notice-msg{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.cart-notice-msg p{
    margin: 0;
}
.cart-notice-msg a{
    display: inline-block;
    background: #f0f0f1;
    padding: 6px 14px;
    font-size: 13px;
    color: #0F172B;
    border-radius: 100px;
}
.cart-notice.show {
    opacity: 1;
    transform: translateX(-5%) translateY(-50px);
}

.cart-notice.success {
    background: #fff;
    color: var(--text-color2);
}

.cart-notice.error {
    background: #ef4444;
    color: #fff;
}


.variation-swatches-wrapper.highlight-required {
    animation: shake 0.4s ease;
    outline: 2px solid #ef4444;
    border-radius: 8px;
}
.close-notice{
     position: absolute;
    top: 0px;
    right: 9px;
    color: #020618;
    font-size: 25px;
    cursor: pointer;
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25%       { transform: translateX(-6px); }
    75%       { transform: translateX(6px); }
}
.btn-add-to-cart.loading{
    opacity: 0.7;
    pointer-events: none;
    position: relative;
}
.btn-add-to-cart.loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    animation: spin 0.7s linear infinite;
}
.btn-add-to-cart.added{
    display: none !important;
}
@keyframes spin {
    to { transform: translateY(-50%) rotate(360deg); }
}


.custom-quantity{
    width: 102px;
    height: 42px;
    border-radius: 8px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
    padding: 5px;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
.custom-quantity span{
    cursor: pointer;
}
.custom-quantity-wrapper{
    display: none;
}
.custom-quantity-wrapper.show{
    display: flex !important;
    gap: 10px;
}
.quantity-loading {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.quantity-loading span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3B6FE8;
    opacity: 0.2;
    animation: dot-fill 1.2s infinite;
}

.quantity-loading span:nth-child(1) { animation-delay: 0s; }
.quantity-loading span:nth-child(2) { animation-delay: 0.4s; }
.quantity-loading span:nth-child(3) { animation-delay: 0.8s; }

.custom-varitions .woocommerce-variation-price{
    display: none !important;
}

@keyframes dot-fill {
    0%, 100% { opacity: 0.2; }
    50%       { opacity: 1; }
}
.reset_variations{
    color: var(--primary-color);
    font-size: 13px;
    display: block;
    margin-top: 10px;
    visibility: hidden;
}
.swatch-item.not-in-stock {
    opacity: .35;
    position: relative;
    overflow: hidden;
}

.swatch-item.not-in-stock:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #999;
    transform: rotate(-45deg);
    top: 50%;
    left: 0;
}
.variation-swatches-wrapper{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.stock.in-stock{
    font-size: 14px;
}
.single-add-to-cart-wrapper.fixed{
    position: fixed;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    background: linear-gradient(349.83deg, #F1F5F9 6.02%, rgba(241, 245, 249, 0.5) 78.47%);
    border-radius: 20px;
    width: 450px;
    max-width: 90%;
    z-index: 888;
}
.fixed .custom-quantity-wrapper{
    justify-content: space-between !important;
}

.mini-cart{
    width: 340px;
    box-shadow: 0 0 10px 10px #0000000e;
    background: #fff;
    border-radius: 5px;
    position:absolute;
    top: 100%;
    left:10px;
    opacity: 0;
    visibility: hidden;
}
.mini-cart-wrapper:hover > .mini-cart{
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 10000;
}
.mini-cart-empty-img{
    width: 120px !important;
    height: 120px !important;
    object-fit: contain;
}
.mini-cart .woocommerce-mini-cart{
    max-height: 350px;
    overflow-y: auto;
    width: 100%;
    padding: 10px 15px;
    margin: 0;
}
.woocommerce-mini-cart-item > a {
    display: flex;
    font-size: 14px;
    color: var(--text-color);
    font-weight: 600;
}
.cart-item-variations{
    display: flex;
    flex-direction: column;
}
.cart-item-variation-item {
    display: flex;
}
.mini-cart .button {
    background-color: var(--primary-color) !important;
    border-radius: 8px !important;
    color: #fff !important;
    display: block;
    text-align: center;
    font-size: 14px !important;
    padding: 8px 14px !important;
}
.mini-cart .checkout {
    display: none !important;
}
.min-cart-footer {
    border-top: 1px solid var(--border-color);
}
.woocommerce-mini-cart-item .cart-item-variations{
    color: var(--secondry-color);
    font-weight: 400;
    font-size: 12px;
    margin-top: 10px;
}
.woocommerce-mini-cart-item {
    position: relative !important;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}
.woocommerce-mini-cart-item:last-of-type {
    border: none !important;
    margin-bottom: 0 !important;
}
.mini-cart-counter{
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.mini-cart img {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-left: 5px;
    flex-shrink: 0;
}
.mini-cart .woocommerce-mini-cart__total {
    display: flex;
    flex-direction: column;
}
.min-cart-footer strong {
    color: var(--text-color) !important;
    font-weight: 500 !important;
}
.min-cart-footer .woocommerce-Price-amount bdi {
    font-size: 18px !important;
    font-weight: 600;
}
@media(max-width:992px){
    .product-intro{
        border: none;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .product-modal-gallery{
        width: 440px;
        height: 360px;
        max-width: 100%;
    }
    .single-product-name{
        font-size: 25px;
    }
    .product-infos-items li{
        width: 100%;
    }
    .custom-comments p{
        font-size: 12px !important;
    }
    .single-add-to-cart-wrapper.fixed{
        padding: 10px;
        bottom: 5px;
    }
}

/* compare page  */
.ts-compare-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

.ts-compare-table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
   
}
.ts-compare-table-wrapper,
.ts-compare-table-wrapper > * {
  min-width: 0;
}
.ts-compare-table th,
.ts-compare-table td {
    border: 1px solid #e5e7eb;
    padding: 14px;
    vertical-align: middle;
}

.ts-compare-table th {
    background: #f3f4f6;
}

.ts-compare-table img {
    max-width: 120px;
    height: auto;
}
.ts-compare-table th{
    position: relative;
}
.compare-remove-btn{
    padding: 0;
    background: transparent;
    border: none;
    font-size: 30px;
    color: red;
    position: absolute;
    left: 10px;
    top: -5px;
}
.product-compare-item-name{
    color: var(--text-color2);
}

.compare-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    gap: 20px;
    opacity: 0;
    visibility: visible;
    z-index: -10;
    transition: all 300ms ease-out;
     max-width: 100vw;
  overflow-x: hidden;
}
.compare-modal.show{
    display: flex;
    opacity: 1;
    visibility: visible;
    z-index: 1000000;
}
.compare-modal-content{
    width: 900px;
    max-width: 95%;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: var(--shadow-sm);
    padding: 20px;
}
.compare-modal-times{
    font-size: 35px;
    position: absolute;
    top: -10px;
    left: 10px;
    cursor: pointer;
    color: var(--primary-color);
    
}
.compare-modal-items{
    max-height: 470px;
    overflow-y: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}
.compare-modal-items::-webkit-scrollbar {
    display: none;/
}
.compare-modal-item{
    width: 23.6%;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 10px;
    
}

.archive-title{
    font-weight: bold;
    color: #1E2939;
    font-size: 20px;
}
ins{
    text-decoration: none !important;
}


.shop-sidebar .accordion-button,sidebar .accordion-button{
    box-shadow: unset !important;
    outline: none !important;
    border-bottom:1px solid  transparent;
    color: #020618;
    font-size: 16px;
    transition: unset !important;
}
.cat-list .accordion-button{
    border: none !important;
}
.cat-list .accordion-button,.cat-list .accordion-item{
    border: none !important;
}
.shop-sidebar .accordion-item{
    border-radius: 16px;
    overflow: hidden;
}
.cat-list-item{
    color: #62748E;
    font-size: 14px;
    display: block;
    margin-bottom: 16px;
}
.product-color-dot-item{
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 15px;
}
.product-color-dot-item:last-of-type{
    margin-bottom: 0;
}
.product-color-dot{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}
.woocommerce-result-count,.woocommerce-notices-wrapper,.woocommerce-ordering,.woocommerce-breadcrumb{display: none !important;}
.custom-breadcrumb  .woocommerce-breadcrumb{
    display: block !important;
}
.product-favorite-item,button.ts-compare-btn-item{
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: 200;
    border: none;
    background: transparent;
    cursor: pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    width:37px;
    height:37px;
    background:#fff;
    box-shadow:0 0 5px 3px #cccccc36;
    border-radius:50%;
}
.product-favorite-item svg,button.ts-compare-btn-item svg{
    width:15px;
}
.product-favorite path{
    fill: rgb(2, 45, 77);
}
.ts-compare-btn{
    cursor: pointer;
}
button.ts-compare-btn-item{
    top: 70px;
}
.not-found-item{
    font-size: 18px;
    text-align: center;
}

/* //price range */
.price-range-body{
    display: flex;
    flex-direction: column;
}
.price-range-filter {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    direction: rtl;
}

.price-range-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.price-range-title {
    font-weight: 700;
    font-size: 15px;
    color: #1a1a2e;
}

.price-range-toggle {
    cursor: pointer;
    color: #888;
    font-size: 18px;
}

.price-range-inputs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0 auto 16px;
    font-size: 13px;
    direction: rtl;
}

.price-input-group {
    display: flex;
    align-items: center;
    gap: 3px;
    border-radius: 8px;
   
}

.price-input-label {
    color: #aaa;
    font-size: 11px;
}

.price-input-value {
    font-weight: 700;
    color: var(--text-color2);
    font-size: 16px;
}

.price-range-from {
    color: #aaa;
    font-size: 12px;
}


.price-slider-wrapper {
    position: relative;
    height: 20px;
}

.price-slider-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 4px;
    background: #e2e8f0;
    border-radius: 4px;
}

.price-slider-range {
    position: absolute;
    height: 100%;
    background: #3B6FE8;
    border-radius: 4px;
}

.price-range-input {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    background: transparent;
    pointer-events: none;
    height: 4px;
}

.price-range-input::-webkit-slider-thumb {
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #3B6FE8;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1.5px #3B6FE8;
    pointer-events: all;
    cursor: pointer;
}
.shop-sidebar .accordion-item,.shop-sidebar .accordion-button,.sidebar .accordion-button {
    border-color: #F5F5F5 !important;
}
.shop-sidebar .accordion-button.collapsed{
    border: none !important;
}
.shop-sidebar-border{
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    padding: 18px;
    background-color: #fff;
}
.shop-sidebar-border-title{
    color: #020618;
    font-size: 16px;
}
.shop-sidebar label{
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #D1D5DC;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-sidebar label:has(input:checked){
    background: var(--primary-color) !important;
}

.shop-sidebar input[type="checkbox"],.shop-sidebar label svg{
    display: none;
}
.shop-sidebar label:has(input:checked) svg{
    display: inline-block !important;
}

.shop-sidebar-title{
    color: #1E2939;
    font-size: 18px;
    font-weight: bold;
}
.shop-sidebar-title-btns button{
    font-size: 16px;
    outline: none;
    padding: 12px;
    text-align: center;
    border-radius: 14px;
    flex-grow: 1;
    flex-shrink: 0;
}
.shop-sidebar-title-btns{
    gap: 16px;
}
.filter-btn{
    background-color: var(--secondry-color);
    border: none !important;
    color: #fff;
    box-shadow: 0 12px 48px 0 #0B2E993D;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    gap: 5px;
}
.remove-filter-btn{
    border:1px solid var(--primary-color);
    color: #1D293D;
    background: transparent ;
}
.accordion-button-label::after{display: none !important;}
.shop-order{
    background-color: #F1F5F9;
    width: fit-content;
    padding: 15px 22px;
    border-radius: 16px;
    display: flex;
    gap:20px ;
}
.shop-order label{
    font-size: 14px;
    color: #90A1B9;
    cursor: pointer;
}
.shop-order input{
    display: none;
}
.shop-order label:has(input:checked){
    color: var(--primary-color);
}
.shop-sidebar-cat-link{
    color: #212529;
}
.load-more-btn,.load-more-post{
    background-color: var(--primary-color);
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}
.archive-title-blog{
    font-size: 30px;
}
.product-item,.product-item > a,.product-item-content {
    height: 100%;
}
.accordion-body .sidebar-link{
    margin-bottom: 15px;
}
.accordion-body .sidebar-link:last-of-type{
    margin-bottom: 0 !important;
}
.discount .swiper-wrapper,.products .swiper-wrapper{
    align-items: anchor-center;
}
@media(max-width:992px){
    .archive-title-wrapper{
        flex-wrap: wrap;
    }
    .archive-title-wrapper  > div{
        width: 100%;
    }
    .archive-title{
        width: 100%;
    }
    .shop-order{
        justify-content: space-between;
    }
    .shop-sidebar{
        position: fixed;
        width: 100%;
        height: 100%;
        background: #eee;
        z-index: 1000000;
        top: 0;
        opacity: 0;
        right: -105%;
        background: #0000004c;
        padding:20px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition);
    }
    .shop-sidebar.active{
        right: 0 !important;
        opacity: 1;
    }
     .shop-sidebar > div{
        background-color: #fff;
        border-radius: 24px;
        padding: 20px;
        width: 100%;
        height: 95%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
     }
     .shop-sidebar-filters{
        height: 78%;
        overflow-y: auto;
     }
     .shop-sidebar-title,.shop-sidebar-title-btns{
        flex-shrink: 0;
     }
     .shop-order{
        gap: 10px;
        padding: 12px;
     }
     .compare-modal-item{
        width: 46.6%;
     }
     .compare-modal-item span{
        font-size: 12px;
     }
}
@media(max-width:768px){
    .archive-title{
        font-size: 18px;
    }
    .shop-archive .product-item-content img{
        width: 160px;
        height: 160px;
        display: table;
        margin: 0 auto;
        object-fit: cover;
    }
    .shop-archive .product-item-content{
        padding: 10px;
    }
    .shop-archive .product-name{
        font-size: 12px;
    }
    .shop-archive .product-brand-txt{
        font-size: 10px;
    }
    .shop-archive .product-item-price{
        font-size: 14px;
    }
    .shop-archive .product-price{
        padding: 6px 8px;
    }
    .shop-archive .product-item-price span{
        font-size: 10px;
    }
    .shop-archive .product-dis-badge{
        font-size: 9px;
    }
    .shop-archive .product-dis-badge{
        padding: 1px 10px 0;
    }
    .shop-archive .product-item-dis del{
        font-size: 10px;
    }
    .shop-archive .product-brand-name {
        font-size: 10px;
    }
}
/*page cart*/
.custom-cart-page .in-stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #1f8a5b;
    font-weight: 700;
}
.custom-cart-page .in-stock svg{
     width: 14px;
    height: 14px;
    fill:#1f8a5b
}
.custom-cart-page .cart-item-variations{
    display:flex;
    gap:10px;
    margin:10px 0;
    flex-direction: row !important;
}
.custom-cart-page .cart-item-variations .cart-item-variation-item{
    font-size: 11.5px;
    color: var(--ink-2);
    background: var(--line-2);
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 2px 9px;
    margin:0 !important;
}
.custom-cart-page .info a{
    color: var(--text-color) !important;
    font-weight: 600;
    display: block !important;
}
.ts-invoice-buttons{
    gap: 10px;
}
.ts-invoice-buttons a{
    display: inline-flex;
    color: #fff !important;
    font-size: 13px !important;
    flex-grow: 1;
    background-color: var(--secondry-color) !important;
    text-align: center;
    border-radius: 12px !important;
    padding: 15px 10px !important;
}
/* ===== Layout ===== */
.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}

/* ===== Items panel ===== */
.cart-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}
.cart-panel .ph{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}
.cart-panel .ph h2{font-size:17px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
.cart-panel .ph h2 .cnt{background:var(--secondry-color-050);color:var(--secondry-color);font-size:12.5px;font-weight:800;border-radius:999px;padding:3px 11px}
.cart-panel .ph .clear{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:600;transition:.15s}
.cart-panel .ph .clear:hover{color:#D33A3A}
.cart-panel .ph .clear svg{width:15px;height:15px}

/* row */
.c-item{display:grid;grid-template-columns:96px 1fr auto;gap:18px;padding:20px 24px;border-bottom:1px solid var(--line-2);align-items:center;transition:.18s}
.c-item:last-child{border-bottom:none}
.c-item:hover{background:#FBFCFE}
.c-item .thumb{width:96px;height:96px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--bg);position:relative}
.c-item .thumb image-slot{width:100%;height:100%;display:block}
.c-item .info .nm{font-size:15px;font-weight:700;color:var(--ink);line-height:1.6;margin-bottom:7px;display:block}
.c-item .info .nm:hover{color:var(--secondry-color)}
.c-item .info .attrs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.c-item .info .attrs span{font-size:11.5px;color:var(--ink-2);background:var(--line-2);border:1px solid var(--line);border-radius:7px;padding:4px 9px}
.c-item .info .stock{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ok);font-weight:700}
.c-item .info .stock svg{width:14px;height:14px}

.c-item .right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:150px}
.c-item .price{text-align:left}
.c-item .price .now{font-size:16px;font-weight:800;color:var(--ink)}
.c-item .price .now small{font-size:11.5px;font-weight:600;color:var(--muted);margin-right:3px}
.c-item .price .was{font-size:12px;color:var(--muted);text-decoration:line-through;margin-top:2px}
.c-item .price .off{display:inline-block;background:#FDECEC;color:#D33A3A;font-size:11px;font-weight:800;border-radius:6px;padding:2px 7px;margin-top:4px}

/* qty stepper */
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;height:40px}
.qty button{width:38px;height:100%;display:grid;place-items:center;color:var(--secondry-color);font-weight:800;font-size:18px;transition:.14s}
.qty button:hover{background:var(--secondry-color-050)}
.qty button:disabled{color:var(--line);cursor:not-allowed}
.qty button:disabled:hover{background:none}
.qty .v{width:42px;text-align:center;font-size:15px;font-weight:800;color:var(--ink)}
.c-item .remove{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);font-weight:600;transition:.15s}
.c-item .remove:hover{color:#D33A3A}
.c-item .remove svg{width:14px;height:14px}
.item-acts{display:flex;align-items:center;gap:14px}

/* ===== Summary ===== */
.summary{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px}
.sum-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px}
.sum-box h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.sum-box h3 svg{width:18px;height:18px;color:var(--secondry-color)}

/* coupon */
.coupon{display:flex;gap:9px;margin-bottom:18px}
.coupon input{flex:1;height:46px;border:1.5px solid var(--line);border-radius:11px;padding:0 14px;font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--bg);transition:.15s}
.coupon input::placeholder{color:var(--muted)}
.coupon input:focus{outline:none;border-color:var(--secondry-color);background:#fff;box-shadow:0 0 0 4px var(--secondry-color-050)}
.coupon button{height:46px;padding:0 18px;border-radius:11px;background:var(--secondry-color-050);color:var(--secondry-color);font-weight:800;font-size:13.5px;transition:.15s;white-space:nowrap}
.coupon button:hover{background:var(--secondry-color-100)}

.sum-rows{display:flex;flex-direction:column;gap:13px;padding:18px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.sum-rows .r{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.sum-rows .r span{color:var(--ink-2)}
.sum-rows .r b{color:var(--ink);font-weight:700}
.sum-rows .r.disc span,.sum-rows .r.disc b{color:var(--ok);font-weight:800}
.sum-rows .r .free{color:var(--ok);font-weight:800}
.sum-total{display:flex;align-items:center;justify-content:space-between;padding-top:18px;margin-bottom:18px}
.sum-total span{font-size:15px;font-weight:700;color:var(--ink)}
.sum-total b{font-size:24px;font-weight:800;color:var(--secondry-color)}
.sum-total b small{font-size:12px;font-weight:600;color:var(--muted);margin-right:4px}

.checkout-btn{width:100%;height:56px;border-radius:14px;background:var(--primary-color);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10pxtransition:.18s}

.checkout-btn svg{width:20px;height:20px}
.continue{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:11px;font-size:13.5px;color:var(--ink-2);font-weight:700;transition:.15s}
.continue:hover{color:var(--secondry-color)}
.continue svg{width:16px;height:16px}

/* trust mini */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust .t{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 14px}
.trust .t .ic{width:36px;height:36px;border-radius:10px;background:var(--secondry-color-050);color:var(--secondry-color);display:grid;place-items:center;flex-shrink:0}
.trust .t .ic svg{width:19px;height:19px}
.trust .t b{display:block;font-size:12.5px;color:var(--ink);font-weight:800}
.trust .t span{font-size:11px;color:var(--muted)}

/* ===== Empty state ===== */
.cart-empty{background:var(--card);text-align:center;margin-top:30px;color: var(--text-color);font-size: 20px;font-weight: 600;}
.cart-empty .ic{width:96px;height:96px;border-radius:28px;background:var(--secondry-color-050);color:var(--secondry-color);display:grid;place-items:center;margin:0 auto 22px}
.cart-empty .ic svg{width:48px;height:48px}
.cart-empty h3{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:10px}
.cart-empty p{font-size:14px;color:var(--muted);max-width:380px;margin:0 auto 24px;line-height:1.9}
.cart-empty a{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 30px;border-radius:14px;background:var(--secondry-color);color:#fff;font-weight:800;font-size:15px;box-shadow:var(--shadow-blue);transition:.18s}
.cart-empty a:hover{transform:translateY(-2px);background:var(--secondry-color-600)}
.cart-empty a svg{width:19px;height:19px}

#cartList bdi{
    font-size:18px;
}
#cartList bdi .woocommerce-Price-currencySymbol{
    font-size:12px;
    color:#7b8398;
}
#clearBtn{
    border: none;
    background: transparent;
}
.is-cart-page .cart-notice-msg a{
    display:none !important;
}

.return-to-shop a{
    background:var(--primary-color) !important;
    border-radius:12px !important;
    color:#fff !important;
    padding:12px 20px !important;
}
.is-cart-page .mini-cart-empty-img{
    display: table;
    margin: 20px auto;
    width:240px !important;
    height:240px !important;
}

/* ===== Responsive ===== */
@media(max-width:1080px){
  .cart-grid{grid-template-columns:1fr}
  .summary{position:static}
}
@media(max-width:720px){
  .cart-steps .st b{display:none}
  .cart-steps .seg{width:28px}
  .c-item{grid-template-columns:72px 1fr;gap:14px;padding:18px}
  .c-item .thumb{width:72px;height:72px}
  .c-item .right{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;border-top:1px dashed var(--line);padding-top:14px;margin-top:2px}
  .trust{grid-template-columns:1fr}
  .cart-empty{font-size: 16px;margin: 10px 0 !important;}
}

/* custom-checkout */
.woocommerce-checkout #order_review{
    width: 31%;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 24px;
}


.custom-checkout-order .product-name img{
    width: 60px;
    height: 60px;
    border: 1px solid #7b839821;
    border-radius: 10px;
}
.custom-checkout-order .product-name{
    align-items: center;
    gap: 8px;
    align-items: start;
}
form.woocommerce-checkout{
    gap: 15px;
}
form.woocommerce-checkout input,form.woocommerce-checkout selectbox,form.woocommerce-checkout textarea{
    border: 1.5px solid var(--line) !important;
    border-radius: var(--r-md) !important;
    background: #FAFBFD !important;
    padding: 13px 15px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    color: var(--ink) !important;
    transition: .16s !important;
    resize: none !important;
}
.custom-checkout-product-name{
    display: block;
    font-size: 13px;
    font-weight: 400 !important;
    color: var(--text-color);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#order_review_heading{
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop_table .cart_item{
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 10px;
}
.custom-checkout-order .woocommerce-Price-amount bdi{
    font-size: 13.5px;
    font-weight: bold;
    color: var(--ink);
    white-space: nowrap;
}
.custom-checkout-order > div{
    padding-bottom: 20px;
     border-bottom: 1px dashed var(--line);
     margin-bottom: 20px;
}

.woocommerce-checkout #payment{
    background: rgb(129 110 153 / 4%);
}
.woocommerce-checkout .button{
    width: 100%;
    color: #fff;
    background: var(--primary-color) !important;
    padding: 20px 5px !important;
    border-radius: 14px !important;
}
.woocommerce-checkout #payment div.payment_box{
    background-color: #dcd7e275;
}
.woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid #eceaf0 !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important; 
}
form .col2-set{
    display: flex;
    flex-direction: column;
}
form .col2-set > div{
    width: 100% !important;
}
.woocommerce-form-coupon .button{
    background-color: var(--secondry-color) !important;
    color: var(--bg) !important;
}
.checkout .col2-set{
    width: 67%;
}

.woocommerce-MyAccount-content input:not(input[type='submit']), .select2 {
    width: 100% !important;
    border: 1.5px solid var(--line) !important;
    border-radius: var(--r-md) !important;
    background: #FAFBFD !important;
    padding: 13px 15px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    color: var(--ink) !important;
    transition: .16s !important;
    resize: none !important;
}
.woocommerce-button.view{
    color:var(--text-color) !important
}
.select2-container--default .select2-selection--single{
    border: none !important;
    background-color: transparent !important;
}
.select2-selection__rendered{
    padding: 6px !important;
}
.woocommerce-NoticeGroup{
    width: 100%;
}
.woocommerce-NoticeGroup a,.woocommerce-NoticeGroup p{
    color: var(--text-color) !important;
    font-weight: 500 !important;
}
.woocommerce-remove-coupon{
    color: var(--primary-color) !important;
}

@media(max-width:992px){
    .woocommerce-checkout #order_review,.checkout .col2-set{
        width: 100% !important;
        margin-top: 20px !important;
    }
    .cart-notice,.cart-notice:has(.cart-notice-msg){
        max-width: 90% !important;
        min-width: unset !important;
        width: 80% !important;
        left: 15% !important;
    }
    .cart-notice.show{
        transform: translateX(-5%) translateY(-150px);
    }

}

.woocommerce-order-details table,.woocommerce-customer-details address{
        background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 26px 28px !important;
    margin-bottom: 22px;
}

.woocommerce-order-details table .product-name a{
    color: var(--ink);
}



/* account  */
.woocommerce:has(.woocommerce-MyAccount-navigation){
    display:flex;
    gap:22px;
}
.woocommerce-MyAccount-navigation{
    position:sticky;
    top:20px;display:flex;
    flex-direction:column;
    gap:18px;
    flex-shrink: 0;
    width: 260px;
}
.woocommerce-MyAccount-content{
    width: 100%;
}
.acct-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px}
.acct-welcome h1{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.4px}
.acct-welcome p{font-size:13.5px;color:var(--muted);margin-top:5px}
.acct-welcome .date{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px 15px;font-weight:700}
.acct-welcome .date svg{width:16px;height:16px;color:var(--secondry-color)}
.woocommerce-MyAccount-navigation ul{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.woocommerce-MyAccount-navigation ul a{
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 14px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ink-2);
    transition: .15s;
    position: relative;
}
.woocommerce-MyAccount-navigation ul a::before{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('../images/home-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.woocommerce-MyAccount-navigation-link--orders a::before{
    background-image: url('../images/bag-svgrepo-com.svg') !important;
}
.woocommerce-MyAccount-navigation-link--edit-address a::before{
    background-image: url('../images/map-point-svgrepo-com.svg') !important;
}
.woocommerce-MyAccount-navigation-link--edit-account a::before{
    background-image: url('../images/settings-svgrepo-com.svg') !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout{
    border-top: 1px solid var(--line-2);
    padding-top: 10px;
    margin-top: 5px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a{
    color: #D33A3A !important;
    background: #FDECEC !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before{
    background-image: url('../images/log out.svg') !important;
}

.woocommerce-MyAccount-navigation ul a:hover{
    background: var(--bg);
    color: var(--ink);
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
    color: #D33A3A !important;
    background: #FDECEC !important;
}
.woocommerce-MyAccount-navigation ul .is-active a{
    background: var(--secondry-color);
    color: #fff;

}
.woocommerce-MyAccount-navigation-link--downloads{
    display: none !important;
}

.acct-profile{background:radial-gradient(120% 170% at 88% 0%,#0F329F,var(--navy) 74%);border-radius:var(--r-lg);color:#fff;padding:26px 22px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-blue)}
.acct-profile::after{content:"";position:absolute;left:-30px;bottom:-50px;width:160px;height:160px;border-radius:50%;border:30px solid rgba(255,255,255,.05)}
.acct-profile .av{width:74px;height:74px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-weight:800;font-size:28px;margin:0 auto 14px;position:relative;z-index:2}
.acct-profile b{display:block;font-size:17px;font-weight:800;position:relative;z-index:2}
.acct-profile span{font-size:12.5px;color:#AEBCEC;position:relative;z-index:2}
.acct-profile .lvl{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 13px;font-size:11.5px;font-weight:700;margin-top:13px;position:relative;z-index:2}
.acct-profile .lvl svg{width:13px;height:13px;color:#FFD479}

.acct-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.acct-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px;transition:.18s}
.acct-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#777 !important}
.acct-stat .si{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px}
.acct-stat .si svg{width:23px;height:23px}
.acct-stat b{display:block;font-size:24px;font-weight:800;color:var(--ink);line-height:1.1}
.acct-stat span{font-size:12.5px;color:var(--muted)}
.acct-stat.c1 .si{background:var(--secondry-color-050);color:var(--secondry-color)}
.acct-stat.c2 .si{background:#E9F7EF;color:var(--ok)}
.acct-stat.c3 .si{background:#FFF3E0;color:#C8841F}
.acct-stat.c4 .si{background:#FDECEC;color:#D33A3A}

.custom-orders{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.custom-orders .ph {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--line);
}
.custom-orders .ph h2 {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 10px;
}
.custom-orders  .ph h2 svg {
    width: 18px;
    height: 18px;
    color: var(--secondry-color);
}
.custom-orders .ph .all {
    font-size: 13px;
    font-weight: 700;
    color: var(--secondry-color);
    gap: 5px;
}
.custom-orders .ph .all svg{
    width: 16px;
}
.custom-order-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--line);
}
.custom-order-item p{
    margin: 0;
}
.custom-order-item-status > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
    border-radius: 999px !important;
    padding: 6px 13px !important;
}
.custom-order-item-status .completed{
    background: #E9F7EF;
    color: var(--ok);
}
.custom-order-item-status svg{
    width: 14px;
}
.custom-order-item-status a{
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-2);
    display: flex;
    align-items: center;
    gap: 5px;
    transition: .15s;
}

.custom-order-item-price p{
    font-size: 14px;
    color: var(--muted);
}
.custom-order-item-price{
    font-weight: 800;
    font-size: 16px;
    margin-top: 6px;
}
.custom-order-item-date{
    font-size: 16px;
    color: var(--muted);
}

.woocommerce-orders-table{
    background-color: #fff;
}
.woocommerce-orders-table .button{
    background-color: var(--secondry-color-600) !important;
    padding: 10px 30px !important;
    color: #fff !important;
}
.woocommerce-orders-table .woocommerce-button.view{
    color:var(--text-color) !important
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{
    padding: 21px 8px !important;
}
.woocommerce-MyAccount-content input:not(input[type='submit']),.select2,.woocommerce-MyAccount-content textarea{
    width: 100% !important;
    border: 1.5px solid var(--line) !important;
    border-radius: var(--r-md) !important;
    background: #FAFBFD !important;
    padding: 13px 15px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    color: var(--ink) !important;
    transition: .16s !important;
    resize: none !important;
}
.select2{
    padding: 8px !important;
}
.select2-selection{
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.woocommerce-MyAccount-content input[type='submit'],.woocommerce-MyAccount-content button[type='submit']{
    height: 50px !important; 
    padding: 0 28px !important;
    border-radius: 13px !important;
    background: var(--secondry-color) !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-top: 6px !important;
    box-shadow: var(--shadow-blue) !important ;
    transition: .18s !important;
}
#partner-form-message.error{
    color: var(--primary-color);
}
.partner-form-wrapper input,.partner-form-wrapper textarea{
    text-align: right !important;
    direction: rtl !important;
}

@media(max-width:1080px){
  .acct-grid{grid-template-columns:1fr}
  .acct-side{position:static;flex-direction:row;flex-wrap:wrap}
  .acct-profile{flex:1;min-width:240px}
  .acct-menu{flex:2;min-width:280px;flex-direction:row;flex-wrap:wrap}
  .acct-menu a{flex:1;min-width:150px}
  .acct-menu .div{display:none}
  .acct-stats{grid-template-columns:1fr 1fr}
  .wish-grid{grid-template-columns:1fr 1fr}
  .acct-form .row2,.modal .mb .row2{grid-template-columns:1fr}
}

@media(max-width:992px){
    .woocommerce:has(.woocommerce-MyAccount-navigation){
        flex-wrap: wrap;
    }
    .woocommerce-MyAccount-navigation,woocommerce-MyAccount-content{
        width: 100% !important;
    }
    .woocommerce-MyAccount-navigation{
        position: static !important;
    }
}


@media(max-width:720px){
  .acct-welcome{gap:8px;align-items: start;}
  .acct-stats{grid-template-columns:1fr 1fr}
  .acct-cols{grid-template-columns:1fr}
  .wish-grid{grid-template-columns:1fr 1fr}
  .order-row{grid-template-columns:auto 1fr;gap:14px}
  .order-row .oprice,.order-row .ost{grid-column:span 1;align-items:flex-start;text-align:right}
  .order-row .ost{align-items:flex-start}
  .acct-welcome h1{
    font-size: 20px;
  }
}



/* ---------- Hero ---------- */
.page-hero{
  background:linear-gradient(135deg,var(--navy),var(--navy-light));
  padding:3.5rem 0; position:relative; overflow:hidden;
}
.page-hero::before{
  content:""; position:absolute; left:-60px; top:-70px; width:260px; height:260px; border-radius:50%;
  background:radial-gradient(circle,rgba(226,35,26,.35),transparent 70%);
}
.page-hero h1{ color:#fff; font-weight:800; font-size:clamp(1.7rem,4vw,2.2rem); }
.page-hero .breadcrumb-text{ color:#9fb0c2; font-size:.9rem; }

/* ---------- Cards ---------- */
.card-soft{ background:#fff; border-radius:var(--radius-md); box-shadow:var(--shadow); border:none; }
.icon-circle{
  width:52px; height:52px; border-radius:12px; background:rgba(226,35,26,.1);
  display:flex; align-items:center; justify-content:center; color:var(--red);
}

.form-control,.card-soft-contact input:not(input[type="submit"]),.card-soft-contact textarea{
  border:1px solid var(--border-color) !important; border-radius:var(--radius-sm) !important; background:#f9fafb !important;
  padding:28px 16px !important; font-size:.9rem !important;
  text-align: right !important;
  direction: rtl !important;
  outline: none !important;
  box-shadow: none !important;
}
.card-soft-contact input[type="submit"]{
    background: var(--primary-color) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: .7rem 1.4rem !important;
    font-weight: 700 !important;
    font-size: .9rem !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    outline: none !important;
}
.form-control:focus.card-soft-contact input:focus,.card-soft-contact textarea:focus{ border-color:var(--red); box-shadow:0 0 0 .2rem rgba(226,35,26,.12); background:#fff; }

.map-placeholder{
  border-radius:var(--radius-lg); background:#e7eaee; min-height:420px; color:#8a95a1;
  background-image:linear-gradient(#dfe3e8 1px,transparent 1px),linear-gradient(90deg,#dfe3e8 1px,transparent 1px);
  background-size:32px 32px;
}
.map-placeholder iframe{
    height: 100%;
    border-radius: 20px;
}
.brand-story img{
    border-radius: 20px;
}
.img-placeholder{
  border-radius:var(--radius-lg); background:linear-gradient(135deg,#e7eaee,#dde1e6); color:#8a95a1;
  display:flex; align-items:center; justify-content:center; min-height:320px;
}

/* ---------- Stats ---------- */
.stats-band{ background:var(--navy); padding:3rem 0; }
.stats-band .num{ font-size:2rem; font-weight:800; color:#fff; }
.stats-band .label{ font-size:.9rem; color:#9fb0c2; margin-top:.4rem; display: block;text-align: center;}

/* ---------- Team / Values ---------- */
.avatar-circle{ width:88px; height:88px; border-radius:50%; background:#e7eaee; margin:0 auto;overflow: hidden; }
.avatar-circle img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ---------- Article ---------- */
.article-body{ font-size:1rem; line-height:2.2; color:#33424f; }
.article-body h2{ font-size:1.25rem; font-weight:800; margin:2rem 0 1rem; }
.article-body blockquote{
  border-right:4px solid var(--red); background:#fff; border-radius:12px; padding:1.1rem 1.4rem;
  font-size:.95rem; color:#40515f; margin:0 0 1.4rem;
}
.tag-pills a{ background:var(--bg); color:#40515f; font-size:.8rem; padding:.5rem 1rem; border-radius:20px; }

.social-circle{
  width:38px; height:38px; border-radius:50%; background:var(--bg); display:flex; align-items:center;
  justify-content:center; font-size:.75rem; font-weight:700; color:#40515f;
}

/* ---------- Footer ---------- */
.site-footer{ background:var(--navy); color:#cfd8e3; }
.site-footer h6{ color:#fff; font-weight:700; margin-bottom:1.1rem; }
.site-footer a{ color:#9fb0c2; font-size:.9rem; }
.site-footer a:hover{ color:#fff; }
.footer-social{
  width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); display:flex;
  align-items:center; justify-content:center; font-size:.75rem; font-weight:700;
}
.footer-bottom{ border-top:1px solid rgba(255,255,255,.08); font-size:.85rem; color:#8ea0b3; }
.footer-credit{ background:var(--navy-dark); font-size:.85rem; color:#8ea0b3; }

.single-post-title{
    line-height:1.6;
    font-size:clamp(1.5rem,4vw,2rem);
    line-height:1.6;
    font-size:clamp(1.5rem,4vw,2rem);
}
.avatar-circle{
    width:42px;height:42px
}
.post-detail{
    font-size: 13px;
}
.post-thumbnail img{
    width: 100%;
    max-height: 400px;
    border-radius: 20px;
    object-fit: cover;
}
#sharePostBtn{
    border: none;
    background: transparent;
}
.single-post .comment-form-comment{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.single-post .logged-in-as{
    display: none !important;
}
.comments-area .reply,.comments-area .says{
    display: none !important;
}
.comments-area .comment-body{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}
.comment-body > p{
    width: 100%;
    padding-right: 20px;
}
.single-post .comment-body .commentmetadata,.single-post .comments-title{
    display: none !important;
}
.single-post .comment-body .fn a{
    font-size: 13px;
    color: var(--text-color) !important;
    outline: none !important;
}
.about-page .custom-breadcrumb svg,.contact-page .custom-breadcrumb svg {
    opacity: 1 !important;
}
.about-page .custom-breadcrumb svg path,.about-page .custom-breadcrumb svg,.contact-page .custom-breadcrumb svg path,.contact-page .custom-breadcrumb svg{
    fill: #9fb0c2;
}
.about-page .custom-breadcrumb a ,.about-page .custom-breadcrumb span,.contact-page .custom-breadcrumb a ,.contact-page .custom-breadcrumb span{
    color: #9fb0c2;
}
#contactSuccess{
    background:rgba(46,160,67,.1);color:#1f8a3a;border-radius:12px;border:none
}
.contact-page .gform_fields {
    gap: 25px !important;
}
.gform_validation_errors{
    display: none !important;
}

.mobile-navigation{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #E4E8F4;
    border-radius: 16px;
    position: fixed;
    bottom: 10px;
    padding: 15px 10px 10px;
    z-index: 900;
    width: 90%;
    left: 5%;
}
.mobile-navigation a{
    color: #62748E;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.mobile-navigation a.active{
    color: var(--text-color2);
}
.mobile-navigation a.active svg path{
    fill: var(--primary-color) !important;
}

@media (max-width:991.98px){
  .main-nav .nav-link{ padding:.6rem .25rem !important; }
  .nav-strip .container{ flex-wrap:wrap; }
}
@media (max-width:767.98px){
  .top-bar .container{ row-gap:.75rem; }
  .search-box{ order:3; flex-basis:100%; }
  .page-hero{ padding:2.4rem 0; }
  .map-placeholder{ min-height:280px; }
  .img-placeholder{ min-height:220px; }
}
@media (max-width:575.98px){
  .btn-brand{ padding:.6rem 1rem; font-size:.8rem; }
  .stats-band .num{ font-size:1.5rem; }
}

.category-accordion .accordion-item {
    border: 1px solid #e5e5e5;
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.category-accordion-header {
    width: 100%;
    background-color: #fff;
}

.category-accordion-link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 14px 16px;
    color: #212529;
    font-weight: 600;
    text-decoration: none;
}

.category-accordion-link:hover {
    color: #0d6efd;
    background-color: #f8f9fa;
}

.category-accordion .category-toggle {
    width: 48px;
    min-width: 48px;
    padding: 14px;
    box-shadow: none;
    background-color: transparent;
}

.category-accordion .category-toggle::after {
    margin: auto;
}

.category-accordion .accordion-body {
    padding: 10px;
    background-color: #f8f9fa;
}

.category-accordion .category-count {
    color: #777;
    font-size: 12px;
    font-weight: 400;
}

.category-level-2 {
    margin-right: 10px;
}

.category-level-3 {
    margin-right: 20px;
}

.category-level-2 .category-accordion-link,
.category-level-3 .category-accordion-link {
    font-size: 14px;
}
.sidebar .accordion-button{
    box-shadow: unset !important;
}
.sidebar .accordion-button:not(.collapsed){
    color: var(--text-color);
    background-color: transparent !important;
    box-shadow: unset !important;
}
.sidebar .accordion-body .accordion-item{
    border: none !important;
    border-bottom:1px solid var(--border-color) !important;
}
.sidebar .accordion-body .accordion-item:last-of-type{
    border-bottom: none !important;
}
.sidebar .accordion-item a{
    color: var(--text-color) !important;
}
.sidebar .accordion-body{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.sidebar-category,.sidebar-category-button{
    border-radius: 20px !important;
}
.sidebar-banner img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}

/* factor-page */
.factor-page .nav-link{
    color: var(--text-color);
}
.factor-page .nav-pills button.active{
    background-color: var(--primary-color) !important;
    color: #fff;
}
.formula-item-input-wrapper{
    border:1px solid var(--border);
    border-radius:2px;
    padding:0;
    overflow:hidden;
}
.formula-item-input-wrapper  > div{
    width:35px;
    flex-shrink:0;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-left:1px solid var(--border);
}
.formula-item-input-wrapper  > div span{
    line-height: 0;
    cursor: pointer;
}
.formula-item-input-toggler-plus{
    transform: rotate(180deg);
}
.formula-item-input{
    text-align: left;
    border:none !important;
    height:35px;
    width:100%;
    outline:none;
    padding:5px;
}
.formula-table{
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
.formula-table .formula-table-title svg{
    width:25px;
    fill:var(--secondry-color)
}
th{
    vertical-align: middle;
}
.formula-table table,.formula-table table tr,.formula-table table td,.formula-table table th{
    background-color: transparent !important;
}
.formula-table td:has(input[type="checkbox"]){
    text-align:left;
}
.formula-table table tr:last-of-type td,.formula-table table tr:last-of-type th{
    border: none !important;
}
.formula-table table td{
    width: 140px;
}
.pakages-container{
    margin-top: 70px;
}
.package-item{
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 10px #0000000e;
    position: relative;
}
.packages-title{
    font-size: 28px;
    color: var(--text-color);
    text-align: center;
    font-weight: 700;
}
.package-item-offer{
    display: inline-flex;
    background-color: var(--primary-color);
    position: absolute;
    color: #fff;
    border-radius: 6px;
    position: absolute;
    top: -13px;
    right: 20px;
    font-size: 12px;
    padding: 4px 16px;
}
.package-item.special{
    border: 1px solid var(--primary-color);
}
.packages-subtitle{
    font-size: 16px;
    text-align: center;
}

.pakage-item-img{
    width: 40%;
    flex-shrink: 0;
}
.pakage-item-img img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
}
.package-item-title{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 3px;
}
.calc-result-txt{
    padding:20px;
    border:1px solid var(--primary-color);
    border-radius:24px;
    background: #c2202608;
    line-height: 30px;
}
.calc-result-txt span{
    display: inline-block;
    padding:0 5px 3px;
    position:relative;
}
.calc-result-txt span::before{
    content:"";
    position: absolute;
    background:var(--primary-color);
    height:2px;
    width:100%;
    right:0;
    left:0;
    bottom:5px;
}
.package-item-subtitle{
    font-size: 13px;
    color: var(--blue-600);
    font-weight: 600;
}
.package-item-features{
    margin: 15px 0 0;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--border);
}
.package-item-features li{
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 7px;
    position: relative;
    display: flex;
    align-items: center;
}
.package-item-features li span{
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: var(--blue);
    margin-left: 7px;
    border-radius: 50%;
}
.special .package-item-features li span{
    background-color: var(--primary-color) !important;
}
.package-item-price span:first-of-type{
    font-size: 11px;
    color: var(--text-color);
}
.package-item-price span:last-of-type{
    font-size: 28px;
    color: var(--secondry-color);
    font-weight: 700;
    display: block;
}

.package-item-btns button{
    display: inline-flex;
    width: 100%;
    border-radius: 12px;
    padding: 12px 20px;
    outline: none;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    border: none;
}
.add-package-to-cart{
    background-color: var(--primary-color);
    color: #fff;
}
.see-pakage-details{
    background-color: #fff;
    color: var(--secondry-color) !important;
    border: 1px solid var(--secondry-color) !important;
}

.compare-modal-products .compare-modal-item-product{
    width: calc(24% - 10px);
    border-radius: 12px;
    border: 1px solid var(--border-color);
}
.compare-modal-products .compare-modal-item-product a{
    color: var(--text-color);
    font-size: 13px;
}
.compare-modal-products .compare-modal-item-product img{
    border-radius: 12px;
    width: 40%;
    flex-shrink: 0;
    height:auto;
}
.compare-modal-item-product a span:last-of-type{
    color: #00309F !important;
    font-size: 11px !important;
}
.package-filter .spinner-border{
    display:none;
}
.package-filter.active .spinner-border{
    display:flex !important;
}
.cart-confirm-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
}

.cart-confirm-popup .popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
}


.cart-confirm-popup .popup-box {
    position: relative;
    background: #fff;
    width: 400px;
    max-width: 90%;
    padding: 25px;
    border-radius: 10px;
    margin: 150px auto;
    text-align: center;
}


.popup-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.popup-actions button {
    padding: 10px 20px;
    cursor: pointer;
}

.table-guide{
    padding:20px;
    background-color:#001d3312;
    border-radius:20px;
    margin-bottom:30px;
}
.table-guide-title{
    color:var(--secondry-color);
    font-weight:600;
    font-size:20px;
}
.table-guide-items li {
    display:flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom:10px;
    flex-wrap:wrap;
    padding-right:15px;
}
.table-guide-items li::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--secondry-color);
    margin-left:10px;
    position: absolute;
    top: 7px;
    right: 0;
}
@media(max-width:992px){
    .package-item-content{
        flex-direction: column-reverse !important;
    }
    .pakage-item-img{
        width: 100%;
    }
    .package-item{
        padding: 15px;
    }
    .package-item-price span:last-of-type{
        font-size: 22px;
    }
    .compare-modal-products .compare-modal-item-product{
        width:48%;
    }
    .table-guide-title{
        font-size:18px;
    }
    .table-guide-items li{
        font-size:14px;
    }
}



.offcanvas-backdrop{
    z-index: 1000000;
}
.offcanvas{
    z-index: 10000001;
}

.offcanvas-mobile-menu-content > ul{
    width: 90px;
    flex-shrink: 0;
    max-height: 100%;
    overflow-y: auto;
}
.offcanvas-mobile-menu-content > ul li{
    width: 100%;
}

.offcanvas-mobile-menu-content > ul li button{
    width: 100%;
    background-color: #f0f0f1;
    border: none;
    outline: none;
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    color: var(--text-color);
}
.offcanvas-mobile-menu-content .nav-link.active{
    background-color: #fff !important;
    border-left: 0 !important;
     color: var(--text-color) !important;
}
.nav-mobile-menu-img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.nav-link:focus-visible{
    box-sizing: none !important;
}
.mobile-menu-acc-body{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.mobile-menu-acc-body a{
    display: inline-flex;
    width: calc(33% - 20px);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    font-size: 11px;
    color: var(--text-color);
    text-align: center;
}
.mobile-menu-acc-body a div{
    width: 65px;
    height: 65px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-menu-acc-body a img{
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.offcanvas-mobile-menu-content .accordion-button{
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--text-color) !important;
    padding: 0 !important;
}

.offcanvas .accordion-header > a{
    color: var(--text-color) !important;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
}
.offcanvas-mobile-menu-content .accordion-button::after{
    width: 18px;
    height: 18px;
    background-size: cover;
}
.search-input-mobile{
    border-radius: 20px;
    border: 1px solid var(--border-color);
    padding: 7px 10px;
    font-size: 12px;
}

.btn-close{
    box-shadow: none !important;
    flex-shrink: 0;
    font-size: 12px;
}




.sticky-menu {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.main-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background: var(--primary-color);
    color: white;
    font-size: 25px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.main-btn svg path{
    stroke: #fff;
}
.circle-items {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.circle-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px -2px var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: -34px;
    opacity: 0;
    transform: translateX(0) scale(0);
    transition: all .4s cubic-bezier(.68,-0.55,.27,1.55);
}

.circle-btn svg path{
    fill:var(--secondry-color) !important;
}

.sticky-menu.active .circle-btn:nth-child(1) {
    transform: translateY(70px) scale(1);
    opacity:1;
}

.sticky-menu.active .circle-btn:nth-child(2) {
    transform: translateY(125px) scale(1);
    opacity:1;
}

.sticky-menu.active .circle-btn:nth-child(3) {
    transform: translateY(180px) scale(1);
    opacity:1;
}

.sticky-menu.active .circle-btn:nth-child(4) {
    transform: translateY(235px) scale(1);
    opacity:1;
}

html {
  overflow-x: hidden;
}