/* ==========================================================================
   Frontend Responsive Stylesheet
   Sections are grouped by viewport, then by storefront area.
   ========================================================================== */

/*==== DESKTOP VISIBILITY RULES ====*/
@media only screen and (min-width:767px) {
    .mobile-menu {
        display: none;
    }
    .mobile-search {
        display: none;
    }

}

/*==== MOBILE LAYOUT RULES ====*/
@media only screen and (min-width:320px) and (max-width:767px) {

    .customized-input-box .input-icon-label {
        top: 30px !important;
    }
    .main_slider {
        display: flex !important;
        overflow-x: auto;
        scroll-snap-type: inline mandatory;
        scrollbar-width: none;
    }

    .main_slider::-webkit-scrollbar {
        display: none;
    }

    .main_slider.owl-carousel:not(.owl-loaded) .slider-item {
        display: block !important;
        flex: 0 0 100%;
        scroll-snap-align: start;
    }

    .category-slider::-webkit-scrollbar,
    .brand-slider::-webkit-scrollbar,
    .product_slider::-webkit-scrollbar {
        display: none;
    }

    .category-slider > .cat-item,
    .brand-slider > .brand-item {
        flex: 0 0 calc(33.333% - 6px);
        scroll-snap-align: start;
    }

    .product_slider > .product_item {
        flex: 0 0 calc(50% - 4px);
        scroll-snap-align: start;
    }

    .contact-wrapper {
        bottom: 5px;
        right: 7px;
    }
     .col-sm-3.mb__hide_hbe {
        display: none;
    }
    div#variable-modal {
        padding: 10px;
    }
    .payment-methods {
        flex-wrap: wrap;
    }
    .payment_method {
        padding: 5px;
    }
    #variable-modal .modal-view {
        width: 100%;
        padding: 20px;
    }
    .close-variable-button {
        right: 0;
        top: 0;
    }
    .dimage_item img {
        object-fit: contain;
        pointer-events: none;
    }
    .form-group.mb-3 {
        margin-bottom: 10px !important;
    }

    .checkout-shipping .card-header {
        padding: 10px 15px;
    }
    .payment_method img {
        height: 23px;
    }
    button.order_place {
        margin-top: 20px;
    }
    .checkout-shipping h6 {
        font-size: 17px;
    }
    .checkout-shipping label {
        margin-bottom: 6px;
    }
    .coupon-section{
        display: none;
    }
    .pro_img {
        height: auto;
    }
    .menu-logo {
        height: 40px;
    }

    /* Grid and card spacing */
    .logo-item {
        height: 40px;
        text-align: center;
    }

    .product_sliders {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .cat_img a {
        display: block;
        height: 100%;
    }

    .cat_img img {
        height: 100%;
    }

    .cat_img {
        height: 50px;
        text-align: center;
    }
    .sidebar-menu {
        display: block;
        background: #f5f7f9;
        margin: 0;
        border-radius: 3px;
    }
    li.mobile_home a {
        color: #fff;
    }
    .fixed_whats a {
        bottom: 5px;
        right: 10px;
    }
    .scrolltop {
        display: none !important;
    }

    .mobile_hide {
        display: none;
    }

    .desktop_hide {
        display: block;
    }
    .sorting-section {
        margin-top: -15px;
    }
    .card-body.cartlist {
        overflow-x: scroll;
    }

    .cart_details .card-body.cartlist {
        overflow: visible;
    }

    .checkout-summary-item {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 10px 12px;
        min-height: 0;
        padding: 12px 0 14px;
        align-items: start;
    }

    .checkout-summary-remove {
        top: 12px;
        left: 0;
        width: 23px !important;
        height: 23px !important;
        line-height: 21px !important;
    }

    .checkout-summary-image {
        width: 70px;
        height: 58px;
        margin-left: 0;
        padding-left: 18px;
        background: transparent;
        border-radius: 0;
    }

    .cartlist .checkout-summary-image img {
        object-fit: contain;
        object-position: center;
        background: transparent;
    }

    .checkout-summary-title {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 1.18;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .checkout-summary-side {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
        margin-top: 0;
        padding-left: 74px;
    }

    .checkout-summary-side .quantity {
        width: 100px;
        grid-template-columns: 31px 38px 31px;
    }

    .checkout-summary-side .quantity input {
        min-height: 30px;
        margin-left: 0;
    }

    .checkout-summary-side .qty-cart.vcart-qty {
        display: block;
        width: auto !important;
        min-width: 0;
        margin: 0;
        column-gap: 0;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity {
        position: relative;
        display: grid;
        grid-template-columns: 31px 38px 31px;
        width: 100px;
        min-width: 100px;
        height: 34px;
        margin: 0 !important;
        overflow: hidden;
        border: 1px solid #dddddd;
        border-radius: 4px;
        background: #fff;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity .minus,
    .checkout-summary-side .qty-cart.vcart-qty .quantity .plus,
    .checkout-summary-side .qty-cart.vcart-qty .quantity input {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        color: #111;
        line-height: 1;
        opacity: 1;
        visibility: visible;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity input {
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        font-size: 14px;
        font-weight: 700;
        pointer-events: none;
        -webkit-text-fill-color: #111;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity .minus,
    .checkout-summary-side .qty-cart.vcart-qty .quantity .plus {
        cursor: pointer;
        font-size: 16px;
        font-weight: 900;
    }
    .section-title-header .section-title-name {
        font-size: 15px;
    }

    #content {
        margin-left: 0;
        padding-top: 0;
    }

    .page-sort {
        padding-right: 6px;
    }

    .showing-data {
        display: none;
    }

    .home-slider-container {
        width: 100%;
        margin-left: 0;
    }
    .slider-item img {
        border-radius: 0;
    }
    .container {
        width: var(--storefront-shell-width);
        max-width: var(--storefront-shell-width);
    }

    .category-breadcrumb {
        justify-content: center;
    }
    .category-product {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Slide-out mobile menu */
    .mobile-menu.active {
        left: 0;
    }

    .mobile-menu {
        width: 100vw;
        max-width: 100vw;
        left: -100vw;
        position: fixed;
        top: 0;
        z-index: 99999;
        background-color: #fff;
        height: 100vh;
        transition: all 0.3s ease;
        overflow-y: auto;
        padding-bottom: 18px;
    }

    .mobile-menu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .mobile-menu::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .mobile-menu::-webkit-scrollbar-thumb {
        background-color: var(--secondary-color);
    }

    /* Mobile footer links */
     .mobilemenu-bottom {
        margin: 14px 10px 0;
        border: 1px solid #eeeeee;
        border-radius: 8px;
        padding: 12px 16px;
        background: #fff;
    }

    .mobilemenu-bottom ul li {
        display: block;
        padding: 8px 0;
    }
    .mobilemenu-bottom ul li a{
       color: #222;
    }

    /* Mobile category tiles */

    .cat_item {
        padding: 5px;
    }
    
    .cat-img img {
        padding: 0px;
    }
    .cat-name {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
    }
    .m-hide {
        display: none !important;
    }
    .footer-menu.use_link_m ul li {
        font-size: 16px;
    }
    .footer-menu.use_link_m ul li a {
        padding: 0 !important;
        margin: 0 !important;
    }
    .footer-menu ul li a {
        margin-bottom: 5px;
    }
    .mobile-search {
        background-color: #fff;
        padding: 0px 6px;
        padding-top: 0;
        display: block;
    }

    /* Mobile menu header */
    .mobile-menu-logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #f1f1f1;
        padding: 10px 15px;
    }

    .logo-image img {
        height: 40px;
        width: auto;
    }

    .mobile-menu-close {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .mobile-menu-close i {
        font-size: 22px;
    }

    .mobile-category-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 12px 10px 8px;
    }

    .mobile-category-heading h3 {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin: 0;
        color: #111827;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.1;
    }

    .mobile-category-heading h3 i,
    .mobile-category-heading a {
        color: var(--secondary-color);
    }

    .mobile-category-heading h3 i {
        font-size: 9px;
    }

    .mobile-category-heading a {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        flex: 0 0 auto;
        font-size: 13px;
        font-weight: 600;
    }

    .mobile-category-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin: 0;
        padding: 0 8px 2px;
        list-style: none;
    }

    .first-nav .parent-category {
        display: block;
        min-width: 0;
        line-height: 1.2;
    }

    .first-nav .menu-category-list {
        display: block;
    }

    .first-nav .menu-category-list .menu-category-link {
        padding: 10px 0;
        display: block;
        padding-left: 20px;
    }

    .first-nav .parent-category .menu-category-name {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 42px;
        padding: 6px 24px 6px 9px;
        overflow: hidden;
        border: 1px solid #eeeeee;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 6px rgba(15, 23, 42, 0.05);
        text-transform: capitalize;
        font-size: 12px;
        font-weight: 600;
        color: #222;
        white-space: nowrap;
    }

    .first-nav .parent-category .menu-category-name span {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .first-nav .parent-category .menu-category-name::after {
        position: absolute;
        right: 9px;
        top: 50%;
        color: var(--secondary-color);
        font-family: "Font Awesome 6 Free";
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        content: "\f105";
        transform: translateY(-50%);
        transition: transform 0.2s ease;
    }

    .first-nav .parent-category.active .menu-category-name::after {
        transform: translateY(-50%) rotate(90deg);
    }

    .mobile-menu li.parent-category {
        position: relative;
    }

    .mobile-category-grid > .parent-category.active {
        grid-column: 1 / -1;
    }

    .mobile-menu span.menu-category-toggle {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        width: 28px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: var(--secondary-color);
        z-index: 2;
        cursor: pointer;
    }

    .mobile-menu span.menu-category-toggle i {
        display: none;
    }

    li.parent-category img {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        border-radius: 7px;
        background: #fffaf0;
        overflow: hidden;
        border: 1px solid rgba(242, 88, 80, 0.18);
        margin-right: 0;
        object-fit: contain;
        padding: 2px;
    }

    .mobile-menu span.menu-category-toggle.active i {
        transition: transform 0.3s ease;
        transform: rotate(180deg);
    }

    .second-nav {
        grid-column: 1 / -1;
        margin-top: 6px;
        padding: 4px 8px;
        border: 1px solid #eef2f4;
        border-radius: 8px;
        background-color: #fbfbfb;
    }

    .second-nav.active {
        min-height: 15px;
    }

    .parent-subcategory {
        display: block;
        position: relative;
        padding: 0px;
    }

    .parent-subcategory .menu-subcategory-name {
        display: block;
        padding: 8px 10px 8px 22px;
        border-bottom: 1px solid #edf0f2;
        color: #374151;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
        position: relative;
    }

    .parent-subcategory .menu-subcategory-name::before {
        position: absolute;
        left: 8px;
        top: 50%;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--primary-color);
        content: "";
        transform: translateY(-50%);
    }

    span.menu-subcategory-toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        width: 50px;
        height: 50px;
        justify-content: center;
        align-items: center;
    }

    span.menu-subcategory-toggle.active i {
        transition: transform 0.3s ease;
    }

    span.menu-subcategory-toggle.active i {
        transform: rotate(180deg);
    }

    li.childcategory {
        display: block;
    }

    ul.third-nav {
        padding: 4px 0 6px;
        background-color: #f4f7f7;
    }

    li.parent-category.active .menu-category-name {
        border-color: rgba(242, 88, 80, 0.25);
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    }

    li.parent-subcategory.active {
        background-color: #fff;
    }

    .menu-childcategory-name {
        display: block;
        padding: 6px 10px 6px 36px;
        color: #5b6673;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.25;
        position: relative;
    }

    .menu-childcategory-name::before {
        position: absolute;
        left: 22px;
        top: 50%;
        width: 7px;
        height: 1px;
        background: #9ca3af;
        content: "";
        transform: translateY(-50%);
    }

    header .toggle {
        margin-top: 0;
        padding-left: 12px;
        font-size: 22px;
    }
    .main-search.mobile-search {
        margin-top: 0;
        padding: 8px 15px;
        background: #f7f7f7;
    }
    .main-search.mobile-search form {
        height: 40px;
        border-width: 1px;
    }
    .mobile-menu-social .mobile-social-list .mobile-social-link {
        border: 2px solid #c0c0c0;
        padding: 5px 13px;
        border-radius: 5px;
        display: block;
    }

    .mobile-menu-social .mobile-menu-social {
        display: flex;
        column-gap: 5px;
        padding-left: 20px;
    }

    /* Header collapse */
    .logo-area {
        display: none;
    }

    .menu-area {
        display: none;
    }

    .header-left {
        justify-content: center;
    }

    .header-right {
        display: none;
    }

    /* Product detail / cart utilities */
    .category-item {
        padding: 5px 0;
    }

    .category-item p {
        font-weight: 400;
    }

    .qty-cart .quantity {
        height: 35px;
        margin-left: 4px;
    }

    .quantity .minus, .quantity .plus {
        height: 35px;
        line-height: 35px;
        width: 35px;
        font-size: 35px;
    }

    .d-flex.single_product.col-sm-6 {
        margin-left: 4px;
        margin-top: 10px;
    }

    .qty-cart {
        width: auto !important;
    }

    .cus-order-2 {
        order: 0;
    }

    .cus-order-1 {
        order: 1;
    }

    .chheckout-section {
        padding: 10px 0;
    }

    .cart_details {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .success-img img {
        width: 200px;
    }

    .main_product_inner {
        grid-template-columns: 1fr 1fr;
    }

    .qty-cart {
        grid-template-columns: 130px auto;
    }

    .quantity .minus {
        width: 40px;
    }

    .quantity .plus {
        width: 40px;
    }

    .compare_store.mobile-show {
        display: block !important;
        line-height: 42px;
        text-align: center;
    }

    .add-to-cart.mobile-fix {
        position: fixed;
        bottom: 64px;
        left: 0;
        right: 0;
        z-index: 999;
        padding: 10px;
        margin: 0 10px;
    }

    /* Footer + home sections */
    .delivery-partner {
        text-align: left !important;
    }
    .payment-methods {
        gap: 8px;
    }
    .footer-top {
        padding: 30px 0;
    }

    .front-view-flex {
        padding: 10px 0px;
    }

    .front_category_title h1 {
        font-size: 20px;
    }

    .front-view-item {
        margin-bottom: 15px;
    }

    .front-view-title a {
        font-size: 13px;
    }

    .home-page-section-title-box h3 {
        font-size: 20px;
    }

    .category-banner-products {
        padding: 20px 5px;
    }

    .flash-product-section .col-sm-4 {
        padding: 10px 10px !important;
    }

    .flash_all {
        margin-top: 10px;
    }

    .slider-section .offset-sm-3 {
        padding-left: 5px;
    }

    .main-header {
        display: none;
    }

    #navbar_top {
        position: relative;
        min-height: var(--mobile-header-height, 106px);
        width: 100%;
        z-index: 10030;
        background: #fff;
    }
    
    .details-product {
        margin-top: 0px;
    }

    .mobile-header {
        display: block;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        padding-bottom: 6px;
    }

    .mobile-top {
        background: #108BC3;
        padding: 8px 0;
    }

    .mobile-top ul {
        text-align: right;
    }

    .mobile-top ul li a {
        color: #fff;
        margin: 0 5px;
    }

    .mobile-logo {
        text-align: center;
        padding: 11px 0;
        display: grid;
        grid-template-columns: 40px auto 40px 50px;
        align-items: center;
        padding-right: 10px;
    }
    .main-search {
        position: absolute;
        width: 100%;
        background: white;
        padding: 9px 7px 12px;
        display: none;
        z-index: 9;
        margin: 0px;
    }

    ul.facilities-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .faciliti-item {
        min-height: 138px;
        gap: 8px;
        padding: 16px 12px 14px;
        border-radius: 12px;
    }

    .faciliti-item p {
        font-weight: 500;
        font-size: 12px;
        line-height: 1.3;
    }
    .faciliti-item img {
        width: 44px;
        height: 44px;
    }

    .fixed-top .mobile-logo i {
        margin-bottom: 0px;
        color: #000 !important;
    }
    .marquee-item-wrap {
        height: 30px;
        line-height: 30px;
    }

   .menu-logo img {
        height: 50px;
        width: auto;
        max-width: 150px;
        margin-top: -3px;
    }
    /*.dimage_item {*/
    /*    height: 275px;*/
    /*}*/
    .footer-menu {
        padding-left: 20px;
    }

   ul.social_link {
    margin-top: 10px;
}
    a.mobile-social-link {
        text-align: center !important;
    }


 .search_product {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999999;
    border: 1px solid #ddd;
    top: 0;
    right: 0;
}

    .menu-bar {
        margin-top: 0;
    }

    .menu-bag .margin-shopping {
        position: relative;
        width: 30px;
    }

    .menu-bag .margin-shopping span i.fa-solid.fa-bag-shopping {
        font-size: 22px;
    }

    .menu-bag {
        margin-top: 9px;
        display: flex;
        justify-content: flex-end;
        margin-right: 1px;
    }

    .menu-bag i {
        font-size: 20px;
    }

    .menu-bag ul li a {
        margin-right: 15px;
        position: relative;
    }

    .menu-bag .margin-shopping span {
        position: absolute;
        display: inline-block;
        background-color: var(--secondary-color);
        height: 19px;
        border-radius: 50px;
        padding: 1px 6px;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        top: -9px;
        right: -9px;
    }
    .slider-section {
        margin: 0px 0;
    }
    .slider-item {
        height: 150px;
        margin-top: 0px;
    }
    .banner-right {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-top: 15px;
    }
    .banner-right-item {
        height: 85px;
    }
    .banner-right .item-1 {
        margin-bottom: 0;
    }
    .pro_btn {
        padding: 0px 0px;
        padding-bottom: 5px;
    }
    button.owl-next,button.owl-prev {
        font-size: 22px !important;
    }

    .section-title h3,
    .section-title h2 {
        font-size: 14px;
        font-weight: 600;
    }
    .category-title h3 {
        font-size: 14px;
    }
    .footer-bottom {
        padding: 12px 0;
    }
    .footer-about p {
        margin: 0px 0px;
    }
    .footer-menu .title {
        margin-top: 15px;
    }
    .footer-about {
        padding-left: 20px;
    }
    .footer-hotlint{
        margin-bottom: 0;
    }
    li.title.text-center {
        text-align: left !important;
    }
    .social_link {
        justify-content: left;
    }

    li.mobile_home {
        border: 2px solid #ddd;
        margin-top: -27px;
        background: var(--secondary-color);
        padding-top: 15px;
        border-radius: 50%;
        width: 75px;
        height: 75px;
    }
    .pro_btn button {
        padding: 0;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }
     .cart_btn a {
        font-size: 14px;
    }

    .mobile_home span i {
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        margin-right: 22px;
    }

    a.view_more_btn {
        text-align: right;
        float: right;
        background: var(--secondary-color);
        text-transform: capitalize;
        font-size: 15px;
        padding: 7px 15px;
        color: #fff;
        font-family: "Lato", sans-serif;
        border-radius: 50px;
    }

    .section-title-left h4 {
        font-size: 16px;
    }

    .section-title-right a {
        font-size: 13px;
    }

    .product-info .name {
        height: 70px;
    }

    .product-info {
        padding: 15px 10px;
    }

    .row>* {
        padding-right: calc(var(--bs-gutter-x) * .3);
        padding-left: calc(var(--bs-gutter-x) * .3);
    }

    .footer-top {
        padding-bottom: 25px;
        padding-top: 25px;
    }


    .category-sidebar {
        position: fixed;
        z-index: 9999;
        width: 100%;
        top: 0;
        background: #fff;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: 0.35s all;
    }


    .page-title h5 {
        font-size: 16px;
    }

    .product-section {
        margin-top: 0;
    }
    .filter_btn {
        height: 36px;
        line-height: 36px;
    }
    .category-breadcrumb {
        margin-bottom: 10px;
    }

    .category-sidebar.active {
        visibility: visible;
        opacity: 1;
    }

    .auth-section, .checkout-shipping {
        margin-top: 5px;
    }

    .payment-form .gap-3 {
        gap: 0 !important;
    }

    .close-modal {
        left: 50%;
        top: -17px;
        transform: translateX(-50%);
    }

    .vcart-section {
        margin-top: 60px;
    }

    .menu-product {
        display: none;
    }
    .details-product {
        padding: 0px;
    }
    .details_right {
        padding: 0px 0px;
    }
    .details-wishlist {
        display: none !important;
    }

    a.details-wishlist.compare_store.cursor {
        display: none !important;
    }
        body.is-home-page .home-new-arrivals .pro_img img {
        object-fit: contain;
    }
}

/*==== TABLET ADJUSTMENTS ====*/
@media only screen and (min-width:767px) and (max-width:991px) {
    .menu-product {
        display: none;
    }

}

/*==== HEADER + HERO REDESIGN FINAL OVERRIDES START ====*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
        background: #fff;
    }

    .marquee-item-wrap {
        display: none;
    }

    .main-header {
        display: none;
    }

    .mobile-header {
        display: block;
        width: 100%;
        max-width: 100vw;
        background: #fff;
        border-bottom: 1px solid #e4e6ea;
        padding: 8px 13px 10px;
        box-sizing: border-box;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        transform: translateY(0);
        transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        will-change: transform;
    }

    .is-inner-page .mobile-header {
        border-bottom-color: rgba(15, 23, 42, 0.08);
        box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
    }

    .is-home-page .mobile-header {
        box-shadow: none;
    }

    #navbar_top.is-sticky-scrolled .mobile-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 8px 13px 10px;
        background: #fff;
        border-bottom-color: #e7e7e7;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
        animation: mobileHeaderSlideDown 0.32s ease-out both;
    }

    @keyframes mobileHeaderSlideDown {
        from {
            transform: translateY(-100%);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .mobile-logo {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        align-items: center;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        padding-right: 0;
        text-align: center;
    }

    header .toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        min-height: 34px;
        margin-top: 0;
        padding-left: 0;
        font-size: 22px;
        color: #151515;
    }

    .menu-bar,
    .menu-bag {
        margin: 0;
    }

    .menu-logo {
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-logo img {
        height: 54px;
        width: auto;
        max-width: 155px;
        margin-top: 0;
        object-fit: contain;
    }

    .menu-bag {
        justify-content: center;
    }

    .menu-bag i {
        font-size: 22px;
        color: #151515;
    }

    .menu-bag .margin-shopping {
        position: relative;
        width: 30px;
        min-height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .menu-bag .margin-shopping span {
        top: -6px;
        right: -8px;
        height: 18px;
        min-width: 18px;
        padding: 0 5px;
        line-height: 18px;
        background: var(--secondary-color);
        color: #fff;
        font-size: 11px;
    }

    .mobile-header .main-search {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 4px 0 0;
        padding: 0;
        background: transparent;
        z-index: 10020;
        overflow: visible;
    }

    .mobile-header .main-search form {
        height: 42px;
        width: 100%;
        max-width: 100%;
        border: 2px solid var(--secondary-color);
        border-radius: 6px;
        background: #fff;
        box-sizing: border-box;
    }

    .mobile-header .main-search form button {
        order: 1;
        flex: 0 0 42px;
        color: var(--secondary-color);
        background: #fff;
    }

    .mobile-header .main-search form input {
        order: 2;
        padding: 0 8px;
        font-size: 14px !important;
        background: #fff;
    }

    .mobile-header .main-search .mobile-search-submit {
        order: 3;
        display: inline-flex;
        flex: 0 0 62px;
        margin: 4px;
        height: calc(100% - 8px);
        border-radius: 5px;
        background: var(--secondary-color);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
    }

    .mobile-header .search_result {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        right: 0;
        z-index: 10030;
    }

    .mobile-header .search_result .search_product {
        top: 0;
        z-index: 10030;
        max-height: min(60vh, 420px);
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
    }


    .contact-wrapper {
        right: 12px;
        bottom: 15px;
    }

    .contact-btn {
        width: 46px;
        height: 46px;
    }

    .icon-item {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }

  .slider-section {
        margin-top: 15px;
        overflow: hidden;
    }


    .slider-item {
        height: auto;
        aspect-ratio: 366 / 126;
        margin-top: 0;
    }

    .is-home-page .home-slider-container {
        width: 100%;
        max-width: none;
        padding-right: 5px;
        padding-left: 5px;
    }

    .is-home-page .slider-item {
        aspect-ratio: 366 / 126;
    }

    .slider-item img {
        border-radius: 6px;
        object-fit: cover;
    }
}

@media only screen and (min-width: 768px) {
    .mobile-header {
        display: none !important;
    }

    .main-header {
    min-height: 125px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main-header .logo-header {
        grid-template-columns: 150px minmax(220px, 1fr) 230px;
        gap: 10px;
    }

    .header-call-item {
        display: none !important;
    }

    .main-header .header-list-items ul > li {
        padding-right: 12px;
        padding-left: 12px;
    }

    .main-menu > ul {
        gap: 18px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .main-menu > ul::-webkit-scrollbar {
        display: none;
    }
}
/*==== HEADER + HERO REDESIGN FINAL OVERRIDES END ====*/

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-header .logo-header {
        grid-template-columns: 250px minmax(360px, 1fr) 430px;
        gap: 20px;
    }

    .main-header .header-list-items ul > li {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1779px) {
    .main-header .logo-header {
        grid-template-columns: 300px minmax(420px, 1fr) 430px;
        gap: 24px;
    }
}

@media only screen and (max-width: 991px) {
    .wishlist-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .wishlist-page-section {
        padding: 24px 0 36px;
    }

    .wishlist-page-heading {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 18px;
    }

    .wishlist-page-heading h1 {
        font-size: 25px;
    }

    .wishlist-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .wishlist-page-image {
        padding: 10px;
    }

    .wishlist-page-content {
        padding: 11px;
    }

    .wishlist-page-name {
        min-height: 39px;
        font-size: 13px;
    }

    .wishlist-page-price {
        margin: 9px 0 12px;
        font-size: 15px;
    }

    .wishlist-page-actions > a {
        font-size: 12px;
    }
}

/*==== CATEGORY CARD RESPONSIVE OVERRIDES START ====*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .section-title {
        margin: 16px 0 10px;
    }

    .section-title h2,
    .section-title h3 {
        font-size: 20px;
    }

    .section-title .view_all,
    a.view_all {
        font-size: 14px;
    }

    .category-slider > .cat-item,
    .brand-slider > .brand-item {
        flex: 0 0 calc(45% - 6px);
    }

    .cat-item {
        height: 136px;
        min-height: 136px;
        padding: 14px 10px 12px;
        border-radius: 8px;
    }

    .cat-img {
        flex-basis: 62px;
        width: 62px;
        height: 62px;
        margin-bottom: 10px;
    }

    .cat-name {
        font-size: 14px;
        min-height: 34px;
    }
}
/*==== CATEGORY CARD RESPONSIVE OVERRIDES END ====*/

/*==== PRODUCT CARD + QUICK VIEW RESPONSIVE START ====*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .pro_img {
        height: 150px;
        padding: 26px 12px 10px;
    }

    .pro_des {
        padding: 0 12px 12px;
    }

    .pro_name {
        height: 39px;
        min-height: 39px;
        margin-bottom: 7px;
    }

    .pro_name a {
        font-size: 14px;
    }

    .pro_rating {
        margin-bottom: 9px;
        font-size: 12px;
    }

    .pro_purchase_row {
        grid-template-columns: minmax(0, 1fr) 58px;
        gap: 7px;
        margin-bottom: 10px;
    }

    .pro_price p {
        gap: 5px;
        font-size: 17px;
    }

    .pro_price del {
        font-size: 12px;
    }

    .product_item .add-cart-button button {
        font-size: 13px;
    }

    .product_item .cart_btn a,
    .product_item .cart_btn button,
    .product_item .variable-modal {
        font-size: 15px;
    }

    #custom-modal {
        width: calc(100vw - 22px);
        max-height: calc(100vh - 28px);
        overflow-y: auto;
    }

    .quick-view-grid {
        grid-template-columns: 1fr;
    }

    .quick-view-media {
        min-height: 230px;
        padding: 28px 20px 18px;
    }

    .quick-view-media img {
        max-height: 210px;
    }

    .quick-view-content {
        padding: 24px 20px 22px;
    }

    .quick-view-content h3 {
        font-size: 20px;
    }

    .quick-view-price .quick-view-current-price {
        font-size: 23px;
    }

    .quick-view-actions {
        grid-template-columns: 1fr;
    }

    .quick-view-submit-row {
        grid-template-columns: 1fr;
    }

    .quick-view-quantity {
        width: 116px;
    }
}
/*==== PRODUCT CARD + QUICK VIEW RESPONSIVE END ====*/

/*==== FOOTER RESPONSIVE POLISH START ====*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    footer {
        margin-top: 0;
    }

    

    .footer-grid {
        row-gap: 0;
    }

    .footer-about,
    .footer-menu {
        padding: 14px 14px;
        border-bottom: 1px solid #e9e9e9;
    }

    .footer-about {
        padding-right: 14px;
        padding-left: 14px;
    }

    .footer-about a img {
        width: 132px;
    }

    .footer-about p {
        margin: 9px 0 10px;
        font-size: 14px;
        line-height: 1.42;
    }

    .footer-menu .title,
    .footer-title {
        margin: 0 0 12px;
        font-size: 18px;
    }

    .footer-menu ul li a,
    .footer-contact-link {
        margin: 0 0 10px;
        font-size: 14px;
    }

    .footer-contact-link {
        align-items: flex-start;
    }

    .social_link {
        justify-content: flex-start;
        gap: 7px;
    }

    .social_link li a {
        width: 32px;
        height: 32px;
        line-height: 1;
    }

    .delivery-partner {
        margin-top: 10px;
        text-align: left !important;
    }

    .delivery-partner img {
        max-width: 118px;
        max-height: 38px;
    }
}
/*==== FOOTER RESPONSIVE POLISH END ====*/

/*==== HOME MOBILE COMPACT SPACING START ====*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .is-home-page .slider-section .container,
    .is-home-page .facilities-section .container,
    .is-home-page .home-category .container,
    .is-home-page .homeproduct .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .is-home-page section.facilities-section {
        margin-top: 14px;
        margin-bottom: 4px;
    }

    .is-home-page ul.facilities-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .is-home-page .faciliti-item {
        min-height: 40px;
        padding: 5px 8px;
        gap: 8px;
        align-items: center;
    }

   .is-home-page .faciliti-item img {
        width: 20px;
        flex: 0 0 12px;
        height: 20px;
    }
    .is-home-page .faciliti-item p {
        margin: 0;
        font-size: 13px;
        line-height: 1.2;
        display: flex;
        align-items: center;
    }

    .is-home-page .product_slider {
        gap: 6px;
    }

    .is-home-page .product_slider > .product_item {
        flex: 0 0 calc(50% - 3px);
    }

    .is-home-page .pro_img {
        height: 140px;
        padding: 24px 10px 8px;
    }

    .is-home-page .pro_des {
        padding: 0 10px 10px;
    }

    .is-home-page .pro_name {
        height: 36px;
        min-height: 36px;
        margin-bottom: 6px;
    }

    .is-home-page .pro_name a {
        font-size: 13px;
        line-height: 1.24;
    }

    .is-home-page .pro_rating {
        margin-bottom: 8px;
        font-size: 11px;
    }

    .is-home-page .pro_purchase_row {
        grid-template-columns: minmax(0, 1fr) 52px;
        gap: 6px;
        margin-bottom: 8px;
    }

    .is-home-page .pro_price p {
        gap: 4px;
        font-size: 15px;
    }

    .is-home-page .pro_price del {
        font-size: 11px;
    }

    .is-home-page .product_item .add-cart-button button {
        font-size: 12px;
    }

    .is-home-page .product_item .cart_btn a,
    .is-home-page .product_item .cart_btn button,
    .is-home-page .product_item .variable-modal {
        font-size: 14px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 389px) {
    .is-home-page .slider-section .container,
    .is-home-page .facilities-section .container,
    .is-home-page .home-category .container,
    .is-home-page .homeproduct .container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .is-home-page .faciliti-item {
        min-height: 50px;
        padding: 7px 8px;
    }

    .is-home-page .faciliti-item p {
        font-size: 12px;
    }

    .is-home-page .product_slider {
        gap: 5px;
    }

    .is-home-page .product_slider > .product_item {
        flex-basis: calc(50% - 2.5px);
    }

    .is-home-page .pro_img {
        height: 132px;
        padding: 22px 8px 8px;
    }

    .is-home-page .pro_des {
        padding: 0 8px 9px;
    }

    .is-home-page .pro_name a {
        font-size: 12.5px;
    }

    .is-home-page .pro_price p {
        font-size: 14px;
    }
}
/*==== HOME MOBILE COMPACT SPACING END ====*/
/*==== REFERENCE PRODUCT CARD MOBILE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .product_item .pro_img, .is-home-page .product_item .pro_img {
    width: calc(100%);
    height: auto;
    aspect-ratio: 1;
    margin: 0;
    padding: 0;
}

    .product_item .discount {
        top: 11px;
        left: 6px;
    }

    .product_item .pro_des,
    .is-home-page .product_item .pro_des {
        padding: 8px 6px 7px;
    }

    .product_item .pro_name,
    .is-home-page .product_item .pro_name {
        height: 21px;
        min-height: 21px;
        margin: 0 0 4px;
    }

    .product_item .pro_name a,
    .is-home-page .product_item .pro_name a {
        font-size: 13px;
        line-height: 1.3;
    }

    .product_item .pro_purchase_row,
    .is-home-page .product_item .pro_purchase_row {
        display: block;
        margin-bottom: 7px;
    }

    .product_item .pro_price p, .is-home-page .product_item .pro_price p {
    justify-content: start;
    gap: 6px;
    font-size: 14px;
}

    .product_item .pro_price del,
    .is-home-page .product_item .pro_price del {
        font-size: 12px;
    }

    .product_item .pro_btn,
    .product_item .cart_btn,
    .product_item .cart_btn form {
        height: 34px !important;
        min-height: 34px !important;
    }

    .product_item .cart_btn button,
    .product_item .variable-modal {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 15px;
        line-height: 34px !important;
    }
}
/*==== REFERENCE PRODUCT CARD MOBILE END ==== */
/*==== FEATURED HOME SECTIONS MOBILE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .featured-product-section .section-title {
        margin: 17px 0 11px;
    }

    .featured-product-section .section-title h2 {
        font-size: 18px;
    }

    .home-promo-banners {
        margin: 18px 0 6px;
    }

    .home-promo-banners .container {
        width: calc(100% - 12px);
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .home-promo-banner-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
/*==== FEATURED HOME SECTIONS MOBILE END ==== */
/*==== AJAX CART DRAWER MOBILE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .floating-cart-summary {
        top: 48%;
        width: 66px;
    }

    .floating-cart-icon {
        height: 31px;
        font-size: 22px;
    }

    .floating-cart-total {
        font-size: 11px;
    }

    .floating-cart-count {
        min-height: 26px;
        font-size: 12px;
    }

    .shopping-cart-drawer {
        top: 8px;
        right: 8px;
        width: calc(100% - 24px);
        height: calc(100vh - 16px);
        height: calc(100dvh - 16px);
        border-radius: 6px;
        box-shadow: -10px 0 28px rgba(15, 23, 42, 0.35);
    }

    .drawer-cart-item {
        grid-template-columns: 64px minmax(0, 1fr) 70px;
        gap: 9px;
        padding: 10px;
    }

    .drawer-cart-image {
        width: 64px;
        height: 64px;
    }

    .drawer-cart-name {
        font-size: 14px;
    }

    .drawer-cart-footer {
        padding: 15px 12px calc(12px + env(safe-area-inset-bottom));
    }
}
/*==== AJAX CART DRAWER MOBILE END ==== */
/*==== REFERENCE MOBILE HEADER START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile-header,
    #navbar_top.is-sticky-scrolled .mobile-header {
        padding: 0 12px;
        border-bottom: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.09);
    }

    .is-home-page .mobile-header {
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.09);
    }

    .mobile-logo {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 8px;
        min-height: 56px;
    }

    header .toggle,
    .mobile-search-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        min-height: 34px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--primary-color);
        font-size: 22px;
        line-height: 1;
        transform: none;
    }

    .menu-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 56px;
    }

    .menu-logo img {
        width: auto;
        height: 48px;
        max-width: 155px;
        margin: 0;
        object-fit: contain;
    }

    .menu-bag {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .mobile-search-toggle i {
        color: var(--primary-color);
        font-size: 22px;
    }

    .mobile-header .main-search {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 0;
        margin: 0;
        padding: 0;
        z-index: 10020;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-6px);
        transition: max-height 0.22s ease, margin 0.22s ease, opacity 0.18s ease, transform 0.22s ease,
            visibility 0.22s ease;
    }

    .mobile-header .main-search.is-open {
        max-height: 46px;
        margin: 6px 0 8px;
        opacity: 1;
        overflow: visible;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .mobile-search-toggle:hover,
    .mobile-search-toggle:focus,
    .mobile-search-toggle:active,
    header .toggle:hover,
    header .toggle:focus,
    header .toggle:active {
        color: var(--primary-color);
        background: transparent;
        box-shadow: none !important;
        transform: none !important;
    }
}
/*==== REFERENCE MOBILE HEADER END ==== */
/*==== MOBILE SEARCH OVERLAY + SHELL GAP START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile-header,
    #navbar_top.is-sticky-scrolled .mobile-header {
        position: relative;
    }

    .mobile-header .main-search {
        position: absolute;
        top: calc(100% + 6px);
        right: 12px;
        left: 12px;
        width: auto;
        max-width: none;
        margin: 0;
    }

    .mobile-header .main-search.is-open {
        margin: 0;
    }

    .mobile-header .main-search form {
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14);
    }

    .is-home-page .slider-section .container,
    .is-home-page .facilities-section .container,
    .is-home-page .home-category .container,
    .is-home-page .homeproduct .container,
    .is-home-page .home-promo-banners .container {
        width: var(--storefront-shell-width);
        max-width: var(--storefront-shell-width);
        padding-right: 0;
        padding-left: 0;
    }
}
/*==== MOBILE SEARCH OVERLAY + SHELL GAP END ==== */

/*==== MOBILE SEARCH BAR POLISH START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #navbar_top.is-sticky-scrolled .mobile-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 10030;
        background: #fff;
        box-shadow: 0 5px 14px rgba(15, 23, 42, 0.12);
    }

    .mobile-header .main-search {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        width: 100%;
        max-width: none;
        padding: 0 14px 8px;
        background: #fff;
        border-bottom: 1px solid #e5e7eb;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
    }

    .mobile-header .main-search.is-open {
        max-height: 56px;
        padding-top: 0;
        padding-bottom: 8px;
    }

    .mobile-header .main-search form {
        height: 40px;
        border: 1px solid var(--primary-color);
        border-radius: 2px;
        box-shadow: none;
    }

    .mobile-header .main-search form button:first-child {
        display: none;
    }

    .mobile-header .main-search form input {
        order: 1;
        padding: 0 16px;
        color: #333;
        font-size: 15px !important;
    }

    .mobile-header .main-search form input::placeholder {
        color: #929292;
        font-size: 15px;
    }

    .mobile-header .main-search .mobile-search-submit {
        order: 2;
        flex: 0 0 44px;
        margin: 0;
        height: 100%;
        border-radius: 0;
        background: #fff;
        color: var(--primary-color);
        font-size: 0;
    }

    .mobile-header .main-search .mobile-search-submit::before {
        content: "\f002";
        font-family: "Font Awesome 6 Free";
        font-size: 18px;
        font-weight: 900;
        line-height: 1;
    }

    .mobile-header .search_result {
        right: 14px;
        left: 14px;
    }
}
/*==== MOBILE SEARCH BAR POLISH END ==== */

/*==== MOBILE BOTTOM NAV START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body {
        padding-bottom: calc(66px + env(safe-area-inset-bottom));
    }

    .mobile-bottom-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10035;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 56px;
        padding: 6px 8px calc(5px + env(safe-area-inset-bottom));
        border-top: 1px solid #e7ecec;
        background: #fff;
        box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.1);
    }

    .mobile-bottom-nav-link,
    .mobile-bottom-nav-link:hover,
    .mobile-bottom-nav-link:focus {
        position: relative;
        display: inline-flex;
        min-width: 0;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;
        color: #1f2933;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        border: 0;
        background: transparent;
        appearance: none;
    }

    .mobile-bottom-nav-link i {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 900;
        line-height: 1;
    }

    .mobile-bottom-nav-link span {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-bottom-nav-link.active {
        color: var(--primary-color);
    }

    .mobile-bottom-cart-icon {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        min-height: 20px;
        overflow: visible !important;
    }

    .mobile-bottom-cart .mobilecart-qty {
        position: absolute;
        top: -8px;
        right: -11px;
        display: inline-flex;
        min-width: 17px;
        height: 17px;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        border: 1px solid #fff;
        border-radius: 999px;
        background: var(--primary-color);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 15px;
        overflow: visible;
        box-shadow: 0 2px 4px rgba(15, 23, 42, 0.18);
    }

    .floating-cart-summary {
        display: none !important;
    }

    .contact-wrapper {
        bottom: calc(72px + env(safe-area-inset-bottom));
    }
}
/*==== MOBILE BOTTOM NAV END ==== */

/*==== FOOTER PROMO FACILITIES RESPONSIVE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .footer-promo-section {
        padding: 18px 0 18px;
    }

    .footer-promo-section .container {
        width: var(--storefront-shell-width);
        max-width: var(--storefront-shell-width);
        padding-right: 0;
        padding-left: 0;
    }

    .footer-promo-banner img {
        aspect-ratio: 16 / 7;
    }

    .footer-facilities-inner {
        display: none !important;
    }

    .footer-facility-icon {
        width: 64px;
        height: 64px;
        border-width: 5px;
    }

    .footer-facility-icon img {
        width: 30px;
        height: 30px;
    }

    .footer-facility-item {
        gap: 10px;
        min-height: 0;
    }

    .footer-facility-item strong {
        font-size: 14px;
    }

    .footer-facility-item small {
        margin-top: -2px;
        font-size: 12px;
    }
}
/*==== FOOTER PROMO FACILITIES RESPONSIVE END ==== */

/*==== REFERENCE FOOTER RESPONSIVE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .footer-reference-top {
        padding: 34px 0 22px;
    }

    .footer-reference-top .container,
    .footer-reference-bottom .container {
        width: var(--storefront-shell-width);
        max-width: var(--storefront-shell-width);
        padding-right: 0;
        padding-left: 0;
    }

    .footer-reference-grid {
        row-gap: 26px;
    }

    .footer-reference-about,
    .footer-reference-top .footer-menu {
        padding: 0;
        border-bottom: 0;
    }

    .footer-reference-about {
        max-width: none;
        padding-right: 0;
    }

    .footer-logo-link {
        height: 42px;
        margin-bottom: 18px;
    }

    .footer-reference-about .footer-logo-link img {
        max-width: 155px;
        height: 42px;
    }

    .footer-reference-about p {
        font-size: 15px;
        line-height: 1.55;
    }

    .footer-reference-top .footer-title {
        margin-bottom: 14px;
        font-size: 20px;
    }

    .footer-reference-top .footer-menu ul li {
        margin-bottom: 7px;
    }

    .footer-reference-top .footer-menu ul li a,
    .footer-reference-top .footer-menu ul li a:hover,
    .footer-reference-top .footer-menu ul li a:focus {
        font-size: 15px;
    }

    .footer-follow .footer-social {
        justify-content: flex-start;
        gap: 8px;
    }

    .footer-follow .footer-social li a,
    .footer-follow .footer-social li a:hover,
    .footer-follow .footer-social li a:focus {
        width: 38px;
        height: 38px;
        font-size: 19px;
    }

    .footer-follow .delivery-partner {
        width: 100%;
        max-width: 340px;
    }

    .footer-follow .delivery-partner img {
        height: 96px;
    }

    .footer-follow .footer-facebook-embed,
    .footer-follow .footer-facebook-embed iframe {
        width: 100% !important;
        max-width: 340px;
        height: 130px;
    }

    .footer-reference-bottom {
        padding: 13px 0 calc(13px + env(safe-area-inset-bottom));
    }

    .footer-bottom-text {
        margin: 0;
        font-size: 14px;
        text-align: center;
    }

    .footer-bottom-text a {
        font-size: 14px;
    }
    .checkout-shipping .checkout-card .card-header h6, .cart_details .checkout-card .card-header h5 {

    text-align: center;
}
}
/*==== REFERENCE FOOTER RESPONSIVE END ==== */

@media only screen and (min-width:320px) and (max-width:767px) {
    /* Checkout quantity control stability */
    .checkout-summary-side .qty-cart.vcart-qty {
        display: block;
        width: auto !important;
        min-width: 0;
        margin: 0;
        column-gap: 0;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity {
        position: relative;
        display: grid;
        grid-template-columns: 31px 38px 31px;
        width: 100px;
        min-width: 100px;
        height: 34px;
        margin: 0 !important;
        overflow: hidden;
        border: 1px solid #dddddd;
        border-radius: 4px;
        background: #fff;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity .minus,
    .checkout-summary-side .qty-cart.vcart-qty .quantity .plus,
    .checkout-summary-side .qty-cart.vcart-qty .quantity input {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        color: #111;
        line-height: 1;
        opacity: 1;
        visibility: visible;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity input {
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        font-size: 14px;
        font-weight: 700;
        pointer-events: none;
        -webkit-text-fill-color: #111;
    }

    .checkout-summary-side .qty-cart.vcart-qty .quantity .minus,
    .checkout-summary-side .qty-cart.vcart-qty .quantity .plus {
        cursor: pointer;
        font-size: 16px;
        font-weight: 900;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    footer {
        overflow: hidden;
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
        background: var(--primary-color);
    }

    .footer-reference-top {
        padding: 28px 0 24px;
    }

    .footer-reference-top .container,
    .footer-reference-bottom .container {
        width: 100%;
        max-width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .footer-reference-grid {
        margin-right: 0;
        margin-left: 0;
        row-gap: 24px;
    }

    .footer-reference-grid > [class*="col-"] {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .footer-reference-about,
    .footer-reference-top .footer-menu {
        max-width: none;
        padding: 0;
        text-align: left;
    }

    .footer-logo-link {
        height: auto;
        min-height: 42px;
        margin-bottom: 14px;
    }

    .footer-reference-about .footer-logo-link img {
        width: auto;
        max-width: 150px;
        height: auto;
        max-height: 42px;
        object-fit: contain;
    }

    .footer-reference-about p {
        max-width: 320px;
        margin: 0;
        color: #fff;
        font-size: 14px;
        line-height: 1.55;
    }

    .footer-reference-top .footer-title {
        margin-bottom: 12px;
        padding-bottom: 7px;
        color: #fff;
        font-size: 19px;
        line-height: 1.2;
    }

    .footer-reference-top .footer-title::after {
        width: 56px;
    }

    .footer-reference-top .footer-menu ul {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
    }

    .footer-reference-top .footer-menu ul li {
        display: block;
        margin: 0;
    }

    .footer-reference-top .footer-menu ul li a,
    .footer-reference-top .footer-menu ul li a:hover,
    .footer-reference-top .footer-menu ul li a:focus {
        display: inline-flex;
        max-width: 100%;
        color: #fff;
        font-size: 14px;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

    .footer-follow .footer-social {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
    max-width: 280px;
    margin: 0;
}
.checkout-form-grid .row {
    row-gap: 10px;
}

    .footer-follow .footer-social li {
        display: inline-flex;
        margin: 0;
    }

    .footer-follow .footer-social li a,
    .footer-follow .footer-social li a:hover,
    .footer-follow .footer-social li a:focus {
        width: 36px;
        height: 36px;
        border-radius: 4px;
        font-size: 16px;
    }

    .footer-follow .footer-facebook-embed,
    .footer-follow .delivery-partner {
        max-width: 100%;
    }

    .footer-reference-bottom {
        padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
    }

    .footer-bottom-text,
    .footer-bottom-text a {
        font-size: 13px;
        line-height: 1.45;
    }

    .contact-wrapper {
        right: 14px;
        bottom: calc(82px + env(safe-area-inset-bottom));
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .checkout-shipping .checkout-card .card-header,
    .cart_details .checkout-card .card-header {
        padding: 12px 14px;
    }

    .checkout-shipping .checkout-card .card-header h6.check-position {
        display: flex;
        width: 100%;
        min-height: 24px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 0;
        color: #fff !important;
        font-size: 0 !important;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
    }

    .checkout-shipping .checkout-card .card-header h6.check-position::before {
        flex: 0 0 auto;
        color: #fff;
        font-family: "Font Awesome 6 Free";
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
    }

    .checkout-shipping .checkout-card .card-header h6.check-position::after {
        flex: 0 1 auto;
        min-width: 0;
        color: #fff !important;
        font-family: var(--en-font);
        font-size: 15px;
        font-weight: 800;
        line-height: 1.15;
        text-transform: uppercase;
        white-space: normal;
        content: "Shipping Information";
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .checkout-shipping .checkout-card .card-header,
    .cart_details .checkout-card .card-header {
        padding: 12px 14px;
    }

    .checkout-shipping .checkout-card .card-header h6.check-position,
    .cart_details .checkout-card .card-header h5 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        min-height: 22px;
        margin: 0;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
    }

    .checkout-shipping .check-position::before,
    .checkout-shipping .check-position::after,
    .cart_details .checkout-card:first-child .card-header h5::before,
    .cart_details .checkout-card:first-child .card-header h5::after {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        color: #fff !important;
        line-height: 1.15;
        white-space: nowrap;
    }

    .checkout-shipping .check-position::before,
    .cart_details .checkout-card:first-child .card-header h5::before {
        font-size: 14px !important;
    }

    .checkout-shipping .check-position::after,
    .cart_details .checkout-card:first-child .card-header h5::after {
        font-size: 16px !important;
        font-weight: 900;
        text-transform: uppercase;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .is-home-page .homeproduct .section-title,
    .is-home-page .home-category .section-title {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-width: 0;
        margin: 18px 0 12px;
        padding: 0 0 9px;
        overflow: hidden;
    }

    .is-home-page .homeproduct .section-title::before,
    .is-home-page .home-category .section-title::before {
        width: 64px;
        max-width: 40%;
    }

    .is-home-page .homeproduct .section-title h2,
    .is-home-page .homeproduct .section-title h3,
    .is-home-page .home-category .section-title h2,
    .is-home-page .home-category .section-title h3 {
        min-width: 0;
        margin: 0;
        overflow: hidden;
        color: #222;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .is-home-page .homeproduct .section-title h2 a,
    .is-home-page .homeproduct .section-title h3 a,
    .is-home-page .home-category .section-title h2 a,
    .is-home-page .home-category .section-title h3 a {
        display: block;
        min-width: 0;
        overflow: hidden;
        color: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .is-home-page .homeproduct .section-title .view_all,
    .is-home-page .homeproduct .section-title a.view_all,
    .is-home-page .home-category .section-title .view_all,
    .is-home-page .home-category .section-title a.view_all {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: end;
        min-width: 66px;
        max-width: 86px;
        min-height: 30px;
        margin: 0;
        padding: 5px 9px;
        border-radius: 4px 4px 0 0;
        color: var(--primary-color);
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
    }

    .is-home-page .product_slider {
        width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 6px;
    }

    .is-home-page .product_slider > .product_item {
        flex: 0 0 calc(50% - 4px);
        min-width: 0;
        max-width: calc(50% - 4px);
    }

    .is-home-page .product_item,
    .is-home-page .product_item_inner,
    .is-home-page .product_item .product_item_inner {
        min-width: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    html,
    body.is-home-page {
        max-width: 100%;
        overflow-x: hidden;
    }

    .is-home-page .slider-section,
    .is-home-page .home-category,
    .is-home-page .homeproduct,
    .is-home-page .home-promo-banners {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .is-home-page .slider-section .container,
    .is-home-page .home-category .container,
    .is-home-page .homeproduct .container,
    .is-home-page .home-promo-banners .container {
        width: 100%;
        max-width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        overflow: hidden;
    }

    .is-home-page .home-category .row,
    .is-home-page .homeproduct .row,
    .is-home-page .home-promo-banners .row {
        margin-right: 0;
        margin-left: 0;
    }

    .is-home-page .home-category .row > [class*="col-"],
    .is-home-page .homeproduct .row > [class*="col-"],
    .is-home-page .home-promo-banners .row > [class*="col-"] {
        min-width: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .is-home-page .homeproduct .section-title,
    .is-home-page .home-category .section-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 18px 0 10px;
        padding: 0 0 9px;
        border-bottom: 1px solid #e5e5e5;
        overflow: hidden;
        box-sizing: border-box;
    }

    .is-home-page .homeproduct .section-title::before,
    .is-home-page .home-category .section-title::before {
        display: none;
    }

    .is-home-page .homeproduct .section-title h2,
    .is-home-page .homeproduct .section-title h3,
    .is-home-page .home-category .section-title h2,
    .is-home-page .home-category .section-title h3 {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        color: #222;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .is-home-page .homeproduct .section-title h2 a,
    .is-home-page .homeproduct .section-title h3 a,
    .is-home-page .home-category .section-title h2 a,
    .is-home-page .home-category .section-title h3 a {
        display: block;
        min-width: 0;
        overflow: hidden;
        color: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .is-home-page .homeproduct .section-title a.view_all,
    .is-home-page .home-category .section-title a.view_all {
        flex: 0 0 auto;
        min-width: 58px;
        max-width: 74px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #111;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        text-align: right;
        white-space: nowrap;
    }

    .is-home-page .product_slider {
        display: flex !important;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 6px;
        scrollbar-width: none;
        scroll-snap-type: inline proximity;
    }

    .is-home-page .product_slider::-webkit-scrollbar {
        display: none;
    }

    .is-home-page .product_slider > .product_item {
        flex: 0 0 calc(50% - 4px);
        width: calc(50% - 4px);
        max-width: calc(50% - 4px);
        min-width: 0;
        scroll-snap-align: start;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.is-product-details-page {
    padding-bottom: 30px;
    background: #fff;
}

    .is-product-details-page .main-details-page {
        padding: 0;
        background: #fff;
        overflow: visible;
    }

    .is-product-details-page .main-details-page .container,
    .is-product-details-page .pro_details_area .container {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .is-product-details-page .details-product {
        position: relative;
        margin: 0;
        background: #fff;
    }

    .is-product-details-page .details-product-grid {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .is-product-details-page .product-gallery-panel {
        padding: 4px 4px 0;
        background: #fff;
    }

    .is-product-details-page .product-gallery-panel .position-relative {
        overflow: hidden;
        border-radius: 7px;
        background: #f6f6f6;
    }

    .is-product-details-page .main-details-page .details_slider,
    .is-product-details-page .main-details-page .details_slider .owl-stage-outer,
    .is-product-details-page .main-details-page .details_slider .owl-stage,
    .is-product-details-page .main-details-page .details_slider .owl-item,
    .is-product-details-page .main-details-page .dimage_item {
        width: 100%;
        min-height: 0;
        border: 0;
        border-radius: 7px;
        background: #f6f6f6;
    }

    .is-product-details-page .main-details-page .dimage_item {
        height: auto;
        aspect-ratio: 1.62 / 1;
    }

    .is-product-details-page .main-details-page .dimage_item img {
        width: 100%;
        height: 100%;
        padding: 0;
        object-fit: contain;
        object-position: center center;
    }

    .is-product-details-page .main-details-page .discount {
        top: 12px;
        left: 12px;
        z-index: 4;
    }

    .is-product-details-page .main-details-page .discount p {
        min-width: 46px;
        height: 28px;
        padding: 0 9px;
        border-radius: 7px;
        background: var(--secondary-color);
        color: #111;
        font-size: 12px;
        font-weight: 800;
        line-height: 28px;
    }

    .is-product-details-page .details-wishlist-floating {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 5;
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin: 0;
        border: 0;
        border-radius: 50%;
        background: #fff;
        color: var(--primary-color);
        font-size: 16px;
        box-shadow: 0 5px 18px rgba(15, 23, 42, 0.15);
    }

    .is-product-details-page .main-details-page .details_slider .owl-nav {
        display: block;
    }

    .is-product-details-page .main-details-page .details_slider .owl-nav button {
        width: 34px;
        height: 34px;
        font-size: 14px !important;
    }

    .is-product-details-page .main-details-page .details_slider .owl-prev {
        left: 12px;
    }

    .is-product-details-page .main-details-page .details_slider .owl-next {
        right: 12px;
    }

    .is-product-details-page .details-slide-count {
        position: absolute;
        bottom: 16px;
        left: 18px;
        z-index: 5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(17, 24, 39, 0.72);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
    }

    .is-product-details-page .details-wishlist-floating.active,
    .is-product-details-page .details-wishlist-floating:hover {
        background: var(--primary-color);
        color: #fff;
    }

    .is-product-details-page .indicator_thumb {
        display: flex !important;
        justify-content: center;
        gap: 6px;
        margin: 9px 0 12px;
        height: 10px;
        pointer-events: none;
    }

    .is-product-details-page .indicator_thumb .indicator-item,
    .is-product-details-page .indicator_thumb .owl-stage-outer,
    .is-product-details-page .indicator_thumb .owl-stage,
    .is-product-details-page .indicator_thumb .owl-item {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .is-product-details-page .indicator_thumb .indicator-item {
        display: block;
        width: 7px !important;
        height: 7px !important;
        border-radius: 999px;
        background: #d7d7d7 !important;
    }

    .is-product-details-page .indicator_thumb .indicator-item:first-child {
        width: 7px !important;
        background: var(--secondary-color) !important;
    }

    .is-product-details-page .indicator_thumb .indicator-item img,
    .is-product-details-page .indicator_thumb .indicator-item p,
    .is-product-details-page .indicator_thumb .owl-nav {
        display: none !important;
    }

    .is-product-details-page .details_right {
        padding: 18px 24px 0;
        background: #fff;
    }

    .is-product-details-page .details-breadcrumb,
    .is-product-details-page .pro_brand,
    .is-product-details-page .details-contact-cards,
    .is-product-details-page .details-info-sidebar {
        display: none !important;
    }

    .is-product-details-page .product-cart .name {
        margin: 0 0 10px;
        color: #111827;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.25;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .is-product-details-page .details-ratting-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 18px;
    }

    .is-product-details-page .details-rating-score {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #374151;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
    }

    .is-product-details-page .details-rating-score i {
        color: var(--secondary-color);
        font-size: 15px;
    }

    .is-product-details-page .details-review-count {
        color: #6b7280;
        font-size: 14px;
        font-weight: 500;
    }

    .is-product-details-page .details-meta-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        width: 100%;
        margin: 0 0 16px;
        padding: 0 0 14px;
        border-bottom: 1px solid #efefef;
    }

    .is-product-details-page .details-meta-row.no-product-code {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .is-product-details-page .product-code,
    .is-product-details-page .product-stock-status {
        margin: 0;
        min-width: 0;
    }

    .is-product-details-page .product-code {
        overflow: hidden;
    }

    .is-product-details-page .product-code p,
    .is-product-details-page .product-stock-status p {
        margin: 0;
        color: #6b7280;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.35;
        white-space: nowrap;
    }

    .is-product-details-page .product-code p {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .is-product-details-page .product-code span,
    .is-product-details-page .product-stock-status span {
        color: #111827;
        font-weight: 700;
    }

    .is-product-details-page .product-stock-status {
        text-align: right;
    }

    .is-product-details-page .details-meta-row.no-product-code .product-stock-status {
        text-align: left;
    }

    .is-product-details-page .product-stock-status p {
        color: var(--primary-color);
    }

    .is-product-details-page .product-stock-status.out-stock p {
        color: var(--secondary-color);
    }

    .is-product-details-page .details-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 7px 12px;
    width: 100%;
    margin: 0 0 13px;
    padding: 0 !important;
    border-bottom: 0;
    text-align: left !important;
    flex-wrap: wrap;
}

    .is-product-details-page .details-price-label {
        display: none;
    }

    .is-product-details-page .details-current-price {
        color: var(--primary-color);
        font-size: 30px;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
    }

    .is-product-details-page .details-price del {
        color: #8a8f98;
        font-size: 17px;
        line-height: 1;
        white-space: nowrap;
    }

    .is-product-details-page .details-save-text {
        min-height: 28px;
        padding: 6px 11px;
        border-radius: 6px;
        background: rgba(8, 127, 112, 0.08);
        color: var(--primary-color);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
    }

    .is-product-details-page .product-option-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30%;
    column-gap: 20px;
    align-items: start;
}

    .is-product-details-page .product-option-form > input,
    .is-product-details-page .details-cart-row,
    .is-product-details-page .single_product,
    .is-product-details-page .details-contact-cards,
    .is-product-details-page .pro_brand,
    .is-product-details-page .details-static-benefits {
        grid-column: 1 / -1;
    }

    .is-product-details-page .pro-color {
        grid-column: 1 / -1;
    }

    .is-product-details-page .pro-size {
        grid-column: 1;
        min-width: 0;
    }

    .is-product-details-page .color-title {
        margin: 0 0 18px;
        color: #111827;
        font-size: 15px;
        font-weight: 700;
    }

    .is-product-details-page .color-title span {
        color: #6b7280;
        font-weight: 500;
    }

    .is-product-details-page .details-option-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .is-product-details-page .details-size-chart {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: var(--primary-color);
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
    }

    .is-product-details-page .size-container {
        margin-bottom: 28px;
    }

    .is-product-details-page .selector {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
    }

    .is-product-details-page .selector-item_label {
        min-width: 66px;
        height: 42px;
        padding: 0 14px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        line-height: 40px;
    }

    .is-product-details-page .pro-color .selector-item_label {
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
        overflow: hidden;
        border-radius: 50%;
        color: transparent;
        font-size: 0;
        line-height: 40px;
    }

    .is-product-details-page .selector-item_radio:checked + .selector-item_label {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 2px rgba(8, 127, 112, 0.12);
        color: var(--primary-color);
    }

    .is-product-details-page .pro-color .selector-item_radio:checked + .selector-item_label {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color);
    }

    .is-product-details-page .product-action-row {
        display: flex;
        grid-column: 2;
        flex-direction: column;
        align-items: stretch;
        justify-content: start;
        width: 148px;
        margin: 0 0 22px;
        gap: 0;
    }

    .is-product-details-page .product-option-form.no-size-options .product-action-row {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        width: 100%;
        margin: 4px 0 16px;
        gap: 14px;
    }

    .is-product-details-page .product-option-form.no-size-options .product-qty-label {
        margin: 0;
    }

    .is-product-details-page .product-qty-label {
        display: block;
        margin: 0 0 18px;
        color: #111827;
        font-size: 15px;
        font-weight: 700;
    }

    .is-product-details-page .qty-cart {
        margin-left: 0;
    }

    .is-product-details-page .qty-cart .quantity {
        grid-template-columns: 48px 52px 48px;
        width: 148px;
        height: 46px;
        border-color: #dedede;
        border-radius: 6px;
    }

    .is-product-details-page .quantity input,
    .is-product-details-page .quantity .minus,
    .is-product-details-page .quantity .plus {
        font-size: 14px;
    }

    .is-product-details-page .details-static-benefits {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 0 96px;
        overflow-x: auto;
        border: 1px solid #f0f2f4;
        border-radius: 6px;
        background: #fafafa;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .is-product-details-page .details-static-benefits::-webkit-scrollbar {
        display: none;
    }

    .is-product-details-page .details-static-benefit {
        position: relative;
        display: inline-flex;
        flex: 1 0 25%;
        min-width: 118px;
        min-height: 76px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 11px 8px 10px;
        color: #1f2937;
        text-align: center;
        scroll-snap-align: start;
    }

    .is-product-details-page .details-static-benefit:not(:last-child)::after {
        position: absolute;
        top: 14px;
        right: 0;
        bottom: 14px;
        width: 1px;
        background: #e5e7eb;
        content: "";
    }

    .is-product-details-page .details-static-benefit i {
        color: #111827;
        font-size: 21px;
        line-height: 1;
    }

    .is-product-details-page .details-static-benefit img {
        width: 24px;
        height: 24px;
        object-fit: contain;
        flex: 0 0 24px;
    }

    .is-product-details-page .details-static-benefit span {
        color: #374151;
        font-family: var(--bn-font), var(--en-font);
        font-size: 11px;
        font-weight: 600;
        line-height: 1.35;
    }

    .is-product-details-page .details-cart-row,
    .is-product-details-page .single_product {
        margin: 0;
    }

    .is-product-details-page .details-cart-row {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10040;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        padding: 14px 29px calc(14px + env(safe-area-inset-bottom));
        border-top: 1px solid #e7e7e7;
        background: #fff;
        box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.08);
    }

    .is-product-details-page .single_product {
        position: fixed;
        right: 29px;
        bottom: calc(14px + env(safe-area-inset-bottom));
        left: calc(50% + 8px);
        z-index: 10041;
        pointer-events: none;
    }

    .is-product-details-page .details-cart-row .details-wishlist-toggle {
        display: none;
    }

    .is-product-details-page .add_cart_btn,
    .is-product-details-page .order_now_btn {
        width: 100%;
        min-height: 52px;
        margin: 0;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .is-product-details-page .add_cart_btn {
        grid-column: 1;
        border: 1px solid rgba(8, 127, 112, 0.35);
        background: #fff;
        color: var(--primary-color) !important;
    }

    .is-product-details-page .order_now_btn {
        border-color: var(--primary-color);
        background: var(--primary-color);
        color: #fff !important;
        pointer-events: auto;
    }

    .is-product-details-page .pro_details_area {
    display: block;
    padding: 20px 14px 0;
    background: #fff;
}

    .is-product-details-page .details-tab .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 26px;
        border-bottom: 1px solid #d9dde3;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .is-product-details-page .details-tab .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .is-product-details-page .details-tab .nav-link {
        width: auto;
        min-height: 36px;
        margin: 0;
        padding: 0 0 10px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: transparent;
        color: #8a8f98;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.25;
        text-transform: capitalize;
        white-space: nowrap;
    }

    .is-product-details-page .details-tab .nav-link:hover,
    .is-product-details-page .details-tab .nav-link.active {
        color: #111827;
        border-bottom-color: #111827;
    }

    .is-product-details-page .pro_details_area .details-tab > .tab-content > .tab-content {
        border: 0;
    }

    .is-product-details-page .pro_details_area .description,
    .is-product-details-page .pro_details_area .review-inner,
    .is-product-details-page .pro_details_area .pro_vide {
        padding: 22px 2px 0;
        color: #111827;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.72;
    }

    .is-product-details-page .pro_details_area .description p,
    .is-product-details-page .pro_details_area .description li,
    .is-product-details-page .pro_details_area .description td,
    .is-product-details-page .pro_details_area .description th {
        color: #111827;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.72;
    }

    .is-product-details-page .review-head {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .is-product-details-page .review-btn {
        text-align: left;
    }

    .is-product-details-page .pro_details_area iframe,
    .is-product-details-page .pro_details_area video {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }
}

@media only screen and (min-width: 320px) and (max-width: 390px) {
    .is-product-details-page .details_right {
        padding-right: 22px;
        padding-left: 22px;
    }

    .is-product-details-page .product-cart .name {
        font-size: 20px;
    }

    .is-product-details-page .details-current-price {
        font-size: 28px;
    }

    .is-product-details-page .details-price del {
        font-size: 16px;
    }

    .is-product-details-page .details-save-text {
        font-size: 12px;
    }
    .is-product-details-page .details-save-text {
        grid-column: 1 / -1;
        width: max-content;
    }

    .is-product-details-page .details-meta-row {
        gap: 8px;
    }

    .is-product-details-page .product-code p,
    .is-product-details-page .product-stock-status p {
        font-size: 11px;
    }

    .is-product-details-page .product-option-form {
        column-gap: 14px;
    }

    .is-product-details-page .selector {
        gap: 12px;
    }

    .is-product-details-page .selector-item_label {
        min-width: 64px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .is-product-details-page .pro-color .selector-item_label {
        width: 42px;
        min-width: 42px;
        height: 42px;
    }

    .is-product-details-page .details-cart-row {
        gap: 10px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .is-product-details-page .single_product {
        right: 20px;
        left: calc(50% + 5px);
    }

    .is-product-details-page .add_cart_btn,
    .is-product-details-page .order_now_btn {
        font-size: 14px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.is-product-details-page {
    background: #fff;
}

    .is-product-details-page .product-gallery-panel {
        padding: 4px 4px 0;
    }

    .is-product-details-page .product-gallery-panel .position-relative,
    .is-product-details-page .main-details-page .details_slider,
    .is-product-details-page .main-details-page .details_slider .owl-stage-outer,
    .is-product-details-page .main-details-page .details_slider .owl-stage,
    .is-product-details-page .main-details-page .details_slider .owl-item,
    .is-product-details-page .main-details-page .dimage_item {
        border-radius: 8px;
    }

    .is-product-details-page .main-details-page .discount p {
        background: var(--secondary-color);
        color: #111827;
        font-size: 11px;
        font-weight: 700;
    }

    .is-product-details-page .details-wishlist-floating {
        color: #111827;
    }

    .is-product-details-page .details-wishlist-floating.active,
    .is-product-details-page .details-wishlist-floating:hover {
        background: var(--secondary-color);
        color: #111827;
    }

    .is-product-details-page .main-details-page .details_slider .owl-nav button {
        background: #fff !important;
        color: #111827 !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.14);
    }

    .is-product-details-page .indicator_thumb .indicator-item:first-child {
        background: var(--secondary-color) !important;
    }

    .is-product-details-page .details_right {
        padding: 16px 15px 0;
    }

    .is-product-details-page .product-cart .name {
        margin-bottom: 8px;
        color: #111827;
        font-size: 20px;
        font-weight: 700;
    }

    .is-product-details-page .details-ratting-wrapper {
        gap: 8px;
        margin-bottom: 12px;
    }

    .is-product-details-page .details-rating-score,
    .is-product-details-page .details-review-count {
        font-size: 12px;
    }

    .is-product-details-page .details-rating-score i {
        color: var(--secondary-color);
    }

    .is-product-details-page .details-price {
        margin-bottom: 10px;
        gap: 6px 9px;
    }

    .is-product-details-page .details-current-price {
        color: var(--secondary-color);
        font-size: 23px;
        font-weight: 800;
    }

    .is-product-details-page .details-price del {
        color: #8a8f98;
        font-size: 15px;
    }

    .is-product-details-page .details-save-text {
        min-height: 22px;
        padding: 4px 8px;
        border-radius: 6px;
        background: rgba(243, 193, 52, 0.18);
        color: #9a6d00;
        font-size: 10px;
        font-weight: 700;
    }

    .is-product-details-page .details-meta-row {
        margin-bottom: 14px;
        padding-bottom: 12px;
        border-bottom-color: #ececec;
    }

    .is-product-details-page .product-code p,
    .is-product-details-page .product-stock-status p {
        font-size: 10px;
    }

    .is-product-details-page .product-stock-status p {
        color: #14834f;
    }

    .is-product-details-page .product-stock-status.out-stock p {
        color: var(--secondary-color);
    }

    .is-product-details-page .color-title,
    .is-product-details-page .product-qty-label {
        margin-bottom: 10px;
        color: #111827;
        font-size: 12px;
        font-weight: 700;
    }

    .is-product-details-page .details-size-chart {
        color: #b98200;
        font-size: 11px;
    }

    .is-product-details-page .selector {
        gap: 10px;
    }

    .is-product-details-page .selector-item_label {
        min-width: 48px;
        height: 32px;
        padding: 0 12px;
        border-color: #d8d8d8;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        line-height: 30px;
    }

    .is-product-details-page .pro-color .selector-item_label {
        width: 34px;
        min-width: 34px;
        height: 34px;
        line-height: 32px;
    }

    .is-product-details-page .selector-item_radio:checked + .selector-item_label {
        border-color: var(--secondary-color);
        color: #111827;
        box-shadow: none;
    }

    .is-product-details-page .pro-color .selector-item_radio:checked + .selector-item_label {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--secondary-color);
    }

    .is-product-details-page .product-action-row {
        width: 80px;
        margin-bottom: 14px;
    }

    .is-product-details-page .qty-cart .quantity {
    grid-template-columns: 27px 28px 20px;
    width: 100%;
    height: 32px;
    border-color: #dedede;
    border-radius: 4px;
}

    .is-product-details-page .quantity input,
    .is-product-details-page .quantity .minus,
    .is-product-details-page .quantity .plus {
        color: #111827;
        font-size: 12px;
        font-weight: 600;
    }

    .is-product-details-page .details-static-benefits {
        margin-bottom: 132px;
        border-color: #eeeeee;
        background: #fff;
    }

    .is-product-details-page .details-static-benefit {
        min-width: 86px;
        min-height: 66px;
        gap: 6px;
        padding: 9px 6px;
    }

    .is-product-details-page .details-static-benefit i {
        font-size: 17px;
    }

    .is-product-details-page .details-static-benefit img {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }

    .is-product-details-page .details-static-benefit span {
        font-size: 9px;
        font-weight: 500;
    }

    .is-product-details-page .details-cart-row {
        right: 0;
        bottom: calc(58px + env(safe-area-inset-bottom));
        left: 0;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 10px 12px;
        border-top: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.1);
    }

    .is-product-details-page .single_product {
        right: 12px;
        bottom: calc(68px + env(safe-area-inset-bottom));
        left: calc(50% + 4px);
    }

    .is-product-details-page .add_cart_btn,
    .is-product-details-page .order_now_btn {
        min-height: 44px;
        height: 44px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: uppercase;
        gap: 8px;
    }

    .is-product-details-page .add_cart_btn {
        border: 1px solid #d9d9d9;
        background: #fff !important;
        color: #111827 !important;
    }

    .is-product-details-page .order_now_btn {
        border-color: var(--secondary-color) !important;
        background: var(--secondary-color) !important;
        color: #111827 !important;
        pointer-events: auto;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile-header,
    #navbar_top.is-sticky-scrolled .mobile-header {
        padding: 0 14px;
        border-bottom: 0;
        background: #151719;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    }

    .is-home-page .mobile-header {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    }

    .mobile-logo {
        grid-template-columns: 40px minmax(0, 1fr) 78px;
        gap: 8px;
        min-height: 52px;
    }

    .menu-logo {
        height: 52px;
    }

    .menu-logo img {
        width: auto;
        height: 42px;
        max-width: 150px;
        object-fit: contain;
    }

    header .toggle,
    .mobile-search-toggle,
    .mobile-header-cart {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #fff !important;
        font-size: 20px;
        line-height: 1;
        text-decoration: none;
    }

    header .toggle i,
    .mobile-search-toggle i,
    .mobile-header-cart i {
        color: #fff !important;
        font-size: 20px;
    }

    .menu-bag {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }

    .mobile-header-cart {
        position: relative;
    }

    .mobile-header-cart-count {
        position: absolute;
        top: 2px;
        right: 1px;
        display: inline-flex;
        min-width: 15px;
        height: 15px;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        border-radius: 999px;
        background: var(--secondary-color);
        color: #111827;
        font-size: 9px;
        font-weight: 800;
        line-height: 15px;
    }

    .mobile-search-toggle:hover,
    .mobile-search-toggle:focus,
    .mobile-search-toggle:active,
    header .toggle:hover,
    header .toggle:focus,
    header .toggle:active,
    .mobile-header-cart:hover,
    .mobile-header-cart:focus {
        color: #fff !important;
        background: transparent;
        box-shadow: none !important;
        transform: none !important;
    }

    .mobile-header .main-search {
        background: #151719;
        border-bottom: 0;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22);
    }

    .mobile-header .main-search form {
        border-color: var(--secondary-color);
        background: #fff;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile-bottom-nav {
        min-height: 54px;
        padding: 5px 6px calc(4px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        background: #151719;
        box-shadow: 0 -7px 18px rgba(0, 0, 0, 0.22);
    }

    .mobile-bottom-nav-link,
    .mobile-bottom-nav-link:hover,
    .mobile-bottom-nav-link:focus {
        min-height: 44px;
        gap: 3px;
        color: #fff;
        font-family: var(--bn-font), var(--en-font);
        font-size: 10px;
        font-weight: 500;
        line-height: 1.1;
    }

    .mobile-bottom-nav-link i {
        color: #fff;
        font-size: 18px;
        font-weight: 900;
    }

    .mobile-bottom-nav-link.active,
    .mobile-bottom-nav-link.active i {
        color: var(--secondary-color);
    }

    .mobile-bottom-nav-link span {
        color: inherit;
    }

    .mobile-bottom-wishlist-icon {
        position: relative;
        display: inline-flex !important;
        min-width: 22px;
        min-height: 20px;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
    }

    .mobile-bottom-wishlist-icon .wishlist-count {
        position: absolute;
        top: -8px;
        right: -12px;
        display: inline-flex;
        min-width: 16px;
        height: 16px;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        border: 1px solid #151719;
        border-radius: 999px;
        background: var(--secondary-color);
        color: #111827;
        font-family: var(--en-font);
        font-size: 9px;
        font-weight: 800;
        line-height: 14px;
        overflow: visible;
    }

    .contact-wrapper {
        bottom: calc(70px + env(safe-area-inset-bottom));
    }
}

@media only screen and (max-width: 1199px) {
    .contact-help-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .contact-content-grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-page-section .container {
        width: 92%;
        max-width: 92%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .contact-page-section {
        padding: 22px 0 30px;
    }

    .contact-page-section .container {
        width: 100%;
        max-width: 100%;
        padding-right: 14px;
        padding-left: 14px;
    }

    .contact-help-header h1 {
        font-size: 16px;
    }

    .contact-help-grid {
        display: flex;
        gap: 12px;
        margin-right: -14px;
        margin-bottom: 22px;
        padding: 0 14px 6px 0;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .contact-help-grid::-webkit-scrollbar {
        display: none;
    }

    .contact-help-card {
        flex: 0 0 148px;
        min-height: 170px;
        padding: 15px 11px;
        border-radius: 12px;
        scroll-snap-align: start;
    }

    .contact-help-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 11px;
    }

    .contact-help-icon i {
        font-size: 24px;
    }

    .contact-help-card h2 {
        min-height: 32px;
        margin-bottom: 9px;
        font-size: 11px;
    }

    .contact-help-card p {
        font-size: 11px;
        line-height: 1.4;
    }

    .contact-content-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .contact-info-panel,
    .contact-message-panel {
        min-height: 0;
        border-radius: 14px;
    }

    .contact-info-panel {
        padding: 24px 18px;
    }

    .contact-eyebrow {
        font-size: 12px;
    }

    .contact-info-panel h2,
    .contact-message-panel h2 {
        font-size: 27px;
    }

    .contact-panel-text,
    .contact-message-panel > p {
        font-size: 12px;
    }

    .contact-method-item,
    .contact-method-item:hover,
    .contact-method-item:focus {
        grid-template-columns: 40px minmax(0, 1fr) 16px;
        gap: 10px;
        min-height: 64px;
        padding: 11px 12px;
    }

    .contact-method-icon {
        width: 36px;
        height: 36px;
    }

    .contact-method-copy strong {
        font-size: 12px;
    }

    .contact-method-copy small {
        font-size: 11px;
    }

    .contact-method-item em {
        display: none;
    }

    .contact-message-panel {
        padding: 26px 18px 22px;
    }

    .contact-dot-pattern {
        top: 26px;
        right: 12px;
        width: 48px;
        height: 70px;
        background-size: 12px 12px;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-page-section .contact-form input,
    .contact-page-section .contact-form select,
    .contact-page-section .contact-form textarea,
    .contact-page-section .contact-form input:focus,
    .contact-page-section .contact-form select:focus,
    .contact-page-section .contact-form textarea:focus {
        min-height: 44px;
        font-size: 12px;
    }

    .contact-page-section .contact-form input,
    .contact-page-section .contact-form select {
        height: 44px;
    }

    .contact-submit-button,
    .contact-submit-button:hover,
    .contact-submit-button:focus {
        min-height: 44px;
        font-size: 12px;
    }

    .contact-faq-section {
        margin-top: 26px;
    }

    .contact-faq-eyebrow {
        font-size: 11px;
    }

    .contact-faq-section > h2 {
        margin-bottom: 18px;
        font-size: 27px;
    }

    .contact-faq-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .contact-faq-column {
        gap: 10px;
    }

    .contact-faq-question {
        min-height: 44px;
        padding: 0 14px;
        font-size: 12px;
    }

    .contact-faq-answer {
        padding: 0 14px 13px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-reference-top {
        padding: 26px 0 18px;
        background: #151719;
    }

    .footer-reference-grid {
        row-gap: 24px;
    }

    .footer-reference-about {
        max-width: none;
        padding-right: 0;
    }

    .footer-reference-about p {
        max-width: 360px;
    }

    .footer-newsletter-form {
        width: min(320px, 100%);
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    footer {
        background: #151719;
    }

    .footer-reference-top {
        padding: 28px 0 20px;
        background: #151719;
    }

    .footer-reference-top .container,
    .footer-reference-bottom .container {
        width: 100%;
        max-width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .footer-reference-grid {
        row-gap: 22px;
    }

    .footer-reference-grid > [class*="col-"] {
        width: 100%;
    }

    .footer-logo-link {
        height: 48px;
        margin-bottom: 8px;
    }

    .footer-reference-about .footer-logo-link img {
        max-width: 170px;
        height: 48px;
        filter: none;
    }

    .footer-reference-about p {
        max-width: 310px;
        margin-bottom: 11px;
        color: #d8d8d8;
        font-size: 13px;
        line-height: 1.45;
    }

    .footer-reference-about .footer-social {
        justify-content: flex-start;
        gap: 8px;
    }

    .footer-reference-about .footer-social li a,
    .footer-reference-about .footer-social li a:hover,
    .footer-reference-about .footer-social li a:focus {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .footer-reference-top .footer-title {
        margin-bottom: 11px;
        color: #fff;
        font-size: 14px;
    }

    .footer-reference-top .footer-title::after {
        display: none;
    }

    .footer-reference-top .footer-menu ul li {
        margin-bottom: 6px;
    }

    .footer-reference-top .footer-menu ul li a,
    .footer-reference-top .footer-menu ul li a:hover,
    .footer-reference-top .footer-menu ul li a:focus {
        color: #d8d8d8;
        font-size: 13px;
        line-height: 1.35;
        transform: none;
    }

    .footer-reference-top .footer-menu ul li:first-child a,
    .footer-reference-top .footer-menu ul li a:hover,
    .footer-reference-top .footer-menu ul li a:focus {
        color: var(--secondary-color);
    }

    .footer-newsletter p {
        max-width: 310px;
        margin-bottom: 11px;
        color: #d8d8d8;
        font-size: 13px;
    }

    .footer-newsletter-form {
        width: 100%;
        max-width: 320px;
        height: 40px;
    }

.footer-reference-bottom {
    padding: 9px 0 calc(52px + env(safe-area-inset-bottom));
    background: #0d0e10;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    padding-bottom: 75px;
}
    .footer-bottom-text {
        color: #b9b9b9;
        font-size: 12px;
    }
    .is-home-page .slider-section, .is-home-page .home-category, .is-home-page .homeproduct, .is-home-page .home-promo-banners {
    margin-bottom: 0;
}
html, body.is-home-page {
    padding-bottom: 0;
}
}

/*==== HOME MOBILE HEADER + SLIDER REFERENCE THEME START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .is-home-page .mobile-header, .is-home-page #navbar_top.is-sticky-scrolled .mobile-header {
    display: block;
    padding: 0 14px;
    border: 0;
    background: var(--storefront-header-bg);
    box-shadow: 0 4px 14px var(--storefront-shadow);
}

    .is-home-page .mobile-header {
        position: relative;
    }

    .is-home-page #navbar_top.is-sticky-scrolled .mobile-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

    .is-home-page .mobile-logo {
    grid-template-columns: 40px minmax(0, 1fr) 78px;
    gap: 8px;
    min-height: 52px;
}

    .is-home-page .menu-logo {
    height: 52px;
}

    .is-home-page .menu-logo img {
    width: auto;
    height: 42px;
    max-width: 150px;
    object-fit: contain;
}

    .is-home-page header .toggle,
    .is-home-page .mobile-search-toggle,
    .is-home-page .mobile-header-cart {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--storefront-header-text) !important;
        font-size: 22px;
        line-height: 1;
    }

    .is-home-page header .toggle i,
    .is-home-page .mobile-search-toggle i,
    .is-home-page .mobile-header-cart i {
        color: var(--storefront-header-text) !important;
        font-size: 24px;
    }

    .is-home-page .menu-bag {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }

    .is-home-page .mobile-header-cart {
        position: relative;
    }

    .is-home-page .mobile-header-cart-count {
        position: absolute;
        top: -3px;
        right: -5px;
        display: inline-flex;
        min-width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        border-radius: 999px;
        background: var(--storefront-accent);
        color: var(--storefront-header-bg);
        font-size: 10px;
        font-weight: 800;
        line-height: 18px;
    }

    .is-home-page .mobile-header .main-search, .is-home-page .mobile-header .main-search.is-open {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    display: none;
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-bottom: 10px;
}

    .is-home-page .mobile-header .main-search[style*="display: block"] {
        display: block;
    }

    .is-home-page .header-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    gap: 6px;
    align-items: center;
}

    .is-home-page .mobile-header .main-search form {
    display: flex;
    width: 100%;
    height: 50px;
    border: 2px solid var(--storefront-header-border);
    border-radius: 17px;
    background: var(--storefront-header-surface);
    box-shadow: none;
}

    .is-home-page .mobile-header .main-search form button:first-child {
        display: inline-flex;
        flex: 0 0 58px;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: var(--storefront-header-text);
    }

    .is-home-page .mobile-header .main-search form button:first-child i {
        color: var(--storefront-header-text);
        font-size: 25px;
    }

    .is-home-page .mobile-header .main-search form input {
        min-width: 0;
        padding: 0 8px;
        background: transparent;
        color: var(--storefront-header-text);
        font-size: 17px !important;
    }

    .is-home-page .mobile-header .main-search form input::placeholder {
        color: var(--storefront-header-muted);
        font-size: 17px;
    }

    .is-home-page .mobile-header .main-search .mobile-search-submit {
        display: none;
    }

    .is-home-page .home-search-filter {
    display: inline-flex;
    width: 68px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--storefront-header-border);
    border-radius: 5px;
    background: var(--storefront-header-surface);
    color: var(--storefront-accent);
    font-size: 25px;
}

    .is-home-page .home-search-filter:hover,
    .is-home-page .home-search-filter:focus {
        border-color: var(--storefront-accent);
        color: var(--storefront-accent);
    }

    .is-home-page .slider-section {
        margin: 16px 0 24px;
        overflow: hidden;
    }

    .is-home-page .home-slider-container {
        width: calc(100% - 24px);
        max-width: none;
        padding: 0;
    }

    .is-home-page .main_slider {
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 21px;
        border-color: var(--storefront-header-border);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .is-home-page .main_slider::-webkit-scrollbar {
        display: none;
    }

    .is-home-page .main_slider.owl-carousel:not(.owl-loaded) .slider-item,
    .is-home-page .main_slider .slider-item {
        display: block;
        flex: 0 0 100%;
        scroll-snap-align: start;
    }

    .is-home-page .main_slider .owl-dots,
    .is-home-page .main_slider .owl-nav {
        display: none;
    }

    .is-home-page .home-slider-dots {
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: -28px;
        margin-bottom: 10px;
    }

    .is-home-page .home-slider-dots button {
        padding: 0;
        border: 2px solid var(--storefront-white-soft);
        background: var(--storefront-white);
        box-shadow: 0 1px 4px var(--storefront-dot-shadow);
    }

    .is-home-page .home-slider-dots button.is-active {
        border-color: var(--storefront-accent);
        background: var(--storefront-accent);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .is-home-page .main-header .logo-header {
        grid-template-columns: 190px minmax(240px, 1fr) 230px;
        gap: 16px;
    }
}
/*==== HOME MOBILE HEADER + SLIDER REFERENCE THEME END ==== */
/*==== REFERENCE MOBILE FOOTER NAV START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body {
        padding-bottom: calc(78px + env(safe-area-inset-bottom));
    }

    body .mobile-bottom-nav {
        --mobile-nav-background: #050607;
        --mobile-nav-text: #f5f5f5;
        --mobile-nav-accent: var(--secondary-color);
        --mobile-nav-badge-text: #111111;
        --mobile-nav-border: rgba(255, 255, 255, 0.12);
        --mobile-nav-shadow: rgba(0, 0, 0, 0.28);
        right: 8px;
        bottom: 0;
        left: 8px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 68px;
        padding: 8px 8px calc(9px + env(safe-area-inset-bottom));
        border: 1px solid var(--mobile-nav-border);
        border-bottom: 0;
        border-radius: 20px 20px 0 0;
        background: var(--mobile-nav-background);
        box-shadow: 0 -8px 22px var(--mobile-nav-shadow);
        overflow: hidden;
    }

    body .mobile-bottom-nav .mobile-bottom-nav-link,
    body .mobile-bottom-nav .mobile-bottom-nav-link:hover,
    body .mobile-bottom-nav .mobile-bottom-nav-link:focus,
    body .mobile-bottom-nav button.mobile-bottom-nav-link {
        min-width: 0;
        min-height: 50px;
        padding: 0 2px;
        gap: 5px;
        border: 0;
        background: transparent;
        color: var(--mobile-nav-text);
        font-family: var(--en-font);
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        box-shadow: none !important;
        transform: none !important;
    }

    body .mobile-bottom-nav .mobile-bottom-nav-link i {
        color: currentColor;
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
    }

    body .mobile-bottom-nav .mobile-bottom-nav-link.active,
    body .mobile-bottom-nav .mobile-bottom-nav-link.active i {
        color: var(--mobile-nav-accent);
    }

    body .mobile-bottom-nav .mobile-bottom-cart-icon,
    body .mobile-bottom-nav .mobile-bottom-wishlist-icon {
        position: relative;
        display: inline-flex !important;
        min-width: 24px;
        min-height: 21px;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
    }

    body .mobile-bottom-nav .mobilecart-qty,
    body .mobile-bottom-nav .mobile-bottom-wishlist-icon .wishlist-count {
        position: absolute;
        top: -9px;
        right: -12px;
        display: inline-flex;
        min-width: 17px;
        height: 17px;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        border: 1px solid var(--mobile-nav-background);
        border-radius: 999px;
        background: var(--mobile-nav-accent);
        color: var(--mobile-nav-badge-text);
        font-family: var(--en-font);
        font-size: 9px;
        font-weight: 800;
        line-height: 15px;
        overflow: visible;
    }

    body .mobile-bottom-nav .mobile-bottom-nav-link > span:last-child {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/*==== REFERENCE MOBILE FOOTER NAV END ==== */
/* Mobile footer Font Awesome weight fix */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body .mobile-bottom-nav .mobile-bottom-nav-link i.fa-solid {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }

    body .mobile-bottom-nav .mobile-bottom-nav-link i.fa-regular {
        font-family: "Font Awesome 6 Free";
        font-weight: 400;
    }
}
/*==== MOBILE HERO BACKDROP + STATIC TRUST STRIP START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.is-home-page {
        --mobile-hero-background: var(--storefront-header-bg);
        --mobile-hero-page-background: var(--background-color);
        --mobile-trust-surface: var(--storefront-white);
        --mobile-trust-text: #111111;
        --mobile-trust-muted: #303030;
        --mobile-trust-icon-background: #fff7e7;
        --mobile-trust-divider: #e3e3e3;
        --mobile-trust-border: rgba(17, 17, 17, 0.08);
        --mobile-trust-shadow: rgba(17, 17, 17, 0.12);
    }

    body.is-home-page #navbar_top {
        background: var(--mobile-hero-background);
    }

    body.is-home-page .slider-section {
        position: relative;
        margin: 0;
        padding: 5px 0 18px;
        background: linear-gradient(
            to bottom,
            var(--mobile-hero-background) 0,
            var(--mobile-hero-background) 54%,
            var(--mobile-hero-page-background) 54%,
            var(--mobile-hero-page-background) 100%
        );
        overflow: hidden;
    }

    body.is-home-page .slider-section .home-slider-container {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        margin: 0 auto;
        padding: 0;
        overflow: visible;
    }

    body.is-home-page .home-slider-container > .row {
        margin: 0;
    }

    body.is-home-page .home-slider-container > .row > .col-sm-12 {
        padding: 0;
    }

    body.is-home-page .main_slider {
        border: 1px solid var(--storefront-header-border);
        border-radius: 18px;
        background: var(--storefront-slider-bg);
        box-shadow: 0 7px 18px var(--storefront-shadow);
    }

    body.is-home-page .main_slider .slider-item,
    body.is-home-page .main_slider .slider-item a,
    body.is-home-page .main_slider .slider-item picture {
        border-radius: inherit;
        overflow: hidden;
    }

    body.is-home-page .main_slider .slider-item img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        object-fit: cover;
    }

    body.is-home-page .home-slider-dots {
        margin-top: -25px;
        margin-bottom: 5px;
    }

    body.is-home-page .home-mobile-trust-strip {
    display: block;
    width: calc(100%);
    margin: 0 auto 0;
    padding: 14px 5px 13px;
    border: 1px solid var(--mobile-trust-border);
    border-radius: 16px;
    background: var(--mobile-trust-surface);
    box-shadow: 0 5px 18px var(--mobile-trust-shadow);
}

    body.is-home-page .home-mobile-trust-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: start;
    }

    body.is-home-page .home-mobile-trust-item {
        position: relative;
        display: flex;
        min-width: 0;
        align-items: center;
        padding: 0 5px;
        flex-direction: column;
        text-align: center;
    }

    body.is-home-page .home-mobile-trust-item:not(:last-child)::after {
        position: absolute;
        top: 5px;
        right: 0;
        width: 1px;
        height: calc(100% - 10px);
        background: var(--mobile-trust-divider);
        content: "";
    }

    body.is-home-page .home-mobile-trust-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    border-radius: 50%;
    background: var(--mobile-trust-icon-background);
    color: var(--mobile-trust-text);
}

    body.is-home-page .home-mobile-trust-icon i {
    color: inherit;
    font-size: 17px;
    font-weight: 900;
}

    body.is-home-page .home-mobile-trust-item strong,
    body.is-home-page .home-mobile-trust-item small {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: var(--mobile-trust-text);
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.is-home-page .home-mobile-trust-item strong {
    margin-bottom: 2px;
    font-size: 10px;
    font-weight: 700;
}

    body.is-home-page .home-mobile-trust-item small {
        color: var(--mobile-trust-muted);
        font-size: 8px;
        font-weight: 500;
    }
}
/*==== MOBILE HERO BACKDROP + STATIC TRUST STRIP END ==== */
/* Crop-free mobile slider frame: 640 × 226 (same 2.83:1 ratio as desktop) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.is-home-page .main_slider .slider-item,
    body.is-home-page .main_slider.owl-carousel:not(.owl-loaded) .slider-item {
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 640 / 226;
        background: var(--storefront-slider-bg);
    }

    body.is-home-page .main_slider .slider-item > a,
    body.is-home-page .main_slider .slider-item picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    body.is-home-page .main_slider .slider-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
}
/*==== RESPONSIVE HOME FLASH SALE + SUPPORT STRIP START ==== */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .home-flash-sale .container {
        width: 92%;
        max-width: 92%;
    }

    .flash-sale-banner {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        padding: 20px 28px;
    }

    .flash-sale-content {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 18px;
    }

    .flash-sale-bolt {
        width: 62px;
        height: 80px;
    }

    .flash-sale-bolt i {
        font-size: 60px;
    }

    .flash-sale-countdown {
        grid-template-columns: repeat(4, 72px);
        gap: 8px;
    }

    .flash-sale-time {
        height: 78px;
        border-radius: 11px;
    }

    .flash-sale-time small {
        margin-top: 6px;
        font-size: 11px;
    }

    .flash-sale-support-item,
    .flash-sale-support-item:hover,
    .flash-sale-support-item:focus {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        padding: 12px 14px;
    }

    .flash-sale-support-icon {
        width: 34px;
        height: 34px;
    }

    .flash-sale-support-icon i {
        font-size: 23px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .home-flash-sale {
        margin: 12px 0 20px;
    }

    .home-flash-sale .container {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        padding: 0;
    }

    .flash-sale-banner {
    grid-template-columns: 1fr;
    gap: 17px;
    min-height: 160px;
    padding: 19px 14px 16px;
    border-radius: 14px 14px 10px 10px;
}

    .flash-sale-banner::after {
        background: linear-gradient(180deg, var(--flash-sale-overlay) 0%, var(--flash-sale-overlay) 100%);
    }

    .flash-sale-background img {
        object-position: center;
    }

    .flash-sale-content {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
    }

    .flash-sale-bolt {
        width: 48px;
        height: 65px;
    }

    .flash-sale-bolt i {
        font-size: 49px;
    }

    .flash-sale-eyebrow {
        font-size: 14px;
    }

    .flash-sale-copy strong {
        font-size: clamp(20px, 6.2vw, 25px);
    }

    .flash-sale-copy small {
        margin-top: 3px;
        font-size: 11px;
    }

    .flash-sale-countdown {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }

    .flash-sale-time {
        height: 65px;
        border-width: 1px;
        border-radius: 9px;
    }

    .flash-sale-time strong {
        font-size: 21px;
    }

    .flash-sale-time small {
        margin-top: 6px;
        font-size: 9px;
    }

    .flash-sale-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
        border-radius: 0 0 12px 12px;
    }

    .flash-sale-support-item,
    .flash-sale-support-item:hover,
    .flash-sale-support-item:focus {
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 8px;
        min-height: 72px;
        padding: 11px 9px;
    }

    .flash-sale-support-item:nth-child(odd)::after {
        top: 12px;
        right: 0;
        display: block;
        height: calc(100% - 24px);
    }

    .flash-sale-support-item:nth-child(even)::after {
        display: none;
    }

    .flash-sale-support-item:nth-child(-n + 2) {
        border-bottom: 1px solid var(--flash-sale-divider);
    }

    .flash-sale-support-icon {
        width: 31px;
        height: 31px;
    }

    .flash-sale-support-icon i {
        font-size: 21px;
    }

    .flash-sale-support-item strong {
        font-size: 10px;
    }

    .flash-sale-support-item small {
        margin-top: 4px;
        font-size: 8px;
    }
}
/*==== RESPONSIVE HOME FLASH SALE + SUPPORT STRIP END ==== */
/*==== RESPONSIVE CUSTOMER ACCOUNT DASHBOARD START ==== */
@media only screen and (max-width: 1199px) {
    .customer-account-dashboard .account-dashboard-shell {
        width: 92%;
        max-width: 92%;
    }

    .account-dashboard-layout {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .customer-account-dashboard .account-dashboard-sidebar {
        position: static;
        min-height: 0;
        padding: 13px;
    }

    .customer-account-dashboard .customer-sidebar-title {
        padding: 0 4px 12px;
    }

    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu ul {
        display: flex;
        gap: 7px;
        padding-bottom: 2px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu ul::-webkit-scrollbar {
        display: none;
    }

    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu ul li {
        width: auto;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a,
    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a:hover,
    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a:focus {
        grid-template-columns: 18px auto auto;
        min-width: 126px;
        min-height: 38px;
        padding: 0 11px;
    }

    .account-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .account-dashboard-content-grid {
        grid-template-columns: 1fr;
    }

    .account-help-panel {
        position: static;
    }

    .account-help-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        padding: 14px 16px;
    }

    .account-help-item,
    .account-help-item:hover,
    .account-help-item:focus {
        border: 1px solid var(--account-border);
        border-radius: 7px;
        padding: 0 12px;
    }

    .account-help-item:last-child {
        border-bottom: 1px solid var(--account-border);
    }

    .account-recommendation-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .customer-account-dashboard {
        padding: 12px 0 28px;
    }

    .customer-account-dashboard .account-dashboard-shell {
        width: 100%;
        max-width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .customer-account-dashboard .account-dashboard-sidebar {
        padding: 11px 10px;
        border-radius: 8px;
    }

    .customer-account-dashboard .customer-sidebar-title {
        padding: 0 3px 10px;
        font-size: 15px;
    }

    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a,
    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a:hover,
    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a:focus {
        min-width: 118px;
        min-height: 36px;
        gap: 7px;
        padding: 0 9px;
        font-size: 10px;
    }

    .customer-account-dashboard .account-dashboard-sidebar .sidebar-menu li a i {
        width: 17px;
        font-size: 13px;
    }

    .account-dashboard-main,
    .account-dashboard-primary {
        gap: 12px;
    }

    .account-welcome-card {
        min-height: 0;
        align-items: flex-start;
        padding: 18px 15px;
        border-radius: 8px;
        flex-direction: column;
        gap: 16px;
    }

    .account-welcome-card::after {
        right: -28%;
        bottom: -48%;
        width: 115%;
        height: 118%;
    }

    .account-profile-summary {
        width: 100%;
        gap: 13px;
    }

    .account-profile-avatar {
        width: 66px;
        height: 66px;
        flex-basis: 66px;
        border-width: 2px;
    }

    .account-profile-avatar i {
        font-size: 29px;
    }

    .account-profile-copy h1 {
        margin-bottom: 5px;
        font-size: 15px;
    }

    .account-profile-copy a,
    .account-profile-copy a:hover,
    .account-profile-copy a:focus {
        margin-top: 3px;
        font-size: 9px;
    }

    .account-edit-profile,
    .account-edit-profile:hover,
    .account-edit-profile:focus {
        width: 100%;
        min-height: 38px;
        font-size: 10px;
    }

    .account-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .account-stat-card,
    .account-stat-card:hover,
    .account-stat-card:focus {
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 100px;
        gap: 2px 9px;
        padding: 11px 9px;
    }

    .account-stat-card:last-child {
        grid-column: 1 / 3;
    }

    .account-stat-icon {
        width: 38px;
        height: 38px;
    }

    .account-stat-icon i {
        font-size: 17px;
    }

    .account-stat-copy small {
        font-size: 8px;
    }

    .account-stat-copy strong {
        font-size: 20px;
    }

    .account-stat-link {
        font-size: 8px;
    }

    .account-dashboard-content-grid {
        gap: 12px;
    }

    .account-panel {
        border-radius: 7px;
    }

    .account-panel-header {
        min-height: 46px;
        padding: 0 12px;
    }

    .account-panel-header h2 {
        font-size: 12px;
    }

    .account-panel-header > a,
    .account-panel-header > a:hover,
    .account-panel-header > a:focus {
        font-size: 8px;
    }

    .account-orders-table-wrap {
        padding: 10px;
        overflow: visible;
    }

    .account-orders-table,
    .account-orders-table tbody,
    .account-orders-table tr,
    .account-orders-table td {
        display: block;
        width: 100%;
    }

    .account-orders-table thead {
        display: none;
    }

    .account-orders-table tbody {
        display: grid;
        gap: 9px;
    }

    .account-orders-table tbody tr {
        padding: 7px 10px;
        border: 1px solid var(--account-border);
        border-radius: 7px;
        background: var(--account-surface);
    }

    .account-orders-table td {
        display: flex;
        min-height: 32px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 0;
        border-bottom: 1px solid var(--account-border);
        font-size: 9px;
        white-space: normal;
        text-align: right;
    }

    .account-orders-table tbody tr:last-child td,
    .account-orders-table td:last-child {
        border-bottom: 0;
    }

    .account-orders-table td::before {
        color: var(--account-muted);
        content: attr(data-label);
        font-size: 8px;
        font-weight: 700;
        text-align: left;
    }

    .account-order-details,
    .account-order-details:hover,
    .account-order-details:focus {
        min-width: 82px;
    }

    .account-recommendation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
    }

    .account-product-body {
        padding: 8px;
    }

    .account-product-name {
        min-height: 34px;
        font-size: 10px;
    }

    .account-product-price strong {
        font-size: 11px;
    }

    .account-product-cart,
    .account-product-cart:hover,
    .account-product-cart:focus {
        min-height: 32px;
        font-size: 8px;
    }

    .account-help-list {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 10px;
    }

    .account-help-item,
    .account-help-item:hover,
    .account-help-item:focus {
        min-height: 64px;
        padding: 0 11px;
    }

    .account-help-item > span:first-child {
        width: 36px;
        height: 36px;
    }

    .account-help-item strong {
        font-size: 10px;
    }

    .account-help-item small {
        font-size: 8px;
    }
}
/*==== RESPONSIVE CUSTOMER ACCOUNT DASHBOARD END ==== */
/*==== REFERENCE MOBILE CUSTOMER ACCOUNT START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .customer-account-dashboard {
        padding: 7px 0 24px;
        background: var(--account-page-bg);
    }

    .customer-account-dashboard .account-dashboard-shell {
        padding-right: 7px;
        padding-left: 7px;
    }

    .customer-account-dashboard .account-dashboard-layout {
        display: none;
    }

    .account-mobile-dashboard {
        display: grid;
        gap: 8px;
    }

    .mobile-account-profile-card {
        position: relative;
        isolation: isolate;
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr) auto;
        gap: 10px;
        min-height: 103px;
        align-items: center;
        overflow: hidden;
        padding: 10px 10px;
        border: 1px solid var(--account-sidebar-border);
        border-radius: 8px;
        background: var(--account-sidebar);
        box-shadow: 0 4px 14px var(--account-shadow);
    }

    .mobile-account-profile-card::after {
        position: absolute;
        z-index: -1;
        right: -25%;
        bottom: -100%;
        width: 100%;
        height: 190%;
        border-radius: 50%;
        background: radial-gradient(circle, var(--account-hero-glow) 0%, transparent 68%);
        content: "";
        transform: rotate(-9deg);
    }

    .mobile-account-avatar {
        display: inline-flex;
        width: 64px;
        height: 64px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border: 2px solid var(--account-accent);
        border-radius: 50%;
        background: var(--account-surface);
        color: var(--account-neutral);
    }

    .mobile-account-avatar img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mobile-account-avatar i {
        color: inherit;
        font-size: 29px;
    }

    .mobile-account-profile-copy {
        min-width: 0;
        padding-right: 2px;
    }

    .mobile-account-profile-copy h1 {
        margin: 0 0 5px;
        overflow: hidden;
        color: var(--account-on-dark);
        font-family: var(--en-font);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-account-profile-copy > a,
    .mobile-account-profile-copy > a:hover,
    .mobile-account-profile-copy > a:focus {
        display: block;
        max-width: 100%;
        overflow: hidden;
        margin-top: 3px;
        color: var(--account-on-dark-muted);
        font-size: 8px;
        font-weight: 500;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-account-profile-copy > span {
        display: inline-flex;
        min-height: 17px;
        align-items: center;
        gap: 4px;
        margin-top: 6px;
        padding: 0 7px;
        border: 1px solid var(--account-accent-border);
        border-radius: 999px;
        color: var(--account-accent);
        font-size: 7px;
        font-weight: 700;
        line-height: 15px;
    }

    .mobile-account-profile-copy > span i {
        color: inherit;
        font-size: 7px;
    }

    .mobile-account-edit,
    .mobile-account-edit:hover,
    .mobile-account-edit:focus {
        position: absolute;
        top: 13px;
        right: 11px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: var(--account-accent);
        font-size: 7px;
        font-weight: 700;
        line-height: 1;
    }

    .mobile-account-edit i {
        color: inherit;
        font-size: 8px;
    }

    .mobile-account-orders-card,
    .mobile-account-menu-list,
    .mobile-account-preview-card {
        overflow: hidden;
        border: 1px solid var(--account-border);
        border-radius: 8px;
        background: var(--account-surface);
        box-shadow: 0 3px 11px var(--account-shadow);
    }

    .mobile-account-section-header {
        display: flex;
        min-height: 34px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 10px;
    }

    .mobile-account-section-header h2,
    .mobile-account-navigation > h2 {
        margin: 0;
        color: var(--account-text);
        font-family: var(--en-font);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
    }

    .mobile-account-section-header > a,
    .mobile-account-section-header > a:hover,
    .mobile-account-section-header > a:focus {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: var(--account-warning);
        font-size: 7px;
        font-weight: 700;
    }

    .mobile-order-status-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 68px;
        padding: 5px 4px 8px;
        border-top: 1px solid var(--account-border);
    }

    .mobile-order-status-grid > a,
    .mobile-order-status-grid > a:hover,
    .mobile-order-status-grid > a:focus {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        color: var(--account-text);
        flex-direction: column;
        transform: none;
    }

    .mobile-order-status-grid > a > span {
        position: relative;
        display: inline-flex;
        width: 28px;
        height: 31px;
        align-items: center;
        justify-content: center;
        color: var(--account-text);
    }

    .mobile-order-status-grid > a > span i {
        color: inherit;
        font-size: 20px;
    }

    .mobile-order-status-grid > a > span em {
        position: absolute;
        top: -3px;
        right: -7px;
        display: inline-flex;
        min-width: 14px;
        height: 14px;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        border: 1px solid var(--account-surface);
        border-radius: 999px;
        background: var(--account-accent);
        color: var(--account-sidebar);
        font-size: 7px;
        font-style: normal;
        font-weight: 800;
        line-height: 12px;
    }

    .mobile-order-status-grid > a small {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: var(--account-text);
        font-size: 7px;
        font-weight: 600;
        line-height: 1.15;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-account-navigation > h2 {
        padding: 3px 2px 7px;
    }

    .mobile-account-menu-list {
        display: grid;
    }

    .mobile-account-menu-list > a,
    .mobile-account-menu-list > a:hover,
    .mobile-account-menu-list > a:focus {
        display: flex;
        min-height: 41px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 11px;
        border-bottom: 1px solid var(--account-border);
        color: var(--account-text);
        font-size: 9px;
        font-weight: 500;
        transform: none;
    }

    .mobile-account-menu-list > a:last-child {
        border-bottom: 0;
    }

    .mobile-account-menu-list > a > span {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 11px;
    }

    .mobile-account-menu-list > a > span i {
        width: 14px;
        color: var(--account-text);
        font-size: 12px;
        text-align: center;
    }

    .mobile-account-menu-list > a > i {
        color: var(--account-neutral);
        font-size: 9px;
    }

    .mobile-account-preview-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .mobile-account-preview-card {
        min-width: 0;
        padding: 9px;
    }

    .mobile-account-preview-card.is-wishlist {
        background: var(--account-accent-soft);
    }

    .mobile-account-preview-card.is-recommended {
        background: var(--account-neutral-soft);
    }

    .mobile-account-preview-card > header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 7px;
        margin-bottom: 8px;
    }

    .mobile-account-preview-card > header span,
    .mobile-account-preview-card > header strong,
    .mobile-account-preview-card > header small {
        display: block;
        min-width: 0;
    }

    .mobile-account-preview-card > header strong {
        overflow: hidden;
        color: var(--account-text);
        font-size: 10px;
        font-weight: 800;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-account-preview-card > header small {
        margin-top: 3px;
        color: var(--account-warning);
        font-size: 7px;
        font-weight: 600;
    }

    .mobile-account-preview-card > header > a {
        display: inline-flex;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--account-border);
        border-radius: 50%;
        background: var(--account-surface);
        color: var(--account-text);
    }

    .mobile-account-preview-card > header > a i {
        color: inherit;
        font-size: 11px;
    }

    .mobile-account-product-preview {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 5px;
    }

    .mobile-account-product-preview > a:not(.mobile-account-preview-next),
    .mobile-account-preview-empty {
        display: inline-flex;
        width: 34px;
        height: 45px;
        flex: 0 0 34px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 5px;
        background: var(--account-surface);
    }

    .mobile-account-product-preview img {
        display: block;
        width: 100%;
        height: 100%;
        padding: 2px;
        object-fit: contain;
    }

    .mobile-account-preview-empty {
        color: var(--account-muted);
    }

    .mobile-account-preview-next {
        display: inline-flex;
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        border-radius: 50%;
        background: var(--account-accent);
        color: var(--account-sidebar);
    }

    .is-recommended .mobile-account-preview-next {
        background: var(--account-sidebar);
        color: var(--account-on-dark);
    }

    .mobile-account-preview-next i {
        color: inherit;
        font-size: 10px;
    }

    .mobile-account-secondary-menu {
        margin-top: 0;
    }

    .mobile-account-secondary-menu .mobile-account-logout,
    .mobile-account-secondary-menu .mobile-account-logout:hover,
    .mobile-account-secondary-menu .mobile-account-logout:focus,
    .mobile-account-secondary-menu .mobile-account-logout > span i {
        color: var(--account-danger);
    }
}
/*==== REFERENCE MOBILE CUSTOMER ACCOUNT END ==== */
/*==== MOBILE CUSTOMER ACCOUNT TYPOGRAPHY SCALE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .customer-section:not(.customer-account-dashboard) {
        padding: 14px 0 24px;
    }

    .customer-section:not(.customer-account-dashboard) .customer-auth {
        font-size: 14px;
    }

    .customer-section:not(.customer-account-dashboard) .customer-name small {
        font-size: 12px;
    }

    .customer-section:not(.customer-account-dashboard) .customer-sidebar .sidebar-menu li a {
        font-size: 14px;
        line-height: 1.35;
    }

    .customer-section:not(.customer-account-dashboard) .account-title {
        font-size: 18px;
        line-height: 1.3;
    }

    .customer-section:not(.customer-account-dashboard) .customer-content,
    .customer-section:not(.customer-account-dashboard) .customer-content .table,
    .customer-section:not(.customer-account-dashboard) .customer-content .table th,
    .customer-section:not(.customer-account-dashboard) .customer-content .table td {
        font-size: 14px;
        line-height: 1.45;
    }

    .customer-section:not(.customer-account-dashboard) .checkout-shipping label,
    .customer-section:not(.customer-account-dashboard) .form-control,
    .customer-section:not(.customer-account-dashboard) .select2-container {
        font-size: 14px;
    }

    .customer-section:not(.customer-account-dashboard) .submit-btn,
    .customer-section:not(.customer-account-dashboard) .invoice_btn {
        font-size: 13px;
    }

    .mobile-account-profile-copy h1 {
        font-size: 16px;
    }

    .mobile-account-profile-copy > a,
    .mobile-account-profile-copy > a:hover,
    .mobile-account-profile-copy > a:focus {
        font-size: 11px;
    }

    .mobile-account-profile-copy > span,
    .mobile-account-profile-copy > span i {
        font-size: 9px;
    }

    .mobile-account-edit,
    .mobile-account-edit:hover,
    .mobile-account-edit:focus {
        font-size: 10px;
    }

    .mobile-account-edit i {
        font-size: 11px;
    }

    .mobile-account-section-header h2,
    .mobile-account-navigation > h2 {
        font-size: 14px;
    }

    .mobile-account-section-header > a,
    .mobile-account-section-header > a:hover,
    .mobile-account-section-header > a:focus {
        font-size: 10px;
    }

    .mobile-order-status-grid > a > span em,
    .mobile-order-status-grid > a small {
        font-size: 9px;
    }

    .mobile-account-menu-list > a,
    .mobile-account-menu-list > a:hover,
    .mobile-account-menu-list > a:focus {
        min-height: 44px;
        font-size: 13px;
    }

    .mobile-account-menu-list > a > span i {
        font-size: 15px;
    }

    .mobile-account-menu-list > a > i {
        font-size: 11px;
    }

    .mobile-account-preview-card > header strong {
        font-size: 13px;
    }

    .mobile-account-preview-card > header small {
        font-size: 10px;
    }
}
/*==== MOBILE CUSTOMER ACCOUNT TYPOGRAPHY SCALE END ==== */
/*==== RESPONSIVE CUSTOMER ACCOUNT SUBPAGES START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .customer-account-subpage {
        min-height: 0;
        padding: 10px 0 24px;
    }

    .customer-account-subpage .account-dashboard-shell {
        width: 100%;
        max-width: 100%;
        padding-right: 8px;
        padding-left: 8px;
    }

    .customer-account-subpage .account-subpage-layout {
        display: grid !important;
        gap: 10px;
    }

    .customer-account-subpage .account-dashboard-sidebar {
        display: block;
        padding: 11px 10px;
    }

    .customer-account-subpage .account-dashboard-sidebar .sidebar-menu li a,
    .customer-account-subpage .account-dashboard-sidebar .sidebar-menu li a:hover,
    .customer-account-subpage .account-dashboard-sidebar .sidebar-menu li a:focus {
        min-width: 132px;
        min-height: 40px;
        font-size: 12px;
    }

    .customer-account-subpage .account-dashboard-sidebar .sidebar-menu li a i {
        font-size: 14px;
    }

    .account-subpage-panel {
        min-height: 360px;
    }

    .account-subpage-header {
        min-height: 52px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .account-subpage-header h1 {
        font-size: 17px;
    }

    .account-subpage-header h1 span {
        font-size: 11px;
    }

    .account-subpage-header > a,
    .account-subpage-header > a:hover,
    .account-subpage-header > a:focus {
        font-size: 11px;
    }

    .account-subpage-body {
        padding: 14px;
        font-size: 14px;
    }

    .account-subpage-body .form-group label,
    .account-subpage-body .form-control,
    .account-subpage-body .select2-container .select2-selection {
        font-size: 14px;
    }

    .account-subpage-table thead th {
        padding: 11px 12px;
        font-size: 12px;
    }

    .account-subpage-table tbody td {
        padding: 12px;
        font-size: 13px;
    }

    .customer-account-subpage .table-responsive {
        overflow: visible;
    }

    .account-subpage-table,
    .account-subpage-table tbody,
    .account-subpage-table tr,
    .account-subpage-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .account-subpage-table {
        border: 0;
    }

    .account-subpage-table thead {
        display: none;
    }

    .account-subpage-table tbody {
        display: grid;
        gap: 10px;
    }

    .account-subpage-table tbody tr {
        overflow: hidden;
        border: 1px solid var(--account-border);
        border-radius: 7px;
        background: var(--account-surface);
    }

    .account-subpage-table tbody td {
        display: flex;
        min-height: 39px;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 9px 12px;
        border-bottom: 1px solid var(--account-border);
        white-space: normal;
        text-align: right;
    }

    .account-subpage-table tbody td::before {
        color: var(--account-muted);
        content: attr(data-label);
        font-size: 12px;
        font-weight: 700;
        text-align: left;
    }

    .account-subpage-table .account-subpage-empty {
        display: block;
        padding: 42px 14px;
        text-align: center;
    }

    .account-subpage-table .account-subpage-empty::before {
        content: none;
    }

    .customer-account-subpage .card-body {
        font-size: 14px;
    }

    .invoice-account-main {
        width: 100%;
        padding-bottom: 5px;
        overflow-x: auto;
    }
}
/*==== RESPONSIVE CUSTOMER ACCOUNT SUBPAGES END ==== */
/*==== MOBILE TOGGLE MENU REFERENCE DESIGN START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile-menu {
        right: 0;
        bottom: 0;
        width: 100vw;
        max-width: 100vw;
        height: auto;
        min-height: 100vh;
        min-height: 100dvh;
        padding: 0 0 10px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #ffffff;
        color: #111111;
        overscroll-behavior: contain;
    }

    .mobile-menu-logo {
        position: relative;
        display: flex;
        min-height: 98px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 9px 58px 8px;
        border: 0;
        border-radius: 0 0 0 34px;
        background:
            radial-gradient(circle at 22% 55%, rgba(245, 177, 0, 0.16), transparent 23%),
            linear-gradient(112deg, #020303 0%, #080909 68%, #020303 100%);
        box-shadow: 0 4px 13px rgba(0, 0, 0, 0.2);
    }

    .mobile-menu-logo::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
        background: linear-gradient(90deg, #f2b500, rgba(242, 181, 0, 0.08) 42%, #f2b500);
    }

    .mobile-menu-logo .logo-image {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu-logo .logo-image img {
        display: block;
        width: min(235px, 100%);
        height: 76px;
        max-width: none;
        margin: 0;
        object-fit: contain;
    }

    .mobile-menu .mobile-menu-close {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 18px;
    display: flex;
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    place-items: center;
    color: #ffffff;
    background: #060707;
    border: 1px solid rgba(242, 181, 0, 0.68);
    border-radius: 9px;
    transform: translateY(-50%);
    justify-content: center;
}

    .mobile-menu .mobile-menu-close i {
        color: inherit;
        font-size: 20px;
        line-height: 1;
    }

    .mobile-menu-search {
        padding: 10px 20px 0;
    }

    .mobile-menu-search form {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr) 39px;
        height: 42px;
        align-items: center;
        overflow: hidden;
        padding-left: 12px;
        background: #ffffff;
        border: 1px solid #e3e4e5;
        border-radius: 14px;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
    }

    .mobile-menu-search form > i {
        color: #e5a400;
        font-size: 16px;
    }

    .mobile-menu-search input {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 0 5px;
        color: #202326;
        background: transparent;
        border: 0;
        outline: 0;
        font-size: 13px;
    }

    .mobile-menu-search input::placeholder {
        color: #888d92;
    }

    .mobile-menu-search form > a {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        color: #f2b500;
        background: #070808;
        border-radius: 50%;
        font-size: 14px;
    }

    .mobile-menu-offer {
        position: relative;
        isolation: isolate;
        display: grid;
        grid-template-columns: 66px minmax(0, 1fr) 38px;
        min-height: 72px;
        align-items: center;
        gap: 8px;
        overflow: hidden;
        margin: 9px 20px 5px;
        padding: 7px 12px 7px 6px;
        color: #ffffff;
        background:
            radial-gradient(circle at 73% 15%, rgba(242, 181, 0, 0.22), transparent 22%),
            linear-gradient(115deg, #020303, #0b0b0a 65%, #030303);
        border: 1px solid #171717;
        border-radius: 10px;
        box-shadow: 0 4px 11px rgba(0, 0, 0, 0.14);
    }

    .mobile-menu-offer::after {
        position: absolute;
        z-index: -1;
        right: 35px;
        bottom: -26px;
        width: 170px;
        height: 55px;
        content: "";
        border-top: 2px solid rgba(242, 181, 0, 0.45);
        border-radius: 50%;
        transform: rotate(-7deg);
    }

    .mobile-menu-offer-icon {
        display: grid;
        width: 62px;
        height: 58px;
        place-items: center;
        color: #f4b600;
        font-size: 42px;
        filter: drop-shadow(0 3px 5px rgba(242, 181, 0, 0.28));
    }

    .mobile-menu-offer-copy,
    .mobile-menu-offer-copy small,
    .mobile-menu-offer-copy strong,
    .mobile-menu-offer-copy span {
        display: block;
        min-width: 0;
    }

    .mobile-menu-offer-copy small {
        color: #efb323;
        font-size: 9px;
        line-height: 1.1;
    }

    .mobile-menu-offer-copy strong {
        margin-top: 3px;
        overflow: hidden;
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu-offer-copy span {
        margin-top: 4px;
        color: #e8e8e8;
        font-size: 9px;
        line-height: 1.1;
    }

    .mobile-menu-offer-arrow,
    .mobile-menu-flash-arrow {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        color: #171717;
        background: linear-gradient(135deg, #fff1b0, #f3aa17);
        border-radius: 50%;
        box-shadow: 0 2px 7px rgba(242, 181, 0, 0.3);
        font-size: 13px;
    }

    .mobile-menu .mobile-category-heading {
        min-height: 29px;
        padding: 5px 21px 6px;
    }

    .mobile-menu .mobile-category-heading h3 {
        gap: 4px;
        font-size: 12px;
        font-weight: 700;
    }

    .mobile-menu .mobile-category-heading h3 i {
        font-size: 6px;
    }

    .mobile-menu .mobile-category-heading a {
        gap: 5px;
        font-size: 10px;
    }

    .mobile-menu .mobile-category-grid {
        gap: 5px 7px;
        padding: 0 20px 4px;
    }

    .mobile-menu .first-nav .parent-category .menu-category-name {
        min-height: 36px;
        gap: 7px;
        padding: 4px 22px 4px 8px;
        border-color: #e6e7e8;
        border-radius: 7px;
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.045);
        color: #16191c;
        font-size: 11px;
        font-weight: 600;
    }

    .mobile-menu .first-nav .parent-category .menu-category-name::after {
        right: 9px;
        color: #e5a400;
        font-size: 11px;
    }

    .mobile-menu li.parent-category img {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
        padding: 1px;
        border: 0;
        border-radius: 4px;
        background: #fff;
    }

    .mobile-menu span.menu-category-toggle {
        height: 36px;
    }

    .mobile-menu .second-nav {
        margin-top: 4px;
    }

    .mobile-menu-flash-sale {
        position: relative;
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr) 38px;
        min-height: 58px;
        align-items: center;
        gap: 7px;
        overflow: hidden;
        margin: 6px 20px 8px;
        padding: 5px 12px 5px 4px;
        color: #151515;
        background:
            radial-gradient(circle at 85% 25%, rgba(242, 181, 0, 0.2), transparent 30%),
            linear-gradient(105deg, #ffc441 0%, #fff8e8 47%, #fff2c8 100%);
        border: 1px solid #f6d887;
        border-radius: 9px;
    }

    .mobile-menu-flash-sale::after {
        position: absolute;
        right: -20px;
        bottom: -40px;
        width: 155px;
        height: 75px;
        content: "";
        border: 1px solid rgba(221, 152, 0, 0.25);
        border-radius: 50%;
    }

    .mobile-menu-flash-bolt {
        display: grid;
        width: 54px;
        height: 54px;
        place-items: center;
        color: #ffffff;
        font-size: 33px;
        text-shadow: 0 2px 4px rgba(185, 111, 0, 0.2);
    }

    .mobile-menu-flash-copy,
    .mobile-menu-flash-copy small,
    .mobile-menu-flash-copy strong,
    .mobile-menu-flash-copy em {
        display: block;
        min-width: 0;
    }

    .mobile-menu-flash-copy small {
        width: fit-content;
        padding: 1px 6px;
        color: #f2b500;
        background: #080909;
        border-radius: 999px;
        font-size: 7px;
        font-weight: 700;
        line-height: 1.25;
    }

    .mobile-menu-flash-copy strong {
        margin-top: 3px;
        color: #111111;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.1;
    }

    .mobile-menu-flash-copy em {
        margin-top: 3px;
        color: #373b3f;
        font-size: 7px;
        font-style: normal;
        line-height: 1.1;
    }

    .mobile-menu-flash-arrow {
        position: relative;
        z-index: 1;
        color: #f2b500;
        background: #050606;
    }

    .mobile-menu-support-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
        padding: 0 20px 8px;
    }

    .mobile-menu-support-grid > a {
        display: flex;
        min-width: 0;
        min-height: 72px;
        align-items: center;
        justify-content: flex-start;
        padding: 6px 3px;
        color: #16191c;
        background: #ffffff;
        border: 1px solid #e7e8e9;
        border-radius: 8px;
        box-shadow: 0 2px 7px rgba(15, 23, 42, 0.045);
        flex-direction: column;
        text-align: center;
    }

    .mobile-menu-support-grid > a > span {
        display: grid;
        width: 27px;
        height: 27px;
        margin-bottom: 4px;
        place-items: center;
        color: #f2b500;
        background: #050606;
        border: 2px solid #e5a800;
        border-radius: 50%;
        font-size: 11px;
    }

    .mobile-menu-support-grid strong,
    .mobile-menu-support-grid small {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu-support-grid strong {
    color: #15181b;
    font-size: 9px;
    font-weight: 700;
}

    .mobile-menu-support-grid small {
    margin-top: 3px;
    color: #5e6469;
    font-size: 7px;
}

    .mobile-menu .mobile-menu-social {
        padding: 0 20px 8px;
        text-align: center;
    }

    .mobile-menu .mobile-menu-social > strong {
        display: block;
        margin-bottom: 5px;
        color: #25292d;
        font-size: 10px;
        font-weight: 700;
    }

    .mobile-menu .mobile-menu-social-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
    }

    .mobile-menu .mobile-menu-social-list > a {
        display: flex;
        min-width: 0;
        min-height: 24px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 3px 5px;
        color: #25292d;
        background: #ffffff;
        border: 1px solid #e5e6e7;
        border-radius: 999px;
        box-shadow: 0 1px 5px rgba(15, 23, 42, 0.04);
        font-size: 6px;
        font-weight: 600;
    }

    .mobile-menu .mobile-menu-social-list > a i {
        color: #e2a300;
        font-size: 11px;
    }

    .mobile-menu .mobile-menu-social-list > a:nth-child(1) i {
        color: #1877f2;
    }

    .mobile-menu .mobile-menu-social-list > a:nth-child(2) i {
        color: #e1306c;
    }

    .mobile-menu .mobile-menu-social-list > a:nth-child(3) i {
        color: #111111;
    }

    .mobile-menu .mobile-menu-social-list > a:nth-child(4) i {
        color: #ff0000;
    }

    .mobile-menu .mobile-menu-social-list > a span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu-brand-note {
        display: flex;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 6px 17px;
        color: #ffffff;
        background:
            radial-gradient(circle at 85% 100%, rgba(242, 181, 0, 0.25), transparent 28%),
            #050606;
        border-top: 1px solid rgba(242, 181, 0, 0.7);
        text-align: left;
    }

    .mobile-menu-brand-note > i {
        color: #f2b500;
        font-size: 25px;
    }

    .mobile-menu-brand-note span,
    .mobile-menu-brand-note small {
        display: block;
    }

    .mobile-menu-brand-note span {
    color: #eeeeee;
    font-size: 11px;
    line-height: 1.25;
}

    .mobile-menu-brand-note strong {
        color: #f2b500;
    }

    .mobile-menu-brand-note small {
        margin-top: 3px;
        color: #bfc2c4;
        font-size: 6px;
    }

    body.mobile-menu-open .mobile-bottom-nav,
    body.mobile-menu-open .contact-wrapper,
    body.mobile-menu-open .floating-cart-summary {
        display: none !important;
    }
}
/*==== MOBILE TOGGLE MENU REFERENCE DESIGN END ==== */

/* Customer login and registration pages */
@media (max-width: 767px) {
    .customer-login-page {
        min-height: 100svh;
        background: #ffffff;
    }

    .customer-login-shell {
        display: block;
        min-height: 100svh;
    }

    .customer-login-brand {
        display: none;
    }

    .customer-login-panel {
        display: block;
        min-height: 100svh;
        padding: 0 18px 76px;
    }

    .customer-login-mobile-header {
        display: grid;
        width: 100%;
        min-height: 64px;
        align-items: center;
        grid-template-columns: 42px minmax(0, 1fr) 42px;
    }

    .customer-login-icon-button {
        position: relative;
        display: grid;
        width: 40px;
        height: 40px;
        color: #222222;
        font-size: 18px;
        place-items: center;
    }

    .customer-login-cart span {
        position: absolute;
        top: 2px;
        right: 0;
        display: grid;
        min-width: 18px;
        height: 18px;
        padding: 0 4px;
        border: 2px solid #ffffff;
        border-radius: 10px;
        background: var(--login-accent);
        color: #191919;
        font-size: 10px;
        font-weight: 700;
        place-items: center;
    }

    .customer-login-mobile-logo {
        justify-self: center;
    }

    .customer-login-mobile-logo img {
        display: block;
        width: auto;
        max-width: 150px;
        height: 47px;
        object-fit: contain;
    }

    .customer-login-panel-inner {
        max-width: 420px;
        margin: 0 auto;
    }

    .customer-login-mobile-visual {
        display: block;
        margin-top: 6px;
    }

    .customer-login-mobile-visual .customer-login-visual {
        width: 160px;
        height: 160px;
    }

    .customer-login-mobile-visual .customer-login-bag {
        top: 48px;
        width: 72px;
        height: 86px;
    }

    .customer-login-mobile-visual .customer-login-bag-handle {
        top: -22px;
        left: 19px;
        width: 33px;
        height: 31px;
    }

    .customer-login-mobile-visual .customer-login-bag-letter {
        top: 23px;
        font-size: 38px;
    }

    .customer-login-mobile-visual .customer-login-lock {
        right: 23px;
        bottom: 17px;
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .customer-login-mobile-visual .customer-login-spark {
        font-size: 18px;
    }

    .customer-login-heading {
        margin: 17px 0 22px;
    }

    .customer-login-heading h1 {
        margin-bottom: 7px;
        font-size: 24px;
    }

    .customer-login-heading p {
        font-size: 13px;
        line-height: 1.55;
    }

    .customer-login-page .customer-login-field .form-control,
    .customer-login-password-toggle {
        height: 52px;
    }

    .customer-login-page .customer-login-field > i {
        top: 26px;
    }

    .customer-login-benefits {
        margin-top: 30px;
        padding: 18px 8px;
    }
}

@media (max-width: 374px) {
    .customer-login-panel {
        padding-right: 14px;
        padding-left: 14px;
    }

    .customer-login-mobile-visual .customer-login-visual {
        width: 142px;
        height: 142px;
    }

    .customer-login-mobile-visual .customer-login-bag {
        top: 43px;
    }

    .customer-login-heading h1 {
        font-size: 22px;
    }

    .customer-login-benefit {
        padding: 0 4px;
    }

    .customer-login-benefit strong {
        font-size: 11px;
    }

    .customer-login-benefit span {
        font-size: 9px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .customer-login-shell {
        grid-template-columns: minmax(300px, 0.8fr) minmax(440px, 1.2fr);
    }

    .customer-login-brand,
    .customer-login-panel {
        padding: 40px;
    }

    .customer-login-desktop-logo img {
        max-width: 180px;
        height: 62px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .customer-login-page * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

@media (max-width: 767px) {
    .customer-login-mobile-visual .customer-register-avatar {
        top: 21px;
        width: 118px;
        height: 118px;
    }

    .customer-login-mobile-visual .customer-register-avatar-head {
        top: 16px;
        width: 34px;
        height: 34px;
    }

    .customer-login-mobile-visual .customer-register-avatar-body {
        bottom: 17px;
        width: 60px;
        height: 38px;
    }

    .customer-login-mobile-visual .customer-register-avatar-plus {
        right: -16px;
        bottom: 7px;
        width: 36px;
        height: 36px;
        font-size: 25px;
    }

    .customer-register-page .customer-login-heading {
        margin-top: 12px;
    }

    .customer-register-terms {
        margin-bottom: 14px;
        font-size: 10px;
    }
}


/* Product details page */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .is-product-details-page .main-details-page .container {
        max-width: 960px;
    }

    .is-product-details-page .details-product-grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
        gap: 22px;
    }

    .is-product-details-page .product-gallery-panel .position-relative {
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 10px;
    }

    .is-product-details-page .main-details-page .details_slider .owl-stage-outer,
    .is-product-details-page .main-details-page .details_slider .owl-item,
    .is-product-details-page .main-details-page .dimage_item {
        height: clamp(430px, 54vw, 550px);
    }

    .is-product-details-page .main-details-page .indicator_thumb,
    .is-product-details-page .main-details-page .indicator_thumb.thumb_slider {
        width: 66px;
        max-height: clamp(430px, 54vw, 550px);
    }

    .is-product-details-page .main-details-page .indicator-item {
        flex-basis: 78px;
        width: 62px;
        height: 78px;
    }

    .is-product-details-page .details-info-sidebar {
        grid-column: 1 / -1;
        grid-template-columns: 1.1fr 1fr .8fr;
        align-items: start;
    }

    .is-product-details-page .details-service-card {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
    }

    .is-product-details-page .details-service-item + .details-service-item {
        border-top: 0;
    }

    .is-product-details-page .details-service-item:nth-child(n + 3) {
        border-top: 1px solid #ededed;
    }
}

@media only screen and (max-width: 767px) {
   body.is-product-details-page {
    padding-bottom: 0;
}

    .is-product-details-page .main-details-page {
        padding: 0;
        z-index: auto;
    }

    .is-product-details-page .details-reference-breadcrumb {
        display: flex !important;
        gap: 7px;
        margin: 0;
        padding: 11px 14px;
        border-bottom: 1px solid #eeeeee;
        font-size: 10px;
        overflow: hidden;
    }

    .is-product-details-page .details-reference-breadcrumb a:not(:first-child),
    .is-product-details-page .details-reference-breadcrumb span,
    .is-product-details-page .details-reference-breadcrumb i:not(:first-of-type) {
        display: none;
    }

    .is-product-details-page .details-reference-breadcrumb strong {
        display: block;
    }

    .is-product-details-page .details-product-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .is-product-details-page .product-gallery-panel .position-relative {
        display: block;
    }

    .is-product-details-page .main-details-page .details_slider {
        border: 0;
    }

    .is-product-details-page .main-details-page .details_slider .owl-stage-outer,
    .is-product-details-page .main-details-page .details_slider .owl-item,
    .is-product-details-page .main-details-page .dimage_item {
        height: auto;
    }

    .is-product-details-page .main-details-page .dimage_item {
        min-height: 270px;
        aspect-ratio: 1 / 1;
    }

    .is-product-details-page .main-details-page .dimage_item img {
        padding: 6px;
    }

    .is-product-details-page .main-details-page .discount,
    .is-product-details-page .details-wishlist-floating,
    .is-product-details-page .details-slide-count {
        display: inline-flex;
    }

    .is-product-details-page .main-details-page .indicator_thumb,
    .is-product-details-page .main-details-page .indicator_thumb.thumb_slider {
        display: flex !important;
        width: auto;
        max-height: none;
        margin: 9px 0 12px;
        padding: 0;
        flex-direction: row;
        overflow: visible;
    }

    .is-product-details-page .main-details-page .indicator-item {
        flex: none;
    }

    .is-product-details-page .details-title-discount {
        display: none;
    }

    .is-product-details-page .main-details-page .details_right {
        padding: 15px 15px 20px;
        overflow: visible;
    }

    .is-product-details-page .main-details-page .product,
    .is-product-details-page .main-details-page .product-cart,
    .is-product-details-page .main-details-page .product-option-form {
        overflow: visible;
    }

    .is-product-details-page .main-details-page .product-cart .name {
        font-size: 20px;
    }

    .is-product-details-page .main-details-page .details-stars {
        font-size: 12px;
    }

    .is-product-details-page .main-details-page .details-price {
        padding-bottom: 12px !important;
        border-bottom: 1px solid var(--details-border);
    }

    .is-product-details-page .main-details-page .details-summary p,
    .is-product-details-page .main-details-page .details-summary li {
        font-size: 12px;
    }

    .is-product-details-page .product-option-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 82px;
        column-gap: 14px;
    }

    .is-product-details-page .product-action-row {
        width: 82px;
    }

    .is-product-details-page .main-details-page .qty-cart .quantity {
        grid-template-columns: 27px 28px 27px;
        width: 82px;
    }

    .is-product-details-page .details-purchase-actions {
        display: contents;
    }

    .is-product-details-page .details-cart-row {
    position: fixed;
    right: 0;
    bottom: calc(400px + env(safe-area-inset-bottom));
    left: 0;
    z-index: 10040;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border-top: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 -6px 18px rgba(15, 23, 42, .1);
}

}

@media only screen and (max-width: 767px) {
    .is-product-details-page .related-product-section {
    padding: 22px 0 15px;
}

    .is-product-details-page .related-product-section .container {
        width: 100%;
        max-width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .is-product-details-page .related-title {
        min-height: 24px;
        margin-bottom: 12px;
    }

    .is-product-details-page .related-title h2 {
        font-size: 16px;
    }

    .is-product-details-page .related-title > a,
    .is-product-details-page .related-title > a:hover,
    .is-product-details-page .related-title > a:focus {
        gap: 6px;
        font-size: 10px;
    }

    .is-product-details-page .related_slider .product_item,
    .is-product-details-page .related_slider .product_item:hover {
        border-radius: 6px;
    }

    .is-product-details-page .related_slider .owl-stage {
        left: 0;
    }

    .is-product-details-page .related_slider .pro_img {
        aspect-ratio: 1.18 / 1;
    }

    .is-product-details-page .related_slider .product-wishlist-toggle {
        top: 7px;
        right: 7px;
        width: 24px;
        height: 24px;
    }

    .is-product-details-page .related_slider .product-wishlist-toggle i {
        font-size: 14px;
    }

    .is-product-details-page .related_slider .pro_des {
        padding: 8px 9px 9px;
    }

    .is-product-details-page .related_slider .pro_name {
        height: 18px;
        min-height: 18px;
    }

    .is-product-details-page .related_slider .pro_name a {
        font-size: 11px;
    }

    .is-product-details-page .related_slider .pro_price p {
        gap: 5px;
        font-size: 15px;
    }

    .is-product-details-page .related_slider .pro_price del {
        font-size: 9px;
    }

    .is-product-details-page .related_slider .pro_btn,
    .is-product-details-page .related_slider .cart_btn,
    .is-product-details-page .related_slider .cart_btn form {
        height: 28px !important;
        min-height: 28px !important;
    }

    .is-product-details-page .related_slider .cart_btn button,
    .is-product-details-page .related_slider .variable-modal {
        width: 100%;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
    }

    .is-product-details-page .related_slider .cart_btn button::after,
    .is-product-details-page .related_slider .variable-modal::after {
        font-size: 10px;
    }

    .is-product-details-page .related-product-section .owl-nav {
        display: none;
    }
}

@media only screen and (max-width: 767px) {

   .is-product-details-page .main-details-page .single_product {
    position: fixed;
    right: 12px;
    bottom: calc(410px + env(safe-area-inset-bottom));
    left: calc(50% + 4px);
    z-index: 10041;
    margin: 0;
    pointer-events: none;
}

    .is-product-details-page .main-details-page .single_product .order_now_btn {
        pointer-events: auto;
    }

    .is-product-details-page .main-details-page .add_cart_btn,
    .is-product-details-page .main-details-page .order_now_btn {
        min-height: 44px;
        height: 44px;
        font-size: 12px;
    }

    .is-product-details-page .details-secondary-actions {
        grid-column: 1 / -1;
        margin: 3px 0 0;
    }

    .is-product-details-page .details-wishlist-text {
        font-size: 12px;
    }

    .is-product-details-page .details-info-sidebar {
    display: grid !important;
    grid-column: 1;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 0 15px 22px;
    background: #fff;
    margin-top: 75px;
}

    .is-product-details-page .details-service-card {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 12px;
        padding: 4px 12px;
    }

    .is-product-details-page .details-service-item {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 7px;
        min-height: 62px;
        padding: 8px 0;
    }

    .is-product-details-page .details-service-item + .details-service-item {
        border-top: 0;
    }

    .is-product-details-page .details-service-item:nth-child(n + 3) {
        border-top: 1px solid #ededed;
    }

    .is-product-details-page .details-service-icon {
        width: 28px;
        height: 28px;
        font-size: 18px;
    }

    .is-product-details-page .details-service-icon img {
        width: 24px;
        height: 24px;
    }

    .is-product-details-page .details-reference-card h2 {
        padding: 13px 14px;
        font-size: 14px;
    }

    .is-product-details-page .details-product-information-copy {
        max-height: none;
        padding: 13px 14px;
    }

    .is-product-details-page .details-product-information-copy p,
    .is-product-details-page .details-product-information-copy li {
        font-size: 12px;
    }

    .is-product-details-page .details-share-links {
        padding: 13px 14px 15px;
    }

    .is-product-details-page .details-share-links a {
        width: 36px;
        height: 36px;
    }

    .details-size-guide-modal .modal-dialog {
        margin: 14px;
    }

    .details-size-guide-modal .modal-body {
        padding: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .is-product-details-page .details-title-discount {
        min-height: 31px;
        margin: 0 0 15px;
        padding: 6px 12px;
        border-radius: 6px;
        background: #101010;
        color: var(--details-yellow);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .1px;
    }

    .is-product-details-page .main-details-page .product-cart .name {
        margin-bottom: 15px;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.15;
    }

    .is-product-details-page .main-details-page .details-ratting-wrapper {
        gap: 9px;
        margin-bottom: 23px;
    }

    .is-product-details-page .main-details-page .details-stars {
        gap: 2px;
        font-size: 17px;
    }

    .is-product-details-page .main-details-page .details-review-count {
        color: #232323;
        font-size: 15px;
        font-weight: 600;
    }

    .is-product-details-page .main-details-page .details-price {
        gap: 13px;
        margin-bottom: 20px;
        padding: 0;
        border-bottom: 0;
    }

    .is-product-details-page .main-details-page .details-current-price {
        font-size: 35px;
        line-height: 1;
    }

    .is-product-details-page .main-details-page .details-price del {
        font-size: 19px;
        font-weight: 500;
    }

    .is-product-details-page .main-details-page .details-save-text {
        min-height: 31px;
        padding: 7px 12px;
        border-radius: 7px;
        background: #fff0d2;
        color: #efa91a;
        font-size: 14px;
        font-weight: 700;
    }

    .is-product-details-page .main-details-page .details-summary {
        margin: 0 0 22px;
        padding: 0 0 22px;
        border-bottom: 1px solid #e8e8e8;
    }

    .is-product-details-page .main-details-page .details-summary p,
    .is-product-details-page .main-details-page .details-summary li {
        color: #3b3b3b;
        font-size: 16px;
        line-height: 1.55;
    }

    .is-product-details-page .main-details-page .details-meta-row,
    .is-product-details-page .main-details-page .pro_brand {
        display: none;
    }

    .is-product-details-page .main-details-page .product-option-form {
        display: block;
        margin-top: 0;
    }

    .is-product-details-page .main-details-page .pro-color,
    .is-product-details-page .main-details-page .pro-size {
        margin-bottom: 23px;
    }

    .is-product-details-page .main-details-page .color-title {
        margin-bottom: 12px;
        color: #242424;
        font-size: 16px;
        font-weight: 700;
    }

    .is-product-details-page .main-details-page .color-title span {
        color: inherit;
        font-weight: 700;
    }

    .is-product-details-page .main-details-page .pro-color .selector {
        gap: 13px;
    }

    .is-product-details-page .main-details-page .pro-color .selector-item_label {
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
        border: 2px solid #f4f4f4;
        border-radius: 50%;
        color: transparent !important;
        font-size: 0;
        line-height: 38px;
        box-shadow: 0 0 0 1px #dcdcdc;
    }

    .is-product-details-page .main-details-page .pro-color .selector-item:first-child .selector-item_label,
    .is-product-details-page .main-details-page .pro-color .selector-item_radio:checked + .selector-item_label {
        border-color: var(--details-yellow);
        box-shadow: 0 0 0 2px var(--details-yellow);
    }

    .is-product-details-page .main-details-page .pro-size {
        margin-bottom: 22px;
    }

    .is-product-details-page .main-details-page .pro-size .details-option-head {
        align-items: center;
        margin-bottom: 12px;
    }

    .is-product-details-page .main-details-page .pro-size .color-title {
        margin-bottom: 0;
    }

    .is-product-details-page .details-size-chart {
        margin: 0;
        color: #efa91a;
        font-size: 16px;
        font-weight: 700;
    }

    .is-product-details-page .details-size-chart i {
        color: #efa91a;
        font-size: 16px;
    }

    .is-product-details-page .main-details-page .pro-size .selector {
        gap: 12px;
    }

    .is-product-details-page .main-details-page .pro-size .selector-item_label {
        min-width: 50px;
        height: 38px;
        padding: 0 13px;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        color: #262626;
        font-size: 15px;
        font-weight: 600;
        line-height: 36px;
    }

    .is-product-details-page .main-details-page .pro-size .selector-item_radio:checked + .selector-item_label {
        border-color: var(--details-yellow);
        background: #111;
        color: #fff;
        box-shadow: 0 0 0 1px var(--details-yellow);
    }

    .is-product-details-page .product-action-row {
        display: flex;
        width: 100%;
        max-width: none;
        grid-column: auto;
        align-items: center;
        gap: 12px;
        margin: 4px 0 25px;
    }

    .is-product-details-page .product-qty-label {
        margin: 0;
        color: #242424;
        font-size: 16px;
        font-weight: 700;
        white-space: nowrap;
    }

    .is-product-details-page .main-details-page .qty-cart .quantity {
        grid-template-columns: 34px 42px 34px;
        width: 110px;
        height: 42px;
        border: 1px solid #e2e2e2;
        border-radius: 7px;
        background: #fff;
    }

    .is-product-details-page .main-details-page .quantity input,
    .is-product-details-page .main-details-page .quantity .minus,
    .is-product-details-page .main-details-page .quantity .plus {
        background: #fff;
        color: #252525;
        font-size: 17px;
        font-weight: 500;
    }

    .is-product-details-page .details-inline-stock {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #36b86b;
        font-size: 16px;
        font-weight: 600;
        white-space: nowrap;
    }

    .is-product-details-page .details-inline-stock i {
        font-size: 17px;
    }

    .is-product-details-page .details-inline-stock.out-stock {
        color: #e33a3a;
    }

    .is-product-details-page .details-purchase-actions {
        gap: 20px;
    }

    .is-product-details-page .main-details-page .add_cart_btn,
    .is-product-details-page .main-details-page .order_now_btn {
        min-height: 51px;
        border-radius: 7px;
        font-size: 17px;
        font-weight: 700;
        text-transform: none;
    }

    .is-product-details-page .main-details-page .add_cart_btn,
    .is-product-details-page .main-details-page .add_cart_btn:disabled {
        border-color: #101010 !important;
        background: #101010 !important;
        color: var(--details-yellow) !important;
    }

    .is-product-details-page .main-details-page .order_now_btn,
    .is-product-details-page .main-details-page .order_now_btn:disabled {
        border-color: #f7b91c !important;
        background: #f7b91c !important;
        color: #111 !important;
    }

    .is-product-details-page .details-secondary-actions {
        justify-content: flex-start;
        gap: 28px;
        margin-top: 23px;
    }

    .is-product-details-page .details-wishlist-text {
        gap: 9px;
        color: #252525;
        font-size: 17px;
        font-weight: 600;
    }

    .is-product-details-page .details-wishlist-text i {
        color: #f1b329;
        font-size: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .is-product-details-page .main-details-page .details-meta-row,
    .is-product-details-page .main-details-page .pro_brand {
        display: none;
    }

    .is-product-details-page .main-details-page .details-title-discount {
        display: none;
    }

    .is-product-details-page .main-details-page .details-summary {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #e8e8e8;
    }

    .is-product-details-page .main-details-page .details-summary p,
    .is-product-details-page .main-details-page .details-summary li {
        font-size: 13px;
        line-height: 1.55;
    }

    .is-product-details-page .main-details-page .color-title {
        font-size: 14px;
        font-weight: 700;
    }

    .is-product-details-page .main-details-page .pro-color .selector-item_label {
        width: 36px;
        min-width: 36px;
        height: 36px;
        border-radius: 50%;
        color: transparent !important;
        font-size: 0;
        line-height: 32px;
    }

    .is-product-details-page .main-details-page .pro-size .details-option-head {
        align-items: center;
    }

    .is-product-details-page .details-size-chart {
        color: #efa91a;
        font-size: 13px;
    }

    .is-product-details-page .product-action-row {
    display: flex;
    width: 100%;
    max-width: none;
    grid-column: auto;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
}

    .is-product-details-page .product-qty-label {
        margin: 0;
        font-size: 13px;
    }

    .is-product-details-page .main-details-page .qty-cart .quantity {
        grid-template-columns: 28px 34px 28px;
        width: 90px;
        height: 36px;
    }

    .is-product-details-page .details-inline-stock {
        gap: 5px;
        font-size: 13px;
    }

    .is-product-details-page .details-purchase-actions {
        gap: 8px;
    }

    .is-product-details-page .details-secondary-actions {
        justify-content: flex-start;
        margin-top: 14px;
    }

    .is-product-details-page .details-wishlist-text {
        font-size: 14px;
    }

    .is-product-details-page .details-wishlist-text i {
        font-size: 21px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile-header .mobile-search-panel {
        display: none;
        max-height: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .mobile-header .mobile-search-panel[style*="display: block"] {
        display: block;
    }
}

/*==== REFERENCE HOME CATEGORY MOBILE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.is-home-page .home-category.category-showcase .category-slider {
        width: 100%;
        overflow: hidden;
    }

    body.is-home-page .home-category.category-showcase .category-slider .owl-stage {
        display: flex;
    }

    body.is-home-page .home-category.category-showcase .category-slider .owl-item {
        min-width: 0;
    }

    body.is-home-page .home-category.category-showcase .cat-item {
        width: 100%;
        height: 98px;
        min-height: 98px;
        padding: 7px 3px 6px;
        border-radius: 10px;
    }

    body.is-home-page .home-category.category-showcase .cat-img {
        flex-basis: 61px;
        width: 61px;
        height: 61px;
        margin-bottom: 3px;
    }

    body.is-home-page .home-category.category-showcase .cat-name {
        min-height: 17px;
        font-size: 9px;
        line-height: 1.05;
    }
}
/*==== REFERENCE HOME CATEGORY MOBILE END ==== */
/*==== COMPACT MOBILE FLASH SALE START ==== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.is-home-page .home-flash-sale {
        margin: 8px 0 12px;
    }

    body.is-home-page .flash-sale-banner {
        gap: 5px;
        min-height: 0;
        padding: 7px 8px 8px;
        border-radius: 10px;
    }

    body.is-home-page .flash-sale-content {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 7px;
    }

    body.is-home-page .flash-sale-bolt {
        width: 30px;
        height: 34px;
    }

    body.is-home-page .flash-sale-bolt i {
        font-size: 30px;
    }

    body.is-home-page .flash-sale-eyebrow {
        margin-bottom: 1px;
        font-size: 9px;
        line-height: 1;
    }

    body.is-home-page .flash-sale-copy strong {
        font-size: clamp(14px, 4.4vw, 18px);
        line-height: 1;
    }

    body.is-home-page .flash-sale-copy small {
        margin-top: 2px;
        font-size: 7px;
        line-height: 1;
    }

    body.is-home-page .flash-sale-countdown {
        gap: 4px;
    }

    body.is-home-page .flash-sale-time {
        height: 35px;
        border-radius: 6px;
    }

    body.is-home-page .flash-sale-time strong {
        font-size: 14px;
    }

    body.is-home-page .flash-sale-time small {
        margin-top: 2px;
        font-size: 6px;
    }
}
/*==== COMPACT MOBILE FLASH SALE END ==== */

/*==== CUSTOMER ORDER PAGE MOBILE TYPOGRAPHY START ==== */
@media only screen and (max-width: 991px) {
    body.is-order-success-page .success-kicker {
        font-size: 11px !important;
    }

    body.is-order-success-page .success-title {
        font-size: 19px !important;
    }

    body.is-order-success-page .success-message {
        font-size: 8px !important;
    }

    body.is-order-success-page .order-fact span {
        font-size: 8px !important;
    }

    body.is-order-success-page .order-fact strong {
        font-size: 9px !important;
    }

    body.is-order-success-page .order-fact.is-total strong {
        font-size: 11px !important;
    }

    body.is-order-success-page .order-notice-copy strong {
        font-size: 9px !important;
    }

    body.is-order-success-page .order-notice-copy span {
        font-size: 7px !important;
    }

    body.is-order-success-page .order-section-heading h2 {
        font-size: 14px !important;
    }

    body.is-order-success-page .invoice-link {
        font-size: 7px !important;
    }

    body.is-order-success-page .order-product-info h3,
    body.is-order-success-page .order-product-price {
        font-size: 9px !important;
    }

    body.is-order-success-page .order-product-info p,
    body.is-order-success-page .order-product-qty {
        font-size: 7px !important;
    }

    body.is-order-success-page .order-empty {
        font-size: 10px !important;
    }

    body.is-order-success-page .order-total-row {
        font-size: 8px !important;
    }

    body.is-order-success-page .order-total-row strong {
        font-size: 10px !important;
    }

    body.is-order-success-page .order-total-row.is-grand-total {
        font-size: 9px !important;
    }

    body.is-order-success-page .order-total-row.is-grand-total strong {
        font-size: 15px !important;
    }

    body.is-order-success-page .order-trust-copy strong {
        font-size: 7px !important;
    }

    body.is-order-success-page .order-trust-copy span {
        font-size: 5px !important;
    }

    body.is-order-success-page .order-action {
        font-size: 9px !important;
    }
}

@media only screen and (max-width: 767px) {
    body.is-order-track-page .track-hero h1 {
        font-size: 20px !important;
    }

    body.is-order-track-page .track-hero p,
    body.is-order-track-page .track-mode-tab {
        font-size: 9px !important;
    }

    body.is-order-track-page .track-input-field > span {
        font-size: 10px !important;
    }

    body.is-order-track-page .track-input-wrap input,
    body.is-order-track-page .track-input-wrap input:focus {
        font-size: 11px !important;
    }

    body.is-order-track-page .track-input-wrap input::placeholder {
        font-size: 9px !important;
    }

    body.is-order-track-page .track-submit {
        font-size: 10px !important;
    }

    body.is-order-track-page .track-error {
        font-size: 10px !important;
    }

    body.is-order-track-page .track-divider {
        font-size: 9px !important;
    }

    body.is-order-track-page .track-account-copy strong {
        font-size: 11px !important;
    }

    body.is-order-track-page .track-account-copy span {
        font-size: 8px !important;
    }

    body.is-order-track-page .track-how-card h2 {
        font-size: 11px !important;
    }

    body.is-order-track-page .track-step-copy strong {
        font-size: 10px !important;
    }

    body.is-order-track-page .track-step-copy span {
        font-size: 8px !important;
    }

    body.is-order-track-page .track-support-copy strong {
        font-size: 10px !important;
    }

    body.is-order-track-page .track-support-copy span {
        font-size: 7px !important;
    }

    body.is-order-track-page .track-support-link {
        font-size: 8px !important;
    }
}
/*==== CUSTOMER ORDER PAGE MOBILE TYPOGRAPHY END ==== */