/* St Annes "Where are you coming from?" picker using the site's own place photos (TEST build). Built by stannes-nearby.js. */
#nearby.is-picker .tp-grid3{display:none}
.sn{max-width:1060px;margin:0 auto}
.sn__chips{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.4vw,14px);list-style:none;margin:0 0 clamp(18px,2.4vw,26px);padding:0}
.sn__chips>li{margin:0;padding:0;list-style:none;min-width:0}
.sn__chip{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 11px;border:0;border-radius:20px;cursor:pointer;font-family:'Outfit',sans-serif;color:#2A1F1A;text-align:center;
  background:linear-gradient(160deg,#FCF8F3,#F3E9DD);box-shadow:4px 4px 10px rgba(148,124,100,.28),-4px -4px 10px rgba(255,255,255,.95);transition:box-shadow .2s,transform .2s,background .2s}
.sn__chip:hover{transform:translateY(-2px)}
.sn__thumb{width:62px;height:62px;border-radius:50%;overflow:hidden;padding:4px;background:#F3E9DD;box-shadow:inset 3px 3px 7px rgba(148,124,100,.30),inset -3px -3px 7px rgba(255,255,255,.9)}
.sn__thumb img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.sn__name{font-weight:600;font-size:.95rem;line-height:1.2}
.sn__name small{display:block;font-weight:400;font-size:.76rem;color:#7A6B5E;margin-top:2px}
.sn__chip[aria-pressed="true"]{transform:none;background:linear-gradient(160deg,#EFE6DB,#E8DCCD);
  box-shadow:inset 3px 3px 8px rgba(148,124,100,.34),inset -3px -3px 8px rgba(255,255,255,.9),0 0 0 2px #E6B85C}
.sn__chip:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}

.sn__panel{display:grid;grid-template-columns:1.05fr 1fr;border-radius:26px;overflow:hidden;border:1px solid rgba(201,162,91,.40);
  background:linear-gradient(160deg,#FCF8F3 0%,#F6EFE6 100%);box-shadow:5px 5px 14px rgba(148,124,100,.28),-5px -5px 14px rgba(255,255,255,.95)}
.sn__photo{position:relative;min-height:380px;background:#EBE0D2}
.sn__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.sn__photo img.is-on{opacity:1}
.sn__place{position:absolute;left:14px;bottom:14px;padding:7px 16px;border-radius:999px;background:rgba(252,248,243,.94);box-shadow:0 6px 16px rgba(42,31,26,.22);
  font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:1.02rem;color:#2A1F1A}
.sn__body{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column}
.sn__in{animation:snIn .4s cubic-bezier(.22,.8,.28,1) both}
@keyframes snIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sn__k{font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C9A25B;margin:0 0 6px}
.sn__title{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.15;letter-spacing:-.01em;color:#2A1F1A;margin:0 0 10px}
.sn__txt{font-size:.98rem;line-height:1.65;color:#5C5048;margin:0 0 14px}
.sn__facts{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid rgba(201,162,91,.30)}
.sn__facts li{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid rgba(201,162,91,.30);font-size:.94rem;color:#5C5048}
.sn__facts b{font-weight:600;color:#2A1F1A;white-space:nowrap}
.sn__facts span{text-align:right}
.sn__btns{display:grid;gap:10px;margin-top:auto}
.sn__btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .2s,background .2s}
.sn__btn--go{color:#fff;background:linear-gradient(160deg,#5A3A74,#482C5B 55%,#3A2349);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px rgba(72,44,91,.30)}
.sn__btn--go:hover{transform:translateY(-1px);background:linear-gradient(160deg,#654183,#52316A 55%,#412855)}
.sn__btn--alt{color:#482C5B;background:#FCF8F3;border:1.5px solid rgba(72,44,91,.40)}
.sn__btn--alt:hover{background:#fff;transform:translateY(-1px)}
.sn__btn:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}
.sn__more{margin:12px 0 0;font-size:.9rem;color:#5C5048;text-align:center}
.sn__more a{font-weight:700;color:#482C5B;text-decoration:underline;text-underline-offset:3px}
.sn__home{max-width:1060px;margin:clamp(16px,2vw,22px) auto 0;padding:14px 20px;border-radius:18px;border:1px dashed rgba(201,162,91,.55);text-align:center;font-size:.98rem;color:#5C5048}
.sn__home b{font-family:'Playfair Display',Georgia,serif;color:#2A1F1A}
.sn__home a{font-weight:700;color:#482C5B;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

@media(max-width:900px){.sn__chips{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .sn__panel{grid-template-columns:1fr;border-radius:22px}
  .sn__photo{min-height:0;height:230px}
}
@media(max-width:420px){.sn__thumb{width:54px;height:54px}.sn__name{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.sn__in{animation:none}.sn__photo img,.sn__chip{transition:none}}