/* Atur jarak halus antara header dan konten */
#sp-main-body {
  padding-top: 24px !important;   /* ini kuncinya */
}

/* Judul artikel tidak terlalu mepet */
#sp-main-body .article-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#sp-main-body .article-header h1 {
  margin-top: 0 !important;
}


/* =========================================
   QUIET LUXURY – FAQ FINAL RESPONSIVE
========================================= */

/* ===== SECTION ===== */
.elite-faq{
padding:30px 35px;
background:#0c0c0c;
border-radius:22px;
border:1px solid rgba(212,175,55,0.25);
box-shadow:
0 45px 110px rgba(0,0,0,0.80),
inset 0 1px 0 rgba(255,255,255,0.04);
color:#eaeaea;
}

/* ===== CONTAINER ===== */
.elite-container{
max-width:1000px;
margin:auto;
}

/* ===== EYEBROW ===== */
.elite-eyebrow{
text-align:center;
font-size:clamp(14px, 2.5vw, 16px);
letter-spacing:4px;
color:rgba(212,175,55,0.80);
margin-bottom:10px;
font-style:italic;
}

/* ===== MAIN TITLE ===== */
.elite-title{
text-align:center;
font-size:clamp(26px, 4.5vw, 34px);
font-weight:500;
color:#d4af37;
margin-bottom:34px;
}

/* ===== DIVIDER ===== */
.elite-divider{
width:80px;
height:1px;
margin:0 auto 40px;
background:rgba(212,175,55,0.4);
}

/* ===== ITEM ===== */
.elite-item{
border-top:1px solid rgba(255,255,255,0.06);
transition:all 0.4s ease;
}

.elite-item input{
display:none;
}

/* ===== QUESTION TITLE (RESPONSIVE) ===== */
.elite-item label{
display:block;
padding:22px 0;
font-size:clamp(22px, 5vw, 35px);
font-weight:500;
line-height:1.3;
cursor:pointer;
position:relative;
transition:all 0.3s ease;
}

.elite-item label:hover{
color:#d4af37;
}

.elite-item input:checked + label{
color:#d4af37;
text-shadow:0 0 10px rgba(212,175,55,0.35);
}

/* ===== ICON ✦ ===== */
.elite-item label::after{
content:"✦";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
font-size:clamp(14px, 3vw, 18px);
color:rgba(212,175,55,0.6);
transition:all 0.3s ease;
}

.elite-item input:checked + label::after{
transform:translateY(-50%) rotate(180deg);
color:#d4af37;
}

/* ===== CONTENT ANIMATION ===== */
.elite-content{
max-height:0;
overflow:hidden;
opacity:0;
transition:
max-height 0.9s cubic-bezier(.16,1,.3,1),
opacity 0.4s ease;
}

.elite-item input:checked ~ .elite-content{
max-height:2000px;
opacity:1;
}

/* ===== CONTENT TEXT (RESPONSIVE) ===== */
.elite-content p{
font-size:clamp(16px, 3.8vw, 22px);
line-height:1.9;
font-weight:300;
margin:0 0 20px;
}

.elite-content ul{
list-style:none;
padding:0;
margin:0 0 20px;
text-align:left;
}

.elite-content ul li{
position:relative;
padding-left:22px;
margin-bottom:10px;
font-size:clamp(16px, 3.8vw, 22px);
line-height:1.8;
font-weight:300;
}

.elite-content ul li::before{
content:"✦";
position:absolute;
left:0;
top:6px;
font-size:clamp(8px, 2vw, 10px);
color:rgba(212,175,55,0.65);
}

/* ===== EMPHASIS ===== */
.elite-content em{
font-style:italic;
color:#ffffff;
}

/* Perbaiki huruf kapital */

h1,
h2,
h3,
h4,
p{
text-transform:none !important;
letter-spacing:normal !important;
}

.service-card{

opacity:0;
transform:translateY(20px);

animation:cardFade .8s ease forwards;

}

@keyframes cardFade{

to{
opacity:1;
transform:translateY(0);
}

}

#sp-main-body{
padding:0 !important;
}

.layanan-section{
padding:0 20px 10px;
}