.reco{background:#f5f6f8;padding-bottom:var(--sp-8);min-height:60vh}.reco__back{display:inline-flex;align-items:center;gap:6px;margin-top:var(--sp-5);color:var(--c-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.reco__back:hover{color:var(--c-heading)}.reco__search{max-width:820px;margin:var(--sp-5) auto var(--sp-2);box-shadow:0 0 24px #dd1f8b1f,0 0 24px #0a5acc1a,var(--shadow-md)}.reco__search-cta{display:none}.reco__toolbar{max-width:var(--container);margin:var(--sp-6) auto var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.reco__toolbar-left{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.reco__filters{display:inline-flex;align-items:center;gap:8px;background:none;border:0;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-heading)}.reco__radius{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--c-muted)}.reco__radius[hidden]{display:none}.reco__radius select{font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-heading);border:1px solid var(--c-border);border-radius:8px;padding:7px 10px;background:#fff;cursor:pointer}.reco__clear{background:none;border:0;font-family:inherit;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#e11d2f;text-decoration:underline;text-underline-offset:3px}.reco__layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--sp-6);align-items:start}.reco__title{font-size:26px;font-weight:var(--fw-bold);color:var(--c-heading)}.reco__count{margin-top:var(--sp-3);font-weight:var(--fw-bold);color:var(--c-heading)}.reco__sub{margin-top:var(--sp-2);color:var(--c-muted);font-size:var(--fs-sm);max-width:720px}.reco__cards{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.rescard{position:relative;background:#fff;border:1px solid var(--c-blue);border-radius:15px;padding:var(--sp-5)}.rescard__badge{position:absolute;top:var(--sp-4);right:var(--sp-4);border:1px solid var(--c-blue);color:var(--c-blue);background:#0a5acc0d;border-radius:16px;padding:4px 14px;font-size:14px;font-weight:var(--fw-medium)}.rescard__main{display:flex;align-items:center;gap:var(--sp-4);padding-right:120px}.rescard__thumb{flex:0 0 auto;width:88px;height:88px;border-radius:12px;background:#eef1f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23b7c0cf' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") center/28px no-repeat}.rescard__thumb--img{object-fit:contain;background-color:#fff}.rescard__name{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--c-heading)}.rescard__addr{margin-top:6px;color:var(--c-muted);font-size:var(--fs-sm)}.rescard__dist{color:var(--c-blue);font-weight:var(--fw-medium)}.rescard__cta{margin-top:var(--sp-4)}.reco__loading,.reco__empty{color:var(--c-muted);font-size:var(--fs-sm);padding:var(--sp-5) 0}.reco__mapcol{position:sticky;top:calc(var(--header-h) + var(--sp-4))}.reco__map{position:relative;height:560px;border-radius:20px;overflow:hidden;border:1px solid var(--c-border);background:radial-gradient(120% 90% at 70% 20%,#eaf3ec,#e7edf2 55%,#e2e8ee)}.reco__map-canvas{position:absolute;inset:0;z-index:1}.reco__map-canvas:empty{display:none}.reco__map-toggle{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;background:#fff;border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden}.reco__map-tab{background:none;border:0;font-family:inherit;cursor:pointer;padding:9px 16px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-heading)}.reco__map-tab.is-active{font-weight:var(--fw-bold)}.reco__map-tab+.reco__map-tab{color:var(--c-muted)}.reco__map-full{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;display:grid;place-items:center;background:#fff;border:0;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--c-heading);cursor:pointer}.reco__pin{position:absolute;width:20px;height:20px;z-index:1;background:#7b6cf0;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg);box-shadow:0 3px 8px #0917474d}.reco__pin:after{content:"";position:absolute;inset:0;margin:auto;width:7px;height:7px;border-radius:50%;background:#fff}.reco__map-ph{position:absolute;inset:auto 0 16px;text-align:center;color:var(--c-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium)}@media (max-width: 992px){.reco__layout{grid-template-columns:1fr}.reco__mapcol{position:static;order:-1}.reco__map{height:280px}}@media (max-width: 560px){.reco__search{display:none}.reco__search-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:460px;margin:var(--sp-5) auto var(--sp-2);padding:14px 18px;border-radius:var(--r-pill);font-family:inherit;font-size:var(--fs-sm);color:var(--c-faint);border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--c-primary),var(--c-blue)) border-box;box-shadow:var(--shadow-md)}.reco__search-cta svg{color:var(--c-primary)}}