/* Small-screen layout only. Keep the original controls and desktop layout. */
@media screen and (max-width: 1000px) {
  #hlavicka {
    position:relative !important; inset:auto !important; width:100% !important;
    height:auto !important; min-height:0 !important; margin:0; padding:12px;
    box-sizing:border-box; background:#fff !important; border:0; box-shadow:none;
    display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 10px;
    text-align:left;
  }
  #hlavicka .hlavicka_logo {
    grid-area:1 / 1 / 2 / -1; position:relative; inset:auto; float:none;
    width:100%; height:auto; aspect-ratio:3 / 1; max-height:180px;
    margin:0; background:url("images/Logo.png") center / contain no-repeat;
  }
  #hlavicka > form { grid-area:2 / 1; margin:0; min-width:0; align-self:center; }
  #hlavicka .hledej {
    position:static; width:100%; display:flex; align-items:center; gap:5px;
    font-size:0; margin:0; padding:0;
  }
  #hlavicka .hledej .label { display:none; }
  #hlavicka .input_hledej { float:none; width:100%; min-width:0; height:36px; box-sizing:border-box; font-size:16px; }
  #hlavicka .submitsearch { flex:0 0 36px; height:36px; margin:0; padding:0; background-size:contain; font-size:0; }
  #hlavicka .flags { grid-area:2 / 2; position:static; white-space:nowrap; align-self:center; }
  #hlavicka .flags img { width:34px; height:34px; margin:0 2px; }
  #hlavicka .imgcreative {
    grid-area:3 / 1 / 4 / -1; position:static; width:auto; margin:0;
    display:flex; justify-content:center; align-items:center; gap:12px;
    font:600 14px/1.4 Arial,sans-serif; text-align:center;
  }
  #hlavicka .imgcreative .obrazek { width:auto; margin:0; float:none; }
  #hlavicka .imgcreative .obrazek img { width:50px !important; height:50px !important; object-fit:contain; }
  #hlavicka .imgcreative th { font-size:12px; }
  #hlavicka #customer-access {
    grid-area:4 / 1 / 5 / -1; position:static; width:100%; max-width:360px;
    height:auto; margin:0 auto; padding:0; justify-self:center;
  }
  #hlavicka #customer-access .customer-login-row { grid-template-columns:75px minmax(0,1fr); gap:6px; min-height:38px; }
  #hlavicka #customer-access .customer-login-row input { width:100%; max-width:100%; height:34px; font-size:16px; }
  #hlavicka #customer-access .customer-login-actions { flex-wrap:wrap; white-space:normal; gap:8px 12px; }
  #hlavicka #customer-access .customer-login-actions a,
  #hlavicka #customer-access .customer-login-actions button { min-height:32px; display:inline-flex; align-items:center; }
  #hlavicka #menu { grid-area:5 / 1 / 6 / -1; position:static; width:100%; height:auto; margin:0; padding:0; text-align:left; }
  #hlavicka #nav { margin:0; padding:0; display:block; }
  #hlavicka #nav li { float:none; width:auto; height:auto; margin:0; padding:0; line-height:1.5; list-style:none; border-bottom:1px solid #e1e1e1; }
  #hlavicka #nav a { white-space:normal; padding:12px 8px; line-height:1.5; font-size:16px; }
  #hlavicka #nav ul { position:static; min-width:0; width:100%; box-sizing:border-box; padding:0; background:#757575; }
  #hlavicka #nav ul li { float:none; width:auto; padding:0 10px; }
  #hlavicka .oddelovac { display:none; }
  #hlavicka > span, #hlavicka > div:empty:not(.hlavicka_logo) { display:none; }
  #obsah { margin-top:0 !important; padding-top:0 !important; width:100% !important; box-sizing:border-box; }
  #MainObj, #MainSeznamVys { width:100% !important; min-width:0; margin:0; box-sizing:border-box; }
  #MainSeznamVys { padding:0 12px; }
  #MainSeznamVys #MyPacient, #MainSeznamVys #MyOrder { display:block; width:100% !important; margin:16px 0; padding:12px; box-sizing:border-box; }
  #MyPacient > tbody, #MyOrder > tbody { display:block; }
  #MyPacient > tbody > tr, #MyOrder > tbody > tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:6px; margin:6px 0; align-items:center; }
  #MyPacient td, #MyOrder td { display:block; width:auto !important; min-width:0; padding:0; overflow-wrap:anywhere; }
  #MyPacient tr > td:only-child, #MyOrder tr > td:only-child { grid-column:1 / -1; }
  #MyPacient td:empty, #MyOrder td:empty { display:none; }
  #MyPacient input:not([type=hidden]), #MyOrder input:not([type=hidden]),
  #MyPacient select, #MyOrder select, #MyPacient textarea, #MyOrder textarea,
  #MyPacient #plemenaDiv { width:100% !important; max-width:100%; min-width:0; box-sizing:border-box; font-size:16px; }
  #MyPacient input:not([type=hidden]), #MyOrder input:not([type=hidden]), #MyPacient select, #MyOrder select { min-height:34px; }
  #MyPacient input[type=checkbox], #MyOrder input[type=checkbox] { width:auto !important; }
  #MainSeznamVys #kosicek { position:static !important; width:100% !important; margin:16px 0; box-sizing:border-box; }
  #kosicek > tbody, #kosicek > tbody > tr, #kosicek > tbody > tr > td { display:block; width:100%; box-sizing:border-box; }
  #kosicek table { width:100%; box-sizing:border-box; border-right:0 !important; }
  #MainSeznamVys > .odkaz { float:none !important; width:auto !important; margin:12px 0 !important; }
  #MainSeznamVys > ul { padding-left:0; column-count:1 !important; }
  #MainSeznamVys h2 { font-size:24px; line-height:1.4; }
  #pismenka { display:flex; flex-wrap:wrap; width:auto; max-width:100%; padding:0; box-sizing:border-box; }
  #obsah .public-account .registration-addresses { grid-template-columns:minmax(0,1fr); }
  #obsah .public-account .registration-fields,
  #obsah .public-account .registration-addresses > div { min-width:0; }
  #obsah .public-account .registration-row,
  #obsah .public-account .registration-company,
  #obsah .public-account .registration-ic,
  #obsah .public-account .registration-dic { grid-template-columns:minmax(90px, 35%) minmax(0,1fr); }
  #obsah .public-account .registration-fields input:not([type=checkbox]) { width:100%; min-width:0; max-width:100%; font-size:16px; }
}