.spot-tile{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border-radius:var(--radius-tile);box-shadow:var(--shadow-soft);position:relative;cursor:pointer;transition:transform .12s ease}.spot-tile:active{transform:scale(.98)}.spot-tile--disabled{opacity:.55;filter:saturate(.6);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.spot-tile__thumbnail{flex:0 0 64px;width:64px;height:64px;border-radius:16px;overflow:hidden;position:relative}.spot-tile__thumbnail,.spot-tile__thumbnail--sky{background:var(--grad-sky)}.spot-tile__thumbnail--water{background:var(--grad-water)}.spot-tile__thumbnail--sunset{background:var(--grad-sunset)}.spot-tile__thumbnail--meadow{background:var(--grad-meadow)}.spot-tile__thumbnail-illu{position:absolute;inset:0;width:100%;height:100%}.spot-tile__thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.spot-tile__body{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.spot-tile__title{font-family:var(--font-heading);font-size:17px;font-weight:var(--font-weight-bold);color:var(--c-text);line-height:1.15;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:28px;margin:0}.spot-tile__location{display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--c-text-2);line-height:var(--line-height-normal);margin:0}.spot-tile__location-icon{flex-shrink:0;color:var(--c-text-2)}.spot-tile__heart{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:opacity .15s ease;margin:-4px}.spot-tile__heart:active .spot-tile__heart-icon{opacity:.7}.spot-tile__heart-icon{display:block;flex-shrink:0}