*{box-sizing:border-box}
body{margin:0;background:#f6f2ec;color:#24160f;font-family:Tahoma,Arial,sans-serif;line-height:1.9}
a{text-decoration:none;color:inherit}
.wrap{width:min(1120px,92%);margin:auto}
.top{background:#24160f;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.nav{display:flex;align-items:center;gap:18px;padding:16px 0}
.brand{font-size:25px;font-weight:800;color:#f9d7a6}
.search{margin-right:auto;display:flex;background:#fff;border-radius:999px;overflow:hidden;min-width:310px}
.search input{border:0;padding:10px 14px;flex:1;outline:0}
.search button{border:0;background:#c47b36;color:#fff;padding:0 18px;font-weight:700}
.admin-link{opacity:.85}
.hero{margin:32px 0;padding:46px;border-radius:28px;background:linear-gradient(135deg,#2b180f,#8a4b22);color:#fff;box-shadow:0 20px 45px rgba(36,22,15,.22)}
.hero h1{font-size:40px;line-height:1.35;margin:12px 0}
.hero p{font-size:18px;max-width:760px;color:#f6e4cf}
.badge{display:inline-block;background:#f2c177;color:#26150b;padding:5px 13px;border-radius:999px;font-weight:700;font-size:13px}
.cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.cats a{background:#fff;border:1px solid #eadccd;padding:9px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.04)}
h1,h2,h3{line-height:1.45}
h2{margin-top:34px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:35px}
.grid.big{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 35px rgba(36,22,15,.08);border:1px solid #eee0d2;transition:.2s}
.card:hover{transform:translateY(-3px)}
.card img{width:100%;height:190px;object-fit:cover;background:#e8d8c6}
.grid.big .card img{height:250px}
.card-body{padding:18px}
.card-body span{font-size:13px;color:#a76027;font-weight:700}
.card-body h3{margin:6px 0 8px;font-size:21px}
.card-body p{color:#655047;margin:0}
.story{max-width:850px;margin:30px auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 14px 40px rgba(36,22,15,.08)}
.story-head h1{font-size:38px;margin:12px 0}
.meta{color:#8b786d}
.story-img{width:100%;max-height:480px;object-fit:cover;border-radius:22px;margin:22px 0}
.content{font-size:20px;color:#2c2019}
.lead{color:#69554a}
.footer{margin-top:50px;background:#24160f;color:#f8e7d1;padding:28px 0}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0}
.btn{display:inline-block;background:#c47b36;color:#fff;border:0;border-radius:12px;padding:10px 18px;font-weight:700;cursor:pointer}
.btn.light{background:#fff;color:#24160f;border:1px solid #eadccd}
.btn.danger{background:#96372b}
.form{display:grid;gap:10px}
.form input,.form textarea,.form select{width:100%;border:1px solid #e3d2c1;border-radius:14px;padding:12px;background:#fff;font-family:inherit;font-size:15px}
.admin-box{max-width:680px;background:#fff;padding:22px;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.07);margin:25px auto}
.editor{background:#fff;padding:22px;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.07)}
.alert{background:#ffe4df;color:#842215;padding:12px;border-radius:14px;margin:12px 0}
.ok{background:#e4ffe7;color:#176324;padding:12px;border-radius:14px;margin:12px 0}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.table th,.table td{padding:13px;border-bottom:1px solid #f0e4d8;text-align:right}
.table th{background:#fff8ef}
.preview{width:180px;border-radius:16px;margin-top:8px}
.check{display:flex;align-items:center;gap:8px}
@media(max-width:800px){
  .nav{flex-wrap:wrap}
  .search{min-width:100%;order:3}
  .hero{padding:28px}
  .hero h1{font-size:28px}
  .grid,.grid.big{grid-template-columns:1fr}
  .story{padding:20px}
  .story-head h1{font-size:30px}
}

/* تحسين احترافي بعد التركيب */
main.wrap{
  min-height:520px;
}

.grid{
  align-items:stretch;
}

.grid:has(.card:only-child){
  grid-template-columns:minmax(280px,520px);
  justify-content:center;
}

.grid.big:has(.card:only-child){
  grid-template-columns:minmax(320px,620px);
  justify-content:center;
}

.card{
  width:100%;
}

.card img{
  display:block;
}

.story .content{
  white-space:pre-line;
}

.admin-head .btn,
.admin-head a.btn{
  margin-inline-start:6px;
}

@media(max-width:800px){
  .admin-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .admin-head > div{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .admin-head .btn{
    margin:0;
  }
}

/* ===== إظهار الصورة كاملة بدون قص ===== */
.card img{
  width: 100%;
  height: 340px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f6f2ec;
  padding: 8px;
  display: block;
}

.grid.big .card img{
  height: 420px !important;
}

.story-img{
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f6f2ec;
  padding: 8px;
  display: block;
}

/* ===== عرض صور المنشورات كـ بوستر كامل بدون قص وبدون فراغات ===== */
.card{
  max-width: 560px;
  margin-inline: auto;
}

.card img,
.grid.big .card img{
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: unset !important;
  object-position: unset !important;
  background: transparent !important;
  padding: 0 !important;
  display: block !important;
}

/* صورة صفحة القصة تكون بوستر كامل ومتمركزة */
.story-img{
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: unset !important;
  background: transparent !important;
  padding: 0 !important;
  display: block !important;
  margin: 24px auto !important;
  border-radius: 22px;
}

/* تحسين شكل الكرت تحت الصورة */
.card-body{
  padding: 24px !important;
}

.card-body h3{
  font-size: 24px;
  line-height: 1.55;
}

.card-body p{
  font-size: 16px;
  line-height: 1.9;
}

/* تخفيف الفراغات في الرئيسية */
.grid,
.grid.big{
  justify-content: center;
  gap: 34px;
}