/*
 * KUNSH TRIPS — Desert Camp page
 * Visual direction based on the supplied Kunsh Trips screenshot.
 */

.kt-desert-page {
    --kt-ink:#201914;
    --kt-muted:#6e6258;
    --kt-sand:#f8d4ab;
    --kt-gold:#ffc86f;
    --kt-gold-dark:#b87922;
    --kt-cream:#fff7ed;
    --kt-line:#e7d8c7;
    --kt-dark:#090807;
    --kt-green:#18c76a;
    color:var(--kt-ink);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.kt-desert-page *,
.kt-desert-page *::before,
.kt-desert-page *::after { box-sizing:border-box; }

.kt-container { width:min(92%,1200px); margin:0 auto; }
.kt-narrow { max-width:880px; }

.kt-topbar {
    background:#fff;
    border-bottom:1px solid #eee4da;
    font-size:13px;
    color:#51463e;
}

.kt-topbar-inner {
    min-height:35px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.kt-topbar a { color:inherit; text-decoration:none; }
.kt-divider { margin:0 8px; color:#b8aaa0; }
.kt-topbar-note { letter-spacing:.12em; text-transform:uppercase; font-size:10px; }

.kt-page-header {
    background:rgba(248,212,171,.98);
    position:relative;
    z-index:30;
}

.kt-nav {
    min-height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.kt-brand {
    color:#241b15;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    min-width:200px;
}

.kt-brand-name {
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
}

.kt-brand-sub {
    font-size:9px;
    letter-spacing:.28em;
    margin-top:4px;
    color:#756456;
}

.kt-menu {
    display:flex;
    align-items:center;
    gap:30px;
}

.kt-menu > a {
    color:#332a23;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
}

.kt-call-button {
    background:var(--kt-gold);
    padding:11px 22px;
    border-radius:7px;
}

.kt-menu-toggle { display:none; }

.kt-hero {
    min-height:650px;
    position:relative;
    display:flex;
    align-items:center;
    background-image:var(--kt-hero-image);
    background-position:center;
    background-size:cover;
    color:#fff;
    overflow:hidden;
}

.kt-hero-overlay {
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.43) 45%,rgba(0,0,0,.18) 100%),
        linear-gradient(0deg,rgba(0,0,0,.42),transparent 50%);
}

.kt-hero-content {
    position:relative;
    z-index:2;
    padding:90px 0;
}

.kt-pill {
    display:inline-flex;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(20,20,20,.45);
    padding:8px 17px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
}

.kt-hero h1 {
    max-width:760px;
    margin:28px 0 22px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(42px,6vw,78px);
    line-height:.99;
    letter-spacing:-.045em;
}

.kt-hero-text {
    max-width:690px;
    color:#f8f5f0;
    font-size:17px;
    line-height:1.7;
}

.kt-actions,
.kt-booking-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.kt-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:13px 23px;
    border-radius:7px;
    text-decoration:none;
    font-size:12px;
    font-weight:850;
    letter-spacing:.08em;
    transition:transform .2s ease,opacity .2s ease;
}

.kt-btn:hover { transform:translateY(-2px); opacity:.92; }

.kt-btn-gold { background:var(--kt-gold); color:#241b15; }
.kt-btn-outline { color:#fff; border:1px solid rgba(255,255,255,.75); }
.kt-btn-outline-light { color:#fff; border:1px solid rgba(255,255,255,.5); }
.kt-btn-green { background:var(--kt-green); color:#07160d; }

.kt-section { padding:92px 0; }

.kt-cream { background:var(--kt-cream); }

.kt-kicker {
    display:block;
    color:var(--kt-gold-dark);
    font-size:11px;
    font-weight:850;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:12px;
}

.kt-kicker-light { color:#ffd58c; }

.kt-section h2,
.kt-booking h2 {
    margin:0 0 20px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(32px,4vw,55px);
    line-height:1.05;
    letter-spacing:-.035em;
}

.kt-section p {
    color:var(--kt-muted);
    font-size:16px;
}

.kt-intro { text-align:center; }
.kt-intro p { max-width:800px; margin:0 auto 15px; }
.kt-section-lead { max-width:760px; margin:0 auto 30px; text-align:center; }

.kt-table-wrap {
    overflow-x:auto;
    border:1px solid var(--kt-line);
    border-radius:14px;
    background:#fff;
}

.kt-price-table {
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}

.kt-price-table th,
.kt-price-table td {
    padding:17px;
    text-align:left;
    border-bottom:1px solid var(--kt-line);
    vertical-align:top;
}

.kt-price-table th {
    background:#211a15;
    color:#fff;
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.kt-price-table tbody tr:last-child td { border-bottom:0; }
.kt-price-table small { color:var(--kt-muted); }

.kt-note {
    color:#796b5f !important;
    font-size:13px !important;
    margin-top:13px;
}

.kt-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:35px;
}

.kt-card {
    padding:30px;
    border:1px solid var(--kt-line);
    border-radius:12px;
    background:#fff;
    position:relative;
    box-shadow:0 12px 30px rgba(54,37,23,.06);
}

.kt-card-number {
    color:#b87922;
    font-size:12px;
    font-weight:850;
    letter-spacing:.1em;
}

.kt-card h3 {
    margin:35px 0 15px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
}

.kt-card li { margin-bottom:8px; color:#655a52; }

.kt-dark-section {
    background:var(--kt-dark);
    color:#fff;
}

.kt-dark-section p { color:#c8beb6; }

.kt-two-col {
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;
}

.kt-dark-card {
    border:1px solid rgba(255,255,255,.15);
    padding:10px;
    border-radius:14px;
}

.kt-dark-card div {
    padding:20px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.kt-dark-card div:last-child { border-bottom:0; }

.kt-dark-card strong,
.kt-dark-card span {
    display:block;
}

.kt-dark-card strong { color:#fff; }
.kt-dark-card span { color:#a99d94; margin-top:4px; font-size:14px; }

.kt-photo-card {
    min-height:450px;
    border-radius:14px;
    background:
        linear-gradient(0deg,rgba(0,0,0,.25),transparent),
        var(--kt-photo) center/cover no-repeat;
}

.kt-text-link {
    color:var(--kt-gold-dark);
    font-weight:800;
    text-decoration:none;
}

.kt-feature-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:35px;
}

.kt-feature-grid > div {
    padding:25px;
    border-top:2px solid var(--kt-gold);
    background:#fff;
}

.kt-feature-grid span {
    color:#b87922;
    font-size:11px;
    font-weight:850;
}

.kt-feature-grid h3 { margin:20px 0 8px; font-family:Georgia,"Times New Roman",serif; }

.kt-gallery {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:30px;
}

.kt-gallery figure {
    margin:0;
    overflow:hidden;
    border-radius:9px;
    background:#eee;
}

.kt-gallery img {
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    transition:transform .35s ease;
}

.kt-gallery figure:hover img { transform:scale(1.05); }

.kt-links {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:25px;
}

.kt-links a {
    background:#fff;
    border:1px solid var(--kt-line);
    border-radius:9px;
    padding:17px;
    color:#3c3028;
    text-decoration:none;
    font-weight:750;
}

.kt-faq details {
    border-bottom:1px solid var(--kt-line);
    padding:18px 0;
}

.kt-faq summary {
    cursor:pointer;
    font-weight:800;
    color:#30251f;
}

.kt-faq p { margin:12px 0 0; }

.kt-booking {
    padding:75px 0;
    background:#1b1511;
    color:#fff;
}

.kt-booking-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}

.kt-booking h2 { color:#fff; }
.kt-booking p { color:#cfc4bb; max-width:680px; }

.kt-booking-actions {
    margin:0;
    min-width:320px;
}

.kt-floating-whatsapp {
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99;
}

.kt-floating-whatsapp a {
    width:56px;
    height:56px;
    border-radius:50%;
    background:var(--kt-green);
    color:#06230f;
    display:grid;
    place-items:center;
    text-decoration:none;
    box-shadow:0 8px 25px rgba(0,0,0,.22);
    font-size:20px;
}

@media (max-width:900px) {
    .kt-menu-toggle {
        display:block;
        background:transparent;
        border:1px solid #92765f;
        padding:8px 13px;
        border-radius:6px;
        font-weight:750;
    }

    .kt-menu {
        display:none;
        position:absolute;
        left:4%;
        right:4%;
        top:74px;
        padding:15px;
        background:#f8d4ab;
        border:1px solid #d9b88e;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        box-shadow:0 15px 30px rgba(0,0,0,.1);
    }

    .kt-menu.is-open { display:flex; }

    .kt-menu > a { padding:13px 8px; }
    .kt-call-button { text-align:center; }

    .kt-cards,
    .kt-feature-grid { grid-template-columns:repeat(2,1fr); }

    .kt-two-col { grid-template-columns:1fr; gap:35px; }
    .kt-gallery { grid-template-columns:repeat(2,1fr); }
    .kt-booking-inner { flex-direction:column; align-items:flex-start; }
}

@media (max-width:600px) {
    .kt-topbar-inner { padding:7px 0; align-items:flex-start; }
    .kt-topbar-note { display:none; }
    .kt-divider { display:none; }

    .kt-hero { min-height:650px; }
    .kt-hero-content { padding:70px 0; }
    .kt-hero h1 { font-size:43px; }
    .kt-hero-text { font-size:15px; }

    .kt-actions,
    .kt-actions .kt-btn,
    .kt-booking-actions,
    .kt-booking-actions .kt-btn { width:100%; }

    .kt-section { padding:65px 0; }

    .kt-cards,
    .kt-feature-grid,
    .kt-gallery,
    .kt-links { grid-template-columns:1fr; }

    .kt-photo-card { min-height:330px; }

    .kt-booking-actions { min-width:0; }
}
