/*
 * Aswan Luxor Cruises — v3: cruise-category 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.1fr .9fr;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)}