/* ============================================================
   Single Category (/egypt-nile-cruise/{slug}/) — page-UNIQUE CSS.
   Ported from prototype 04-single-category.html. Shared sections
   (phero, tstrip, section, tiptabs, faq, seo-grid…) come from
   sections.css. Scoped under .nct-main.
   ============================================================ */

.nct-main .phero-eyebrow .stars{color:#f5a623;letter-spacing:1px}

/* Fleet grid */
.nct-main .fleet-meta{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.4rem;flex-wrap:wrap;gap:.5rem}
.nct-main .fleet-meta .fm-count{font-size:.92rem;color:var(--muted)}
.nct-main .fleet-meta .fm-count b{color:var(--ink);font-weight:600}
.nct-main .ships{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media(max-width:980px){.nct-main .ships{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nct-main .ships{grid-template-columns:1fr}}
.nct-main .ship{position:relative;border-radius:20px;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 6px 22px rgba(15,29,61,.1);transition:transform .35s,box-shadow .35s;cursor:pointer}
.nct-main .ship:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(15,29,61,.22)}
/* Whole-card click: a transparent overlay link above all card content. */
.nct-main .sh-overlay{position:absolute;inset:0;z-index:4}
.nct-main .ship .sh-bg{position:absolute;inset:0;z-index:0}
.nct-main .ship .sh-bg img{width:100%;height:100%;object-fit:cover;transition:.7s}
.nct-main .ship:hover .sh-bg img{transform:scale(1.08)}
.nct-main .ship::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(9,16,35,.95) 0%,rgba(9,16,35,.62) 36%,rgba(9,16,35,.1) 66%,rgba(9,16,35,.32) 100%)}
.nct-main .ship .sh-top{position:relative;z-index:2;padding:1rem 1.1rem;display:flex;justify-content:space-between;align-items:flex-start}
.nct-main .ship .sh-tier{display:flex;gap:.12rem}
.nct-main .ship .sh-tier svg{width:13px;height:13px;fill:#f5a623}
.nct-main .ship .sh-rate{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 .ship .sh-rate .s{color:#f5a623}
.nct-main .ship .sh-spacer{flex:1;position:relative;z-index:2}
.nct-main .ship .sh-body{position:relative;z-index:2;padding:0 1.2rem 1.2rem}
.nct-main .ship h3{font-size:1.2rem;font-weight:600;line-height:1.18;letter-spacing:-.01em;margin-bottom:.7rem;color:#fff}
.nct-main .ship .sh-info{display:flex;gap:1.2rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.18);margin-bottom:.9rem;flex-wrap:wrap}
.nct-main .ship .sh-info .si{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:rgba(255,255,255,.9)}
.nct-main .ship .sh-info .si svg{width:15px;height:15px;stroke:var(--light);fill:none;stroke-width:2;flex:0 0 auto}
.nct-main .ship .sh-foot{display:flex;align-items:flex-end;justify-content:space-between}
.nct-main .ship .sh-price small{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:600}
.nct-main .ship .sh-price b{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.nct-main .ship .sh-price b span{font-size:.74rem;font-weight:400;color:rgba(255,255,255,.75)}
.nct-main .ship .sh-btn{background:#fff;color:var(--deep);font-size:.8rem;font-weight:600;padding:.65em 1em;border-radius:999px;display:inline-flex;align-items:center;gap:.4em;transition:.25s}
.nct-main .ship:hover .sh-btn{background:var(--orange);color:#fff}
.nct-main .ship.hidden{display:none}
.nct-main .loadmore{text-align:center;margin-top:2rem}
.nct-main .loadmore .lm-btn{background:#fff;color:var(--deep);border:1.5px solid var(--line);font-family:inherit;font-weight:600;font-size:.95rem;padding:.85em 2em;border-radius:999px;cursor:pointer;transition:.25s;display:inline-flex;align-items:center;gap:.5em}
.nct-main .loadmore .lm-btn:hover{border-color:var(--deep);transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,64,224,.14)}
.nct-main .loadmore .lm-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2}
.nct-main .loadmore .lm-note{font-size:.84rem;color:var(--muted);margin-top:.8rem}

/* Tier features */
.nct-main .feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
@media(max-width:980px){.nct-main .feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.nct-main .feat-grid{grid-template-columns:1fr}}
.nct-main .feat{text-align:center;padding:1.6rem 1.3rem;border-radius:20px;transition:.3s}
.nct-main .feat:hover{background:linear-gradient(165deg,#fff,var(--sky-2));box-shadow:0 20px 44px rgba(15,29,61,.1);transform:translateY(-5px)}
.nct-main .feat-ic{width:60px;height:60px;border-radius:17px;background:linear-gradient(135deg,var(--deep),var(--light));display:grid;place-items:center;margin:0 auto 1rem;box-shadow:0 12px 26px rgba(24,64,224,.24)}
.nct-main .feat-ic svg{width:29px;height:29px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nct-main .feat h3{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}
.nct-main .feat p{font-size:.89rem;color:var(--muted);line-height:1.6}