/* ═══ Feature: guest-grid — card styles only ═══ */
/* Depends on: scge-core.css (grid, badges, responsive) */

.scge-app .sg-card { position: relative; background: var(--scge-white) !important; border-radius: var(--scge-radius) !important; overflow: hidden; border: 1px solid var(--scge-border) !important; cursor: pointer; transition: transform var(--scge-tr), box-shadow var(--scge-tr), border-color var(--scge-tr); }
.scge-app .sg-card-link { position: absolute; inset: 0; z-index: 1; text-decoration: none !important; color: transparent !important; font-size: 0 !important; }
.scge-app .sg-card:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 16px 48px rgba(0,0,0,.1), 0 0 0 1px rgba(233,69,96,.15) !important; border-color: rgba(233,69,96,.2) !important; }
.scge-app .sg-card-img { aspect-ratio: 1/1; overflow: hidden; position: relative; }
.scge-app .sg-card-img img { width: 100% !important; height: 100%; object-fit: cover; transition: transform .5s ease; }
.scge-app .sg-card:hover .sg-card-img img { transform: scale(1.08); }
.scge-app .sg-card-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.25)) !important; pointer-events: none; }
.scge-app .sg-card:hover .sg-card-overlay { background: linear-gradient(180deg, transparent 20%, rgba(233,69,96,.12)) !important; }
.scge-app .sg-card-body { padding: 14px 16px !important; text-align: center; }
.scge-app .sg-card-name { font-size: .95rem !important; font-weight: 700 !important; margin: 0 0 3px; }
.scge-app .sg-card-title { font-size: .8rem !important; color: var(--scge-muted) !important; margin: 0; }
.scge-app .sg-pagination { text-align: center; margin-top: 32px; }
.scge-app .sg-pagination .page-numbers { display: inline-block !important; padding: 10px 16px !important; margin: 0 3px; border-radius: 10px !important; font-size: .85rem !important; text-decoration: none !important; color: var(--scge-text) !important; background: var(--scge-white) !important; border: 1px solid var(--scge-border) !important; transition: all var(--scge-tr-fast); }
.scge-app .sg-pagination .page-numbers.current,
.scge-app .sg-pagination .page-numbers:hover { background: var(--scge-accent) !important; color: #fff !important; border-color: var(--scge-accent) !important; }