/* Source: guests/special_tourism_recommendation_show.blade.php */
.special-recommendation-detail-hero .detail-hero-location { color: var(--gold-2); font-size: 14px; }
    .special-recommendation-detail-hero .detail-hero-actions { position: absolute; right: 20px; bottom: 58px; display: flex; gap: 9px; }
    .special-recommendation-detail-hero .detail-hero-action { display: inline-flex; align-items: center; gap: 7px; padding: 11px 15px; border: 1px solid rgba(255,255,255,.3); border-radius: 10px; background: rgba(7,28,37,.35); backdrop-filter: blur(8px); color: #fff; cursor: pointer; }
    .special-recommendation-detail-hero .detail-hero-action:hover { background: var(--terracotta); border-color: var(--terracotta); }
    .special-recommendation-detail-main { padding-top: 62px !important; padding-bottom: 90px !important; background: #fffdfa; }
    .special-recommendation-detail-card { padding: 34px; border: 1px solid #eee7dd; border-radius: 22px; background: #fff; box-shadow: 0 9px 28px rgba(25,40,30,.05); }
    .special-recommendation-detail-card h2 { margin: 0 0 20px; color: var(--navy); font-size: clamp(26px, 3vw, 36px); line-height: 1.3; }
    .special-recommendation-detail-card .lead { margin: 0 0 25px; color: var(--muted); line-height: 1.8; }
    .special-recommendation-detail-card .recommendation-detail { color: #4f5751; line-height: 1.9; }
    .special-recommendation-detail-card .recommendation-detail img { max-width: 100%; height: auto; border-radius: 12px; }
    .special-recommendation-gallery-heading { margin: 42px 0 18px; color: var(--navy); font-size: 24px; }
    .special-recommendation-gallery { column-count: 3; column-gap: 1rem; }
    .special-recommendation-gallery__item { break-inside: avoid; margin: 0 0 1rem; display: block; overflow: hidden; border-radius: 12px; background: #f4f0e7; box-shadow: 0 8px 24px rgba(8,45,59,.10); }
    .special-recommendation-gallery__item img { display: block; width: 100%; height: auto; transition: transform .3s ease; }
    .special-recommendation-gallery__item:hover img { transform: scale(1.03); }
    @media (max-width: 900px) { .special-recommendation-detail-hero .detail-hero-actions { position: static; margin-top: 25px; } }
    @media (max-width: 768px) { .special-recommendation-gallery { column-count: 2; } .special-recommendation-detail-card { padding: 23px 18px; } }
    @media (max-width: 480px) { .special-recommendation-gallery { column-count: 1; } .special-recommendation-detail-hero .detail-hero-actions { flex-direction: column; } .special-recommendation-detail-hero .detail-hero-action { width: 100%; justify-content: center; } }