@media (min-width: 1401px) and (max-width: 1600px) {
    .blog-desc {
        font-size: 1.8rem;
    }
    .product-name {
        font-size: 2.4rem;
    }
    .product-price {
        font-size: 3rem;
    }
    .products-title {
        font-size: 4rem;
    }
    .blog-hero-overlay h1 {
        font-size: 10rem;
    }
    .post-title {
        font-size: 3rem;
    }
    .featured-title {
        font-size: 5rem;
    }
    .featured-desc {
        font-size: 2rem;
    }
    .blog-bottom-title {
        font-size: 2.8rem;
    }
    .blog-bottom-desc {
        font-size: 2rem;
    }
    .blog-brand span {
        font-size: 2.8rem;
    }
    .blog-detail-title {
        font-size: 4.8rem;
    }
    .blog-detail-body p {
        font-size: 2rem;
    }
    .contact-title {
        font-size: 8rem;
    }
    .terms-body p {
        font-size: 2rem;
        line-height: 3.5rem;
    }
}
/* @media (max-width: 1499.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}

@media (max-width: 424.98px) {
}

@media (max-width: 374.98px) {
}

@media (max-width: 319.98px) {
} */

/* ==============================
   HEADER RESPONSIVE
============================== */
@media (min-width: 1024px) and (max-width: 1400px) {
    .main-nav ul {
        gap: 16px;
    }

    .search-box input {
        width: 100px;
    }

    .icon-btn {
        width: 50px;
        height: 50px;
        font-size: 1.8rem;
    }
    .header-inner .logo img {
        width: 200px;
    }
    .main-nav a {
        font-size: 1.4rem;
    }
    .search-box {
        padding: 0.4rem 0.7rem;
    }
    .search-box input {
        font-size: 1.4rem;
    }
    .icon-btn {
        width: 35px;
        height: 35px;
        font-size: 1.4rem;
    }
    .hero-banner {
        padding-top: 9.1rem;
    }

    /* footer */
    .footer-col {
        padding: 0 1rem;
    }
    .footer-brand {
        padding-right: 0.5rem;
    }
    /*  */
    .product-name {
        font-size: 2rem;
    }
    .product-price {
        font-size: 3rem;
    }
    .products-title,
    .blog-title {
        font-size: 4rem;
    }
    .blog-name {
        font-size: 2.4rem;
    }
    .blog-subtitle,
    .blog-desc {
        font-size: 2rem;
    }
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .products-section,
    .timeless-collage-section,
    .blog-section {
        padding: 4rem 0;
    }
    .breadcrumb-wrap {
        padding: 9.9rem 0 1.4rem 0;
    }
    .about-banner {
        height: 22rem;
    }
    .about-img-bottom {
        top: 205px;
        left: 0px;
        height: 40rem;
    }
    .about-img-top {
        height: 45rem;
    }
    .about-heading {
        font-size: 8rem;
    }
    .about-label {
        font-size: 2rem;
    }
    .about-section-2 {
        padding: 0rem 0;
    }
    .about-text-3 h2 {
        font-size: 4rem;
    }
    .about-text-3 p,
    .about-text-1 p {
        font-size: 1.8rem;
    }
    .about-section-4 {
        padding: 0 0 4rem 0;
    }
    .blog-hero-overlay h1 {
        font-size: 8rem;
    }
    .blog-hero-img {
        height: 35rem;
    }
    .post-title {
        font-size: 2.4rem;
    }
    .featured-title {
        font-size: 3rem;
    }
    .featured-desc {
        font-size: 1.8rem;
    }
    .blog-bottom-title {
        font-size: 2rem;
    }
    .blog-bottom-desc {
        font-size: 1.8rem;
    }
    .faq-layout {
        grid-template-columns: 1fr;
    }
    /* contact us */
    .contact-layout {
        grid-template-columns: 1fr;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .hamburger {
        display: flex;
    }

    .main-nav {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: 30rem;
        height: 100vh;
        background: var(--bg);
        z-index: 99997;
        padding: 6rem 3rem 3rem;
        transition: left 0.3s ease;
        overflow-y: auto;
    }

    .main-nav.open {
        left: 0;
    }

    /* Overlay behind drawer */
    .nav-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.4);
        z-index: 99996;
    }

    .nav-overlay.open {
        display: block;
    }

    .main-nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.5rem;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .main-nav ul li a {
        font-size: 2rem;
        color: var(--dark);
        text-decoration: none;
        font-weight: 500;
    }

    .main-nav ul li a:hover,
    .main-nav ul li a.active {
        color: var(--brown);
    }

    /* Close button inside drawer */
    .nav-close {
        position: absolute;
        top: 2rem;
        left: 2rem;
        background: none;
        border: none;
        cursor: pointer;
        color: var(--dark);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .header-icons .search-box {
        display: none;
    }
    .hero-banner {
        padding-top: 9.1rem;
    }
    .newsletter-form-wrap {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70%;
    }

    .newsletter-input-wrap input {
        font-size: 1.6rem;
    }

    .newsletter-btn {
        font-size: 1.6rem;
        padding: 1.4rem 2rem;
    }
    .site-footer {
        background-image: none;
        background-color: #e2d2b152;
    }
    /* cart */
    .cart-main-content {
        grid-template-columns: 1fr 40rem;
        gap: 2rem;
    }

    .cart-main-table-head {
        grid-template-columns: 1fr 14rem 10rem;
    }

    .cart-main-item {
        grid-template-columns: 1fr 14rem 10rem;
    }

    .cart-main-item-info img {
        width: 10rem;
    }
    /* product details */
    .profile-page {
        grid-template-columns: 28rem 1fr;
        gap: 2rem;
    }

    .profile-nav-item {
        font-size: 2rem;
        padding: 2rem 2rem;
        gap: 2rem;
    }

    .profile-order-item {
        grid-template-columns: 7rem 1fr auto auto;
        gap: 1.2rem;
    }

    .profile-order-item img {
        width: 7rem;
    }

    .profile-order-item-name {
        font-size: 1.8rem;
    }

    .profile-order-item-price {
        font-size: 2.4rem;
    }
    /* sign in */
    .signin-card {
        grid-template-columns: 1fr 1.4fr;
    }

    .signin-right {
        padding: 6rem 6rem;
    }

    .signin-title {
        font-size: 4rem;
    }

    .signin-subtitle {
        font-size: 2.8rem;
    }
    /* preoduct details */
    .product-detail-layout {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }

    .product-detail-name {
        font-size: 3.6rem;
    }

    .product-detail-price {
        font-size: 3.2rem;
    }

    .product-stars {
        font-size: 2.4rem;
    }

    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .hero-banner {
        padding-top: 16.1rem;
    }
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .products-section,
    .timeless-collage-section,
    .blog-section {
        padding: 4rem 0;
    }
    .product-name {
        font-size: 2rem;
    }
    .product-price {
        font-size: 3rem;
    }
    .products-title,
    .blog-title {
        font-size: 4rem;
    }
    .blog-name {
        font-size: 2.4rem;
    }
    .blog-subtitle,
    .blog-desc {
        font-size: 2rem;
    }
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .newsletter-form-wrap {
        left: 44%;
    }
    .footer-brand {
        padding-right: 0.5rem;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
    /* shop */
    .shop-layout {
        grid-template-columns: 1fr;
    }
    .pagination-flex {
        flex-direction: column;
    }
    /* about us */
    .about-layout-1,
    .about-layout-3 {
        grid-template-columns: 1fr;
    }
    .about-images-collage {
        height: 55rem;
    }
    .about-img-top {
        height: 42rem;
    }
    .about-img-bottom {
        top: 170px;
        left: 130px;
        height: 42rem;
    }
    .about-heading {
        font-size: 8rem;
    }
    .about-section-1,
    .about-section-3 {
        padding: 4rem 0;
    }
    .about-section-2 {
        padding: 0rem 0;
    }
    .about-section-4 {
        padding: 0rem 0 4rem 0;
    }
    /* blog */
    .blog-hero-overlay h1 {
        font-size: 8rem;
    }
    .blog-hero {
        padding: 2rem 2rem;
    }
    .blog-hero-img {
        height: 30rem;
    }
    .post-title {
        font-size: 2rem;
    }
    .post-thumb {
        height: 13rem;
    }
    .featured-content {
        padding: 4rem 1.4rem;
    }
    .featured-tag {
        font-size: 2rem;
    }
    .featured-title {
        font-size: 3rem;
    }
    .featured-desc {
        font-size: 1.8rem;
    }
    .blog-bottom-body {
        padding: 2.2rem 2.2rem 2.4rem;
    }
    .blog-bottom-title {
        font-size: 2rem;
    }
    .blog-bottom-grid {
        gap: 1.4rem;
    }
    .blog-bottom-desc {
        font-size: 1.8rem;
    }
    .featured-post,
    .blog-bottom-posts {
        padding: 0 2rem 6rem;
    }
    /* faq */
    .faq-layout {
        grid-template-columns: 1fr;
    }
    /* contact us */
    .contact-layout {
        grid-template-columns: 1fr;
    }
    .contact-section {
        padding: 4rem 0 4rem;
    }
    .contact-title {
        font-size: 8rem;
    }
    .contact-tagline {
        font-size: 3rem;
    }
    .contact-desc {
        font-size: 1.8rem;
    }
    /* footer policy */
    .terms-wrap {
        padding: 3rem 4rem 6rem;
    }
    /* cart */
    .cart-main-content {
        grid-template-columns: 1fr;
    }
    /* prpfile details */
    .profile-page {
        grid-template-columns: 1fr;
    }
    /* product details */
    .product-detail-layout {
        grid-template-columns: 1fr;
    }
}
/* Mobile */
@media (max-width: 767px) {
    .hero-banner {
        padding-top: 4rem;
    }
    .products-title {
        font-size: 2.4rem;
        text-align: center;
    }
    .view-all {
        font-size: 1.4rem;
        margin-top: 1rem;
    }
    .products-top-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .filter-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.5rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .filter-tabs::-webkit-scrollbar {
        display: none;
    }

    .filter-btn {
        flex-shrink: 0;
    }
    .products-grid,
    .shop-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.4rem;
    }
    .product-price,
    .blog-title,
    .sidebar-title {
        font-size: 2.4rem;
    }
    .product-name,
    .blog-subtitle,
    .blog-desc,
    .filter-group-header,
    .filter-checkbox {
        font-size: 1.8rem;
    }
    .blog-name {
        font-size: 2rem;
    }
    .products-section {
        padding: 4rem 0 0 0;
    }
    .timeless-collage-section,
    .blog-section,
    .site-footer,
    .about-section-1 {
        padding: 4rem 0;
    }
    .blog-grid,
    .footer-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-col {
        padding: 0 0 0 1.5rem;
    }
    .site-footer {
        background-image: none;
        background-color: #e2d2b152;
    }
    /* news letter css  */
    .newsletter-form-wrap {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
    }

    .newsletter-form {
        flex-direction: column;
        gap: 1rem;
    }

    .newsletter-input-wrap {
        border-radius: 0.8rem;
    }

    .newsletter-btn {
        border-radius: 0.8rem;
        font-size: 1.4rem;
        padding: 1.2rem 2rem;
        width: 100%;
        text-align: center;
    }
    .newsletter-inner img {
        display: none;
    }
    .newsletter {
        padding: 0 0rem 2rem 20px;
    }

    /*shop page css  */
    .shop-layout {
        grid-template-columns: 1fr;
    }
    .shop-sidebar,
    .shop-products {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }
    .sort-wrap {
        right: 7rem;
        top: 0rem;
    }
    .shop-products {
        padding-top: 7rem;
    }
    .shop-section {
        padding: 4rem 0 8rem;
    }
    .results-count,
    .pagination-wrap {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }
    .page-btn {
        padding: 0.2rem 1rem;
        font-size: 1.4rem;
    }
    .results-count {
        text-align: center;
    }
    .pagination-flex {
        flex-direction: column;
        gap: 1rem;
    }
    .shop-section {
        padding: 4rem 0 4rem;
    }
    .breadcrumb-wrap {
        padding: 7.1rem 0 1.4rem 0;
    }
    .breadcrumb-nav a {
        font-size: 1.8rem;
    }
    .about-banner {
        height: 13rem;
    }
    .about-banner-overlay h1 {
        font-size: 3rem;
    }
    .about-layout-1,
    .about-layout-3 {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .about-heading {
        font-size: 5rem;
    }
    .about-text-1 p,
    .about-label,
    .about-text-3 p {
        font-size: 1.8rem;
    }
    .about-img-bottom {
        top: 106px;
        left: 9px;
        height: 23rem;
    }
    .about-img-top {
        height: 25rem;
    }
    .about-images-collage {
        height: 30rem;
    }
    .about-section-2 {
        padding: 0rem 0;
    }
    .about-text-3 h2 {
        font-size: 3rem;
    }
    .about-section-3 {
        padding: 4rem 0 0 0;
    }
    .about-section-4 {
        padding: 2rem 0;
    }
    .about-text-1 {
        padding-top: 1.5rem;
    }
    /* blog */
    .blog-hero,
    .latest-posts,
    .featured-post {
        padding: 2rem 0rem;
    }
    .blog-hero-img {
        height: 30rem;
    }
    .blog-hero-overlay h1 {
        font-size: 5rem;
    }
    .posts-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .post-title {
        font-size: 2rem;
    }
    .section-label {
        font-size: 2.2rem;
    }
    .featured-card,
    .blog-bottom-grid {
        grid-template-columns: 1fr;
    }
    .featured-content {
        padding: 4rem 1.5rem;
    }
    .featured-title {
        font-size: 3rem;
    }
    .featured-tag {
        font-size: 2rem;
    }
    .featured-desc,
    .blog-bottom-desc {
        font-size: 1.8rem;
    }
    .blog-bottom-posts {
        padding: 0 0rem 4rem;
    }
    .blog-bottom-title {
        font-size: 2.4rem;
    }
    /* faq */
    .faq-layout {
        grid-template-columns: 1fr;
    }
    .faq-title {
        font-size: 5rem;
    }
    .faq-tagline {
        font-size: 3rem;
    }
    .faq-desc {
        font-size: 1.8rem;
    }
    .faq-question {
        font-size: 2rem;
    }
    .faq-img {
        height: 40rem;
    }
    .faq-section {
        padding: 4rem 0 4rem;
    }
    /* contact us */
    .contact-section {
        padding: 4rem 0 4rem;
    }
    .contact-title {
        font-size: 4rem;
    }
    .contact-tagline {
        font-size: 2rem;
    }
    .contact-desc,
    .contact-detail-item span,
    .contact-detail-item a,
    .form-input {
        font-size: 1.8rem;
    }
    .contact-layout {
        grid-template-columns: 1fr;
    }
    .contact-icon {
        width: 4rem;
        height: 4rem;
        font-size: 2rem;
    }
    .form-title {
        font-size: 2rem;
    }
    /* footer inner policy */
    .terms-wrap {
        padding: 3rem 0rem 6rem;
    }
    .terms-company-name {
        font-size: 2rem;
    }
    .terms-body p {
        font-size: 1.8rem;
        line-height: 3.5rem;
    }
    /* cart */
    /* Stack left and summary */
    .cart-main-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    /* Hide table head */
    .cart-main-table-head {
        display: none;
    }

    /* Stack cart item */
    .cart-main-item {
        grid-template-columns: 1fr;
        gap: 1.2rem;
        padding: 1.4rem;
    }

    .cart-main-item-info {
        gap: 1.2rem;
    }

    .cart-main-item-info img {
        width: 8rem;
    }

    .cart-main-item-meta h4 {
        font-size: 1.8rem;
    }

    .cart-main-item-meta p {
        font-size: 1.4rem;
    }

    .cart-main-remove {
        font-size: 1.4rem;
    }

    .cart-main-qty-wrap {
        justify-content: flex-start;
    }

    .cart-main-item-price {
        text-align: left;
        font-size: 1.8rem;
    }

    /* Address cards stack */
    .cart-main-addr-cards {
        grid-template-columns: 1fr;
    }

    .cart-main-addr-header h2 {
        font-size: 2.8rem;
    }

    .cart-main-addr-radio label {
        font-size: 1.8rem;
    }

    .cart-main-addr-text {
        font-size: 1.8rem;
    }

    .cart-main-addr-contact {
        font-size: 1.4rem;
    }

    /* Payment */
    .cart-main-payment h3 {
        font-size: 2.8rem;
    }

    .cart-main-payment p {
        font-size: 1.4rem;
    }

    .cart-main-payment-option label {
        font-size: 1.8rem;
    }

    /* Add address form */
    .cart-main-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .cart-main-form-row-3 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .cart-main-form-title {
        font-size: 2.8rem;
    }

    .cart-main-form-group label {
        font-size: 1.6rem;
    }

    .cart-main-form-group input,
    .cart-main-form-group select {
        font-size: 1.4rem;
    }

    .cart-main-checkbox-wrap label {
        font-size: 1.6rem;
    }

    /* Order summary */
    .cart-main-summary {
        position: static;
    }

    .cart-main-summary-head {
        display: none;
    }

    .cart-main-summary-item {
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        padding: 1.2rem 1.6rem;
    }

    .cart-main-summary-item-info img {
        width: 4rem;
    }

    .cart-main-summary-item-info span {
        font-size: 1.6rem;
    }

    .cart-main-summary-portion {
        font-size: 1.4rem;
    }

    .cart-main-summary-price {
        font-size: 1.6rem;
    }

    .cart-main-summary-row span {
        font-size: 1.6rem !important;
    }

    .cart-main-summary-total-row span {
        font-size: 1.8rem;
    }

    .cart-main-checkout-btn {
        font-size: 1.8rem;
    }

    /* Order success */
    .order-success-title {
        font-size: 4rem;
    }

    .order-success-subtitle {
        font-size: 2.4rem;
    }

    .order-success-desc {
        font-size: 1.6rem;
    }

    .order-success-info-row {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .order-success-card {
        padding: 1.6rem;
    }
    /* product-details page */
    /* Stack sidebar and content */
    .profile-page {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 2rem 0 4rem;
    }

    /* Sidebar */
    .profile-sidebar {
        position: static;
    }

    .profile-sidebar-top h3 {
        font-size: 2.4rem;
    }

    .profile-nav-item {
        font-size: 1.8rem;
        padding: 1.6rem 2rem;
        gap: 1.6rem;
    }

    .profile-nav-item svg {
        width: 2.4rem;
        height: 2.4rem;
    }

    .profile-sidebar-img {
        display: none;
    }

    /* View title */
    .profile-view-title {
        font-size: 3rem;
    }

    /* My Profile form */
    .profile-form-card {
        padding: 2rem;
    }

    .profile-form-row {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 0;
    }

    .profile-form-row-3 {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 0;
    }

    .profile-form-group {
        margin-bottom: 1.6rem;
    }

    .profile-form-group label {
        font-size: 1.6rem;
    }

    .profile-form-group input {
        font-size: 1.6rem;
    }

    .profile-save-btn {
        width: 100%;
        max-width: 100%;
    }

    /* Address grid */
    .profile-addr-grid {
        grid-template-columns: 1fr;
    }

    .profile-addr-box {
        padding: 1.6rem;
    }

    .profile-addr-text {
        font-size: 1.8rem;
    }

    .profile-addr-contact {
        font-size: 1.4rem;
    }

    .profile-addr-radio label {
        font-size: 1.6rem;
    }

    /* Orders tabs */
    .profile-orders-tabs {
        gap: 1.5rem;
    }

    .profile-orders-tab {
        font-size: 1.4rem;
    }

    /* Order head */
    .profile-order-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
        padding: 1.4rem;
    }

    .profile-order-no {
        font-size: 1.6rem;
    }

    .profile-order-date {
        font-size: 1.4rem;
    }

    /* Order item */
    .profile-order-item {
        grid-template-columns: 7rem 1fr;
        gap: 1.2rem;
        padding: 1.4rem;
    }

    .profile-order-item img {
        width: 7rem;
        height: 7rem;
        object-fit: cover;
    }

    .profile-order-status-wrap,
    .profile-order-delivery-wrap {
        grid-column: 1 / -1;
        text-align: left;
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .profile-order-item-name {
        font-size: 1.6rem;
    }

    .profile-order-item-sub {
        font-size: 1.4rem;
    }

    .profile-order-item-price {
        font-size: 2rem;
    }

    /* Order footer */
    .profile-order-footer-active,
    .profile-order-footer-cancelled,
    .profile-order-footer-completed {
        grid-template-columns: 1fr;
    }

    .profile-order-footer-cell {
        border-right: none;
        border-bottom: 0.1rem solid rgba(229, 209, 193, 1);
        padding: 1.2rem 1.4rem;
        font-size: 1.4rem;
    }

    .profile-order-footer-cell:last-child {
        border-bottom: none;
    }

    .profile-order-footer-cell.total {
        justify-content: flex-start;
    }

    /* Cancel popup */
    .profile-order-cancel-popup {
        width: 95vw;
        padding: 1.6rem;
    }

    /* Change password */
    .profile-chnage-password-title {
        font-size: 3rem;
    }

    .change-password-form {
        max-width: 100%;
    }

    /* Return order */
    .profile-return-addr-section {
        padding: 1.6rem;
    }

    .profile-return-reason-section {
        padding: 1.6rem;
    }

    .profile-return-checkout-btn {
        max-width: 100%;
        width: 100%;
    }
    /* sign in  */
    .signin-wrap {
        padding: 2rem 0 4rem;
    }

    /* Hide left image on mobile */
    .signin-card {
        grid-template-columns: 1fr;
        min-height: auto;
        border-radius: 1.2rem;
        overflow: hidden;
    }

    .signin-left {
        display: none;
    }

    .signin-right {
        padding: 4rem 2.4rem;
    }

    .signin-title {
        font-size: 3.2rem;
    }

    .signin-subtitle {
        font-size: 2.2rem;
        margin-bottom: 2.4rem;
    }

    .signin-form-group {
        margin-bottom: 1.8rem;
    }

    .signin-form-group label {
        font-size: 1.6rem;
    }

    .signin-form-group input {
        font-size: 1.6rem;
        padding: 1.2rem 1.4rem;
    }
    .signin-remember label, .signin-forgot, .signin-signup-text{
        font-size: 1.4rem;
    }
    .signin-btn{
        font-size: 1.8rem;
        padding: 0.9rem;
    }
    /* blog details */
    .blog-detail {
        padding: 4rem 0rem;
    }
    .blog-brand span {
        font-size: 2.16rem;
    }
    .blog-detail-title {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    .brand-icon {
        width: 5.9rem;
        height: 5.9rem;
    }
    .blog-detail-body p {
        font-size: 1.8rem;
    }
    /* product-details */
    .product-detail-section {
        padding: 2rem 0 4rem;
    }

    /* Stack image and info */
    .product-detail-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 3rem;
    }

    /* Product info not sticky on mobile */
    .product-info-detail {
        position: static;
    }

    .product-detail-name {
        font-size: 2.8rem;
    }

    .product-stars {
        font-size: 2rem;
    }

    .product-detail-price {
        font-size: 2.8rem;
    }

    .product-detail-desc {
        font-size: 1.6rem;
    }

    /* Specs grid 2 col on mobile */
    .product-specs {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Fix spec borders for 2 col */
    .spec-item:nth-child(3),
    .spec-item:nth-child(6) {
        border-right: 0.1rem solid #a35a3c3d;
    }

    .spec-item:nth-child(2),
    .spec-item:nth-child(4),
    .spec-item:nth-child(6) {
        border-right: none;
    }

    .spec-item:nth-child(4),
    .spec-item:nth-child(5),
    .spec-item:nth-child(6) {
        border-bottom: 0.1rem solid #a35a3c3d;
    }

    .spec-item:nth-child(5),
    .spec-item:nth-child(6) {
        border-bottom: none;
    }

    /* Actions */
    .product-actions {
        flex-wrap: wrap;
        gap: 1.2rem;
    }

    .add-to-cart-btn {
        flex: 1;
    }

    /* Thumbnails */
    .thumb-item {
        width: 5.5rem;
        height: 5.5rem;
    }

    /* Tabs */
    .tabs-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .tab-btn {
        font-size: 1.6rem;
        padding: 1rem 1.6rem;
    }

    .write-review-btn {
        position: static;
        transform: none;
        width: 100%;
        text-align: center;
    }

    .tab-desc {
        font-size: 1.6rem;
        text-align: left;
    }

    /* Review form */
    .review-form-inner {
        grid-template-columns: 1fr;
    }

    /* Review cards */
    .reviews-grid {
        grid-template-columns: 1fr;
    }

    .review-text {
        font-size: 1.6rem;
    }

    .reviewer-name,
    .reviewer-role {
        font-size: 1.4rem;
    }

    /* Similar products */
    .similar-products .products-top-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .similar-products .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.6rem;
    }
}
@media (max-width: 576px) {
    .header-icons .icon-btn {
        width: 4rem;
        height: 4rem;
        font-size: 1.4rem;
    }
    /* newsletter css */
    .newsletter-form-wrap {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        padding: 2rem;
    }

    .newsletter-inner {
        display: flex;
        flex-direction: column;
    }

    .newsletter-bg-img {
        border-radius: 1.6rem 1.6rem 0 0;
    }

    .newsletter-form-wrap {
        background: var(--bg);
        border-radius: 0 0 1.6rem 1.6rem;
        padding: 2rem;
    }

    .newsletter-input-wrap input {
        font-size: 1.4rem;
    }
}