article .ct-media-container img {
	aspect-ratio:revert-layer!important;
}

.ct-header-text {
	display:none;
}

.ct-footer .ct-widget:not(:first-child) {
	margin-top:10px;
}


.stk-601611d a{
	background: linear-gradient(180deg, #2c2c2c 0%, #151515 100%);
	box-shadow: 
    inset 0 1px 1px rgba(255, 255, 255, 0.15), /* Highlight putih tipis di tepi atas */
    0 2px 4px rgba(0, 0, 0, 0.2),              /* Bayangan tajam jarak dekat */
    0 10px 20px -5px rgba(0, 0, 0, 0.3);
}


.platform-undangan{
  display:flex;
  align-items:center;
  gap:8px;
	border:1px solid #D5CDBD;
}

.fitur-unggulan{display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #D5CDBD;
  width: fit-content;
  margin: auto;}
.platform-undangan::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#A38F72;
}

.hero-title{
	font-style:normal;
  margin:0 0 24px;
  font-size:clamp(3rem, 7vw, 4.5rem);
  line-height:1.05;
	font-weight:inherit;
}

.hero-title span{
  display:inline;
  color:#A38F72;
  font-style:italic;
}


.btn-selengkapnya{
  display:inline-block;
  width:100%;
  border:none;
  border-radius:12px;
  box-shadow:0 4px 14px rgba(0,0,0,0.1);
  transition:all .25s ease;
  cursor:pointer;
}

.social-proof{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:24px;
  background:#ffffff;
  border:1px solid #E8E4D9;
  border-radius:32px;
  box-shadow:0 4px 14px rgba(0,0,0,0.04);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.social-proof-users{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}

.social-proof-avatars{
  display:flex;
  align-items:center;
}

.social-proof-avatars img,
.social-proof-more{
  width:48px;
  height:48px;
  border-radius:50%;
  border:2px solid #ffffff;
  object-fit:cover;
}

.social-proof-avatars img{
  margin-left:-12px;
}

.social-proof-avatars img:first-child{
  margin-left:0;
}

.social-proof-more{
  margin-left:-12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#F3F0EA;
  color:#A38F72;
  font:700 10px/1 'Inter', sans-serif;
  letter-spacing:-0.02em;
}

.social-proof-text{
  text-align:left;
}

.social-proof-stars{
  margin-bottom:4px;
  color:#A38F72;
  font-size:16px;
  letter-spacing:2px;
}

.social-proof-text p{
  margin:0;
  color:#666666;
  font:400 12px/1.4 'Inter', sans-serif;
}

.social-proof-text strong{
  color:#2C2A28;
  font-weight:600;
}

.social-proof-divider{
  width:100%;
  height:1px;
  background:#E8E4D9;
}

.social-proof-stats{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  divide-style:solid;
}

.social-proof-stat{
  flex:1;
  text-align:center;
  padding:0 16px;
}

.social-proof-stat + .social-proof-stat{
  border-left:1px solid #E8E4D9;
}

.social-proof-stat h3{
  margin:0 0 6px;
  color:#1A1A1A;
  font:700 22px/1 'Inter', sans-serif;
  letter-spacing:-0.03em;
}

.social-proof-stat h3 span{
  color:#A38F72;
  font-weight:600;
}

.social-proof-stat p{
  margin:0;
  color:#7A746B;
  font:500 10px/1.4 'Inter', sans-serif;
  text-transform:uppercase;
  letter-spacing:.16em;
}

@media (max-width: 782px) {
.mobile-2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

.mobile-2col > .wp-block-column {
    margin: 0 !important;
    min-width: 0 !important;
  }
}

.kolom-cara-pemesanan {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.step-circle{
  width:80px;      /* 20 -> 80 (tailwind w-20) */
  height:80px;
  border-radius:999px;
  background:#F9F8F6;
  border:1px solid #E8E4D9;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
  transition:background .25s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
}

.group:hover .step-circle{
  background:#E8E4D9;
}

.step-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#A38F72;
}

.step-icon svg{
  width:32px;
  height:32px;
  display:block;
  flex-shrink:0;
}

//CSS UNTUK TEMA

/* ==========================================
   DESAIN KATALOG TEMA NICEWEDDING (RESPONSIVE)
   ========================================== */

/* Wrapper & Tombol Filter */
.nw-katalog-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 10px; }
.nw-filter-buttons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 30px; }
.nw-btn-filter { padding: 4px 16px; border: 1px solid #A3907254; background: #fff; color: #A38F72; font-size: 14px; letter-spacing: 2px; border-radius: 4px; cursor: pointer; transition: 0.3s; }
.nw-btn-filter.active, .nw-btn-filter:hover { background: #2C2A28; color: #fff; border-color: #2C2A28; }

/* Grid Dasar (Mobile First: 2 Kolom) */
.nw-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

/* Kartu Tema */
.nw-card { background: #fff; padding:10px; border: 1px solid #A3907230; border-radius: 10px; overflow: hidden; text-align: center; transition: 0.3s; display: flex; flex-direction: column; }
.nw-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.05); }

/* Gambar Square Ratio */
.nw-card-img { width: 100%; aspect-ratio: 3 / 4; border-radius:12px; object-fit: cover; display:block }

/* Area Konten */
.nw-card-content { display: flex; flex-direction: column; flex-grow: 1; }
.nw-card-content h3 { font-size: 14px; color: #666; margin: 8px 0 0 0; }

/* Area Harga */
.nw-price-wrapper { margin-bottom: 8px; }
.nw-price-coret { display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 11px; color: #a0a0a0; }
.badge-diskon { background: #ff7aa5; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 11px; }
.nw-price-final { font-size: 16px; color: #666; font-weight:700 }

/* Tombol Aksi */
.nw-card-actions { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.nw-btn { display: block; width: 100%; padding: 6px 0; border-radius: 6px; text-decoration: none; font-size: 0.8em; transition: 0.3s; box-sizing: border-box; }
.nw-btn-outline { border: 1px solid #A3907282; color: #666; background: #fff; }
.nw-btn-outline:hover { background: #f9f9f9; border-color: #ccc; }
.nw-btn-solid { background: #2C2A28; color: #fff; border: 1px solid #2a2a2a; }
.nw-btn-solid:hover { background: #111; border-color: #111; }

/* ==========================================
   BREAKPOINTS (Tablet & Desktop)
   ========================================== */

/* Tablet (Min 768px): Jadi 3 Kolom */
@media (min-width: 768px) {
    .nw-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
    .nw-card-content { padding: 15px; }
    .nw-card-content h3 { font-size: 15px; }
    .nw-price-coret { font-size: 12px; }
    .badge-diskon { font-size: 11px; }
    .nw-price-final { font-size: 16px; }
    .nw-btn { font-size: 13px; padding: 10px 0; }
}

/* Desktop (Min 1024px): Jadi 5 Kolom seperti referensi */
@media (min-width: 1024px) {
    .nw-grid { grid-template-columns: repeat(5, 1fr); gap: 15px; }
}