/* Final responsive layer for the customer storefront */
img,svg{max-width:100%}html,body{max-width:100%;overflow-x:clip}.site-header,.app-main,footer{min-width:0}.main-nav,.header-actions,.section-heading,.hero-actions,footer>div{min-width:0}
@media(max-width:1100px){.site-header{padding-left:22px;padding-right:22px}.main-nav{gap:22px}.call-btn{padding-right:12px}.location-btn{padding-left:12px}.hero-copy{padding-left:38px}.menu-section{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.main-nav{display:none}.site-header{justify-content:space-between}.hero{grid-template-columns:1fr}.hero-copy{padding:48px}.hero-image{min-height:420px;border-radius:60px 60px 24px 24px}.section-heading{align-items:stretch;flex-direction:column}.search-box{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-section{grid-template-columns:1fr}.social-strip{align-items:flex-start;flex-direction:column}.social-strip>div{display:flex;gap:12px;flex-wrap:wrap}footer{align-items:flex-start;flex-direction:column;gap:18px}footer>div{display:flex;gap:12px;flex-wrap:wrap}}
@media(max-width:650px){body{padding-top:8px!important}.site-header{position:sticky!important;top:8px!important;height:68px!important;padding:6px 14px!important}.site-header .brand-logo{width:58px!important;height:58px!important}.site-header .call-btn,.site-header .location-btn{display:none!important}.site-header .header-actions{margin-left:auto}.site-header .login-link,.site-header .login-btn{min-height:42px;padding:10px 15px}.app-main{overflow:hidden!important}.hero{margin:0!important}.hero-copy{padding:26px 20px!important}.hero-copy h1{font-size:clamp(34px,11vw,44px)!important}.hero-copy>p{max-width:68%;font-size:11px}.menu-section{padding:28px 14px 38px!important}.categories{padding-bottom:5px;display:flex;overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{flex:0 0 auto;min-height:42px}.product-grid{grid-template-columns:1fr!important}.product-card{width:100%;min-width:0}.product-info{min-width:0}.product-info h3,.product-info p{overflow-wrap:anywhere}.product-detail{width:calc(100% - 16px)!important}.product-detail-image{min-height:260px!important}.social-strip{display:flex!important;padding:18px!important}.social-strip>div{display:flex;gap:8px;flex-wrap:wrap}.social-3d{width:42px;height:42px}.floating-cart{max-width:calc(100% - 28px)}footer{padding:24px 18px 104px!important}footer>div{width:100%;display:flex!important;gap:11px;flex-wrap:wrap}.footer-social{width:100%;margin-top:6px}.cart-drawer{width:100%;max-width:100%}.modal{padding-left:18px;padding-right:18px}}
@media(max-width:380px){.site-header .login-link,.site-header .login-btn{padding:9px 11px;font-size:10px}.hero-copy>p{max-width:78%}.hero-copy h1{font-size:34px!important}.category{padding-left:12px;padding-right:12px}.product-card{grid-template-columns:108px minmax(0,1fr)!important}.product-photo{min-width:0}.social-3d{width:39px;height:39px}}
.mobile-brand-name{display:none}@media(max-width:650px){.site-header .brand{display:flex;align-items:center;gap:9px;min-width:0}.site-header .brand-logo{flex:0 0 auto}.mobile-brand-name{display:block;color:var(--espresso);font:22px/1 "DM Serif Display",serif;white-space:nowrap}}@media(max-width:380px){.mobile-brand-name{font-size:18px}}

/* Sticky without changing the original layout flow */
html,body{overflow-x:clip!important}.site-header{position:sticky!important;top:0!important;z-index:1000!important}@media(max-width:650px){body{padding-top:8px!important}.site-header{top:8px!important}}

/* True persistent header; offset only the content, not the whole page */
body{padding-top:0!important}.site-header{position:fixed!important;top:0!important;left:50%!important;z-index:1000!important;width:min(1180px,100%)!important;margin:0!important;transform:translateX(-50%)!important}.app-main{margin-top:84px!important}@media(max-width:650px){body{padding-top:0!important}.site-header{top:8px!important;width:calc(100% - 20px)!important;height:68px!important}.app-main{margin-top:84px!important}}

/* Four rounded corners with Coffee on Call brown stroke */
.site-header{border:2px solid var(--espresso)!important;border-radius:24px!important}@media(max-width:650px){.site-header{border-width:2px!important;border-radius:22px!important}}

/* Comfortable inner spacing */
.site-header{padding:10px 30px!important}@media(max-width:650px){.site-header{height:76px!important;padding:8px 16px!important}.site-header .brand-logo{width:56px!important;height:56px!important}.app-main{margin-top:92px!important}}