/* DOBRÁ KAPSA — botón «volver» de las páginas interiores de la web checa (31-oct-2026).
   Sustituye a la barra blanca de arriba (logo grande + enlace): arriba a la izquierda, mismo estilo que el Košík — marrón, redondo, con el logo blanco pequeño.
   Lo usan las fichas de producto («Zpět do katalogu»), las páginas de información y /firmy/ («Hlavní stránka»). Va en el HTML de cada página:
   <a class="back-main" href="…"><img src="/img/logo-icono-blanco.webp" alt="" width="360" height="213"><span>← …</span></a> (+ <div class="back-main-hueco"> si no hay nada amarillo debajo). */
.back-main { position: fixed; top: max(20px, env(safe-area-inset-top, 20px)); left: 20px; z-index: 99; display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 22px 0 14px; background: #6A4A25; color: #FFFFFF; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: .9rem; line-height: 1; text-decoration: none; white-space: nowrap; box-shadow: 0 8px 24px rgba(0,0,0,.25); transition: background-color .25s ease; }
.back-main:hover { background: #52381B; }
.back-main:focus-visible { outline: 2px solid #FFBC0D; outline-offset: 2px; }
.back-main img { display: block; height: 26px; width: auto; }
.back-main-hueco { height: 84px; }                                       /* sitio arriba para que el botón no tape el contenido (donde antes estaba la barra blanca) */
@media (min-width: 601px) { body.dk-eshop-aviso .back-main { top: calc(max(20px, env(safe-area-inset-top, 20px)) + var(--dk-banner-h, 0px)); } }   /* baja bajo el aviso del modo del e-shop, igual que el Košík */
@media (max-width: 600px) {
  .back-main { top: max(14px, env(safe-area-inset-top, 14px)); left: 14px; height: 40px; padding: 0 16px 0 11px; gap: 8px; font-size: .82rem; }
  .back-main img { height: 22px; }
  .back-main-hueco { height: 70px; }
}
@media (max-width: 900px) { body.has-dk-menu .back-main { display: none; } }   /* con el menú de abajo (portada, /firmy/) en móvil lo hace «Obchod» del menú */
@media print { .back-main, .back-main-hueco { display: none !important; } }