/* صفحة «مصر للسياح» (/visit) — فوق eg.css + home.css: هيرو بسيط بصورة وجهة، شبكة وجهات، صفوف بوسترات وكروت */
body.visit{padding-bottom:0}
/* الهيرو: صورة مكان حقيقي من قاعدتنا + سطر تعريف + مربع بحث */
.vh{position:relative;border-radius:26px;overflow:hidden;min-height:300px;margin-top:12px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;background:#1d2124;isolation:isolate}
.vh .bg{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;transform:scale(1.03);transition:opacity .6s;opacity:0}.vh .bg.in{opacity:1}
.vh:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.08) 0%,rgba(10,10,10,.45) 45%,rgba(10,10,10,.85) 100%)}
.vh .eyebrow{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:var(--lime);color:#111;font-size:12.5px;font-weight:900;padding:5px 12px;border-radius:999px}
html[data-acc=red] .vh .eyebrow,html[data-acc=blue] .vh .eyebrow{color:#fff}
.vh h1{margin:12px 0 4px;font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-1px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.vh h1 span{display:inline-block;background:var(--lime);color:#111;padding:0 10px;border-radius:10px;transform:rotate(-2deg)}
html[data-acc=red] .vh h1 span,html[data-acc=blue] .vh h1 span{color:#fff}
.vh p{margin:0 0 12px;font-size:14px;line-height:1.6;max-width:62ch;color:#eee;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.vh .search{margin-top:0;animation:none;max-width:640px}
.vh .credit{position:absolute;top:12px;left:12px;z-index:1;font-size:11px;background:rgba(0,0,0,.45);color:#fff;padding:3px 9px;border-radius:999px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[dir=ltr] .vh .credit{left:auto;right:12px}
.vh .chips{margin-top:12px}
/* شيبس المحافظات (فلترة في الصفحة) */
.vchips{position:sticky;top:62px;z-index:20;background:var(--bg);padding:8px 0;margin:4px 0 0}
@media(max-width:600px){.vchips{top:54px}}
.vchips .chips{margin:0}.vchips .chip{border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.vchips .chip i{font-style:normal;opacity:.6;font-size:11px;margin-inline-start:4px}
/* شبكة الوجهات: بطاقات بصور أماكن حقيقية من كل محافظة */
/* الموبايل: ١٠ بطاقات = عريضة + ٨ (٤ صفوف) + عريضة. الديسك توب: ٤ أعمدة، الأقصر وأسوان كبار (٢×٢) و٨ بطاقات في صفين */
.dests{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px}
.dests .bt:first-child,.dests .bt:last-child{grid-column:span 2}
.dests .bt .t span{display:block}
.dests .bt .n{position:absolute;top:10px;left:10px;z-index:1;background:rgba(0,0,0,.5);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}
html[dir=ltr] .dests .bt .n{left:auto;right:10px}
.dests .bt.dim{opacity:.45}
@media(min-width:700px){.dests{grid-template-columns:repeat(4,1fr);grid-auto-rows:160px}.dests .bt:first-child,.dests .bt:nth-child(2){grid-column:span 2;grid-row:span 2}.dests .bt:last-child{grid-column:span 1}}
@media(min-width:1000px){.dests{grid-auto-rows:190px}}
/* كروت الأقسام: نفس .rest من الرئيسية + شارة القسم فوق الصورة */
.rest .im .cat{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[dir=ltr] .rest .im .cat{right:auto;left:10px}
.rest .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rest .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
/* الفنادق الفخمة: بوسترات طويلة — الاسم فوق، والمنطقة سطر صغير تحته */
.posters .p .ar{position:absolute;bottom:12px;right:12px;left:12px;z-index:1;font-size:11.5px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.posters .p b{bottom:32px}
/* التجارب: كروت مربعة أصغر */
.rail.xp .rest{width:200px}.rail.xp .rest .im{height:140px}
@media(min-width:900px){.rail.xp .rest{width:220px}.rail.xp .rest .im{height:150px}}
/* ملاحظة «إزاي بنختار» + حالة فاضية */
.vnote{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}
.vempty{color:var(--muted);font-size:13px;padding:14px 0}
/* الدعوات تحت */
.vcta{display:grid;gap:10px}
@media(min-width:900px){.vcta{grid-template-columns:1fr 1fr;gap:14px}}
/* الوضع الفاتح */
html[data-theme=light] .vchips{background:var(--bg)}
html[data-theme=light] .vh{background:#2a3a1a}
/* الهيدر: زرار «للسياح» مفعّل */
header .visit-btn.on{background:var(--lime);color:#111;border-color:transparent}
html[data-acc=red] header .visit-btn.on,html[data-acc=blue] header .visit-btn.on{color:#fff}
@media(max-width:600px){
  .vh{min-height:240px;padding:14px;border-radius:20px;margin:0 0 4px}
  .vh h1{font-size:26px;margin:10px 0 4px}.vh p{font-size:12.5px;margin-bottom:10px}
  .vh .search{height:46px}.vh .search input{font-size:15px}.vh .search .go{height:36px;padding:0 14px;font-size:14px}
  .dests{grid-auto-rows:124px;gap:8px}.dests .bt{border-radius:16px}.dests .bt .t b{font-size:14px}
  .posters.xl .p{width:160px;height:224px}
  .rail.xp .rest{width:170px}.rail.xp .rest .im{height:120px}
}