:root{--xle-burgundy: #8B2346;--xle-teal: #1A7F7F;--xle-gradient: linear-gradient(135deg, var(--xle-burgundy) 0%, var(--xle-teal) 100%);--xle-black: #212121;--xle-white: #fafafa;--xle-gray-100: #f5f5f5;--xle-gray-200: #e5e5e5;--xle-gray-300: #d4d4d4;--xle-gray-400: #a3a3a3;--xle-gray-500: #737373;--xle-gray-600: #525252;--xle-transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--xle-transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--xle-transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.xle-showcase{position:relative;width:100%;height:90vh;min-height:600px;max-height:900px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;z-index:1}body.nav-overlay-open .xle-showcase{pointer-events:none}body.nav-overlay-open .xle-showcase *{pointer-events:none!important}.xle-showcase__carousel-section{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.xle-showcase__nav{pointer-events:auto}.xle-showcase__carousel-wrapper{visibility:hidden;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}.xle-showcase__carousel-wrapper.is-active{visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s 0s}.xle-showcase__carousel{visibility:hidden;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}.xle-showcase__carousel.is-active{visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s 0s}.xle-showcase__slides{position:relative;height:100%;overflow:visible;pointer-events:none}.xle-showcase__slide{position:absolute;width:60%;height:100%;padding:0 8px;transition:all .5s ease;pointer-events:none}.xle-showcase__slide-inner{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff05;border-radius:4px}.xle-showcase__slide img{width:100%;height:80vh;max-height:720px;object-fit:contain;object-position:center}.xle-showcase__slide-placeholder{font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--xle-gray-400)}.xle-showcase__content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:48px 56px;display:flex;flex-direction:column;z-index:20}.xle-showcase__header{margin-bottom:auto;pointer-events:none}.xle-showcase__heading{text-transform:uppercase;font-size:clamp(1.8rem,7vw,4rem);color:var(--xle-black);margin:0;line-height:1.5;white-space:pre-line;font-weight:600;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 115;display:none}.xle-showcase__tabs{position:absolute;left:56px;top:70px;display:flex;gap:24px;z-index:150;pointer-events:auto}.xle-showcase__tab{padding:8px 0;background:none;border:none;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#0006;cursor:pointer;position:relative;transition:color .2s ease;pointer-events:auto;font-family:JetBrains Mono,monospace}.xle-showcase__tab:hover{color:#000000b3}.xle-showcase__tab.is-active{color:var(--xle-black)}.xle-showcase__tab.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--xle-black)}.xle-showcase__categories{position:absolute;left:56px;top:140px;transform:none;z-index:150;pointer-events:auto}.xle-showcase__category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;pointer-events:auto}.xle-showcase__category-item{margin:0;pointer-events:auto}.xle-showcase__category-btn{padding:6px 0;background:none;border:none;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500;text-transform:uppercase;color:var(--xle-black);cursor:pointer;position:relative;transition:color .2s ease;pointer-events:auto;opacity:.6}.xle-showcase__category-btn:hover{opacity:.9}.xle-showcase__category-btn.is-active{color:var(--xle-black);opacity:1}.xle-showcase__thumbnails{position:absolute;left:56px;bottom:48px;z-index:150;pointer-events:auto}.xle-showcase__thumbnail-group{display:none;gap:12px;pointer-events:auto}.xle-showcase__thumbnail-group.is-active{display:flex}.xle-showcase__thumbnail{position:relative;width:72px;height:72px;padding:0;background:#ffffffe6;border:2px solid transparent;border-radius:0;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease;pointer-events:auto}.xle-showcase__thumbnail img{width:100%;height:100%;object-fit:cover}.xle-showcase__thumbnail:hover{transform:translateY(-2px)}.xle-showcase__thumbnail.is-active{border-color:var(--xle-burgundy)}.xle-showcase__thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;font-weight:600;color:var(--xle-gray-400);background:var(--xle-gray-100)}.xle-showcase__info{position:absolute;right:56px;bottom:48px;background:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:24px 32px;min-width:260px;max-width:350px;z-index:150;pointer-events:auto;cursor:default}.xle-showcase__info-content{display:none;animation:fadeIn var(--xle-transition-smooth) ease-out}.xle-showcase__info-content.is-active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.xle-showcase__info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.xle-showcase__info-title{font-family:JetBrains Mono,monospace;margin:0 0 8px;font-size:18px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--xle-black);line-height:1.2}.xle-showcase__info-price{margin:0;font-size:20px;color:var(--xle-black);font-family:JetBrains Mono,monospace}.xle-showcase__info-cart{width:20px;height:20px;background:none;border:none;cursor:pointer;padding:0;color:var(--xle-gray-500);transition:color var(--xle-transition-fast);display:flex;align-items:center;justify-content:center;pointer-events:auto}.xle-showcase__info-cart:hover{color:var(--xle-black)}.xle-showcase__info-accordion{margin-top:20px;border-top:1px solid rgba(0,0,0,.1);padding-top:16px;font-family:JetBrains Mono,monospace}.xle-showcase__info-accordion-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0;background:none;border:none;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--xle-black);cursor:pointer;transition:color var(--xle-transition-fast);pointer-events:auto}.xle-showcase__info-accordion-toggle:hover{color:var(--xle-gray-600)}.xle-showcase__info-accordion-icon{width:16px;height:16px;transition:transform var(--xle-transition-fast)}.xle-showcase__info-accordion-toggle.is-open .xle-showcase__info-accordion-icon{transform:rotate(180deg)}.xle-showcase__info-accordion-content{max-height:0;overflow:hidden;transition:max-height var(--xle-transition-smooth)}.xle-showcase__info-description{padding-top:12px;line-height:1.6;color:var(--xle-gray-600);font-size:1rem;font-family:Inter,sans-serif}.xle-showcase__nav{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:200;pointer-events:auto}.xle-showcase__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;pointer-events:auto}.xle-showcase__nav-btn svg{width:12px;height:12px;stroke:var(--xle-gray-600);stroke-width:2;transition:stroke var(--xle-transition-fast)}.xle-showcase__nav-btn:hover{background:var(--xle-white)}.xle-showcase__nav-btn:hover svg{stroke:var(--xle-black)}.xle-showcase__dots{display:flex;align-items:center;gap:6px;pointer-events:auto}.xle-showcase__dot{width:6px;height:6px;padding:0;background:#00000040;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;pointer-events:auto}.xle-showcase__dot:hover{background:#00000080}.xle-showcase__dot.is-active{background:var(--xle-black);width:18px;border-radius:3px}@media screen and (max-width:1024px){.xle-showcase__content{padding:40px}.xle-showcase__tabs,.xle-showcase__categories{left:40px}.xle-showcase__thumbnails{left:40px;bottom:40px}.xle-showcase__info{right:40px;bottom:40px;min-width:220px;padding:20px 24px}.xle-showcase__slide{flex:0 0 65%}.xle-showcase__thumbnail{width:64px;height:64px}}@media screen and (max-width:768px){.xle-showcase{height:auto;min-height:100vh;max-height:none;display:flex;flex-direction:column;position:relative}.xle-showcase__carousel-section{position:relative;height:70vh;min-height:500px;order:2;flex-shrink:0;pointer-events:auto}.xle-showcase__carousel-wrapper,.xle-showcase__carousel{pointer-events:auto}.xle-showcase__slides{padding-left:0;overflow:hidden;pointer-events:auto;touch-action:pan-y}.xle-showcase__slide{position:absolute;height:100%;padding:0;pointer-events:auto;will-change:transform,opacity,filter}.xle-showcase__slide-inner{width:100%;height:100%;overflow:hidden;pointer-events:auto}.xle-showcase__slide img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:auto;transition:transform .5s ease}.xle-showcase__content{position:relative;padding:0;display:contents;pointer-events:auto;z-index:auto}.xle-showcase__header,.xle-showcase__heading{display:none}.xle-showcase__tabs{position:relative;left:0;top:0;order:1;justify-content:center;padding:16px 20px;border-bottom:1px solid var(--xle-gray-200);background:var(--xle-white);z-index:100;width:100%;flex-shrink:0}.xle-showcase__tab{font-size:.875rem}.xle-showcase__carousel-section{position:relative}.xle-showcase__categories{position:absolute;left:20px;top:100px;transform:none;z-index:150;padding:0;pointer-events:none}.xle-showcase__category-list{flex-direction:column;gap:8px;justify-content:flex-start;pointer-events:none}.xle-showcase__category-btn{color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.5);font-size:.75rem;padding:5px 8px;background:#0000004d;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);white-space:nowrap;pointer-events:auto}.xle-showcase__category-btn.is-active{color:var(--xle-white);background:#1b766fe6;border:1px solid var(--xle-white)}.xle-showcase__thumbnails{position:relative;left:auto;bottom:auto;order:3;justify-content:center;display:flex;padding:16px 20px;background:var(--xle-white);width:100%;flex-shrink:0}.xle-showcase__thumbnail{width:64px;height:64px;background:var(--xle-gray-100);border:2px solid transparent}.xle-showcase__thumbnail.is-active{border-color:var(--xle-black)}.xle-showcase__info{position:relative;right:auto;bottom:auto;order:4;background:var(--xle-white);-webkit-backdrop-filter:none;backdrop-filter:none;min-width:auto;max-width:none;padding:24px 20px;border-top:1px solid var(--xle-gray-200);width:100%}.xle-showcase__nav{display:flex;bottom:24px;gap:0}.xle-showcase__nav-btn{display:none}.xle-showcase__dots{display:flex}.xle-showcase__dot{background:#ffffff80;box-shadow:0 1px 3px #0000004d}.xle-showcase__dot.is-active{background:#fffffff2}}@media screen and (max-width:480px){.xle-showcase__carousel-section{height:50vh;min-height:320px}.xle-showcase__slides{padding-left:0}.xle-showcase__slide img{height:90%;object-fit:contain}.xle-showcase__heading{font-size:11px}.xle-showcase__category-btn{font-size:.8rem}.xle-showcase__thumbnail{width:48px;height:48px}.xle-showcase__info-title{font-size:16px}.xle-showcase__info-price{font-size:18px}.xle-showcase__info-accordion-toggle,.xle-showcase__info-description,.xle-showcase__info-fit-link{font-size:1rem}.xle-showcase__nav{bottom:16px;gap:12px}}@media(prefers-reduced-motion:reduce){.xle-showcase__slides,.xle-showcase__slide,.xle-showcase__dot{transition:none}.xle-showcase__info-content{animation:none}}.xle-showcase__category-btn:focus-visible,.xle-showcase__thumbnail:focus-visible,.xle-showcase__nav-btn:focus-visible,.xle-showcase__dot:focus-visible,.xle-showcase__tab:focus-visible{outline:2px solid var(--xle-teal);outline-offset:2px}.xle-showcase__category-item.is-tab-hidden{display:none}.xle-showcase__carousel-wrapper.is-hidden{visibility:hidden;opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/xle-product-showcase.css.map */