/* ============================================================
   Packages (/egypt-tours-with-nile-cruise/) — page-UNIQUE CSS.
   Ported from prototype 05-packages.html. Shared sections come
   from sections.css. Scoped under .nct-main.
   ============================================================ */

.nct-main .pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
@media(max-width:980px){.nct-main .pkgs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nct-main .pkgs{grid-template-columns:1fr}}
.nct-main .pkg{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(15,29,61,.07);transition:transform .32s,box-shadow .32s;cursor:pointer}
.nct-main .pkg:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(15,29,61,.16)}
/* Whole-card click: a transparent overlay link above all card content. */
.nct-main .pkg-overlay{position:absolute;inset:0;z-index:4}
.nct-main .pkg-img{position:relative;aspect-ratio:16/10;overflow:hidden}
.nct-main .pkg-img img{width:100%;height:100%;object-fit:cover;transition:.7s}
.nct-main .pkg:hover .pkg-img img{transform:scale(1.08)}
.nct-main .pkg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,16,35,.5),transparent 50%)}
.nct-main .pkg-days{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);color:var(--ink);font-size:.78rem;font-weight:600;padding:.4em .85em;border-radius:999px;display:flex;align-items:center;gap:.4em;box-shadow:0 6px 16px rgba(15,29,61,.18)}
.nct-main .pkg-days svg{width:14px;height:14px;stroke:var(--deep);fill:none;stroke-width:2}
.nct-main .pkg-badge{position:absolute;top:12px;right:12px;z-index:2;background:var(--orange);color:#fff;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.4em .8em;border-radius:999px;box-shadow:0 6px 16px rgba(244,123,32,.4)}
.nct-main .pkg-rate{position:absolute;bottom:12px;right:12px;z-index:2;display:flex;align-items:center;gap:.3em;background:rgba(255,255,255,.95);color:var(--ink);font-size:.76rem;font-weight:600;padding:.3em .65em;border-radius:999px}
.nct-main .pkg-rate .s{color:#f5a623}
.nct-main .pkg-body{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;flex:1}
.nct-main .pkg-cities{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem}
.nct-main .pkg-city{font-size:.72rem;font-weight:600;color:var(--deep);background:var(--sky-2);padding:.3em .7em;border-radius:6px}
.nct-main .pkg-city.arrow{background:none;padding:0;color:var(--muted)}
.nct-main .pkg-body h3{font-size:1.15rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;margin-bottom:.8rem;color:var(--ink)}
.nct-main .pkg-hl{list-style:none;display:grid;gap:.45rem;margin-bottom:1.1rem}
.nct-main .pkg-hl li{display:flex;gap:.5rem;font-size:.85rem;color:var(--muted);line-height:1.4}
.nct-main .pkg-hl li svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px;stroke:#fff;fill:none;stroke-width:3;background:var(--ok);border-radius:50%;padding:3px}
.nct-main .pkg-foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between}
.nct-main .pkg-price small{display:block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.nct-main .pkg-price b{font-size:1.5rem;font-weight:700;color:var(--orange);letter-spacing:-.02em;line-height:1}
.nct-main .pkg-price b span{font-size:.74rem;font-weight:400;color:var(--muted)}
.nct-main .pkg-btn{background:var(--sky-2);color:var(--deep);font-size:.82rem;font-weight:600;padding:.6em 1em;border-radius:999px;display:inline-flex;align-items:center;gap:.4em;transition:.25s}
.nct-main .pkg:hover .pkg-btn{background:var(--deep);color:#fff}