/* =====================================================================
   R10.36.0 — STOREFRONT LAYOUT SAFETY / COLLISION QA
   Final layer: prevents overflow, crowding and control collisions across
   the FoodKing/Fazfood public storefront without changing commerce logic.
   ===================================================================== */
:root{
  --qa-touch:44px;
  --qa-gap:16px;
  --qa-mobile-gap:10px;
}
html,body.fazfood-public{max-width:100%;overflow-x:clip!important}
body.fazfood-public main,body.fazfood-public section,body.fazfood-public article,body.fazfood-public header,body.fazfood-public footer,body.fazfood-public nav,body.fazfood-public form,body.fazfood-public div{min-width:0}
body.fazfood-public img,body.fazfood-public svg,body.fazfood-public video{max-width:100%;height:auto}
body.fazfood-public button,body.fazfood-public a,body.fazfood-public input,body.fazfood-public select,body.fazfood-public textarea{max-width:100%}
body.fazfood-public button,body.fazfood-public .btn,body.fazfood-public [role=button]{overflow-wrap:anywhere}

/* Header: keep every desktop control inside the available width. */
body.fazfood-public .theme-site-header .site-header-inner{
  max-width:100%!important;
  min-width:0!important;
}
body.fazfood-public .faz-brand{min-width:0!important;overflow:hidden!important}
body.fazfood-public .faz-brand .brand-logo{max-width:100%!important}
body.fazfood-public .faz-main-nav{min-width:0!important}
body.fazfood-public .faz-main-nav>a,body.fazfood-public .faz-main-nav summary{white-space:nowrap!important}
body.fazfood-public .faz-header-actions{min-width:0!important;flex-shrink:0!important}
body.fazfood-public .faz-icon-button,body.fazfood-public .faz-cart-button{flex:0 0 auto!important}
body.fazfood-public .faz-category-scroll{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
body.fazfood-public .faz-category-scroll>a{scroll-snap-align:start;flex:0 0 auto}

/* Shared content geometry and action rows. */
body.fazfood-public .faz-section-head,
body.fazfood-public .ref-menu-toolbar,
body.fazfood-public .r10180-cart-actions,
body.fazfood-public .footer-cta-actions,
body.fazfood-public .account-actions,
body.fazfood-public .form-actions,
body.fazfood-public .track-actions{
  gap:12px!important;
  flex-wrap:wrap!important;
}
body.fazfood-public .faz-section-head>*{min-width:0}
body.fazfood-public .faz-section-head h2,body.fazfood-public .faz-section-head p{overflow-wrap:anywhere}

/* Catalogue/card guards. */
body.fazfood-public .faz-product-grid,
body.fazfood-public .ref-menu-grid,
body.fazfood-public .ref-recent-grid,
body.fazfood-public .sf-product-grid,
body.fazfood-public .product-grid,
body.fazfood-public [data-product-grid]{min-width:0!important}
body.fazfood-public .faz-product-card,
body.fazfood-public .ref-menu-card,
body.fazfood-public .sf-product-card{min-width:0!important;max-width:100%!important}
body.fazfood-public .faz-product-card h3,
body.fazfood-public .ref-menu-card h3,
body.fazfood-public .sf-product-card h3{overflow-wrap:anywhere!important}
body.fazfood-public .faz-product-card .bottom,
body.fazfood-public .ref-menu-bottom,
body.fazfood-public .sf-product-card .bottom{min-width:0!important}
body.fazfood-public .faz-product-card .price,
body.fazfood-public .ref-menu-bottom strong,
body.fazfood-public .sf-product-card .price{min-width:0!important}
body.fazfood-public .ref-menu-add,body.fazfood-public .faz-product-card .add{flex:0 0 auto!important}

/* Forms/tables: never cause the page itself to scroll horizontally. */
body.fazfood-public .responsive-table,body.fazfood-public .table-wrap,body.fazfood-public .admin-table-scroll,body.fazfood-public table{max-width:100%}
body.fazfood-public .responsive-table,body.fazfood-public .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
body.fazfood-public input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.fazfood-public select,body.fazfood-public textarea{width:100%;min-width:0}
body.fazfood-public .faz-search-form,body.fazfood-public .fk-newsletter-band form{min-width:0}

/* Footer: prevent columns and newsletter controls from colliding. */
body.fazfood-public .faz-footer-main>*{min-width:0}
body.fazfood-public .faz-footer-col a,body.fazfood-public .faz-footer-brand p{overflow-wrap:anywhere}
body.fazfood-public .faz-footer-bottom>span{min-width:0;overflow-wrap:anywhere}
body.fazfood-public .fk-newsletter-band form{width:100%}

/* Tablet: switch to off-canvas earlier than the point where the desktop header crowds. */
@media(max-width:1180px){
  body.fazfood-public .faz-container{width:min(100% - 28px,var(--faz-container))!important}
  body.fazfood-public .faz-topbar-inner{gap:16px!important}
  body.fazfood-public .faz-topbar-left,body.fazfood-public .faz-topbar-right{min-width:0!important}
  body.fazfood-public .faz-topbar-right{margin-left:auto!important}
  body.fazfood-public .faz-social-mini{display:none!important}
  body.fazfood-public .faz-category-scroll{justify-content:flex-start!important}
}

/* Mobile/tablet shell. 1100 is already the off-canvas threshold; normalize it. */
@media(max-width:1100px){
  body.fazfood-public .theme-site-header .site-header-inner{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:68px!important;
    padding:9px 12px!important;
  }
  body.fazfood-public .mobile-menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;padding:9px!important}
  body.fazfood-public .theme-site-header .brand{height:48px!important}
  body.fazfood-public .theme-site-header .brand-logo{max-width:138px!important;height:44px!important}
  body.fazfood-public .faz-header-actions{gap:6px!important}
  body.fazfood-public .faz-icon-button,body.fazfood-public .faz-cart-button{width:40px!important;height:40px!important;min-width:40px!important}
  body.fazfood-public .faz-topbar{display:none!important}
  body.fazfood-public #main-navigation{top:0!important;padding-top:84px!important}
  body.fazfood-public .faz-category-bar{height:48px!important}
  body.fazfood-public .faz-category-scroll{padding-inline:10px!important;gap:4px!important}
  body.fazfood-public .faz-category-scroll>a{padding-inline:13px!important}
}

@media(max-width:780px){
  body.fazfood-public{padding-bottom:84px!important}
  body.fazfood-public .theme-site-header .site-header-inner{grid-template-columns:42px minmax(0,1fr) auto!important;padding:8px 10px!important;gap:7px!important}
  body.fazfood-public .mobile-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important}
  body.fazfood-public .theme-site-header .brand-logo{height:40px!important;max-width:120px!important}
  body.fazfood-public .faz-header-actions .faz-search-toggle,
  body.fazfood-public .faz-header-actions .faz-book-table,
  body.fazfood-public .faz-header-actions .faz-wishlist{display:none!important}
  body.fazfood-public .faz-icon-button,body.fazfood-public .faz-cart-button{width:39px!important;height:39px!important;min-width:39px!important}
  .foodking-mobile-search{width:calc(100% - 24px)!important;margin:9px auto 12px!important;height:46px!important}

  /* exactly two balanced product cards per row on phone widths */
  body.fazfood-public .faz-product-grid,
  body.fazfood-public .ref-menu-grid,
  body.fazfood-public .ref-recent-grid,
  body.fazfood-public .sf-product-grid,
  body.fazfood-public .product-grid,
  body.fazfood-public [data-product-grid]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.fazfood-public .faz-product-card .image,
  body.fazfood-public .ref-menu-card-image,
  body.fazfood-public .sf-product-card .image{height:145px!important;min-height:145px!important;padding:8px!important}
  body.fazfood-public .faz-product-card .copy,
  body.fazfood-public .ref-menu-card-copy,
  body.fazfood-public .sf-product-card .copy{padding:10px!important}
  body.fazfood-public .faz-product-card h3,
  body.fazfood-public .ref-menu-card-copy h3,
  body.fazfood-public .sf-product-card h3{font-size:14px!important;line-height:1.25!important;min-height:35px!important;margin:2px 0 5px!important}
  body.fazfood-public .faz-product-card p,
  body.fazfood-public .ref-menu-card-copy p,
  body.fazfood-public .sf-product-card p{font-size:10.5px!important;line-height:1.35!important;min-height:29px!important;margin:0 0 5px!important}
  body.fazfood-public .ref-menu-meta{font-size:8.5px!important;gap:4px!important;justify-content:flex-start!important}
  body.fazfood-public .faz-product-card .price,
  body.fazfood-public .ref-menu-bottom strong,
  body.fazfood-public .sf-product-card .price{font-size:14px!important}
  body.fazfood-public .faz-product-card .add,
  body.fazfood-public .ref-menu-add,
  body.fazfood-public .sf-product-card .add{width:32px!important;height:32px!important;min-width:32px!important}

  /* Filter/search controls: vertical, readable and not crowded. */
  body.fazfood-public .ref-menu-heading{gap:18px!important}
  body.fazfood-public .ref-menu-search{width:100%!important;grid-template-columns:18px minmax(0,1fr) 76px!important}
  body.fazfood-public .ref-menu-search button{padding-inline:10px!important}
  body.fazfood-public .ref-menu-toolbar{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  body.fazfood-public .ref-menu-toolbar label{max-width:100%!important}
  body.fazfood-public .ref-filter-panel{overflow:hidden!important}
  body.fazfood-public .ref-filter-pills{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
  body.fazfood-public .ref-filter-pills button{min-height:40px!important}

  /* Footer/mobile nav safe areas. */
  body.fazfood-public .faz-footer-main{grid-template-columns:1fr 1fr!important;gap:28px 18px!important}
  body.fazfood-public .faz-footer-brand{grid-column:1/-1!important}
  body.fazfood-public .fk-newsletter-band{padding-inline:0!important;gap:14px!important}
  body.fazfood-public .fk-newsletter-band form{grid-template-columns:1fr!important;gap:8px!important}
  body.fazfood-public .fk-newsletter-band input,body.fazfood-public .fk-newsletter-band button{height:46px!important}
  .foodking-mobile-nav{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;min-height:64px!important;padding:6px!important;gap:2px!important}
  .foodking-mobile-nav a{height:50px!important;font-size:10px!important;padding:4px 2px!important}
  .foodking-mobile-nav a img{width:18px!important;height:18px!important}
  body.fazfood-public .faz-back-to-top{bottom:88px!important;right:12px!important;width:42px!important;height:42px!important}
}

@media(max-width:390px){
  body.fazfood-public .theme-site-header .site-header-inner{grid-template-columns:40px minmax(0,1fr) auto!important;padding-inline:8px!important}
  body.fazfood-public .theme-site-header .brand-logo{max-width:104px!important;height:38px!important}
  body.fazfood-public .faz-header-actions{gap:4px!important}
  body.fazfood-public .faz-icon-button,body.fazfood-public .faz-cart-button{width:37px!important;height:37px!important;min-width:37px!important}
  body.fazfood-public .faz-product-grid,
  body.fazfood-public .ref-menu-grid,
  body.fazfood-public .ref-recent-grid,
  body.fazfood-public .sf-product-grid,
  body.fazfood-public .product-grid,
  body.fazfood-public [data-product-grid]{gap:8px!important}
  body.fazfood-public .faz-product-card .image,
  body.fazfood-public .ref-menu-card-image,
  body.fazfood-public .sf-product-card .image{height:128px!important;min-height:128px!important;padding:7px!important}
  body.fazfood-public .faz-product-card .copy,
  body.fazfood-public .ref-menu-card-copy,
  body.fazfood-public .sf-product-card .copy{padding:9px!important}
  body.fazfood-public .faz-product-card h3,
  body.fazfood-public .ref-menu-card-copy h3,
  body.fazfood-public .sf-product-card h3{font-size:13px!important;min-height:33px!important}
  body.fazfood-public .faz-product-card p,
  body.fazfood-public .ref-menu-card-copy p,
  body.fazfood-public .sf-product-card p{font-size:9.5px!important}
  body.fazfood-public .faz-product-card .price,
  body.fazfood-public .ref-menu-bottom strong,
  body.fazfood-public .sf-product-card .price{font-size:13px!important}
  body.fazfood-public .faz-footer-main{grid-template-columns:1fr!important}
  body.fazfood-public .faz-footer-brand{grid-column:auto!important}
}

/* =====================================================================
   R10.36.1 — PUBLIC SPACING SYSTEM + LIVE TEXT COLOUR EDITOR
   One final storefront layer controls page rhythm on every public route,
   with tighter, consistent phone spacing and touch-safe live-edit controls.
   ===================================================================== */
body.fazfood-public{
  --sf-page-gutter:24px;
  --sf-section-space:72px;
  --sf-stack-gap:24px;
  --sf-card-gap:18px;
  --sf-control-gap:12px;
}

/* Consistent page width and vertical rhythm across public templates. */
body.fazfood-public :is(.home-section,.content-section,.section,.track-section,.legal-section,.form-section,.contact-layout,.account-content-grid,.account-stat-grid,.cart-layout,.checkout-layout,.booking-shell,.blog-hub,.faq-hub,.location-grid,.offer-grid,.combo-public-grid,.values-grid,.story-split){
  min-width:0!important;
}
body.fazfood-public :is(.home-section,.content-section,.section,.track-section,.legal-section,.form-section){
  width:min(var(--faz-container),calc(100% - (var(--sf-page-gutter) * 2)))!important;
  padding-block:var(--sf-section-space)!important;
}
body.fazfood-public :is(.contact-layout,.account-content-grid,.account-stat-grid,.cart-layout,.checkout-layout,.booking-shell,.blog-hub,.faq-hub){
  width:min(var(--faz-container),calc(100% - (var(--sf-page-gutter) * 2)))!important;
  margin-inline:auto!important;
}
body.fazfood-public :is(.story-split,.values-grid,.location-grid,.offer-grid,.combo-public-grid,.blog-grid,.checkout-form,.checkout-items,.faq-list,.contact-branch-list){
  gap:var(--sf-card-gap)!important;
}
body.fazfood-public :is(.form-grid,.conditional-fields,.fulfilment-options,.contact-form-card form,.reservation-form-panel form,.checkout-section,.order-summary-card,.card form){
  row-gap:var(--sf-control-gap)!important;
  column-gap:var(--sf-control-gap)!important;
}
body.fazfood-public :is(.page-breadcrumb,.compact-heading,.section-heading,.faz-section-head){
  margin-bottom:clamp(18px,2.6vw,30px)!important;
}
body.fazfood-public :is(.card,.contact-form-card,.reservation-form-panel,.order-summary-card,.checkout-section,.restaurant-panel,.faq-group){
  max-width:100%!important;
}
body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions,.r10180-cart-actions){
  display:flex!important;
  align-items:center!important;
  gap:var(--sf-control-gap)!important;
  flex-wrap:wrap!important;
}

/* Prevent accidental doubled margins from stacking cards/sections. */
body.fazfood-public main#main-content> :first-child{margin-top:0!important}
body.fazfood-public main#main-content> :last-child{margin-bottom:0!important}
body.fazfood-public :is(h1,h2,h3,h4,h5,h6,p,ul,ol){max-width:100%}
body.fazfood-public :is(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}

@media(max-width:780px){
  body.fazfood-public{
    --sf-page-gutter:14px;
    --sf-section-space:42px;
    --sf-stack-gap:16px;
    --sf-card-gap:12px;
    --sf-control-gap:10px;
  }
  body.fazfood-public :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero,.about-page-hero,.blog-page-hero,.faq-page-hero,.contact-page-hero,.location-page-hero,.offer-page-hero,.reservation-page-hero){
    min-height:210px!important;
    padding:38px var(--sf-page-gutter)!important;
  }
  body.fazfood-public :is(.page-hero-inner,.faz-container){
    width:calc(100% - (var(--sf-page-gutter) * 2))!important;
    max-width:100%!important;
  }
  body.fazfood-public :is(.home-section,.content-section,.section,.track-section,.legal-section,.form-section){
    width:calc(100% - (var(--sf-page-gutter) * 2))!important;
    padding-block:var(--sf-section-space)!important;
  }
  body.fazfood-public :is(.contact-layout,.account-content-grid,.account-stat-grid,.cart-layout,.checkout-layout,.booking-shell,.blog-hub,.faq-hub){
    width:calc(100% - (var(--sf-page-gutter) * 2))!important;
    padding-block:36px!important;
  }
  body.fazfood-public :is(.story-split,.contact-layout,.cart-layout,.checkout-layout,.booking-shell){
    gap:18px!important;
  }
  body.fazfood-public :is(.card,.contact-form-card,.reservation-form-panel,.order-summary-card,.checkout-section,.restaurant-panel,.faq-group,.location-card,.offer-card,.blog-card){
    padding:16px!important;
  }
  body.fazfood-public :is(.location-grid,.offer-grid,.combo-public-grid,.values-grid,.blog-grid,.account-stat-grid){
    gap:12px!important;
  }
  body.fazfood-public :is(.section-heading h2,.home-section h2,.content-section h2,.faz-section-head h2){
    margin-bottom:12px!important;
  }
  body.fazfood-public :is(.section-heading p,.faz-section-head p){margin-bottom:0!important}
  body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions,.r10180-cart-actions){
    gap:9px!important;
  }
  body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions)>.btn,
  body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions)>button{
    min-height:46px!important;
  }
  body.fazfood-public .ref-menu-heading{padding:34px var(--sf-page-gutter) 26px!important}
  body.fazfood-public .ref-menu-shell{width:calc(100% - (var(--sf-page-gutter) * 2))!important;padding:26px 0 42px!important}
  body.fazfood-public .ref-recent{padding:38px var(--sf-page-gutter) 50px!important}
  body.fazfood-public .faz-footer-order-inner{width:calc(100% - (var(--sf-page-gutter) * 2))!important}
  body.fazfood-public .faz-footer-main,body.fazfood-public .fk-newsletter-band,body.fazfood-public .faz-footer-bottom{width:calc(100% - (var(--sf-page-gutter) * 2))!important}
}

@media(max-width:560px){
  body.fazfood-public{
    --sf-page-gutter:12px;
    --sf-section-space:34px;
    --sf-card-gap:10px;
    --sf-control-gap:9px;
  }
  body.fazfood-public :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero,.about-page-hero,.blog-page-hero,.faq-page-hero,.contact-page-hero,.location-page-hero,.offer-page-hero,.reservation-page-hero){
    min-height:184px!important;
    padding:30px var(--sf-page-gutter)!important;
  }
  body.fazfood-public :is(.page-hero h1,.image-page-hero h1,.compact-page-hero h1,.account-hero h1){
    margin:6px 0 10px!important;
  }
  body.fazfood-public :is(.home-section,.content-section,.section,.track-section,.legal-section,.form-section){padding-block:34px!important}
  body.fazfood-public :is(.contact-layout,.account-content-grid,.account-stat-grid,.cart-layout,.checkout-layout,.booking-shell,.blog-hub,.faq-hub){padding-block:28px!important}
  body.fazfood-public :is(.card,.contact-form-card,.reservation-form-panel,.order-summary-card,.checkout-section,.restaurant-panel,.faq-group,.location-card,.offer-card,.blog-card){padding:14px!important}
  body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions){display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions)>.btn,
  body.fazfood-public :is(.form-actions,.account-actions,.location-actions,.faz-reservation-actions,.track-actions)>button{width:100%!important;margin:0!important}
  body.fazfood-public :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){margin-block:0!important}
  body.fazfood-public .faz-footer-main{gap:24px 14px!important}
  body.fazfood-public .faz-footer-col h3{margin-bottom:12px!important}
  body.fazfood-public .faz-footer-col a{margin:7px 0!important}
}

/* Live editor is part of the public site, so its UI lives in the public CSS
   rather than app.css (which the strict storefront intentionally does not load). */
.live-editor-bar{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:30000;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px;background:#171717;color:#fff;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 55px rgba(0,0,0,.32);font-family:Rubik,Arial,sans-serif
}
.live-editor-brand{display:flex;align-items:baseline;gap:9px;min-width:0}.live-editor-brand strong{font-size:13px;white-space:nowrap}.live-editor-brand span{font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.live-editor-actions button,.live-editor-actions>a{flex:0 0 auto;min-height:36px;padding:7px 10px;border:1px solid #444;background:#272727;color:#fff;font:700 11px/1.1 Rubik,Arial,sans-serif;text-decoration:none;cursor:pointer;border-radius:0;box-shadow:none!important}
.live-editor-actions button.primary{background:#f3c316;color:#171717;border-color:#f3c316}.live-editor-actions button:disabled{opacity:.38;cursor:not-allowed}
.live-editor-colour-tools{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid #3d3d3d;background:#202020}
.live-editor-colour-tools label{display:flex;align-items:center;gap:6px;padding:0 5px;color:#eee;font:700 10px/1 Rubik,Arial,sans-serif;white-space:nowrap}
.live-editor-colour-tools input[type=color]{width:30px!important;height:28px!important;min-height:28px!important;padding:2px!important;border:1px solid #666!important;background:#111!important;cursor:pointer}
.live-editing [data-live-key],.live-editing [data-live-bg]{outline:1px dashed rgba(243,195,22,.48)!important;outline-offset:2px!important;cursor:pointer!important}
.live-editing [data-live-key]:hover,.live-editing [data-live-bg]:hover{outline:2px solid #f3c316!important}
.live-editing [contenteditable=true],.live-editing .live-editor-text-active{outline:3px solid #f3c316!important;outline-offset:3px!important;cursor:text!important}
.live-editing [contenteditable=true]{background-color:rgba(255,252,224,.94)!important}
.live-editor-dirty{outline-color:#e6a11e!important}
.live-editor-toast{position:fixed;right:18px;bottom:78px;z-index:30002;max-width:min(420px,calc(100vw - 28px));padding:11px 14px;background:#171717;color:#fff;font:600 12px/1.4 Rubik,Arial,sans-serif;opacity:0;transform:translateY(7px);pointer-events:none;transition:.18s}.live-editor-toast.show{opacity:1;transform:none}.live-editor-toast.bad{background:#922f2f}
.live-media-modal{position:fixed;inset:0;z-index:30001;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.66)}.live-media-modal.open{display:flex}.live-media-card{width:min(980px,96vw);max-height:86vh;overflow:auto;padding:18px;background:#fff;color:#222}.live-media-card header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #ddd}.live-media-card header>div{display:grid;gap:3px}.live-media-card header span{font-size:12px;color:#666}.live-media-card header button{width:38px;height:38px;padding:0;border:0;background:transparent;color:#222;font-size:26px}.live-media-toolbar{display:flex;align-items:center;gap:9px;margin:12px 0}.live-media-toolbar input{flex:1}.live-media-upload{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;margin-bottom:12px}.live-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.live-media-grid button{padding:7px;border:1px solid #ddd;background:#fafafa;color:#222;text-align:left}.live-media-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.live-media-grid span{display:block;padding-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.live-section-form{display:grid;gap:12px;padding:16px 0}.live-section-form label{display:grid;gap:5px;font-weight:700}.live-inline-picker{display:grid;grid-template-columns:1fr auto;gap:6px}.live-modal-actions{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:780px){
  body.live-editing.fazfood-public{padding-bottom:220px!important}
  .live-editor-bar{left:8px;right:8px;bottom:82px;display:grid;grid-template-columns:1fr;gap:7px;padding:9px;max-height:38vh;overflow:auto}
  .live-editor-brand{justify-content:space-between}.live-editor-brand span{display:none}
  .live-editor-actions{justify-content:flex-start;padding-bottom:2px}
  .live-editor-colour-tools{flex:0 0 auto}.live-editor-colour-tools label span{display:none}
  .live-editor-toast{left:10px;right:10px;bottom:calc(82px + min(38vh,220px) + 8px);max-width:none}
  .live-media-modal{padding:10px 8px 82px}.live-media-card{width:100%;max-height:calc(100vh - 104px);padding:14px}.live-media-upload{grid-template-columns:1fr}.live-media-toolbar{align-items:stretch;flex-direction:column}.live-media-toolbar a{text-align:center}.live-inline-picker{grid-template-columns:1fr}.live-modal-actions{display:grid;grid-template-columns:1fr 1fr}.live-modal-actions button{width:100%}
}