@media only screen and (min-width: 320px) and (max-width: 500px) {
    .c-container {
        width: 96%;
        padding: 0 10px !important;
    }
    .banners-row{
        padding: 0 5px;
    }
    
    /* Mobile Banner Styles */
    .mks-banners {
        border-radius: 4px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    }
    
    .mks-banners a img {
        border-radius: 4px;
    }
    
    /* Mobile Slider Styles */
    .main-slider {
        border-radius: 4px;
    }
    
    .main-slider-full-width {
        border-radius: 16px;
    }

    .main-slider.main-slider--edge,
    .mks-pb-full-width--slider .main-slider,
    .mks-pb-full-width--slider .main-slider-full-width {
        border-radius: 0 !important;
        margin-top: 0;
    }
    
    .owl-prev, .owl-next {
        padding: 5px 15px !important;
    }
    
    .owl-prev span, .owl-next span {
        font-size: 30px;
    }
    .top-of-header-ad h3{
        font-size: 19px;
        margin-bottom: 7px;
    }
    .top-of-header-ad p{
        font-size: 15px;
    }
    .article-mpi-i{
        width: 110px;
        padding: 10px;
    }

    .article-mpi {
        min-height: 110px;
    }

    .article-mpi-i img {
        min-height: 90px;
    }
    
    .article-mpi-t-d {
        padding: 12px 12px 12px 4px;
    }
    
    .article-mpi-t-d h3 {
        font-size: 13px;
        text-align: right;
        margin: 0 0 8px 0;
        padding-bottom: 8px;
    }
    
    .article-mpi-t-d p {
        font-size: 12px;
        text-align: right;
        -webkit-line-clamp: 2;
    }
    .section-title-article{
        font-size: 18px;
        margin: 20px 0 15px;
    }
    .show-all-articles{
        margin: 20px 0 15px;
        font-size: 14px;
        padding: 8px 16px;
    }
    .sections-title b{
        font-size: 13px;
    }
    .footer-lists{
        display: block;
    }

    .mks-footer-main {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 0;
    }

    .mks-footer-social {
        padding-top: 8px;
        border-top: 1px solid var(--mks-footer-border-subtle, rgba(255, 255, 255, 0.06));
    }

    .main-footer{
        padding: 16px 14px 18px;
    }

    .mks-footer-top,
    .mks-footer-top__action,
    .mks-footer-back-top,
    .btn-back-to-top,
    .footer-logo {
        display: none !important;
    }
    .ajax-search-result{
        box-shadow: none;
        padding: 0;
    }
    .mks-search-page {
        padding: 16px 0 32px;
    }
    .mks-search-page__header {
        padding: 16px;
        border-radius: 12px;
    }
    .mks-search-page__header-top {
        flex-direction: column;
        align-items: stretch;
    }
    .mks-search-page__badge {
        align-self: flex-start;
    }
    .mks-search-page__term {
        font-size: 18px;
    }
    .mks-search-page__empty {
        padding: 32px 16px;
    }
    .mks-search-page__popular {
        padding: 16px;
        text-align: center;
    }
    .archive-pi{
        width: 100%;
        margin: 10px 0;
    }
    .category-slider{
        margin: 0 0 5px 0;
    }
    .spm-sal{
        display: none;
    }
    .spm-brand-float{
        display: none;
    }
    .spm-title h1{
        line-height: 1.7;
        text-align: justify;
        font-size: 14px;
    }
    .woocommerce-breadcrumb a{
        font-size: 10px;
    }
    .woocommerce-breadcrumb span{
        font-size: 11px;
    }
    .spm-price > .price{
        left: 0;
        bottom: 0;
        background: #fff;
        z-index: 99;
        border-radius: 0;
        border-right: none;
        padding: 6px 0;
        margin: 0;
        height: 62.4px;
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }
    .spm-price > .price > ins{
        font-size: 20px !important;
    }
    .spm-price > .price > del{
        font-size: 12px !important;
        margin: 0;
    }
    .spm .spm-form-add-to-cart {
        display: block;
        text-align: center;
        bottom: 0;
        right: 0;
        background: #fff !important;
        z-index: 99;
        border-left: 0;
    }
    .woocommerce-variation-price > span.price > div.price{
        height: 62.4px;
        left: 0;
        bottom: 0;
        z-index: 99;
        background: #fff;
        padding: 6px 0;
        border-right: none;
        flex-direction: column;
        justify-content: center;
    }
    .woocommerce-variation-price > span.price > div.price  del{
        margin: 0;
        font-size: 12px;
    }
    .woocommerce-variation-price > span.price > div.price  ins{
        font-size: 20px !important;
    }
    .single-article-header{
        text-align: center;
    }
    .single-article-header h1{
        line-height: 1.5;
    }
    .single-article-header i{
        display: none;
    }
    .spm-comment-item img{
        display: none;
    }
    .sci-content{
        width: 100%;
        margin-right: 0;
    }
    .mks-dashboard-img {
        width: 80px;
        height: 80px !important;
    }
    .mks-cart-coupon {
        display: block;
        width: 100%;
        margin: 12px 0 0;
        padding: 0;
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 14px;
        overflow: hidden;
    }
    .mks-cart-coupon__inner {
        width: 100%;
        gap: 0;
    }
    .mks-cart-coupon__toggle {
        padding: 13px 14px;
        font-size: 13.5px;
        font-weight: 700;
        color: #0f172a;
        background: #f8fafc;
    }
    .mks-cart-coupon__toggle-main i {
        color: var(--mks-color-primary, #0d9488);
        font-size: 15px;
    }
    .mks-cart-coupon__panel {
        display: none;
        padding: 0 14px 14px;
        background: #fff;
    }
    .mks-cart-coupon.is-open .mks-cart-coupon__panel {
        display: block;
    }
    .mks-cart-coupon.is-open .mks-cart-coupon__toggle {
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        background: #fff;
    }
    .mks-cart-coupon__field {
        flex-wrap: nowrap;
        gap: 8px;
        margin-top: 12px;
    }
    .mks-cart-coupon input,
    .mks-cart-coupon .mks-cart-coupon__input {
        width: auto !important;
        flex: 1;
        min-width: 0;
    }
    .mks-cart-coupon .mks-cart-coupon__btn {
        flex-shrink: 0;
        padding: 10px 14px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
        border-color: var(--mks-color-primary, #0d9488) !important;
        color: var(--mks-color-primary, #0d9488) !important;
    }
    .mks-cart-coupon input[name=coupon_code],
    .mks-cart-coupon .mks-cart-coupon__input {
        border-radius: 10px;
        padding: 11px 12px !important;
        font-size: 13px;
        border: 1px solid rgba(15, 23, 42, 0.12);
        background: #fff;
    }
    
    /* Mobile Cart Styles */
    .cart-title {
        font-size: 20px;
        margin: 15px 0;
    }
    
    .cart-title i {
        font-size: 20px;
        margin-left: 6px;
    }

    .mks-cart-items-container {
        padding: 0 10px;
    }
    .mks-cart-items-container .mks-cits {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0 0 10px;
        padding: 12px;
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 14px;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    }
    .mks-cart-items-container .mks-cits:last-child {
        margin-bottom: 0;
    }
    .mobile-cart-item-t-section {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        padding: 0;
    }
    .mobile-cart-item-t-section img {
        width: 64px;
        height: 64px !important;
        object-fit: contain;
        border-radius: 10px;
        background: #f8fafc;
        border: 1px solid rgba(15, 23, 42, 0.06);
        flex-shrink: 0;
        margin: 0;
    }
    .mobile-cart-item-t-section span {
        flex: 1;
        min-width: 0;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.65;
        color: #0f172a;
        text-align: right;
    }
    .mobile-cart-item-t-section span a {
        color: inherit;
        text-decoration: none;
    }
    .mobile-cart-item-b-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 0 0;
        margin: 0;
        border-top: 1px solid rgba(15, 23, 42, 0.06);
    }
    .mobile-cart-item-b-section > div:nth-child(2) {
        margin-right: 0;
    }
    .mobile-cart-item-b-section .mks-cart-price,
    .mobile-cart-item-b-section .mks-cart-line-total {
        flex: 1;
        min-width: 0;
        text-align: right;
        font-size: 13.5px;
        font-weight: 700;
        color: #0f172a;
    }
    .mobile-cart-item-b-section .mks-cart-line-total .woocommerce-Price-amount,
    .mobile-cart-item-b-section .mks-cart-line-total .woocommerce-Price-amount bdi {
        font-size: 13.5px !important;
        font-weight: 700;
        color: #0f172a;
    }
    .mks-cart-items-container .mobile-cart-item-b-section .mks-cart-qty .spm-simple-qty {
        min-height: 34px;
        border-radius: 10px;
    }
    .mks-cart-items-container .mobile-cart-item-b-section .mks-cart-qty .spm-decrement-cart,
    .mks-cart-items-container .mobile-cart-item-b-section .mks-cart-qty .spm-increment-cart {
        width: 32px;
        min-width: 32px;
    }
    .mks-cart-items-container .mobile-cart-item-b-section .mks-cart-qty .quantity input.qty {
        width: 36px !important;
        height: 34px !important;
        min-height: 34px;
        font-size: 13.5px !important;
        font-weight: 700;
    }
    .mks-cart-items-container .mobile-cart-item-b-section .mks-cart-item-remove {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        color: #e11d48 !important;
        background: #fff1f2;
        border-color: #fecdd3;
    }
    
    .mks-cart-table {
        border-radius: 16px;
    }
    
    .mks-cart-totals-container {
        position: static;
        margin-top: 12px;
        padding: 0 10px 8px;
    }

    .mks-cart-summary-wrap {
        border-radius: 14px;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
        border: 1px solid rgba(15, 23, 42, 0.08);
        overflow: hidden;
    }

    .mks-cart-summary__header {
        padding: 14px;
        gap: 10px;
    }

    .mks-cart-summary__icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 15px;
        background: rgba(13, 148, 136, 0.1);
        color: var(--mks-color-primary, #0d9488);
    }

    .mks-cart-summary__title {
        font-size: 14px;
        font-weight: 800;
        color: #0f172a;
    }

    .mks-cart-summary__row,
    .mks-cart-total-table tr {
        padding: 12px 14px;
        gap: 10px;
        align-items: flex-start;
    }

    .mks-cart-summary .mks-cart-total-table tr th {
        font-size: 12.5px !important;
        font-weight: 600 !important;
        color: #64748b !important;
        line-height: 1.6;
    }

    .mks-cart-summary .mks-cart-total-table tr td {
        font-size: 13px !important;
        font-weight: 700;
        color: #0f172a;
        line-height: 1.6;
    }

    .mks-cart-summary__checkout {
        padding: 12px 14px 14px;
    }

    .mks-cart-summary__checkout .checkout-button {
        font-size: 14.5px !important;
        font-weight: 800;
        padding: 13px 16px !important;
        border-radius: 12px !important;
    }

    .mks-cart-totals-container {
        margin-bottom: 4px;
    }

    .mks-cart-total-table {
        border-radius: 0;
    }

    .mks-cart-total-table tr.mks-cart-coupon-row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .mks-cart-total-table tr.mks-cart-coupon-row th,
    .mks-cart-total-table tr.mks-cart-coupon-row td {
        padding: 0;
        width: 100%;
        text-align: right;
    }

    .mks-shipping-note {
        max-width: none;
        width: 100%;
        font-size: 11.5px;
        line-height: 1.7;
        padding: 8px 10px;
        border-radius: 10px;
    }

    .mks-cart-summary .mks-cart-total-table tr.woocommerce-shipping-totals,
    .mks-cart-summary .mks-cart-total-table tr.shipping {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .mks-cart-summary .mks-cart-total-table tr.order-total td strong span bdi,
    .mks-cart-summary .mks-cart-total-table tr.order-total td strong span bdi span {
        font-size: 17px !important;
    }

    .mks-cart-coupon-row__value {
        justify-content: space-between;
        width: 100%;
    }
    
    .mks-cart-img {
        border-radius: 8px;
    }
    
    .mks-cart-name a {
        font-size: 14px;
    }
    .mks-checkout-review{
        margin: 10px 0;
    }
    .btn-coupon {
        padding: 10px 15px !important;
        font-size: 13px;
    }
    .mks-thank-you-info-list{
        display: inline-grid;
    }
    .mks-thank-you-info-list li {
        font-size: 12px !important;
        padding: 5px 15px !important;
        border-left: none !important;
        margin-left: 0 !important;
        border-bottom: solid 1px #ddd;
    }
    .single-article{
        margin: 0 0 16px;
    }
    .breadcrumb{
        height: auto;
    }
    .acm-img {
        height: 150px;
    }
    .acm-meta span {
        text-align: center;
    }
    .pg-items{
        width: 60px !important;
        height: 60px !important;
    }
    .tab-icons{
        font-size: 12px;
        margin-left: 0;
        display: block;
    }
    .p-tabs-links{
        padding: 8px !important;
        font-size: 13px !important;
    }
    .spm-comments h3{
        font-size: 15px;
    }
    .btn-back-to-top,
    .footer-logo,
    .mks-footer-back-top,
    .mks-footer-top {
        display: none !important;
    }
    
    .acm-short-desc{
        height: 70px;
        overflow: hidden;
    }
    .product-slider-item {
        padding: 12px;
    }

    .mks-product-card {
        padding: 10px;
        border-radius: 14px;
    }

    .mks-product-card__media > img,
    .mks-product-card .mks-archive-product-image img,
    .mks-product-card .mks-archive-product-gallery .mks-archive-gallery-viewport {
        height: 190px !important;
        padding: 10px;
    }

    .mks-product-card .mks-archive-product-gallery .mks-archive-gallery-slide img {
        height: 190px !important;
    }

    .mks-product-card .product-slider-item-title {
        min-height: 40px;
        max-height: 40px;
        font-size: 12px;
    }

    .mks-product-card .price ins {
        font-size: 14px;
    }

    .mks-product-card .psi-gc {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }
    
    .product-slider-item-discount-percent {
        height: 43px;
        width: 39px;
        right: 8px;
        top: -6px;
        font-size: 13px;
        display: block;
        line-height: 48px;
    }
    
    .price {
        margin-top: 8px;
    }
    
    .price del {
        font-size: 13px;
    }
    
    .price ins {
        font-size: 14px;
    }
    .mks-cart-empty__card {
        padding: 36px 20px 32px;
        min-height: 360px;
        border-radius: 16px;
    }

    .mks-cart-empty__icon {
        width: 64px;
        height: 64px;
    }

    .mks-cart-empty__icon i {
        font-size: 26px;
    }

    .mks-cart-empty__illustration {
        width: min(180px, 62vw);
        margin-bottom: 16px;
    }

    .mks-cart-empty__desc,
    .cart-empty-section p {
        font-size: 14px;
        margin-bottom: 22px;
    }

    .mks-cart-empty__btn,
    .cart-empty-section a {
        min-width: 100%;
        max-width: 320px;
    }
    .mobile-login-main .form-group label{
        margin: 15px 0 10px;
    }
    .mks-login-logo{
        margin-bottom: 1rem;
    }
    .m-login-logo{
        width: 150px;
        height: auto;
        margin: 5px auto;
    }
    .mlm-title{
        margin-bottom: 0;
        font-size: 20px;
    }
    .cp-content{
        padding: 5px 10px;
        margin: 0 0 16px;
    }
    .cmp-back{
        margin: 16px 0;
    }
    .spm-cip{
        padding: 0;
    }
    .spm-increment, .spm-decrement{
        padding: 5px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }
    .spm-decrement i, .spm-increment i{
        font-size: 13px;
    }
    .spm-form-add-to-cart .quantity input{
        font-size: 20px;
    }
    .mobile-cart-item-b-section a i{
        font-size: 22px;
    }
    .spm .spm-simple-qty{
        border-radius: 0 11px 11px 0;
        border: solid 1px #e9e9e9;
    }
    .ssq{
        border: none;
        border-radius: 0;
    }
    .btn-add-to-cart{
        padding: 8px 10px;
        font-size: 15px;
        border-radius: 11px 0 0 11px;
    }
    .stock-sd{
        padding: 5px;
        font-size: 15px;
    }
    .stock-sd i{
        vertical-align: sub;
    }
    .breadcrumb{

    }
    .top-banners-slider-title{
        max-height: 30px;
        overflow: hidden;
        font-size: 10px;
    }
    .silva-fa li{
        font-size: 14px;
    }
    .silva-fa li span:last-child{
        font-size: 13px;
    }
    .silva-fa li span i{
        font-size: 19px;
        vertical-align: sub;
        margin-left: 5px;
    }
    .silva_sr{
        font-size: 13px;
        padding: 3px 5px;
    }
    .footer-logo{
        width: 130px;
        margin: 0 auto;
        display: block;
    }
    .amazing-image{
        padding: 37px 15px 10px !important;
    }
    .amazing-image > img{
        width: 70% !important;
    }
    .amazing-info {
        padding: 10px;
    }
    .amazing-width-flag {
        position: relative;
        top: -48px;
        right: 0;
        display: inline-flex;
        justify-content: center;
    }
    .amazing-slider-item-discount-percent{
        display: none;
    }
    .amazing-slider-item-title{
        height: 60px;
        overflow: hidden;
    }
    .amazing-price {
        margin: 10px 0;
    }
    .acm {
        margin: 0 0 20px;
        direction: ltr;
        font-size: 25px;
        font-weight: 600;
        border-top: none;
        padding: 0;
    }
    .acm p {
        font-size: 14px;
        font-weight: 100;
        color: #878787;
        border-bottom: solid 1px #ddd;
        padding-bottom: 8px;
        margin: 0 0 10px 0;
    }
    .amazing .owl-dots{
        padding: 9px 5px 15px;
    }
    .amazing .owl-dots .owl-dot{
        background: #FFFFFF;
        border: solid 1px #939393;
    }
    .amazing .owl-dots .active {
        background: #d85a66;
        border: solid 3px #d85a66;
    }
    .amazing-price > div.price{
        display: inline-flex;
    }
    .amazing-price > div.price del,ins{
        margin: auto 0;
    }
    .amazing-price > div.price > del > span{
        font-size: 14px;
    }
    .amazing-price > div.price > ins > span{
        font-size: 18px;
        margin-right: 15px;
    }
    .acm-meta span i{
        margin-right: 0;
        display: block;
    }
    .mks-custom-attributes {
        min-height: auto;
    }
    .modal-title {
        font-size: 13px;
        font-weight: bold;
    }
    .category-boxes-item-nt {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        padding: 0 10px;
    }
    
    /* Mobile Brand Styles */
    .mks-ntb-card {
        margin: 15px 0;
        border-radius: 12px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    }
    
    .mks-ntb-card-header {
        padding: 12px 16px;
    }
    
    .mks-nch {
        gap: 10px;
    }
    
    .mks-nch h3 {
        font-size: 18px;
    }
    
    .mks-nch i {
        font-size: 24px;
    }
    
    .mks-nch h3 small {
        font-size: 12px;
    }
    
    .mks-bst-2-img {
        height: 80px !important;
        padding: 8px;
        margin: 4px;
        border-radius: 12px;
    }
    
    .brands-slider img {
        height: 80px !important;
        padding: 8px;
        margin: 4px;
        border-radius: 12px;
    }
    
    .brands-slider .owl-stage-outer {
        padding: 8px 0 !important;
    }
    
    /* Mobile Header Styles */
    .dm-header {
        border-radius: 12px;
        margin: 10px 0;
    }
    
    .dmh-search {
        border-radius: 16px;
        margin-top: 10px;
    }
    
    .dmh-search input {
        padding: 18px 55px 12px 15px;
        font-size: 14px;
    }
    
    .dmh-search-button {
        padding: 8px 10px;
        border-radius: 12px;
    }
    
    .mks-btn {
        padding: 10px;
        font-size: 13px;
    }
    
    .mdh-cart {
        padding: 6px 10px;
        border-radius: 16px;
    }
    
    .dm-second > ul > li > a {
        padding: 10px 16px;
        font-size: 13px;
    }
    .articles-carousel a img,
    .mks-article-card__media,
    .mks-article-card__media img{
        height: 120px;
        min-height: 120px;
    }
    .articles-carousel a p,
    .mks-article-card__title{
        height: auto;
        overflow: hidden;
        font-size: 11px;
        margin-bottom: 0;
    }
    .articles-carousel a,
    .mks-article-card{
        border-radius: 12px;
        min-height: 220px;
    }
    .mks-aoi-nt2-countdown .mks-ccd span,
    .mks-aoi-nt2-countdown .mks-ccd span:after{
        font-size: 13px;
    }
    .show-all-articles i {
        font-size: 20px;
    }
    .woocommerce-notices-wrapper{
        margin: 0 !important;
    }
    .ca-orders-tabs li button{
        padding: 10px !important;
        font-size: 14px;
    }
    .ca-orders-tabs .active{
        font-size: 14px;
    }
    .cr-s-label i{
        font-size: 16px;
    }
    .btn-submit-comment{
        padding: 7px 12px;
    }
    .footer-newsletter{
        justify-content: center;
    }
    .mks-original-guaranty{
        top: -19px;
        left: 0;
    }
    .mks-original-guaranty img{
        width: 68px;
    }
    .woocommerce-product-gallery__trigger{
        position: absolute;
        right: 6px;
        top: 55px;
        z-index: 1;
    }
    .mobile-login-main{
        
    }
    .product-slider-item-title{
        margin: 13px 0 0;
        font-size: 12px;
    }
    .quantity-alert{
        padding: 5px;
    }
    .spm-form-add-to-cart .quantity input{
        padding: 0;
    }
    .limited-box{
        font-size: 14px;
    }
    .limited-box > h1:first-child,
    .limited-box > h2:first-child,
    .limited-box > h3:first-child{
        font-size: 18px;
        line-height: 29px;
        font-weight: 800;
    }
    .sci-content div:first-child span{
        font-size: 14px;
    }
    #commentform a.btn-primary{
        font-size: 15px !important;
        border-radius: 10px;
        margin-bottom: 15px !important;
    }
    .btn-organizational-purchase i{
        font-size: 20px;
    }
    .btn-organizational-purchase > span{
        font-size: 14px;
    }
    .btn-organizational-purchase > span > small{
        font-size: 11px;
    }
    .price-out-of-stock{
        font-size: 12px;
    }
    .sci-content p{
        font-size: 13px;
    }
    .sci-content span:last-child{
        font-size: 12px;
    }
    .sci-content div:first-child{
        display: block;
    }
    .sci-content div:first-child .spt-rating{
        margin: 10px 0;
        font-size: 20px;
    }
    .table>:not(caption)>*>*{
        font-size: 12px;
    }
    .mobile-cart-item-b-section div{
        font-size: 12px;
    }
    .mobile-cart-item-b-section div bdi{
        direction: rtl !important;
        font-size: 14px !important;
    }
    .mks-cart-coupon button[name=apply_coupon],
    .mks-cart-coupon .mks-cart-coupon__btn{
        font-size: 12px;
        padding: 8px 14px !important;
    }
    .mks-cart-coupon input[name=coupon_code],
    .mks-cart-coupon .mks-cart-coupon__input{
        padding: 8px 14px !important;
        border-radius: 12px;
    }
    
    /* Tablet Cart Styles */
    .cart-title {
        font-size: 22px;
        margin: 18px 0;
    }
    
    .cart-title i {
        font-size: 22px;
        margin-left: 7px;
    }
    
    .mks-cart-table {
        border-radius: 18px;
        /* box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1); */
    }
    
    .mks-cart-total-table {
        border-radius: 18px;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
    }
    
    .mks-cart-img {
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }
    
    .mks-cart-name a {
        font-size: 15px;
    }
    .checkout-button{
        font-size: 16px !important;
        padding: 15px 25px !important;
    }
    .woocommerce form .form-row label{
        font-size: 14px;
    }
    .mks-billing-fields input, select, textarea,
    .select2-container .select2-selection--single .select2-selection__rendered{
        font-size: 13px;
    }
    .mks-billing-fields-h3, #order_review_heading{
        padding: 7px 5px 16px 16px;
        font-size: 15px;
    }
    .mks-checkout-coupon__toggle-text {
        font-size: 13px;
    }
    /* Modern Mobile Slider Tab Styles */
    .mks-slider-tab::before {
        height: 2px;
    }
 
    
    .mks-slider-tab .nav-tabs .nav-link {
        padding: 4px 8px;
        font-size: 13px;
        font-weight: 600;
        margin-left: 4px;
        border-radius: 8px;
        border-width: 1px;
    }
    
    .mks-slider-tab .nav-tabs .nav-link:hover {
        transform: translateY(0);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .mks-slider-tab .nav-tabs .nav-link.active {
        transform: translateY(0);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
    }
    
    .mks-slider-tab .tab-content {
        padding-top: 16px;
    }
    
    .mks-slider-tab .sliders-show-more {
        padding: 12px 0 0;
    }
    
    /* Mobile accessibility improvements */
    .mks-slider-tab .nav-tabs .nav-link:focus {
        box-shadow: 0 0 0 2px rgba(219, 49, 78, 0.3);
    }
    
    /* Touch-friendly tap targets */
    .mks-slider-tab .nav-tabs .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Improved mobile animations */
    .mks-slider-tab .tab-pane {
        animation: fadeInUp 0.3s ease-out;
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
   
    .price del{
        font-size: 11px;
    }
    .price ins{
        font-size: 13px;
    }
    .spm-comment-item{
        padding: 0;
        border: none;
    }
    .mks-spt{
        padding: 7px 14px;
    }
    .mks-special-sale-text{
        font-size: 13px;
    }
    #mks-aac-modal .mks-modal-content{
        width: 100% !important;
        position: absolute !important;
        min-width: auto;
        bottom: 0 !important;
        right: 0;
        left: 0;
        border-radius: 16px 16px 0 0 !important;
        margin: 0 !important;
    }
    .mks-dashboard-icons span{
        font-size: 12px;
    }
    .mks-amazing-section{
        padding: 0 10px;
    }
    .top-of-header-ad{
        padding: 6px 15px;
    }
    .top-of-header-ad h3{
        font-size: 17px;
    }
    .top-of-header-ad p{
        font-size: 12px;
    }
    .mks-sbn{
        display: none;
    }
    .top-banners-slider-img{
        height: 68.77px;
        width: 68.77px !important;
    }
}

@media only screen and (min-width: 350px) and (max-width: 768px) {
    .socials-title{
        font-size: 15px;
        margin: 5px 0;
    }
    .footer-social img{
        width: 40px;
        height: 40px;
    }
    .footer-social{
        margin: 10px 0 10px;
    }
    .row > .mks_pbi_banner,
    .mks_pbi_categories {
        padding-left: 5px;   /* کمترین فاصله بین خودشون */
        padding-right: 5px;
      }
    .mks-amazing-section a{
        display: inline-flex;
        font-size: 13px;
    }
    .mks-amazing-section a i {
        margin-right: 5px;
    }
    
   
    .form-group{
        margin-bottom: 10px;
    }
    .product-slider .product-slider-item:not(.mks-product-card),
    .amazing-nt .mks-aot-nt-item
    {
         border-left: solid 1px #e9e9e9e9;
    }
    .product-slider .swiper-slide:last-child .product-slider-item:not(.mks-product-card){
        border-left: solid 1px #e9e9e9;
    }
    .swiper-wrapper{
        margin-top: 5px !important;
        padding: 0;
    }
    .mks_pbi_productSlider .col-lg-6{
        padding: 0 !important;
    }

    .mks-page-builder-layout{
        gap: 20px;
        margin: 10px 0 32px;
    }

    .mks-page-builder-layout--flush-top{
        margin-top: 0;
    }

    .mks-page-builder-layout--flush-top .mks-pb-full-width--slider .main-slider,
    .mks-page-builder-layout--flush-top .main-slider.main-slider--edge,
    .mks-page-builder-layout .mks_pbi_slider.mks-pb-full-width--slider .main-slider{
        border-radius: 0 !important;
        margin-top: 0;
    }

    .mks-page-builder-layout .mks-pb-row{
        row-gap: 16px;
    }

    .mks-page-builder-layout .mks_pbi_productSlider:has(.mks-pb-section-header),
    .mks-page-builder-layout .mks_pbi_tabSlider .mks-slider-tab,
    .mks-page-builder-layout .mks_pbi_brands,
    .mks-page-builder-layout .mks_pbi_slider .main-slider,
    .mks-page-builder-layout .mks_pbi_banner .mks-pb-banner,
    .mks-page-builder-layout .mks_pbi_productSlider .amazing-offer-nt-section,
    .mks-page-builder-layout .mks_pbi_articles .articles-nt-section{
        border-radius: 14px;
    }

    .mks-page-builder-layout .mks_pbi_categories{
        padding: 0;
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .mks-pb-category-item {
        gap: 8px;
        padding: 0 2px;
    }

    .mks-pb-category-item__media {
        width: min(72px, 100%);
        height: auto;
        aspect-ratio: 1 / 1;
        padding: 6px;
    }

    .mks-pb-category-item__title {
        font-size: 11px;
        line-height: 1.35;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mks-pb-category-chip {
        font-size: 12px;
        padding: 10px 12px;
        white-space: normal;
        text-align: center;
        line-height: 1.35;
    }

    .mks-page-builder-layout .mks_pbi_productSlider:has(.mks-pb-section-header),
    .mks-page-builder-layout .mks_pbi_productSlider .amazing-offer-nt-section,
    .mks-page-builder-layout .mks_pbi_tabSlider .mks-slider-tab,
    .mks-page-builder-layout .mks_pbi_brands{
        padding: 14px 10px 10px;
        border-radius: 14px;
        width: 100%;
        box-sizing: border-box;
    }

    .mks-page-builder-layout .mks-pb-section-header{
        margin-bottom: 12px;
        padding-bottom: 10px;
        gap: 10px;
    }

    .mks-page-builder-layout .mks-pb-section-header::after{
        width: 56px;
    }

    .mks-page-builder-layout .mks-pb-section-header .sections-title{
        gap: 8px;
    }

    .mks-page-builder-layout .mks-pb-section-header .sections-title__accent{
        height: 18px;
        width: 3px;
    }

    .mks-page-builder-layout .mks-pb-section-header .sections-title b{
        font-size: 15px;
    }

    .mks-page-builder-layout .mks-pb-section-header .sliders-show-more{
        font-size: 12px;
        padding: 5px 10px;
    }

    .mks-page-builder-layout .mks_pbi_banner .mks-pb-banner:hover{
        transform: none;
    }
    .mks_pbi_categories .mks-pb-categories-section{
        margin: 0;
        padding: 2px 0;
    }
    .mks-thankyou-container .product-slider-item .price{

    }
    .mks-orders-table tbody tr td{
        padding: .5rem .5rem;
    }
    .mks-orders-table thead tr th:first-child,
    .mks-orders-table thead tr th:last-child,
    .mks-orders-table tbody tr:last-child td:first-child,
    .mks-orders-table tbody tr:last-child td:last-child,
    .mks-orders-table{
        border-radius: 0;
        margin: 0;
    }
    .mks-thankyou-container{
        padding: 0 !important;
    }
    .alert{
        padding: 10px 15px;
    }
    .mks-checkout-coupon__toggle-link {
        padding: 12px 14px;
        gap: 10px;
    }

    .mks-checkout-coupon__toggle-text {
        font-size: 13px;
    }

    .mks-checkout-coupon__field {
        flex-direction: column;
    }

    .mks-checkout-coupon__btn {
        width: 100%;
    }

    .woocommerce-form-coupon-toggle{
        margin: 10px 0 0 0;
    }
    .mks-checkout-form-container{
        padding: 0 !important;
    }
    .mks-checkout-form-container .mks-checkout-form{
        border-radius: 0 !important;
        padding: 0;
        border-width: 1px;
    }

    .mks-checkout-form .mks-checkout-section__header,
    .mks-checkout-review .mks-checkout-section__header {
        padding: 14px 16px 12px;
    }

    .mks-checkout-form .mks-checkout-section__icon,
    .mks-checkout-review .mks-checkout-section__icon {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .mks-checkout-form .mks-checkout-section__title,
    .mks-checkout-form .mks-billing-fields-h3,
    .mks-checkout-review .mks-checkout-section__title,
    .mks-checkout-review #order_review_heading {
        font-size: 15px;
    }

    .mks-checkout-form .mks-checkout-fields-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px;
        padding: 14px 12px 16px;
    }

    .mks-checkout-form .mks-checkout-fields-grid > p,
    .mks-checkout-form .mks-checkout-fields-grid > .form-row,
    .mks-checkout-form .mks-billing-fields > p {
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        clear: none !important;
        min-width: 0;
        margin: 0 !important;
        grid-column: auto !important;
    }

    .mks-checkout-form .mks-checkout-fields-grid #billing_first_name_field,
    .mks-checkout-form .mks-checkout-fields-grid #billing_last_name_field,
    .mks-checkout-form .mks-checkout-fields-grid #billing_state_field,
    .mks-checkout-form .mks-checkout-fields-grid #billing_city_field,
    .mks-checkout-form .mks-checkout-fields-grid #billing_postcode_field,
    .mks-checkout-form .mks-checkout-fields-grid #billing_phone_field {
        grid-column: auto !important;
    }

    .mks-checkout-form .mks-checkout-fields-grid #billing_address_1_field,
    .mks-checkout-form .mks-checkout-fields-grid #order_comments_field {
        grid-column: 1 / -1 !important;
    }

    .mks-checkout-form .woocommerce-billing-fields label,
    .mks-checkout-form .mks-billing-fields label {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .mks-checkout-form .mks-billing-fields input,
    .mks-checkout-form .mks-billing-fields select,
    .mks-checkout-form .mks-billing-fields textarea,
    .mks-checkout-form .woocommerce form .form-row .input-text {
        min-height: 42px;
        padding: 9px 10px !important;
        font-size: 13px;
        border-radius: 10px !important;
    }

    .mks-checkout-form .select2-container .select2-selection--single {
        min-height: 42px;
        border-radius: 10px !important;
    }

    .mks-checkout-form .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
        line-height: 30px;
    }

    .mks-checkout-form .select2-container .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }
    .mks-checkout-form-container .mks-checkout-review{
        border-radius: 0;
        padding: 0;
        margin-top: 30px;
        border-width: 1px;
        position: static;
        top: auto;
    }

    .mks-checkout-review__body {
        padding: 0 16px 16px;
    }

    .mks-checkout-review .mks-checkout-totals-table tfoot tr {
        padding: 9px 0;
    }

    .mks-checkout-review .mks-checkout-btn,
    .mks-checkout-review .payment-checkout-button {
        font-size: 15px !important;
        padding: 14px 20px !important;
    }
    .mks-cart-totals-container .wc-proceed-to-checkout{
        padding: 0;
    }
    .mks-cart-totals-container{
        padding: 0 10px 8px;
    }
    .mks-cart-totals-container .mks-cart-summary-wrap,
    .mks-cart-totals-container .radius-8{
        border-radius: 14px;
    }
    .mks-cart-items-container{
        padding: 0 10px;
    }
    .mks-cart-items-container .mks-cits{
        border-radius: 14px;
        margin: 0 0 10px;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }
    .mks-cart-items-container .mks-cits:last-child{
        margin-bottom: 0;
    }
    .mks-profile-container .cmp-items{
        margin: 0;
    }
    .mks-profile-container .mkd-hero{
        border-radius: 0;
        margin-bottom: 0;
    }
    .mks-profile-container .mkd-stats{
        gap: 0;
        border-radius: 0;
    }
    .mks-profile-container .mkd-stat{
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        animation: none;
    }
    .mks-profile-container .mkd-stat:hover{
        transform: none;
        box-shadow: none;
    }
    .mks-profile-container .mku-nav--dashboard{
        margin-top: 12px;
        gap: 10px;
        padding: 0 4px 8px;
    }
    .mks-profile-container .mku-nav--dashboard .mku-nav__item{
        border-radius: 16px;
        border: 1px solid #eef0f6;
        animation: none;
    }
    .mks-profile-container .mku-nav--dashboard .mku-nav__item:hover{
        transform: translateY(-2px);
        box-shadow: 0 8px 18px color-mix(in srgb, var(--mks-color-primary, #7352ac) 12%, transparent);
    }
    .mks-profile-container .mks-favorites-page__header{
        border-radius: 0;
        margin-bottom: 0;
        border-left: none;
        border-right: none;
    }
    .mks-profile-container .mks-favorites-grid{
        gap: 0;
    }
    .mks-profile-container .mks-favorite-card{
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        animation: none;
    }
    .mks-profile-container .mks-favorite-card:hover{
        transform: none;
        box-shadow: none !important;
        border-color: #eef0f6 !important;
    }
    .mks-profile-container .mks-favorites-empty{
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    /* Stock notify: readable mobile spacing (override profile zero-gap) */
    .mks-profile-container .mks-stock-notify-page .mks-favorites-page__header{
        margin-bottom: 14px;
        padding: 14px 14px 16px;
        gap: 12px;
    }
    .mks-profile-container .mks-stock-notify-page .mks-favorites-container{
        padding: 0 12px 20px;
    }
    .mks-profile-container .mks-stock-notify-page .mks-favorites-grid{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .mks-profile-container .mks-stock-notify-page .mks-favorite-card{
        display: grid;
        grid-template-columns: 110px 1fr;
        border-radius: 14px;
        border: 1px solid #eef0f6;
        overflow: hidden;
    }
    .mks-profile-container .mks-stock-notify-page .mks-favorite-card:hover{
        border-color: #eef0f6 !important;
    }
    .mks-profile-container .mks-edit-account-content{
        padding: 0 10px;
    }
    .mks-profile-container{
        padding: 0 !important;
    }
    .mks-profile-container .cmp-back{
        display: flex;
        width: 100%;
        box-sizing: border-box;
        gap: 12px;
        margin: 0;
        padding: 12px 14px;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #eef0f6;
        background: #fff !important;
        box-shadow: none;
        font-size: 14px;
        font-weight: 600;
        color: #1e293b;
    }
    .mks-profile-container .cmp-back__icon{
        width: 36px;
        height: 36px;
        border-radius: 11px;
        background: color-mix(in srgb, var(--mks-color-primary, #7352ac) 12%, #fff);
        color: var(--mks-color-primary, #7352ac);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mks-color-primary, #7352ac) 10%, transparent);
    }
    .mks-profile-container .cmp-back i{
        font-size: 15px;
        margin: 0;
    }
    .mks-profile-container .cmp-back:active .cmp-back__icon{
        transform: translateX(3px);
        background: color-mix(in srgb, var(--mks-color-primary, #7352ac) 18%, #fff);
    }
    .mks-profile-container .cp-content{
        border-radius: 0;
        padding: 12px;
    }
    .mks-profile-container .mks-orders-header{
        margin-bottom: 14px;
        padding-bottom: 12px;
    }
    .mks-profile-container .mks-orders-title{
        font-size: 17px;
    }
    .mks-profile-container .ca-orders-tabs{
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        padding: 4px;
        border-radius: 12px;
        width: 100%;
    }
    .mks-profile-container .ca-orders-tabs .nav-item{
        min-width: 0;
        flex: 1 1 0;
        max-width: none;
    }
    .mks-profile-container .ca-orders-tabs .nav-link{
        width: 100%;
        flex-direction: column;
        gap: 4px;
        padding: 10px 4px;
        font-size: 11px;
        white-space: nowrap;
    }
    .mks-profile-container .ca-orders-tabs .nav-link i{
        font-size: 16px;
    }
    .mks-profile-container .c-order-item{
        border-radius: 0;
        margin: 0;
        padding: 10px;
    }
    .mks-profile-container .c-order-item__facts{
        flex-direction: column;
    }
    .mks-profile-container .c-order-item__facts li{
        border-left: none;
        border-top: 1px solid #e8ecff;
        text-align: right;
        padding: 8px 10px;
        font-size: 11px;
    }
    .mks-profile-container .c-order-item__facts li:first-child{
        border-top: none;
    }
    .mks-profile-container .c-order-item__actions{
        gap: 6px;
    }
    .mks-profile-container .c-order-item__action{
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        padding: 7px 8px;
        font-size: 11px;
    }
    .mks-profile-container .c-order-product{
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 8px;
    }
    .mks-profile-container .c-order-product__thumb{
        width: 42px;
        height: 42px;
        grid-row: 1 / span 2;
    }
    .mks-profile-container .c-order-product__price{
        grid-column: 2;
        text-align: right;
        white-space: normal;
    }
    .mks-profile-container .mks-payment-invoice-box__actions{
        flex-direction: column;
        align-items: stretch;
    }
    .mks-profile-container .mks-invoice-box-btn,
    .mks-profile-container .mks-invoice-delete-form,
    .mks-profile-container .mks-invoice-delete-form button{
        width: 100%;
    }
    .spm-comments .mks-comments-scroll {
        margin: 0 -4px;
        padding: 2px 4px 4px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content div:first-child span{
        font-size: 13px !important;
        font-weight: 700;
        color: #0f172a;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content p,
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content .mks-comment-text-preview{
        font-size: 12.5px !important;
        font-weight: 400;
        line-height: 1.75;
        color: #334155;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content{
        height: 100%;
        min-height: 0;
        padding: 14px 14px 12px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content .mks-comment-text-wrapper p{
        max-height: 100%;
    }
    .spm-comments .mks-comments-scroll .mks-comment-read-more{
        font-size: 11.5px !important;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content .spt-rating,
    .spm-comments .mks-comments-scroll .spm-comment-item .sci-content .spt-rating span{
        font-size: 12px !important;
    }
    .spm-comments .mks-comments-scroll .mks-spca-date,
    .spm-comments .mks-comments-scroll .mks-spca-date span{
        font-size: 10px !important;
    }
    /* AI summary card – mobile readability */
    .spm-comments .mks-comments-scroll .swiper-slide:has(.mks-ai-comments-summary-text) .spm-comment-item {
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    }
    .spm-comments .mks-comments-scroll .ai-comments-summary-title {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        font-size: 13.5px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin-bottom: 4px;
    }
    .spm-comments .mks-comments-scroll .ai-comments-summary-title svg {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }
    .spm-comments .mks-comments-scroll .mks-ai-comments-summary-text {
        font-size: 12.5px !important;
        font-weight: 400;
        line-height: 1.85 !important;
        color: #334155 !important;
        -webkit-line-clamp: 5;
        margin: 8px 0 12px !important;
        text-align: right;
    }
    .spm-comments .mks-comments-scroll .mks-ai-comments-summary-button {
        padding: 11px 14px;
        font-size: 13px;
        font-weight: 700;
        border-radius: 10px;
    }
    .spm-comments .mks-comments-scroll .mks-generated-by-ai {
        font-size: 10.5px !important;
        color: #94a3b8;
    }
    /* Modern comment card – responsive */
    .spm-comments .mks-comments-scroll .spm-comment-item,
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
        border-radius: 14px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card::before {
        width: 3px;
        opacity: 0.45;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-header {
        gap: 10px;
        margin-bottom: 10px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-avatar-initial {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-author {
        font-size: 12.5px;
        font-weight: 700;
        color: #0f172a;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .spt-rating.mks-comment-rating {
        font-size: 12px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-text-wrapper p,
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-text-preview {
        font-size: 12.5px;
        line-height: 1.75;
        -webkit-line-clamp: 4;
        color: #334155;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-footer {
        margin-top: 8px;
        padding-top: 8px;
        gap: 6px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-date {
        font-size: 10.5px;
        padding: 3px 8px;
    }
    .spm-comments .mks-comments-scroll .spm-comment-item.mks-comment-card .mks-comment-read-more {
        font-size: 11px;
        padding: 3px 6px;
    }
    .spm-comments .mks-comments-scroll .mks-comments-load-more-card {
        padding: 16px 14px;
        height: 230px;
        min-height: 230px;
        margin: 0;
        border-radius: 12px;
    }
    .spm-comments .mks-comments-scroll .mks-comments-load-more-card .mks-comments-scroll-more-link {
        padding: 10px 18px;
        font-size: 12px;
    }
    .mks-psc.col-lg-12,
    .mks-psc.col-md-12,
    .mks-psc.col-12,
    .mks-cart-cross-sells.col-lg-12{
        padding: 0;
    }

    .mks-psc-section {
        margin-bottom: 16px;
    }

    .mks-psc:not(.mks-cart-cross-sells) {
        margin-top: 24px;
        padding-top: 20px;
    }

    .mks-psc:not(.mks-cart-cross-sells) .mks-pb-section-header {
        margin-bottom: 12px;
        padding-bottom: 10px;
    }

    .mks-psc-section .sections-title {
        margin-bottom: 0;
    }

    .mks-psc-section .sections-title::before {
        display: none;
    }

    .mks-psc-section .sections-title__accent {
        display: none;
    }

    .mks-psc-section .sections-title b {
        font-size: 15px;
    }

    .mks-psc .spm-comments {
        margin-top: 28px;
    }

    .mks-psc .spm-comments::before {
        top: -14px;
    }

    .mks-psc .spm-comments::after {
        top: -15px;
    }

    .mks-cart-cross-sells {
        margin-top: 28px;
        padding-top: 8px;
    }

    .mks-cart-cross-sell-block + .mks-cart-cross-sell-block,
    .mks-cart-cross-sell-block + .container-fluid,
    .mks-cart-cross-sells > .container-fluid + .mks-cart-cross-sell-block {
        margin-top: 22px;
        padding-top: 20px;
    }

    .mks-cart-cross-sell-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 12px;
        margin-bottom: 14px;
    }

    .mks-cart-cross-sell-header__icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 15px;
        flex-shrink: 0;
        background: rgba(13, 148, 136, 0.1);
        color: var(--mks-color-primary, #0d9488);
    }

    .mks-cart-cross-sell-header__title {
        margin: 0;
        font-size: 13.5px;
        font-weight: 800;
        line-height: 1.65;
        color: #0f172a;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-slider {
        padding: 0 8px 6px;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card {
        border-radius: 14px;
        padding: 10px;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__media img {
        height: 130px !important;
        padding: 8px;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card .product-slider-item-title,
    .mks-cart-cross-sells .mks-cart-cross-sell-card .product-slider-item-title b {
        font-size: 12.5px;
        font-weight: 700;
        line-height: 1.65;
        color: #0f172a;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__footer {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__price {
        flex: 1;
        min-width: 0;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__price .price,
    .mks-cart-cross-sells .mks-cart-cross-sell-card__price .price ins,
    .mks-cart-cross-sells .mks-cart-cross-sell-card__price .woocommerce-Price-amount {
        font-size: 13px;
        font-weight: 700;
        color: #0f172a;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__atc-wrap {
        width: auto !important;
        flex-shrink: 0;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__atc {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
        gap: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        background: var(--mks-bg-soft, rgba(102, 126, 234, 0.08)) !important;
        color: var(--mks-color-primary, #7352ac) !important;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__atc-text {
        display: none !important;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__atc i {
        font-size: 15px !important;
        line-height: 1;
        color: inherit !important;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-card__atc:hover,
    .mks-cart-cross-sells .mks-cart-cross-sell-card__atc:active {
        transform: scale(1.05);
        opacity: 1;
        background: var(--mks-color-primary, #7352ac) !important;
        color: #fff !important;
        box-shadow: var(--mks-shadow, 0 4px 12px rgba(102, 126, 234, 0.25)) !important;
    }

    .mks-cart-cross-sells .mks-cart-cross-sell-slider__nav {
        display: none;
    }

    .mks-psc .product-slider .swiper-slide:first-child > .product-slider-item:not(.mks-product-card),
    .mks-psc .product-slider .swiper-slide:first-child > .mks-product-card,
    .mks-cart-cross-sells .product-slider .swiper-slide:first-child > .mks-cart-cross-sell-card{
        border-radius: 0 14px 14px 0;
    }
    .mks-psc .product-slider .swiper-slide:first-child{
        padding-right: 5px;
    }
    .mks-psc .product-slider .swiper-slide:last-child > .product-slider-item:not(.mks-product-card),
    .mks-psc .product-slider .swiper-slide:last-child > .mks-product-card,
    .mks-cart-cross-sells .product-slider .swiper-slide:last-child > .mks-cart-cross-sell-card{
        border-radius: 14px 0 0 14px;
    }
    
    .mks-psc .product-slider:has(.swiper-slide:nth-child(2)) .swiper-slide:last-child,
    .mks-cart-cross-sells .product-slider:has(.swiper-slide:nth-child(2)) .swiper-slide:last-child {
        padding-left: 10px;
    }
    
    .limited-box{
        margin-bottom: 15px;
    }
    .mks-product-container{
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .mks-product-container .spm,
    .mks-product-container .mks-card,
    .mks-product-container .limited-box,
    .mks-product-container .spm-comments
    {
        border-radius: 0;
    }
    .mks-product-container .spm{
        padding: 0;
        margin-bottom: 15px;
    }
    .mks-product-container .spm .spm-title{
        padding: 0 10px;
    }
    .mks-product-container .spm .c-hr{
        margin-bottom: 0;
    }
    .mks-product-container .spm .mks-ccd{

    }
    .mks-product-container .spm-comments{
        padding: 14px 12px 16px;
        margin: 10px 0;
        border: none;
        box-shadow: none;
        background: #fff;
    }
    .mks-product-container .spm-comments h3,
    .mks-product-container .spm-comments__title {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 4px 2px 12px;
        margin: 0 0 12px;
        font-size: 13.5px;
        font-weight: 800;
        color: #0f172a;
        text-align: center;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    }
    .mks-product-container .spm-comments h3::after,
    .mks-product-container .spm-comments__title::after {
        display: none;
    }
    .mks-product-container .spm-comments__title-icon {
        padding: 0;
        border: none;
        font-size: 14px;
        color: var(--mks-color-primary, #0d9488);
    }
    .mks-product-sections{
        padding: 0;
    }

    /* Product description & how-to-use – mobile readability */
    #p-description,
    #p-how-to-use {
        margin: 0 0 12px;
        padding: 16px 14px 56px;
        background: #fff;
        box-shadow: none;
        font-size: 14.5px;
        font-weight: 400;
        color: #1e293b;
        line-height: 1.95;
        text-align: right;
        letter-spacing: 0;
        -webkit-font-smoothing: antialiased;
    }
    #p-description:hover,
    #p-how-to-use:hover {
        background: #fff;
        box-shadow: none;
    }
    #p-description .section-title,
    #p-how-to-use .section-title {
        margin: 0 0 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        font-size: 14px;
        font-weight: 800;
        color: #0f172a;
        gap: 8px;
    }
    #p-description .section-title i,
    #p-how-to-use .section-title i {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 28px;
        font-size: 13px;
        border-radius: 8px;
        background: rgba(13, 148, 136, 0.1);
        color: var(--mks-color-primary, #0d9488);
    }
    #p-description p,
    #p-how-to-use p {
        margin: 0 0 12px;
        font-size: inherit;
        font-weight: 400;
        color: inherit;
        line-height: inherit;
        text-align: right;
    }
    #p-description p:last-child,
    #p-how-to-use p:last-child {
        margin-bottom: 0;
    }
    #p-description strong,
    #p-description b,
    #p-how-to-use strong,
    #p-how-to-use b {
        font-weight: 700;
        color: #0f172a;
    }
    #p-description ul,
    #p-how-to-use ul,
    #p-description ol,
    #p-how-to-use ol {
        margin: 6px 0 0;
        padding: 0 18px 0 0;
        list-style: none;
    }
    #p-description li,
    #p-how-to-use li {
        position: relative;
        margin: 0 0 10px;
        padding-right: 2px;
        font-size: inherit;
        font-weight: 400;
        color: inherit;
        line-height: 1.85;
    }
    #p-description li:last-child,
    #p-how-to-use li:last-child {
        margin-bottom: 0;
    }
    #p-description ul li::before,
    #p-how-to-use ul li::before {
        content: "";
        position: absolute;
        right: -14px;
        top: 0.85em;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--mks-color-primary, #0d9488);
        transform: translateY(-50%);
    }
    #p-description .limited-toggle-show,
    #p-how-to-use .limited-toggle-show {
        padding: 18px 12px 12px;
        font-size: 13px;
        font-weight: 700;
        background: linear-gradient(to top, #fff 40%, rgba(255, 255, 255, 0.92) 70%, transparent 100%);
    }

    .mks-product-container .mks-card{
        margin-top: 0;
    }
    .mks-product-container .comment-form,
    .mks-product-container #commentform.comment-form {
        margin-top: 14px;
        padding: 14px 12px 16px;
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 14px;
        box-shadow: none;
        backdrop-filter: none;
    }
    .mks-product-container .comment-form .comments-txt,
    .mks-product-container #commentform .comments-txt {
        margin: 0 0 14px;
        padding: 10px 12px;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 1.7;
        color: #475569;
        text-align: right;
        background: #f8fafc;
        border: none;
        border-radius: 10px;
        border-right: none;
    }
    .mks-product-container .comment-form .form-group,
    .mks-product-container #commentform .form-group {
        margin-bottom: 14px;
    }
    .mks-product-container .comment-form .form-group label,
    .mks-product-container #commentform .form-group label {
        margin-bottom: 6px;
        font-size: 12.5px;
        font-weight: 700;
        color: #334155;
    }
    .mks-product-container .comment-form .form-group label .text-danger,
    .mks-product-container #commentform .form-group label .text-danger {
        color: var(--mks-color-primary, #0d9488);
        font-weight: 600;
    }
    .mks-product-container .comment-form .form-control,
    .mks-product-container #commentform .form-control {
        padding: 11px 12px;
        font-size: 14px;
        font-weight: 400;
        color: #0f172a;
        line-height: 1.6;
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.12);
        border-radius: 10px;
        box-shadow: none;
        backdrop-filter: none;
    }
    .mks-product-container .comment-form .form-control:focus,
    .mks-product-container #commentform .form-control:focus {
        border-color: var(--mks-color-primary, #0d9488);
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
        background: #fff;
    }
    .mks-product-container .comment-form .i-comment,
    .mks-product-container #commentform .i-comment {
        min-height: 110px;
    }
    .mks-product-container .comment-form .comment-meta-note,
    .mks-product-container #commentform .comment-meta-note {
        margin-top: 6px;
        font-size: 11px;
        line-height: 1.5;
        color: #94a3b8;
    }
    .mks-product-container .comment-form .comment-contact-row,
    .mks-product-container #commentform .comment-contact-row {
        margin: 0;
    }
    .mks-product-container .comment-form .sr-custom,
    .mks-product-container #commentform .sr-custom {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        margin-top: 4px;
    }
    .mks-product-container .comment-form .btn-submit-comment,
    .mks-product-container #commentform .btn-submit-comment {
        flex: 1 1 auto;
        min-width: 120px;
        margin: 0;
        padding: 11px 16px;
        font-size: 13.5px;
        font-weight: 700;
        border-radius: 10px;
        background: var(--mks-color-primary, #0d9488);
        box-shadow: none;
    }
    .mks-product-container .comment-form .btn-submit-comment:hover,
    .mks-product-container #commentform .btn-submit-comment:hover {
        transform: none;
        background: var(--mks-color-primary, #0d9488);
        filter: brightness(0.95);
        box-shadow: none;
    }
    .mks-product-container .comment-form .cr-s-label i,
    .mks-product-container #commentform .cr-s-label i {
        font-size: 18px;
    }
    .mks-brands-page-container{
        padding: 0 !important;
        margin: 0 !important;
    }


    .mks-archive-description-modern-container{
        padding: 0;
    }
    .mks-archive-description-modern-container .limited-box{
        border-radius: 0;
    }

    .mks-archive-category-slider{
        padding: 0;
        margin-bottom: 12px;
    }

    .mks-category-slider-modern {
        padding: 0 40px;
    }

    .mks-category-slider-modern .swiper-slide {
        width: 88px;
    }

    .mks-category-slider-modern .category-slider-item {
        width: 68px;
        height: 68px;
    }

    .mks-category-slider-modern .category-slider-item-h3 {
        font-size: 11px;
    }

    .mks-category-marquee {
        max-width: 88px;
    }

    .mks-category-slider-modern .mks-sbn {
        width: 36px;
        height: 36px;
    }

    .mks-category-slider-modern .mks-sbn::after {
        font-size: 16px;
    }

    .mks-aoi-nt2-countdown .mks-ccd span::after{
        margin: 6.4px;
    }

    .sections-title,
    .sliders-show-more{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        margin: 20px 0 6px 0;
        padding: 0;
    }


    .col-sm-12.col-12.mks_pbi_highlights{
        padding: 0;
    }

    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:first-child .product-slider-item{
        border-radius: 0 10px 10px 0;
    }
    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:last-child .product-slider-item{
        border-radius: 10px 0 0 10px;
    }

    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:first-child{}
    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:last-child{}

    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:first-child > a{
        border-radius: 0 10px 10px 0;
    }
    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:last-child > a{
        border-radius: 10px 0 0 10px;
    }
    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:first-child{
        padding-right: 5px;
    }
    .col-sm-12.col-12 .swiper .swiper-wrapper .swiper-slide:last-child{
        padding-left: 10px;
    }

    .col-sm-12.col-12.mks_pbi_slider .swiper .swiper-wrapper .swiper-slide{
        height: auto !important;
        &:first-child,
        &:last-child{
            padding: 0 !important;
        }
    }
    
    

    .col-sm-12.col-12.mks_pbi_productSlider{
        margin-top: 0;
        padding: 0;
    }
    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section{
        padding: 12px 10px 14px;
        border-radius: 14px;
    }

    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section .mks-amazing-section{
        padding: 0 2px;
        margin: 0 0 10px;
    }

    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section .mks-aot-nt-item{
        min-height: 236px;
        padding: 10px;
        border-radius: 12px;
    }

    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section .mks-aot-nt-media{
        max-height: 120px;
        margin-bottom: 8px;
    }

    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section .mks-aoi-nt-title{
        font-size: 11px;
        min-height: 34px;
        max-height: 34px;
    }

    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section .swiper-slide:first-child,
    .col-sm-12.col-12.mks_pbi_productSlider .amazing-offer-nt-section .swiper-slide:last-child{
        margin: 0;
        padding: 0;
    }

    .col-sm-12.col-12.mks_pbi_tabSlider{
        padding: 0;
    }
    .col-sm-12.col-12.mks_pbi_tabSlider .mks-slider-tab{
        border-radius: 0;
        padding: 10px 0 0;
        border-bottom: none;
    }
    .col-sm-12.col-12.mks_pbi_tabSlider .mks-slider-tab .nav-tabs{
        padding: 0 5px 10px !important;
    }
    .col-sm-12.col-12.mks_pbi_tabSlider .mks-slider-tab .tab-content{
        padding: 0;
    }

    .col-sm-12.col-12.mks_pbi_articles{
        padding: 0;
    }
    .col-sm-12.col-12.mks_pbi_articles .articles-nt-section,
    .col-sm-12.col-12.mks_pbi_articles .latest-articles-background{
        border-radius: 14px;
        padding: 14px 10px 12px;
        margin: 0;
    }
    .col-sm-12.col-12.mks_pbi_articles .latest-articles-background{
        padding: 14px 0 12px;
    }
    .col-sm-12.col-12.mks_pbi_articles .articles-nt-section .ans-header,
    .col-sm-12.col-12.mks_pbi_articles .latest-articles-background .ans-header{
        padding: 0 2px 10px;
        margin: 0 0 12px;
        gap: 8px;
    }
    .ans-header span,
    .ans-header__title > span:last-child{
        font-size: 15px;
    }
    .ans-header a,
    .ans-header__all{
        font-size: 12px;
        padding: 5px 10px;
    }
    .mks-article-card,
    .articles-carousel a{
        min-height: 240px;
        border-radius: 12px;
    }
    .mks-article-card__media,
    .articles-carousel a img,
    .mks-article-card__media img{
        height: 130px;
        min-height: 130px;
    }
    .mks-article-card__title,
    .articles-carousel a p{
        font-size: 11px;
    }

    .mks-asi-cutom-image{
        max-width: 120px;
    }

    .product-slider-item .price{
        margin: 0 !important;
    }

    .mks-price-container{
        padding: 0;
    }

    .mks-toman-symbol{
        width: 15px !important;
        height: 15px !important;
        margin: 0 0 4px 0 !important;
    }

    /* Tablet Slider Tab Styles */
    .mks-slider-tab .nav-tabs .nav-link {
        padding: 4px 8pxpx;
        font-size: 13px;
        margin-left: 6px;
    }
    
    .mks-slider-tab .tab-content {
        padding-top: 20px;
    }
    
    
    .mks-slider-tab .nav-tabs .nav-link:focus {
        box-shadow: 0 0 0 3px rgba(219, 49, 78, 0.2);
    }
    
    .price {
        text-align: center;
    }

    .category-boxes-item{
        font-size: 12px;
        padding: 8px 4px;
        border-radius: 7px;
        font-weight: 100;
    }
    
    /* Tablet Category Styles */
    .category-boxes-item-nt {
        
    }
    
    .category-boxes-item-nt2 {
        width: calc(33.333% - 11px);
        min-height: auto;
        padding: 4px 15px;
    }
    
    .category-boxes-item-nt2 img {
        width: 60px !important;
        height: 60px;
    }
    
    .category-boxes-item-nt2 p {
        font-size: 10px;
    }
    
    /* Mobile Shipping Styles */
    .woocommerce-shipping-destination {
        font-size: 12px;
        padding: 10px 12px;
        border-radius: 10px;
    }
    
    
    .woocommerce-shipping-methods li {
        border-radius: 10px;
        padding: 10px 12px;
    }
    
    .woocommerce ul#shipping_method .amount {
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 14px;
    }
    
    .shipping-cost {
        font-size: 14px;
        padding: 6px 10px;
        border-radius: 6px;
    }
    
    /* Tablet Article Styles */
    .article-mpi {
        margin: 8px 0;
        padding: 12px;
    }
    
    .article-mpi-t-d h3 {
        font-size: 15px;
        margin: 0 0 8px 0;
    }
    
    .article-mpi-t-d p {
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
    
    .section-title-article {
        font-size: 20px;
        margin: 25px 0 20px;
    }
    
    .show-all-articles {
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .mks_aac_loading{
        text-align: center;
    }
    
    /* Tablet Brand Styles */
    .mks-ntb-card {
        margin: 20px 0;
        border-radius: 16px;
        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
    }
    
    /* Tablet Header Styles */
    .dm-header {
        border-radius: 16px;
        margin: 12px 0;
    }
    
    .dmh-search {
        border-radius: 18px;
        margin-top: 12px;
    }
    
    .dmh-search input {
        padding: 14px 60px 14px 18px;
        font-size: 15px;
    }
    
    .dmh-search-button {
        padding: 9px 11px;
        border-radius: 14px;
    }
    
    .mks-btn {
        padding: 10px;
        font-size: 13px;
    }
    
    .mdh-cart {
        padding: 7px 11px;
        border-radius: 18px;
    }
    
    .dm-second > ul > li > a {
        padding: 11px 18px;
        font-size: 14px;
    }
    
    /* Tablet Banner Styles */
    .mks-banners {
        border-radius: 4px;
        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
    }
    
    /* Tablet Slider Styles */
    .main-slider {
        border-radius: 4px;
    }
    
    .main-slider-full-width {
        border-radius: 18px;
    }
    .main-slider .swiper-wrapper{
        margin: 0 !important;
    }
    
    .owl-prev, .owl-next {
        padding: 5px 15px !important;
    }
    
    .owl-prev span, .owl-next span {
        font-size: 30px;
    }
    
    /* Tablet Shipping Styles */
    .woocommerce-shipping-destination {
        font-size: 13px;
        padding: 11px 14px;
        border-radius: 11px;
    }
    

    .woocommerce-shipping-methods li {
        border-radius: 11px;
        padding: 11px 14px;
    }
    
    .woocommerce ul#shipping_method .amount {
        padding: 5px 9px;
        border-radius: 7px;
        font-size: 15px;
    }
    
    .shipping-cost {
        font-size: 15px;
        padding: 7px 11px;
        border-radius: 7px;
    }
    
    .mks-banners a img {
        border-radius: 4px;
    }
    
    .mks-ntb-card-header {
        padding: 16px 20px;
    }
    
    .mks-nch h3 {
        font-size: 22px;
    }
    
    .mks-nch i {
        font-size: 28px;
    }
    
    .mks-bst-2-img {
        height: 100px !important;
        padding: 12px;
        margin: 6px;
    }
    
    .brands-slider img {
        height: 100px !important;
        padding: 12px;
        margin: 6px;
    }
    .p-slider-out-stock-icons{
        width: 27px;
        /*height: 27px;*/
        border: none;
    }
    .psi-gc-x {
        display: none;
    }
    .mks-ssp-title {
        font-size: 12px;
    }
    .mks-ssr-price{
        font-size: 13px;
    }
    .mks-ssd-price{
        font-size: 15px;
    }
    .ct-over{
        font-size: 15px;
        font-weight: 100;
        color: #d85a66;
    }
    .mca-image img{
        display: none;
    }
    .spm-form-add-to-cart .quantity input{
        height: 100%;
    }
    .mks-spi-ats .spm-form-add-to-cart > button{
    }
    .product-slider-item {
        padding: 4px 8px;
        border-radius: 0;
    }
    
    .product-slider-item a img {
        height: 140px !important;
        border-radius: 12px;
    }
    
  
    
    .product-slider-item-discount-percent{
        height: 35px;
        width: 35px;
        right: 8px;
        top: 0px;
        font-size: 12px;
        display: block;
        line-height: 36px;
        border-radius: 50px;
    }
    
    .price {
        margin-top: 12px;
    }
    
    .price del {
        font-size: 10px;
    }
    
    .price ins {
        font-size: 12px;
    }
    .mks-amad{
        display: inline-flex;
        justify-content: space-between;
    }
    .mks-ap .psi-gc {
        font-size: 22px;
    }
    .woocommerce-variation-add-to-cart .mks_aac_loading{
        text-align: center;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        padding: 10px;
        z-index: 10;
        border-radius: 0;
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    }
    .mks-app{
        padding: 0 !important;
    }
    .archive-pi{
        margin: 0;
        border: none;
        border-radius: 0;
    }

    .mks-product-card.archive-pi {
        border: 1px solid #e8edf3;
        border-radius: 14px;
        margin: 0;
    }

    .mks-apr {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 16px;
        row-gap: 16px;
        border: none !important;
    }

    .mks-apr > .mks-app {
        margin-bottom: -35px;
    }
    .mks-app-row{
        padding: 0;
    }
    /* .mks-apc-padding{

    } */
    .mks-dpl{
        margin: 17px 0;
    }
    .price ins > span > bdi > span,
    .price del > span > bdi > span{
        width: 15px;
        height: 15px;
        display: inline-block;
        margin: 0 0 5px 0;
        font-size: 10px;
    }
    .mks-ap-dpm{
        display: block;
    }
    .spm-sal{
        display: none;
    }
    .silva-spm-under-title{
        margin: 7px 0 0 0;
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
    }
    .silva-spm-under-title li {
        display: block;
    }
    .silva-spm-under-title li:last-child{
        margin-right: 0 !important;
    }
    .spm-like-icon{
        font-size: 20px;
    }
    .spm-share-icon {
        font-size: 17px;
    }

    .mks-product-title-modern__heading {
        font-size: 1.1rem;
        margin-bottom: 0.35rem;
    }

    .mks-product-title-modern__row--mobile-meta {
        margin-top: 0.1rem;
    }

    .mks-product-title-modern__mobile-meta-info {
        gap: 0.55rem;
    }

    .mks-product-title-modern__icon-btn {
        width: 30px;
        height: 30px;
    }

    .mks-product-title-modern__icon-btn i {
        font-size: 1rem;
    }
    .spm-gallery {
        border-left: none;
        padding: 0;
        margin-bottom: 20px;
    }
    .woocommerce-product-gallery__image a img{
        max-width: 80%;
        height: auto;
    }
    .mks_aac_ss{
        width: 30px;
        height: 30px;
        margin-top: 6px;
    }
    .psi-gc{
        font-size: 25px;
    }
    .mks-mobile-reverse div:last-child{
        padding-right: 0;
    }
    .mobile-login-main{
        padding: 20px;
    }
    .btn-login{
        font-size: 14px;
    }
    .sliders-show-more{
        font-size: 12px;
    }
    .mks-cqb{
        width: 75%;
    }
    .spm-cip{
        padding: 0 5px;
        display: flex !important;
        flex-direction: column;
    }
    .spm-cip > .mks-size-card {
        order: 1 !important;
    }
    .spm-cip > .quantity-alert {
        order: 2 !important;
    }
    .spm-cip > .col-lg-12 {
        order: 3 !important;
    }
    .spm-cip > form.cart,
    .spm-cip > .variations_form {
        order: 4 !important;
    }
    .spm-cip > .mks-product-attrs-block,
    .spm-cip > div.mks-product-attrs-block:first-child {
        order: 20 !important;
        margin-top: 12px;
    }
    .spm-cip .mca-image,
    .mks-product-attrs-block .mca-image {
        display: none !important;
    }
    .mks-attrs-panel {
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    }
    .mks-attrs-panel__head {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        background: #f8fafc;
    }
    .mks-attrs-panel__title {
        position: relative;
        padding-right: 10px;
        font-size: 13px;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -0.01em;
    }
    .mks-attrs-panel__title::before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 13px;
        border-radius: 999px;
        background: var(--mks-color-primary, #0d9488);
    }
    .mks-attrs-panel .mks-custom-attributes,
    .mks-custom-attributes {
        display: block;
        padding: 2px 0;
        background: transparent;
        border: none;
        min-height: auto;
    }
    .mks-custom-attributes li {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px 12px;
        margin: 0;
        padding: 8px 12px;
        border: none;
        border-bottom: 1px solid rgba(15, 23, 42, 0.05);
        background: transparent;
        box-shadow: none;
    }
    .mks-custom-attributes li:nth-child(even) {
        background: rgba(248, 250, 252, 0.9);
    }
    .mks-custom-attributes li:last-child {
        border-bottom: none;
    }
    .mks-cak {
        display: inline-flex;
        align-items: center;
        flex: 0 1 auto;
        max-width: 44%;
        gap: 0;
        color: #64748b;
        font-size: 11.5px;
        font-weight: 600;
        line-height: 1.45;
    }
    .mks-cak__text {
        white-space: normal;
        font-weight: 600;
        color: #64748b;
    }
    .mks-cai,
    .mks-cak i {
        width: 26px;
        height: 26px;
        flex: 0 0 26px;
        font-size: 11.5px;
        margin: 0 0 0 7px;
        color: var(--mks-color-primary, #0d9488);
        background: rgb(187 187 187 / 10%);
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .mks-cav {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        text-align: left;
        font-size: 12px;
        font-weight: 100;
        color: #0f172a;
        line-height: 1.55;
        word-break: break-word;
    }
    .mks-cav a {
        font-weight: 700;
        color: inherit;
    }
    .article-mpi-t-d h3{
        font-size: 14px;
    }
    .article-mpi-t-d p{
        font-size: 12px;
    }
    .mks_attribute_name{
        font-size: 15px;
    }
    .mks-toa-text{
        font-size: 14px;
    }
    .woocommerce-variation-price > span.price > div.price del{
        font-size: 12px;
    }
    .woocommerce-variation-price > span.price > div.price ins{
        font-size: 25px;
    }
    .mks-a-image-label span{
        font-size: 10px;
    }
    .mks-custom-attributes {
        order: 2;
        padding: 2px 0;
    }
    .category-slider-item-h3{
        width: 100%;
    }
    
    .top-banners-slider-title{
        height: 35px;
        font-weight: 500;
        font-size: 11px;
    }
    .archive-list-title{
        font-size: 15px;
    }
    .mks-cart-coupon{
        flex-wrap: wrap;
    }
    .coupon-error-notice,
    .mks-coupon-notice {
        flex: 1 1 100%;
    }
    .account-back-to-orders{
        padding: 8px 16px;
        margin-top: 20px;
    }
    .ods{
        padding: 0 15px;
        margin-top: 16px;
    }
    .cp-content h2{
        padding: 15px;
        margin: 0;
    }
    .mks-spt[full-width]{
        width: 100%;
    }
    
}

@media only screen and (min-width: 320.98px) and (max-width: 575.98px) {

    .p-slider-in-stock-icons {
        display: none;
    }
}

@media only screen and (min-width: 575.98px) and (max-width: 991.98px) {

}

@media only screen and (min-width: 991.98px) and (max-width: 1199.98px) {

}

@media only screen and (min-width: 1199.98px) and (max-width: 1399.98px) {

}

@media only screen and (min-width: 1399.98px) {

}

@media only screen and (max-width: 1140px) {
    .mks-header-support{
        display: none;
    }
}

/* Auto-switch header to mobile layout by viewport width */
@media only screen and (max-width: 991.98px) {
    .mks-main-header-tag {
        height: auto !important;
    }

    .mks-header-mobile {
        display: block;
    }

    .mks-header-desktop {
        display: none !important;
    }

    /* Mobile search popup – scrollable + refined UI */
    #mobile_search.mks-mobile-search {
        top: 56px;
        height: calc(100dvh - 56px) !important;
        max-height: calc(100dvh - 56px);
        border-radius: 22px 22px 0 0;
        border: none;
        background:
            radial-gradient(120% 80% at 100% 0%, rgba(115, 82, 172, 0.08), transparent 55%),
            radial-gradient(90% 70% at 0% 100%, rgba(115, 82, 172, 0.05), transparent 50%),
            #fff;
        box-shadow: 0 -8px 40px rgba(17, 24, 39, 0.12);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__header {
        flex-shrink: 0;
        padding: 12px 16px 8px;
        border-bottom: 1px solid rgba(17, 24, 39, 0.06);
        background: transparent;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__title {
        margin: 0;
        display: flex;
        align-items: center;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__logo {
        width: auto;
        max-width: 110px;
        max-height: 34px;
        object-fit: contain;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__close {
        margin: 0;
        padding: 8px;
        border-radius: 12px;
        opacity: 0.7;
        /* background: #673AB7; */
        transition: opacity 0.2s ease, background 0.2s ease;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__close:hover,
    #mobile_search.mks-mobile-search .mks-mobile-search__close:focus {
        opacity: 1;
        background: rgba(115, 82, 172, 0.1);
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__body {
        flex: 1 1 auto;
        min-height: 0;
        padding: 12px 14px 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__inner {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__field {
        flex-shrink: 0;
        margin: 0;
        border-radius: 16px;
        border-color: rgba(115, 82, 172, 0.14);
        box-shadow: 0 4px 18px rgba(115, 82, 172, 0.08);
        transform: none;
        overflow: visible;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__field:hover {
        transform: none;
        box-shadow: 0 6px 22px rgba(115, 82, 172, 0.12);
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__field input {
        padding: 14px 56px 14px 42px;
        font-size: 15px;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__field .dmh-search-button {
        top: 50%;
        transform: translateY(-50%);
        right: 6px;
        padding: 8px 11px;
        border-radius: 12px;
        background: var(--mks-color-primary, #7352ac);
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__field .dmh-search-button > i {
        font-size: 18px;
    }

    #mobile_search.mks-mobile-search .mks-mobile-search__field .close-ajax-search {
        top: 50%;
        transform: translateY(-50%);
        left: 12px;
        font-size: 22px;
        z-index: 2;
    }

    #mobile_search.mks-mobile-search .ajax-search-result,
    .mks-header-mobile .ajax-search-result {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        height: auto;
        margin: 0;
        padding: 4px 2px 8px;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
        z-index: 1;
    }

    #mobile_search.mks-mobile-search .ajax-search-result::-webkit-scrollbar {
        width: 4px;
    }

    #mobile_search.mks-mobile-search .ajax-search-result::-webkit-scrollbar-thumb {
        background: rgba(115, 82, 172, 0.28);
        border-radius: 999px;
    }

    #mobile_search.mks-mobile-search .ajax-search-section-title {
        margin: 4px 2px 10px;
        padding: 8px 10px;
        border-radius: 12px;
        background: rgba(115, 82, 172, 0.06);
        color: #4b5563;
        font-size: 12px;
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li:not(.ajax-search-show-all) a {
        gap: 12px;
        padding: 10px;
        margin-bottom: 6px;
        border: 1px solid rgba(17, 24, 39, 0.06);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 2px 10px rgba(17, 24, 39, 0.04);
        border-bottom: 1px solid rgba(17, 24, 39, 0.06);
        transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li:not(.ajax-search-show-all) a:active {
        transform: scale(0.985);
        background: rgba(115, 82, 172, 0.05);
        border-color: rgba(115, 82, 172, 0.18);
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li a .ajax-search-item-thumb img {
        width: 52px;
        height: 52px;
        min-width: 52px;
        min-height: 52px;
        border-radius: 12px;
        border-color: rgba(17, 24, 39, 0.08);
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li a .ajax-search-item-title {
        font-size: 13px;
        font-weight: 700;
        color: #1f2937;
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li a .ajax-search-item-chevron {
        color: var(--mks-color-primary, #7352ac);
        opacity: 0.45;
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li.ajax-search-item--outofstock a {
        background: rgba(249, 250, 251, 0.95);
    }

    #mobile_search.mks-mobile-search .ajax-search-result ul li.ajax-search-show-all a {
        margin-top: 4px;
        margin-bottom: 4px;
        border-radius: 14px;
        background: rgba(115, 82, 172, 0.08);
        color: var(--mks-color-primary, #7352ac);
    }

    #mobile_search.mks-mobile-search .ajax-search-popular {
        margin-top: 8px;
        padding-top: 4px;
    }

    #mobile_search.mks-mobile-search .ajax-search-popular .as-cats {
        border-radius: 999px;
        background: #fff;
        border-color: rgba(17, 24, 39, 0.08);
        box-shadow: 0 1px 4px rgba(17, 24, 39, 0.04);
    }

    #mobile_search.mks-mobile-search .ajax-search-loading {
        padding: 36px 16px;
    }

    .mobile-main-header {
        height: 56px;
        padding: 8px 10px;
        gap: 2px;
        align-items: center;
        border: none;
        box-shadow: 0 1px 0 rgba(17, 24, 39, 0.06);
    }

    .mobile-main-header .mobile-header-logo {
        max-width: min(42vw, 140px);
    }

    .mobile-main-header a.mobile-header-logo img,
    .mobile-main-header .mobile-header-logo img,
    .mobile-main-header .mobile-header-logo .mks-logo-shine {
        max-width: min(42vw, 130px);
        max-height: 34px;
    }

    .mobile-main-header .mobile-hamburger-box,
    .mobile-main-header .mobile-user-box,
    .mobile-main-header .mobile-search-icon,
    .mobile-main-header .mobile-cart-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin: 0;
        border-radius: 12px;
        background: rgba(17, 24, 39, 0.045);
        color: #2f3540 !important;
        transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-main-header .mobile-user-box--logged-in {
        background: color-mix(in srgb, var(--mks-color-primary, #7352ac) 12%, #fff) !important;
        color: var(--mks-color-primary, #7352ac) !important;
    }

    .mobile-main-header .mobile-user-box--logged-in i {
        color: var(--mks-color-primary, #7352ac) !important;
    }

    .mobile-main-header .mobile-user-box__status {
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
    }

    .mobile-main-header .mobile-hamburger-box:active,
    .mobile-main-header .mobile-user-box:active,
    .mobile-main-header .mobile-search-icon:active,
    .mobile-main-header .mobile-cart-icon:active {
        background: rgba(17, 24, 39, 0.09);
        transform: scale(0.94);
    }

    .mobile-main-header .mobile-search-icon i,
    .mobile-main-header .mobile-cart-icon i,
    .mobile-main-header .mobile-hamburger-box i,
    .mobile-main-header .mobile-user-box i {
        font-size: 19px;
        margin: 0;
        line-height: 1;
        color: inherit !important;
    }

    .mobile-cart-count {
        top: 2px;
        right: 2px;
        width: 16px;
        height: 16px;
        line-height: 12px;
        font-size: 9px;
        border-width: 1.5px;
    }
}

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

    .mks-header-desktop {
        display: block;
    }

    .mks-main-header-tag {
        height: 133px;
    }
}

/* Single product: attrs below add-to-cart on mobile only */
@media only screen and (max-width: 768px) {
    .spm-cip {
        display: flex !important;
        flex-direction: column;
    }
    .spm-cip > .mks-size-card {
        order: 1 !important;
    }
    .spm-cip > .quantity-alert {
        order: 2 !important;
    }
    .spm-cip > .col-lg-12 {
        order: 3 !important;
    }
    .spm-cip > form.cart,
    .spm-cip > .variations_form {
        order: 4 !important;
    }
    .spm-cip > .mks-product-attrs-block,
    .spm-cip > div.mks-product-attrs-block:first-child {
        order: 20 !important;
        margin-top: 12px;
    }
}

/* Homepage categories – mobile 2x3 page slider */
@media only screen and (max-width: 768px) {
    .mks-pb-categories-section {
        padding: 4px 0 8px;
    }

    .mks-pb-categories-slider {
        overflow: hidden;
        padding-bottom: 22px;
        width: 100%;
    }

    .mks-pb-categories-slider > .swiper-wrapper {
        display: flex;
        grid-template-columns: none;
        gap: 0;
        align-items: stretch;
    }

    .mks-pb-categories-slider:not(.swiper-initialized) > .swiper-wrapper {
        transform: none !important;
    }

    .mks-pb-categories-slider .swiper-slide {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .mks-pb-categories-slider:not(.swiper-initialized) .swiper-slide:not(:first-child) {
        display: none;
    }

    .mks-pb-categories-slider .mks-pb-categories-page,
    .mks-pb-categories-section--text .mks-pb-categories-slider .mks-pb-categories-page {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, auto);
        gap: 14px 8px;
        padding: 0 4px;
        width: 100%;
        align-items: start;
    }

    .mks-pb-category-item {
        gap: 8px;
        padding: 0 2px;
        min-width: 0;
    }

    .mks-pb-category-item__media {
        width: min(72px, 100%);
        height: auto;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        padding: 6px;
        box-sizing: border-box;
    }

    .mks-pb-category-item__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }

    .mks-pb-category-item__title {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.35;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .mks-pb-category-chip {
        font-size: 12px;
        padding: 10px 8px;
        white-space: normal;
        text-align: center;
        line-height: 1.35;
    }

    .mks-pb-categories-pagination {
        display: block;
        position: static;
        margin-top: 12px;
        line-height: 1;
    }

    .mks-pb-categories-pagination .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
        margin: 0 3px !important;
        background: #cbd5e1 !important;
        opacity: 1 !important;
        transform: none !important;
        transition: width 0.2s ease, background 0.2s ease !important;
    }

    .mks-pb-categories-pagination .swiper-pagination-bullet-active {
        background: var(--mks-color-primary, #0d9488) !important;
        width: 16px !important;
        height: 6px !important;
        border-radius: 999px !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

@media only screen and (max-width: 360px) {
    .mks-pb-categories-slider .mks-pb-categories-page,
    .mks-pb-categories-section--text .mks-pb-categories-slider .mks-pb-categories-page {
        gap: 12px 6px;
    }

    .mks-pb-category-item__media {
        width: min(64px, 100%);
    }

    .mks-pb-category-item__title {
        font-size: 10px;
    }
}

/* Footer – mobile modern (quick actions + grouped menus) */
@media only screen and (max-width: 768px) {
    .mks-footer-top,
    .mks-footer-top__brand,
    .mks-footer-top__action,
    .mks-footer-back-top,
    .btn-back-to-top,
    .footer-logo {
        display: none !important;
    }

    .main-footer {
        padding: 18px 14px 20px;
    }

    .mks-footer-contact {
        padding: 0;
        margin: 0 0 14px;
        border-bottom: none;
    }

    .footer-info-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-info-list > li,
    .footer-info-list li,
    .footer-info-item {
        margin: 0;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .footer-info-item--address {
        grid-column: 1 / -1;
        display: flex !important;
        align-items: flex-start;
        gap: 8px;
        padding: 0 2px 10px;
        background: transparent !important;
        border-radius: 0 !important;
    }

    .footer-info-item--address > i {
        margin: 3px 0 0 !important;
        font-size: 13px;
        color: var(--mks-color-primary, #0d9488);
        background: transparent !important;
        width: auto;
        height: auto;
        opacity: 0.9;
    }

    .footer-info-item--address > span {
        font-size: 11.5px;
        line-height: 1.7;
        color: #64748b;
        flex: 1;
    }

    .footer-info-item--action {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 84px;
        padding: 14px 8px 12px;
        border-radius: 16px !important;
        background: #ffffff !important;
        border: 1px solid rgba(15, 23, 42, 0.06) !important;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
        text-align: center;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .footer-info-item--action:active {
        transform: scale(0.98);
    }

    .footer-info-item--action > i {
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 12px !important;
        font-size: 17px !important;
        background: color-mix(in srgb, var(--mks-color-primary, #0d9488) 12%, #ffffff) !important;
        color: var(--mks-color-primary, #0d9488) !important;
        opacity: 1;
    }

    .footer-info-item--whatsapp > i {
        background: rgba(37, 211, 102, 0.12) !important;
        color: #128c7e !important;
    }

    .footer-info-item--action > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        width: 100%;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
        color: #0f172a !important;
        text-decoration: none;
    }

    .footer-info-item__full {
        display: none !important;
    }

    .footer-info-item__short {
        display: inline !important;
    }

    .mks-footer-main {
        display: block;
        grid-template-columns: none;
        gap: 12px;
        padding: 0;
        border-bottom: none;
    }

    .mks-footer-menus {
        margin: 0;
    }

    .footer-lists--mobile {
        margin: 0;
        padding: 2px 14px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.06);
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
        overflow: hidden;
    }

    .mobile-footer-collapse-item {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .mobile-footer-collapse-item:last-child {
        border-bottom: none !important;
    }

    .mobile-footer-collapse-item .collapsible {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
        font-size: 13px;
        font-weight: 600;
        color: #0f172a;
        background: transparent;
    }

    .mobile-footer-collapse-item .collapsible i {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        border-radius: 999px;
        font-size: 11px;
        color: #64748b;
        background: rgba(15, 23, 42, 0.05);
        opacity: 1;
    }

    .mobile-footer-collapse-item .active i {
        background: color-mix(in srgb, var(--mks-color-primary, #0d9488) 14%, #ffffff);
        color: var(--mks-color-primary, #0d9488);
    }

    .mobile-footer-collapse-item .content ul {
        padding: 0 0 12px;
        margin: 0;
        list-style: none;
    }

    .mobile-footer-collapse-item .content ul li {
        padding: 0;
        margin: 0;
    }

    .mobile-footer-collapse-item .content ul li a {
        display: block;
        padding: 7px 0;
        font-size: 12px;
        font-weight: 400;
        color: #64748b;
        opacity: 1;
    }

    .mobile-footer-collapse-item .content ul li a:hover {
        color: var(--mks-color-primary, #0d9488);
    }

    .mks-footer-social {
        margin-top: 12px;
        padding-top: 12px;
        border-top: none;
    }

    .mks-footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-top: 14px;
        padding: 14px 8px 4px;
        border-top: 1px solid rgba(15, 23, 42, 0.07);
        text-align: center;
    }

    .footer-copyright {
        margin: 0 !important;
        padding: 8px 12px !important;
        max-width: 100%;
        border-radius: 12px;
        background: rgba(15, 23, 42, 0.03);
        color: #475569 !important;
        font-size: 11.5px !important;
        font-weight: 500;
        line-height: 1.7;
        text-wrap: balance;
    }

    .footer-designed-by {
        margin: 0 !important;
        padding: 0 6px !important;
        max-width: 100%;
        color: #94a3b8 !important;
        font-size: 11px !important;
        font-weight: 400;
        line-height: 1.6;
        text-wrap: balance;
    }

    .footer-designed-by a {
        font-weight: 600;
        color: var(--mks-color-primary, #0d9488);
    }
}

/* Checkout billing fields – mobile 2-col (after WooCommerce CSS) */
@media only screen and (max-width: 768px) {
    .mks-checkout-form .mks-checkout-fields-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
        padding: 14px 12px 16px !important;
    }

    .mks-checkout-form .mks-checkout-fields-grid > p,
    .mks-checkout-form .mks-checkout-fields-grid > .form-row {
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        grid-column: auto !important;
    }

    .mks-checkout-form .mks-checkout-fields-grid #billing_address_1_field,
    .mks-checkout-form .mks-checkout-fields-grid #order_comments_field {
        grid-column: 1 / -1 !important;
    }
}