/* Shared menu controls, with distinct profile and catalogue layouts. */
[data-social-template] .wrap { width:min(700px,calc(100% - 26px)); }
html[data-social-template] .top {
  width:min(700px,calc(100% - 26px)); margin:12px auto 0; padding:0 0 14px!important;
  border:1px solid color-mix(in srgb,var(--surface-ink) 14%,var(--surface)); border-radius:15px;
  background:var(--surface)!important; --cover-ink:var(--surface-ink); overflow:hidden;
}
[data-social-template] .top .top-inner { width:100%; padding:15px 16px 0; display:block; }
[data-social-template] .top .top-copy { text-align:start; }
[data-social-template] .top .brand { flex-direction:row; align-items:center; gap:12px; }
[data-social-template] .brand-copy { min-width:0; }
[data-social-template] .top .brand h1 { font-size:clamp(24px,5vw,38px); overflow-wrap:anywhere; }
[data-social-template] .top .latin { text-align:start; }
[data-social-template] .top .lead { color:var(--surface-ink); margin-top:8px; }
[data-social-template] .top-actions { margin-top:12px; flex-wrap:wrap; }
[data-social-template] .top-actions .action { flex:none; }
[data-social-template] .top .status-hours { color:var(--surface-ink); }
[data-social-template] .status-panel.is-open { color:var(--surface-ink); }
[data-social-template] .status-panel.is-closed { color:var(--surface-ink); }
[data-social-template] .social-menu-cover { display:block; width:100%; height:clamp(116px,30vw,230px); object-fit:cover; }
[data-social-template] .item-copy { min-width:0; overflow-wrap:anywhere; }
[data-social-template] .search-row { display:grid; gap:6px; }
[data-social-template] .searchbox { width:100%; }
[data-social-template] .categories { margin:0; padding:5px 0; }
[data-social-template] .cat { flex:none; }
[data-social-template] .section { scroll-margin-top:120px; }

html[data-social-template=facebook] .top .brand { flex-direction:column; align-items:center; text-align:center; }
html[data-social-template=facebook] .top .brand .logo-frame:not([hidden]) {
  border-radius:50%; width:104px; height:104px; padding:5px; background:var(--surface);
  border:3px solid var(--surface);
}
[data-social-template=facebook] .has-social-cover .logo-frame:not([hidden]) { margin-top:-59px; position:relative; }
html[data-social-template=facebook] .top .brand .logo-frame img { border-radius:50%; }
[data-social-template=facebook] .top .top-copy,[data-social-template=facebook] .top .latin { text-align:center; }
[data-social-template=facebook] .top-actions,[data-social-template=facebook] .tenant-contacts { justify-content:center; }
[data-social-template=facebook] .grid { grid-template-columns:1fr; gap:10px; }
[data-social-template=facebook] .item { padding:14px; background:var(--surface); }
[data-social-template=facebook] .item img.product-photo { width:100px; height:100px; flex-basis:100px; }

html[data-social-template=instagram] .top .brand .logo-frame:not([hidden]) {
  border-radius:50%; border:2px solid var(--accent); padding:5px;
}
html[data-social-template=instagram] .top .brand .logo-frame img { border-radius:50%; }
[data-social-template=instagram] .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }
[data-social-template=instagram] .category-card { min-width:0; min-height:100px; aspect-ratio:1; padding:4px; border-radius:3px; flex-direction:column; justify-content:center; text-align:center; }
[data-social-template=instagram] .category-copy strong { overflow-wrap:anywhere; }
[data-social-template=instagram] .category-card .category-icon { width:50px; height:50px; flex-basis:50px; }
[data-social-template=instagram] .category-card::after { display:none; }
html[data-social-template=instagram] .grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }
[data-social-template=instagram] .item { padding:7px; border-radius:4px; }

html[data-social-template=tiktok] .top { max-width:450px; }
[data-social-template=tiktok] .top .top-copy,[data-social-template=tiktok] .top .latin { text-align:center; }
[data-social-template=tiktok] .top .brand { flex-direction:column; }
[data-social-template=tiktok] .top-actions { justify-content:center; }
[data-social-template=tiktok] .wrap { max-width:450px; }
html[data-social-template=tiktok] .grid { grid-template-columns:1fr; }
[data-social-template=tiktok] .item { background:var(--surface); border-inline-start:3px solid var(--accent); }
html[data-social-template=tiktok] .item img.product-photo { height:clamp(200px,63vw,330px); }

[data-social-template=youtube] .social-menu-cover { height:clamp(87px,21vw,155px); }
[data-social-template=youtube] .top .brand h1 { font-size:26px; }
html[data-social-template=youtube] .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-social-template=youtube] .item img.product-photo { width:100%; height:auto; aspect-ratio:16/9; }

html[data-social-template=snapchat] .top { background:color-mix(in srgb,var(--surface) 35%,var(--accent))!important; }
[data-social-template=snapchat] .category-grid {
  grid-template-columns:none; grid-auto-columns:105px; grid-auto-flow:column;
  overflow-x:auto; scroll-snap-type:x mandatory; gap:9px;
}
[data-social-template=snapchat] .category-card { flex-direction:column; justify-content:center; text-align:center; min-height:118px; scroll-snap-align:start; border:0; background:none; box-shadow:none; }
[data-social-template=snapchat] .category-card::after { display:none; }
[data-social-template=snapchat] .category-card .category-icon { border:2px solid var(--accent); border-radius:50%; }
[data-social-template=snapchat] .category-copy strong { overflow-wrap:anywhere; }

html[data-social-template=x] .top { border-radius:0; }
[data-social-template=x] .social-menu-cover { height:clamp(75px,24vw,170px); }
html[data-social-template=x] .grid { grid-template-columns:1fr; gap:0; }
html[data-social-template=x] .item { border-radius:0; border:0; border-bottom:1px solid color-mix(in srgb,var(--surface-ink) 15%,transparent); background:transparent; min-height:85px; }
[data-social-template=x] .item .price { border:0; background:transparent; color:var(--surface-ink); }
@media(max-width:430px) {
  [data-social-template=instagram] .item h3 { font-size:12px; }
  [data-social-template=instagram] .item img.product-photo { height:75px; }
  [data-social-template=instagram] .item .price { white-space:normal; }
}