:root {
  --tour-cream: #ead5ad;
  --tour-paper: #f2e1c1;
  --tour-paper-deep: #d9ba86;
  --tour-red: #8d2d24;
  --tour-green: #294b43;
  --tour-black: #20211d;
  --tour-line: rgba(76, 54, 31, .24);
}

.tour-page,
.tour-detail-page {
  min-height: 70vh;
  background:
    radial-gradient(circle at 15% 7%, rgba(255,255,255,.3), transparent 27%),
    linear-gradient(rgba(232,211,173,.9), rgba(232,211,173,.9));
}

.tour-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  overflow: hidden;
  padding-top: 66px;
  align-items: center;
  background: #dfc499 url('../images/tour/tour-hero.png') center / cover no-repeat;
  border-bottom: 1px solid rgba(77,51,28,.32);
}
.tour-hero::before,
.tour-hero::after {
  position: absolute;
  content: "";
  pointer-events: none;
}
.tour-hero::before {
  display: none;
}
.tour-hero::after {
  display: none;
}
.tour-hero__inner { position: relative; z-index: 2; padding-block: 70px; }
.tour-hero__eyebrow { color: #4e3828; font-size: 21px; }
.tour-hero h1 { max-width: 690px; margin: 8px 0 15px; color: #20211d; font-size: clamp(50px, 6.4vw, 90px); font-weight: 500; line-height: 1.23; }
.tour-hero h1 em { color: var(--tour-red); font-style: normal; }
.tour-hero p { max-width: 620px; margin: 0 0 28px; color: #4e4335; font-size: 16px; line-height: 2; }
.tour-hero__inner > a { display: inline-flex; padding: 11px 24px; align-items: center; gap: 10px; color: #f6e7c8; border-radius: 6px; background: var(--tour-green); box-shadow: 0 6px 18px rgba(35,31,24,.18); font-size: 13px; }
.tour-hero__seal { position: absolute; z-index: 2; right: 45%; bottom: 75px; width: 128px; height: 128px; display: grid; place-content: center; border: 2px solid rgba(246,231,200,.45); border-radius: 50%; color: #f6e7c8; background: rgba(141,45,36,.9); text-align: center; font-size: 13px; line-height: 1.8; transform: rotate(-8deg); }
.tour-hero__art { display: none; }

.tour-list-shell { padding-block: 30px 70px; }
.tour-page-heading { display: flex; margin-bottom: 18px; align-items: end; justify-content: space-between; }
.tour-page-heading span { color: #7d6750; font-size: 12px; }
.tour-page-heading h2 { margin: 5px 0 0; font-size: clamp(30px, 3vw, 44px); font-weight: 500; }

.tour-category-filter { display: flex; margin-bottom: 22px; padding: 11px; overflow-x: auto; align-items: center; gap: 8px; border: 1px solid var(--tour-line); border-radius: 8px; background: rgba(242,225,193,.82); box-shadow: 0 6px 18px rgba(61,42,23,.08); scrollbar-width: thin; }
.tour-category-pill { min-width: 120px; display: inline-flex; padding: 10px 18px; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 6px; color: #493d31; background: rgba(218,186,134,.45); white-space: nowrap; font-size: 12px; transition: .2s ease; }
.tour-category-pill i { color: #8a6028; font-size: 17px; }
.tour-category-pill:hover { border-color: rgba(141,45,36,.25); transform: translateY(-1px); }
.tour-category-pill.is-active { color: #f6e7c8; background: var(--tour-black); }
.tour-category-pill.is-active i { color: #d7ae6d; }

.tour-pinned { min-height: 410px; display: grid; overflow: hidden; direction: ltr; margin-bottom: 22px; border: 1px solid rgba(70,49,27,.32); border-radius: 9px; color: #f4e4c6; background: #20211d; box-shadow: 0 12px 32px rgba(43,30,17,.2); grid-template-columns: 58% 42%; }
.tour-pinned__media { position: relative; min-height: 410px; overflow: hidden; }
.tour-pinned__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, transparent 58%, rgba(31,32,28,.92)); }
.tour-pinned__media img { width: 100%; height: 100%; display: block; object-fit: cover; filter: sepia(.45) saturate(.72) contrast(1.04); transition: transform .5s ease; }
.tour-pinned:hover img { transform: scale(1.025); }
.tour-pinned__ribbon { position: absolute; z-index: 2; top: 0; left: 24px; width: 84px; min-height: 115px; display: flex; padding: 18px 8px; align-items: center; justify-content: center; gap: 7px; color: #f6e7c8; background: var(--tour-red); text-align: center; flex-direction: column; font-size: 12px; clip-path: polygon(0 0,100% 0,100% 100%,50% 84%,0 100%); }
.tour-pinned__content { display: flex; padding: 48px 38px; direction: rtl; justify-content: center; flex-direction: column; }
.tour-pinned__categories { display: flex; gap: 6px; }
.tour-pinned__categories span { padding: 3px 9px; color: #cfaa70; border: 1px solid rgba(207,170,112,.42); border-radius: 3px; font-size: 11px; }
.tour-pinned h2 { margin: 12px 0 10px; color: #f3ddb6; font-size: clamp(28px, 3vw, 43px); font-weight: 500; line-height: 1.5; }
.tour-pinned p { margin: 0; color: rgba(246,231,200,.74); font-size: 12px; line-height: 2.05; }
.tour-pinned__facts { display: grid; margin: 23px 0 21px; grid-template-columns: repeat(3,1fr); }
.tour-pinned__facts div { padding-inline: 13px; border-left: 1px solid rgba(246,231,200,.2); }
.tour-pinned__facts div:last-child { border-left: 0; }
.tour-pinned__facts dt { color: #c5a46f; font-size: 11px; }
.tour-pinned__facts dd { margin: 3px 0 0; font-size: 12px; }
.tour-primary-button { width: fit-content; display: inline-flex; padding: 9px 21px; color: #f6e7c8; border: 1px solid rgba(246,231,200,.4); border-radius: 4px; background: var(--tour-red); font-size: 12px; }

.tour-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.tour-card { overflow: hidden; border: 1px solid rgba(83,60,34,.24); border-radius: 8px; background: rgba(244,229,201,.96); box-shadow: 0 5px 16px rgba(62,43,24,.09); transition: transform .25s ease, box-shadow .25s ease; }
.tour-card:hover { box-shadow: 0 12px 28px rgba(62,43,24,.15); transform: translateY(-4px); }
.tour-card__media { position: relative; height: 210px; display: block; overflow: hidden; background: #34352e; }
.tour-card__media img { width: 100%; height: 100%; display: block; object-fit: cover; filter: sepia(.28) saturate(.78); transition: .4s ease; }
.tour-card:hover .tour-card__media img { filter: sepia(.08) saturate(.95); transform: scale(1.04); }
.tour-card__badge { position: absolute; top: 11px; right: 11px; padding: 4px 11px; color: #f6e7c8; border-radius: 3px; background: rgba(41,75,67,.92); font-size: 11px; }
.tour-card__featured { position: absolute; top: 10px; left: 10px; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #f0c986; background: rgba(32,33,29,.9); font-size: 12px; }
.tour-card__body { padding: 17px 17px 18px; }
.tour-card h3 { min-height: 58px; margin: 0 0 5px; font-size: 18px; font-weight: 500; line-height: 1.65; }
.tour-card__route { min-height: 45px; margin: 0 0 10px; color: #6e5b43; font-size: 12px; line-height: 1.9; }
.tour-card__route i { margin-left: 6px; color: var(--tour-red); }
.tour-card__meta { display: grid; padding-block: 11px; gap: 5px; border-block: 1px solid var(--tour-line); color: #695943; font-size: 11px; }
.tour-card__meta span { display: flex; align-items: center; gap: 7px; }
.tour-card__meta i { width: 14px; color: var(--tour-red); text-align: center; }
.tour-card__footer { display: flex; margin-top: 13px; align-items: center; justify-content: space-between; gap: 10px; }
.tour-card__footer strong { color: #4a3929; font-size: 13px; }.tour-card__footer small { font-size: 10px; font-weight: 400; }
.tour-card__footer a { padding: 6px 12px; color: #f6e7c8; border-radius: 3px; background: var(--tour-red); font-size: 11px; }
.tour-pagination { display: flex; margin-top: 28px; align-items: center; justify-content: center; gap: 7px; }
.tour-pagination a,.tour-pagination span { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid var(--tour-line); border-radius: 4px; background: rgba(242,225,193,.8); font-size: 12px; }
.tour-pagination .is-current { color: #f6e7c8; border-color: var(--tour-red); background: var(--tour-red); }
.tour-empty { min-height: 300px; display: grid; padding: 35px; place-content: center; justify-items: center; border: 1px dashed rgba(83,60,34,.35); border-radius: 8px; background: rgba(242,225,193,.75); text-align: center; }.tour-empty i { color: var(--tour-red); font-size: 52px; }.tour-empty h2 { margin: 14px 0 4px; }.tour-empty p { margin: 0; color: #6f5e48; }

/* Detail */
.tour-detail-hero { position: relative; min-height: 510px; display: flex; overflow: hidden; padding-top: 66px; align-items: flex-end; background: #242720; }
.tour-detail-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: sepia(.35) saturate(.75); }
.tour-detail-hero__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(24,24,20,.96), rgba(24,24,20,.18) 70%), linear-gradient(90deg, rgba(24,24,20,.1), rgba(24,24,20,.55)); }
.tour-detail-hero__content { position: relative; z-index: 2; padding-bottom: 50px; color: #f6e7c8; }
.tour-detail-hero nav { display: flex; margin-bottom: 24px; align-items: center; gap: 9px; color: rgba(246,231,200,.72); font-size: 12px; }.tour-detail-hero nav i { font-size: 10px; }
.tour-detail-hero__categories { display: flex; gap: 7px; }.tour-detail-hero__categories span { padding: 4px 11px; border: 1px solid rgba(246,231,200,.35); border-radius: 3px; background: rgba(141,45,36,.75); font-size: 11px; }
.tour-detail-hero h1 { max-width: 900px; margin: 13px 0 7px; color: #f2d8aa; font-size: clamp(42px, 6vw, 78px); font-weight: 500; line-height: 1.35; }
.tour-detail-hero p { max-width: 820px; margin: 0; color: rgba(246,231,200,.78); font-size: 14px; }
.tour-detail-shell { position: relative; display: grid; padding-block: 28px 70px; align-items: start; grid-template-columns: 310px minmax(0,1fr); gap: 20px; }
.tour-booking-card { position: sticky; top: 82px; overflow: hidden; padding: 25px; border: 1px solid var(--tour-line); border-radius: 8px; background: rgba(242,225,193,.97); box-shadow: 0 9px 27px rgba(59,41,22,.14); }
.tour-booking-card > span { color: #78634a; font-size: 12px; }.tour-booking-card > strong { display: block; margin: 2px 0 17px; color: var(--tour-red); font-size: 26px; }.tour-booking-card > strong small { font-size: 12px; font-weight: 400; }
.tour-booking-card dl { margin: 0 0 18px; }.tour-booking-card dl div { display: grid; padding: 11px 0; border-bottom: 1px solid var(--tour-line); grid-template-columns: 1fr auto; gap: 12px; }.tour-booking-card dt,.tour-booking-card dd { margin: 0; font-size: 12px; }.tour-booking-card dt { color: #675642; }.tour-booking-card dt i { width: 18px; color: var(--tour-red); }.tour-booking-card dd { text-align: left; }
.tour-booking-button { width: 100%; display: flex; padding: 10px; justify-content: center; color: #f6e7c8; border-radius: 4px; background: var(--tour-red); font-size: 12px; }.tour-booking-card > small { display: block; margin-top: 8px; color: #7b6953; text-align: center; font-size: 10px; }
.tour-detail-main { min-width: 0; display: grid; gap: 17px; }
.tour-detail-section { padding: clamp(24px,3vw,40px); border: 1px solid var(--tour-line); border-radius: 8px; background: rgba(244,230,204,.96); box-shadow: 0 6px 20px rgba(61,43,25,.08); }
.tour-section-heading { margin-bottom: 20px; padding-bottom: 13px; border-bottom: 1px solid var(--tour-line); }.tour-section-heading span { color: var(--tour-red); font-size: 12px; }.tour-section-heading h2 { margin: 1px 0 0; font-size: clamp(23px,2.4vw,32px); font-weight: 500; }
.tour-richtext { color: #504334; font-size: 14px; line-height: 2.25; }.tour-richtext p { margin: 0 0 15px; }.tour-richtext img { max-width: 100%; height: auto; }
.tour-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.tour-gallery figure { position: relative; height: 220px; margin: 0; overflow: hidden; border-radius: 5px; }.tour-gallery figure:first-child { grid-column: span 2; }.tour-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; filter: sepia(.2) saturate(.82); }.tour-gallery figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 14px 10px 7px; color: #f6e7c8; background: linear-gradient(transparent,rgba(20,20,17,.85)); font-size: 11px; }
.tour-video { min-height: 210px; display: grid; place-items: center; overflow: hidden; border-radius: 6px; color: #f2d8aa; background: #171916; }.tour-video video { width: 100%; max-height: 680px; display: block; background: #111; object-fit: contain; }
.tour-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.tour-info-grid > div { min-height: 110px; display: grid; padding: 18px; align-content: start; border: 1px solid var(--tour-line); border-radius: 5px; background: rgba(232,211,173,.45); grid-template-columns: 35px 1fr; }.tour-info-grid i { grid-row: span 2; color: var(--tour-red); font-size: 20px; }.tour-info-grid span { color: #7a6750; font-size: 11px; }.tour-info-grid strong { margin-top: 5px; font-size: 12px; font-weight: 500; line-height: 1.9; }
.tour-guide-card { display: grid; align-items: center; grid-template-columns: 150px minmax(0,1fr); gap: 25px; }.tour-guide-card > img,.tour-guide-card__placeholder { width: 150px; height: 150px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: #273b35; color: #d8b478; font-size: 50px; filter: sepia(.15); }.tour-guide-card span { color: var(--tour-red); font-size: 12px; }.tour-guide-card h2 { margin: 2px 0 7px; font-size: 27px; }.tour-guide-card p { margin: 0 0 10px; color: #64533e; font-size: 12px; line-height: 2; }.tour-guide-card a { color: var(--tour-green); font-size: 12px; }.tour-guide-card a i { margin-left: 7px; }
.tour-spec-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.tour-spec-list > div { min-height: 150px; padding: 20px; border: 1px solid var(--tour-line); border-radius: 5px; background: rgba(232,211,173,.42); }.tour-spec-list i { color: var(--tour-red); font-size: 24px; }.tour-spec-list h3 { margin: 9px 0 6px; font-size: 16px; }.tour-spec-list p { margin: 0; color: #64533f; font-size: 12px; line-height: 2; }
.tour-route-map { margin: 0; overflow: hidden; border: 1px solid var(--tour-line); border-radius: 6px; }.tour-route-map img { width: 100%; max-height: 510px; display: block; object-fit: cover; filter: sepia(.25) saturate(.78); }
.tour-rules-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.tour-rules-grid > div { padding-left: 18px; border-left: 1px solid var(--tour-line); }.tour-rules-grid > div:last-child { border-left: 0; }.tour-rules-grid h2 { margin: 0 0 9px; color: #4d392b; font-size: 16px; }.tour-rules-grid h2 i { margin-left: 7px; color: var(--tour-red); }.tour-rules-grid p { margin: 0; color: #675641; font-size: 12px; line-height: 2; }
.tour-review-list { display: grid; gap: 10px; }.tour-review-list article { padding: 18px; border: 1px solid var(--tour-line); border-radius: 5px; background: rgba(232,211,173,.4); }.tour-review-list header { display: flex; align-items: center; justify-content: space-between; }.tour-review-list header strong { font-size: 13px; }.tour-review-list time { color: #7a6851; font-size: 11px; }.tour-stars { margin: 7px 0; color: #ad7628; font-size: 12px; }.tour-review-list p { margin: 0; color: #5f503d; font-size: 12px; line-height: 2; }.tour-no-reviews { margin: 0; color: #75634d; font-size: 12px; }

@media (max-width: 1150px) {
  .tour-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .tour-pinned { grid-template-columns: 55% 45%; }
}
@media (max-width: 900px) {
  .tour-hero { min-height: 440px; }.tour-hero__art { right: 52%; opacity: .22; }.tour-hero__seal { display: none; }
  .tour-pinned { grid-template-columns: 1fr; }.tour-pinned__media { min-height: 330px; }.tour-pinned__media::after { background: linear-gradient(0deg,rgba(31,32,28,.75),transparent 45%); }
  .tour-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tour-detail-shell { grid-template-columns: 1fr; }.tour-booking-card { position: static; order: 0; }.tour-detail-main { order: 1; }
}
@media (max-width: 650px) {
  .tour-hero { min-height: 390px; padding-top: 58px; background-image: linear-gradient(rgba(234,213,173,.72),rgba(234,213,173,.72)),url('../images/tour/tour-hero.png'); background-position: center; }.tour-hero h1 { font-size: 43px; }.tour-hero p { font-size: 12px; }.tour-hero__eyebrow { font-size: 15px; }.tour-hero__inner { padding-block: 45px; }
  .tour-category-filter { margin-inline: -6px; border-radius: 0; }.tour-category-pill { min-width: 105px; padding-inline: 13px; }
  .tour-grid { grid-template-columns: 1fr; }.tour-card__media { height: 245px; }
  .tour-pinned__content { padding: 28px 22px; }.tour-pinned__facts { gap: 8px; }.tour-pinned__facts div { padding-inline: 6px; }
  .tour-detail-hero { min-height: 410px; padding-top: 58px; }.tour-detail-hero h1 { font-size: 37px; }.tour-detail-hero__content { padding-bottom: 32px; }
  .tour-gallery { grid-template-columns: 1fr; }.tour-gallery figure,.tour-gallery figure:first-child { height: 240px; grid-column: auto; }
  .tour-info-grid,.tour-spec-list,.tour-rules-grid { grid-template-columns: 1fr; }.tour-rules-grid > div { padding: 0 0 16px; border-left: 0; border-bottom: 1px solid var(--tour-line); }
  .tour-guide-card { text-align: center; grid-template-columns: 1fr; }.tour-guide-card > img,.tour-guide-card__placeholder { margin-inline: auto; }
  .tour-detail-section { padding: 21px 16px; }
}