.home-topbar { max-width: 1180px; margin: 0 auto; padding: 0 28px; gap: 22px; }
.home-brand-area { display: flex; align-items: center; min-width: 0; }
.home-brand-area .brand { white-space: nowrap; font-size: clamp(21px, 2vw, 28px); letter-spacing: -.025em; }
.home-facebook { padding: 6px 9px; border-radius: 8px; background: #1877f2; color: #fff !important; font-size: .74rem; font-weight: 750; text-decoration: none; }
.home-facebook:hover { background: #1263cc; }
.home-nav { display: flex; gap: 4px; align-items: center; white-space: nowrap; }
.home-nav a { color: var(--ink); font-weight: 700; padding: 8px 9px; border-radius: 9px; text-decoration: none; }
.home-nav a:hover { background: var(--paper); }
.home-hero { position: relative; min-height: 490px; display: flex; align-items: center; overflow: hidden; margin: 22px auto 28px; max-width: 1120px; padding: 54px clamp(26px, 7vw, 76px); border-radius: 26px; color: #fff; background-image: linear-gradient(90deg, rgba(21, 28, 19, .88) 0%, rgba(21, 28, 19, .7) 48%, rgba(21, 28, 19, .12) 100%), url('/assets/hero-bakery.png'); background-position: center; background-size: cover; box-shadow: 0 18px 45px rgba(50, 32, 18, .22); }
.home-hero > div { position: relative; z-index: 1; max-width: 600px; }
.home-hero .eyebrow { color: #f4d896; letter-spacing: .12em; font-weight: 800; }
.home-hero h1 { margin: 10px 0 16px; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .98; letter-spacing: -.045em; }
.home-hero p { max-width: 540px; font-size: 1.13rem; line-height: 1.6; color: #fff9eb; }
.home-hero .primary { display: inline-block; margin-top: 10px; background: #e0b258; color: #241b10; border: 0; box-shadow: none; }
.home-hero .primary:hover { background: #f0c970; color: #241b10; }
.home-hero .install-app { margin: 8px 0 0 8px; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.8); font-weight: 750; }
.home-hero .install-app:hover { background: rgba(255,255,255,.16); }
.kitchen-callout { display: grid; gap: 3px; max-width: 525px; margin-top: 24px; padding: 14px 16px; border-left: 4px solid #e0b258; border-radius: 0 10px 10px 0; background: rgba(255, 255, 255, .13); color: #fff9eb; }
.kitchen-callout strong { color: #fff; font-size: 1.02rem; }
.kitchen-callout a { color: #ffe29a; font-weight: 800; }
.kitchen-callout a:hover { color: #fff; }
.home-about { max-width: 920px; margin: 0 auto 48px; }
.home-admin { max-width:920px; margin:-25px auto 38px; text-align:right; font-size:.82rem; }
.home-admin a { color:#66766d; }
@media (max-width: 640px) { .home-topbar { padding: 14px 18px; } .home-nav a { padding: 7px; } .home-hero { min-height: 440px; margin: 12px; border-radius: 18px; } .home-about { margin: 0 12px 30px; } }

/* Decatur Delights: homepage-only layout, after shared mobile styles. */
.home-topbar { height:auto; min-height:92px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px 28px; position:relative; }
.home-brand-area { width:auto; flex:0 0 auto; }
.home-brand-area .brand { font-size:clamp(25px,3vw,32px); white-space:normal; }
.home-topbar .home-nav { width:100%; max-width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:6px 14px; margin:0; overflow:visible; white-space:normal; }
.home-topbar .home-nav a { padding:8px 10px; font-size:.94rem; white-space:normal; overflow:visible; text-overflow:clip; text-align:left; }
.home-topbar .home-nav .home-facebook { width:auto; font-size:.82rem; }
.home-hero { gap:24px; padding:38px; background:#21342b; min-height:490px; }
.home-hero > div { flex:1 1 55%; min-width:0; }
.home-hero h1 { font-size:clamp(2.4rem,4.5vw,4.1rem); }
.home-logo { display:block; flex:0 1 42%; width:42%; height:auto; object-fit:contain; clip-path:url(#logo-outline); }
#market-banner { width:calc(100% - 48px); max-width:1072px; }
@media (max-width:760px) {
  .home-topbar { padding:16px 20px; }
  .home-topbar .home-nav { gap:4px 8px; }
  .home-topbar .home-nav a { font-size:.88rem; padding:8px; }
  .home-hero { flex-direction:column; padding:28px 22px; margin:12px 0 28px; }
  .home-logo { order:-1; flex:none; width:min(100%,320px); }
  .home-hero h1 { font-size:clamp(2.3rem,8vw,3.5rem); }
  .home-hero p { font-size:1rem; }
  .home-about { margin:0 0 30px; }
  #market-banner { width:calc(100% - 32px); }
}

.home-hero .primary { padding:12px 18px; border-radius:10px; text-decoration:none; }

/* Center homepage branding and navigation. */
.home-topbar { align-items:center; }
.home-topbar .home-brand-area { justify-content:center; text-align:center; }
.home-topbar .home-nav { justify-content:center; }
.home-topbar .home-nav a { text-align:center; }

/* Logo-inspired Roman serif lettering, served locally. */
@font-face { font-family:'Decatur Cinzel'; src:url('/assets/decatur-cinzel.ttf') format('truetype'); font-weight:400 900; font-style:normal; font-display:swap; }
.home-brand-area .brand { font-family:'Decatur Cinzel',Georgia,serif; font-weight:800; text-transform:uppercase; letter-spacing:.015em; font-size:clamp(25px,3vw,36px); line-height:1.25; }

/* The 479 logo already has a transparent background. */
.home-logo { clip-path:none; }