/* v106: mobile Yarina guide restored as fixed floating helper + lavka mobile spacing polish */
@media (max-width: 900px){
  body.v81-mobile-nav-active{
    padding-bottom: max(84px, calc(74px + env(safe-area-inset-bottom)));
  }

  .v81-mobile-guide,
  .v81-mobile-guide *{
    box-sizing: border-box;
  }

  .v81-mobile-guide{
    position: fixed;
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    z-index: 99972;
    width: auto;
    max-width: calc(100vw - 28px);
    font-family: inherit;
    color: #f9edd2;
    pointer-events: none;
  }

  .v81-guide-orb{
    pointer-events: auto;
    position: relative;
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border-radius: 999px;
    border: 1px solid rgba(232,190,115,.66);
    background:
      radial-gradient(circle at 52% 30%, rgba(255,236,180,.18), transparent 42%),
      rgba(10,8,11,.72);
    box-shadow:
      0 16px 44px rgba(0,0,0,.55),
      0 0 28px rgba(232,190,115,.18),
      inset 0 0 20px rgba(255,255,255,.04);
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .v81-guide-orb img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 43%;
    display: block;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,.65));
    transform: translateY(-9px) scale(1.28);
    transform-origin: center bottom;
  }

  .v81-guide-orb span{
    position: absolute;
    right: 4px;
    bottom: 3px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(232,190,115,.72);
    background: rgba(9,7,8,.86);
    color: #ffe9ac;
    font: 700 13px/1 Georgia, serif;
    box-shadow: 0 0 18px rgba(232,190,115,.22);
  }

  .v81-guide-panel{
    pointer-events: auto;
    position: absolute;
    right: 0;
    bottom: 78px;
    width: min(360px, calc(100vw - 28px));
    max-height: min(72dvh, 620px);
    overflow: auto;
    opacity: 0;
    transform: translateY(10px) scale(.98);
    visibility: hidden;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    border-radius: 24px;
    border: 1px solid rgba(232,190,115,.34);
    background:
      radial-gradient(circle at 80% 0%, rgba(232,190,115,.12), transparent 34%),
      linear-gradient(155deg, rgba(18,13,15,.96), rgba(5,6,10,.98));
    box-shadow: 0 22px 80px rgba(0,0,0,.72);
    padding: 14px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .v81-mobile-guide.is-open .v81-guide-panel{
    opacity: 1;
    transform: translateY(0) scale(1);
    visibility: visible;
  }

  .v81-guide-head{
    display: grid;
    grid-template-columns: 1fr 34px;
    gap: 12px;
    align-items: start;
    padding: 6px 4px 12px;
    border-bottom: 1px solid rgba(232,190,115,.16);
  }

  .v81-guide-head strong{
    display: block;
    color: #fff3cf;
    font-family: Georgia, serif;
    font-size: 19px;
    line-height: 1.16;
    letter-spacing: .015em;
    margin-bottom: 5px;
  }

  .v81-guide-head small{
    display: block;
    color: rgba(247,231,196,.76);
    font-size: 13px;
    line-height: 1.45;
  }

  .v81-guide-close{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(232,190,115,.33);
    background: rgba(255,255,255,.055);
    color: #fff0c4;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
  }

  .v81-guide-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  .v81-guide-grid a,
  .v81-guide-row a,
  .v81-guide-holiday-link{
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(232,190,115,.22);
    background: rgba(255,255,255,.045);
    border-radius: 18px;
    padding: 11px 12px;
    min-height: 54px;
  }

  .v81-guide-grid a b,
  .v81-guide-holiday-link b{
    display: block;
    color: #ffe2a3;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 4px;
  }

  .v81-guide-grid a span,
  .v81-guide-holiday-link span{
    display: block;
    color: rgba(245,233,210,.72);
    font-size: 12px;
    line-height: 1.35;
  }

  .v81-guide-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
  }

  .v81-guide-row a{
    min-height: 44px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #fff1c9;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .055em;
  }

  .v81-guide-holiday-link{
    margin-top: 10px;
    background: linear-gradient(135deg, rgba(232,190,115,.12), rgba(255,255,255,.045));
  }

  .v81-guide-help{
    display: grid;
    gap: 8px;
    margin-top: 10px;
  }

  .v81-guide-help details{
    border: 1px solid rgba(232,190,115,.14);
    background: rgba(0,0,0,.20);
    border-radius: 15px;
    padding: 10px 11px;
  }

  .v81-guide-help summary{
    cursor: pointer;
    color: #f8df9e;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
  }

  .v81-guide-help p{
    margin: 9px 0 0;
    color: rgba(246,234,208,.76);
    font-size: 13px;
    line-height: 1.45;
  }

  .v81-guide-note{
    display: none !important;
  }

  body.page-lavka .v85-seo-links-lavka{
    padding-top: 30px !important;
    padding-bottom: 14px !important;
  }

  body.page-lavka .v85-seo-links-lavka .section-head{
    margin-bottom: 14px !important;
  }

  body.page-lavka .v85-seo-links-lavka h2{
    font-size: clamp(29px, 8vw, 42px);
  }

  body.page-lavka .v85-seo-links-lavka .section-head p{
    font-size: 15px;
    line-height: 1.55;
    margin-top: 8px;
  }

  body.page-lavka .v85-link-panel{
    gap: 8px;
    margin-top: 12px;
  }

  body.page-lavka .v85-link-panel a{
    flex: 1 1 calc(50% - 8px);
    text-align: center;
    padding: 10px 11px;
    font-size: 13px;
    line-height: 1.25;
  }

  body.page-lavka .v94-calendar-lavka:empty{
    display: none !important;
  }

  body.page-lavka .v94-calendar-lavka{
    margin-top: 0 !important;
  }

  body.page-lavka section#catalog.section{
    padding-top: 24px !important;
  }

  body.page-lavka #catalog .category-bar{
    margin-bottom: 18px;
  }
}

@media (max-width: 420px){
  .v81-mobile-guide{
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
  }
  .v81-guide-orb{
    width: 62px;
    height: 62px;
  }
  .v81-guide-panel{
    width: calc(100vw - 20px);
    right: -2px;
    bottom: 72px;
    border-radius: 22px;
    padding: 12px;
  }
  .v81-guide-grid,
  .v81-guide-row{
    gap: 8px;
  }
  .v81-guide-grid a,
  .v81-guide-row a,
  .v81-guide-holiday-link{
    border-radius: 16px;
    padding: 10px;
  }
}

/* v107: Yarina as full mobile guide + first safe performance layer */
.v107-guide-section-title{
  margin: 12px 4px 7px;
  color: rgba(255,231,177,.88);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
}

@media (max-width: 900px){
  .v107-yarina-guide .v81-guide-panel{
    max-height: min(78dvh, 660px);
    scrollbar-width: thin;
  }

  .v107-yarina-guide .v81-guide-panel::-webkit-scrollbar{width: 8px;}
  .v107-yarina-guide .v81-guide-panel::-webkit-scrollbar-thumb{
    background: rgba(232,190,115,.28);
    border-radius: 999px;
  }

  .v107-guide-row-main a{
    background: linear-gradient(135deg, rgba(232,190,115,.14), rgba(255,255,255,.04));
  }

  .v107-full-menu{
    margin-top: 10px;
    border: 1px solid rgba(232,190,115,.18);
    background: rgba(0,0,0,.22);
    border-radius: 18px;
    overflow: hidden;
  }

  .v107-full-menu summary{
    cursor: pointer;
    padding: 12px 13px;
    color: #ffe4a7;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  .v107-menu-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0 10px 12px;
  }

  .v107-menu-list a{
    display: grid;
    align-items: center;
    min-height: 40px;
    padding: 9px 10px;
    border-radius: 14px;
    border: 1px solid rgba(232,190,115,.14);
    background: rgba(255,255,255,.04);
    color: rgba(255,242,208,.9);
    text-decoration: none;
    font-size: 12px;
    line-height: 1.24;
  }

  .v107-menu-list a:hover,
  .v107-menu-list a:focus-visible,
  .v81-guide-grid a:hover,
  .v81-guide-grid a:focus-visible,
  .v81-guide-row a:hover,
  .v81-guide-row a:focus-visible{
    border-color: rgba(255,218,145,.45);
    background: rgba(232,190,115,.12);
    outline: none;
  }

  main > section:not(.page-hero):not(.hero):not(:first-child),
  .section:not(:first-child),
  .footer{
    content-visibility: auto;
    contain-intrinsic-size: 1px 720px;
  }

  body.page-lavka .product-card img,
  body.page-lavka .product-card picture{
    content-visibility: auto;
  }
}

@media (max-width: 420px){
  .v107-menu-list{
    grid-template-columns: 1fr;
  }
}


/* v108.6: размер кнопки не меняем; усиливаем сам портрет Ярины внутри шара */
@media (max-width: 900px){
  .v81-mobile-guide{
    bottom: calc(14px + env(safe-area-inset-bottom));
  }
  .v81-guide-orb img{
    object-position: 50% 43%;
    transform: translateY(-9px) scale(1.28);
  }
}

@media (max-width: 420px){
  .v81-guide-orb img{
    object-position: 50% 42%;
    transform: translateY(-8px) scale(1.24);
  }
}

/* v108.7: новая более портретная Ярина внутри шара без увеличения самой кнопки */
@media (max-width: 900px){
  .v81-guide-orb{
    background:
      radial-gradient(circle at 50% 24%, rgba(255,229,160,.18), transparent 40%),
      radial-gradient(circle at 50% 82%, rgba(232,190,115,.10), transparent 42%),
      rgba(9,8,11,.80);
  }

  .v81-guide-orb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 22%;
    transform: scale(1.18);
    transform-origin: center center;
    filter: saturate(1.04) contrast(1.03) drop-shadow(0 8px 18px rgba(0,0,0,.58));
  }

  .v81-guide-orb span{
    right: 3px;
    bottom: 3px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(232,190,115,.24);
  }
}

@media (max-width: 420px){
  .v81-guide-orb img{
    object-position: 50% 20%;
    transform: scale(1.22);
  }
}