/* رحّال v2: بوستر سفر قديم وأختام جواز */
:root{
  --nile:#0F4F55;--nile-2:#16616A;--nile-line:#2F7B84;
  --sand:#EAD9B3;--sand-2:#F2E4C4;
  --sunset:#C8482B;--sunset-d:#A93A21;
  --papyrus:#F6EBD0;--palm:#3E6B48;--ink:#1C2B2D;--muted:#6A6452;--line:#DCC9A0;--white:#FBF4E2;
  --ochre:#D9A441;
  --f-display:"Rakkas","Tajawal",system-ui,sans-serif;
  --f-body:"Tajawal",system-ui,sans-serif;
  --r:6px;--r-lg:10px;
  --shadow:0 2px 0 rgba(28,43,45,.08),0 18px 30px -18px rgba(28,43,45,.4);
}
body{background:var(--papyrus);font-size:17.5px}
.kicker{display:none}
h1,h2,h3{font-weight:400;letter-spacing:0;line-height:1.3}
.btn{border-radius:4px;font-weight:700;font-family:var(--f-body)}
.btn-sun{background:var(--sunset);color:#FFF6E4;box-shadow:0 3px 0 #7d2915}
.btn-sun:hover{background:var(--sunset-d)}
.btn-sun:active{transform:translateY(2px);box-shadow:0 1px 0 #7d2915}

/* header فوق الهيرو الفاتح */
.hdr{color:var(--ink)}
.hdr .logo{font-family:var(--f-display);font-size:30px}
.nav a{font-weight:500}

/* hero: بوستر */
.hero{background:var(--sand-2);color:var(--ink);min-height:max(760px,100svh);align-items:center}
.hero::before{content:"";position:absolute;width:min(640px,60vw);aspect-ratio:1;border-radius:50%;background:var(--sunset);left:max(0px,calc(var(--gutter) - 70px));top:12%;opacity:.95}
.hero::after{inset:auto 0 0;height:170px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 170' preserveAspectRatio='none'><path d='M0 90C180 30 330 40 520 80s330 70 520 20 280-60 400-20v90H0Z' fill='%23D9A441'/><path d='M0 130c200-50 360-40 540-6s340 40 520-6 260-30 380 6v46H0Z' fill='%230F4F55'/></svg>") center bottom/100% 100% no-repeat}
.hero-img{inset:auto;left:max(var(--gutter),calc(50% - 560px + 40px));top:118px;bottom:118px;width:min(30vw,420px);height:auto;border-radius:999px 999px 6px 6px;overflow:hidden;border:8px solid var(--nile);box-shadow:14px 14px 0 var(--ochre);z-index:1;background:var(--nile)}
.hero-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.hero .container{z-index:2;padding-block:130px 150px;max-width:1240px;display:grid;gap:20px;align-content:center}
.hero .container>*{max-width:min(640px,56%)}
.hero h1{font-size:clamp(52px,8vw,112px);line-height:1.05;max-width:none;color:var(--nile)}
.hero .lead{opacity:1;color:#3d4a49;max-width:46ch}
.searchbar{border-radius:8px;background:var(--white);box-shadow:0 0 0 2px var(--ink),6px 6px 0 var(--ink);max-width:none;position:relative;padding:8px 10px;-webkit-mask:none}
.searchbar::before,.searchbar::after{content:"";position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--sand-2);box-shadow:inset 0 0 0 2px var(--ink)}
.searchbar::before{inset-inline-start:-10px}.searchbar::after{inset-inline-end:-10px}
.sb-f{border-radius:4px;border-inline-end:1.5px dashed var(--line)}
.sb-f label{color:var(--sunset-d)}
.hero-meta{color:var(--ink);opacity:1;gap:34px;margin-top:4px}
.hero-meta b{font-family:var(--f-display);font-weight:400;font-size:26px;color:var(--nile)}
@media (max-width:900px){.hero{min-height:0}.hero-img{display:none}.hero::before{width:360px;left:auto;inset-inline-end:-80px;top:70px}.hero .container>*{max-width:none}.hero .container{padding-block:110px 120px}.searchbar{grid-template-columns:1fr 1fr}.searchbar .btn{grid-column:1/-1}}

/* وجهات: صور مطبوعة بحواف ورق + ختم */
.sec-head h2{color:var(--nile);font-size:clamp(34px,5vw,62px)}
.dest{border-radius:4px;border:10px solid var(--white);border-bottom-width:64px;box-shadow:var(--shadow);aspect-ratio:3/4.2;background:var(--nile-2);transform:rotate(var(--rot,-1.2deg))}
.dest:nth-child(even){--rot:1.4deg}.dest:nth-child(3n){--rot:-.4deg}
.dest::after{background:linear-gradient(0deg,rgba(15,79,85,.25),transparent 40%)}
.dest .cap{inset:auto -10px -64px;padding:10px 18px;color:var(--ink);height:64px;align-content:center}
.dest h3{font-size:28px;line-height:1.1;color:var(--nile)}
.dest .cap span{color:var(--muted);font-size:13.5px;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dest .count{background:var(--ochre);color:var(--ink);border-radius:3px;top:12px;right:12px}
.dest .stamp{position:absolute;z-index:2;inset-inline-start:14px;top:14px;width:92px;height:92px;border-radius:50%;border:3px double var(--sunset);color:var(--sunset);display:grid;place-content:center;text-align:center;transform:rotate(-14deg) scale(2.4);opacity:0;mix-blend-mode:multiply;background:rgba(246,235,208,.12);font-style:normal}
.dest .stamp b{font-family:var(--f-display);font-weight:400;font-size:20px;line-height:1}
.dest .stamp span{font-size:11.5px;font-weight:700;border-top:1.5px solid var(--sunset);margin-top:4px;padding-top:3px;max-width:70px}
.dest.stamped .stamp{animation:stamp .55s cubic-bezier(.3,1.4,.5,1) .15s forwards}
@keyframes stamp{0%{opacity:0;transform:rotate(-30deg) scale(2.4)}60%{opacity:.95;transform:rotate(-14deg) scale(.94)}100%{opacity:.88;transform:rotate(-14deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.dest .stamp{opacity:.88;transform:rotate(-14deg)}}

/* رحلات وباقي الأقسام */
.trip-media{border-radius:4px;box-shadow:0 0 0 6px var(--white),0 0 0 7px var(--line)}
.trip-tags span{border-radius:3px}
.trip h3{font-family:var(--f-display);font-size:26px;font-weight:400;color:var(--nile)}
.sec-dark{background:var(--nile)}
.sec-dark .sec-head h2{color:var(--papyrus)}
.filters button{border-radius:4px}
.hero-img img{filter:saturate(.9) contrast(1.02) brightness(1.15)}
.logo svg{width:40px;height:40px}
