#wrap-page{position:relative;overflow-x:scroll;overflow-y:hidden;transition:all .5s ease;scroll-behavior:smooth;padding:0;}
body.blur #wrap-page{overflow:hidden;}
#wrap-page .container-full{display:flex;height:100%;align-items:center;}
.sidebar-content{background-color:background:rgb(116,97,75);background:linear-gradient(90deg,rgba(116,97,75,1) 0%,rgba(58,53,36,1) 190%);max-width: 400px;position:fixed;top:0;height:100%;width:100%;left:0;padding:100px 50px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.sidebar-content__title{font-size:50px;line-height:1.2;margin-bottom:20px;}
.slider-area{position:relative;left: 490px;white-space:nowrap;display:flex;height:100%;align-items:center;height: 100vh;}
::-webkit-scrollbar{width:4px;height:10px}
::-webkit-scrollbar-thumb{background:#000;border-radius:20px;height:10px}
::-webkit-scrollbar-thumb:hover{background:#555;}
.nav-scrolling span{position: fixed;top:0;bottom:0;max-width:100px;width:100%;height:45px;background-image:url(../images/Arrow.svg)!important;margin:auto;background-repeat:no-repeat!important;cursor:pointer;background-position:center;}
.prev-btn{left: 450px;transform:rotate(180deg);background-position:right!important;}
.next-btn{right:50px;background-position:right!important;}
.nav-scrolling{/* position:fixed; */top:0;bottom:0;margin:auto;width:100%;height:15px;}
header{z-index:2;}
footer#footer{z-index:2;}
.sidebar-content__content p{margin-bottom:15px;}
.wellness-item{cursor:pointer;width:100%;position: relative;}
.wellness-item__content p{display:block;white-space:break-spaces;}
.wellness-item__content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.wellness-item h2{font-size:35px;line-height:50px;margin-bottom:10px;}
.mua-modal{position:fixed;max-width:1150px;width:100%;z-index:9999;top:0;bottom:0;margin:auto;display:flex;left:0;right:0;background-color:#4e4731;padding:30px;max-height:60vh;}
.mua-modal__gallery{overflow:hidden;}
.mua-modal > *{min-width:50%;white-space:normal;}
.mua-modal__gallery img{width:auto!important;position:absolute;height:100%;left:0;right:0;margin:auto;}
.owl-item{position:relative;}
.mua-modal__main h3{font-size:35px;line-height:50px;margin-bottom:30px;}
.mua-modal__main{padding-left:50px;display:flex;align-items:center;}
p.small-title{font-weight:bold;}
.mua-modal__content{margin-bottom:20px;overflow-y:scroll;max-height:250px;}
.mua-modal__location{margin-top:35px;}
.mua-modal .owl-item{height: 100%;overflow-y: visible;}
.mua-modal .owl-stage{height:100%;}
.mua-modal .owl-stage-outer{height:100%;width:100%;}
span.close-modal{width:23px;height:23px;display:block;background-image:url(../images/close-button.svg);background-repeat:no-repeat;position:absolute;top:30px;cursor:pointer;min-width:auto;right:30px;background-size:contain;}
.mua-modal .owl-item{opacity:0;}
.mua-modal .owl-item.active{opacity:1;}
.blur header,.blur footer,.blur .sidebar-content,.blur .wellness-item{filter:blur(2px);}
.mua-modal .owl-dots{counter-reset:slides-num;position:absolute;left:10px;right:0;margin: 40px auto;color:white;bottom:0;text-align:center;width:fit-content;}
.mua-modal .owl-dots:after{content:counter(slides-num);left: 6px;position:relative;}
.mua-modal .owl-dot{display:inline-block;counter-increment:slides-num;margin-right:5px;}
.mua-modal .owl-dot span{display:none;}
.mua-modal .owl-dot.active:before{content:counter(slides-num) " /";position:absolute;left:0;top:0;}
.mua-modal .owl-nav button{height:20px;width:35px;background-image:url(../images/Arrow.svg)!important;margin:auto;background-repeat:no-repeat!important;background-size:115px!important;}
.mua-modal .owl-nav button span{color:transparent;}
.mua-modal .owl-prev{transform:rotate(180deg);background-position:100%!important;}
.mua-modal .owl-next{background-position:right!important;}
.mua-modal .owl-nav{max-width:185px;position:absolute;bottom: 40px;margin:auto;left:0;right:0;display:flex;}
ul.list-times{display:flex;justify-content:space-around;position:relative;top:5px;padding-bottom:10px;}
ul.list-times:after{content:"";width:100%;height:1px;position:absolute;background-color:white;bottom:0;}
.list-times li:after{width:7px;height:7px;position:absolute;content:"";background-color:white;border-radius:100px;bottom:-13px;margin:auto;left:0;right:0;}
.list-times li{position:relative;}
.wellness-item img{height:auto;width:100%;position: relative;}
.wellness-wrap-item{margin-right:100px;width:30vw;}
/* Tối giản: giống bản mình gửi trước, chỉ copy phần cần thiết */
.jn-timeline-nav {
    padding: 30px 0;
}.jn-year-block + .jn-year-block {margin-top: 8px; padding-top: 8px; }
.jn-year-toggle {width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:10px 8px;cursor:pointer;border-radius:8px;}
.jn-year-toggle .jn-year-label {
    font-weight: 500;
    font-size: 22px;
    color: white;
}
.jn-year-toggle[aria-expanded="true"] .jn-caret { transform:rotate(180deg); }
.jn-months { list-style:none; margin:0 0 8px 28px; padding:0; }
.jn-months li { margin:4px 0; }
.jn-month-link {
    text-decoration: none;
    color: white;
    font-size: 17px;
    line-height: 25px;
}.jn-month-link:hover { text-decoration:underline; }

#timeline-results { min-height: 120px; }
.jn-loading { color:#666; font-style:italic; padding:8px 0; }
.jn-error { color:#b00020; }
.jn-empty { color:#666; }
.jn-month-title { font-weight:700; margin-bottom:10px; }
.jn-post-list { list-style:none; margin:0; padding:0; }
.jn-post-item { padding:10px 0; border-bottom:1px dashed #eee; }
.jn-post-item:last-child { border-bottom:0; }
.jn-post-link { font-weight:600; text-decoration:none; color:#111; }
.jn-post-link:hover { text-decoration:underline; }
.jn-post-date { margin-left:8px; color:#666; font-size:13px; }
.jn-post-excerpt { margin-top:4px; color:#444; }
.wellness-item img {
    max-height: 70vh;
    object-fit: cover;
}
a.jn-month-link.active {
    text-decoration: underline;
}
.wellness-item:hover img {
    filter: blur(4px);
}

.wellness-item:hover:after {
    content: "Xem thêm";
    top: 40%;
    width: 150px;
    height: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 8px;
    font-family: SVN-Quattrocento,sans-serif;
}
.owl-carousel .owl-item p {
    position: absolute;
    bottom: 3px;
    text-align: center;
    width: fit-content;
    color: white;
    background-color: #00000075;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px 10px;
    font-family: SVN-Quattrocento,sans-serif;
}
@media screen and (min-width:769px) and (max-width:1920px){
	.sidebar-content{max-width: 19vw;padding:13.0208vw 2.45vw;}
	.sidebar-content__title{font-size:2.6042vw;margin-bottom:1.0417vw;}
	.slider-area{left: 25vw;}
	::-webkit-scrollbar{width:0.2083vw;height:0.5208vw;}
	::-webkit-scrollbar-thumb{border-radius:2.6042vw;height:1.0417vw;}
	.nav-scrolling span{max-width:5.2083vw;height:2.0833vw;}
	.prev-btn{left: 23vw;}
	.next-btn{right:2.6042vw;}
	.nav-scrolling{height:0.7813vw;}
	.sidebar-content__content p{margin-bottom:0.7813vw;}
	.wellness-item h2{font-size:1.8229vw;line-height:2.6042vw;margin-bottom:0.5208vw;}
	.mua-modal{max-width:59.8958vw;padding:1.5625vw;}
	.mua-modal__main h3{font-size:1.8229vw;line-height:2.6042vw;margin-bottom:1.5625vw;}
	.mua-modal__main{padding-left:2.6042vw;}
	.mua-modal__content{margin-bottom:1.0417vw;max-height:13.0208vw;}
	.mua-modal__location{margin-top:1.8229vw;}
	span.close-modal{width:1.1979vw;height:1.1979vw;top:1.5625vw;right:1.5625vw;}
	.blur .wellness-item{filter:blur(0.1042vw);}
	.mua-modal .owl-dots{left:0.5208vw;margin: 2.8229vw auto;}
	.mua-modal .owl-dots:after{left: 0;}
	.mua-modal .owl-dot{margin-right:0.2604vw;}
	.mua-modal .owl-nav button{height:1.0417vw;width:1.8229vw;background-size:3.776vw!important;margin: 0 4px;}
	.mua-modal .owl-nav{max-width:3.6458vw;bottom: 1.7813vw;}
	ul.list-times{top:0.2604vw;padding-bottom:0.5208vw;}
	ul.list-times:after{height:0.0521vw;}
	.list-times li:after{width:0.3646vw;height:0.3646vw;border-radius:2.6042vw;bottom:-0.6771vw;}
	.wellness-wrap-item{margin-right:5vw;}
}
@media screen and (max-width:1024px){
	.jn-year-toggle .jn-year-label {
	    font-size: 18px;
	}

	.jn-month-link {
	    font-size: 14px;
	}
}
@media screen and (max-width:768px){
	.sidebar-content{position:relative;width:100%;max-width:none;padding:20px;display:block;margin-top: 100px;height:auto;margin-bottom:20px;}
	.sidebar-content__title{font-size:30px;}
	#wrap-page{overflow-x:hidden;overflow-y:hidden;height:auto;}
	footer#footer{position:relative;}
	.nav-scrolling{display:none;}
	.slider-area{left:0;white-space:unset;display:block;padding:0 20px;}
	#wrap-page .container-full{display:block;height:auto;}
	.wellness-wrap-item{width:100%;margin-right:0;margin-bottom:40px;}
	header{position:static;}
	.mua-modal{display:block;max-height:none;overflow-y:scroll;}
	.mua-modal__gallery{height:50%;}
	.mua-modal__content{max-height:none;}
	.mua-modal__main{padding-left:0;padding-top:20px;}
	.mua-modal__main h3{font-size:30px;margin-bottom:20px;line-height:40px;}
	span.close-modal{z-index:9;position:fixed;}
	div#wrap-page {
	    height: auto !important;
	}

	.slider-area {
	    height: auto;
	}
	.wellness-item img {
	    max-height: none;
	    object-fit: cover;
	}
}