/* HERO */

.treat-detail-hero{
background:url("../data/bg.webp") center/cover;
height:300px;
display:flex;
align-items:center;
justify-content:center;
}

.treat-detail-hero .overlay{
background:rgba(15,76,129,0.85);
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
color:#fff;
text-align:center;
}

/* LAYOUT */

.treat-detail-section{
padding:100px 0;
background:#f8fbff;
}

.treat-detail-container{
width:90%;
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns:2fr 1fr;
gap:50px;
}

/* PREMIUM CARD */

.premium-card{
background:#fff;
padding:30px;
border-radius:16px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
transition:0.3s;
}

.premium-card:hover{
transform:translateY(-5px);
box-shadow:0 15px 45px rgba(0,0,0,0.12);
}

/* HEADINGS */

.treat-block h2{
color:#0f4c81;
margin-bottom:12px;
font-size:22px;
font-weight:600;
position:relative;
}

.treat-block h2::after{
content:'';
width:50px;
height:3px;
background:#1fb6a6;
position:absolute;
left:0;
bottom:-6px;
border-radius:2px;
}

/* TEXT */

.treat-block p{
color:#555;
line-height:1.8;
font-size:15px;
}

/* PREMIUM LIST */

.styled-list{
margin-top:15px;
padding-left:0;
list-style:none;
}

.styled-list li{
position:relative;
padding-left:30px;
margin-bottom:12px;
color:#444;
font-size:15px;
transition:0.3s;
}

.styled-list li::before{
content:"\f058";
font-family:"Font Awesome 6 Free";
font-weight:900;
position:absolute;
left:0;
top:2px;
color:#1fb6a6;
font-size:16px;
}

.styled-list li:hover{
color:#0f4c81;
transform:translateX(5px);
}

/* CTA */

.treat-cta{
background:#0f4c81;
color:#fff;
padding:35px;
border-radius:16px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.treat-cta h3{
margin-bottom:10px;
font-size:20px;
}

.treat-cta a{
display:inline-block;
margin-top:10px;
background:#1fb6a6;
padding:12px 25px;
border-radius:30px;
color:#fff;
text-decoration:none;
font-weight:500;
transition:0.3s;
}

.treat-cta a:hover{
background:#17a398;
transform:translateY(-2px);
}

/* SIDEBAR */

.treat-sidebar{
position:sticky;
top:100px;
}

.sidebar-box{
background:#fff;
padding:25px;
border-radius:16px;
margin-bottom:20px;
box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.sidebar-box h3{
margin-bottom:15px;
color:#0f4c81;
}

/* SIDEBAR LINKS */

.sidebar-links{
list-style:none;
padding:0;
}

.sidebar-links li{
margin-bottom:10px;
}

.sidebar-links li a{
text-decoration:none;
color:#555;
padding:8px 12px;
display:block;
border-radius:8px;
transition:0.3s;
}

.sidebar-links li a:hover{
background:#f0f7ff;
color:#0f4c81;
padding-left:18px;
}

/* CONTACT */

.sidebar-box.contact p{
margin-bottom:10px;
color:#444;
}

.sidebar-box.contact i{
color:#1fb6a6;
margin-right:8px;
}

/* APPOINTMENT */

.sidebar-box.appointment{
text-align:center;
}

.sidebar-box.appointment a{
background:#1fb6a6;
color:#fff;
padding:12px 25px;
border-radius:30px;
display:inline-block;
text-decoration:none;
transition:0.3s;
}

.sidebar-box.appointment a:hover{
background:#17a398;
}

/* RESPONSIVE */

@media(max-width:900px){

.treat-detail-container{
grid-template-columns:1fr;
}

.treat-sidebar{
position:static;
}

}
        /* TOP IMAGE */

.treat-image{
width:100%;
border-radius:18px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.treat-image img{
width:100%;
height:540px;
/*object-fit:cover;*/
display:block;
transition:0.4s;
}

.treat-image:hover img{
transform:scale(1.05);
}