:root {
    --white:#ffffff;
    --default_color: #5d6877;
    --default_background: #f9fafc;
    --instagram:linear-gradient(315deg,#e03d96,#7d4c9e);
    --orange: #ffb119;
    --orange_background:linear-gradient(233.69deg, #ffb119 -5.92%, #ffd47f 17.7%);
    --green: #42bbb7;
    --green_background:linear-gradient(233.69deg, #42bbb7 -5.92%, #79d0cd 17.7%);
    --blue: #2f9ef9;
    --primary-color: #FF7979;
    --track: linear-gradient(233.69deg, #ffdaa2 -5.92%, #fff3e0 17.7%);
    --shadow: 0px 5px 25px 0px rgba(126,137,155,.05);
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../font/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../font/YekanBakhFaNum-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html { font-display: swap; }
body { font-family: "Yekan Bakh", Arial, sans-serif !important; ont-synthesis: none;}
h1{font-size: 24px !important;}
h2{font-size: 20px !important;}
h3{font-size: 16px !important;}
h4{font-size: 14px !important;}
a{color: unset; text-decoration: none !important; font-size: 14px;}
p{color: var(--default_color); font-size: 14px; line-height: 1.9; margin-bottom: 0;}
.breadcrumb{color: var(--default_color);}
.breadcrumb svg{position: relative; top: 4px;}
content .alert-success{color: #395f5e; background: #a1dedc; border: none;font-size: 1rem !important;}
content .alert-danger{color: #fff; background: var(--primary-color); border: none;font-size: 1rem !important;}
content .alert-danger ul{list-style: none; padding: 0 !important;}

.section-bg{background: var(--default_background);}
.menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 2; display: none; opacity: 0; transition: opacity 0.3s ease-in-out; }
.menu-overlay.show { display: block; opacity: 1; }
.navbar-collapse { position: fixed; top: 0; right: -100%; width: 80%; height: 100vh; background-color: white; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2); transition: right 0.3s ease-in-out; z-index: 1050; }
.navbar-collapse.show { right: 0; }

header .first-section{border-bottom: 1px solid var(--default_background) !important; padding: 15px 0;}
header .first-section .logo{text-decoration: none; font-size: 3rem !important;}
header .first-section .desktop-search-form{position: relative; border-left: 1px solid var(--default_background); padding-left: 55px; margin-left: 50px;}
header .first-section .desktop-search-form input{color: var(--default_color); background: var(--default_background); border: none; border-radius: 5px; padding: 15px 20px;}
header .first-section .desktop-search-form input:focus{border-color: unset; box-shadow: unset;}
header .first-section .desktop-search-form .search-btn{font-size: 25px; color: var(--default_color); border: none; position: absolute; top: 5px; left: 65px; transform: scaleX(-1);}
header .first-section .desktop-search-form .search-btn:hover{background: none;}
header .first-section .btn-navbar{color: var(--default_color); background: var(--default_background); border: none; border-radius: 5px; padding: 15px 20px;}
header .first-section .slider-btn{color: var(--default_color) !important; background: var(--default_background); border: none !important; border-radius: 5px; padding: 15px 20px;}
header .first-section .btn-navbar i:before{color: var(--orange);}
header .first-section .btn-navbar svg{color: var(--orange);}
header .first-section .slider-btn i:before{color: var(--orange);}
header .first-section .slider-btn svg{color: var(--orange);}
header .second-section{box-shadow: 0 10px 15px -3px rgba(131, 140, 159, .15); padding: 10px 0;}
header .second-section .items-link{color: var(--default_color);}
header .second-section .categories{border-left: 1px solid #dee6ee; padding-left: 25px !important; margin-left: 15px;}
header .second-section .categories:after{display: none;}
header .second-section .categories i:before{color: var(--orange);}
header .second-section .categories svg{color: var(--orange);}
header .mega-menu {display: none; min-width: 800px; border: none; position: absolute !important; border-radius: 0 0 20px 20px; box-shadow: 0 10px 15px -3px rgba(131, 140, 159, .15); overflow: hidden; top: 48px !important; right: 5px !important;}
header .mega-menu .nav { display: flex; flex-direction: column; padding-right: 20px; }
header .mega-menu .nav-link{color: var(--default_color);}
header .mega-menu .nav-pills{padding-right: 0; background: unset;}
header .mega-menu .nav-pills .nav-link.active{background: var(--default_background);}
header .mega-menu .tab-content{padding: 10px 20px;}

content .swiper-container {overflow: hidden;}
content .story-slider { padding: 30px 0 15px; width: 100%; overflow: hidden; min-height: 110px;}
content .story-slider .swiper-slide{text-align: center;}
content .story-box{ display: block !important; width: 100px; height: 100px; border-radius: 100%; background: var(--instagram); overflow: hidden; margin:0 auto; padding: 3px; }
content .story-box .cover{width: 100%; height: 100%; border-radius: 100%; overflow: hidden; cursor: pointer;}
content .story-box .cover img{width: 100%; border-radius: 100%;}
content .story-slider .swiper-slide .title{display: block; width: 80%; font-size: 12px; font-weight: 400; margin: 10px auto 0;}
content .story-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.95); display: none; justify-content: center; align-items: center; z-index: 10000; }
content .story-modal.show { display: flex; animation: modalOpen 0.3s ease-out; }
content .story-modal-content {width: 360px; max-height: 640px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); transform-origin: center; display: flex ; flex-direction: column; align-items: center; justify-content: center;}
content .story-modal-content video {display: block; width: inherit; border-radius: 8px; margin: 0 auto;}
content .story-modal .story-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); border: none; background: #fff; color: #000; font-size: 24px; width: 30px; height: 30px; display: flex; justify-content: center; z-index: 10; border-radius: 20px; user-select: none; }
content .story-modal .prev-btn { right: 10px; } .next-btn { left: 10px; } .story-segment { flex: 1; height: 4px; background: rgba(255,255,255,0.2); overflow: hidden; border-radius: 2px; position: relative; }
content .story-modal .story-fill { background: #ffb119; height: 100%; width: 0%; position: absolute; top: 0; right: 0; }
@keyframes modalOpen {
    from {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

content .main-slider { width: 100%; overflow: hidden; min-height: 100px;}
content .main-slider .swiper-slide { display: flex; align-items: center; justify-content: center; background: var(--default_background); min-height: 330px;}
content .main-slider .desktop-image { display: block; }
content .main-slider .mobile-image { display: none; }

content .main-categories{padding-bottom:20px; min-height: 150px; margin-top: 15px;}
content .main-categories .icon{width: 85px; margin-bottom: 10px;}
content .main-categories .title{text-align: center; font-size: 27px !important; font-weight: bold; color: var(--white); background: var(--green_background); text-shadow: 0 2px 15px var(--green); border-radius: 5px; padding: 25px 0; margin-bottom: 25px;}
content .main-categories .subtitle{color: var(--default_color); text-align: center; margin-bottom: 25px;}
content .main-categories .card{position:relative; background: var(--default_background); border: none; height: 150px; align-items: center; padding: 15px;}
content .main-categories .card h3{color: var(--default_color);}
content .main-categories .card label{color: var(--default_color);}

content .checkout-hero{padding: 35px 0 20px;}

content .products-hero{padding: 35px 0 20px;}
content .products{margin-bottom: 35px;}
content .products .filters{position: sticky; position: -webkit-sticky; top: 20px; margin-bottom: 30px; background: var(--white); box-shadow: var(--shadow); border-radius: 5px; --bs-accordion-border-color: unset;}
content .products .filters .accordion-button { display: flex; justify-content: space-between; align-items: center; }
content .products .filters .accordion-icon { transition: transform 0.3s ease; }
content .products .filters .accordion-button.collapsed .accordion-icon { transform: rotate(0deg); }
content .products .filters .accordion-button:not(.collapsed) .accordion-icon { transform: rotate(180deg); }
content .products .filters .accordion-item{border-bottom: 1px solid #f0f0f0;}
content .products .filters .accordion-item:last-child{border-bottom: unset;}
content .products .filters .accordion-button{color: var(--default_color); position: relative;}
content .products .filters .accordion-button:not(.collapsed){color: var(--default_color); background: unset; box-shadow: unset;}
content .products .filters .accordion-button::after{display: none;}
content .products .filters .accordion-button .bi { margin-left: auto; transition: transform 0.3s ease; font-size: unset; position: absolute; top: 18px; left: 15px; }
content .products .filters .accordion-button:not(.collapsed) .bi { transform: rotate(180deg); }
content .products .filters .submit{padding: 15px 20px;}
content .products .filters .submit button{background: #42bbb7; color: #fff;}

content .products .filters .custom-checklist { list-style: none; padding: 0; margin: 0; direction: rtl; }
content .products .filters .custom-checklist li { position: relative; margin-bottom: 10px; }
content .products .filters .custom-checklist input[type="checkbox"] { display: none; }
content .products .filters .custom-checklist label { position: relative; cursor: pointer; display: inline-block; padding-right: 30px; }
content .products .filters .custom-checklist label::before { content: ''; position: absolute; right: 0; top: 0; width: 20px; height: 20px; border-radius: 6px; border: 1px solid #f0f0f0; background: var(--default_background); }
content .products .filters .custom-checklist input[type="checkbox"]:checked + label::before { background: var(--orange); border-color: var(--orange); content: '✓'; font-size: 14px; color: var(--white); text-align: center; line-height: 20px; }
content .products .filters .custom-checklist .count { font-size: 14px; color: #888; margin-left: 8px; }
content .products .filters .sub-category { margin: 15px 0 0; list-style: none; }
content .products .filters #priceRange { -webkit-appearance: none; appearance: none; width: 100%; height: 10px; background: #f0f0f0; border-radius: 5px; outline: none; margin-bottom: 20px; }
content .products .filters #priceRange::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--default_color); cursor: pointer; transition: background 0.3s ease; }
content .products .filters #priceRange::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--orange); cursor: pointer; transition: background 0.3s ease; }
content .products .filters #priceRange::-webkit-slider-thumb:active { background: var(--orange); }
content .products .filters #priceRange::-moz-range-thumb:active { background: var(--orange); }
content .products .filter-slide { position: fixed; bottom: 0; left: 0; width: 100%; height: 0; background-color: white; transition: height 0.3s ease-in-out; z-index: 9999; overflow-y: auto; }
content .products .filter-slide .close-btn { text-align: center; padding: 10px; background: var(--orange); color: white; cursor: pointer; }
content .products .filter-slide.show {height: 100%;}
content .products .filters .filter-button { cursor: pointer; padding: 10px 20px; background-color: #007bff; color: white; text-align: center; }

content .products .filters .accordion-button:focus{box-shadow: unset;}
content .products .filters .accordion-button:before{content: ''; width: 3px; height: 26px; background: var(--orange); box-shadow: 0 5px 35px rgba(131, 140, 159, .1); border-radius: 4px 0 0 4px; position: absolute; right: 0px;}
content .products .filters .accordion-body{font-size: 14px; color: var(--default_color); padding: 15px 20px 30px;}
content .products .filters .accordion-body .form-control:focus{box-shadow: none; border-color: var(--default_color);}

content .product{background: var(--white); border-radius: 5px;}
content .product-header{position:relative; background: var(--white); box-shadow: var(--shadow); border-radius: 5px 5px 0 0; padding: 15px;}
content .product-header h2 i:before{color: var(--orange); margin-left: 5px;}
content .product-header h2 svg{color: var(--orange); margin-left: 5px; position: relative; top: 3px;}
content .product-header .sort-menu{position:relative;}
content .product-header .sort-menu i{position: absolute; top: 18px; left: 14px;}
content .product-header .sort-menu svg{position: absolute; top: 18px; left: 14px;}
content .product-header select{ width: 250px; color: var(--default_color); background: var(--default_background); border-radius: 5px; border: none; padding: 15px 20px;}
content .product-header select:focus-visible{outline: none; box-shadow: none;}
content .products .sort-icon{display: none;}
content .products .filter-button{display: none;}
content .product .card{border: none; min-height: 360px; display: flex; flex-direction: column;}
content .product .card .image{background: var(--default_background); border-radius: 5px; margin-bottom: 10px; width: 100%; height: auto; text-align: center;}
content .product .card .image img{min-width: 100px; height: auto;}
content .product .card .categories{width:fit-content; font-size: 13px; background: #f0f8ff; color: #6097f3; border-radius: 5px; padding: 5px 10px; margin-bottom: 5px;}
content .product .card .title{min-height: 50px;}
content .product .card .title a{color: #272A32; font-weight: bold; line-height:2;}
content .product .card .price-wrapper{text-align: left; margin-top: 20px; min-height: 48px;}
content .product .card .price-wrapper del{font-weight: 300; font-size: 12px; margin-left: 15px;}
content .product .card .price-wrapper ins{color:var(--primary-color); font-weight: 700; font-size: 14px; text-decoration: none;}
content .product .card .price-wrapper label {color:#838C9F; margin-right: 3px;}
content .product .product-list{background: var(--white); border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; border-radius: 0; padding: 20px;}
content .products .row > .col-6:nth-child(4n) .product-list { border-left: none !important; }
content .products .row > .col-6:nth-of-type(4n) .product-list{}
content .product .product-list .title{font-weight: bold; line-height: 2;}
content .product .row.no-gutters { margin-right: 0; margin-left: 0; }
content .product .row.no-gutters > [class^="col"], .row.no-gutters > [class*=" col"] { padding-right: 0; padding-left: 0; }
content .mobile-buy-bar {position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #eee; padding: 10px 0; z-index: 1050; box-shadow: 0 -10px 15px -3px rgba(131, 140, 159, .15); }

content .product-categories{padding: 35px 0; min-height: 500px; overflow: hidden;}
content .product-categories .section-title:after{content: ""; background: var(--primary-color); border-radius: 10px 10px 0 0; position: absolute; right: 5px; bottom: -18px; width: 90%; height: 5px;}
content .product-categories .more{color: var(--primary-color);}
content .product-categories .more i{font-size: 20px; position: relative; top: 3px;}
content .product-categories .full-card{background: var(--white); box-shadow: var(--shadow); border-radius: 5px; padding: 20px; margin-top: 10px; overflow: hidden;}
content .product-categories .swiper-section{background: var(--white); border-radius: 5px; padding: 25px 25px 20px 25px; overflow: hidden;}
content .product-categories .list{border-right: 1px solid var(--default_background); padding: 0 25px;}
content .product-categories .list ul{list-style: none; padding: 0; margin: 0;}
content .product-categories .list li{margin-top: 15px;}
content .product-categories .list li:first-child{margin-top: 0;}
content .product-categories .list li a{background: var(--default_background); color: var(--default_color); border-radius: 5px; padding: 12px 15px;}
content .product-categories .list li a i{display: inline-flex ; width: 23px; height: 23px; background: #ffffff; border-radius: 100%; text-align: center; align-items: center; justify-content: center;}
content .product-categories .list li svg{display: inline-flex ; background: #ffffff; border-radius: 100%; text-align: center; align-items: center; justify-content: center;}
content .product-categories .special{background: var(--orange_background); box-shadow: 0 5px 25px 0 rgba(255, 107, 1, .1); border: 3px solid rgb(255 255 255 / 1); border-radius: 25px; padding: 25px 0 !important;}
content .product-categories .offer{display: flex ; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
content .product-categories .offer h2{font-size: 26px !important; font-weight: bold; margin-bottom: 30px;}
content .product-categories .offer .timer { display: flex; align-items: center; justify-content: center; }
content .product-categories .offer .timer .time-box { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #ffffff45; border-radius: 5px; margin: 0 5px;}
content .product-categories .offer .timer span { font-size: 27px; font-weight: bold; }
content .product-categories .offer .btn{color: var(--default_color); background: var(--white); box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); border: none; border-radius: 5px; padding: 15px 62px; margin-top: 20px;}
content .product-categories .swiper-container-pointer-events{overflow: hidden;}

content .banner-categories{padding: 35px 0;}
content .banner-categories .card{background: var(--default_background); border: none;}
content .banner-categories .card img{width: 100%; border-radius: 5px;}

content .single-product .card{border: 1px solid  #f0f0f0; border-radius: 5px; margin-bottom: 35px;}
content .single-product .card .gallery{padding: 15px 20px 0 0;}
content .single-product .card .main-image{background: var(--default_background); border-radius: 5px; padding: 50px;}
content .single-product .card .main-image .thumbnail{width: 100%; height: auto; max-height: 500px; object-fit: cover;}
content .single-product .card .gallery-swiper{text-align: center;}
content .single-product .card .gallery-swiper .swiper-slide{background: var(--default_background); border-radius: 5px; padding: 25px; cursor: pointer;}
content .single-product .card .thumbnail-gallery{width: 75px; height: auto;}
content .single-product .card .information{border-right: 1px solid #f0f0f0; position: relative; height: 100%; padding: 15px 23px;}
content .single-product .card .information .payment{background: var(--default_background); border-radius: 5px; padding: 20px 25px; margin-bottom: 25px;}
content .single-product .payment .price {display: flex ; flex-direction: column;}
content .single-product .payment .price del{font-size: 16px;}
content .single-product .payment .price ins{color: var(--primary-color); font-weight: 700; font-size: 25px; text-decoration: none;}
content .single-product .payment .price label{color: #838C9F; font-size: 14px; margin-right: 3px;}
content .single-product .payment .quantity{height: 58px; background: var(--white); box-shadow: var(--shadow); border-radius: 5px; padding: 8px;}
content .single-product .payment .quantity input{border: none;}
content .single-product .payment .quantity input:focus{box-shadow: none;}
content .single-product .payment .quantity input::-webkit-inner-spin-button, content .quantity input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
content .single-product .payment .quantity input {-moz-appearance: textfield;}
content .single-product .payment .quantity button{background: #F8F8FA; color: var(--default_color); border: none;}
content .single-product .payment .quantity button:active{background: unset;}
content .single-product .add-to-cart{height: 58px; background: #00d165; color: #ffffff; border-radius: 5px; border: none; padding: 0 25px;}
content .single-product .card .information .payment .warranty{display: flex; align-items: center; font-size: 14px; font-weight: 400; line-height: 2; background: #5367a1; color: var(--white); border-radius: 5px; padding: 15px;}
content .single-product .card .information .payment .warranty span{position:relative; display: inline-flex ; align-items: center; justify-content: center; background: #ffffff4a; width: 30px; height: 30px; border-radius: 5px; margin-left: 5px;}
content .single-product .card .information .payment .warranty .bi-bookmark-star{position: relative; top: 1px; font-size: 16px;}
content .single-product .card .information .payment .warranty .bi-patch-check-fill{position: absolute; top: -8px; right: -7px; color: var(--orange);}
content .single-product .card .information .extensions{ margin-bottom: 25px;}
content .single-product .card .information .extensions ul{display: flex ; padding: 0; margin: 0; list-style: none; gap: 8px;}
content .single-product .card .information .extensions .item{border: 1px solid #f0f0f0; border-radius: 5px; padding: 5px 20px;}
content .single-product .card .information .extensions .item label{color: var(--default_color); font-size: 14px;}
content .single-product .card .information .extensions .item p{color: #353b44;}
content .single-product .card .information .extra{font-weight: 400; line-height: 2.7; color: var(--default_color); padding-right: 1.5rem; margin-bottom: 25px;}
content .single-product .card .information .description{background: #fff3e0; color: #A76E1A; border-radius: 5px; padding: 20px 25px;}
content .single-product .card .information .description .title{font-size: 18px; font-weight: 700; color: unset;}
content .single-product .card .information .description .title i{font-size: 20px; position: relative; top: 3px; margin-left: 5px;}
content .single-product .card .information .description .title svg{font-size: 20px; position: relative; top: -1; margin-left: 5px;}
content .single-product .card .information .description .special{color: var(--default_color); background: var(--white); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); border: none; border-radius: 50px; padding: 15px 20px;}
content .single-product .card .information .description .special i{color: #A76E1A; font-size: 20px; position: relative; top: 4px; margin-left: 5px;}

content .checkout-auth .card{background: var(--default_background); border: none;}
content .checkout-auth .card button{color: #fff; background: var(--blue); border: none;}
content .checkout-auth .form-control:focus{box-shadow: none; border-color: #ecedef;}

content .checkout .card{background: var(--default_background); border: none; padding: 50px 0; margin-bottom: 35px;}
content .checkout .card .card-icon{color: var(--primary-color); margin-bottom: 15px;}
content .checkout .card-btn{display: block; width: fit-content; color: #fff; background: var(--green); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); border: none; border-radius: 5px; padding: 15px 45px; margin: 20px auto 0;}
content .checkout .item-card{position: relative; border: 1px solid #f0f0f0; border-radius: 5px; background: #fff; padding: 10px; margin-bottom: 10px;}
content .checkout .item-card .img-fluid{width: 110px; height: 110px; border-radius: 5px;}
content .checkout .item-card .quantity{height: 50px; background: var(--default_background); border-radius: 5px; padding: 8px;}
content .checkout .item-card .quantity input{background: var(--default_background); border: none; -moz-appearance: textfield;}
content .checkout .item-card .quantity input:focus{box-shadow: none;}
content .checkout .item-card .quantity input::-webkit-inner-spin-button, content .quantity input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
content .checkout .item-card .quantity button{background: #ffffff; color: var(--default_color); border: none;}
content .checkout .item-card .quantity button:active{background: unset;}
content .checkout .item-card .update{background: unset; border: unset; color: #00d165;}
content .item-card .delete{background: unset; border: unset; color: var(--primary-color); position: absolute; left: 0; bottom: 5px;}
content .checkout .item-card .total{position: absolute; left: 10px; top: 8px; line-height: 1;}
content .checkout .item-card .total strong {font-size: 2rem; font-weight: 800;}
content .checkout .summary{background: var(--default_background); border-radius: 5px; padding: 15px;}
content .checkout .summary .detail{background: unset; border: 1px solid #e1e1e1; border-radius: 5px; padding: 10px; margin-bottom: 15px;}
content .checkout .summary .coupon .enable{top: 5px; left: 5px; padding: 6px 15px; background: #3b4353; color: #ffffff; border: none; border-radius: 5px;}
content .checkout .summary .coupon .disable{top: 5px; left: 5px; padding: 6px 15px; background: var(--primary-color); color: #ffffff; border-radius: 5px; border: none;}
content .checkout .summary .coupon .form-control{border-color: #ecedef; padding: 10px 5px;}
content .checkout .summary .coupon .form-control:focus{box-shadow: none; border-color: #ecedef;}
content .checkout .summary .coupon-code{color: #5d5d5d;}
content .checkout .summary .submit{background: var(--green); color: #ffffff; border: none; width: 100%;}
content .checkout .shipping{border: 1px solid #f0f0f0; border-radius: 5px; background: #fff; padding: 10px; margin-bottom: 10px;}
content .checkout .address{margin: 29px 0 0;}
content .checkout .address .add{font-size: 0.8rem; background: var(--green); color: #ffffff; border: none;}
content .checkout_modal #mapContainer { height: 300px; width: 100%; border-radius: 5px; z-index: 1;}
content .checkout_modal .center-marker { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100%); z-index: 1000; pointer-events: none; width: 40px; }
content .checkout_modal .submit{background: var(--blue); color: #ffffff; border: none;}
content .modal-content .form-control:focus{border-color: unset; box-shadow: unset;}

footer{border-top: 1px solid var(--default_background) !important; padding:25px 0; min-height: 400px;}
footer h4{font-weight: bold; margin-bottom: 0;}
footer .accesses ul{margin: 0; padding: 0; list-style: none;}
footer .track{background-image: var(--track) ; box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px 5px 25px 0px rgba(255,107,1,.08); border: 3px solid rgb(255 255 255 / 1); border-radius: 15px;}
footer .track form{box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) !important;}
footer .track .form-control:focus{box-shadow: none;}
footer .track button{background: rgb(255 174 17 / 1); color: var(--white); border: none; border-radius: 5px;}
footer .track button i{position: relative; top: 3px;}
footer .about{position: relative; background: var(--default_background); color: var(--default_color); border-radius: 5px; padding: 30px 15px; margin: 25px 0;}
footer .about p{font-weight: 500; padding: 0 0 0 50px; margin: 0; line-height: 2.7;}
footer .copyright .social{display: flex; gap: 5px;}
footer .copyright .social a{background-color: var(--default_background); color: var(--default_color); display: flex ; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 5px;}
footer .copyright .social a i{position: relative; top: 4px; font-size: 24px;}


@media (max-width: 575.98px) {

    body.menu-open { overflow: hidden; touch-action: none; }
    .navbar-collapse.menu { display: block !important; position: fixed; top: 0; right: 0; width: 82%; max-width: 340px; height: 100vh; background: #fff; z-index: 1060; transform: translateX(100%); transition: transform .45s cubic-bezier(.4,0,.2,1); visibility: hidden; overflow-y: auto; padding: 1rem; }
    .navbar-collapse.menu.show { transform: translateX(0); visibility: visible; }
    .menu-overlay { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: opacity .35s ease; z-index: 1055; }
    .menu-overlay.show { opacity: 1; visibility: visible; }

    header .first-section{border-bottom: none !important; box-shadow: 0 10px 15px -3px rgba(131, 140, 159, .15); padding: 5px 0 15px;}
    header .first-section .logo{font-size: 2rem !important;}
    header .second-section{box-shadow: none; padding: unset;}
    header .first-section .btn-navbar{font-size: 1.5rem; padding: 9px 15px 5px;}
    header .first-section .slider-btn{font-size: 1.5rem; padding: 3px 15px 0px; margin-right: 9px; z-index: 3;}
    header .first-section .mobile-search-form{position: relative !important; margin-bottom: 15px;}
    header .first-section .mobile-search-form input{color: var(--default_color); background: var(--default_background); border: none; border-radius: 5px; padding: 15px 20px;}
    header .first-section .mobile-search-form .search-btn{font-size: 25px; color: var(--default_color); border: none; position: absolute !important; top: 5px !important; left: 5px !important; transform: scaleX(-1) !important;}

    content .main-slider .desktop-image { display: none; }
    content .main-slider .mobile-image { display: block; width: 100%;}
    content .main-slider .swiper-slide { min-height: auto;}
    content .products-hero{padding: 30px 0 0;}
    content .main-categories{padding: 5px 0 20px;}
    content .main-categories .padding{--bs-gutter-x: 0.25rem;}
    content .main-categories .icon{width: 65px;}
    content .main-categories .title{visibility: hidden; padding: 0; margin: 0; position: absolute;}
    content .main-categories .card{height:120px; margin-bottom: 20px; padding: 10px;}
    content .main-categories .card h3{font-size: 12px !important;}
    content .main-categories .card label{font-size: 12px !important;}
    content .products .filters{display: none;}
    content .products .filter-slide .filters{display: block;}
    content .products .sort-menu { display: none;}
    content .products .sort-icon{display:block; width: fit-content; font-size: 16px; background: var(--default_background); color: var(--default_color); border-radius: 5px; padding: 5px 10px; margin-bottom: 5px;}
    content .products .filter-button{display:block; width: fit-content; font-size: 16px; background: #ffae11; color: #ffffff; border-radius: 5px; padding: 5px 10px; margin-bottom: 5px; margin-right: 10px;}
    content .product .product-list{border: 1px solid #f0f0f0;}
    content .products .row > .col-6:nth-child(1n) .product-list{border-right: none;}
    content .products .row > .col-6:nth-child(2n) .product-list{border-left: none;}
    content .product-categories{padding: 15px 0;}
    content .product-categories .full-card{box-shadow: unset;}
    content .product-categories .swiper-section{margin-top: 25px;}
    content .product-categories .list{border-right: unset; padding: 0;}
    content .product-categories .list ul{margin-top: 25px;}
    content .banner-categories .card{margin-bottom: 25px;}
    content .banner-categories{padding: 15px 0;}

    content .products-hero h1{font-size: 1.3rem !important; font-weight: 700; line-height: 2;}
    content .single-product .card{border: none; margin-top: 15px; margin-bottom: 0;}
    content .single-product .card .gallery{padding: 0;}
    content .single-product .card .information .payment .warranty span{width: 45px; height: 35px; margin-left: 15px;}
    content .single-product .card .information .payment{background: unset; padding: 0;}
    content .single-product .payment .method{display: none;}
    content .single-product .card .information{border: none; padding: 0; margin-top: 25px;}
    content .single-product .card .information .extensions ul{display: grid;}
    content .single-product .card .information .description .title{font-size: 14px;}
    content .single-product .card .information .description .special{font-size: 12px; padding: 10px 15px;}
    content .single-product .add-to-cart{margin: 0 !important; font-size: 0.89rem;}
    content .single-product .price-box .price strong{font-size: 1.5rem; font-weight: 800;}
    content .single-product .price-box .price ins{text-decoration: none !important;}
    content .single-product .card .information .extensions ul { flex-wrap: wrap; display: flex; }
    content .single-product .card .information .extensions ul > li { flex: 0 0 calc(50% - 4px); max-width: calc(50% - 4px); }
    content .single-product .card .gallery-swiper .swiper-slide{padding: 15px;}
    content .single-product .card .padding{padding: 15px 25px 15px 25px;}

    content .checkout .item-card{}
    content .checkout .item-card .img-fluid{width: 85px; height: 85px;}
    content .checkout .item-card .title{font-size: 0.9rem !important; font-weight: 800; line-height: 1.5;}
    content .checkout .item-card .card-footer{background: #f9fafc; border: 1px solid #f1f1f1; border-radius: 5px; padding: 10px; margin-top: 12px; }
    content .checkout .item-card .total{position: unset;}
    content .checkout .item-card .total strong{font-size: 1.1rem;}
    content .item-card .delete{background: #fff; top: -10px; left: 10px; bottom: unset;}
    content .checkout .summary{margin-top: 20px; background: #3b4353; color: #fff; border-radius: 5px; padding: 15px; }
    content .checkout .shipping{margin: 0; background: var(--default_background); color: unset;}
    content .summary-submit{background: #00d165 !important; color: #ffffff; border: none; width: 100%;}

    footer .collapse { display: none; }
    footer .collapse.show { display: block; }
    footer .collapse-header { cursor: pointer; background: var(--default_background); color: var(--default_color); border-radius: 5px; padding: 20px 15px; margin-bottom: 10px;}
    footer .track{margin-top: 25px;}
    footer .about p{margin-bottom: 15px; padding: 0; font-size: 0.85rem; text-align: justify; text-align-last: center;}
}


@media (min-width: 576px) and (max-width: 991.98px) {}


@media (min-width: 992px) {

    .navbar-collapse { position: static; height: auto; width: auto; box-shadow: none; overflow: visible;}
    footer .collapse { display: block !important; }
    footer .collapse.show { display: block !important; }
    footer .collapse-header { pointer-events: none;}
    footer .collapse {display: block !important;}

}

@media (min-width: 1200px) {}