/* Arabian Ring — v1.0 additions */
@media (max-width:820px){
  header.site { flex-wrap:wrap; padding:12px 16px; background:#FBF8F2; border-bottom:1px solid rgba(201,162,75,.12); }
  header.site:not(.solid){ position:absolute; }
  nav.main { width:100%; overflow-x:auto; gap:16px; padding:4px 0 2px; scrollbar-width:none; }
  nav.main::-webkit-scrollbar{ display:none; }
  nav.main a:not(.nav-cta){ display:inline-block; font-size:11px; white-space:nowrap; }
  .nav-cta{ margin-left:auto; padding:8px 16px; white-space:nowrap; }
}
.tier-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; margin-top:38px; }
.tier { background:linear-gradient(165deg, var(--navy-800), var(--navy-900)); border:1px solid rgba(201,162,75,.16); border-radius:20px; padding:30px 26px; display:flex; flex-direction:column; }
.tier.featured { border-color:var(--gold-light); box-shadow:0 0 40px rgba(201,162,75,.12); }
.tier-tag { color:var(--gold-light); font-size:10px; letter-spacing:.3em; text-transform:uppercase; margin-bottom:8px; }
.tier h3 { font-size:20px; font-weight:600; margin-bottom:4px; }
.tier .tier-days { color:var(--ink-dim); font-size:12px; letter-spacing:.16em; text-transform:uppercase; margin-bottom:16px; }
.tier ul { list-style:none; margin:0 0 20px; flex:1; }
.tier li { color:var(--ink-dim); font-size:13.5px; line-height:1.55; font-weight:400; padding:7px 0 7px 24px; position:relative; border-bottom:1px solid rgba(20,33,61,.12); }
.tier li::before { content:"\25C6"; color:var(--gold-light); font-size:8px; position:absolute; left:2px; top:11px; }
.tier .tier-note { color:var(--ink-dim); font-size:12px; margin-bottom:16px; font-weight:400; line-height:1.6; }
.price-chip { display:inline-block; background:rgba(201,162,75,.12); border:1px solid var(--gold-dim); color:var(--gold-light); border-radius:100px; padding:6px 16px; font-size:13px; font-weight:600; letter-spacing:.06em; }
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; margin-top:38px; counter-reset:step; }
.step { background:linear-gradient(165deg, var(--navy-800), var(--navy-900)); border:1px solid rgba(201,162,75,.14); border-radius:16px; padding:24px 20px; }
.step::before { counter-increment:step; content:"0" counter(step); display:block; color:var(--gold-light); font-size:12px; letter-spacing:.3em; margin-bottom:10px; }
.step h3 { font-size:15px; font-weight:600; margin-bottom:6px; }
.step p { color:var(--ink-dim); font-size:13px; line-height:1.6; font-weight:400; }
.trust { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:30px; }
.trust > div { border:1px solid rgba(201,162,75,.14); border-radius:14px; padding:18px; font-size:13px; color:var(--ink-dim); line-height:1.55; font-weight:400; }
.trust b { display:block; color:var(--gold-light); font-size:11px; letter-spacing:.2em; text-transform:uppercase; margin-bottom:6px; font-weight:600; }
details.faq { border:1px solid rgba(201,162,75,.14); border-radius:14px; margin-bottom:12px; background:linear-gradient(165deg, var(--navy-800), var(--navy-900)); }
details.faq summary { cursor:pointer; list-style:none; padding:18px 22px; font-size:15px; font-weight:500; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:16px; }
details.faq summary::-webkit-details-marker { display:none; }
details.faq summary::after { content:"+"; color:var(--gold-light); font-size:22px; font-weight:400; flex:none; }
details.faq[open] summary::after { content:"\2013"; }
details.faq .faq-a { padding:0 22px 18px; color:var(--ink-dim); font-size:14px; line-height:1.7; font-weight:400; }
details.faq .faq-a a { color:var(--gold-light); }
.post-list { margin-top:34px; display:grid; gap:16px; }
.post-item { display:block; text-decoration:none; border:1px solid rgba(201,162,75,.16); border-radius:18px; padding:24px 26px; background:linear-gradient(165deg, var(--navy-800), var(--navy-900)); transition:transform .3s,border-color .3s; }
.post-item:hover { transform:translateY(-3px); border-color:var(--gold-dim); }
.post-item .post-meta { color:var(--gold-light); font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; margin-bottom:8px; }
.post-item h3 { color:var(--ink); font-size:18px; font-weight:600; margin-bottom:6px; }
.post-item p { color:var(--ink-dim); font-size:13.5px; line-height:1.6; font-weight:400; }
.post-soon { opacity:.55; }
.article h2 { font-size:22px; margin-top:38px; }
.article ul { margin:0 0 18px 20px; color:var(--ink-dim); font-weight:400; line-height:1.8; font-size:15px; }
.article .rate-scroll { margin:18px 0 24px; }
.article table.rates { min-width:520px; }
.notice { border:1px solid var(--gold-dim); background:rgba(201,162,75,.07); border-radius:14px; padding:16px 20px; color:var(--ink-dim); font-size:13.5px; line-height:1.65; font-weight:400; margin-top:22px; }
.notice b { color:var(--gold-light); }

/* Card photos (replace line icons on Home + Experiences) */
.card:has(> .card-photo) { padding-top:0; overflow:hidden; }
.card .card-photo { display:block; width:calc(100% + 48px); max-width:none; margin:0 -24px 6px; aspect-ratio:16/10; height:auto; object-fit:cover; background:#EFE8DA; transition:transform .5s ease; }
.card:hover .card-photo { transform:scale(1.04); }
@media (prefers-reduced-motion: reduce) { .card .card-photo, .card:hover .card-photo { transition:none; transform:none; } }