.gallery-wrapper{display:flex;gap:10px;flex-direction:column;}
.gallery-main{flex:1;}
.gallery-main img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;cursor:zoom-in;display:block;}
.gallery-thumbs-container{display:flex;align-items:center;position:relative;}
.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;width:100%;-ms-overflow-style:none;scrollbar-width:none;}
.gallery-thumbs::-webkit-scrollbar{display:none;}
.gallery-thumb-item{flex:0 0 calc((100% - 30px) / 4);aspect-ratio:4/3;cursor:pointer;border-radius:8px;overflow:hidden;opacity:0.6;transition:all 0.3s ease;border:2px solid transparent;}
.gallery-thumb-item.active, .gallery-thumb-item:hover{opacity:1;}
.gallery-thumb-item.active{border-color:#0d6efd;}
.gallery-thumb-item img{width:100%;height:100%;object-fit:cover;display:block;}
.thumb-nav-btn{background:white;color:#333;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.1);cursor:pointer;z-index:2;position:absolute;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}
.thumb-nav-btn:hover{background:#f8f9fa;}
.gallery-thumbs-container .thumb-prev{left:-15px;}
.gallery-thumbs-container .thumb-next{right:-15px;}
.desktop-icon{display:none;}
.mobile-icon{display:block;}
@media (min-width: 768px){.gallery-wrapper{flex-direction:row;}
.gallery-thumbs-container{width:120px;height:auto;}
.gallery-thumbs{flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;position:absolute;width:100%;left:0;top:0;}
.gallery-thumb-item{flex:0 0 calc((100% - 30px) / 4);width:100%;height:auto;}
.gallery-thumbs-container .thumb-prev{top:-15px;left:50%;transform:translateX(-50%);right:auto;bottom:auto;}
.gallery-thumbs-container .thumb-next{bottom:-15px;left:50%;transform:translateX(-50%);right:auto;top:auto;}
.desktop-icon{display:block;}
.mobile-icon{display:none;}}