/* The header and cards fit narrow phones without clipping the document. */
html,body{width:100%;min-width:0}#app,main,header{min-width:0;width:100%}
header{gap:10px}header>div:first-child{min-width:0;flex:1}
header .brand{display:inline-block;min-height:38px;padding:0;background:transparent;border-radius:8px;text-align:left;color:var(--ink)}
#cabin-label{letter-spacing:0;font-size:11px;line-height:1.35;color:var(--violet)}
.header-actions{align-items:center;gap:5px;max-width:100%}
.header-actions .app-install-button{flex:none;white-space:nowrap;max-width:86px;padding:9px 8px;background:#fffdfd;color:var(--violet);border-color:var(--border);font-size:12px}
#screen,.card,.grid,.pills,.item-btn{min-width:0;max-width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pills{width:100%;overscroll-behavior-x:contain}.card,.grid button{overflow-wrap:anywhere}
#nav{box-sizing:border-box;width:min(100%,720px);gap:2px}#nav button{min-width:0;overflow-wrap:anywhere}
.photo-missing{position:relative;flex-direction:column;gap:0}.photo-missing small{font-size:10px;line-height:1;margin:0 0 8px}.photo-missing>span{align-self:end}
.product-photo-large.photo-missing{padding:16px}.product-photo-large.photo-missing>span{align-self:center}.shop-discount{padding:13px 15px;border-radius:15px;background:#eae1ef;color:#5a3d70}.shop-discount small{margin-top:4px}
@media(max-width:520px){header{padding:16px;gap:6px}.header-actions #browser-logout{display:none}.brand{font-size:30px;letter-spacing:-1.5px}.header-actions .icon{width:40px;min-width:40px;height:44px;min-height:44px}.header-actions .app-install-button{width:78px;min-height:44px;padding:8px 5px;font-size:11px}.header-actions{gap:3px}#cabin-label{font-size:10px;max-width:145px}}
@media(max-width:350px){.brand{font-size:28px}.product-mark{width:66px;height:76px}.item-btn{gap:10px;padding:12px}#nav{padding-left:6px;padding-right:6px}.grid{gap:8px}.grid button{padding:14px}}

/* Navigation icons are artwork, never font-dependent placeholder glyphs. */
.cabinet-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:24px;height:24px}
#nav .nav-symbol{display:flex;align-items:center;justify-content:center;gap:3px;min-height:26px;margin-bottom:4px}
#nav [data-menu-icon]{display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1}
.grid button b .cabinet-icon{display:block}.flower .cabinet-icon{width:56px;height:56px}