 
 
@media screen and (min-width: 1820px) {
    .testimonial-item {
        display: none;
    }

    .hero-grid {
        display: flex;
        padding-left: 50px;
    }
}



@media screen and (max-width: 1780px) {
    :root {
        --font-xxl: 90px;
        --font-xl: 50px;
        --font-lg: 39px;
        --font-md: 32px;
        --font-sm: 24px;
        --font-xs: 20px;
        --font-xxs: 18px;
    }

    .home-content {
        max-width: 1000px;
    }

    .home-right-content {
        padding-right: 100px;
        width: 100%;
    }

    .hero-bottom {
        padding: 35px 0;
    }

    .hero-bottom::after {
        width: 140px;
        height: 580px !important;
    }

    .category-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .hero-grid {
        display: none;
    }

    .testimonial-list {
        display: flex;
        gap: 50px;
    }

    .table-top>div {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 1440px) {
    .home-hero h1 {
        letter-spacing: -1px;
    }

    .hero-bottom-block-content p {
        font-size: 20px;
    }

    .hero-bottom-block-content p span {
        font-size: 16px;
    }

    .hero-bottom-block img {
        width: 50px;
    }

    .subscribe-link-text {
        font-size: 32px;
        padding-left: 120px;
    }

    .subscribe-link-hover-text {
        font-size: 32px;
    }

    .subscribe-link {
        height: 150px;
    }

    .subscribe-link-hover-button {
        width: 142px;
        height: 142px;
    }

    .popular-category-btn {
        /* width: 50px; */
        /* height: 50px; */
        right: 30px;
        bottom: 30px;
    }

    .cat-wrapper {
        padding-top: 144px;
        padding-bottom: 375px;
    }


    .category,
    .subscribe,
    .list-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .recently,
    .popular-categories {
        padding-top: 100px;
    }

    footer {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .popular-categories,
    .bestseller,
    .special-offers {
        padding-bottom: 100px;
    }

    .popular-categories-wrapper,
    .bestseller .swiper,
    .special-offers-wrapper,
    .recently .swiper {
        padding-top: 45px;
    }

    .details-hero,
    .listing-hero {
        padding-top: 50px;
    }

    .child-categories {
        list-style: none;
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        column-gap: 20px;
        row-gap: 10px;
    }

    .home-hero h1 {
        letter-spacing: -1px;
    }

    .hero-bottom-block-content p {
        font-size: 20px;
    }

    .hero-bottom-block-content p span {
        font-size: 16px;
    }

    .hero-bottom-block img {
        width: 50px;
    }

    .subscribe-link-text {
        font-size: 32px;
        padding-left: 120px;
    }

    .subscribe-link-hover-text {
        font-size: 32px;
    }

    .subscribe-link {
        height: 150px;
    }

    .subscribe-link-hover-button {
        width: 142px;
        height: 142px;
    }

    .popular-category-btn {
        /* width: 50px; */
        /* height: 50px; */
    }

    .cat-wrapper {
        padding-top: 144px;
        padding-bottom: 375px;
    }


    .category,
    .subscribe,
    .list-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .recently,
    .popular-categories {
        padding-top: 100px;
    }

    footer {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .popular-categories,
    .bestseller,
    .special-offers {
        padding-bottom: 100px;
    }

    .popular-categories-wrapper,
    .bestseller .swiper,
    .special-offers-wrapper,
    .recently .swiper {
        padding-top: 45px;
    }

    .details-hero,
    .listing-hero {
        /* padding-top: 140px; */
    }
}

@media screen and (max-width: 1280px) {
    .hero-bottom::after {
        display: none;
    }

    .hero-bottom {
        margin-right: 0;
    }

    .home-right-content {
        width: 100%;
        max-width: 100%;
        margin-top: -15px;
        padding-right: 50px;
    }

    .category-block a {
        padding: 30px;
    }

    .small-screen,
    .quotebutton {
        display: block;
    }

    .web-screen {
        display: none;
    }

    .mob .filter-list {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: auto;
        padding-left: 10px;
    }

    .description.mob {
        height: 80vh;
        overflow: auto;
        margin: 0;
    }

    .description.mob #faq .card .card-header .btn-header-link.collapsed,
    .description.mob #faq .card .card-header .btn-header-link {
        padding: 20px;
    }

    .description.mob #faq .card .card-header .btn-header-link.collapsed:after,
    .description.mob #faq .card .card-header .btn-header-link:after {
        right: 15px;
    }

    .description.mob #faq .card {
        border-bottom: 1px solid #00000023;
    }

    .list-right,
    .list-left {
        padding: 25px;
        gap: 15px;
    }

    .list-wrapper ul {
        gap: 12px;
    }

    .hero-bottom::after {
        display: none;
    }

    .hero-bottom {
        margin-right: 0;
    }

    .home-right-content {
        width: 100%;
        max-width: 100%;
        margin-top: -15px;
        padding-right: 50px;
    }

    .category-block a {
        padding: 30px;
    }

    .small-screen,
    .quotebutton {
        display: block !important;
    }

    .web-screen {
        display: none !important;
    }

    .mob .filter-list {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: auto;
        padding-left: 10px;
    }

    .description.mob {
        height: 80vh;
        overflow: auto;
        margin: 0;
    }

    .description.mob #faq .card .card-header .btn-header-link.collapsed,
    .description.mob #faq .card .card-header .btn-header-link {
        padding: 20px;
    }

    .description.mob #faq .card .card-header .btn-header-link.collapsed:after,
    .description.mob #faq .card .card-header .btn-header-link:after {
        right: 15px;
    }

    .description.mob #faq .card {
        border-bottom: 1px solid #00000023;
    }

    .list-right,
    .list-left {
        padding: 25px;
        gap: 15px;
    }

    .list-wrapper ul {
        gap: 12px;
    }

    .child-categories {
        list-style: none;
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        column-gap: 20px;
        row-gap: 10px;
    }
}

@media screen and (max-width: 1124px) {}


@media screen and (max-width: 991px) {
 
  

    :root {
        --font-xxl: 80px;
        --font-xl: 45px;
        --font-lg: 32px;
        --font-md: 30px;
        --font-sm: 24px;
        --font-xs: 20px;
        --font-xxs: 18px;
    }

    .navbar-logo img {
        width: 180px;
    }

    .testimonial-list {
        gap: 30px;
    }

    .testimonial-item {
        width: 300px;
    }

    .category-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .popular-categories-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .popular-category-block.four {
        grid-area: span 1 / span 2 / span 1 / span 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 20px;
    }

    .popular-category-block.four .popular-category-block-content {
        text-align: left;
        padding-top: 0;
    }

    .category,
    .subscribe,
    .list-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .recently,
    .popular-categories {
        padding-top: 100px;
    }

    footer {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .popular-categories,
    .bestseller,
    .special-offers {
        padding-bottom: 100px;
    }

    .popular-categories-wrapper,
    .bestseller .swiper,
    .special-offers-wrapper,
    .recently .swiper {
        padding-top: 45px;
    }

    .details-hero,
    .listing-hero {
        padding-top: 140px;
    }

    .subscribe-link {
        height: 100px;
    }

    .subscribe-link-hover-button {
        width: 94px;
        height: 94px;
    }

    .subscribe-link-hover-button img {
        width: 35px;
        transform: translateX(-29px);
    }

    .subscribe-link-hover-button {
        padding-right: 32px;
        display: flex;
        justify-content: end;
    }

    .subscribe-link-text {
        font-size: 28px;
        padding-left: 80px;
    }

    .subscribe-link-hover-text {
        font-size: 28px;
    }

    .cta-block {
        max-width: 543px;
    }

    .cat-wrapper {
        padding-top: 100px;
        padding-bottom: 206px;
    }

    .details-grid {
        padding-top: 48px;
        padding-bottom: 100px;
    }

    .footer-wrapper {
        padding-bottom: 100px;
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr;
    }

    .special-offers-block {
        padding: 50px 25px;
    }

    .cta-image {
        display: none;
    }

    .listing-hero-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    .list-right,
    .list-left {
        padding: 25px;
        gap: 15px;
    }

    .list-wrapper ul {
        gap: 12px;
    }

    .details-grid-wrapper {
        display: flex;
        flex-direction: column;
    }

    .details-image {
        max-width: 300px;
    }

    .discounts-block {
        grid-template-columns: 1fr 1fr;
    }

    .hero-bottom-label {
        padding: 15px 25px;
    }

    .navbar-logo img {
        width: 180px;
    }

    .testimonial-list {
        gap: 30px;
    }

    .testimonial-item {
        width: 300px;
    }

    .category-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .popular-categories-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .popular-category-block.four {
        grid-area: span 1 / span 2 / span 1 / span 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 20px;
    }

    .popular-category-block.four .popular-category-block-content {
        text-align: left;
        padding-top: 0;
    }

    .category,
    .subscribe,
    .list-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .list-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .recently,
    .popular-categories {
        padding-top: 100px;
    }

    footer {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .popular-categories,
    .bestseller,
    .special-offers {
        padding-bottom: 100px;
    }

    .popular-categories-wrapper,
    .bestseller .swiper,
    .special-offers-wrapper,
    .recently .swiper {
        padding-top: 45px;
    }

    .details-hero,
    .listing-hero {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .details-hero {
        padding-top: 25px !important;
        background-color: #E8EFF6;
        padding-bottom: 15px !important;
        color: var(--dark);
    }

    .catalog-product-view main .column.main {
        display: flex;
        flex-direction: column;
    }

    .catalog-product-view main .custom-product-wrapper {
        display: flex;
        flex-direction: column;
    }

    .product.media {
        background-color: #E8EFF6;
        border-radius: 8px;
        padding: 25px;
        width: 100%;
    }

    #maincontent {
        /* padding-top: 0; */
        /* padding-bottom: 0; */
    }

    .child-categories {
        list-style: none;
        margin-top: 20px!important;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        column-gap: 20px;
        row-gap: 10px;
    }

    .table-top .nav-item.dropdown .arrow {
        right: 15px;
    }

    .table-top .nav-item.dropdown.show .arrow,
    .table-top .nav-item.dropdown:hover .arrow {
        transform: translateY(-50%) rotate(180deg);
    }

    .listing-hero-wrapper {
        display: none !important;
    }
}

/* Mobile static layout for subscribe-link */
@media screen and (max-width: 768px) {
    .subscribe-link {
        height: auto !important;
        min-height: auto;
        border-radius: 8px!important;
        flex-direction: column;
        padding: 24px 20px;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
    }

    .subscribe-link-text {
        font-size: 18px;
        padding-left: 0;
        text-align: center;
        opacity: 1 !important;
        position: static;
        order: 1;
    }

    .subscribe-link-hover-text {
        display: none;
    }

    .subscribe-link-hover-button {
        width: 100%!important;
        height: 50px!important;
        border-radius: 8px;
        position: static;
        left: auto;
        padding: 0;
        padding-right: 0;
        justify-content: center;
        order: 2;
        background-color: var(--orange);
        transition: none;
    }

    .subscribe-link-hover-button img {
        display: none;
    }

    .subscribe-link-hover-button::after {
        content: "Submit";
        color: var(--white);
        font-size: 18px;
        font-weight: 400;
    }

    /* Disable hover effects on mobile */
    .subscribe-link:hover .subscribe-link-hover-button {
        width: 100%;
    }

    .subscribe-link:hover .subscribe-link-hover-text {
        opacity: 0;
        visibility: hidden;
    }

    .subscribe-link:hover .subscribe-link-text {
        opacity: 1;
    }


    .cta-block {
        max-width: 543px;
    }

    .cat-wrapper {
        padding-top: 100px;
        padding-bottom: 206px;
    }

    .details-grid {
        padding-top: 48px;
        padding-bottom: 100px;
    }

    .footer-wrapper {
        padding-bottom: 100px;
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr;
    }

    .special-offers-block {
        padding: 50px 25px;
    }

    .cta-image {
        display: none;
    }

    .listing-hero-wrapper {
        display: flex;
        flex-direction: column;
    }

    .list-right,
    .list-left {
        padding: 25px;
        gap: 15px;
    }

    .list-wrapper ul {
        gap: 12px;
    }

    .details-grid-wrapper {
        display: flex;
        flex-direction: column;
    }

    .details-image {
        max-width: 300px;
    }

    .discounts-block {
        grid-template-columns: 1fr 1fr;
    }

    .hero-bottom-label {
        padding: 15px 25px;
    }

    .subscribe-link {
        height: 120px;
        border-radius: 50px;
    }

    .subscribe-link-text,
    .subscribe-link-hover-text {
        font-size: 32px;
    }

    .subscribe-link-hover-button {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 767px) {
    /* Mobile navbar controls positioning */
    

    .navbar-hamburger {
        padding: 8px;
    }

    .navbar-hamburger .hamburger-icon {
        width: 24px;
        height: 24px;
    }

    .navbar-cart-icon {
        padding: 6px;
    }

    .navbar-cart-icon .cart-icon-img {
        width: 20px;
        height: 20px;
    }

    .navbar-cart-count {
        font-size: 9px;
        min-width: 16px;
        height: 16px;
        top: 0;
        right: 0;
    }

   
    

    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    :root {
        --font-xxl: 70px;
        --font-xl: 41px;
        --font-lg: 28px;
        --font-md: 25px;
        --font-sm: 24px;
        --font-xs: 20px;
        --font-xxs: 18px;
    }

    .button-secondary {
        background-color: var(--white);
        border-radius: 8px;
        padding: 14px 20px;
        font-size: 16px;
        text-decoration: none;
        color: var(--black);
    }

    .button-primary {
        background-color: var(--orange);
        border-radius: 8px;
        padding: 14px 20px;
        font-size: 16px;
        text-decoration: none;
    }

    .special-offers-block {
        padding: 50px 25px;
    }

    .popular-categories-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .popular-category-block-row,
    .special-offers-wrapper {
        gap: 10px;
    }

    .popular-category-block {
        padding: 40px 40px;
    }

    .popular-category-block.one {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .popular-category-block-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }

    .category-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .special-offers-wrapper {
        display: flex;
        flex-direction: column;
    }

    .cta-image {
        display: none;
    }

    .cat-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .add-to-cart-btn {
        opacity: 100%;
        visibility: visible;
        transform: translateY(0px);
    }

    .subscribe-form {
        max-width: 100%;
        margin: auto;
        width: 100%;
    }

    .subscribe-form .subscribe-input {
        width: 100%;
        max-width: 400px;
    }

    .subscribe-form form {
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }

    .subscribe-link-text {
        font-size: 20px;
        padding-left: 0px;
    }

    .subscribe-link-hover-text {
        font-size: 20px;
    }

    .footer-copy {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        align-items: center;
        justify-content: space-between;
    }

    .popular-category-btn {
        right: 20px;
        bottom: 20px;
    }

    .popular-category-block {
        padding: 40px 20px;
    }

    .category-label {
        left: 10px;
        top: 10px;
        padding: 3px 5px;
    }

    .category-label p {
        font-size: 8px;
        line-height: normal;
    }

    .custom-navigation {
        bottom: -31px;
    }

    .list-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .listing-hero-right {
        display: flex;
        flex-direction: column-reverse;
    }

    .listing-hero-image {
        max-width: 300px;
    }

    .table-bottom thead th,
    .table-bottom tbody td {
        font-size: 14.4px;
        font-weight: 100;
        padding: 0.5rem 2rem;
    }

    .table-prev,
    .table-next,
    .table-pagination-list div {
        width: 34px;
        height: 34px;
    }

    .custom-navigation.mob-navigation {
        display: flex;
        position: relative;
        padding-top: 0;
        justify-content: center;
    }

    .custom-navigation.web-navigation {
        display: none;
    }
 

    .container,
    .header.content,
    .page-main {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    :root {
        --font-xxl: 70px;
        --font-xl: 41px;
        --font-lg: 28px;
        --font-md: 25px;
        --font-sm: 24px;
        --font-xs: 20px;
        --font-xxs: 18px;
    }

    .button-secondary {
        background-color: var(--white);
        border-radius: 8px;
        padding: 14px 20px;
        font-size: 16px;
        text-decoration: none;
        color: var(--black);
    }

    .button-primary {
        background-color: var(--orange);
        border-radius: 8px;
        padding: 14px 20px;
        font-size: 16px;
        text-decoration: none;
    }

    .special-offers-block {
        padding: 50px 25px;
    }

    .popular-categories-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .popular-category-block-row,
    .special-offers-wrapper {
        gap: 10px;
    }

    .popular-category-block {
        padding: 40px 40px;
    }

    .popular-category-block.one {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .popular-category-block-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }

    .category-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .special-offers-wrapper {
        display: flex;
        flex-direction: column;
    }

    .cta-image {
        display: none;
    }

    .cat-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .add-to-cart-btn {
        opacity: 100%;
        visibility: visible;
        transform: translateY(0px);
    }

    .subscribe-form {
        max-width: 100%;
        margin: auto;
        width: 100%;
    }

    .subscribe-form .subscribe-input {
        width: 100%;
        max-width: 400px;
    }

    .subscribe-form form {
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }

    .subscribe-link-text {
        font-size: 20px;
        padding-left: 0;
    }

    .subscribe-link-hover-text {
        font-size: 20px;
    }

    .footer-copy {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        align-items: center;
        justify-content: space-between;
    }

    .popular-category-btn {
        right: 20px;
        bottom: 20px;
        right: 30px;
        bottom: 20px;
        padding: 5px 16px;
    }

    .popular-category-block {
        padding: 40px 20px;
    }

    .category-label {
        left: 10px;
        top: 10px;
        padding: 3px 5px;
    }

    .category-label p {
        font-size: 8px;
        line-height: normal;
    }

    .custom-navigation {
        bottom: -31px;
    }

    .list-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .listing-hero-right {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .listing-hero-image {
        max-width: 300px;
    }

    .table-bottom thead th {
        font-size: 14px !important;
        font-weight: 100;
        padding: 0.5rem 2rem;
    }

    .table-bottom tbody td {
        font-size: 12px !important;
        font-weight: 100;
        padding: 0.5rem 2rem;
    }

    .table-prev,
    .table-next,
    .table-pagination-list div {
        width: 34px;
        height: 34px;
    }

    .breadcrumbs {
        display: block;
        padding-left: 20px !important;
    }

    .child-categories {
        list-style: none;
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        column-gap: 20px;
        row-gap: 10px;
        max-width: 550px;
        margin: auto;
    }

    .table-top .nav-item.dropdown .arrow {
        right: 10px;
    }

    .table-top .nav-item.dropdown.show .arrow,
    .table-top .nav-item.dropdown:hover .arrow {
        transform: translateY(-50%) rotate(180deg);
    }

    .page-products .columns {
        padding-top: 0 !important;
        position: relative;
        z-index: 1;
    }

}


@media (max-width:490px) {
    .child-categories {
        list-style: none;
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        column-gap: 20px;
        row-gap: 10px;
        max-width: 275px;
        margin: auto;
    }

    .child-categories>div {
        border: 1px solid #c9c9c9;
        padding: 8px;
        min-height: 300px;
        max-width: 100%;
        width: 100%;
        margin: 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}



@media screen and (max-width: 479px) {

    :root {
        --font-xxl: 60px;
        --font-xl: 35px;
        --font-lg: 24px;
        --font-md: 22px;
        --font-sm: 24px;
        --font-xs: 20px;
        --font-xxs: 14.4px;
    }

    .footer-wrapper {
        display: flex;
        flex-direction: column;
    }

    .subscribe-form form {
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }

    .home-btn-row {
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .category-block a {
        gap: 20px;
    }

    .category-block a {
        padding: 15px 15px;
    }

    .category,
    .subscribe,
    footer,
    .list-wrapper {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .details-grid {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .popular-categories,
    .bestseller,
    .special-offers {
        padding-bottom: 48px;
    }

    .recently,
    .popular-categories {
        padding-top: 48px;
    }

    .subscribe-form {
        max-width: 100%;
        margin: auto;
        width: 100%;
    }

    .subscribe-form .subscribe-input {
        width: 100%;
        min-width: 100%;
    }

    .subscribe-link {
        height: auto;
        min-height: auto;
        border-radius: 8px;
        flex-direction: column;
        padding: 20px 16px;
        gap: 16px;
    }

    .subscribe-link-text {
        font-size: 16px;
        padding-left: 0;
        max-width: 100%;
        text-align: center;
        opacity: 1 !important;
        position: static;
        order: 1;
    }

    .subscribe-link-hover-text {
        display: none;
    }

    .subscribe-link-hover-button {
        width: 100%;
        height: 48px;
        border-radius: 8px;
        position: static;
        left: auto;
        padding: 0;
        padding-right: 0;
        justify-content: center;
        order: 2;
        background-color: var(--orange);
    }

    .subscribe-link-hover-button img {
        display: none;
    }

    .subscribe-link-hover-button::after {
        content: "Submit";
        color: var(--white);
        font-size: 16px;
        font-weight: 400;
    }

    /* Disable hover effects on mobile */
    .subscribe-link:hover .subscribe-link-hover-button {
        width: 100%;
    }

    .subscribe-link:hover .subscribe-link-hover-text {
        opacity: 0;
        visibility: hidden;
    }

    .subscribe-link:hover .subscribe-link-text {
        opacity: 1;
    }

    .popular-category-block.one {
        display: flex;
    }

    .popular-category-block-content {
        gap: 8px;
    }

    .popular-category-btn {
        right: 20px;
        position: relative;
        top: 20px;
        left: 0px;
        width: fit-content;
    }

    .popular-category-block.two,
    .popular-category-block.three,
    .popular-category-block.four {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .popular-categories-wrapper,
    .bestseller .swiper,
    .special-offers-wrapper,
    .recently .swiper {
        padding-top: 30px;
    }

    .list-wrapper ul li {
        background-position: 0 9px;
        background-repeat: no-repeat;
        background-size: auto;
        padding-left: 23px;
        background-size: 15px;
    }

    .table-pagination {
        padding-top: 48px;
        display: flex;
        flex-direction: column;
    }


}