.he-gallery{width:100%}.he-gallery__container{max-width:var(--container-width, 1200px);margin:0 auto;padding:0 var(--spacing-md)}.he-gallery__header{margin-bottom:var(--spacing-2xl)}.he-gallery__header--left{text-align:left}.he-gallery__header--center{text-align:center}.he-gallery__header--right{text-align:right}.he-gallery__title{margin:0 0 var(--spacing-md);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);line-height:var(--line-height-tight)}.he-gallery__content{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.he-gallery__content p{margin:0 0 var(--spacing-sm)}.he-gallery__content p:last-child{margin-bottom:0}.he-gallery__pagination{display:flex;justify-content:flex-end}.he-gallery__pagination .pagination,.he-gallery__pagination nav,.he-gallery__pagination .pagination__list{justify-content:flex-end}.he-gallery__pagination .pagination__list{gap:4px}.he-gallery__main-layout{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"all-images pagination" "sidebar main";gap:var(--gap-md);align-items:start}.he-gallery__all-images{grid-area:all-images;align-self:center}.he-gallery__pagination{grid-area:pagination;gap:var(--gap-sm);align-self:center}.he-gallery__sidebar{grid-area:sidebar;position:sticky;top:20px}.he-gallery__main{grid-area:main;min-width:0}.he-gallery__filters{display:flex;flex-direction:column;gap:var(--spacing-lg)}.he-gallery__filter-reset{padding:var(--btn-padding-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);background:transparent;border:var(--btn-border-width) solid var(--color-primary);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-ease);width:100%}.he-gallery__filter-reset:hover{background:var(--color-primary);color:var(--color-white)}.he-gallery__filter-group{border:1px solid var(--border-color);padding:var(--spacing-lg)}.he-gallery__filter-group-title{margin:0 0 var(--spacing-md)}.he-gallery__filter-list{list-style:none;margin:0;padding:0}.he-gallery__filter-list li{margin-bottom:4px}.he-gallery__filter-list li:last-child{margin-bottom:0}.he-gallery__filter-btn{display:block;width:100%;padding:2px 0;font-size:var(--font-size-xs);text-align:left;color:var(--color-gray-600);background:none;border:none;border-radius:0;cursor:pointer;text-decoration:none;transition:var(--transition-ease)}.he-gallery__filter-btn:hover,.he-gallery__filter-btn.active{color:var(--color-primary);text-decoration:underline;background:none}.he-gallery__viewer{display:flex;flex-direction:column;gap:var(--gap-md)}.he-gallery__main-image{width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--color-white);position:relative;aspect-ratio:1 / 1}.he-gallery__main-image:not([style*=aspect-ratio]){aspect-ratio:auto;height:auto}.he-gallery__main-img{width:100%;height:100%;display:block;object-fit:cover;transition:opacity var(--transition-ease)}.he-gallery__main-image:not([style*=aspect-ratio]) .he-gallery__main-img{height:auto;object-fit:contain}.he-gallery__main-img--cover{object-fit:cover}.he-gallery__main-img--contain{object-fit:contain}.he-gallery__main-img--fill{object-fit:fill}.he-gallery__main-img--none{object-fit:none}.he-gallery__main-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.he-gallery__main-placeholder-svg{width:40%;height:40%;opacity:.4}.he-gallery__nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffe6;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-ease);z-index:10;color:var(--color-gray-900)}.he-gallery__nav-btn:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.he-gallery__nav-btn--prev{left:var(--spacing-md)}.he-gallery__nav-btn--next{right:var(--spacing-md)}.he-gallery__nav-btn.he-gallery__nav-btn--hidden{opacity:0;pointer-events:none}.he-gallery__thumbnails{display:flex;gap:var(--gap-sm);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;max-width:100%}.he-gallery__thumbnails::-webkit-scrollbar{height:6px}.he-gallery__thumbnails::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--border-radius)}.he-gallery__thumbnails::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius)}.he-gallery__thumbnails::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.he-gallery__thumb-btn{border:2px solid var(--border-color);border-radius:var(--border-radius);padding:0;background:var(--color-white);cursor:pointer;overflow:hidden;transition:all var(--transition-ease);flex-shrink:0;width:80px;height:80px}.he-gallery__thumb-btn:hover{border-color:var(--color-primary);transform:translateY(-2px)}.he-gallery__thumb-btn.he-gallery__thumb-btn--active{border-color:var(--color-primary);border-width:3px}.he-gallery__thumb-btn.he-gallery__thumb-btn--hidden{display:none!important}.he-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.he-gallery__thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-gray-200)}.he-gallery__thumb-placeholder svg{width:60%;height:60%;opacity:.5}.he-gallery__info-card{background:var(--color-gray-100, #f9f8f6);border:1px solid var(--border-color, #ddd);border-radius:var(--border-radius, 4px);padding:var(--spacing-md, 10px) var(--spacing-lg, 15px);opacity:var(--cgv2-info-card-opacity, 1);animation:cgv2-card-fade-in .3s ease-out;transition:opacity .25s ease,transform .25s ease}@keyframes cgv2-card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.he-gallery__info-card-title{margin:0 0 var(--spacing-xs, 5px);font-size:var(--cgv2-info-card-title-size, 16px);font-weight:600;color:var(--color-text, #000);line-height:var(--line-height-tight, 1.3)}.he-gallery__info-card-desc{margin:0;font-size:var(--cgv2-info-card-desc-size, 12px);color:var(--color-gray-600, #666);line-height:var(--line-height-relaxed, 1.5)}.he-gallery__info-card-desc p{margin:0 0 var(--spacing-xs, 5px)}.he-gallery__info-card-desc p:last-child{margin-bottom:0}.he-gallery__info-card-desc a{color:var(--color-primary, #4C408A);text-decoration:underline}.he-gallery__info-card--below{margin-top:var(--spacing-md, 10px)}.he-gallery__info-card--top-left,.he-gallery__info-card--top-right,.he-gallery__info-card--bottom-left,.he-gallery__info-card--bottom-right{position:absolute;z-index:15;width:var(--cgv2-info-card-width, 300px);max-width:calc(100% - 24px)}.he-gallery__info-card--top-left{top:12px;left:12px}.he-gallery__info-card--top-right{top:12px;right:12px}.he-gallery__info-card--bottom-left{bottom:12px;left:12px}.he-gallery__info-card--bottom-right{bottom:12px;right:12px}.he-gallery__empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-600)}.he-gallery__empty,.he-gallery__empty-state p{margin:0;color:var(--color-gray-600)}@media(max-width:768px){.he-gallery__main-layout{grid-template-columns:1fr}.he-gallery__sidebar{position:static;order:1}.he-gallery__main{order:2}.he-gallery__thumb-btn{width:64px;height:64px}.he-gallery__info-card{padding:var(--spacing-sm, 12px) var(--spacing-md, 16px)}.he-gallery__info-card-title{font-size:var(--font-size-base, 1rem)}.he-gallery__info-card-desc{font-size:var(--font-size-xs, .75rem)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/he-gallery.css.map */