﻿.box-album{width:100%;max-width:500px}
.box-img-review{width:100%;max-width:500px;position:relative}
.number-vip{color:rgba(255,105,180,0.8);background:rgba(255,105,180,0.2);padding:4px 8px;border-radius:10px;margin-left:5px;font-size:14px}
.img-see{width:100%;cursor:pointer}
.modal-ad-ebook{position:fixed;top:0;left:0;height:100%;width:100%;z-index:100000;align-content:center;display:none}
.box-ad-content{border-radius:5px;padding:5px;margin:auto;background:rgba(0,0,0,0.8);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);max-width:350px}

/*Slider*/
.lightbox-overlay {display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85)}
.lightbox-overlay.show {display:flex}
.lightbox-content {position:relative;width:100%;height:100%;max-width:100%;max-height:100%;align-content:center;justify-items:center}
.lightbox-content img {width:auto;height:auto;max-width:100vw;max-height:80vh;box-shadow:0 0 20px #000;object-fit:contain;display:block}
.nav-arrow {position:absolute;bottom:10px;font-size:18px;width:36px;height:36px;border-radius:5px;color:white;background:rgba(255,255,255,0.15);border:none;cursor:pointer;z-index:10000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:rgba(50, 50, 50, 0.5) 0px 2px 8px 0px;line-height: 1}
.nav-arrow:hover {background:rgba(255,255,255,0.2)}
.nav-arrow.left {left:10px}
.nav-arrow.right {right:10px}
@media only screen and (min-width:500px) {
.nav-arrow {bottom:50%}
}