.elementor-597 .elementor-element.elementor-element-5945519{--display:flex;}.elementor-597 .elementor-element.elementor-element-b09d1a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-597 .elementor-element.elementor-element-c007ea5{--display:flex;}.elementor-597 .elementor-element.elementor-element-0b87dc3{--display:flex;}.elementor-597 .elementor-element.elementor-element-148bdb9{--display:flex;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-597 .elementor-element.elementor-element-36f5d68{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-597 .elementor-element.elementor-element-25629dd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-597 .elementor-element.elementor-element-25629dd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-597 .elementor-element.elementor-element-25629dd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-597 .elementor-element.elementor-element-25629dd .elementor-icon-list-text{transition:color 0.3s;}.elementor-597 .elementor-element.elementor-element-635ced4{--display:flex;}.elementor-597 .elementor-element.elementor-element-0da8a95{--display:flex;}.elementor-597 .elementor-element.elementor-element-33ca269{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-597 .elementor-element.elementor-element-42e8869{--display:flex;}.elementor-597 .elementor-element.elementor-element-4f1e833{--display:flex;}.elementor-597 .elementor-element.elementor-element-90218e6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-597 .elementor-element.elementor-element-d6ff6da{--display:flex;}.elementor-597 .elementor-element.elementor-element-6fb0651{--display:flex;}.elementor-597 .elementor-element.elementor-element-adcdade{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-597 .elementor-element.elementor-element-3e78cf7{--display:flex;}.elementor-597 .elementor-element.elementor-element-3ed41da{--display:flex;}.elementor-597 .elementor-element.elementor-element-27e95ff{--display:flex;}/* Start custom CSS for container, class: .elementor-element-5945519 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ========================================================
   0. RESET GLOBAL & CONTAINER
   ======================================================== */
.av-sp-main-page,
.av-sp-main-page * {
  box-sizing: border-box !important;
  font-family: 'Montserrat', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

.av-sp-main-page {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #ffffff !important;
  color: #111113 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Sembunyikan elemen bawaan retail toko online */
.av-sp-main-page .woocommerce-Price-amount,
.av-sp-main-page .quantity,
.av-sp-main-page button.single_add_to_cart_button,
.av-sp-main-page .product_meta,
.av-sp-main-page .woocommerce-product-details__short-description + form.cart,
.av-col-specs h2,
.av-col-specs .elementor-widget-container > h2 {
  display: none !important;
}

/* ========================================================
   1. BREADCRUMBS
   ======================================================== */
.av-sp-main-page .woocommerce-breadcrumb {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #7b7b83 !important;
  padding: 22px 5.5vw !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: #ffffff !important;
}

.av-sp-main-page .woocommerce-breadcrumb a {
  color: #7b7b83 !important;
  text-decoration: none !important;
}

.av-sp-main-page .woocommerce-breadcrumb a:hover {
  color: #111113 !important;
}

/* ========================================================
   2. SECTION 1: HERO 3 KOLOM SEJAJAR (48% - 26% - 26%)
   ======================================================== */
.av-sp-hero-section {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 40px 5.5vw 70px 5.5vw !important;
  gap: 36px !important;
  width: 100% !important;
}

/* --- KOLOM 1: GALERI PRODUK ANTI-BUG --- */
.av-col-gallery {
  flex: 0 0 48% !important;
  max-width: 48% !important;
  width: 48% !important;
  position: relative !important;
}

.av-col-gallery .woocommerce-product-gallery {
  width: 100% !important;
  opacity: 1 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Thumbnail vertikal di sebelah kiri */
.av-col-gallery .flex-control-thumbs {
  position: relative !important;
  float: left !important;
  width: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  list-style: none !important;
  z-index: 2 !important;
}

.av-col-gallery .flex-control-thumbs li {
  width: 78px !important;
  height: 78px !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  cursor: pointer !important;
  background-color: #fafafa !important;
  overflow: hidden !important;
}

.av-col-gallery .flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 0.75 !important;
  transition: opacity 0.2s ease !important;
}

.av-col-gallery .flex-control-thumbs li img.flex-active,
.av-col-gallery .flex-control-thumbs li:hover img {
  opacity: 1 !important;
  border: 1.5px solid #111113 !important;
}

/* Viewport foto utama di sebelah kanan thumbnail */
.av-col-gallery .flex-viewport,
.av-col-gallery .woocommerce-product-gallery__wrapper {
  float: right !important;
  width: calc(100% - 94px) !important;
  aspect-ratio: 4 / 3 !important;
  background-color: #fafafa !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.av-col-gallery .woocommerce-product-gallery__image {
  width: 100% !important;
  height: 100% !important;
}

.av-col-gallery .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Tombol zoom di pojok foto utama */
.av-col-gallery .woocommerce-product-gallery__trigger {
  top: 14px !important;
  right: 14px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  z-index: 10 !important;
}

/* --- KOLOM 2: INFORMASI & TOMBOL --- */
.av-col-info {
  flex: 0 0 26% !important;
  max-width: 26% !important;
  width: 26% !important;
  display: flex !important;
  flex-direction: column !important;
}

.av-col-info .av-eyebrow-text,
.av-col-info h6 {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #6a6a72 !important;
  margin: 0 0 10px 0 !important;
}

.av-col-info h1.product_title {
  font-size: clamp(26px, 2.3vw, 34px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.22 !important;
  text-transform: uppercase !important;
  color: #111113 !important;
  margin: 0 0 18px 0 !important;
}

.av-col-info .woocommerce-product-details__short-description {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #4f4f56 !important;
  margin: 0 0 28px 0 !important;
}

.av-col-info .woocommerce-product-details__short-description p:first-child {
  font-weight: 600 !important;
  color: #1a1a1d !important;
  margin-bottom: 8px !important;
}

/* Tombol Action */
.av-btn-req-sample {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background-color: #111113 !important;
  color: #ffffff !important;
  border: 1px solid #111113 !important;
  padding: 14px 22px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  width: 100% !important;
  transition: all 0.25s ease !important;
}

.av-btn-req-sample:hover {
  background-color: #2b2b30 !important;
  color: #ffffff !important;
}

.av-action-subrow {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 12px !important;
  width: 100% !important;
}

.av-btn-cat-outline {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  background: transparent !important;
  color: #111113 !important;
  padding: 12px 16px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
}

.av-btn-cat-outline:hover {
  background-color: #f7f7f8 !important;
}

.av-btn-wish-box {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.av-btn-wish-box svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #111113 !important;
  stroke-width: 1.6 !important;
  fill: none !important;
}

/* --- KOLOM 3: SPESIFIKASI & ATRIBUT --- */
.av-col-specs {
  flex: 0 0 26% !important;
  max-width: 26% !important;
  width: 26% !important;
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding-left: 30px !important;
  display: flex !important;
  flex-direction: column !important;
}

.av-col-specs table.shop_attributes {
  width: 100% !important;
  border: none !important;
  border-collapse: collapse !important;
  margin: 0 0 32px 0 !important;
}

.av-col-specs table.shop_attributes tr {
  border: none !important;
  background: transparent !important;
}

.av-col-specs table.shop_attributes th {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #6d6d75 !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
  padding: 12px 0 !important;
  background: transparent !important;
  text-align: left !important;
  width: 40% !important;
}

.av-col-specs table.shop_attributes td {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #111113 !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
  padding: 12px 0 !important;
  text-align: right !important;
  background: transparent !important;
  width: 60% !important;
}

.av-col-specs table.shop_attributes td p {
  margin: 0 !important;
  line-height: 1.4 !important;
}

.av-col-specs .elementor-icon-list-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.av-col-specs .elementor-icon-list-item {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #2b2b30 !important;
  display: flex !important;
  align-items: center !important;
}

.av-col-specs .elementor-icon-list-icon svg,
.av-col-specs .elementor-icon-list-icon i {
  color: #111113 !important;
  font-size: 16px !important;
  margin-right: 14px !important;
}

/* ========================================================
   3. SECTION 2: LIFESTYLE & APPLICATIONS
   ======================================================== */
.av-sec2-grid {
  display: grid !important;
  grid-template-columns: 66% 34% !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background-color: #fafafa !important;
  margin: 0 5.5vw 75px 5.5vw !important;
  width: calc(100% - 11vw) !important;
}

.av-sec2-left {
  position: relative !important;
  min-height: 520px !important;
  background-image: url('https://avelitha.com/wp-content/uploads/2026/09/Catalogue-BG-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}

.av-sec2-floating-badge {
  position: absolute !important;
  top: 45px !important;
  left: 45px !important;
  background-color: rgba(17, 17, 19, 0.90) !important;
  backdrop-filter: blur(8px) !important;
  padding: 36px 38px !important;
  max-width: 360px !important;
  color: #ffffff !important;
}

.av-sec2-floating-badge h2 {
  font-size: 22px !important;
  font-weight: 300 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
}

.av-sec2-floating-badge p {
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  line-height: 1.65 !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
}

.av-sec2-right {
  background-color: #ffffff !important;
  padding: 45px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.av-sec2-right h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: #111113 !important;
  margin: 0 0 16px 0 !important;
}

/* ========================================================
   4. SECTION 3: DETAILS, SLAB VIEW & INSPIRATION
   ======================================================== */
.av-sec3-grid {
  display: grid !important;
  grid-template-columns: 22% 38% 40% !important;
  column-gap: 32px !important;
  align-items: start !important;
  margin: 0 5.5vw 80px 5.5vw !important;
  width: calc(100% - 11vw) !important;
}

.av-sec3-grid h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #111113 !important;
  margin: 0 0 16px 0 !important;
}

.av-sec3-grid img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  display: block !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* ========================================================
   5. SECTION 4: DARK BOTTOM CTA
   ======================================================== */
.av-sec4-bottom-cta {
  width: 100% !important;
  background-color: #0e0f11 !important;
  background-image: url('https://avelitha.com/wp-content/uploads/2026/09/BG-Catalogue-New-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 80px 5.5vw !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
}

.av-sec4-bottom-cta h2 {
  font-size: clamp(26px, 2.5vw, 36px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
}

.av-sec4-bottom-cta p {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 0 !important;
}

.av-sec4-bottom-cta a.elementor-button {
  border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
  padding: 14px 28px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background: transparent !important;
  transition: all 0.25s ease !important;
}

.av-sec4-bottom-cta a.elementor-button:hover {
  background: #ffffff !important;
  color: #111113 !important;
}

/* ========================================================
   6. RESPONSIVE TABLET & MOBILE
   ======================================================== */
@media (max-width: 1024px) {
  .av-sp-hero-section,
  .av-sec2-grid,
  .av-sec3-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
  }

  .av-col-gallery,
  .av-col-info,
  .av-col-specs {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .av-col-specs {
    border-left: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    padding-left: 0 !important;
    padding-top: 25px !important;
  }
}/* End custom CSS */