/* Shop titles stay readable regardless of the uploaded photo. */
.shop-detail-area .topbar{border-bottom:3px solid #b89445;box-shadow:0 3px 14px #1529361f}
.shop-detail-area .brand{color:#1f3446}
.shop-detail-area .shop-title-panel{width:fit-content;max-width:850px;padding:22px 28px;border:1px solid #ffffff38;border-left:4px solid #e5bc60;border-radius:4px 14px 14px 4px;background:linear-gradient(110deg,#102733ee,#102733b8);box-shadow:0 8px 28px #0003}
.shop-detail-area .shop-title-panel .eyebrow{margin-bottom:8px;background:#ffffff14}
.shop-detail-area .shop-title-panel h1{color:#fff;text-shadow:0 2px 8px #0005}
.shop-detail-area .shop-title-panel p{color:#fff;margin-bottom:10px}
/* Keep the statistics in normal flow so they cannot cover the headline. */
.hero.hero-home{display:block;min-height:0}
.hero-home .hero-inner{min-height:0;padding:40px 0 38px}
.hero-home .hero-status{position:relative;inset:auto}
.hero-home .hero-status-kicker{min-height:34px;font-size:12px}
.hero-home .status-item{min-height:92px;padding:18px 20px 16px}
.hero-home .status-number{font-size:clamp(28.5px,3.75vw,42px)}
.hero-home .status-label{margin-top:8px;font-size:12px}
@media(max-width:700px){.hero-home .status-item{min-height:72px;padding:12px}.hero-home .status-number{font-size:25.5px}.hero-home .status-label{margin-top:6px;font-size:11px}}
.hero-home h1{max-width:900px;margin-top:26px;font-size:clamp(38px,4.8vw,60px);line-height:1.08}
.home-search-panel{width:100%;max-width:1000px;padding:22px;border:1px solid #f3d28b;border-top:5px solid #e5bc60;border-radius:14px;background:#fffdf7;box-shadow:0 14px 42px #061c2e66,0 0 0 5px #ffffff18;color:#1f3446}
.hero-home .home-search-heading{margin:0 0 16px;color:#1f3446;font-size:24px;line-height:1.2;font-family:var(--font-heading)}
.hero-home .hero-search{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;grid-template-columns:minmax(0,1fr) minmax(120px,150px) auto auto}
.hero-home .hero-search>div{min-width:0;border:1px solid #849b9e;border-radius:8px}
.hero-home .hero-search label{background:#e7eeec;color:#203d48;border-bottom:1px solid #c7d4d2}
.hero-home .hero-search input,.hero-home .hero-search select{min-height:48px;background:#fff;color:#1f3446;font-size:16px}
.hero-home .hero-search input::placeholder{color:#657679;font-weight:500;opacity:1}
.hero-home .hero-search .btn{min-height:50px;background:#0e5962;border-color:#0e5962;color:#fff;box-shadow:0 3px 8px #0e596225}
.hero-home .hero-search .btn:hover{background:#083e46}
.hero-home .hero-search .btn.secondary{background:#fff;color:#0e5962;border-color:#527f83;box-shadow:none}
.hero-home .hero-search .btn.secondary:hover{background:#edf5f4}
.hero-home .hero-search>div:focus-within{border-color:#0e5962;box-shadow:0 0 0 3px #ddb44e75}
.hero-home .hero-search .btn:focus-visible{outline:3px solid #a97415;outline-offset:3px}
@media(max-width:900px){.hero-home .hero-search{grid-template-columns:minmax(0,1fr) minmax(100px,140px)}.hero-home .hero-search .btn{width:100%}}
@media(max-width:600px){
 .shop-detail-area .shop-title-panel{width:100%;padding:18px 16px;border-radius:4px 12px 12px 4px}
 .shop-detail-area .shop-title-panel h1{overflow-wrap:anywhere}
 .hero-home .hero-inner{padding:28px 0 30px}
 .home-search-panel{padding:18px 15px;border-top-width:4px}
 .hero-home .home-search-heading{font-size:22px}
 .hero-home .hero-search{grid-template-columns:minmax(0,1fr);gap:12px}
 .hero-home h1{font-size:38px;margin-top:26px}
}
/* A fixed, inset header floats above the photo without reserving a white strip. */
.floating-header-area .topbar{position:fixed;top:18px;left:20px;right:20px;width:auto;max-width:1160px;margin:0 auto;border:1px solid #ffffff29;border-radius:16px;background:#30363b;color:#fffaf0;box-shadow:0 8px 28px #07151e59}
.floating-header-area .topbar .nav{width:calc(100% - 40px)}
.floating-header-area .topbar .brand{color:#fffaf0}
.floating-header-area .topbar .brand-mark{background:#e6c581;color:#30363b}
.floating-header-area .topbar .nav-actions{color:#f0ede5}
.floating-header-area .topbar .nav-actions a:hover{color:#efd294}
.floating-header-area .topbar a:focus-visible,.floating-header-area .topbar button:focus-visible{outline:3px solid #efd294;outline-offset:4px}
.floating-header-area .topbar .nav-toggle{background:#41494f;border-color:#ffffff60;color:#fffaf0}
.floating-header-area .hero-home .hero-inner{padding-top:138px}
.floating-header-area .hero.hero-compact .hero-inner{padding-top:134px;padding-bottom:42px;min-height:380px}
.floating-header-area{scroll-padding-top:110px}
.floating-header-area [id]{scroll-margin-top:112px}
@media(max-width:820px){
 .floating-header-area .topbar{top:10px;left:10px;right:10px;border-radius:13px}
 .floating-header-area .topbar .nav{width:calc(100% - 24px);gap:10px}
 .floating-header-area .topbar .brand{font-size:16px;gap:8px;line-height:1.15}
 .floating-header-area .topbar .brand-mark{flex-shrink:0}
 .floating-header-area .topbar .nav-toggle{flex-shrink:0}
 .floating-header-area .topbar .nav-actions{top:calc(100% + 8px);border:1px solid #ffffff29;border-radius:13px;background:#30363b;box-shadow:0 10px 24px #07151e59}
 .floating-header-area .hero-home .hero-inner{padding-top:110px}
 .floating-header-area .hero.hero-compact .hero-inner{padding-top:110px;min-height:350px}
}