/* Branch finder layout for viewports up to 48rem. */
@media(max-width:48rem){.branch-directory__results{grid-template-columns:1fr}.branch-card__body{padding:1.25rem}.branch-directory__tools>.nakee-button{width:100%}}
@media(max-width:48rem){.branch-selector{display:flex;flex-direction:column}.branch-selector__layout{display:contents}.branch-selector__map{order:-1;position:static;margin-bottom:.7rem}.branch-selector__map-stage{height:30svh;min-height:13rem;max-height:18rem}
 .branch-selector .branch-directory__tools{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.branch-selector .branch-directory__tools label{min-width:0;font-size:.7rem;gap:.25rem}.branch-selector .branch-directory__tools .branch-selector__search{grid-column:1/-1}.branch-selector .branch-directory__tools>.nakee-button{font-size:.7rem;padding:.6rem;min-height:44px;width:100%}.branch-selector input,.branch-selector select{min-height:44px;padding:.5rem .75rem;font-size:.8rem}
 .branch-selector .branch-directory__message{margin:.5rem 0;font-size:.75rem}
 .branch-selector .branch-directory__results{display:grid;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding:0;gap:.6rem}
 .branch-selector .branch-card,.branch-selector .branch-card:nth-child(n){display:grid;grid-column:auto;grid-template-columns:5rem minmax(0,1fr);padding:.6rem;gap:.7rem;align-items:start}
 .branch-selector .branch-card__image{aspect-ratio:1;border-radius:.6rem}.branch-selector .branch-card__body{padding:0;gap:.3rem}.branch-selector .branch-card h2,.branch-selector .branch-card h3{font-size:1rem}.branch-selector .branch-card__body>p{font-size:.7rem}.branch-selector .branch-card__rating span{font-size:.65rem}.branch-selector .branch-card__primary{padding:.4rem .6rem;font-size:.75rem;min-height:44px;margin:.2rem 0 0}.branch-selector .branch-card__remembered{font-size:.55rem}
 .branch-map-pin__icon{width:2rem;height:2rem;border-width:2px}.branch-map-pin__icon svg{width:1.3rem;height:1.3rem}.branch-map-pin__label{font-size:.65rem;padding:.2rem .3rem}}
@media(max-width:48rem){.branch-selector .branch-directory__results>.branch-card:nth-child(n){grid-column:1/-1}}
@media(max-width:48rem){.branch-map-pin__icon{width:1.8rem;height:1.8rem}.branch-map-pin__icon svg{width:1.1rem;height:1.1rem}}

@media (max-width:48rem){body:has(.branch-selector) .nakee-action-dock{display:none}

 .branch-selector{
  --branch-finder-header:5rem;
  height:max(24rem,calc(100dvh - var(--branch-finder-header)));
  color:#38251a;
 }

 .branch-selector__map{flex:none;border-radius:16px}
 .branch-selector__map-stage{height:clamp(7rem,30dvh,16rem);min-height:0}
 .branch-selector .branch-directory__tools{flex:none;grid-template-columns:repeat(2,minmax(0,1fr))}
 .branch-selector .branch-directory__message{flex:none}
 .branch-selector__field-label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
 }

 .branch-selector__search{position:relative}
 .branch-selector__search-icon{
  display:block;
  position:absolute;
  inset-inline-start:.85rem;
  top:50%;
  width:.75rem;
  height:.75rem;
  border:2px solid #a56b09;
  border-radius:50%;
  transform:translateY(-60%);
  pointer-events:none;
 }

 .branch-selector__search-icon::after{
  content:"";
  position:absolute;
  width:.35rem;
  height:2px;
  background:#a56b09;
  bottom:-.15rem;
  right:-.24rem;
  transform:rotate(45deg);
 }

 .branch-selector input[type=search]{
  appearance:auto;
  padding-inline:2.25rem 3rem;
  font-size:16px;
 }

 .branch-selector input[type=search]::-webkit-search-cancel-button{appearance:none}
 .branch-selector__clear:not([hidden]){
  display:grid;
  place-items:center;
  grid-area:1/1/2/-1;
  justify-self:end;
  z-index:1;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font-size:1.25rem;
  cursor:pointer;
 }
 .branch-selector .branch-directory__tools .branch-selector__search{grid-area:1/1/2/-1}

 .branch-selector .branch-directory__tools :is(input,select,button){border-radius:2rem}
 .branch-selector .branch-directory__tools > button{white-space:normal;line-height:1.2}

 .branch-selector__list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  border:2px solid #fcf3de;
  border-radius:10px;
  padding:11px;
  background:#ffffff;
 }

 .branch-selector .branch-directory__results > .branch-card:nth-child(n){
  grid-template-columns:clamp(3.5rem,16vw,6rem) minmax(0,1fr);
  align-items:center;
  gap:.6rem;
  padding:.5rem;
  min-height:90px;
  border:1px solid #e7dac7;
  border-radius:16px;
  background:#fffdf9;
 }

 .branch-selector .branch-directory__results > .branch-card[hidden]{display:none}
 .branch-selector .branch-directory__results .branch-card__image{position:relative;align-self:stretch;aspect-ratio:auto;min-height:4rem}
 .branch-selector .branch-directory__results .branch-card__image img{position:absolute;inset:0}
 .branch-selector .branch-directory__results .branch-card__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.2rem .45rem;
  min-width:0;
  overflow-wrap:anywhere;
 }

 .branch-selector .branch-directory__results .branch-card__body > :is(h2,h3,p){grid-column:1}
 .branch-selector .branch-directory__results .branch-card__body > :is(h2,h3){grid-row:1}
 .branch-selector .branch-directory__results .branch-card__remembered:not([hidden]) ~ .branch-card__landmark{display:none}
 .branch-selector .branch-directory__results .branch-card__remembered:not([hidden]){
  grid-column:1;
  grid-row:2;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
  background:#204d2c;
  color:white;
  line-height:1.1;
 }

 .branch-selector .branch-directory__results .branch-card__primary{
  grid-column:2;
  grid-row:1/span 4;
  align-self:center;
  margin:0;
  max-width:7rem;
  text-align:center;
  line-height:1.15;
  background:linear-gradient(#ffe89c,#f2bd40);
  color:#38251a!important;
 }

 .branch-selector .branch-directory__results .branch-card__primary:has(.branch-card__mobile-label) .branch-card__primary-label,
 .branch-selector .branch-directory__results .branch-card__body:has(.branch-card__mobile-book) .branch-card__primary:not(.branch-card__mobile-book){display:none}
 .branch-selector .branch-directory__results .branch-card__mobile-label{display:inline}
 .branch-selector .branch-directory__results .branch-card__mobile-book{display:flex}}

@media (max-width:48rem) and (max-height:35rem){.branch-selector{height:auto}
 .branch-selector__list{max-height:35dvh;min-height:7rem}}

@media (max-width:48rem){.branch-selector .branch-directory__tools > .nakee-button{
  background:linear-gradient(#fffdf9,#faedcf);
  border:1px solid #ddbd82;
  color:#38251a;
  box-shadow:0 .2rem .55rem #50311618;
  text-transform:none;
  letter-spacing:normal;
  font-size:.88rem;
 }

 .branch-selector .branch-directory__results > .branch-card:nth-child(n){
  gap:clamp(.55rem,2vw,1rem);
  grid-template-columns:clamp(3.75rem,19vw,9.5rem) minmax(0,1fr);
  box-shadow:0 .2rem .55rem #5031161c;
 }

 .branch-selector .branch-directory__results .branch-card__image{border-radius:12px}
 .branch-selector .branch-directory__results .branch-card__body :is(h2,h3){
  font-size:clamp(1rem,3vw,1.5rem);
  font-weight:600;
 }
 .branch-selector .branch-directory__results .branch-card__landmark{font-size:clamp(.72rem,1.9vw,.94rem)}
 .branch-selector .branch-directory__results .branch-card__rating .branch-card__star{color:#b97700}
 .branch-selector .branch-directory__results .branch-card__score{font-weight:700}
 .branch-selector .branch-directory__results .branch-card__review-label{display:none}
 .branch-selector .branch-directory__results .branch-card__review-count{display:inline;color:inherit;font:inherit}
 .branch-selector .branch-directory__results .branch-card__primary{
  background:linear-gradient(#fff0ab,#f8b72b);
  border:1px solid #eeb746;
  box-shadow:0 .25rem .5rem #64400923;
  font-size:clamp(.75rem,2.2vw,1rem);
 }
 .branch-selector .branch-directory__results .branch-card__mobile-label{display:inline-flex;align-items:center;gap:.4rem}
 .branch-selector .branch-directory__results .branch-card__primary .nakee-icon{display:none}
 .branch-selector .branch-directory__results .branch-card__remembered:not([hidden]){
  border-radius:1rem;
  border:1px solid #fffdf9;
  text-align:center;
 }}

@media (35rem <= width <= 48rem){.branch-selector .branch-directory__results .branch-card__body{
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;
  gap:.3rem clamp(.5rem,2vw,1rem);
 }
 .branch-selector .branch-directory__results .branch-card__body > :is(h2,h3){grid-row:1}
 .branch-selector .branch-directory__results .branch-card__landmark{grid-row:2}
 .branch-selector .branch-directory__results .branch-card__body > :is(.branch-card__rating,.branch-card__distance){
  grid-column:2;
  border-inline-start:1px solid #e7dac7;
  padding-inline-start:.65rem;
  font-size:.9rem!important;
 }
 .branch-selector .branch-directory__results .branch-card__rating{grid-row:1}
 .branch-selector .branch-directory__results .branch-card__distance{grid-row:2}
 .branch-selector .branch-directory__results .branch-card__primary{
  grid-column:3;
  grid-row:1/span 2;
  max-width:9rem;
  padding-inline:.75rem;
 }
 .branch-selector .branch-directory__results .branch-card__primary .nakee-icon{
  display:block;
  width:1.15rem;
  height:1.15rem;
  flex:none;
 }}

@media (max-width:48rem){.branch-selector__map{
  border-radius:clamp(16px,3.5vw,27px);
 }

 .branch-selector__map-stage{
  height:clamp(7rem,min(31vw,30dvh),16rem);
 }

 .branch-selector .branch-directory__tools{
  gap:clamp(.55rem,1.7vw,.9rem);
 }

 .branch-selector .branch-directory__tools :is(input,select,.nakee-button){
  min-height:clamp(44px,7vw,58px);
  font-size:clamp(.875rem,2.4vw,1.125rem);
 }

 .branch-selector .branch-directory__tools input[type=search]{
  font-size:clamp(16px,2.4vw,18px);
  font-weight:400;
  padding-inline-start:clamp(2.5rem,8vw,4.1rem);
 }

 .branch-selector__search-icon{
  inset-inline-start:clamp(.85rem,3vw,1.55rem);
  width:clamp(.85rem,2.5vw,1.2rem);
  height:clamp(.85rem,2.5vw,1.2rem);
  border-color:#df9300;
  border-width:clamp(2px,.4vw,3px);
 }

 .branch-selector__search-icon::after{background:#df9300}

 .branch-selector__area{position:relative}

 .branch-selector__area-icon{
  display:block;
  position:absolute;
  inset-inline-start:clamp(.65rem,2.8vw,1.4rem);
  top:50%;
  transform:translateY(-50%);
  color:#99620c;
  pointer-events:none;
 }

 .branch-selector__area-icon svg,
 .branch-selector [data-find-nearest] svg{
  width:clamp(1rem,3.2vw,1.5rem);
  height:clamp(1rem,3.2vw,1.5rem);
  color:#99620c;
 }

 .branch-selector .branch-selector__area select{
  appearance:none;
  padding-inline:clamp(1.95rem,7vw,3.75rem) 1.75rem;
 }

 .branch-selector__area::after{
  content:"";
  position:absolute;
  inset-inline-end:clamp(.85rem,2.5vw,1.35rem);
  top:50%;
  width:clamp(.48rem,1.45vw,.68rem);
  height:clamp(.48rem,1.45vw,.68rem);
  border:solid #683d19;
  border-width:0 2px 2px 0;
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
 }

 .branch-selector [data-find-nearest] > .nakee-icon{display:none}
 .branch-selector [data-find-nearest] > .branch-selector__nearest-arrow{display:block;flex:none}
 .branch-selector .branch-directory__tools :is(input,select){
  background:#fffefd;
  border-color:#d4c8bb;
  box-shadow:0 3px 7px #51361120;
 }
 .branch-selector .branch-directory__tools input::placeholder{color:#606675;opacity:1}
 .branch-selector .branch-directory__tools :is(select,.nakee-button){font-weight:700}
 .branch-selector .branch-directory__tools > .nakee-button{gap:clamp(.45rem,1.6vw,.8rem)}

 .branch-selector .branch-directory__message{
  color:#51545c;
  font-size:clamp(.78rem,2.1vw,1rem);
 }

 .branch-selector .branch-directory__results{gap:.45rem}

 .branch-selector .branch-directory__results > .branch-card:nth-child(n){
  border-radius:clamp(16px,3.3vw,24px);
  grid-template-columns:clamp(3.75rem,18.8vw,9.5rem) minmax(0,1fr);
 }


 .branch-selector .branch-directory__results .branch-card__rating .branch-card__star{
  color:#d99100;
  font-size:1.35em;
  line-height:1;
  vertical-align:-.07em;
 }

 .branch-selector .branch-directory__results .branch-card__remembered:not([hidden]){
  font-size:clamp(.75rem,1.45vw,.73rem);
  padding:.2rem .35rem;
 }}

@media (35rem <= width <= 48rem){.branch-selector .branch-directory__results .branch-card__body{
  grid-template-columns:minmax(0,1fr) minmax(5.4rem,16.4vw) auto;
  column-gap:clamp(.45rem,1.5vw,.75rem);
 }

 .branch-selector .branch-directory__results .branch-card__body :is(h2,h3){
  font-size:clamp(1.18rem,3vw,1.55rem);
  letter-spacing:-.025em;
  font-weight:700;
  color:#382015;
 }

 .branch-selector .branch-directory__results .branch-card__landmark{
  font-size:clamp(.76rem,1.95vw,.95rem);
  line-height:1.25;
 }

 .branch-selector .branch-directory__results .branch-card__primary{
  gap:.45rem;
  min-width:clamp(6rem,18.5vw,9.25rem);
  max-width:9.25rem;
  min-height:clamp(44px,6.3vw,52px);
 }

 .branch-selector .branch-directory__results .branch-card__primary .nakee-icon{
  width:1.45rem;
  height:1.45rem;
 }

 .branch-selector .branch-directory__results > .branch-card:nth-child(n){
  min-height:clamp(90px,13vw,102px);
  padding:clamp(.45rem,1vw,.65rem);
 }
 .branch-selector .branch-directory__results .branch-card__body > :is(.branch-card__rating,.branch-card__distance){
  align-self:stretch;
  color:#241b15;
  line-height:1.25;
  padding-inline-start:clamp(.45rem,1.8vw,.95rem);
  font-size:clamp(.85rem,2.25vw,1.08rem)!important;
 }

 .branch-selector .branch-directory__results .branch-card__remembered:not([hidden]){
  background:#176018;
 }}

@media (max-width:48rem){.branch-selector .branch-directory__results .branch-card__primary:has(.branch-card__mobile-label) .branch-card__primary-arrow{
    display:none;
  }}
@media (35rem <= width <= 48rem){.branch-selector .branch-directory__results .branch-card__primary{
    min-width:clamp(4.4rem,13vw,6.4rem);
  }
  .branch-selector .branch-directory__results .branch-card__distance{
    white-space:nowrap;
  }}