.brand-logo{overflow:hidden}
.brand-logo img{display:block;width:100%;height:100%;object-fit:cover}
:root{--freese-fit-yellow:#fff0c9;--freese-sheet-header:#f6dda1;--cream:#fff}

/* El arco original se superponía al cierre del hero en pantallas angostas. */
.hero:after{display:none}
.hero-details span:first-child{display:none}

/* Las notas forman parte de cada artículo en lugar de heredar el textarea nativo. */
.note-field{display:inline-grid;width:min(100%,230px);gap:2px;padding:5px 7px;background:#fff5f6;border:1px solid #f1dce1;border-radius:8px}
.note-field span{margin:0;font-size:11px;line-height:1.15}
.note-field textarea{display:block;width:100%;min-height:18px;height:18px;max-height:42px;padding:0;border:0;background:transparent;color:var(--ink);outline:0;resize:none;overflow:hidden;line-height:1.2;font-size:12px}
.note-field textarea:focus,.note-field textarea:not(:placeholder-shown){min-height:36px;height:36px;overflow:auto}
.note-field textarea::placeholder{color:#aa9199}
.change-preview{display:block;margin-top:6px;color:var(--berry);font-size:11px;font-weight:700}
.payment-method label.hidden{display:none}
.transfer-details{display:grid;gap:3px;border:1px solid #ead9dc;border-radius:10px;padding:10px;background:#fff5f6;color:var(--muted);font-size:12px}
.transfer-details strong{color:var(--ink);font-size:12px}
.transfer-clabe{display:flex;align-items:center;justify-content:space-between;gap:8px}
.transfer-clabe button{border:1px solid #ead9dc;border-radius:8px;padding:4px 7px;background:#fff;color:var(--berry);font-size:11px;font-weight:700}
.use-location-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:fit-content;border:1px solid #f0cfd6;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#fff8fa,#ffe8ee);color:var(--berry);font-size:12px;font-weight:800;box-shadow:0 6px 14px #df35591f}
.use-location-button:before{content:"";display:inline-block;width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 50% 50%,#fff 0 20%,transparent 22%),var(--berry);box-shadow:0 0 0 3px #ffdce4}
.use-location-button:hover{background:#fff1f5}
.use-location-button:disabled{cursor:wait;opacity:.68}
.delivery-map{height:190px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f8e9ec}
.delivery-map--unavailable{display:grid;place-items:center;min-height:72px;height:auto;padding:12px;color:var(--muted);font-size:12px;text-align:center}
#deliveryMap,
#deliveryMapStatus{display:none!important}
.product-actions{display:inline-flex;align-items:center;gap:7px}
.product-count-badge{display:none;min-width:23px;height:23px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;padding:0 6px;background:var(--ink);color:#fff;font-size:11px;font-style:normal;font-weight:800;line-height:1;box-shadow:0 7px 14px #3423312e}
.has-product-count .product-count-badge{display:inline-flex}
.product-remove-button{display:none;width:30px;height:30px;flex:0 0 auto;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0;background:var(--berry);color:#fff;font-size:17px;font-weight:800;line-height:1;box-shadow:0 8px 16px #df35593d}
.has-product-count .product-remove-button.visible{display:inline-flex}
.product-remove-button.confirm-delete-button{width:auto;min-width:54px;padding:0 9px;background:#b72f4b;font-size:10px}
.personalize-button b{display:none}
.product-card.is-unavailable{position:relative;opacity:.72;filter:saturate(.75)}
.product-card.is-unavailable .product-art{filter:grayscale(.35)}
.product-card.is-unavailable .add-button,
.product-card.is-unavailable .employee-product-main{cursor:not-allowed;opacity:.72}
.sold-out-label{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 7px;background:#f8dddd;color:#9b291c;font-size:11px;font-weight:800;margin:-4px 0 9px}
.promo-card.is-unavailable{opacity:.68;cursor:not-allowed;filter:saturate(.72)}
.choice.is-unavailable{border-color:#ead1d1;background:#fff6f6;color:#9b291c;opacity:.72}
.choice.is-unavailable input:not(:checked){cursor:not-allowed}
.choice.is-unavailable span{font-weight:800}
.employee-product-card{position:relative;overflow:visible}
.employee-product-main{position:relative;display:grid;min-width:0;min-height:100%;align-content:center;gap:5px;border:0;padding:0;background:transparent;color:inherit;text-align:center}
body.employee-mode .product-count-badge{position:absolute;top:6px;right:6px;z-index:2}
body.employee-mode .product-remove-button{position:absolute;bottom:6px;left:6px;z-index:3;width:24px;height:24px;border:2px solid #fff;font-size:14px}
body.employee-mode .product-remove-button.confirm-delete-button{width:auto;min-width:52px;font-size:10px}
.field-error input,
.field-error select,
.field-error textarea,
.field-error.order-form fieldset,
.field-error.cart-items,
.order-form .field-error input,
.order-form .field-error select,
.order-form .field-error textarea,
.order-form fieldset.field-error,
#deliveryFields.field-error{border-color:#df3559!important;box-shadow:0 0 0 3px #df355922!important;background:#fff7f8}
.field-error>span,
.field-error legend{color:#b72f4b!important}
.shake-feedback{animation:freese-shake .32s ease}
@keyframes freese-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
@media (prefers-reduced-motion: reduce){.shake-feedback{animation:none}}

body.restaurant-mode .hero,
body.restaurant-mode .promo-strip,
body.restaurant-mode .quick-actions,
body.restaurant-mode .site-footer{display:none}
body.restaurant-mode{background:var(--freese-fit-yellow)}
body.restaurant-mode .app-shell{background:var(--freese-fit-yellow)}
body.restaurant-mode .category-bar{top:58px}
.restaurant-mode-banner{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #f0d6db;background:var(--freese-fit-yellow);box-shadow:0 8px 18px #7d3a4812}
.restaurant-mode-banner span{display:block;color:var(--berry);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.restaurant-mode-banner strong{display:block;margin-top:2px;color:var(--ink);font:600 16px Fredoka,sans-serif}
.restaurant-exit-button{border:1px solid #ead9dc;border-radius:999px;padding:7px 11px;background:#fff;color:var(--berry);font-size:12px;font-weight:700}

body.employee-mode .sheet,
body.employee-mode .product-total,
body.employee-mode .cart-controls button,
body.employee-mode .note-field,
body.employee-mode .transfer-details,
body.employee-mode .order-form input,
body.employee-mode .order-form select,
body.employee-mode .order-form textarea,
body.employee-mode .order-form fieldset label,
body.employee-mode .icon-button{
  background:#fff;
}
body.employee-mode .sheet>header{
  background:var(--freese-sheet-header);
}

body.employee-mode{background:var(--freese-fit-yellow)}
body.employee-mode .app-shell{overflow:visible}
body.employee-mode .category-bar{display:none}
body.employee-mode .category-scroll{padding:8px 12px;gap:6px}
body.employee-mode .category-pill{padding:7px 10px;border-radius:9px;font-size:12px}
body.employee-mode .menu-root{max-width:920px;padding:8px 10px 92px}
body.employee-mode .menu-section{scroll-margin-top:58px;padding-top:8px}
body.employee-mode .section-heading{align-items:center;margin-bottom:8px}
body.employee-mode .section-heading span{font-size:10px}
body.employee-mode .section-heading h2{font-size:20px;letter-spacing:0}
body.employee-mode .section-heading small{font-size:11px}
body.employee-mode .employee-section-heading{display:block;margin:6px 0 7px}
body.employee-mode .employee-section-heading h2{margin:0;color:var(--berry);font:800 14px "DM Sans",sans-serif;letter-spacing:0;text-transform:none}
body.employee-mode .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.employee-mode .employee-product-card{display:grid;align-content:center;gap:5px;min-width:0;min-height:78px;width:100%;border:1px solid #f1e1e3;border-radius:9px;padding:8px 6px;background:#fff;text-align:center;box-shadow:none;color:var(--ink)}
body.employee-mode .employee-product-card span{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;font-weight:800;line-height:1.12}
body.employee-mode .employee-product-card strong{font-size:12px;color:var(--berry);white-space:nowrap}
body.employee-mode .employee-product-card:active{transform:scale(.98)}
body.employee-mode .cart-fab{left:50%;right:auto;bottom:12px;width:min(520px,calc(100vw - 24px));max-width:none;transform:translateX(-50%);border-radius:12px;padding:11px 13px}
body.employee-mode .cart-sheet{max-width:760px;background:var(--freese-fit-yellow)}
body.employee-mode .sheet>header{padding:16px 18px 10px}
body.employee-mode .sheet h2{font-size:23px}
body.employee-mode .sheet-scroll{padding:4px 16px 24px}
body.employee-mode .cart-item{padding:12px 0;gap:10px}
body.employee-mode .order-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.employee-mode .order-form #deliveryFields,
body.employee-mode .order-form .payment-method,
body.employee-mode .order-form .transfer-details,
body.employee-mode .order-form .cart-inline-submit,
body.employee-mode .order-form #orderMicrocopy{grid-column:1/-1}
body.employee-mode .order-form textarea{height:58px}
body.employee-mode .product-sheet{display:flex;width:min(100%,780px);height:min(94dvh,760px);max-height:min(94dvh,760px);overflow:hidden;border-radius:14px 14px 0 0}
body.employee-mode .product-sheet>header{align-items:flex-start;padding:10px 12px 7px}
body.employee-mode .product-sheet .kicker,
body.employee-mode .product-sheet #productDescription{display:none}
body.employee-mode .product-sheet h2{font:800 17px "DM Sans",sans-serif;line-height:1.12}
body.employee-mode .product-sheet .icon-button{width:30px;height:30px;border-radius:8px;font-size:22px}
body.employee-mode .option-groups{min-height:0;flex:1 1 auto;overflow-y:auto;padding:0 12px 8px;-webkit-overflow-scrolling:touch}
body.employee-mode .option-group{padding:8px 0;margin:0;border-bottom:1px solid #f3e3e6}
body.employee-mode .option-group legend{font-size:12px;line-height:1.15}
body.employee-mode .option-group legend small{display:inline;margin-left:5px;font-size:10px;line-height:1.1}
body.employee-mode .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px}
body.employee-mode .choice{min-height:34px;border-radius:8px;padding:6px 7px;gap:5px;font-size:11px;line-height:1.1}
body.employee-mode .choice input{width:14px;height:14px;flex:0 0 auto}
body.employee-mode .choice b{font-size:9px}
body.employee-mode .product-total{flex:0 0 auto;padding:8px 12px;gap:8px}
body.employee-mode .product-total small{max-width:140px;font-size:10px;line-height:1.15}
body.employee-mode .product-total strong{font-size:16px}
body.employee-mode .product-total .primary-button{padding:9px 10px;border-radius:9px;font-size:12px}

.modal-backdrop.open .sheet,
.modal-backdrop.open .product-total{
  background:#fff;
}

.modal-backdrop.open .sheet>header{
  background:var(--freese-sheet-header);
}

.modal-backdrop.open .sheet-scroll,
.modal-backdrop.open .option-groups{
  background:var(--freese-fit-yellow);
}

@media (max-width: 679px){
  body.employee-mode .order-form{grid-template-columns:1fr}
  body.employee-mode .modal-backdrop{align-items:flex-end}
  body.employee-mode .product-sheet{height:94dvh;max-height:94dvh}
  body.employee-mode .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.employee-mode .choice{padding:6px 5px;font-size:10.5px}
  body.employee-mode .product-total{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
}

@media (min-width: 520px){
  body.employee-mode .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (min-width: 900px){
  body.employee-mode .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  body.employee-mode .employee-product-card{min-height:84px}
  body.employee-mode .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (min-width: 680px){
  body.employee-mode .product-sheet{border-radius:14px;margin:10px}
  body.employee-mode .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width: 900px){
  body.employee-mode .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* En móvil, la cereza decorativa queda fuera del bloque de lectura. */
@media (max-width: 679px){
  .berry-one{width:130px;height:122px;right:-32px;top:64px;opacity:.72}
  .hero{min-height:0}
  .hero-content{padding:16px 16px 18px}
  .hero-copy{margin:24px 0 10px}
  .hero h1{font-size:clamp(32px,10vw,44px);letter-spacing:-.025em}
  .hero-copy>p:last-child{margin-top:8px;font-size:14px;line-height:1.35}
  .hero-details{margin-top:8px}
  .hero-details span{padding:8px 10px}
  .quick-actions{margin-top:8px;gap:6px}
  .quick-actions>*{padding:8px 10px}
  .promo-strip{grid-auto-columns:minmax(230px,280px);gap:8px;padding:8px 16px 10px}
  .promo-card{padding:13px 14px;border-radius:15px}
  .category-scroll{padding:8px 16px}
  .menu-root{padding-top:4px}
}