/* Penzion – vybavení */
.ag3032-vybaveni {background: var(--color-light); color: var(--color-dark-text);}
.ag3032-vybaveni__inner {padding-top: 120px; padding-bottom: 120px;}
.ag3032-vybaveni__head {text-align: center; margin-bottom: 50px;}
.ag3032-vybaveni__head h2 {margin: 0 0 15px;}
.ag3032-vybaveni__skore {display: inline-flex; align-items: center; gap: 12px; font-size: var(--text-velikost-8); font-weight: var(--text-sirka-3); color: var(--color-one);}
.ag3032-vybaveni__skore p {margin: 0;}
.ag3032-vybaveni__skore strong {display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px; margin-left: 6px; border-radius: 12px 12px 12px 0; background: var(--color-one); color: var(--color-white); font-weight: var(--text-sirka-5);}

.ag3032-vybaveni__top {display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 auto 60px; max-width: 1100px;}
.ag3032-vybaveni__chip {display: flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: var(--border-radius); background: var(--color-two); color: var(--color-one); font-weight: var(--text-sirka-3); font-size: var(--text-velikost-4);}
.ag3032-vybaveni__chip svg {width: 22px; height: 22px; flex: 0 0 22px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.ag3032-vybaveni__chip div {line-height: 1.3;}

.ag3032-vybaveni__grid {columns: 3; column-gap: 24px;}
.ag3032-vybaveni__card {break-inside: avoid; margin-bottom: 24px; padding: var(--global-padding-4); background: var(--color-white); border-radius: 24px;}
.ag3032-vybaveni__card h3 {margin: 0 0 15px; font-size: var(--text-velikost-3); line-height: 1.3; letter-spacing: .02em;}
.ag3032-vybaveni__card p {margin: 0; font-size: var(--text-velikost-4); line-height: 1.6; color: var(--color-darker);}
.ag3032-vybaveni__card ul {list-style: none; margin: 0; padding: 0;}
.ag3032-vybaveni__card li {position: relative; padding: 6px 0 6px 28px; font-size: var(--text-velikost-4); line-height: 1.5; border-bottom: 1px solid var(--color-light);}
.ag3032-vybaveni__card li:last-child {border-bottom: 0;}
.ag3032-vybaveni__card li::before {content: ""; position: absolute; left: 4px; top: 11px; width: 10px; height: 5px; border-left: 2px solid var(--color-one-hover); border-bottom: 2px solid var(--color-one-hover); transform: rotate(-45deg);}
.ag3032-vybaveni__card li em {display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 6px; background: var(--color-light); color: var(--color-darker); font-style: normal; font-size: var(--text-velikost-5);}

/* Penzion – okolí */
.ag3032-okoli__inner {padding-top: 120px; padding-bottom: 0;}
.ag3032-okoli__head {text-align: center; margin-bottom: 50px;}
.ag3032-okoli__head h2 {margin: 0 0 15px;}
.ag3032-okoli__lead {max-width: 850px; margin: 0 auto; font-size: var(--text-velikost-8); line-height: 1.5;}
.ag3032-okoli__lead p {margin: 0;}
.ag3032-okoli__lead strong {color: var(--color-two);}
.ag3032-okoli__grid {columns: 3; column-gap: 24px;}
.ag3032-okoli__card {break-inside: avoid; margin-bottom: 24px; padding: var(--global-padding-4); border: 1px solid rgba(255, 255, 255, .18); border-radius: 24px; background: rgba(255, 255, 255, .04);}
.ag3032-okoli__card h3 {margin: 0 0 15px; font-size: var(--text-velikost-3); line-height: 1.3; color: var(--color-two); letter-spacing: .02em;}
.ag3032-okoli__card ul {list-style: none; margin: 0; padding: 0;}
.ag3032-okoli__card li {display: flex; align-items: baseline; gap: 10px; padding: 9px 0; font-size: var(--text-velikost-4); line-height: 1.4; border-bottom: 1px dotted rgba(255, 255, 255, .25);}
.ag3032-okoli__card li:last-child {border-bottom: 0;}
.ag3032-okoli__card li em {font-style: normal; font-size: var(--text-velikost-5); text-transform: uppercase; letter-spacing: .05em; opacity: .65;}
.ag3032-okoli__card li strong {margin-left: auto; white-space: nowrap; font-weight: var(--text-sirka-4); color: var(--color-two);}

/* Penzion – rezervace (Previo) */
.ag3032-previo {width: 100%; max-width: var(--container-1); margin: 0 auto; min-height: 400px;}
.ag3032-previo iframe {display: block; width: 100%; border: 0; background: transparent;}
html.wms-builder .ag3032-previo {display: flex; align-items: center; justify-content: center; border: 2px dashed rgba(255, 255, 255, .4); border-radius: 24px;}
html.wms-builder .ag3032-previo::before {content: "Rezervační formulář Previo (hotId 5071) – zobrazí se na webu"; opacity: .7;}

@media only screen and (max-width: 1200px) {
  .ag3032-vybaveni__grid {columns: 2;}
  .ag3032-okoli__grid {columns: 2;}
}
@media only screen and (max-width: 820px) {
  .ag3032-vybaveni__inner, .ag3032-okoli__inner {padding-top: 65px; padding-bottom: 50px;}
  .ag3032-okoli__inner {padding-bottom: 0;}
  .ag3032-vybaveni__top {margin-bottom: 40px;}
}
@media only screen and (max-width: 650px) {
  .ag3032-vybaveni__grid {columns: 1;}
  .ag3032-okoli__grid {columns: 1;}
  .ag3032-vybaveni__chip {padding: 10px 16px;}
}