/*!
README - STYLEGUIDE BRIEFLY

Find the style by section/component using Find or CTRL + F:
RESET STYLE, GLOBAL UTILITIES, IMAGE STYLE, SOCIAL MEDIA STYLE, HERO BANNER STYLE,
EXPERIENCE HERO STYLE, DELIVERY CTA STYLE, PROMO CARD STYLE, POPUP STYLE,
IFRAME STYLE, CONTACT LINK STYLE, GRAVITY FORM STYLE,
WOOCOMMERCE - SHOP, WOOCOMMERCE - CART, WOOCOMMERCE - CHECKOUT,
WOOCOMMERCE - PAYMENT, RESPONSIVE STYLE.

Make this stylesheet still readable and after using this file, don't forget to use beautify after development.
Thank you Whello Developer.
*/

/* ==========================================================================
   RESET STYLE
   ========================================================================== */

iframe {
  width: 100%;
}

section.vc_section {
  width: auto;
}

.vc_section.vc_section-has-fill,
.vc_section.vc_section-has-fill + .vc_section,
.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section {
  padding-top: 0;
}

.vc_section[data-vc-stretch-content] .vc_column_container > .vc_column-inner {
  padding: 0;
}

.vc_section[data-vc-full-width].section_visible {
  overflow: visible;
}

.vc_section.vc_section-has-fill {
  background: center / cover no-repeat;
}

.vc_row.row-slider-offset {
  overflow: hidden;
}

.vc_row.row-reset-row {
  margin: 0;
}

.vc_row.row-reset-row > .vc_column_container > .vc_column-inner {
  padding: 0;
}

/* ==========================================================================
   GLOBAL UTILITIES
   ========================================================================== */

.text-white,
.text-white * {
  color: var(--white);
}

.wpb_text_column.textblock-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--black);
  padding: 10px 20px;
  -webkit-border-radius: var(--rounded-full);
  -moz-border-radius: var(--rounded-full);
  border-radius: var(--rounded-full);
  font-size: var(--text-sm);
  font-weight: 600;
  text-transform: uppercase;
}

.row-column-link > div {
  cursor: pointer;
}

/* ==========================================================================
   IMAGE STYLE
   ========================================================================== */

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.wpb_single_image.large-rounded .vc_single_image-wrapper.vc_box_rounded,
.wpb_single_image.large-rounded .vc_single_image-wrapper.vc_box_rounded img {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}

.wpb_single_image.image-aspect-1\/1 .vc_single_image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.wpb_single_image.image-aspect-1\/1 .vc_single_image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   SOCIAL MEDIA STYLE
   ========================================================================== */

.vc_row.row-sosmed {
  margin-left: -10px;
  margin-right: -10px;
}

.vc_row.row-sosmed > .wpb_column {
  width: auto;
}

.vc_row.row-sosmed > .vc_column_container > .vc_column-inner {
  padding-left: 10px;
  padding-right: 10px;
}

.wpb_single_image.image-sosmed img {
  width: 35px;
  height: 35px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition:
    transform 0.3s ease,
    -moz-transform 0.3s ease;
  -moz-transition:
    transform 0.3s ease,
    -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease,
    -moz-transform 0.3s ease,
    -o-transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease,
    -moz-transform 0.3s ease,
    -o-transform 0.3s ease;
}

.wpb_single_image.image-sosmed img:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}

/* ==========================================================================
   HERO BANNER STYLE
   ========================================================================== */

.vc_section.section-hero-banner {
  text-align: center;
}

.wpb_text_column.content-hero-banner {
  max-width: 648px;
  margin: 0 auto;
}

.wpb_text_column.content-hero-banner p:first-child {
  font-weight: 700;
  letter-spacing: 0.8px;
  opacity: 0.5;
}

.wpb_text_column.content-hero-banner h1,
.wpb_text_column.content-hero-banner h2 {
  margin-bottom: 15px;
}

.vc_row.group-button-hero-banner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
}

.vc_row.group-button-hero-banner > .wpb_column {
  width: auto;
}

.vc_row.group-button-hero-banner > .vc_column_container > .vc_column-inner {
  padding-left: 5px;
  padding-right: 5px;
}

.whbutton-whatsapp.whbutton-fill--black .cta-whbutton {
  background-color: #25d366;
  border-color: #25d366;
}

.whbutton-whatsapp.whbutton-fill--black .cta-whbutton:hover {
  background-color: var(--black);
  border-color: var(--black);
}
/* ==========================================================================
   EXPERIENCE HERO STYLE
   ========================================================================== */

.wpb_text_column.shortdesc-experience-hero {
  max-width: 448px;
  margin-left: auto;
}

.vc_row.row-highlight-experience-hero {
  margin-left: -12px;
  margin-right: -12px;
}

.vc_row.row-highlight-experience-hero
  > .vc_column_container
  > .vc_column-inner {
  padding-left: 12px;
  padding-right: 12px;
}

.vc_row.card-highlight-experience-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-left: 0;
  margin-right: 0;
  cursor: pointer;
}

.vc_row.card-highlight-experience-hero::before,
.vc_row.card-highlight-experience-hero::after {
  display: none;
}

.vc_row.card-highlight-experience-hero
  > .vc_column_container
  > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

.vc_row.card-highlight-experience-hero > .wpb_column {
  width: auto;
}

.vc_row.card-highlight-experience-hero > .wpb_column:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.vc_row.card-highlight-experience-hero
  > .wpb_column:first-child
  .wpb_single_image
  img {
  width: 98px;
  height: 98px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.vc_row.card-highlight-experience-hero h4 {
  margin-bottom: 0;
}

.vc_row.card-highlight-experience-hero .whbutton-wrapper {
  margin-top: 10px;
}

.vc_row.card-highlight-experience-hero
  .whbutton-icon-left
  .cta-whbutton
  .icon-cta,
.vc_row.card-highlight-experience-hero
  .whbutton-icon-right
  .cta-whbutton
  .label-cta,
.vc_row.card-highlight-experience-hero
  .whbutton-icon-left
  .cta-whbutton::after {
  margin-right: 5px;
}

/* ==========================================================================
   DELIVERY CTA STYLE
   ========================================================================== */

.vc_section.section-delivery-cta {
  padding: 40px;
  margin: 0;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

.vc_row.row-partner-delivery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);

  /* UBAH DI SINI: Gunakan auto untuk tinggi baris */
  -ms-grid-rows: auto 20px auto;
  grid-template-rows: repeat(2, auto);

  gap: 20px;
}

.vc_row.row-partner-delivery > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.vc_row.row-partner-delivery > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.vc_row.row-partner-delivery > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.vc_row.row-partner-delivery > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.vc_row.row-partner-delivery .wpb_text_column {
  display: none;
}

.vc_row.row-partner-delivery .wpb_single_image * {
  width: 100%;
  height: 100%;
}

.vc_row.row-partner-delivery:before,
.vc_row.row-partner-delivery:after {
  display: none;
}

.vc_row.row-partner-delivery > .wpb_column {
  width: 100%;
  height: auto;
}

.vc_row.row-partner-delivery > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white);
  border: 1px solid #e5e5e5;
  padding: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.vc_row.row-partner-delivery .wpb_single_image {
  width: 100%;
  height: 100%;
  border: 2px solid var(--white);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.vc_row.row-partner-delivery .wpb_text_column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.vc_row.row-partner-delivery > .wpb_column > .vc_column-inner,
.vc_row.row-partner-delivery > .wpb_column > .vc_column-inner > .wpb_wrapper {
  height: 100%;
}

.vc_row.row-delivery-container
  .wpb_single_image
  .vc_single_image-wrapper.vc_box_rounded,
.vc_row.row-delivery-container
  .wpb_single_image
  .vc_single_image-wrapper.vc_box_rounded
  img {
  border-radius: 20px;
}

.vc_row.row-delivery-container > .wpb_column:first-child * {
  width: 100%;
  height: 100%;
}

.vc_row.row-partner-delivery
  > .wpb_column:first-child
  > .vc_column-inner
  > .wpb_wrapper {
  background-color: #ff5a1f;
  border-color: #ff5a1f;
  color: var(--white);
}

.vc_row.row-partner-delivery h4 {
  font-size: var(--text-base);
  margin-bottom: 5px;
  font-weight: 600;
}
/* ==========================================================================
   PROMO CARD STYLE
   ========================================================================== */

.vc_row.row-card-promos {
  margin-left: -15px;
  margin-right: -15px;
}

.vc_row.row-card-promos > .vc_column_container {
  margin-bottom: 30px;
}

.vc_row.row-card-promos > .vc_column_container > .vc_column-inner {
  padding-left: 15px;
  padding-right: 15px;
}

.vc_row.row-card-promos .wpb_single_image * {
  width: 100%;
  height: 100%;
}

.wpb_text_column.highlight-notes {
  padding: 20px;
  background-color: var(--vanilla);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* ==========================================================================
   POPUP STYLE
   ========================================================================== */

.pum-theme-default-theme .pum-container {
  top: 52% !important;
  left: 50% !important;
  width: -webkit-calc(100% - 48px) !important;
  width: -moz-calc(100% - 48px) !important;
  width: calc(100% - 48px) !important;
  max-width: 684px !important;
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pum-container.pum-scrollable .pum-content {
  max-height: 100% !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.pum-theme-default-theme .pum-content + .pum-close {
  top: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 0;
  background: var(--black) url("/wp-content/uploads/2026/05/close-circle.svg")
    center / 30px no-repeat;
  -webkit-border-radius: var(--rounded-full);
  -moz-border-radius: var(--rounded-full);
  border-radius: var(--rounded-full);
}

/* ==========================================================================
   IFRAME STYLE
   ========================================================================== */

.iframe-wrap {
  width: auto;
  margin: 0 -50px;
  overflow: hidden;
}

.iframe-wrap iframe {
  display: block;
  width: 100%;
  height: 500px;
  overflow: hidden;
  background: transparent;
  border: 0;
}

/* ==========================================================================
   CONTACT LINK STYLE
   ========================================================================== */

.whbutton-wrapper.contact-link {
  width: 100%;
}

.whbutton-wrapper.contact-link .cta-whbutton {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 20px;
  background-color: var(--vanilla);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.whbutton-wrapper.contact-link .cta-whbutton:hover {
  text-decoration: none;
}

/* ==========================================================================
   GRAVITY FORM STYLE
   ========================================================================== */

.form-contact.wpb_column .gform_wrapper form {
  padding: 25px;
  background-color: var(--white);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* ==========================================================================
   WOOCOMMERCE - GLOBAL
   ========================================================================== */

.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce a.added_to_cart,
.woocommerce ul.products li.product .onsale,
.woocommerce .products ul::before,
.woocommerce .products ul::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: var(--black);
  -webkit-border-radius: var(--rounded-full);
  -moz-border-radius: var(--rounded-full);
  border-radius: var(--rounded-full);
  font-size: var(--text-base);
  font-weight: 600;
}

:root :where(.wp-element-button, .wp-block-button__link):hover {
  color: var(--white);
}

/* ==========================================================================
   WOOCOMMERCE - SHOP
   ========================================================================== */

.woocommerce .products ul,
.woocommerce ul.products {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin: 0;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative;
  float: none;
  width: 100% !important;
  margin: 0;
  padding: 20px;
  background-color: var(--vanilla);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.woocommerce ul.products li.product .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 0;
  cursor: pointer;
}

.woocommerce ul.products li.product a img {
  height: 186px;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  margin-bottom: 16px;
  padding: 0;
  font-size: var(--text-xl);
  line-height: 1;
}

.woocommerce ul.products li.product .price {
  font-size: var(--text-base);
  font-weight: 600;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  ul.products
  li.product
  .price {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  gap: 10px;
  margin: 0;
  color: inherit;
}

.woocommerce ul.products li.product .price del {
  opacity: 0.5;
}

.woocommerce ul.products li.product .price ins {
  font-weight: 600;
  text-decoration: none;
}

/* ==========================================================================
   WOOCOMMERCE - CART
   ========================================================================== */

.wc-block-components-sidebar-layout {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.wc-block-components-sidebar-layout .wc-block-components-sidebar {
  padding: 20px;
  background-color: var(--vanilla);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.wc-block-cart .wc-block-cart__totals-title {
  padding: 15px 0;
  font-size: var(--text-xl);
  text-transform: none;
}

.wc-block-components-totals-wrapper {
  padding: 15px 0;
  border: none;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
  display: none;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
  margin-bottom: 30px;
  border: none;
}

body:not(.woocommerce-block-theme-has-button-styles)
  .wc-block-components-button:not(.is-link) {
  min-height: 43px;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item
  .wc-block-components-totals-item__value {
  font-size: var(--text-md);
}

.wc-block-components-totals-footer-item
  .wc-block-components-totals-item__label {
  font-weight: 600;
}

.wc-block-components-totals-footer-item
  .wc-block-components-totals-item__value {
  font-size: var(--text-base) !important;
  font-weight: 500;
}

.wc-block-cart__main .wc-block-cart-items {
  border-color: var(--transparent);
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header,
table.wc-block-cart-items .wc-block-cart-items__header {
  font-size: var(--text-base);
  border-bottom: 1px solid var(--black);
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__header
  th,
table.wc-block-cart-items .wc-block-cart-items__header th {
  font-weight: 600;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__header
  .wc-block-cart-items__header-image,
table.wc-block-cart-items
  .wc-block-cart-items__header
  .wc-block-cart-items__header-image {
  width: 190px;
  text-align: left;
}

.wc-block-cart__main .wc-block-cart-items td {
  padding: 20px;
  border-color: var(--transparent);
  vertical-align: middle;
}

.wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__image {
  padding-left: 0;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__image
  img,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__image
  img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name {
  margin-bottom: 5px;
  font-size: var(--text-xl);
  line-height: 1.2;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__prices,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__prices {
  margin-bottom: 15px;
  font-size: var(--text-base);
  font-weight: 600;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__total,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
  font-size: var(--text-lg);
  font-weight: 600;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.wc-block-components-quantity-selector {
  width: 120px;
  border-color: #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wc-block-components-quantity-selector
  .wc-block-components-quantity-selector__button {
  min-width: 40px;
  color: var(--black);
  font-size: 16px;
  opacity: 100;
}

.wc-block-components-quantity-selector
  input.wc-block-components-quantity-selector__input {
  min-height: 40px;
  font-size: var(--text-base);
  font-weight: 600;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link {
  width: auto;
  height: auto;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link
  svg,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link
  svg {
  display: none;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link::before,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity
  .wc-block-cart-item__remove-link::before {
  content: "Remove Item";
  font-size: var(--text-sm);
}

.wc-block-components-product-metadata {
  display: none;
}
/* ==========================================================================
   WOOCOMMERCE - CHECKOUT
   ========================================================================== */

.woocommerce-checkout-review-order-table {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.woocommerce form.woocommerce-checkout {
  max-width: 802px;
  margin: 0 auto 110px;
}

.woocommerce form.woocommerce-checkout h3 {
  margin-bottom: 20px;
  font-size: var(--text-xl);
}

.woocommerce form.woocommerce-checkout h3#order_review_heading {
  margin-top: 20px;
}

.woocommerce form.woocommerce-checkout table.shop_table {
  margin: 0 0 40px;
  overflow: hidden;
  border: 1px solid var(--black);
  border-collapse: separate;
  border-spacing: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: var(--text-sm);
}

.woocommerce form.woocommerce-checkout table.shop_table td,
.woocommerce form.woocommerce-checkout table.shop_table th {
  padding: 10px 20px;
  border: none;
}

.woocommerce form.woocommerce-checkout table.shop_table tr:first-child th,
.woocommerce form.woocommerce-checkout table.shop_table tr:first-child td {
  padding-top: 20px;
}

.woocommerce form.woocommerce-checkout table.shop_table tr:last-child th,
.woocommerce form.woocommerce-checkout table.shop_table tr:last-child td {
  padding-bottom: 20px;
}

.woocommerce form.woocommerce-checkout table.shop_table th {
  text-transform: uppercase;
}

.woocommerce form.woocommerce-checkout table.shop_table th.product-total {
  width: 200px;
}

.woocommerce form.woocommerce-checkout table.shop_table thead th {
  color: var(--white);
  background-color: var(--black);
  font-weight: 600;
}

.woocommerce form.woocommerce-checkout table.shop_table tr.cart_item {
  font-size: var(--text-base);
}

.woocommerce
  form.woocommerce-checkout
  table.shop_table
  tr.product-description
  td {
  padding: 20px !important;
  color: #5f5f5f;
  font-size: 14px !important;
  font-weight: 600;
}

.woocommerce
  form.woocommerce-checkout
  table.shop_table
  tr.product-description
  td
  ul {
  margin-top: 10px;
  font-weight: 400;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  font-weight: 600;
}

.woocommerce form.woocommerce-checkout table.shop_table tfoot th,
.woocommerce form.woocommerce-checkout table.shop_table tfoot td {
  font-size: var(--text-base);
  font-weight: 400;
  text-transform: none;
}

.woocommerce form.woocommerce-checkout table.shop_table tfoot tr:last-child th,
.woocommerce form.woocommerce-checkout table.shop_table tfoot tr:last-child td {
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce
  form.woocommerce-checkout
  table.shop_table
  tfoot
  tr:last-child
  td
  strong {
  font-weight: 700;
}

.woocommerce form.woocommerce-checkout .col2-set .col-1,
.woocommerce form.woocommerce-checkout .col2-set .col-2 {
  float: none;
  width: 100%;
}

.woocommerce form.woocommerce-checkout .form-row-first,
.woocommerce form.woocommerce-checkout .form-row-last,
.woocommerce-page form.woocommerce-checkout .form-row-first,
.woocommerce-page form.woocommerce-checkout .form-row-last {
  width: -webkit-calc(50% - 12px);
  width: -moz-calc(50% - 12px);
  width: calc(50% - 12px);
}

.woocommerce form.woocommerce-checkout .form-row .input-text,
.woocommerce form.woocommerce-checkout .form-row select {
  height: 40px;
  padding: 10px 16px;
  border-color: #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.woocommerce form.woocommerce-checkout .form-row .input-checkbox {
  display: inline-block;
  margin-right: 12px;
  border-color: #cccccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.woocommerce form.woocommerce-checkout .form-row label.checkbox,
.woocommerce-page form.woocommerce-checkout .form-row label.checkbox {
  cursor: pointer;
}

.woocommerce form .form-row .required {
  color: #d25b5b;
  font-weight: 400;
}

/* ==========================================================================
   WOOCOMMERCE - PAYMENT
   ========================================================================== */

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  padding: 0;
  background: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  border: none;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  margin: 0;
  padding: 0;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: none;
  height: 43px;
  margin-top: 40px;
  padding: 7px 32px;
  background-color: var(--black);
  -webkit-border-radius: var(--rounded-full);
  -moz-border-radius: var(--rounded-full);
  border-radius: var(--rounded-full);
  line-height: normal;
}

/* #voucher-check-form {
  background: none;
  padding: 0;
}

#voucher-check-form button:hover,
#voucher-check-form button {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}

.wh-check-other-voucher-btn {
  color: var(--black);
  border-color: var(--black);
}

#wh-message-container {
  padding: 0;
  background: none;
}

.wh-message-content-box {
  padding: 0;
  border: 0;
} */

.site-article-header {
  padding: 110px 0px;
  text-align: center;
}

.site-article-inner {
  max-width: 920px;
  margin: 0 auto 110px;
}

.site-article-date {
  font-weight: 700;
  letter-spacing: 0.8px;
  opacity: 0.5;
}

figure.site-article-thumbnail img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}

.site-article-content h2,
.site-article-content h3 {
  font-size: var(--text-xl);
  margin-bottom: 20px;
}

.vc_row.row-contact-footer {
  margin-left: 0px;
  margin-right: -10px;
  gap: 16px;
}

.vc_row.row-contact-footer > .vc_column_container > .vc_column-inner {
  padding-left: 0px;
  padding-right: 0px;
}

.vc_row.row-contact-footer > .vc_column_container {
  width: auto;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
  margin-right: 12px;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  display: none;
}

#add_payment_method #payment ul.payment_methods li label,
.woocommerce-cart #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  gap: 10px;
}

.xendit-cc-icons {
  -webkit-flex-flow: nowrap;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  gap: 15px;
  max-width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
  margin: 0 !important;
  max-height: 25px !important;
  max-width: 66px !important;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  display: none !important;
}
li.wc_payment_method.payment_method_xendit_qris img {
  width: 66px;
}

#add_payment_method #payment ul.payment_methods li:not(:last-child),
.woocommerce-cart #payment ul.payment_methods li:not(:last-child),
.woocommerce-checkout #payment ul.payment_methods li:not(:last-child) {
  margin-bottom: 20px;
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}

.woocommerce form .form-row {
  margin-bottom: 20px;
}

.woocommerce-privacy-policy-text {
  margin: 20px 0px;
}

.woocommerce .woocommerce-order {
    margin: 110px 0px;
}
/* ==========================================================================
   RESPONSIVE STYLE
   ========================================================================== */

/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
  .iframe-wrap {
    margin: 0;
  }
}