/* UAE Tours – Shared Styles (Palette: sage/mint/cream/sand/amber) */
:root{
  --sage: #ccd5ae;
  --mint: #e9edc9;
  --cream: #fefae0;
  --sand: #faedcd;
  --amber: #d4a373;
  --text: #2b2b2b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background:var(--cream);
  line-height:1.6;
}
/* Header */
.site-header{
  position:sticky; top:0; z-index:100;
  background:linear-gradient(180deg, var(--mint), rgba(233,237,201,0.8));
  backdrop-filter:saturate(180%) blur(6px);
  border-bottom:3px solid var(--amber);
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.navbar a.logo{font-weight:700;letter-spacing:.5px;color:#4b4b3b;text-decoration:none}
.navbar nav a{text-decoration:none;color:#333;margin:0 12px;padding:6px 8px;border-radius:10px}
.navbar nav a:hover{background:var(--sand)}
/* Hero */
.hero{background:linear-gradient(135deg,var(--mint),var(--sand));padding:56px 0;border-bottom:1px solid #e6e0cf}
.hero h1{margin:0 0 10px;font-size:clamp(26px,3vw,42px);}
.hero p{margin:0;font-size:clamp(14px,2vw,18px);}
/* Filters */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.filters .chip{
  background:#fff;border:1px solid #ded7c3;color:#514b3b;
  padding:8px 12px;border-radius:999px;cursor:pointer;font-size:14px;
}
.filters .chip.active{background:var(--amber);border-color:var(--amber);color:#fff}
/* Grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{
  background:#fff;border:1px solid #e9e1cf;border-radius:16px;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.card img{width:100%;height:180px;object-fit:cover;display:block}
.card .content{padding:14px}
.card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;color:#6b675f}
.badge{background:var(--sage);color:#2c2a25;padding:2px 8px;border-radius:10px;font-size:12px}
.button{
  display:inline-block;padding:10px 14px;border-radius:10px;border:2px solid var(--amber);
  color:#513b2f;text-decoration:none;font-weight:600;background:linear-gradient(0deg,var(--sand),#fff);
}
.button:hover{background:var(--amber);color:#fff}
/* Footer */
footer{margin-top:40px;background:var(--sand);border-top:3px solid var(--amber);}
footer .inner{padding:24px 0;font-size:14px;color:#5b564b}
/* Single Tour */
.hero.tour{background:linear-gradient(135deg,var(--sand),var(--mint));}
.breadcrumbs a{color:#6a5b48;text-decoration:none}
.section{padding:26px 0;border-bottom:1px dashed #e6dcc6}
.section h2{margin:0 0 8px;font-size:clamp(20px,2.5vw,28px)}
.kv{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.kv img{width:100%;height:320px;object-fit:cover;border-radius:14px;border:1px solid #e9e1cf}
.kpi-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}
.kpi{background:#fff;border:1px solid #e9e1cf;border-radius:12px;padding:12px;text-align:center}
.list-check{list-style:none;padding:0;margin:0}
.list-check li{padding-left:28px;position:relative;margin:6px 0}
.list-check li:before{
  content:'✔';position:absolute;left:0;top:0.1rem;color:#3f7d20;
}
.faq details{background:#fff;border:1px solid #e9e1cf;border-radius:12px;padding:12px;margin:8px 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid #e9e1cf}
.cta-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.small{font-size:12px;color:#6b675f}
/* Responsive */
@media (max-width: 900px){
  .kv{grid-template-columns:1fr;}
}