/* ==========================================================================
   Trang chủ kiểu Dola Spa — hero chữ lớn, thanh chính sách, giới thiệu, thẻ dịch vụ, khuyến mãi,
   khám phá, video + số liệu, feedback thẻ nâu, đội ngũ ảnh vòm. Màu theo token --bed-* (navy + nâu).
   Hình dáng đặc trưng của mẫu: bo góc lệch 20px 5px 20px 5px (nút, icon), đảo thành 80px 20px khi hover.
   ========================================================================== */
:root { --bed-dola-shape: 20px 5px 20px 5px; }

/* Nút kiểu mẫu */
.bed-dola-btn, .bed-svc__btn, .bed-hero__cap--dola .bed-hero__btn {
	display: inline-block; padding: 8px 30px; border: 0; border-radius: var(--bed-dola-shape); background: var(--bed-primary); color: #fff !important;
	font-size: 16px; font-weight: 500; line-height: 1.5; text-decoration: none; transition: background .2s;
}
.bed-dola-btn:hover, .bed-svc__btn:hover, .bed-hero__cap--dola .bed-hero__btn:hover { background: var(--bed-secondary); }

/* Tiêu đề khối ([bed_yhead]) kiểu mẫu: chữ to, đậm, họa tiết dưới */
.bed-yh__title { font-family: var(--bed-font-heading); font-size: 50px; font-weight: 700; color: var(--bed-primary); }
@media (max-width: 767px) { .bed-yh__title { font-size: 32px; } }
.bed-yh__orn img { max-width: 320px; }

/* ---------- Hero (cap_style="dola") ---------- */
.bed-hero__cap--dola .bed-container { max-width: 1330px; }
.bed-hero__cap--dola .bed-hero__cap-in { max-width: 700px; gap: 6px; }
.bed-hero__cap--dola .bed-hero__title { font-size: 80px; line-height: 1.15; font-weight: 700; color: var(--bed-primary); text-shadow: none; }
.bed-hero__cap--dola .bed-hero__text { margin: 0; font-size: 30px; line-height: 1.4; color: #000; }
.bed-hero__cap--dola .bed-hero__btn { margin-top: 15px; font-size: 20px; padding: 8px 30px; }
.bed-hero__cap--dola .bed-hero__btn svg { display: none; }
@media (max-width: 991px) { .bed-hero__cap--dola .bed-hero__title { font-size: 48px; } .bed-hero__cap--dola .bed-hero__text { font-size: 20px; } }
@media (max-width: 767px) { .bed-hero__cap--dola .bed-hero__title { font-size: 32px; } .bed-hero__cap--dola .bed-hero__text { font-size: 15px; } .bed-hero__cap--dola .bed-hero__btn { font-size: 14px; } }

/* ---------- Thanh chính sách ([bed_why] nền navy) ---------- */
.bed-why--dola .bed-why__panel { background: var(--bed-primary); border-radius: 20px; padding: 30px; box-shadow: none; }
.bed-why--dola .bed-why__item { flex-direction: column; text-align: center; gap: 12px; padding: 0 12px; }
.bed-why--dola .bed-why__icon, .bed-why--dola .bed-why__icon img { width: auto; height: 60px; max-width: 64px; }
.bed-why--dola .bed-why__body { align-items: center; }
.bed-why--dola .bed-why__title { color: #fff; font-size: 16px; font-weight: 700; }
.bed-why--dola .bed-why__desc { color: #fff; font-size: 14px; }

/* ---------- Giới thiệu ---------- */
.bed-dabout__row { display: flex; align-items: center; gap: 40px; }
.bed-dabout__img { flex: 0 0 41.6667%; max-width: 41.6667%; text-align: center; }
.bed-dabout__img img { display: block; width: 100%; height: auto; }
.bed-dabout__body { flex: 1 1 0; min-width: 0; }
.bed-dabout__title { margin: 0 0 16px; font-family: var(--bed-font-heading); font-size: 50px; line-height: 1.2; font-weight: 700; color: var(--bed-primary); }
.bed-dabout__text { margin: 0 0 20px; font-size: 16px; line-height: 1.6; }
.bed-dabout__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin-bottom: 8px; }
.bed-dabout__item { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; line-height: 1.3; }
.bed-dabout__icon { flex: 0 0 60px; width: 60px; height: 60px; padding: 10px; box-sizing: border-box; border-radius: var(--bed-dola-shape); background: var(--bed-secondary); display: flex; align-items: center; justify-content: center; }
.bed-dabout__icon img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
.bed-dabout__call { display: flex; align-items: center; gap: 20px; margin-top: 30px; font-size: 16px; font-weight: 700; }
.bed-dabout__call svg { flex: none; width: 50px; height: 50px; color: var(--bed-secondary); }
.bed-dabout__call a { display: block; font-size: 30px; font-weight: 700; color: var(--bed-secondary); }
.bed-dabout__call a:hover { color: var(--bed-primary); }
@media (max-width: 991px) { .bed-dabout__row { flex-direction: column; } .bed-dabout__img { flex-basis: auto; max-width: 70%; } .bed-dabout__title { font-size: 34px; } .bed-dabout__item { font-size: 17px; } }
@media (max-width: 575px) { .bed-dabout__items { grid-template-columns: 1fr; } .bed-dabout__img { max-width: 100%; } }

/* ---------- Thẻ dịch vụ ---------- */
.bed-svc-slider .bed-slide { width: 57%; padding-left: 8px; box-sizing: border-box; display: flex; }
@media (min-width: 768px) { .bed-svc-slider .bed-slide { width: 33.3333%; padding-left: 16px; } }
@media (min-width: 1200px) { .bed-svc-slider .bed-slide { width: 25%; } }
.bed-svc-slider .bed-svc__slider { margin-left: -8px; }
@media (min-width: 768px) { .bed-svc-slider .bed-svc__slider { margin-left: -16px; } }
.bed-svc-slider .bed-svc__slider.bed-slider > div.bed-slide, .bed-svc-slider .flickity-slider > div.bed-slide { width: 57% !important; }
@media (min-width: 768px) { .bed-svc-slider .bed-svc__slider.bed-slider > div.bed-slide, .bed-svc-slider .flickity-slider > div.bed-slide { width: 33.3333% !important; } }
@media (min-width: 1200px) { .bed-svc-slider .bed-svc__slider.bed-slider > div.bed-slide, .bed-svc-slider .flickity-slider > div.bed-slide { width: 25% !important; } }
.bed-svc { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding: 10px; border-radius: 20px; background: #fff; text-align: center; }
.bed-svc__img { display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 1 / 1; background: var(--bed-accent); }
.bed-svc__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.bed-svc:hover .bed-svc__img img { transform: scale(1.05); }
.bed-svc__title { margin: 14px 0 6px; font-family: var(--bed-font-heading); font-size: 24px; line-height: 1.25; font-weight: 700; color: var(--bed-primary); }
.bed-svc__title a { color: inherit; }
.bed-svc__desc { display: -webkit-box; -webkit-line-clamp: var(--lines, 4); -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 8px; font-size: 13px; line-height: 1.5; }
.bed-svc__meta { margin: auto 0 10px; padding: 0; list-style: none; font-size: 14px; }
.bed-svc__meta li { display: inline; margin: 0 6px; }
.bed-svc__btn { align-self: center; padding: 6px 24px; font-size: 14px; }

/* ---------- Khuyến mãi ---------- */
.bed-dpromo__banner { position: relative; min-height: 300px; display: flex; align-items: center; justify-content: flex-end; background: var(--bed-accent) center / cover no-repeat; border-radius: 20px 20px 0 0; overflow: hidden; }
.bed-dpromo__content { width: 50%; padding: 10px 40px; text-align: center; }
.bed-dpromo__title { margin: 0; font-family: var(--bed-font-heading); font-size: 50px; line-height: 1.2; font-weight: 700; color: var(--bed-primary); }
.bed-dpromo__orn img { display: inline-block; max-width: 320px; height: auto; }
.bed-dpromo__text { margin: 12px 0 20px; font-size: 14px; }
.bed-dpromo__time { margin-bottom: 8px; }
.bed-dpromo__list { padding: 20px; background: #fff; }
.bed-dpromo__list .bed-card__inner { background: var(--bed-bg-body); }
.bed-countdown--dola .bed-countdown__label { display: none; }
.bed-countdown--dola .bed-countdown__row { display: block; padding: 0; border: 0; background: transparent; }
.bed-countdown--dola .bed-ctd { justify-content: center; gap: 10px; }
.bed-countdown--dola .bed-ctd__item { flex-direction: column; justify-content: center; width: 70px; height: 70px; padding: 0; border-radius: 20px 5px; background: var(--bed-secondary); color: #fff; text-align: center; }
.bed-countdown--dola .bed-ctd__num { font-size: 30px; line-height: 35px; font-weight: 700; color: #fff; }
.bed-countdown--dola .bed-ctd__item span { font-size: 14px; }
.bed-countdown--dola .bed-ctd__dot { display: none; }
@media (max-width: 767px) { .bed-dpromo__content { width: 100%; padding: 20px; } .bed-dpromo__title { font-size: 32px; } .bed-dpromo__banner { min-height: 240px; } }

/* ---------- Khám phá ---------- */
.bed-dola-discover { position: relative; }
.bed-dola-discover::before { content: ''; position: absolute; inset: 0 0 0 0; background: linear-gradient(to right, var(--bed-bg-body) 0%, var(--bed-accent) 100%); border-radius: 200px 0 0 200px; margin-left: 50%; opacity: .7; }
.bed-ddisc__row { position: relative; display: flex; align-items: stretch; gap: 20px; padding: 24px 0; }
.bed-ddisc__col { flex: 1 1 41.6667%; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: space-evenly; }
.bed-ddisc__img { flex: 0 0 16.6667%; display: flex; align-items: center; justify-content: center; margin-top: -60px; }
.bed-ddisc__img img { display: block; max-width: 100%; height: auto; }
.bed-ddisc__item { display: flex; align-items: center; gap: 15px; margin: 0 0 20px; }
.bed-ddisc__col--left .bed-ddisc__item { justify-content: flex-end; text-align: right; flex-direction: row; }
.bed-ddisc__col--left .bed-ddisc__txt { order: 1; }
.bed-ddisc__col--left .bed-ddisc__icon { order: 2; }
.bed-ddisc__icon { position: relative; flex: 0 0 80px; width: 80px; height: 80px; border-radius: 50%; background: var(--bed-secondary); display: flex; align-items: center; justify-content: center; }
.bed-ddisc__icon::before { content: ''; position: absolute; inset: -5px; border: 1px dashed var(--bed-secondary); border-radius: 50%; animation: bedDolaSpin 20s linear infinite; }
.bed-ddisc__icon img { max-height: 40px; width: auto; }
.bed-ddisc__txt { font-size: 13px; line-height: 1.5; }
.bed-ddisc__txt b { display: block; margin-bottom: 5px; font-size: 24px; line-height: 1.2; color: var(--bed-primary); }
@keyframes bedDolaSpin { to { transform: rotate(360deg); } }
@media (max-width: 991px) {
	.bed-dola-discover::before { display: none; }
	.bed-ddisc__row { flex-direction: column; } .bed-ddisc__img { display: none; }
	.bed-ddisc__col--left .bed-ddisc__item { justify-content: flex-start; text-align: left; flex-direction: row; } .bed-ddisc__col--left .bed-ddisc__txt { order: 2; } .bed-ddisc__col--left .bed-ddisc__icon { order: 1; }
	.bed-ddisc__txt b { font-size: 20px; }
}

/* ---------- Video + số liệu ---------- */
.bed-dvideo__row { display: flex; align-items: center; gap: 40px; }
.bed-dvideo__body, .bed-dvideo__media { flex: 1 1 50%; min-width: 0; }
.bed-dvideo__t1 { font-family: var(--bed-font-heading); font-size: 50px; line-height: 1.2; font-weight: 700; color: var(--bed-primary); }
.bed-dvideo__t2 { margin: 6px 0 20px; font-size: 20px; font-weight: 700; }
.bed-dvideo__body p { margin: 0 0 20px; font-size: 18px; line-height: 1.5; }
.bed-dvideo__stats { display: flex; gap: 24px; }
.bed-dvideo__stat { flex: 1 1 0; display: flex; flex-direction: column; font-size: 20px; }
.bed-dvideo__num { font-size: 50px; line-height: 1.1; font-weight: 700; color: var(--bed-secondary); }
.bed-dvideo__media a { position: relative; display: block; overflow: hidden; border-radius: 30px 10px; }
.bed-dvideo__media img { display: block; width: 100%; height: auto; }
.bed-dvideo__play { position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; border-radius: 50%; background: var(--bed-primary); color: #fff; display: flex; align-items: center; justify-content: center; transition: background .2s; }
.bed-dvideo__play::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: var(--bed-primary); animation: bedDolaPulse 1.5s ease-out infinite; z-index: -1; }
.bed-dvideo__media a:hover .bed-dvideo__play, .bed-dvideo__media a:hover .bed-dvideo__play::before { background: var(--bed-secondary); }
@keyframes bedDolaPulse { 0% { transform: scale(1); opacity: .67; } 100% { transform: scale(1.5); opacity: 0; } }
@media (max-width: 991px) { .bed-dvideo__row { flex-direction: column; } .bed-dvideo__t1 { font-size: 34px; } .bed-dvideo__num { font-size: 36px; } }

/* ---------- Feedback ---------- */
.bed-dfb-slider .bed-slide { width: 100%; padding-left: 10px; box-sizing: border-box; display: flex; }
@media (min-width: 768px) { .bed-dfb-slider .bed-slide { width: 50%; } }
@media (min-width: 992px) { .bed-dfb-slider .bed-slide { width: 33.3333%; } }
.bed-dfb-slider .bed-dfb__slider.bed-slider > div.bed-slide, .bed-dfb-slider .flickity-slider > div.bed-slide { width: 100% !important; }
@media (min-width: 768px) { .bed-dfb-slider .bed-dfb__slider.bed-slider > div.bed-slide, .bed-dfb-slider .flickity-slider > div.bed-slide { width: 50% !important; } }
@media (min-width: 992px) { .bed-dfb-slider .bed-dfb__slider.bed-slider > div.bed-slide, .bed-dfb-slider .flickity-slider > div.bed-slide { width: 33.3333% !important; } }
.bed-dfb-slider .bed-dfb__slider { margin-left: -10px; }
.bed-dfb { width: 100%; box-sizing: border-box; padding: 10px 14px 16px; border-radius: 20px; background: var(--bed-secondary); color: #fff; box-shadow: rgba(60, 64, 67, .1) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px; transition: border-radius .4s; }
.bed-dfb:hover { border-radius: 80px 20px; }
.bed-dfb__head { text-align: center; }
.bed-dfb__head img { display: block; width: 60px; height: 60px; margin: 0 auto 10px; border-radius: 6px; object-fit: cover; }
.bed-dfb__head h5 { margin: 0; font-size: 20px; font-weight: 700; color: #fff; }
.bed-dfb__head span { font-size: 14px; font-weight: 600; text-transform: capitalize; }
.bed-dfb p { margin: 16px 0 0; font-size: 15px; line-height: 1.5; }

/* ---------- Đội ngũ ---------- */
.bed-dteam-slider .bed-slide { width: 50%; padding-left: 14px; box-sizing: border-box; }
@media (min-width: 768px) { .bed-dteam-slider .bed-slide { width: 33.3333%; } }
@media (min-width: 992px) { .bed-dteam-slider .bed-slide { width: 25%; } }
.bed-dteam-slider .bed-dteam__slider.bed-slider > div.bed-slide, .bed-dteam-slider .flickity-slider > div.bed-slide { width: 50% !important; }
@media (min-width: 768px) { .bed-dteam-slider .bed-dteam__slider.bed-slider > div.bed-slide, .bed-dteam-slider .flickity-slider > div.bed-slide { width: 33.3333% !important; } }
@media (min-width: 992px) { .bed-dteam-slider .bed-dteam__slider.bed-slider > div.bed-slide, .bed-dteam-slider .flickity-slider > div.bed-slide { width: 25% !important; } }
.bed-dteam-slider .bed-dteam__slider { margin-left: -14px; }
.bed-dteam { text-align: center; padding: 7px; }
.bed-dteam__img { position: relative; display: block; padding-bottom: 140%; overflow: hidden; border-radius: 9999px; background: var(--bed-accent); outline: .5px solid rgba(154, 86, 58, .4); outline-offset: 5px; }
.bed-dteam__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: transform .4s; }
.bed-dteam:hover .bed-dteam__img img { transform: scale(1.05); }
.bed-dteam h3 { margin: 20px 0 5px; font-size: 18px; font-weight: 700; color: var(--bed-primary); }
.bed-dteam > span:last-child { font-size: 16px; }

/* ---------- Thanh thông báo kiểu "chào + nút" ---------- */
.bed-topbar--split { background: var(--bed-topbar-bg, var(--bed-primary)); color: var(--bed-topbar-color, #fff); overflow: visible; }
.bed-topbar--split .bed-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 5px; padding-bottom: 5px; }
.bed-topbar__hello { font-size: 16px; font-weight: 700; }
.bed-topbar__links { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; list-style: none; }
.bed-topbar__links li { margin: 0; }
.bed-topbar__links a { display: flex; align-items: center; padding: 5px 15px; border-radius: 10px 5px; background: var(--bed-secondary); color: #fff !important; font-size: 13px; }
.bed-topbar__links a:hover { opacity: .8; }
@media (max-width: 767px) { .bed-topbar__hello { font-size: 11px; } .bed-topbar__links { gap: 6px; } .bed-topbar__links a { padding: 4px 8px; font-size: 11px; } }
.bed-dfb { min-height: 276px; }

/* mobile */
@media (max-width: 767px) {
	.bed-why--dola .bed-why__panel { background: var(--bed-primary); padding: 20px 12px; gap: 8px; }
	.bed-why--dola .bed-why__item { background: transparent; box-shadow: none; flex-basis: 70%; }
	.bed-topbar__hello { font-size: 10px; line-height: 1.2; }
	.bed-topbar__links a { white-space: nowrap; padding: 3px 7px; font-size: 10px; }
}

/* Thẻ dịch vụ: giãn khoảng cách giữa các thẻ + trong thẻ, các thẻ cao bằng nhau */
.bed-svc-slider .bed-slide { padding-left: 12px; padding-right: 12px; }
.bed-svc-slider .bed-svc__slider { margin-left: -12px; margin-right: -12px; }
@media (min-width: 768px) { .bed-svc-slider .bed-slide { padding-left: 14px; padding-right: 14px; } .bed-svc-slider .bed-svc__slider { margin-left: -14px; margin-right: -14px; } }
.bed-svc { min-height: var(--bed-svc-h, 0); padding: 16px 16px 20px; }
.bed-svc__title { margin: 20px 0 10px; }
.bed-svc__desc { margin: 0 0 14px; line-height: 1.6; }
.bed-svc__meta { margin: auto 0 16px; padding-top: 4px; }
.bed-svc__meta li { margin: 0 8px; }
.bed-svc__btn { padding: 8px 28px; }
.bed-svc-slider .flickity-prev-next-button.next { right: -4px; } .bed-svc-slider .flickity-prev-next-button.previous { left: -4px; }

/* Flatsome reset .flickity-slider > div:not(.col) {padding:0} → áp lại khoảng cách giữa các ô */
.bed-svc-slider .flickity-slider > div.bed-slide, .bed-svc-slider .bed-svc__slider.bed-slider > div.bed-slide { padding: 0 12px !important; }
.bed-dfb-slider .flickity-slider > div.bed-slide, .bed-dfb-slider .bed-dfb__slider.bed-slider > div.bed-slide { padding: 0 10px !important; }
.bed-dteam-slider .flickity-slider > div.bed-slide, .bed-dteam-slider .bed-dteam__slider.bed-slider > div.bed-slide { padding: 0 10px !important; }
.bed-dfb-slider .bed-dfb__slider, .bed-dteam-slider .bed-dteam__slider { margin-left: -10px; margin-right: -10px; }
@media (min-width: 768px) { .bed-svc-slider .flickity-slider > div.bed-slide, .bed-svc-slider .bed-svc__slider.bed-slider > div.bed-slide { padding: 0 14px !important; } }