/* V15 — rolagem mobile nativa, sem pinagem de capítulos e sem escape lateral. */

.specials-mobile-flow {
  display: none;
}

.range-v4 .mix-card > img {
  filter: saturate(1.07) contrast(1.018) drop-shadow(0 26px 20px rgba(72, 0, 0, .22)) !important;
}

@media (max-width: 820px) {
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    background: #111;
  }

  body {
    position: relative;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    background: #111;
  }

  main,
  .header,
  .site-footer,
  .hero,
  .story-section,
  .range-v4,
  .category-showcase,
  .brand-experience,
  .reviews-v4,
  .locations,
  .community-v2 {
    max-width: 100vw;
  }

  main,
  .site-footer,
  .hero,
  .story-section,
  .brand-experience,
  .reviews-v4,
  .locations,
  .community-v2 {
    overflow-x: hidden !important;
  }

  /* O mobile deixa de usar uma tela sticky de 520svh. Cada sabor passa a
     ocupar um capítulo real do documento, portanto a inversão do gesto não
     recalcula nem reposiciona a página. */
  .specials-v2 {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #ffcb00;
    touch-action: auto !important;
  }

  .specials-v2 > .specials-stage {
    display: none !important;
  }

  .specials-mobile-flow {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  .mobile-special-panel {
    position: relative;
    isolation: isolate;
    min-height: max(760px, 100svh);
    display: grid;
    grid-template-rows: minmax(390px, 48svh) 1fr;
    align-content: stretch;
    overflow: hidden;
    padding: 88px 20px 112px;
    color: #fff3d8;
  }

  .mobile-special-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .16;
    background-image: radial-gradient(currentColor .65px, transparent .65px);
    background-size: 7px 7px;
    mask-image: linear-gradient(90deg, #000, transparent 74%);
    pointer-events: none;
  }

  .mobile-special-panel::after {
    content: "";
    position: absolute;
    z-index: 8;
    left: -10vw;
    bottom: -8.5svh;
    width: 120vw;
    height: 17svh;
    min-height: 112px;
    border-radius: 50% 50% 0 0 / 78% 78% 0 0;
    background: var(--next-panel, #c00909);
    pointer-events: none;
  }

  .mobile-special-panel--strawberry {
    --next-panel: #203f5b;
    color: #111;
    background: radial-gradient(circle at 68% 28%, rgba(255,255,255,.36), transparent 28%), linear-gradient(145deg, #ffe16a, #ffcb00 58%, #ffb329);
  }

  .mobile-special-panel--tortuguita {
    --next-panel: #7b3d52;
    background: radial-gradient(circle at 50% 28%, rgba(255,255,255,.09), transparent 30%), #203f5b;
  }

  .mobile-special-panel--sonho {
    --next-panel: #9b332a;
    background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.07), transparent 30%), #7b3d52;
  }

  .mobile-special-panel--mm {
    --next-panel: #fff3d8;
    background: radial-gradient(circle at 50% 28%, rgba(255,203,0,.11), transparent 31%), linear-gradient(145deg, #7f2d23, #9b332a 58%, #d71f2c);
  }

  .mobile-special-panel--final {
    --next-panel: #c00909;
    min-height: max(860px, 108svh);
    color: #111;
    background: radial-gradient(circle at 80% 25%, rgba(255,203,0,.6), transparent 32%), #fff3d8;
  }

  .mobile-special-progress {
    position: absolute;
    z-index: 10;
    top: 30px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: currentColor;
    font: 800 11px/1 var(--mono);
    letter-spacing: .13em;
  }

  .mobile-special-progress i {
    width: min(28vw, 116px);
    height: 4px;
    background: linear-gradient(90deg, currentColor 0 28%, color-mix(in srgb, currentColor 25%, transparent) 28% 100%);
  }

  .mobile-special-visual {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    min-width: 0;
    pointer-events: none;
  }

  .mobile-special-visual img {
    display: block;
    width: min(82vw, 420px);
    max-width: 100%;
    max-height: 43svh;
    object-fit: contain;
    filter: drop-shadow(0 24px 22px rgba(0,0,0,.25));
  }

  .mobile-special-visual--strawberry img {
    width: min(80vw, 390px);
  }

  .mobile-special-copy {
    position: relative;
    z-index: 4;
    align-self: end;
    width: 100%;
    max-width: 680px;
    padding-bottom: 22px;
  }

  .mobile-special-copy .section-label {
    display: block;
    margin-bottom: 18px;
    color: inherit;
    font-size: clamp(10px, 2.7vw, 13px);
    line-height: 1.35;
  }

  .mobile-special-copy h2 {
    margin: 0;
    max-width: 100%;
    color: inherit;
    font: 700 clamp(52px, 14.5vw, 88px)/.78 var(--display);
    letter-spacing: -.055em;
    text-transform: uppercase;
  }

  .mobile-special-copy h2 span {
    color: #ffd01d;
  }

  .mobile-special-panel--strawberry .mobile-special-copy h2 span,
  .mobile-special-panel--final .mobile-special-copy h2 span {
    color: #c6090e;
  }

  .mobile-special-copy p {
    margin: 24px 0 0;
    max-width: 620px;
    color: inherit;
    font-size: clamp(16px, 4.6vw, 20px);
    line-height: 1.48;
  }

  .mobile-special-finale {
    position: relative;
    z-index: 2;
    min-height: 400px;
  }

  .mobile-special-finale img {
    position: absolute;
    width: min(43vw, 245px);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 18px rgba(0,0,0,.22));
  }

  .mobile-special-finale img:nth-child(1) { left: -4%; top: 3%; transform: rotate(-7deg); }
  .mobile-special-finale img:nth-child(2) { right: -4%; top: 1%; transform: rotate(7deg); }
  .mobile-special-finale img:nth-child(3) { left: 4%; bottom: 1%; transform: rotate(5deg); }
  .mobile-special-finale img:nth-child(4) { right: 2%; bottom: 0; transform: rotate(-5deg); }

  .mobile-special-copy--final {
    padding: 28px 18px 48px;
    border: 1px solid #111;
    border-radius: 28px;
    background: rgba(255,243,216,.92);
    box-shadow: 9px 10px 0 #111;
  }

  .mobile-special-copy--final h2 {
    font-size: clamp(48px, 13.5vw, 78px);
  }

  .mobile-special-copy--final .btn {
    margin-top: 26px;
  }

  /* O objeto da hero conclui a passagem no começo do primeiro capítulo e
     deixa a imagem estável assumir sem continuar preso ao scroll. */
  .journey-food {
    will-change: transform, opacity;
  }
}

@media (max-width: 390px) {
  .mobile-special-panel {
    grid-template-rows: minmax(350px, 45svh) 1fr;
    padding-inline: 18px;
  }

  .mobile-special-visual img {
    width: min(80vw, 350px);
  }

  .mobile-special-visual--strawberry img {
    width: min(79vw, 340px);
  }

  .mobile-special-copy h2 {
    font-size: clamp(49px, 14.2vw, 74px);
  }
}

/* Duração final da Hero mobile: sem uma tela vermelha intermediária. */
@media (max-width: 820px) {
  .hero {
    height: 125svh !important;
    min-height: 900px !important;
  }
}

@media (max-width: 390px) {
  .hero {
    height: 125svh !important;
    min-height: 860px !important;
  }

}

@media (max-width: 820px) and (max-height: 740px) {
  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    top: 18% !important;
    height: 32svh !important;
  }
}

/* Regra terminal para aparelhos baixos. */
@media (max-width: 820px) and (max-height: 740px) {
  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    top: 18% !important;
    height: 32svh !important;
  }
}

@media (max-width: 820px) and (max-height: 740px) {
  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    top: 18% !important;
    height: 32svh !important;
  }
}

@media (max-width: 820px) and (max-height: 740px) {
  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    top: 18% !important;
    height: 32svh !important;
  }
}

/* Em telas baixas, o produto sobe junto com o texto para preservar a
   distância entre os dois sem devolver o texto à borda inferior. */
@media (max-width: 820px) and (max-height: 740px) {
  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    top: 18% !important;
    height: 32svh !important;
  }
}

/* V20 — continuidade Hero → sabores e movimento lateral no mobile. */
@media (max-width: 820px) {
  /* A Hero permanece tempo suficiente para a esfiha viajar, mas termina logo
     depois do movimento. Assim a primeira tela amarela entra diretamente. */
  .hero {
    height: 125svh !important;
    min-height: 900px !important;
  }

  /* Produto futuro entra por um lado; produto já visto sai pelo outro.
     As classes continuam sendo governadas pelo scroll nativo, sem snap. */
  .special-product[data-special-product="1"],
  .special-product[data-special-product="3"] {
    transform: translate3d(34vw, 0, 0) rotate(4deg) !important;
  }

  .special-product[data-special-product="2"] {
    transform: translate3d(-34vw, 0, 0) rotate(-4deg) !important;
  }

  .special-product[data-special-product="1"].is-past,
  .special-product[data-special-product="3"].is-past {
    transform: translate3d(-34vw, 0, 0) rotate(-4deg) !important;
  }

  .special-product[data-special-product="2"].is-past {
    transform: translate3d(34vw, 0, 0) rotate(4deg) !important;
  }

  .special-product.is-active {
    transform: translate3d(0, 0, 0) rotate(0deg) !important;
  }

  .special-product,
  .special-product.is-active,
  .special-product.is-past {
    transition:
      transform .56s cubic-bezier(.22,.72,.18,1),
      opacity .34s ease,
      visibility 0s linear !important;
    will-change: transform, opacity;
  }

  .special-finale {
    transform: translate3d(0, 5vh, 0) scale(.92) !important;
    transition:
      transform .56s cubic-bezier(.22,.72,.18,1),
      opacity .34s ease,
      visibility 0s linear !important;
  }

  .special-finale.is-active {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  /* O texto ganha respiro da curva inferior sem encostar no produto. */
  .specials-v2 .specials-copy:not(.specials-copy--final) {
    bottom: 158px !important;
  }

  .specials-v2 .specials-copy[data-special-copy="0"] {
    bottom: 142px !important;
  }

  .specials-v2 .specials-copy--final {
    bottom: 126px !important;
  }
}

@media (max-width: 390px) {
  .hero {
    height: 125svh !important;
    min-height: 860px !important;
  }

  .specials-v2 .specials-copy:not(.specials-copy--final) {
    bottom: 148px !important;
  }

  .specials-v2 .specials-copy[data-special-copy="0"] {
    bottom: 136px !important;
  }
}

@media (max-width: 820px) and (orientation: landscape) {
  .mobile-special-panel {
    min-height: max(620px, 112svh);
    grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.1fr);
    grid-template-rows: 1fr;
    gap: 24px;
    align-items: center;
    padding-top: 82px;
  }

  .mobile-special-copy {
    align-self: center;
  }

  .mobile-special-copy h2 {
    font-size: clamp(48px, 8vw, 76px);
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 820px) {
  .specials-mobile-flow,
  .mobile-special-panel,
  .mobile-special-visual,
  .mobile-special-copy {
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* V16 — correções localizadas solicitadas para imagens reais e mobile. */
.category-tile--esfihas .category-tile-image img {
  object-position: 50% 72% !important;
}

#unidades .location-card--ferraz .location-photo img {
  object-position: 50% 58% !important;
}

@media (max-width: 820px) {
  /* `overflow-x:hidden` no MAIN o transformava em um contêiner de rolagem e
     anulava o sticky da experiência. `clip` impede o escape lateral sem
     interromper a narrativa forno → mesa → sobremesa. */
  html,
  body {
    overflow-x: clip !important;
  }

  main {
    overflow: visible !important;
  }

  .experience-v4 {
    overflow: visible !important;
  }

  .experience-v4-sticky {
    top: 0;
  }

  .category-tile--esfihas .category-tile-image img {
    object-position: 50% 76% !important;
  }

  #unidades .location-card--ferraz .location-photo img {
    object-position: 50% 60% !important;
  }

  .channel-hub-v4 {
    width: 100%;
    max-width: 100vw;
    padding-inline: 20px !important;
    overflow-x: clip !important;
  }

  .channel-hub-v4 .channel-head {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px;
  }

  .channel-hub-v4 .channel-head > div,
  .channel-hub-v4 .channel-head > p {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .channel-hub-v4 .channel-head h2,
  .channel-hub-v4 .channel-head h2.kinetic-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(44px, 12.5vw, 60px) !important;
    line-height: .82 !important;
    letter-spacing: -.05em;
  }

  .channel-hub-v4 .channel-head h2 .kinetic-word {
    max-width: 100%;
  }

  .channel-hub-v4 .channel-head > p {
    font-size: clamp(15px, 4.15vw, 17px);
    line-height: 1.55;
    overflow-wrap: break-word;
  }
}

@supports not (overflow: clip) {
  @media (max-width: 820px) {
    html,
    body {
      overflow-x: hidden !important;
    }

    main {
      overflow: visible !important;
    }
  }
}

/* V18 — restaura as narrativas mobile como cenas únicas ligadas ao scroll
   nativo. A posição visual depende apenas de scrollY; inverter o gesto não
   cria inércia paralela, snap ou reposicionamento programático. */
@media (max-width: 820px) {
  html,
  body {
    overscroll-behavior-y: auto;
    touch-action: pan-y;
  }

  .specials-v2 {
    height: 440svh !important;
    min-height: 2800px !important;
    overflow: visible !important;
    background: #ffcb00;
    touch-action: pan-y !important;
  }

  .specials-v2 > .specials-stage {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    width: 100%;
    height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 82px 20px 38px !important;
    touch-action: pan-y !important;
    contain: layout paint;
  }

  .specials-mobile-flow {
    display: none !important;
  }

  .specials-v2 [data-special-product="0"] {
    display: grid !important;
  }

  .specials-v2 .specials-progress {
    top: 86px;
    right: 20px;
    width: min(42vw, 150px);
  }

  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    left: 50%;
    top: 32%;
    width: min(84vw, 430px);
    height: 35svh;
  }

  .specials-v2 .specials-stage[data-special-state="4"] .specials-product-deck {
    left: 50%;
    top: 29%;
    width: min(90vw, 470px);
    height: 32svh;
  }

  .specials-v2 .specials-copy,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-copy[data-special-copy="1"],
  .specials-v2 .specials-stage[data-special-state="3"] .specials-copy[data-special-copy="3"],
  .specials-v2 .specials-copy--final {
    bottom: 34px;
  }

  .specials-v2 .specials-copy h2,
  .specials-v2 .specials-copy--final h2 {
    font-size: clamp(42px, 11.8vw, 60px) !important;
    line-height: .79 !important;
  }

  .specials-v2 .specials-copy p {
    margin-top: 13px;
    font-size: clamp(12px, 3.35vw, 14px);
    line-height: 1.42;
  }

  .specials-v2 .special-final-copy {
    padding: 18px 19px;
  }

  .reviews-v4 {
    height: 300svh !important;
    min-height: 1900px;
    overflow: visible !important;
    touch-action: pan-y;
  }

  .reviews-v4-sticky {
    position: sticky !important;
    top: 0 !important;
    width: 100%;
    height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    contain: layout paint;
  }

  .review-stage-v4,
  .review-card-v4,
  .review-listen-v4 {
    touch-action: manipulation;
  }

  .review-orbit-v4 {
    top: 65%;
  }

  .review-card-v4 {
    top: 64%;
    width: min(78vw, 430px);
    min-height: 282px;
  }

  .review-listen-v4 {
    position: relative;
    z-index: 2;
  }

  .range-track,
  .category-rail,
  .order-categories,
  .catalog-filters {
    touch-action: pan-x pan-y;
  }
}

@media (max-width: 390px) {
  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    top: 31%;
    height: 34svh;
  }

  .specials-v2 .specials-copy h2,
  .specials-v2 .specials-copy--final h2 {
    font-size: clamp(40px, 11.4vw, 54px) !important;
  }

  .review-card-v4 {
    width: 80vw;
  }
}

/* V19 — restauração fiel da narrativa Hero → sabores no mobile.
   Mantém o controlador de scroll estável da V18, mas recupera escala,
   duração, posições e composição da versão aprovada em vídeo. */
@media (max-width: 820px) {
  .journey-food {
    width: min(82vw, 490px) !important;
  }

  .specials-v2 {
    height: 520svh !important;
    min-height: 3260px !important;
  }

  .specials-v2 > .specials-stage {
    min-height: 620px !important;
    padding: 82px 20px 44px !important;
    contain: none !important;
  }

  /* O primeiro sabor usa a mesma esfirra que saiu da Hero: não há clone. */
  .special-product[data-special-product="0"] {
    display: none !important;
  }

  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    left: 50% !important;
    top: 36% !important;
    width: min(82vw, 490px) !important;
    height: 42svh !important;
  }

  .specials-v2 .specials-stage[data-special-state="4"] .specials-product-deck {
    left: 50% !important;
    top: 29% !important;
    width: min(96vw, 590px) !important;
    height: 34svh !important;
  }

  .specials-v2 .specials-copy,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-copy[data-special-copy="1"],
  .specials-v2 .specials-stage[data-special-state="3"] .specials-copy[data-special-copy="3"],
  .specials-v2 .specials-copy--final {
    left: 20px !important;
    right: 20px !important;
    top: auto !important;
    bottom: 126px !important;
    width: auto !important;
  }

  .specials-v2 .specials-copy h2,
  .specials-v2 .specials-copy--final h2 {
    font-size: clamp(43px, 12vw, 66px) !important;
    line-height: .79 !important;
  }

  .specials-v2 .specials-copy p {
    margin-top: 14px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .specials-v2 .special-final-copy {
    padding: 21px !important;
    border-radius: 24px !important;
    box-shadow: 7px 8px 0 var(--ink) !important;
  }

  .specials-copy--final .btn {
    margin-top: 18px !important;
  }

  .special-finale img {
    width: 52% !important;
  }
}

@media (max-width: 390px) {
  .journey-food {
    width: min(79vw, 360px) !important;
  }

  .specials-v2 .specials-stage[data-special-state="0"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="1"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="2"] .specials-product-deck,
  .specials-v2 .specials-stage[data-special-state="3"] .specials-product-deck {
    width: min(79vw, 360px) !important;
  }
}

/* V20 — camada final: deve permanecer após as correções históricas. */
@media (max-width: 820px) {
  .hero {
    height: 175svh !important;
    min-height: 1120px !important;
  }

  .special-product[data-special-product="1"],
  .special-product[data-special-product="3"] {
    transform: translate3d(34vw, 0, 0) rotate(4deg) !important;
  }

  .special-product[data-special-product="2"] {
    transform: translate3d(-34vw, 0, 0) rotate(-4deg) !important;
  }

  .special-product[data-special-product="1"].is-past,
  .special-product[data-special-product="3"].is-past {
    transform: translate3d(-34vw, 0, 0) rotate(-4deg) !important;
  }

  .special-product[data-special-product="2"].is-past {
    transform: translate3d(34vw, 0, 0) rotate(4deg) !important;
  }

  .special-product.is-active {
    transform: translate3d(0, 0, 0) rotate(0deg) !important;
  }

  .special-product,
  .special-product.is-active,
  .special-product.is-past {
    transition: transform .56s cubic-bezier(.22,.72,.18,1), opacity .34s ease, visibility 0s linear !important;
    will-change: transform, opacity;
  }

  .special-finale {
    transform: translate3d(0, 5vh, 0) scale(.92) !important;
    transition: transform .56s cubic-bezier(.22,.72,.18,1), opacity .34s ease, visibility 0s linear !important;
  }

  .special-finale.is-active {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  .specials-v2 .specials-copy:not(.specials-copy--final) {
    bottom: 158px !important;
  }

  .specials-v2 .specials-copy[data-special-copy="0"] {
    bottom: 142px !important;
  }

  .specials-v2 .specials-copy--final {
    bottom: 126px !important;
  }
}

@media (max-width: 390px) {
  .hero {
    height: 172svh !important;
    min-height: 1080px !important;
  }

  .specials-v2 .specials-copy:not(.specials-copy--final) {
    bottom: 148px !important;
  }

  .specials-v2 .specials-copy[data-special-copy="0"] {
    bottom: 136px !important;
  }
}

/* V20 final — sobrescreve a altura antiga declarada imediatamente acima. */
@media (max-width: 820px) {
  .hero {
    height: 125svh !important;
    min-height: 900px !important;
  }
}

@media (max-width: 390px) {
  .hero {
    height: 125svh !important;
    min-height: 860px !important;
  }
}

@media (max-width: 820px) and (max-height: 740px) {
  .specials-v2 .specials-copy:not(.specials-copy--final) {
    bottom: 126px !important;
  }
}