.hp-gallery-section{padding:40px 15px;width:100%;max-width:1200px;margin:0 auto;font-family:inherit}.hp-gallery-header{text-align:center;margin-bottom:12px}.hp-gallery-title{font-size:40px;margin:0 0 8px;font-weight:500}.hp-gallery-subtitle{color:#666;font-size:18px;margin:0}.hp-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:10px!important;margin:0 auto;justify-items:center}.hp-gallery-item{position:relative;overflow:hidden;border-radius:10px;background:#f9f9f9;width:100%;aspect-ratio:1 / 1;box-shadow:0 1px 4px #0000000d;transition:transform .3s ease;margin-bottom:-15px}.hp-gallery-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.hp-gallery-item:hover .hp-gallery-img{transform:scale(1.03)}.hp-gallery-caption{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;font-size:18px;padding:6px;text-align:center;opacity:0;transition:opacity .3s ease}.hp-gallery-item:hover .hp-gallery-caption{opacity:1}.hp-video-thumb-wrapper{position:relative;cursor:pointer}.hp-video-item{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#000}.hp-video-item:hover{background:#ff0064b3}.hp-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;background:#00000080;border-radius:50%;width:70px;height:70px;line-height:70px;text-align:center;transition:background .3s ease}.hp-video-container{width:100%;max-width:900px;aspect-ratio:16/9}.hp-video-modal iframe{width:100%;height:100%;border-radius:10px}.hp-video-thumb-wrapper:hover .hp-play-button{background:#ff0064b3}#hp-lb-close{position:absolute;top:20px;right:20px;background:#fff3;color:#fff;border:none;font-size:28px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .2s}#hp-lb-close:hover{background:#fff6}@media (max-width: 1024px){.hp-gallery-grid{gap:8px!important}}@media (max-width: 768px){.hp-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hp-gallery-item{margin-bottom:0}}@media (max-width: 480px){.hp-gallery-grid{grid-template-columns:1fr;gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gallery.css.map */