.bpcard-box {padding: 40px 0;max-width: 100vw;}
.bpcard-box.white {}
.bpcard-box.gray {background-color: var(--bg7);}
.bpcard-box .mw-1300 {display: grid;max-width: 1300px;}
.bpcard-box-title {font-family: var(--font-family);font-size: var(--fs-h1);font-weight: var(--fw-h);color: #000;width: 100%;display: flex;align-items: center;gap: 16px;}
.bpcard-box-desc {font-size: 18px;letter-spacing: 0;line-height: 30px;margin-bottom: 20px;float: left;width: 100%;font-weight: 500;}
.bpcard-box.check-list > .mw-1300 {display: grid;max-width: var(--left-w);margin: 0 var(--sidecalc);grid-template-areas: 'left right';gap: 16px;}
.bpcard-check-list {grid-area: left;}
.bpcard-check-item {display: flex;align-items: left;gap: 15px;margin-bottom: 20px;}
.bpcard-check-list .check-list {list-style-type: none;}
.bpcard-check-list .check-list li:before {position:absolute;content: "\ea98";font-family: 'BKK-Icon-Pack' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;letter-spacing: normal !important;margin-left: -40px;font-size: 24px;color: #95C11F;}
.bpcard-check-list .check-list li:not(:last-child) {margin-bottom: 16px;}
.bpcard-check-icon {font-size: 24px;color: #95C11F;}
.bpcard-check-text {font-weight: 700;}
.bpcard-check-media {grid-area: right;}
.bpcard-check-media iframe {border-radius: var(--radius-m);max-width: 100%;}
.bpcard-check-img {}
.bpcard-check-list > p:has(.bpcard-check-btn) {margin-top: 36px;}
@property --btnGradientPrimary {syntax: '<color>';initial-value: #9A163A;inherits: false;}
@property --btnGradientSecondary {syntax: '<color>';initial-value: #EE305D;inherits: false;}
.bpcard-classic-purchase-btn.btn,.carousel-more.btn,.bpcard-check-btn {--cbtn-bg: linear-gradient(291.9deg, var(--btnGradientPrimary) 22.1%, var(--btnGradientSecondary) 77.67%);--cbtn-bg-h: linear-gradient(291.9deg, var(--btnGradientPrimary) 22.1%, var(--btnGradientSecondary) 77.67%);--cbtn-color: var(--txt2-c);--cbtn-color-h: var(--txt2-c);transition: var(--trans-def);transition-property: --btnGradientPrimary, --btnGradientSecondary;}
.bpcard-classic-purchase-btn.btn:hover,.carousel-more.btn:hover,.bpcard-check-btn:hover {--btnGradientPrimary: #33020F;--btnGradientSecondary: #9A163A;}
.bpcard-selector {display: inline-grid;grid-template-columns: repeat(2, 1fr);gap: 16px;max-width: var(--left-w);}
.bpcard-sel-item {width: 100%;}
.bpcard-sel-item > a {border: 1px solid var(--bkk-gray);background-color: var(--bg);border-radius: var(--radius-m);padding: 12px;transition:box-shadow var(--trans-def),border-color var(--trans-def);}
.bpcard-sel-item > a:hover,.bpcard-sel-item > a:focus-visible {border-color: #9A163A;box-shadow:0 0 3px 2px #9A163A,0 0 0px 4px #EE305D;}
.bpcard-sel-item .sel-item-title {display: flex;gap: 8px;flex-direction: row;flex-wrap: wrap;font-size: 18px;align-items: center;}
.bpcard-sel-item .sel-item-title i {font-size: 32px;}
.bpcard-sel-item .sel-item-title b {}
.bpcard-sel-item .sel-item-list {display: flex;padding: 8px 0 0px;gap: 12px;flex-wrap: wrap;}
.bpcard-sel-item .sel-item-list p {display: flex;justify-content: center;align-items: center;gap: 8px;font-size: 18px;}
.bpcard-sel-item .sel-item-list p:not(:last-child):after {content: '|';color: var(--bkk-gray);}
.bpcard-sel-item .sel-item-list i {font-size: 24px;}
.bpcard-box.carousel {}
.bpcard-box.tiles,.bpcard-box.side-by,.bpcard-box.faq {}
.carousel-category-selector {display: block;max-width: 100%;overflow: auto;align-items: stretch;white-space: nowrap;width: auto;margin: 0 auto 20px;}
.carousel-cat-btn {background: transparent;border: none;border-bottom: 2px solid transparent;color: var(--bkk-gray);font-size: 18px;line-height: 16px;font-weight: 600;padding: 4px 8px;margin: 0;cursor: pointer;min-height: 30px;transition:color var(--trans-def),border-color var(--trans-def);}
.carousel-cat-btn:hover,.carousel-cat-btn:focus {color: var(--ticket-72h);}
.carousel-cat-btn.active {color: var(--ticket-72h-plus);border-bottom: 2px solid var(--ticket-72h-plus);}
.carousel-wrapper {max-width: 100vw;width: 100%;}
.carousel-img-tile {display: flex;min-height: 200px;align-items: center;justify-content: center;min-height: 200px;}
.carousel-img-tile > a {border-radius: var(--radius-m);width: auto;display: inline-flex;flex-direction: column;margin: 0 auto;float: none;position: relative;}
.carousel-img-tile-discount {position: absolute;top: 8px;left: 0;background-color: var(--ticket-72h);color: var(--txt2-c);font-size: 14px;font-weight: 600;padding: 4px 8px;border-radius: 0 var(--radius-l) var(--radius-l) 0;}
.carousel-img-tile-img {width: 180px;height: 180px;object-fit: cover;border-radius: var(--radius-m);display: block;background-color: var(--bg2);}
.carousel-img-tile-title {margin-top: 8px;font-size: 14px;font-weight: 700;}
.bpcard-box.carousel > .mw-1300 {gap: 16px;display: flex;flex-direction: column;}
.carousel-outer-wrapper {grid-area: wrapper;width: 100%;display: flex;gap: 16px;flex-direction: column;max-width: inherit;}
.bpcard-box .splide__arrow {background: var(--ticket-72h);}
.bpcard-box .splide__arrow svg {fill: #FFF;}
.bpcard-box.carousel .splide__slide:has(.carousel-img-tile) {transition: transform var(--trans-def);}
.bpcard-box.carousel .splide__list:hover .splide__slide:has(.carousel-img-tile):not(:hover) {transform: scale(0.9);}
.bpcard-box.carousel .splide__slide:has(.carousel-img-tile):hover {}
.bpcard-box.carousel .ticket-benefits {--fade: transparent;-webkit-mask-image: var(--fade);mask-image: var(--fade);transition:mask-image var(--trans-def),-webkit-mask-image var(--trans-def);}
.bpcard-box.carousel .ticket-benefits.clamped {--fade: transparent;max-height: 190px;overflow: auto;width: 100%;}
.bpcard-box.carousel .splide__track {--fade: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 55px,rgba(0, 0, 0, 1) 55px,rgba(0, 0, 0, 1) calc(100% - 55px),rgba(0, 0, 0, 0) calc(100% - 55px),rgba(0, 0, 0, 0) 100%);-webkit-mask-image: var(--fade);mask-image: var(--fade);transition:mask-image var(--trans-def),-webkit-mask-image var(--trans-def);}
.carousel-ticket {display: grid;grid-template-areas:'header''body''footer';background-color: var(--bg);border: 1px solid var(--bkk-gray);border-radius: var(--radius-l);padding: 16px;}
.ticket-header {grid-area: header;display: grid;align-items: center;gap: 0 12px;margin-bottom: 12px;grid-template-columns: 56px 1fr;grid-template-areas: 'icon title''icon subtitle';}
.ticket-icon {font-size: 56px;grid-area: icon;}
.ticket-title {font-size: 22px;font-weight: 700;grid-area: title;}
.ticket-subtitle {font-size: 22px;font-weight: 700;grid-area: subtitle;}
.ticket-body {grid-area: body;display: flex;align-items: center;gap: 12px;margin-bottom: 12px;flex-direction: column;border-top: 1px solid var(--bkk-gray);padding-top: 16px;}
.ticket-desc {font-size: 16px;font-weight: 700;float: left;width: 100%;text-align: left;}
.ticket-benefits {display: flex;flex-direction: column;gap: 8px;flex-wrap: nowrap;padding: 0;}
.ticket-benefits li {list-style: none;display: flex;gap: 16px;align-items: center;}
.ticket-benefits img {object-fit: cover;max-width: 60px;max-height: 40px;height: 100%;width: 100%;border-radius: var(--radius-s);object-position: center;}
.ticket-benefits p {}
.ticket-more.btn {--cbtn-color: var(--ticket-72h-plus);--cbtn-color-h: var(--ticket-72h-plus);}
.ticket-footer {grid-area: footer;display: flex;gap: 12px;border-top: 1px solid var(--bkk-gray);padding-top: 16px;flex-direction: column;justify-content: center;}
.ticket-footer:empty {display: none;}
.ticket-price {display: grid;grid-template-areas: 'left right';justify-content: space-between;padding: 0 8px;}
.ticket-price span:nth-child(1) {}
.ticket-price span:nth-child(2) {text-align: right;}
.ticket-price small {grid-column: span 2;}
.ticket-price.highlight {font-weight: bold;background: #EDF5D7;padding: 8px;border-radius: var(--radius-s);}
.bpcard-box.tiles > .mw-1300 {display: flex;flex-direction: column;gap: 40px;}
.bpcard-tilegrid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px 60px;}
.bpcard-tilegrid-item {}
.bpcard-tilegrid-item:not(:has(> a)),.bpcard-tilegrid-item > a {display: flex;flex-direction: column;gap: 16px;text-align: center;}
.bpcard-tilegrid-item img {display: block;width: 100%;height: 180px;object-fit: contain;border-radius: var(--radius-m);background-color: transparent;}
.bpcard-tilegrid-item h4 {font-size: 20px;font-weight: 700;}
.bpcard-tilegrid-item p {padding-top: 16px;font-size: 16px;}
.ticket-content-details:has(> .bpcard-box.classic-card) .content-title-line,.bpcard-box.classic-card {grid-column: span 2;}
.bpcard-box.classic-card > .mw-1300 {display: flex;flex-direction: column;gap: 40px;}
.bpcard-classic-tiles {}
.bpcard-classic-tile-item {display: flex;flex-direction: column;gap: 16px;border: 1px solid var(--bkk-gray);border-radius: var(--radius-m);padding: 16px;box-shadow: 0px 4px 8px 0px rgba(49, 6, 62, 0.2);}
.bpcard-classic-tile-img {max-height: 180px;object-fit: contain;object-position: center;}
.bpcard-classic-tile-title {font-size: 18px;font-weight: 700;}
.bpcard-classic-tile-desc {font-size: 16px;font-weight: 700;}
.bpcard-classic-tile-desc span {float: right;}
.bpcard-classic-purchase-btn.btn > .bkk-grid-loading,.ticket-purchase-btn.btn > .bkk-grid-loading {--loader-size: 20px;margin: 0;}
.bpcard-box.list {}
.bpcard-box.list > .mw-1300 {}
.bpcard-box-title svg {background-color: #EE305D;border-radius: 50%;}
.bpcard-box-list {padding-top: 40px;}
.bpcard-box-list li {}
.bpcard-box-list li.checkmark {list-style: none;position: relative;padding-left: 32px;}
.bpcard-box-list li.checkmark:not(:last-child) {padding-bottom: 24px;}
.bpcard-box-list li.checkmark > svg {position: absolute;left: 8px;width: 16px;height: 16px;}
.bpcard-box.cke-area {}
.bpcard-box.cke-area > .mw-900 {max-width: var(--left-w);margin: 0 0 0 var(--sidecalc);}
.bpcard-box.carousel .loading.bkk-grid-loading {--loader-color: var(--ticket-72h);--loader-size: 80px;margin: 73px auto;}
.bpcard-box .details-grid-item img {border-radius: var(--radius-m);max-width: 100%;}
.bpcard-box .details-grid {max-width: 100%;}
.bpcard-box .splide__pagination__page {background-color: #A4A4A4;}
.bpcard-box .splide__pagination__page.is-active {background: #845692;}
.ticket-purchase-btn {width: 100%;}
@media screen and (max-width: 1360px) {.bpcard-box.cke-area > .mw-900 {padding: 0 16px;}
}
@media screen and (max-width: 1300px) {.bpcard-selector {display: grid;grid-template-columns: repeat(1, 1fr);gap: 16px;width: 100%;}
.carousel-wrapper {max-width: calc(100vw - 30px);width: 100%;}
}
@media screen and (max-width: 960px) {.bpcard-classic-tiles {padding-bottom: 40px;}
.bpcard-classic-tiles .splide__arrows.splide__arrows--ltr,.bpcard-classic-tiles .splide__pagination.splide__pagination--ltr {position: absolute;bottom: 0;width: 100%;height: 30px;}
}
@media screen and (max-width: 900px) {.bpcard-box.check-list > .mw-1300 {grid-template-areas: unset;grid-template-columns: repeat(1, 1fr);}
.bpcard-box.check-list .bpcard-box-desc,.bpcard-check-list,.bpcard-check-media,.bpcard-check-btn {grid-area: unset;}
.carousel-wrapper {padding-bottom: 60px;}
.bpcard-box.carousel .splide__track {--fade: transperent;}
.bpcard-box .splide__arrows.splide__arrows--ltr,.bpcard-box .splide__pagination.splide__pagination--ltr {position: absolute;bottom: 0;width: 100%;height: 30px;}
}
@media screen and (max-width: 600px) {.bpcard-tilegrid {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 480px) {.bpcard-tilegrid {grid-template-columns: repeat(1, 1fr);}
}