/* A spacious bakery storefront, with a full-screen navigation sheet. */
.language-toggle{background:transparent;color:var(--espresso);border:1px solid var(--line);border-radius:30px;min-height:40px;min-width:65px;padding:8px 12px;font:600 13px Gilroy,Arial,sans-serif;white-space:nowrap}
.language-toggle:hover{background:var(--wheat)}
.hero-image{inset:0}
.hero-image img{object-position:65% center}
.hero:after{background:linear-gradient(90deg,#f8f3e94d 0%,#f8f3e921 38%,transparent 56%)}
.hero-content{width:55%;padding-top:78px}
.hero h1{font-size:clamp(65px,6.15vw,98px)}
.hero .sticker{display:none}
.hero-bottom{display:none}
.menu-is-open{overflow:hidden}
.menu-panel[hidden]{display:none!important}
.menu-panel{position:fixed;inset:0;z-index:300;width:100%;height:100vh;height:100dvh;max-height:none;padding:25px max(6%,calc((100vw - 1150px)/2));display:flex;flex-direction:column;gap:0;background:var(--flour);border:0;border-radius:0;overflow:auto;overscroll-behavior:contain;box-shadow:none}
.menu-panel a{background:transparent;border:0;box-shadow:none!important;border-radius:0;padding:0;text-decoration:none;transform:none}
.menu-panel a:hover{background:transparent;color:var(--crust);transform:none}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.menu-panel .menu-brand{font:38px Bunch,Arial,sans-serif;letter-spacing:-1.5px}
.menu-top-actions{display:flex;align-items:center;gap:20px}
.menu-language{border:0;background:none;font:700 14px Gilroy,Arial,sans-serif;color:var(--espresso);padding:12px}
.menu-language span{color:#776151;font-weight:400}
.menu-close{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;font:32px Arial,sans-serif;color:var(--espresso)}
.menu-intro{font:12px Toroka,Arial,sans-serif;letter-spacing:1.5px;color:var(--cocoa);margin:26px 0 12px}
.menu-links{display:flex;flex-direction:column;gap:0;flex:1;justify-content:center}
.menu-links a{display:flex;align-items:center;gap:22px;font:clamp(27px,4.5vh,45px) Bunch,Arial,sans-serif;line-height:1.15;border-bottom:1px solid var(--line);padding:16px 0}
.menu-links small{font:12px Gilroy,Arial,sans-serif;color:var(--cocoa);align-self:center}
.menu-links b{font:25px Gilroy,Arial,sans-serif;margin-left:auto}
.menu-bottom{margin-top:28px}
.menu-panel .menu-order{display:flex;justify-content:space-between;align-items:center;gap:20px;font:18px Toroka,Arial,sans-serif;background:var(--espresso);color:var(--flour);padding:17px 21px;border-radius:5px}
.menu-panel .menu-order:hover{background:#604334;color:var(--flour)}
.menu-bottom>div{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:12px;color:var(--cocoa)}
@media(max-width:1100px){header nav{gap:15px}.hero-content{width:60%}.hero h1{font-size:70px}}
@media(max-width:700px){
  header{gap:8px;padding:0 16px;height:66px}header .logo{font-size:26px;margin-right:auto}header nav{gap:6px}header nav>.nav-link{display:none}
  .language-toggle{min-width:56px;min-height:34px;font-size:12px;padding:6px 8px}
  .menu-button{width:34px;height:40px;padding:8px}.icon-button{width:33px;height:40px}
  .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:0;overflow:hidden}
  .hero-image{position:relative;inset:auto;height:390px;flex:none;order:0}
  .hero-image img{object-fit:cover;object-position:78% 39%;height:100%;width:100%}
  .hero:after{display:none}
  .hero-content{position:relative;inset:auto;width:100%;order:1;padding:26px 22px 34px;background:var(--oat)}
  .hero h1{font-size:clamp(49px,13vw,62px);line-height:1.04;letter-spacing:-2px;margin:14px 0 18px}
  .hero h1 br:nth-of-type(2){display:none}.hero h1 em:before{content:' '}
  .hero p{font-size:16px;line-height:1.65;margin-bottom:23px}.hero-note{margin-top:25px}
  .hero-actions .cta{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 21px}
  .menu-panel{inset:0;padding:20px 24px max(23px,env(safe-area-inset-bottom));height:100dvh}
  .menu-top{padding-bottom:20px}.menu-panel .menu-brand{font-size:30px}.menu-top-actions{gap:4px}.menu-close{width:42px;height:42px}
  .menu-intro{font-size:10px;letter-spacing:1px;margin:25px 0 12px}.menu-links a{font-size:clamp(27px,4.5svh,38px);padding:17px 0;gap:16px}
  .menu-bottom{margin-top:28px}.menu-panel .menu-order{font-size:16px}
  .floating-bag{bottom:max(15px,env(safe-area-inset-bottom));right:15px}
  footer{padding-bottom:90px}
}
@media(max-width:380px){.hero-image{height:330px}.hero h1{font-size:48px}.menu-links a{font-size:29px;padding:13px 0}.menu-intro{margin-top:20px}.menu-bottom{margin-top:22px}}
@media(max-height:670px){.menu-links a{padding:12px 0;font-size:28px}.menu-intro{margin:18px 0 5px}.menu-bottom{margin-top:19px}.menu-top{padding-bottom:14px}}

.language-toggle [data-language]{opacity:.55;font-weight:400}.language-toggle .is-active{opacity:1;font-weight:800}