/* BALOKA V24 - mobile-first storefront polish. Operational routes are untouched. */
:root{--bl24-ink:#10304e;--bl24-gold:#c78a3b;--bl24-cream:#fffaf3}
html{scroll-behavior:smooth}
html body .bl24-mobile{display:none!important}
html body .bl24-image-label{display:none}
html body #menu .bl24-menu-art{position:relative!important;overflow:hidden!important;isolation:isolate;background:linear-gradient(145deg,#fff2d7,#f1d9bd)!important}
html body #menu .bl24-menu-art[data-kind="chocolate"]{background:linear-gradient(140deg,#efcfb5,#d7aa92)!important}
html body #menu .bl24-menu-art[data-kind="coffee"]{background:linear-gradient(140deg,#f4e5d0,#ddbf94)!important}
html body #menu .bl24-menu-art .bl24-illustration{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3!important;pointer-events:none!important}
html body #menu .bl24-menu-art .bl24-illustration svg{height:78%;width:72%;max-height:132px;max-width:190px;filter:drop-shadow(0 8px 7px rgba(60,37,18,.17))}
html body #menu .bl24-menu-art .bl24-art-disclaimer{position:absolute;bottom:10px;right:11px;z-index:4;border:1px solid rgba(255,255,255,.6);background:rgba(255,250,241,.86);border-radius:12px;padding:3px 8px;color:#644622;font-size:9px;font-weight:800;letter-spacing:.06em}
html body #menu .bl24-menu-art .bl24-original-emoji{opacity:0!important;visibility:hidden!important}
@media(max-width:720px){
html body header.top{position:sticky!important;top:0!important;z-index:60!important}
html body main .hero{margin:0!important}
html body main section#menu.section{margin-top:0!important;padding-top:30px!important}
html body #menu .bl-catalog,html body #menu .cards{margin-top:18px!important}
html body #menu h2{font-size:clamp(29px,8.2vw,37px)!important;line-height:1.12!important;letter-spacing:-1px!important;margin-top:9px!important}
html body #menu .sub{line-height:1.45!important;font-size:13px!important;margin-block:12px 17px!important}
html body .stickyorder{display:none!important}
html body #menu article{border:1px solid #eedfcf!important;box-shadow:0 6px 20px rgba(38,44,52,.07)!important;border-radius:18px!important;overflow:hidden!important}
html body #menu article h3,html body #menu article h4{font-size:18px!important;line-height:1.2!important}
html body #menu .catalog-grid,html body #menu .cards{gap:12px!important}
}
@media(max-width:540px){
html{scroll-padding-top:69px!important}
html body header.top .wrap.nav,html body header.top .nav{
height:58px!important;min-height:58px!important;max-height:58px!important;
display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;
align-items:center!important;justify-content:initial!important;
padding:7px 13px!important;margin:0 auto!important;gap:8px!important;
}
html body header.top .nav .brand{
font-size:25px!important;line-height:1!important;letter-spacing:-1.1px!important;
white-space:nowrap!important;margin:0!important;min-width:0!important;
}
html body header.top .nav .brand small{
font-size:7.5px!important;letter-spacing:.95px!important;
line-height:1.25!important;margin-top:4px!important;white-space:nowrap!important;
}
html body header.top .nav .links{
display:flex!important;align-items:center!important;justify-content:space-between!important;
width:100%!important;gap:5px!important;min-width:0!important;
padding:0!important;margin:0!important;flex-wrap:nowrap!important;
}
html body header.top .nav .links a{
font-size:clamp(9.4px,2.9vw,11px)!important;padding:5px 0!important;
font-weight:750!important;line-height:1.15!important;white-space:nowrap!important;
}
html body header.top .nav>a.btn,html body header.top .nav .menu-toggle,html body header.top .nav .hamburger{display:none!important}
html body main .hero,html body main .hero .hero-grid,html body main .hero .bl-v8-hero{
min-height:0!important;aspect-ratio:auto!important;height:auto!important;
background:#fff9f2!important;box-shadow:none!important;border:0!important;
}
html body main .hero .hero-grid{display:block!important;padding:0!important}
html body .hero .bl-v8-hero>img,html body .hero .bl-v8-hero>.bl-v8-hotspot,html body .hero .bl-v8-hero>.bl-v8-mobile{display:none!important}
html body .hero .bl-v8-hero .bl24-mobile{display:block!important;background:#fffaf4!important}
.bl24-mobile-copy{padding:21px 21px 17px!important;background:linear-gradient(130deg,#fffdf8 0%,#fff6e9 100%)!important}
.bl24-kicker{font-family:Outfit,'DM Sans',sans-serif;font-size:10px;font-weight:900;color:#ab712f;letter-spacing:.15em;text-transform:uppercase}
.bl24-title{font-family:Outfit,'DM Sans',sans-serif;font-weight:900;letter-spacing:-1.3px;font-size:clamp(34px,9.2vw,41px);line-height:1.07;color:#103152;margin:10px 0 11px}
.bl24-title strong{font-weight:900;color:#be7d2e}
.bl24-desc{font-size:13px;line-height:1.5;font-weight:500;color:#35516b!important;max-width:360px;margin:0 0 15px}
.bl24-main-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:43px;padding:10px 24px;border-radius:999px;background:linear-gradient(115deg,#dda34b,#c8883c);color:#fff!important;font-size:14px;font-weight:850;box-shadow:0 5px 13px rgba(175,111,31,.15)}
.bl24-main-cta:focus-visible{outline:3px solid #123a61;outline-offset:3px}
.bl24-image{width:100%;height:193px;background:#ead6b9 url('/baloka-banner-final.webp') no-repeat 100% 56%;background-size:auto 414px;position:relative}
.bl24-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,243,0) 70%,rgba(255,250,243,.14) 100%);pointer-events:none}
.bl24-benefits{display:flex;justify-content:space-between;gap:8px;padding:11px 16px 12px;background:#fff8ed;border-bottom:1px solid #edddc5}
.bl24-benefit{display:flex;gap:5px;align-items:center;color:#174061;font-size:10px;line-height:1.2;font-weight:800;min-width:0}
.bl24-benefit-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid #cb8b38;border-radius:50%;font-size:12px;color:#ac7028;flex:none}
html body main section#menu.section{padding-top:25px!important}
html body #menu .wrap{padding-inline:16px!important}
html body #menu article .cardbody,html body #menu article .catalog-text{padding:13px!important}
html body #menu .bl24-menu-art .bl24-illustration svg{width:78%!important;height:78%!important}
}
@media(max-width:355px){
html body header.top .wrap.nav,html body header.top .nav{grid-template-columns:96px minmax(0,1fr)!important;padding-inline:10px!important;gap:6px!important}
html body header.top .nav .brand{font-size:23px!important}
html body header.top .nav .links a{font-size:9px!important}
.bl24-mobile-copy{padding-inline:17px!important}
.bl24-benefits{padding-inline:9px!important;gap:4px!important}
.bl24-benefit{font-size:9px}
}
@media(min-width:541px){html body .bl24-mobile{display:none!important}}