.tea-app{--paper:#f6f5ef}.tea-app>header{height:68px;padding:10px max(20px,env(safe-area-inset-left));gap:12px}.app-brand{display:flex;align-items:center;gap:10px;letter-spacing:.08em}.tea-app main{max-width:1200px;margin:auto}.app-welcome{margin:24px 20px;padding:24px;background:#e5edb1;border-radius:16px}.app-welcome h1{font-size:36px;margin:0 0 12px}.app-welcome p{max-width:550px}.app-welcome .eyebrow{font-size:10px}.app-welcome #install-status:empty{display:none}.app-welcome #install-status{font-size:13px}.app-catalog{padding:0 20px 36px}.tea-app .filters{position:sticky;top:68px;z-index:5;flex-wrap:nowrap;overflow:auto;padding:12px 0;background:var(--paper);margin-bottom:0;scrollbar-width:thin}.tea-app .filters button{white-space:nowrap;min-height:44px;flex-shrink:0}.tea-app .card[hidden]{display:none}.tea-app #result-count{font-size:13px;color:var(--muted)}.tea-app .card-image img{object-fit:contain;background:#eeeee6;padding:8px}.tea-app .card-title{font-size:21px}.tea-app .card-bottom{gap:8px;flex-wrap:wrap}.tea-app .add{min-height:44px}.tea-app .app-footer{display:flex;flex-wrap:wrap;align-items:center;padding:24px 20px;gap:16px;font-size:13px}.install-help{background:none;color:inherit;border:0;text-decoration:underline;font:inherit;min-height:44px}.install-copy{padding:55px 24px 24px;max-width:640px}.install-copy h2{font-size:30px}.install-copy h3{font-size:16px;margin-bottom:6px}.install-copy a{text-decoration:underline}.tea-app .offline-status{margin:0 20px 20px;padding:14px;background:#fff0d4}.tea-app .detail-info p{white-space:pre-line}.tea-app .cart-row h3 a{text-decoration:underline}.tea-app .cart-button{white-space:nowrap}.tea-app .detail img{object-fit:contain;background:#eeeee6}.tea-app .card-title{overflow-wrap:anywhere}@media(max-width:650px){.tea-app .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.tea-app .card-title{font-size:19px}.tea-app .meta{font-size:11px}.tea-app .app-brand{font-size:14px;gap:6px}.tea-app .app-brand img{width:30px;height:30px}.tea-app .cart-button{font-size:13px;padding:9px 12px;gap:8px}.tea-app .app-footer{display:flex;flex-direction:column;align-items:flex-start}.tea-app .app-welcome h1{font-size:32px}.tea-app dialog{width:calc(100% - 20px)}.tea-app .app-catalog{padding-inline:16px}}@media(display-mode:standalone){.app-welcome{padding:18px}.app-welcome>div>p:not(.eyebrow),#install-app,.install-help{display:none}}
.tea-app [hidden]{display:none!important}

/* Use the same anchored category navigation as the main catalog. */
.tea-app .catalog-jump{padding-inline:20px}.tea-app .app-catalog{padding-top:24px}.tea-app .category-heading h2{font-size:32px}.tea-app .catalog-category{padding-bottom:40px}
@media(max-width:650px){.tea-app .catalog-jump.has-category-picker{padding:2px 16px}.tea-app .category-heading h2{font-size:28px}.tea-app .catalog-picker-list{z-index:10}.tea-app .app-catalog{padding-top:24px}}

.app-home-return{display:block;margin:18px 20px 0;padding:13px 16px;border:1px solid var(--green);border-radius:10px;color:var(--green);font-size:14px;font-weight:600;text-align:center}.app-home-return:hover{background:#e5edb1}@media(display-mode:standalone){.app-home-return{display:none}}

.tea-app .app-brand{width:56px;height:56px;display:block;flex:0 0 56px;overflow:hidden}.tea-app .app-brand img{display:block;width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply;clip-path:inset(0 0 16% 0)}.tea-app .app-welcome .eyebrow{text-transform:uppercase}

.tea-app .app-brand-lockup{display:flex;align-items:center;gap:6px;min-width:0}.tea-app .app-brand-descriptor{font-size:10.5px;line-height:1.4;margin:0;max-width:145px;color:var(--green)}
@media(max-width:380px){.tea-app>header{padding-inline:12px;gap:6px}.tea-app .app-brand-descriptor{font-size:9px;max-width:110px}.tea-app .cart-button{padding:8px;gap:6px}}