:root{--pink:#e9859f;--ink:#1c1b1b;--cream:#f6f1eb}
.bg-cream{background-color:var(--cream)}
.text-ink{color:var(--ink)}
.nav-link{padding:0.5rem 0.75rem;border-radius:999px}
.nav-link:hover{background:rgba(28,27,27,.06)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:1rem;background:linear-gradient(180deg,#f2a6b8,#d86a88);color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(216,106,136,.25)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:1rem;border:1px solid rgba(28,27,27,.15);background:#fff}
.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:1rem;background:#ef4444;color:#fff}
.link{color:#d86a88}
.link:hover{text-decoration:underline}
.link-danger{color:#ef4444}
.input{width:100%;background:#fff;border:1px solid rgba(28,27,27,.12);border-radius:1rem;padding:.8rem 1rem}
.card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06)}

/* NEW CSS HACK FOR ASPECT RATIO (4:3) - (للبطاقات فقط) */
.card-img-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 75%; 
    overflow: hidden;
}
.card-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* END NEW CSS HACK */

.th{padding:0.9rem 1rem;text-align:right}
.td{padding:0.8rem 1rem}
.alert{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;border-radius:1rem;padding:.75rem 1rem;margin-bottom:1rem}
.section-title{font-size:1.5rem;font-weight:900;margin-bottom:1rem}
.cat-tile{display:flex;align-items:center;justify-content:center;height:96px;border-radius:1rem;background:linear-gradient(180deg,rgba(233,133,159,.15),rgba(233,133,159,.05));border:1px solid rgba(28,27,27,.06);font-weight:800}
.cat-tile-icon{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:1rem;background:linear-gradient(180deg,rgba(233,133,159,.15),rgba(233,133,159,.05));border:1px solid rgba(28,27,27,.06);font-weight:800}
.icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:999px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.06);}

/* الارتفاع الأصلي للسلايدر في الصفحة الرئيسية */
.hero-card{height:320px;border-radius:2rem;background:radial-gradient(80% 100% at 70% 0%,rgba(233,133,159,.35),rgba(233,133,159,0)),linear-gradient(180deg,#fff,#f7f1ec);box-shadow:inset 0 0 0 1px rgba(28,27,27,.06),0 20px 60px rgba(0,0,0,.08)}

@media(min-width:768px){.hero-card{height:360px}}
@media(min-width:1024px){.hero-card{height:480px}}