/* Mobile UX repair 2026-08-09. Desktop remains unchanged. */
.mobile-hero-price,
.mobile-calc-close,
.mobile-calc-handle,
.mobile-order-bar,
.mobile-order-choice,
.product-mobile-specs,
.product-action-label--mobile{display:none}

@media (max-width:700px){
  html{scroll-padding-top:18px}
  body{padding-bottom:82px!important}

  /* Header: readable, not squeezed. Reviews and price form one trust row. */
  .topbar{display:none!important}
  .site-header{position:relative!important;top:auto!important;z-index:5000!important}
  .site-header .header-main-clean{padding:8px 0!important;border-bottom:0!important}
  .header-main-inner-clean{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    gap:8px!important;
  }
  .logo-clean{min-width:0!important;gap:9px!important}
  .logo-clean .logo-mark{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important}
  .logo-clean .logo-copy{min-width:0!important}
  .logo-clean .logo-copy strong{font-size:18px!important;line-height:1.05!important;white-space:normal!important}
  .logo-clean .logo-copy .city-label{display:none!important}
  .header-actions-clean{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    gap:7px!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  .header-actions-clean .price-pill{
    display:flex!important;
    min-width:0!important;
    min-height:42px!important;
    width:100%!important;
    padding:0 10px!important;
    border-radius:12px!important;
    justify-content:center!important;
    gap:6px!important;
  }
  .header-actions-clean .price-pill-label{font-size:9px!important;white-space:nowrap!important}
  .header-actions-clean .price-pill-value{font-size:15px!important;white-space:nowrap!important}
  .yandex-header-btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 10px 0 7px!important;
    gap:7px!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
    border-color:rgba(255,255,255,.16)!important;
    justify-content:center!important;
  }
  .yandex-header-btn__mark{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important;font-size:16px!important}
  .yandex-header-btn__text{font-size:11px!important;line-height:1.05!important;white-space:nowrap!important;text-align:left!important;max-width:none!important}

  /* Navigation stays simple and no longer steals screen space while scrolling. */
  .site-header .nav-band-clean{padding:0 0 7px!important;background:rgba(16,17,20,.78)!important}
  .nav-band-clean .nav-band-inner-clean{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .nav-band-clean .catalog-trigger,
  .nav-band-clean .mobile-menu-btn{display:flex!important;min-height:40px!important;border-radius:11px!important;font-size:11px!important}
  .nav-band-clean .nav-links a[href="akcii.html"],
  .nav-band-clean .nav-links a[href="game-raki.html"],
  .nav-band-clean .nav-links a[href="gallery.html"]{display:none!important}

  /* Hero: preserve offer readability and visible price. */
  .premium-hero{padding:10px 0 26px!important}
  .premium-hero__grid{display:flex!important;flex-direction:column!important;border-radius:22px!important;min-height:0!important}
  .premium-hero__copy{order:1!important;padding:23px 17px 18px!important}
  .premium-hero__media{order:2!important;min-height:220px!important}
  .premium-hero__media::after{background:linear-gradient(0deg,rgba(8,8,9,.7),transparent 48%)!important}
  .premium-hero__thumbs{display:none!important}
  .premium-hero__eyebrow{font-size:9px!important;letter-spacing:.055em!important;padding:7px 9px!important}
  .premium-hero h1{font-size:clamp(31px,9.5vw,42px)!important;line-height:1.02!important;margin:13px 0 10px!important;letter-spacing:-.025em!important}
  .premium-hero__lead{font-size:13px!important;line-height:1.48!important;color:#c5c7cc!important}
  .premium-free-boil-note{margin-top:13px!important;padding:9px 10px!important;border-radius:13px!important;gap:9px!important}
  .premium-free-boil-note__icon{width:28px!important;height:28px!important;flex-basis:28px!important;box-shadow:0 0 0 4px rgba(239,43,50,.10)!important}
  .premium-free-boil-note strong{font-size:13px!important}
  .premium-free-boil-note span:not(.premium-free-boil-note__icon){display:none!important}
  .premium-hero__actions{margin-top:14px!important;display:block!important}
  .premium-hero__actions .premium-order-btn{display:none!important}
  .premium-hero__actions .premium-secondary-btn{
    min-height:50px!important;
    width:100%!important;
    justify-content:center!important;
    border:0!important;
    background:linear-gradient(135deg,#f2343b,#d11820)!important;
    box-shadow:0 12px 28px rgba(220,27,34,.25)!important;
    font-size:14px!important;
  }
  .mobile-hero-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .mobile-hero-price span{font-size:10px;color:#aeb1b8;font-weight:700}
  .mobile-hero-price strong{font-size:20px;color:#fff;font-weight:900;white-space:nowrap}
  .premium-hero__proof{display:flex!important;gap:0!important;margin-top:13px!important;padding-top:12px!important;justify-content:space-between!important}
  .premium-hero__proof div{min-width:0!important;flex:1!important;padding:0 7px!important;border-right:1px solid rgba(255,255,255,.08)!important}
  .premium-hero__proof div:first-child{padding-left:0!important}
  .premium-hero__proof div:last-child{padding-right:0!important;border-right:0!important}
  .premium-hero__proof strong{font-size:11px!important}
  .premium-hero__proof span{font-size:8px!important;line-height:1.2!important}
  .premium-hero__floating{left:10px!important;right:10px!important;bottom:10px!important;display:block!important}
  .premium-hero__glass{padding:9px 11px!important;border-radius:13px!important}
  .premium-hero__glass:nth-child(2){display:none!important}
  .premium-hero__glass small{display:none!important}
  .premium-hero__glass strong{font-size:12px!important}

  /* Catalog: vertical cards again. Photos no longer cover the important text or price. */
  #catalog.section{padding:24px 0 28px!important}
  #catalog .mobile-catalog-gate{display:none!important}
  #catalog.catalog-mobile-ready .catalog-panel{display:block!important;max-height:0;opacity:0;overflow:hidden;transform:translateY(-12px) scale(.98);pointer-events:none;transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
  #catalog.catalog-mobile-ready.catalog-mobile-open .catalog-panel{max-height:5000px;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;margin-top:0!important}
  #catalog .catalog-panel{padding:12px!important;border-radius:20px!important}
  #catalog .catalog-toolbar{display:block!important;margin-bottom:12px!important}
  #catalog .section-head{margin-bottom:10px!important}
  #catalog #catalogTitle{font-size:27px!important}
  #catalog .toolbar-note{display:none!important}
  #catalog .tab-group{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:4px!important;
    margin:0!important;
    border-radius:14px!important;
    background:rgba(18,19,22,.94)!important;
    border:1px solid rgba(255,255,255,.09)!important;
  }
  #catalog .tab-btn[data-tab="all"]{display:none!important}
  #catalog .tab-btn{min-height:44px!important;border-radius:11px!important;padding:0 8px!important;font-size:12px!important;white-space:nowrap!important}
  #catalog .product-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  #catalog .product-card{
    display:block!important;
    min-height:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  #catalog .product-card.is-unavailable{opacity:.68!important;filter:saturate(.78)}
  #catalog .product-thumb{height:176px!important;min-height:176px!important;border-radius:0!important}
  #catalog .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  #catalog .product-badges{top:9px!important;left:9px!important;right:9px!important;gap:5px!important}
  #catalog .badge{min-height:25px!important;padding:0 8px!important;font-size:9px!important}
  #catalog .product-body{min-height:0!important;padding:14px!important;display:flex!important}
  #catalog .product-title{font-size:20px!important;line-height:1.15!important}
  #catalog .product-meta{margin-top:5px!important;font-size:11px!important;color:#ff7379!important}
  #catalog .product-desc{display:block!important;margin:8px 0 0!important;font-size:12px!important;line-height:1.45!important;color:#c1c4ca!important}
  #catalog .product-mobile-specs{display:none!important}
  #catalog .price-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important}
  #catalog .price-current{font-size:27px!important;line-height:1!important;white-space:nowrap!important}
  #catalog .price-current::after{content:" / кг";font-size:11px;color:#a6a9af;font-weight:700;letter-spacing:0}
  #catalog .price-old{font-size:10px!important}
  #catalog .stock-text{display:block!important;font-size:10px!important;line-height:1.35!important;text-align:right!important;color:#adb0b6!important}
  #catalog .product-actions{margin-top:12px!important}
  #catalog .product-actions .primary-btn,
  #catalog .product-actions .secondary-btn{width:100%!important;min-height:48px!important;border-radius:12px!important;font-size:12px!important;padding:0 12px!important}
  .product-action-label--desktop{display:inline!important}
  .product-action-label--mobile{display:none!important}

  /* Calculator becomes a focused sheet. The photo is removed on mobile so product info stays visible. */
  #order.section{
    position:fixed!important;
    inset:0!important;
    z-index:8000!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:0!important;
    background:rgba(0,0,0,.68)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
    content-visibility:visible!important;
  }
  body.mobile-calc-open{overflow:hidden!important}
  body.mobile-calc-open #order.section{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  #order .quick-calc-shell{width:100%!important;max-width:none!important;margin:0!important;max-height:88dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  #order .quick-calc-panel{
    position:relative!important;
    padding:25px 13px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
    border-bottom:0!important;
    transform:translateY(102%)!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
    box-shadow:0 -24px 70px rgba(0,0,0,.5)!important;
  }
  body.mobile-calc-open #order .quick-calc-panel{transform:translateY(0)!important}
  .mobile-calc-handle{display:block!important;position:absolute;top:8px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:99px;background:rgba(255,255,255,.24)}
  .mobile-calc-close{display:grid!important;place-items:center;position:absolute;top:10px;right:10px;z-index:5;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;font-size:20px;line-height:1;cursor:pointer}
  #order .quick-calc-head{display:none!important}
  #order .calc-category-switch{display:none!important}
  #order .calc-product-section{display:none!important}
  #order .calc-workspace{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  #order .calc-controls-card{order:1!important;padding:13px!important;border-radius:17px!important}
  #order .calc-result-card{order:2!important;padding:13px!important;border-radius:17px!important;gap:10px!important}
  #order .calc-step-title{margin-bottom:8px!important}
  #order .calc-step-title small{display:none!important}
  #order .calc-step-title>span{width:28px!important;height:28px!important;border-radius:9px!important;font-size:12px!important}
  #order .calc-step-title strong{font-size:13px!important}
  #order .calc-weight-label{font-size:11px!important;margin-bottom:6px!important}
  #order .calc-weight-input-wrap{grid-template-columns:46px 1fr 46px!important;gap:7px!important}
  #order .calc-weight-input-wrap input,#order .calc-weight-btn{height:46px!important;border-radius:12px!important}
  #order .calc-weight-input-wrap input{font-size:19px!important}
  #order .calc-weight-btn{font-size:21px!important}
  #order .quick-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:4px!important;margin-top:8px!important}
  #order .quick-chip{min-height:40px!important;padding:0 4px!important;border-radius:10px!important;font-size:10px!important}
  #order .calc-control-note{display:none!important}
  #order .calc-selected-product{display:block!important}
  #order .calc-selected-image{display:none!important}
  #order .calc-selected-copy{width:100%!important;min-width:0!important;padding-right:38px!important}
  #order .calc-selected-copy h4{font-size:21px!important;line-height:1.15!important;margin:3px 0 4px!important;white-space:normal!important;overflow:visible!important}
  #order .calc-selected-copy span{font-size:9px!important}
  #order .calc-selected-copy p{font-size:11px!important;line-height:1.35!important;white-space:normal!important}
  #order .calc-breakdown{gap:5px!important;padding:8px 0!important}
  #order .calc-breakdown div:nth-child(3){display:flex!important}
  #order .calc-breakdown span{font-size:10px!important}
  #order .calc-breakdown strong{font-size:12px!important}
  #order .calc-total-modern{padding:12px!important;border-radius:14px!important}
  #order .calc-total-modern>span{font-size:10px!important}
  #order .calc-total-modern strong{font-size:32px!important}
  #order .calc-total-modern small{font-size:9px!important;line-height:1.35!important}
  #order .calc-status{padding:9px!important;border-radius:10px!important;font-size:10px!important;line-height:1.35!important}
  #order .calc-actions-direct{grid-template-columns:1fr!important;gap:7px!important}
  #order .calc-phone-btn,#order .calc-max-btn{min-height:48px!important;border-radius:12px!important;font-size:11px!important;padding:7px!important}
  #order .calc-phone-btn small{font-size:9px!important}

  /* Delivery stays compact without clipping content. */
  .premium-delivery{padding:26px 0 38px!important}
  .premium-delivery__shell{border-radius:21px!important}
  .premium-delivery__copy{padding:22px 16px!important}
  .premium-delivery__copy h2{font-size:29px!important;margin:5px 0 9px!important}
  .premium-delivery__copy p{font-size:12px!important;line-height:1.5!important}
  .premium-delivery__facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:15px 0!important}
  .premium-delivery__fact{padding:10px!important;border-radius:12px!important}
  .premium-delivery__fact small{font-size:8px!important;margin-bottom:3px!important}
  .premium-delivery__fact strong{font-size:10px!important;line-height:1.25!important}
  .premium-delivery__copy>.premium-order-btn{min-height:48px!important;font-size:13px!important;padding:0 14px!important}
  .premium-delivery__map{min-height:255px!important}

  /* Fixed quick order bar. */
  .mobile-order-bar{
    position:fixed;
    z-index:7500;
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    height:60px;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr);
    gap:6px;
    padding:6px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(17,18,21,.92);
    backdrop-filter:blur(18px);
    box-shadow:0 14px 38px rgba(0,0,0,.34);
    transition:opacity .2s ease;
  }
  .mobile-order-bar__call,
  .mobile-order-bar__order{border:0;border-radius:13px;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none}
  .mobile-order-bar__call{background:rgba(255,255,255,.08);font-size:22px}
  .mobile-order-bar__order{background:linear-gradient(135deg,#f3363d,#cc171f);font:inherit;flex-direction:column;gap:2px;cursor:pointer;box-shadow:0 8px 20px rgba(220,27,34,.26)}
  .mobile-order-bar__order strong{font-size:14px;line-height:1}
  .mobile-order-bar__order small{font-size:9px;color:rgba(255,255,255,.82)}
  body.mobile-calc-open .mobile-order-bar,
  body.mobile-order-choice-open .mobile-order-bar{opacity:0;pointer-events:none}

  /* Choice shown after tapping “Заказать”. */
  .mobile-order-choice{
    position:fixed;
    inset:0;
    z-index:7900;
    display:flex!important;
    align-items:flex-end;
    padding:12px;
    background:rgba(0,0,0,.62);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
  }
  body.mobile-order-choice-open{overflow:hidden!important}
  body.mobile-order-choice-open .mobile-order-choice{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-order-choice__panel{
    width:100%;
    padding:18px 14px calc(14px + env(safe-area-inset-bottom));
    border:1px solid rgba(255,255,255,.13);
    border-radius:22px;
    background:#17181c;
    box-shadow:0 24px 70px rgba(0,0,0,.46);
    transform:translateY(18px);
    transition:transform .22s ease;
  }
  body.mobile-order-choice-open .mobile-order-choice__panel{transform:translateY(0)}
  .mobile-order-choice__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
  .mobile-order-choice__head strong{display:block;color:#fff;font-size:19px;line-height:1.15}
  .mobile-order-choice__head span{display:block;margin-top:4px;color:#aeb1b7;font-size:11px;line-height:1.35}
  .mobile-order-choice__close{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer}
  .mobile-order-choice__buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-order-choice__btn{
    min-height:78px;
    padding:10px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:rgba(255,255,255,.05);
    color:#fff;
    font:inherit;
    text-align:left;
    cursor:pointer;
  }
  .mobile-order-choice__btn:active{transform:scale(.985)}
  .mobile-order-choice__btn b{display:block;font-size:15px;margin-bottom:4px}
  .mobile-order-choice__btn small{display:block;color:#afb2b8;font-size:10px;line-height:1.3}
  .mobile-order-choice__btn--live{border-color:rgba(98,194,124,.22)}
  .mobile-order-choice__btn--boiled{border-color:rgba(239,67,73,.28);background:rgba(239,43,50,.08)}

  .back-to-top,.max-floating-link{display:none!important}
}

@media (max-width:370px){
  .logo-clean .logo-copy strong{font-size:16px!important}
  .header-actions-clean .price-pill-label{font-size:8px!important}
  .header-actions-clean .price-pill-value{font-size:14px!important}
  .yandex-header-btn__text{font-size:10px!important}
  #catalog .product-thumb{height:158px!important;min-height:158px!important}
  #catalog .product-title{font-size:18px!important}
  #catalog .price-current{font-size:24px!important}
  .premium-delivery__facts{grid-template-columns:1fr!important}
  .mobile-order-choice__buttons{grid-template-columns:1fr!important}
  .mobile-order-choice__btn{min-height:64px}
}


/* 2026-08-11: keep Quick Calculation permanently open on mobile */
@media (max-width:700px){
  #order.section{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
    display:block!important;
    align-items:initial!important;
    padding:30px 0!important;
    background:transparent!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:none!important;
  }
  body.mobile-calc-open{overflow:auto!important}
  #order .quick-calc-shell{
    width:calc(100% - 16px)!important;
    max-width:1240px!important;
    margin:0 auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #order .quick-calc-panel{
    position:relative!important;
    padding:14px!important;
    border-radius:20px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    transform:none!important;
    transition:none!important;
    box-shadow:0 16px 38px rgba(35,24,21,.09)!important;
  }
  body.mobile-calc-open #order .quick-calc-panel{transform:none!important}
  .mobile-calc-close,.mobile-calc-handle{display:none!important}
  #order .quick-calc-head{display:grid!important}
  #order .calc-category-switch{display:grid!important}
  #order .calc-product-section{display:block!important}
}

/* 2026-08-11: tighter mobile spacing between homepage blocks */
@media (max-width:700px){
  main > .section{padding:20px 0!important}
  .premium-hero{padding:8px 0 14px!important}

  /* When the catalog is closed it should not leave a large empty band
     between the hero and Quick Calculation. */
  #catalog.section{padding:14px 0 18px!important}
  #catalog.catalog-mobile-ready:not(.catalog-mobile-open){padding:4px 0!important}
  #catalog.catalog-mobile-ready:not(.catalog-mobile-open) .catalog-panel{margin:0!important}
  #catalog.catalog-anchor-jump .catalog-panel{
    max-height:5000px!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    transition:none!important;
  }

  #order.section{padding:14px 0 18px!important}
  .premium-delivery{padding:14px 0 22px!important}
  #contacts.section,#news.section{padding:20px 0!important}
}