.cshowcase__inner{position:relative;display:block}.cshowcase__head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cshowcase__subheading{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:rgb(var(--color-foreground) / 55%)}.cshowcase__tabs-row{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;margin-block-start:16px}.cshowcase__tabs-wrap{flex:1 1 auto;min-width:0}.cshowcase__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.cshowcase__tab{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:100px;color:rgb(var(--color-foreground) / 55%);text-transform:uppercase;letter-spacing:.1em;font-size:12px;line-height:1;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease;white-space:nowrap;justify-content:center}.cshowcase__tab:before{content:none}.cshowcase__tab-text{padding-inline-start:.1em}.cshowcase__tab:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground) / 35%)}.cshowcase__tab[aria-selected=true],.cshowcase__tab.is-active{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cshowcase__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:rgb(var(--color-foreground) / 8%);color:rgb(var(--color-foreground) / 60%);font-size:11px;letter-spacing:0}.cshowcase__nav{position:static;flex-shrink:0;display:none;gap:8px}@media(min-width:768px){.cshowcase__nav{display:flex}}.cshowcase__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .2s ease,opacity .2s ease,border-color .2s ease}.cshowcase__nav-btn:hover{background:rgb(var(--color-foreground) / 6%)}.cshowcase__nav-btn:disabled{opacity:.35;cursor:default}.cshowcase__nav-btn .icon{width:16px;height:16px}.cshowcase__panels{margin-block-start:24px}.cshowcase .tabs__panel[hidden]{display:none}.cshowcase-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--cshowcase-card-radius, 12px);background:rgb(var(--color-background));box-shadow:0 5px 20px rgb(var(--color-foreground) / 8%);overflow:hidden}.cshowcase-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cshowcase-card__media{position:relative;aspect-ratio:var(--ratio, 1);overflow:hidden;background:rgb(var(--color-foreground) / 4%);pointer-events:none}.cshowcase-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cshowcase-card__img img,.cshowcase-card__img .media__image{width:100%;height:100%;object-fit:cover;display:block}.cshowcase-card__img--first{z-index:1;transition:transform .6s cubic-bezier(.4,0,.2,1)}.cshowcase-card__img--second{z-index:2;transform:translateY(100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.cshowcase-card--has-second:hover .cshowcase-card__img--first{transform:translateY(-100%)}.cshowcase-card--has-second:hover .cshowcase-card__img--second{transform:translateY(0)}.cshowcase-card:not(.cshowcase-card--has-second):hover .cshowcase-card__img--first{transform:scale(1.04)}}.cshowcase-card__badges{position:absolute;inset-block-start:10px;z-index:3;display:flex;flex-direction:column;gap:5px;pointer-events:none}.cshowcase-card__badges--left{inset-inline-start:10px;align-items:flex-start}.cshowcase-card__badges--right{inset-inline-end:10px;align-items:flex-end}.cshowcase-card__badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;line-height:1;letter-spacing:.02em;font-weight:500}.cshowcase-card__badge--new{background:rgb(var(--color-foreground) / 6%);color:rgb(var(--color-foreground))}.cshowcase-card__badge--sale{background:rgb(var(--color-background));color:rgb(var(--color-sale-price, var(--color-foreground)));box-shadow:0 2px 6px rgb(var(--color-foreground) / 10%)}.cshowcase-card__qv-btn{position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,50%);z-index:4;display:inline-flex;align-items:center;justify-content:center;width:56px;height:36px;padding:0;border:none;border-radius:8px 8px 0 0;background:rgb(var(--color-background));box-shadow:0 -.2rem 8px rgb(var(--color-foreground) / 8%);cursor:pointer;pointer-events:auto}.cshowcase-card__qv-lines{display:flex;flex-direction:column;gap:3.5px;width:18px}.cshowcase-card__qv-lines span{display:block;height:1.8px;border-radius:2px;background:rgb(var(--color-foreground))}.cshowcase-card__qv-lines span:nth-child(2){width:70%}.cshowcase-card__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding:24px 16px 20px;text-align:var(--cshowcase-text-align, center);align-items:var(--cshowcase-text-items, center);pointer-events:none}.cshowcase-card__title{font-family:var(--font-heading--family, inherit);font-size:17px;line-height:1.25;color:rgb(var(--color-foreground));pointer-events:auto}.cshowcase-card__title:hover{text-decoration:underline}.cshowcase-card__price{display:block;color:rgb(var(--color-foreground) / 70%);font-size:14px}.cshowcase-card__price .price-container{display:flex;flex-wrap:wrap;gap:6px;justify-content:inherit}.cshowcase-card__price .compare-at-price{color:rgb(var(--color-foreground) / 45%);text-decoration:line-through}.cshowcase-card__subtitle{color:rgb(var(--color-foreground) / 55%);font-size:13px}.cshowcase__qv-dialog{width:min(920px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:0;border:none;border-radius:16px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.cshowcase__qv-dialog::backdrop{background:#0000008c}.cshowcase__qv-dialog-inner{position:relative;max-height:calc(100vh - 40px);overflow-y:auto}.cshowcase__qv-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 2px 8px rgb(var(--color-foreground) / 12%);color:rgb(var(--color-foreground));cursor:pointer}.cshowcase-qv{display:grid;grid-template-columns:1fr 1fr;gap:0}.cshowcase-qv__gallery{padding:20px;background:rgb(var(--color-foreground) / 3%)}.cshowcase-qv__main{aspect-ratio:1;border-radius:10px;overflow:hidden;background:rgb(var(--color-background))}.cshowcase-qv__main-img{width:100%;height:100%;object-fit:cover;display:block}.cshowcase-qv__thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.cshowcase-qv__thumb{width:60px;height:60px;padding:0;border:1px solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:8px;overflow:hidden;background:rgb(var(--color-background));cursor:pointer}.cshowcase-qv__thumb.is-active{border-color:rgb(var(--color-foreground))}.cshowcase-qv__thumb img{width:100%;height:100%;object-fit:cover;display:block}.cshowcase-qv__info{display:flex;flex-direction:column;gap:16px;padding:40px 30px 30px}.cshowcase-qv__title{font-family:var(--font-heading--family, inherit);font-size:26px;line-height:1.2;margin:0}.cshowcase-qv__price{font-size:18px;color:rgb(var(--color-foreground) / 80%)}.cshowcase-qv__price .compare-at-price{color:rgb(var(--color-foreground) / 45%);text-decoration:line-through;margin-inline-start:8px}.cshowcase-qv__desc{color:rgb(var(--color-foreground) / 70%);font-size:14px;line-height:1.6;overflow-y:auto}.cshowcase-qv__link{align-self:flex-start;margin-block-start:auto}@media(max-width:749px){.cshowcase-qv{grid-template-columns:1fr}.cshowcase-qv__info{padding:24px 20px 28px}.cshowcase-qv__title{font-size:22px}}.cshowcase-card{container-type:inline-size;container-name:cshowcase-card}@container cshowcase-card (max-width: 260px){.cshowcase-card__content{gap:clamp(4px,2.6cqw,6px);padding:clamp(14px,10cqw,24px) clamp(10px,7cqw,16px) clamp(12px,8.7cqw,20px)}.cshowcase-card__title{font-size:clamp(12px,4.88cqw + 5.78px,17px)}.cshowcase-card__price{font-size:clamp(11px,3.05cqw + 7px,14px)}.cshowcase-card__subtitle{font-size:clamp(10px,2.44cqw + 7.4px,13px)}.cshowcase-card__qv-btn{width:clamp(44px,30cqw,56px);height:clamp(28px,19cqw,36px)}}.cshowcase-card__media--contain{background:#fff}.cshowcase-card__media--contain .cshowcase-card__img img,.cshowcase-card__media--contain .cshowcase-card__img .media__image{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-showcase.css.map */