:root{--bl-ink:#183656;--bl-caramel:#c58a45;--bl-cream:#fff9f0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
html body,html body main{background:#fff!important;color:#253b4c!important}
html body header.top,html body .top,html body .top .nav{background:#fff!important;color:var(--bl-ink)!important}
html body header.top a,html body .top a,html body .top .brand,html body .top .brand small{color:var(--bl-ink)!important}
html body .top .nav{min-height:64px!important;height:64px!important}
html body .hero{background:linear-gradient(120deg,#e8f8ff,#fff9ee 72%)!important;color:var(--bl-ink)!important}
html body .hero .eyebrow{color:#98622e!important}
html body .hero h1,html body .hero h2{color:var(--bl-ink)!important;line-height:1.09!important;max-width:680px}
html body .hero p{color:#4f6070!important}
html body .hero .btn{background:var(--bl-ink)!important;color:white!important}
html body .hero .hero-note{color:#725c49!important}
html body .hero .hero-visual{background:#fbf6ed!important;border-radius:19px!important;box-shadow:none!important;overflow:hidden!important;position:relative!important}
.bl-hero-image{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#fbf7ed}
.bl-hero-image img{display:block;width:100%;height:100%;object-fit:contain}
.bl-photo-disclosure{font-size:11px;color:#4d4d4d;background:rgba(255,255,255,.94);padding:5px 10px;border-radius:9px;position:absolute;left:10px;bottom:9px}
.bl-catalog{max-width:1130px;margin:0 auto;padding:0 20px}
.bl-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 18px}
.bl-section-head small{font-size:11px;letter-spacing:.18em;font-weight:800;color:#aa6c2f}
.bl-section-head h2{font-size:clamp(25px,4vw,38px);line-height:1.12;margin:7px 0;color:var(--bl-ink)!important}
.bl-lead{font-size:14px;color:#6b6c70;line-height:1.55;margin:0 0 18px}
.bl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bl-card{border:1px solid #ebdfce;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 7px 20px rgba(23,45,63,.04)}
.bl-top{height:126px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;position:relative;border-bottom:1px solid #f0e6d8}
.bl-top .bl-disc{height:65px;width:65px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.85);font-size:31px}
.bl-top .bl-label{font-size:11px;font-weight:800;letter-spacing:.07em;color:#473525}
.bl-body{padding:17px}.bl-body h3{margin:0 0 8px;font-size:18px;color:var(--bl-ink)!important}
.bl-body p{font-size:13px;line-height:1.5;color:#71695f;margin:0}
.bl-note{font-size:11px!important;margin-top:8px!important;color:#8b8277!important}
.bl-top.original{background:#fff0d1}.bl-top.chocolate{background:#e8c5ad}
.bl-top.cheese{background:#ffe6ba}.bl-top.combo{background:linear-gradient(135deg,#f1c28d,#e8d3b4)}
.bl-coffee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 0}
.bl-coffee .bl-card{display:flex;min-height:145px}
.bl-coffee .bl-top{width:38%;height:auto;flex-shrink:0;border-bottom:none;border-right:1px solid #f0e6d8;background:#efe3d3}
.bl-coffee .bl-card:nth-child(2) .bl-top{background:#e7c39e}
.bl-coffee .bl-body{flex:1}
.bl-bundle{margin-top:20px;border-radius:18px;background:linear-gradient(110deg,#fdf0da,#f6fafc);padding:22px;border:1px solid #ead9c0}
.bl-bundle h3{font-size:21px;margin:0 0 8px;color:var(--bl-ink)!important}
.bl-bundle p{margin:0;color:#655d53;font-size:13px;line-height:1.6}
.bl-bundle strong{color:#8c592a}
.bl-real-photo{display:block;width:100%;max-width:720px;margin:24px auto 12px;border-radius:16px;object-fit:contain}
.bl-gallery-caption{text-align:center;margin:0 0 20px!important;color:#756f69!important;font-size:12px!important}
#baloka-mobile-toggle-v4{display:none}
@media(max-width:700px){
  html body .top .nav{height:62px!important;min-height:62px!important;padding:0 16px!important}
  html body .top .brand{font-size:27px!important;flex:1}
  html body .top .brand small{font-size:8px!important}
  html body .top .nav>.btn,html body .top .links{display:none!important}
  #baloka-mobile-toggle-v4{display:inline-flex!important;align-items:center;justify-content:center;height:40px;width:42px;border-radius:10px;border:0;background:#f0f6fb;color:#153858;font-size:24px}
  html body .top .links.bl-open{display:flex!important;position:absolute;left:0;right:0;top:62px;background:#fff;z-index:30;padding:14px 20px 20px;flex-direction:column;box-shadow:0 8px 18px #1b35552a;gap:15px}
  html body .hero .wrap{padding:18px 16px 20px!important}
  html body .hero-grid{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:14px!important}
  html body .hero h1{font-size:clamp(27px,7vw,33px)!important;margin:4px 0 11px!important}
  html body .hero p:not(.hero-note){font-size:14px!important;line-height:1.43!important;margin-bottom:11px!important}
  html body .hero .btn{font-size:14px!important;min-height:42px!important;padding:10px 18px!important}
  html body .hero .hero-note{display:none!important}
  html body .hero .hero-visual{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.5!important;width:100%!important;margin:0!important}
  .bl-catalog{padding:0 16px}
  .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bl-top{height:112px}
  .bl-top .bl-disc{height:55px;width:55px;font-size:27px}
  .bl-body{padding:12px}
  .bl-body h3{font-size:15px}
  .bl-body p{font-size:12px}
  .bl-coffee{grid-template-columns:1fr;gap:10px}
  .bl-coffee .bl-card{min-height:112px}
  .bl-section-head h2{font-size:25px}
  #menu.section{padding:30px 0!important}
  html body .sticky-cta,html body .bottom-cta,html body .mobile-cta{display:none!important}
}