.sm{max-width:900px;margin:0 auto;padding:16px 20px 80px;font-family:'Montserrat',Arial,sans-serif;color:#fbfbfb;box-sizing:border-box;}

/* Липкая панель: 3 верхнеуровневые категории всегда на виду при прокрутке + название текущей
   подкатегории под ними - см. ADR-0015. */
.sm__sticky{position:sticky;top:0;z-index:40;background:#191919;padding:14px 0 10px;margin:0 0 40px;border-bottom:1px solid rgba(201,159,103,0.3);}
.sm__sticky-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.sm__sticky-tab{border:1px solid #c99f67;border-radius:30px;padding:8px 18px;font-family:'Montserrat',Arial,sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:0.5px;color:#c99f67;background:#191919;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap;}
.sm__sticky-tab:hover,.sm__sticky-tab:focus-visible{background:rgba(201,159,103,0.15);outline:none;}
.sm__sticky-tab_active{background:#c99f67;color:#191919;}
/* Строка подкатегорий текущей группы - тоже кликабельна/свайпается (перестраивается при смене
   активной верхнеуровневой группы, см. site-menu.js:renderSubtabs). Прокручивается по горизонтали,
   если подкатегорий больше, чем помещается по ширине. */
.sm__sticky-subtabs{display:flex;gap:18px;justify-content:center;overflow-x:auto;margin-top:10px;padding:2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.sm__sticky-subtabs::-webkit-scrollbar{display:none;}
.sm__sticky-subtabs_empty{display:none;}
.sm__sticky-subtab{flex:0 0 auto;border:none;border-bottom:2px solid transparent;background:transparent;padding:2px 2px 6px;font-family:'Montserrat',Arial,sans-serif;font-size:12px;font-weight:300;letter-spacing:0.5px;text-transform:uppercase;color:#8a8a8a;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;}
.sm__sticky-subtab:hover,.sm__sticky-subtab:focus-visible{color:#e3c69a;outline:none;}
.sm__sticky-subtab_active{color:#e3c69a;border-bottom-color:#c99f67;}

.sm__group{margin-bottom:56px;scroll-margin-top:110px;}
.sm__group-title{font-family:'CustodiaDeco',Arial,sans-serif;font-size:44px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#c99f67;margin:0 0 28px;}
.sm__dish{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid rgba(201,159,103,0.25);}
.sm__dish-info{min-width:0;}
.sm__dish-title{font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:0.3px;color:#fbfbfb;margin:0 0 6px;}
.sm__dish-descr{font-size:13px;font-weight:300;line-height:1.5;color:#b7b7b7;margin:0;}
.sm__dish-price{flex:0 0 auto;font-size:16px;font-weight:500;color:#c99f67;white-space:nowrap;}
.sm__state{text-align:center;padding:60px 20px;color:#b7b7b7;font-size:14px;}
.sm__subgroup{margin:0 0 40px;scroll-margin-top:110px;}
.sm__subgroup .sm__group-title{font-size:32px;margin-bottom:18px;}
.sm__subgroup .sm__subgroup .sm__group-title{font-size:26px;color:#e3c69a;}
/* Категория может иметь и свои блюда, и вложенные подгруппы одновременно (например
   "Безалкогольные напитки" → пара чаёв напрямую + подгруппа "Китайский чай") - без отступа
   заголовок подгруппы слипался с последним блюдом родителя. */
.sm__dish + .sm__subgroup{margin-top:36px;padding-top:28px;border-top:1px solid rgba(201,159,103,0.35);}
@media (max-width:560px){
	.sm{padding:16px 16px 60px;}
	/* Справа держим свободными ~76px - там висит фиксированная кнопка гамбургер-меню Тильды
	   (.t450__burger_container, 58px + отступ от края), иначе последний таб/подкатегория
	   заезжает под неё вместо переноса на новую строку. */
	.sm__sticky{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:76px;}
	.sm__group-title{font-size:32px;}
	.sm__dish{flex-direction:column;gap:4px;}
	.sm__dish-price{align-self:flex-start;}
}