.acf-cta-button{
display:inline-block;
background:#0984e3;
color:#ffffff;
padding:14px 22px;
border-radius:6px;
font-weight:600;
font-size:14px;
text-decoration:none;
transition:all .2s ease;
}

.acf-cta-button:hover{
background:#0876cc;
color:#ffffff;
}

.similar-treatments-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.treatment-card{
border:1px solid #e5e7eb;
border-radius:12px;
padding:24px;
background:#fff;
}

.treatment-meta{
font-size:14px;
color:#6b7280;
margin-bottom:8px;
}

.treatment-title{
font-size:20px;
font-weight:700;
margin-bottom:12px;
}

.treatment-excerpt{
color:#4b5563;
margin-bottom:16px;
}

.treatment-link{
color:#2563eb;
font-weight:600;
text-decoration:none;
}

.similar-treatments-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.treatment-card{
border:1px solid #e5e7eb;
border-radius:12px;
padding:24px;
background:#fff;
}

/* skeleton animation */

.skeleton-box{
background:linear-gradient(
90deg,
#f3f4f6 25%,
#e5e7eb 37%,
#f3f4f6 63%
);
background-size:400% 100%;
animation:skeleton-loading 1.4s ease infinite;
border-radius:6px;
}

@keyframes skeleton-loading{
0%{background-position:100% 50%}
100%{background-position:0 50%}
}

/* skeleton elements */

.skeleton-meta{
height:14px;
width:120px;
margin-bottom:12px;
}

.skeleton-title{
height:24px;
width:80%;
margin-bottom:14px;
}

.skeleton-text{
height:14px;
width:100%;
margin-bottom:8px;
}

.skeleton-text.short{
width:70%;
margin-bottom:16px;
}

.skeleton-link{
height:14px;
width:110px;
}

.similar-treatments-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.treatment-card{
background:#f5f6f7;
border-radius:16px;
padding:24px;
display:flex;
flex-direction:column;
gap:12px;
border:1px solid #e5e7eb;
}

.treatment-meta{
font-size:14px;
color:#6b7280;
font-weight:500;
}

.treatment-title{
font-size:22px;
font-weight:700;
margin:0;
}

.treatment-title a{
text-decoration:none;
color:#111827;
}

.treatment-description{
font-size:16px;
color:#4b5563;
margin:0;
}

.treatment-link{
margin-top:auto;
font-weight:600;
color:#2563eb;
text-decoration:none;
}

.treatment-card{
position:relative;
background:#f5f6f7;
border-radius:16px;
padding:24px;
display:flex;
flex-direction:column;
gap:12px;
overflow:hidden;
}

.treatment-image-wrapper{
position:absolute;
top:16px;
right:16px;
width:110px;
}

.treatment-image{
width:100%;
height:auto;
}

/* FAQ */

.faq-accordion{
display:flex;
flex-direction:column;
gap:16px;
}

.faq-item-card{
background:#fff;
border-radius:16px;
padding: 10px 26px;
border:1px solid #e5e7eb;
}

.faq-question{
font-size:18px;
font-weight:600;
cursor:pointer;
list-style:none;
}

.faq-question::-webkit-details-marker{
display:none;
}

.faq-answer{
margin-top:16px;
line-height:1.6;
color:#4b5563;
}


/* SKELETON */

.faq-skeleton{
display:flex;
flex-direction:column;
gap:16px;
}

.faq-skeleton-item{
height:64px;
background:#f3f4f6;
border-radius:16px;
border:1px solid #e5e7eb;
}

.faq-question{
font-size:18px;
font-weight:600;
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
gap:10px;
}

.faq-question::before{
content:"▶";
font-size:12px;
transition:transform .2s ease;
}

.faq-item-card[open] .faq-question::before{
transform:rotate(90deg);
}


/* CUSTOM BUTTOM */

/* .custom-treatment-button {
	color: #fff;
	background: #0984e3;
	padding: 14px 22px;
	border-radius: 6px;
	font-weight: bold;
} */

.custom-treatment-button > a {
	color: #fff;
	background: #0984e3;
	padding: 17px 22px;
	border-radius: 6px;
	font-weight: bold;
}

.custom-treatment-button > a:hover {
	color: #fff;
	background: #0876cc;
}

/* .custom-treatment-button-preview {
	color: #fff;
	background: #0984e3;
	padding: 14px 22px;
	border-radius: 6px;
	font-weight: bold;
} */

.custom-treatment-button-preview > a {
	color: #fff;
	background: #0984e3;
	padding: 17px 22px;
	border-radius: 6px;
	font-weight: bold;
}

/* .custom-treatment-button-outline {
	border: 1px solid #e5e7eb !important;
	background: #fff !important;
	color: #111827 !important;
	font-weight: bold;
} */

.custom-treatment-button-outline > a {
	border: 1px solid #e5e7eb !important;
	background: #fff !important;
	color: #111827 !important;
	font-weight: bold;
	padding: 17px 22px;
    border-radius: 6px;
}

/* .custom-treatment-button-outline:hover {
	background: #f6f7f9 !important;
} */

.custom-treatment-button-outline > a:hover {
	background: #f6f7f9 !important;
}

/* .custom-treatment-button{
display:inline-block;
text-decoration:none;
font-weight:600;
cursor:pointer;
}

.custom-treatment-button-preview{
display:inline-block;
padding:12px 18px;
background:#2563eb;
color:white;
border-radius:14px;
} */


/* IMAGE TOP AREA */
.treatments-collapsible {
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.card__media--wl {
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg,#dfe7e4,#eef2f1);
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 5px;
}

.card__media--wl img {
    width: auto;
    height: 100%;
    object-fit: cover;
}