.elementor-555 .elementor-element.elementor-element-95b4894{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-555 .elementor-element.elementor-element-e5f7ca4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-555 .elementor-element.elementor-element-3e5bd17 .eael-single-product-images .product_image_slider__container .product_image_slider__trigger{background-color:#fff;padding:5px 8px 5px 8px;margin:15px 15px 15px 15px;}.elementor-555 .elementor-element.elementor-element-3e5bd17 .eael-single-product-images .product_image_slider__container .product_image_slider__trigger svg path{fill:#858585;}.elementor-555 .elementor-element.elementor-element-3e5bd17 .eael-single-product-images .product_image_slider__thumbs .swiper-wrapper{gap:5px;}.elementor-555 .elementor-element.elementor-element-3e5bd17 .eael-single-product-images .product_image_slider__thumbs .swiper-button-next:after, .elementor-555 .elementor-element.elementor-element-3e5bd17 .eael-single-product-images .product_image_slider__thumbs .swiper-button-prev:after{font-size:20px;font-weight:1000;}.elementor-555 .elementor-element.elementor-element-86213a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-555 .elementor-element.elementor-element-0d9ff1c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#2E7193;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-555 .elementor-element.elementor-element-729232b .price{color:#B22B25;font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-555 .elementor-element.elementor-element-5cb5223{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-555 .elementor-element.elementor-element-ad93ae9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-555 .elementor-element.elementor-element-b99dd2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-555 .elementor-element.elementor-element-02209bc .cart button, .elementor-555 .elementor-element.elementor-element-02209bc .cart .button{color:#FFFFFF;background-color:#2E7193;transition:all 0.2s;}.elementor-555 .elementor-element.elementor-element-02209bc .cart button:hover, .elementor-555 .elementor-element.elementor-element-02209bc .cart .button:hover{background-color:#B22B25;}.elementor-555 .elementor-element.elementor-element-02209bc .quantity .qty{transition:all 0.2s;}.elementor-555 .elementor-element.elementor-element-49213d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-555 .elementor-element.elementor-element-e5f7ca4{--width:50%;}.elementor-555 .elementor-element.elementor-element-86213a6{--width:50%;}.elementor-555 .elementor-element.elementor-element-ad93ae9{--width:50%;}.elementor-555 .elementor-element.elementor-element-b99dd2b{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-aed4c10 */<style>
:root{
  --merah:#b22b25;
  --biru:#2e7193;
}

/* === BOX 3D === */
.buku-box-3d{
  background:linear-gradient(145deg,#ffffff,#f4f4f4);
  border-radius:22px;
  box-shadow:
    0 20px 45px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.6);
  overflow:hidden;
  transition:.4s ease;
}
.buku-box-3d:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 65px rgba(0,0,0,.22);
}

/* === TABS === */
.buku-tabs{
  display:flex;
  background:linear-gradient(135deg,var(--merah),var(--biru));
}
.buku-tabs a{
  flex:1;
  padding:16px 12px;
  text-align:center;
  color:#fff;
  font-weight:600;
  text-decoration:none;
  letter-spacing:.3px;
  transition:.3s;
}
.buku-tabs a:hover,
.buku-tabs a.active{
  background:rgba(255,255,255,.18);
}

/* === CONTENT === */
.buku-content{
  padding:26px;
}
.tab-content{
  display:none;
  animation:fadeUp .35s ease;
}
.tab-content.active{
  display:block;
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

/* === TABLE SPEC === */
.buku-spec{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
}
.buku-spec th{
  width:35%;
  text-align:left;
  padding:12px;
  font-weight:600;
  color:var(--biru);
}
.buku-spec td{
  padding:12px;
  color:#333;
}
.buku-spec tr:not(:last-child){
  border-bottom:1px dashed #ddd;
}

/* === PAYMENT === */
.payment-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:14px;
  margin-top:18px;
}
.payment-list li{
  background:linear-gradient(145deg,#fff,#f1f1f1);
  padding:12px;
  text-align:center;
  border-radius:14px;
  font-weight:600;
  box-shadow:0 8px 18px rgba(0,0,0,.1);
}

/* === MOBILE === */
@media(max-width:768px){
  .buku-tabs{
    flex-direction:column;
  }
  .buku-tabs a{
    border-bottom:1px solid rgba(255,255,255,.25);
  }
  .buku-content{
    padding:20px;
  }
  .buku-spec th{
    width:45%;
  }
}
</style>

<div class="buku-box-3d">

  <div class="buku-tabs">
    <a href="#spec" class="active">📘 Spesifikasi Buku</a>
    <a href="#ship">🚚 Pengiriman</a>
    <a href="#guide">🛒 Panduan Belanja</a>
  </div>

  <div class="buku-content">

    <!-- SPESIFIKASI -->
    <div id="spec" class="tab-content active">
      <table class="buku-spec">
        <tr><th>Penulis</th><td>[buku field="penulis"]</td></tr>
        <tr><th>Editor</th><td>[buku field="editor"]</td></tr>
        <tr><th>Ilustrator</th><td>[buku field="ilustrator"]</td></tr>
        <tr><th>Bidang Ilmu</th><td>[buku field="bidang_ilmu"]</td></tr>
        <tr><th>ISBN</th><td>[buku field="isbn"]</td></tr>
        <tr><th>E-ISBN</th><td>[buku field="e-isbn"]</td></tr>
          <tr><th>QRCBN</th><td>[buku field="qrcbn"]</td></tr>     
        <tr><th>Ukuran</th><td>[buku field="ukuran"]</td></tr>
        <tr><th>Halaman</th><td>[buku field="halaman"]</td></tr>
        <tr><th>Ketersedian</th><td>[buku field="ketersedian"]</td></tr>
        <tr><th>Tahun</th><td>[buku field="tahun"]</td></tr>
      </table>
    </div>

    <!-- PENGIRIMAN -->
    <div id="ship" class="tab-content">
      <p><strong>📍 Dikirim dari:</strong> Jember, Jawa Timur</p>
      <p><strong>📍 Ekspedisi:</strong> JNE Jember</p>      
      <p><strong>🚚 Biaya:</strong> Otomatis saat checkout</p>
    </div>

    <!-- PANDUAN -->
    <div id="guide" class="tab-content">
<p>
    <strong>Bingung bagaimana cara checkout di Toko Buku Aksara Shofa?</strong>
    <a href="https://aksarashofa.com/panduan-belanja/"
       style="color:#b22b25;font-weight:600;text-decoration:none;"
       target="_blank">
      Ikuti Panduan Belanja
    </a>
  </p>

      <p><strong>Metode Pembayaran:</strong></p>
      <ul class="payment-list">
        <li>BCA</li>
        <li>Mandiri</li>
        <li>BSI</li>
        <li>QRIS</li>
        <li>DANA</li>
        <li>OVO</li>
      </ul>
    </div>

  </div>
</div>

<script>
document.querySelectorAll('.buku-tabs a').forEach(tab=>{
  tab.addEventListener('click',function(e){
    e.preventDefault();
    document.querySelectorAll('.buku-tabs a,.tab-content')
      .forEach(el=>el.classList.remove('active'));
    this.classList.add('active');
    document.querySelector(this.getAttribute('href')).classList.add('active');
  });
});
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0b123e */<style>
.buy-now-title{
  margin:14px 0;
  padding:14px 18px;
  text-align:center;
  font-size:20px;
  font-weight:800;
  color:#222;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#f3f3f3);
  box-shadow:
    0 8px 18px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.7);
  position:relative;
}

/* 3D separator */
.buy-now-title::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-8px;
  height:8px;
  background:rgba(0,0,0,.12);
  filter:blur(8px);
  border-radius:50%;
}

/* Mobile */
@media(max-width:480px){
  .buy-now-title{
    font-size:18px;
    padding:12px 14px;
  }
}
</style>

<div class="buy-now-title">
  📘 Beli Buku Ini Sekarang
</div>/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-02209bc *//* === FORM WRAPPER === */
.woocommerce div.product form.cart{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:14px 18px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f4f6f8);
  box-shadow:
    0 10px 26px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.85);
}

/* === QTY WRAP === */
.woocommerce div.product form.cart .quantity{
  display:flex;
  align-items:center;
  margin:0 !important;
  position:relative;
  top:-2px; /* ⬅️ NAIK SEDIKIT AGAR PAS TENGAH */
}

/* === LABEL JUMLAH === */
.woocommerce div.product form.cart .quantity:before{
  content:"Jumlah";
  margin-right:10px;
  font-weight:700;
  font-size:15px;
  color:#2e7193;
}

/* === INPUT QTY === */
.woocommerce .quantity input.qty{
  width:72px;
  height:50px;
  border-radius:14px;
  border:2px solid #2e7193;
  font-size:18px;
  font-weight:800;
  text-align:center;
  color:#2e7193;
  background:#fff;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
}

/* === ADD TO CART BUTTON === */
.woocommerce div.product form.cart button.single_add_to_cart_button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:50px;
  padding:0 30px;
  border-radius:16px;
  font-size:16px;
  font-weight:800;
  background:#ffffff;
  color:#2e7193;
  border:2px solid #b22b25;
  box-shadow:0 8px 18px rgba(178,43,37,.35);
  transition:.25s;
}

/* === FONT AWESOME ICON (PASTI MUNCUL) === */
.woocommerce div.product form.cart button.single_add_to_cart_button:before{
  content:"\f07a"; /* fa-cart-shopping */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:18px;
}

/* === HOVER === */
.woocommerce div.product form.cart button.single_add_to_cart_button:hover{
  background:#b22b25;
  color:#ffffff;
}

/* === MOBILE === */
@media(max-width:480px){
  .woocommerce div.product form.cart{
    flex-wrap:wrap;
  }

  .woocommerce div.product form.cart .quantity{
    top:0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b5695b0 */<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<style>
/* ===== KARTU ===== */
.buy-wrap,
.buy-extra{
  max-width:560px;
  margin:auto;
  background:#fff;
}

/* ===== MARKETPLACE ===== */
.buy-extra{
  margin-top:-6px;
  padding:16px 22px 22px;
  border-radius:22px;
  box-shadow:0 18px 35px rgba(0,0,0,.12);
}

.buy-extra h3{
  text-align:center;
  font-size:16px;
  font-weight:700;
  margin:6px 0 14px;
}

/* GRID */
.market{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:16px;
}

/* BUTTON UMUM */
.market a{
  height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:600;
  text-decoration:none;
  color:#fff;
  position:relative;
  overflow:hidden;
  transition:all .3s cubic-bezier(.4,0,.2,1);
}

/* HOVER */
.market a:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}

.market a i{
  transition:.3s ease;
}

.market a:hover i{
  transform:scale(1.25) rotate(-5deg);
}

/* WARNA */
.shopee{background:#ee4d2d;}
.tiktok{background:#000;}
.google{background:#4285f4;}
.baca{background:#f4b400;color:#000;}

/* ===== WHATSAPP PRO EFFECT (FIX WARNA) ===== */
.wa,
.wa:visited,
.wa:focus,
.wa:active{
  height:56px;
  border-radius:18px;
  background:linear-gradient(135deg,#25d366,#1ebe5d);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:800;
  color:#fff !important;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  letter-spacing:.3px;
  animation:waFloat 3s ease-in-out infinite;
  box-shadow:0 10px 26px rgba(37,211,102,.45);
  outline:none;
  -webkit-tap-highlight-color:transparent;
}

/* ICON */
.wa i{
  font-size:20px;
  transition:.35s ease;
}

/* SHINE */
.wa::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:120%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transition:.6s;
}

/* PULSE */
.wa::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:20px;
  border:2px solid rgba(37,211,102,.55);
  animation:waPulse 1.8s infinite;
}

.wa:hover{
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 18px 36px rgba(37,211,102,.65);
  color:#fff;
}

.wa:hover::before{left:120%;}
.wa:hover i{transform:scale(1.25) rotate(-8deg);}

/* ANIMATION */
@keyframes waFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@keyframes waPulse{
  0%{opacity:.6; transform:scale(.95)}
  70%{opacity:0; transform:scale(1.15)}
  100%{opacity:0}
}

/* MOBILE */
@media(max-width:480px){
  .market{grid-template-columns:1fr;}
}
</style>

<div class="buy-extra">
  <h3>Beli di Marketplace</h3>

  <div class="market">
    <a class="shopee" href="[buku field='shoppee']" target="_blank" rel="noopener">
      <i class="fa-solid fa-bag-shopping"></i> Shopee
    </a>

    <a class="tiktok" href="[buku field='tiktok_shop']" target="_blank" rel="noopener">
      <i class="fa-brands fa-tiktok"></i> TikTok Shop
    </a>

    <a class="google" href="[buku field='google_book']" target="_blank" rel="noopener">
      <i class="fa-brands fa-google"></i> Google Book
    </a>

    <a class="baca" href="[buku field='baca_buku']" target="_blank" rel="noopener">
      <i class="fa-solid fa-book-open"></i> Baca Buku
    </a>
  </div>

  <a class="wa" href="https://wa.me/6285895000641" target="_blank" rel="noopener">
    <i class="fa-brands fa-whatsapp"></i> Pesan via WhatsApp
  </a>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49213d3 *//* =====================================================
   WOOCOMMERCE PRODUCT TABS – FINAL PREMIUM 3D STYLE
   ===================================================== */

/* =========================
   TAB NAVIGATION (3D BUTTON)
   ========================= */

.woocommerce-tabs ul.tabs {
  display: flex;
  gap: 10px;
  border-bottom: none;
  margin-bottom: 28px;
}

.woocommerce-tabs ul.tabs li {
  border: none;
  background: transparent;
}

.woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: 12px 26px;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #f3f4f6, #ffffff);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transition: all .3s ease;
}

.woocommerce-tabs ul.tabs li.active a {
  background: linear-gradient(135deg, #2563eb, #dc2626);
  color: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,0.3);
  transform: translateY(-2px);
}

.woocommerce-tabs ul.tabs li a:hover {
  transform: translateY(-2px);
}

/* =========================
   PANEL GLOBAL (CENTERED)
   ========================= */

.woocommerce-Tabs-panel {
  max-width: 860px;
  margin: 0 auto;
}

/* =====================================================
   DESKRIPSI – BOOK STYLE 3D
   ===================================================== */

.woocommerce-Tabs-panel--description {
  position: relative;
  background: linear-gradient(160deg, #ffffff, #f8fafc);
  border-radius: 22px;
  padding: 44px 52px;
  box-shadow:
    0 35px 70px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.9);
  overflow: hidden;
}

/* spine buku */
.woocommerce-Tabs-panel--description::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 0;
  width: 14px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, #2563eb, #dc2626);
}

/* inner shadow */
.woocommerce-Tabs-panel--description::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  box-shadow: inset -10px 0 30px rgba(0,0,0,0.08);
  pointer-events: none;
}

/* judul */
.woocommerce-Tabs-panel--description h2 {
  font-size: 1.4rem;
  font-weight: 800;
  margin-bottom: 26px;
}

/* paragraf */
.woocommerce-Tabs-panel--description p {
  line-height: 2;
  font-size: 1rem;
  color: #1f2937;
  text-align: justify;
}

/* dropcap */
.woocommerce-Tabs-panel--description p:first-of-type::first-letter {
  float: left;
  font-size: 3.8rem;
  font-weight: 800;
  line-height: 1;
  padding-right: 12px;
  padding-top: 6px;
  color: #2563eb;
}

/* =====================================================
   INFORMASI TAMBAHAN – COMPACT SPEC CARD
   ===================================================== */

.woocommerce-Tabs-panel--additional_information {
  background: #ffffff;
  padding: 28px;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

.woocommerce-Tabs-panel--additional_information h2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 18px;
}

.woocommerce-Tabs-panel--additional_information table {
  border-radius: 14px;
  overflow: hidden;
}

.woocommerce-Tabs-panel--additional_information th {
  background: #f9fafb;
  font-weight: 600;
  font-size: 0.9rem;
  width: 35%;
}

.woocommerce-Tabs-panel--additional_information td {
  font-size: 0.9rem;
  color: #111827;
}

/* =====================================================
   ULASAN – CLEAN & PREMIUM
   ===================================================== */

#reviews {
  background: #ffffff;
  padding: 30px;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

#reviews h2 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 18px;
}

/* komentar */
.commentlist li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.comment-author {
  font-weight: 600;
  font-size: 0.9rem;
}

.comment-meta {
  font-size: 0.8rem;
  color: #6b7280;
}

/* =====================================================
   FORM ULASAN
   ===================================================== */

#review_form_wrapper {
  margin-top: 24px;
}

#review_form textarea {
  min-height: 120px;
  resize: vertical;
}

/* tombol kirim – NO KUNING */
#review_form #submit {
  background: linear-gradient(135deg, #2563eb, #1e3a8a);
  color: #fff;
  border-radius: 999px;
  padding: 12px 30px;
  font-weight: 600;
  border: none;
  transition: all .3s ease;
}

#review_form #submit:hover {
  box-shadow: 0 10px 24px rgba(37,99,235,0.35);
}
/* =====================================================
   TAB BUTTON – OUTLINE + ANIMATED BORDER (FINAL FIX)
   ===================================================== */

.woocommerce-tabs ul.tabs {
  gap: 12px;
}

/* tombol dasar */
.woocommerce-tabs ul.tabs li a {
  background: transparent !important;
  color: #374151;
  border: 2px solid #e5e7eb;
  border-radius: 999px;
  padding: 11px 28px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

/* garis animasi hover */
.woocommerce-tabs ul.tabs li a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 2px;
  background: linear-gradient(
    120deg,
    #2563eb,
    #dc2626,
    #2563eb
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .3s ease;
}

/* hover muncul garis */
.woocommerce-tabs ul.tabs li a:hover::before {
  opacity: 1;
}

/* tab aktif */
.woocommerce-tabs ul.tabs li.active a {
  color: #111827;
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(37,99,235,0.25);
}

/* tab aktif garis full */
.woocommerce-tabs ul.tabs li.active a::before {
  opacity: 1;
}

/* hover naik dikit */
.woocommerce-tabs ul.tabs li a:hover {
  transform: translateY(-2px);
}
/* =====================================================
   MOBILE TAB FIX — NO CUT, NO SCROLL, CLEAN WRAP
   ===================================================== */
@media (max-width: 767px) {

  /* reset struktur bawaan woocommerce */
  .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    gap: 8px;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    border-bottom: none !important;
  }

  .woocommerce-tabs ul.tabs::before,
  .woocommerce-tabs ul.tabs::after {
    display: none !important;
  }

  .woocommerce-tabs ul.tabs li {
    float: none !important;
    margin: 0 !important;
  }

  /* tombol tab */
  .woocommerce-tabs ul.tabs li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 0.85rem;
    padding: 9px 16px;
    line-height: 1.2;
    border-radius: 999px;
    box-sizing: border-box;
  }

  /* tab aktif */
  .woocommerce-tabs ul.tabs li.active a {
    transform: none !important;
    box-shadow: 0 6px 14px rgba(37,99,235,0.35);
  }
}/* End custom CSS */