.product-gallery-modern{display:grid;gap:var(--space-4);grid-template-areas:"thumbnails main" "thumbnails main";grid-template-columns:100px 1fr;grid-template-rows:auto 1fr}.product-gallery-modern--stacked{grid-template-areas:"main" "thumbnails";grid-template-columns:1fr;grid-template-rows:auto auto}.product-gallery-modern__main{grid-area:main;position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-surface-secondary);cursor:zoom-in}.product-gallery-modern__main-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.product-gallery-modern__main:hover .product-gallery-modern__main-image{transform:scale(1.05)}.product-gallery-modern__badges{position:absolute;top:var(--space-4);left:var(--space-4);z-index:2;display:flex;flex-direction:column;gap:var(--space-2)}.product-gallery-modern__badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.product-gallery-modern__badge--sale{background:var(--color-error);color:#fff}.product-gallery-modern__badge--new{background:var(--color-success);color:#fff}.product-gallery-modern__controls{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;display:flex;gap:var(--space-2)}.product-gallery-modern__control-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.product-gallery-modern__control-btn:hover{background:var(--color-primary-600);color:#fff;transform:scale(1.05)}.product-gallery-modern__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;opacity:0;transition:var(--transition-smooth)}.product-gallery-modern:hover .product-gallery-modern__nav{opacity:1}.product-gallery-modern__nav--prev{left:var(--space-4)}.product-gallery-modern__nav--next{right:var(--space-4)}.product-gallery-modern__nav-btn{width:48px;height:48px;border-radius:var(--radius-full);border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-md)}.product-gallery-modern__nav-btn:hover{background:var(--color-primary-600);color:#fff;transform:scale(1.1)}.product-gallery-modern__thumbnails{grid-area:thumbnails;display:flex;flex-direction:column;gap:var(--space-3);max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.product-gallery-modern__thumbnails::-webkit-scrollbar{width:4px}.product-gallery-modern__thumbnails::-webkit-scrollbar-track{background:transparent}.product-gallery-modern__thumbnails::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}.product-gallery-modern__thumbnails::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.product-gallery-modern--stacked .product-gallery-modern__thumbnails{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-2)}.product-gallery-modern__thumbnail{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition-fast);position:relative;min-width:80px}.product-gallery-modern__thumbnail:hover{border-color:var(--color-primary-300)}.product-gallery-modern__thumbnail.is-active{border-color:var(--color-primary-600)}.product-gallery-modern__thumbnail-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.product-gallery-modern__thumbnail:hover .product-gallery-modern__thumbnail-image{transform:scale(1.05)}.product-gallery-modern__thumbnail-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#000000b3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.lightbox-modern{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.lightbox-modern.is-active{opacity:1;visibility:visible}.lightbox-modern__container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-modern__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.lightbox-modern__video{max-width:100%;max-height:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.lightbox-modern__close{position:absolute;top:-60px;right:0;width:48px;height:48px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.lightbox-modern__close:hover{background:#fff3;transform:scale(1.05)}.lightbox-modern__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.lightbox-modern__nav:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.lightbox-modern__nav--prev{left:-80px}.lightbox-modern__nav--next{right:-80px}.lightbox-modern__counter{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);color:#fff;font-size:var(--font-size-sm);background:#00000080;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-modern__thumbnails{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);max-width:80vw;overflow-x:auto;padding:var(--space-2);scrollbar-width:none}.lightbox-modern__thumbnails::-webkit-scrollbar{display:none}.lightbox-modern__thumbnail{width:60px;height:60px;border-radius:var(--radius-base);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition-fast);flex-shrink:0}.lightbox-modern__thumbnail:hover{border-color:#ffffff80}.lightbox-modern__thumbnail.is-active{border-color:#fff}.lightbox-modern__thumbnail-image{width:100%;height:100%;object-fit:cover}.product-gallery-modern__main.zoom-enabled{cursor:zoom-in}.product-gallery-modern__main.zoom-active{cursor:zoom-out}.product-gallery-modern__main.zoom-active .product-gallery-modern__main-image{cursor:move}.product-gallery-modern__360{position:relative;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-secondary);cursor:grab}.product-gallery-modern__360:active{cursor:grabbing}.product-gallery-modern__360-image{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.product-gallery-modern__360-indicator{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:var(--space-2)}.product-gallery-modern__360-icon{width:16px;height:16px;animation:spin 2s linear infinite}@media (max-width: 768px){.product-gallery-modern{grid-template-areas:"main" "thumbnails";grid-template-columns:1fr;grid-template-rows:auto auto}.product-gallery-modern__thumbnails{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-2)}.product-gallery-modern__thumbnail{min-width:60px}.product-gallery-modern__controls{top:var(--space-3);right:var(--space-3)}.product-gallery-modern__control-btn{width:36px;height:36px}.product-gallery-modern__nav{display:none}.lightbox-modern{padding:var(--space-4)}.lightbox-modern__close{top:-50px;width:40px;height:40px}.lightbox-modern__nav{width:40px;height:40px}.lightbox-modern__nav--prev{left:-60px}.lightbox-modern__nav--next{right:-60px}.lightbox-modern__thumbnails{bottom:-100px}.lightbox-modern__thumbnail{width:50px;height:50px}}@media (max-width: 480px){.product-gallery-modern__controls{position:static;justify-content:center;margin-top:var(--space-3)}.lightbox-modern__nav{display:none}.lightbox-modern__close{top:var(--space-4);right:var(--space-4);position:fixed}.lightbox-modern__thumbnails{display:none}}.product-gallery-modern__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.product-gallery-modern__main-image.loading{opacity:0}@media (prefers-reduced-motion: reduce){.product-gallery-modern__main-image,.product-gallery-modern__thumbnail-image,.product-gallery-modern__nav,.lightbox-modern{transition:none}.product-gallery-modern__360-icon{animation:none}}@media (prefers-contrast: high){.product-gallery-modern__thumbnail{border-width:3px}.product-gallery-modern__control-btn,.product-gallery-modern__nav-btn{border:2px solid currentColor}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/modern-gallery.css.map */