@media only screen and (max-width: 1200px) {
    #btncollapzion {
        left: 20px !important;
        bottom: 24px !important;
    }
    .free-swiper .swiper-button-prev, .free-swiper .swiper-button-next {
        left: 13.5%;
    }

    .free-swiper .swiper-button-prev {
        left: 17.5% !important;
    }

    .site-slider .swiper-button-next {
        right: 52% !important;
    }

    .amazing-slider-two .swiper-button-prev {
        right: 43.5%;
    }

    .free-swiper-two .swiper-button-next {
        left: 13%;
    }

    .cat-item-desc h5 {
        font-size: 18px;
    }

    .compare table tr th {
        min-width: 350px;
    }
}

@media only screen and (max-width: 992px) {
    .container-fluid {
        --bs-gutter-x: 2.5rem;
    }

    header {
        background: #fff;
        box-shadow: var(--shadow-md);
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 7px 0;
    }

    .search-filed .search-input {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .main-slider .slider .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    #btncollapzion {
        left: 14px !important;
        bottom: 100px !important;
    }

    .site-slider .swiper-button-prev {
        right: 46.5% !important;
    }

    .product-group-item img {
        height: auto;
        border: 1px solid var(--bs-gray-300);
    }

    .product-group .col-lg-3, .product-group .col-lg-3:not(:last-child) {
        border: none !important;
        border-left: none !important;
    }

    .product-group-item .col-6 {
        border: none !important;
    }

    .free-swiper .swiper-button-prev, .free-swiper .swiper-button-next {
        display: none;
    }

    .title-col-social {
        width: 100%;
    }

    .footer-col .social-link {
        justify-content: start;
    }

    .product-desc-tab ul {
        justify-content: center !important;
    }

    .product-desc-tab ul li {
        margin: 0 10px;
    }

    .product-desc-tab ul li button {
        padding: 20px 20px;
    }

    .main-table tr td {
        white-space: nowrap;
        min-width: 200px;
    }

    .multi-seller .responsive-table {
        overflow-x: visible;
    }

    .multi-seller .main-table,
    .multi-seller .main-table tbody,
    .multi-seller .main-table tr,
    .multi-seller .main-table tr td {
        display: block;
        width: 100%;
    }

    .multi-seller .main-table {
        box-shadow: none;
        border-collapse: separate;
    }

    .multi-seller .main-table tr {
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: var(--shadow-sm);
        background-color: #fff;
    }

    .multi-seller .main-table tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .multi-seller .main-table tr td {
        min-width: 0;
        padding: 7px 0;
        white-space: normal;
        text-align: start;
        border-bottom: 0;
    }

    .multi-seller .main-table tr td > .d-flex,
    .multi-seller .main-table tr td .d-flex.align-items-center {
        flex-wrap: wrap;
        gap: 4px 8px;
    }

    .multi-seller .main-table tr td p,
    .multi-seller .main-table tr td h6 {
        white-space: normal;
        line-height: 1.7;
    }

    .multi-seller .main-table tr td .btn {
        width: 100%;
        margin-top: 2px;
    }

    #productTable-pane .list-inline-item {
        width: 100%;
    }

    .bq-footer .col-12 {
        width: 50%;
    }

    .grid-img, .grid-center {
        height: 220px;
        margin-bottom: 10px;
    }

    .panel-image img {
        height: 250px;
        display: block;
        margin: 15px auto;
    }
}

@media only screen and (max-width: 768px) {
    .site-slider .swiper-button-next, .site-slider .swiper-button-prev {
        display: none;
    }

    .product-desc-tab ul {
        justify-content: start !important;
        min-width: 0;
        flex-wrap: wrap;
        gap: 6px;
    }

    .product-desc-tab ul li {
        margin-left: 0;
        margin-bottom: 0;
    }

    .product-desc-tab ul li button {
        display: block;
        padding: 8px 14px;
        white-space: nowrap;
        color: var(--color-site);
        font-size: 14px;
        box-shadow: var(--shadow-sm);
    }

    .product-desc-tab {
        overflow-x: visible;
    }

    .product-desc-tab ul li button.active {
        border-color: var(--main-color-one);
        color: var(--main-color-one);
    }

    .product-gallery .swiper-slide {
        margin-bottom: 10px;
        padding: 8px 8px 36px 8px;
    }

    .product-gallery img {
        max-width: 90%;
        height: 220px;
        object-fit: contain;
    }

    .product-gallery-thumb {
        padding: 8px;
    }

    .product-gallery-thumb img {
        height: 72px;
        object-fit: contain;
    }

    .product-meta nav.mb-3 {
        margin-bottom: 8px !important;
    }

    .product-meta .title.mt-md-0.mt-3 {
        margin-top: 10px !important;
    }

    .product-meta .title h6 {
        line-height: 1.8;
        margin-bottom: 6px !important;
    }

    .product-meta .title .d-flex.align-items-center.pb-2 {
        flex-wrap: wrap;
        gap: 8px;
        padding-bottom: 4px !important;
    }

    .product-meta-feature {
        margin-top: 12px;
    }

    .product-meta-feature-items ul {
        margin-top: 10px;
    }

    .product-meta-feature-items ul li:not(:last-child) {
        margin-bottom: 7px;
    }

    .product-meta-color {
        margin-top: 14px;
    }

    .product-meta-color h5 {
        margin-bottom: 10px;
    }

    .product-meta-color-items label {
        margin-bottom: 8px;
        padding: 7px 10px;
    }

    .se-cart {
        margin-top: 10px;
        padding: 10px;
    }

    .se-cart-item {
        padding: 10px 0;
    }

    .se-cart-item h4 {
        margin-bottom: 12px !important;
    }

    .se-cart-item .d-flex {
        flex-wrap: wrap;
    }

    .se-cart-item form.mt-3 {
        margin-top: 8px !important;
    }

    .btn-add-to-cart {
        padding: 10px 16px !important;
    }

    .product-desc .row.mt-4.pt-2 {
        margin-top: 12px !important;
        padding-top: 0 !important;
    }

    .product-desc .content-box {
        padding: 12px;
    }

    .product-desc-content p {
        line-height: 2;
    }

    .list-inline.text-end.mb-0 {
        margin-top: 20px;
        text-align: right !important;
        display: flex;
        flex-wrap: wrap;
    }

    .evaluation-positive {
        margin-bottom: 10px;
    }

    .cart-items .image img {
        width: 200px;
        display: block;
        margin: auto;
    }

    .product-box-price-discount {
        text-align: left;
    }

    .product-box {
        padding: 10px;
    }

    .product-box .product-image {
        height: 150px;
        margin: 6px 0 10px;
    }

    .product-box .product-title {
        min-height: 58px;
        gap: 6px;
    }

    .product-box .product-action {
        gap: 8px;
        margin-top: 6px;
        padding-top: 9px;
    }

    .payment-detail-item {
        width: 100%;
        text-align: start;
        margin: 0 0 20px 0;
    }

    .detail-order-item {
        flex-wrap: wrap;
    }

    .panel-two-full-info-item .detail {
        margin-top: 15px;
    }

    .panel-mini-card {
        padding: 16px;
    }

    .panel-two-full-info-item .content {
        min-height: auto;
        padding: 16px 12px;
    }

    .icon-card {
        margin-left: 0 !important;
    }

    .user-profile .user-avatar {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .user-profile .ms-3 {
        width: 100%;
        text-align: center;
    }

    .user-profile .user-avatar img {
        width: 80px;
    }

    .account-settings, .user-profile {
        flex-wrap: wrap;
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .cart-btn {
        border-radius: 5px !important;
    }

    .auth-btn {
        width: 40px;
        height: 40px;
        line-height: 1;
        background-color: var(--main-color-two);
        border-radius: 5px;
        text-align: center;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .top-header-link {
        gap: 6px;
    }

    .top-header-call {
        gap: 6px;
    }

    .cart-button {
        margin-right: 0;
    }

    .cart-button.ms-3 {
        margin-right: 8px !important;
    }

    .header .row {
        --bs-gutter-x: 0.75rem;
    }

    .feature {
        margin-top: 14px;
        margin-bottom: 12px;
    }

    .feature .row {
        --bs-gutter-y: 0.5rem;
    }

    .feature-item {
        min-height: 104px;
        padding: 12px 10px;
    }

    .feature-item .icon {
        width: 42px;
        height: 42px;
    }

    .feature-item .title h6 {
        line-height: 1.6;
    }

    .categories {
        padding-top: 22px !important;
        padding-bottom: 18px !important;
    }

    .categories .section-title {
        margin-bottom: 16px !important;
    }

    .category-swiper {
        padding: 3px 2px 34px;
    }

    .category-swiper .swiper-slide {
        height: auto;
    }

    .category-swiper .cat-item {
        width: 100%;
        height: 90px;
        min-height: 90px;
        padding: 8px;
        border-radius: 10px;
        overflow: hidden;
    }

    .category-swiper .cat-item-image {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
    }

    .category-swiper .cat-item-image img {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

    .category-swiper .cat-item-desc {
        flex: 1;
        min-width: 0;
        margin-right: 7px;
        margin-left: 0 !important;
    }

    .category-swiper .cat-item-desc h5 {
        margin: 0;
        max-height: 34px;
        overflow: hidden;

        font-size: 10px;
        line-height: 1.6;
        font-weight: 800;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        overflow-wrap: break-word;
    }

    .bg-auth .content {
        min-height: 100vh;
        height: auto !important;
    }

    .auth {
        padding: 18px 0;
    }

    .auth-form {
        margin-top: 18px !important;
        padding: 18px;
        border-radius: 12px !important;
    }

    .auth-form-title {
        gap: 10px;
        margin-bottom: 18px !important;
        padding-bottom: 10px;
    }

    .auth-form-title h2 {
        font-size: 20px;
    }

    .auth-logo {
        width: 108px;
        max-width: 100%;
        max-height: 42px;
    }

    #form-auth,
    #mobile-auth-form,
    #otp-auth-form {
        padding-top: 8px !important;
        padding-bottom: 4px !important;
    }

    #form-auth .comment-item,
    #mobile-auth-form .comment-item {
        margin-bottom: 22px !important;
    }

    #form-auth .step-username {
        margin-bottom: 24px !important;
    }

    #form-auth .comment-item input.form-control,
    #form-auth .comment-item select,
    #mobile-auth-form .comment-item input.form-control {
        min-height: 50px;
        padding-top: 15px;
        padding-bottom: 11px;
    }

    .step-passwd input.form-control {
        padding-left: 100px;
    }

    .inline-btn-text {
        left: 6px;
    }

    .inline-btn-text .btn {
        min-height: 32px;
        padding: 5px 8px;
        font-size: 12px;
    }

    .auth-form .btn.main-color-one-bg {
        min-height: 48px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .loginTermsDesc {
        width: 100%;
        max-width: 330px;
        padding: 0 8px;
        font-size: 13px;
        line-height: 2 !important;
    }

    .auth-description {
        margin-bottom: 18px !important;
        font-size: 14px;
    }

    .auth-field-error {
        font-size: 12px;
    }

    .top-header-logo img {
        width: 88px;
        max-width: 100%;
        max-height: 34px;
        object-fit: contain;
    }

    .offcanvas .top-header-logo img {
        width: 140px;
        max-width: 100%;
        max-height: 44px;
    }

    .footer-app {
        padding: 12px 18px;
    }

    .footer {
        padding: 22px 0 96px;
    }

    .footer-col .nav-link {
        padding: 4px 0;
    }



    .banner-item {
        margin-bottom: 12px;
        border-radius: 10px;
    }

    .product-slider {
        margin-top: 6px;
        margin-bottom: 4px;
    }

    .site-slider .swiper {
        padding-bottom: 72px;
    }

    .blog-slider .section-title {
        margin-bottom: 14px !important;
    }

    .blog-item .image img {
        height: 180px;
    }

    .footer-contact .row {
        --bs-gutter-y: 0.75rem;
        align-items: center;
    }

    .footer-contact-image {
        width: 150px;
    }

    .footer-contact-image img {
        width: 120px;
        max-height: 54px;
    }

    .footer-contact-call .navbar-nav {
        gap: 2px 12px;
    }

    .footer-col {
        margin-top: 14px;
    }

    .footer-col-item {
        margin-bottom: 8px;
    }

    .footer-col .social-link {
        justify-content: center;
    }

    .footer-form form .d-flex {
        gap: 8px;
    }

    .footer-form .btn {
        margin-right: 0 !important;
    }

    .footer-app {
        margin: 16px 0;
        border-radius: 12px;
    }

    .footer-app .navbar-nav {
        gap: 8px;
    }

    .footer-app .nav-link {
        padding: 4px;
    }

    .footer-app img {
        width: 132px;
        height: 40px;
    }

    .footer-description img {
        height: 92px;
    }

    .footer-description h5,
    .footer-description p,
    .footer-copyright p {
        text-align: center !important;
    }

    .category .swiper-slide {
        padding: 6px 0;
    }

    .category-sort .content-box {
        padding: 12px 0;
    }

    .category-sort .form-label {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        font-size: 14px;
    }

    .category-sort .form-select {
        min-height: 44px;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 14px;
    }

    .category-pro .row {
        --bs-gutter-y: 1rem;
    }

    .blog-menu-responsive {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .blog-menu-responsive .content-box {
        padding: 10px 0;
    }

    .blog-grid {
        margin-top: 18px !important;
    }

    .blog-grid .row {
        --bs-gutter-x: 0.75rem;
        --bs-gutter-y: 0.75rem;
    }

    .blog-grid .col-6,
    .blog-grid .col-12 {
        width: 100%;
    }

    .blog-grid .grid-center,
    .blog-grid .grid-img {
        height: 190px;
    }

    .blog-grid .al-item {
        margin-bottom: 0;
        border-bottom-width: 4px;
    }

    .blog-grid .al-date {
        top: 8px;
        left: 8px;
        padding: 3px 10px;
        font-size: 12px;
    }

    .blog-grid .al-title,
    .blog-grid .col-lg-4 .al-title {
        font-size: 14px;
        line-height: 1.8;
        padding: 14px;
    }

    .blog-post {
        margin-top: 22px;
    }

    .blog-post .section-title {
        margin-bottom: 14px !important;
    }

    .blog-post .blog-item {
        border-radius: 12px;
    }

    .blog-post .blog-item .image img {
        height: 170px;
        border-radius: 12px;
    }

    .blog-post .blog-item .title {
        padding: 10px;
    }

    .blog-post .blog-item .title > .d-flex {
        align-items: flex-start !important;
        flex-wrap: wrap;
        gap: 6px;
    }

    .blog-post .blog-item .title-item {
        min-height: 30px;
        padding: 5px 10px !important;
    }

    .blog-post .blog-item .title-item span {
        font-size: 12px !important;
    }

    .blog-post .blog-item h4 {
        min-height: auto;
        font-size: 14px !important;
        line-height: 1.9;
        white-space: normal;
        overflow: visible;
        display: block;
        padding-bottom: 6px !important;
    }

    .blog-post .my-paginate {
        margin-top: 12px !important;
        margin-bottom: 82px !important;
    }

    .product-box .product-image {
        height: 135px;
    }

    .product-box .product-title .title p {
        font-size: 13px;
    }

    .new-price {
        font-size: 14px;
    }

    .old-price {
        font-size: 12px;
    }

    .bq-footer {
        position: static;
        padding: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }

    .bq-footer .col-12 {
        width: 100%;
        text-align: center;
    }

    .my-flex-align-end {
        text-align: center;
    }

    .bq-footer a {
        margin-top: 10px;
        text-align: center;
        color: #c00;
        font-weight: bold;
    }

    .box_questions .bq2 {
        min-height: auto;
    }

    .box_comment_header .span1 {
        font-size: 16px;
    }

    .comments_likes {
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .comments_likes span {
        width: 100%;
        margin-bottom: 10px;
    }

    .cart-canvas h3 {
        font-size: 14px !important;
    }

    .payment_navigtions {
        margin-bottom: 20px;
    }

    .checkout-headers {
        width: 100%;
    }

    .checkout-headers ul {
        width: 100%;
        overflow-x: visible;
        display: flex;
        justify-content: space-between;
    }

    .checkout-headers ul li {
        box-sizing: border-box;
        flex: 1 1 0;
        min-width: 0;
        padding-left: 18px;
        text-align: center;
    }

    .checkout-headers ul li::before {
        width: 18px;
        height: 2px;
        top: 14px;
    }

    .checkout-headers ul li a {
        justify-content: center;
        flex-direction: column;
        font-size: 13px;
        gap: 6px;
        padding: 4px 2px;
    }

    .checkout-headers ul li a span {
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin-left: 0;
        border-radius: 50%;
        font-size: 13px;
        font-weight: 800;
    }

    .checkout-headers ul li a p {
        color: #515151;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        white-space: normal;
    }

    .checkout-headers ul li.active a span {
        box-shadow: 0 0 0 4px var(--main-color-one-shadow);
    }

    .checkout-headers ul li.active a p {
        color: var(--main-color-one);
        font-weight: 900;
    }

    .cart-product {
        padding-bottom: 92px;
    }

    .cart-product-item {
        margin-bottom: 14px;
    }

    .cart-product-item .content-box {
        border-radius: 12px;
        padding: 10px 0;
    }

    .cart-items > .item {
        padding: 8px 0;
    }

    .cart-items .image img {
        width: 150px;
        max-height: 150px;
        object-fit: contain;
    }

    .cart-items .title h6 {
        font-size: 14px !important;
        line-height: 1.8;
        margin-top: 8px;
    }

    .cart-item-feature {
        margin-top: 10px !important;
        gap: 6px;
        width: 100%;
    }

    .cart-item-feature .item {
        width: 100%;
        line-height: 1.8;
        padding: 6px 0;
        border-bottom: 1px solid #eee;
    }

    .cart-item-feature .item:last-child {
        border-bottom: 0;
        padding-top: 10px;
        gap: 10px;
    }

    .cart-product .action {
        width: 100%;
        align-items: stretch !important;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #eee;
    }

    .cart-product .product-box-price {
        width: 100%;
        align-items: flex-start !important;
    }

    .cart-product .product-box-price-price {
        width: 100%;
        align-items: baseline;
        justify-content: flex-start;
        padding: 8px 0;
    }

    .cart-product .product-box-price-price h5 {
        font-size: 26px !important;
        margin-bottom: 0 !important;
    }

    .cart-product .product-box-price-price p {
        line-height: 1.4;
        font-size: 13px;
        margin-right: 4px;
    }

    .cart-quantity-control {
        gap: 6px;
        padding: 4px;
    }

    .cart-quantity-secondary,
    .cart-quantity-increase {
        width: 42px;
        height: 42px;
    }

    .cart-quantity-value {
        width: 54px;
        height: 42px;
        font-size: 15px;
    }

    .cart-quantity-secondary i,
    .cart-quantity-increase i {
        font-size: 18px;
    }

    .cart-product-item .remove {
        min-width: 42px;
        height: 42px;
        margin-right: 4px;
    }

    .cart-product-item .remove i {
        font-size: 18px;
    }

    .cart-canvases {
        margin-bottom: 96px;
    }

    .cart-canvases .item {
        padding: 14px;
    }

    .cart-canvases .item .factor .factor-item {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }

    .cart-canvases .item .factor .factor-item:nth-of-type(4) h5,
    .cart-canvases .item .factor .factor-item:nth-of-type(4) p {
        font-size: 18px !important;
    }

    .cart-canvases .item .factor .action .btn {
        min-height: 44px;
    }

    .detail-order {
        padding: 14px;
    }

    .detail-order-item {
        align-items: flex-start !important;
        flex-wrap: wrap;
        gap: 5px 8px;
    }

    .detail-order-item h6 {
        width: 100%;
        min-width: 0;
        line-height: 1.7;
    }

    .detail-order-item span {
        margin-right: 24px;
        margin-left: 0 !important;
        line-height: 1.9;
    }

    .detail-order .btn {
        width: 100%;
        min-height: 40px;
    }

    .content-box > .cart-product-item {
        margin-top: 22px !important;
        margin-bottom: 26px !important;
    }

    .content-box > .cart-product-item .row {
        --bs-gutter-y: 0.75rem;
    }

    .content-box > .cart-product-item .cart-items {
        padding: 10px;
        border: 1px solid #eee !important;
        border-radius: 10px;
    }

    .content-box > .cart-product-item .cart-items .image {
        text-align: center !important;
    }

    .content-box > .cart-product-item .cart-items .image img {
        width: 86px !important;
        max-height: 86px;
    }

    .content-box > .cart-product-item .cart-item-feature {
        margin-top: 8px !important;
    }

    .content-box > .cart-product-item .cart-item-feature .item {
        border-bottom: 0;
        padding: 4px 0;
    }

    .content-box > .cart-product-item .cart-item-feature .item:last-child {
        justify-content: flex-start;
        padding-top: 8px;
    }

    .image-selector nav,
    .image-selector .navbar-nav {
        width: 100%;
    }

    .image-selector ul {
        gap: 8px;
    }

    .image-selector li {
        flex: 1 1 calc(50% - 8px);
        min-width: 0;
    }

    .image-selector label {
        width: 100%;
        min-height: 58px;
        padding: 10px;
    }

    .send-item {
        min-width: 0;
        min-height: 58px;
        padding: 8px 10px;
    }

    .image-selector label img {
        width: 82px;
        height: 58px;
    }

    .slider-title-desc {
        margin-bottom: 14px !important;
    }

    .slider-title-title h2 {
        font-size: 17px;
    }

    .show-discount-modal {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        padding: 12px !important;
    }

    .show-discount-modal .slider-title-desc {
        width: 100%;
    }

    .show-discount-modal > i {
        font-size: 30px !important;
        margin-left: 4px;
    }

    .delivary-payment-bank {
        padding-bottom: 96px;
    }

    .delivary-payment-bank .image-selector {
        width: 100%;
    }

    .delivary-payment-bank .image-selector li {
        flex: 1 1 calc(33.333% - 8px);
    }

    .delivary-payment-bank .image-selector label {
        min-width: 0;
        min-height: 76px;
    }

    .delivary-payment-bank .image-selector label img {
        width: 86px;
        height: 56px;
        object-fit: contain;
    }

    .content-box > .cart-product-item .checkout-quantity-control {
        flex-wrap: nowrap;
    }

    .steps .step {
        margin-bottom: 55px;
    }

    .comment.active {
        padding-left: 0;
        padding-right: 0;
    }

    .comment.active .comment-author-ava {
        left: unset;
        right: 0;
        top: -40px;
    }

    .comment.active .comment-body::after, .comment.active .comment-body::before {
        left: 100%;
        right: 0;
        top: -19px;
        transform: rotate(272deg);
    }

    .comment {
        padding-left: 0;
        padding-right: 0;
    }

    .comment .comment-author-ava {
        top: -40px;
    }

    .comment .comment-body::before {
        margin-top: -1px;
        border-width: 10px;
        border-color: transparent;
        display: none;
    }

    .comment .comment-body::after, .comment .comment-body::before {
        position: absolute;
        top: -19px;
        right: 95%;
        transform: rotate(-90deg);
        border-left-color: #e1e7ec;
        display: none;
    }

    .panel-meta-item-icon {
        text-align: center;
        min-width: 80px;
    }

    .single_address h5 {
        font-size: 16px;
    }

    .single_address a {
        font-size: 14px !important;
    }

    .alert.alert-warning.shadow-box {
        padding: 12px;
    }

    .alert.alert-warning .right {
        align-items: flex-start !important;
    }

    .alert.alert-warning .left,
    .alert.alert-warning .left .btn {
        width: 100%;
    }

    .panel-mini-card .row {
        --bs-gutter-y: 0.75rem;
    }

    .panel-two-full-info-item .content {
        flex-direction: row !important;
        justify-content: flex-start;
        gap: 12px;
        border-radius: 14px;
    }

    .panel-two-full-info-item .detail {
        margin-top: 0;
        text-align: right !important;
    }

    .panel-two-full-info-item .detail .title {
        margin-bottom: 4px !important;
        font-size: 13px;
    }

    .panel-two-full-info-item .detail .value {
        font-size: 16px;
        margin-bottom: 0;
    }

    .icon-card {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 20px;
    }

    .icon-card i {
        font-size: 20px;
    }

    .tab-panel-tbl {
        padding: 10px !important;
    }

    .tab-panel-tbl .nav-tabs {
        gap: 6px;
    }

    .tab-panel-tbl .nav-tabs li {
        margin-left: 0;
    }

    .tab-panel-tbl .nav-tabs button {
        padding: 8px 10px;
        font-size: 13px;
    }

    #latest-order-pane .table-responsive {
        overflow-x: visible;
    }

    #latest-order-pane .main-table,
    #latest-order-pane .main-table tbody,
    #latest-order-pane .main-table tr,
    #latest-order-pane .main-table tr td {
        display: block;
        width: 100%;
    }

    #latest-order-pane .main-table {
        box-shadow: none;
        border-collapse: separate;
    }

    #latest-order-pane .main-table tr {
        padding: 12px;
        border: 1px solid #eee;
        border-radius: 14px;
        box-shadow: var(--shadow-sm);
        background-color: #fff;
    }

    #latest-order-pane .main-table tr:not(:last-child) {
        margin-bottom: 12px;
    }

    #latest-order-pane .main-table tr td {
        min-width: 0;
        padding: 7px 0;
        border: 0;
        text-align: start;
    }

    #latest-order-pane .main-table tr td:nth-child(1) {
        padding-bottom: 10px;
    }

    #latest-order-pane .main-table tr td:nth-child(1) .avatar-group {
        justify-content: flex-start !important;
        min-width: 0;
    }

    #latest-order-pane .main-table tr td:nth-child(2) h5 {
        white-space: normal;
        overflow: visible;
        line-height: 1.8;
        margin-top: 0 !important;
    }

    #latest-order-pane .main-table tr td:nth-child(3),
    #latest-order-pane .main-table tr td:nth-child(4) {
        border-top: 1px solid #eee;
        padding-top: 10px;
    }

    #latest-order-pane .main-table tr td:nth-child(3) > .d-flex,
    #latest-order-pane .main-table tr td:nth-child(4) > .d-flex {
        justify-content: space-between;
        gap: 8px;
    }

    #latest-order-pane .main-table tr td:nth-child(4) p:last-child {
        width: fit-content;
        display: inline-flex;
        align-items: center;
        padding: 5px 9px;
        border-radius: 999px;
        background-color: #f4f4f4;
    }

    #latest-order-pane .main-table tr td:nth-child(5) {
        padding-top: 12px;
    }

    #latest-order-pane .main-table tr td:nth-child(5) .btn {
        width: 100%;
        min-height: 40px;
        border-radius: 10px;
    }

    #latest-order-pane .pagination.pagination-2 {
        margin-top: 18px !important;
        margin-bottom: 96px;
        gap: 4px;
    }

    #latest-order-pane .pagination.pagination-2 a,
    #latest-order-pane .pagination.pagination-2 span {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

    .content .ui-boxs,
    .content .orders,
    .content .payment,
    .content .da-parent,
    .content .page-404 {
        padding-bottom: 92px;
    }

    .content .section-title-title h2 {
        line-height: 1.8;
    }

    .content .slider-parent.content-box,
    .content .table-custom.slider-parent {
        padding: 14px;
        border-radius: 14px !important;
    }

    .content .slider-parent.content-box .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .content .comment-item {
        margin-bottom: 20px;
    }

    .content .comment-item input.form-control,
    .content .comment-item select,
    .content .comment-item textarea.form-control {
        min-height: 50px;
        font-size: 14px;
    }

    .content form .btn.main-color-one-bg,
    .btn-action-panel {
        width: 100%;
        min-height: 42px;
    }

    #editModal .modal-dialog {
        width: calc(100% - 24px);
        max-width: none;
        margin: 12px auto;
    }

    #editModal .modal-content {
        max-height: calc(100dvh - 24px);
        border-radius: 14px;
    }

    #editModal .modal-header {
        padding: 16px 16px 10px;
    }

    #editModal .modal-body {
        max-height: calc(100dvh - 118px);
        overflow-y: auto;
        padding: 16px;
    }

    #address-form .address-form-grid {
        --bs-gutter-y: 0.85rem;
    }

    #address-form .form-control,
    #address-form .form-select {
        min-height: 48px;
    }

    #address-form textarea.form-control {
        min-height: 104px;
    }

    .address-form-actions {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 8px;
    }

    .address-form-actions .btn {
        width: 100%;
        min-height: 48px;
    }

    .saved-address-layout {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .saved-address-layout img {
        width: 100% !important;
        max-width: 220px;
        height: 120px !important;
        align-self: center;
    }

    .saved-address-meta {
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
    }

    .saved-address-field {
        grid-template-columns: 22px minmax(82px, auto) minmax(0, 1fr);
        gap: 6px;
    }

    .profile-details-card {
        padding: 14px;
        margin-top: 20px !important;
    }

    .profile-details-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .profile-detail-item {
        padding: 12px;
    }

    .account-settings {
        align-items: stretch !important;
        flex-direction: column;
        gap: 16px;
    }

    .account-settings form {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .account-settings input[type="file"] {
        max-width: 100%;
    }

    #profile-edit-form .profile-form-grid {
        --bs-gutter-y: 0.85rem;
    }

    #profile-edit-form .form-control,
    #profile-edit-form .form-select {
        min-height: 48px;
    }

    #profile-edit-form textarea.form-control {
        min-height: 104px;
    }

    .profile-form-actions {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 8px;
    }

    .profile-form-actions .btn {
        width: 100%;
        min-height: 48px;
    }

    .orders .order-item {
        padding: 14px !important;
        margin-bottom: 14px;
        border: 1px solid #eee;
        border-radius: 14px;
        background-color: #fff;
    }

    .order-item-status {
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .order-item-status-item:first-child {
        min-width: 0;
    }

    .order-item-status-item.dropd-status {
        flex: 0 0 auto;
    }

    .order-item-detail > .d-flex {
        gap: 14px;
    }

    .order-item-detail img.img-thumbnail {
        width: 100% !important;
        max-width: 150px;
        height: auto !important;
        margin: 0 auto;
    }

    .order-item-detail ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        width: 100%;
    }

    .order-item-detail ul li {
        margin-left: 0;
        padding-bottom: 0;
    }

    .shoping-proccess {
        padding: 18px 12px 0 !important;
    }

    .steps {
        display: block !important;
    }

    .steps .step {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
        text-align: right;
    }

    .steps .step .step-icon-wrap {
        width: 58px;
        height: 58px;
        flex: 0 0 58px;
    }

    .steps .step .step-icon-wrap::before,
    .steps .step .step-icon-wrap::after {
        display: none;
    }

    .steps .step .step-icon {
        width: 58px;
        height: 58px;
        font-size: 26px;
        line-height: 58px;
        border-radius: 10px;
    }

    .steps .step .step-title {
        margin-top: 0;
        line-height: 1.8;
    }

    .step.completed .step-title::before {
        display: none;
    }

    .content .orders .order-item .w-100-px.img-thumbnail {
        width: 78px !important;
        height: 78px;
    }

    .comment-item-desc {
        padding: 14px;
    }

    .comment-date {
        gap: 4px;
    }

    .comment-date-speractor {
        display: none;
    }

    .content .cart-canvas {
        padding: 12px !important;
    }

    .content .cart-canvas > .row {
        align-items: flex-start !important;
    }

    .content .cart-canvas img {
        max-height: 92px;
        width: 100%;
    }

    .content .cart-canvas h3 {
        font-size: 14px !important;
    }

    .content .cart-canvas .product-box-suggest-price {
        justify-content: flex-start !important;
    }

    .content .cart-canvas .product-box-suggest-price ins {
        font-size: 20px !important;
    }

    .content .cart-canvas-foot {
        justify-content: flex-end !important;
    }

    .da-parent {
        padding: 20px 6px;
    }

    .da-title {
        margin: 18px 0;
    }

    .da-title h4 {
        font-size: 18px;
        line-height: 1.8;
    }

    .payment-icon i {
        font-size: 5em;
    }

    .payment-title p {
        font-size: 15px !important;
    }

    .payment-detail {
        display: block;
        margin-top: 18px;
    }

    .payment-detail-item {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .page-404 img,
    .cart-empty-image {
        max-height: 240px;
    }

    .page-404 h4,
    .content-box .cart-empty-image + h5 {
        font-size: 18px !important;
        margin-top: 24px !important;
    }

    .ticket-settings .ticket-status {
        align-items: flex-start;
    }

    .ticket-settings .ticket-status .float-end {
        float: none !important;
    }

    .comment .comment-body {
        padding: 16px;
    }

    .comment .comment-text {
        line-height: 2;
    }

    .comment .comment-footer,
    .comment .comment-footer .comment-date {
        display: block;
        float: none !important;
        width: 100%;
    }

    .panel-latest-order form .btn {
        width: 100%;
    }

    .about-us {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .about-us-image img {
        max-height: 260px;
    }

    .about-us-title h2,
    .about-us-title h3 {
        font-size: 28px;
    }

    .about-us-text p {
        line-height: 2;
    }

    .about-us-link {
        align-items: stretch !important;
    }

    .about-us-link .time-work,
    .about-us-link .btn {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .about-us-faq .accordion-button {
        padding: 12px;
        font-size: 14px;
    }

    .footer-namad-item a {
        min-width: 92px;
        padding: 8px;
    }

    .footer-namad-item a img {
        height: 74px;
    }

    .blog-single-content-meta .row {
        --bs-gutter-y: 0.75rem;
    }

    .blog-content-meta-detail-item {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 6px;
        font-size: 14px;
    }

    .blog-single-content {
        margin-top: 18px;
    }

    .blog-single-content p {
        font-size: 15px;
        line-height: 2.1;
        text-align: right;
    }

    .blog-single-content h1,
    .blog-single-content h2,
    .blog-single-content h3,
    .blog-single-content h4,
    .blog-single-content h5,
    .blog-single-content h6 {
        line-height: 1.8;
        margin-top: 18px;
        margin-bottom: 12px;
    }

    .blog-single-content img {
        margin: 12px auto;
    }

    .box-ui {
        padding: 12px !important;
    }

    .mini-blog-item {
        gap: 10px;
    }

    .mini-blog-item .desc {
        margin-right: 0;
    }

    .blog-single-comment-items,
    .blog-single-comment {
        padding-bottom: 92px;
    }

    .blog-single-comment .btn.main-color-one-bg {
        width: 100%;
    }

    .compare .content-box {
        padding: 10px;
    }

    .compare .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .compare table {
        min-width: 920px;
    }

    .compare table tr th,
    .compare table tr td {
        min-width: 190px;
        padding: 10px;
        font-size: 13px;
    }

    .compare .product-box {
        min-width: 180px;
    }

    .compare .product-box .product-image {
        height: 118px;
    }

    .compare .product-box .product-image img {
        max-height: 110px;
    }

    .compare .product-box .product-title {
        min-height: 54px;
    }

    .compare-add-product {
        width: 180px;
        padding: 18px 10px;
    }

    .contact-map {
        min-height: 240px;
    }

    .single_address .d-flex {
        min-height: 0;
        align-items: flex-start !important;
    }

    .panel-meta-item-icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
        line-height: 54px;
        border-radius: 14px;
    }

    .panel-meta-item-icon i {
        font-size: 22px;
    }

    .contact-title p {
        font-size: 14px;
        line-height: 2;
    }

    body.bg-white > .container-xl {
        width: calc(100% - 24px);
        margin-top: 18px !important;
        padding: 14px;
        overflow-x: auto;
    }

    body.bg-white > .container-xl > .row:first-child {
        min-width: 760px;
    }

    body.bg-white > .container-xl h3 {
        font-size: 18px;
    }

    body.bg-white > .container-xl .table {
        min-width: 920px;
        font-size: 13px;
    }

    body.bg-white > .container-xl #printPageButton {
        width: 100%;
        position: sticky;
        right: 0;
        margin-top: 12px;
    }

    #otp-input {
        column-gap: 7px;
        justify-content: space-between;
    }

    #otp-input label {
        flex: 1 1 0;
        min-width: 0;
    }

    #otp-input input {
        width: 100%;
        height: 52px;
        font-size: 18px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .otp-actions {
        gap: 8px;
    }

    .content .table-custom.border-ui .table-responsive {
        overflow-x: visible;
    }

    .content .table-custom.border-ui .main-table,
    .content .table-custom.border-ui .main-table tbody,
    .content .table-custom.border-ui .main-table tr,
    .content .table-custom.border-ui .main-table td {
        display: block;
        width: 100%;
    }

    .content .table-custom.border-ui .main-table thead {
        display: none;
    }

    .content .table-custom.border-ui .main-table {
        box-shadow: none;
    }

    .content .table-custom.border-ui .main-table tr {
        padding: 12px;
        border: 1px solid #eee;
        border-radius: 14px;
        background-color: #fff;
    }

    .content .table-custom.border-ui .main-table tr:not(:last-child) {
        margin-bottom: 12px;
    }

    .content .table-custom.border-ui .main-table td {
        min-width: 0;
        border: 0;
        padding: 6px 0;
        text-align: right !important;
    }

    .content .table-custom.border-ui .main-table td .btn {
        width: 100%;
        margin-top: 6px;
    }

    .panel-latest-order .slider-parent {
        padding: 14px;
    }

    .panel-latest-order textarea.form-control {
        min-height: 140px;
    }

    .panel-latest-order .alert {
        padding: 12px;
    }
}

@media only screen and (max-width: 430px) {
    #editModal .modal-title {
        font-size: 17px !important;
    }

    .address-modal-description {
        font-size: 13px;
    }

    #address-form .form-label {
        font-size: 13px;
    }

    .saved-address-main p {
        font-size: 14px;
    }

    .saved-address-field {
        grid-template-columns: 22px 1fr;
    }

    .saved-address-label,
    .saved-address-value {
        grid-column: 2;
    }

    .profile-modal-description {
        font-size: 13px;
    }

    #profile-edit-form .form-label {
        font-size: 13px;
    }

    .bg-auth .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

    .auth {
        padding: 12px 0;
    }

    .auth-form {
        width: 100%;
        max-width: 390px;
        margin-right: auto;
        margin-left: auto;
        padding: 16px;
    }

    .auth-form-title h2 {
        font-size: 18px;
        line-height: 1.7;
    }

    .auth-logo {
        width: 96px;
        max-width: 100%;
        max-height: 38px;
    }

    #otp-input {
        column-gap: 6px;
    }

    #otp-input input {
        height: 50px;
        font-size: 17px;
    }

    .otp-mobile-display {
        padding: 9px 10px;
        font-size: 13px;
    }

    .otp-edit-mobile,
    .otp-resend {
        font-size: 12px;
    }

    .compare .content-box {
        padding: 8px;
        overflow: hidden;
    }

    .compare .table-responsive {
        padding: 8px 8px 12px;
        border-radius: 14px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 18px) right center / 28px 100% no-repeat, #fff;
        box-shadow: inset -10px 0 14px -16px rgba(0, 0, 0, 0.55);
        scrollbar-width: thin;
    }

    .compare .table-responsive::-webkit-scrollbar {
        height: 6px;
    }

    .compare .table-responsive::-webkit-scrollbar-thumb {
        background-color: var(--bs-gray-400);
        border-radius: 999px;
    }

    .compare table {
        min-width: 1060px;
        margin-bottom: 0;
        border-spacing: 0 4px;
    }

    .compare table tr th,
    .compare table tr td {
        min-width: 240px;
        max-width: 260px;
        padding: 13px 12px;
        font-size: 13px;
        line-height: 2;
        white-space: normal;
    }

    .compare table tr td:nth-child(1) {
        min-width: 210px;
        text-align: right;
        background-color: #fafafa;
    }

    .compare table tr td span {
        line-height: 2;
    }

    .compare .td-head {
        padding: 12px 14px !important;
        font-size: 14px;
        border-radius: 10px;
    }

    .compare .td-head i {
        margin-left: 6px;
    }

    .compare .product-box {
        min-width: 220px;
        padding: 10px;
    }

    .compare .product-box .product-image {
        height: 140px;
    }

    .compare .product-box .product-image img {
        max-height: 132px;
    }

    .compare .product-box .product-title {
        min-height: 76px;
        margin-bottom: 8px !important;
        align-items: flex-start;
    }

    .compare .product-box .product-title .title p,
    .compare .product-box .product-title .title span {
        white-space: normal;
        overflow: visible;
        display: block;
        line-height: 1.8;
    }

    .compare .product-box .product-action {
        align-items: flex-start;
        padding-top: 10px;
    }

    .compare .product-box .price {
        text-align: right;
    }

    .compare-box {
        padding-top: 12px;
    }

    .compare-add-product {
        width: 220px;
        min-height: 230px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.bg-white {
        overflow-x: hidden;
    }

    body.bg-white > .container-xl {
        width: calc(100% - 20px);
        padding: 12px;
        border-radius: 12px;
        box-shadow: var(--shadow-sm);
        scrollbar-width: thin;
    }

    body.bg-white > .container-xl::-webkit-scrollbar {
        height: 6px;
    }

    body.bg-white > .container-xl::-webkit-scrollbar-thumb {
        background-color: var(--bs-gray-400);
        border-radius: 999px;
    }

    body.bg-white > .container-xl > .row:first-child {
        min-width: 840px;
        align-items: center;
        padding-bottom: 10px;
        margin-bottom: 12px;
        border-bottom: 1px solid #eee;
    }

    body.bg-white > .container-xl h3 {
        font-size: 19px;
        margin-bottom: 0;
    }

    body.bg-white > .container-xl .table {
        min-width: 1080px;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 13px;
    }

    body.bg-white > .container-xl .table thead th {
        padding: 12px;
        font-size: 14px;
        border-top: 8px solid #fff;
        border-bottom: 2px solid #ddd;
    }

    body.bg-white > .container-xl .table th,
    body.bg-white > .container-xl .table td {
        padding: 12px 10px;
        line-height: 2.1;
        white-space: normal;
    }

    body.bg-white > .container-xl .table td > .row {
        flex-wrap: nowrap;
        --bs-gutter-x: 1rem;
    }

    body.bg-white > .container-xl .table td > .row > .col-4 {
        width: 33.333%;
        min-width: 270px;
    }

    body.bg-white > .container-xl .table tbody tr:nth-last-child(3) th,
    body.bg-white > .container-xl .table tbody tr:nth-last-child(3) td {
        background-color: #f8f8f8;
        font-weight: 900;
    }

    body.bg-white > .container-xl .table tbody tr:nth-last-child(2) th,
    body.bg-white > .container-xl .table tbody tr:nth-last-child(2) td,
    body.bg-white > .container-xl .table tbody tr:last-child td {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    body.bg-white > .container-xl p {
        line-height: 2;
    }

    body.bg-white > .container-xl #printPageButton {
        min-height: 44px;
        margin-top: 14px;
        border-radius: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .main-slider .swiper-slide img {
        height: 150px;
    }

    .w-100-in-400 {
        width: 100%;
    }

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

    .btn-action-panel {
        font-size: 14px;
        padding: 0 10px;
    }
}

@media only screen and (min-width: 1470px) {
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1470px;
    }

    .mega-container {
        max-width: 1470px;
    }
}

@media print {
    #printPageButton {
        display: none;
    }

    @page :first {
        margin: 0;
    }

    @page :left {
        margin: 2cm 1.5cm 2cm 2cm;
    }

    @page :right {
        margin: 2cm 2cm 2cm 1.5cm;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #000 !important;
        border-bottom: 1px solid #000 !important;
    }
}

/* ==========================================================================
   Account Center Redesign - Responsive
   ========================================================================== */
@media only screen and (max-width: 1199.98px) {
    .account-center-page {
        padding-top: 24px;
    }

    .account-page-heading,
    .account-order-detail-topbar {
        padding-right: 0;
    }
}

@media only screen and (max-width: 991.98px) {
    .account-order-card-body {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .account-order-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-order-product-row {
        grid-template-columns: 72px minmax(0, 1fr) 70px;
        gap: 12px;
    }

    .account-order-product-price,
    .account-order-product-total {
        grid-column: 2 / 4;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 8px;
        border-top: 1px dashed #e7ebf0;
    }

    .account-order-product-total {
        grid-column: 2 / 4;
        margin-top: -5px;
    }
}

@media only screen and (max-width: 767.98px) {
    .account-center-page {
        padding: 18px 0 94px;
    }

    .account-center-page .container-fluid {
        --bs-gutter-x: 1.25rem;
    }

    .account-page-heading,
    .account-order-detail-topbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 17px;
    }

    .account-page-heading h1,
    .account-order-detail-topbar h1 {
        font-size: 22px;
    }

    .account-page-heading p {
        font-size: 12px;
    }

    .account-page-heading-stat {
        width: 100%;
        min-width: 0;
        grid-template-columns: auto auto;
        justify-content: space-between;
        justify-items: start;
        align-items: center;
        padding: 11px 14px;
    }

    .account-page-heading-stat span {
        font-size: 18px;
    }

    .account-page-heading-stat small {
        margin-top: 0;
    }

    .account-order-card {
        border-radius: 18px;
    }

    .account-order-card-head {
        align-items: flex-start;
        flex-direction: column;
        padding: 15px 16px;
    }

    .account-order-date {
        width: 100%;
        padding-top: 10px;
        border-top: 1px dashed #e7ebef;
    }

    .account-order-card-body {
        padding: 16px;
    }

    .account-order-products {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .account-order-product-copy {
        width: 100%;
    }

    .account-order-product-copy strong {
        white-space: normal;
        line-height: 1.9;
    }

    .account-order-card-footer {
        align-items: stretch;
        flex-direction: column;
        padding: 13px 16px 16px;
    }

    .account-order-footer-note {
        line-height: 1.8;
    }

    .account-order-detail-btn,
    .account-back-btn {
        width: 100%;
    }

    .account-order-detail-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 17px;
        border-radius: 18px;
    }

    .account-order-detail-status {
        align-self: stretch;
    }

    .account-order-progress-card,
    .account-info-card,
    .account-payment-card,
    .account-order-products-card {
        padding: 16px;
        border-radius: 18px;
    }

    .account-order-progress {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .account-order-progress::before {
        top: 22px;
        bottom: 22px;
        right: 22px;
        left: auto;
        width: 3px;
        height: auto;
    }

    .account-order-progress-step {
        grid-template-columns: 46px minmax(0, 1fr);
        align-items: center;
        justify-items: start;
        gap: 12px;
        text-align: right;
    }

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

    .account-info-item-wide {
        grid-column: auto;
    }

    .account-order-product-row {
        grid-template-columns: 64px minmax(0, 1fr);
        align-items: start;
        gap: 11px;
        padding: 14px 0;
    }

    .account-order-product-image {
        width: 64px;
        height: 64px;
        border-radius: 13px;
    }

    .account-order-product-quantity,
    .account-order-product-price,
    .account-order-product-total {
        grid-column: 2;
    }

    .account-order-product-quantity {
        display: flex;
        align-items: center;
        justify-content: space-between;
        justify-items: initial;
        padding-top: 8px;
        border-top: 1px dashed #e7ebf0;
    }

    .account-order-product-price,
    .account-order-product-total {
        margin-top: -4px;
    }

    .account-products-title-row {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 575.98px) {
    .account-mobile-menu-btn {
        right: 12px;
        bottom: 78px;
        min-height: 43px;
        padding: 8px 11px;
        border-radius: 12px;
    }

    .account-mobile-menu-btn span {
        display: none;
    }

    .account-mobile-menu-btn i {
        font-size: 20px;
    }

    .account-sidebar-user {
        padding: 12px;
    }

    .account-sidebar-avatar {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: 15px;
    }

    .account-sidebar-link {
        min-height: 50px;
    }

    .account-order-meta-grid {
        grid-template-columns: 1fr;
    }

    .account-order-product-thumb,
    .account-order-more-products {
        width: 52px;
        height: 52px;
        border-radius: 14px;
    }

    .account-order-identity {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .account-order-number {
        width: 100%;
        justify-content: space-between;
    }

    .account-order-detail-hero-main {
        align-items: flex-start;
    }

    .account-order-detail-icon {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        border-radius: 14px;
        font-size: 21px;
    }

    .account-order-detail-hero-main strong {
        font-size: 15px;
        overflow-wrap: anywhere;
    }

    .account-card-title-row {
        margin-bottom: 14px;
    }

    .account-card-title-row h2 {
        font-size: 14px;
    }

    .account-card-title-row > i {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .account-payment-row {
        font-size: 11px;
    }

    .account-payment-row strong {
        font-size: 12px;
    }

    .account-payment-row.is-total strong {
        font-size: 14px;
    }

    .account-products-title-row {
        flex-wrap: wrap;
    }

    .account-products-count {
        width: 100%;
        justify-content: center;
    }

    .account-order-product-main h3 {
        font-size: 12px;
    }

    .account-order-product-tags span {
        font-size: 9px;
    }

    .account-empty-state {
        min-height: 320px;
        padding: 28px 15px;
    }

    .account-empty-icon {
        width: 66px;
        height: 66px;
        border-radius: 20px;
        font-size: 28px;
    }
}
@media only screen and (max-width: 1199.98px) {

    .account-panel-float-btn {
        position: fixed;
        right: 14px;
        bottom: 92px;
        z-index: 1035;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;

        min-width: 126px;
        height: 54px;

        padding: 6px 13px 6px 7px;

        border: 1px solid rgba(255, 255, 255, .25);
        border-radius: 18px;

        color: #fff;

        background:
            linear-gradient(
                145deg,
                #6664db 0%,
                #4947ba 45%,
                #302e91 100%
            );

        box-shadow:
            0 5px 0 #211f72,
            0 10px 20px rgba(48, 46, 145, .32),
            0 18px 36px rgba(48, 46, 145, .18),
            inset 0 2px 1px rgba(255, 255, 255, .42),
            inset 0 -3px 6px rgba(0, 0, 0, .18);

        font-size: 13px;
        font-weight: 900;

        overflow: hidden;
        cursor: pointer;

        transition:
            transform .15s ease,
            box-shadow .15s ease;
    }


    /* برق بالای دکمه */
    .account-panel-float-btn::before {
        content: "";
        position: absolute;
        top: 2px;
        right: 8px;
        left: 8px;
        height: 46%;

        border-radius: 15px 15px 50% 50%;

        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, .32),
                rgba(255, 255, 255, .02)
            );

        pointer-events: none;
    }


    .account-panel-float-icon {
        position: relative;
        z-index: 2;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 40px;
        height: 40px;
        flex: 0 0 40px;

        border-radius: 13px;

        /* زرد هماهنگ با هدر iPower */
        background:
            linear-gradient(
                145deg,
                #ffc928,
                #f5ad00
            );

        border: 1px solid rgba(255,255,255,.45);

        box-shadow:
            0 3px 0 #d69500,
            0 5px 10px rgba(0,0,0,.18),
            inset 0 2px 2px rgba(255,255,255,.5);
    }


    .account-panel-float-icon i {
        color: #fff;
        font-size: 21px;
        line-height: 1;

        text-shadow:
            0 2px 3px rgba(0,0,0,.2);
    }


    .account-panel-float-text {
        position: relative;
        z-index: 2;

        color: #fff;
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;

        text-shadow:
            0 1px 2px rgba(0,0,0,.22);
    }


    .account-panel-float-btn:active {
        transform: translateY(4px);

        box-shadow:
            0 1px 0 #211f72,
            0 5px 12px rgba(48, 46, 145, .25),
            inset 0 2px 5px rgba(0,0,0,.14);
    }


    .account-panel-float-btn:focus {
        outline: none;
    }
}



@media (max-width: 576px) {

    .timed-product-box .product-timer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-bottom: 8px;
    }

    .timed-product-box .product-timer .timer-label {
        align-self: flex-start;
        padding: 4px 8px;
        border-radius: 999px;
        background: #ffe8e8;
    }

    .timed-product-box .product-timer .timer-label span {
        font-size: 11px;
        font-weight: 700;
        color: #e53935;
        white-space: nowrap;
    }

    .timed-product-box .product-timer .timer {
        width: 100%;
    }

    .timed-product-box .product-timer .countdown-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }

    .timed-product-box .product-timer .countdown-container > div {
        background: #f8f8ff;
        border: 1px solid #eceaff;
        border-radius: 12px;
        padding: 6px 4px;
        min-width: 0;
        text-align: center;
        box-shadow: 0 2px 8px rgba(64, 59, 179, 0.08);
    }

    .timed-product-box .product-timer .countdown-value {
        display: block;
        width: auto !important;
        height: auto !important;
        font-size: 13px !important;
        font-weight: 800;
        line-height: 1.1;
        color: var(--main-color-one);
        margin-bottom: 2px;
    }

    .timed-product-box .product-timer .countdown-heading {
        display: block;
        font-size: 10px !important;
        line-height: 1.2;
        color: #6f6b8a;
    }
}
@media (max-width: 420px) {
    .timed-product-box .product-timer .countdown-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    /*.timed-product-box .product-timer .countdown-container > div:last-child {*/
    /*    display: none;*/
    /*}*/
}

@media (max-width: 767px) {

    /* کارت کلی */
    .suggetMoment .timed-product-box {
        min-height: auto !important;
        padding: 8px 8px 10px !important;
        border-radius: 16px !important;
    }

    /* تایمر */
    .suggetMoment .product-timer {
        min-height: 44px !important;
        margin: 0 0 6px !important;
        padding-top: 16px !important;
    }

    .suggetMoment .product-timer .timer-label {
        height: 20px !important;
        padding: 3px 7px !important;
        border-radius: 8px !important;
    }

    .suggetMoment .product-timer .timer-label span {
        font-size: 8px !important;
        font-weight: 800 !important;
    }

    /* تصویر بزرگ‌تر */
    .suggetMoment .product-image {
        height: 118px !important;
        margin: 4px 0 8px !important;
        padding: 4px !important;
    }

    .suggetMoment .product-image img {
        max-width: 118px !important;
        max-height: 112px !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    /* عنوان */
    .suggetMoment .product-title {
        min-height: auto !important;
        margin: 0 0 6px !important;
    }

    .suggetMoment .product-title .title {
        width: 100% !important;
    }

    .suggetMoment .product-title p {
        min-height: auto !important;
        margin: 0 !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
        -webkit-line-clamp: 2 !important;
    }

    /* بخش قیمت - فاصله کمتر */
    .suggetMoment .product-action {
        margin-top: 6px !important;
        padding: 8px 0 0 !important;
        border-top: 1px solid #e4e2ef !important;
    }

    .suggetMoment .product-action .price {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 3px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* قیمت قبلی */
    .suggetMoment .old-price {
        order: 1;
        margin: 0 !important;
        font-size: 8px !important;
        color: #b3afc7 !important;
        text-decoration: line-through !important;
        line-height: 1.3 !important;
    }

    /* قیمت جدید جذاب‌تر */
    .suggetMoment .new-price {
        order: 2;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 4px 8px !important;
        border-radius: 10px !important;
        background: linear-gradient(135deg, #f5f4ff 0%, #ebe9ff 100%) !important;
        color: #2f2a8c !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1.4 !important;
        box-shadow: 0 3px 10px rgba(64, 59, 179, 0.10) !important;
    }

    .suggetMoment .new-price span {
        font-size: 7px !important;
        font-weight: 700 !important;
        color: #5e59a8 !important;
    }
}

@media (max-width: 420px) {

    .suggetMoment .timed-product-box {
        padding: 7px 7px 9px !important;
    }

    .suggetMoment .product-image {
        height: 108px !important;
    }

    .suggetMoment .product-image img {
        max-width: 108px !important;
        max-height: 102px !important;
    }

    .suggetMoment .product-title p {
        font-size: 8px !important;
    }

    .suggetMoment .new-price {
        font-size: 10px !important;
        padding: 4px 7px !important;
    }

    .suggetMoment .new-price span {
        font-size: 6px !important;
    }


    .suggetMoment .product-timer .countdown {
        gap: 4px !important;
    }
}


@media (max-width: 420px) {

    .suggetMoment .product-timer {
        min-height: 42px !important;
        margin: 0 0 6px !important;
        padding-top: 16px !important;
    }

    .suggetMoment .product-timer .timer-label {
        height: 18px !important;
        padding: 2px 6px !important;
        border-radius: 7px !important;
        background: rgba(64, 59, 179, 0.10) !important;
    }

    .suggetMoment .product-timer .timer-label span {
        font-size: 7px !important;
        font-weight: 800 !important;
        color: #403bb3 !important;
    }

    /* کل تایمر */
    .suggetMoment .product-timer .countdown {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 3px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* هر باکس زمان */
    .suggetMoment .product-timer .countdown > .countdown-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        flex: 0 0 22px !important;
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* عدد */
    .suggetMoment .product-timer .countdown-value {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 22px !important;
        min-width: 22px !important;
        height: 21px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 6px !important;
        border: 1px solid #d9d7ff !important;
        background: #eef2ff !important;
        color: #2f2a8c !important;

        font-size: 7px !important;
        font-weight: 900 !important;
        line-height: 21px !important;

        box-shadow: none !important;
    }

    /* عنوان: روز، ساعت، دقیقه، ثانیه */
    .suggetMoment .product-timer .countdown-heading {
        display: block !important;
        width: 100% !important;

        margin: 2px 0 0 !important;
        padding: 0 !important;

        font-size: 5px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;

        color: #403bb3 !important;
    }
}
@media (max-width: 420px) {

    .suggetMoment .product-timer .countdown > .countdown-container:last-child .countdown-value {
        background: #ffd54f !important;
        border: 1px solid #f4c430 !important;
        color: #5c4300 !important;
    }

    .suggetMoment .product-timer .countdown > .countdown-container:last-child.countdown-heading {
        color: #c79200 !important;
    }
}

@media (max-width: 575.98px) {

    .category-swiper .cat-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .category-swiper .cat-item-image {
        display: flex !important;
        align-items: center;
        justify-content: center;

        width: 66px !important;
        height: 66px !important;
        flex: 0 0 66px !important;

        margin: 0 auto 8px !important;
    }

    .category-swiper .cat-item-image img {
        width: 50px !important;
        height: 50px !important;
        object-fit: contain !important;
        display: block;
        margin: auto;
    }

    .category-swiper .cat-item-desc {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .category-swiper .cat-item-desc h5 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 2px !important;

        font-size: 9px !important;
        font-weight: 900 !important;
        line-height: 1.4 !important;
        color: #222 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
    }
}
@media (max-width: 575.98px) {

    .categories {
        padding-top: 16px !important;
        padding-bottom: 14px !important;
    }

    .categories .section-title {
        margin-bottom: 14px !important;
    }

    .category-swiper {
        width: 100%;
        padding: 4px 2px 8px !important;
        overflow: hidden;
    }

    .category-swiper .swiper-wrapper {
        align-items: stretch;
    }

    .category-swiper .swiper-slide {
        height: auto !important;
    }

    .category-slide-link {
        display: block;
        width: 100%;
        height: 100%;
        color: inherit !important;
        text-decoration: none !important;
    }

    /* کارت اصلی */
    .category-swiper .cat-item {
        position: relative;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-height: 118px !important;
        height: 118px !important;

        padding: 10px 8px 8px !important;

        border-radius: 18px !important;
        border: 1px solid rgba(64, 59, 179, 0.10) !important;

        background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%) !important;

        box-shadow:
            0 6px 18px rgba(40, 36, 100, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.9);

        overflow: hidden;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    /* نوار تزئینی بالا */
    .category-swiper .cat-item::before {
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
        transform: translateX(50%);

        width: 30px;
        height: 4px;
        border-radius: 0 0 10px 10px;

        background: linear-gradient(90deg, #403bb3, #7771ee);
    }

    /* قاب عکس */
    .category-swiper .cat-item-image {
        display: flex !important;
        align-items: center;
        justify-content: center;

        width: 64px !important;
        height: 64px !important;
        flex: 0 0 64px !important;

        margin: 0 auto 8px !important;

        border-radius: 16px !important;
        border: 1px solid rgba(64, 59, 179, 0.08);

        background: linear-gradient(145deg, #f7f6ff 0%, #efedff 100%);

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 3px 10px rgba(64, 59, 179, 0.07);
    }

    .category-swiper .cat-item-image img {
        width: 50px !important;
        height: 50px !important;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain !important;
        display: block;
        margin: auto;
    }

    .category-swiper .cat-item-desc {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    /* اسم فقط یک خط */
    .category-swiper .cat-item-desc h5 {
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 2px !important;

        color: #26233b !important;

        font-size: 9px !important;
        font-weight: 900 !important;
        line-height: 1.4 !important;
        text-align: center !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
    }

    /* افکت لمس */
    .category-slide-link:active .cat-item {
        transform: scale(0.97);
        border-color: rgba(64, 59, 179, 0.20) !important;
        box-shadow:
            0 4px 10px rgba(40, 36, 100, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.9);
    }
}


/* =========================================================
   CATEGORY LAPTOP / DESKTOP
   5 ITEMS PER ROW
   ========================================================= */

@media (min-width: 992px) {

    /* کل باکس دسته‌بندی */
    .categories {
        position: relative;

        margin: 24px 20px 30px !important;
        padding: 28px !important;

        background: #f7f7fc !important;

        border: 1px solid rgba(64, 59, 179, 0.11) !important;
        border-radius: 24px !important;

        box-shadow:
            0 10px 30px rgba(38, 34, 86, 0.07);

        overflow: hidden;
    }

    /* خط بنفش بالا */
    .categories::before {
        content: "";

        position: absolute;
        top: 0;
        right: 30px;

        width: 68px;
        height: 5px;

        background: #403bb3;

        border-radius: 0 0 8px 8px;
    }

    /* خط زرد کوچک */
    .categories::after {
        content: "";

        position: absolute;
        top: 0;
        right: 104px;

        width: 24px;
        height: 5px;

        background: #ffc107;

        border-radius: 0 0 8px 8px;
    }


    /* عنوان */
    .categories .section-title {
        margin-bottom: 24px !important;
    }

    .categories .section-title-title h2 {
        margin: 0;

        font-size: 22px !important;
        font-weight: 900 !important;

        color: #272435;
    }


    /* دکمه مشاهده همه */
    .categories .section-title-link .btn {
        padding: 9px 18px !important;

        background: #ffc107 !important;
        color: #272435 !important;

        border-radius: 10px !important;

        font-size: 12px !important;
        font-weight: 900 !important;

        box-shadow:
            0 4px 10px rgba(210, 157, 0, 0.15);
    }


    /* Swiper تبدیل به Grid */
    .category-swiper.category-desktop-grid {
        width: 100% !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .category-swiper.category-desktop-grid
    .swiper-wrapper {

        display: grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr));

        gap: 18px;

        width: 100% !important;
        height: auto !important;

        transform: none !important;
    }

    .category-swiper.category-desktop-grid
    .swiper-slide {

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
    }


    /* کارت */
    .category-swiper .cat-item {
        position: relative;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: 175px !important;

        padding: 16px 12px 13px !important;

        background: #fff !important;

        border:
            1px solid rgba(64, 59, 179, 0.10) !important;

        border-radius: 18px !important;

        box-shadow:
            0 6px 17px rgba(43, 39, 100, 0.07);

        overflow: hidden;

        transition:
            transform .2s ease,
            box-shadow .2s ease,
            border-color .2s ease;
    }


    /* خط بالای هر کارت */
    .category-swiper .cat-item::before {
        content: "";

        position: absolute;

        top: 0;
        right: 50%;

        width: 42px;
        height: 4px;

        transform: translateX(50%);

        background: #403bb3;

        border-radius: 0 0 8px 8px;
    }


    /* قاب عکس */
    .category-swiper .cat-item-image {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 105px !important;
        height: 105px !important;

        flex: 0 0 105px !important;

        margin: 0 auto 10px !important;
        padding: 9px;

        background: #f5f4fb;

        border:
            1px solid rgba(64, 59, 179, 0.10);

        border-radius: 18px;
    }


    /* عکس */
    .category-swiper .cat-item-image img {
        width: 88px !important;
        height: 88px !important;

        max-width: 100% !important;
        max-height: 100% !important;

        object-fit: contain !important;
    }


    /* عنوان */
    .category-swiper .cat-item-desc {
        width: 100% !important;

        min-width: 0;

        margin: 0 !important;

        text-align: center;
    }

    .category-swiper .cat-item-desc h5 {
        display: block !important;

        width: 100%;

        margin: 0 !important;
        padding: 0 5px;

        color: #282536;

        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.5 !important;

        text-align: center;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
    }


    /* Hover */
    .category-slide-link:hover .cat-item {
        transform: translateY(-5px);

        border-color:
            rgba(64, 59, 179, 0.28) !important;

        box-shadow:
            0 13px 28px rgba(42, 37, 104, 0.13);
    }

    .category-slide-link:hover
    .cat-item-image img {

        transform: scale(1.06);
    }

    .category-slide-link:hover
    .cat-item-desc h5 {

        color: #403bb3;
    }
}



@media (max-width: 575.98px) {

    /* فاصله بین محصولات تایم‌دار و دسته‌بندی */
    .main-slider {
        margin-bottom: 8px !important;
    }

    /* کل سکشن دسته‌بندی */
    .categories {
        margin-top: 6px !important;
        margin-bottom: 14px !important;

        padding-top: 14px !important;
        padding-bottom: 16px !important;
    }

    /* هدر دسته‌بندی */
    .categories .section-title {
        margin-bottom: 14px !important;
    }

    .categories .section-title .row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        flex-wrap: nowrap !important;

        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;

        margin: 0 !important;
    }

    /* ستون عنوان */
    .categories .section-title .col-sm-8 {
        width: auto !important;
        flex: 1 1 auto !important;

        padding: 0 !important;
    }

    /* ستون مشاهده همه */
    .categories .section-title .col-sm-4 {
        width: auto !important;
        flex: 0 0 auto !important;

        padding: 0 !important;
    }

    /* عنوان */
    .categories .section-title-title {
        padding-right: 36px !important;
    }

    .categories .section-title-title h2 {
        margin: 0 !important;

        font-size: 15px !important;
        line-height: 1.5 !important;
        font-weight: 900 !important;

        white-space: nowrap;
    }

    /* نقطه‌های کنار عنوان */
    .categories .section-title-title .Dottedsquare {
        width: 28px !important;
        height: 28px !important;

        right: 0 !important;
        bottom: 50% !important;

        transform: translateY(50%);
    }

    /* دکمه مشاهده همه */
    .categories .section-title-link {
        text-align: left !important;
    }

    .categories .section-title-link .btn {
        margin: 0 !important;

        padding: 7px 12px !important;

        border-radius: 10px !important;

        font-size: 9px !important;
        font-weight: 900 !important;

        white-space: nowrap;
    }

    /* نزدیک کردن کارت‌ها به هدر */
    .category-swiper {
        padding-top: 2px !important;
        padding-bottom: 10px !important;
    }

    /* کارت‌ها */
    .category-swiper .swiper-wrapper {
        align-items: stretch !important;
    }

    .category-swiper .swiper-slide {
        height: auto !important;
    }

    .category-swiper .cat-item {
        height: 118px !important;
        min-height: 118px !important;
    }
}


@media (min-width: 992px) {

    .category-swiper .cat-item-desc h5 {
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1.5 !important;
    }

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

    .categories {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    .categories::before,
    .categories::after {
        display: none !important;
        content: none !important;
    }

}