@charset "UTF-8";
.m-0 {
  margin: 0;
}

.icw img {
  margin: 0;
}

.text-glod,
.text-glod span {
  color: transparent !important;
}

#navigation-page-sticky .box-cta .btn.cta-disable,
#navigation-page-sticky .box-cta .btn.cta-disable .text-glod {
  color: rgba(153, 153, 153, 0.6666666667) !important;
  background: #cccccc !important;
  pointer-events: none !important;
}

.section-exclusive-dining .logo-gianni {
  max-width: 80px;
  width: 100%;
}
.section-exclusive-dining .flex-col .wrap-left .lh-24 {
  line-height: 24px;
}
.section-exclusive-dining .flex-col .wrap-left .b-flex {
  flex-direction: row;
}
.section-exclusive-dining .flex-col .wrap-left .logo-wisdom {
  max-width: 115px;
  width: 100%;
  margin: 0 auto;
}
.section-exclusive-dining .flex-col .wrap-left .logo-visa {
  max-width: 50px;
  width: 100%;
  margin: 0 auto;
}
.section-exclusive-dining .flex-col .wrap-left .title-img {
  max-width: 350px;
  width: 100%;
  display: block;
  margin: auto;
}
.section-exclusive-dining .flex-col .wrap-left .text-light strong {
  color: #fff;
}
.section-exclusive-dining .flex-col .images-group .img-wrap {
  width: 100%;
  object-fit: cover;
  display: block;
}
.section-exclusive-dining .flex-col .images-group .images-grid .img-wrap {
  border-radius: 8px;
  overflow: hidden;
}
.section-exclusive-dining .flex-col .images-group .images-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  border: 1px solid #979797 !important;
}
.section-exclusive-dining .flex-col .images-group a img {
  margin: 0;
}
.section-exclusive-dining .flex-col .images-group .open-promotion-popup img {
  padding-right: 8px;
}
.section-exclusive-dining .flex-col .open-promotion-popup {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.section-exclusive-dining .f-zen {
  text-transform: capitalize;
  margin: 0 !important;
}
.section-exclusive-dining .btn-disable {
  pointer-events: none !important;
  color: rgba(102, 102, 102, 0.6666666667) !important;
  background: #cccccc !important;
  border: #cccccc !important;
  margin-bottom: 16px !important;
  max-width: 337px !important;
}

@media (min-width: 768px) {
  #navigation-page-sticky .stickyNav-panelList {
    display: none;
  }
  .section-exclusive-dining .flex-col .wrap-left .logo-wisdom {
    max-width: 115px;
    width: 100%;
    margin: 0 auto;
  }
  .section-exclusive-dining .flex-col .wrap-left .logo-visa {
    max-width: 50px;
    width: 100%;
    margin: 0 auto;
  }
  .section-exclusive-dining .flex-col .wrap-left .title-img {
    max-width: 350px;
    width: 100%;
    display: block;
    margin: auto;
  }
  .section-exclusive-dining .flex-col .images-group .images-grid.grid-gallery-3-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 1140px) {
  #navigation-page-sticky.stickyNav.anim-fixed.anim-activate {
    position: fixed;
    top: 0px;
    margin-top: 0px;
  }
  #stickyNavAnchor {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .section-exclusive-dining .flex-col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 56px;
  }
  .section-exclusive-dining .flex-col .wrap-left,
  .section-exclusive-dining .flex-col .wrap-right {
    width: 100%;
  }
  .section-exclusive-dining .flex-col .wrap-left {
    width: calc((100% - 56px) * 0.536);
  }
  .section-exclusive-dining .flex-col .wrap-right {
    width: calc((100% - 56px) * 0.464);
  }
  .btn.btn-border {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .section-exclusive-dining .flex-col {
    display: flex;
    flex-direction: column;
  }
  .section-exclusive-dining .flex-col .wrap-left,
  .section-exclusive-dining .flex-col .wrap-right {
    width: 100%;
  }
  .section-exclusive-dining .flex-col .wrap-left {
    width: 100%;
  }
  .section-exclusive-dining .flex-col .wrap-left .title-img {
    max-width: 300px;
    width: 100%;
    display: block;
    margin: auto;
  }
  .section-exclusive-dining .flex-col .wrap-right {
    width: 100%;
  }
  .section-exclusive-dining .flex-col .images-group {
    margin-top: 32px;
    margin-bottom: 0;
  }
  .section-exclusive-dining .flex-col .images-group .images-grid.grid-gallery-3-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .section-exclusive-dining .wisdom-special-wrap .wisdom-special {
    padding: 16px 8px;
    margin-bottom: 1px;
    display: flex;
    flex-direction: column;
  }
  .section-exclusive-dining .wisdom-special-wrap .wisdom-special .flex {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
  }
  .section-exclusive-dining .wisdom-special-wrap .wisdom-special .flex img {
    max-width: 60%;
  }
  #navigation-page-sticky .box-cta .btn.cta-disable,
  #navigation-page-sticky .box-cta .btn.cta-disable .text-glod {
    color: rgba(153, 153, 153, 0.6666666667) !important;
    background: #cccccc !important;
    pointer-events: none !important;
  }
  .sc-thumb-box {
    min-height: 100dvh;
  }
}
/* ========== BASE ========== */
.images-grid {
  display: grid;
  gap: 12px;
}

/* ครอบรูปให้ตัด (crop) ไม่บี้ */
.images-grid .img-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #000;
  aspect-ratio: 4/3; /* อัตราส่วนพื้นฐาน */
}

.images-grid .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* สำคัญ: crop รูป */
  display: block;
}

.grid-gallery-3-item .image-4,
.grid-gallery-3-item .image-5,
.grid-gallery-3-item .image-6 {
  display: none !important;
}

.grid-gallery-4-item .image-5,
.grid-gallery-4-item .image-6 {
  display: none !important;
}

.grid-gallery-5-item .image-6 {
  display: none !important;
}

/* ========== DESKTOP (>= 768px) ========== */
@media (min-width: 768px) and (max-width: 1199px) {
  .images-group {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    margin-top: 32px;
  }
  /* --- 3 IMAGE: เรียงลง 1 คอลัมน์ --- */
  .grid-gallery-3-item {
    grid-template-columns: 1fr;
  }
  .grid-gallery-3-item .img-wrap {
    aspect-ratio: 16/9;
    height: 300px !important;
  }
  /* --- 4 IMAGE: บนเต็ม, กลาง 2 ใบ, ล่างเต็ม --- */
  .grid-gallery-4-item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-gallery-4-item .img-wrap:nth-child(1), .grid-gallery-4-item .img-wrap:nth-child(4) {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
    height: 300px !important;
  }
  .grid-gallery-4-item .img-wrap:nth-child(2), .grid-gallery-4-item .img-wrap:nth-child(3) {
    height: 180px !important;
  }
  /* --- 5 IMAGE: บนเต็ม, ล่าง 4 รูปเป็น 2x2 --- */
  .grid-gallery-5-item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-gallery-5-item .img-wrap:nth-child(1) {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
    height: 300px !important;
  }
  /* --- 6 IMAGE: ตามดีไซน์ (1 บนเต็ม, 2 สูง, ขวา 3 ใบเล็ก, ล่างเต็ม) --- */
  .grid-gallery-6-item {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(5, auto);
    /* ใบที่ 1: บนเต็มแนวกว้าง */
  }
  .grid-gallery-6-item .img-wrap {
    /* ใบที่ 1: บนเต็มแนวกว้าง */
    /* ใบที่ 3–5: รูปเล็กเรียงลงด้านขวา */
    /* ใบที่ 6: ล่างเต็มแนวกว้าง */
  }
  .grid-gallery-6-item .img-wrap:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
    aspect-ratio: 16/9;
    height: 300px !important;
  }
  .grid-gallery-6-item .img-wrap:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/5; /* span 3 แถว */
    aspect-ratio: 3/4;
    height: 460px !important;
  }
  .grid-gallery-6-item .img-wrap:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .grid-gallery-6-item .img-wrap:nth-child(4) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .grid-gallery-6-item .img-wrap:nth-child(5) {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .grid-gallery-6-item .img-wrap:nth-child(3), .grid-gallery-6-item .img-wrap:nth-child(4), .grid-gallery-6-item .img-wrap:nth-child(5) {
    height: 145px !important;
  }
  .grid-gallery-6-item .img-wrap:nth-child(6) {
    grid-column: 1/-1;
    grid-row: 5/6;
    aspect-ratio: 16/9;
    height: 300px !important;
  }
}
@media (min-width: 1200px) {
  .images-group {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
  }
  /* --- 3 IMAGE: เรียงลง 1 คอลัมน์ --- */
  .grid-gallery-3-item {
    grid-template-columns: 1fr;
  }
  .grid-gallery-3-item .img-wrap {
    aspect-ratio: 16/9;
    height: 217px;
  }
  /* --- 4 IMAGE: บนเต็ม, กลาง 2 ใบ, ล่างเต็ม --- */
  .grid-gallery-4-item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-gallery-4-item .img-wrap:nth-child(1), .grid-gallery-4-item .img-wrap:nth-child(4) {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
    height: 217px;
  }
  .grid-gallery-4-item .img-wrap:nth-child(2), .grid-gallery-4-item .img-wrap:nth-child(3) {
    height: 146px;
  }
  /* --- 5 IMAGE: บนเต็ม, ล่าง 4 รูปเป็น 2x2 --- */
  .grid-gallery-5-item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-gallery-5-item .img-wrap:nth-child(1) {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
    height: 217px;
  }
  .grid-gallery-5-item .img-wrap:nth-child(2), .grid-gallery-5-item .img-wrap:nth-child(3), .grid-gallery-5-item .img-wrap:nth-child(4), .grid-gallery-5-item .img-wrap:nth-child(5) {
    height: 146px;
  }
  /* --- 6 IMAGE: ตามดีไซน์ (1 บนเต็ม, 2 สูง, ขวา 3 ใบเล็ก, ล่างเต็ม) --- */
  .grid-gallery-6-item {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(5, auto);
    /* ใบที่ 1: บนเต็มแนวกว้าง */
  }
  .grid-gallery-6-item .img-wrap {
    /* ใบที่ 1: บนเต็มแนวกว้าง */
    /* ใบที่ 3–5: รูปเล็กเรียงลงด้านขวา */
    /* ใบที่ 6: ล่างเต็มแนวกว้าง */
  }
  .grid-gallery-6-item .img-wrap:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
    aspect-ratio: 16/9;
    height: 217px;
  }
  .grid-gallery-6-item .img-wrap:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/5; /* span 3 แถว */
    aspect-ratio: 3/4;
    height: 330px;
  }
  .grid-gallery-6-item .img-wrap:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .grid-gallery-6-item .img-wrap:nth-child(4) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .grid-gallery-6-item .img-wrap:nth-child(5) {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .grid-gallery-6-item .img-wrap:nth-child(3), .grid-gallery-6-item .img-wrap:nth-child(4), .grid-gallery-6-item .img-wrap:nth-child(5) {
    height: 102px !important;
  }
  .grid-gallery-6-item .img-wrap:nth-child(6) {
    grid-column: 1/-1;
    grid-row: 5/6;
    aspect-ratio: 16/9;
    height: 217px;
  }
}
/* ========== MOBILE (<= 767px) ========== */
@media (max-width: 767px) {
  /* ทุกชุด: 2 คอลัมน์ */
  .images-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid !important;
  }
  .grid-gallery-3-item .img-wrap {
    /* 3 รูป: รูปบนเต็มแนวกว้าง, ด้านล่าง 2 รูป */
    /* รูปล่าง 2 รูป = สี่เหลี่ยม 1:1 */
    height: 158px;
  }
  .grid-gallery-3-item .img-wrap:nth-child(1) {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
    height: 158px;
  }
  .grid-gallery-3-item .img-wrap:nth-child(2), .grid-gallery-3-item .img-wrap:nth-child(3) {
    aspect-ratio: 1/1;
  }
  .grid-gallery-4-item .img-wrap {
    height: 158px;
  }
  .grid-gallery-5-item .img-wrap {
    /* 5 รูป: รูปบนเต็มแนวกว้าง, ด้านล่าง 4 รูปเป็น 2x2 */
    height: 158px;
  }
  .grid-gallery-5-item .img-wrap:nth-child(1) {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
    height: 158px;
  }
  .grid-gallery-6-item .img-wrap {
    height: 158px;
  }
}
.warning {
  background: #f8f8f8;
  padding: 16px;
}

.section-condition {
  padding: 32px 0;
}
.section-condition ul li {
  margin-left: 0 !important;
}

#section4B {
  background: radial-gradient(239.83% 264.15% at 213.73% -95.85%, #31796f 0%, #095e52 57.28%, #022d24 100%);
  padding: 64px 0 !important;
}

@media screen and (max-width: 767px) {
  #section4B {
    padding: 40px 0 !important;
  }
}
.sc-promo {
  background: none;
}
.sc-promo .promo-inner .pro-content {
  margin: 0 !important;
}
.sc-promo .promo-inner .pro-content .promo-title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sc-promo .more-card .promo-wrap {
  align-items: normal;
}

section#heading,
section#breadcrumbs {
  display: none;
}

#section1.container,
#section2 > .container,
#section4A > .container,
#section4B > .container {
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
}

.group-inner {
  padding: 0 !important;
}

#section2 .d-flex {
  gap: 0 !important;
}

section#section2 .sc-inner {
  padding: 0 !important;
}

.section-exclusive-dining .wisdom-special-wrap::after {
  background: none;
}

.cc-promo-footer {
  padding: 12px 16px;
  border-radius: 8px;
  overflow: hidden;
}
.cc-promo-footer .inner {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  height: 100%;
}
.cc-promo-footer .inner .box-left img {
  height: 48px;
  width: auto;
}
.cc-promo-footer .link {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .cc-promo-footer {
    background: url(/SiteCollectionDocuments/promotion/credit-card/finedining/img/wisdom/k-curated-banner-2280x400.jpg) center right no-repeat;
    background-size: cover;
    padding: 50px 55px;
    height: 200px;
  }
  .cc-promo-footer .inner {
    display: flex;
    justify-content: space-between;
    flex-direction: unset;
  }
  .cc-promo-footer .inner .text-glod {
    font-size: 24px;
    line-height: 36px;
  }
  .cc-promo-footer .inner .box-left img {
    width: auto;
    height: 80px;
  }
  .cc-promo-footer .link {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 991px) {
  .cc-promo-footer {
    background: url(/SiteCollectionDocuments/promotion/credit-card/finedining/img/wisdom/k-curated-banner-656x240.jpg) center right no-repeat;
    background-size: cover;
    padding: 40px 24px;
    height: 280px;
  }
  .cc-promo-footer .inner {
    flex-direction: column;
  }
  .cc-promo-footer .inner .box-right {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cc-promo-footer {
    background: url(/SiteCollectionDocuments/promotion/credit-card/finedining/img/wisdom/k-curated-banner-656x240.jpg) center right no-repeat;
    background-size: cover;
    padding: 12px 16px;
    border-radius: 8px;
    overflow: hidden;
    height: 120px;
  }
  .cc-promo-footer .inner .box-right {
    padding-top: 0;
  }
  #navigation-page-sticky.stickyNav {
    bottom: 46px !important;
  }
}/*# sourceMappingURL=custom-finedining.css.map */