/* Mobile offcanvas layout; existing header icons and font family are untouched. */
html.lxf #lxf-mobile-drawer {
  position:fixed; inset:0 0 0 auto; margin:0; padding:0;
  width:min(420px,calc(100% - 20px)); max-width:none;
  height:100%; height:100dvh; max-height:none; border:0;
  color:#24242e; background:#fff; box-shadow:-12px 0 40px #0003;
  overflow:hidden; border-radius:0;
}
html.lxf #lxf-mobile-drawer[open] {display:flex; flex-direction:column;}
html.lxf #lxf-mobile-drawer::backdrop {background:rgb(18 20 24 / 48%);}
html.lxf #lxf-mobile-drawer .lxf-drawer-heading {
  display:flex; flex:none; align-items:center; justify-content:space-between;
  gap:16px; padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px; border-bottom:1px solid #e5e5e5;
}
html.lxf #lxf-mobile-drawer .lxf-drawer-close {min-height:44px; padding:0 14px; background:#f4f4f4; border:1px solid #ddd; border-radius:4px; color:inherit; cursor:pointer;}
html.lxf #lxf-mobile-drawer .lxf-drawer-content {flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px));}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu ul {list-style:none; padding:0; margin:0;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu li {margin:0; padding:0;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu > ul > li {border-bottom:1px solid #ececec;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu :is(a,summary) {min-height:52px; padding:14px 0; color:inherit; text-decoration:none; display:block; cursor:pointer;}
html.lxf #lxf-mobile-drawer .lxf-drawer-heading strong {font-size:20px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu > ul > li > a, html.lxf #lxf-mobile-drawer .lxf-drawer-menu > ul > li > details > summary {font-size:16px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu summary {display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu summary::-webkit-details-marker {display:none;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu summary::after {content:""; flex:none; width:8px; height:8px; margin-right:4px; border-right:1.5px solid; border-bottom:1.5px solid; transform:rotate(-45deg);}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu details[open] > summary::after {transform:rotate(45deg);}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu details > ul {padding:0 0 12px 16px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu details details > ul {padding-left:12px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-links {padding:20px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-links a {min-height:44px; padding:10px 0;}
html.lxf #lxf-mobile-drawer .lxf-drawer-meeting {display:block; margin-top:20px; padding:14px; text-align:center;}
html.lxf #lxf-mobile-drawer #login {position:static!important; display:block!important; width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; transform:none!important; box-shadow:none!important;}
html.lxf #lxf-mobile-drawer #login .popup-widget-inner {padding:16px 0; max-height:none; overflow:visible;}
html.lxf #lxf-mobile-drawer :is(a,button,summary,input):focus-visible {outline:2px solid currentColor; outline-offset:3px;}
@media(max-width:767px) {
  html.lxf body.lxf-mobile-drawer-ready #toggle-panel.sjednat_schuzku {display:none!important;}
  html.lxf body.lxf-mobile-drawer-ready:not(.ordering-process) {padding-bottom:0;}
  html.lxf body:has(#header .search:focus-within) :is(.top-navigation-bar,#header) {transform:none!important;}
}
@media(prefers-reduced-motion:no-preference) {
  html.lxf #lxf-mobile-drawer[open] {animation:lxf-drawer-enter .18s ease-out;}
  @keyframes lxf-drawer-enter {from {transform:translateX(100%);} to {transform:translateX(0);}}
}

/* Drawer hierarchy, without changing the site's existing header icons or fonts. */
html.lxf #lxf-mobile-drawer .lxf-drawer-heading {padding-inline:24px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-heading strong {font-size:22px; font-weight:600;}
html.lxf #lxf-mobile-drawer .lxf-drawer-close {width:44px; padding:0; border:0; background:#f4f4f4; font-size:28px; line-height:1; color:#24242e;}
html.lxf #lxf-mobile-drawer .lxf-drawer-content {padding-inline:24px; padding-top:16px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu > ul > li > a,
html.lxf #lxf-mobile-drawer .lxf-drawer-menu > ul > li > details > summary {font-size:16px; font-weight:500; min-height:48px; padding-block:12px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu details[open] > summary {color:#15151a;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu details > ul {margin:0 0 12px; padding:0 0 0 14px; border-left:2px solid #f3df35;}
html.lxf #lxf-mobile-drawer .lxf-drawer-quick {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:24px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-quick :is(a,button) {display:flex; align-items:center; justify-content:center; min-height:48px; margin:0; padding:10px; color:#24242e; background:#f5f5f5; border:1px solid #e6e6e6; border-radius:6px; font-size:14px; font-weight:500; cursor:pointer;}
html.lxf #lxf-mobile-drawer .lxf-drawer-label {color:#6b6b72; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin:0 0 6px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-links {border-top:1px solid #e5e5e5; margin-top:24px; color:#58585f;}
html.lxf #lxf-mobile-drawer .lxf-drawer-footer {flex:none; padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px)); border-top:1px solid #e5e5e5; background:#fff;}
html.lxf #lxf-mobile-drawer .lxf-drawer-footer[hidden] {display:none;}
html.lxf #lxf-mobile-drawer .lxf-drawer-footer .lxf-drawer-meeting {margin:0; min-height:48px; font-size:15px; font-weight:600; color:#24242e; background:#f8e534; border-color:#f8e534;}
html.lxf #lxf-mobile-drawer .lxf-drawer-back {min-height:44px; border:0; background:none; padding:0; margin:0 0 12px; text-decoration:underline; color:#58585f;}
html.lxf #lxf-mobile-drawer #login .submit-wrapper {display:flex; flex-direction:column; align-items:stretch; gap:20px;}
html.lxf #lxf-mobile-drawer #login .submit-wrapper :is(p,button) {margin:0; width:100%;}
html.lxf #lxf-mobile-drawer #login .submit-wrapper button {min-height:48px;}

/* Scoped overrides for the native Shoptet conversion button rules. */
html.lxf body #lxf-mobile-drawer :is(.lxf-drawer-meeting, #login button[type=submit]) {
  background:#f8e534!important; border-color:#f8e534!important; color:#24242e!important;
  box-shadow:none!important; border-radius:4px; text-transform:none;
}
html.lxf body #lxf-mobile-drawer :is(.lxf-drawer-meeting, #login button[type=submit]):hover {background:#ead822!important;}
html.lxf #lxf-mobile-drawer #login h2 {margin:8px 0 24px; color:#24242e; font-size:22px;}
html.lxf #lxf-mobile-drawer #login input:not([type=hidden]) {border-color:#d8d8dc; border-radius:4px; min-height:48px; box-shadow:none;}
html.lxf #lxf-mobile-drawer .lxf-drawer-quick :is(a,button):hover {background:#ececef;}
html.lxf #lxf-mobile-drawer .lxf-drawer-menu summary:hover {color:#000; background:#fafafa;}

/* Icons are scoped to the new mobile dialog, never to native desktop controls. */
html.lxf #lxf-mobile-drawer .lxf-drawer-icon {display:block; width:22px; height:22px; flex:0 0 22px; pointer-events:none;}
html.lxf #lxf-mobile-drawer .lxf-drawer-icon-label {display:flex; align-items:center; gap:12px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-icon-label > span {flex:1; min-width:0;}
html.lxf #lxf-mobile-drawer .lxf-drawer-quick .lxf-drawer-icon-label {gap:8px;}
html.lxf #lxf-mobile-drawer .lxf-drawer-quick .lxf-drawer-icon-label > span,
html.lxf #lxf-mobile-drawer .lxf-drawer-footer .lxf-drawer-icon-label > span {flex:0 1 auto;}
html.lxf #lxf-mobile-drawer .lxf-drawer-footer .lxf-drawer-icon-label {justify-content:center;}
html.lxf #lxf-mobile-drawer .lxf-drawer-back .lxf-drawer-icon {width:18px;height:18px;flex-basis:18px;}

html.lxf #lxf-mobile-drawer .lxf-drawer-menu a.lxf-drawer-icon-label {display:flex;}