/* Kandahar Kabab mobile menu preview - V33.1 base, desktop is not changed. */
.kkm-gallery { display:none; }
.kkm-modal[hidden] { display:none !important; }
@media (max-width: 767px), (max-width: 1200px) and (pointer: coarse) {
  body.menu-page main#main-content > section[id] { display:none !important; }
  body.menu-page main#main-content > nav.category-rail { display:none !important; }
  body.menu-page .menu-page-title .menu-search,
  body.menu-page .menu-page-title .no-results,
  body.menu-page .menu-page-title > p.small-note,
  body.menu-page .menu-page-title > p:not(.small-note),
  body.menu-page .menu-page-title .action-row { display:none !important; }
  body.menu-page main#main-content > .site-wrap.menu-page-title {padding-top:14px !important;padding-bottom:4px !important;}
  body.menu-page main#main-content > .site-wrap.menu-page-title h1 {font-size:18px !important;line-height:1.25 !important;letter-spacing:-.02em !important;margin:0 0 8px !important;}
  .kkm-gallery {display:block;max-width:700px;margin:auto;padding:0 10px 35px;color:#f4efe8;}
  .kkm-intro {padding:13px 6px 6px;}
  .kkm-kicker {font-size:9px;letter-spacing:.22em;font-weight:850;color:#e4b46e;margin-bottom:5px;}
  .kkm-intro h2 {margin:0;color:#f6ede0;font-size:22px;line-height:1.12;letter-spacing:-.035em;font-weight:850;}
  .kkm-intro p {margin:7px 0 10px;color:#bea995;font-size:11px;line-height:1.5;}
  .kkm-nav {position:sticky;top:66px;z-index:15;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:10px 2px 14px;background:#100d0b;border-bottom:1px solid rgba(232,179,102,.15);-webkit-overflow-scrolling:touch;}
  .kkm-nav::-webkit-scrollbar{display:none;}
  .kkm-nav a {white-space:nowrap;display:inline-flex;align-items:center;padding:8px 11px;border-radius:25px;background:#221912;border:1px solid #473527;color:#e6d5c0;font-size:11px;font-weight:720;text-decoration:none;min-height:34px;}
  .kkm-nav a:focus-visible,.kkm-tile:focus-visible,.kkm-close:focus-visible {outline:2px solid #f6be76;outline-offset:2px;}
  .kkm-section {padding-top:19px;scroll-margin-top:129px;margin-bottom:6px;}
  .kkm-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:0 4px 12px;}
  .kkm-section-heading h3{font-size:18px;letter-spacing:-.025em;line-height:1.17;margin:0 !important;color:#f6e7d5;font-weight:800;}
  .kkm-section-heading>span{font-size:10px;color:#bc9368;white-space:nowrap;}
  .kkm-tiles {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:10px;row-gap:13px;width:100%;}
  .kkm-tile {appearance:none;display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%;border:1px solid rgba(219,171,108,.16);background:#201813;padding:5px 5px 11px;border-radius:12px;color:#f3e6d6;cursor:pointer;text-align:left;font:inherit;overflow:hidden;-webkit-tap-highlight-color:transparent;}
  .kkm-tile:active{transform:scale(.98)}
  .kkm-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;width:100%;min-width:0;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at center,#443021 0%,#221813 76%);}
  .kkm-thumb img{display:block;width:100%;height:100%;object-fit:contain !important;object-position:center !important;filter:none;}
  .kkm-tile-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px;margin:9px 4px 0;font-size:12.5px;line-height:1.35;font-weight:730;color:#f7ece0;letter-spacing:-.012em;overflow-wrap:anywhere;}
  .kkm-tile-price{font-size:12px;font-weight:850;color:#efb867;margin:4px 4px 0;line-height:1.2;}
  .kkm-price-unlisted{font-size:9px;color:#b69b80;font-weight:600;}
  .kkm-photo-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px;background:radial-gradient(circle at 50% 30%,#583821,#1c1511 75%);text-align:center;color:#c89f6b;}
  .kkm-monogram{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(252,192,100,.5);border-radius:50%;font-size:17px;font-family:Georgia,serif;font-style:italic;color:#edb870;}
  .kkm-photo-placeholder>span:last-child{font-size:8px;line-height:1.12;max-width:100%;overflow-wrap:anywhere;color:#ccb091;}
  .kkm-cta{text-align:center;margin-top:27px;padding:22px;border-radius:16px;border:1px solid rgba(236,181,101,.3);background:#271c15;}
  .kkm-cta p{margin:0 0 12px;font-size:17px;font-weight:850;color:#f7e9da;}
  .kkm-cta a,.kkm-dialog-order{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;background:#e6a149;color:#17100c !important;text-decoration:none !important;font-size:13px;font-weight:850;padding:12px 21px;}
  .kkm-modal:not([hidden]) {display:flex;position:fixed;inset:0;z-index:99999;align-items:flex-end;justify-content:center;}
  .kkm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);}
  .kkm-dialog{position:relative;display:block;background:#201711;color:#f6e9dd;border:1px solid #5b4028;border-radius:22px 22px 0 0;box-shadow:0 -20px 70px #000b;width:100%;max-width:700px;max-height:91dvh;overflow-y:auto;outline:none;}
  .kkm-close{appearance:none;position:absolute;top:13px;right:13px;z-index:2;width:35px;height:35px;border:1px solid #886b50;background:#2d2017;color:white;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;}
  .kkm-dialog-photo{margin:14px auto 0;display:flex;align-items:center;justify-content:center;width:min(75%,310px);aspect-ratio:4/3;background:radial-gradient(ellipse at center,#473020 0%,#211710 75%);border-radius:12px;}
  .kkm-dialog-photo img{width:100%;height:100%;object-fit:contain;}
  .kkm-dialog-photo .kkm-photo-placeholder{border-radius:12px;}
  .kkm-dialog-content{padding:15px 22px 30px;}
  .kkm-dialog-kicker{letter-spacing:.19em;font-size:10px;color:#dfa960;font-weight:800;margin-bottom:4px;}
  .kkm-dialog-content h2{font-size:27px;line-height:1.14;letter-spacing:-.03em;margin:0 0 8px;color:#f6e6d5;}
  .kkm-dialog-price{font-size:17px;color:#efb66a;font-weight:850;margin:0 0 12px;}
  #kkm-modal-desc{font-size:14px;line-height:1.65;color:#d5c2ae;margin-bottom:20px;}
  body.kkm-modal-open{overflow:hidden !important;}
}
@media(min-width:768px) and (pointer:fine){.kkm-gallery{display:none!important}.kkm-modal{display:none!important}}
@media(max-width:350px){.kkm-tiles{gap:7px}.kkm-tile-name{font-size:11.5px}.kkm-monogram{width:38px;height:38px}}

/* Two-column mobile/touch lock. Desktop with fine pointer retains original layout. */
@media (max-width: 767px), (max-width: 1200px) and (pointer: coarse) {
  body.menu-page .kkm-gallery { display: block !important; }
  body.menu-page .kkm-gallery .kkm-tiles {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    column-gap: 10px !important;
    row-gap: 13px !important;
  }
  body.menu-page .kkm-gallery .kkm-tile { min-width:0 !important; width:100% !important; max-width:100% !important; }
}

/* V3 safety: stable two columns on real phones and touch mobile desktop-view modes */
@media screen and (max-width: 767px), screen and (max-width: 1200px) and (pointer: coarse) {
  body.menu-page .kkm-gallery .kkm-section .kkm-tiles {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
  }
  body.menu-page .kkm-gallery .kkm-section .kkm-tiles > .kkm-tile {grid-column:auto !important;}
}

/* V4: Only the mobile menu pop-up has combined small/large and appetizer/plate choices. */
@media (max-width:767px), (max-width:1200px) and (pointer:coarse) {
 .kkm-variants[hidden]{display:none!important}
 .kkm-variants{border:1px solid rgba(242,177,91,.3);background:#2a2019;border-radius:14px;padding:13px 14px;margin:0 0 17px}
 .kkm-variants-heading{font-size:10px;letter-spacing:.15em;font-weight:850;color:#deb078;margin:0 0 8px}
 .kkm-variant-list{display:flex;flex-direction:column}
 .kkm-variant-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 1px;font-size:14px;line-height:1.3}
 .kkm-variant-row+.kkm-variant-row{border-top:1px solid rgba(235,188,130,.21)}
 .kkm-variant-label{color:#f4e4d4;font-weight:700}
 .kkm-variant-price{color:#efb66a;font-size:16px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}
}


/* V5: SIZE selector: reliable spacing on phones, including desktop-mode mobile browsers.
   Scoped to the mobile pop-up; the real desktop menu remains unchanged. */
.kkm-modal .kkm-variants[hidden] { display: none !important; }
.kkm-modal .kkm-variants {
  display: block; margin: 4px 0 20px; padding: 15px 16px;
  border: 1px solid rgba(242,177,91,.3); border-radius: 14px;
  background: #2a2019;
}
.kkm-modal .kkm-variants-heading {
  display: block; margin: 0 0 6px; font-size: 11px; line-height: 1.35;
  letter-spacing: .13em; font-weight: 850; color: #deb078;
}
.kkm-modal .kkm-variant-list { display: block; }
.kkm-modal .kkm-variant-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  column-gap: 28px !important;
  padding: 12px 0; min-width: 0;
  font-size: 15px; line-height: 1.4;
}
.kkm-modal .kkm-variant-row + .kkm-variant-row {
  border-top: 1px solid rgba(235,188,130,.21);
}
.kkm-modal .kkm-variant-label {
  display: block; min-width: 0; text-align: left;
  color: #f4e4d4; font-size: 15px; font-weight: 700;
}
.kkm-modal .kkm-variant-price {
  display: block; white-space: nowrap; min-width: 75px;
  color: #efb66a; font-size: 16px; font-weight: 850;
  text-align: right !important; font-variant-numeric: tabular-nums;
}