html {
    font-size: 16px;
}

body, html {
    overflow-x: hidden;
}

:root {
    --odic-accent: var(--site-color, #f48e2b);
    --primary-color: var(--odic-accent);
    --p-bg-text: var(--primary-text-color, #161616);
    --color: var(--primary-color);
    /* buttons */
    --btn-cart-bg: var(--cart-btn-bg);
    --btn-cart-text: var(--cart-btn-text);
    --btn-cart-h-bg: var(--primary-color);
    --btn-cart-h-text: var(--primary-color);
    --btn-buy-bg: var(--buy-btn-bg);
    --btn-buy-text: var(--buy-btn-text);
    --btn-buy-bg-h: var(--buy-btn-hover-bg);
    --btn-buy-text-h: var(--buy-btn-hover-text);
    --btn-pcard-radius: 7px;
    /* ------------- */
    /*  */
    --font-base: "Jost", sans-serif;
    --font-1: "Jost", sans-serif;
    --color-light: #f9f9f9;
    --color-light-gray: #e5e5e5;
    --color-dark: #111111;
    /* ref */
    --color-muted: #6b6b6b;
    /* ref */
    --odic-accent-hover: #e78038;
    /* --font-1: "Jost", sans-serif;
    --font-2: 'Lato', sans-serif;
    --fw-light: 300; */
    /* ===== Font Sizes (use REM for scalability) ===== */
    --odic-fs-display: 2.3rem;
    --odic-fs-title: 2rem;
    --odic-fs-subtitle: 1.5rem;
    --odic-fs-card-itle: 1.3rem;
    --odic-fs-body: 1rem;
    --odic-fs-small: 0.895rem;
    --odic-fs-mini: 0.75rem;
    /* fw */
    --odic-fw-500: 500;
    --odic-fw-regular: 400;
    --odic-fw-medium: 500;
    --odic-fw-semibold: 600;
    --odic-fw-bold: 600;
    --odic-lh-tight: 1.1;
    --odic-lh-normal: 1.5;
    --odic-lh-relaxed: 1.7;
    --odic-ls-normal: 0;
    --odic-ls-wide: 0.05em;
    --odic-ls-wider: 0.1em;
}

.odic-theme-two {
    --font-base: "Jost", sans-serif;
    --odic-fs-body: 1rem;
    --odic-fs-small: 0.999rem;
    --odic-fw-medium: 500;
}

body {
    color: #464646;
    background: #fff;
    font-weight: 400;
    font-size: var(--odic-fs-body);
    line-height: var(--odic-lh-normal);
    font-family: var(--font-base);
    font-optical-sizing: auto;
}

.pos-rel {
    position: relative;
}

.d-center {
    align-items: center;
}

.h2 {
    font-size: var(--odic-fs-body);
}

.h3 {
    font-size: var(--odic-fs-body);
}

.h4 {
    font-size: var(--odic-fs-body);
}

.h5 {
    font-size: var(--odic-fs-body);
}

.text-primary {
    color: var(--primary-color) !important;
}

.main-nav .menu .megamenu img, .menu .megamenu img {
    object-fit: cover;
    height: 100%;
}

.btn, footer h4 {
    letter-spacing: 0.25px;
}

.header-contact a, .header-menu a {
    letter-spacing: 0.025em;
}

.home-address-card h3, .home-address-card h4, .table.table-totals ul li {
    /* font-size: 14px; */
}

.card-border {
    border-radius: 12px;
}

.btn, p {
    font-size: var(--odic-fs-body);
}

.btn:not(.linkbtn), .custom-dark-btn, .main-nav .menu, .mobile-menu1>li>a, .sec-title h3, .widget-title, footer h4 {
    /* text-transform: uppercase; */
}

.footer .widget-title, .main-nav .menu {
    text-transform: unset;
}

.main-form textarea, img {
    max-width: 100%;
}

.btn, b, strong {
    font-weight: var(--odic-fw-semibold);
    outline: 0;
}

::-moz-selection {
    background-color: #301b24;
    color: #fff;
}

::selection {
    background-color: #301b24;
    color: #fff;
}

.f1, .f3, .f4, .font-3 {
    font-family: var(--font-base) !important;
}

.f2 {
    font-family: var(--font-2) !important;
}

p {
    margin-bottom: 1.5rem;
    line-height: var(--odic-lh-normal);
    color: #156161;
    font-size: var(--odic-fs-body);
    font-weight: var(--odic-fw-regular);
}

.small {
    font-size: var(--odic-fs-small);
}

ul {
    margin: 0 0 2.25rem;
    padding: 0;
    list-style: none;
}

i {
    font-style: italic;
}

hr {
    margin-bottom: 14px;
    margin-top: 14px;
    border-top: 1px solid #979797;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

img {
    display: block;
    height: auto;
}

a:focus, button:focus {
    outline: 0;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn {
    transition: 0.3s;
    padding: 16px 20px;
    border-radius: 10px;
    line-height: var(--odic-lh-normal);
}

.custom-btn, .custom-dark-btn {
    font-weight: var(--odic-fw-medium);
    font-size: calc(var(--odic-fs-body) + 0.05rem);
    text-align: center;
    display: inline-block;
}

.btn:focus {
    box-shadow: none;
}

.custom-btn {
    --bt-bg: transparent;
    --bt-text: #212121;
    --bt-border: #212121;
    background-color: var(--bt-bg);
    border: 1px solid var(--bt-border);
    color: var(--bt-text);
    transition: all 0.3s ease;
    border-radius: 0px;
    padding: 15px 23px;
    line-height: var(--odic-lh-relaxed);
    font-weight: var(--odic-fw-semibold);
    /* text-transform: uppercase; */
    word-spacing: 3px;
}

.custom-btn:disabled {
    color: #6e6e6e;
    background-color: #b7b7b791;
    border-color: #ccc;
    cursor: not-allowed;
    opacity: 0.5;
}

.custom-btn .svg {
    font-size: 2rem;
    vertical-align: bottom;
}

.custom-btn.btn-sm {
    padding: 15px 22px;
    font-size: 0.9rem;
    line-height: 1.4;
}

.custom-btn--wide {
    padding: 12px 46px;
}

.custom-btn:not(:disabled):hover {
    --bt-bg: #161616;
    --bt-text: #fff;
    --bt-border: #161616;
    cursor: pointer;
}

.custom-btn--primary {
    --bt-bg: var(--site-btn-bg);
    --bt-text: var(--site-btn-text);
    --bt-border: var(--site-btn-bg);
    /* --site-btn-hover-bg
    --site-btn-hover-text */
}

.custom-btn--primary:not(:disabled):hover {
    --bt-bg: var(--site-btn-hover-bg);
    --bt-text: var(--site-btn-hover-text);
    --bt-border: var(--site-btn-hover-bg);
    /* --site-btn-hover-bg
    --site-btn-hover-text */
}

.custom-btn--dark {
    --bt-bg: #212121;
    --bt-text: #fff;
    --bt-border: #212121;
}

.custom-btn--dark:not(:disabled):hover {
    --bt-bg: var(--primary-color);
    --bt-text: var(--p-bg-text);
    --bt-border: var(--primary-color);
}

.custom-dark-btn {
    background: #212b36;
    border: 1.5px solid #212b36;
    color: #fff;
}

.custom-dark-btn:not(:disabled):hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

.custom-btn--warning {
    --bt-bg: #ff5722;
    --bt-text: #fff;
    --bt-border: #ff5722;
}

.custom-btn--warning:hover {
    --bt-bg: var(--primary-color);
    --bt-text: #fff;
    --bt-border: var(--primary-color);
}

.btn-sm {
    padding: 0.5rem 2rem;
    font-size: 1rem;
    line-height: 2rem;
}

.btn-icon-right i {
    padding-left: 0.7rem;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    border-color: #070405;
    background-color: #0f090c;
    color: #fff;
}

.btn-outline:not(:disabled):not(.disabled).active, .btn-outline:not(:disabled):not(.disabled):active {
    border-color: #999;
    background-color: transparent;
    color: #999;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    border-color: #301b24;
    background-color: #301b24;
    color: #fff;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
    border-color: #e36159;
    background-color: #e36159;
    color: #fff;
}

.btn-dark {
    border-color: #222529;
    background-color: #222529;
    color: #fff;
    box-shadow: none;
}

.btn-dark:focus, .btn-dark:hover {
    border-color: #34393f;
    background-color: #34393f;
    color: #fff;
    box-shadow: none;
}

.btn-dark:disabled {
    border-color: #222529;
    background-color: #222529;
    color: #fff;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
    border-color: #050606;
    background-color: #0b0c0d;
    color: #fff;
}

form {
    margin-bottom: 35px;
}

.form-control {
    padding-left: 1.2rem;
    margin-bottom: 0;
    transition: 0.3s;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    background-color: #fff;
    color: #3a3a3a;
    font-size: calc(var(--odic-fs-body) - 0.1rem);
    font-weight: 400;
    line-height: 1.5;
    padding: 13px 15px;
    font-weight: var(--odic-fw-regular);
    line-height: var(--odic-lh-normal);
}

.form-control:not(.inp-group) {
    /* height: 46px; */
    margin-bottom: 9px;
}

.form-control:focus {
    border-color: #dfdfdf;
    background-color: #fff;
    color: #777;
    box-shadow: none;
}

span.form-error {
    color: red;
}

span.help-block, .help-block {
    font-size: calc(var(--odic-fs-body) - 0.1rem);
    color: #7c7c7c;
}

.product-card__image {
    position: relative;
    transition: opacity 0.5s, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    padding: 5px;
}

.product-card__image a {
    border-radius: var(--pcard-border-radius);
    overflow: hidden;
}

/* .menu li>a,  */
.menu li>ul li a {
    padding: 12px 14px;
    transition: 0.2s ease-out;
}

.sec-home-category .cat-slider-item a:hover img {
}

.product-card:hover {
    z-index: 1;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease-in-out;
}

.product-price {
    color: #222529;
    font-size: var(--odic-fs-body);
    line-height: var(--odic-lh-tight);
    font-weight: var(--odic-fw-medium);
}

.total .product-price {
    font-size: calc(var(--odic-fs-body) + 0.2rem);
    font-weight: var(--odic-fw-medium);
}

.product-price .btn-sm {
    padding: 1px 16px;
    border-radius: 5px;
    margin-left: 8px;
}

.product-price .btn-sm i {
    --fs: 1.6rem;
}

@media (max-width: 479px) {
    .product-price {
        font-size: 1.3rem;
    }
}

.custom-scrollbar, .mobile-cart>div {
    -webkit-overflow-scrolling: touch;
}

.custom-scrollbar::-webkit-scrollbar, .mobile-cart>div::-webkit-scrollbar {
    height: 10px;
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb, .mobile-cart>div::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 10px;
    position: absolute;
}

.custom-scrollbar::-webkit-scrollbar-track, .mobile-cart>div::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    margin: 8px;
    width: 100%;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 1.8rem;
    color: #222529;
    font-weight: 400;
    line-height: 1.1;
}

h2 {
    line-height: var(--odic-lh-normal);
    font-size: var(--odic-fs-subtitle);
}

h3 {
    line-height: 1.28;
}

h4 {
    line-height: 1.35;
}

h5 {
    font-size: 1.4rem;
    line-height: 1.429;
}

h6 {
    font-size: var(--odic-fs-title);
    line-height: var(--odic-lh-normal);
    font-weight: var(--odic-fw-regular);
}

a {
    transition: 0.3s;
    color: #2c2c2c;
    text-decoration: none;
}

a:focus, a:hover {
    text-decoration: none;
}

.page-wrapper {
    position: relative;
    left: 0;
    transition: 0.25s;
}

.main {
    flex: 1 1 auto;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.owl-carousel:not(.owl-loaded) {
    flex-wrap: nowrap;
    overflow: hidden;
}

.sticky-header {
    transition: left 0.25s;
}

header {
    position: relative;
    z-index: 1000;
    --nav-text-color: var(--nav-text);
    --nav-icon-color: var(--nav-icon);
    --nav-font: var(--font-base);
    --nav-space-px: 0px;
    --nav-space-py: 9px;
}

.header-single {
    --nav-font: var(--font-1);
    --nav-space-py: 0px;
}

.header--middle {
    --nav-space-py: 0.3rem;
    --nav-gap-x: 3rem;
}

.header-top {
}

.header-center, .header-left, .header-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.logo {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
}

.header-right i {
    margin-right: 7px;
    font-size: calc(var(--odic-fs-small) + 0.2rem);
    color: var(--top-header-text);
    vertical-align: top;
}

.header-contact h6 {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.3;
}

.footer-question h6, .header-top a {
    font-weight: 500;
}

.header-contact a {
    white-space: nowrap;
    color: #383838;
}

.mobile-menu-toggler {
    border: 0;
    background: 0 0;
    color: #383838;
    padding: 1px 0 0;
    margin-right: 0;
    line-height: 0;
    cursor: pointer;
}

.mobile-menu-toggler svg {
    transform: scale(1.4);
}

header .separator {
    height: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.04);
    margin: 0 10px;
}

.dropdownmenu-wrapper {
    position: relative;
    background-color: #fff;
}

.cart-opened {
    overflow-y: hidden;
}

.cart-opened .cart-dropdown .mobile-cart {
    transform: none;
}

.cart-dropdown .mobile-cart {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 340px;
    margin: 0;
    transform: translate(340px);
    transition: transform 0.5s ease;
    background-color: #fff;
    z-index: 1050;
    border: none;
    border-radius: 20px 0 0 20px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}

.header-dropdown ul, .header-menu:before {
    transform: translateY(-1rem);
    visibility: hidden;
}

.cart-opened .cart-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1050;
    overflow: hidden;
    transition: all 0.5s ease;
}

.cart-dropdown .mobile-cart .btncart-close {
    position: absolute;
    left: 66px;
    top: 0;
    font-size: 3.3rem;
    color: #fff;
    font-weight: 300;
    background: 0 0;
    padding: 0;
    text-align: center;
    opacity: 1;
    outline: none;
}

.cart-opened .mobile-cart .btncart-close {
    left: -44px;
}

.header-dropdowns {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
}

.header-menu:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    z-index: 1151;
    margin-left: -9px;
    margin-top: -1rem;
    border-width: 0 9px 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
    opacity: 1;
}

.cart-dropdown .dropdownmenu-wrapper {
    padding: 2px 16px;
    overflow-y: auto;
    height: 100%;
    background: 0 0;
}

.cart-dropdown .dropdownmenu-wrapper:before {
    right: 28px;
    left: auto;
}

.cart-dropdown .dropdownmenu-wrapper:after {
    right: 29px;
    left: auto;
}

.cart-dropdown .product {
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important;
    padding: 2rem 0;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e6ebee;
    box-shadow: none !important;
}

.cart-dropdown .product-image-container {
    position: relative;
    max-width: 80px;
    width: 100%;
    margin: 0 0 0 auto;
    border: 1px solid #f4f4f4;
}

.cart-dropdown .product-image-container a:after, .dropdown-toggle:after, .hide, .mini-products-list li .qtyField a, .mobile-menu li ul, .select_size .form-check-input {
    display: none;
}

.cart-dropdown .product-title {
    padding-right: 1.5rem;
    margin-bottom: 1.1rem;
    font-size: 1.4rem;
    line-height: 19px;
    color: #222529;
    font-weight: 500;
}

.cart-dropdown .product-title a {
    color: #222529;
}

.cart-dropdown .product-details {
    margin-bottom: 3px;
    font-size: 1.3rem;
}

.dropdown-cart-header, .dropdown-cart-total {
    font-weight: 500;
    line-height: 38px;
}

.cart-table-wrapper table tr figure, .dropdown-cart-header, .search-res-wrap a:last-child, .table-mini-cart, footer ul {
    margin-bottom: 0;
}

.dropdown-cart-total {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 1.4rem;
    font-size: 1.3rem;
}

.dropdown-cart-total .cart-total-price {
    margin-left: auto;
    font-size: 1.5rem;
}

.cart-null, .dropdown-cart-header {
    font-size: var(--odic-fs-body);
    padding: 0 6px 10px;
}

.dropdown-cart-action .btn {
    padding: 1.3rem 2.5rem 1.4rem;
    border-radius: 0.2rem;
    color: #fff;
    height: auto;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: var(--font-1);
    letter-spacing: 0.025em;
    border-color: transparent;
}

.dropdown-cart-action .btn:last-child:hover, .toast-message a, .toast-message label, footer .call-link h3 {
    color: #fff;
}

@media (max-width: 480px) {
    .cart-dropdown .dropdown-menu {
        width: 300px;
    }
}

.menu, .menu li, .menu ul, .mobile-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu {
    display: flex;
    align-items: center;
    gap: 1rem var(--nav-gap-x, 2.8rem);
}

.menu li>a {
    display: block;
    color: #777;
}

.menu li>ul li a {
    display: block;
    color: #222222;
    font-weight: 400;
    font-size: inherit;
    font-family: var(--nav-font);
    line-height: var(--odic-lh-normal);
}

.header-dropdown ul a:hover, .menu li.active>a {
    background: #f4f4f4;
}

.menu>li {
    position: relative;
}

.menu .megamenu, .menu ul {
    display: none;
    position: absolute;
    background-color: #fff;
}

.menu>li>a {
    padding: 1rem 0;
    font-weight: var(--odic-fw-medium);
    color: #555;
}

.menu>li.active>a, .menu>li:hover>a {
    color: #301b24;
    background: 0 0;
}

.menu .megamenu {
    z-index: 999;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);
    border: 1px solid #eee;
    border-top: 3px solid #301b24;
    left: 15px;
    padding: 10px 20px;
    width: 580px;
}

.menu .megamenu.megamenu-3cols {
    width: 600px;
}

.menu .megamenu img {
    width: 300px;
}

.menu .megamenu .submenu {
    margin: 0;
    padding-top: 0;
    border-top: none;
    display: block;
    position: static;
    box-shadow: none;
    min-width: 0;
}

.menu .megamenu .submenu a {
    padding: 7px 8px 8px 0;
}

.menu .megamenu .submenu li:hover a {
    text-decoration: underline;
    background: 0 0;
}

.menu ul {
    min-width: 200px;
    padding: 5px 0;
    border-top: 3px solid #301b24;
    top: 100%;
    left: 0;
    z-index: 101;
    box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.menu ul.custom-scrollbar {
    max-height: 80vh;
    overflow-y: auto;
}

.product-card a, .sec-home-category .cat-slider-item a {
    overflow: hidden;
    display: block;
}

.menu ul ul {
    top: -5px;
    left: 100%;
}

.cart-table-wrapper, .cat-slider-item a, .main-nav-sub .main-inner-nav li, .menu ul li {
    position: relative;
}

.main-nav-sub:hover .main-inner-nav, .menu ul li:hover ul, ul.menu .main-inner-nav:hover>ul, ul.menu .nav-sub:hover>ul {
    display: block;
    opacity: 1;
}

.main-nav .menu {
    font-size: var(--odic-fs-body);
}

.main-nav .menu>li>a {
    font-size: 1rem;
    padding: 19px 0;
    font-weight: var(--odic-fw-500);
    color: var(--nav-text-color);
    letter-spacing: 0.12px;
    font-family: var(--font-base);
    font-size: inherit;
}

.main-nav .menu>li>a:hover, .menu li>ul li a:hover {
    color: var(--nav-text-h);
}

.main-nav .cart-toggle {
    color: var(--nav-icon-color);
}

.header-single .main-nav .menu>li>a {
    font-weight: 400;
}

.header-contact a:hover, .header-menu a:hover, .main-nav .menu>li.active>a, footer .call-link:hover h3, footer a:hover {
    color: var(--odic-accent);
}

.main-nav .menu>li>a:hover svg {
    color: var(--primary-color);
}

.form-option, .main-nav .menu>li:first-child>a {
    padding-left: 0;
}

.main-nav .menu>li:not(.float-right):last-child {
    margin-right: 0;
}

.main-nav .menu>li>ul {
    left: -15px;
}

.main-nav .menu .megamenu {
    top: 100%;
    left: -15px;
    border-top: none;
}

.mobile-menu-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 260px;
    background-color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.5;
    z-index: 1071;
    transform: translateX(-100%);
    transition: transform 0.25s;
    overflow-y: auto;
}

.mmenu-active .mobile-menu-container {
    transform: translateX(0);
}

.mobile-menu-wrapper {
    position: relative;
    padding: 4.7rem 0 3rem;
}

.mobile-menu-close {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 0.3rem 0.4rem;
    color: #444444;
    line-height: 1;
    cursor: pointer;
    z-index: 9;
    font-size: var(--odic-fs-title);
}

.mobile-menu-close:hover {
    background-color: #ebebeb;
}

.mobile-menu-close i {
    transition: all 0.35s ease;
}

.mmenu-active .mobile-menu-close i {
    animation: closespin 750ms ease-in-out;
}

@keyframes closespin {
    from {
        transform: rotate(-180deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.mmenu-active .mobile-menu-close i {
    transform: rotate(0deg);
}

.mobile-menu-close:hover i {
    transform: rotate(180deg);
}

.mobile-menu-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.25s;
    background: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 1062;
}

.mmenu-active .mobile-menu-overlay {
    opacity: 0.35;
    visibility: visible;
}

.mobile-nav {
    margin: 0 0 2rem;
    padding: 0;
}

.mobile-menu li {
    display: block;
    position: relative;
}

.mobile-menu li:not(:last-child) {
    border-bottom: 1px solid #eaeaeae0;
}

.mobile-menu li a {
    display: flex;
    position: relative;
    margin-left: 1.1rem;
    margin-right: 1.1rem;
    padding: 0.8rem 1.1rem;
    color: #555555eb;
    font-size: var(--odic-fs-body);
    align-items: center;
    justify-content: space-between;
    font-weight: var(--odic-fw-medium);
}

.mobile-menu>li a>i {
    width: 30px;
    height: 29px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu>li a>i.opened::before {
    content: "\f068";
}

.mobile-menu li a:focus, .mobile-menu li a:hover {
    color: #040404;
    background: #f5f5f5;
    text-decoration: none;
}

.mobile-menu li ul {
    margin: 0;
    padding: 0;
}

.mobile-menu li ul li a {
    padding-left: 2.5rem;
}

.mobile-menu li ul ul li a {
    padding-left: 3.5rem;
}

footer {
    color: #999;
    line-height: 24px;
    /* border-top: 1px solid #d2d2d2; */
    padding: 3em 0;
    --ft-social-bg: var(--odic-accent);
    --ft-social-t: #fff;
    --ft-fs-title: var(--odic-fs-body);
    --ft-fs-links: var(--odic-fs-body);
    --ft-fw-tilte: var(--odic-fw-medium);
    --ft-fw-link: var(--odic-fw-medium);
}

footer.dark {
    --ft-bg: #212121;
    --ft-br: #212121;
    --ft-title: #fff;
    --f-links: #c1c1c1e6;
    --ft-link-hover: #fff;
    --ft-social-bg: var(--odic-accent);
    --ft-social-t: #fff;
    --ft-social-bg-h: #fff;
    --ft-social-t-h: #212121;
    --ft-copy-t: #e4e4e4e6;
}

footer.light {
    --ft-bg: #f6f6f6;
    --ft-br: #f6f6f6;
    --ft-title: #4e4e4e;
    --f-links: #4e4e4e;
    --ft-link-hover: #000;
    --ft-social-bg: var(--odic-accent);
    --ft-social-t: #fff;
    --ft-social-bg-h: var();
    --ft-social-bg-h: var(--odic-accent-hover);
    --ft-social-t-h: #fff;
    --ft-copy-t: #0c0c0ce6;
}

footer.white {
    --ft-bg: #fff;
}

footer h4 {
    font-size: var(--odic-fs-body);
    margin-bottom: 24px;
    font-weight: var(--odic-fw-semibold);
    color: var(--ft-title, #4e4e4e);
}

footer p {
    color: inherit;
}

footer .footer-links a {
    color: var(--f-links, #4e4e4e);
    font-weight: var(--odic-fw-regular);
    display: inline-block;
    margin-bottom: 13px;
    font-size: var(--odic-fs-body);
    letter-spacing: 0px;
}

.footer-links a:hover {
    color: var(--ft-link-hover, #000);
}

.footer-bottom {
    font-size: 0.9em;
    line-height: normal;
    letter-spacing: 0.25px;
    color: var(--ft-copy-t, #4e4e4e);
    font-weight: 400;
}

.widget-title {
    margin: 0.5rem 0 1.3rem;
    color: #313131;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
}

.dropdown-toggle i {
    font-size: 1.9rem;
}

.header .separator {
    margin-left: 10px;
    margin-right: 10px;
}

.header-top {
    padding: 7px 0 10px;
    background-color: var(--top-header-bg);
}

.header-top a {
    font-size: var(--odic-fs-small);
    color: var(--top-header-text);
    letter-spacing: 0rem;
    font-weight: 400;
}

.header-top a:hover {
    color: var(--top-header-text-h) !important;
}

.header-top .header-menu {
    margin-top: 1px;
}

.dropdown-toggle {
    margin-right: 0.6rem;
}

.header-top .separator {
    margin-right: 15px;
    margin-left: 15px;
    border-color: #ffffff00;
}

.header-middle {
    padding: var(--nav-space-py) var(--nav-space-px);
    background: var(--nav-bg);
    border-bottom: 1px solid #dddddd4d;
}

.header-middle .header-center {
    margin-top: -1px;
}

.menu .megamenu .row>div {
    padding-top: 5px;
}

.main-nav .menu>li {
}

.icon-phone-2:before {
    font-weight: 900;
}

.cart-dropdown:hover .dropdown-menu {
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);
}

.cart-dropdown .dropdown-menu:before {
    top: -1.9rem;
}

.footer-question {
    max-width: 50rem;
}

.footer-question h6 {
    font-size: var(--odic-fs-body);
    margin-bottom: 10px;
    color: var(--ft-title, #4e4e4e);
    font-weight: var(--odic-fw-semibold);
}

.footer-question h3 {
    color: var(--f-links);
    font-size: 1.5rem;
    line-height: 1.5;
}

footer ul.social-links {
    justify-content: center;
    gap: 10px 10px;
    flex-wrap: wrap;
    padding-top: 10px;
}

footer ul.social-links li a {
    display: inline-flex;
    width: 55px;
    height: 55px;
    background: 0 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: var(--ft-social-t, #fff);
    font-size: 22px;
    background-color: var(--ft-social-bg, #424242);
    border-radius: 50px;
}

footer ul.social-links li a:hover {
    background-color: var(--ft-social-bg-h, #000);
    color: var(--ft-social-t-h, #fff);
}

@media (max-width: 1199px) {
    .footer-question h3 {
        font-size: 1.9rem;
    }
}

.section-2 {
    margin-bottom: 30px;
}

.home-banner h2 {
    margin-right: -2px;
    font-size: 3.6em;
    letter-spacing: 0.002em;
}

.home-banner h3 {
    margin-right: -7px;
    font-size: 6.45em;
    line-height: 1;
}

#btn-cart-add i, .home-banner h5 {
    font-size: 1.8rem;
}

.home-banner h5 {
    margin-right: 4.5rem;
}

.home-banner strong {
    display: inline-block;
    margin-left: -4px;
}

.home-banner {
    height: 64.5rem;
    display: flex;
    align-items: center;
}

.home-slider .owl-nav {
    margin-top: 0 !important;
}

.banner-layer-middle {
    transform: translateY(73%);
}

.blurIn, .home-slider .owl-item.active .banner-layer h2, .home-slider .owl-item.active .banner-layer h3 {
    animation-name: blurIn;
}

.home-slider .banner-layer h3 {
    animation-duration: 1.3s;
}

.anim {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes blurIn {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: scale(1.3);
    }

    to {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }
}

.btn-xl {
    padding: 18px 50px;
    font-size: 14px;
    letter-spacing: 0.55px;
    line-height: 20px;
}

.banner-title, .home-slider h5 {
    line-height: 1;
}

.banner-title {
    font-family: "Segoe Script", "Savoye LET";
}

.product-card__btn, .product-card__price {
    font-weight: var(--odic-fw-semibold);
    text-align: center;
}

.border-container {
    padding-bottom: 1.9rem;
    border-bottom: 1px solid #e7e7e7;
}

@media (max-width: 575px) {
    .home-banner .banner-layer {
        padding-left: 23px;
        margin-top: 20%;
        font-size: 9px;
    }

    .header-top {
        padding: 9px 16px !important;
    }
}

.odic-homeslider .owl-nav [class*="owl-"]:hover {
    background-color: #fff;
    text-decoration: none;
}

.show-nav-hover:hover .owl-nav {
    opacity: 1 !important;
}

.show-nav-hover .owl-nav {
    opacity: 0;
    transition: opacity 0.2s, color 0.2s;
}

.odic-homeslider .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #333 !important;
    margin: 0;
    font-size: 30px !important;
    line-height: 25px !important;
    padding: 4px 7px;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 53px;
    background-color: #ffffffc7 !important;
    width: 47px;
    height: 47px;
}

.odic-homeslider .owl-nav .owl-prev {
    left: 1vw;
}

.odic-homeslider .owl-nav .owl-next {
    right: 1vw;
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.product-card {
    --pcard-border-radius: 18px;
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e9e9e9;
    color: #777;
    margin-bottom: 25px;
    transition: box-shadow 0.3s ease-in-out;
    border-radius: var(--pcard-border-radius);
    overflow: hidden;
    user-select: none;
}

/* .product-card__btn--buy, .product-card__btn--cart {
    background: var(--btn-cart-bg);
    border: 1px solid var(--btn-cart-bg-color)
} */
.product-card a {
    color: inherit;
    text-overflow: ellipsis;
    text-align: center;
}

.product-card a:hover {
    color: #301b24;
    text-decoration: none;
}

.product-card__title-name a {
    line-height: 1.28;
    margin-bottom: 0.6rem;
    color: #2b2b2b;
    font-weight: var(--odic-fw-regular);
    display: block;
    font-size: var(--odic-fs-body);
    margin-top: 6px;
    line-height: var(--odic-lh-normal);
}

.product-card__price {
    margin-bottom: 12px;
    color: #3a3a3a;
    font-size: calc(var(--odic-fs-body) * 1.13);
    line-height: 1;
    letter-spacing: 0.15px;
    font-weight: var(--odic-fw-semibold);
}

.product-card__content {
    padding: 0 10px 10px;
}

.product-card__btn {
    padding: 9px 0;
    font-size: var(--odic-fs-body);
    line-height: var(--odic-lh-normal);
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: 0.25s;
    width: 100%;
    border-radius: var(--btn-pcard-radius);
    letter-spacing: 0.35px;
    background: var(--cartbtn-bg, #212121);
    color: var(--cartbtn-text, #fff);
    border: 1px solid var(--cartbtn-bg, #212121);
    min-height: 35px;
}

.product-card__btn .svg {
    --fs: 1.8rem;
}

.product-card__btn--cart {
    --cartbtn-text: var(--btn-cart-text);
    --cartbtn-bg: var(--btn-cart-bg);
}

.product-card__btn--cart:not(:disabled):hover {
    --cartbtn-text: var(--btn-cart-text-h);
    --cartbtn-bg: var(--btn-cart-h-bg);
}

.product-card__btn--buy {
    --cartbtn-text: var(--btn-buy-text);
    --cartbtn-bg: var(--btn-buy-bg);
    max-width: 100px;
}

.product-card__btn--buy:not(:disabled):hover {
    --cartbtn-text: var(--btn-buy-text-h);
    --cartbtn-bg: var(--btn-buy-bg-h);
}

/*
.product-card__btn--cart {
    --btn-cart-bg-color: var();
    --btn-cart-bg-color: var(--btn-cart-bg);
}

.pro-cart-icon .product-card__btn--cart {
    color: var(--btn-cart-text);
}
.product-card__btn--cart:not(:disabled):hover {
    --btn-cart-bg-color: var(--btn-bg-h);
    cursor: pointer;
    color: var(--btn-text-h);
}

.product-card__btn--buy {
    --btn-cart-bg-color: var();
    --btn-cart-bg-color: var(--btn-buy-bg);
    color: var(--btn-buy-text);
}

.product-card__btn--buy:not(:disabled):hover {
    --btn-cart-bg-color: var();
    --btn-cart-bg-color: var(--btn-buy-bg-h);
    color: var(--btn-buy-text-h);
}*/
@media only screen and (max-width: 600px) {
    .product-card__btn-cart {
        padding: 0 3.4rem;
    }
}

.sec-title, .signup_alert {
    text-align: center;
}

.sec-title h2 {
    font-family: var(--font-base);
    color: #11111185;
    color: #000000bd;
    font-weight: var(--odic-fw-semibold);
    font-size: var(--odic-fs-subtitle);
    margin-bottom: 0;
}

.sec-title h3 {
    margin-bottom: 0;
    font-size: var(--fs-md);
    color: var(--primary-color);
    line-height: 16px;
    font-size: var(--fs-md);
    letter-spacing: 0.25px;
    font-weight: 600;
}

.header-center .logo-container {
    display: flex;
    transition: 350ms;
    max-width: 110px;
    height: auto;
}

.sec-home-category {
    padding: 12px 0 10px;
}

.sec-home-category .cat-slider-item a img {
    transition: all 500ms ease;
    object-fit: cover;
    height: 100%;
}

.sec-home-category .owl-theme .owl-nav {
    margin-top: 0;
}

.sec-home-category .owl-theme .owl-nav button {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-color: #fff;
    font-size: 22px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    transform: translateY(-50%);
}

.sec-home-category .owl-theme .owl-nav button.disabled {
    background-color: #ffffff;
    color: #bebebe;
}

.account-dropdown.header-dropdown ul, .sec-home-category .owl-prev {
    left: 0;
}

.sec-home-category .owl-next {
    right: 0;
}

.sec-home-category .owl-theme .owl-dots {
    margin-top: 10px;
    display: none;
}

.sec-home-coupon {
    padding: 3em 0 2em;
}

.full select, .sec-home-coupon img {
    width: 100%;
}

.cart-table-wrapper .loader_spin.hide, .sec-home-coupon .owl-nav {
    display: none !important;
}

.signup_alert_section {
    padding: 6em 0;
    background: #f5f5f6;
}

.signup_alert h2 {
    font-size: var(--odic-fs-display);
    font-weight: 500;
    margin-bottom: 30px;
    color: #3c3c3c;
}

.signup_alert a {
    display: inline-block;
    line-height: 1.5em;
    background-color: #fff;
    border: 1px solid #6e6e6e;
    color: #393939;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 1.2rem 2rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.signup_alert a:hover {
    background-color: #161616;
    color: #fff;
}

.stickyNav {
    display: flex;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 1em 0;
    /* background: #fff; */
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);
    z-index: 1040;
}

.bredcrumb-large, .bredcrumbWrap {
    background-color: #f8f8f8;
    display: flex;
    position: relative;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.stickyNav .header-center .logo-container {
    top: -7px !important;
    position: static;
    width: 170px;
}

.bredcrumb-large {
    --bredcrumb-space: 30px 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: var(--bredcrumb-space);
    text-align: center;
}

.bredcrumbWrap {
    align-items: flex-start;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    min-height: 57px;
    padding-top: 0;
    text-align: left;
}

.bredcrumb-content__title {
    margin: 0;
    font-weight: 400;
}

.sidebar_categories .sub-level a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    text-decoration: none;
    position: relative;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    line-height: 1.2;
    color: #717171;
}

.sidebar_categories .sub-level a:hover, .sidebar_categories .sub-level a.active {
    background-color: #f7f7f7;
    color: #212121;
}

.sidebar_categories .sub-level a span.icon {
    width: 25px;
    height: 25px;
    display: flow-root;
    text-align: center;
    line-height: 24px;
    background-color: #f7f7f7;
}

.sidebar_categories .sub-level ul {
    padding-left: 20px;
    display: none;
}

.sidebar .h2, .sidebar h2 {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: var(--odic-lh-normal);
}

.pricefilter-input {
    display: flex;
    gap: 7px 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.pricefilter-input_g {
    position: relative;
    flex: 1;
    user-select: none;
}

.pricefilter-input_g .inp-plc {
    top: 10px;
    left: 10px;
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 500;
    pointer-events: none;
    font-family: var(--font-1);
    padding-left: 5px;
    margin-bottom: 2px;
    display: block;
}

.price-filter .ui-slider {
    margin-bottom: 25px;
}

.pricefilter-input_g input {
    width: 100%;
    text-align: left;
    padding: 9px 5px 9px 10px;
    user-select: none;
    font-size: 14px;
    border: 1px solid #ddd;
}

.main-form h4 {
    color: #4a4a4a;
    font-size: var(--odic-fs-subtitle);
}

.main-form label {
    font-size: var(--odic-fs-body);
    font-weight: var(--odic-fw-medium);
    color: #161616;
    margin-bottom: 10px;
}

.main-form .input_ctrl, .main-form select, .main-form textarea {
    background: #fff;
    padding: 13px 15px;
    width: 100%;
    border: 1px solid #e1e1e1;
    min-height: 40px;
    font-size: var(--odic-fs-body);
    line-height: var(--odic-lh-relaxed);
    border-radius: 7px;
    border: 1px solid #ccc;
    transition: all 0.35s ease;
    outline: none;
}

:is(.main-form .input_ctrl, .main-form textarea):focus, :is(.main-form .input_ctrl, .main-form textarea):hover {
    border-color: #2f2f2f;
}

.product-info-price span, .product-sku {
    font-weight: var(--odic-fw-semibold);
}

.main-form .input_ctrl::placeholder, .main-form select::placeholder, .main-form textarea::placeholder {
    color: #565656;
}

.new-account .link {
    text-decoration: underline;
    color: #222;
}

.product-single, .product-single :is(h1, h2, h3, h4, h5, p, ul, select, input, span, a) {
    font-family: var(--font-1) !important;
}

.product-single img, .variant_wrapper {
    user-select: none;
    box-shadow: none;
}

.product_single_title {
    font-size: calc(var(--odic-fs-title) - 0.26rem);
    font-weight: var(--odic-fw-500);
    text-transform: none;
    color: #2b2b2b;
    letter-spacing: 0.2px;
    line-height: var(--odic-lh-normal);
}

.psingle-info .product-stock :is(.instock, .outstock) {
    font-size: var(--odic-fs-body);
    font-weight: 500;
    color: var(--color-stock);
    display: inline-flex;
    align-items: center;
    gap: 5px 7px;
}

.psingle-info .product-stock :is(.instock, .outstock) i {
    display: inline-block;
    border: 1px solid var(--bg-stock);
    padding: 7px;
    border-radius: 99px;
    background-color: var(--bg-stock);
    box-shadow: 0px 0px 6px 0px var(--bg-stock);
}

.psingle-info .product-stock .instock {
    --color-stock: #70c80a;
    --bg-stock: #9eff2e;
    --stock-bg-ring: red;
}

.psingle-info .product-stock .outstock {
    --color-stock: #f80900;
    --bg-stock: #f80900;
}

.product-info-price {
    font-weight: var(--odic-fw-medium);
}

.product-info-price span {
    font-size: calc(var(--odic-fs-body) + 0.77rem);
    display: inline-block;
    color: #1c1c1c;
    font-weight: var(--odic-fw-500);
    letter-spacing: -0.2px;
    line-height: 1;
}

.product-info-price span.offprice {
    font-size: calc(var(--odic-fs-body) + 0.25rem);
    font-weight: inherit;
    color: #9b9b9b;
    display: inline-block;
    margin-right: 5px;
    letter-spacing: 0.8px;
}

.product-info-price span.offprice .strikePrice {
}

.product-sku {
    font-size: calc(var(--odic-fs-body) + 0.0667rem);
    margin: 13px 0 8px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 440;
    display: block;
}

.clVariant {
    font-weight: var(--odic-fw-bold);
    letter-spacing: 0px;
    color: #212121;
}

select.form-select {
    /* height: 50px; */
    padding: 0 10px;
    min-height: 59px;
    --bs-border-color: #161616;
}

.border-p-desc {
    border: 0.0625rem solid #e1e1df;
    width: 100%;
    padding: 18px 17px !important;
}

.border-p-desc h3 {
    font-size: 1.105rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #000;
    text-transform: capitalize;
    letter-spacing: 0.03125rem;
}

.icon_desc_title i {
    font-size: 21px;
    color: #9f9f9f;
}

.p_desc table strong, .p_desc table td {
    font-weight: 400;
    font-family: var(--font-1);
    padding: 5px 0;
    color: #000;
}

.p-desc .ck-ed p {
    line-height: 150%;
    margin-bottom: 18px;
}

img.color_img {
    border: 2px solid #c7c7c775;
    padding: 0px;
    width: 62px;
}

.mini-products-list li, .search-res-wrap a {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

img.color_img.active {
    border: 2px solid rgb(53 53 53);
}

.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.mini-products-list {
    padding: 7px 5px 0;
    height: calc(100vh - 207px);
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    margin: 0;
}

.mini-products-list+.mini-products-list {
    padding-top: 0;
}

.mini-products-list li {
    padding-bottom: 10px;
    line-height: normal;
    display: block;
    display: flex;
    align-items: center;
}

.mini-products-list li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.mini-products-list li:after, .mini-products-list li:before {
    content: "";
    clear: both;
    display: block;
}

.mini-products-list li .product-image {
    width: 25%;
    float: left;
}

.mini-products-list li .pro-img {
    float: left;
    width: 30%;
}

.mini-products-list li .pName {
    letter-spacing: 0;
    font-weight: var(--odic-fw-semibold);
    color: #767676;
    font-size: calc(var(--odic-fs-small) + 0.1rem);
    white-space: normal;
    text-decoration: none;
    display: block;
    line-height: var(--odic-lh-relaxed);
    margin-right: 0px;
    margin-bottom: 0;
}

.mini-products-list li .pName:hover {
    color: #222;
}

.mini-products-list li .product-details {
    float: left;
    width: 75%;
    padding-left: 15px;
    text-align: left;
}

.mini-products-list li .remove {
    color: #5c5c5c;
    float: right;
    font-size: 14px;
    padding: 0 2px 0 7px;
    margin-top: 0;
    text-decoration: none;
}

.mini-products-list li .remove:hover {
    color: #000;
}

.mini-products-list li .edit-i.remove {
    font-size: 11px;
    padding-top: 1px;
}

.mini-products-list li .priceRow {
    margin: 10px 0 0;
}

.mini-products-list li .priceRow .prodMulti {
    display: inline-block;
    font-size: 10px;
}

.mini-products-list li .priceRow .product-price {
    display: inline-block;
}

.mini-products-list li .qtyField {
    display: inline-block;
    padding-left: 2px;
}

.mini-products-list li .qtyField span {
    display: inline-block;
    padding: 0;
    border: 0;
}

.cursor-p:not(:disabled) {
    cursor: pointer;
}

span.cart-count-append {
    position: absolute;
    top: -14px;
    right: 0px;
    width: 1.6rem;
    border-radius: 50%;
    color: var(--p-bg-text);
    background: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-family: var(--font-1);
    text-align: center;
}

.search-res-wrap a {
    line-height: 20px;
    padding: 7px 11px;
    font-weight: 500;
    color: #727272;
    letter-spacing: 0.45px;
    font-size: var(--odic-fs-small);
    display: block;
    line-height: var(--odic-lh-relaxed);
}

.search-res-wrap a:hover {
    background-color: #efefef;
    color: #1c1c1c;
}

.cart-count-append.counter {
    display: block !important;
    transform-origin: bottom;
    animation: 0.2s counterfadein;
}

@-webkit-keyframes counterfadein {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1.1);
        opacity: 1;
    }
}

.header-dropdown ul {
    position: absolute;
    top: -300rem;
    z-index: 1150;
    min-width: 140px;
    margin: 0;
    padding: 0.5rem 0;
    background: #fff;
    box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease-out;
    opacity: 0;
}

.dashboard_nav_wrappper {
    background-color: #e5e9f459;
    border-radius: 18px;
    padding: 10px 24px;
}

.dashboard_nav_wrappper ul li a, .search_wrapper_overlay {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.header-dropdown ul a {
    font-size: 1.1rem;
    display: block;
    padding: 0.2em 15px;
    color: #777;
    white-space: nowrap;
}

.header-dropdown+.header-dropdown {
    margin-left: 1.4rem;
}

.header-dropdown:hover .header-menu:before, .header-dropdown:hover ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
}

.search_wrapper_overlay {
    background: #ffffffb8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.search_wrapper_overlay.active {
    visibility: visible;
    opacity: 1;
}

.search_wrapper {
    background: #fff;
    position: fixed;
    width: 100%;
    padding: 3em 0;
    z-index: 9999;
    visibility: hidden;
    top: -155px;
    transition: 350ms;
}

.search_wrapper.show {
    visibility: visible;
    top: 0;
}

.search_wrapper .serach_input_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}

.search_wrapper .left-icon {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    padding-left: 1px;
}

.search_wrapper .serach_input_wrapper .fa-icon svg {
    color: #a3a3a3;
    width: 25px;
    height: 25px;
}

.search_wrapper input[type="text"] {
    padding: 7px 0 7px 12px;
    flex: 1;
    border: none;
    line-height: 28px;
    width: 100%;
    letter-spacing: 0.65px;
    color: #121212;
}

.search_wrapper input[type="text"]:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}

.search_wrapper .serach_input_wrapper button {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 22px;
    display: inline-block;
}

.search-res-wrap {
    clear: both;
    position: absolute;
    width: auto;
    z-index: 999999;
    left: 0;
    top: 48px;
    background-color: #fff;
    padding: 0;
}

.dashboard-content h4 {
    /* font-weight: var(--odic-fw-regular);
    font-size: var(--odic-fs-subtitle); */
    font-size: var(--odic-fs-card-itle);
}

.section-user-dashboard :is(h5) {
    /* font-size: calc(var(--odic-fs-subtitle) - 0.1rem); */
}

.dashboard_nav_wrappper :is(h4) {
    /* font-size: calc(var(--odic-fs-subtitle) - 0.1rem); */
}

.dashboard-maintitle {
    font-size: var(--odic-fs-subtitle);
    font-weight: var(--odic-fw-regular);
}

.dashboard_nav_wrappper ul li a {
    font-size: var(--odic-fs-body);
    color: #544e4e;
    font-weight: var(--odic-fw-regular);
    transition: 0.3s;
    letter-spacing: 0.1px;
}

.dashboard_nav_wrappper ul li a .svg {
    font-size: 22px;
    margin-right: 10px;
}

.dashboard_nav_wrappper ul li {
    border-bottom: 1px solid #ddd;
}

.dashboard_nav_wrappper ul li a:is(.active, :hover) {
    font-weight: 700;
    color: #222529;
}

.cart-summary {
    margin-bottom: 20px;
    padding: 15px 24px;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 13px;
}

.cart-summary td {
    margin-left: 5px;
    font-size: var(--odic-fs-body);
    font-weight: var(--odic-fw-regular);
}

.cart-summary h3 {
    margin-bottom: 1rem;
    font-size: var(--odic-fs-subtitle);
    letter-spacing: -0.01em;
}

.cart-summary-section {
    position: relative;
    user-select: none;
    display: block;
}

.cart-summary-section::before {
    animation: 0.6s 0.5s infinite spinner;
    content: "";
    font-size: 3rem;
    color: #ffab01;
    left: 50%;
    opacity: inherit;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: center;
    will-change: transform;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #b10a26;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0);
    }

    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.cart-summary-section::after {
    content: "";
    background: rgba(179, 179, 179, 0.1);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffbd;
    z-index: 0;
}

.choose_adder_item h3 {
    font-weight: 500;
}

.choose_adder_item h3, .choose_adder_item h4, .choose_adder_item p {
    font-size: var(--odic-fs-body);
    margin-bottom: 0;
    font-family: var(--font-1);
}

.choose_adder_item p {
    margin-bottom: 0;
    line-height: 20px;
}

.choose_adder_item label span {
    margin-left: 9px;
    display: inline-block;
    font-weight: 300;
}

.checkout-section .alert {
    padding: 21px 23px;
    /* --bs-warning-bg-subtle: #ffffff; */
    /* --bs-warning-border-subtle: #fff; */
    --bs-warning-text-emphasis: #1c1c1c;
    font-size: calc(var(--odic-fs-body) + 0.005rem);
    letter-spacing: 0.25px;
    box-shadow: var(--bs-box-shadow-sm) !important;
    border-radius: 10px;
}

.cart-table-container td, .cart-table-container th {
    color: #000;
    vertical-align: bottom;
    border-bottom: 1px solid #ededed !important;
    font-size: var(--odic-fs-body);
    font-weight: 400;
}

.cart-table-wrapper table tr {
    background: #fff;
    font-family: var(--font-1);
    padding: 10px 0;
}

.cart-table-wrapper table tr td {
    padding: 0.15rem 0.35rem;
    vertical-align: middle;
}

.cart-table-wrapper table tr .product-title a {
    font-family: inherit;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    display: block;
}

.cart-table-wrapper .loader_spin {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(243 243 243 / 49%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-table-wrapper .loader_spin i {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin;
}

td.product-col {
    display: flex;
    align-items: center;
    padding: 6px 10px !important;
    border-top: none !important;
}

select.qu_op.qu_op_ch {
    /* width: 6rem; */
    padding: 6px;
    width: 100%;
}

.table-mini-cart tr td {
    padding: 6px 10px;
    border: 0;
    vertical-align: middle;
}

.table-mini-cart tr {
    border-bottom: 1px solid #cccccc00;
    background-color: #f8f8fa;
    --bs-table-bg: transparent;
    border-radius: 0;
}

.table-mini-cart .product-col {
    align-items: flex-start;
}

.table-mini-cart .product-col .product-image-container {
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    max-width: 75px;
    margin-right: 0.8rem;
    vertical-align: top;
}

.table-mini-cart .product-col>div {
    display: inline-block;
    padding-top: 0.7rem;
    vertical-align: top;
}

.table-mini-cart .price-col {
    font-weight: 400;
    text-align: right;
    line-height: 20px;
}

.table-mini-cart .product-title {
    display: block;
    margin: 0 5px 0 0;
    color: #333;
}

.table-mini-cart .product-title :is(a, strong) {
    font-weight: 460;
}

.pay_now_wrap {
    background: #e3f0ff;
    padding: 10px 19px 13px 15px;
    border-radius: 5px;
    display: inline-flex;
    width: 100%;
    margin-top: 7px;
}

.table.table-totals ul li label {
    margin-bottom: 0;
    font-family: var(--font-1);
    font-weight: 400;
}

.table.table-totals ul p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 13px;
    padding-left: 16px;
}

.table.table-totals hr {
    margin-bottom: 9px;
    margin-top: 9px;
}

.order-summary-tbl-footer td {
    color: #383838;
    font-weight: 450;
}

.modal-title {
    font-size: var(--odic-fs-card-itle);
}

.modal-title, .pay_desc p {
    font-weight: 400;
}

.pay_now_wrap img {
    width: 110px;
    margin-left: 10px;
}

.pay_desc p {
    margin-bottom: 0;
    font-family: muli, sans-serif;
    color: #3a3a3a;
    font-size: 13px;
    margin-top: 5px;
}

@media only screen and (max-width: 991px) {
    .nav_header_icons a {
        display: flex;
        align-items: baseline;
    }

    .nav_header_icons span.cart-count-append {
        left: 8px;
    }

    .nav_header_icons i {
        font-size: 1.2rem;
        margin-right: 5px;
        padding-top: 6px;
    }

    .nav_header_icons .mobile-menu-toggler {
        /* margin-left: 18px; */
    }

    .nav_header_icons .mobile-menu-toggler i {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 576px) {
    .header-middle {
        position: sticky;
        width: 100%;
    }

    .cart-table-wrapper table tr figure {
        width: 100px;
    }

    .overflow-scroll-480 {
        overflow-y: scroll;
    }

    .home-banner {
        height: 25.5rem;
    }

    .home-banner .banner-layer {
        top: 0;
        transform: translateY(20%);
        margin-top: 0;
    }

    .home-banner h2 {
        font-size: 2.6em;
    }

    .home-banner h3 {
        font-size: 3.45em;
    }
}

.terms-section h4 {
    font-family: var(--font-1);
    margin-bottom: 5px;
    font-size: 1.35rem;
    font-weight: 600;
}

.terms-section :is(p, .title) {
    line-height: 170%;
    font-size: 15px;
    color: #161616d9;
    font-weight: 400;
    letter-spacing: 0.15px;
    margin-bottom: 10px;
    font-family: var(--font-2);
}

.section-footer {
    background: var(--ft-bg, #ffffff);
    border-top: 1px solid var(--ft-br, #cccccc59);
}

.cat-slider-item a {
    /* border-radius: 20px; */
    overflow: hidden;
    border: 0px solid #ff0000;
}

.cat-slider-item a::before {
    position: absolute;
    width: 100%;
    height: 90%;
    bottom: 0;
    content: none;
    z-index: 1;
    background: linear-gradient(to bottom, rgb(41 38 33 / 0%) 20%, #00000069 98%);
}

.cat_name_overlay {
    display: block;
    /* position: absolute;
    bottom: 20px;
    right: 50%;
    width: auto; 
    transform: translateX(50%);*/
    text-align: center;
    padding: 10px 0 0px;
}

.cat-slider-item:hover .cat_name_overlay h6 {
    transform: translateY(0);
}

.cat-slider-item:hover .cat_name_overlay label {
    transform: translateY(0);
    opacity: 1;
}

.cat-slider-circle a:hover img {
    transform: scale(1.19);
}

.cat-slider-circle img {
    aspect-ratio: 2/1.42;
    border-radius: 18px;
    overflow: hidden;
    /* border: 2px solid #f7a74b; */
}

.cat_name_overlay .title {
    font-size: calc(var(--odic-fs-body) + 0rem);
    letter-spacing: 0.05px;
    font-weight: var(--odic-fw-medium);
    line-height: var(--odic-lh-tight);
}

.form-option-label, .toast-title {
    font-family: var(--font-1);
}

.cat_name_overlay h6, .cat_name_overlay label {
    color: #2f2f2f;
    /* transform: translateY(100%); */
    transition: 0.3s;
    margin-bottom: 0;
}

.cat_name_overlay label {
    font-size: var(--fs-base);
    letter-spacing: 2px;
    /* transform: translateY(70%); */
    /* opacity: 0; */
    font-weight: 600;
    display: none;
}

.j-c-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.j-c-b {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.form-control::placeholder {
    color: #121212;
}

.modal-body {
    padding: 1rem 2rem;
}

.form-error, .form-error p, .frm-error, .frm-error p {
    color: red !important;
    font-size: var(--odic-fs-small);
    font-weight: var(--odic-fw-regular);
    letter-spacing: 0.25px;
    margin-top: 8px;
    margin-bottom: 5px;
}

.mmenu-active .sticky-header.fixed {
    left: 260px;
    transition: left 0.25s;
}

.toast-top-center {
    top: 150px !important;
}

.toast-title {
    font-weight: 400;
    font-size: 15px;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    right: 0;
    width: 100%;
}

.toast-bottom-center, .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

.select_size {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 7px;
    align-items: center;
}

.select_size .form-check-inline {
    /* height: 36px; */
    margin-bottom: 0px;
    padding-top: 0;
    margin-right: 0;
    margin-top: 0px !important;
    min-width: 30px;
    flex: 1 1 auto;
    max-width: 42px;
}

.form-option .form-check-input {
    border: 0;
    background: 0 0;
}

.form-option-label, .sizemore-icon {
    position: relative;
    /* min-width: 42px; */
    /* min-height: 30px; */
    margin-bottom: 0;
    padding: 4px 0;
    transition: 0.3s;
    border: 1px solid #3e3e3e40;
    border-radius: 5px;
    color: #171717;
    font-size: var(--odic-fs-small);
    text-align: center;
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    line-height: var(--odic-lh-relaxed);
    display: block;
}

.variant_wrapper .form-option-label {
    min-width: 42px;
    min-height: 30px;
}

.form-option-label:hover {
    color: #ffffff;
    background: #000000;
}

.form-option-color {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.75rem;
    margin-left: -0.75rem;
    background-position: top left;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
}

.form-check-input:checked~.form-option-label {
    border-color: #000000;
    color: #fff;
    background: #000000;
}

.sizemore-icon {
    min-width: 28px;
    display: none !important;
}

@media (max-width: 991px) {
    .container {
        max-width: none;
    }

    .main-nav {
        display: none;
    }

    .header-center {
        width: 100%;
    }

    .bredcrumb-large {
        --bredcrumb-space: 15px 0;
    }

    .bredcrumb-content__title {
        font-size: 16px;
        letter-spacing: 0.35px;
    }

    .mmenu-active .page-wrapper {
        left: 260px;
    }

    .header-middle {
        padding-top: 0.8rem;
        padding-bottom: 0.7rem;
    }
}

@media (max-width: 576px) {
    .stickyNav .header-center .logo-container {
        width: 100% !important;
    }
}

@media only screen and (max-width: 991px) {
    .filterbar {
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        width: 240px;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        left: -240px;
        z-index: 1000;
        -ms-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .filterbar.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .filterbar.active .closeFilter {
        float: right;
        padding: 2px 7px;
        margin: -5px -8px 0 0;
        cursor: pointer;
    }
}

.d-f-a-c-j-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.d-f-a-c-j-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

a:disabled, button:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

.form-option-label.disabled {
    color: #706f6f;
    cursor: not-allowed;
    background: #ececec;
}

.form-option-label.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: #eee;
    z-index: -1;
    opacity: 0;
}

.form-option-label.disabled::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgb(255 0 0) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgb(255 0 0) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
}

.product-image img {
    width: 100%;
    transition: 0.3s;
}

.mini-products-list .product-image img {
    border-radius: 5px;
    border: 1px solid #ccc;
}

.product-card:hover .product-card__image:not(.has-hover-image) img {
    transform: scale(1.06);
}

.vrline {
    color: #212121;
    margin: 0 10px;
}

.header-new__search-icon, .header-new__search-icon i {
    color: hsl(0deg 0% 0%);
}

.header-new__search-wrap {
    margin-right: 10px;
    margin-left: 60px;
}

.header-new__search-form {
    margin-bottom: 0;
    position: relative;
}

.header-new__search-content {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 35px;
    height: 47px;
    max-width: 435px;
    border: 1px solid #3d3d3d;
    overflow: hidden;
}

.header-new__search-box {
    flex: 1;
}

.header-new__search-icon {
    border-right: 1px solid #c1c1c1;
    margin-right: 5px;
    padding-left: 16px;
    font-size: 17px;
    padding-right: 7px;
}

.header-new__search-text {
    border: transparent;
    padding: 3px 6px 3px;
    outline: 0;
    font-family: var(--font-base);
    font-size: var(--odic-fs-small);
    letter-spacing: 0.35px;
    line-height: normal;
    width: 251px;
}

.p-overlay {
    bottom: 10px;
    background-color: #fff;
    width: 94%;
    margin: 15px auto 5px;
    padding: 11px 6px 13px;
    background: rgb(255 255 255 / 90%);
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    text-align: center;
    pointer-events: auto;
}

.product-card__ul {
    gap: 10px 10px;
}

.pro-cart-icon {
    width: 100%;
    text-align: center;
}

.footer__pay-types {
    background: #fff;
    border-radius: 5px;
    padding: 3px 7px;
}

.cat_title h3 {
    font-size: 1.1rem;
}

.btn-filter {
    background-color: #eee;
}

.cart-result .btn1 {
    background: #ececec;
    cursor: pointer;
}

#address_rows label {
    font-size: var(--odic-fs-body);
    font-weight: 400;
    color: #272727;
    letter-spacing: 0.01rem;
    margin-bottom: 10px;
}

#address_rows .form-control {
    font-size: calc(var(--odic-fs-body) - 0.052rem);
    letter-spacing: 0.0023rem;
    padding: 13px 17px;
    border-radius: 5px;
}

#address_rows .form-control::placeholder {
    color: #6a6a6a;
}

#address_rows .form-control:hover, #address_rows .form-control:focus {
    border: 1px solid rgb(18 18 18 / 59%);
}

#address_rows .form-error {
    margin-bottom: 5px !important;
    display: inline-block;
    margin-top: 0;
}

.mobicon {
    height: 46px;
}

.main-body-wrapper h1 {
    font-size: clamp(var(--odic-fs-subtitle), 1.3vw, var(--odic-fs-display));
    font-weight: var(--odic-fw-regular);
    color: #1f1f1f;
}

.p_short_des p {
    font-size: calc(var(--odic-fs-body) + 0.0667rem);
    color: #5c5c5c;
    margin-bottom: 3px;
    line-height: var(--odic-lh-relaxed);
    margin-bottom: 0px;
}

.btn.linkbtn:active, .btn.linkbtn:focus-visible {
    outline: 0;
    border: none;
}

.iconhead.mob {
    display: inline-block;
    line-height: 30px;
    aspect-ratio: 1;
}

.iconhead.mob svg {
    width: 8vw;
    transition: width 0.2s;
    max-width: 30px;
    height: auto;
}

.login_wrap {
    border-radius: 15px;
    padding: 28px 38px;
}

.login_wrap .custom-btn {
    padding: 10px 63px;
}

.section-user-dashboard {
    border-top: 1px solid #eee;
    background-color: #fcfcfd !important;
}

.section-user-dashboard .btn-outline-secondary {
    background-color: #6c757d;
    color: #fff;
}

.product-details-img img {
    border-radius: 0px;
}

.color-choose label, .quantity_variant_wrapper label, .variant_wrapper h5 {
    font-weight: 400;
    font-size: calc(var(--odic-fs-body) - 0rem);
    color: #363636cf !important;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
}

.btnprd-buy, .btnprd-cart {
    font-size: calc(var(--odic-fs-body) + 0.01rem);
    width: 50%;
    max-width: 200px;
    min-height: 53px;
    border-radius: 10px;
}

:is(.btnprd-buy, .btnprd-cart):hover {
    transform: translateY(-2px);
}

.btnprd-cart {
    max-width: 270px;
    /* border: 1.8px solid var(--bg); */
    /* background-color: transparent; */
    /* color: rgb(35 35 35); */
    --bt-bg: transparent;
    --bt-text: rgb(35 35 35);
    --bt-border: #161616;
}

.btnprd-cart:not(:disabled):hover {
    /* border-color: var(--primary-color); */
    /* background-color: transparent; */
    /* color: rgb(35 35 35); */
    --bt-bg: var(--odic-accent-hover);
    --bt-text: #ffffff;
    --bt-border: var(--odic-accent-hover);
}

.btnprd-buy {
    --bt-bg: #212121;
    --bt-text: #ffffff;
    --bt-border: #212121;
}

.btnprd-buy:not(:disabled):hover {
    --bt-bg: #323232;
    --bt-text: #fff;
    --bt-border: #161616;
}

.btnprd-cart i {
    vertical-align: bottom;
}

.inp-coupon {
    padding: 14px 13px;
    font-size: calc(var(--odic-fs-body) - 0.08rem);
    /* border: none; */
    font-weight: 450;
    letter-spacing: 0.099rem;
    border: 1px solid #c1c1c1;
}

.inp-coupon:focus, .inp-coupon:hover {
    color: #212121;
    border-color: #14a028;
}

.inp-coupon.isinvalid {
    border-color: #f44336;
}

.btn-coupon {
    border-radius: 0;
    font-size: 14px;
    padding: 11px 13px;
    background-color: #14a028;
    color: #fff;
    border: 1px solid #14a028;
    height: 100%;
    white-space: nowrap;
    font-weight: var(--odic-fw-semibold);
}

.btn-coupon:hover, .btn-coupon:focus {
    background-color: var(--primary-color);
    color: var(--p-bg-text);
    border: 1px solid var(--primary-color);
}

#p-thumb a img {
    border: 2px solid #fff;
}

#p-thumb a.active img {
    border-color: var(--primary-color);
}

.about-content p {
    font-size: clamp(15px, 3vw, 16px);
    font-family: var(--font-1);
    line-height: 170%;
    color: #2d2d2d;
}

.max-width {
    max-width: var(--max-w, 590px);
}

.logo img {
}

.prdcard0 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.prdcard0.visible {
    opacity: 1;
    transform: translateY(0);
}

.copyright {
    line-height: 1.5;
}

.copyright a {
    display: inline-block;
}

.price-filter .ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    top: -5px;
}

.ui-widget-header {
    background: #3f3f3f !important;
}

.price-filter .ui-slider .ui-slider-handle:nth-child(2) {
    background: #2b6adb;
    z-index: 3 !important;
}

.price-filter .ui-slider .ui-slider-handle:nth-child(3) {
    background: #dc0000;
    z-index: 3 !important;
}

.ui-slider-horizontal {
    height: 7px !important;
}

.blogsec-title {
    font-size: clamp(26px, 9vw, 35px) !important;
}

.blogcard:hover .blogcard-title a {
    text-decoration: underline;
}

.blogcard-imgwrap {
    /* aspect-ratio: 900/500; */
    background-image: var(--url);
    background-size: cover;
    overflow: hidden;
    border-radius: 12px;
    background-position: center center;
}

.blogcard-img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 900 / 630;
    transition: all 0.95s ease;
}

.blogcard:hover .blogcard-img {
    transform: scale(1.2);
}

.blogcard-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.blogcard-author {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.blogcard-author .icon svg {
    width: 35px;
    height: 35px;
}

.blogcard-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.blog_details_right {
    padding: 25px 20px;
    border: 1px solid rgb(26 26 26 / 22%);
    border-radius: 15px;
    max-width: 420px;
}

.blog_details_right_header h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.popular_blog.active {
    border: 1px solid #bcbcbc;
    color: var(--bs-danger-text-emphasis);
}

.popular_blog {
    margin-top: 16px;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #bcbcbc42;
    color: #000;
}

.popular_blog_img {
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
}

.popular_blog_img img {
    height: 100%;
    object-fit: cover;
    background: #e6e9e9;
}

.popular_blog_text .item_title {
    font-weight: 500;
    font-family: var(--font-base);
    font-size: 15px;
    margin-bottom: 10px;
}

.popular_blog_text p {
    font-weight: 500;
    font-size: 14px;
    color: #676767;
    margin: 0;
}

.popular_blog_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    line-height: 1.4;
}

.blog_details_img_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
}

.blog_details_engage {
    gap: 25px;
    margin: 15px 0 10px;
    font-size: 15px;
    letter-spacing: 0.25px;
    font-weight: 600;
    color: var(--bs-success);
}

.blog_details_engage li span {
    display: inline-block;
    position: relative;
    top: -2px;
}

.blog_details_left h2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.blog_details_left p {
    font-size: 15px;
    line-height: 28px;
    margin-top: 15px;
    color: #121212c7;
    letter-spacing: 0.35px;
}

.blog_details_decsr p {
    margin-top: 0;
}

.blog_details_decsr :where(ul, ol, li) {
    list-style: revert;
    padding-left: 20px;
}

.blog_details_decsr li {
    padding-left: 0;
}

.svg, .svgbrands, .svg-brands {
    display: inline-block;
    width: var(--fs, 1.2em);
    height: var(--fs, 1.2em);
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    vertical-align: middle;
}

.svg.fs-2x {
    font-size: calc(1rem + 0.5rem);
}

.svg-fa-facebook, .svg-fa-fb {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M80 299.3V512h116V299.3h86.5l18-97.8H196v-34.6c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4.4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8z'/%3E%3C/svg%3E");
}

.svg-fa-twitter, .svg-fa-tw {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M357.2 48h70.6L273.6 224.2L455 464H313L201.7 318.6L74.5 464H3.8l164.9-188.5L-5.2 48h145.6l100.5 132.9zm-24.8 373.8h39.1L119.1 88h-42z'/%3E%3C/svg%3E");
}

.svg-fa-instagram, .svg-fa-ig {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M224.3 141a115 115 0 1 0-.6 230a115 115 0 1 0 .6-230m-.6 40.4a74.6 74.6 0 1 1 .6 149.2a74.6 74.6 0 1 1-.6-149.2m93.4-45.1a26.8 26.8 0 1 1 53.6 0a26.8 26.8 0 1 1-53.6 0m129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9 0c-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9c1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0c35.9-1.7 67.7-9.9 93.9-36.2c26.2-26.2 34.4-58 36.2-93.9c2.1-37 2.1-147.8 0-184.8M399 388c-7.8 19.6-22.9 34.7-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1'/%3E%3C/svg%3E");
}

.svg-fa-thread {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M331.5 235.7c2.2.9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6v-.5c.5-71.5 17.1-128.6 49.4-169.6c36.3-46.1 90.3-69.7 160.5-70.2h.3c70.3.5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8h-.7c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6.4 99.9 39.5 103.7 107.7l-.2.2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6.1-14.4.4c-42.9 2.4-57.2 23.2-56.2 41.8z'/%3E%3C/svg%3E");
}

.svg-fa-youtube, .svg-fa-yt {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M549.7 124.1c-6.2-23.7-24.8-42.3-48.3-48.6C458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5c-23.5 6.3-42 24.9-48.3 48.6C15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8C117.3 448 288.1 448 288.1 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8c11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6V175.2l142.7 81.2z'/%3E%3C/svg%3E");
}

.svg-fa-whatsapp {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222c0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222c0-59.3-25.2-115-67.1-157m-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4l-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2c0-101.7 82.8-184.5 184.6-184.5c49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6m101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18c-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4c-32.6-16.3-54-29.1-75.5-66c-5.7-9.8 5.7-9.1 16.3-30.3c1.8-3.7.9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5c-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8c35.2 15.2 49 16.5 66.6 13.9c10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6'/%3E%3C/svg%3E");
}

.svg-fluent--dismiss {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='m4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07z'/%3E%3C/svg%3E");
}

.svg-my-user {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 7.5a3 3 0 1 1-6 0a3 3 0 0 1 6 0m4.5 13c-.475-9.333-14.525-9.333-15 0'/%3E%3C/svg%3E");
}

.svg-my-search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 11.5a7.5 7.5 0 1 1-15 0a7.5 7.5 0 0 1 15 0m-2.107 5.42l3.08 3.08'/%3E%3C/svg%3E");
}

.svg-my-close {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.707 5.293a1 1 0 0 0-1.414 1.414L10.586 12l-5.293 5.293a1 1 0 1 0 1.414 1.414L12 13.414l5.293 5.293a1 1 0 0 0 1.414-1.414L13.414 12l5.293-5.293a1 1 0 0 0-1.414-1.414L12 10.586z'/%3E%3C/svg%3E");
}

.svg-my-trash {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 9l-.84 8.398c-.127 1.273-.19 1.909-.48 2.39a2.5 2.5 0 0 1-1.075.973C15.098 21 14.46 21 13.18 21h-2.36c-1.279 0-1.918 0-2.425-.24a2.5 2.5 0 0 1-1.076-.973c-.288-.48-.352-1.116-.48-2.389L6 9m7.5 6.5v-5m-3 5v-5m-6-4h4.615m0 0l.386-2.672c.112-.486.516-.828.98-.828h3.038c.464 0 .867.342.98.828l.386 2.672m-5.77 0h5.77m0 0H19.5'/%3E%3C/svg%3E");
}

.svg-fluent-home, .icon-home {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M8.998 2.388a1.5 1.5 0 0 1 2.005 0l5.5 4.942A1.5 1.5 0 0 1 17 8.445V15.5a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 1-1.5-1.5V12a.5.5 0 0 0-.5-.5H9a.5.5 0 0 0-.5.5v3.5A1.5 1.5 0 0 1 7 17H4.5A1.5 1.5 0 0 1 3 15.5V8.445c0-.425.18-.83.498-1.115zm1.336.744a.5.5 0 0 0-.668 0l-5.5 4.942A.5.5 0 0 0 4 8.445V15.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5V12A1.5 1.5 0 0 1 9 10.5h2a1.5 1.5 0 0 1 1.5 1.5v3.5a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 .5-.5V8.445a.5.5 0 0 0-.166-.371z'/%3E%3C/svg%3E");
}

.svg-fluent-person-settings {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M9 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8M6 6a3 3 0 1 1 6 0a3 3 0 0 1-6 0m-1.991 5A2 2 0 0 0 2 13c0 1.691.833 2.966 2.135 3.797C5.417 17.614 7.145 18 9 18q.617 0 1.21-.057a5.5 5.5 0 0 1-.618-.958Q9.301 17 9 17c-1.735 0-3.257-.364-4.327-1.047C3.623 15.283 3 14.31 3 13c0-.553.448-1 1.009-1h5.59q.277-.538.658-1zm6.626 2.92a2 2 0 0 0 1.43-2.478l-.155-.557q.382-.293.821-.497l.338.358a2 2 0 0 0 2.91.001l.324-.344q.448.212.835.518l-.126.423a2 2 0 0 0 1.456 2.519l.349.082a4.7 4.7 0 0 1 .01 1.017l-.46.117a2 2 0 0 0-1.431 2.479l.156.556q-.383.294-.822.498l-.338-.358a2 2 0 0 0-2.909-.002l-.325.344a4.3 4.3 0 0 1-.835-.518l.127-.422a2 2 0 0 0-1.456-2.52l-.35-.082a4.7 4.7 0 0 1-.01-1.016zm4.865.58a1 1 0 1 0-2 0a1 1 0 0 0 2 0'/%3E%3C/svg%3E");
}

.svg-fluent--person {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M10 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8M7 6a3 3 0 1 1 6 0a3 3 0 0 1-6 0m-1.991 5A2 2 0 0 0 3 13c0 1.691.833 2.966 2.135 3.797C6.417 17.614 8.145 18 10 18s3.583-.386 4.865-1.203C16.167 15.967 17 14.69 17 13a2 2 0 0 0-2-2zM4 13c0-.553.448-1 1.009-1H15a1 1 0 0 1 1 1c0 1.309-.622 2.284-1.673 2.953C13.257 16.636 11.735 17 10 17s-3.257-.364-4.327-1.047C4.623 15.283 4 14.31 4 13'/%3E%3C/svg%3E");
}

.svg-fluent--location {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M10 3a5 5 0 0 0-5 5c0 1.128.67 2.444 1.61 3.71c.926 1.246 2.047 2.36 2.818 3.067a.835.835 0 0 0 1.144 0c.77-.708 1.892-1.82 2.818-3.067C14.33 10.444 15 9.128 15 8a5 5 0 0 0-5-5M4 8a6 6 0 1 1 12 0c0 1.468-.843 3.007-1.807 4.306c-.98 1.319-2.152 2.48-2.945 3.207a1.835 1.835 0 0 1-2.496 0c-.793-.727-1.966-1.888-2.945-3.207C4.843 11.007 4 9.468 4 8m6-1.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M7.5 8a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m6.92 5.638a23 23 0 0 1-.715.826q.382.108.712.235c.554.213.969.455 1.236.698S16 15.844 16 16s-.08.36-.347.603s-.682.485-1.236.698c-1.106.426-2.667.7-4.417.7s-3.311-.274-4.417-.7c-.554-.213-.969-.455-1.236-.698S4 16.156 4 16s.08-.36.347-.603s.682-.485 1.236-.698a8 8 0 0 1 .712-.235a22 22 0 0 1-.715-.826a9 9 0 0 0-.356.128c-.621.239-1.159.536-1.55.891C3.284 15.012 3 15.466 3 16c0 .535.284.988.674 1.343s.929.652 1.55.892C6.471 18.715 8.16 19 10 19s3.529-.286 4.776-.765c.621-.24 1.159-.537 1.55-.892c.39-.355.674-.808.674-1.343s-.284-.988-.674-1.343s-.929-.652-1.55-.891a9 9 0 0 0-.356-.128'/%3E%3C/svg%3E");
}

.svg-fluent-box {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M15.395 2.5a3.75 3.75 0 0 0-2.786 0L3.732 6.05a2.75 2.75 0 0 0-1.728 2.553v10.792a2.75 2.75 0 0 0 1.728 2.554l8.877 3.55a3.75 3.75 0 0 0 2.786 0l8.877-3.55a2.75 2.75 0 0 0 1.729-2.554V8.604a2.75 2.75 0 0 0-1.729-2.553zm-2.229 1.392a2.25 2.25 0 0 1 1.672 0L23.23 7.25l-3.605 1.442L10.397 5zM8.378 5.808l9.23 3.692l-3.606 1.443L4.773 7.25zm-4.851 2.56l9.725 3.89V24.14l-.086-.032l-8.876-3.551a1.25 1.25 0 0 1-.786-1.16V8.603q0-.12.023-.237M14.752 24.14V12.258l9.726-3.89q.022.115.022.236v10.792c0 .511-.31.971-.785 1.16l-8.877 3.552z'/%3E%3C/svg%3E");
}

.svg-fluent--lock-closed {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M11 12a1 1 0 1 1-2 0a1 1 0 0 1 2 0M7 6H6a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h3v-.586A2 2 0 0 1 9.043 17H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2q.519.002 1 .126V9a3 3 0 0 0-3-3h-1V5a3 3 0 1 0-6 0zm1-1a2 2 0 1 1 4 0v1H8zm8 11a3 3 0 1 0-2.871-2.129l-2.836 2.836a1 1 0 0 0-.293.707V18.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V18h.5a.5.5 0 0 0 .5-.5V17h.5a.5.5 0 0 0 .5-.5v-.67c.313.11.65.17 1 .17m.75-4.5a.75.75 0 1 1 0 1.5a.75.75 0 0 1 0-1.5'/%3E%3C/svg%3E");
}

.svg-fluent--sign-regular {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M8.5 11.25a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M11 3.5a.5.5 0 0 0-.576-.494l-7 1.07A.5.5 0 0 0 3 4.57v10.86a.5.5 0 0 0 .424.494l7 1.071a.5.5 0 0 0 .576-.494V10h5.172l-.997.874a.5.5 0 0 0 .658.752l1.996-1.75a.5.5 0 0 0 0-.752l-1.996-1.75a.499.499 0 1 0-.658.752l.997.874H11zm-1 .582V15.92L4 15V4.999zM12.5 16H12v-5h1v4.5a.5.5 0 0 1-.5.5M12 8V4h.5a.5.5 0 0 1 .5.5V8z'/%3E%3C/svg%3E");
}

.svg-fluent--line-horizontal {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

.svg-fluent-plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 2a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 6 2'/%3E%3C/svg%3E");
}

.svg-fluent-minus0 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 2a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 6 2'/%3E%3C/svg%3E");
}

.svg-fluent--line-horizontal, .svg-fluent-minus, .svg-fluent-plus.opened {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 7.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

.svg-fluent--cart {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M2.997 3.496a.5.5 0 0 1 .5-.5h.438c.727 0 1.145.473 1.387.945c.165.323.284.717.383 1.059H16a1 1 0 0 1 .962 1.272l-1.496 5.275A2 2 0 0 1 13.542 13H8.463a2 2 0 0 1-1.93-1.473l-.642-2.355l-.01-.032l-1.03-3.498l-.1-.337c-.1-.346-.188-.652-.32-.909c-.159-.31-.305-.4-.496-.4h-.438a.5.5 0 0 1-.5-.5M6.845 8.87l.653 2.396a1 1 0 0 0 .965.736h5.08a1 1 0 0 0 .961-.727L16 6H6zM10 15.499a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m6 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0'/%3E%3C/svg%3E");
}

.svg-fluent-cart-filled {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.5 4.25a.75.75 0 0 1 .75-.75h.558c.95 0 1.52.639 1.845 1.233c.217.396.374.855.497 1.271L6.25 6h12.498c.83 0 1.43.794 1.202 1.593l-1.828 6.409a2.75 2.75 0 0 1-2.644 1.996H9.53a2.75 2.75 0 0 1-2.652-2.022l-.76-2.772l-1.26-4.248l-.001-.008c-.156-.567-.302-1.098-.52-1.494C4.128 5.069 3.96 5 3.809 5H3.25a.75.75 0 0 1-.75-.75M9 21a2 2 0 1 0 0-4a2 2 0 0 0 0 4m7 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E");
}

.svg-fluent--chevron-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M7.646 4.147a.5.5 0 0 1 .707-.001l5.484 5.465a.55.55 0 0 1 0 .779l-5.484 5.465a.5.5 0 0 1-.706-.708L12.812 10L7.647 4.854a.5.5 0 0 1-.001-.707'/%3E%3C/svg%3E");
}

.svg-fluent--chevron-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M12.353 15.854a.5.5 0 0 1-.707.001L6.162 10.39a.55.55 0 0 1 0-.78l5.484-5.464a.5.5 0 1 1 .706.708L7.188 10l5.164 5.147a.5.5 0 0 1 .001.707'/%3E%3C/svg%3E");
}

.svg-fluent--clock {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M10 2a8 8 0 1 1 0 16a8 8 0 0 1 0-16m0 1a7 7 0 1 0 0 14a7 7 0 0 0 0-14m-.5 2a.5.5 0 0 1 .492.41L10 5.5V10h2.5a.5.5 0 0 1 .09.992L12.5 11h-3a.5.5 0 0 1-.492-.41L9 10.5v-5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.svg-fluent--shoppingcart {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M2.997 3.496a.5.5 0 0 1 .5-.5h.438c.727 0 1.145.473 1.387.945c.165.323.284.717.383 1.059H16a1 1 0 0 1 .962 1.272l-1.496 5.275A2 2 0 0 1 13.542 13H8.463a2 2 0 0 1-1.93-1.473l-.642-2.355l-.01-.032l-1.03-3.498l-.1-.337c-.1-.346-.188-.652-.32-.909c-.159-.31-.305-.4-.496-.4h-.438a.5.5 0 0 1-.5-.5M6.845 8.87l.653 2.396a1 1 0 0 0 .965.736h5.08a1 1 0 0 0 .961-.727L16 6H6zM10 15.499a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m6 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0'/%3E%3C/svg%3E");
}

.svg-fluent--search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M13.73 14.436a6.5 6.5 0 1 1 .707-.707l3.416 3.418a.5.5 0 0 1-.637.764l-.07-.057zm-.71-.71q.385-.32.707-.706a5.5 5.5 0 1 0-.707.707'/%3E%3C/svg%3E");
}

.svg-mynaui--cart {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.5 21a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m-8 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M3.71 5.4h15.214c1.378 0 2.373 1.27 1.995 2.548l-1.654 5.6C19.01 14.408 18.196 15 17.27 15H8.112c-.927 0-1.742-.593-1.996-1.452zm0 0L3 3'/%3E%3C/svg%3E");
}

.svg-tdesign--cart-add {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2' d='M1 2h3l3 11m0 0h12l3-9M7 13l-1 4h15M7 21a1 1 0 1 1-2 0a1 1 0 0 1 2 0Zm14 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0ZM13 3v3m0 0v3m0-3h3m-3 0h-3'/%3E%3C/svg%3E");
}

.svg-mingcute--instagram-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M16 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zm-4 5a4 4 0 1 0 0 8a4 4 0 0 0 0-8m0 2a2 2 0 1 1 0 4a2 2 0 0 1 0-4m4.5-3.5a1 1 0 1 0 0 2a1 1 0 0 0 0-2'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-si--more {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M6.75 10a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0m5 0a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0M15 11.75a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5'/%3E%3C/svg%3E");
}

.odic-hero-slider {
    --odic-accent: #008060;
    --odic-overlay: rgba(0, 0, 0, 0.35);
    --odic-zoom: 1.1;
    --odic-transition: 0.8s;
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-color: #f0f0f0;
}

/* Track */
.odic-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Slides */
.odic-heroslide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1);
    transition: opacity var(--odic-transition) ease, transform var(--odic-transition) ease;
    z-index: 0;
    overflow: hidden;
}

.odic-slide.active {
    opacity: 1;
    z-index: 1;
}

.odic-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 6s ease-out;
    object-position: top;
}

.odic-slide.active img {
    transform: scale(1.1);
}

.odic-slide::before {
    content: none;
    position: absolute;
    inset: 0;
    background: var(--odic-overlay);
    opacity: 0;
    transition: opacity 0.8s ease;
}

.odic-slide.active::before {
    opacity: 1;
}

.odic-hero-text {
    transition: all 0.6s ease;
    will-change: transform, opacity;
}

/* Parallax Layer */
.odic-parallax {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.1) translateY(0);
    transition: transform 2s ease-out;
    z-index: -1;
}

/* Content Animations */
.odic-slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    width: 100%;
}

.odic-slide.active .odic-slide-content {
    opacity: 1;
}

.odic-fade-up {
    transform: translate(-50%, calc(-50% + 40px));
}

.odic-slide.active .odic-fade-up {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.odic-slide-left {
    transform: translate(calc(-50% - 50px), -50%);
}

.odic-slide.active .odic-slide-left {
    transform: translate(-50%, -50%);
}

.odic-stagger span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.odic-slide.active .odic-stagger span {
    opacity: 1;
    transform: translateY(0);
}

.odic-slide.active .odic-stagger span:nth-child(1) {
    transition-delay: 0.2s;
}

.odic-slide.active .odic-stagger span:nth-child(2) {
    transition-delay: 0.4s;
}

.odic-slide.active .odic-stagger span:nth-child(3) {
    transition-delay: 0.6s;
}

/* Text */
.odic-slide-content h1 {
    font-size: clamp(var(--odic-fs-title) + 0.1rem, 4vw, 3.2rem);
    font-weight: 600;
    margin-bottom: 1rem;
}

.odic-slide-content p {
    font-size: 1.1rem;
    margin-bottom: 1.8rem;
    opacity: 0.9;
    color: #fff;
}

.odic-btn {
    background: var(--odic-accent);
    color: #fff;
    padding: 0.9rem 2rem;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.odic-btn:hover {
    background: #004c3f;
}

.odic-track {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
}

.odic-slide {
    user-select: none;
    flex-shrink: 0;
}

.is-dragging .odic-slide {
    cursor: grabbing;
    transition: none !important;
}

/* Arrows */
.odic-arrow {
    /* --swiper-navigation-size: -9px; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: rgb(228 228 228 / 91%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    z-index: 5;
}

.odic-arrow:after {
    --fs: 25px;
    content: "";
    display: inline-block;
    width: var(--fs, 1.2em);
    height: var(--fs, 1.2em);
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    vertical-align: middle;
}

.odic-next:after {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 12 12'%3E%3C!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --%3E%3Cpath fill='currentColor' d='M4.47 2.22a.75.75 0 0 0 0 1.06L7.19 6L4.47 8.72a.75.75 0 0 0 1.06 1.06l3.25-3.25a.75.75 0 0 0 0-1.06L5.53 2.22a.75.75 0 0 0-1.06 0'/%3E%3C/svg%3E");
}

.odic-prev:after {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3C!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --%3E%3Cpath fill='currentColor' d='M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04'/%3E%3C/svg%3E");
}

.odic-arrow:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.odic-prev {
    left: 0px;
}

.odic-next {
    right: 0px;
    left: auto;
}

.odic-prev.disabled, .odic-next.disabled {
    opacity: 0.4;
}

.odic-arrow-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Dots */
.odic-dots {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 5;
}

.odic-dots span {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.odic-dots span.active {
    background: #fff;
}

.odic-dots span .progress {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--odic-accent);
    border-radius: 50%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform linear;
}

/* cat slider */
.odic-category-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.odic-carousel {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.odic-slider-loaded {
    display: block;
    opacity: 1;
    visibility: visible;
}

.odic-category-slider {
    display: block;
}

.odic-category-track {
    display: flex;
    transition: transform 0.6s ease;
}

.odic-category-slide {
    /* flex-shrink: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    text-align: center;
    overflow: hidden;
    transition: transform .3s ease; */
}

.odic-category-slider .odic-dots {
    display: none;
}

/* new multiimage */
.product-card__image, .product-card__image>a {
    position: relative;
    overflow: hidden;
}

.product-card__image img {
    width: 100%;
    transition: opacity 0.4s ease, transform 250ms ease;
    display: block;
}

.product-card__image .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(1.2);
    transition: all 350ms ease;
}

.product-card__image.has-hover-image:hover .primary-img {
    opacity: 0;
}

.product-card__image.has-hover-image:hover .hover-img {
    opacity: 1;
    transform: scale(1);
}

.cart-toggle:hover {
    color: var(--primary-color);
}

.nav-buttons {
    display: flex;
    gap: 10px 20px;
    align-items: center;
    margin: 0;
}

.nav-buttons a {
    display: inline-block;
}

.nav-buttons i {
    font-size: 30px;
    color: #212121;
    margin: 0;
    transition: all 0.5s ease;
}

.nav-buttons a:hover i {
    color: var(--primary-color);
}

.float-whatsapp__wrap {
    position: fixed;
    right: 17px;
    bottom: 3%;
    z-index: 999;
    display: flex;
    align-items: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.float-whatsapp__icon-wrap {
    width: 55px;
    height: 55px;
    background: linear-gradient(to bottom, #057c01, #178314);
    border-radius: 50%;
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    color: #fff;
    transition: 0.8s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float-whatsapp__icon {
    font-size: 27px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.text-hover-underline:hover {
    transition: all 350ms ease;
    text-decoration: underline;
}

.load-more-btndiv {
    display: none;
}

.sidebar-tags__title h2 {
    padding: 8px 10px 9px;
    font-size: calc(var(--odic-fs-body) - 0.1rem);
    font-weight: var(--odic-fw-semibold);
    border-bottom: 1px solid #cccccc54;
    letter-spacing: 0.025rem;
    color: rgb(18 18 18 / 90%);
    font-family: var(--font-base);
    text-transform: uppercase;
}

.load-spinner {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.load-spinner.active {
    opacity: 1;
    visibility: visible;
    text-align: center;
}

.spin-loader {
    display: inline-block;
    width: 60px;
    height: 60px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23000' d='M25 18c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1s1 .4 1 1v8c0 .6-.4 1-1 1'/%3E%3Cpath fill='%23000' d='M25 42c-.6 0-1-.4-1-1v-8c0-.6.4-1 1-1s1 .4 1 1v8c0 .6-.4 1-1 1m4-23c-.2 0-.3 0-.5-.1c-.4-.3-.6-.8-.3-1.3l4-6.9c.3-.4.8-.6 1.3-.3c.4.3.6.8.3 1.3l-4 6.9c-.2.2-.5.4-.8.4M17 39.8c-.2 0-.3 0-.5-.1c-.4-.3-.6-.8-.3-1.3l4-6.9c.3-.4.8-.6 1.3-.3c.4.3.6.8.3 1.3l-4 6.9c-.2.2-.5.4-.8.4' opacity='0.3'/%3E%3Cpath fill='%23000' d='M21 19c-.3 0-.6-.2-.8-.5l-4-6.9c-.3-.4-.1-1 .3-1.3s1-.1 1.3.3l4 6.9c.3.4.1 1-.3 1.3c-.2.2-.3.2-.5.2' opacity='0.93'/%3E%3Cpath fill='%23000' d='M33 39.8c-.3 0-.6-.2-.8-.5l-4-6.9c-.3-.4-.1-1 .3-1.3s1-.1 1.3.3l4 6.9c.3.4.1 1-.3 1.3c-.2.1-.3.2-.5.2' opacity='0.3'/%3E%3Cpath fill='%23000' d='M17 26H9c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1' opacity='0.65'/%3E%3Cpath fill='%23000' d='M41 26h-8c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1' opacity='0.3'/%3E%3Cpath fill='%23000' d='M18.1 21.9c-.2 0-.3 0-.5-.1l-6.9-4c-.4-.3-.6-.8-.3-1.3c.3-.4.8-.6 1.3-.3l6.9 4c.4.3.6.8.3 1.3c-.2.3-.5.4-.8.4' opacity='0.86'/%3E%3Cpath fill='%23000' d='M38.9 33.9c-.2 0-.3 0-.5-.1l-6.9-4c-.4-.3-.6-.8-.3-1.3c.3-.4.8-.6 1.3-.3l6.9 4c.4.3.6.8.3 1.3c-.2.3-.5.4-.8.4' opacity='0.3'/%3E%3Cpath fill='%23000' d='M11.1 33.9c-.3 0-.6-.2-.8-.5c-.3-.4-.1-1 .3-1.3l6.9-4c.4-.3 1-.1 1.3.3s.1 1-.3 1.3l-6.9 4c-.1.2-.3.2-.5.2' opacity='0.44'/%3E%3Cpath fill='%23000' d='M31.9 21.9c-.3 0-.6-.2-.8-.5c-.3-.4-.1-1 .3-1.3l6.9-4c.4-.3 1-.1 1.3.3s.1 1-.3 1.3l-6.9 4c-.2.2-.3.2-.5.2' opacity='0.3'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.load-spinner.active .spin-loader {
    animation: spinloader 650ms linear infinite;
}

@keyframes spinloader {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.image-skeleton {
    position: relative;
    width: 100%;
    padding-top: 133.4%;
    /* Adjust aspect ratio */
    background-color: #f2f2f2a1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skeleton-box {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite linear;
    border-radius: 4px;
}

.skeleton-spin span {
    /* position: relative; */
    animation: spinloader 550ms linear infinite;
}

.skeleton-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.product-imgmain, .product-imghover {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

/* Toast container */
.flashmsg-container {
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 90%;
    width: 360px;
}

.flashmsg-container.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
}

.flashmsg-container.top-right {
    top: 20px;
    right: 20px;
    align-items: flex-end;
}

.flashmsg-container.top-left {
    top: 20px;
    left: 20px;
}

.flashmsg-container.bottom-right {
    bottom: 20px;
    right: 20px;
    align-items: flex-end;
}

.flashmsg-container.bottom-left {
    bottom: 20px;
    left: 20px;
}

/* Toast box */
.flashmsg-toast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.flashmsg-toast.show {
    opacity: 1;
    transform: translateY(0);
}

/* Types */
.flashmsg-success {
    background: #28a745;
}

.flashmsg-warning {
    background: #ffc107;
    color: #333;
}

.flashmsg-error, .flashmsg-danger {
    background: #dc3545;
}

/* Icon */
.flashmsg-icon {
    font-size: 18px;
    flex-shrink: 0;
    color: #fff;
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 16l-4-4m0 0L8 8m4 4l4-4m-4 4l-4 4'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.flashmsg-icon--success {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 12l4.243 4.243l8.484-8.486'/%3E%3C/svg%3E");
}

.flashmsg-icon--warning {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v5m0 5a9 9 0 1 1 0-18a9 9 0 0 1 0 18m.05-13v.1h-.1V8z'/%3E%3C/svg%3E");
}

.flashmsg-icon--error {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 16l-4-4m0 0L8 8m4 4l4-4m-4 4l-4 4'/%3E%3C/svg%3E");
}

.flashmsg-text * {
    color: #fff;
    margin: 0px;
    line-height: 1.5;
    font-size: 15px;
}

/* Close button */
.flashmsg-close {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 26px;
    cursor: pointer;
    margin-left: 10px;
    line-height: 1;
}

.flashmsg-close:hover {
    opacity: 0.7;
}

/* Progress bar */
.flashmsg-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform linear;
    border-radius: 0 0 12px 12px;
}

/* Responsive */
@media (max-width: 480px) {
    .flashmsg-container {
        width: 95%;
    }

    .flashmsg-toast {
        font-size: 14px;
        padding: 10px 14px;
    }
}

.skeleton-card {
    position: relative;
    width: 100%;
    padding-top: 133.4%;
    background-color: #ededed;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
}

.skeleton-card::after {
    content: "";
    position: absolute;
    inset: 0;
    /* transform: translateX(-100%); */
    background: linear-gradient(90deg, #ededed 30%, #dcdcdc 50%, #ededed 70%);
    background-size: 400%;
    animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
    0% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.contact-info {
    background-color: #fff;
    border-radius: 20px;
    padding: 21px 25px;
}

.contact-info :is(a, .text-a) {
    line-height: var(--odic-lh-relaxed);
    display: inline-block;
    margin-bottom: 6px;
    font-size: 1rem;
    letter-spacing: 0.02rem;
}

.contact-info a:hover {
    color: var(--primary-color);
}

.contact-box {
    /* background-color: #f0f0f0c7; */
    padding: 14px 0px;
    border-radius: 15px;
}

.contact-box .fa-icon svg {
    vertical-align: baseline;
}

.cu_btn_clear {
    display: none;
}

.icon-title {
    display: flex;
    align-items: center;
    gap: 5px 10px;
}

.swal-footer {
    text-align: center;
}

.swal-footer .swal-button {
    background-color: var(--primary-color);
    color: var(--p-bg-text);
}

.btn-toggle-account {
    padding: 12px 13px;
    border-radius: 5px;
}

.btn-toggle-account[aria-expanded="true"] i {
    --svg: url(data:image/svg + xml,
 %3Csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" %3E%3Cpathfill="%23000" d="m4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07z" /%3E%3C/svg%3E);
}

.home-address-card {
}

.home-address-card h3 {
    font-size: calc(var(--odic-fs-subtitle) - 0.33rem);
}

.category-slider {
}

.swiper-button-next, .swiper-button-prev {
    color: #212121;
    --swiper-navigation-size: 17px;
    font-weight: 500;
}

.cu_btn_clear .svg {
    font-size: 1.5rem;
    vertical-align: middle;
}

.variant_wrapper .form-check-input {
    position: absolute;
    left: -99999px;
    visibility: hidden;
    opacity: 0;
}

.variant_wrapper .stock-total {
    padding: 3px 10px 0;
    font-weight: 450;
    /* font-family: var(--bs-body-font-family); */
    color: #212121;
    font-size: calc(1rem - 0.06rem);
}

.variant_wrapper .stock-total .text {
    color: #4c4c4cf5;
    letter-spacing: 0.01rem;
}

.swipercategory-slider {
    width: 100%;
    overflow: hidden;
    display: flex;
    /* justify-content: center; */
    /* Center the content horizontally */
    align-items: center;
    /* aspect-ratio: 16/1.7; */
}

.swipercategory-slider .swiper-container {
    /* display: flex; */
}

.swipercategory-slider .swiper-wrapper {
    /* display: flex; */
    /* flex-wrap: nowrap; */
}

.swipercategory-slider .swiper-slide {
    --w: 100%;
    width: var(--w);
    /* height: 190px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat-slider-circle {
    /* width: calc(var(--w) - 20px); */
    /* height: 190px; */
}

.swipercategory-slider .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.cat-img__wrap {
    width: calc(var(--w) - 0px);
    border-radius: 27px;
    overflow: hidden;
    border: 2px solid #ffffff;
}

.myProductSlider {
    visibility: hidden;
}

.productcard-overlay {
    position: absolute;
    width: 100%;
    inset: 0px;
    display: flex;
    /* text-align: right; */
    align-items: flex-end;
    /* justify-content: flex-end; */
    /* margin: 5px; */
    border-radius: var(--pcard-border-radius);
    z-index: 99;
    pointer-events: none;
}

.product-cart__overlay {
    padding-right: 15px;
    pointer-events: auto;
}

.product-cart__overlay.novariant {
    bottom: 2px;
    padding-bottom: 15px;
}

.product-cart__overlay-btn {
    color: var(--btn-cart-text);
    background-color: var(--btn-cart-bg);
    border: 1px solid var(--btn-cart-bg);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 22px;
    transition: all 500ms ease;
    margin-left: auto;
}

.product-cart__overlay-btn:hover {
    color: var(--cart-btn-hover-text);
    background-color: var(--cart-btn-hover-bg);
    border-color: var(--cart-btn-hover-bg);
}

.product-cart__overlay-btn i {
    background-color: var(--btn-buy-text);
}

.product-cart__overlay-btn:hover i {
    background-color: var(--btn-buy-text-h);
}

.product-cart__overlay-btn i {
    /* background-color: inherit; */
}

.section-hero {
    margin: 2px 0px 20px;
    border-radius: 0px;
    overflow: hidden;
    aspect-ratio: 16/6;
    position: relative;
}

.section-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.psingle-info__item {
    margin-bottom: 10px;
    margin-top: 9px;
}

.psingle-colors {
    display: flex;
    gap: 6px 10px;
    align-items: center;
    flex-wrap: wrap;
}

.psingle-colors {
    display: flex;
    gap: 6px 10px;
    align-items: center;
    flex-wrap: wrap;
}

.psingle-sizes {
    display: inline-block;
    margin-right: 5px;
}

/* Zoom on hover */
.zoom-img {
    transition: transform 0.4s ease;
}

.zoom-img:hover {
    transform: scale(1.12);
}

.product-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
}

.product-grid>*:only-child {
    grid-column: 1 / -1;
}

.product-grid.two-cols {
    grid-template-columns: 1fr 1fr;
}

.product-grid.one-col {
    grid-template-columns: 1fr;
}

.product-grid img, .product-mobile-swiper img {
    width: 100%;
    border-radius: 0px;
    cursor: pointer;
    display: block;
}

.product-swiper-pagination {
    --swiper-pagination-bullet-width: 17px;
    --swiper-pagination-bullet-height: 11px;
    --swiper-pagination-bullet-border-radius: 8px;
    --swiper-pagination-color: var(--primary-color);
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: 0.9;
}

.fancybox__container {
    --fancybox-color: #111;
    --fancybox-bg: #ffffffdb;
    --fancybox-accent-color: var();
    --fancybox-accent-color: var(--primary-color);
}

.fancybox__container .f-button.is-close {
    background: #ffffff !important;
    color: #111 !important;
    border: 1px solid #ddd !important;
}

.f-button.is-next, .f-button.is-prev {
    background: #fff !important;
    color: #111 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.fancybox__toolbar {
    background: transparent !important;
}

.fancybox__slide {
    /* background: #f8f8f8; */
}

.psingle-info__item--iglink a {
    display: inline-flex;
    align-items: center;
    font-size: calc(var(--odic-fs-body) + 0.01rem);
    font-weight: var(--odic-fw-500);
    color: #a3003d;
    gap: 10px 7px;
    margin: 10px 0 3px;
    border: 1px solid #a3003d;
    padding: 4px 13px;
    border-radius: 27px;
    background-color: transparent;
    transition: all 500ms ease;
}

.psingle-info__item--iglink a:hover {
    color: #fff;
    border: 1px solid #a3003d;
    background-color: #a3003d;
}

.psingle-info__item--iglink .icon {
    font-size: calc(var(--odic-fs-body) + 0.39rem);
}

.product-accordion .accordion-button {
    --bs-accordion-btn-focus-box-shadow: 0;
    --bs-accordion-btn-icon-width: 15px;
    --bs-accordion-active-bg: transparent;
    font-size: var(--odic-fs-body);
    color: rgb(18 18 18);
    letter-spacing: 0.04rem;
    font-weight: var(--odic-fw-500);
    --bs-accordion-btn-padding-x: 0;
}

.product-accordion .accordion-button .icon {
    margin-right: 8px;
    font-size: 19px;
    color: #696969;
}

.product-accordion .accordion-item {
    border: none;
    border-bottom: 1px solid rgb(18, 18, 18, 0.08);
    border-top: 1px solid rgb(18, 18, 18, 0.08);
}

.product-accordion .accordion-item+.accordion-item {
    /* .1rem solid rgb(18 18 18 / 8%) */
    border-top: 0px;
    border-bottom: 1px solid rgb(18, 18, 18, 0.08);
}

.product-accordion .accordion-body {
    --bs-accordion-body-padding-x: 2rem;
    --bs-accordion-body-padding-y: 0.75rem;
}

.ck-ed, .ck-ed :is(p, li, h1, h2, h3, h4, h5) {
    margin-bottom: 5px;
    color: rgba(18, 18, 18, 0.75);
    font-weight: 400;
    letter-spacing: 0.01rem;
}

.ck-ed, .ck-ed :is(p, li) {
    line-height: var(--odic-lh-relaxed);
    font-size: calc(var(--odic-fs-small) + 0.04rem);
}

.ck-ed ul {
    margin-bottom: 10px;
    padding-left: 16px;
}

.ck-ed ul li {
    list-style: initial;
}

.ck-ed strong {
    font-weight: var(--odic-fw-bold);
}

.svg-arcticons--note-it {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M41.038 12.488a1.84 1.84 0 0 0-1.842-1.842H8.804a1.84 1.84 0 0 0-1.842 1.842v23.024a1.84 1.84 0 0 0 1.842 1.842h30.392a1.84 1.84 0 0 0 1.842-1.842Z' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m38.06 10.646l-.582-2.176a1.84 1.84 0 0 0-2.256-1.302l-12.98 3.478M41.038 33.26l1.096-.294a1.84 1.84 0 0 0 1.303-2.256l-2.4-8.953M9.94 37.354l.582 2.176a1.84 1.84 0 0 0 2.256 1.302l12.98-3.478M6.962 14.74l-1.096.294a1.84 1.84 0 0 0-1.303 2.256l2.414 9.008m5.971-10.126h22.103m-22.103 5.219h22.103m-22.103 5.218h22.103m-22.103 5.219H24' stroke-width='1'/%3E%3C/svg%3E");
}

.svg-arcticons--tapemeasure {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M17.143 18.957c-.49.201.13.552.473.554a.97.97 0 0 0 1.07-1.188c-.307-.865-1.757-1.213-2.887-.94c-1.629.395-2.257 1.74-1.638 2.799c.812 1.392 3.249 1.916 5.165 1.331c2.384-.727 3.266-2.762 2.2-4.357c-1.28-1.913-4.71-2.612-7.389-1.718c-3.13 1.045-4.265 3.767-2.755 5.886c1.732 2.428 6.15 3.302 9.577 2.101c3.87-1.355 5.255-4.76 3.304-7.393c-2.175-2.939-7.571-3.986-11.738-2.482c-4.602 1.661-6.235 5.741-3.85 8.886c2.613 3.444 8.98 4.662 13.88 2.858c5.327-1.963 7.207-6.714 4.39-10.364c-3.047-3.946-10.378-5.336-16.003-3.232c-6.05 2.262-8.175 7.68-4.928 11.831c2.065 2.641 5.994 4.413 10.296 4.708' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M16.31 28.237H43.5v9.043H16.24c-6.618 0-11.735-4.41-11.735-10.173v-7.912m5.086 16.163v-2.26m3.391 3.617v-4.522m3.391 5.087v-2.26m3.391 2.26v-4.522m3.39 4.522v-2.26m3.392 2.26v-4.522m3.39 4.522v-2.26m6.782 2.26v-2.26m-3.39 2.26v-4.522m6.781 4.522v-4.522m-11.868-4.634v-9.833' stroke-width='1'/%3E%3C/svg%3E");
}

.svg-arcticons--anz {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M24.003 16.945c1.716 0 3.67 1.388 3.67 3.305c0 1.08-.37 1.914-.913 2.676c-.349.486-.615 1.045-.724 1.45c-.118.457-.377 1.563 1.075 1.582c.945.022 3.27-.744 5.148-2.854c1.445-1.694 2.303-3.843 2.303-6.186c0-5.477-4.721-9.919-10.559-9.919s-10.57 4.442-10.57 9.919c0 2.343.858 4.492 2.305 6.186c1.88 2.11 4.204 2.876 5.147 2.854c1.452-.019 1.19-1.125 1.077-1.582c-.107-.405-.374-.964-.725-1.45c-.543-.762-.914-1.596-.914-2.676c.004-1.917 1.955-3.305 3.68-3.305M42.682 26.97c-.433-.334-1.193-.821-2.751-1.045c-2.164-.301-4.094.171-5.256.6c-1.528.564-3.41 1.844-4.71 3.512c-1.373 1.763-2.083 4.424-1.402 7.197c.193.78.4 1.22.711 1.767c.406.744 1.478 1.783 2.415 1.97c.74.143 1.32-.254 1.604-.554c1.89-2.039 9.048-9.933 9.824-10.941c.762-1.002.265-1.964-.435-2.506m-29.355-.444c-1.163-.43-3.091-.902-5.255-.601c-1.559.224-2.325.71-2.752 1.045c-.7.542-1.202 1.504-.436 2.506c.772 1.008 7.93 8.902 9.819 10.94c.284.3.863.698 1.605.555c.943-.187 2.01-1.226 2.415-1.97c.315-.547.519-.987.717-1.767c.679-2.773-.042-5.434-1.401-7.197c-1.302-1.668-3.187-2.948-4.712-3.511' stroke-width='1'/%3E%3C/svg%3E");
}

.svg-arcticons--emoji-package {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m18.583 8.693l15.985 9.232v3.757c0 .508-.271.977-.711 1.231l-3.083 1.78a.933.933 0 0 1-1.4-.808v-2.961l-15.941-9.242m22.16 23.959v-1.875a.528.528 0 0 0-.792-.457l-3.786 2.186c-.38.22-.615.626-.615 1.065v2.08m-.879-8.437v.542a.933.933 0 0 0 1.4.808l4.243-2.345c.44-.254.71-.723.71-1.231v-.698a.9.9 0 0 0-1.35-.78l-4.206 2.323a1.6 1.6 0 0 0-.797 1.38' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M40.017 14.75L24 5.5L7.982 14.75v18.5L24 42.5l16.017-9.25z' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m21.201 25.82l-5.174-2.903v4.641l5.174 2.902zM24 24.02V42.5m.036-18.48L8.02 14.77m26.545 3.15l5.453-3.15M24 24.02l5.372-3.101' stroke-width='1'/%3E%3C/svg%3E");
}

.svg-arcticons--capsule {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M29.183 10.688a5.183 5.183 0 0 0-10.366 0v26.624a5.183 5.183 0 0 0 10.366 0z' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M18.818 18.818h-8.124C7.824 18.818 5.5 21.143 5.5 24s2.325 5.182 5.194 5.182h8.124l10.364-10.364h8.124c2.87 0 5.194 2.325 5.194 5.182s-2.325 5.182-5.194 5.182h-8.124' stroke-width='1'/%3E%3C/svg%3E");
}

.svg-fluent--notepad {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M7.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM7 10.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm-1-11a.5.5 0 0 0-.5.5V3h-.5A1.5 1.5 0 0 0 4 4.5v12A1.5 1.5 0 0 0 5.5 18h6a.5.5 0 0 0 .354-.146l4-4A.5.5 0 0 0 16 13.5v-9A1.5 1.5 0 0 0 14.5 3H14v-.5a.5.5 0 0 0-1 0V3h-2.5v-.5a.5.5 0 0 0-1 0V3H7v-.5a.5.5 0 0 0-.5-.5m8 2a.5.5 0 0 1 .5.5V13h-2.5a1.5 1.5 0 0 0-1.5 1.5V17H5.5a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5zm-.207 10L12 16.293V14.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}

.svg-fa7-solid--plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M352 128c0-17.7-14.3-32-32-32s-32 14.3-32 32v160H128c-17.7 0-32 14.3-32 32s14.3 32 32 32h160v160c0 17.7 14.3 32 32 32s32-14.3 32-32V352h160c17.7 0 32-14.3 32-32s-14.3-32-32-32H352z'/%3E%3C/svg%3E");
}

.svg-fa7-solid--minus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M96 320c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H128c-17.7 0-32-14.3-32-32'/%3E%3C/svg%3E");
}

.hero-slider .odic-arrow {
    display: none !important;
}

.pinfo-quick__info {
    margin-bottom: 14px;
    padding-left: 16px;
}

.pinfo-quick__info li {
    list-style: initial;
    line-height: var(--odic-lh-normal);
    margin-bottom: 8px;
    font-size: calc(var(--odic-fs-small) + 0.07rem);
    font-weight: var(--odic-fw-500);
}

.pinfo-quick__li {
    color: rgba(18, 18, 18, 0.75);
    display: block;
}

.color-filter-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1px 2px;
}

/* Container */
.modern-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    transition: 0.25s;
}

.modern-checkbox:hover {
    background: #f7f7f7;
}

/* Hide native checkbox */
.modern-checkbox input {
    display: none;
}

/* Custom checkbox square */
.checkmark {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid #999;
    display: inline-block;
    position: relative;
    transition: 0.25s ease;
}

/* Checked style */
.modern-checkbox input:checked+.checkmark {
    background-color: rgb(18 18 18);
    /* Blue shade */
    border-color: rgb(18 18 18);
}

/* Checkmark tick */
.modern-checkbox input:checked+.checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(40deg);
}

/* Label text */
.label-text {
    font-size: var(--odic-fs-small);
    font-weight: var(--odic-fw-regular);
    color: #555555;
}

/* Highlight entire row when selected */
.modern-checkbox input:checked~.label-text {
    font-weight: var(--odic-fw-regular);
}

.sidebar-tags-wrap h2 {
    display: flex;
    justify-content: space-between;
}

button.resetFilters {
    background-color: transparent;
    color: #c20a1a;
    border-radius: 2px;
    font-size: var(--odic-fs-small);
    font-weight: var(--odic-fw-regular);
    letter-spacing: 0.2px;
    cursor: pointer;
    display: none;
    padding: 0 8px;
    border: none;
}

button.resetFilters.show {
    display: block;
}

button.resetFilters:hover {
    background-color: #eeeeee;
}

.active-filters-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.filter-tag {
    background: #f0f3f8;
    border: 1px solid #d9e1ee;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-tag .remove-tag {
    cursor: pointer;
    font-weight: bold;
    color: #555;
}

.active-filters-wrapper.show {
    display: flex !important;
}

.price-filter__btn {
    display: inline-block;
    padding: 0 0;
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 14px;
    align-items: center;
    color: #191919;
    min-width: 180px;
    margin: 0 auto;
    transition: all 500ms ease;
}

.price-filter__btn:hover {
    background: rgb(18 18 18 / 80%);
    color: #fff;
}

.checkout-section .alert-link {
    font-weight: var(--odic-fw-500);
    color: #2b2b2b;
}

.bg-checkout {
    --bg-: #f4f6f8;
    background-color: #f4f6f8;
}

.text-underline, .hover-underline-text:hover {
    text-decoration: underline;
}

.checkoutcol-left {
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 13px;
}

.checkout-col__title {
    font-size: calc(var(--odic-fs-subtitle) - 0.09rem);
    font-weight: var(--odic-fw-semibold);
    letter-spacing: 0.01rem;
    color: rgb(18 18 18 / 76%);
}

.checkout-col__label {
    font-size: var(--odic-fs-body);
    font-weight: 440;
}

.coupons-msg {
    font-size: calc(var(--odic-fs-small) + 0.02rem);
    letter-spacing: 0.028rem;
    font-weight: var(--odic-fw-semibold);
}

.coupons-base-discountMessage {
    color: #03a685;
}

.coupons-base-discounterror {
    color: #fd0000;
}

.coupon-apply {
    flex-wrap: nowrap;
}

.btn-place-order {
    --bt-bg: #212121;
    --bt-text: #ffffff;
    --bt-border: #212121;
    padding: 12px 40px;
}

.btn-place-order:not(:disabled):hover {
    --bt-bg: var(--primary-color);
    --bt-text: var(--p-bg-text);
    --bt-border: var(--primary-color);
}

.product-item__offprice--hidden {
    display: none;
}

#mostselling-section {
    display: none;
}

.swiper-button-lock {
    display: none !important;
}

.productcard-overlay__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px;
    z-index: 999;
}

.product-counter {
    display: none;
}

.page-content p {
    margin-bottom: 11px;
    color: #494949;
    font-size: calc(var(--odic-fs-body) + 0.05rem);
    letter-spacing: 0.02rem;
}

.descontent p.title {
    font-size: 17px;
    font-weight: 600;
    color: #212121;
}

.descontent * {
    font-family: var(--font-base);
    line-height: 1.4;
    color: #333;
}

.descontent h1 {
    font-size: 2rem;
}

.descontent h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.descontent h3 {
    font-size: 1.2rem;
    margin-bottom: 8px;
    font-weight: var(--odic-fw-semibold);
}

.descontent h4 {
    line-height: 1.6;
    margin-bottom: 5px;
}

.descontent h5 {
}

.descontent p {
    font-size: 1.065rem;
    margin-bottom: 10px;
    line-height: 1.6;
    letter-spacing: 0.01rem;
}

.descontent strong {
    font-weight: var(--odic-fw-semibold);
}

.descontent ul li {
    margin-bottom: 10px;
    line-height: 1.6;
    list-style: disc;
    padding-left: 0px;
    font-size: 1.01rem;
    letter-spacing: 0.01rem;
}

.descontent ul li:last-child {
    margin-bottom: 0px;
}

.descontent {
    /* max-width: 800px; */
    /* margin: 0 auto; */
}

.descontent ul {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-left: 19px;
}

.descontent a {
    text-decoration: underline;
    color: rgb(121 65 0);
    font-weight: var(--odic-fw-medium);
}

.descontent a:hover {
    text-decoration: underline;
    color: #3f51b5;
}

.fa-2x {
    font-size: 28px;
}

.orderinfo-wrap {
    --bg: #f7f9fb;
    --card: #ffffff;
    --muted: #6b7280;
    --text: #0f172a;
    --accent: #0ea5a4;
    --glass: rgb(15 23 42 / 12%);
    --radius: 12px;
    --shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
    --glass-2: rgba(15, 23, 42, 0.03);
}

.order-card {
    background: var(--card);
    padding: 15px 11px;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    border: 1px solid var(--glass-2);
    letter-spacing: 0.25px;
}

.order-table {
    width: 100%;
    border-collapse: collapse;
}

.order-table thead th {
    text-align: left;
    padding: 10px 12px;
    color: var(--muted);
    font-size: 13px;
}

.order-table tbody td {
    padding: 12px;
    border-top: 1px solid var(--glass-2);
    font-size: 14px;
}

.order-table tbody tr:hover td {
    background: linear-gradient(90deg, rgba(14, 165, 164, 0.03), transparent);
}

.order-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.meta-row {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* margin-bottom: 10px; */
}

.meta-row__last {
    margin-top: 10px;
}

.meta-title {
    color: var(--muted);
    font-size: 16px;
}

.meta-value {
    font-weight: 600;
}

.order-summary {
    margin-top: 14px;
    border-top: 1px dashed var(--glass);
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    letter-spacing: 0.25px;
}

.orderproduct-line {
    display: flex;
    gap: 12px;
    align-items: center;
}

.oproduct-thumb {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: linear-gradient(180deg, #eef6f6, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--glass-2);
    overflow: hidden;
    flex-shrink: 0;
}

.oproduct-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.oproduct-info {
    flex: 1;
}

.oproduct-title {
    font-size: 16px;
    margin: 0 0 6px 0;
    color: #212121;
    font-weight: 500;
}

.oproduct-meta {
    color: var(--muted);
    font-size: 15px;
}

.totals {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    border-top: 1px dashed var(--glass);
    padding-top: 10px;
}

.order-shipping {
    border-top: 1px dashed var(--glass);
    padding-top: 20px;
}

.totals .trow {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: 15px;
}

.totals .trow.total {
    font-weight: 500;
    color: var(--text);
    font-size: 16px;
}

.oproduct-price {
    font-weight: 600;
}

.btn-sidebar-account {
    position: relative;
    padding-left: 40px;
    font-size: var(--odic-fs-body);
}

.btn-sidebar-account:before, .btn-sidebar-account:after {
    content: "";
    font-size: 35px;
    width: 20px;
    display: block;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    left: 10px;
    top: 23px;
}

.btn-sidebar-account:after {
    transform: rotate(90deg);
    transition: all 500ms ease;
}

.btn-sidebar-account0:before {
    content: "";
    font-size: 35px;
    width: 20px;
    display: block;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    left: 10px;
    top: 23px;
}

.btn-sidebar-account[area-expanded="true"]:before {
}

.btn-sidebar-account[area-expanded="true"]:after {
}

.btn-sidebar-account[aria-expanded="true"]:after {
    transform: rotate(0deg);
}

.order-btn {
    overflow-x: auto;
}

.checkout-preloder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.checkout-preloder-spin {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #009688;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spinpreload 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spinpreload {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.checkout-preloder-msg p {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    letter-spacing: 0.1px;
}

.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 110px;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1981c6;
    opacity: 0;
    animation: dot-bounce 1.2s infinite ease-in-out;
    aspect-ratio: 1;
}

@keyframes dot-bounce {
    0%, 100% {
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.dot:nth-child(1) {
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.1s;
}

.dot:nth-child(3) {
    animation-delay: 0.2s;
}

.dot:nth-child(4) {
    animation-delay: 0.3s;
}

.dot:nth-child(5) {
    animation-delay: 0.4s;
}

.dot:nth-child(6) {
    animation-delay: 0.5s;
}

.dot:nth-child(7) {
    animation-delay: 0.6s;
}

.dot:nth-child(8) {
    animation-delay: 0.7s;
}

.dot:nth-child(9) {
    animation-delay: 0.8s;
}

.dot:nth-child(10) {
    animation-delay: 0.9s;
}

.section-page {
}

.page-content, .page-ckwrap {
    max-width: min(90%, 1200px);
    margin: 0 auto;
    background-color: #e4e3db3d;
    padding: 1rem 2rem;
}

.page-ckcontent {
    max-width: 800px;
    padding: 17px 0px;
    font-size: 17px;
    line-height: 1.8;
    color: #222;
    text-align: left;
}

.page-ckcontent {
}

.page-ckcontent :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 500;
    line-height: 1.3;
}

.page-ckcontent h1 {
    font-size: 2rem;
}

.page-ckcontent h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.page-ckcontent h3 {
    font-size: 1.25rem;
}

.page-ckcontent p {
    margin: 0 0 1em;
    color: #212121;
    font-size: 1em;
}

.page-ckcontent ul, .page-ckcontent ol {
    padding-left: 1.5em;
    margin: 0 0 1em;
    list-style: initial;
}

.page-ckcontent li {
    margin-bottom: 0.4em;
}

.page-ckcontent a {
    color: #0066cc;
    text-decoration: underline;
}

.page-ckcontent a:hover {
    text-decoration: none;
}

.page-ckcontent strong {
    font-weight: 600;
}

.page-ckcontent em {
    font-style: italic;
}

/* Remove empty paragraphs */
.page-ckcontent p:empty {
    display: none;
}

/* Normalize inline styles */
.page-ckcontent span {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}

.page-ckcontent [style*="text-align:center"] {
    text-align: center;
}

.quantity_variant_wrapper {
    width: min(100%, 155px);
}

.product-info__quantity-sel {
    border: 1px solid #fff;
    padding-right: 7px;
    border-radius: 0;
    padding: 0px;
    min-height: 59px;
    max-width: 145px;
    display: flex;
    width: 100%;
    border-radius: 54px;
    overflow: hidden;
    box-shadow: 0px 0px 17px 5px rgb(209 209 209 / 44%);
}

.product-info__quantity-sel .quantity {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.product-info__quantity-sel .quantity button {
    background-color: #ffffff;
    width: 44px;
    text-align: center;
    cursor: pointer;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #212121;
    border: none;
    transition: all 300ms ease;
}

.product-info__quantity-sel .quantity button:not(:disabled):hover {
    background-color: #efefef;
}

.product-info__quantity-sel .quantity button:disabled {
    color: #0c0c0c59;
}

.product-info__quantity-sel .quantity .qty {
    outline: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    padding: 0;
    text-align: center;
    display: inline-flex;
    width: 100%;
    flex: 1;
    -moz-appearance: textfield;
    text-align: center;
    margin: 0;
    padding-left: 0px;
    user-select: none;
    -webkit-user-select: none;
}

.quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.cart-quantity {
    display: flex;
    max-width: 145px;
    padding: 0;
    background-color: #f5f5f9;
    border-radius: 100px;
}

.cart-quantity button {
    line-height: 1;
    height: 32px;
    width: 32px;
    font-size: 14px;
    border-radius: 100px;
    border: 1px solid #cdcdcd;
    background-color: #ededed;
}

.cart-quantity button:not(:disabled):hover {
    background-color: #cdcdcd
}

.cart-quantity span {
    background-color: #eee;
    width: 30px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #212121;
}

.cart-quantity span:hover {
    background-color: #e0e0e0;
}

.cart-quantity .cart-qty {
    outline: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    padding: 0;
    text-align: center;
    display: inline-flex;
    width: 100%;
    flex: 1;
    background-color: #f5f5f9;
}

.cart-quantity .cart-qty::-webkit-inner-spin-button, .cart-quantity .cart-qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.trans-300 {
    transition: all 300ms ease
}

.o-h {
    overflow: hidden
}

.brds-6 {
    border-radius: 6px
}

.carttbl-ptitle {
    line-height: 1.5;
    margin-bottom: 6px;
}

.carttbl-pimg {
}
.pdp-btswrap {gap: 15px 10px;}
/* zz */
@media (min-width: 375px) {
    .header .separator {
        margin-left: 15px;
        margin-right: 15px;
    }

    .header-center .logo-container {
        max-width: 130px;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .product-gallery {
        display: flex;
        gap: 15px;
    }

    .product-main {
        width: 80%;
    }

    .product-thumbs {
        width: 20%;
    }

    .product-thumbs img {
        width: 100%;
        border-radius: 8px;
        cursor: pointer;
    }

    .product-main img {
        border-radius: 10px;
        cursor: zoom-in;
    }

    .order-card {
        padding: 28px;
    }

    .meta-row__last {
        text-align: right;
    }

    .meta-row {
        flex-direction: row;
        align-items: center;
    }

    .meta-row__last {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .header--middle .logo-lgcontainer {
        max-width: 140px;
        margin: 0 auto;
    }
}

@media (min-width: 1220px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1280px;
    }

    .swipercategory-slider .swiper-slide {
        --w: 100%;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }

    .cols-5 .col-xxl-20 {
        flex: 0 0 auto;
        width: 20%;
    }

    .full .col-xxl-20 {
        flex: 0 0 auto;
        width: 50%;
    }

    .swipercategory-slider .swiper-wrapper {
        /* justify-content: center; */
    }

    .main-nav .menu {
        font-size: calc(var(--odic-fs-body) + 0.049rem);
    }

    .header-single .main-nav .menu {
        font-size: var(--odic-fs-body);
    }

    .cat_name_overlay .title {
        font-size: calc(var(--odic-fs-body) + 0.088rem);
    }

    .sec-home-category {
        padding: 18px 0 44px;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1540px;
    }

    .header .container {
        max-width: 1440px;
    }
}

@media (min-width: 992px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidebar-tags {
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 10px;
    }

    .mobile-menu-toggler {
        display: none;
    }

    footer {
        padding: 5em 0 2em;
    }

    .logo img {
        /* margin: 0 auto; */
        max-width: 230px;
    }

    .inner-body-wrap .logo img {
        width: 85%;
    }

    .header-center .logo-container {
        max-width: 140px;
    }

    .sec-home-category .owl-theme .owl-nav button {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .sec-home-category .owl-prev {
        left: 13px;
    }

    .sec-home-category .owl-next {
        right: 13px;
    }

    .blogcard-img {
        aspect-ratio: 900 / 570;
    }
}

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

@media (max-width: 768px) {
    .product-thumbs {
        display: none !important;
    }

    .product-main .swiper-slide img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .select_size {
        gap: 6px 10px;
    }

    span.cart-count-append {
        top: -8px;
    }

    .odic-hero-slider .odic-arrow {
        display: none;
    }

    .cart-dropdown .mobile-cart {
        width: 300px;
    }

    .odic-hero-slider {
        aspect-ratio: 2/3;
        height: auto;
    }

    .dashboard-content {
        padding-top: 20px;
    }

    footer h4 {
        margin-bottom: 14px;
    }

    .logo img {
        max-width: 150px;
        width: 100%;
    }

    .signup_alert_section {
        padding: 3em 0;
    }

    .signup_alert h2 {
        font-size: var(--odic-fs-subtitle);
    }
}

@media (max-width: 568px) {
    html {
        font-size: 14px;
    }

    .header .separator {
        margin-left: 5px;
        margin-right: 5px;
        display: none !important;
    }

    .login_wrap {
        padding: 28px 18px;
    }

    .myProductSlider .odic-arrow {
        display: none;
    }

    .product-card {
        --pcard-border-radius: 10px;
        margin-bottom: 15px;
    }

    .nav_header_icons {
        gap: 10px 18px;
    }

    .section-hero {
        margin: 0px 0px 11px;
        aspect-ratio: 16 / 7;
    }

    .section-hero img {
        border-radius: 0px;
    }

    .product-cart__overlay-btn {
        font-size: 18px;
    }

    .mobile-hidden {
        display: none;
    }

    .latestproduct-list .product-cart__overlay-btn {
        width: 50px;
        height: 50px;
    }

    :where(.latestproduct-list, .latest-product-list) [class*="col-"] {
        padding-left: 6px;
        padding-right: 6px;
    }

    latestproduct-list, .latest-product-list :is(.form-option-label) {
        min-width: 32px;
    }

    .select_size .form-check-inline {
        min-width: 30px;
        max-width: 27px;
    }

    .sizemore-icon {
        min-width: 30px;
        display: block !important;
    }

    .product-card__image a {
        border-radius: var(--pcard-border-radius);
        overflow: hidden;
    }

    .select_size {
        gap: 6px 5px;
    }

    .p-overlay {
        padding: 4px 0 6px;
    }
}

@media (max-width: 375px) {
    .cart-dropdown .mobile-cart {
        width: 281px;
    }

    .cart-opened .mobile-cart .btncart-close {
        left: -35px;
    }

    .sec-home-category [class*="col-"] {
        padding: 0px;
    }

    .cat_name_overlay label {
        display: none;
    }

    .sec-home-category .owl-theme .owl-nav button {
        width: 35px;
        height: 35px;
        font-size: 15px;
        line-height: 35px;
    }

    .sec-home-category {
        padding: 7px 0 16px;
    }

    .sec-title h2 {
        font-size: calc(var(--odic-fs-subtitle) - 0.4rem);
        margin-bottom: 1rem;
    }

    .product-card__btn .svg {
        display: none;
    }

    .latestproduct-list .product-card__image {
        padding: 0px;
    }

    .p-overlay {
        border-radius: 5px;
        padding: 4px 0 5px;
        width: 100%;
    }

    .latestproduct-list .form-option-label {
        font-size: calc(var(--odic-fs-small) - 0.1rem);
    }

    .select_size {
        gap: 6px 3px;
    }

    .cart-summary {
        background-color: #fff;
        padding: 20px 25px;
        border-radius: 13px;
    }

    .checkoutcol-left {
        padding: 15px 14px;
    }

    .cat-img__wrap, .cat-slider-circle img {
        border-radius: 12px;
    }
}

/* xx */
.loader-container {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    /* Shopify light grey bg */
    z-index: 0;
    /* Behind slides */
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    /* Slides above loader */
}

.hero-slider {
    position: relative;
    overflow: hidden;
}

.loader {
    width: 42px;
    height: 42px;
    border: 3px solid #ddd;
    border-top-color: var(--odic-accent, #008060);
    border-width: 0px;
    border-top: 3px solid #008060;
    border-right: 3px solid #f8f8f8;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}