.business-card{position:relative;border:1px solid #c6c6c6;border-radius:5px;padding:10px;margin:15px;box-shadow:3px 4px 10px gray;transition:transform .2s;width:calc(100% - 30px);max-width:calc(100% - 30px);box-sizing:border-box}@media ((max-width: 767px)){.business-card{margin:10px 0;padding:10px;width:100%;max-width:100%;box-sizing:border-box;flex-direction:column}}.business-card:hover{cursor:pointer;transform:scale(1.03);transition:transform .2s}.business-card.active{border:1px solid #10b981;box-shadow:3px 4px 10px #0d9b6c;scroll-behavior:smooth}.business-card .heart-icon{position:absolute;top:8px;right:8px;width:32px;height:32px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.business-card .heart-icon:hover{background-color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.business-card .heart-icon svg{width:18px;height:18px;stroke:#0000004d;stroke-width:1.5;fill:#fff;transition:all .2s ease;filter:drop-shadow(0 0 1px rgba(0,0,0,.2))}.business-card .heart-icon.liked svg{stroke:#ef4444;fill:#ef4444;filter:drop-shadow(0 0 1px rgba(239,68,68,.3))}.business-card .heart-icon.liked:hover{background-color:#ef44441a}@media ((max-width: 767px)){.business-card .heart-icon{top:15px;right:15px}}.business-card .top .image-container{position:relative;width:100%}@media ((max-width: 767px)){.business-card .top .image-container{width:100%;order:-1}}.business-card .top .image-container img{height:200px;width:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;background-color:#ededed;border-radius:5px;border:1px solid #c6c6c6;width:200px;max-width:200px}@media ((max-width: 767px)){.business-card .top .image-container img{width:100%;min-width:100%;height:180px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.business-card .top .image-container .business-type-overlay{position:absolute;bottom:0;left:0;background-color:#fff;padding:5px 12px 5px 3px;border-top-right-radius:8px;font-size:14px;color:#4b5563;font-weight:500;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #c6c6c6;border-right:1px solid #c6c6c6}.business-card .top .image-container .online-badge{position:absolute;top:8px;right:8px;background-color:#3b82f6f2;color:#fff;padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;z-index:5;box-shadow:0 2px 4px #0003}.business-card .top .image-container .online-badge .online-badge-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.business-card .top .image-container .online-badge .online-badge-icon svg{width:100%;height:100%;fill:#fff;stroke:#fff}.business-card .top .image-container .online-badge .online-badge-text{line-height:1}@media ((max-width: 767px)){.business-card .top .image-container .online-badge{right:45px}}.business-card .bottom{padding:10px}@media ((max-width: 767px)){.business-card .bottom{width:100%;box-sizing:border-box}}.business-card .bottom .business-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media ((max-width: 767px)){.business-card .bottom .business-name{max-width:100%}}.business-card .bottom .address{max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media ((max-width: 767px)){.business-card .bottom .address{max-width:100%}}.business-card .bottom .name{font-size:22px;font-weight:700;color:#10b981;text-decoration:underline}.business-card .bottom .description-preview{margin-top:8px;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.business-card .bottom .bottom-container{display:flex;justify-content:space-between;align-items:center}.business-card .bottom .bottom-container .icon-container{display:flex;align-items:center;justify-content:center;gap:10px}.business-card .bottom .bottom-container .icon-container a{text-decoration:underline}.business-card .bottom .bottom-container .icon-container a svg{width:27px;aspect-ratio:1;fill:#767575}.business-card .bottom .bottom-container .icon-container a:hover svg{fill:#10b981}.business-card .more-info{color:#10b981;padding:0 10px;font-weight:700;text-align:center}#business-info{width:400px}@media ((max-width: 767px)){#business-info{width:100%}}#business-info .p-sidebar-header{background-color:#10b981;color:#fff;font-weight:700;font-size:20px;padding:10px}#business-info .top{position:relative}#business-info .top img{width:100%;height:270px;-o-object-fit:cover;object-fit:cover}#business-info .top .back-arrow-button{position:absolute;top:12px;left:12px;z-index:10;background-color:#ffffffa8;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}#business-info .top .back-arrow-button:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0003}#business-info .top .back-arrow-button:active{transform:scale(.95)}#business-info .top .back-arrow-button .back-arrow-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#374151}#business-info .top .back-arrow-button .back-arrow-icon svg{width:100%;height:100%;stroke:currentColor}#business-info .bottom .name{font-size:25px;font-weight:700;color:#10b981}#business-info .bottom .city{font-size:14px;color:gray}#business-info .bottom .business-details-category{width:-moz-fit-content;width:fit-content;background-color:#e5e5e5;padding:5px 10px;border-radius:5px}#business-info .bottom .address-container .location-icon,#business-info .bottom .address-container .wifi-icon,#business-info .bottom .address-container .globe-icon,#business-info .bottom .online-only-container .location-icon,#business-info .bottom .online-only-container .wifi-icon,#business-info .bottom .online-only-container .globe-icon,#business-info .bottom .website-container .location-icon,#business-info .bottom .website-container .wifi-icon,#business-info .bottom .website-container .globe-icon{display:flex;align-items:center;width:18px;height:18px;flex-shrink:0;color:#6b7280}#business-info .bottom .address-container .location-icon svg,#business-info .bottom .address-container .wifi-icon svg,#business-info .bottom .address-container .globe-icon svg,#business-info .bottom .online-only-container .location-icon svg,#business-info .bottom .online-only-container .wifi-icon svg,#business-info .bottom .online-only-container .globe-icon svg,#business-info .bottom .website-container .location-icon svg,#business-info .bottom .website-container .wifi-icon svg,#business-info .bottom .website-container .globe-icon svg{width:100%;height:100%;fill:currentColor}#business-info .bottom .affiliation{color:#fff;border-radius:5px;padding:5px 11px;width:-moz-fit-content;width:fit-content;font-weight:700;font-size:12px;margin:3px 0}#business-info .bottom .affiliation.owned{background-color:red}#business-info .bottom .affiliation.allied{background-color:#000}#business-info .bottom .description{margin-top:10px;font-size:16px;color:gray}#business-info .bottom a{text-decoration:underline;color:#10b981}