/* Testimonial - konten dari content type Testimonial, markup di view testimonial_carousel */
/* Template memakai <section> polos tanpa latar dan tanpa blob. */
#block-tammia-theme-views-block-testimonial-carousel-block-1 { background:transparent; padding:100px 0; position:relative; }
#block-tammia-theme-views-block-testimonial-carousel-block-1 > .view, #block-tammia-theme-views-block-testimonial-carousel-block-1 .view-id-testimonial_carousel { position:relative; z-index:1; max-width:none; margin:0 -8px; padding:0; }
/* ===== tm-rev-kepala-testimoni-satu-aturan =====
   Kepala section testimoni dulu dikunci ke id block halaman depan, padahal
   view yang sama dipasang DUA KALI lewat Block layout:
     block-tammia-theme-views-block-testimonial-carousel-block-1  -> halaman depan
     block-tammia-theme-testimonialkatbrand                       -> /brands,
                                                /shop-by-category, dan /about
   Akibatnya eyebrow "Kata Customer" rata tengah di halaman depan tapi rata
   kiri di tiga halaman lainnya, padahal judul h2 di bawahnya sudah tengah
   karena aturannya memakai !important. Terlihat pincang.

   Sekarang dipatok ke .view-testimonial-carousel, kelas milik view-nya
   sendiri, jadi berlaku untuk semua penempatan sekarang dan nanti tanpa
   perlu menambah id block baru tiap kali.

   Spesifisitas turun dari (1,0,1) ke (0,2,0), dan itu aman: di block
   katbrand tidak ada aturan lain yang menyetel text-align sama sekali,
   nilainya masih `start` bawaan. */
.view-testimonial-carousel .view-header { text-align:center; margin-bottom:44px; }
.view-testimonial-carousel .view-header h2 { font-size:clamp(2rem,4vw,3rem)!important; font-weight:600!important; line-height:1.15!important; color:#1a1512!important; letter-spacing:-.01em!important; text-transform:none!important; text-align:center!important; margin:0 0 12px!important; }
.view-testimonial-carousel .view-header h2 span, .view-testimonial-carousel .view-header em { color:#e11d25!important; font-style:normal; }
.testi-card { background:#fff; border:1px solid #f1eae6; border-radius:20px; padding:30px 28px 26px; box-shadow:0 2px 16px rgba(26,21,18,.04); height:100%; display:flex; flex-direction:column; position:relative; transition:transform .2s, box-shadow .2s; }
.testi-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(26,21,18,.08); }
.testi-card::before { content:"\201C"; position:absolute; top:14px; left:26px; font-size:56px; line-height:1; color:#e3c08a; font-family:Georgia,serif; pointer-events:none; }
.testi-stars { margin:0 0 14px; position:relative; z-index:1; text-align:right; }
.testi-stars .star { color:#e3c08a; font-size:15px; letter-spacing:1px; }
.testi-body { position:relative; z-index:1; flex:1 1 auto; padding-top:16px; }
.testi-body p { margin:0; font-size:.95rem; line-height:1.7; color:#3a322e; font-style:normal!important; }
.testi-body em { font-style:normal; }
.testi-footer { display:flex; align-items:center; gap:12px; margin-top:20px; padding-top:18px; border-top:1px solid #f1eae6; }
.testi-avatar { flex:0 0 auto; width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#f3d9b8,#e3c08a); display:flex; align-items:center; justify-content:center; }
.testi-avatar-initials { font-weight:700; color:#fff; font-size:.95rem; }
.testi-meta { flex:1 1 auto; min-width:0; }
.testi-name { font-weight:700; font-size:.9rem; color:#1a1512; }
.testi-location { font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:#8a7d76; font-family:"JetBrains Mono",monospace; margin-top:2px; }
.testi-verified { flex:0 0 auto; font-size:.62rem; background:#eaf6ee; color:#2e7d4f; border-radius:999px; padding:3px 9px; white-space:nowrap; }
#block-tammia-theme-views-block-testimonial-carousel-block-1 .slick__slide { padding:8px 10px; height:auto!important; }
#block-tammia-theme-views-block-testimonial-carousel-block-1 .slick-track { display:flex!important; align-items:stretch; }
#block-tammia-theme-views-block-testimonial-carousel-block-1 .views-field, #block-tammia-theme-views-block-testimonial-carousel-block-1 .field-content { display:block; height:100%; }
@media (max-width:575px){ #block-tammia-theme-views-block-testimonial-carousel-block-1 { padding:60px 0; } .testi-card { padding:26px 22px 22px; } }