/* Customer deal cards and image category buttons. */
.pp-premium .offer-card{
  display:grid;grid-template-columns:84px minmax(0,1fr);align-items:stretch;
  gap:13px;padding:14px;min-width:0;min-height:154px;font:inherit;text-align:left;cursor:pointer
}
.deal-card-visual{
  min-height:112px;border-radius:15px;overflow:hidden;display:grid;place-items:center;
  background:rgba(255,255,255,.10)
}
.deal-card-visual img{display:block;width:100%;height:100%;object-fit:cover}
.pp-premium .deal-card-visual>span{font-size:38px;opacity:1}
.deal-card-copy{display:flex;flex-direction:column;min-width:0}
.pp-premium .deal-card-copy strong{font-size:17px;line-height:1.25;margin:6px 0}
.deal-card-copy>span{line-height:1.5}
.deal-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:12px}
.pp-premium .deal-card-footer b{font-size:24px;white-space:nowrap}
.pp-premium .deal-card-action{font-size:9px;font-weight:800;white-space:nowrap;opacity:1}
.pp-premium .category-chip{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;min-height:49px}
.category-chip-visual{flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:23px;background:rgba(255,244,226,.85)}
.category-chip-visual img{display:block;width:100%;height:100%;object-fit:cover}
.pp-premium .offer-card:focus-visible,.pp-premium .category-chip:focus-visible{outline:3px solid #bd171d;outline-offset:4px}

/* Admin controls use the same menu items and categories as the customer menu. */
.menu-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.menu-content-grid .panel-heading{align-items:center;gap:12px;flex-wrap:wrap}
.management-help{font-size:12px;line-height:1.55;color:#74675d;margin:0 0 14px}
.management-row{grid-template-columns:62px minmax(0,1fr);gap:10px}
.management-row .homepage-admin-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}
.management-row .homepage-admin-copy strong,.management-row .homepage-admin-copy span{white-space:normal;overflow-wrap:anywhere}
.management-row.is-hidden{opacity:.65}
.management-status{font-size:10px;color:#7c7168}
.management-error{padding:10px 12px;border:1px solid #e8b0a8;border-radius:12px;background:#fff0ee;color:#a31d24;font-size:12px}
.management-form textarea{width:100%;border:1px solid #ddcbb7;border-radius:12px;background:white;padding:11px;font:inherit;resize:vertical}
.management-form .management-help{margin:0}
.management-form .text-button{justify-self:start}
.management-form .form-actions button:disabled{opacity:.6;cursor:wait}
.management-form .homepage-image-preview>span{font-size:44px}
@media(max-width:900px){
  .menu-content-grid{grid-template-columns:1fr}
  .pp-premium .offer-card{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:12px}
  .pp-premium .deal-card-copy strong{font-size:16px}
  .pp-premium .deal-card-footer b{font-size:22px}
  .deal-card-action{display:none}
}
@media(max-width:600px){
  .pp-premium .offer-strip{scroll-snap-type:x proximity;gap:10px}
  .pp-premium .offer-card{min-width:268px;scroll-snap-align:start;grid-template-columns:78px minmax(0,1fr)}
  .deal-card-action{display:inline}
  .menu-content-grid .panel-heading h2{font-size:21px}
}