.cm-tourism { --tourism-ink:#173a32; --tourism-green:#087657; --tourism-sand:#fff3d8; color:var(--tourism-ink); }
.cm-tourism h2,.cm-tourism h3,.cm-tourism h4 { letter-spacing:-.025em; }
.cm-tourism-hero { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); gap:44px; align-items:center; margin:-20px 0 30px; padding:42px; overflow:hidden; border:1px solid #d6e5dd; border-radius:32px; background:linear-gradient(140deg,#eef9f2 0%,#fffaf0 62%,#fff0d1 100%); box-shadow:0 20px 54px rgba(31,74,61,.1); }
.cm-tourism-hero__copy>span,.cm-tourism-find header>div>span,.cm-tourism-areas header>span,.cm-tourism-cities header>span,.cm-tourism-official>div>span { color:var(--tourism-green); font-size:12px; font-weight:900; letter-spacing:.14em; }
.cm-tourism-hero h2 { margin:12px 0 18px; font-size:clamp(34px,5vw,58px); line-height:1.18; }
.cm-tourism-hero p { max-width:640px; margin:0; color:#435d55; font-size:17px; line-height:1.9; }
.cm-tourism-hero__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.cm-tourism-hero__fun { position:relative; min-width:0; margin:0; overflow:hidden; border:4px solid rgba(255,255,255,.92); border-radius:26px; background:#dff1e8; box-shadow:0 16px 34px rgba(25,63,51,.16); }
.cm-tourism-hero__fun picture { display:block; overflow:hidden; }
.cm-tourism-hero__fun img { display:block; width:100%; min-height:360px; aspect-ratio:16/9; object-fit:cover; animation:cm-tourism-photo-pan 14s ease-in-out infinite alternate; will-change:transform; }
.cm-tourism-hero__fun::after { position:absolute; inset:-30% -55%; background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.16) 49%,transparent 60%); content:""; pointer-events:none; animation:cm-tourism-photo-shine 10s ease-in-out infinite; }
.cm-tourism-hero__fun figcaption { position:absolute; right:10px; bottom:9px; z-index:1; max-width:calc(100% - 20px); padding:5px 9px; border-radius:999px; background:rgba(9,47,37,.72); color:#fff; font-size:10px; line-height:1.4; backdrop-filter:blur(5px); }
@keyframes cm-tourism-photo-pan { from { transform:scale(1.045) translate3d(-1.2%,0,0); } to { transform:scale(1.105) translate3d(1.2%,-.5%,0); } }
@keyframes cm-tourism-photo-shine { 0%,30% { transform:translateX(-28%); opacity:0; } 45% { opacity:1; } 70%,100% { transform:translateX(28%); opacity:0; } }
.cm-tourism-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 58px; }
.cm-tourism-trust>div { display:grid; grid-template-columns:auto 1fr; column-gap:13px; padding:20px; border:1px solid #d5e4dc; border-radius:18px; background:#fff; }
.cm-tourism-trust>div>span { grid-row:1 / 3; display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#dff3e9; color:#075843; font-size:16px; font-weight:900; }
.cm-tourism-trust strong { font-size:16px; }
.cm-tourism-trust p { margin:3px 0 0; color:#526b63; font-size:13px; line-height:1.65; }
.cm-tourism-official { display:grid; grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr); gap:34px; margin:0 0 70px; padding:34px; border-radius:28px; background:#173f35; color:#fff; }
.cm-tourism-official>div>span { color:#9ce1c7; }
.cm-tourism-official h3 { margin:8px 0 12px; font-size:30px; line-height:1.35; }
.cm-tourism-official>div>p { margin:0; color:#d8e9e2; }
.cm-tourism-official__links { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.cm-tourism-official__links a { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; min-height:96px; padding:15px; border:1px solid rgba(255,255,255,.18); border-radius:17px; background:rgba(255,255,255,.08); color:#fff; text-decoration:none; }
.cm-tourism-official__links a:hover { background:rgba(255,255,255,.14); transform:translateY(-2px); }
.cm-tourism-official__links b { display:grid; place-items:center; width:40px; height:40px; border-radius:13px; background:#fff; color:#0b7355; }
.cm-tourism-official__links strong,.cm-tourism-official__links small { display:block; }
.cm-tourism-official__links small { margin-top:2px; color:#cfe3db; font-size:11px; line-height:1.5; }
.cm-tourism-find { scroll-margin-top:150px; margin-bottom:78px; }
.cm-tourism-find>header { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:24px; }
.cm-tourism-find h3,.cm-tourism-areas h3,.cm-tourism-cities h3 { margin:6px 0 4px; font-size:clamp(28px,4vw,42px); }
.cm-tourism-find header p,.cm-tourism-areas header p,.cm-tourism-cities header p { max-width:680px; margin:0; color:#52665f; }
.cm-tourism-search { width:min(100%,390px); }
.cm-tourism-search span { display:block; margin-bottom:5px; font-size:12px; font-weight:800; }
.cm-tourism-search input { width:100%; min-height:50px; padding:11px 16px; border:1px solid #b9cec4; border-radius:14px; background:#fff; font-size:16px; }
.cm-tourism-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.cm-tourism-filters button { min-height:43px; padding:8px 13px; border:1px solid #c8d9d1; border-radius:999px; background:#fff; color:#31524a; font-size:13px; font-weight:800; cursor:pointer; }
.cm-tourism-filters button span { margin-right:5px; }
.cm-tourism-filters button[aria-pressed="true"] { border-color:#0b7959; background:#0b7959; color:#fff; }
.cm-tourism-region-filter { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; padding:12px 15px; border-radius:14px; background:#edf6f1; }
.cm-tourism-region-filter label { font-size:13px; font-weight:800; }
.cm-tourism-region-filter select { min-width:180px; margin-left:8px; padding:8px 12px; border:1px solid #bfd2c8; border-radius:10px; background:#fff; }
.cm-tourism-region-filter p { margin:0; color:#315b4f; font-size:13px; font-weight:800; }
.cm-tourism-spot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.cm-tourism-spot[hidden] { display:none; }
.cm-tourism-spot { overflow:hidden; border:1px solid #d3e0da; border-radius:21px; background:#fff; box-shadow:0 8px 24px rgba(24,64,52,.06); }
.cm-tourism-spot__photo { position:relative; display:flex; align-items:flex-end; justify-content:space-between; min-height:142px; padding:13px; background-image:linear-gradient(180deg,rgba(12,52,41,.03),rgba(12,52,41,.56)),var(--tourism-photo); background-position:center; background-size:cover; color:#fff; }
.cm-tourism-spot__photo span { display:grid; place-items:center; width:43px; height:43px; border:2px solid rgba(255,255,255,.7); border-radius:14px; background:rgba(5,83,60,.86); font-weight:900; }
.cm-tourism-spot__photo small { padding:3px 8px; border-radius:999px; background:rgba(0,0,0,.45); font-size:10px; }
.cm-tourism-spot__body { padding:19px; }
.cm-tourism-spot__body>span { color:#087557; font-size:12px; font-weight:850; }
.cm-tourism-spot h4 { margin:4px 0 8px; font-size:19px; line-height:1.45; }
.cm-tourism-spot p { min-height:48px; margin:0 0 13px; color:#52655f; font-size:13px; line-height:1.7; }
.cm-tourism-spot a { color:#096148; font-size:14px; font-weight:850; text-decoration:none; }
.cm-tourism-empty { padding:34px; border:1px dashed #9ebcaf; border-radius:20px; background:#f3f9f5; text-align:center; }
.cm-tourism-empty strong { font-size:20px; }
.cm-tourism-areas,.cm-tourism-cities { margin-bottom:76px; }
.cm-tourism-areas>header,.cm-tourism-cities>header { margin-bottom:24px; }
.cm-tourism-area-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.cm-tourism-area-grid a { position:relative; display:flex; min-height:230px; flex-direction:column; justify-content:flex-end; padding:22px; overflow:hidden; border-radius:22px; background-image:linear-gradient(180deg,rgba(7,45,35,.05) 10%,rgba(7,45,35,.83) 100%),var(--tourism-photo); background-position:center; background-size:cover; color:#fff; text-decoration:none; box-shadow:0 10px 24px rgba(22,59,48,.12); }
.cm-tourism-area-grid a:hover { transform:translateY(-3px); }
.cm-tourism-area-grid span { margin-bottom:auto; font-size:10px; font-weight:900; letter-spacing:.14em; }
.cm-tourism-area-grid strong { font-size:25px; }
.cm-tourism-area-grid small { color:#e1eee9; }
.cm-tourism-area-grid b { margin-top:9px; font-size:13px; }
.cm-tourism-city-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.cm-tourism-city-grid a { display:flex; align-items:center; justify-content:space-between; min-height:53px; padding:10px 12px; border:1px solid #d1ded8; border-radius:13px; background:#fff; color:#23483f; text-decoration:none; }
.cm-tourism-city-grid a:hover { border-color:#0b7959; background:#eef8f3; }
.cm-tourism-city-grid strong { font-size:14px; }
.cm-tourism-city-grid span { color:#0a7758; }
.cm-tourism-safety { display:flex; gap:16px; padding:22px; border:1px solid #efd8b6; border-radius:18px; background:#fff7e8; }
.cm-tourism-safety>span { display:grid; flex:0 0 auto; place-items:center; width:42px; height:42px; border-radius:50%; background:#f28c36; color:#fff; font-size:20px; font-weight:900; }
.cm-tourism-safety strong { font-size:17px; }
.cm-tourism-safety p { margin:4px 0 0; color:#695438; font-size:14px; }
.cm-tourism-preview__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.cm-tourism-preview__grid a { display:flex; min-height:220px; flex-direction:column; justify-content:flex-end; padding:20px; overflow:hidden; border-radius:22px; background-image:linear-gradient(180deg,rgba(6,48,36,.02),rgba(6,48,36,.76)),var(--tourism-photo); background-position:center; background-size:cover; color:#fff; text-decoration:none; box-shadow:0 12px 28px rgba(22,59,48,.12); transition:.2s; }
.cm-tourism-preview__grid a:hover { transform:translateY(-4px); }
.cm-tourism-preview__grid span { color:#e6f2ed; font-size:12px; }
.cm-tourism-preview__grid strong { font-size:22px; }
.cm-tourism-preview__grid b { margin-top:8px; font-size:13px; }
.cm-tourism-preview__actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding:18px 20px; border-radius:18px; background:#fff; }
.cm-tourism-preview__actions p { margin:0; color:#52665f; }
@media (max-width:980px) {
  .cm-tourism-hero { grid-template-columns:1fr; }
  .cm-tourism-official { grid-template-columns:1fr; }
  .cm-tourism-spot-grid,.cm-tourism-area-grid { grid-template-columns:repeat(2,1fr); }
  .cm-tourism-city-grid { grid-template-columns:repeat(4,1fr); }
  .cm-tourism-preview__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:680px) {
  .cm-tourism-hero { gap:24px; margin-top:-10px; padding:25px 19px; border-radius:24px; }
  .cm-tourism-hero p { font-size:15px; }
  .cm-tourism-hero__fun { border-width:2px; border-radius:18px; }
  .cm-tourism-hero__fun img { min-height:260px; }
  .cm-tourism-hero__fun figcaption { right:7px; bottom:7px; border-radius:10px; font-size:9px; }
  .cm-tourism-trust { grid-template-columns:1fr; margin-bottom:46px; }
  .cm-tourism-official { padding:24px 18px; border-radius:22px; }
  .cm-tourism-official__links { grid-template-columns:1fr; }
  .cm-tourism-find>header { align-items:stretch; flex-direction:column; }
  .cm-tourism-search { width:100%; }
  .cm-tourism-region-filter { align-items:flex-start; flex-direction:column; gap:8px; }
  .cm-tourism-spot-grid,.cm-tourism-area-grid { grid-template-columns:1fr; }
  .cm-tourism-city-grid { grid-template-columns:repeat(2,1fr); }
  .cm-tourism-preview__grid { grid-template-columns:1fr 1fr; }
  .cm-tourism-preview__grid a { min-height:180px; padding:16px; }
  .cm-tourism-preview__grid strong { font-size:18px; }
  .cm-tourism-preview__actions { align-items:stretch; flex-direction:column; }
}
@media (max-width:430px) {
  .cm-tourism-hero__actions .button { width:100%; }
  .cm-tourism-preview__grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .cm-tourism * { scroll-behavior:auto!important; transition:none!important; }
  .cm-tourism-hero__fun img,.cm-tourism-hero__fun::after { animation:none!important; transform:none!important; }
}