/** Shopify CDN: Minification failed

Line 27:13 Unexpected "{"
Line 27:22 Expected ":"

**/
:root{
  --why-ab-bg: rgba(255,255,255,0.92);
  --why-ab-br: rgba(0,0,0,.18);
  --why-ab-fg: #212322;
  --why-ab-radius: 0px;
  --why-ab-pad-y: 2px;
  --why-ab-pad-x: 2px;
  --why-ab-h: 38.6px;         /* match your slot pill height */
  --why-ab-w: 125px;
}

/* Container: fixed overlay, aligned with header row */
.why-address-banner{
  position: absolute;
  z-index: 2000;
  left: 12px;
  top: 44px;                 /* tweak to align vertically with logo and slot pill */
}
@media (min-width: 999px){
  .why-address-banner{ display:none; }   /* mobile only; remove if you want desktop too */
  #why-hero-{{ section.id }} .hero-img-desktop{
    display: block;
    width: 100%;
    aspect-ratio: 20 / 4.35;      /* this keeps exact proportions */
    height: auto;
    object-fit: cover;            /* ensures full width, no squish */
    max-width: none;
  }
}

/* Clickable pill */
.why-abtn{
  all: unset;
  display: inline-flex; align-items: center; gap: 4px;
  width: var(--why-ab-w);  height: var(--why-ab-h);
  padding: var(--why-ab-pad-y) var(--why-ab-pad-x);
  border: 1px solid var(--why-ab-br);
  border-radius: var(--why-ab-radius);
  background: var(--why-ab-bg);
  color: var(--why-ab-fg);
  pointer-events: auto;
  box-shadow: 0 0 0 1px rgba(255,255,255,.6) inset;
}

/* Icon and caret */
.why-ico,.why-caret{ width:18px; height:18px; flex:0 0 18px; }

.why-caret{
  display:none !important;
}


.why-lines{ display:flex; flex-direction:column; line-height:1.25; flex: 1 1 auto; min-width: 0; }

.why-top{
  font-size:12px;
  font-weight:500;
}
.why-bot{
  font-size:12px;
  font-weight:500;
  text-transform:lowercase;  
}

.why-bot:first-letter{
  text-transform: uppercase;
}

.why-top,
.why-bot{
  display: block;          /* new */
  max-width: 100%;         /* new */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sheet */
.why-sheet[hidden]{ display:none !important; }
.why-sheet{
  position: absolute;       /* was fixed */
  inset: auto 0 0 0;        /* reset inset */
  top: calc(44px + 44px);   /* approx: header row + search bar height */
  background: rgba(0,0,0,.25);
  z-index: 9999;
  display: flex;            /* was grid */
  justify-content: center;
  align-items: start;       /* NEW – places the panel near the top */
  padding: 12px;
  width: 360px;
}
.why-sheet__panel{
  width: min(560px, 94vw);
  background: rgb(245, 245, 245); border-radius: 12px; padding: 14px;
}
.why-sheet__head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.why-close{ all:unset; font-size:20px; line-height:1; padding:6px; cursor:pointer; }

.why-list{ display:flex; flex-direction:column; gap:8px; max-height:45vh; overflow:auto; }
.why-row{ all:unset; display:flex; flex-direction:column; gap:2px; padding:10px; border:1px solid #eee; border-radius:10px; cursor:pointer; }
.why-row__name{ font-weight:700; }
.why-row__meta{ color:#444; }

.why-actions{ margin-top:10px; }
.why-link{ color:#2b6; text-decoration:underline; }

.why-guest{ display:flex; flex-direction:column; gap:12px; }
.why-btn{ display:inline-block; padding:10px 12px; border-radius:10px; background:#6BDACD; color:#fff; text-align:center; }
.why-pin label{ display:block; margin-bottom:6px; font-weight:600; }
.why-pin__row{ display:flex; gap:8px; }
.why-pin__row input{ flex:1; border:1px solid #ddd; border-radius:10px; padding:10px; }
.why-pin__save{ padding:10px 14px; border-radius:10px; background:#212322; color:#fff; }

/* The address pill still needs to be clickable */
.why-abtn{
  pointer-events: auto;
}

/* The overlay and panel must accept clicks */
.why-sheet{
  pointer-events: auto !important;   /* ensure backdrop receives clicks */
  z-index: 99999 !important;         /* ensure it sits above all UI */
}

.why-sheet__panel{
  pointer-events: auto !important;   /* ensure panel items are clickable */
}

/* The banner wrapper should NOT disable pointer events anymore */
.why-address-banner{
  pointer-events: auto !important;   /* CHANGED from none */
}