/* =========================
   Brand logo fixes
   ========================= */
.rts-brands-section1 .brand-front img{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  max-height:40px;
  object-fit:contain;
  position:relative;
  z-index:2;
}
.rts-brands-section1 .brand-front::before,
.rts-brands-section1 .brand-front::after{
  content:none !important;
}

/* =========================
   Language Switcher (topbar/desktop)
   ========================= */
.lng-switch{position:relative;display:inline-block;}
.lng-btn{
  display:flex;align-items:center;gap:.5rem;cursor:pointer;
  background:#fff;border:1px solid #e5e7eb;border-radius:999px;
  padding:.375rem .75rem;font-weight:600;line-height:1;color:#111827;
}
.lng-btn:hover{border-color:#cfd4dc}
.lng-flag img{width:18px;height:18px;border-radius:999px;display:block}
.lng-caret{margin-left:.25rem;opacity:.7}
.lng-menu{
  display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:1000;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:170px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);padding:6px;
}
.lng-item{
  display:flex;align-items:center;gap:.5rem;padding:8px 10px;border-radius:8px;
  color:#1f2937;text-decoration:none;white-space:nowrap;
}
.lng-item:hover{background:#f3f4f6}
.lng-switch.open .lng-menu{display:block}

/* =========================
   Mobile Lang Switch (di panel slide)
   ========================= */
.mobile-lang-switch{
  padding:14px 18px;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;
  background:#fff;text-align:left;
}
.mobile-lang-switch .mls-title{
  font-weight:700;font-size:14px;color:#111827;margin-bottom:10px;
}
.mls-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.mls-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;
  border:1px solid #e5e7eb;border-radius:999px;background:#fff;
  color:#111827;text-decoration:none;font-weight:600;
}
.mls-chip img{width:20px;height:14px;border-radius:2px;object-fit:cover;}
.mls-chip:hover{border-color:#cfd4dc;background:#f9fafb;}
.mls-chip.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;}

/* =========================
   Mobile Inline Lang (chip di samping logo)
   — default: sembunyi di desktop
   ========================= */
.mlang-inline{display:none;position:relative;z-index:5;}
.mlang-btn{
  display:flex;align-items:center;gap:.35rem;border:1px solid #e5e7eb;
  background:#fff;border-radius:999px;padding:.28rem .55rem;line-height:1;
}
.mlang-btn .f{width:18px;height:18px;border-radius:999px;display:block;}
.mlang-btn .tx{font-size:.9rem;font-weight:600;}
.mlang-dd{
  display:none;position:absolute;right:0;top:calc(100% + 8px);background:#fff;
  border:1px solid #e5e7eb;border-radius:10px;min-width:150px;z-index:1000;
  box-shadow:0 10px 25px rgba(0,0,0,.08);padding:6px;
}
.mlang-inline.open .mlang-dd{display:block;}
.mlang-item{display:flex;align-items:center;gap:.4rem;padding:6px 8px;border-radius:8px;color:#1f2937;text-decoration:none;}
.mlang-item:hover{background:#f3f4f6;}

/* =========================
   Layout fixes di area kiri header
   ========================= */
.navbar-sticky .navbar-part1 .navbar-inner .left-side{
  display:flex;align-items:center;gap:8px;
}

/* =========================
   Breakpoints
   - 1199.98px: pastikan area kiri fleksibel & overflow terlihat
   - 991.98px: tampilkan chip bahasa di samping logo
   ========================= */
@media (max-width:1199.98px){
  .navbar-part1 .navbar-inner .left-side{display:flex;align-items:center;gap:8px;overflow:visible;}
  .navbar-part1 .navbar-inner .left-side .logo{display:flex;align-items:center;}
}

@media (max-width:991.98px){
  .mlang-inline{
    display:flex !important; /* override theme */
    align-items:center;margin-left:8px;
  }
  /* Urutan: hamburger – logo – chip bahasa */
  .navbar-sticky .navbar-part1 .navbar-inner .left-side .hamburger-1{order:1;}
  .navbar-sticky .navbar-part1 .navbar-inner .left-side .logo{order:2;white-space:nowrap;}
  .navbar-sticky .navbar-part1 .navbar-inner .left-side .mlang-inline{order:3;}
  /* cegah elemen ketutup */
  .navbar-sticky, .navbar-sticky .navbar-part1, .navbar-sticky .navbar-inner{overflow:visible;}
}

/* --- tampilkan chip bahasa di semua varian header sticky --- */
@media (max-width: 991.98px){
  #rtsHeader .navbar-sticky .navbar-part1 .navbar-inner .left-side{
    display:flex; align-items:center; gap:8px; flex-wrap:nowrap; overflow:visible;
  }
  #rtsHeader .navbar-sticky .navbar-part1 .navbar-inner .left-side .hamburger-1{order:1;}
  #rtsHeader .navbar-sticky .navbar-part1 .navbar-inner .left-side .logo{order:2; white-space:nowrap;}
  #rtsHeader .navbar-sticky .navbar-part1 .navbar-inner .left-side .mlang-inline{
    order:3; display:flex !important;
  }

  /* Jika header jadi .sticky / .is-sticky / .fixed (variasi tema) */
  #rtsHeader .navbar-sticky.sticky .left-side .mlang-inline,
  #rtsHeader .navbar-sticky.is-sticky .left-side .mlang-inline,
  #rtsHeader .navbar-sticky.fixed .left-side .mlang-inline{
    display:flex !important;
  }
}

/* Amanin tinggi logo & ruang */
#rtsHeader .navbar-sticky .logo img{max-height:32px; height:auto;}
#rtsHeader .mlang-inline{z-index:1005;}          /* biar gak ketutup overlay */
#rtsHeader, #rtsHeader .navbar-sticky, #rtsHeader .navbar-inner{overflow:visible;}
/* HP kecil banget: sembunyikan teks label biar muat */
@media (max-width: 360px){
  #rtsHeader .mlang-inline .mlang-btn .tx{display:none;}
}

<style>
/* NEW COLLECTION fix: biar mirip Hand-Picked section */
.collection-item.no-bg {
  text-align: center;
  background: none;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

.collection-item.no-bg img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 auto;
}

/* kecilin judul dan samakan style dengan bawah */
.collection-item.no-bg .collection-title {
  margin-top: 10px;
  font-weight: 500;
  font-size: 15px;      /* ↓ ukuran disesuaikan */
  line-height: 1.4;
  color: #111827;
  text-align: center;
}

/* responsive kecilin lagi di layar mobile */
@media (max-width: 575px) {
  .collection-item.no-bg .collection-title {
    font-size: 13px;
  }
}
</style>

<style>
/* Pastikan slide mengikuti slidesPerView milik kita */
.handPickedSwiper.hp4 .swiper-slide{
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

/* Kunci 4 kolom saat ≥1200px */
@media (min-width:1200px){
  .handPickedSwiper.hp4 .swiper-wrapper{ align-items: stretch; }
  .handPickedSwiper.hp4 .swiper-slide{
    width: 25% !important;
    max-width: 25% !important;
    flex-basis: 25% !important;
  }
}

/* (Opsional) gaya tombol */
.handPickedSwiper.hp4 { position: relative; }
.handPickedSwiper.hp4 .slider-btn{
  position:absolute; top:40%; z-index:5; width:40px; height:40px;
  display:grid; place-items:center; background:#fff; border:1px solid #e5e7eb;
  border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,.08); cursor:pointer;
}
.handPickedSwiper.hp4 .hp-prev{ left:-6px; }
.handPickedSwiper.hp4 .hp-next{ right:-6px; }
.handPickedSwiper.hp4 .hp-pagination{ margin-top:14px; }
@media (max-width:575px){ .handPickedSwiper.hp4 .hp-prev{ left:4px; } .handPickedSwiper.hp4 .hp-next{ right:4px; } }
</style>

<style>
/* Label "Customer" di dalam bar biru */
.rts-brands-section1.brand-bg3 { position: relative; }
.rts-brands-section1 .customers-label{
  display: inline-block;
  color:#fff;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:6px 14px;
  border:1px solid rgba(255,255,255,.6);
  border-radius:999px;
  margin: 12px auto 18px;        /* atas-dalam kotak biru, di atas slider */
}
.rts-brands-section1 .container{ text-align:center; }
@media (max-width:575px){
  .rts-brands-section1 .customers-label{ font-size:12px; padding:5px 12px; }
}
</style>

<style>
/* Label "Customer" di dalam kotak biru */
.rts-brands-section1.brand-bg3 { 
  position: relative;
  padding-top: 35px; /* kasih ruang sedikit di atas logo */
}

.rts-brands-section1 .customers-label {
  display: inline-block;
  color: #fff;
  font-weight: 800;
  font-size: 26px;              /* <<< diperbesar dari 14px jadi 26px */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.1); /* biar punya sedikit kontras */
  padding: 10px 28px;
  border: 2px solid rgba(255,255,255,0.7);
  border-radius: 999px;
  margin: 0 auto 24px;
  backdrop-filter: blur(2px);   /* efek lembut */
}

.rts-brands-section1 .container {
  text-align: center;
}

@media (max-width: 768px) {
  .rts-brands-section1 .customers-label {
    font-size: 18px;
    padding: 8px 20px;
  }
}
</style>