.burger-hero { min-height: 490px; background: #101213; }
.burger-hero .hero-art { background-image: url('burgers-hero.png'); background-size: cover; background-position: center center; inset: 0; height: auto; opacity: 1; }
.burger-hero .hero-shade { background: linear-gradient(90deg, #101213d9 0%, #101213a6 28%, #10121333 48%, transparent 67%), linear-gradient(0deg, #10121399, transparent 25%); }
.burger-hero .hero-content { padding-top: 60px; padding-bottom: 48px; }
.burger-hero .hero-copy { width: 65%; max-width: 690px; }
.burger-hero .hero-title { font-size: clamp(56px, 5.8vw, 84px); line-height: .96; margin-bottom: 22px; }
.burger-hero .hero-title .title-red { display: block; white-space: normal; }
.burger-hero .hero-subtitle { max-width: 440px; font-size: 23px; line-height: 1.3; letter-spacing: .025em; }
.burger-button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; margin-top: 24px; padding: 14px 22px; background: #c32d39; color: #fff6eb; border: 1px solid #df4650; border-radius: 4px; font: 600 13px/1.5 'Montserrat', Arial, sans-serif; }
.burger-button:hover { color: white; background: #de3945; border-color: #ee6069; }
.burger-section { padding: 48px 24px 54px; background: radial-gradient(ellipse at 50% 25%, #232020, #101213 65%); }
.burger-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 30px; }
.burger-section h2 { color: #f2ece0; font: 600 clamp(34px, 3.5vw, 50px)/1.1 'Cormorant Garamond', Georgia, serif; margin: 0; }
.burger-section h2 em { color: #d4ad75; font-weight: 500; }
.burger-section-heading > p { max-width: 370px; margin: 0; color: #bfb6ab; font: 400 13px/1.8 'Montserrat', Arial, sans-serif; }
.burger-card { border: 1px solid #443a30; border-radius: 9px; overflow: hidden; background: linear-gradient(145deg, #212222, #141617); display: flex; flex-direction: column; box-shadow: 0 15px 35px #0002; }
.burger-photo { position: relative; overflow: hidden; }
.burger-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1.2; object-fit: cover; transition: transform .35s ease; }
.burger-card:hover .burger-photo img { transform: scale(1.035); }
.burger-tag { position: absolute; bottom: 15px; left: 16px; padding: 7px 12px; background: #111315e8; border: 1px solid #b6905b80; border-radius: 30px; color: #f1d5ac; font: 500 11px/1.5 'Montserrat', Arial, sans-serif; }
.burger-card-body { padding: 24px 22px 20px; display: flex; flex-direction: column; flex: 1; }
.burger-index { color: #a39178; font: 500 9px/1.4 'Montserrat', Arial, sans-serif; letter-spacing: .15em; margin-bottom: 12px; }
.burger-title-row { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 8px 12px; margin-bottom: 16px; }
.burger-title-row h3 { margin: 0; color: #f2ece0; font: 600 30px/1.1 'Cormorant Garamond', Georgia, serif; }
.burger-price { color: #ef505a; white-space: nowrap; font: 500 22px/1.2 'Cormorant Garamond', Georgia, serif; }
.burger-price span { font-size: 17px; }
.burger-card-body > p { margin: 0 0 24px; color: #bfb8ae; font: 400 12px/1.85 'Montserrat', Arial, sans-serif; }
.burger-card-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: auto; padding-top: 17px; border-top: 1px solid #3a342d; }
.burger-allergens { color: #a99e91; font: 400 10px/1.5 'Montserrat', Arial, sans-serif; }
.burger-order { color: #e7bf88; font: 600 12px/1.5 'Montserrat', Arial, sans-serif; }
.burger-order span { margin-left: 10px; }
.burger-allergens:hover, .burger-order:hover, .burger-back:hover, .burger-delivery:hover { color: #fff1dd; }
.burger-order-panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 42px; padding: 32px; background: radial-gradient(ellipse at right, #4b2525, #211a1b 70%); border: 1px solid #593531; border-radius: 8px; }
.burger-order-panel h2 { font-size: clamp(30px, 3vw, 42px); }
.burger-order-panel p { margin: 14px 0 0; color: #c9bcb0; font: 13px/1.7 'Montserrat', Arial, sans-serif; }
.burger-order-actions { flex-shrink: 0; display: flex; flex-direction: column; gap: 13px; text-align: center; }
.burger-order-actions .burger-button { margin: 0; }
.burger-delivery, .burger-back { color: #ccb08b; font: 12px/1.5 'Montserrat', Arial, sans-serif; }
.burger-back { display: inline-block; margin-top: 28px; }
.burger-section a:focus-visible, .burger-hero a:focus-visible { outline: 2px solid #f1c98f; outline-offset: 4px; }
@media (max-width: 767.98px) {
  .burger-hero { min-height: 450px; }
  .burger-hero .hero-art { background-position: 68% center; background-size: cover; opacity: 1; }
  .burger-hero .hero-shade { background: linear-gradient(90deg, #101213ed, #10121377), linear-gradient(0deg, #101213, transparent); }
  .burger-hero .hero-content { padding-top: 55px; padding-bottom: 35px; }
  .burger-hero .hero-copy { width: 100%; }
  .burger-hero .hero-title { font-size: clamp(44px, 9vw, 64px); }
  .burger-hero .hero-subtitle { font-size: 21px; }
  .burger-section { padding: 32px 16px 40px; }
  .burger-section-heading, .burger-order-panel { flex-direction: column; align-items: stretch; gap: 20px; }
  .burger-section-heading > p { max-width: none; }
  .burger-photo img { aspect-ratio: 1.35; }
  .burger-order-panel { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) { .burger-photo img { transition: none; } .burger-card:hover .burger-photo img { transform: none; } }
.burger-photo { display: block; cursor: zoom-in; }
.burger-photo img { aspect-ratio: 4 / 3; }
.burger-zoom-hint { position: absolute; right: 14px; top: 14px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #101213cc; color: #f1d5ac; border: 1px solid #b6905b80; font: 24px/1 Arial, sans-serif; }
body.burger-lightbox-open { overflow: hidden; }
.burger-lightbox { width: min(1120px, 94vw); max-width: 94vw; max-height: 94dvh; padding: 14px; border: 1px solid #80623d; border-radius: 10px; background: #101213; color: #f2ece0; box-shadow: 0 24px 90px #0009; }
.burger-lightbox::backdrop { background: #000d; backdrop-filter: blur(6px); }
.lightbox-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.lightbox-toolbar h2 { margin: 0; font: 600 26px/1.2 'Cormorant Garamond', Georgia, serif; }
.burger-lightbox button { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid #5b4832; border-radius: 5px; background: #24201b; color: #f0c994; font: 24px/1 Arial, sans-serif; cursor: pointer; }
.burger-lightbox button:hover { background: #493226; }
.burger-lightbox button:focus-visible { outline: 2px solid #f0c994; outline-offset: 2px; }
.lightbox-image { display: block; width: 100%; height: min(72dvh, 780px); object-fit: contain; background: #090a0b; }
.lightbox-controls { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 12px; }
.lightbox-counter { color: #cab99e; font: 13px/1.5 'Montserrat', Arial, sans-serif; }
@media (max-width: 575.98px) { .burger-lightbox { padding: 10px; } .lightbox-image { height: min(62dvh, 500px); } }