@media (max-width: 1080px) {

    .hero-grid,
    .about-content,
    .editorial-grid,
    .section-heading--split,
    .footer-content {
        grid-template-columns: 1fr;
    }

    .hero-stage,
    .categories-grid,
    .products-grid,
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-heading--split {
        display: grid;
        align-items: start;
    }
}

/* Mantém a imagem do produto preenchendo todo o bloco em qualquer breakpoint */
.product-image {
    padding: 0 !important;
}

.product-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
}

@media (max-width: 860px) {
    .menu {
        display: none;
    }

    .hamburger {
        display: inline-flex;
    }

    .header__in {
        padding: 14px 16px;
    }

    .menu-body {
        top: calc(100% + 8px);
    }

    .brand-mark {
        min-width: 0;
    }

    .tenant-hint__in {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-copy,
    .about-text,
    .about-panel__card,
    .hero-feature,
    .category-card {
        padding: 24px;
    }

    .hero-metrics,
    .about-stats {
        grid-template-columns: 1fr;
    }

    .editorial-card--dark h3,
    .about-panel__card h3,
    .hero-feature--main h2 {
        max-width: none;
    }

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

    .product-detail-modal-content {
        width: 100vw;
        max-width: 100vw;
        border-radius: 0;
    }

    .product-detail-thumbs {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .mobile-cart-bar {
        display: flex;
    }

    body {
        padding-bottom: 0;
    }

    body.has-mobile-cart-bar {
        padding-bottom: 78px;
    }

    .container,
    .inner,
    .menu-container {
        width: min(100% - 28px, 1180px);
    }



    .header {
        padding-top: 12px;
    }

    .tenant-hint__in {
        padding: 14px;
    }

    .tenant-hint__actions,
    .tenant-hint__link {
        width: 100%;
    }

    .header__in {
        padding: 14px;
        gap: 10px;
        align-items: start;
    }

    .header__navigation {
        display: none;
    }

    .header-search {
        position: static;
    }

    .brand-mark__eyebrow {
        font-size: 0.7rem;
    }

    .brand-mark__title {
        font-size: 1.35rem;
    }

    .header-right {
        gap: 8px;
    }

    .icon-button,
    .cart-btn,
    .hamburger {
        width: 44px;
        height: 44px;
    }



    #search-input {
        top: calc(100% + 12px);
        left: 14px;
        right: 14px;
        width: auto;
        padding: 14px 18px;
        border-width: 2px;
        border-color: var(--accent);
        box-shadow: 0 18px 40px rgba(37, 24, 12, 0.14);
    }

    .hero-shell,
    .categories,
    .products,
    .about,
    .faq-section,
    .editorial-strip,
    .benefits-band,
    .section-heading {
        padding: 42px 20px;
    }

    .hero-grid,
    .hero-stage,
    .categories-grid,
    .products-grid,
    .benefits-grid,
    .editorial-grid {
        grid-template-columns: 1fr;
    }

    .hero-copy {
        padding: 30px 22px;
        border-radius: 26px;
    }

    .section-heading,
    .section-heading--split,
    .about-text,
    .about-panel__card,
    .editorial-card--dark,
    .editorial-card--soft,
    .benefits-grid article,
    .category-card,
    .product-info,
    .faq-toggle,
    .faq-content div,
    .footer-section {
        word-break: break-word;
    }

    .benefits-grid article,
    .category-card,
    .about-text,
    .editorial-card--dark,
    .editorial-card--soft,
    .footer-section,
    .product-info,
    .faq-toggle,
    .faq-content div,
    .checkout-body,
    .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-heading,
    .section-heading--split {
        padding-inline: 4px;
        margin-bottom: 30px;
    }

    .hero-copy h1 {
        font-size: clamp(2.8rem, 12vw, 4.4rem);
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero-actions .btn,
    .btn-full,
    .card-see-all-products {
        width: 100%;
    }

    .product-image {
        height: 100%;
        min-height: 176px;
        border-radius: 0;
        padding-top: 0;
    }

    .product-image img {
        padding: 0;
    }

    .product-card,
    .category-card,
    .benefits-grid article,
    .about-text,
    .faq-item,
    .editorial-card,
    .about-panel {
        border-radius: 24px;
    }

    .qty-row {
        align-items: center;
        flex-direction: row;
    }

    .qty-control {
        width: fit-content;
        flex-shrink: 0;
    }

    .product-card {
        min-height: 156px;
        border-radius: 14px;
    }

    .product-card__open {
        grid-template-columns: 134px minmax(0, 1fr);
        min-height: 156px;
    }

    .product-info {
        padding: 10px;
        gap: 6px;
    }

    .product-title {
        font-size: 0.9rem;
    }

    .product-description {
        font-size: 0.76rem;
    }

    .product-image {
        min-height: 156px;
        padding: 10px;
    }

    .qty-btn {
        width: 22px;
        height: 22px;
    }

    .qty-input {
        width: 26px;
    }

    .add-to-cart {
        min-width: 32px;
        min-height: 32px;
    }

    .product-detail-actions {
        flex-wrap: wrap;
    }

    .modal,
    .checkout-modal {
        padding: 12px;
    }

    .modal-header,
    .modal-footer,
    .checkout-header {
        padding: 18px;
    }

    .modal-body,
    .checkout-body {
        padding-top: 0;
        padding-bottom: 18px;
    }

    .footer {
        padding-bottom: 28px;
    }

    .back-to-top {
        right: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px;
    }

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

    .delivery-options {
        display: grid;
        gap: 10px;
    }
}

@media (max-width: 400px) {

    .container,
    .inner,
    .menu-container {
        width: calc(100% - 32px);
    }

    .header {
        padding-top: 10px;
    }

    .header__in {
        padding: 12px;
        border-radius: 20px;
    }

    .brand-mark__eyebrow {
        font-size: 0.64rem;
        letter-spacing: 0.14em;
    }

    .brand-mark__title {
        font-size: 1.15rem;
    }

    #search-input {
        left: 12px;
        right: 12px;
        top: calc(100% + 10px);
        padding: 12px 16px;
    }

    .hero-shell,
    .categories,
    .products,
    .about,
    .faq-section,
    .editorial-strip,
    .benefits-band,
    .section-heading {
        padding: 34px 20px;
    }

    .hero-shell .container,
    .categories .container,
    .products .container,
    .about .container,
    .faq-section .container,
    .editorial-strip .container,
    .benefits-band .container,
    .footer .container {
        padding-left: 4px;
        padding-right: 4px;
    }

    .benefits-grid,
    .categories-grid,
    .products-grid,
    .editorial-grid,
    .faq-list,
    .about-content,
    .footer-content {
        gap: 16px;
    }

    .products-grid,
    .categories-grid,
    .benefits-grid,
    .editorial-grid,
    .faq-list {
        padding-inline: 6px;
    }

    .hero-copy,
    .benefits-grid article,
    .category-card,
    .about-text,
    .editorial-card--dark,
    .editorial-card--soft,
    .footer-section,
    .product-info,
    .faq-toggle,
    .faq-content div,
    .modal-header,
    .modal-footer,
    .checkout-header,
    .modal-body,
    .checkout-body {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-copy,
    .benefits-grid article,
    .category-card,
    .about-text,
    .faq-item,
    .product-card,
    .editorial-card,
    .about-panel,
    .modal-content,
    .checkout-panel {
        border-radius: 20px;
    }

    .product-card,
    .category-card,
    .benefits-grid article,
    .faq-item,
    .editorial-card,
    .about-text,
    .about-panel {
        margin-inline: 0;
    }

    .section-heading,
    .section-heading--split {
        padding-inline: 2px;
        margin-bottom: 24px;
    }

    .section-title,
    .about-text h2 {
        font-size: clamp(2rem, 10vw, 2.5rem);
    }

    .hero-copy h1 {
        font-size: clamp(2.25rem, 12vw, 3.2rem);
    }

    .hero-actions {
        gap: 10px;
    }

    .hero-metrics div,
    .stat {
        padding: 16px;
    }

    .product-image {
        height: 100%;
        min-height: 136px;
        padding-top: 0;
    }

    .product-card__open {
        grid-template-columns: 120px minmax(0, 1fr);
        min-height: 136px;
    }

    .product-image img {
        padding: 0;
    }

    .product-badge {
        top: 12px;
        left: 12px;
        padding: 6px 10px;
        font-size: 0.66rem;
    }

    .variant-options {
        gap: 6px;
    }

    .product-detail-thumbs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .size-btn {
        min-width: 32px;
        padding: 5px 7px;
    }

    .qty-control {
        width: fit-content;
        justify-content: initial;
    }

    .qty-input {
        width: 24px;
    }

    .product-card {
        grid-template-columns: 118px minmax(0, 1fr);
        min-height: 136px;
        border-radius: 12px;
    }

    .product-image {
        padding: 8px;
    }

    .product-image img {
        max-width: 102px;
        max-height: 82px;
    }

    .product-info {
        padding: 8px;
        gap: 5px;
    }

    .product-title {
        font-size: 0.84rem;
    }

    .product-description {
        font-size: 0.72rem;
    }

    .product-price {
        font-size: 0.95rem;
    }

    .social-links {
        gap: 10px;
    }

    .social-links a {
        width: 38px;
        height: 38px;
    }

    .modal,
    .checkout-modal {
        padding: 10px;
    }

    .back-to-top {
        right: 14px;
        bottom: 14px;
        width: 46px;
        height: 46px;
    }
}

@media (max-width: 1080px) {
    body[data-product-layout="showcase"] .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body[data-product-layout="showcase"] .products-grid {
        grid-template-columns: 1fr;
    }

    body[data-product-layout="showcase"] .product-image {
        height: 220px;
    }
}

@media (max-width: 400px) {
    body[data-product-layout="showcase"] .product-image {
        height: 190px;
    }
}

/* Garante preenchimento da imagem em todos os breakpoints */
.product-image {
    padding: 0 !important;
}

.product-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
}