/* assets/css/sukaevent-sewa.css */
.se-page{ padding-top: 24px; padding-bottom: 48px; }
.se-body{ background:#fff; color:#111827; }

.se-head{ padding: 18px 0 22px; }
.se-title{
  font-weight: 900;
  font-size: clamp(2rem, 3vw, 3rem);
  color:#6670ff;
  margin:0;
}
.se-subtitle{ color:#6b7280; margin-top:8px; }

.se-pills-wrap{ display:flex; justify-content:center; padding: 6px 0 18px; }
.se-pills{
  display:flex; gap:12px; flex-wrap:wrap; justify-content:center;
}
.se-pill{
  text-decoration:none;
  border:2px solid rgba(102,112,255,.35);
  color:#4f5dff;
  font-weight:800;
  padding:10px 22px;
  border-radius:999px;
  background:#fff;
  transition:.2s ease;
}
.se-pill:hover{ background: rgba(102,112,255,.08); }
.se-pill.active{
  color:#fff;
  border-color:transparent;
  background: linear-gradient(135deg,#667eea,#764ba2);
  box-shadow: 0 12px 28px rgba(102,112,255,.18);
}

.se-filter{ border-radius: 18px; }
.se-label{ font-weight:800; color:#374151; }
.se-mini{ font-size:.82rem; color:#6b7280; }
.se-input{ border-radius: 14px; }
.se-btn{ border-radius: 14px; font-weight:900; }

.se-section{ padding: 28px 0 10px; }
.se-section-title{
  font-weight: 900;
  font-size: 1.6rem;
  margin:0;
}
.se-section-sub{ color:#6b7280; margin-top:6px; }

/* ===== Paket Card (mirip contoh) ===== */
.se-pack{
  background:#f8fafc;
  border-radius: 22px;
  padding: 26px 22px;
  text-align:center;
  box-shadow: 0 10px 30px rgba(17,24,39,.06);
  border:1px solid rgba(15,23,42,.06);
}
.se-pack-icon{
  width:84px;height:84px;
  margin: 0 auto 16px;
  border-radius:999px;
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.06);
}
.se-pack-icon i{ font-size: 34px; color:#6670ff; }
.se-pack-name{ font-weight: 900; font-size: 1.25rem; margin-top:6px; }
.se-pack-price{
  font-weight: 900;
  color:#6670ff;
  font-size: 1.6rem;
  margin-top:6px;
}
.se-pack-price span{ font-weight:700; color:#9ca3af; font-size: 1rem; }

.se-pack-ul{
  list-style:none;
  padding:0;
  margin: 14px 0 18px;
  color:#6b7280;
}
.se-pack-ul li{
  display:flex;
  justify-content:center;
  gap:10px;
  margin: 8px 0;
}
.se-pack-ul li::before{
  content:"✓";
  color:#4f5dff;
  font-weight:900;
}

.se-pack-btn{
  width:100%;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 900;
  border:0;
  background: linear-gradient(135deg,#667eea,#764ba2);
}

/* ===== Item Sewa Card (e-commerce) ===== */
.se-item{
  background:#f8fafc;
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(17,24,39,.06);
  border:1px solid rgba(15,23,42,.06);
  display:flex;
  flex-direction:column;
}
.se-item-thumb{
  width:100%;
  aspect-ratio: 16/11;
  background:#eef2ff;
}
.se-item-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.se-item-body{ padding: 16px 16px 18px; text-align:center; }
.se-item-title{ font-weight: 900; font-size: 1.15rem; margin-bottom: 6px; }
.se-item-meta{ color:#6b7280; font-size:.92rem; margin-bottom: 10px; }

.se-item-price{
  display:flex;
  justify-content:center;
  gap:8px;
  align-items:baseline;
}
.se-item-rp{ font-weight: 900; font-size: 1.5rem; color:#6670ff; }
.se-item-per{ color:#9ca3af; font-weight:700; }

.se-item-disc{ margin-top:6px; color:#6b7280; font-size:.9rem; }

.se-item-btn{
  margin-top: 14px;
  width: 100%;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 900;
  border:0;
  background: linear-gradient(135deg,#667eea,#764ba2);
}

/* ===== Modal ===== */
.se-modal{ border-radius: 18px; }
.se-modal-header{ border-bottom: 1px solid rgba(15,23,42,.06); }
.se-panel{
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  border-radius: 18px;
  padding: 16px;
}
.se-modal-thumb{ background:#f1f5f9; }

/* =========================
   PILIHAN SEWA - CARD THUMB
========================= */
.se-item {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .08);
  height: 100%;
}

.se-item-thumb{
  width: 100%;
  /* bikin semua thumbnail konsisten */
  aspect-ratio: 16 / 9;          /* bisa 4/3 kalau mau lebih tinggi */
  background: #f3f4f6;
  overflow: hidden;
}

.se-item-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;             /* kunci utama biar rapi */
  object-position: center;
  display: block;
}

/* body item */
.se-item-body{
  padding: 18px 18px 20px;
}

.se-item-title{
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 6px;
}

.se-item-meta{
  font-size: 13px;
  color: rgba(0,0,0,.55);
  margin-bottom: 12px;
}

/* tombol */
.se-item-btn{
  width: 100%;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 700;
}