/* =========================================================
Common content layout
========================================================= */
:root {--common-radius-xl: 32px;--common-radius-l: 24px;--common-radius-m: 16px;--common-radius-s: 12px;--common-radius-xs: 6px;--common-padding-xl: 32px;--common-padding-l: 24px;--common-padding-m: 16px;--common-padding-s: 12px;--common-padding-xs: 6px;--ink: #1f2329;--muted: #656d78;--line: #e7e8ea;--soft: #f6f7f9;--white: #fff;--text: #333;--brand: var(--primary);--violet: #644ded;--green: #087f5b;--gold: #c99a2e;--shadow: 0 24px 60px rgba(20,24,31,0.12);--soft-shadow: 0 20px 70px rgba(22,26,34,0.08);}
* {box-sizing: border-box;}
body.content-empty-page {min-height: 100vh;min-height: 100dvh;margin: 0;display: flex;flex-direction: column;background: var(--soft);font-family: var(--font-main,var(--primary-font,var(--font-family-main,Arial,sans-serif)));color: var(--text);}
body.content-empty-page > main {width: 100%;min-height: 0;flex: 1 0 auto;}
body.content-empty-page > footer {flex: 0 0 auto;margin-top: auto;}
a {color: inherit;text-decoration: none;}
img {max-width: 100%;}
.content-nav {height: 76px;display: flex;align-items: center;justify-content: space-between;gap: 24px;}
.brand-mark {display: inline-flex;align-items: center;}
.brand-mark img {width: 72px;height: 54px;object-fit: contain;}
.content-nav nav {display: flex;align-items: center;gap: 8px;padding: 6px;border: 1px solid var(--line);border-radius: 999px;background: rgba(255,255,255,0.86);}
.content-nav nav a {padding: 10px 14px;border-radius: 999px;font-size: 13px;font-weight: 700;color: var(--muted);}
.content-nav nav a.active,.content-nav nav a:hover {background: var(--ink);color: var(--white);}
.section-label {display: inline-flex;align-items: center;width: fit-content;margin-bottom: 14px;padding: 6px 10px;border-radius: 999px;background: #f6eaea;color: var(--brand);font-size: 12px;font-weight: 800;letter-spacing: 0;}
.section-block {padding: 76px 0;}
.section-heading {display: grid;grid-template-columns: minmax(0,0.72fr) minmax(280px,0.28fr);gap: 28px;align-items: end;margin-bottom: 28px;}
.section-heading h2,.experience-band h2 {margin: 0;font-size: clamp(26px,4.2vw,46px);line-height: 1.02;letter-spacing: 0;}
.content-meta {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 18px;}
.content-meta span {display: inline-flex;align-items: center;gap: 6px;border-radius: 999px;color: var(--white);font-size: 11px;font-weight: 500;font-style: italic;}
.content-meta .bi {flex: 0 0 auto;font-size: 13px;font-style: normal;line-height: 1;}
.back-link {display: inline-flex;margin-bottom: 20px;color: var(--brand);font-size: 13px;font-weight: 800;}
.back-link-on-dark {color: var(--white);}
.story-panel {width: 100%;padding: clamp(16px,5vw,32px);border-radius: var(--common-radius-l);background: var(--white);box-shadow: var(--soft-shadow);}
.story-pane {width: 100%;}
.story-tags {margin: 28px 0 0;padding-top: 20px;border-top: 1px solid var(--line);}
.story-tags h3 {margin: 0 0 8px;color: var(--text);font-size: 14px;line-height: 1.4;}
.story-tag-list {display: flex;flex-wrap: wrap;gap: 5px 10px;margin: 0;padding: 0;list-style: none;}
.story-tag-list li {display: inline-flex;align-items: center;margin: 0;padding: 4px 8px;border: 1px solid var(--border-light);border-radius: 4px;color: var(--muted);font-size: 11px;line-height: 1.6;}
/* =========================================================
Shared blog content from database
========================================================= */
.blog-content-header{margin-bottom: 32px;}
.blog-content-header h1{font-size: clamp(26px,3.2vw,34px);}
.blog-content-header .content-meta span{color: inherit;font-size: 12px;}
.blog-content-body {width: 100%;margin: 0 auto;color: var(--text);font-size: 14px;line-height: 1.8;overflow-wrap: anywhere;}
.blog-content-body > *:first-child {margin-top: 0;}
.blog-content-body > *:last-child {margin-bottom: 0;}
.blog-content-body h1,.blog-content-body h2,.blog-content-body h3{margin: 40px 0 8px;color: var(--text);font-weight: 800;line-height: 1.22;letter-spacing: 0;}
.blog-content-body h4,.blog-content-body h5,.blog-content-body h6 {margin: 24px 0 8px;color: var(--text);font-weight: 700;line-height: 1.22;letter-spacing: 0;}
.blog-content-body h1 {font-size: clamp(24px,3.2vw,32px);}
.blog-content-body h2 {font-size: clamp(22px,2.5vw,28px);}
.blog-content-body h3 {font-size: clamp(18px,2vw,22px);}
.blog-content-body h4 {font-size: 16px;}
.blog-content-body h5 {font-size: 15px;}
.blog-content-body h6 {font-size: 14px;color: var(--text);text-transform: uppercase;}
.blog-content-body p,.blog-content-body ul,.blog-content-body ol,.blog-content-body li {color: var(--text);font-size: 14px;}
.blog-content-body p {margin: 0 0 18px;color: var(--text);line-height: 1.85;}
.blog-content-body a {color: var(--text);font-weight: 700;text-decoration: underline;text-decoration-thickness: 1px;}
.blog-content-body a:hover {color: var(--ink);}
.blog-content-body strong,.blog-content-body b {color: var(--text);font-weight: 700;}
.blog-content-body em,.blog-content-body i {color: var(--text);}
.blog-content-body ul,.blog-content-body ol {margin: 12px 0 24px;padding-left: 24px;color: var(--text);line-height: 1.75;list-style-position: outside;}
.blog-content-body ul {list-style-type: disc;}
.blog-content-body ol {list-style-type: decimal;}
.blog-content-body li {margin: 0 0 8px;padding-left: 4px;line-height: 1.75;}
.blog-content-body li:last-child {margin-bottom: 0;}
.blog-content-body blockquote {margin: 34px 0;padding: 24px 26px;border-left: 5px solid var(--text);border-radius: 8px;background: var(--soft);color: var(--text);font-size: 15px;font-weight: 600 !important;line-height: 1.65;}
.blog-content-body blockquote p {margin: 0;color: inherit;font-size: inherit;line-height: inherit;}
.blog-content-body blockquote p:has(> em) {margin: 16px 0;}
.blog-content-body img {display: block;width: auto;max-width: 100%;height: auto;max-height: 430px;object-fit: cover;object-position: var(--content-image-position,center center);border-radius: 8px;border: 1px solid #ededed;background: #f2f2f2;margin: 30px auto;box-shadow: 0 20px 52px rgba(28,31,38,0.14);}
.blog-content-body figure {margin: 34px 0;}
.blog-content-body figure img {margin: 0 auto;}
.blog-content-body figure.content-feature-image {width: 100%;max-width: 1000px;margin: 32px auto;}
.blog-content-body figure.content-feature-image img {width: 100%;max-height: none;aspect-ratio: 25 / 14;margin: 0;object-fit: cover;object-position: center;box-shadow: 0 16px 38px rgba(28,31,38,0.12);}
.blog-content-body figure.content-feature-image figcaption {margin-top: 9px;color: var(--text);}
.blog-content-body figcaption {margin-top: 10px;clear: both;color: var(--text);font-size: 13px;line-height: 1.6;text-align: center;}
.content-editor-image-figure {margin: 18px 0;padding: 10px;border: 1px solid #ededed;border-radius: 8px;background: #fafafa;}
.content-editor-image-figure img {margin-bottom: 6px;}
.content-editor-image-figure figcaption {padding: 4px 8px 0;clear: both;color: #555;font-size: 12px;line-height: 1.45;text-align: center;}
.blog-content-body table {display: table;width: 100%;max-width: 100%;margin: 28px 0;table-layout: fixed;border-collapse: collapse;border: 1px solid var(--line);background: var(--white);font-size: 14px;line-height: 1.55;}
.blog-content-body th,.blog-content-body td {padding: 12px 14px;border: 1px solid var(--line);overflow-wrap: anywhere;text-align: left;vertical-align: middle;}
.blog-content-body td p:last-child {margin-bottom: 0;}
.blog-content-body th {background: var(--soft);color: var(--text);font-weight: 800;}
.blog-content-body hr {height: 1px;margin: 34px 0;border: 0;background: var(--line);}
.blog-content-body pre,.blog-content-body code,.blog-content-body kbd {border-radius: 6px;background: #f1f3f5;color: var(--text);font-family: Menlo,Consolas,Monaco,monospace;font-size: 13px;}
.blog-content-body code,.blog-content-body kbd {padding: 2px 5px;}
.blog-content-body pre {overflow-x: auto;margin: 24px 0;padding: 16px;line-height: 1.65;}
.blog-content-body pre code {padding: 0;background: transparent;}
.blog-content-body .content-highlight {display: grid;gap: 8px;margin: 28px 0;padding: 18px;border: 1px solid #e2e2e2;border-radius: 8px;background: linear-gradient(90deg,#f2f2f2,#f9f9f9);}
.blog-content-body .content-highlight b,.blog-content-body .content-highlight strong {color: var(--text);}
.blog-content-body .content-layout {margin: 30px 0;color: var(--text);}
.blog-content-body .content-layout-grid {display: grid;gap: 18px;}
.blog-content-body .content-layout-grid-2 {grid-template-columns: repeat(2,minmax(0,1fr));}
.blog-content-body .content-layout-grid-3 {grid-template-columns: repeat(3,minmax(0,1fr));}
.blog-content-body .content-layout-grid-4 {grid-template-columns: repeat(4,minmax(0,1fr));}
.blog-content-body .content-layout-column,.blog-content-body .content-layout-card,.blog-content-body .content-layout-feature-main,.blog-content-body .content-layout-feature-aside {min-width: 0;}
.blog-content-body .content-layout-column {padding: 18px;border: 1px solid var(--line);border-radius: 8px;background: var(--white);}
.blog-content-body .content-layout h2{margin-top: 0 !important;}
.blog-content-body .content-layout > * > :last-child,.blog-content-body .content-layout-callout > :last-child {margin-bottom: 0;}
.blog-content-body .content-layout-card {padding: 20px;border: 1px solid var(--line);border-radius: 8px;background: var(--white);box-shadow: 0 10px 26px rgba(28,31,38,0.07);}
.blog-content-body .content-layout-card h3 {margin-top: 0;font-size: 17px;}
.blog-content-body .content-layout-image-card {padding: 0;overflow: hidden;}
.blog-content-body .content-layout-image-card > img {display: block;width: 100%;height: 180px;max-height: none;margin: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;object-fit: cover;object-position: center;}
.blog-content-body .content-layout-card-body {padding: 20px;}
.blog-content-body .content-layout-feature {display: grid;grid-template-columns: minmax(0,1.6fr) minmax(240px,.8fr);gap: 18px;align-items: stretch;}
.blog-content-body .content-layout-feature-main,.blog-content-body .content-layout-feature-aside {padding: 24px;border: 1px solid var(--line);border-radius: 8px;}
.blog-content-body .content-layout-feature-main {background: var(--white);}
.blog-content-body .content-layout-feature-aside,.blog-content-body .content-layout-callout {background: linear-gradient(90deg,#f2f2f2,#f9f9f9);}
.blog-content-body .content-layout-feature-aside ul {margin-bottom: 0;}
.blog-content-body .content-layout-callout {padding: 24px 26px;border: 1px solid #e2e2e2;border-left: 5px solid var(--text);border-radius: 8px;}
.blog-content-body .content-layout-panel {padding: 24px 26px;border-radius: 8px;background: var(--soft);}
.blog-content-body .content-layout-panel-bordered {border: 1px solid #e2e2e2;}
.blog-content-body .content-layout-panel > :last-child,.blog-content-body .content-layout-quote > :last-child {margin-bottom: 0;}
.blog-content-body .content-layout-quote {position: relative;padding: 30px 32px 26px;border-radius: 8px;background: #f7f7f7;text-align: center;}
.blog-content-body .content-layout-quote::before {content: "\201C";display: block;height: 34px;color: #c8c8c8;font-family: Georgia,serif;font-size: 64px;line-height: 1;}
.blog-content-body .content-layout-quote .content-layout-quote-text {margin-bottom: 12px;font-size: 18px;font-style: italic;line-height: 1.6;}
.blog-content-body .content-layout-quote .content-layout-quote-author {color: var(--text);font-size: 13px;font-weight: 700;letter-spacing: .04em;opacity: .7;}
.blog-content-body .content-layout-eyebrow {margin-bottom: 7px;color: var(--text);font-size: 11px;font-weight: 800;letter-spacing: .08em;line-height: 1.4;text-transform: uppercase;}
.blog-content-body .content-layout-steps {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px;}
.blog-content-body .content-layout-steps-2 {grid-template-columns: repeat(2,minmax(0,1fr));}
.blog-content-body .content-layout-steps-4 {grid-template-columns: repeat(4,minmax(0,1fr));}
.blog-content-body .content-layout-steps-5 {grid-template-columns: repeat(5,minmax(0,1fr));}
.blog-content-body .content-layout-step {min-width: 0;padding: 22px;border: 1px solid var(--line);border-radius: 8px;background: var(--white);box-shadow: 0 10px 26px rgba(28,31,38,0.06);}
.blog-content-body .content-layout-step > span {display: inline-grid;width: 34px;height: 34px;margin-bottom: 13px;place-items: center;border-radius: 50%;background: var(--text);color: var(--white);font-size: 13px;font-weight: 800;}
.blog-content-body .content-layout-step h3,.blog-content-body .content-layout-step p {margin-top: 0;color: var(--text);}
.blog-content-body .content-layout-step h3 {margin-bottom: 9px;font-size: 17px;}
.blog-content-body .content-layout-step > :last-child {margin-bottom: 0;}
.blog-content-body .content-layout-cta {display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 26px 32px;border-radius: 8px;background: linear-gradient(110deg,#131a2c 0%,#232838 100%);}
.blog-content-body .content-layout-cta-body {min-width: 0;flex: 1 1 auto;}
.blog-content-body .content-layout-cta h3 {margin: 0 0 6px;color: #fff;font-size: 22px;line-height: 1.25;}
.blog-content-body .content-layout-cta p {margin: 0;color: #a3a9b8;font-size: 15px;line-height: 1.55;}
.blog-content-body .content-layout-cta .content-layout-cta-action {flex: 0 0 auto;}
.blog-content-body .content-layout-cta .content-layout-cta-button {display: inline-block;padding: 13px 26px;border-radius: 6px;background: var(--primary);color: #fff;font-size: 15px;font-weight: 800;letter-spacing: .06em;line-height: 1.2;text-decoration: none;text-transform: uppercase;white-space: nowrap;transition: background-color .2s ease,transform .2s ease;}
.blog-content-body .content-layout-cta .content-layout-cta-button::after {content: "\00a0\2192";}
.blog-content-body .content-layout-cta .content-layout-cta-button:hover,.blog-content-body .content-layout-cta .content-layout-cta-button:focus-visible {background: color-mix(in srgb,var(--primary) 85%,#000);color: #fff;transform: translateY(-1px);}
@media (max-width: 680px) {
    .blog-content-body .content-layout-cta {align-items: stretch;flex-direction: column;gap: 18px;padding: 22px;}
    .blog-content-body .content-layout-cta h3 {font-size: 19px;}
    .blog-content-body .content-layout-cta .content-layout-cta-button {display: block;text-align: center;}
}
.empty-content-sell{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: fit-content;height: fit-content;}
.empty-content {position: relative;isolation: isolate;display: flex;min-height: 250px;padding: 48px 28px;overflow: hidden;flex-direction: column;align-items: center;justify-content: center;gap: 16px;color: var(--ink);font-size: 17px;font-weight: 800;line-height: 1.5;text-align: center;}
.empty-content::before {content: "";width: 70px;height: 70px;flex: 0 0 70px;border: 1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius: 22px;background-color: rgba(195,32,50,0.08);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23c32032' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");background-position: center;background-size: 32px;background-repeat: no-repeat;box-shadow: 0 12px 28px rgba(195,32,50,0.14);}
.empty-content::after {content: attr(data-empty-description);display: block;max-width: 440px;color: var(--muted);font-size: 13px;font-weight: 500;line-height: 1.65;}
/* =========================================================
Explore & Discover UI
========================================================= */
.explore-hero {min-height: calc(100vh - 76px);display: flex;align-items: end;background: linear-gradient(90deg,rgba(16,18,22,0.78),rgba(16,18,22,0.25)),var(--hero-image) var(--hero-position,center)/cover;}
.explore-hero-inner {display: grid;grid-template-columns: minmax(0,0.7fr) minmax(280px,0.3fr);gap: 36px;align-items: end;padding: 0 0 64px;}
.hero-copy {color: var(--white);}
.hero-copy h1 {max-width: 820px;margin: 0;font-size: clamp(34px,6.4vw,72px);line-height: 0.96;letter-spacing: 0;}
.hero-copy p {max-width: 620px;margin: 22px 0 0;color: rgba(255,255,255,0.85);font-size: 18px;line-height: 1.25;}
.hero-feature-card {display: grid;gap: 12px;padding: 22px;border: 1px solid rgba(255,255,255,0.32);border-radius: 8px;background: rgba(255,255,255,0.16);color: var(--white);backdrop-filter: blur(12px);}
.hero-feature-card span,.detail-kicker {font-size: 12px;font-weight: 800;color: #ffd66e;}
.hero-feature-card b {font-size: 22px;line-height: 1.18;}
.hero-feature-card small {color: rgba(255,255,255,0.76);font-size: 13px;line-height: 1.6;}
.explore-grid {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));grid-auto-rows: 360px;gap: 16px;}
.explore-card {position: relative;display: flex;align-items: end;overflow: hidden;padding: 22px;border-radius: var(--common-radius-l);background: var(--ink);color: var(--white);min-height: 0;}
.explore-card.is-large {grid-column: span 2;}
.explore-card img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: var(--content-image-position,center center);transition: transform 0.5s ease;}
.explore-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.80));top:auto; height: 80%;}
.explore-card:hover img {transform: scale(1.05);}
.explore-card > div,.card-chip {position: relative;z-index: 1;}
.card-chip {display: inline-flex;width: fit-content;margin-bottom: 14px;padding: 6px 12px;border-radius: 8px;background: rgba(0,0,0,0.5);color: #fff;font-size: 11px;font-weight: 500;}
.explore-card .card-chip {position: absolute;top: 16px;left: 16px;margin-bottom: 0;}
.delimiter-dot{font-size: 17px !important;line-height: 1;margin: 0 6px;}
.explore-card h3 {color: var(--white);margin: 0;font-size: 22px;line-height: 1.08;}
.explore-card p {margin: 10px 0 0;color: rgba(255,255,255,0.85);font-size: 14px;line-height: 1.55;}
.related-posts-section {padding: 18px 0 72px;}
.related-posts-heading {display: flex;align-items: center;justify-content: space-between;margin-bottom: 22px;}
.related-posts-heading h2 {margin: 0;font-size: clamp(24px,3vw,38px);line-height: 1.1;}
.related-post-slider {margin: 0 -8px;}
.related-post-slider:not(.slick-initialized){display:flex;overflow:hidden}
.related-post-slider:not(.slick-initialized)>.related-post-slide{min-width:0;flex:0 0 25%}
.related-post-slide {height: 100%;padding: 0 8px;}
.related-post-slide .explore-card {height: 340px;}
.related-post-slider .slick-track {display: flex;margin-left: 0;margin-right: 0;}
.related-post-slider .slick-slide {height: auto;}
.related-post-slider .slick-prev,.related-post-slider .slick-next {position: absolute;z-index: 3;top: -58px;width: 40px;height: 40px;padding: 0;border: 1px solid var(--line);border-radius: 50%;background-color: var(--white);background-position: center;background-repeat: no-repeat;background-size: 18px;font-size: 0;cursor: pointer;transition: border-color .2s ease,transform .2s ease;}
.related-post-slider .slick-prev {background-image: url("../images/icons/chevron-left.svg");}
.related-post-slider .slick-next {background-image: url("../images/icons/chevron-right.svg");}
.related-post-slider .slick-prev {right: 56px;}
.related-post-slider .slick-next {right: 8px;}
.related-post-slider .slick-prev:hover,.related-post-slider .slick-next:hover {border-color: var(--ink);transform: scale(1.05);}
.related-post-slider .slick-disabled {cursor: default;opacity: .35;}
@media (max-width:1099px){.related-post-slider:not(.slick-initialized)>.related-post-slide{flex-basis:33.333333%}}
@media (max-width:767px){.related-post-slider:not(.slick-initialized)>.related-post-slide{flex-basis:50%}}
@media (max-width:519px){.related-post-slider:not(.slick-initialized)>.related-post-slide{flex-basis:90.909091%}}
.experience-band {padding: 56px 0;background: var(--ink);color: var(--white);}
.experience-band-inner {display: grid;grid-template-columns: minmax(0,0.62fr) minmax(280px,0.38fr);gap: 30px;align-items: center;}
.stat-row {display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.stat-row span {min-height: 110px;display: grid;align-content: center;gap: 6px;padding: 16px;border: 1px solid rgba(255,255,255,0.14);border-radius: 8px;}
.stat-row b {font-size: 28px;}
.detail-hero {min-height: 460px;display: flex;align-items: end;background: linear-gradient(180deg,rgba(20,22,27,0),rgba(20,22,27,0.25)),var(--hero-image) var(--hero-position,center)/cover;color: var(--white);}
.detail-hero-inner {padding: 0 0 64px;}
.detail-hero h1 {max-width: 920px;margin: 0 0 16px;font-size: clamp(32px,3vw,60px);line-height: 1.25;letter-spacing: 0;color: var(--white);}
.detail-hero p {max-width: 680px;color: rgba(255,255,255,0.85);font-size: 18px;line-height: 1.25;}
.detail-layout {display: block;padding: 24px 0 60px;}
/* =========================================================
Post listing cards (Explore & Discover, Latest Updates)
Card, image, title, text and spacing come from the shared
.package-card / .package-list rules in style.css.
========================================================= */
.post-card-list .package-img {object-position: var(--content-image-position,center center);}
.post-card-list .post-card-meta {gap: 0;margin: 0 0 16px;}
.post-card-list .post-card-meta span {gap: 4px;color: var(--text);font-size: var(--font-size-11px,11px);}
.post-card-list .post-card-meta .delimiter-dot {font-size: 14px !important;}
.related-post-slider.post-card-list .slick-list {padding: 4px 0 16px;}
/* Same card on every website (reference: desert-safaris-abudhabi.com), whatever each site's own
   .package-card / .package-list rules in style.css say. The Upcoming Activities card keeps its own design. */
body:not(.activity-page) .package-list.post-card-list > [class*="col-"] {margin-bottom: 1rem !important;}
body:not(.activity-page) .package-list.post-card-list .package-card {height: 100%;border-width: 1px;border-style: solid;border-radius: 24px !important;transition: box-shadow .3s ease,transform .3s ease;}
body:not(.activity-page):not(.dark-theme) .package-list.post-card-list .package-card {border-color: #f2f2f2;}
body:not(.activity-page) .package-list.post-card-list .package-card:hover {box-shadow: 0 6px 16px rgba(0,0,0,0.1);transform: translateY(-2px);}
body:not(.activity-page) .package-list.post-card-list .package-card-body {padding: 12px;}
body:not(.activity-page) .package-list.post-card-list .package-card-block {display: block !important;width: 100%;overflow: hidden;}
body:not(.activity-page) .package-list.post-card-list .package-img-section {width: 100%;padding-right: 0;}
body:not(.activity-page) .package-list.post-card-list .package-img {width: 100%;height: 200px;max-height: none;margin: 0 0 16px;border-radius: 16px;object-fit: cover;}
body:not(.activity-page) .package-list.post-card-list .packageContent {width: 100%;padding: 0 8px 12px;}
body:not(.activity-page) .package-list.post-card-list .package-card-body .card-title {margin: .25rem 0 .75rem !important;font-size: 16px !important;font-weight: 700 !important;line-height: 1.2;}
body:not(.activity-page) .package-list.post-card-list .card-text {display: -webkit-box;margin-bottom: .25rem !important;padding-bottom: 0;font-size: 14px !important;font-weight: 400;line-height: 20px;}
/* =========================================================
Post share (single pages: header Share button + panel,
end-of-post share card, copy-link toast)
========================================================= */
.bi-share{--bi-icon:url("../images/icons/bi-icons/share.svg")}
.bi-whatsapp{--bi-icon:url("../images/icons/bi-icons/whatsapp.svg")}
.bi-facebook{--bi-icon:url("../images/icons/bi-icons/facebook.svg")}
.bi-twitter-x{--bi-icon:url("../images/icons/bi-icons/twitter-x.svg")}
.bi-telegram{--bi-icon:url("../images/icons/bi-icons/telegram.svg")}
.bi-link-45deg{--bi-icon:url("../images/icons/bi-icons/link-45deg.svg")}
.bi-check2{--bi-icon:url("../images/icons/bi-icons/check2.svg")}
.is-whatsapp {--share-color: #25d366;}
.is-facebook {--share-color: #1877f2;}
.is-x {--share-color: #14171a;}
.is-telegram {--share-color: #229ed9;}
.is-email {--share-color: var(--brand);}
.is-copy {--share-color: var(--ink);}
.blog-content-toolbar {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 16px;margin-top: 18px;}
.blog-content-toolbar .content-meta {margin-top: 0;}
.post-share {position: relative;flex: 0 0 auto;}
.post-share-trigger {position: relative;display: inline-flex;align-items: center;gap: 8px;height: 40px;padding: 0 18px 0 16px;border: 1px solid var(--brand);border-radius: 999px;background: var(--brand);color: #fff;font-size: 13px;font-weight: 700;line-height: 1;cursor: pointer;box-shadow: 0 10px 24px color-mix(in srgb,var(--brand) 30%,transparent);transition: background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
/* Soft pulse ring a few times after load so the Share button gets noticed, then it stays calm. */
.post-share-trigger::after {content: "";position: absolute;inset: -1px;border-radius: inherit;box-shadow: 0 0 0 0 color-mix(in srgb,var(--brand) 45%,transparent);animation: post-share-pulse 1.8s ease-out 1.2s 3;pointer-events: none;}
@keyframes post-share-pulse {0% {box-shadow: 0 0 0 0 color-mix(in srgb,var(--brand) 45%,transparent);}100% {box-shadow: 0 0 0 12px color-mix(in srgb,var(--brand) 0%,transparent);}}
.post-share-trigger .bi {font-size: 15px;}
.post-share-trigger:hover {border-color: color-mix(in srgb,var(--brand) 85%,#000);background: color-mix(in srgb,var(--brand) 85%,#000);box-shadow: 0 14px 30px color-mix(in srgb,var(--brand) 38%,transparent);transform: translateY(-1px);}
.post-share-trigger:active {transform: translateY(0) scale(.98);}
.post-share-trigger[aria-expanded="true"] {border-color: var(--ink);background: var(--ink);color: var(--white);box-shadow: none;transform: none;}
.post-share-trigger[aria-expanded="true"]::after {animation: none;}
.post-share-trigger:focus-visible,.post-share-close:focus-visible,.post-share-network:focus-visible,.post-share-icon-link:focus-visible {outline: 2px solid var(--brand);outline-offset: 2px;}
.post-share-backdrop {display: none;}
.post-share-panel {position: absolute;z-index: 1060;top: calc(100% + 10px);right: 0;width: 340px;max-width: calc(100vw - 32px);padding: 18px;border: 1px solid var(--line);border-radius: 20px;background: var(--white);box-shadow: var(--shadow);opacity: 0;transform: translateY(-6px) scale(.98);transform-origin: top right;transition: opacity .2s ease,transform .2s ease;}
.post-share.is-open .post-share-panel {opacity: 1;transform: none;}
.post-share-panel-head {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 14px;}
.post-share-panel-head strong {color: var(--ink);font-size: 15px;font-weight: 800;}
.post-share-close {display: inline-grid;width: 32px;height: 32px;place-items: center;padding: 0;border: 0;border-radius: 50%;background: var(--soft);color: var(--muted);font-size: 12px;cursor: pointer;transition: background-color .2s ease,color .2s ease;}
.post-share-close:hover {background: var(--line);color: var(--ink);}
.post-share-preview {display: flex;align-items: center;gap: 12px;margin-bottom: 14px;padding: 10px;border-radius: 14px;background: var(--soft);}
.post-share-preview img {flex: 0 0 56px;width: 56px;height: 56px;border-radius: 10px;object-fit: cover;}
.post-share-preview div {min-width: 0;}
.post-share-preview b {color: var(--ink);font-size: 13px;font-weight: 700;line-height: 1.35;}
.post-share-preview span {display: block;margin-top: 3px;color: var(--muted);font-size: 11px;}
.post-share-networks {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 4px;margin: 0;padding: 0;list-style: none;}
.post-share-network {display: flex;flex-direction: column;align-items: center;gap: 7px;padding: 10px 4px;border-radius: 14px;color: var(--text);font-size: 12px;font-weight: 600;text-align: center;transition: background-color .2s ease;}
.post-share-network:hover {background: var(--soft);color: var(--ink);}
.post-share-icon {display: inline-grid;width: 44px;height: 44px;place-items: center;border-radius: 50%;background: color-mix(in srgb,var(--share-color) 12%,transparent);color: var(--share-color);font-size: 19px;transition: background-color .2s ease,color .2s ease,transform .2s ease;}
.post-share-network:hover .post-share-icon {background: var(--share-color);color: #fff;transform: translateY(-2px);}
.post-share-network-label {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
button.post-share-network {width: 100%;border: 0;background: transparent;font-family: inherit;line-height: inherit;cursor: pointer;}
.post-share-network.is-copied .post-share-icon,.post-share-network.is-copied:hover .post-share-icon {background: var(--green);color: #fff;}
.post-share-network.is-copied .bi {--bi-icon: url("../images/icons/bi-icons/check2.svg");}
.post-share-footer {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px 24px;margin-top: 36px;padding: 20px 24px;border: 1px solid var(--line);border-radius: var(--common-radius-m);background: var(--soft);}
.story-tags + .post-share-footer {margin-top: 24px;}
.post-share-footer-copy {display: flex;align-items: center;gap: 14px;min-width: 0;}
.post-share-footer-badge {display: inline-grid;flex: 0 0 44px;width: 44px;height: 44px;place-items: center;border-radius: 14px;background: var(--white);color: var(--brand);font-size: 18px;}
.post-share-footer h3 {margin: 0 0 2px;color: var(--ink);font-size: 15px;font-weight: 800;line-height: 1.35;}
.post-share-footer p {margin: 0;color: var(--muted);font-size: 13px;line-height: 1.5;}
.post-share-icons {display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none;}
.post-share-icon-link {display: inline-grid;width: 40px;height: 40px;place-items: center;padding: 0;border: 1px solid var(--line);border-radius: 50%;background: var(--white);color: var(--share-color);font-size: 16px;cursor: pointer;transition: background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;}
.post-share-icon-link:hover {border-color: var(--share-color);background: var(--share-color);color: #fff;box-shadow: 0 8px 18px color-mix(in srgb,var(--share-color) 30%,transparent);transform: translateY(-2px);}
.post-share-icon-link.is-copied,.post-share-icon-link.is-copied:hover {border-color: var(--green);background: var(--green);color: #fff;}
.post-share-icon-link.is-copy .bi,.post-share-network.is-copy .bi {font-size: 1.2em;}
.post-share-icon-link.is-copied .bi {--bi-icon: url("../images/icons/bi-icons/check2.svg");}
.post-share-toast {position: fixed;z-index: 1070;left: 50%;bottom: 24px;display: inline-flex;align-items: center;gap: 8px;max-width: calc(100vw - 32px);padding: 11px 18px;border-radius: 999px;background: #1f2329;color: #fff;font-size: 13px;font-weight: 600;line-height: 1.4;white-space: nowrap;box-shadow: 0 14px 34px rgba(20,24,31,.28);opacity: 0;pointer-events: none;transform: translate(-50%,16px);transition: opacity .22s ease,transform .22s ease;}
.post-share-toast.is-visible {opacity: 1;transform: translate(-50%,0);}
.post-share-toast .bi {flex: 0 0 auto;color: #4ade80;font-size: 15px;}
.post-share-toast.is-error .bi {color: #ffb4bd;}
body.post-share-locked {overflow: hidden;}
@media (max-width: 680px) {
    .post-share-trigger {height: 38px;padding: 0 16px 0 14px;}
    .post-share-backdrop {display: block;position: fixed;z-index: 1059;inset: 0;background: rgba(15,17,21,.48);opacity: 0;transition: opacity .22s ease;}
    .post-share.is-open .post-share-backdrop {opacity: 1;}
    .post-share-panel {position: fixed;top: auto;right: 0;bottom: 0;left: 0;width: auto;max-width: none;max-height: 85vh;max-height: 85dvh;overflow-y: auto;padding: 26px 16px calc(20px + env(safe-area-inset-bottom));border: 0;border-radius: var(--common-radius-l) var(--common-radius-l) 0 0;box-shadow: 0 -18px 50px rgba(20,24,31,.2);opacity: 1;transform: translateY(100%);transition: transform .26s cubic-bezier(.22,1,.36,1);}
    .post-share-panel::before {content: "";position: absolute;top: 9px;left: 50%;width: 40px;height: 4px;border-radius: 4px;background: var(--line);transform: translateX(-50%);}
    .post-share.is-open .post-share-panel {transform: none;}
    .post-share-networks {gap: 2px;}
    .post-share-footer {flex-direction: column;align-items: flex-start;padding: 18px;}
    .post-share-footer-copy {align-items: flex-start;}
    .post-share-icons {display: grid;grid-template-columns: repeat(6,minmax(0,1fr));width: 100%;gap: 6px;}
    .post-share-icons li {display: flex;justify-content: center;}
    .post-share-icon-link {width: 100%;max-width: 44px;height: auto;aspect-ratio: 1;}
    .post-share-toast {bottom: calc(16px + env(safe-area-inset-bottom));}
}
@media (max-width: 480px) {
    .post-share-icons {gap: 8px;}
    .post-share-icon-link {max-width: 46px;font-size: 17px;}
}
@media (max-width: 359px) {
    /* 6 icons don't fit one row at a comfortable tap size: two even rows of 3. */
    .post-share-icons {grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;}
    .blog-content-toolbar .post-share {width: 100%;}
    .post-share-trigger {width: 100%;justify-content: center;}
}
@media (prefers-reduced-motion: reduce) {
    .post-share-trigger,.post-share-panel,.post-share-backdrop,.post-share-icon,.post-share-icon-link,.post-share-toast {transition: none;}
    .post-share-trigger::after {animation: none;}
}
/* =========================================================
Responsive rules
========================================================= */
@media (max-width: 980px) {
    .section-heading,.explore-hero-inner,.experience-band-inner,.detail-layout {grid-template-columns: 1fr;}
    .explore-grid {grid-template-columns: 1fr 1fr;}
    .explore-card.is-large {grid-column: span 2;}
    .blog-content-body .content-layout-grid-3,.blog-content-body .content-layout-grid-4 {grid-template-columns: repeat(2,minmax(0,1fr));}
    .blog-content-body .content-layout-feature {grid-template-columns: 1fr;}
    .blog-content-body .content-layout-steps {grid-template-columns: 1fr;}
}
@media (max-width: 768px) {
    .post-card-list .post-card-meta {margin-bottom: 6px;}
}
/* Post listing cards on mobile: same card as desktop, without the hover lift */
@media (max-width: 768px) {
    body:not(.activity-page) .package-list.post-card-list .package-card:hover {box-shadow: none;transform: none;}
}
@media (max-width: 680px) {
    .content-nav {height: auto;align-items: flex-start;padding: 14px 0;flex-direction: column;}
    .content-nav nav {width: 100%;justify-content: space-between;}
    .content-nav nav a {flex: 1;text-align: center;padding: 9px 8px;font-size: 12px;}
    .explore-hero {min-height: 720px;}
    .explore-hero-inner,.detail-hero-inner {padding-bottom: 34px;}
    .hero-copy h1,.detail-hero h1 {font-size: 32px;}
    .explore-grid {grid-template-columns: 1fr;grid-auto-rows: 340px;}
    .explore-card.is-large {grid-column: span 1;}
    .related-posts-section {padding-bottom: 52px;}
    .related-post-slide .explore-card {height: 320px;}
    .stat-row {grid-template-columns: 1fr;}
    .blog-content-body .content-layout-grid-2,.blog-content-body .content-layout-grid-3,.blog-content-body .content-layout-grid-4 {grid-template-columns: 1fr;}
    .empty-content {min-height: 220px;padding: 36px 20px;border-radius: var(--common-radius-m);font-size: 16px;}
    .empty-content::before {width: 62px;height: 62px;flex-basis: 62px;border-radius: 19px;background-size: 28px;}
    .detail-hero{max-height: 350px;min-height: 350px;margin-top: 16px;}
}
.detail-hero {border-radius: var(--common-radius-l) !important;padding: var(--common-padding-l) !important;}

/* Dark-theme parity for content pages */
body.content-page.dark-theme {
   --ink: var(--dark-theme-maintext);
   --text: var(--dark-theme-subtext);
   --muted: #aeb4bd;
   --line: rgba(255,255,255,.25);
   --soft: var(--dark-theme);
   background: var(--dark-theme) !important;
   color: var(--dark-theme-maintext);
   --border-light: var(--line);
}
body.content-page.dark-theme .section-label{background:rgba(195,32,50,.16);color:#ff5a6c}
body.content-page.dark-theme .empty-content{color:var(--dark-theme-maintext)}
body.content-page.dark-theme .empty-content::after{color:var(--dark-theme-subtext)}
body.content-page.dark-theme .empty-content::before{border-color:rgba(255,90,108,.28);background-color:rgba(195,32,50,.12);box-shadow:none}
body.content-page.dark-theme .story-panel,
body.content-page.dark-theme .blog-content-body table,
body.content-page.dark-theme .blog-content-body .content-layout-column,
body.content-page.dark-theme .blog-content-body .content-layout-card,
body.content-page.dark-theme .blog-content-body .content-layout-feature-main,
body.content-page.dark-theme .blog-content-body .content-layout-step{border-color:var(--line);background:var(--dark-theme-hover);box-shadow:none}
body.content-page.dark-theme .blog-content-body blockquote,
body.content-page.dark-theme .blog-content-body .content-layout-feature-aside,
body.content-page.dark-theme .blog-content-body .content-layout-callout,
body.content-page.dark-theme .blog-content-body .content-layout-panel,
body.content-page.dark-theme .blog-content-body .content-layout-quote,
body.content-page.dark-theme .blog-content-body pre,
body.content-page.dark-theme .blog-content-body kbd{border-color:var(--line);background:var(--dark-theme);color:var(--dark-theme-subtext)}
body.content-page.dark-theme .blog-content-body th{background:var(--dark-theme);color:var(--dark-theme-maintext)}
body.content-page.dark-theme .blog-content-body figure.content-feature-image{border: 1px solid rgba(111, 111, 111, 0.1);background: var(--dark-theme);}
body.content-page.dark-theme .blog-content-body img{background:var(--dark-theme);box-shadow:none;border: none;}
body.content-page.dark-theme .related-post-slider .slick-prev,
body.content-page.dark-theme .related-post-slider .slick-next{border-color:var(--line);background-color:var(--dark-theme-hover);filter:invert(1)}
body.content-page.dark-theme .is-x{--share-color:#fff}
body.content-page.dark-theme .post-share-icon-link,
body.content-page.dark-theme .post-share-footer-badge{border-color:var(--line);background:var(--dark-theme-hover)}
body.content-page.dark-theme .post-share-trigger[aria-expanded="true"]{background:var(--dark-theme-maintext);color:var(--dark-theme)}
body.content-page.dark-theme .post-share-panel{border-color:var(--line);background:var(--dark-theme-hover)}
body.content-page.dark-theme .post-share-preview,
body.content-page.dark-theme .post-share-close,
body.content-page.dark-theme .post-share-network:hover{background:var(--dark-theme)}
body.content-page.dark-theme .post-share-icon{background:color-mix(in srgb,var(--share-color) 18%,transparent)}
body.content-page.dark-theme .post-share-network.is-x:hover .post-share-icon,
body.content-page.dark-theme .post-share-icon-link.is-x:hover{color:var(--dark-theme)}
body.content-page.dark-theme .post-share-footer{border-color:var(--line);background:var(--dark-theme-hover)}
body.content-page.dark-theme .post-share-toast{border:1px solid rgba(255,255,255,.14)}

body.content-page.dark-theme .blog-content-body .content-layout-cta{border:1px solid var(--line)}