/* Shared Shop and tea collection scroll navigation. */
.tea-scroll-nav{position:fixed;inset:0 max(2px,env(safe-area-inset-right)) 0 auto;width:44px;z-index:25;pointer-events:none}
.tea-scroll-nav[hidden],.tea-scroll-menu[hidden]{display:none}
.tea-scroll-bubble{position:absolute;left:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;border:0;background:transparent;color:#25473c;cursor:pointer;pointer-events:auto;border-radius:50%}
.tea-scroll-bubble::before{content:"";position:absolute;inset:7px;border:1px solid #b8cec3;background:#fffffff2;box-shadow:0 2px 7px #1b3b2920;border-radius:50%;z-index:-1}
.tea-scroll-bubble [data-group-emoji]{font-size:1rem;line-height:1}
.tea-scroll-bubble [data-group-emoji] img{display:block;width:28px;height:24px;object-fit:contain}
.tea-scroll-chevron{position:absolute;left:3px;top:14px;font-size:12px;font-weight:700;line-height:1}
.tea-scroll-bubble[aria-expanded="true"] .tea-scroll-chevron{transform:rotate(180deg)}
.tea-scroll-bubble:hover::before,.tea-scroll-bubble:focus-visible::before{background:#e8f2eb;border-color:#456e5d}
.tea-scroll-bubble:focus-visible{outline:2px solid #1d6552;outline-offset:-3px}
.tea-scroll-menu{position:absolute;right:46px;width:min(280px,calc(100vw - 64px));max-height:calc(100dvh - 16px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding:5px;background:#fff;border:1px solid #c4d5cd;border-radius:10px;box-shadow:0 5px 24px #12372a26;pointer-events:auto}
.tea-scroll-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-left:6px;font-size:.75rem;color:#52675c;position:sticky;top:-5px;background:#fff;z-index:1}
.tea-scroll-menu-heading button{flex:0 0 28px;height:28px;font:1.3rem/1 system-ui;border:0;border-radius:6px;background:transparent;color:#52675c;cursor:pointer}
.tea-scroll-links{display:grid;gap:0;position:relative}
.tea-scroll-group{min-width:0}
.tea-scroll-group-row{display:flex;align-items:center}
.tea-scroll-group-row>a{flex:1;min-width:0}
.tea-scroll-group-toggle{flex:0 0 30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#264b3e;cursor:pointer;font:700 1.2rem/1 system-ui}
.tea-scroll-group-toggle span{display:inline-block}
.tea-scroll-group-toggle[aria-expanded="true"] span{transform:rotate(90deg)}
.tea-scroll-group-toggle:hover{background:#e3eee6}
.tea-scroll-links a,.tea-scroll-group-toggle{scroll-margin-block:36px 8px}
.tea-scroll-children[hidden]{display:none}
.tea-scroll-group[data-active-branch]>.tea-scroll-group-row>a{background:#edf3ee}
.tea-scroll-links a{display:flex;align-items:center;gap:6px;min-height:28px;padding:4px 6px;border-radius:6px;color:#264b3e;font-size:.74rem;font-weight:600;line-height:1.3;text-decoration:none}
.tea-scroll-link-icon{flex:0 0 20px;text-align:center;font-size:1rem;line-height:1}
.tea-scroll-link-icon:has(img){flex-basis:32px}
.tea-scroll-link-icon img{display:block;width:32px;height:22px;object-fit:contain}
.tea-scroll-link-copy{min-width:0}
.tea-scroll-note{min-height:3.9em;box-sizing:content-box;margin:3px 6px 0;padding:6px 0 0;border-top:1px solid #dce5de;font-size:.7rem;font-weight:400;color:#52675c;line-height:1.3}
.tea-scroll-links a[aria-current]{background:#edf3ee;font-weight:750}
.tea-scroll-links a:hover,.tea-scroll-links a:focus-visible,.tea-scroll-menu-heading button:hover{background:#e3eee6}
.tea-scroll-filters{display:grid;grid-template-columns:minmax(0,1fr) 64px 40px;align-items:end;gap:4px;padding:2px 6px 6px;margin-bottom:3px;border-bottom:1px solid #dce5de}
.tea-scroll-filters label{display:grid;gap:3px;min-width:0;font-size:.65rem;font-weight:650;color:#52675c;line-height:1.2}
.tea-scroll-filters select{width:100%;min-width:0;min-height:30px;padding:3px;border:1px solid #b8c8bb;border-radius:6px;background:white;font-size:.73rem;color:#264b3e}
.tea-scroll-filters button{min-height:30px;padding:3px;border:1px solid #264b3e;border-radius:6px;background:#264b3e;color:white;font:650 .65rem/1.3 system-ui;cursor:pointer}
.tea-scroll-filters button:hover{background:#163c34}
.tea-scroll-menu :focus-visible{outline:2px solid #1d6552;outline-offset:-2px}
.tea-scroll-filters input{width:100%;min-width:0;min-height:30px;padding:3px;border:1px solid #b8c8bb;border-radius:6px;background:white;font-size:.73rem;color:#264b3e}
.shop-scroll-nav .tea-scroll-filters{grid-template-columns:minmax(0,1fr) 44px}
.shop-scroll-nav [data-scroll-filter="collection"]{grid-column:1/-1}
.shop-scroll-nav .tea-scroll-link-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-scroll-nav [data-group-depth="1"]{padding-left:18px;font-weight:500}
@media(max-width:760px){.shop-scroll-nav .tea-scroll-filters input,.shop-scroll-nav .tea-scroll-filters select{font-size:16px}}
@media(max-height:500px){.tea-scroll-menu{width:min(460px,calc(100vw - 64px))}.tea-scroll-note{min-height:2.6em}}