.bkkinfo-cnt {max-width: 840px;width: 100%;}
.bkkinfo-cnt .bkk-grid-type-grid { --vh-size: 24px; }
.tickets-grid {--ticket-grid-items: 3;display: grid;grid-template-columns: repeat(var(--ticket-grid-items), 1fr);grid-template-rows: 1fr;grid-column-gap: 32px;grid-row-gap: 0;width: 100%;}
.tickets-grid:has(.ticket:nth-child(4)) {--ticket-grid-items: 4;}
.tickets-grid:has(.ticket:nth-child(5)) {--ticket-grid-items: 5;}
.ticket {padding: 8px 16px;background-color: var(--ticket-bg);border-radius: var(--radius-m);display: flex;flex-wrap: wrap;align-items: center;position: relative;--gradient-h-c: 0,0,0;}
.ticket img {max-height: 56px;object-fit: contain;object-position: left center;margin-right: 20px;display: inline;vertical-align: middle;}
.ticket p {font-size: 20px;display: inline;vertical-align: middle;color: var(--txt2-c);font-weight: var(--fw-h);text-align: left;}
.ticket:after {content: '';background: linear-gradient(120deg, rgba(var(--gradient-h-c),0) 25%, rgba(var(--gradient-h-c),1) 100%);transition: opacity var(--trans-def);opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: var(--radius-m);pointer-events: none;-webkit-touch-action: none;touch-action: none;mix-blend-mode: overlay;}
.ticket:focus:after,.ticket:hover:after {opacity: 40%;}
.ticket.adult     { --ticket-bg: var(--bkk-purple); --gradient-h-c: 255,255,255; }
.ticket.student   { --ticket-bg: #B1599E; }
.ticket.pensioner { --ticket-bg: #EE7203;}
.ticket.other     { --ticket-bg: var(--bg6);}
.ticket.bpcard    { --ticket-bg: #131747;}
.services-row {max-width: 1300px;width: calc(100vw - 20px);}
.services-tiles {}
.services-tile {color: var(--txt-c);--st-color: var(--bkk-purple);}
.services-tile[href*="budapestgo"] { --st-color: var(--bkk-purple); }
.services-tile[href*="budapestpayandgo"] { --st-color: #4DBCC5; }
.services-tile[href*="bubi"] { --st-color: var(--info-bubi); }
.service-img {object-fit: contain;object-position: center;max-height: 225px;width: 100%;}
.service-divider {border-color: var(--st-color);border-width: 1px;border-style: solid;margin: 20px 0;}
.service-title {font-weight: var(--fw-h);margin-bottom: 10px;}
.service-lead {max-width: calc(100% - 30px);display: inline-block;}
.services-tile i {width: 25px;height: 25px;line-height: 25px;background-color: var(--bkk-purple);color: var(--txt2-c);padding-left: 2px;padding-top: 1px;border-radius: 50%;font-size: 12px;display: inline-block;text-align: center;transition: color var(--trans-def),background-color var(--trans-def),box-shadow var(--trans-def);}
.services-tile:hover .service-title,.services-tile:hover .service-lead,.services-tile:focus .service-title,.services-tile:focus .service-lead {text-decoration: underline;}
 .services-tile:hover i,.services-tile:focus i {box-shadow: inset 0 0 0 2px var(--bkk-purple);color: var(--bkk-purple);background-color: var(--txt2-c);}
.services-row .splide__arrow {transition: opacity var(--trans-def),visibility var(--trans-def);}
.services-row .splide__arrow:disabled {opacity: 0;visibility: hidden;}
.services-row .splide__track {overflow: visible;}
.services-row .splide__pagination { bottom: -2em;}
.services-row .splide__arrows {bottom: -1.5em;position: absolute;left: 0;width: 100%;}
.services-row .splide__arrow {background: var(--bkk-purple);}
.services-row .splide__arrow svg {fill: var(--txt2-c);}
.services-row .splide__pagination__page {background: var(--bkk-gray)}
.services-row .splide__pagination__page.is-active {background: var(--bkk-purple)}
@media screen and (max-width: 1320px)  {.services-row {width: calc(100vw - 60px);}
}
@media screen and (max-width: 1060px)  {.ticket {padding: 20px;display: grid;grid-template-columns: 1fr;grid-template-rows: 56px auto;grid-column-gap: 0;grid-row-gap: 0;justify-items: center;align-items: center;}
.ticket img {object-fit: contain;object-position: center;max-width: 100%;max-height: 56px;padding: 0 10px;margin-right: 0;}
}
@media screen and (max-width: 900px) {.map-grid {grid-template-columns: 1fr;grid-template-rows: 300px auto;grid-row-gap: 50px;}
}
@media screen and (max-width: 800px) {.tickets-grid {grid-template-columns: repeat(3, 1fr);grid-row-gap: 24px;}
}
@media screen and (max-width: 750px) {.services-row {}
.services-row .splide__slide {border: 1px solid var(--bkk-gray);border-radius: var(--radius-m);padding: 15px;transition: opacity var(--trans-def);}
.services-row  .splide__slide:not(.is-active) {opacity: 0.25;}
.services-row .splide__track {overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0, 0, 0, 1) 10%,rgba(0, 0, 0, 1) 90%,transparent 100%);mask-image: linear-gradient(90deg,transparent 0%,rgba(0, 0, 0, 1) 10%,rgba(0, 0, 0, 1) 90%,transparent 100%);}
}
@media screen and (max-width: 650px) {.bkk-grid-col-3 .bkk-grid-item {}
.bkk-grid-col-3 .bkk-grid-item .bkk-grid-vehicles {}
.bkk-grid-col-3 .bkk-grid-item .bkk-grid-info {}
.bkk-grid-col-3 .bkk-grid-item .bkk-grid-buttons {align-self: start;}
.bkk-grid-col-4 .bkk-grid-item {grid-template-columns: auto 25px;grid-template-rows: repeat(3, auto);grid-column-gap: 0;grid-row-gap: 10px;width: 100%;--vh-col: 2;}
.bkk-grid-col-4 .bkk-grid-item .bkk-grid-vehicles { grid-area: 1 / 1 / 2 / 2; }
.bkk-grid-col-4 .bkk-grid-item .bkk-grid-info:nth-child(2) { grid-area: 2 / 1 / 3 / 3; }
.bkk-grid-col-4 .bkk-grid-item .bkk-grid-info:nth-child(3) { grid-area: 3 / 1 / 4 / 3; }
.bkk-grid-col-4 .bkk-grid-item .bkk-grid-buttons {grid-area: 1 / 2 / 2 / 3;align-self: start;}
.bkk-grid-col-5 .bkk-grid-item {}
.bkk-grid-col-5 .bkk-grid-item .bkk-grid-vehicles {}
.bkk-grid-col-5 .bkk-grid-item .bkk-grid-info:nth-child(2) {}
.bkk-grid-col-5 .bkk-grid-item .bkk-grid-info:nth-child(3) {}
.bkk-grid-col-5 .bkk-grid-item .bkk-grid-info:nth-child(4) {}
.bkk-grid-col-5 .bkk-grid-item .bkk-grid-buttons {align-self: start;}
}
@media screen and (max-width: 500px) {.tickets-grid {grid-template-columns: repeat(1, 1fr);grid-row-gap: 24px;}
.ticket {display: flex;padding: 8px;gap: 8px;}
}
@media screen and (max-width: 450px) {}
@media screen and (max-width: 400px) {.map-form.form-cnt .btn.bkkp-filter-submit,.faq-row.row > .href-btn,.news-row.row > .href-btn,.bkkinfo-cnt.row > .href-btn {--cbtn-w: 100%;}
}
@supports (-moz-appearance:none) {.services-row .splide__track {padding-bottom: 2px;}
}