/* BeHappy — Trang chi tiết Popular session (single-bh_session.php)
   Dán vào Flatsome → Advanced → Custom CSS. Màu ghi trực tiếp, không biến CSS.
   Mọi rule nằm dưới .bhsd-page nên không ảnh hưởng trang khác.
   Đổi màu chủ đạo: tìm #963e48 thay hết. */

/* ---------- khung trang ---------- */
.bhsd-page .bhsd-wrap{
max-width:900px;
margin:0 auto;
padding:0 0 40px}

/* breadcrumb */
.bhsd-page .bhsd-crumb{
margin:0 0 6px;
font-size:13px;
line-height:1.4;
color:#6f625d}

.bhsd-page .bhsd-crumb a{
color:inherit;
text-decoration:underline}

.bhsd-page .bhsd-crumb a:hover{
color:#963e48}

.bhsd-page .bhsd-crumb span{
margin:0 4px}

.bhsd-page .bhsd-title{
margin:0 0 14px}

/* ---------- khung dịp + giới thiệu ---------- */
.bhsd-page .bhsd-reason{
padding:16px 18px;
background:#f6efeb;
border-radius:6px;
font-size:15px;
line-height:1.6;
color:#2a2220}

/* dòng dịp: Wedding · Birthday · … */
.bhsd-page .bhsd-occ{
margin:0 0 10px;
font-size:14px;
font-weight:600;
letter-spacing:.02em;
color:#963e48}

.bhsd-page .bhsd-occ:last-child{
margin-bottom:0}

.bhsd-page .bhsd-intro,
.bhsd-page .bhsd-intro p{
margin:0}

.bhsd-page .bhsd-intro p+p{
margin-top:8px}

.bhsd-page .bhsd-divider{
max-width:100%;
height:1px;
margin:26px 0;
background-color:#e6dcd6}

.bhsd-page .bhsd-h{
margin:0 0 16px}

/* ---------- mỗi dịch vụ ---------- */
.bhsd-page .bhsd-card{
margin:0 0 20px;
padding:0 0 4px;
border-bottom:1px solid #e6dcd6}

.bhsd-page .bhsd-card .row{
margin-left:-10px;
margin-right:-10px}

/* ảnh vuông, ảnh ngang tự cắt giữa */
.bhsd-page .bhsd-photo{
position:relative;
width:100%;
aspect-ratio:1/1;
overflow:hidden;
border-radius:6px;
background:#efe5df}

.bhsd-page .bhsd-photo img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:none;
object-fit:cover;
display:block}

.bhsd-page .bhsd-ph{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(160deg,#f5e4e5,#efe5df);
color:#6f625d;
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase}

/* tên + giá */
.bhsd-page .bhsd-name{
margin:0 0 6px;
font-size:18px;
line-height:1.3}

.bhsd-page .bhsd-price{
display:inline-block;
margin-left:8px;
font-weight:600;
white-space:nowrap;
font-variant-numeric:tabular-nums;
color:#963e48}

/* câu ngắn + nút ...more cuối câu */
.bhsd-page .bhsd-line{
margin:0 0 10px;
font-size:15px;
line-height:1.55}

/* reset kiểu nút mặc định của Flatsome cho <button> */
.bhsd-page .bhsd-line .bhsd-more-btn{
display:inline;
width:auto;
min-height:0;
margin:0 0 0 4px;
padding:0;
border:0;
border-radius:0;
background:none;
box-shadow:none;
color:#963e48;
font-family:inherit;
font-size:inherit;
font-weight:600;
line-height:inherit;
letter-spacing:0;
text-transform:none;
text-decoration:underline;
vertical-align:baseline;
cursor:pointer}

.bhsd-page .bhsd-line .bhsd-more-btn:hover{
background:none;
color:#2a2220}

/* phần mở ra */
.bhsd-page .bhsd-more{
margin:0 0 12px;
padding:12px 14px;
background:#f6efeb;
border-radius:6px;
font-size:14px;
line-height:1.6}

.bhsd-page .bhsd-more[hidden]{
display:none!important}

.bhsd-page .bhsd-more p{
margin:0 0 10px}

.bhsd-page .bhsd-more p:last-child{
margin-bottom:0}

.bhsd-page .bhsd-gal{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:6px;
margin-top:10px}

.bhsd-page .bhsd-gal a{
display:block}

.bhsd-page .bhsd-gal img{
width:100%;
aspect-ratio:3/2;
object-fit:cover;
border-radius:4px;
display:block}

/* Add / Book Now */
.bhsd-page .bhsd-acts{
margin:0 0 12px}

.bhsd-page .bhsd-acts .bh-acts{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-start}

.bhsd-page .bhsd-acts .button{
margin:0}

/* ---------- After the occasion ---------- */
.bhsd-page .bhsd-after{
margin-top:10px}

.bhsd-page .bhsd-after p{
margin:0;
font-size:15px;
line-height:1.6}

/* ---------- nút cuối trang ---------- */
.bhsd-page .bhsd-foot{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin-top:26px}

.bhsd-page .bhsd-foot .button{
margin:0}

.bhsd-page .bhsd-foot .bhsd-back{
border-color:#e6dcd6;
color:#2a2220}

.bhsd-page .bhsd-foot .bhsd-back:hover{
border-color:#2a2220;
background:none;
color:#2a2220}

/* ---------- mobile ---------- */
@media (max-width:849px){
.bhsd-page .bhsd-card .col{
padding-bottom:10px}

.bhsd-page .bhsd-reason{
padding:14px;
font-size:14px}
}

@media (max-width:549px){
.bhsd-page .bhsd-foot .button{
flex:1 1 auto;
text-align:center}
}

/* ---------- desktop ---------- */
@media (min-width:850px){
.bhsd-page .bhsd-name{
font-size:20px}
}
@media only screen and (min-width: 768px) {
	
	
}
@media only screen and (min-width: 1300px)
.container-width,.container, .row {
    max-width: 1320px !important;
}