.loft-showcase{padding:var(--loft-showcase-pt, 64px) 0 var(--loft-showcase-pb, 64px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.loft-showcase__container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.loft-showcase__header{margin-bottom:clamp(28px,4vw,44px)}.loft-showcase__kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#eb5a0c;margin:0 0 10px}.loft-showcase__title{font-size:clamp(28px,3.2vw,44px);font-weight:500;letter-spacing:-.01em;margin:0;max-width:720px;color:rgb(var(--color-foreground))}.loft-showcase__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:start}.loft-showcase__gallery{position:relative}.loft-showcase__slides{position:relative;width:100%;height:clamp(340px,30vw,480px);border-radius:2px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.loft-showcase__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity .45s ease}.loft-showcase__slide.is-active{opacity:1}.loft-showcase__slide--override{z-index:2}.loft-showcase__nav{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:8px}.loft-showcase__arrow{width:28px;height:28px;border-radius:50%;border:none;background:#ffffffb3;color:#3c3c3c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.loft-showcase__arrow:hover{background:#ffffffeb}.loft-showcase__thumbs{display:flex;gap:10px;margin-top:12px}.loft-showcase__thumb{flex:0 0 auto;width:84px;height:84px;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:2px;overflow:hidden;background:none;cursor:pointer;opacity:.6;transition:opacity .2s ease,border-color .2s ease}.loft-showcase__thumb:hover{opacity:.85}.loft-showcase__thumb.is-active{opacity:1;border-color:#3c3c3c}.loft-showcase__thumb img{width:100%;height:100%;object-fit:cover;display:block}.loft-showcase__info{display:flex;flex-direction:column;justify-content:flex-start}.loft-showcase__price{font-size:clamp(20px,1.6vw,24px);font-weight:500;color:rgb(var(--color-foreground));margin:0 0 16px}.loft-showcase__desc{font-size:14px;line-height:1.6;color:rgba(var(--color-foreground),.65);max-width:42ch;margin:0 0 20px}.loft-showcase__divider{height:1px;background:rgba(var(--color-foreground),.12);margin:24px 0}.loft-showcase__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin:0 0 11px}.loft-showcase__sizes{margin-bottom:26px}.loft-showcase__size-options{display:flex;gap:10px;flex-wrap:wrap}.loft-showcase__size-btn{border:1px solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));font-size:13px;padding:10px 18px;border-radius:3px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.loft-showcase__size-btn:hover:not(:disabled){border-color:rgba(var(--color-foreground),.5)}.loft-showcase__size-btn.is-selected{border-color:#3c3c3c;font-weight:500}.loft-showcase__size-btn:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.loft-showcase__config{margin-bottom:22px}.loft-showcase__config-cards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px;-webkit-overflow-scrolling:touch}.loft-showcase__config-cards::-webkit-scrollbar{height:4px}.loft-showcase__config-card{flex:0 0 auto;scroll-snap-align:start;width:104px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 8px 11px;background:transparent;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;cursor:pointer;text-align:center;transition:border-color .2s ease}.loft-showcase__config-card:hover:not(:disabled){border-color:rgba(var(--color-foreground),.35)}.loft-showcase__config-card.is-selected{border-color:#eb5a0c;box-shadow:0 0 0 1px #eb5a0c}.loft-showcase__config-card--disabled,.loft-showcase__config-card:disabled{opacity:.4;cursor:not-allowed}.loft-showcase__config-thumb{width:72px;height:72px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05)}.loft-showcase__config-thumb img{width:100%;height:100%;object-fit:cover;display:block}.loft-showcase__config-thumb--none{font-size:16px;opacity:.45}.loft-showcase__config-label{font-size:11px;line-height:1.25}.loft-showcase__config-oos{font-size:9px;color:#b3261e;font-weight:600}.loft-showcase__qty{display:flex;align-items:center;gap:10px;margin-top:14px}.loft-showcase__qty[hidden]{display:none}.loft-showcase__qty-label{font-size:11px;color:rgba(var(--color-foreground),.55)}.loft-showcase__qty-options{display:flex;gap:7px}.loft-showcase__qty-btn{width:32px;height:32px;border-radius:4px;border:1px solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));font-size:13px;cursor:pointer;transition:border-color .2s ease}.loft-showcase__qty-btn.is-selected{border-color:#3c3c3c;font-weight:500}.loft-showcase__qty-btn:disabled{opacity:.35;cursor:not-allowed}.loft-showcase__fabrication{font-size:12px;color:rgba(var(--color-foreground),.5);margin:18px 0 0}.loft-showcase__actions{margin-top:30px}.loft-showcase__cta-primary{display:block;width:100%;background:#3c3c3c;color:#f5f1ea;border:none;padding:17px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;text-align:center;cursor:pointer;border-radius:2px;transition:opacity .2s ease}.loft-showcase__cta-primary:hover{opacity:.85}.loft-showcase__cta-primary:disabled{opacity:.5;cursor:not-allowed}.loft-showcase__cta-secondary{display:block;width:fit-content;margin:14px auto 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:rgb(var(--color-foreground));text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.4);padding-bottom:3px;transition:border-color .2s ease}.loft-showcase__cta-secondary:hover{border-color:rgba(var(--color-foreground),.9)}.loft-showcase__error{margin:12px 0 0;font-size:12px;color:#b3261e;background:#b3261e14;border:1px solid rgba(179,38,30,.25);border-radius:4px;padding:8px 10px}@media(max-width:989px){.loft-showcase__inner{grid-template-columns:1fr;gap:28px}.loft-showcase__info{justify-content:flex-start}}@media(max-width:749px){.loft-showcase__container{padding:0 20px}.loft-showcase__title{font-size:24px}.loft-showcase__cta-secondary{margin-left:0;margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/loft-showcase.css.map */