.attractions-page .directory-hero{display:block;padding-bottom:28px;border-bottom:1px solid #dce3df;}
.attractions-page .directory-hero h1{font-size:2.5rem;}
.attractions-page .lead{width:100%;max-width:none;}
.attractions-page .directory-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;}
.attractions-page .directory-kpis article{padding:0 0 0 18px;background:transparent;border:0;border-left:2px solid #b7cbbf;border-radius:0;box-shadow:none;}
.attractions-page .directory-kpis strong{font-size:1.35rem;}
.attractions-page .directory-layout{display:flex;flex-direction:column;gap:28px;margin-top:24px;}
.attractions-page .directory-sidebar{position:static;width:100%;gap:20px;}
.attractions-page .directory-filter-card{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0;}
.attractions-page .directory-filter-card h2{font-size:1rem;}
.attractions-page .filter-stack{gap:8px;}
.attractions-page .filter-stack .chip{border-radius:6px;min-height:44px;background:#fff;border:1px solid #bfcec5;padding:10px 18px;}
.attractions-page .filter-stack .chip.is-active{background:#173d30;color:#fff;border-color:#173d30;}
.attractions-page .chip:focus-visible,.attractions-page a:focus-visible{outline:2px solid #ad3929;outline-offset:3px;}
.attractions-page .filter-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.attractions-page .filter-links a{background:#edf4f0;border:1px solid #ccded3;border-radius:8px;padding:14px 16px;flex-wrap:wrap;color:#245d48;}
.attractions-page .filter-links em{background:transparent;color:#4b5951;}
.attractions-page .directory-results{width:100%;min-width:0;}
.attractions-page .lodging-results-head{border-bottom:1px solid #dce3df;padding-bottom:18px;margin-bottom:24px;align-items:center;flex-wrap:wrap;}
.attractions-page .lodging-results-head h2{font-size:1.5rem;}
.attractions-page .attraction-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.attractions-page .attraction-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:26px 22px;background:#fff;border:1px solid #dce3df;border-top:3px solid #397966;border-radius:8px;box-shadow:0 3px 10px rgba(18,36,25,.035);overflow-wrap:anywhere;}
.attractions-page .attraction-card[hidden]{display:none;}
.attractions-page .attraction-card>.icon{width:40px;height:40px;background:#32745e;border:0;border-radius:0;mask:var(--tile-icon,url('/assets/ui-icons/mountain.svg')) center/32px no-repeat;-webkit-mask:var(--tile-icon,url('/assets/ui-icons/mountain.svg')) center/32px no-repeat;}
.attractions-page .icon svg{display:none;}
.attractions-page .attraction-card[data-tags~="termy"]{--tile-icon:url('/assets/ui-icons/bath.svg');}
.attractions-page .attraction-card[data-tags~="zima"]{--tile-icon:url('/assets/ui-icons/calendar-days.svg');}
.attractions-page .attraction-card:last-child{--tile-icon:url('/assets/ui-icons/umbrella.svg');}
.attractions-page .attraction-card>div:last-child{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;}
.attractions-page .attraction-card h3{font-size:1.12rem;line-height:1.45;margin:0;}
.attractions-page .attraction-card p{line-height:1.7;margin:0;color:#4b5951;}
.attractions-page .lodging-type{letter-spacing:0;}
.attractions-page .card-foot{margin-top:auto;padding-top:18px;border-top:1px solid #e7ece9;gap:12px;}
.attractions-page .price-tag{background:#edf4f0;border-radius:4px;color:#40564a;}
.attractions-page .btn{white-space:normal;text-align:center;}
@media(max-width:980px){
 .attractions-page .attraction-list{grid-template-columns:repeat(2,minmax(0,1fr));}
 .attractions-page .filter-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
 .attractions-page .directory-hero h1{font-size:1.85rem;}
 .attractions-page .directory-kpis{gap:12px;}
 .attractions-page .directory-kpis article{padding-left:10px;min-width:0;}
 .attractions-page .directory-kpis strong{font-size:1.05rem;}
 .attractions-page .directory-kpis span{font-size:.78rem;}
 .attractions-page .attraction-list,.attractions-page .filter-links{grid-template-columns:minmax(0,1fr);}
 .attractions-page .filter-stack .chip{flex:1 0 40%;padding:10px;}
}
