.kh-gallery-header{text-align:center;margin-bottom:3rem}.kh-gallery-title{font-size:clamp(2rem,4vw,3rem);font-weight:300;letter-spacing:.02em;color:var(--color-charcoal, #2c2c2c);margin-bottom:.75rem}.kh-gallery-subtitle{font-size:1.125rem;color:var(--color-charcoal-60, rgba(44, 44, 44, .6));font-weight:300;letter-spacing:.01em}.kh-expandable-gallery{display:flex;gap:.5rem;width:100%;height:400px;position:relative;overflow:hidden;border-radius:8px}.kh-gallery-item{position:relative;flex:1;overflow:hidden;cursor:pointer;border-radius:6px;transition:flex .5s cubic-bezier(.4,0,.2,1)}.kh-gallery-item:hover{flex:2}.kh-gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.kh-gallery-item:hover .kh-gallery-image{transform:scale(1.05)}.kh-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;transition:opacity .3s ease;pointer-events:none}.kh-gallery-item:hover .kh-gallery-overlay{opacity:0}.kh-gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#999}.kh-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000f2;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.kh-gallery-modal.active{opacity:1;visibility:visible}.kh-modal-close,.kh-modal-prev,.kh-modal-next{position:absolute;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:.75rem;border-radius:50%;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.kh-modal-close:hover,.kh-modal-prev:hover,.kh-modal-next:hover{background:#fff3;transform:scale(1.1)}.kh-modal-close{top:1.5rem;right:1.5rem}.kh-modal-prev{left:2rem;top:50%;transform:translateY(-50%)}.kh-modal-prev:hover{transform:translateY(-50%) scale(1.1)}.kh-modal-next{right:2rem;top:50%;transform:translateY(-50%)}.kh-modal-next:hover{transform:translateY(-50%) scale(1.1)}.kh-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.kh-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.kh-modal-image.loaded{opacity:1;transform:scale(1)}.kh-modal-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff;font-size:.875rem;background:#00000080;padding:.5rem 1.25rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);letter-spacing:.05em}@media(max-width:768px){.kh-expandable-gallery{flex-direction:column;height:auto;gap:.75rem}.kh-gallery-item{height:200px;flex:none!important}.kh-gallery-item:hover{flex:none!important}.kh-modal-prev,.kh-modal-next{padding:.5rem}.kh-modal-prev{left:1rem}.kh-modal-next{right:1rem}.kh-modal-close{top:1rem;right:1rem}.kh-gallery-header{margin-bottom:2rem}}.kh-gallery-item:focus-visible,.kh-modal-close:focus-visible,.kh-modal-prev:focus-visible,.kh-modal-next:focus-visible{outline:2px solid var(--color-teal, #4a9b8e);outline-offset:4px}@media(prefers-reduced-motion:reduce){.kh-gallery-item,.kh-gallery-image,.kh-gallery-overlay,.kh-modal-image,.kh-gallery-modal{transition:none!important}}@media(prefers-color-scheme:dark){.kh-gallery-title{color:#f5f5f5}.kh-gallery-subtitle{color:#f5f5f5b3}.kh-gallery-placeholder{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);color:#666}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kh-gallery-ex.css.map */