/*
 * Aswan Luxor Cruises — v3: destination pages.
 *
 * The rules this template adds on top of base.css, extracted from its mockup
 * as a set difference so nothing here is authored and nothing duplicated.
 */

  .cmp{overflow-x:auto; border:1.5px solid var(--line); border-radius:var(--r); background:#fff;}
  .cmp table{width:100%; border-collapse:collapse; min-width:720px; font-size:.88rem;}
  .cmp th{background:var(--petrol); color:#fff; text-align:start; padding:14px 16px; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em;}
  .cmp th:first-child{width:160px;}
  .cmp td{padding:13px 16px; border-top:1px solid var(--line); color:var(--ink-soft); vertical-align:top;}
  .cmp td:first-child{font-weight:800; color:var(--ink); background:var(--bg-alt);}
  .cmp tr:hover td{background:var(--bg-alt);}
  .cmp td b{color:var(--petrol);}
  .cmp .hot{display:inline-block; background:var(--orange-soft); color:var(--orange-dark); font-size:.68rem; font-weight:800; padding:2px 8px; border-radius:99px; margin-inline-start:6px;}
  /* category page */
  .crit{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  @media(max-width:960px){.crit{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){.crit{grid-template-columns:1fr}}
  .cr{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px}
  .cr .ico{width:20px;height:20px;color:var(--petrol);background:var(--petrol-soft);padding:9px;box-sizing:content-box;border-radius:11px;margin-bottom:10px}
  .cr small{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
  .cr b{display:block;font-size:1.15rem;color:var(--ink);margin:2px 0 4px;letter-spacing:-.01em}
  .cr p{font-size:.82rem;color:var(--ink-soft);margin:0}
  .who{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:18px;align-items:start}
  @media(max-width:860px){.who{grid-template-columns:1fr}}
  .who .txt p{color:var(--ink-soft);font-size:.98rem;margin:0 0 12px;max-width:66ch}
  .who .txt p b{color:var(--ink)}
  .who .box{background:var(--petrol-deep);color:#fff;border-radius:16px;padding:20px 22px}
  .who .box h3{color:#fff;font-size:1rem;margin:0 0 10px}
  .who .box ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:#CFE1E7}
  .who .box li{display:flex;gap:9px;align-items:flex-start}
  .who .box li .ico{width:15px;height:15px;color:#F4CD79;flex:none;margin-top:4px}
  .who .box .bad .ico{color:#F19E8C}
  .who .box h3.mt{margin-top:14px}
  .toolbar .dd-panel.dd-list{inset-inline-end:0}
  .othercats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  @media(max-width:860px){.othercats{grid-template-columns:1fr}}
  .oc{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:border-color .2s,box-shadow .2s}
  .oc:hover{border-color:var(--petrol);box-shadow:var(--shadow)}
  .oc b{display:block;font-size:.95rem}
  .oc small{font-size:.76rem;color:var(--muted);font-weight:600}
  .oc .ico{width:18px;height:18px;color:var(--petrol);flex:none}
  .oc.cur{border-color:var(--petrol);background:var(--petrol-soft)}
  .othercats{grid-template-columns:repeat(5,1fr)}
  @media(max-width:960px){.othercats{grid-template-columns:1fr 1fr 1fr}}
  @media(max-width:640px){.othercats{grid-template-columns:1fr 1fr}}
  @media(max-width:420px){.othercats{grid-template-columns:1fr}}
  .stops{margin-top:4px}
  .crit.tips2{grid-template-columns:1fr 1fr}
  @media(max-width:560px){.crit.tips2{grid-template-columns:1fr}}
  .fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
  @media(max-width:860px){.fit{grid-template-columns:1fr}}
  .fit div{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px 20px;font-size:.95rem;color:var(--ink-soft);line-height:1.65}
  .fit div b{color:var(--ink)}
  .pk{display:grid}
  .conn{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#fff;border:1.5px solid var(--line);border-radius:16px;overflow:hidden}
  @media(max-width:860px){.conn{grid-template-columns:1fr}}
  .cn{padding:18px 16px;border-left:1.5px solid var(--line);position:relative}
  .cn:first-child{border-left:none}
  @media(max-width:860px){.cn{border-left:none;border-top:1.5px solid var(--line)}.cn:first-child{border-top:none}}
  .cn small{display:block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
  .cn b{display:block;font-size:1.05rem;margin:2px 0 4px}
  .cn p{font-size:.8rem;color:var(--ink-soft);margin:0}
  .cn .lk{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.78rem;font-weight:800;color:var(--petrol);background:var(--petrol-soft);padding:5px 10px;border-radius:99px}
  .cn .lk .ico{width:13px;height:13px}
  .dcard .hc-img{height:220px}
  .dcard .hc-body p{min-height:0}
  .stops{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  @media(max-width:960px){ .stops{grid-template-columns:1fr 1fr;} }
  @media(max-width:600px){ .stops{grid-template-columns:1fr;} }
  .stop{background:#fff; border:1.5px solid var(--line); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column;}
  .stop .si{position:relative; height:150px; overflow:hidden;}
  .stop .si .tg{position:absolute; z-index:2; top:12px; inset-inline-start:12px; background:#fff; color:var(--petrol-dark); font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:5px 10px; border-radius:99px;}
  .stop .sb{padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px;}
  .stop h3{font-size:1rem;}
  .stop p{font-size:.84rem; color:var(--ink-soft);}
  .stop .sm{display:flex; gap:10px; flex-wrap:wrap; font-size:.72rem; font-weight:700; color:var(--muted); margin-top:4px;}
  .stop .sm span{display:inline-flex; align-items:center; gap:4px;}
  .stop .sm .ico{width:12px; height:12px; color:var(--teal);}