/* ==============================
   RESPONSIVE CSS — PAWVERA
   Organized by breakpoint (largest → smallest)
============================== */

/* ── Full HD Monitor 1920px ── */
@media (min-width: 1746px) and (max-width: 1920px) {
    /* .search-box{
        width: 50rem;
    } */
    .search-box input {
        width: 38rem;
    }
}

/* ── Large Desktop ~1745px ── */
@media (min-width: 1696px) and (max-width: 1745.45px) {
    .search-box {
        width: 40rem;
    }
    .search-box input {
        width: 100%;
    }
}

/* ── Desktop 1536–1695px ── */
@media (min-width: 1536px) and (max-width: 1695px) {
    .search-box {
        width: 35rem;
    }
    .logo img {
        max-width: 230px;
    }
    .search-box input {
        width: 100%;
    }
}

/* ── @media (min-width: 1024px) and (max-width: 1600px) ── */
@media (min-width: 1024px) and (max-width: 1600px) {
    .home-deals__pct {
        font-size: 5.4rem;
    }
    .home-deals__title {
        font-size: 2rem;
    }
}

/* ── Desktop 1401–1600px ── */
@media (min-width: 1401px) and (max-width: 1600px) {
    .home-paradise__card-arrow svg {
        width: 6rem;
        height: 6rem;
    }
    .home-offer__content--lime {
        padding-left: 2rem;
    }
    .home-offer__pct {
        font-size: 14.44rem;
    }
    .home-offer__title {
        font-size: 8rem;
    }

    .home-wonders__feature--tr {
        right: 3rem;
        top: 16rem;
    }
    .home-wonders__feature--bl {
        left: 11rem;
        bottom: 8rem;
    }
    .home-wonders__feature--tl {
        left: 20rem;
        top: 6rem;
    }
}

/* ── Laptop 1366–1536px ── */
@media (min-width: 1366px) and (max-width: 1536px) {
    .home-hero .home-page-btn {
        max-width: 30rem;
    }
    .home-hero__stat-num,
    .home-hero__stat-desc {
        font-size: 3.2rem;
    }
}

/* ── Laptop 1024–1400px ── */
@media (min-width: 1024px) and (max-width: 1400px) {
    .home-paradise__card-arrow svg {
        width: 4rem;
        height: 4rem;
    }
    .home-paradise__card-label {
        font-size: 1.8rem;
    }
    .home-paradise__title {
        font-size: 3rem;
    }
    .home-paradise__desc {
        font-size: 1.8rem;
    }
    .home-paradise__grid {
        gap: 1rem;
    }
    .home-paradise__card {
        padding: 3.8rem 3rem 0;
    }
    .home-paradise__card-top {
        margin-bottom: 2.6rem;
    }
    .home-paradise__card-desc {
        font-size: 1.8rem;
    }
}

/* ── Laptop 1024–1366px ── */
@media (min-width: 1024px) and (max-width: 1366px) {
    .home-hero .home-page-btn {
        max-width: 20rem;
    }
    .home-hero__stat-num,
    .home-hero__stat-desc {
        font-size: 2rem;
    }
    .home-hero__shape--two {
        right: 20rem;
    }
    .home-hero__shape--one {
        left: 3rem;
        width: 13rem;
    }

    .home-fd__img {
        max-width: 40rem;
    }

    .home-deals__card-top {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
}

/* ── @media (min-width: 768px) and (max-width: 992px) ── */
@media (min-width: 768px) and (max-width: 992px) {
}

/* ── Large Laptop (max 1535px) ── */
@media (max-width: 1535px) {
    .logo img {
        max-width: 175px;
    }
    .header-inner {
        gap: 2.025rem;
    }
    .main-nav ul {
        gap: 1.2rem;
    }
    .search-box {
        width: 28rem;
    }
    .header-right {
        gap: 1rem;
    }
    .icon-btn svg,
    .search-box svg {
        width: 2rem;
        height: 2rem;
    }

    .home-offer__content {
        margin-left: 70rem;
    }
    .home-newsletter__brand {
        font-size: 7rem;
    }
}

/* ── Extra Large (max 1400px) ── */
@media (max-width: 1400px) {
    .home-offer__pct {
        font-size: 12rem;
    }
    .home-offer__pct sup {
        font-size: 6rem;
    }
    .home-offer__title {
        font-size: 7rem;
    }
    .home-offer__off {
        font-size: 4.8rem;
    }
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        width: 50rem;
    }
    .home-offer__content {
        margin-left: 58rem;
    }
    .home-offer__content--lime {
        padding-left: 6rem;
        margin-left: 0;
    }
}

/* ── Large Desktop (max 1224px) ── */
@media (max-width: 1224px) {
    .header-inner {
        padding: 1.025rem 1.84rem;
    }
    .header-inner {
        gap: 1rem;
    }
    .logo img {
        max-width: 135px;
    }
    .main-nav a,
    .search-box input {
        font-size: 1.8rem;
    }
    .search-box {
        width: 24rem;
    }
}

/* ── Desktop (max 1200px) ── */
@media (max-width: 1200px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem 2rem;
    }

    .footer-brand-title {
        font-size: 6rem;
    }
    .shop-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .related-products-grid,
    .wishlist-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .shop-trust-badges {
        grid-template-columns: repeat(2, 1fr);
    }
    .hero-banner__title {
        font-size: 5.8rem;
    }
    .hero-banner__text {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .hero-banner__img-wrap {
        width: 56%;
    }

    .blog-layout {
        grid-template-columns: 24rem 1fr;
        gap: 3rem;
    }
    .blog-detail-layout {
        grid-template-columns: 6rem 1fr 26rem;
        gap: 2.4rem;
    }

    .hero-banner__title--detail {
        font-size: 4.4rem;
    }
    .faq-banner__title {
        font-size: 4rem;
    }
    .faq-intro-title {
        font-size: 4.2rem;
    }
    .faq-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .about-welcome__title {
        font-size: 4.6rem;
    }
    .about-testimonials__title {
        font-size: 4rem;
    }
    .about-cards__grid {
        grid-template-columns: 1fr 1.1fr 1fr;
    }

    .about-welcome__layout {
        gap: 4rem;
    }
    .about-welcome__title {
        font-size: 5rem;
    }
    .about-welcome__label {
        font-size: 2.8rem;
    }
    .about-welcome__blob-wrap {
        max-width: 46rem;
    }

    .about-card {
        border-radius: 5rem;
        padding: 3.6rem;
    }
    .about-card__title {
        font-size: 3.2rem;
    }
    .about-card__desc {
        font-size: 1.9rem;
    }
    .about-card--peach {
        min-height: 30rem;
    }
    .about-card--lime {
        min-height: 30rem;
    }

    .about-cards__grid .about-card.pt-0 .about-card-contents {
        padding: 0 3.6rem 3.6rem;
    }

    .about-design__title {
        font-size: 5rem;
    }
    .about-design__content {
        gap: 4rem;
    }
    .about-design__info-title {
        font-size: 2.8rem;
    }
    .about-design__img-wrap {
        border-radius: 3rem;
    }

    .about-design__title {
        font-size: 5rem;
    }
    .about-design__content {
        gap: 4rem;
    }
    .about-design__info-title {
        font-size: 2.8rem;
    }
    .about-design__img-wrap {
        border-radius: 3rem;
    }

    .about-testimonials__title {
        font-size: 4.8rem;
    }
    .about-testimonials__layout {
        gap: 4rem;
    }
    .about-testimonial-card__title {
        font-size: 2.4rem;
    }
    .about-testimonial-card__body {
        font-size: 1.9rem;
    }

    .faq-intro-title {
        font-size: 5rem;
    }
    .faq-block-info__title {
        font-size: 4.8rem;
    }
    .faq-cta-title {
        font-size: 5rem;
    }
    .faq-offers-title {
        font-size: 5rem;
    }
    .faq-offer-block--left {
        grid-template-columns: 48rem 1fr;
    }
    .faq-offer-block--right {
        grid-template-columns: 1fr 48rem;
    }
    .faq-offer-badge {
        min-height: 44rem;
    }
    .faq-category-grid {
        gap: 2.4rem;
    }
    .faq-category-pill {
        font-size: 2.4rem;
        gap: 2rem;
        padding: 3rem 2rem;
    }

    .hero-banner,
    .page-banner--our--blog .hero-banner {
        min-height: 56rem;
        border-radius: 6rem;
    }
    .hero-banner__title {
        font-size: 4.6rem;
    }
    .hero-banner__text {
        padding: 6rem 4rem 4rem 6rem;
    }
    .hero-banner__breadcrumb {
        font-size: 2.8rem;
    }
    .hero-banner__img-wrap {
        right: -8rem;
        top: 8rem;
        width: 75%;
    }

    .page-banner--faq .hero-banner__img-wrap {
        right: 4rem;
        max-width: 50%;
    }

    .page-banner--faq .hero-banner__sparks--tr {
        right: 10rem;
    }

    .page-banner--faq .hero-banner__sparks--rr {
        top: 32rem;
        right: 4rem;
    }

    .page-banner--faq .hero-banner__sparks--rr svg {
        width: 9rem;
        height: auto;
    }

    .page-banner--faq .hero-banner__sparks--center {
        left: 48%;
    }

    .page-banner--about .hero-banner__text {
        flex: 0 0 58%;
        max-width: 58%;
    }

    .page-banner--about .hero-banner__sparks--tr {
        left: 30%;
        top: 30%;
    }

    .page-banner--about .hero-banner__sparks--tr svg {
        width: 12rem;
        height: auto;
    }

    .page-banner--about .hero-banner__sparks--center svg {
        width: 8rem;
        height: auto;
    }
    .hero-banner__sparks {
        display: none;
    }

    .page-banner--our--blog .hero-banner {
        min-height: 70rem;
    }
    .page-banner--our--blog .hero-banner__img-wrap {
        right: 3rem;
        top: 16rem;
        max-width: 70%;
    }

    .page-banner-inner__background {
        padding: 10rem 0;
        border-radius: 6rem;
    }
    .page-banner-title {
        font-size: 6rem;
    }
    .banner-back-btn {
        font-size: 2.6rem;
    }

    .compare-table-wrap {
        border-radius: 4rem;
    }
    .compare-product-name {
        font-size: 2rem;
    }
    .compare-product-desc {
        font-size: 1.6rem;
    }
    .compare-label-col {
        width: 14rem;
    }

    .order-details-layout {
        grid-template-columns: 1fr 42rem;
        gap: 2rem;
    }

    .cart-item-card {
        padding: 3.5rem;
    }
    .checkout-card {
        border-radius: 4rem;
    }
    .order-item-name {
        font-size: 1.8rem;
    }
    .order-item-price {
        font-size: 1.8rem;
    }
    .order-item-meta {
        font-size: 1.6rem;
    }
    .order-summary-row span:first-child,
    .order-summary-row span:last-child {
        font-size: 1.9rem;
    }
    .order-summary-row.total span {
        font-size: 2.8rem;
    }

    /* Header */
    .checkout-back {
        font-size: 2.6rem;
    }
    .checkout-back svg {
        width: 3.6rem;
        height: 3.6rem;
    }

    /* Address */
    .address-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.4rem;
    }
    .address-card-type {
        font-size: 2.6rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.8rem;
    }
    .add-address-btn {
        font-size: 2.6rem;
    }

    /* Progress */
    .checkout-progress {
        max-width: 76rem;
    }
    .progress-step-label {
        font-size: 1.8rem;
    }

    .account-layout {
        grid-template-columns: 26rem 1fr;
        gap: 2rem;
    }
    .account-sidebar {
        padding: 4rem 2.4rem;
        border-radius: 5rem;
    }
    .account-content {
        border-radius: 5rem;
        padding: 4rem;
    }
    .account-nav-item {
        font-size: 1.8rem;
    }
    .account-username {
        font-size: 2.6rem;
    }
    .account-details-grid {
        gap: 2rem 3rem;
    }
    .account-detail-item label,
    .account-detail-item p {
        font-size: 1.8rem;
    }
    .order-card {
        border-radius: 5rem;
        padding: 4rem;
    }
    .cancel-reasons-grid {
        grid-template-columns: 1fr 1fr;
    }

    .policy-heading {
        font-size: 4rem;
    }
    .policy-subheading {
        font-size: 2.2rem;
    }
    .policy-para,
    .policy-list li {
        font-size: 1.9rem;
    }
    .auth-left {
        display: none;
    }
    .auth-page {
        grid-template-columns: 1fr;
    }
    .auth-right {
        padding: 3rem;
        gap: 2.8rem;
    }
    .auth-card {
        padding: 3.5rem;
        max-width: 60rem;
    }
    .auth-card-title {
        font-size: 2.2rem;
    }
    .auth-forgot {
        font-size: 1.8rem;
    }
    .auth-bottom-text {
        font-size: 1.8rem;
    }
    .auth-divider span {
        font-size: 1.8rem;
    }
    .auth-otp-input {
        width: 6.5rem;
        height: 6.5rem;
        font-size: 2.2rem;
    }

    .home-hero__inner {
        min-height: 60rem;
    }
    .home-hero__title {
        font-size: 5.2rem;
    }
    .home-hero__pets-icon {
        width: 18rem;
    }
    .home-hero__img-wrap {
        width: 50rem;
    }
    .home-hero__bottom {
        padding: 0 5rem 8rem;
    }
    .home-hero__stat-num,
    .home-hero__stat-desc {
        font-size: 2rem;
    }
    .home-hero__stats {
        gap: 1.6rem;
    }
    .home-hero__browse-btn {
        font-size: 1.9rem;
        padding: 1.4rem 3rem;
    }

    .home-paradise__card-label {
        font-size: 2rem;
    }
    .home-paradise__card-img-wrap {
        min-height: 16rem;
    }

    /* .home-featured__swiper .swiper-slide {
        width: 20rem;
    } */

    .home-offer__slide {
        min-height: 60rem;
    }
    .home-offer__pct {
        font-size: 10rem;
    }
    .home-offer__pct sup {
        font-size: 5rem;
    }
    .home-offer__title {
        font-size: 6rem;
    }
    .home-offer__off {
        font-size: 4rem;
    }
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        width: 32rem;
    }
    .home-offer__content {
        margin-left: 46rem;
    }
    .home-offer__content--lime {
        padding-left: 4rem;
        margin-left: 0;
    }
    .home-offer__bg-text {
        font-size: 28rem;
    }
    .home-offer__shape--02 {
        width: 21rem;
    }
    .home-offer__shape--01 {
        width: 20rem;
    }

    .home-wonders__body {
        min-height: 50rem;
    }
    .home-wonders__center {
        width: 28rem;
    }
    .home-wonders__feature {
        max-width: 24rem;
    }
    .home-wonders__feature-title {
        font-size: 2.6rem;
    }
    .home-wonders__feature-desc {
        font-size: 1.8rem;
    }
    .home-wonders__title-line1 {
        font-size: 2.8rem;
    }
    .home-wonders__title-pill {
        font-size: 4.8rem;
    }
    .home-wonders__feature--tl {
        left: 8rem;
        top: 4rem;
    }
    .home-wonders__feature--bl {
        left: 6rem;
        bottom: 6rem;
    }
    .home-wonders__feature--tr {
        right: 0rem;
        top: 4rem;
    }
    .home-wonders__feature--br {
        right: 0rem;
        bottom: 1rem;
    }

    .home-fd__tag {
        font-size: 5rem;
    }
    .home-fd__price {
        font-size: 4.4rem;
    }
    .home-fd__inner {
        gap: 3rem;
    }

    .home-deals__pct {
        font-size: 6rem;
    }
    .home-deals__pct sup {
        font-size: 2.8rem;
    }
    .home-deals__title {
        font-size: 2.4rem;
    }
    .home-deals__card-top {
        padding: 4rem 4rem 2rem;
    }
    .home-deals__arrow svg {
        width: 6.5rem;
        height: 6.5rem;
    }

    .home-showcase__card {
        grid-template-columns: 1fr 28rem;
    }
    .home-showcase__title {
        font-size: 4.2rem;
    }
    .home-showcase__img-card {
        min-height: 44rem;
    }

    .home-cozy__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }
    .home-cozy__item-name {
        font-size: 2rem;
    }

    .home-sunshine__card {
        padding: 3.5rem 3.5rem 4.5rem;
    }
    .home-sunshine__title {
        font-size: 3.2rem;
    }
    .home-sunshine__see-all {
        font-size: 2.8rem;
    }

    .home-furniture__price {
        font-size: 5.2rem;
    }
    .home-furniture__label {
        font-size: 3.2rem;
    }
    .home-furniture__name {
        font-size: 3.2rem;
    }
    .home-furniture__card {
        min-height: 38rem;
    }
    .home-furniture__info {
        padding: 5rem 3rem 5rem 5rem;
    }

    .home-newsletter__title {
        font-size: 4.8rem;
    }
    .home-newsletter__brand {
        font-size: 5rem;
    }
    .home-newsletter__right {
        padding: 5rem 4rem;
    }
    .home-newsletter__left {
        min-height: 60rem;
    }
}

/* ── Tablet Landscape (max 1024px) ── */
@media only screen and (min-device-width: 834px) and (max-device-width: 1024px) and (orientation: portrait) {
    .faq-cta-banner {
        min-height: 70rem;
    }
}

@media (max-width: 1024px) {
    .header-right {
        display: none;
    }

    .mobile-login-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-family: var(--font);
        font-size: 1.2rem;
        font-weight: 600;
        color: rgba(0, 0, 0, 1);
        text-decoration: none;
        background: rgba(255, 255, 255, 1);
        border: 0.15rem solid rgba(0, 0, 0, 1);
        border-radius: 6rem;
        padding: 0.5rem 1.2rem;
        transition: all 0.2s ease;
        box-shadow: 0 0.3rem 0 0 rgba(0, 0, 0, 1);
        white-space: nowrap;
        flex-shrink: 0;
    }
    .mobile-login-btn:hover {
        box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 1);
        transform: translateY(0.2rem);
    }

    .hamburger {
        display: flex;
    }

    .main-nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 28rem;
        height: 100vh;
        background: var(--white);
        flex-direction: column;
        padding: 8rem 2.4rem 2.4rem;
        transition: right 0.3s ease;
        z-index: 999;
        overflow-y: auto;
    }

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

    .main-nav ul {
        flex-direction: column;
        gap: 2rem;
        margin-bottom: 3rem;
    }

    .main-nav a {
        font-size: 1.8rem;
        display: block;
    }

    /* Show mobile search + icons */
    .mobile-header-right {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
    }

    .mobile-header-right .search-box {
        width: 100%;
    }

    .mobile-header-right .search-box input {
        width: 100%;
    }

    .mobile-header-right .icon-btn {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 1.6rem;
        position: relative;
    }
    .mobile-header-right .icon-btn .header-badge {
        position: absolute;
        top: -0.4rem;
        right: -0.6rem;
    }
    .nav-close {
        display: block;
    }
    .home-featured__swiper .swiper-slide {
        width: 30rem;
    }
    .faq-offer-badge__label {
        font-size: 2.6rem;
    }
    .about-design__tabs {
        justify-content: flex-start;
    }
}

/* ── Tablet Portrait (max 992px) ── */
@media (max-width: 992px) {
    .order-details-layout {
        grid-template-columns: 1fr;
    }

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

    .address-form-layout {
        flex-direction: column;
    }

    .address-form-left {
        border-right: none;
        border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
        padding: 0 0 2rem 0;
    }

    .address-form-right {
        padding: 2rem 0 0 0;
    }

    .manual-payment-card {
        grid-template-columns: 1fr;
    }

    .manual-payment-right {
        align-items: flex-start;
    }
    .auth-page {
        grid-template-columns: 1fr;
    }

    .auth-left {
        display: none;
    }

    .auth-right {
        min-height: 100vh;
    }
    .shop-layout {
        grid-template-columns: 1fr;
    }

    .shop-sidebar {
        position: static;
    }

    .product-detail-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .product-gallery {
        position: static;
    }

    .shop-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .related-products-grid,
    .wishlist-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .hero-banner {
        min-height: 36rem;
        border-radius: 3rem;
    }
    .hero-banner__title {
        font-size: 4.8rem;
    }
    .hero-banner__text {
        flex: 0 0 55%;
        max-width: 55%;
        padding: 4rem 3rem 4rem 4rem;
    }
    .hero-banner__img-wrap {
        width: 52%;
    }
    .hero-banner__sparks--center {
        left: 48%;
    }

    .contact-layout {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .contact-heading {
        font-size: 4.8rem;
    }

    .contact-channel-grid {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .contact-banner-title {
        font-size: 5.5rem;
    }

    .contact-banner-inner {
        padding-left: 5rem;
    }

    .contact-banner-pet-img {
        right: 2rem;
        opacity: 0.4;
    }
    .blog-layout {
        grid-template-columns: 1fr;
    }

    .blog-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.4rem;
    }

    .blog-sidebar-search {
        grid-column: 1 / -1;
    }

    .blog-newsletter-inner {
        grid-template-columns: 1fr 1fr;
    }

    .blog-newsletter-title {
        font-size: 4.4rem;
    }
    .blog-detail-banner {
        min-height: 24rem;
        border-radius: 3rem;
    }

    .blog-detail-banner__title {
        font-size: 3.8rem;
    }

    .blog-detail-banner__left {
        flex: 0 0 52%;
        max-width: 52%;
        padding: 3.5rem 2rem 3.5rem 4rem;
    }

    .blog-detail-banner__img-wrap {
        width: 52%;
    }
    .blog-detail-layout {
        grid-template-columns: 1fr 26rem;
        gap: 3rem;
    }

    /* Move social share inline above article on tablet */
    .blog-detail-social {
        display: none;
    }

    .hero-banner--detail {
        min-height: 26rem;
    }

    .hero-banner__text--detail {
        flex: 0 0 55%;
        max-width: 55%;
    }

    .hero-banner__title--detail {
        font-size: 3.8rem;
    }
    .faq-banner {
        min-height: 24rem;
        border-radius: 3rem;
    }
    .faq-banner__left {
        flex: 0 0 52%;
        max-width: 52%;
        padding: 3.5rem 2rem 3.5rem 4rem;
    }
    .faq-banner__title {
        font-size: 3.4rem;
    }
    .faq-banner__img-wrap {
        width: 52%;
    }

    .faq-block-layout--normal,
    .faq-block-layout--reverse {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .faq-block-layout--reverse .faq-block-info {
        order: -1;
    }

    .faq-offer-block--left,
    .faq-offer-block--right {
        grid-template-columns: 18rem 1fr;
    }

    .faq-offer-block--right {
        grid-template-columns: 1fr 18rem;
    }

    .faq-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        /* padding: 3.5rem; */
    }

    .faq-cta-img-wrap,
    .faq-cta-img-wrap-bg {
        display: none;
    }

    .about-welcome__blob-wrap {
        max-width: 42rem;
        margin: 0 auto;
    }

    .about-purpose__layout {
        grid-template-columns: 8rem 1fr 12rem;
        gap: 2rem;
        max-width: 70rem;
    }

    .about-purpose__title {
        font-size: 4rem;
    }
    .about-purpose__asterisk {
        width: 5.5rem;
        height: 5.5rem;
    }
    .about-purpose__badge {
        width: 12rem;
        bottom: -2rem;
        right: -2.5rem;
    }
    .about-purpose__swirl {
        max-width: 11rem;
    }

    .about-welcome__layout {
        grid-template-columns: 1fr;
        gap: 4rem;
    }
    .about-cards__grid {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }
    .about-card--lime {
        min-height: 32rem;
    }
    .about-purpose__layout {
        /* grid-template-columns: 1fr; */
    }
    .about-purpose__deco {
        flex-direction: row;
        justify-content: center;
    }
    .about-design__content {
        grid-template-columns: 1fr;
    }
    .about-stories-banner__inner {
        grid-template-columns: 1fr;
    }
    .about-testimonials__layout {
        grid-template-columns: 1fr;
    }

    .about-welcome {
        padding: 6rem 0;
    }

    /* Stack: image on top, text below */
    .about-welcome__layout {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .about-welcome__left {
        order: 2;
    }
    .about-welcome__right {
        order: 1;
        justify-content: center;
        margin-bottom: 4rem;
    }

    .about-welcome__blob-wrap {
        max-width: 42rem;
        margin: 0 auto;
    }

    .about-welcome__title {
        font-size: 4.8rem;
    }
    .about-welcome__label {
        font-size: 2.6rem;
    }
    .about-welcome__desc {
        font-size: 1.9rem;
    }
    .about-welcome__list li {
        font-size: 2.2rem;
    }

    .about-welcome__star--lg {
        width: 4rem;
        height: 4rem;
        left: 0;
    }

    .about-cards__grid {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 2rem;
    }

    /* Reset min-heights — let content decide */
    .about-card--peach,
    .about-card--lime {
        min-height: unset;
    }

    .about-card {
        border-radius: 4rem;
        padding: 3.5rem;
    }

    /* pb-0 and pt-0 paddings reset cleanly for single column */
    .about-cards__grid .about-card.pb-0 {
        padding-bottom: 0;
    }
    .about-cards__grid .about-card.pt-0 {
        padding-top: 0;
        padding-left: 0;
    }
    .about-cards__grid .about-card.pt-0 .about-card-contents {
        padding: 0 3.5rem 3.5rem;
    }

    .about-card__img-wrap {
        max-height: 65rem;
        overflow: hidden;
    }
    .about-card__img-wrap img {
        object-fit: cover;
    }

    .about-card__title {
        font-size: 3rem;
    }
    .about-card__desc {
        font-size: 1.8rem;
    }

    .about-design__title {
        font-size: 4.2rem;
    }

    .about-design__content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    /* Image on top, info below */
    .about-design__img-wrap {
        order: 1;
        border-radius: 2.8rem;
    }
    .about-design__info {
        order: 2;
    }

    .about-design__tab {
        font-size: 1.7rem;
        padding: 0.8rem 1.8rem;
    }

    .about-design__title {
        font-size: 4.2rem;
    }
    .about-design__tabs {
        justify-content: space-evenly;
    }
    .about-design__content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    /* Image on top, info below */
    .about-design__img-wrap {
        order: 1;
        border-radius: 2.8rem;
    }
    .about-design__info {
        order: 2;
    }

    .about-design__tab {
        font-size: 1.7rem;
        padding: 0.8rem 1.8rem;
    }

    .about-testimonials {
        padding: 5rem 0 6rem;
    }

    /* Stack: heading+image on top, cards below */
    .about-testimonials__layout {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .about-testimonials__title {
        font-size: 4.2rem;
    }
    .about-testimonials__subtitle {
        font-size: 1.9rem;
    }

    .about-testimonials__pet-imgs img {
        max-width: 100%;
        border-radius: 2.4rem;
    }

    /* Intro */
    .faq-intro-section {
        padding: 6rem 0;
    }
    .faq-intro-layout {
        margin-bottom: 6rem;
    }
    .faq-intro-title {
        font-size: 4.2rem;
    }

    /* Category pills — 2 cols */
    .faq-category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    .faq-category-pill {
        font-size: 2.2rem;
        padding: 2.6rem 2rem;
        gap: 1.6rem;
    }
    .faq-category-pill img {
        width: 5.5rem;
        height: 6.5rem;
    }

    /* FAQ blocks — single column */
    .faq-block-layout--normal,
    .faq-block-layout--reverse {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    /* On normal: accordion first, info below */
    .faq-block-layout--normal .faq-accordion-wrap {
        order: 1;
    }
    .faq-block-layout--normal .faq-block-info {
        order: 0;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    /* On reverse: info first, accordion below */
    .faq-block-layout--reverse .faq-block-info {
        order: 0;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .faq-offer-badge--lime .faq-offer-badge__img {
        width: 20rem;
    }
    .faq-offer-badge__img {
        width: 28rem;
    }

    .faq-block-layout--reverse .faq-accordion-wrap {
        order: 2;
    }

    .faq-block-info__title {
        font-size: 4rem;
    }
    .faq-block-info__img {
        border-radius: 2rem;
        max-width: 44rem;
    }

    /* CTA */
    .faq-cta-banner {
        min-height: 44rem;
        padding: 4rem;
    }
    .faq-cta-title {
        font-size: 4.4rem;
    }
    .faq-cta-contact {
        font-size: 2.4rem;
    }

    /* Offers — single col */
    .faq-offer-block--left,
    .faq-offer-block--right {
        grid-template-columns: 1fr;
    }

    /* Badge always on top */
    .faq-offer-block--left .faq-offer-badge {
        order: 1;
    }
    .faq-offer-block--left .faq-accordion-wrap {
        order: 2;
    }
    .faq-offer-block--right .faq-offer-badge {
        order: 1;
    }
    .faq-offer-block--right .faq-accordion-wrap {
        order: 2;
    }

    .faq-offer-badge {
        min-height: 38rem;
        border-radius: 4rem;
        padding: 4rem;
    }
    .faq-offer-badge__pct {
        font-size: 7rem;
    }
    .faq-offer-badge__label {
        font-size: 3.8rem;
    }
    .faq-offers-title {
        font-size: 4.4rem;
    }
    .faq-offer-block {
        margin-bottom: 5rem;
    }

    .hero-banner {
        min-height: 48rem;
        border-radius: 5rem;
    }
    .hero-banner__title {
        font-size: 3.6rem;
    }
    .hero-banner__text {
        padding: 5rem 4rem 4rem 5rem;
        flex: 0 0 65%;
        max-width: 65%;
    }
    .hero-banner__breadcrumb {
        font-size: 2.4rem;
    }
    .hero-banner__img-wrap {
        right: -4rem;
        top: 6rem;
        width: 80%;
    }

    .page-banner--faq .hero-banner__img-wrap {
        right: 0;
        max-width: 65%;
        top: 5rem;
    }

    .page-banner--faq .hero-banner__sparks--tr {
        right: 4rem;
        bottom: 2rem;
    }

    .page-banner--faq .hero-banner__sparks--tr svg {
        width: 12rem;
        height: auto;
    }

    .page-banner--faq .hero-banner__sparks--rr {
        top: 32rem;
        right: 2rem;
    }

    .page-banner--faq .hero-banner__sparks--rr svg {
        width: 7rem;
        height: auto;
    }

    .page-banner--faq .hero-banner__sparks--center {
        left: 50%;
        bottom: 50%;
    }

    .page-banner--faq .hero-banner__sparks--center svg {
        width: 8rem;
        height: auto;
    }

    .page-banner--about .hero-banner__text {
        flex: 0 0 62%;
        max-width: 62%;
        padding: 5rem 3rem 4rem 5rem;
    }

    .page-banner--about .hero-banner__img-wrap {
        right: 0;
        width: 65%;
    }

    .page-banner--about .hero-banner__sparks--tr {
        left: 28%;
        top: 25%;
        display: none;
    }

    .page-banner--about .hero-banner__sparks--tr svg {
        width: 10rem;
        height: auto;
    }

    .page-banner--about .hero-banner__sparks--center {
        right: 4%;
        bottom: 75%;
        display: none;
    }

    .page-banner--about .hero-banner__sparks--center svg {
        width: 7rem;
        height: auto;
    }

    .page-banner--our--blog .hero-banner {
        min-height: 56rem;
    }
    .page-banner--our--blog .hero-banner__img-wrap {
        right: 0;
        top: 12rem;
        max-width: 85%;
    }
    .page-banner--faq .hero-banner__img-wrap {
        top: 5rem;
        max-width: 68%;
    }

    .page-banner-inner__background {
        padding: 8rem 0;
        border-radius: 5rem;
    }
    .page-banner-title {
        font-size: 5rem;
    }
    .banner-back-btn {
        font-size: 2.4rem;
        left: 3rem;
        top: 2.4rem;
    }
    .banner-back-btn svg {
        width: 3.4rem;
        height: 3.4rem;
    }

    .compare-table-wrap {
        border-radius: 3rem;
    }
    .compare-product-col {
        padding: 2.4rem 1.6rem;
    }
    .compare-product-name {
        font-size: 1.8rem;
    }
    .compare-product-desc {
        font-size: 1.5rem;
    }
    .compare-label-col {
        width: 12rem;
    }
    .compare-label {
        font-size: 1.6rem;
    }
    .compare-value {
        font-size: 1.6rem;
    }
    .compare-add-btn {
        font-size: 1.4rem;
        padding: 1rem 1.6rem;
    }
    .compare-row td {
        padding: 1.4rem 1.6rem;
    }

    .order-details-layout {
        grid-template-columns: 1fr 34rem;
        gap: 1.6rem;
    }

    /* Header */
    .checkout-header {
        padding: 2.4rem 3rem;
    }
    .checkout-back {
        font-size: 2.4rem;
        left: 3rem;
    }
    .checkout-back svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .checkout-card {
        border-radius: 3rem;
        padding: 2.4rem;
    }
    .checkout-card-title {
        font-size: 3rem;
    }
    .cart-item-card {
        padding: 2.8rem;
    }

    .cart-item-card .order-item-img-wrap img {
        width: 8.5rem;
        height: 8.5rem;
    }

    .order-item-name {
        font-size: 1.7rem;
    }
    .order-item-price {
        font-size: 1.7rem;
    }
    .order-item-meta {
        font-size: 1.5rem;
    }

    .cart-qty-btn {
        width: 3.2rem;
        height: 3.2rem;
    }
    .cart-qty-val {
        min-width: 3.2rem;
        font-size: 1.5rem;
    }

    .cart-wishlist-btn,
    .cart-remove-btn {
        font-size: 1.5rem;
    }
    .cart-item-actions {
        gap: 1.4rem;
    }

    .order-summary-row span:first-child,
    .order-summary-row span:last-child {
        font-size: 1.8rem;
    }
    .order-summary-row.total span {
        font-size: 2.6rem;
    }

    /* Address */
    .address-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.4rem;
    }
    .address-card {
        border-radius: 2.4rem;
        padding: 1.8rem;
    }
    .address-card-type {
        font-size: 2.4rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.7rem;
    }
    .address-edit-btn,
    .address-delete-btn {
        font-size: 1.6rem;
    }
    .address-card-actions {
        gap: 2rem;
    }
    .add-address-btn {
        font-size: 2.4rem;
    }

    .address-form-layout {
        flex-direction: column;
        gap: 2.4rem;
    }
    .address-form-left {
        padding-left: 0;
        padding-right: 0;
        border-right: none;
        border-bottom: 0.15rem solid rgba(193, 193, 193, 1);
        padding-bottom: 2.4rem;
    }
    .address-form-right {
        padding-left: 0;
        padding-right: 0;
    }

    /* Progress */
    .checkout-progress {
        max-width: 60rem;
        padding: 3rem 0 2rem;
    }
    .progress-step-label {
        font-size: 1.7rem;
    }
    .progress-step-num {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.6rem;
    }
    .progress-line {
        top: 5.4rem;
    }

    /* Sidebar becomes top nav bar */
    .account-layout {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .account-sidebar {
        position: static;
        top: auto;
        border-radius: 3rem;
        padding: 2.4rem 3rem;
    }

    /* Logo in sidebar */
    .account-sidebar .logo img {
        max-width: 16rem;
    }

    /* Nav becomes horizontal scrollable row */
    .account-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0.4rem;
        padding-top: 1.6rem;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .account-nav::-webkit-scrollbar {
        display: none;
    }

    .account-nav-item {
        font-size: 1.6rem;
        padding: 0.8rem 1.6rem;
        border: 0.15rem solid rgba(0, 0, 0, 0.15);
        border-radius: 9rem;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .account-nav-item.active {
        background: #2f2fe4;
        color: #fff;
        border-color: #2f2fe4;
    }

    .account-content {
        border-radius: 3rem;
        padding: 3rem;
    }

    /* Overview */
    .account-avatar {
        width: 9rem;
        height: 9rem;
    }
    .account-username {
        font-size: 2.4rem;
    }
    .account-details-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.8rem 2.4rem;
    }
    .account-edit-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.6rem;
    }

    /* Orders */
    .order-card {
        border-radius: 3rem;
        padding: 3rem;
    }
    .order-product-item {
        padding: 2.4rem;
        gap: 1.4rem;
    }
    .order-product-item img {
        width: 8.5rem;
        height: 8.5rem;
    }
    .order-product-name {
        font-size: 1.8rem;
    }
    .order-action-btn {
        font-size: 1.8rem;
    }
    .order-card-actions {
        gap: 1.8rem;
        flex-wrap: wrap;
    }

    /* Address grid */
    .account-addr-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.4rem;
    }
    .address-card {
        border-radius: 2rem;
    }

    /* Cancel */
    .cancel-reasons-grid {
        grid-template-columns: 1fr 1fr;
    }
    .cancel-order-card {
        padding: 2rem;
    }

    .policy-content {
        padding: 1rem 0 5rem;
    }
    .policy-heading {
        font-size: 3.6rem;
    }
    .policy-subheading {
        font-size: 2rem;
        margin-top: 2rem;
    }
    .policy-para,
    .policy-list li {
        font-size: 1.8rem;
    }

    /* Split layout — shrink video side */
    .auth-page {
        grid-template-columns: 1fr;
    }
    .auth-right {
        padding: 2.4rem;
        gap: 2.4rem;
    }
    .auth-card {
        padding: 3rem;
    }
    .auth-card-title {
        font-size: 2rem;
    }
    .auth-otp-input {
        width: 6rem;
        height: 6rem;
        font-size: 2rem;
    }
    .auth-otp-wrap {
        gap: 1.2rem;
    }

    .home-hero__inner {
        min-height: 52rem;
    }
    .home-hero__title {
        font-size: 4rem;
        padding-top: 4rem;
    }
    .home-hero__pets-icon {
        width: 14rem;
    }
    .home-hero__img-wrap {
        width: 34rem;
    }
    .home-hero__bottom {
        padding: 0 4rem 6rem;
    }
    .home-hero__shape--one {
        width: 10rem;
        left: 4rem;
    }
    .home-hero__shape--two {
        width: 6rem;
        right: 14rem;
    }
    .home-hero__stat-num,
    .home-hero__stat-desc {
        font-size: 1.8rem;
    }
    .home-hero__stats-label {
        font-size: 2.2rem;
    }
    .home-hero .home-page-btn {
        max-width: 11rem;
    }

    .home-paradise__outer {
        padding: 3rem 3rem 4rem;
    }

    .home-paradise__grid {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .home-paradise__head {
        flex-direction: column;
        gap: 1.2rem;
    }

    .home-paradise__desc {
        text-align: left;
        max-width: 100%;
    }

    .home-paradise__card {
        padding: 2.4rem 2.4rem 0;
    }

    .home-paradise__card-img-wrap {
        min-height: 22rem;
    }

    .home-comfort__inner {
        grid-template-columns: 1fr;
    }

    .home-comfort__left,
    .home-comfort__right {
        border-radius: 5rem;
    }

    .home-comfort__right {
        min-height: 40rem;
    }

    .home-comfort__title {
        font-size: 3.2rem;
    }

    .home-offer__slide {
        min-height: 50rem;
    }
    .home-offer__pct {
        font-size: 8rem;
    }
    .home-offer__pct sup {
        font-size: 4rem;
    }
    .home-offer__title {
        font-size: 5rem;
    }
    .home-offer__off {
        font-size: 3.2rem;
        padding-bottom: 1.4rem;
    }
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        width: 30rem;
    }
    .home-offer__content {
        margin-left: 32rem;
        gap: 3rem;
    }
    .home-offer__content--lime {
        padding-left: 3rem;
        margin-left: 0;
    }
    .home-offer__swiper .swiper-slide {
        width: calc(100% - 4rem) !important;
    }
    .home-offer__bg-text {
        font-size: 22rem;
    }
    .home-offer__shape--02 {
        width: 21rem;
    }
    .home-offer__shape--01 {
        width: 20rem;
    }

    .home-wonders__card {
        border-radius: 6rem;
        padding: 5rem 4rem;
    }

    /* 2-col grid: left features | right features, dog spans full width in middle */
    .home-wonders__body {
        min-height: auto;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: auto auto;
        gap: 3rem 2rem;
        align-items: center;
    }

    .home-wonders__center {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        transform: none;
        width: 22rem;
        grid-column: 2;
        grid-row: 1 / 3;
        align-self: stretch;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin: 0;
    }

    .home-wonders__feature {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: 100%;
    }

    .home-wonders__feature--tl {
        grid-column: 1;
        grid-row: 1;
        text-align: right;
    }
    .home-wonders__feature--bl {
        grid-column: 1;
        grid-row: 2;
        text-align: right;
    }
    .home-wonders__feature--tr {
        grid-column: 3;
        grid-row: 1;
        text-align: left;
    }
    .home-wonders__feature--br {
        grid-column: 3;
        grid-row: 2;
        text-align: left;
    }

    .home-wonders__feature-title {
        font-size: 2.4rem;
    }
    .home-wonders__feature-desc {
        font-size: 1.7rem;
    }
    .home-wonders__title-line1 {
        font-size: 2.6rem;
    }
    .home-wonders__title-pill {
        font-size: 4rem;
    }

    .home-wonders__paw-left {
        top: 8rem;
        left: 1.5rem;
        width: 7rem;
    }
    .home-wonders__paw-right {
        width: 8rem;
    }

    .home-fd__inner {
        grid-template-columns: 1fr;
        padding: 4rem 0 0; /* no bottom pad — image sits flush */
        min-height: auto;
        gap: 0;
    }

    /* Order: thumbs row → info → image flush bottom */
    .home-fd__thumbs {
        flex-direction: row;
        justify-content: center;
        order: 1;
        padding: 0 2rem 2rem;
        gap: 1.2rem;
    }

    .home-fd__info {
        order: 2;
        padding: 0 3rem 3rem;
        align-items: flex-start;
        text-align: left;
        gap: 1.4rem;
    }

    .home-fd__btn {
        max-width: 100%;
    }

    /* Image pinned flush to bottom, cropped from top */
    .home-fd__img-wrap {
        order: 3;
        width: 100%;
        height: 42rem;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        position: relative;
    }

    .home-fd__img {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        max-width: none;
        height: 100%; /* taller than wrap = natural bottom-crop effect */
        object-fit: contain;
        object-position: bottom center;
    }

    .home-deals__grid {
        grid-template-columns: 1fr;
        gap: 5rem; /* extra gap so arrow doesn't overlap card above */
        padding-top: 6rem;
    }

    /* Reset desktop offset — all cards sit level */
    .home-deals__card__whole:nth-child(1),
    .home-deals__card__whole:nth-child(3) {
        margin-top: 0;
    }

    .home-deals__card {
        border-radius: 5rem;
    }

    .home-deals__card-top {
        padding: 5rem 4rem 2rem;
    }

    .home-deals__pct {
        font-size: 7rem;
    }
    .home-deals__title {
        font-size: 2.8rem;
    }

    .home-deals__card-img-wrap {
        min-height: 24rem;
    }

    .home-deals__arrow {
        top: -3rem;
        right: 1rem;
    }

    .home-deals__arrow svg {
        width: 7rem;
        height: 7rem;
    }

    .home-showcase__card {
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
    }
    .home-showcase__images {
        grid-template-columns: 1fr 1fr;
    }
    .home-showcase__info {
        /* border-left: none;
        border-top: 0.2rem solid rgba(0, 0, 0, 1); */
    }
    .home-showcase__img-card {
        min-height: 36rem;
    }
    .home-showcase__title {
        font-size: 3.6rem;
    }

    .home-cozy__card {
        border-radius: 6rem;
        padding: 3.5rem;
    }
    .home-cozy__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2rem;
    }
    .home-cozy__title {
        font-size: 3.2rem;
    }
    .home-cozy__see-all {
        font-size: 2.6rem;
    }
    .home-cozy__item-name {
        font-size: 2.2rem;
    }
    .home-cozy__item-img-wrap {
        border-radius: 2rem;
    }

    .home-sunshine__card {
        border-radius: 5rem;
        padding: 3rem 3rem 4rem;
    }
    .home-sunshine__title {
        font-size: 2.8rem;
    }
    .home-sunshine__see-all {
        font-size: 2.4rem;
    }
    .home-sunshine__nav-btn {
        width: 5.5rem;
        height: 5.5rem;
    }

    .home-furniture__card {
        grid-template-columns: 1fr;
        min-height: auto;
        border-radius: 3.5rem;
    }

    /* Info on top */
    .home-furniture__info {
        order: 1;
        padding: 4rem 4rem 2rem;
        align-items: center;
        text-align: center;
        gap: 2rem;
    }

    /* Image on bottom */
    .home-furniture__img-wrap {
        order: 2;
        padding: 2rem 4rem 4rem;
    }

    .home-furniture__btn {
        max-width: 100%;
    }
    .home-furniture__price {
        font-size: 4.8rem;
    }
    .home-furniture__nav {
        margin-top: -2.4rem;
    }

    .home-newsletter__card {
        grid-template-columns: 1fr;
    }

    /* Image panel on top, form below */
    .home-newsletter__left {
        min-height: 55rem;
        margin: 1.6rem 1.6rem 0;
        border-radius: 1.8rem;
        order: 1;
    }

    .home-newsletter__right {
        order: 2;
        padding: 5rem 4rem;
    }

    .home-newsletter__brand {
        font-size: 5.5rem;
        top: 3rem;
    }
    .home-newsletter__title {
        font-size: 4.2rem;
    }
    .home-newsletter__desc {
        font-size: 2.2rem;
    }

    .footer-pets {
        height: 28rem;
    }
    .footer-logo {
        max-width: 565px;
    }
    .our-blog-newsletter {
        display: none;
    }
    .footer-pets.jarallax {
        background-color: unset !important;
    }
    .about-stories-banner__inner {
        background-image: none;
    }
    .pet-img-group {
        max-width: 65rem;
    }
    .order-item {
        flex-direction: column;
    }
}

/* ── Mobile Landscape (max 767px) ── */
@media (max-width: 767px) {
    .checkout-header {
        padding: 1.6rem 2rem;
    }

    .checkout-back {
        left: 2rem;
        font-size: 1.6rem;
    }

    .checkout-body {
        padding: 2rem 1.6rem 4rem;
    }

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

    .address-form-row {
        grid-template-columns: 1fr;
    }

    .paw-btn {
        padding: 1rem 1rem;
        font-size: 1.8rem;
    }

    .payment-success-card {
        padding: 3rem 2.4rem;
        margin-top: 8rem;
    }

    .payment-success-brand {
        font-size: 4rem;
    }
    .footer-pets {
        height: 13rem;
    }

    .pet-img {
        width: 12rem;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .footer-brand-title {
        font-size: 4.5rem;
    }
    .footer-signin-btn {
        width: 100%;
    }
    .footer-brand-slogan {
        font-size: 1.8rem;
    }
    .footer-main {
        border-radius: 2rem 2rem 0 0;
        -webkit-border-radius: 2rem 2rem 0 0;
        -moz-border-radius: 2rem 2rem 0 0;
        -ms-border-radius: 2rem 2rem 0 0;
        -o-border-radius: 2rem 2rem 0 0;
    }

    .footer-main {
        padding: 4rem 0 3rem;
    }
    .policy-heading {
        font-size: 3.2rem;
    }

    .policy-subheading {
        font-size: 2rem;
    }

    .policy-para,
    .policy-list li {
        font-size: 1.8rem;
    }
    .compare-table-wrap {
        overflow-x: auto;
    }

    .compare-table {
        min-width: 70rem;
    }

    .compare-label-col {
        width: 12rem;
    }

    .compare-product-name {
        font-size: 1.8rem;
    }

    .compare-product-desc {
        font-size: 1.4rem;
    }
    .empty-state-title {
        font-size: 3.6rem;
    }

    .empty-state-img {
        max-width: 32rem;
    }

    .notfound-number {
        font-size: 16rem;
        letter-spacing: -0.5rem;
    }

    .notfound-dog-img {
        width: 16rem;
        height: 16rem;
    }

    .notfound-title {
        font-size: 3.2rem;
    }
    .shop-products-grid,
    .related-products-grid,
    .wishlist-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .shop-pageination-count {
        left: 0rem;
        top: -9rem;
        font-size: 1.4rem;
    }
    .paw-page-btn {
        width: 3rem;
        height: 3rem;
    }
    .shop-products-area {
        margin-top: 8rem;
    }
    .shop-trust-badges {
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    .product-options-row {
        flex-direction: column;
        gap: 2rem;
    }

    .product-action-row {
        flex-direction: column;
    }
    .hero-banner {
        flex-direction: column;
        min-height: auto;
        border-radius: 2.4rem;
    }
    .hero-banner__text {
        flex: none;
        max-width: 100%;
        padding: 4rem 3rem 2rem;
        gap: 16rem;
    }
    .hero-banner__title {
        font-size: 3.8rem;
    }
    .hero-banner__img-wrap {
        position: relative;
        width: 100%;
        height: 28rem;
        top: auto;
        right: auto;
        bottom: auto;
    }
    .hero-banner__sparks--center {
        display: none;
    }

    .contact-heading {
        font-size: 3.6rem;
    }

    .contact-section {
        padding: 4rem 0;
    }

    .contact-channel-section {
        padding: 5rem 0;
    }

    .contact-form-card {
        border-radius: 4rem;
    }
    .home-paradise__head {
        align-items: center;
    }

    .contact-form-name-email {
        grid-template-columns: 1fr;
    }

    .contact-banner-title {
        font-size: 4rem;
    }

    .contact-banner-inner {
        padding-left: 3rem;
    }

    .contact-banner-pet-img {
        display: none;
    }
    .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-sidebar {
        grid-template-columns: 1fr;
    }

    .blog-quote-text {
        font-size: 2.6rem;
    }

    .blog-newsletter-inner {
        grid-template-columns: 1fr;
    }

    .blog-newsletter-left {
        padding: 3rem 3rem 0;
    }

    .blog-newsletter-pet {
        max-width: 24rem;
    }

    .blog-newsletter-right {
        padding: 3rem;
    }

    .blog-newsletter-title {
        font-size: 3.6rem;
    }
    .blog-detail-banner {
        flex-direction: column;
        min-height: auto;
        border-radius: 2.4rem;
    }

    .blog-detail-banner__left {
        flex: none;
        max-width: 100%;
        padding: 3.5rem 3rem 2rem;
        gap: 8rem;
    }

    .blog-detail-banner__title {
        font-size: 3.2rem;
    }

    .blog-detail-banner__img-wrap {
        position: relative;
        width: 100%;
        height: 22rem;
        top: auto;
        right: auto;
        bottom: auto;
    }

    .blog-detail-banner__img {
        object-position: top center;
    }

    .blog-detail-layout {
        grid-template-columns: 1fr;
    }

    .blog-detail-sidebar {
        position: static;
    }

    .hero-banner--detail {
        min-height: auto;
    }

    .hero-banner__text--detail {
        flex: none;
        max-width: 100%;
        padding: 3rem 3rem 3rem;
        gap: 1.2rem;
    }

    .hero-banner__title--detail {
        font-size: 3.2rem;
    }

    .blog-detail-img-wrap {
        border-radius: 2rem;
        aspect-ratio: 16/10;
    }

    .blog-detail-quote {
        font-size: 2rem;
    }

    .blog-detail-para {
        font-size: 1.7rem;
    }
    .faq-banner {
        flex-direction: column;
        min-height: auto;
        border-radius: 2.4rem;
    }

    .faq-banner__left {
        flex: none;
        max-width: 100%;
        padding: 3.5rem 3rem 2rem;
        gap: 8rem;
    }

    .faq-banner__title {
        font-size: 3rem;
    }

    .faq-banner__img-wrap {
        position: relative;
        width: 100%;
        height: 22rem;
        top: auto;
        right: auto;
        bottom: auto;
    }

    .faq-banner__deco {
        display: none;
    }

    .faq-intro-layout {
        flex-direction: column;
        align-items: flex-start;
    }

    .faq-intro-title {
        font-size: 3.4rem;
    }

    .faq-category-grid {
        grid-template-columns: 1fr 1fr;
    }

    .faq-offer-block--left,
    .faq-offer-block--right {
        grid-template-columns: 1fr;
    }

    .faq-offer-block--right .faq-offer-badge {
        order: -1;
    }

    .faq-offer-badge {
        min-height: 14rem;
    }

    .about-welcome__blob-wrap {
        max-width: 34rem;
    }
    .about-welcome__star--lg {
        width: 3.6rem;
        height: 3.6rem;
    }
    .about-welcome__star--sm {
        width: 2rem;
        height: 2rem;
    }

    .about-purpose__layout {
        grid-template-columns: 6rem 1fr 9rem;
        gap: 1.6rem;
        max-width: 100%;
    }

    .about-purpose__title {
        font-size: 3.2rem;
    }
    .about-purpose__asterisk {
        width: 4.5rem;
        height: 4.5rem;
    }
    .about-purpose__badge {
        width: 10rem;
        bottom: -1.5rem;
        right: -1.5rem;
    }
    .about-purpose__swirl {
        max-width: 8rem;
    }

    .about-welcome__title {
        font-size: 3.6rem;
    }
    .about-purpose__title {
        font-size: 3.6rem;
    }
    .about-design__title {
        font-size: 3rem;
    }
    .about-stories-banner__title {
        font-size: 3rem;
    }
    .about-testimonials__title {
        font-size: 3.2rem;
    }
    .about-design__tabs {
        gap: 0.6rem;
    }
    .about-stories-banner__text {
        padding: 3.5rem;
    }
    .home-featured__swiper .swiper-slide {
        width: 100%;
    }

    .about-welcome {
        padding: 5rem 0;
    }

    .about-welcome__blob-wrap {
        max-width: 36rem;
    }

    .about-welcome__title {
        font-size: 4rem;
    }
    .about-welcome__label {
        font-size: 2.4rem;
    }
    .about-welcome__desc {
        font-size: 1.8rem;
    }
    .about-welcome__list li {
        font-size: 2rem;
    }

    .about-welcome__star--lg {
        width: 3.4rem;
        height: 3.4rem;
        top: -1rem;
        left: 0;
    }
    .about-welcome__star--sm {
        width: 2rem;
        height: 2rem;
    }

    .about-cards {
        padding: 3rem 0 4rem;
    }
    .about-card {
        border-radius: 3.2rem;
        padding: 3rem;
        gap: 1.6rem;
    }

    .about-cards__grid .about-card.pt-0 .about-card-contents {
        padding: 0 3rem 3rem;
        gap: 1.6rem;
    }

    .about-card__img-wrap {
        max-height: 26rem;
    }
    .about-card__title {
        font-size: 2.8rem;
    }
    .about-card__desc {
        font-size: 1.7rem;
    }

    .about-design {
        padding: 4rem 0 5rem;
    }
    .about-design__title {
        font-size: 3.4rem;
        margin-bottom: 2.4rem;
    }

    /* Tabs scroll horizontally on mobile */
    .about-design__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1rem;
        margin-bottom: 3rem;
        gap: 0.8rem;
    }

    .about-design__tabs::-webkit-scrollbar {
        display: none;
    }

    .about-design__tab {
        font-size: 1.6rem;
        padding: 0.7rem 1.6rem;
        flex-shrink: 0;
    }

    .about-design__content {
        gap: 2.4rem;
    }
    .about-design__img-wrap {
        border-radius: 2.4rem;
    }
    .about-design__info-title {
        font-size: 2.6rem;
    }
    .about-design__info-desc {
        font-size: 1.7rem;
    }
    .about-design__find-more {
        font-size: 1.7rem;
    }

    .about-design {
        padding: 4rem 0 5rem;
    }
    .about-design__title {
        font-size: 3.4rem;
        margin-bottom: 2.4rem;
    }

    /* Tabs scroll horizontally on mobile */
    .about-design__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1rem;
        margin-bottom: 3rem;
        gap: 0.8rem;
    }

    .about-design__tabs::-webkit-scrollbar {
        display: none;
    }

    .about-design__tab {
        font-size: 1.6rem;
        padding: 0.7rem 1.6rem;
        flex-shrink: 0;
    }

    .about-design__content {
        gap: 2.4rem;
    }
    .about-design__img-wrap {
        border-radius: 2.4rem;
    }
    .about-design__info-title {
        font-size: 2.6rem;
    }
    .about-design__info-desc {
        font-size: 1.7rem;
    }
    .about-design__find-more {
        font-size: 1.7rem;
    }

    .about-testimonials {
        padding: 4rem 0 5rem;
    }

    .about-testimonials__title {
        font-size: 3.4rem;
        margin-bottom: 1.6rem;
    }
    .about-testimonials__subtitle {
        font-size: 1.8rem;
    }

    .about-testimonials__pet-imgs {
        margin-top: 2.4rem;
    }
    .about-testimonials__pet-imgs img {
        border-radius: 2rem;
    }

    /* Card top: tighter grid on mobile */
    .about-testimonial-card__top {
        grid-template-columns: 6rem 4rem 1fr;
        gap: 1.2rem;
    }

    .about-testimonial-card__avatar {
        width: 6rem;
        height: 6rem;
    }

    .about-testimonial-card__quote-icon svg {
        width: 3rem;
        height: 3rem;
    }

    .about-testimonial-card__title {
        font-size: 2.2rem;
    }
    .about-testimonial-card__body {
        font-size: 1.7rem;
    }
    .about-testimonial-card__author {
        font-size: 1.7rem;
    }
    .about-testimonial-content {
        gap: 1.4rem;
    }
    .about-testimonial-card {
        padding: 2.4rem 0;
    }

    /* Intro */
    .faq-intro-section {
        padding: 4rem 0;
    }
    .faq-intro-layout {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 4rem;
        gap: 2rem;
    }
    .faq-intro-title {
        font-size: 3.4rem;
    }
    .faq-intro-pets {
        max-width: 28rem;
        margin: 0 auto;
    }

    /* Category pills — 2 cols tighter */
    .faq-category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.4rem;
    }
    .faq-category-pill {
        font-size: 1.9rem;
        padding: 2.2rem 1.6rem;
        gap: 1.2rem;
        border-radius: 1.8rem;
    }
    .faq-category-pill img {
        width: 4.5rem;
        height: 5.5rem;
    }

    /* FAQ blocks */
    .faq-block {
        padding: 3.5rem 0;
    }
    .faq-accordion__btn {
        font-size: 2.2rem;
        padding: 2.4rem 2.4rem;
    }
    .faq-accordion__body p {
        font-size: 1.8rem;
    }
    .faq-accordion {
        border-radius: 2rem;
    }
    .faq-block-info__title {
        font-size: 3.4rem;
    }
    .faq-block-info__desc {
        font-size: 1.8rem;
    }

    /* CTA — text only, hide cat image */
    .faq-cta-banner {
        min-height: unset;
        padding: 4rem 3rem;
    }
    .faq-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
    }
    .faq-cta-img-wrap,
    .faq-cta-img-wrap-bg {
        display: none;
    }
    .faq-cta-title {
        font-size: 3.6rem;
    }
    .faq-cta-desc {
        font-size: 1.8rem;
        max-width: 100%;
    }
    .faq-cta-contact {
        font-size: 2rem;
    }
    .faq-cta-right {
        width: 100%;
    }
    .faq-cta-btn {
        width: 100%;
        justify-content: center;
    }

    /* Offers */
    .faq-offers-title {
        font-size: 3.4rem;
        margin-bottom: 2.4rem;
    }
    .faq-offer-badge {
        min-height: 30rem;
        border-radius: 3rem;
        padding: 3.2rem;
    }
    .faq-offer-badge__pct {
        font-size: 5.5rem;
    }
    .faq-offer-badge__label {
        font-size: 3rem;
    }
    .faq-offer-badge__img {
        width: 28rem;
    }
    .faq-offer-badge--lime .faq-offer-badge__img {
        width: 18rem;
    }
    .faq-offer-block {
        margin-bottom: 4rem;
        gap: 2rem;
    }

    .hero-banner {
        flex-direction: column;
        min-height: unset;
        border-radius: 3.5rem;
    }

    .hero-banner__text {
        flex: none;
        max-width: 100%;
        width: 100%;
        padding: 4rem 3rem 3rem;
        gap: 2.4rem;
        justify-content: flex-start;
    }

    .hero-banner__title {
        font-size: 3.6rem;
    }
    .hero-banner__breadcrumb {
        font-size: 2rem;
    }

    /* Image flows below text */
    .hero-banner__img-wrap {
        position: relative;
        right: auto;
        bottom: auto;
        top: auto;
        width: 100%;
        height: 30rem;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
    }

    .hero-banner__img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

    /* Image flows in normal flow below text */
    .page-banner--faq .hero-banner__img-wrap {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        height: 30rem;
        overflow: hidden;
    }

    /* Hide all sparkles on mobile — too cluttered */
    .page-banner--faq .hero-banner__sparks--tr,
    .page-banner--faq .hero-banner__sparks--rr,
    .page-banner--faq .hero-banner__sparks--center {
        display: none;
    }
    .page-banner--faq .hero-banner {
        min-height: 35rem;
    }

    .page-banner--about .hero-banner__text {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .page-banner--about .hero-banner__img-wrap {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        height: 30rem;
        overflow: hidden;
    }

    .page-banner--about .hero-banner__sparks--tr,
    .page-banner--about .hero-banner__sparks--center {
        display: none;
    }

    .page-banner--our--blog .hero-banner {
        min-height: unset;
    }

    .page-banner--our--blog .hero-banner__img-wrap {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        height: 30rem;
        overflow: hidden;
    }

    .page-banner-inner__background {
        padding: 7rem 0;
        border-radius: 3.5rem;
    }
    .page-banner-title {
        font-size: 4rem;
    }
    .banner-back-btn {
        font-size: 2rem;
        left: 2.4rem;
        top: 2rem;
    }
    .banner-back-btn svg {
        width: 3rem;
        height: 3rem;
    }

    .compare-section {
        padding: 2rem 0 4rem;
    }

    /* Allow table to scroll horizontally */
    .compare-table-wrap {
        border-radius: 2.4rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .compare-table {
        min-width: 60rem;
    }

    .compare-label-col {
        width: 10rem;
    }
    .compare-product-col {
        padding: 2rem 1.4rem;
        min-width: 16rem;
    }

    .compare-product-name {
        font-size: 1.6rem;
    }
    .compare-product-desc {
        font-size: 1.4rem;
    }
    .compare-add-btn {
        font-size: 1.3rem;
        padding: 0.9rem 1.4rem;
    }

    .compare-label {
        font-size: 1.4rem;
        white-space: nowrap;
    }
    .compare-value {
        font-size: 1.4rem;
    }
    .compare-price {
        font-size: 1.4rem;
    }
    .compare-stock {
        font-size: 1.3rem;
    }
    .compare-row td {
        padding: 1.2rem 1.4rem;
    }

    .cart-section {
        padding: 2rem 0 5rem;
    }

    /* ── Header ── */
    .checkout-header {
        padding: 2rem 2rem;
    }
    .checkout-back {
        position: absolute;
        left: 2rem;
        font-size: 2rem;
        gap: 0.4rem;
    }
    .checkout-back svg {
        width: 2.8rem;
        height: 2.8rem;
    }

    .logo img {
        max-width: 18rem;
    }

    /* ── Progress ── */
    .checkout-progress {
        max-width: 100%;
        padding: 2.4rem 0 1.6rem;
    }
    .progress-step-num {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.4rem;
    }
    .progress-step-label {
        font-size: 1.4rem;
        white-space: normal;
        text-align: center;
    }
    .progress-line {
        top: 4.6rem;
        left: 8%;
        right: 8%;
    }

    /* ── Layout ── */
    .order-details-layout {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    /* ── Checkout card ── */
    .checkout-card {
        border-radius: 2.4rem;
        padding: 2.4rem;
        margin-bottom: 1.6rem;
    }
    .checkout-card-title {
        font-size: 2.6rem;
        margin-bottom: 1.6rem;
    }

    /* ── Cart item card ── */
    .cart-item-card {
        padding: 2.4rem;
    }
    .cart-item-inner {
        gap: 1.2rem;
    }

    .cart-item-card .order-item-img-wrap img {
        width: 8rem;
        height: 8rem;
        border-radius: 1rem;
    }

    .cart-item-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .order-item-name {
        font-size: 1.6rem;
    }
    .order-item-price {
        font-size: 1.6rem;
        font-weight: 600;
    }
    .order-item-meta {
        font-size: 1.4rem;
        gap: 0.6rem;
        flex-wrap: wrap;
    }

    .cart-qty-wrap {
        margin-top: 0.4rem;
    }
    .cart-qty-btn {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.8rem;
    }
    .cart-qty-val {
        min-width: 3.2rem;
        font-size: 1.4rem;
    }

    .cart-item-actions {
        padding-top: 1.6rem;
        gap: 1.6rem;
        flex-wrap: wrap;
    }
    .cart-wishlist-btn,
    .cart-remove-btn {
        font-size: 1.4rem;
    }
    .cart-wishlist-btn svg,
    .cart-remove-btn svg {
        width: 2.2rem;
        height: 2.2rem;
    }

    .cart-checkbox {
        width: 2.2rem;
        height: 2.2rem;
    }

    /* ── Order summary ── */
    .order-summary-row {
        padding: 1rem 0;
    }
    .order-summary-row span:first-child,
    .order-summary-row span:last-child {
        font-size: 1.7rem;
    }
    .order-summary-row.total span {
        font-size: 2.4rem;
        padding-top: 1.2rem;
    }

    /* ── Checkout button ── */
    .checkout-btn-wrap {
        margin-top: 0;
    }
    .checkout-btn-wrap .paw-btn {
        width: 100%;
        justify-content: center;
        font-size: 1.8rem;
    }

    /* ── Address ── */
    .address-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
        margin-bottom: 2rem;
    }
    .address-card {
        border-radius: 2rem;
        padding: 1.6rem;
    }
    .address-card-head {
        gap: 0.8rem;
        margin-bottom: 1rem;
    }
    .address-card-type {
        font-size: 2rem;
    }
    .address-card-actions {
        gap: 1.4rem;
    }
    .address-edit-btn,
    .address-delete-btn {
        font-size: 1.5rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.6rem;
    }
    .add-address-btn {
        font-size: 2rem;
        margin-bottom: 1.6rem;
    }

    .address-form-layout {
        flex-direction: column;
        gap: 2rem;
    }
    .address-form-left {
        padding: 0 0 2rem 0;
        border-right: none;
        border-bottom: 0.15rem solid rgba(193, 193, 193, 1);
    }
    .address-form-right {
        padding: 0;
    }
    .address-form-row {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .address-form-title {
        font-size: 2rem;
    }

    .border-top-tottol {
        margin-top: 1.6rem;
    }

    .account-section {
        padding: 2rem 0 4rem;
    }

    .account-sidebar {
        border-radius: 2.4rem;
        padding: 2rem 2.4rem;
    }
    .account-sidebar .logo img {
        max-width: 14rem;
    }

    .account-nav-item {
        font-size: 1.5rem;
        padding: 0.7rem 1.4rem;
    }

    .account-content {
        border-radius: 2.4rem;
        padding: 2.4rem;
        min-height: unset;
    }

    /* ── Overview ── */
    .account-overview-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.6rem;
        margin-bottom: 2.4rem;
        padding-bottom: 1.6rem;
    }

    .account-avatar {
        width: 8rem;
        height: 8rem;
    }
    .account-username {
        font-size: 2.2rem;
    }
    .account-edit-btn {
        font-size: 1.6rem;
    }

    .account-details-grid {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .account-detail-item label,
    .account-detail-item p {
        font-size: 1.7rem;
    }

    /* ── Overview Edit ── */
    .account-upload-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.4rem;
    }
    .account-upload-avatar {
        width: 7rem;
        height: 7rem;
    }
    .account-upload-btn {
        font-size: 1.5rem;
    }
    .account-upload-hint {
        font-size: 1.3rem;
    }
    .account-edit-grid {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }
    .account-back-btn {
        font-size: 1.9rem;
        margin-bottom: 1.8rem;
    }

    /* ── Orders ── */
    .order-card {
        border-radius: 2.4rem;
        padding: 2.4rem;
        margin-bottom: 1.2rem;
    }
    .order-status-text {
        font-size: 1.8rem;
    }
    .order-status-date {
        font-size: 1.5rem;
    }

    .order-product-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem;
        gap: 1.2rem;
    }

    .order-product-item img {
        width: 8rem;
        height: 8rem;
    }
    .order-product-name {
        font-size: 1.7rem;
    }
    .order-product-exchange {
        font-size: 1.4rem;
    }
    .order-product-meta {
        font-size: 1.4rem;
        flex-wrap: wrap;
        gap: 0.6rem;
    }

    .order-card-actions {
        flex-wrap: wrap;
        gap: 1.2rem;
        padding-top: 1rem;
    }

    .order-action-btn {
        font-size: 1.6rem;
    }
    .order-action-btn svg {
        width: 2rem;
        height: 2rem;
    }

    /* ── Order tracking ── */
    .order-tracking-info h4 {
        font-size: 1.6rem;
    }
    .order-tracking-info p {
        font-size: 1.4rem;
    }

    /* ── Cancel order ── */
    .cancel-order-card {
        padding: 1.6rem;
        border-radius: 1.6rem;
    }
    .cancel-reason-title {
        font-size: 1.8rem;
    }
    .cancel-reasons-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .cancel-reason-item {
        font-size: 1.7rem;
    }
    .cancel-note-label {
        font-size: 1.6rem;
    }
    .cancel-note-textarea {
        font-size: 1.6rem;
    }
    .cancel-note-count {
        font-size: 1.4rem;
    }
    .cancel-info-box p {
        font-size: 1.6rem;
    }

    /* ── Addresses ── */
    .account-addr-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .account-addr-header {
        margin-bottom: 1.6rem;
    }
    .add-address-btn {
        font-size: 1.8rem;
    }

    .address-card {
        border-radius: 1.8rem;
        padding: 1.6rem;
    }
    .address-card-type {
        font-size: 1.8rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.5rem;
    }
    .address-edit-btn,
    .address-delete-btn {
        font-size: 1.4rem;
    }
    .address-card-actions {
        gap: 1.2rem;
    }

    /* ── Address form ── */
    .address-form-layout {
        flex-direction: column;
        gap: 2rem;
    }
    .address-form-left {
        padding: 0 0 2rem 0;
        border-right: none;
        border-bottom: 0.15rem solid rgba(193, 193, 193, 1);
    }
    .address-form-right {
        padding: 0;
    }
    .address-form-row {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .address-form-title {
        font-size: 1.8rem;
    }

    /* ── Delete account ── */
    .delete-account-title {
        font-size: 1.8rem;
    }
    .delete-account-subtitle {
        font-size: 1.8rem;
    }
    .delete-account-body p {
        font-size: 1.5rem;
    }
    .delete-account-check label {
        font-size: 1.5rem;
    }
    .account-nav {
        flex-direction: column;
    }

    .policy-content {
        padding: 1rem 0 4rem;
    }
    .policy-heading {
        font-size: 3rem;
        margin-bottom: 1.2rem;
    }
    .policy-subheading {
        font-size: 1.9rem;
        margin-top: 1.8rem;
        margin-bottom: 1rem;
    }
    .policy-para {
        font-size: 1.7rem;
        line-height: 1.75;
        margin-bottom: 1.4rem;
    }
    .policy-list {
        padding-left: 2rem;
        gap: 0.6rem;
        margin-bottom: 1.4rem;
    }
    .policy-list li {
        font-size: 1.7rem;
    }

    /* Sign in / Sign up — hide left video panel */
    .auth-page {
        grid-template-columns: 1fr;
        min-height: 100vh;
    }

    .auth-left {
        display: none;
    }

    .auth-right {
        height: 100vh;
        padding: 3rem 2.4rem;
        gap: 2.4rem;
        justify-content: center;
        align-items: center;
    }

    .auth-right .logo img {
        max-width: 18rem;
    }

    .auth-card {
        padding: 3rem 2.4rem;
        max-width: 100%;
        border-radius: 2rem;
        gap: 1.8rem;
    }

    .auth-card-title {
        font-size: 2rem;
    }
    .auth-card-desc {
        font-size: 1.5rem;
    }
    .auth-forgot {
        font-size: 1.7rem;
    }
    .auth-bottom-text {
        font-size: 1.7rem;
    }
    .auth-divider span {
        font-size: 1.7rem;
    }

    /* OTP inputs */
    .auth-otp-wrap {
        gap: 1.2rem;
    }
    .auth-otp-input {
        width: 5.8rem;
        height: 5.8rem;
        font-size: 2rem;
        border-radius: 1.2rem;
    }

    /* Centered pages (forgot / otp / set password) */
    .auth-page-centered {
        padding: 3rem 2rem;
        gap: 2.4rem;
    }
    .auth-page-centered .logo img {
        max-width: 18rem;
    }
    .auth-page-centered .auth-card {
        padding: 3rem 2.4rem;
        max-width: 100%;
        border-radius: 2rem;
    }

    .home-hero__inner {
        border-radius: 3rem;
        min-height: unset;
        /* switch to stacked layout on mobile */
        display: flex;
        flex-direction: column;
    }

    .home-hero__title {
        font-size: 3.4rem;
        padding: 3.5rem 3rem 0;
        white-space: normal;
        line-height: 1.1;
    }

    .home-hero__pets-icon {
        width: 12rem;
    }

    /* dog sits in flow between title and bottom bar */
    .home-hero__img-wrap {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        width: 100%;
        max-width: 34rem;
        margin: 2rem auto 0;
    }

    /* bottom bar stacks stats + button */
    .home-hero__bottom {
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem 3rem 3.5rem;
        gap: 2.4rem;
    }

    .home-hero__browse-btn {
        width: 100%;
        font-size: 1.8rem;
        padding: 1rem 1rem;
    }

    .home-hero__stat-num,
    .home-hero__stat-desc {
        font-size: 2.8rem;
    }

    .home-hero__stats-label {
        font-size: 2rem;
    }

    .home-hero__shape--one {
        width: 7rem;
        left: auto;
        right: 2rem;
        top: 10%;
        transform: none;
    }

    .home-hero__shape--two {
        display: none;
    }
    .home-hero__stats {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .home-hero__bottom {
        align-items: center;
    }
    .home-hero__bottom {
        padding: 2.5rem 2.5rem 3rem;
    }
    .home-hero__stat-num,
    .home-hero__stat-desc {
        font-size: 1.8rem;
    }

    .home-paradise__outer {
        padding: 2.4rem 2rem 3rem;
        border-radius: 2.8rem;
    }

    .home-paradise__title {
        font-size: 2.6rem;
    }

    .home-paradise__card {
        border-radius: 2.4rem;
        padding: 2rem 2rem 0;
    }

    .home-paradise__card-label {
        font-size: 1.9rem;
    }
    .home-paradise__card-desc {
        font-size: 1.6rem;
    }

    .home-paradise__card-img-wrap {
        min-height: 18rem;
        border-radius: 1.6rem 1.6rem 0 0;
    }

    .home-featured__title {
        font-size: 2.6rem;
    }
    .home-featured__head {
        flex-direction: column;
    }
    .home-featured__see-all {
        font-size: 2.4rem;
    }
    /* .home-featured__swiper .swiper-slide {
        width: 18rem;
    } */

    .home-comfort__left,
    .home-comfort__right {
        border-radius: 3.5rem;
        padding: 3rem;
    }

    .home-comfort__head {
        flex-direction: column;
        gap: 1.2rem;
    }

    .home-comfort__title {
        font-size: 2.6rem;
    }

    .home-comfort__see-all {
        font-size: 2.4rem;
    }

    .home-comfort__right {
        min-height: 34rem;
    }

    .home-comfort__grid {
        gap: 1.6rem;
    }

    .home-offer__swiper .swiper-slide {
        width: calc(100% - 2.4rem) !important;
        border-radius: 3.6rem;
    }

    .home-offer__slide {
        /* Switch to column — content top, pet stacks below */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        min-height: 25rem;
        border-radius: 3.6rem;
        padding: 3.5rem 3rem 0;
    }
    .home-offer .home-page-btn {
        max-width: 80%;
    }

    /* Content sits at the top in normal flow */
    .home-offer__content,
    .home-offer__content--lime {
        position: relative;
        z-index: 3;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        gap: 2rem;
        width: 100%;
        align-items: flex-start;
    }

    /* Pet image sits below content, centered */
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        max-width: 28rem;
        margin: 0 auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .home-offer__pct {
        font-size: 7rem;
    }
    .home-offer__pct sup {
        font-size: 3.5rem;
    }
    .home-offer__off {
        font-size: 3rem;
        padding-bottom: 1rem;
    }
    .home-offer__title {
        font-size: 4.2rem;
    }
    .home-offer__bg-text {
        font-size: 16rem;
        top: 10%;
        transform: none;
    }

    .home-offer__shape--01,
    .home-offer__shape--02 {
        width: 20rem;
    }
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        display: none;
    }

    .home-offer__shape--01,
    .home-offer__shape--02 {
        display: none;
    }

    .home-offer__slide {
        padding-bottom: 3.5rem;
    }

    .home-wonders__card {
        border-radius: 4rem;
        padding: 3.5rem 2.4rem;
    }

    /* Stack: title → dog → features in single column */
    .home-wonders__body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    /* Dog sits between title and features */
    .home-wonders__center {
        position: relative;
        width: 100%;
        max-width: 24rem;
        margin: 2rem auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        order: -1; /* first inside body = after title, before features */
    }

    /* Features stack as 2-col grid below the dog */
    .home-wonders__feature {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: 100%;
        text-align: left !important;
    }

    /* Wrap all 4 features in a 2-col grid */
    .home-wonders__body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "dog    dog"
            "tl     tr"
            "bl     br";
        gap: 2.4rem 2rem;
        align-items: start;
    }

    .home-wonders__center {
        grid-area: dog;
    }
    .home-wonders__feature--tl {
        grid-area: tl;
    }
    .home-wonders__feature--tr {
        grid-area: tr;
    }
    .home-wonders__feature--bl {
        grid-area: bl;
    }
    .home-wonders__feature--br {
        grid-area: br;
    }

    .home-wonders__title-line1 {
        font-size: 2.2rem;
    }
    .home-wonders__title-pill {
        font-size: 3.2rem;
        padding: 0.6rem 2.4rem;
    }
    .home-wonders__asterisk {
        width: 2.8rem;
        height: 2.8rem;
    }
    .home-wonders__feature-title {
        font-size: 2rem;
    }
    .home-wonders__feature-desc {
        font-size: 1.6rem;
    }
    .home-wonders__btn {
        padding: 1rem 1rem;
        font-size: 1.8rem;
    }
    .home-wonders__paw-left {
        width: 5rem;
        top: 6rem;
    }
    .home-wonders__paw-right {
        display: none;
    }

    .home-fd__tag {
        font-size: 3.8rem;
    }
    .home-fd__price {
        font-size: 3.4rem;
    }
    .home-fd__name {
        font-size: 2.6rem;
    }
    .home-fd__subtitle {
        font-size: 2.4rem;
    }
    .home-fd__see-all {
        font-size: 2.4rem;
    }
    .home-fd__desc {
        font-size: 1.8rem;
    }

    .home-fd__thumb {
        width: 7rem;
        height: 7rem;
        border-radius: 1.2rem;
    }

    .home-fd__img-wrap {
        height: 36rem;
    }

    .home-fd__info {
        padding: 0 2.4rem 2.4rem;
    }

    .home-deals__grid {
        gap: 4.5rem;
        padding-top: 5rem;
    }

    .home-deals__card {
        border-radius: 3.5rem;
    }

    .home-deals__card-top {
        padding: 4rem 3rem 1.6rem;
    }

    .home-deals__pct {
        font-size: 5.5rem;
    }
    .home-deals__pct sup {
        font-size: 2.4rem;
    }
    .home-deals__off {
        font-size: 1.4rem;
    }
    .home-deals__title {
        font-size: 2.4rem;
    }

    .home-deals__card-img-wrap {
        min-height: 20rem;
        padding: 1.6rem;
    }

    .home-deals__arrow {
        top: -2.4rem;
        right: 1rem;
    }

    .home-deals__arrow svg {
        width: 5.5rem;
        height: 5.5rem;
    }

    .home-showcase__card {
        border-radius: 3rem;
    }
    .home-showcase__title {
        font-size: 3rem;
    }
    .home-showcase__img-card {
        min-height: 26rem;
    }
    .home-showcase__name {
        font-size: 2.2rem;
    }
    .home-showcase__price {
        font-size: 3.2rem;
    }

    .home-cozy__card {
        border-radius: 3.5rem;
        padding: 3rem 2.4rem;
    }
    .home-cozy__head {
        margin-bottom: 3rem;
    }
    .home-cozy__title {
        font-size: 2.6rem;
    }
    .home-cozy__see-all {
        font-size: 2rem;
    }
    .home-cozy__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.4rem 1.6rem;
    }
    .home-cozy__item-name {
        font-size: 1.8rem;
    }
    .home-cozy__item-arrow svg {
        width: 5rem;
        height: 5rem;
    }
    .home-cozy__item-img-wrap {
        border-radius: 1.6rem;
    }
    .home-cozy__item {
        gap: 1.4rem;
    }

    .home-sunshine__card {
        border-radius: 3.5rem;
        padding: 2.8rem 2.4rem 3.5rem;
    }
    .home-sunshine__head {
        margin-bottom: 2.8rem;
    }
    .home-sunshine__title {
        font-size: 2.4rem;
    }
    .home-sunshine__see-all {
        font-size: 2rem;
    }
    .home-sunshine__nav-btn {
        width: 5rem;
        height: 5rem;
    }
    .home-sunshine__nav {
        margin-top: 2rem;
        gap: 1rem;
    }

    .home-furniture__card {
        border-radius: 2.8rem;
    }

    .home-furniture__info {
        padding: 3.5rem 3rem 2rem;
        gap: 1.8rem;
    }
    .home-furniture__label {
        font-size: 2.6rem;
    }
    .home-furniture__name {
        font-size: 2.8rem;
    }
    .home-furniture__price {
        font-size: 4rem;
    }

    .home-furniture__img-wrap {
        padding: 1.6rem 3rem 3.5rem;
    }

    .home-furniture__nav-btn {
        width: 5.2rem;
        height: 5.2rem;
    }
    .home-furniture__nav {
        margin-top: -2.2rem;
    }

    .home-newsletter__card {
        border-radius: 2.8rem;
    }

    .home-newsletter__left {
        min-height: 30rem;
        margin: 1.4rem 1.4rem 0;
        border-radius: 1.6rem;
    }

    .home-newsletter__brand {
        font-size: 4rem;
        top: 2.4rem;
    }
    .home-newsletter__right {
        padding: 4rem 3rem;
        gap: 2.4rem;
    }
    .home-newsletter__title {
        font-size: 3.4rem;
    }
    .home-newsletter__desc {
        font-size: 1.8rem;
    }
    .home-newsletter__input {
        font-size: 1.8rem;
        padding: 1.6rem 2.4rem;
    }
    .home-newsletter__btn {
        font-size: 1.8rem;
    }

    .payment-success-pet {
        width: 25rem;
    }

    .footer-grid {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .footer-heading,
    .footer-links a,
    .footer-contact-item,
    .footer-address,
    .footer-signin-btn {
        font-size: 1.8rem;
    }
    .footer-signin-btn {
        padding: 1rem 1rem;
    }
    .footer-contact-item {
        align-items: center;
        justify-content: center;
    }
    .blog-quote-banner .blog-quote-inner {
        padding: 2rem;
    }

    .hero-banner__text {
        text-align: center;
    }
    .about-welcome__left p,
    .about-welcome__left h2,
    .about-design__title,
    .about-design__info,
    .about-stories-banner__text,
    .about-testimonials__left {
        text-align: center;
    }
    .about-card,
    .about-card-contents,
    .about-design__info {
        align-items: center;
    }
    .about-testimonial-card__top {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .home-paradise__head h2,
    .home-paradise__head p {
        text-align: center;
    }
    .home-comfort__head {
        align-items: center;
        text-align: center;
    }
    .home-offer__content {
        align-items: center;
    }
    .home-wonders__feature-title,
    .home-wonders__feature-desc {
        text-align: center;
    }
    .home-fd__info {
        text-align: center;
        align-items: center;
    }
    .home-showcase {
        padding-top: 0;
    }
    .home-showcase__card {
        padding: 2rem;
    }
    .home-showcase__product-img {
        max-width: 13rem;
    }
    .home-showcase__arrow svg {
        width: 5rem;
        height: 5rem;
    }
    .home-showcase__details {
        gap: 1rem;
        align-items: center;
        text-align: center;
    }
    .home-showcase__nav-btn {
        width: 5rem;
        height: 5rem;
    }
    .home-cozy__head,
    .home-sunshine__head,
    .faq-intro-layout {
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .home-cozy__item-name {
        font-size: 1.4rem;
    }
    .contact-info .contact-heading,
    .contact-info .contact-subtext,
    .contact-layout .checkout-card-title,
    .contact-layout .paw-form-group label {
        text-align: center;
    }
    .contact-info .contact-heading,
    .contact-channel-title-main {
        font-size: 3.2rem;
    }
    .contact-subtext,
    .contact-item-label,
    .contact-item-value,
    .contact-channel-subtitle,
    .contact-channel-desc {
        font-size: 1.8rem;
    }
    .contact-channel-card-title {
        font-size: 2rem;
    }
    .contact-channel-icon {
        justify-content: center;
    }
    .contact-channel-desc {
        text-align: center;
    }
    .blog-detail-banner__left {
        align-items: center;
        text-align: center;
    }
    .blog-detail-banner__breadcrumb {
        font-size: 1.6rem;
    }
    .payment-card > div:nth-child(2) {
        grid-template-columns: 1fr;
    }
}

/* ── Small Mobile (max 576px) ── */
@media (max-width: 576px) {
    .auth-right {
        padding: 3rem 2rem;
    }

    .auth-card {
        padding: 2.4rem;
    }

    .auth-brand {
        font-size: 3.6rem;
    }

    .auth-otp-input {
        width: 5.6rem;
        height: 5.6rem;
        font-size: 2rem;
    }
}

/* ── Mobile (max 480px) ── */
@media (max-width: 480px) {
    .main-nav {
        width: 100%;
    }
    .empty-state-title {
        font-size: 2.8rem;
    }

    .notfound-number {
        font-size: 12rem;
    }

    .notfound-dog-img {
        width: 12rem;
        height: 12rem;
    }
    .hero-banner__title {
        font-size: 3rem;
    }
    .hero-banner__text {
        gap: 12rem;
        padding: 3rem 2.4rem 2rem;
    }

    .blog-section {
        padding: 3rem 0 4rem;
    }

    .blog-card-title {
        font-size: 1.7rem;
    }

    .blog-newsletter-title {
        font-size: 3rem;
    }
    .blog-detail-banner__title {
        font-size: 2.8rem;
    }

    .blog-detail-banner__left {
        gap: 6rem;
        padding: 3rem 2.4rem 2rem;
    }
    .hero-banner__title--detail {
        font-size: 2.8rem;
    }

    .blog-detail-quote {
        font-size: 1.8rem;
        padding-left: 2.4rem;
    }

    .blog-detail-quote-mark {
        font-size: 4.8rem;
    }
    .faq-banner__title {
        font-size: 2.6rem;
    }
    .faq-intro-title {
        font-size: 2.8rem;
    }
    .faq-category-grid {
        grid-template-columns: 1fr;
    }
    .faq-offers-title {
        font-size: 2.8rem;
    }

    .about-welcome__blob-wrap {
        max-width: 28rem;
    }

    .about-purpose__layout {
        grid-template-columns: 4.5rem 1fr 7rem;
        gap: 1rem;
    }

    .about-purpose__title {
        font-size: 2.8rem;
    }
    .about-purpose__asterisk {
        width: 3.5rem;
        height: 3.5rem;
    }
    .about-purpose__badge {
        width: 8.5rem;
        bottom: -1rem;
        right: -1rem;
    }
    .about-purpose__swirl {
        max-width: 6.5rem;
    }
    .about-welcome__title {
        font-size: 3rem;
    }
    .about-purpose__title {
        font-size: 3rem;
    }
    .about-purpose__badge {
        width: 9rem;
        height: 9rem;
        bottom: -2.5rem;
        right: -3.5rem;
    }
    .about-purpose__badge-pct {
        font-size: 1.6rem;
    }

    .about-welcome {
        padding: 4rem 0;
    }

    .about-welcome__blob-wrap {
        max-width: 30rem;
    }
    .about-welcome__blob-img {
        right: 12%;
        bottom: -8%;
    }

    .about-welcome__title {
        font-size: 3.4rem;
    }
    .about-welcome__label {
        font-size: 2rem;
    }
    .about-welcome__desc {
        font-size: 1.7rem;
        margin-bottom: 2rem;
    }
    .about-welcome__list li {
        font-size: 1.8rem;
    }
    .about-welcome__list {
        gap: 1rem;
    }

    .about-welcome__star--lg {
        width: 3rem;
        height: 3rem;
    }

    .about-card {
        border-radius: 2.8rem;
        padding: 2.6rem;
        gap: 1.4rem;
    }

    .about-cards__grid .about-card.pt-0 .about-card-contents {
        padding: 0 2.6rem 2.6rem;
        gap: 1.4rem;
    }

    .about-card__img-wrap {
        max-height: 22rem;
    }
    .about-card__title {
        font-size: 2.4rem;
    }
    .about-card__desc {
        font-size: 1.6rem;
    }

    .about-design {
        padding: 3rem 0 4rem;
    }
    .about-design__title {
        font-size: 2.8rem;
    }
    .about-design__img-wrap {
        border-radius: 2rem;
    }
    .about-design__info-title {
        font-size: 2.2rem;
    }
    .about-design__info-desc {
        font-size: 1.6rem;
    }
    .about-design__tab {
        font-size: 1.5rem;
        padding: 0.6rem 1.4rem;
    }
    .about-design__content {
        gap: 2rem;
    }
    .about-design__info {
        gap: 1.4rem;
    }

    .about-design {
        padding: 3rem 0 4rem;
    }
    .about-design__title {
        font-size: 2.8rem;
    }
    .about-design__img-wrap {
        border-radius: 2rem;
    }
    .about-design__info-title {
        font-size: 2.2rem;
    }
    .about-design__info-desc {
        font-size: 1.6rem;
    }
    .about-design__tab {
        font-size: 1.5rem;
        padding: 0.6rem 1.4rem;
    }
    .about-design__content {
        gap: 2rem;
    }
    .about-design__info {
        gap: 1.4rem;
    }

    .about-testimonials__title {
        font-size: 2.8rem;
    }
    .about-testimonials__subtitle {
        font-size: 1.6rem;
    }

    /* Stack avatar above content on very small screens */
    .about-testimonial-card__top {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    /* Row: avatar + quote icon side by side */
    .about-testimonial-card__top {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
    }

    .about-testimonial-card__avatar {
        width: 5.5rem;
        height: 5.5rem;
        border-radius: 50%;
    }

    .about-testimonial-card__quote-icon {
        display: none; /* quote icon too cluttered on small phones */
    }

    .about-testimonial-card__title {
        font-size: 2rem;
        padding-top: 0;
    }
    .about-testimonial-card__body {
        font-size: 1.6rem;
    }
    .about-testimonial-card__author {
        font-size: 1.6rem;
    }
    .about-testimonial-content {
        gap: 1.2rem;
    }
    .about-testimonial-card {
        padding: 2rem 0;
        gap: 1rem;
    }

    .about-testimonials__pet-imgs img {
        border-radius: 1.6rem;
    }

    /* Intro */
    .faq-intro-title {
        font-size: 2.8rem;
    }
    .faq-intro-pets {
        max-width: 22rem;
    }

    /* Category pills — 1 col */
    .faq-category-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .faq-category-pill {
        font-size: 1.8rem;
        padding: 2rem 1.6rem;
    }

    /* Accordion */
    .faq-accordion__btn {
        font-size: 2rem;
        padding: 2rem;
    }
    .faq-block-info__title {
        font-size: 2.8rem;
    }

    /* CTA */
    .faq-cta-title {
        font-size: 3rem;
    }
    .faq-cta-contact {
        font-size: 1.8rem;
    }
    .faq-cta-contact svg {
        width: 2.8rem;
        height: 2.8rem;
        flex-shrink: 0;
    }

    /* Offers */
    .faq-offers-title {
        font-size: 2.8rem;
    }
    .faq-offer-badge {
        min-height: 26rem;
        border-radius: 2.4rem;
        padding: 2.8rem;
    }
    .faq-offer-badge__pct {
        font-size: 4.8rem;
    }
    .faq-offer-badge__label {
        font-size: 2.6rem;
    }
    .faq-offer-badge__img {
        width: 22rem;
    }
    .faq-offer-badge--lime .faq-offer-badge__img {
        width: 11rem;
    }

    .hero-banner {
        border-radius: 2.8rem;
    }
    .hero-banner__text {
        padding: 3.5rem 2.4rem 2.4rem;
        gap: 2rem;
    }
    .hero-banner__title {
        font-size: 3rem;
    }
    .hero-banner__breadcrumb {
        font-size: 1.8rem;
    }
    .hero-banner__img-wrap {
        height: 26rem;
    }

    .page-banner--faq .hero-banner__img-wrap {
        height: 26rem;
    }

    .page-banner--about .hero-banner__img-wrap {
        height: 26rem;
    }

    .page-banner--our--blog .hero-banner__img-wrap {
        height: 26rem;
    }

    .page-banner-inner__background {
        padding: 6rem 0;
        border-radius: 2.8rem;
    }
    .page-banner-title {
        font-size: 3.2rem;
    }
    .banner-back-btn {
        font-size: 1.8rem;
        left: 2rem;
        top: 1.8rem;
    }
    .banner-back-btn svg {
        width: 2.6rem;
        height: 2.6rem;
    }

    .compare-table-wrap {
        border-radius: 2rem;
    }
    .compare-table {
        min-width: 52rem;
    }
    .compare-label-col {
        width: 8rem;
    }
    .compare-product-col {
        padding: 1.6rem 1.2rem;
        min-width: 14rem;
    }
    .compare-product-name {
        font-size: 1.5rem;
    }
    .compare-product-desc {
        font-size: 1.3rem;
    }
    .compare-row td {
        padding: 1rem 1.2rem;
    }
    .compare-add-btn {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }

    .cart-section {
        padding: 1.6rem 0 4rem;
    }

    /* Header */
    .checkout-header {
        padding: 1.8rem 1.6rem;
    }
    .checkout-back {
        font-size: 1.8rem;
        left: 1.6rem;
    }
    .checkout-back svg {
        width: 2.4rem;
        height: 2.4rem;
    }
    .logo img {
        max-width: 15rem;
    }

    /* Progress */
    .checkout-progress {
        padding: 2rem 0 1.4rem;
    }
    .progress-step-num {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1.3rem;
    }
    .progress-step-label {
        font-size: 1.2rem;
    }
    .progress-line {
        top: 4rem;
    }

    .checkout-card {
        border-radius: 2rem;
        padding: 2rem;
        margin-bottom: 1.4rem;
    }
    .checkout-card-title {
        font-size: 2.2rem;
        margin-bottom: 1.4rem;
    }

    .cart-item-card {
        padding: 2rem;
    }
    .cart-item-inner {
        gap: 1rem;
    }

    .cart-item-card .order-item-img-wrap img {
        width: 7rem;
        height: 7rem;
        border-radius: 0.8rem;
    }

    .order-item-name {
        font-size: 1.5rem;
    }
    .order-item-price {
        font-size: 1.5rem;
    }
    .order-item-meta {
        font-size: 1.3rem;
    }

    .cart-qty-btn {
        width: 3rem;
        height: 3rem;
        font-size: 1.6rem;
    }
    .cart-qty-val {
        min-width: 3rem;
        font-size: 1.3rem;
    }

    .cart-item-actions {
        gap: 1.2rem;
        padding-top: 1.4rem;
    }
    .cart-wishlist-btn,
    .cart-remove-btn {
        font-size: 1.3rem;
    }
    .cart-wishlist-btn svg,
    .cart-remove-btn svg {
        width: 2rem;
        height: 2rem;
    }

    .cart-checkbox {
        width: 2rem;
        height: 2rem;
    }

    .order-summary-row span:first-child,
    .order-summary-row span:last-child {
        font-size: 1.6rem;
    }
    .order-summary-row.total span {
        font-size: 2.2rem;
    }

    .checkout-btn-wrap .paw-btn {
        font-size: 1.6rem;
        padding: 1.6rem 2rem;
    }

    /* Address */
    .address-card {
        border-radius: 1.8rem;
        padding: 1.4rem;
    }
    .address-card-type {
        font-size: 1.8rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.5rem;
    }
    .address-edit-btn,
    .address-delete-btn {
        font-size: 1.4rem;
    }
    .add-address-btn {
        font-size: 1.8rem;
    }
    .address-form-title {
        font-size: 1.8rem;
    }
    .address-form-row {
        gap: 1rem;
    }

    .account-section {
        padding: 1.6rem 0 3rem;
    }

    .account-sidebar {
        border-radius: 2rem;
        padding: 1.8rem 2rem;
    }
    .account-nav-item {
        font-size: 1.4rem;
        padding: 0.6rem 1.2rem;
    }

    .account-content {
        border-radius: 2rem;
        padding: 2rem;
    }

    .account-avatar {
        width: 7rem;
        height: 7rem;
    }
    .account-username {
        font-size: 2rem;
    }

    .account-detail-item label,
    .account-detail-item p {
        font-size: 1.5rem;
    }

    .order-card {
        border-radius: 2rem;
        padding: 2rem;
    }
    .order-product-item {
        padding: 1.6rem;
    }
    .order-product-item img {
        width: 7rem;
        height: 7rem;
    }
    .order-product-name {
        font-size: 1.6rem;
    }
    .order-action-btn {
        font-size: 1.4rem;
    }

    .address-card {
        border-radius: 1.6rem;
        padding: 1.4rem;
    }
    .address-card-type {
        font-size: 1.6rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.4rem;
    }

    .cancel-reason-item {
        font-size: 1.5rem;
    }
    .cancel-info-box {
        padding: 1.2rem;
    }
    .cancel-info-box p {
        font-size: 1.4rem;
    }

    .delete-account-body p {
        font-size: 1.4rem;
    }

    .policy-content {
        padding: 0.5rem 0 3rem;
    }
    .policy-heading {
        font-size: 2.6rem;
    }
    .policy-subheading {
        font-size: 1.8rem;
        margin-top: 1.6rem;
    }
    .policy-para,
    .policy-list li {
        font-size: 1.6rem;
    }
    .policy-list {
        padding-left: 1.8rem;
    }

    .auth-right {
        padding: 2.4rem 2rem;
        gap: 2rem;
    }
    .auth-right .logo img {
        max-width: 15rem;
    }

    .auth-card {
        padding: 2.4rem 2rem;
        border-radius: 1.8rem;
        gap: 1.6rem;
    }

    .auth-card-title {
        font-size: 1.9rem;
    }
    .auth-card-desc {
        font-size: 1.4rem;
    }
    .auth-forgot {
        font-size: 1.6rem;
    }
    .auth-bottom-text {
        font-size: 1.6rem;
    }
    .auth-divider span {
        font-size: 1.6rem;
    }

    /* OTP */
    .auth-otp-wrap {
        gap: 1rem;
    }
    .auth-otp-input {
        width: 5.2rem;
        height: 5.2rem;
        font-size: 1.8rem;
        border-radius: 1rem;
    }

    /* Centered */
    .auth-page-centered {
        padding: 2.4rem 1.6rem;
        gap: 2rem;
    }
    .auth-page-centered .logo img {
        max-width: 14rem;
    }
    .auth-page-centered .auth-card {
        padding: 2.4rem 2rem;
        border-radius: 1.8rem;
    }

    .home-hero__title {
        font-size: 2.8rem;
        padding: 3rem 2.5rem 0;
    }

    .home-hero__pets-icon {
        width: 10rem;
    }

    .home-hero__img-wrap {
        max-width: 26rem;
    }

    .home-hero__bottom {
        padding: 1.5rem 2.5rem 3rem;
    }

    .home-paradise__title {
        font-size: 2.2rem;
    }

    .home-paradise__card-arrow svg {
        width: 4rem;
        height: 4rem;
    }

    .home-paradise__card-img-wrap {
        min-height: 16rem;
    }

    /* .home-featured__swiper .swiper-slide {
        width: 16rem;
    } */

    .home-comfort__left,
    .home-comfort__right {
        border-radius: 2.4rem;
        padding: 2.4rem;
    }

    .home-comfort__title {
        font-size: 2.2rem;
    }

    .home-comfort__see-all {
        font-size: 2rem;
    }

    .home-comfort__see-all svg {
        width: 2.4rem;
        height: 2.4rem;
    }

    .home-comfort__grid {
        gap: 1.2rem;
    }

    .home-comfort__right {
        min-height: 28rem;
        padding: 2rem;
    }

    .home-page-btn {
        max-width: 100%;
        font-size: 1.8rem;
    }

    .home-offer__swiper .swiper-slide {
        width: calc(100% - 1.6rem) !important;
        border-radius: 2.8rem;
    }

    .home-offer__slide {
        border-radius: 2.8rem;
        padding: 3rem 2.4rem 0;
    }

    .home-offer__pct {
        font-size: 6rem;
    }
    .home-offer__pct sup {
        font-size: 3rem;
    }
    .home-offer__off {
        font-size: 2.6rem;
        padding-bottom: 0.8rem;
    }
    .home-offer__title {
        font-size: 3.6rem;
    }
    .home-offer__bg-text {
        font-size: 12rem;
    }

    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        max-width: 24rem;
    }

    .home-offer__shape--01,
    .home-offer__shape--02 {
        width: 16rem;
    }

    .home-wonders__card {
        border-radius: 3rem;
        padding: 3rem 2rem;
    }

    /* Single column on small phones */
    .home-wonders__body {
        grid-template-columns: 1fr;
        grid-template-areas:
            "dog"
            "tl"
            "tr"
            "bl"
            "br";
        gap: 2rem;
    }

    .home-wonders__center {
        max-width: 20rem;
    }
    .home-wonders__title-line1 {
        font-size: 1.9rem;
    }
    .home-wonders__title-pill {
        font-size: 2.8rem;
        padding: 0.5rem 2rem;
    }
    .home-wonders__feature-title {
        font-size: 1.9rem;
    }
    .home-wonders__feature-desc {
        font-size: 1.5rem;
    }
    .home-wonders__paw-left {
        display: none;
    }

    .home-fd__tag {
        font-size: 3.2rem;
    }
    .home-fd__price {
        font-size: 3rem;
    }
    .home-fd__name {
        font-size: 2.2rem;
    }
    .home-fd__subtitle {
        font-size: 2rem;
    }
    .home-fd__see-all {
        font-size: 2rem;
    }

    .home-fd__thumb {
        width: 6rem;
        height: 6rem;
        border-radius: 1rem;
    }

    .home-fd__img-wrap {
        height: 30rem;
    }
    .home-fd__info {
        padding: 0 2rem 2rem;
        gap: 1.2rem;
    }

    .home-deals__grid {
        gap: 4rem;
        padding-top: 4rem;
    }

    .home-deals__card {
        border-radius: 2.8rem;
    }

    .home-deals__card-top {
        padding: 3.5rem 2.4rem 1.4rem;
        gap: 1rem;
    }

    .home-deals__pct {
        font-size: 4.8rem;
    }
    .home-deals__pct sup {
        font-size: 2rem;
    }
    .home-deals__title {
        font-size: 2.2rem;
    }

    .home-deals__card-img-wrap {
        min-height: 18rem;
        padding: 1.4rem;
    }

    .home-deals__arrow svg {
        width: 5rem;
        height: 5rem;
    }

    /* .home-showcase__images  { grid-template-columns: 1fr; } */
    .home-showcase__img-card {
        min-height: 22rem;
    }
    .home-showcase__title {
        font-size: 2.6rem;
    }

    .home-cozy__card {
        border-radius: 2.8rem;
        padding: 2.4rem 2rem;
    }
    .home-cozy__head {
        margin-bottom: 2.4rem;
        flex-wrap: wrap;
    }
    .home-cozy__title {
        font-size: 2.2rem;
    }
    .home-cozy__see-all {
        font-size: 1.8rem;
    }
    .home-cozy__grid {
        gap: 2rem 1.2rem;
    }
    .home-cozy__item-name {
        font-size: 1.6rem;
    }
    .home-cozy__item-arrow svg {
        width: 4.4rem;
        height: 4.4rem;
    }
    .home-cozy__item-img-wrap {
        border-radius: 1.2rem;
    }
    .home-cozy__item {
        gap: 1.2rem;
    }

    .home-sunshine__card {
        border-radius: 2.8rem;
        padding: 2.4rem 2rem 3rem;
    }
    .home-sunshine__head {
        margin-bottom: 2.4rem;
        flex-wrap: wrap;
    }
    .home-sunshine__title {
        font-size: 2.2rem;
    }
    .home-sunshine__see-all {
        font-size: 1.8rem;
    }
    .home-sunshine__nav-btn {
        width: 4.8rem;
        height: 4.8rem;
    }

    .home-furniture__card {
        border-radius: 2.4rem;
    }

    .home-furniture__info {
        padding: 3rem 2.4rem 1.6rem;
        gap: 1.6rem;
    }
    .home-furniture__label {
        font-size: 2.2rem;
    }
    .home-furniture__name {
        font-size: 2.4rem;
    }
    .home-furniture__price {
        font-size: 3.4rem;
    }

    .home-furniture__img-wrap {
        padding: 1.4rem 2.4rem 3rem;
    }

    .home-furniture__nav-btn {
        width: 4.8rem;
        height: 4.8rem;
    }
    .home-furniture__nav {
        margin-top: -2rem;
        gap: 1rem;
    }

    .home-newsletter__card {
        border-radius: 2.4rem;
    }

    .home-newsletter__left {
        min-height: 24rem;
        margin: 1.2rem 1.2rem 0;
        border-radius: 1.4rem;
    }

    .home-newsletter__brand {
        font-size: 3.2rem;
        top: 2rem;
    }
    .home-newsletter__right {
        padding: 3.5rem 2.4rem;
        gap: 2rem;
    }
    .home-newsletter__title {
        font-size: 3rem;
    }
    .home-newsletter__desc {
        font-size: 1.6rem;
    }
    .home-newsletter__input {
        font-size: 1.6rem;
        padding: 1.4rem 2rem;
    }
}

/* ── Small Mobile (max 375px) ── */
@media (max-width: 375px) {
    .about-welcome__blob-wrap {
        max-width: 27rem;
    }
    .about-welcome__blob-img {
        right: 10%;
        bottom: -6%;
    }

    .about-welcome__title {
        font-size: 3rem;
    }
    .about-welcome__label {
        font-size: 1.8rem;
    }
    .about-welcome__desc {
        font-size: 1.6rem;
    }
    .about-welcome__list li {
        font-size: 1.7rem;
    }
    .about-welcome__star--lg {
        width: 2.6rem;
        height: 2.6rem;
    }

    .about-card {
        border-radius: 2.4rem;
        padding: 2.2rem;
    }

    .about-cards__grid .about-card.pt-0 .about-card-contents {
        padding: 0 2.2rem 2.2rem;
    }

    .about-card__img-wrap {
        max-height: 32rem;
    }
    .about-card__title {
        font-size: 2.2rem;
    }
    .about-card__desc {
        font-size: 1.5rem;
    }

    .about-design__title {
        font-size: 2.4rem;
    }
    .about.about-stories-banner__inner-design__info-title {
        font-size: 2rem;
    }
    .about-design__info-desc {
        font-size: 1.5rem;
    }
    .about-design__tab {
        font-size: 1.4rem;
        padding: 0.6rem 1.2rem;
    }

    .about-design__title {
        font-size: 2.4rem;
    }
    .about-design__info-title {
        font-size: 2rem;
    }
    .about-design__info-desc {
        font-size: 1.5rem;
    }
    .about-design__tab {
        font-size: 1.4rem;
        padding: 0.6rem 1.2rem;
    }

    .about-testimonials__title {
        font-size: 2.4rem;
    }
    .about-testimonial-card__title {
        font-size: 1.8rem;
    }
    .about-testimonial-card__body {
        font-size: 1.5rem;
    }
    .about-testimonial-card__author {
        font-size: 1.5rem;
    }

    .faq-intro-title {
        font-size: 2.4rem;
    }
    .faq-accordion-wrap--offer .faq-accordion__btn {
        font-size: 1.8rem;
        padding: 1.8rem;
    }
    .faq-block-info__title {
        font-size: 2.4rem;
    }
    .faq-cta-title {
        font-size: 2.6rem;
    }
    .faq-offers-title {
        font-size: 2.4rem;
    }
    .faq-offer-badge {
        min-height: 22rem;
        padding: 2.4rem;
    }
    .faq-offer-badge__pct {
        font-size: 4rem;
    }
    .faq-offer-badge__label {
        font-size: 1.8rem;
    }
    .faq-offer-badge__img {
        width: 18rem;
    }

    .hero-banner {
        border-radius: 2.4rem;
    }
    .hero-banner__text {
        padding: 3rem 2rem 2rem;
    }
    .hero-banner__title {
        font-size: 2.6rem;
    }
    .hero-banner__breadcrumb {
        font-size: 1.6rem;
    }
    .hero-banner__img-wrap {
        height: 22rem;
    }

    .page-banner--faq .hero-banner__img-wrap {
        height: 28rem;
    }

    .page-banner--about .hero-banner__img-wrap {
        height: 30rem;
    }

    .page-banner--our--blog .hero-banner__img-wrap {
        height: 22rem;
    }

    .page-banner-inner__background {
        padding: 5rem 0;
        border-radius: 2.4rem;
    }
    .page-banner-title {
        font-size: 2.8rem;
    }
    .banner-back-btn {
        font-size: 1.6rem;
        left: 1.6rem;
        top: 1.6rem;
    }
    .banner-back-btn svg {
        width: 2.4rem;
        height: 2.4rem;
    }

    .compare-table-wrap {
        border-radius: 1.8rem;
    }
    .compare-table {
        min-width: 46rem;
    }
    .compare-label-col {
        width: 7rem;
    }
    .compare-product-col {
        min-width: 13rem;
        padding: 1.4rem 1rem;
    }
    .compare-label {
        font-size: 1.3rem;
    }
    .compare-value {
        font-size: 1.3rem;
    }

    /* Header */
    .checkout-header {
        padding: 1.6rem;
    }
    .checkout-back {
        font-size: 1.6rem;
        left: 1.4rem;
    }
    .checkout-back svg {
        width: 2.2rem;
        height: 2.2rem;
    }
    .logo img {
        max-width: 13rem;
    }

    /* Progress */
    .progress-step-num {
        width: 2.2rem;
        height: 2.2rem;
        font-size: 1.2rem;
    }
    .progress-step-label {
        font-size: 1.1rem;
    }
    .progress-line {
        top: 3.6rem;
    }

    .checkout-card {
        border-radius: 1.8rem;
        padding: 1.8rem;
    }
    .cart-item-card {
        padding: 1.8rem;
    }
    .cart-item-inner {
        gap: 0.8rem;
    }

    .cart-item-card .order-item-img-wrap img {
        width: 6.5rem;
        height: 6.5rem;
    }

    .order-item-name {
        font-size: 1.4rem;
    }
    .order-item-price {
        font-size: 1.4rem;
    }
    .order-item-meta {
        font-size: 1.2rem;
    }

    .cart-qty-btn {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.5rem;
    }
    .cart-qty-val {
        min-width: 2.8rem;
        font-size: 1.2rem;
    }

    .cart-wishlist-btn,
    .cart-remove-btn {
        font-size: 1.2rem;
    }
    .cart-wishlist-btn svg,
    .cart-remove-btn svg {
        width: 1.8rem;
        height: 1.8rem;
    }

    .order-summary-row span:first-child,
    .order-summary-row span:last-child {
        font-size: 1.5rem;
    }
    .order-summary-row.total span {
        font-size: 2rem;
    }

    .checkout-btn-wrap .paw-btn {
        font-size: 1.5rem;
    }

    /* Address */
    .address-card {
        border-radius: 1.6rem;
        padding: 1.2rem;
    }
    .address-card-type {
        font-size: 1.6rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.4rem;
    }
    .address-card-actions {
        gap: 1rem;
    }
    .add-address-btn {
        font-size: 1.6rem;
    }

    .account-sidebar {
        border-radius: 1.8rem;
        padding: 1.6rem;
    }
    .account-content {
        border-radius: 1.8rem;
        padding: 1.8rem;
    }

    .account-nav-item {
        font-size: 1.3rem;
        padding: 0.5rem 1rem;
    }
    .account-username {
        font-size: 1.8rem;
    }
    .account-avatar {
        width: 6.5rem;
        height: 6.5rem;
    }

    .order-card {
        border-radius: 1.8rem;
        padding: 1.8rem;
    }
    .order-product-item {
        padding: 1.4rem;
    }
    .order-product-item img {
        width: 6.5rem;
        height: 6.5rem;
    }
    .order-action-btn {
        font-size: 1.3rem;
    }

    .address-card {
        border-radius: 1.4rem;
        padding: 1.2rem;
    }
    .add-address-btn {
        font-size: 1.6rem;
    }

    .policy-heading {
        font-size: 2.2rem;
    }
    .policy-subheading {
        font-size: 1.7rem;
    }
    .policy-para,
    .policy-list li {
        font-size: 1.5rem;
    }

    .auth-right {
        padding: 2rem 1.6rem;
    }
    .auth-right .logo img {
        max-width: 13rem;
    }

    .auth-card {
        padding: 2rem 1.6rem;
        border-radius: 1.6rem;
        gap: 1.4rem;
    }

    .auth-card-title {
        font-size: 1.8rem;
    }
    .auth-card-desc {
        font-size: 1.3rem;
    }
    .auth-forgot {
        font-size: 1.5rem;
    }
    .auth-bottom-text {
        font-size: 1.5rem;
    }

    /* OTP */
    .auth-otp-wrap {
        gap: 0.8rem;
    }
    .auth-otp-input {
        width: 4.6rem;
        height: 4.6rem;
        font-size: 1.6rem;
        border-radius: 0.8rem;
    }

    /* Centered */
    .auth-page-centered {
        padding: 2rem 1.4rem;
    }
    .auth-page-centered .logo img {
        max-width: 12rem;
    }
    .auth-page-centered .auth-card {
        padding: 2rem 1.6rem;
        border-radius: 1.6rem;
    }

    .home-offer__slide {
        padding: 2.4rem 2rem 0;
    }
    .home-offer__pct {
        font-size: 5.2rem;
    }
    .home-offer__pct sup {
        font-size: 2.6rem;
    }
    .home-offer__off {
        font-size: 2.2rem;
    }
    .home-offer__title {
        font-size: 3.2rem;
    }
    .home-offer__bg-text {
        font-size: 10rem;
    }
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        max-width: 20rem;
    }

    .home-wonders__card {
        padding: 2.4rem 1.6rem;
    }
    .home-wonders__title-pill {
        font-size: 2.4rem;
    }
    .home-wonders__title-line1 {
        font-size: 1.7rem;
    }
    .home-wonders__center {
        max-width: 16rem;
    }

    .home-fd__tag {
        font-size: 2.8rem;
    }
    .home-fd__price {
        font-size: 2.6rem;
    }
    .home-fd__img-wrap {
        height: 26rem;
    }

    .home-fd__thumb {
        width: 5.4rem;
        height: 5.4rem;
    }

    .home-deals__card-top {
        padding: 3rem 2rem 1.2rem;
    }
    .home-deals__pct {
        font-size: 4.2rem;
    }
    .home-deals__title {
        font-size: 2rem;
    }
    .home-deals__card-img-wrap {
        min-height: 16rem;
    }
    .home-deals__arrow svg {
        width: 4.5rem;
        height: 4.5rem;
    }

    .home-cozy__card {
        padding: 2rem 1.6rem;
        border-radius: 2.4rem;
    }
    .home-cozy__title {
        font-size: 2rem;
    }
    .home-cozy__see-all {
        font-size: 1.6rem;
    }
    .home-cozy__item-name {
        font-size: 1.4rem;
    }
    .home-cozy__item-arrow svg {
        width: 4rem;
        height: 4rem;
    }

    .home-sunshine__card {
        border-radius: 2.4rem;
        padding: 2rem 1.6rem 2.8rem;
    }
    .home-sunshine__title {
        font-size: 2rem;
    }
    .home-sunshine__see-all {
        font-size: 1.6rem;
    }
    .home-sunshine__nav-btn {
        width: 4.4rem;
        height: 4.4rem;
    }

    .home-furniture__card {
        border-radius: 2rem;
    }
    .home-furniture__info {
        padding: 2.4rem 2rem 1.4rem;
    }
    .home-furniture__name {
        font-size: 2.2rem;
    }
    .home-furniture__price {
        font-size: 3rem;
    }
    .home-furniture__img-wrap {
        padding: 1.2rem 2rem 2.8rem;
    }
    .home-furniture__nav-btn {
        width: 4.4rem;
        height: 4.4rem;
    }

    .home-newsletter__left {
        min-height: 30rem;
        margin: 1rem 1rem 0;
    }
    .home-newsletter__brand {
        font-size: 2.6rem;
        top: 1.6rem;
    }
    .home-newsletter__right {
        padding: 3rem 2rem;
    }
    .home-newsletter__title {
        font-size: 2.6rem;
    }
    .home-newsletter__desc {
        font-size: 1.5rem;
    }
}

/* ── Extra Small Mobile (max 320px) ── */
@media (max-width: 320px) {
    .about-welcome__blob-wrap {
        max-width: 24rem;
    }
    .about-welcome__blob-img {
        right: 8%;
        bottom: -5%;
    }

    .about-welcome__title {
        font-size: 2.6rem;
    }
    .about-welcome__label {
        font-size: 1.6rem;
    }
    .about-welcome__desc {
        font-size: 1.5rem;
    }
    .about-welcome__list li {
        font-size: 1.6rem;
    }
    .about-welcome__star--lg {
        width: 2.2rem;
        height: 2.2rem;
    }

    .about-card {
        border-radius: 2rem;
        padding: 2rem;
        gap: 1.2rem;
    }

    .about-cards__grid .about-card.pt-0 .about-card-contents {
        padding: 0 2rem 2rem;
        gap: 1.2rem;
    }

    .about-card__img-wrap {
        max-height: 18rem;
    }
    .about-card__title {
        font-size: 2rem;
    }
    .about-card__desc {
        font-size: 1.4rem;
    }

    .about-design__title {
        font-size: 2rem;
    }
    .about-design__info-title {
        font-size: 1.8rem;
    }
    .about-design__img-wrap {
        border-radius: 1.6rem;
    }
    .about-design__tab {
        font-size: 1.3rem;
        padding: 0.5rem 1rem;
    }

    .about-design__title {
        font-size: 2rem;
    }
    .about-design__info-title {
        font-size: 1.8rem;
    }
    .about-design__img-wrap {
        border-radius: 1.6rem;
    }
    .about-design__tab {
        font-size: 1.3rem;
        padding: 0.5rem 1rem;
    }

    .about-testimonials__title {
        font-size: 2rem;
    }
    .about-testimonials__subtitle {
        font-size: 1.4rem;
    }
    .about-testimonial-card__title {
        font-size: 1.7rem;
    }
    .about-testimonial-card__body {
        font-size: 1.4rem;
    }
    .about-testimonial-card {
        padding: 1.6rem 0;
    }

    .faq-intro-title {
        font-size: 2rem;
    }
    .faq-accordion__btn {
        font-size: 1.6rem;
        padding: 1.6rem;
    }
    .faq-block-info__title {
        font-size: 2rem;
    }
    .faq-cta-title {
        font-size: 2.2rem;
    }
    .faq-offers-title {
        font-size: 2rem;
    }
    .faq-offer-badge {
        min-height: 18rem;
        padding: 2rem;
        border-radius: 2rem;
    }
    .faq-offer-badge__pct {
        font-size: 3.4rem;
    }
    .faq-offer-badge__label {
        font-size: 1.8rem;
    }
    .faq-offer-badge__img {
        width: 14rem;
    }

    .hero-banner {
        border-radius: 2rem;
    }
    .hero-banner__text {
        padding: 2.4rem 1.6rem 1.6rem;
    }
    .hero-banner__title {
        font-size: 2.2rem;
    }
    .hero-banner__img-wrap {
        height: 18rem;
    }

    .page-banner--faq .hero-banner__img-wrap {
        height: 18rem;
    }

    .page-banner--about .hero-banner__img-wrap {
        height: 18rem;
    }

    .page-banner--our--blog .hero-banner__img-wrap {
        height: 18rem;
    }

    .page-banner-inner__background {
        padding: 4.5rem 0;
        border-radius: 2rem;
    }
    .page-banner-title {
        font-size: 2.4rem;
    }
    .banner-back-btn {
        font-size: 1.4rem;
        left: 1.4rem;
        top: 1.4rem;
    }
    .banner-back-btn svg {
        width: 2.2rem;
        height: 2.2rem;
    }

    .compare-table {
        min-width: 40rem;
    }
    .compare-label-col {
        width: 6rem;
    }
    .compare-product-col {
        min-width: 11rem;
        padding: 1.2rem 0.8rem;
    }
    .compare-label {
        font-size: 1.2rem;
    }
    .compare-value {
        font-size: 1.2rem;
    }
    .compare-product-name {
        font-size: 1.4rem;
    }

    /* Header */
    .checkout-header {
        padding: 1.4rem;
    }
    .checkout-back {
        font-size: 1.4rem;
        left: 1.2rem;
        gap: 0.3rem;
    }
    .checkout-back svg {
        width: 2rem;
        height: 2rem;
    }
    .logo img {
        max-width: 12rem;
    }

    /* Progress — hide labels */
    .progress-step-label {
        display: none;
    }
    .progress-step-num {
        width: 2rem;
        height: 2rem;
        font-size: 1.1rem;
    }
    .progress-line {
        top: 3.2rem;
        left: 5%;
        right: 5%;
    }
    .checkout-progress {
        padding: 1.6rem 0 1.2rem;
    }

    .checkout-card {
        border-radius: 1.6rem;
        padding: 1.6rem;
        margin-bottom: 1.2rem;
    }
    .checkout-card-title {
        font-size: 2rem;
    }
    .cart-item-card {
        padding: 1.6rem;
    }

    .cart-item-card .order-item-img-wrap img {
        width: 6rem;
        height: 6rem;
    }

    .cart-item-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding-top: 1.2rem;
    }

    .order-item-name {
        font-size: 1.3rem;
    }
    .order-item-price {
        font-size: 1.3rem;
    }
    .order-item-meta {
        font-size: 1.2rem;
    }

    .cart-qty-btn {
        width: 2.6rem;
        height: 2.6rem;
        font-size: 1.4rem;
    }
    .cart-qty-val {
        min-width: 2.6rem;
    }

    .order-summary-row.total span {
        font-size: 1.8rem;
    }
    .checkout-btn-wrap .paw-btn {
        font-size: 1.4rem;
        padding: 1.4rem 1.6rem;
    }

    /* Address */
    .address-card {
        border-radius: 1.4rem;
        padding: 1.2rem;
    }
    .address-card-head {
        flex-wrap: wrap;
        gap: 0.6rem;
    }
    .address-card-type {
        font-size: 1.5rem;
    }
    .address-card-text,
    .address-card-contact {
        font-size: 1.3rem;
    }
    .address-edit-btn,
    .address-delete-btn {
        font-size: 1.3rem;
    }
    .add-address-btn {
        font-size: 1.5rem;
    }
    .address-form-title {
        font-size: 1.6rem;
    }
    .border-top-tottol {
        margin-top: 1.2rem;
    }

    .account-sidebar {
        border-radius: 1.6rem;
        padding: 1.4rem;
    }
    .account-content {
        border-radius: 1.6rem;
        padding: 1.6rem;
    }

    .account-nav-item {
        font-size: 1.2rem;
        padding: 0.5rem 0.9rem;
    }
    .account-username {
        font-size: 1.6rem;
    }
    .account-avatar {
        width: 6rem;
        height: 6rem;
    }

    /* Stack order actions vertically */
    .order-card-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .order-card {
        padding: 1.6rem;
        border-radius: 1.6rem;
    }
    .order-product-item {
        padding: 1.2rem;
    }
    .order-product-item img {
        width: 6rem;
        height: 6rem;
    }

    .address-card {
        border-radius: 1.2rem;
        padding: 1rem;
    }
    .address-card-head {
        flex-wrap: wrap;
        gap: 0.6rem;
    }

    .cancel-reasons-grid {
        gap: 0.8rem;
    }
    .cancel-reason-item {
        font-size: 1.4rem;
    }

    .policy-heading {
        font-size: 2rem;
    }
    .policy-subheading {
        font-size: 1.6rem;
    }
    .policy-para,
    .policy-list li {
        font-size: 1.4rem;
        line-height: 1.7;
    }
    .policy-list {
        padding-left: 1.6rem;
    }

    .auth-right {
        padding: 1.8rem 1.4rem;
    }
    .auth-right .logo img {
        max-width: 12rem;
    }

    .auth-card {
        padding: 1.8rem 1.4rem;
        border-radius: 1.4rem;
        gap: 1.2rem;
    }

    .auth-card-title {
        font-size: 1.7rem;
    }
    .auth-forgot {
        font-size: 1.4rem;
    }
    .auth-bottom-text {
        font-size: 1.4rem;
    }

    /* OTP — 4 inputs in tight row */
    .auth-otp-wrap {
        gap: 0.6rem;
    }
    .auth-otp-input {
        width: 4rem;
        height: 4rem;
        font-size: 1.4rem;
        border-radius: 0.8rem;
    }

    /* Centered */
    .auth-page-centered {
        padding: 1.8rem 1.2rem;
    }
    .auth-page-centered .auth-card {
        padding: 1.8rem 1.4rem;
        border-radius: 1.4rem;
    }

    .home-offer__slide {
        padding: 2rem 1.6rem 0;
        border-radius: 2rem;
    }
    .home-offer__swiper .swiper-slide {
        border-radius: 2rem;
    }
    .home-offer__pct {
        font-size: 4.4rem;
    }
    .home-offer__pct sup {
        font-size: 2.2rem;
    }
    .home-offer__off {
        font-size: 2rem;
    }
    .home-offer__title {
        font-size: 2.8rem;
    }
    .home-offer__bg-text {
        display: none;
    }
    .home-offer__pet-wrap,
    .home-offer__pet-wrap--right {
        max-width: 17rem;
    }

    .home-wonders__card {
        border-radius: 2.4rem;
        padding: 2rem 1.4rem;
    }
    .home-wonders__title-pill {
        font-size: 2rem;
        padding: 0.4rem 1.6rem;
    }
    .home-wonders__title-line1 {
        font-size: 1.6rem;
    }
    .home-wonders__feature-title {
        font-size: 1.7rem;
    }
    .home-wonders__feature-desc {
        font-size: 1.4rem;
    }

    .home-fd__tag {
        font-size: 2.4rem;
    }
    .home-fd__price {
        font-size: 2.2rem;
    }
    .home-fd__name {
        font-size: 2rem;
    }
    .home-fd__img-wrap {
        height: 22rem;
    }

    .home-fd__thumb {
        width: 4.8rem;
        height: 4.8rem;
    }

    .home-fd__info {
        padding: 0 1.6rem 1.6rem;
    }

    .home-deals__grid {
        gap: 3.5rem;
        padding-top: 3.5rem;
    }
    .home-deals__card {
        border-radius: 2.4rem;
    }
    .home-deals__card-top {
        padding: 2.8rem 1.8rem 1rem;
    }
    .home-deals__pct {
        font-size: 3.6rem;
    }
    .home-deals__title {
        font-size: 1.8rem;
    }
    .home-deals__card-img-wrap {
        min-height: 14rem;
    }
    .home-deals__arrow svg {
        width: 4rem;
        height: 4rem;
    }

    .home-cozy__card {
        padding: 1.8rem 1.4rem;
        border-radius: 2rem;
    }
    .home-cozy__grid {
        gap: 1.6rem 1rem;
    }
    .home-cozy__item-name {
        font-size: 1.4rem;
    }
    .home-cozy__item-arrow svg {
        width: 3.6rem;
        height: 3.6rem;
    }

    .home-sunshine__card {
        border-radius: 2rem;
        padding: 1.8rem 1.4rem 2.4rem;
    }
    .home-sunshine__title {
        font-size: 1.8rem;
    }
    .home-sunshine__nav-btn {
        width: 4rem;
        height: 4rem;
    }

    .home-furniture__card {
        border-radius: 1.8rem;
    }
    .home-furniture__info {
        padding: 2rem 1.6rem 1.2rem;
        gap: 1.4rem;
    }
    .home-furniture__name {
        font-size: 2rem;
    }
    .home-furniture__price {
        font-size: 2.6rem;
    }
    .home-furniture__img-wrap {
        padding: 1rem 1.6rem 2.4rem;
    }
    .home-furniture__nav-btn {
        width: 4rem;
        height: 4rem;
    }
    .home-furniture__nav {
        margin-top: -1.8rem;
    }

    .home-newsletter__card {
        border-radius: 2rem;
    }
    .home-newsletter__left {
        min-height: 17rem;
        margin: 0.8rem 0.8rem 0;
    }
    .home-newsletter__brand {
        font-size: 2.2rem;
        top: 1.4rem;
    }
    .home-newsletter__right {
        padding: 2.4rem 1.6rem;
        gap: 1.6rem;
    }
    .home-newsletter__title {
        font-size: 2.2rem;
    }
    .home-newsletter__input {
        font-size: 1.5rem;
        padding: 1.2rem 1.8rem;
    }
    .home-newsletter__btn {
        font-size: 1.6rem;
    }
    .blog-sidebar-product-name {
        width: 200px;
    }
}