@media (max-width: 1023.98px) {
  html body #NagishLiTrigger {
    bottom: calc(4.5rem + 14px + env(safe-area-inset-bottom));
  }

  html body #cookie-banner {
    bottom: calc(4.5rem + 2px + env(safe-area-inset-bottom));
  }

  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"])) {
    --mobile-cookie-banner-height: 120px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"]) button.py-2) {
    --mobile-cookie-banner-height: 124px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"]) > p.leading-relaxed) {
    --mobile-cookie-banner-height: 130px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"]) > p.leading-relaxed + div) {
    --mobile-cookie-banner-height: 134px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top).py-6:not([hidden]):not([style*="display: none"])) {
    --mobile-cookie-banner-height: 136px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top).py-3:not([hidden]):not([style*="display: none"])) {
    --mobile-cookie-banner-height: 112px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"])) > div.fixed.left-4.flex.flex-col.gap-3:not(.hidden):has(> a[href*="wa.me"]),
  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"])) #NagishLiTrigger {
    bottom: calc(4.5rem + 16px + var(--mobile-cookie-banner-height) + var(--mobile-cookie-banner-wrap, 0px) + env(safe-area-inset-bottom));
  }
}

@media (max-width: 349.98px) {
  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"])) {
    --mobile-cookie-banner-wrap: 20px;
  }

  html body:has(#cookie-banner:not(.cookie-banner-top):not([hidden]):not([style*="display: none"]) > p.leading-relaxed) {
    --mobile-cookie-banner-wrap: 22px;
  }
}

@media (min-width: 350px) and (max-width: 365.98px) {
  html body:has(#cookie-banner:not(.cookie-banner-top).py-6:not([hidden]):not([style*="display: none"])) {
    --mobile-cookie-banner-wrap: 20px;
  }
}
