/* ========================================
   RESPONSIVIDADE (MOBILE & TABLET)
   ======================================== */

/* ========================================
   TABLET E CELULARES GRANDES (até 992px)
   ======================================== */
@media (max-width: 992px) {
    
    /* Hero e Lifestyle em coluna única */
    .hero-grid, 
    .lifestyle-grid { 
        grid-template-columns: 1fr; 
        text-align: center; 
        gap: 20px;
    }
    
    .hero-text h1 { 
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        font-size: 3.4rem;
    }
    
    .hero-text p { 
        margin: 0 auto var(--spacing-md); 
        font-size: 1rem; 
    }

    .hero-eyebrow,
    .hero-trust {
        justify-content: center;
    }

    .hero-cta {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-image {
        min-height: 430px;
    }

    .hero-product-img {
        max-width: 570px;
    }
    
    .price-box { 
        justify-content: center; 
        width: 100%; 
        max-width: 350px; 
    }
    
    .secure-buy { 
        justify-content: center; 
    }
    
    /* Grids de 3 colunas */
    .benefits-grid, 
    .why-grid { 
        grid-template-columns: repeat(3, 1fr); 
    }
    
    /* Sabores em 3 colunas */
    .flavors-grid { 
        grid-template-columns: repeat(3, 1fr); 
        gap: var(--spacing-sm); 
    }
    
    .testimonials-grid { 
        grid-template-columns: 1fr; 
        max-width: 500px; 
        margin: 0 auto; 
    }
    
    .faq-grid { 
        grid-template-columns: 1fr; 
    }
    
    /* Ajustes na Sticky Bar */
    .sticky-info { 
        flex-direction: column; 
        gap: var(--spacing-xs); 
        align-items: flex-start; 
    }
    
    .sticky-content { 
        flex-wrap: wrap; 
        gap: var(--spacing-xs); 
        justify-content: center; 
    }
    
    .sticky-desc { 
        display: none; 
    }
}

/* ========================================
   CELULARES MÉDIOS E PEQUENOS (até 768px)
   ======================================== */
@media (max-width: 768px) {
    
    /* Header limpo */
    .header-badges .badge-free-shipping { 
        display: none; 
    }
    
    .header-content { 
        padding: 0 var(--spacing-xs); 
    }
    
    /* REDUÇÃO DA LOGO NO MOBILE */
    .logo-img {
        max-height: 50px; /* Reduzido de 160px para 50px no mobile */
    }
    
    .header {
        padding: 8px 0; /* Header mais compacto no mobile */
    }
    
    /* Grids de 2 colunas */
    .benefits-grid, 
    .why-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: var(--spacing-md) var(--spacing-sm); 
    }
    
    /* FORÇA 3 COLUNAS NOS SABORES (Regra de Ouro) */
    .flavors-grid { 
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--spacing-xs); 
    }
    
    .flavor-card {
        flex: 0 0 calc(33.333% - 10px); 
        max-width: calc(33.333% - 10px);
        padding: var(--spacing-xs) 2px;
    }
    
    .flavor-img { 
        max-width: 100%; 
        margin-bottom: var(--spacing-xs); 
    }
    
    .flavor-name { 
        font-size: 0.65rem; 
    }
    
    /* Ajustes no Hero - REDUZIDO PARA COMPENSAR LOGO MENOR */
    .hero { 
        min-height: auto;
        padding: 38px 0 46px;
    }

    .hero::after {
        width: 420px;
        height: 420px;
        right: 50%;
        top: auto;
        bottom: 0;
        transform: translate(50%, 20%);
    }

    .hero-text h1 {
        font-size: clamp(2.75rem, 9vw, 3.5rem);
        letter-spacing: -1.8px;
    }

    .hero-text .hero-lead {
        max-width: 560px;
        margin-bottom: 22px;
    }

    .hero-trust {
        font-size: .62rem;
    }

    .hero-image {
        min-height: 360px;
    }

    .hero-cold-label {
        right: 5%;
    }
    
    .product-mockup { 
        height: 300px; 
    }
    
    /* Ajustes no Lifestyle */
    .lifestyle-text h2 { 
        font-size: 1.8rem; 
    }
    
    .lifestyle-img-placeholder { 
        height: 250px; 
    }
    
    /* Sticky Bar em layout vertical (foco no mobile) */
    .sticky-bar { 
        padding: var(--spacing-xs) 0; 
    }
    
    .sticky-content { 
        flex-direction: column; 
        gap: var(--spacing-xs); 
        align-items: stretch; 
    }
    
    .sticky-info { 
        flex-direction: row; 
        justify-content: space-between; 
        align-items: center;
        width: 100%;
    }
    
    .sticky-desc { 
        display: block; 
        font-size: 0.7rem; 
        width: 100%; 
        text-align: center; 
        margin-bottom: var(--spacing-xs);
    }
    
    .sticky-price { 
        font-size: 1.3rem; 
    }
    
    .btn-sticky { 
        width: 100%; 
        padding: var(--spacing-sm); 
        font-size: 0.9rem; 
    }
    
    .trust-footer { 
        justify-content: center; 
        margin-top: var(--spacing-xs); 
    }
}

/* ========================================
   CELULARES MUITO PEQUENOS (até 480px)
   ======================================== */
@media (max-width: 480px) {
    
    /* Grids em 1 coluna */
    .benefits-grid, 
    .why-grid { 
        grid-template-columns: 1fr; 
    }
    
    /* MANTÉM 3 COLUNAS NOS SABORES MESMO EM TELAS TINY */
    .flavors-grid { 
        grid-template-columns: repeat(3, 1fr) !important; 
    }
    
    /* Tipografia reduzida */
    .hero-text h1 { 
        font-size: 2.65rem;
    }
    
    .section-title { 
        font-size: 1.6rem; 
    }
    
    /* Oferta compacta para preservar a primeira dobra */
    .price-box { 
        width: 100%;
        max-width: 360px;
        flex-direction: row;
        text-align: left;
        padding: 12px;
    }
    
    .price-info { 
        border-left: none; 
        padding-left: 0; 
    }
    
    .price-value { 
        font-size: 1.6rem; 
    }
    
    /* Logo ainda menor em telas muito pequenas */
    .logo-img {
        max-height: 40px;
    }
    
    .hero {
        padding: 28px 0 36px;
    }

    .hero-eyebrow {
        margin-bottom: 14px;
        font-size: .62rem;
    }

    .hero-text h1 em {
        display: inline;
    }

    .hero-text .hero-lead {
        font-size: .96rem;
        line-height: 1.55;
    }

    .hero-cta {
        max-width: none;
        min-height: 56px;
        font-size: .78rem;
    }

    .hero-trust {
        gap: 8px 12px;
        font-size: .56rem;
    }

    .hero-image {
        min-height: 285px;
        margin-top: -4px;
    }

    .hero-product-img {
        max-width: 390px;
    }

    .hero-cold-label {
        top: 5%;
        right: 0;
        padding: 8px 10px;
        font-size: .67rem;
    }

    .hero-product-seal {
        right: 1%;
        bottom: 5%;
        width: 70px;
        height: 70px;
    }

    .hero-product-seal strong {
        font-size: 1.55rem;
    }

    .hero-product-seal span {
        font-size: .5rem;
    }
}

/* ========================================
   CAMPANHA — COMPOSIÇÃO MOBILE-FIRST
   ======================================== */
@media (max-width: 992px) {
    .hero {
        min-height: auto;
        padding: 0;
        background: linear-gradient(160deg, #0b2112, #1d4b2b);
    }

    .hero-campaign-bg,
    .hero-campaign-shade,
    .hero-giant-word {
        display: none;
    }

    .hero-campaign-content {
        display: flex;
        min-height: auto;
        padding-top: 48px;
        padding-bottom: 38px;
        flex-direction: column;
    }

    .hero-copy {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .hero-kicker {
        justify-content: center;
    }

    .hero-copy h1 {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(3.6rem, 10vw, 5.4rem);
    }

    .hero-copy > p {
        max-width: 590px;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-offer-row {
        justify-content: center;
    }

    .hero-campaign-cta {
        margin: 0 auto;
    }

    .hero-rating {
        justify-content: center;
    }

    .hero-mobile-visual {
        position: relative;
        display: block;
        width: min(100%, 760px);
        margin-top: 32px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 24px;
        box-shadow: 0 24px 50px rgba(0,0,0,.3);
    }

    .hero-mobile-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
        border-radius: inherit;
        pointer-events: none;
    }

    .hero-mobile-visual img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        object-position: center;
    }

    .hero-mobile-stamp {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: grid;
        width: 78px;
        height: 78px;
        place-content: center;
        border: 2px solid rgba(255,255,255,.75);
        border-radius: 50%;
        color: #173622;
        background: #f2d65f;
        text-align: center;
        transform: rotate(-7deg);
    }

    .hero-mobile-stamp strong {
        font-family: var(--font-display);
        font-size: 1.75rem;
        line-height: .85;
    }

    .hero-mobile-stamp span {
        font-size: .51rem;
        font-weight: 900;
        letter-spacing: .6px;
        text-transform: uppercase;
    }
}

@media (max-width: 600px) {
    .hero-campaign-content {
        padding: 34px 14px 28px;
    }

    .hero-kicker {
        margin-bottom: 17px;
        font-size: .58rem;
        letter-spacing: 1.5px;
    }

    .hero-copy h1 {
        margin-bottom: 18px;
        font-size: clamp(3.15rem, 15.5vw, 4.4rem);
        line-height: .88;
        letter-spacing: -3.5px;
    }

    .hero-copy h1 span {
        display: block;
    }

    .hero-copy > p {
        margin-bottom: 20px;
        font-size: .92rem;
        line-height: 1.55;
    }

    .hero-offer-row {
        gap: 10px;
        margin-bottom: 15px;
    }

    .hero-offer {
        min-width: 0;
        flex: 1;
        padding: 11px 13px;
        text-align: left;
    }

    .hero-offer strong {
        font-size: 1.7rem;
    }

    .hero-offer-benefits {
        flex: 1;
        text-align: left;
        font-size: .59rem;
    }

    .hero-campaign-cta {
        width: 100%;
        min-height: 58px;
    }

    .hero-rating {
        flex-direction: column;
        gap: 5px;
        margin-top: 13px;
    }

    .hero-mobile-visual {
        width: calc(100% + 28px);
        margin-top: 25px;
        margin-left: -14px;
        border-right: 0;
        border-left: 0;
        border-radius: 18px;
    }

    .hero-mobile-visual img {
        aspect-ratio: 1 / .78;
        object-position: 61% center;
    }

    .campaign-ticker-track {
        font-size: .64rem;
    }

    .campaign-ticker-group {
        min-width: max-content;
        justify-content: flex-start;
        gap: 18px;
        padding: 0 18px;
    }
}

/* ========================================
   SIMPLIFICAÇÃO FINAL MOBILE
   ======================================== */
@media (max-width: 992px) {
    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
        padding: 0;
        overflow: visible;
    }

    .benefit-item {
        display: grid;
        min-width: 0;
        min-height: 0;
        padding: 13px;
        flex: none;
        scroll-snap-align: none;
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex-basis: 180px;
        min-width: 180px;
        max-width: 180px;
        height: auto;
    }

    .flavor-img {
        height: 205px;
    }

    .testimonials-heading-row .carousel-controls {
        display: flex;
    }

    .testimonials-grid {
        display: flex;
        gap: 12px;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    .testimonial-card,
    .testimonial-card:nth-child(2) {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .benefits {
        padding: 38px 0 42px;
    }

    .benefits .middle-section-heading h2 {
        font-size: 2.15rem;
    }

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

    .benefit-item {
        grid-template-columns: 30px 1fr;
        padding: 11px 13px;
    }

    .benefit-item i {
        width: 30px;
        height: 30px;
    }

    .flavors {
        padding: 58px 0 52px;
    }

    .testimonials {
        padding: 50px 0;
    }
}

/* ========================================
   RITMO FINAL MOBILE
   ======================================== */
@media (max-width: 992px) {
    .benefits {
        padding: 45px 0 50px;
    }

    .benefits .middle-section-heading {
        margin-bottom: 22px;
    }

    .benefits-grid {
        display: flex;
        gap: 8px;
        padding-bottom: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .benefits-grid::-webkit-scrollbar {
        display: none;
    }

    .benefit-item,
    .benefit-item.benefit-featured {
        grid-column: auto;
        flex: 0 0 150px;
        min-width: 150px;
        min-height: 175px;
        scroll-snap-align: start;
    }

    .benefit-item.benefit-featured {
        flex-basis: 245px;
        min-width: 245px;
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex-basis: 260px;
        min-width: 260px;
        max-width: 260px;
    }

    .flavors-grid {
        scroll-snap-type: none;
        scroll-behavior: auto;
    }

    .testimonial-card,
    .testimonial-card:nth-child(2) {
        flex-basis: 100%;
        min-width: 100%;
    }
}

@media (max-width: 600px) {
    .benefits .middle-section-heading h2 {
        font-size: 2.35rem;
    }

    .benefits .middle-section-heading > p {
        margin-top: 14px;
        font-size: .78rem;
    }

    .testimonials .section-title {
        font-size: 2.15rem;
    }
}

/* ========================================
   REFINO MOBILE — DENSIDADE E CARROSSÉIS
   ======================================== */
@media (max-width: 992px) {
    .benefits,
    .flavors,
    .why-closed,
    .testimonials {
        padding: 64px 0;
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex-basis: min(270px, 72vw);
        max-width: min(270px, 72vw);
        height: 330px;
    }

    .testimonial-card,
    .testimonial-card:nth-child(2) {
        flex-basis: min(360px, 84vw);
        min-width: min(360px, 84vw);
        min-height: 210px;
    }
}

@media (max-width: 600px) {
    .middle-section-heading {
        margin-bottom: 28px;
    }

    .middle-section-heading h2,
    .deal-summary h2,
    .lifestyle-text h2 {
        font-size: clamp(2.55rem, 12vw, 3.25rem);
    }

    .benefits-grid {
        gap: 8px;
    }

    .benefit-item {
        min-height: 172px;
        padding: 16px;
    }

    .benefit-item.benefit-featured {
        min-height: 285px;
        padding: 22px;
    }

    .benefit-item i {
        margin-bottom: 18px;
    }

    .benefit-featured h4 {
        font-size: 1.75rem;
    }

    .carousel-controls {
        padding-right: var(--spacing-sm);
    }

    .carousel-button {
        width: 38px;
        height: 38px;
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex-basis: 68vw;
        max-width: 265px;
        height: 320px;
    }

    .flavor-img {
        height: 200px;
    }

    .deal-layout {
        gap: 34px;
    }

    .why-item {
        min-height: 145px;
        padding: 15px;
    }

    .lifestyle,
    .lifestyle-grid {
        min-height: 540px;
    }

    .testimonials-heading-row {
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .testimonials .section-title {
        max-width: 235px;
        font-size: 2.4rem;
        line-height: 1;
    }

    .testimonials-heading-row .carousel-controls {
        padding: 0;
    }

    .testimonial-card,
    .testimonial-card:nth-child(2) {
        flex-basis: 80vw;
        min-width: 80vw;
        min-height: 205px;
        padding: 21px;
    }
}

/* ========================================
   MIOLO EDITORIAL — TABLET E MOBILE
   ======================================== */
@media (max-width: 992px) {
    .middle-section-heading {
        display: block;
        margin-bottom: 36px;
        text-align: left;
    }

    .middle-section-heading h2,
    .deal-summary h2,
    .lifestyle-text h2 {
        font-size: clamp(3rem, 8vw, 4.6rem);
    }

    .middle-section-heading > p {
        margin-top: 22px;
    }

    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .benefit-item.benefit-featured {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 360px;
    }

    .flavors-grid {
        display: flex;
        margin-right: calc(var(--spacing-sm) * -1);
        padding-right: var(--spacing-sm);
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .flavors-grid::-webkit-scrollbar {
        display: none;
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex: 0 0 270px;
        max-width: 270px;
        transform: none;
        scroll-snap-align: start;
    }

    .deal-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .lifestyle,
    .lifestyle-grid {
        min-height: 620px;
    }
}

@media (max-width: 600px) {
    .benefits,
    .flavors,
    .why-closed,
    .testimonials {
        padding: 76px 0;
    }

    .middle-section-heading h2,
    .deal-summary h2,
    .lifestyle-text h2 {
        font-size: clamp(2.75rem, 13vw, 3.6rem);
        letter-spacing: -2.7px;
    }

    .middle-section-heading > p {
        font-size: .88rem;
    }

    .benefits-grid {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .benefit-item {
        min-height: 205px;
        padding: 19px;
    }

    .benefit-item.benefit-featured {
        min-height: 330px;
        padding: 26px;
    }

    .benefit-featured h4 {
        font-size: 2rem;
    }

    .benefit-item h4 {
        font-size: 1.02rem;
    }

    .benefit-item p {
        font-size: .68rem;
    }

    .benefit-item i {
        margin-bottom: 28px;
    }

    .flavors .container {
        padding-right: 0;
    }

    .flavors-heading {
        padding-right: var(--spacing-sm);
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex: 0 0 76vw;
        max-width: 300px;
        height: 405px;
    }

    .flavor-name {
        font-size: 1.25rem;
    }

    .deal-math {
        gap: 6px;
        margin: 27px 0 24px;
    }

    .deal-math > div {
        min-width: 0;
        flex: 1;
        padding: 11px 8px;
    }

    .deal-math strong {
        font-size: 1.2rem;
    }

    .deal-math span {
        font-size: .47rem;
    }

    .deal-cta {
        width: 100%;
    }

    .why-grid {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .why-item {
        min-height: 175px;
        padding: 19px;
    }

    .why-item h4 {
        font-size: 1.03rem;
    }

    .why-item p {
        font-size: .67rem;
    }

    .lifestyle,
    .lifestyle-grid {
        min-height: 650px;
    }

    .lifestyle-backdrop {
        object-position: 62% center;
    }

    .lifestyle-overlay {
        background: linear-gradient(90deg, rgba(5,18,10,.94), rgba(7,24,13,.6));
    }

    .lifestyle-text {
        text-align: left;
    }

    .lifestyle-text p {
        font-size: .9rem;
    }

    .testimonials-grid {
        display: flex;
        margin-right: calc(var(--spacing-sm) * -1);
        padding: 15px var(--spacing-sm) 15px 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .testimonial-card,
    .testimonial-card:nth-child(2) {
        min-width: 82vw;
        transform: none;
        scroll-snap-align: center;
    }
}

/* ========================================
   MOBILE POSTER — ARTE E CONVERSÃO NA MESMA DOBRA
   ======================================== */
@media (max-width: 600px) {
    body {
        padding-bottom: 72px;
    }

    .header {
        position: relative;
        z-index: 50;
        padding: 6px 0;
    }

    .logo-img {
        width: 118px;
        max-width: 118px;
        max-height: 42px;
        object-fit: contain;
    }

    .btn-header {
        padding: 9px 13px;
        border-radius: 999px;
        font-size: .68rem;
        letter-spacing: .7px;
    }

    .hero {
        position: relative;
        min-height: 790px;
        background-image: url('../assets/images/hero/hero-calor-mobile.jpg');
        background-position: center top;
        background-size: cover;
    }

    .hero::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        opacity: 1;
        background:
            linear-gradient(180deg, rgba(8,12,10,.88) 0%, rgba(20,10,7,.72) 30%, rgba(14,18,12,.16) 58%, rgba(4,14,8,.35) 100%);
        mask-image: none;
    }

    .hero::after {
        content: none;
    }

    .hero-temperature {
        top: auto;
        right: 15px;
        bottom: 24px;
        z-index: 3;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        padding: 11px;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 50%;
        background: rgba(9,36,20,.54);
        backdrop-filter: blur(8px);
    }

    .hero-temperature strong {
        font-size: 2rem;
    }

    .hero-temperature span {
        padding: 0;
        font-size: .43rem;
    }

    .hero-campaign-content {
        min-height: 790px;
        padding: 30px 15px 20px;
        justify-content: flex-start;
    }

    .hero-copy {
        text-align: left;
    }

    .hero-kicker {
        justify-content: flex-start;
        margin-bottom: 14px;
        color: rgba(255,255,255,.78);
    }

    .hero-copy h1 {
        margin: 0 0 13px;
        font-size: clamp(3rem, 14vw, 4rem);
        line-height: .84;
        letter-spacing: -3.5px;
        text-align: left;
    }

    .hero-copy h1 span {
        color: #f5dc63;
    }

    .hero-copy > p {
        width: 88%;
        margin: 0 0 16px;
        color: rgba(255,255,255,.82);
        font-size: .84rem;
        line-height: 1.45;
        text-align: left;
    }

    .hero-offer-row {
        justify-content: flex-start;
        margin-bottom: 12px;
    }

    .hero-offer {
        max-width: 155px;
        flex: 0 0 155px;
        border-color: rgba(255,255,255,.32);
        background: rgba(8,30,17,.64);
    }

    .hero-offer-benefits,
    .hero-rating {
        display: none;
    }

    .hero-campaign-cta {
        width: 100%;
        max-width: 330px;
        min-height: 54px;
        margin: 0;
        padding-left: 20px;
        font-size: .73rem;
    }

    .hero-mobile-visual {
        display: none;
    }

    .campaign-ticker {
        padding: 11px 0;
    }

    .sticky-bar {
        padding: 7px 0;
        background: rgba(15,47,27,.98);
        backdrop-filter: blur(12px);
    }

    .sticky-content {
        display: flex;
        min-height: 56px;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
    }

    .sticky-info {
        display: block;
        width: auto;
        flex: 0 0 auto;
    }

    .sticky-info::before {
        content: "FARDO · 10 UN.";
        display: block;
        color: rgba(255,255,255,.64);
        font-size: .5rem;
        font-weight: 800;
        letter-spacing: .7px;
    }

    .sticky-price {
        font-size: 1.28rem;
        line-height: 1.1;
    }

    .sticky-desc,
    .trust-footer,
    .sticky-secure {
        display: none;
    }

    .sticky-action {
        flex: 1;
        display: block;
    }

    .btn-sticky {
        width: 100%;
        padding: 12px 13px;
        border-radius: 999px;
        color: #173621;
        background: #f3d75f;
        border-color: #f3d75f;
        font-size: .7rem;
        font-weight: 900;
    }

    .whatsapp-float {
        right: 13px;
        bottom: 82px;
        width: 46px;
        height: 46px;
        font-size: 23px;
        box-shadow: 0 5px 18px rgba(0,0,0,.28);
    }
}

/* ========================================
   AJUSTE WHATSAPP NO MOBILE
   ======================================== */
@media (max-width: 768px) {
    .whatsapp-float {
        bottom: 140px;
        right: 20px;
        width: 50px;
        height: 50px;
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .whatsapp-float {
        bottom: 150px;
    }
}

/* Regras finais mobile: seção curta e slides individuais */
@media (max-width: 992px) {
    .benefits {
        padding: 45px 0 50px;
    }

    .benefits-grid {
        display: flex;
        gap: 8px;
        padding-bottom: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .benefit-item,
    .benefit-item.benefit-featured {
        flex: 0 0 150px;
        min-width: 150px;
        min-height: 175px;
        padding: 16px;
    }

    .benefit-item.benefit-featured {
        flex-basis: 245px;
        min-width: 245px;
    }

    .flavor-card,
    .flavor-card:nth-child(even) {
        flex-basis: 260px;
        min-width: 260px;
        max-width: 260px;
    }

    .testimonial-card,
    .testimonial-card:nth-child(2) {
        flex-basis: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .benefits .middle-section-heading h2 {
        font-size: 2.35rem;
    }

    .benefits .middle-section-heading > p {
        margin-top: 14px;
        font-size: .78rem;
    }

    .whatsapp-float {
        right: 13px;
        bottom: 82px;
        width: 46px;
        height: 46px;
        font-size: 23px;
    }
}

/* Estado final simplificado no mobile */
@media (max-width: 992px) {
    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
        padding: 0;
        overflow: visible;
    }
    .benefit-item {
        display: grid;
        min-width: 0;
        min-height: 0;
        padding: 13px;
        flex: none;
    }
    .flavor-card,
    .flavor-card:nth-child(even) {
        flex-basis: 180px;
        min-width: 180px;
        max-width: 180px;
        height: auto;
    }
    .flavor-img { height: 205px; }
    .testimonials-heading-row .carousel-controls { display: flex; }
    .testimonials-grid {
        display: flex;
        gap: 12px;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }
    .testimonial-card,
    .testimonial-card:nth-child(2) {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .benefits { padding: 38px 0 42px; }
    .benefits .middle-section-heading h2 { font-size: 2.15rem; }
    .benefits-grid { grid-template-columns: 1fr; }
    .benefit-item { grid-template-columns: 30px 1fr; padding: 11px 13px; }
    .benefit-item i { width: 30px; height: 30px; }
    .flavors { padding: 58px 0 52px; }
    .testimonials { padding: 50px 0; }
}