.dest-page-hero { height:320px; background-size:cover; background-position:center; position:relative; display:flex; align-items:flex-end; }
.dest-page-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(78,11,21,0.75) 0%, rgba(0,0,0,0.2) 100%); }
.dest-page-hero-content { position:relative; z-index:2; padding:32px 48px; color:#fff; }
.dest-page-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; margin-bottom:10px; opacity:.85; }
.dest-page-breadcrumb a { color:#fff; text-decoration:none; }
.dest-page-breadcrumb a:hover { text-decoration:underline; }
.dest-page-breadcrumb i { font-size:10px; }
.dest-page-hero-content h1 { font-size:clamp(28px,4vw,48px); font-family:var(--font-display); font-weight:800; line-height:1.15; margin-bottom:8px; }
.dest-page-hero-content p { font-size:16px; opacity:.9; }

.dest-country-tabs-bar { background:var(--crimson); position:sticky; top:80px; z-index:90; box-shadow:0 2px 8px rgba(0,0,0,.15); }
.dest-country-tabs-inner { max-width:1600px; margin:auto; padding:0 32px; display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; }
.dest-country-tabs-inner::-webkit-scrollbar { display:none; }
.dest-country-tab { display:flex; align-items:center; gap:7px; padding:14px 20px; color:rgba(255,255,255,.75); font-size:13.5px; font-weight:700; text-decoration:none; border-bottom:3px solid transparent; white-space:nowrap; transition:all .2s; }
.dest-country-tab:hover { color:#fff; }
.dest-country-tab.active { color:#fff; border-bottom-color:var(--amber); }
.dest-country-tab i { font-size:13px; color:var(--amber); }
.dest-country-tab-count { background:rgba(255,255,255,.18); font-size:11px; padding:2px 7px; border-radius:10px; font-weight:600; margin-left:2px; }

.dest-page-wrap { background:#f6f1eb; min-height:60vh; padding:40px 0 60px; }
.dest-page-inner { max-width:1600px; margin:auto; padding:0 32px; display:grid; grid-template-columns:260px 1fr; gap:32px; align-items:start; }
.dest-no-sidebar { grid-template-columns:1fr; }
@media(max-width:900px) { .dest-page-inner { grid-template-columns:1fr; padding:0 16px; } .dest-sidebar { display:flex; gap:16px; flex-wrap:wrap; } .dest-sidebar-card { flex:1; min-width:220px; } }

.dest-sidebar-card { background:#fff; border-radius:12px; border:1px solid #e4d4c0; overflow:hidden; box-shadow:0 2px 8px rgba(78,11,21,.07); }
.dest-sidebar-title { padding:14px 18px; background:var(--crimson); color:#fff; font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.dest-sidebar-list { list-style:none; padding:8px 0; }
.dest-sidebar-list li a { display:flex; align-items:center; justify-content:space-between; padding:9px 18px; font-size:14px; font-weight:600; color:var(--charcoal); text-decoration:none; transition:all .18s; }
.dest-sidebar-list li a:hover { background:var(--beige-light); color:var(--crimson); }
.dest-sidebar-list li a.active { background:var(--beige-light); color:var(--crimson); font-weight:700; border-left:3px solid var(--crimson); }
.dest-sidebar-count { background:var(--crimson); color:#fff; font-size:11px; font-weight:700; padding:2px 8px; border-radius:20px; min-width:24px; text-align:center; }

.dest-pkg-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.dest-pkg-count { font-size:14px; color:var(--gray); }
.dest-pkg-count strong { color:var(--crimson); }
.dest-sort { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--gray); }
.dest-sort select { padding:7px 12px; border:1px solid #e4d4c0; border-radius:8px; font-size:13px; font-family:var(--font-body); background:#fff; color:var(--text); cursor:pointer; }
.dest-pkg-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; }

.dest-empty { text-align:center; padding:80px 20px; color:var(--gray); }
.dest-empty i { font-size:48px; color:#d4b896; margin-bottom:16px; }
.dest-empty h3 { font-size:20px; color:var(--crimson); margin-bottom:8px; }

.dp-cat-label { font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--crimson); margin-bottom:4px; }
.dp-footer { display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
.dp-price { font-size:13px; color:#64748b; }
.dp-price strong { font-size:16px; font-weight:800; color:var(--crimson); }
.dp-featured-badge { position:absolute; top:10px; left:10px; z-index:2; background:rgba(201,146,42,0.92); color:#fff; font-size:10px; font-weight:700; padding:4px 10px; border-radius:20px; letter-spacing:.5px; display:flex; align-items:center; gap:4px; }

.dest-info-page { background:#fff; border-radius:14px; border:1px solid #e4d4c0; overflow:hidden; box-shadow:0 2px 10px rgba(78,11,21,.06); }
.dest-info-header { padding:28px 32px 20px; border-bottom:1px solid #f0e8df; }
.dest-info-header h2 { font-size:26px; font-family:var(--font-display); font-weight:800; color:var(--crimson); margin-bottom:10px; }
.dest-info-meta { display:flex; flex-wrap:wrap; gap:16px; font-size:13px; font-weight:600; color:#64748b; }
.dest-info-meta span { display:flex; align-items:center; gap:6px; background:#f6f1eb; padding:6px 14px; border-radius:20px; }
.dest-info-meta i { color:var(--crimson); }
.dest-info-overview { padding:24px 32px; font-size:15px; line-height:1.8; color:var(--text); border-bottom:1px solid #f0e8df; }
.dest-info-section { padding:24px 32px; border-bottom:1px solid #f0e8df; }
.dest-info-section h3 { font-size:15px; font-weight:800; color:var(--text); margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.dest-info-section h3 i { color:var(--crimson); }
.dest-info-section p { font-size:14px; line-height:1.7; color:var(--text); }
.dest-info-hl-list { list-style:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px; }
.dest-info-hl-list li { display:flex; align-items:flex-start; gap:8px; font-size:14px; color:var(--text); line-height:1.5; padding:8px 12px; background:#faf7f3; border-radius:8px; border:1px solid #f0e8df; }
.dest-info-hl-list li i { color:var(--crimson); margin-top:2px; flex-shrink:0; font-size:11px; }
.dest-info-cta { padding:28px 32px; background:#fdf8f3; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.dest-info-cta p { font-size:14px; color:var(--gray); max-width:500px; line-height:1.6; }
.btn-view-all { display:inline-flex; align-items:center; gap:8px; background:var(--crimson); color:#fff; padding:11px 22px; border-radius:10px; font-size:13px; font-weight:800; text-decoration:none; transition:all .2s; white-space:nowrap; }
.btn-view-all:hover { background:var(--crimson-dark,#7a0f26); transform:translateY(-1px); }
@media(max-width:640px) { .dest-info-header, .dest-info-overview, .dest-info-section, .dest-info-cta { padding-left:20px; padding-right:20px; } }
