/*------------------------------------------------------------------
[ Mobile / tablet layout – everything below the 1196px desktop width ]
-------------------------------------------------------------------*/
@media (max-width: 1195px) {

  html, body { overflow-x: clip; }
  body { -webkit-text-size-adjust: 100%; }

  /* sections become fluid */
  .header, .sunday_section, .skanesis_section, .smyles_section,
  .skanesiai_section, .coocking_section, .be_child_section,
  .recipes_section, .discounts_section, .social_feed {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* decorative parallax pieces */
  #baloon, #cloud, #cloud_small, #bird, #bird2, #dog, .keksas_dec,
  #heart1, #heart2, #heart3, .smyles_section .cloud,
  .buttefly_left, .buttefly_right, .bee, .skanesiai_section .bird,
  .ocian_baloon, .baker, .baloons, .baloons_helper,
  .nav_prev, .nav_next { display: none !important; }

  /* readable body copy */
  .texts, .texts *,
  .be_child_section .comment_first, .be_child_section .comments .comment,
  .recipes_section .text, .recipes_section .text * {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  .texts p + p { margin-top: 12px; }

  /* shared "paper card" look */
  .skanesis_section .texts, .coocking_section .texts,
  .be_child_section .texts, .be_child_section .comment_first,
  .be_child_section .comments {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 22px 20px !important;
    background: #f7f6f4;
    box-shadow: 0 3px 0 rgba(66, 85, 89, .15);
  }

  /* ---------- header ---------- */
  .header {
    aspect-ratio: 1194 / 585;
    background-size: 100% auto;
    background-position: center bottom;
  }
  .header .top_deco { height: 20px; background-size: auto 20px; }

  /* ---------- sekmadienis ---------- */
  .sunday_section {
    padding: 24px 20px calc(100vw * 440 / 1196) !important;
    background: #faeee0 url("../media/images/bg/sunday_section_bg.jpg") center bottom / 100% auto no-repeat;
  }
  .sunday_section .hdr {
    width: 78%;
    max-width: 339px;
    height: auto;
    aspect-ratio: 339 / 103;
    margin: 0 auto 12px;
    background-size: contain;
  }
  .sunday_section .texts { width: auto; margin: 0 auto; max-width: 620px; }
  .sunday_section .keksas {
    position: static;
    width: 80%;
    max-width: 452px;
    height: auto;
    aspect-ratio: 452 / 300;
    margin: 16px auto -8%;
    background-size: contain;
    transform: none !important;
  }

  /* ---------- skanėsis ---------- */
  .skanesis_section {
    padding: 28px 16px 24px;
    background: #b8242a;
    background-image:
      repeating-linear-gradient(90deg, rgba(255,255,255,.45) 0 9px, transparent 9px 18px),
      repeating-linear-gradient(0deg, rgba(255,255,255,.45) 0 9px, transparent 9px 18px);
  }
  .skanesis_section .texts { max-width: 620px; margin: 0 auto 16px !important; transform: rotate(-1deg); }
  .skanesis_section .texts::before {
    content: "";
    display: block;
    width: 200px; height: 48px;
    margin: -6px 0 10px -6px;
    background: url("../media/images/m/hdr_skanesis.png") no-repeat left center / contain;
  }
  .skanesis_section img {
    float: none;
    width: 60%;
    max-width: 284px;
    height: auto;
    margin: 0 auto;
  }

  /* ---------- skanios šypsenos ---------- */
  .smyles_section {
    padding: 24px 0 0 !important;
    background: #66aca8;
  }
  .smyles_section::before {
    content: "";
    display: block;
    width: 92%;
    max-width: 560px;
    aspect-ratio: 660 / 135;
    margin: 0 auto 18px;
    background: url("../media/images/m/hdr_sypsenos.png") no-repeat center / contain;
  }
  .smyles_section .slider,
  .skanesiai_section .slider {
    display: flex;
    gap: 14px;
    height: auto !important;
    padding: 0 20px 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .smyles_section .slider::-webkit-scrollbar,
  .skanesiai_section .slider::-webkit-scrollbar { display: none; }
  .smyles_section .slider > * { flex: 0 0 auto; scroll-snap-align: center; }
  .smyles_section .slider img { margin: 0; height: 170px; width: auto; }
  .smyles_section .skanesiai_hdr {
    position: relative;
    bottom: auto;
    margin: 18px auto -30px;
    width: 220px;
    height: 94px;
    background-size: contain;
    z-index: 102;
  }

  /* ---------- skanėsiai (produktai) ---------- */
  .skanesiai_section {
    padding: 36px 0 30px;
    background: #faefe3;
  }
  .skanesiai_section .slider > .slide {
    flex: 0 0 58%;
    max-width: 240px;
    margin: 0;
    padding: 0;
    scroll-snap-align: center;
  }
  .skanesiai_section .slider img {
    position: static;
    width: 100%;
    height: auto;
    transform: none !important;
  }
  .skanesiai_section .texts {
    width: auto;
    max-width: 620px;
    margin: 12px auto 0;
    padding: 0 20px;
    text-align: center;
  }

  /* ---------- kepėjai ---------- */
  .coocking_section {
    padding: calc(100vw * 360 / 760) 16px 8px !important;
    background: #66aca8 url("../media/images/m/kepejai.jpg") center top / 100% auto no-repeat;
  }
  .coocking_section .bakers_text {
    position: static;
    width: 180px;
    height: 143px;
    margin: -60px 0 10px auto;
    background-size: contain;
    opacity: 1 !important;
  }
  .coocking_section .texts { max-width: 620px; margin: 0 auto 16px !important; background: #fbecd9; }

  /* ---------- būti su vaikais ---------- */
  .be_child_section {
    display: flex;
    flex-direction: column;
    padding: 24px 16px 8px;
    background: #dfe57c;
  }
  .be_child_section .texts { order: 1; }
  .be_child_section .comment_first { order: 2; }
  .be_child_section .comments { order: 3; }
  .be_child_section > .clr { display: none; }
  .be_child_section::before {
    content: "";
    display: block;
    width: 88%;
    max-width: 420px;
    aspect-ratio: 460 / 105;
    margin: 0 auto 18px;
    background: url("../media/images/m/hdr_vaikai.png") no-repeat center / contain;
  }
  .be_child_section .texts,
  .be_child_section .comment_first,
  .be_child_section .comments { max-width: 620px; margin-left: auto !important; margin-right: auto !important; }
  .be_child_section .comment_first img { max-width: 40%; height: auto; }
  .be_child_section .comments .comment:first-child { margin-left: 0; margin-bottom: 19px; }
  .be_child_section .comments .comment { min-height: 0; margin: 0 0 14px; }
  .be_child_section .comments .comment:last-child { margin-bottom: 0; }
  .be_child_section .comments .comment .separator {
    width: 100%;
    margin-left: 0;
    background-size: 100% 10px;
  }

  /* ---------- receptai ---------- */
  .recipes_section {
    padding: 28px 16px 20px;
    background: #faefe3;
  }
  .recipes_section .recipe_popup {
    position: static;
    width: 200px;
    height: 159px;
    margin: 0 auto 18px;
    background-size: contain;
    opacity: 1 !important;
  }
  .recipes_section .recipe_one,
  .recipes_section .recipe_two,
  .recipes_section .recipe_three {
    position: static;
    max-width: 420px;
    margin: 0 auto 18px;
    padding: 16px 20px 22px;
    background: #dfe57c;
    border-radius: 0 0 18px 18px;
    box-shadow: -6px 6px 0 #a3c1c4;
  }
  .recipes_section .recipe_one::before,
  .recipes_section .recipe_two::before,
  .recipes_section .recipe_three::before {
    content: "";
    display: block;
    width: 200px;
    height: 54px;
    margin: 0 auto 8px;
    background: url("../media/images/m/hdr_receptas.png") no-repeat center / contain;
  }
  .recipes_section .recipe_one .text,
  .recipes_section .recipe_two .text,
  .recipes_section .recipe_three .text {
    width: auto;
    height: auto;
    overflow: visible;
    margin-bottom: 12px;
  }
  .recipes_section .image img { width: 100%; height: auto; }
  .recipes_section .video { width: auto !important; height: auto !important; }
  .recipes_section .video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .recipes_section .texts {
    position: static;
    width: auto;
    max-width: 620px;
    margin: 8px auto 0;
    text-align: center;
  }

  /* ---------- nuolaidos ---------- */
  .discounts_section { padding: 24px 20px; }
  .discounts_section .discount { font-size: 90px !important; padding-top: 0; }
  .discounts_section .discount_text,
  .discounts_section .discount_text_right { position: static; width: auto; padding-left: 0; }

  /* ---------- footer ---------- */
  .social_feed {
    padding: 36px 0 70px !important;
    background-size: 1210px auto;
  }
  .social_feed a { width: 80px; height: 77px; background-size: contain; }

  .to_top { right: 12px; bottom: 12px; width: 42px; height: 42px; background-size: contain; }
}