.gallery-section{margin:var(--space-16) 0 0;padding:var(--space-4)}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,280px);gap:var(--space-2);width:100%}.gallery-item{position:relative;overflow:hidden;cursor:pointer;border-radius:var(--radius-sm);background:var(--bg-muted)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.gallery-item-large{grid-column:1 / 3;grid-row:1 / 3}.gallery-item-more{position:relative}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.gallery-item-more:hover .gallery-overlay{background:#000c}.gallery-more-text{color:#fff;font-size:var(--text-2xl);font-weight:var(--font-bold)}.gallery-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;overflow:auto}.gallery-modal.active{display:block}.gallery-modal-close{position:fixed;top:var(--space-4);right:var(--space-4);width:48px;height:48px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:var(--text-3xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;user-select:none}.gallery-modal-close:hover{background:#fff3;transform:rotate(90deg)}.gallery-masonry{padding:var(--space-20) var(--space-4);max-width:1400px;margin:0 auto}.gallery-masonry-grid{column-count:3;column-gap:var(--space-4)}.gallery-masonry-item{break-inside:avoid;margin-bottom:var(--space-4);cursor:pointer;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast)}.gallery-masonry-item:hover{transform:translateY(-4px)}.gallery-masonry-item img{width:100%;height:auto;display:block}.gallery-masonry-item .gallery-caption{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:#fffc;background:#0009;line-height:1.4}.gallery-traditional>.gallery-caption{text-align:center;font-size:var(--text-sm);color:#ffffffb3;margin:var(--space-1) 0 var(--space-2);padding:0;line-height:1.4;flex-shrink:0;width:100%}.gallery-traditional{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) var(--space-4) var(--space-4)}.gallery-main-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;min-height:0;overflow:hidden}.gallery-main-image img{max-width:100%;max-height:calc(100vh - 200px);object-fit:contain;border-radius:var(--radius-lg)}.gallery-nav{position:fixed;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;user-select:none}.gallery-nav:hover{background:#fff3}.gallery-nav svg{width:24px;height:24px}.gallery-nav-prev{left:var(--space-4)}.gallery-nav-next{right:var(--space-4)}.gallery-thumbnails{display:flex;gap:var(--space-2);overflow-x:auto;max-width:1200px;padding:var(--space-2);background:#0000004d;border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:transparent}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.gallery-thumb{flex-shrink:0;width:100px;height:70px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.gallery-thumb:hover{border-color:#ffffff80}.gallery-thumb.active{border-color:var(--accent)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.gallery-masonry-grid{column-count:2}}@media(max-width:768px){.gallery-section{margin:var(--space-8) 0 0;padding:var(--space-2)}.gallery-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,140px);gap:var(--space-1)}.gallery-item-large{grid-column:1 / 3;grid-row:1 / 3}.gallery-masonry{padding:var(--space-12) var(--space-2)}.gallery-masonry-grid{column-count:1;column-gap:var(--space-2)}.gallery-main-image img{max-height:calc(100vh - 160px)}.gallery-nav{width:44px;height:44px}.gallery-nav svg{width:20px;height:20px}.gallery-thumbnails{max-width:100%}.gallery-thumb{width:80px;height:56px}.gallery-more-text{font-size:var(--text-lg)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gallery.css.map */