/* Shopping choices sit beside the real kitchen, using the existing Brasa palette. */
.cooking-heading{align-items:center;gap:36px}
.cooking-intro{width:380px;flex-shrink:0}
.cooking-intro>p{max-width:360px}
.hero-buy-actions{display:flex;align-items:center;gap:10px;margin-top:15px}
.hero-buy-actions .button{font-size:14px;min-height:46px;padding:12px 20px}
.hero-finder{border:1px solid #73958a;background:transparent;color:#fff;border-radius:5px;font-size:13px;padding:11px 14px;min-height:46px;line-height:1.3}
.hero-finder:hover{background:#253931;border-color:#b4c8bd}
.hero-finder:focus-visible{outline-color:#ffd29e}
.cooking-intro>.hero-starting-price{font-size:12px;color:#e0d0b7;margin:11px 0 0;line-height:1.5}
.is-scroll-mode .hero-buy-actions,.is-scroll-mode .hero-starting-price{display:none}
.menu-view-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 7px}
.finder-menu-trigger{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:7px 0;font-size:14px;background:transparent;border:0;color:#a9321b;text-align:left}
.finder-menu-trigger:hover{text-decoration:underline;text-underline-offset:4px}
.finder-menu-trigger svg{width:21px;height:21px;flex-shrink:0}
.menu-view-controls{display:flex;border:1px solid #bdcbd1;border-radius:6px;overflow:hidden;flex-shrink:0}
.menu-view-controls button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;background:transparent;border:0;padding:8px 14px;font-size:13px}
.menu-view-controls button+button{border-left:1px solid #bdcbd1}
.menu-view-controls button[aria-pressed=true]{background:#192d39;color:#fff}
.menu-view-controls button:focus-visible{outline-offset:-4px}
.menu-view-controls svg{width:17px;height:17px}
.menu-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.menu-grid.is-list .menu-card{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;min-height:0}
.menu-grid.is-list .product-info{padding:19px 20px;min-width:0}
.menu-grid.is-list .menu-card>.product-photo{aspect-ratio:1;min-height:0;width:145px;align-self:center;border-radius:5px;margin-left:10px}
.menu-grid.is-list .menu-card>.product-photo .menu-sprite{width:100%;height:100%;aspect-ratio:1;top:0;transform:none!important}
.menu-grid.is-list .product-info h3{font-size:25px;line-height:1.12}
.menu-grid.is-list .product-tag,.menu-grid.is-list .product-category{display:none}
.menu-grid.is-list .product-description{min-height:0;font-size:13px;line-height:1.6;margin:9px 0 15px}
.menu-grid.is-list .product-price{font-size:21px}
.menu-grid.is-list .add-product{font-size:13px;min-height:44px}
.menu-grid.is-list .favorite-product{top:4px;right:4px;background:#fffffff2}
.product-total-label{display:block;font-size:11px;color:#52636b;margin-bottom:3px}
.product-price-block{min-width:0;flex:1}
.product-price-block>strong{display:block;line-height:1.2}
#product-price-detail{display:block;font-size:12px;font-weight:400;color:#52636b;line-height:1.5;margin-top:5px;max-width:250px}
.product-customization-summary{font-size:13px;line-height:1.75;color:#23563e;background:#e8f1ec;border-left:3px solid #699b79;padding:10px 13px;margin:-5px 0 21px}
.product-dialog .dialog-heading{position:sticky;top:-28px;z-index:5;background:#fcfaf6;margin:-28px -28px 20px;padding:15px 28px;border-bottom:1px solid #d9e1e3}
@media(max-width:1080px){
  .cooking-heading{gap:24px}.cooking-intro{width:335px}.cooking-heading h1{font-size:43px}
  .hero-buy-actions{gap:8px}.hero-buy-actions .button{padding:12px 14px}.hero-finder{padding:11px;font-size:12px}
  .menu-grid.is-list .menu-card{grid-template-columns:115px minmax(0,1fr)}
  .menu-grid.is-list .menu-card>.product-photo{width:115px}.menu-grid.is-list .product-info{padding:17px}
  .menu-grid.is-list .product-info h3{font-size:23px}.menu-grid.is-list .product-bottom{flex-wrap:wrap}
}
@media(max-width:760px){
  .cooking-story:not(.is-scroll-mode) .cooking-sticky{padding-top:19px}
  .cooking-heading{margin-bottom:16px}
  .cooking-heading>div:first-child>p{display:none}
  .cooking-heading h1{font-size:32px;max-width:100%;line-height:1.08}
  .cooking-intro{width:100%;margin-top:12px}
  .cooking-intro>p{font-size:13px;line-height:1.55;max-width:100%}
  .hero-buy-actions{margin-top:12px;gap:8px}
  .hero-buy-actions .button{font-size:13px;min-height:44px;padding:11px 15px}
  .hero-finder{font-size:12px;min-height:44px;padding:10px 11px;flex:1}
  .cooking-intro>.hero-starting-price{font-size:11px;margin-top:8px}
  .menu-view-bar{flex-wrap:wrap;gap:10px;margin-bottom:0}
  .finder-menu-trigger{font-size:13px;flex:1;min-width:190px}
  .menu-view-controls{margin-left:auto}.menu-view-controls button{font-size:12px;padding:8px 12px}
  .menu-grid.is-list{grid-template-columns:1fr;gap:12px}
  .menu-grid.is-list .menu-card{grid-template-columns:108px minmax(0,1fr)}
  .menu-grid.is-list .menu-card>.product-photo{width:100px;margin-left:8px}
  .menu-grid.is-list .product-info{padding:16px 13px}
  .menu-grid.is-list .product-info h3{font-size:22px}
  .menu-grid.is-list .product-description{font-size:12px;line-height:1.6;margin:8px 0 12px}
  .menu-grid.is-list .product-bottom{flex-direction:column;align-items:flex-start;gap:8px}
  .menu-grid.is-list .product-price{font-size:21px}
  .menu-grid.is-list .add-product{width:100%;min-width:0;font-size:12px;padding:10px}
  .product-dialog .dialog-heading{top:-20px;margin:-20px -20px 20px;padding:12px 20px}
  .dialog-product-photo{width:min(100%,260px);aspect-ratio:1;margin:0 auto 20px}
  .product-dialog-bottom{flex-wrap:nowrap;align-items:center;gap:12px}
  .product-dialog-bottom .button{flex:0 1 auto;font-size:12px;min-width:0;padding:12px}
  .product-dialog-bottom strong{font-size:22px}
  #product-price-detail{font-size:11px;max-width:150px}
}
@media(max-width:360px){
  .cooking-heading h1{font-size:29px}
  .hero-buy-actions .button{padding:11px 12px}.hero-finder{padding:10px 8px}
  .menu-grid.is-list .menu-card{grid-template-columns:108px minmax(0,1fr)}
  .menu-grid.is-list .menu-card>.product-photo{width:100px;margin-left:8px}
  .menu-grid.is-list .product-info{padding:14px 11px}
  .menu-grid.is-list .product-info h3{font-size:21px}
  .menu-grid.is-list .product-description{font-size:12px}
  .product-dialog .dialog-heading{top:-17px;margin:-17px -17px 18px;padding:10px 17px}
  .dialog-product-photo{width:min(100%,220px)}
  .product-dialog-bottom{gap:8px}.product-dialog-bottom .button{font-size:11px;padding:11px 9px}
}