.lot-crazy-page {
    --lot-navy: #071c49;
    --lot-blue: #123c7c;
    --lot-red: #c3192d;
    --lot-ink: #0b2f67;
    --lot-muted: #5b6f8e;
    --lot-line: #d9e4f3;
    --lot-soft: #f4f8fe;
    background: linear-gradient(180deg, #f1f6fd 0, #fff 560px);
    color: var(--lot-ink);
    padding: 32px 0 72px;
}

.lot-crazy-page__container { max-width: 1650px; }

.lot-crazy-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 26px;
    color: #637593;
    font-size: .93rem;
    font-weight: 650;
}
.lot-crazy-breadcrumb a { color: #194f9e; text-decoration: none; }
.lot-crazy-breadcrumb a:hover { text-decoration: underline; }
.lot-crazy-search { margin: 0 0 28px; }

.lot-crazy-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(360px, .75fr);
    gap: 52px;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding: 58px;
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 86% 12%, rgba(255,255,255,.16), transparent 27%),
        linear-gradient(135deg, var(--lot-navy), #113f85 72%, #092455);
    box-shadow: 0 24px 55px rgba(8, 34, 77, .18);
}
.lot-crazy-hero::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -165px;
    width: 390px;
    height: 390px;
    border: 56px solid rgba(255,255,255,.06);
    border-radius: 50%;
    pointer-events: none;
}
.lot-crazy-hero__copy,
.lot-crazy-hero__stats { position: relative; z-index: 1; }
.lot-crazy-eyebrow,
.lot-crazy-section-heading > div > p {
    margin: 0 0 12px;
    color: #b8d5ff;
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.lot-crazy-hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2.55rem, 5vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.045em;
}
.lot-crazy-hero__lead {
    max-width: 800px;
    margin: 24px 0 0;
    color: #edf4ff;
    font-size: 1.16rem;
    line-height: 1.65;
}
.lot-crazy-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 30px;
}
.lot-crazy-freshness { margin: 18px 0 0; color: #bed2ef; font-size: .88rem; }
.lot-crazy-hero__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.lot-crazy-hero__stats article {
    min-height: 138px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 20px;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(8px);
}
.lot-crazy-hero__stats article:first-child { grid-column: 1 / -1; min-height: 120px; }
.lot-crazy-hero__stats small { color: #c7d8f2; font-weight: 700; line-height: 1.35; }
.lot-crazy-hero__stats strong { margin-top: 8px; color: #fff; font-size: 1.75rem; line-height: 1.1; }

.lot-crazy-jump {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    margin: 22px 0 0;
    padding: 0 0 6px;
    scrollbar-width: thin;
}
.lot-crazy-jump a {
    flex: 0 0 auto;
    padding: 11px 16px;
    border: 1px solid #cbd9ed;
    border-radius: 999px;
    color: #153c78;
    background: #fff;
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
}
.lot-crazy-jump a:hover { border-color: #1f5fb7; background: #edf5ff; }

.lot-crazy-featured,
.lot-crazy-routes,
.lot-crazy-destinations,
.lot-crazy-guide,
.lot-crazy-faq,
.lot-crazy-empty {
    margin-top: 52px;
    scroll-margin-top: 125px;
}
.lot-crazy-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .65fr);
    gap: 36px;
    align-items: end;
    margin-bottom: 22px;
}
.lot-crazy-section-heading > div > p { color: #1e64ba; }
.lot-crazy-section-heading h2 {
    margin: 0;
    color: var(--lot-ink);
    font-size: clamp(2rem, 3.2vw, 3.15rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}
.lot-crazy-section-heading > p { margin: 0; color: var(--lot-muted); line-height: 1.65; }

.lot-crazy-featured__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.lot-crazy-feature-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 22px;
    border: 1px solid var(--lot-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(17, 56, 111, .08);
}
.lot-crazy-feature-card__top {
    display: flex;
    min-height: 38px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    color: #61728c;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.lot-crazy-feature-card__top b { padding: 5px 7px; border-radius: 7px; color: #08743f; background: #e8f8ee; font-size: .66rem; }
.lot-crazy-feature-card h3 { margin: 10px 0 18px; font-size: 1.24rem; line-height: 1.3; }
.lot-crazy-feature-card h3 a { color: var(--lot-ink); text-decoration: none; }
.lot-crazy-feature-card h3 a:hover { color: #1b63b9; text-decoration: underline; text-underline-offset: 3px; }
.lot-crazy-feature-card__meta { display: flex; flex-wrap: wrap; gap: 14px 24px; margin: auto 0 20px; color: #586d8d; }
.lot-crazy-feature-card__meta span { display: flex; flex-direction: column; gap: 3px; }
.lot-crazy-feature-card__meta small { font-size: .72rem; text-transform: uppercase; }
.lot-crazy-feature-card__meta strong { color: #263f65; font-size: .87rem; }
.lot-crazy-feature-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 17px; border-top: 1px solid #e7eef8; }
.lot-crazy-feature-card__footer span { color: #627590; font-size: .85rem; }
.lot-crazy-feature-card__footer span strong { color: #cf3d00; font-size: 1.35rem; }
.lot-crazy-feature-card__footer a {
    padding: 10px 13px;
    border-radius: 10px;
    color: #fff;
    background: #154e9e;
    font-size: .82rem;
    font-weight: 850;
    text-decoration: none;
}

.lot-crazy-route-list { overflow: hidden; border: 1px solid var(--lot-line); border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(17, 56, 111, .06); }
.lot-crazy-route-row {
    display: grid;
    grid-template-columns: minmax(270px, 1.2fr) minmax(250px, 1fr) 145px 105px;
    gap: 22px;
    align-items: center;
    padding: 19px 22px;
    border-bottom: 1px solid #e6edf7;
}
.lot-crazy-route-row:last-child { border-bottom: 0; }
.lot-crazy-route-row__name { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: var(--lot-ink); text-decoration: none; }
.lot-crazy-route-row__name small { color: #3770b7; font-size: .76rem; font-weight: 850; letter-spacing: .04em; }
.lot-crazy-route-row__name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lot-crazy-route-row__name:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.lot-crazy-route-row__facts { display: flex; flex-wrap: wrap; gap: 7px; }
.lot-crazy-route-row__facts span { padding: 6px 9px; border-radius: 999px; color: #566d8e; background: var(--lot-soft); font-size: .75rem; font-weight: 700; }
.lot-crazy-route-row__price { color: #657794; font-size: .8rem; white-space: nowrap; }
.lot-crazy-route-row__price strong { display: block; color: #d04a00; font-size: 1.25rem; }
.lot-crazy-route-row__cta { color: #1552a0; font-weight: 850; text-align: right; text-decoration: none; }

.lot-crazy-destinations__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.lot-crazy-destination-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--lot-line);
    border-radius: 16px;
    color: var(--lot-ink);
    background: #fff;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lot-crazy-destination-card:hover { transform: translateY(-2px); border-color: #78a8e2; box-shadow: 0 12px 24px rgba(17, 56, 111, .1); }
.lot-crazy-destination-card > span { display: flex; min-width: 0; flex-direction: column; }
.lot-crazy-destination-card > span:nth-child(2) { align-items: flex-end; text-align: right; }
.lot-crazy-destination-card small,
.lot-crazy-destination-card em { color: #71829d; font-size: .72rem; font-style: normal; }
.lot-crazy-destination-card strong { margin: 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lot-crazy-destination-card > span:nth-child(2) strong { color: #d04a00; }
.lot-crazy-destination-card > i { color: #1b5eb2; font-style: normal; font-size: 1.25rem; }

.lot-crazy-guide {
    padding: 34px;
    border: 1px solid #cedcef;
    border-radius: 24px;
    background: #f5f9ff;
}
.lot-crazy-guide__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lot-crazy-guide__grid article { padding: 24px; border: 1px solid #dce7f5; border-radius: 16px; background: #fff; }
.lot-crazy-guide__grid h3 { margin: 0 0 10px; font-size: 1.15rem; }
.lot-crazy-guide__grid p { margin: 0; color: #556b8b; line-height: 1.7; }
.lot-crazy-faq__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lot-crazy-faq details { border: 1px solid var(--lot-line); border-radius: 14px; background: #fff; }
.lot-crazy-faq summary { cursor: pointer; padding: 18px 50px 18px 20px; color: var(--lot-ink); font-weight: 850; line-height: 1.45; }
.lot-crazy-faq details p { margin: 0; padding: 0 20px 20px; color: #566c8a; line-height: 1.7; }

.lot-crazy-empty { padding: 34px; border: 1px solid var(--lot-line); border-radius: 22px; background: #fff; text-align: center; }
.lot-crazy-empty h2 { margin: 0 0 12px; font-size: 2rem; }
.lot-crazy-empty p { max-width: 740px; margin: 0 auto 20px; color: var(--lot-muted); line-height: 1.65; }

.lot-crazy-related {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--lot-line);
}
.lot-crazy-related strong { margin-right: 4px; }
.lot-crazy-related a { padding: 9px 12px; border-radius: 9px; color: #174f9c; background: #eef5ff; font-weight: 750; text-decoration: none; }

@media (max-width: 1180px) {
    .lot-crazy-hero { grid-template-columns: 1fr; }
    .lot-crazy-hero__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lot-crazy-hero__stats article:first-child { grid-column: auto; min-height: 138px; }
    .lot-crazy-featured__grid,
    .lot-crazy-destinations__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lot-crazy-route-row { grid-template-columns: minmax(240px, 1.15fr) minmax(200px, 1fr) 120px 85px; gap: 14px; }
}

@media (max-width: 760px) {
    .lot-crazy-page { padding-top: 20px; }
    .lot-crazy-hero { padding: 32px 22px; border-radius: 22px; }
    .lot-crazy-hero h1 { font-size: clamp(2.35rem, 12vw, 3.4rem); }
    .lot-crazy-hero__lead { font-size: 1rem; }
    .lot-crazy-hero__stats { grid-template-columns: 1fr; }
    .lot-crazy-hero__stats article:first-child { grid-column: auto; }
    .lot-crazy-hero__stats article { min-height: 105px; }
    .lot-crazy-section-heading { grid-template-columns: 1fr; gap: 12px; }
    .lot-crazy-featured__grid,
    .lot-crazy-destinations__grid,
    .lot-crazy-guide__grid,
    .lot-crazy-faq__list { grid-template-columns: 1fr; }
    .lot-crazy-route-row { grid-template-columns: 1fr auto; gap: 12px; }
    .lot-crazy-route-row__name { grid-column: 1 / -1; }
    .lot-crazy-route-row__facts { grid-column: 1 / -1; }
    .lot-crazy-route-row__price strong { display: inline; margin-left: 3px; }
    .lot-crazy-guide { padding: 24px 16px; }
}
