/*
Theme Name:   	Walima
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Karim Mohamed
Author URI:     http://origin-me.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.2.5
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	walima
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

:root {
    --plyr-color-main: #E44949;
    --main-color: #E44949;
    --main-color2: #480404;
    --black-color: #000000;
    --white-color: #fff;
    --gray-color: rgba(0,0,0, 0.75);
    --dark-gray-color: #313131;
}
body{
    font-family: "Montserrat", sans-serif !important;
}
body.rtl{
    font-family: "Cairo", sans-serif !important;
}
a{
    text-decoration: none !important;
    outline: none !important;
}
.site-header{
    padding: 5px 0;
    border-bottom: 1px solid #E6E6E6;
    box-shadow: 0 2px 10px 0 #0000000D;
}
.site-header.sticky{
    position: fixed;
    background-color: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .1);
    z-index: 999;
    padding: 20px !important;
    width: 100%;
    top: 0;
    left: 0;
}
.header-inner{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.header-left,
.header-right{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.menu-navigation {
    display: block;
    width: 100%;
}
.menu-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-navigation ul.sub-menu {
    position: absolute;
    display: block;
    top: 100%;
    background: #fff;
    width: 175px;
    box-shadow: 0 0 15px 0 #0000001A;
    border-radius: 8px;
    padding: 8px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease;
    pointer-events: none;
    left: 0;
}
body.rtl .menu-navigation ul.sub-menu{
    left: inherit;
    right: 0;
}

.menu-navigation ul.menu > li.menu-item-has-children > a::after{
    content: "" !important;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    top: 2px;
    position: relative;
    background-image: url("./assets/images/menu_down.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
body.rtl .menu-navigation ul.menu > li.menu-item-has-children > a::after{
    margin-left: 0;
    margin-right: 6px;
}

.menu-navigation ul li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.menu-navigation ul ul a{
    width: auto;
}

.menu-navigation ul.sub-menu li a {
    padding: 5px 15px !important;
    white-space: nowrap;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
}


.menu-navigation ul.sub-menu li a:hover {
    background: #f2f2f2;
    color: #000;
}

ul#header-menu li.current-menu-parent > a:before,
ul#header-menu li.current-menu-item > a:before{
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    z-index: 2;
    left: 0;
    right: 0;
    bottom: -10px;
    content: "";
}

ul#header-menu li.current-menu-parent > a,
ul#header-menu li.current-menu-item > a{
    font-weight: bold;
}

ul#header-menu{
    gap: 15px;
}
ul#header-menu > li{
    padding: 15px 0;
    position: relative;
}
ul#header-menu li a{
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: #000;
    outline: none;
}
ul#header-menu li a:hover,
ul#header-menu li.current-menu-parent > a,
ul#header-menu li.current-menu-item > a{
    color: var(--main-color);
}

ul.sub-menu li.current-menu-item > a{
    background: #f2f2f2;
}
ul.sub-menu li.current-menu-item > a:after{
    display: none;
}
ul.sub-menu li{
    margin-bottom: 2px;
}

.inner-search,
.custom-cart-icon,
.header-actions{
    padding: 16px;
    border-radius: 99px;
    background: #F7F7F7;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.inner-search input{
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    width: 200px;
}
.inner-search input:focus{
    background-color: transparent;
    outline: none;
}

.custom-cart-icon{ position:relative; }
.custom-cart-icon #CartBox{
    position:absolute; top:8px; right:10px;
    min-width:15px; height:15px; padding:0 5px;
    border-radius:999px; font-size:10px; line-height:15px;
    text-align:center; background:var(--main-color); color:#fff;
}
body.rtl .custom-cart-icon #CartBox{
    right: inherit;
    left: 10px;
}

.site-footer{
    background-color: var(--main-color);
    padding: 50px 0;
}
.footer-copyrights{
    border-top: 2px solid #ffffff3b;
    padding-top: 25px;
    margin-top: 25px;
}
.footer-copyrights p{
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
h3.footer-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
}
ul.contact-info,
ul#footer-menu,
ul.social-links{
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin: 0;
}
ul.social-links li a{
    font-size: 18px;
    color: var(--white-color) !important;
}
ul.contact-info,
ul#footer-menu{
    flex-direction: column;
}
ul.contact-info li,
ul.contact-info li a,
ul#footer-menu li a{
    font-size: 16px;
    color: var(--white-color) !important;
}
ul#footer-menu li a:hover,
ul.social-links li a:hover{
    color: var(--main-color2);
}
ul.contact-info li{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.footer-logo{
    display: flex;
    height: 100%;
    align-items: center;
}

.storefront-breadcrumb .col-full{
    max-width: 100%;
    padding: 0;
}
.pages-breadcrumb .container{
    height: 100%;
}
.breadcrumb-content{
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.header-cover {
    position: relative;
    height: 424px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(./assets/images/breadcrumb_image_new.png);
    margin-bottom: -100px;
}
.header-cover.pages-breadcrumb{
    background-image: url(./assets/images/pages_breadcrumb.png);
    margin-bottom: -50px;
}
.header-cover:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: ' ';
    background: #00000080;
}
.breadcrumb-content .woocommerce-breadcrumb,
.breadcrumb-content .woocommerce-breadcrumb .breadcrumb-separator::after,
.breadcrumb-content .woocommerce-breadcrumb a{
    color: var(--white-color);
}
body.rtl .woocommerce-breadcrumb .breadcrumb-separator{
    rotate: 180deg;
}
.woocommerce-breadcrumb a:first-of-type::before{
    display: none;
}
.woocommerce-breadcrumb .breadcrumb-separator {
    padding: 0 15px;
}
.woocommerce-breadcrumb .breadcrumb-separator::after{
    opacity: 1;
}
.woocommerce-breadcrumb {
    font-weight: 500;
}
.woocommerce-breadcrumb a{
    font-weight: 400;
}

.breadcrumb-content h1{
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -2px;
    color: var(--white-color);
    margin-bottom: 25px;
}
body.rtl .breadcrumb-content h1{
    letter-spacing: 0;
}
.breadcrumb-content p{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: var(--white-color);
    max-width: 60%;
    margin-bottom: 0;
}

body.post-type-archive-product .site-main{
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 10px 0 #0000001A;
    padding: 40px;
}

.search-wrapper form{
    margin-bottom: 0;
}

.rating-under-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin:6px 0 12px;
}

.rating-under-title .star-rating{
    opacity:0.9;
}

.sf-filters__head{
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sf-filters__head .close-filter{
    display: none;
    font-size: 18px;
    color: var(--main-color);
    cursor: pointer;
}
.sf-filters__head h3{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.woocommerce-result-count,
.sf-active__label{
    font-size: 13px;
    font-weight: 600;
    color: #000;
}
.sf-shop-topbar__row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    align-items: center;
}
.sf-active--top{
    display: flex;
    gap: 15px;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.product-cats-before-title{
    margin-bottom: 15px;
}
.product-cats-before-title,
.sf-active__chips{
    display: flex;
    gap: 8px;
}
.product-cats-before-title a,
.sf-chip--remove{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(192,57,43,.1);
  color:var(--main-color);
  text-decoration:none;
  font-size:13px;
}
.sf-chip--remove:hover{
    color: #000;
}

.sf-clear-top{
    color: var(--main-color);
    font-weight: 700;
    font-size: 13px;
}

.sf-chip--remove .sf-chip__x{
  font-size:16px;
  line-height:1;
  opacity:.9;
}

.filter-stars{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sf-stars{
    color:#f5a623;
    font-size:16px;
    letter-spacing:2px;
}

.sf-stars-text{
    font-size:13px;
    color:#666;
}


.sf-group__body{ display:none; margin-top:25px; padding: 0 15px; }
.sf-group.is-open .sf-group__body{ display:block; }



.sf-group{
    margin-bottom: 25px
}
.sf-group__toggle{
  width:100%;
  background:none;
  border:0;
  padding:0;
  font-weight:600;
    font-size: 13px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
    position: relative;
}
body.rtl .sf-group__toggle{
    font-weight: 700;
}

/* arrow */
.sf-group__toggle::after{
    position: absolute;
  content:" ";
  width:8px;
  height:8px;
  border-right:2px solid #000;
  border-bottom:2px solid #000;
  transform: rotate(45deg); /* arrow down */
  transition: transform .2s ease;
    right: 0;
    top: 8px;
}
body.rtl .sf-group__toggle::after{
    right: inherit;
    left: 0;
}

/* when open */
.sf-group.is-open .sf-group__toggle::after{
  transform: rotate(-135deg); /* arrow up */
}


/* ===== WooCommerce Sort dropdown like pill ===== */
.woocommerce .woocommerce-ordering{
    margin: 0;
    position: relative;
    padding: 0;
}

.woocommerce .woocommerce-ordering select.orderby{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 1px solid rgba(0,0,0,.12);
    border-radius: 999px;
    padding: 10px 46px 10px 18px;
    background: #fff;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    outline: none;
}

body.rtl.woocommerce .woocommerce-ordering select.orderby{
    padding: 10px 18px 10px 46px;
}

/* custom arrow */
.woocommerce .woocommerce-ordering::after{
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid rgba(0,0,0,.5);
    border-bottom: 2px solid rgba(0,0,0,.5);
    transform: translateY(-60%) rotate(45deg);
    pointer-events: none;
}
body.rtl.woocommerce .woocommerce-ordering::after{
    right: inherit;
    left: 18px;
}

.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
    font-weight: 500;
    color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.rtl .container-checkbox{
    padding-left: 0;
    padding-right: 35px;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #B3B3B3;
    border-radius: 4px;
}
body.rtl .checkmark{
    left: inherit;
    right: 0;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
  background-color: #ececec;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: var(--main-color);
    border-color: var(--main-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.products{
    padding: 0;
}
.storefront-sorting {
    margin-bottom: 0;
}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers{
    padding: 0;
}

ul.products li.product img{
    border-radius: 16px;
    margin-bottom: 0;
}

.added_to_cart.wc-forward{
    display: none;
}

.custom-shop-card {
    list-style: none;
    margin-bottom: 24px;
}

.custom-shop-card__image {
    position: relative;
    display: block;
    border-radius: 0 0 22px 22px;
    overflow: hidden;
}

.custom-shop-card__image img {
    display: block;
    width: 100%;
    height: 164px;
    object-fit: cover;
}

.custom-shop-card__badge {
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 2;
    background: #fff;
    color: var(--main-color);
    font-weight: 700;
    font-size: 12px;
    padding: 8px 14px;
    border-radius: 0 999px 999px 0;
}
body.rtl .custom-shop-card__badge{
    left: inherit;
    right: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 999px;
    -webkit-border-bottom-left-radius: 999px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 999px;
    -moz-border-radius-bottomleft: 999px;
    border-radius: 0;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
}

.custom-shop-card__body {
    text-align: start;
}

.custom-shop-card__title{
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.custom-shop-card__title a{
    font-size: 18px;
    margin: 0 0 12px;
    font-weight: 500;
}

.custom-shop-card__title a {
    text-decoration: none;
    color: #1f1f1f;
}

.custom-shop-card__meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.custom-shop-card__meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: #4b4b4b;
}

.custom-shop-card__meta-icon {
    font-size: 14px;
    line-height: 1;
    opacity: .8;
}

.custom-shop-card__rating-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 2px;
}

.custom-shop-card__rating {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.custom-shop-card__rating .star-rating {
    margin: 0;
    font-size: 14px;
}

.custom-shop-card__rating-text {
    font-size: 12px;
    color: #4D4D4D;
}

.custom-shop-card__price {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-color);
    white-space: nowrap;
}

.custom-shop-card__price .amount {
    color: var(--main-color);
    font-weight: 700;
}
.custom-shop-card__price del .amount{
    color: #aaa;
    font-weight: 400;
}

.custom-shop-card__cart {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 999px;
    padding: 6px 10px;
    min-width: 150px;
    flex: 1 1 auto;
}

.custom-qty__btn {
    width: 30px;
    height: 30px;
    border: 1px solid #e35b52;
    border-radius: 50%;
    background: transparent;
    color: #e35b52;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.custom-qty__input {
    width: 42px;
    border: 0;
    background: transparent;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #1f1f1f;
    padding: 0;
    -moz-appearance: textfield;
}

.custom-qty__input::-webkit-outer-spin-button,
.custom-qty__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-shop-card__add-to-cart.button {
    border-radius: 999px;
    padding: 12px 20px;
    background: #fff;
    color: #d23d34;
    border: 1px solid #d23d34;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.custom-shop-card__add-to-cart.button:hover {
    background: #d23d34;
    color: #fff;
}

span.start-from{
    font-size: 11px;
    color: #595959;
    font-weight: 400;
}

.custom-shop-card__details-link .button {
    border-radius: 999px;
}

.merged-cart-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    border: 1px solid var(--main-color);
    border-radius: 999px;
    background: #fff;
    overflow: hidden;
}


.merged-cart-box .custom-shop-card__add-to-cart.button{
    margin: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #d23d34;
    font-weight: 600;
    padding: 14px;
    box-shadow: none;
    flex-grow: 1;
}

.merged-cart-box .custom-shop-card__add-to-cart.button:hover{
    background: transparent;
    color: #d23d34;
}
.merged-cart-box .custom-shop-card__add-to-cart.button:hover img{
    filter: brightness(0) invert(1);

}

.merged-cart-box:hover{
    background-color: var(--main-color);
}
.merged-cart-box:hover .custom-qty__input,
.merged-cart-box:hover .custom-shop-card__add-to-cart.button{
    color: #fff;
}

.merged-cart-box .merged-qty{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
    min-width: 140px;
    flex: 0 0 auto;
}

.single-product div.product table.variations select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    cursor: pointer;
    margin-top: 15px;
}
body.rtl.single-product div.product table.variations select{
    background-position: left 10px center;
}

.merged-cart-box .custom-qty__btn{
    width: 28px;
    height: 28px;
    border: 1px solid #e35b52;
    border-radius: 50%;
    background: #fff;
    color: #e35b52;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
}

.merged-cart-box .custom-qty__input{
    width: 36px;
    border: 0;
    background: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #1f1f1f;
    padding: 0;
    -moz-appearance: textfield;
    box-shadow: none;
}

.merged-cart-box .custom-qty__input::-webkit-outer-spin-button,
.merged-cart-box .custom-qty__input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

ul.products li.product{
    margin-bottom: 30px !important;
}
ul.products li.product .button{
    margin-bottom: 0;
    height: 51px;
    line-height: 27px;
}

/* ===== WooCommerce Pagination ===== */
.woocommerce nav.woocommerce-pagination{
    margin-top: 10px !important;
}
.woocommerce-pagination .next,
.woocommerce-pagination .prev{
    text-indent: initial;
    width: auto !important;
}
.woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after{
    display: none;
}
.woocommerce nav.woocommerce-pagination{
    margin-top: 40px;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.woocommerce nav.woocommerce-pagination ul li{
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #B3B3B3 !important;
    background: #fff !important;
    text-decoration: none;
    font-weight: 500;
    color: #000;
    transition: all .2s ease;
}

/* hover */
.woocommerce nav.woocommerce-pagination ul li a:hover{
    background: #ececec !important;
}

/* current page */
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: #d23d34 !important;
    color: #fff !important;
    border-color: #d23d34 !important;
}


.product-title-share{
    display:flex;
    align-items:center;
    gap:20px;
}

.custom-product-title{
    margin: 0;
    font-size: 36px;
    font-weight: 500;
}

.rating-under-title{
    display:flex;
    align-items:center;
    gap:6px;
}

.custom-stars{
    position:relative;
    display:inline-block;
    line-height:1;
    font-size:16px;
    letter-spacing:2px;
}

.custom-stars__base{
    color:#e0e0e0;
}

.custom-stars__fill{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    white-space:nowrap;
    color:#FFC107;
}
body.rtl .custom-stars__fill{
    left: inherit;
    right: 0;
}

.custom-review-form{
    margin-bottom: 0;
}
.form-control:focus{
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--main-color) !important;
}
textarea.form-control{
    resize: none;
}

.rating-average{
    font-weight: 400;
    font-size: 14px;
    color: #4D4D4D;
}

.rating-review-count{
    font-size: 14px;
}

.related-products-full{
    position: relative;
    padding: 80px 0;
    margin-bottom: 80px;
    background-size: contain;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-image: url(./assets/images/related-bg.png);
}
.related-products-full:before,
.related-products-full:after{
    position: absolute;
    width: 100%;
    height: 100%;

    left: 0;
    content: ' ';
    background: #ffffff;
}
.related-products-full:after {
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(253, 187, 45, 0) 100%);
}
.related-products-full:before {
    top: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.related-products-full.site-main ul.products.columns-4 li.product{
    background-color: #fff;
    padding-bottom: 16px;
    border-radius: 16px;
    margin-bottom: 0 !important;
}
.related-products-full.site-main ul.products.columns-4 li.product .custom-shop-card__body{
    padding: 0 16px;
}
.related-products-full.site-main ul.products li.product .custom-shop-card__image{
    border-radius: 0;
}
.related-products-full.site-main ul.products li.product img{
    -webkit-border-radius: 16px;
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius: 16px;
    -moz-border-radius-bottomright: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-radius: 16px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}
.related-products-full.site-main .merged-cart-box{
    justify-content: center;
}
.related-products-full.site-main .custom-shop-card__price del .amount,
.related-products-full.site-main .custom-qty{
    display: none;
}
.reviews-head h2,
h2.colored-title{
    text-align: start !important;
    color: #000;
    font-weight: 600;
    font-size: 24px !important;
    margin-bottom: 35px !important;
}
.reviews-head h2{
    margin-bottom: 15px !important;
}
h2.colored-title span{
    color: var(--main-color);
}
.woocommerce-tabs-description{
    padding: 20px;
    border-radius: 16px;
    background-color: #F7F7F7;
    margin-bottom: 50px;
}
.woocommerce-tabs-description h2{
    font-size: 14px;
    font-weight: 500;
    color: #4D4D4D;
    margin-bottom: 25px;
}
.woocommerce-tabs-description p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black-color);
}


.product-reviews-carousel{
    position: relative;
    padding: 30px 0 60px 0;
}
.product-reviews-carousel:before,
.product-reviews-carousel:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:230px;
}
.product-reviews-carousel:before{
    background-image: url(./assets/images/reviews_bg.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    z-index:0;
}
.product-reviews-carousel:after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 72.6%);
    z-index:1;
}
body.rtl .product-reviews-carousel:after{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 72.6%);
}
.reviews-head{
    position: relative;
    z-index: 9;
    margin-bottom: 40px;
}
.owl-carousel{
    z-index: 9 !important;
}
.review-card{
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    border: 2px solid #E6E6E6;
}
.review-meta{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #E6E6E6;
}
.review-text{
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black-color);
}


.otgs-development-site-front-end{
    display: none;
}

.review-stars-input{
    display:flex;
    gap:6px;
}

.review-stars-input .star-btn{
    border:0;
    background:transparent;
    font-size:19px;
    line-height:1;
    color:#ddd;
    cursor:pointer;
    padding:0;
}

.review-stars-input .star-btn.is-active{
    color:#FFC107;
}

.review-stars{
    font-size:13px;
}

.review-stars .filled{
    color:#FFC107;
}

.review-stars .empty{
    color:#ddd;
}


.owl-carousel .owl-stage{
    display:flex;
}

.owl-carousel .owl-item{
    display:flex;
}

.review-card{
    display:flex;
    flex-direction:column;
    height:100%;
    flex-grow: 1;
}

#review-toast{
    position: fixed;
    top: -100%;
    left: 20px;
    background: #28a745;
    color: #fff;
    padding: 15px 30px;
    border-radius: 99px;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: top 0.5s ease, opacity 0.5s ease;
}

#review-toast.show{
    top: 20px;
    opacity: 1;
    visibility: visible;
    display: block;
}

body.rtl #review-toast{
    left: inherit;
    right: 20px;
}

body.rtl .owl-nav button{
    rotate: 180deg;
}

.review-author{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.review-meta strong{
    font-weight: 700;
    font-size: 16px;
    color: var(--black-color);
}
span.date{
    font-size: 12px;
    font-weight: 300;
    color: #4D4D4D;
}
.owl-nav,
.reviews-title{
    display: flex;
    flex-direction: row;
    gap: 25px;
}
.owl-carousel .owl-stage-outer{
    padding: 0 2px;
}
.owl-nav button{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #E6E6E6;
    font-size: 11px;
}

/* =========================
   TP Woo Product Gallery
   Main wrapper
========================= */
.tpwpg-main.images {
    max-width: 100%;
}

/* =========================
   Large main image
========================= */
body.no-product-gallery .tpwpg-main .slider-nav{
    display: none;
}
.tpwpg-main .slider-for {
    margin-bottom: 16px;
}

.product-gallery-image,
.tpwpg-main .slider-for .tpslick-list,
.tpwpg-main .slider-for .tpslick-track,
.tpwpg-main .tpwpg-big {
    height: 420px !important;
    border-radius: 28px;
    overflow: hidden;
}

.tpwpg-main .tpwpg-big {
    background: #f5f5f5;
}

.tpwpg-main .tpwpg-big img,
.tpwpg-main .tpwpg-big .tpwpg_zoom > img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
    border-radius: 28px;
}

/* اخفاء تكبير Hover لو مش عايزه */
.tpwpg-main .tpwpg_zoom p,
.tpwpg-main .tpwpg_zoom svg {
    display: none !important;
}

/* =========================
   Thumbnails area
========================= */
.tpwpg-main .slider-nav {
    position: relative;
    padding: 0 52px;
}

.tpwpg-main .slider-nav .tpslick-list {
    margin: 0 -6px;
}

.tpwpg-main .slider-nav .tpslick-slide {
    padding: 0 6px;
    box-sizing: border-box;
}

.tpwpg-main .tpwpg-thumbnail {
    border-radius: 14px;
    overflow: hidden;
    background: #f2f2f2;
}

.tpwpg-main .tpwpg-thumbnail img {
    width: 100%;
    height: 92px;
    object-fit: cover;
    display: block;
    border-radius: 14px;
    opacity: 0.9;
    transition: all 0.2s ease;
}

/* الصورة النشطة */
.tpwpg-main .slider-nav .tpslick-current .tpwpg-thumbnail img {
    opacity: 1;
    box-shadow: 0 0 0 2px #c9443a inset;
}

/* =========================
   Prev / Next arrows
========================= */
.tpwpg-main .slider-nav .tpslick-prev,
.tpwpg-main .slider-nav .tpslick-next {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff !important;
    border: 1px solid #ececec;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.tpwpg-main .slider-nav .tpslick-prev:hover,
.tpwpg-main .slider-nav .tpslick-next:hover {
    background: #fafafa !important;
}

.tpwpg-main .slider-nav .tpslick-prev {
    left: 0;
}
body.rtl .tpwpg-main .slider-nav .tpslick-prev{
    left: inherit;
    right: 0;
}

.tpwpg-main .slider-nav .tpslick-next {
    right: 0;
}
body.rtl .tpwpg-main .slider-nav .tpslick-next{
    right: inherit;
    left: 0;
}

.tpwpg-main .slider-nav .tpslick-prev svg,
.tpwpg-main .slider-nav .tpslick-next svg {
    width: 12px;
    height: 12px;
    fill: #555;
}

.tpwpg-main .slider-nav .tpslick-prev svg {
    transform: rotate(90deg);
}
body.rtl .tpwpg-main .slider-nav .tpslick-prev svg{
    transform: rotate(-90deg);
}

.tpwpg-main .slider-nav .tpslick-next svg {
    transform: rotate(-90deg);
}

body.rtl .tpwpg-main .slider-nav .tpslick-next svg {
    transform: rotate(90deg);
}

/* =========================
   Dots
========================= */
.tpwpg-main .slider-nav .tpslick-dots {
    position: static;
    margin: 14px 0 0;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 15px !important;
}

.tpwpg-main .slider-nav .tpslick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.tpwpg-main .slider-nav .tpslick-dots li button {
    width: 20px;
    height: 6px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #e4d7d4;
    text-indent: -9999px;
    overflow: hidden;
}

.tpwpg-main .slider-nav .tpslick-dots li.tpslick-active button {
    background: #c9443a;
}

/* =========================
   Launch / fullscreen icon
========================= */
.tpwpg-main #launchGallery {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.tpwpg-main #launchGallery svg {
    width: 18px;
    height: 18px;
    fill: #444;
}


.wc-buy-now-btn{
    border-radius: 99px;
    padding: 15px 30px;
    width: 100%;
    background-color: var(--main-color) !important;
}

.single-product div.product form.cart{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.single-product .merged-cart-box{
    flex-direction: row-reverse;
}
.single-product div.product .product_meta{
    border: 0;
}

.single-product .price{
    margin: 15px 0 !important;
}
.single-product .price .amount{
    font-size: 32px;
    font-weight: 700;
    color: var(--main-color);
}

.single-product .merged-cart-box .custom-shop-card__add-to-cart.button{
    display: flex;
    gap: 10px;
}
.product-preparation-after-price > div {
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
}
.product-preparation-after-price > div:last-child{
    margin-bottom: 0;
}
.product-preparation-after-price{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
table.variations td.label label,
.product-preparation-after-price strong{
    color: #4D4D4D;
    font-weight: 400;
}

.merged-single-cart .variations{
    margin-bottom: 18px;
    width: 100%;
}

.merged-single-cart .variations td{
    padding-bottom: 12px;
}

.merged-single-cart .variations select{
    width: 100%;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 14px 18px;
    background: #f8f8f8;
    outline: none;
}

.merged-single-cart .reset_variations{
    display: inline-block;
    margin-top: 8px;
    color: #d23d34;
    text-decoration: none;
}

.empty-reviews{
    position: relative;
    z-index: 9;
    margin: 0 auto;
    padding: 20px 24px;
    border: 1px solid #f0d9d6;
    background: #fff7f6;
    color: #7a4b45;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
    width: 70%;
}

.merged-single-cart .single_variation{
    margin-bottom: 14px;
}

.storefront-breadcrumb{
    margin: 0;
}
body.archive .storefront-breadcrumb{
    margin-bottom: 50px;
}

.wooac-popup{
    max-width: 500px;
    border-radius: 25px;
    padding: 40px;
}
.wooac-popup .mfp-close{
    position: absolute;
    top: 10px;
    right: 10px;
}
body.rtl .wooac-popup .mfp-close{
    right: inherit;
    left: 10px;
}
.wooac-action{
    display: flex !important;
    flex-direction: row;
    gap: 5px;
}
.wooac-action a{
    flex: 1;
    width: 50%;
    font-size: 13px !important;
}
a#wooac-cart{
    border-radius: 99px;
    padding: 12px 24px;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    height: auto;
    text-align: center;
    background-color: #fff;
    line-height: normal;
}
a#wooac-continue{
    border-radius: 99px;
    padding: 12px 24px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    color: var(--white-color);
    height: auto;
    text-align: center;
    line-height: normal;
}

table.shop_table .actions,
.coupon{
    display: none !important;
}
.custom-cart-layout{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

.cart-left{
    width:65%;
}

.checkout-right,
.cart-right{
    width: 35%;
    border: 1px solid #E6E6E6;
    padding: 20px;
    border-radius: 16px;
}
.checkout-right{
    width: 100%;
    border-bottom: 0;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.woocommerce-checkout-payment{
    border: 1px solid #E6E6E6;
    padding: 20px;
    -webkit-border-bottom-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-bottomright: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top: 0;
    padding-top: 0;
}
#payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label{
    padding: 15px;
    margin: 0;
}

#payment .place-order{
    padding: 0;
    background-color: transparent;
}

#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    color: var(--main-color);
}

#payment .payment_methods > li:not(.woocommerce-notice) {
    border-radius: 99px;
}
#payment .place-order{
    margin-top: 15px;
}

.payment_box{
    background-color: white !important;
    padding: 10px 0 !important;
    font-size: 12px;
    font-weight: 500;
}

.cart-top-data{
    margin-bottom: 50px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.cart-top-data h2{
    margin: 0;
    font-size: 40px;
    font-weight: 700;
}
.cart-top-data span{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(192, 57, 43, .1);
    color: var(--main-color);
    text-decoration: none;
    font-size: 13px;
}

.cart-summary-products{
    padding-bottom: 20px;
}
.wc-forward::after,
.woocommerce-Button--next::after{
    display: none;
}

.cart-summary-products__title{
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 600;
}

.cart-summary-product{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
}
.cart-summary-product.one-item{
    padding-bottom: 0;
}
.cart-coupon-box h3{
    font-size: 13px;
    font-weight: 600;
    color: #000;
}
.cart-coupon-box .woocommerce-coupon-form{
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
    margin: 15px 0;
}
.cart-coupon-box .woocommerce-coupon-form input{
    border-radius: 11px;
    border: 1px solid #E6E6E6;
    padding: 8px 16px;
    box-shadow: none;
    background-color: #fff;
    font-size: 14px;
}
.cart-coupon-box .woocommerce-coupon-form button{
    border-radius: 99px;
    border: 1px solid #E44949;
    padding: 8px 24px;
    box-shadow: none;
    background-color: #fff;
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
}
.coupon-error-notice{
    font-size: 11px;
    color: var(--main-color);
}
.coupon-chip__code{
    font-size: 12px;
}
.coupon-chip a{
    font-size: 15px;
    color: var(--main-color);
}
.coupon-chip{
    padding: 5px 10px;
    border: 1px solid #ccc8c8;
    border-radius: 6px;
    margin-top: 6px;
    display: inline-block;
}

fieldset legend,
fieldset{
    background-color: transparent;
}

.sub-heading {
    height: 0;
    border-top: 1px solid #E6E6E6;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.sub-heading span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: var(--main-color);
    background-color: #fff;
}

.cart-summary-product__price strong{
    font-weight: 600;
}
.woocommerce-cart .site-main,
.woocommerce-cart .content-area,
.woocommerce-cart .hentry{
    margin: 0 !important;
}

.col2-set .col-1, .col2-set .col-2{
    width: 100%;
}

.iti {
    width: 100%;
}

.sg-map-title.msp-title-text{
    display: none;
}

.iti input#billing_phone {
    width: 100%;
    padding-left: 52px !important;
    min-height: 48px;
    border-radius: 12px;
}

.cart-summary-product__info{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
hr.space-line{
    border-top: 1.5px solid #E6E6E6;
}
.cart-summary-product__name{
    font-size: 14px;
    color: #4D4D4D;
    font-weight: 500;
}

.cart-summary-product__qty{
    font-size: 14px;
    color: #000000;
}

.cart-summary-product__price{
    font-size: 15px;
    font-weight: 600;
    color: #222;
    white-space: nowrap;
}

.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator{
    width: 100%;
}
.cart-item{
    display:flex;
    align-items:center;
    gap:20px;
    padding:15px 0;
    background:#fff;
}

.cart-image{
    position: relative;
}
.cart-image a{
    position: absolute;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    top: 5px;
    left: 5px;
    font-size: 13px;
}
body.rtl .cart-image a{
    left: inherit;
    right: 5px;
}
.cart-image a.remove::before{
    color: var(--main-color);
}

.cart-image img{
    width:120px;
    border-radius:12px;
}

.cart-info{
    flex:1;
}

.cart-item-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cart-title{
    font-size: 20px;
    font-weight: 500;
    margin-bottom:10px;
}
.cart-title span{
    font-size: 12px;
    position: relative;
    top: -5px;
    font-weight: 700;
    opacity: .75;
    margin-right: 2px;
}
body.rtl .cart-title span{
    margin-right: 0;
    margin-left: 2px;
}

.cart-price{
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.cart-qty{
    display: flex;
    align-items: center;
    background-color: #F7F7F7;
    width: fit-content;
    padding: 8px;
    border-radius: 99px;
    margin-top: 15px;
}

body.rtl .merged-cart-box .merged-qty,
body.rtl .cart-qty{
    flex-direction: row-reverse;
}

.cart-qty input{
    width: 150px !important;
    border: 0;
    background: transparent !important;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #1f1f1f;
    padding: 0;
    -moz-appearance: textfield;
    box-shadow: none;
}
input:focus,
textarea:focus,
select:focus{
    outline: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.cart-qty button{
    width:25px;
    height:25px;
    border-radius:50%;
    border:1px solid var(--main-color);
    background:transparent;
    color: var(--main-color);
    padding: 0;
}
body.rtl .cart-qty button{
    line-height: 7px;
    padding-top: 0;
}

[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container{
    right: auto !important;
    left: 0 !important;
}
.rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
    transform: none;
}

.wc-proceed-to-checkout{
    margin-bottom: 0;
}
a.wc-backward,
a.track-order-btn,
#payment .place-order .button,
.wc-proceed-to-checkout .button.checkout-button{
    margin: 0;
    background-color: var(--main-color);
    border-radius: 99px;
    padding: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
a.wc-backward{
    padding-left: 50px;
    padding-right: 50px;
}
a.track-order-btn{
    display: flex;
    margin-top: 15px;
    gap: 15px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

body:not(.logged-in).woocommerce-account .woocommerce{
    max-width: 980px;
    margin: 0 auto;
}
body:not(.logged-in).woocommerce-account .entry-content{
    background: linear-gradient(180deg, #fff8f7 0%, #ffffff 100%);
    border-radius: 28px;
    padding: 24px;
    box-shadow: 0 12px 40px rgba(0,0,0,.04);
}
.vertical-tabs-layout{
    display: grid;
    grid-template-columns: 240px 1fr;
    align-items: start;
}

.vertical-tabs-layout .myaccount-tabs-nav .nav-link{
    text-align: start;
    background: transparent;
    color: #444;
    -webkit-border-radius: 12px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 12px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px 20px;
    transition: all .2s ease;
}
body.rtl .vertical-tabs-layout .myaccount-tabs-nav .nav-link{
    -webkit-border-radius: 12px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 12px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.vertical-tabs-layout .myaccount-tabs-nav .nav-link:hover{
    background: #fff4f2;
    color: #c9443a;
}

.vertical-tabs-layout .myaccount-tabs-nav .nav-link.active{
    background: #fff;
    color: #c9443a;
}

.vertical-tabs-layout .myaccount-tabs-content{
    min-width: 0;
}

.form-row.woocommerce-invalid input.input-text{
    border-color: #e2401c;
    box-shadow: none;
}
.form-row.woocommerce-validated input.input-text{
    border-color: #0f834d;
    box-shadow: none;
}
.myaccount-tab-card{
    background: #fff;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 50px 20px;
}

body.rtl .myaccount-tab-card{
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

body.rtl [type=email]{
    direction: rtl !important;
}

#order_review_heading,
#billing_country_field,
#billing_address_1_field,
#billing_city_field,
#billing_state_field{
    display:none !important;
}

.myaccount-tab-card h2{
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #1f1f1f;
}


.custom-woocommerce-forms .form-row label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.shipping_address .form-row{
    display: none;
}
.checkout-location-picker-box__title{
    font-size: 18px;
    font-weight: 600;
}

.checkout-location-picker-box__desc{
    margin: 0 0 14px;
    color: #666;
}

.checkout-location-picker-box__actions button{
    padding: 10px 15px;
    border-radius: 5px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 14px;
}

.location-map-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    margin-bottom: 15px;
}


.checkout-location-picker-box{
    margin-bottom: 25px;
 }

#checkout-location-map{
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: #f5f5f5;
}

.checkout-location-picker-box__address{
    margin-top: 14px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #f0d9d6;
    background: #fff7f6;
    color: #7a4b45;
    font-size: 16px;
    line-height: 1.7;
    display: flex;
    gap: 10px;
    font-weight: 600;
}

.shipping-map-hidden-field{
    display: none !important;
}

#order_comments,
.custom-woocommerce-forms .input-text,
.custom-woocommerce-forms input[type="text"],
.custom-woocommerce-forms input[type="email"],
.custom-woocommerce-forms input[type="password"],
.custom-woocommerce-forms input[type="tel"]{
    width: 100%;
    min-height: 40px;
    padding: 11px 15px;
    border: 1px solid #E6E6E6;
    border-radius: 11px;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
    color: #808080;

}

#order_comments:focus,
.custom-woocommerce-forms .input-text:focus,
.custom-woocommerce-forms input[type="text"]:focus,
.custom-woocommerce-forms input[type="email"]:focus,
.custom-woocommerce-forms input[type="password"]:focus,
.custom-woocommerce-forms input[type="tel"]:focus{
    border-color: #808080;
    outline: none;
}

.custom-woocommerce-forms .button,
.custom-woocommerce-forms button.button,
.custom-woocommerce-forms input.button{
    min-height: 52px;
    padding: 0 50px;
    border: 0;
    border-radius: 999px;
    background: #c9443a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

#order_comments{
    height: 75px;
    resize: none;
}

.before-order-notes{
    font-size:14px;
    color:#000;
    font-weight: 600;
}

.custom-woocommerce-forms .password-input button{
    padding: 8px 10px;
    background-color: transparent;
    color: var(--main-color);
    opacity: .75;
}

.woocommerce-account .lost_password{
    margin-top: 12px;
    font-size: 14px;
}

.woocommerce-account .lost_password a{
    color: #c9443a;
    text-decoration: none;
}


.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
    border:0;
    border-radius:12px;
    padding:16px 18px;
    margin-bottom:20px;
    font-size:14px;
    display:flex;
    flex-direction: column;
    align-items:start;
    gap:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    padding-left: 50px;
}

body.rtl .woocommerce-error,
body.rtl .woocommerce-message,
body.rtl .woocommerce-info{
    padding-left: 0;
    padding-right: 50px;
}

.woocommerce-error li strong,
.woocommerce-message li strong,
.woocommerce-info li strong{
    font-weight: 400;
}
.checkout-inline-error-message{
    display: none;
}

.woocommerce-message{
    background:#e9f9ee;
}
.woocommerce-message,
.woocommerce-message li a{
    color:#1e7e34;
}

.woocommerce-info{
    background:#e8f3ff;
}
.woocommerce-info,
.woocommerce-info li a{
    color:#0b5ed7;
}

.woocommerce-error{
    background:#fdeaea;
}
.woocommerce-error,
.woocommerce-error li a{
    color:#b02a37;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    margin-right:8px;
}

body.rtl .woocommerce-message::before,
body.rtl .woocommerce-info::before,
body.rtl .woocommerce-error::before{
    margin-right: 0;
    margin-left: 8px;
}

.woocommerce-message::before{
    content:"\f058";
    color:#1e7e34;
}

.woocommerce-info::before{
    content:"\f05a";
    color:#0b5ed7;
}

.woocommerce-error::before{
    content:"\f06a";
    color:#b02a37;
}


.order-complete{
    width: 700px;
    margin: 50px auto 0;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #E6E6E6;
}
.complete-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
}
.order-title-text{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.order-title-text h3{
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.order-title-text p{
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}

.complete-body p{
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}

.pay-number{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.pay-number strong{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}
.pay-number button{
    display: inline-flex;
    background-color: transparent;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
    color: var(--main-color);
}

.pay-notes{
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    background: #FFF2F2;
}
.pay-notes p{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    color: #000;
}
.pay-notes strong{
    font-weight: 700;
}

.track-page{
    padding: 50px 0;
}

.track-page h1{
    font-weight: 700;
    font-size: 24px;
}

.order-status-box {
    border: 1px solid #E6E6E6;
    padding: 20px;
    border-radius: 16px;
}
.order-status-box h2{
    font-size: 20px;
    font-weight: 600;
}
.status-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.status-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 20px;
    width: 2px;
    height: 100%;
    background: #e5e5e5;
}
body.rtl .status-item:not(:last-child)::after{
    left: inherit;
    right: 14px;
}

.status-item .dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    border: 3px solid #fff;
    z-index: 8;
}

.status-item .dot:before{
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: transparent;
    content: " ";
    left: 6px;
    top: 6px;
    border-radius: 50%;
}

.status-item.done .dot {
    background: #E4EDE8;
}

.status-item.current .dot {
    background: #FFF2F2;
}

.status-item.upcoming .dot {
    background: #F7F7F7;
}

.status-item.done .dot:before {
    background: #219653;
}

.status-item.current .dot:before {
    background: #E44949;
}

.status-item.upcoming .dot:before {
    background: #808080;
}

.status-item .content h4 {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin-bottom: 10px;
}
.status-item .content h4 span{
    font-size: 12px;
}

.status-item .content{
    display: block;
    width: 100%;
}
.status-item .content p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #4D4D4D;
    margin: 0;
}

.delivery-time{
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
}
.delivery-time strong{
    font-weight: 700;
}

.delivery-time i{
    background-color: #FFF2F2;
    padding: 8px;
    border-radius: 4px;
    font-size: 11px;
    color: var(--main-color);
}

.order-status-box .status-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}

.order-details{
    border-radius: 8px;
    padding: 20px;
    background: #F7F7F7;
    border: 1px solid #E6E6E6;
    margin-top: 15px;
}

.order-details-item{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
body.rtl .order-details-item.english-ltr{
    direction: ltr;
    text-align: right;
}
.order-details-item span.col-title{
    color: #808080;
}

.a2a_button_copy_link .a2a_svg{
    background-color: transparent !important;
}
.a2a_button_copy_link .a2a_svg svg path{
    fill: #000;
}
#a2a_copy_link_copied{
    background-color: var(--main-color) !important;
}
label.a2a_s_link#a2a_copy_link_icon,
label.a2a_w_link#a2a_copy_link_icon{
    background-color: var(--main-color);
}

p.guest-msg{
    font-size: 12px;
    line-height: 16px;
    color: #4D4D4D;
}
.guest-actions{
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.guest-actions a{
    color: var(--main-color);
    font-weight: 700;
    font-size: 13px;
}
.guest-actions a:hover{
    color: var(--black-color);
}
.guest-actions .h-divider{
    height: 20px;
    width: 2px;
    background-color: #eee;
}

.order-details-item.last-row{
    margin-bottom: 0;
}

.my-account-stats{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 25px;
}
.my-account-stats .stat-box {
    background: #f7f7f7;
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 500;
    flex-grow: 1;
    font-size: 23px;
}
.my-account-stats .stat-box span.box-label{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
}
.my-account-stats .stat-box span.box-label i{
    margin-right: 15px;
    font-size: 20px;
    color: var(--main-color);
}
body.rtl .my-account-stats .stat-box span.box-label i{
    margin-right: 0;
    margin-left: 15px;
}
.woocommerce-MyAccount-navigation ul{
    margin: 0;
    border: 1px solid #E6E6E6;
    padding: 20px;
    border-radius: 16px;
}
.woocommerce-MyAccount-navigation ul li:last-child{
    border-bottom: 0 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
    color: var(--main-color);
}
p.welcome-title{
    font-size: 21px;
}
p.welcome-msg{
    line-height: 29px;
    font-weight: 500;
    color: #4D4D4D;
    font-size: 15px;
}


.order-card {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #f5f3f3;
}

.order-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.order-header span{
    font-weight: 700;
    font-size: 13px;
}
span.s-pending{
    color: orange;
}
span.s-payment-confirmed{
    color: #0d877f;
}
span.s-processing{
    color: #9c27b0;
}
span.s-out-for-delivery{
    color: #00bcd4;
}
span.s-completed{
    color: green;
}
span.s-cancelled{
    color: #607d8b;
}


.woocommerce-account .entry-content a.button,
.order-actions a {
    margin-right: 15px;
    background: var(--main-color);
    color: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
}
.woocommerce-account .entry-content a.button:last-child,
.order-actions a:last-child{
    margin-right: 0;
}
body.rtl.woocommerce-account .entry-content a.button,
body.rtl .order-actions a{
    margin-right: 0;
    margin-left: 15px;
}

body.rtl.woocommerce-account .entry-content a.button:last-child,
body.rtl .order-actions a:last-child{
    margin-left: 0;
}

body.rtl .wooac-popup.wooac-popup-horizontal .wooac-popup-inner .wooac-image{
    margin-right: 0;
    margin-left: 30px;
}

.woocommerce-account .entry-content a.button:hover,
.order-actions a:hover{
    background-color: var(--black-color);
}

.woocommerce-OrderUpdates {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.woocommerce-OrderUpdate {
    background: #fff;
    border-left: 4px solid #f8d5d5;
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
}
body.rtl .woocommerce-OrderUpdate{
    border-left: 0;
    border-right: 4px solid #f8d5d5;
}

.woocommerce-OrderUpdate:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.woocommerce-OrderUpdate-meta {
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 5px;
    font-size: 14px;
}

.woocommerce-OrderUpdate-description p {
    font-size: 15px;
    color: #333;
    line-height: 1.5;
    margin: 0;
}

.clear {
    clear: both;
}


.face {
    width: 300px;
    height: 300px;
    border: 4px solid #383A41;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
}
@media screen and (max-width: 400px) {
    .face {
        margin-top: 40px;
        transform: scale(0.8);
    }
}
.face .band {
    width: 350px;
    height: 27px;
    border: 4px solid #383A41;
    border-radius: 5px;
    margin-left: -25px;
    margin-top: 50px;
}
body.rtl .face .band{
    margin-left: 0;
    margin-right: -25px;
}
.face .band .red {
    height: calc(100% / 3);
    width: 100%;
    background-color: #EB6D6D;
}
.face .band .white {
    height: calc(100% / 3);
    width: 100%;
    background-color: #FFFFFF;
}
.face .band .blue {
    height: calc(100% / 3);
    width: 100%;
    background-color: #5E7FDC;
}
.face .band:before {
    content: "";
    display: inline-block;
    height: 27px;
    width: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    z-index: 999;
}
.face .band:after {
    content: "";
    display: inline-block;
    height: 27px;
    width: 30px;
    background-color: rgba(56, 58, 65, 0.3);
    position: absolute;
    z-index: 999;
    right: 0;
    margin-top: -27px;
}
body.rtl .face .band:after{
    right: inherit;
    left: 0;
}
.face .eyes {
    width: 128px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}
.face .eyes:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    border: 7px solid #383A41;
    margin-right: 20px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom: 0;
}
body.rtl .face .eyes:before{
    margin-right: 0;
    margin-left: 20px;
}
.face .eyes:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    border: 7px solid #383A41;
    margin-left: 20px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom: 0;
}
body.rtl .face .eyes:after{
    margin-left: 0;
    margin-right: 20px;
}
.face .dimples {
    width: 180px;
    margin: 0 auto;
    margin-top: 15px;
}
.face .dimples:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 80px;
    border-radius: 50%;
    background-color: rgba(235, 109, 109, 0.4);
}
body.rtl .face .dimples:before{
    margin-right: 0;
    margin-left: 80px;
}
.face .dimples:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 80px;
    border-radius: 50%;
    background-color: rgba(235, 109, 109, 0.4);
}
body.rtl .face .dimples:after{
    margin-left: 0;
    margin-right: 80px;
}
.face .mouth {
    width: 40px;
    height: 5px;
    border-radius: 5px;
    background-color: #383A41;
    margin: 0 auto;
    margin-top: 25px;
}

h1.error-404 {
    font-weight: 800;
    color: #383A41;
    text-align: center;
    font-size: 2.5em;
    padding-top: 20px;
}
p.error-404{
    text-align: center;
}
a.error-404 {
    font-weight: 400;
    padding: 20px;
    background-color: var(--main-color);
    color: white;
    width: 320px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 80px;
    margin-bottom: 50px;
    transition: all 0.2s linear;
    display: block;
}
a.error-404:hover{
    background-color: var(--black-color);
}




.mobile-views,
.mobile-toggle {
    display: none;
}
.mobile-menu-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 9999;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    display: none;
}
.mobile-menu-bg.open-menu{
    opacity: 1;
    visibility: visible;
    display: block;
}
.fast-actions{
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 20px 0;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 20px;
}
#mobile-search-form{
    margin-bottom: 20px;
}
.sidenav {
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    background-color: var(--white-color);
    transition: 0.5s;
    width: 300px;
    padding: 15px 15px 0 15px;
    left: -100%;
}
body.rtl .sidenav.closed{
    left: inherit;
    right: -100%;
}
body .sidenav.opened{
    left: 0;
}
body.rtl .sidenav.opened{
    left: inherit;
    right: 0;
}
.sidenav .closebtn {
    font-size: 23px;
    color: var(--white-color);
    z-index: 9999;
    background-color: var(--main-color);
    padding: 15px;
    position: absolute;
    top: 0;
    float: right;
    right: 0;
}
body.rtl .sidenav .closebtn{
    float: left;
    right: inherit;
    left: 0;
}
.mobile-logo {
    margin-bottom: 35px;
}
#nav-icon2{
    width: 40px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 13px;
}

#nav-icon2 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: var(--black-color);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 5px 5px 0;
}

#nav-icon2 span:nth-child(odd) {
    left:0px;
    border-radius: 5px 0 0 5px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
    top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
    top: 10px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
    top: 20px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}

#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}

#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 18px;
}

#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 18px;
}
#mobile-menu{
    list-style: none;
    padding: 20px 0 0 0;
    margin: 20px 0;
    border-bottom: 2px solid #f4f4f4;
    border-top: 2px solid #f4f4f4;
}
#mobile-menu li{
    padding-bottom: 25px;
    position: relative;
    padding-right: 25px;
}
body.ltr #mobile-menu li{
    padding-right: 0;
    padding-left: 25px;
}
#mobile-menu li a{
    color: var(--dark-gray-color);
    font-size: 17px;
    font-weight: 500;
}
#mobile-menu li.current-menu-item a {
    color: var(--main-color);
}
.sidenav ul.social-links{
    justify-content: center;
}
.sidenav ul.social-links li a{
    color: var(--dark-gray-color) !important;
    background-color: #f7f7f7;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}
.sidenav .inner-search input{
    width: 100%;
}

.float-filter{
    position: fixed;
    background-color: var(--black-color);
    bottom: 20px;
    left: 20px;
    display: none;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 55px;
    font-size: 22px;
    cursor: pointer;
    z-index: 99;
}
body.rtl .float-filter{
    left: inherit;
    right: 20px;
}

.sf-filters.open{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.product-gallery-image{
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 3.706325903em;
}
.product-gallery-image img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}
.order-body{
    margin-bottom: 20px;
}
.order-body p{
    margin-bottom: 0;
}

.empty-cart img{
    margin: 0 auto;
}

[data-qty-minus].is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

span.main-color{
    color: var(--main-color);
}

textarea.contact-input,
input.contact-input{
    width: 100%;
    border-radius: 11px;
    padding: 16px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    box-shadow: none;
    font-size: 13px;
    font-weight: 500;
    color: #808080;
}
textarea.contact-input{
    height: 140px;
    resize: none;
}
input[type="submit"].contact-btn{
    border-radius: 99px;
    padding: 24px 50px;
    background-color: var(--main-color);
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.wpcf7 form .wpcf7-response-output{
    display: none;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: 10px;
}

.wpcf7-spinner{
    position: absolute;
    left: 0;
    top: 45px;
    background-color: #ff5e5e;
}
body.rtl .wpcf7-spinner{
    left: inherit;
    right: 0;
}

textarea.contact-input::placeholder,
input.contact-input::placeholder {
    color: #808080;
    opacity: 1;
}

textarea.contact-input::-webkit-input-placeholder,
input.contact-input::-webkit-input-placeholder {
    color: #808080;
}

textarea.contact-input:-moz-placeholder,
input.contact-input:-moz-placeholder {
    color: #808080;
    opacity: 1;
}

textarea.contact-input::-moz-placeholder,
input.contact-input::-moz-placeholder {
    color: #808080;
    opacity: 1;
}

textarea.contact-input:-ms-input-placeholder,
input.contact-input:-ms-input-placeholder {
    color: #808080;
}

.text-box-shadow,
.box-icon-shadow{
    box-shadow: 0 0 10px #0000001A;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #F7F7F7;
    padding: 30px 0;
}
.text-box-shadow{
    padding: 15px;
    width: 90%;
    margin: -75px auto 0;
}
.text-box-shadow h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: var(--black-color);
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.text-box-shadow p{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #262626;
}

.box-icon-shadow p.elementor-icon-box-description{
    direction: ltr;
}

.dir-rtl{
    direction: rtl;
}

.elementor-image-carousel-caption{
    border-radius: 8px;
    padding: 16px;
    background-color: #F5F5F5;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #000;
    margin-top: 15px;
}
.elementor-image-carousel-caption span{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #262626;
    display: block;
    margin-top: 15px;
}


@media (max-width: 1024px) {

}

@media (max-width: 991px) {
    .search-wrapper,
    .header-menu,
    .header-inner a.custom-cart-icon,
    .header-inner a.user-account,
    ul.sub-menu{
        display: none;
    }
    .sf-filters__head .close-filter,
    body.woocommerce-shop .float-filter,
    header .mobile-toggle{
        display: block;
    }

    .sf-filters{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 99;
        right: 0;
        left: 0;
        padding: 30px;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: transform 0.5s ease;
        transform: translateX(-100%);
        border-radius: 20px;
    }

    .header-cover{
        height: 320px;
        margin-bottom: -60px;
    }

    .breadcrumb-content h1 {
        font-size: 44px;
        margin-bottom: 10px;
    }
    .breadcrumb-content p{
        font-size: 17px;
    }

    ul.products::before, ul.products::after{
        display: none;
    }

    .related-products-full.site-main ul.products.columns-4,
    .woocommerce ul.products.columns-3,
    .woocommerce ul.products.columns-4{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .related-products-full.site-main ul.products.columns-4 li.product,
    .woocommerce ul.products.columns-3 li.product,
    .woocommerce ul.products.columns-4 li.product{
        width: 48% !important;
        margin-right: 0 !important;
        float: none;
    }

    body.rtl .related-products-full.site-main ul.products.columns-4 li.product,
    body.rtl.woocommerce ul.products.columns-3 li.product,
    body.rtl.woocommerce ul.products.columns-4 li.product{
        margin-left: 0 !important;
    }

    .related-products-full.site-main ul.products.columns-4 li.product{
        margin-bottom: 30px !important;
    }

    .storefront-breadcrumb .col-full{
        margin: 0;
    }

    .shop-main{
        overflow: hidden;
    }
    .storefront-full-width-content.single-product div.product .summary,
    .storefront-full-width-content.single-product div.product .images{
        width: 100%;
        margin: 0;
    }
    .empty-reviews{
        width: 90%;
    }
    .custom-cart-layout{
        flex-direction: column;
        gap: 0;
    }
    .woocommerce-cart-form{
        margin-bottom: 0;
    }

    #order_review,
    .col2-set,
    .cart-left,
    .cart-right{
        width: 100%;
    }
    .col2-set{
        margin: 0;
    }

    .footer-col-menu {
        margin-bottom: 20px;
    }
    .order-details{
        margin-bottom: 25px;
    }
    .woocommerce-MyAccount-content,
    .woocommerce-MyAccount-navigation{
        width: 100%;
        margin: 0;
    }
    body.woocommerce-account footer.site-footer{
        margin-bottom: 50px;
    }
    .woocommerce-MyAccount-navigation{
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 999;
    }
    .woocommerce-MyAccount-navigation ul{
        display: flex;
        flex-direction: row;
        padding: 0;
        -webkit-border-radius:20px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 20px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-radius: 20px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border: 0 !important;
        box-shadow: 0 0 10px 10px rgba(0,0,0, .04);
    }
    .woocommerce-MyAccount-navigation ul li{
        border: 0;
        width: 25%;
        display: inline-block;
    }
    .woocommerce-MyAccount-navigation ul li a{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        gap: 5px;
        font-size: 15px;
        font-weight: 600;
    }
    .woocommerce-MyAccount-navigation ul li a::before{
        margin: 0;
        opacity: 1;
        color: #a1a1a1;
    }

    .my-account-stats{
        flex-wrap: wrap;
    }
    .my-account-stats .stat-box{
        flex-basis: calc(50% - 15px);
    }
    .woocommerce-MyAccount-navigation ul{
        padding-top: 0;
        padding-bottom: 0;
    }

    .product-gallery-image{
        width: 100%;
        margin: 0 0 25px 0;
    }

    .breadcrumb-content p{
        max-width: 80%;
    }

}

@media (max-width: 767px) {

    .related-products-full.site-main ul.products.columns-4 li.product,
    .woocommerce ul.products.columns-3 li.product,
    .woocommerce ul.products.columns-4 li.product{
        width: 100% !important;
    }
    .header-cover{
        height: 225px;
        margin-bottom: -40px;
    }
    .breadcrumb-content h1 {
        font-size: 24px;
        letter-spacing: 0;
        margin-bottom: 5px;
    }
    .sf-shop-topbar__row{
        flex-direction: column;
        align-items: start;
    }
    .woocommerce .woocommerce-ordering select.orderby,
    .sf-shop-topbar__ordering{
        width: 100%;
    }
    .pagination, .woocommerce-pagination{
        border-right: 0;
    }

    .product-gallery-image,
    .tpwpg-main .slider-for .tpslick-list,
    .tpwpg-main .slider-for .tpslick-track,
    .tpwpg-main .tpwpg-big {
        height: 340px !important;
        border-radius: 20px;
    }

    .tpwpg-main .tpwpg-big img,
    .tpwpg-main .tpwpg-big .tpwpg_zoom > img {
        border-radius: 20px;
    }

    .tpwpg-main .slider-nav {
        padding: 0 42px;
    }

    .tpwpg-main .tpwpg-thumbnail img {
        height: 72px;
        border-radius: 12px;
    }

    .tpwpg-main .slider-nav .tpslick-prev,
    .tpwpg-main .slider-nav .tpslick-next {
        width: 36px;
        height: 36px;
    }

    .order-complete{
        width: 100%;
    }
    .complete-title{
        flex-direction: column-reverse;
    }
    .order-title-text{
        width: 100%;
    }
    .my-account-stats{
        flex-direction: column;
    }
    .my-account-stats .stat-box {
        flex-basis: 100%;
    }
    .cart-title{
        font-size: 16px;
    }
    .cart-image img{
        width: 80px;
    }
    .woocommerce-MyAccount-content h2{
        font-size: 1.3em;
    }
    .vertical-tabs-layout{
        display: flex;
        flex-direction: column;
    }
    .custom-woocommerce-forms .button,
    .form-row .button,
    .vertical-tabs-layout .myaccount-tabs-nav .nav-link,
    #myAccountTabs,
    .vertical-tabs-layout .myaccount-tabs-content{
        width: 100%;
    }
    .vertical-tabs-layout .myaccount-tabs-nav .nav-link{
        display: block;
    }
    #myAccountTabs{
        margin-bottom: 25px;
    }
    .vertical-tabs-layout .myaccount-tabs-nav .nav-link:first-child{
        -webkit-border-radius: 12px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 12px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-radius: 12px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 1px;
    }
    .vertical-tabs-layout .myaccount-tabs-nav .nav-link:last-child{
        -webkit-border-radius: 0;
        -webkit-border-bottom-right-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius: 0;
        -moz-border-radius-bottomright: 12px;
        -moz-border-radius-bottomleft: 12px;
        border-radius: 0;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    .myaccount-tab-card{
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    .breadcrumb-content p{
        max-width: 100%;
    }
}


@media (max-width: 575px) {
    .footer-logo {
        width: 100%;
        justify-content: center;
    }
    .site-footer{
        padding: 20px 0;
    }
    .footer-copyrights p{
        margin-bottom: 0;
    }
    .footer-col{
        margin-bottom: 20px;
        border-bottom: 2px solid #ffffff26;
        padding-bottom: 15px;
    }
    .order-header{
        flex-direction: column;
    }
    .order-actions{
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .order-actions a{
        margin: 0;
        text-align: center;
    }
}

@media (max-width: 425px) {

}