/* A single row; the search receives all space left by navigation and actions. */
.app-shell>.site-header{display:block;container:shop-header / inline-size;padding:12px 16px}
.header-row{display:flex;align-items:center;gap:16px;min-width:0}
.header-row>.brand{flex:0 0 auto;justify-content:flex-start}
.header-row .brand small{display:block}
.header-row .header-tools{display:block;flex:0 0 auto;padding:0;border:0}
.header-row .service-links{display:flex;flex-wrap:nowrap;gap:16px}
.header-row .service-links a{white-space:nowrap;font-size:1rem;min-height:48px;gap:6px}
.header-row .service-links svg{display:block;width:22px;height:22px}
.header-row .header-actions{flex:0 0 auto;gap:8px}
.header-info-toggle{display:none;min-height:48px;padding:8px 12px;border:1px solid #fff;border-radius:24px;background:#f4ffffb8;font-weight:600}
.search-shell{flex:1 1 12rem;min-width:7rem}
.search-shell>.search{width:100%;min-width:0;min-height:48px;margin:0;padding:0 12px;gap:8px;transition:none}
.search-shell .search input{font-size:1rem;min-width:0}
.search-shell .search button{display:block;min-height:44px;flex-shrink:0}
.search-shell .search .search-close{display:none;width:44px;font-size:1.5rem}
.search-toggle{display:none}
.search-shell.is-open>.search{display:flex;position:absolute;inset:10px 12px auto;z-index:3;width:auto;background:#f2fbfc;box-shadow:0 5px 18px #173f5130}
.search-shell.is-open .search .search-close{display:block}
.search-shell.is-open .search{outline:2px solid #087f8d;outline-offset:1px}
@container shop-header (max-width:76rem){
 .header-row{gap:12px}.header-row .service-links{gap:12px}.header-row .service-links svg{display:none}
 .search-shell>.search>svg{display:none}
}
@container shop-header (max-width:64rem){
 .header-info-toggle{display:block}
 .header-row .header-tools .service-links{display:none;position:absolute;top:calc(100% + 8px);left:0;width:min(22rem,100%);padding:12px;background:#effafb;border:1px solid white;border-radius:18px;box-shadow:0 10px 28px #173f5130}
 .header-row .header-tools.is-open .service-links{display:flex;flex-direction:column;gap:4px}
 .header-row .service-links a{padding:6px 10px;white-space:normal}
 .header-row .service-links svg{display:block}
}
@container shop-header (max-width:40rem){
 .header-row{gap:8px}
 .header-row>.brand span{font-size:1.35rem}.header-row>.brand small{display:none}.header-row>.brand img{width:30px;height:36px}
 .search-shell{flex:1 0 44px;min-width:44px;display:flex;justify-content:flex-end}
 .search-toggle{display:inline-flex;width:44px;height:44px}
 .search-shell>.search{display:none}
 .header-row .header-tools{display:none}
}
@media(min-width:761px) and (max-width:1300px){
 /* Tablet-sized desktop windows retain all information in the left panel. */
 .app-shell>.sidebar .drawer-service{display:flex!important;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff9c}
 .drawer-service a{padding:8px 6px;min-height:44px}
}
@media(max-width:760px){
 .app-shell>.site-header{padding:10px 8px}
 .header-row{gap:6px}
 .header-row>.brand{flex:1 1 auto;gap:4px;min-width:0}
 .header-row>.brand span{font-size:1.125rem;overflow-wrap:normal;white-space:nowrap}
 .header-row>.brand small{display:none}
 .header-row>.brand img{width:22px;height:30px}
 .header-row .header-actions{gap:4px}
 .header-row .header-actions .cart-link{display:none}
 .search-shell{flex:0 0 44px}
 .font-options{right:0}
}
/* One static garden layer replaces fixed background painting. Its dimensions
   stay stable while Android's browser toolbar opens and closes. */
body{background-image:none;background-attachment:scroll;isolation:isolate}
body:before{inset:-24px;bottom:auto;height:calc(100lvh + 48px);background:linear-gradient(110deg,#e0f4f626,#cdeff331),url('/assets/garden.webp') center/cover;filter:blur(12px);transform:translateZ(0);pointer-events:none}
/* Large scrolling panels don't sample and blur everything behind them. */
.app-shell,.main-panel,.app-shell>.sidebar,.app-shell>.site-footer{backdrop-filter:none;-webkit-backdrop-filter:none}
.app-shell>.sidebar{height:calc(100svh - 24px);max-height:calc(100svh - 24px)}
@media(max-width:760px),(pointer:coarse){
 body:before{background-image:linear-gradient(110deg,#e0f4f626,#cdeff331),url('/assets/garden-768.webp');background-position:45% center}
 .app-shell>.site-header,.mobile-bottom{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(120deg,#e9faf5ed,#daf1f7e0)}
 .main-panel{background:linear-gradient(125deg,#e8fcf9b3,#dcf2f980)}
 .product-card,.product-card:hover{transform:none;transition:none;box-shadow:inset 0 1px 0 #ffffffb0}
 .product-image-link img,.detail-photo img{mix-blend-mode:normal}
 .app-shell>.sidebar{height:100svh;max-height:100svh}
}
@media(prefers-reduced-transparency:reduce){
 .main-panel,.app-shell>.sidebar,.app-shell>.site-header,.mobile-bottom{background:#eff8f8}
}