/* ===== SureCart Product Grid Premium Styling ===== */
:root {
  --sc-primary: #d94f4f; /* Ganti dengan warna utama Anda */
  --sc-text: #1e1e1e;
  --sc-border: #f0f0f0;
  --sc-shadow: 0 5px 15px rgba(0,0,0,0.02);
  --sc-shadow-hover: 0 20px 30px rgba(0,0,0,0.05);
  --sc-transition: all 0.3s ease;
}

/* Grid layout - 6 kolom desktop, 4 tablet, 2 mobile */
.wp-block-surecart-product-template.is-layout-grid {
  display: grid;
  gap: 30px;
}

@media (min-width: 992px) {
  .wp-block-surecart-product-template.is-layout-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .wp-block-surecart-product-template.is-layout-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .wp-block-surecart-product-template.is-layout-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

/* Kartu produk */
.wp-block-group:has(>.wp-block-surecart-product-title) {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sc-shadow);
  transition: var(--sc-transition);
  padding: 15px;
  border: 1px solid var(--sc-border);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wp-block-group:has(>.wp-block-surecart-product-title):hover {
  transform: translateY(-5px);
  box-shadow: var(--sc-shadow-hover);
  border-color: transparent;
}

/* Gambar produk */
.wp-block-cover {
  border-radius: 16px !important;
  overflow: hidden;
  margin-bottom: 15px !important;
  transition: var(--sc-transition);
}

.wp-block-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}

.wp-block-cover:hover img {
  transform: scale(1.03);
}

/* Badge sale */
.wp-block-surecart-product-sale-badge {
  background: var(--sc-primary) !important;
  color: #fff !important;
  padding: 4px 12px !important;
  border-radius: 30px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Tombol quick view */
.wp-block-surecart-product-quick-view-button {
  background: #fff !important;
  color: #333 !important;
  border-radius: 30px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: var(--sc-transition);
  border: none;
}

.wp-block-surecart-product-quick-view-button:hover {
  background: var(--sc-primary) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 15px rgba(217,79,79,0.2);
}

/* Judul produk */
.wp-block-surecart-product-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 10px 0 8px !important;
  line-height: 1.4 !important;
  color: var(--sc-text) !important;
  text-decoration: none;
}

.wp-block-surecart-product-title a {
  color: inherit;
  text-decoration: none;
}

/* Harga */
.wp-block-surecart-product-list-price {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--sc-primary) !important;
}

.wp-block-surecart-product-scratch-price {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #999 !important;
  margin-left: 5px;
  text-decoration: line-through;
}

/* Paginasi */
.wp-block-surecart-product-pagination {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 30px;
}

.wp-block-surecart-product-pagination a,
.wp-block-surecart-product-pagination span {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--sc-border);
  color: var(--sc-text);
  font-weight: 500;
  transition: var(--sc-transition);
}

.wp-block-surecart-product-pagination a:hover,
.wp-block-surecart-product-pagination span.current {
  background: var(--sc-primary);
  color: #fff;
  border-color: var(--sc-primary);
}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}
.wp-block-uagb-advanced-heading.uagb-block-ab21409b.wp-block-uagb-advanced-heading {margin-bottom: -19px;}.wp-block-uagb-advanced-heading.uagb-block-ab21409b.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-ab21409b.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ab21409b.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ab21409b.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ab21409b .uagb-heading-text{font-size: 22px;line-height: 1.5em;}.uagb-google-map__wrap{display:flex}.uagb-google-map__wrap .uagb-google-map__iframe{width:100%;box-shadow:none;border:none;padding:0;margin:0}
 .uagb-block-491460c4 .uagb-google-map__iframe{height: 300px;}@media only screen and (max-width: 976px) { .uagb-block-491460c4 .uagb-google-map__iframe{height: 300px;}}@media only screen and (max-width: 767px) { .uagb-block-491460c4 .uagb-google-map__iframe{height: 300px;}}.wp-block-uagb-advanced-heading.uagb-block-9b89fdaa.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-9b89fdaa.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-9b89fdaa.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-9b89fdaa.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-9b89fdaa.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-9b89fdaa.wp-block-uagb-advanced-heading {padding-top: 20px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}} .uagb-block-88eb8db6 .uagb-google-map__iframe{height: 300px;}@media only screen and (max-width: 976px) { .uagb-block-88eb8db6 .uagb-google-map__iframe{height: 300px;}}@media only screen and (max-width: 767px) { .uagb-block-88eb8db6 .uagb-google-map__iframe{height: 300px;}}