.commerce-branch-control{z-index:950;bottom:max(.8rem, env(safe-area-inset-bottom));left:max(.8rem, env(safe-area-inset-left));border:1px solid color-mix(in srgb, var(--commerce-accent) 38%, transparent);border-radius:var(--commerce-control-radius,.65rem);background:var(--commerce-surface,Canvas);min-width:0;max-width:min(16rem,100vw - 1.6rem);min-height:44px;color:var(--commerce-ink,CanvasText);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.45rem;padding:.55rem .75rem;line-height:1.15;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s;display:flex;position:fixed;box-shadow:0 .35rem 1.25rem #0003}body:has(.commerce-branch-control){padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.commerce-branch-dialog{border:1px solid color-mix(in srgb, var(--commerce-ink,CanvasText) 18%, transparent);border-radius:calc(var(--commerce-control-radius,.65rem) + .2rem);background:var(--commerce-surface,Canvas);width:min(36rem,100% - 2rem);max-width:none;max-height:min(88dvh,52rem);color:var(--commerce-ink,CanvasText);margin:auto;padding:0;display:none;position:fixed;inset:0;overflow:auto;box-shadow:0 1.5rem 4rem #0005}.commerce-branch-dialog[open]{display:block}.commerce-branch-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101411a8}.commerce-branch-dialog__card{padding:clamp(1.25rem,4vw,2.25rem)}.commerce-branch-dialog__heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.commerce-branch-dialog__heading-copy{flex:1;min-width:0}.commerce-branch-dialog__eyebrow{color:color-mix(in srgb, currentColor 62%, transparent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.7rem;font-weight:700}.commerce-branch-dialog h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,5vw,2.35rem);line-height:1.12}.commerce-branch-dialog__intro{color:color-mix(in srgb, currentColor 76%, transparent);margin:.65rem 0 2rem;line-height:1.5}.commerce-branch-dialog__options{gap:.7rem;display:grid}.commerce-branch-dialog__option{border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:var(--commerce-control-radius,.65rem);background:color-mix(in srgb, var(--commerce-surface,Canvas) 96%, currentColor);cursor:pointer;align-items:flex-start;gap:.85rem;min-height:4.5rem;padding:1rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex}.commerce-branch-dialog__option:hover{border-color:color-mix(in srgb, var(--commerce-accent) 65%, currentColor)}.commerce-branch-dialog__option:has(input:checked){border-color:var(--commerce-accent);background:color-mix(in srgb, var(--commerce-accent) 9%, var(--commerce-surface,Canvas));box-shadow:inset 0 0 0 1px var(--commerce-accent)}.commerce-branch-dialog__option:has(input:focus-visible){outline:2px solid var(--commerce-accent);outline-offset:3px}.commerce-branch-dialog__option input{width:1.15rem;height:1.15rem;accent-color:var(--commerce-accent);flex:none;margin:.15rem 0 0}.commerce-branch-dialog__option input:focus-visible{outline:none}.commerce-branch-dialog__option span{gap:.35rem;min-width:0;display:grid}.commerce-branch-dialog__option strong{font-size:1rem;line-height:1.35}.commerce-branch-dialog__option small{color:color-mix(in srgb, currentColor 70%, transparent);line-height:1.4}.commerce-branch-dialog__submit{width:100%;margin-top:1rem}.commerce-branch-dialog .commerce-branch-dialog__close{border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:var(--commerce-surface,Canvas);width:2.75rem;height:2.75rem;color:var(--commerce-ink,CanvasText);cursor:pointer;border-radius:50%;flex:none;place-items:center;margin-top:-.25rem;padding:0;transition:border-color .16s,background-color .16s;display:grid}.commerce-branch-dialog .commerce-branch-dialog__close:hover{border-color:color-mix(in srgb, var(--commerce-accent) 60%, currentColor);background:color-mix(in srgb, var(--commerce-accent) 8%, var(--commerce-surface,Canvas))}.commerce-branch-dialog .commerce-branch-dialog__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1.15rem;height:1.15rem;display:block}.commerce-branch-dialog .commerce-branch-dialog__close:focus-visible{outline:2px solid var(--commerce-accent);outline-offset:3px}@media (width<=520px){.commerce-branch-dialog{width:calc(100% - 1.25rem);max-height:min(92dvh,52rem)}.commerce-branch-dialog__card{padding:1.25rem}.commerce-branch-dialog__option{padding:.85rem}}.commerce-branch-control__label{color:color-mix(in srgb, var(--commerce-ink,CanvasText) 68%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.commerce-branch-control strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.commerce-branch-control:hover,.commerce-branch-control:focus-visible{border-color:var(--commerce-accent);background:color-mix(in srgb, var(--commerce-accent) 7%, var(--commerce-surface,Canvas));color:var(--commerce-ink,CanvasText)}.commerce-branch-control:focus-visible{outline:2px solid var(--commerce-accent);outline-offset:2px}.commerce-branch-notice{z-index:1000;border:1px solid color-mix(in srgb, var(--commerce-accent) 42%, transparent);border-radius:var(--commerce-control-radius,.65rem);background:var(--commerce-surface,Canvas);max-width:min(28rem,100vw - 2rem);color:var(--commerce-ink,CanvasText);margin:0;padding:.7rem 1rem;font-size:.9rem;position:fixed;top:5rem;right:1rem;box-shadow:0 .5rem 1.5rem #0002}.commerce-branch-page{padding:clamp(2rem,6vw,5rem) 1rem}.commerce-branch-page__card{border:1px solid color-mix(in srgb, var(--commerce-ink,CanvasText) 18%, transparent);border-radius:var(--commerce-control-radius,.65rem);background:var(--commerce-surface,Canvas);width:min(100%,42rem);color:var(--commerce-ink,CanvasText);margin:0 auto;padding:clamp(1.5rem,4vw,3rem)}.commerce-branch-page__eyebrow{color:color-mix(in srgb, var(--commerce-ink,CanvasText) 68%, transparent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem}.commerce-branch-page h1{margin:0;font-size:clamp(1.8rem,5vw,2.8rem)}.commerce-branch-page__intro{color:color-mix(in srgb, var(--commerce-ink,CanvasText) 78%, transparent);margin:.8rem 0 1.5rem}.commerce-branch-page__options{gap:.75rem;display:grid}.commerce-branch-page__option{border:1px solid color-mix(in srgb, var(--commerce-ink,CanvasText) 22%, transparent);border-radius:var(--commerce-control-radius,.65rem);cursor:pointer;align-items:flex-start;gap:.8rem;padding:1rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex}.commerce-branch-page__option:has(input:checked){border-color:var(--commerce-accent);background:color-mix(in srgb, var(--commerce-accent) 8%, var(--commerce-surface,Canvas));box-shadow:inset 0 0 0 1px var(--commerce-accent)}.commerce-branch-page__option:has(input:focus-visible){outline:2px solid var(--commerce-accent);outline-offset:3px}.commerce-branch-page__option input{width:1.1rem;height:1.1rem;accent-color:var(--commerce-accent);flex:none;margin:.25rem 0 0}.commerce-branch-page__option span{gap:.3rem;display:grid}.commerce-branch-page__option small{color:color-mix(in srgb, var(--commerce-ink,CanvasText) 72%, transparent)}.commerce-branch-page__submit{margin-top:1.25rem}.commerce-branch-page__form{margin-top:1.5rem}@media (width<=900px){.commerce-branch-control__label{flex:none}.commerce-branch-control strong{max-width:8rem;font-size:.75rem}}@media (width<=520px){.commerce-branch-control{max-width:min(12rem,100vw - 1.5rem);padding:.46rem .6rem}.commerce-branch-control strong{max-width:6.5rem;font-size:.7rem}}
