
.dish-info-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.dish-info-tabs button{background:transparent;border:1px solid var(--dish-accent,#f58b25);border-radius:8px;padding:8px;color:inherit;cursor:pointer}
.dish-info-tabs button[aria-pressed=true]{background:var(--dish-accent,#f58b25);color:#111}
.dish-gallery-caption{font-size:12px;opacity:.7;text-align:center}

/* Published template #6 only. The other card templates keep their original layout. */
.dish-dialog.dish-premium6{width:min(94vw,var(--premium6-width,960px));max-width:none;border-radius:var(--premium6-radius,12px);background:#191919}
.dish-dialog.dish-premium6 .dish-dialog-inner{padding:var(--premium6-padding,20px);min-height:var(--premium6-height,420px);box-sizing:border-box}
.dish-dialog.dish-premium6 .dish-detail-layout{grid-template-columns:minmax(0,var(--premium6-photo,460px)) minmax(0,1fr);gap:var(--premium6-gap,24px)}
.dish-dialog.dish-premium6 .dish-detail-media{background:#101010;border-radius:10px;overflow:hidden}
.dish-dialog.dish-premium6 .dish-detail-info{padding:0}
.dish-dialog.dish-premium6 .dish-detail-actions .add-cart{background:var(--dish-accent,#f58b25)}
@media(max-width:650px){
 .dish-dialog.dish-premium6{width:calc(100vw - 18px);max-width:100%}
 .dish-dialog.dish-premium6 .dish-dialog-inner{min-height:0;padding:16px}
 .dish-dialog.dish-premium6 .dish-detail-layout{grid-template-columns:minmax(0,1fr);gap:14px}
}

/* Premium 6 published photo appearance. */
.dish-dialog.dish-premium6 .dish-detail-media{background:var(--premium6-photo-bg,#101010);border-radius:var(--premium6-photo-radius,10px)}
.dish-dialog.dish-premium6 .dish-detail-media img{height:var(--premium6-photo-height,auto);aspect-ratio:auto;object-fit:var(--premium6-photo-fit,cover);object-position:var(--premium6-photo-position,center);border-radius:var(--premium6-photo-radius,10px)}

/* Template 6: close button overlays the top of the card without a separate row.
   Keep the existing photo size, height, fit and padding unchanged. */
.dish-dialog.dish-premium6 .dish-dialog-inner{position:relative}
.dish-dialog.dish-premium6 .dish-dialog-top{
 position:absolute;
 z-index:2;
 top:var(--premium6-padding,20px);
 right:var(--premium6-padding,20px);
 margin:0;
 padding:0;
}
.dish-dialog.dish-premium6 .dish-detail-info{
 padding-top:48px;
}
@media(max-width:650px){
 .dish-dialog.dish-premium6 .dish-dialog-top{top:14px;right:14px}
 .dish-dialog.dish-premium6 .dish-detail-info{padding-top:48px}
}

/* Template #6 reference structure: title, weight, ingredients, allergens,
   nutrition, price/actions, then a separately bordered description. */
.dish-dialog.dish-premium6 .dish-detail-info{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.dish-dialog.dish-premium6 .dish-detail-info h2,
.dish-dialog.dish-premium6 .dish-detail-info .dish-detail-weight{flex:none}
.dish-dialog.dish-premium6 .dish-detail-allergens{font-size:13px;line-height:1.4}
.dish-dialog.dish-premium6 .dish-detail-section-title{display:block;font-size:14px;margin-bottom:6px}
.dish-dialog.dish-premium6 .dish-detail-nutrition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.dish-dialog.dish-premium6 .dish-detail-nutrient{border:1px solid #404040;border-radius:5px;padding:6px 4px;text-align:center;display:flex;flex-direction:column;gap:3px;min-width:0}
.dish-dialog.dish-premium6 .dish-detail-nutrient span{font-size:11px;color:#c8c8c8}
.dish-dialog.dish-premium6 .dish-detail-nutrient b{font-size:13px;color:#fff}
.dish-dialog.dish-premium6 .dish-detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dish-dialog.dish-premium6 .dish-detail-description-section{margin-top:4px;border-top:1px solid #444;padding-top:12px}
.dish-dialog.dish-premium6 .dish-detail-description-section .dish-detail-description{margin:0;font-size:13px;line-height:1.5}
@media(max-width:650px){.dish-dialog.dish-premium6 .dish-detail-nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Inline vector icons and independent labels, template #6 only. */
.dc6-icon-row{display:flex;align-items:center;flex-wrap:wrap;line-height:1.4}
.dc6-icon-row[hidden],.dc6-icon-row [hidden]{display:none!important}
.dc6-svg-icon{display:block;flex:none}
.dish-dialog.dish-premium6 .dish-detail-info .dish-detail-weight{display:flex;align-items:center;gap:4px}
.dish-dialog.dish-premium6 .dish-detail-info .dish-detail-weight .dc6-icon-row{display:inline-flex}
.dish-dialog.dish-premium6 .dish-detail-info .dish-detail-ingredients .dc6-icon-row{margin-bottom:4px}

/* Template #6: copy begins beside the SVG, never on a new row below it. */
.dc6-icon-row.dc6-icon-inline{display:flex;align-items:flex-start;flex-wrap:nowrap;width:100%;min-width:0}
.dc6-icon-inline > .dc6-svg-icon{flex:0 0 auto}
.dc6-icon-content{flex:1;min-width:0;overflow-wrap:anywhere}
.dc6-icon-content > strong{display:block}
.dc6-icon-content > p{margin:4px 0 0}
.dc6-icon-content > span{display:inline}
.dish-dialog.dish-premium6 .dish-detail-info .dish-detail-ingredients .dc6-icon-row{margin-bottom:0}

.dish-dialog.dish-premium6 .dish-detail-actions .add-cart{background:var(--dish-accent,#f58b25)}
.dish-dialog.dish-premium6 .dish-detail-actions .dc6-price-currency{margin-left:5px}
.dish-dialog.dish-premium6 .dish-detail-actions .add-cart .dc6-svg-icon{flex:none}

/* Template #6: quantity is selected locally before adding to cart. */
.dc6-quantity{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid #555;border-radius:8px;overflow:hidden;height:44px;box-sizing:border-box}
.dc6-quantity>button{width:34px;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;flex:none}
.dc6-quantity>button:disabled{opacity:.35;cursor:default}
.dc6-quantity>output{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:0 3px;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.dc6-quantity>button:focus-visible{outline:2px solid var(--dish-accent,#f58b25);outline-offset:-2px}

/* Keep the visible ingredients title above its text in template #6. */
.dc6-icon-content > .dish-detail-ingredients-heading,
#dcIngredientsPreview .dc6-icon-content > #dcIngredientsHeadingPreview{display:block;font-weight:700;margin:0 0 3px}
.dc6-icon-content > .dish-detail-ingredients-heading[hidden],
#dcIngredientsPreview .dc6-icon-content > #dcIngredientsHeadingPreview[hidden]{display:none!important}

/* Template №6 mobile-only card geometry; desktop CSS is unchanged. */
@media(max-width:650px){
 .dish-dialog.dish-premium6{
  width:min(calc(100vw - 18px),var(--premium6-mobile-width,360px));
  max-width:calc(100vw - 18px);
  border-radius:var(--premium6-mobile-radius,12px);
 }
 .dish-dialog.dish-premium6 .dish-dialog-inner{
  min-height:var(--premium6-mobile-height,0px);
  padding:var(--premium6-mobile-padding,16px);
 }
 .dish-dialog.dish-premium6 .dish-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--premium6-mobile-gap,14px);
 }
 .dish-dialog.dish-premium6 .dish-detail-media{width:100%;min-width:0}
 .dish-dialog.dish-premium6 .dish-detail-media img{
  width:100%;height:var(--premium6-mobile-photo-height,260px);
  object-fit:var(--premium6-photo-fit,cover);
 }
 .dish-dialog.dish-premium6 .dish-dialog-top{
  top:var(--premium6-mobile-padding,16px);
  right:var(--premium6-mobile-padding,16px);
 }
}

/* Adaptive width and photo proportions for Template 6: mobile viewport only. */
@media(max-width:650px){
 .dish-dialog.dish-premium6{
  width:min(var(--premium6-mobile-width,96%),var(--premium6-mobile-max-width,480px));
  max-width:calc(100vw - 18px);
 }
 .dish-dialog.dish-premium6 .dish-detail-media{
  width:var(--premium6-mobile-photo-width,100%);max-width:100%;margin-inline:auto;
 }
 .dish-dialog.dish-premium6 .dish-detail-media img{
  max-height:none;
  width:100%;height:var(--premium6-mobile-photo-height,auto);
  aspect-ratio:var(--premium6-mobile-photo-ratio,4 / 3);
  object-fit:var(--premium6-photo-fit,cover);
 }
}

@media(max-width:650px){
 .dish-dialog.dish-premium6 .dish-detail-info{gap:var(--premium6-mobileSectionGap,10px)}
 .dish-dialog.dish-premium6 .dish-detail-info h2{font-size:var(--premium6-mobileTitleSize,26px)!important;overflow-wrap:anywhere;min-width:0}
 .dish-dialog.dish-premium6 :is(.dish-detail-weight,.dish-detail-ingredients-text,.dc6-allergen-value,.dish-detail-description){font-size:var(--premium6-mobileBodySize,14px)!important;overflow-wrap:anywhere}
 .dish-dialog.dish-premium6 :is(.dish-detail-ingredients-heading,.dish-detail-section-title,.dish-detail-allergens strong,.dc6-weight-label){font-size:var(--premium6-mobileHeadingSize,14px)!important;overflow-wrap:anywhere}
 .dish-dialog.dish-premium6 .dc6-svg-icon{max-width:var(--premium6-mobileIconSize,18px);max-height:var(--premium6-mobileIconSize,18px);flex-shrink:0}
 .dish-dialog.dish-premium6 .dish-detail-nutrition-grid{grid-template-columns:repeat(var(--premium6-mobileNutritionColumns,2),minmax(0,1fr))!important}
 .dish-dialog.dish-premium6 :is(.dc6-icon-row,.dc6-icon-content,.dish-detail-nutrition-grid){min-width:0;overflow-wrap:anywhere}
}

@media(max-width:650px){
 .dish-dialog.dish-premium6 .dish-detail-actions{display:flex;min-width:0;max-width:100%;gap:var(--premium6-mobileActionsGap,10px)!important;justify-content:center;flex-wrap:wrap!important}
 .dish-dialog.dish-premium6[data-mobile-actions-justify=start] .dish-detail-actions{justify-content:flex-start}
 .dish-dialog.dish-premium6[data-mobile-actions-justify=end] .dish-detail-actions{justify-content:flex-end}
 .dish-dialog.dish-premium6[data-mobile-actions-layout=row] .dish-detail-actions{flex-wrap:nowrap!important}
 .dish-dialog.dish-premium6[data-mobile-actions-layout=stack] .dish-detail-actions{flex-direction:column!important;align-items:stretch!important}
 .dish-dialog.dish-premium6 .dish-detail-actions .price{font-size:var(--premium6-mobilePriceSize,26px)!important;min-width:0}
 .dish-dialog.dish-premium6 .dish-detail-actions .dc6-quantity{height:var(--premium6-mobileQuantityHeight,44px);max-width:100%;min-width:0;margin-inline:var(--premium6-mobileQuantityGap,8px)}
 .dish-dialog.dish-premium6 .dish-detail-actions .dc6-quantity>button{width:var(--premium6-mobileQuantityButtonWidth,40px);max-width:40vw}
 .dish-dialog.dish-premium6 .dish-detail-actions .add-cart{width:var(--premium6-mobileOrderWidthPercent,100%)!important;max-width:100%;min-width:0;height:var(--premium6-mobileOrderHeight,46px)!important;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
 .dish-dialog.dish-premium6[data-mobile-actions-layout=row] .dish-detail-actions>*{flex-shrink:1;min-width:0}
}

/* Template №6: scroll only the mobile dialog; sticky close overlay at photo top. */
@media(max-width:650px){
 .dish-dialog.dish-premium6{
  max-height:min(calc(100dvh - 16px),var(--premium6-mobileMaxHeightPercent,95dvh));
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
 }
 .dish-dialog.dish-premium6 .dish-dialog-inner{min-height:0}
 .dish-dialog.dish-premium6 .dish-dialog-top{
  position:sticky;top:var(--premium6-mobileCloseTop,0px);right:auto;left:auto;
  height:0;min-height:0;z-index:10;
  display:flex;justify-content:flex-end;pointer-events:none;
 }
 .dish-dialog.dish-premium6[data-mobile-close-align=left] .dish-dialog-top{justify-content:flex-start}
 .dish-dialog.dish-premium6 .dish-dialog-close{
  pointer-events:auto;min-width:var(--premium6-mobileCloseSize,44px);min-height:var(--premium6-mobileCloseSize,44px);
  padding:0 8px;box-sizing:border-box;border-radius:8px;
  font-size:var(--premium6-mobileCloseFontSize,14px)!important;
  color:var(--premium6-mobileCloseColor,#ffffff)!important;background:var(--premium6-mobileCloseBg,#202020)!important;
  transform:translateX(calc(-1 * var(--premium6-mobileCloseSide,0px)));
 }
 .dish-dialog.dish-premium6[data-mobile-close-align=left] .dish-dialog-close{transform:translateX(var(--premium6-mobileCloseSide,0px))}
}


/* Approved compact mobile-only template №6. Keep all item data and desktop layout intact. */
@media(max-width:650px){
 .dish-dialog.dish-premium6 .dish-detail-nutrition,
 .dish-dialog.dish-premium6 .dish-detail-description-section{
  display:none!important;
 }
 .dish-dialog.dish-premium6 .dish-detail-info{
  padding-top:0!important;
  gap:min(var(--premium6-mobileSectionGap,10px),8px);
 }
 .dish-dialog.dish-premium6 .dish-detail-layout{
  gap:min(var(--premium6-mobile-gap,14px),8px);
 }
 .dish-dialog.dish-premium6 .dish-detail-ingredients,
 .dish-dialog.dish-premium6 .dish-detail-allergens{
  margin-block:0!important;
 }
 .dish-dialog.dish-premium6 .dish-detail-actions{
  margin-top:4px!important;
  margin-bottom:0!important;
 }
}

/* Template №6 floating favorite; existing email favorites API/state unchanged. */
.dish-dialog.dish-premium6 .dish-detail-media{position:relative}
.dish-dialog.dish-premium6 .dish-detail-media .email-favorite-heart{
 position:absolute;top:clamp(8px,2.3vw,14px);left:clamp(8px,2.3vw,14px);
 z-index:3;display:grid;place-items:center;
 width:44px;height:44px;min-width:44px;min-height:44px;
 padding:0;border:1px solid #ffffff99;border-radius:50%;
 background:#191919c9;color:#fff;
 font:700 30px/1 system-ui,Arial,sans-serif;
 box-shadow:0 2px 12px #0009;cursor:pointer;
 touch-action:manipulation;
}
.dish-dialog.dish-premium6 .dish-detail-media .email-favorite-heart[aria-pressed="true"]{color:#f58b25;border-color:#f58b25}
.dish-dialog.dish-premium6 .dish-detail-media .email-favorite-heart:focus-visible{outline:3px solid #f58b25;outline-offset:2px}
