/* NEW ARRIVALS "Koleksi terbaru minggu ini"
   Produk dari view new_arrivals_showcase (field Featured Products = New Arrivals).
   Nilai 1:1 dari drupal-theme/tammia/css/style.css.
   SEMUA selektor diberi prefix id block, karena kelas .product-card dan
   kawan-kawannya juga dipakai Bion di halaman lain. Jangan dilepas prefiksnya. */

#block-tammia-theme-views-block-new-arrivals-showcase-block-1 { padding:0 0 100px; }
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .view-header,
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .view-content {
  width:auto; max-width:none;
  margin-left:-8px; margin-right:-8px; padding-left:0; padding-right:0;
}

/* ---- Kepala section ---- */
.tm-na__head { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1rem; margin-bottom:3rem; }
.tm-na__head .section-eyebrow {
  font-family:"Comfortaa","Poppins",sans-serif; font-weight:500; font-size:11px;
  letter-spacing:.22em; text-transform:uppercase; color:#e11d25;
  margin-bottom:16px; display:inline-block;
}
/* !important karena block CSS Override Bion memaksa h2 jadi 1rem/400 lewat
   <style> inline. Selektor kita lebih spesifik jadi menang. */
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 h2.section-title {
  font-family:"Comfortaa","Poppins",sans-serif !important;
  font-size:clamp(2rem,4.5vw,3.4rem) !important;
  font-weight:300 !important; line-height:1.05 !important;
  letter-spacing:-.02em !important; margin:0 0 18px !important;
  color:#1a1a1a !important; text-transform:none !important;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 h2.section-title em { font-style:normal; color:#e11d25; }

/* ---- Grid: ul jadi .row bootstrap, g-4 = gutter 1.5rem ---- */
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .tm-na__grid { list-style:none; padding-left:0; margin:0; --bs-gutter-x:1.5rem; --bs-gutter-y:1.5rem; }
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .tm-na__grid > li { list-style:none; }
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .tm-na__grid > li > .views-field,
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .tm-na__grid > li .field-content { display:block; }

/* ---- Kartu produk ---- */
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-card {
  position:relative; display:block; background:#ffffff;
  border-radius:28px; padding:12px 12px 18px;
  box-shadow:0 8px 30px -12px rgba(26,26,26,.07);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s cubic-bezier(.2,.8,.2,1);
  cursor:pointer; text-decoration:none; color:#1a1a1a;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-card:hover {
  transform:translateY(-6px);
  box-shadow:0 20px 60px -20px rgba(225,29,37,.26);
  color:#1a1a1a;
}
/* Template memakai .product-card:nth-child(4n+1) dan seterusnya, tapi kartu
   selalu anak tunggal kolomnya, jadi yang benar-benar kena cuma 4n+1 alias
   gradasi peach untuk semua kartu. Sudah dicek di preview yang diapprove. */
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-img {
  position:relative; aspect-ratio:1/1; overflow:hidden;
  border-radius:20px; margin-bottom:16px;
  background:linear-gradient(160deg,#fcf0f0,#f7dedf);
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-img img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-badge {
  position:absolute; top:12px; left:12px; z-index:2;
  font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; font-weight:600; padding:6px 10px; border-radius:999px;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .badge-sale { background:#e11d25; color:#fff; }
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-quick {
  position:absolute; right:12px; bottom:12px; z-index:2;
  width:42px; height:42px; border-radius:50%; border:none;
  background:#1a1a1a; color:#fff; font-size:18px;
  display:inline-flex; align-items:center; justify-content:center;
  opacity:0; transform:translateY(8px); transition:all .3s ease;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-card:hover .product-quick { opacity:1; transform:translateY(0); }
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-card:hover .product-quick:hover { background:#e11d25; }

#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-brand {
  display:block; font-family:"JetBrains Mono",monospace; font-size:10px;
  letter-spacing:.18em; text-transform:uppercase; color:#414042;
  margin-top:14px; margin-bottom:6px; padding:0 6px;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-name {
  font-family:"Poppins",sans-serif; font-size:14px; font-weight:500;
  color:#1a1a1a; line-height:1.4; margin-bottom:8px; min-height:40px; padding:0 6px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-price-row {
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; padding:0 6px;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-price {
  font-family:"Comfortaa","Poppins",sans-serif; font-size:18px; font-weight:500; color:#1a1a1a;
}
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-price.sale { color:#e11d25; }
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-price-was {
  font-size:13px; color:#414042; text-decoration:line-through;
}

/* ---- SEMENTARA: sembunyikan salinan new arrivals yang hardcoded di body node 19.
   Hapus baris ini begitu body node 19 dibersihkan. Alasan lengkap ada di
   06-panduan-admin.md. ---- */
#block-tammia-theme-content section:has(.product-card) { display:none !important; }

/* ---- Mobile ---- */
@media (max-width:575px){
  #block-tammia-theme-views-block-new-arrivals-showcase-block-1 { padding:0 0 60px; }
  .tm-na__head { margin-bottom:2rem; }
}

/* ===== tm-rev-tanpa-plus =====
   Tombol plus di pojok kanan bawah foto dihapus atas permintaan Aditya.
   Tombolnya memang cuma hiasan, tidak ada fungsinya. Aturan gayanya di
   atas sengaja dibiarkan supaya gampang dihidupkan lagi kalau berubah
   pikiran, cukup hapus blok ini. */
#block-tammia-theme-views-block-new-arrivals-showcase-block-1 .product-quick { display:none !important; }
