.commercial-product__header-wrap{display:flex;flex-direction:column;justify-content:space-between;align-items:start;width:100%;gap:1rem}.commercial-product__header-content,.commercial-product__header{width:100%}.commercial-product__title{font-size:4rem;font-weight:700;line-height:1.4;letter-spacing:-2px;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0}.commercial-product__subheading-wrap{border-top:1px solid rgba(var(--color-text-secondary),.25);border-bottom:1px solid rgba(var(--color-text-secondary),.25);padding:2rem 0;display:flex;justify-content:flex-start;align-items:center;gap:2.4rem;margin-bottom:2.4rem}.commercial-product__product-count{font-size:3.6rem;font-weight:700;line-height:1.4;letter-spacing:-1px;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0}.commercial-product__subheading{font-size:1.4rem;font-weight:400;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:rgb(var(--color-text-secondary));margin:0}.commercial-product__button{padding:0 3rem;min-height:4.8rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:.6px;text-transform:uppercase;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:1px solid rgb(var(--color-button));border-radius:2px;text-decoration:none;transition:all .3s ease}@media screen and (min-width:750px){.commercial-product__header-wrap{gap:15rem;flex-direction:row;align-items:center}.commercial-product__header,.commercial-product__header-content{width:50%}.commercial-product__title{font-size:6.4rem}.commercial-product__product-count{font-size:5.2rem;line-height:1}.commercial-product__button{width:fit-content}}.commercial-product__carousel{margin-top:2.4rem}@media screen and (min-width:750px){.commercial-product__carousel{margin-top:6rem}}.commercial-product__slide{height:auto}.commercial-product__card{position:relative;display:block;width:100%;aspect-ratio:6 / 7;overflow:hidden;color:#fff;text-decoration:none;background:rgb(var(--color-foreground));isolation:isolate}.commercial-product__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.commercial-product__card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.commercial-product__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000026,#00000059,#000000b3);pointer-events:none}.commercial-product__card-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:1.6rem .6rem}.commercial-product__card-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border:1px solid rgba(255,255,255,.7);border-radius:2px;background:transparent;color:#fff;font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:2px;text-transform:uppercase;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.commercial-product__card-badge-dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex-shrink:0}.commercial-product__card-arrow{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;max-width:3.6rem;max-height:3.6rem;border:1px solid rgba(255,255,255,.7);border-radius:2px;color:#fff;background:transparent;transition:color .3s ease,border-color .3s ease,background-color .3s ease,transform .3s ease;flex-shrink:0}.commercial-product__card-arrow svg{display:block;transition:transform .35s ease}.commercial-product__card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;padding:.2rem .6rem}.commercial-product__card-title{margin:0;font-size:2.8rem;font-weight:700;line-height:1.4;letter-spacing:-1px;text-transform:uppercase;color:rgb(var(--color-foreground))}.commercial-product__card-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem;max-height:0;opacity:0;transform:translateY(1rem);overflow:hidden;transition:max-height .35s ease,opacity .35s ease,transform .35s ease,margin-top .35s ease}@media screen and (min-width:750px){.commercial-product__card-tags{gap:1.2rem}}.commercial-product__card-tag{padding:.4rem 1rem;border:1px solid rgba(245,245,245,.6);border-radius:2px;color:#f5f5f5;font-size:1.2rem;font-weight:400;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--color-foreground),.1)}.commercial-product__card:hover .commercial-product__card-media img,.commercial-product__card:focus-visible .commercial-product__card-media img{transform:scale(1.05)}.commercial-product__card:hover .commercial-product__card-badge,.commercial-product__card:focus-visible .commercial-product__card-badge{background:rgba(var(--color-button),.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.commercial-product__card:hover .commercial-product__card-arrow,.commercial-product__card:focus-visible .commercial-product__card-arrow{transform:rotate(-45deg);background:rgba(var(--color-button),.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.commercial-product__card:hover .commercial-product__card-tags,.commercial-product__card:focus-visible .commercial-product__card-tags{max-height:200px;opacity:1;transform:translateY(0);margin-top:1.2rem;padding-bottom:.4rem}@media screen and (max-width:749px){.commercial-product__carousel-page-width{padding:0 1.6rem}.swiper-slide-active .commercial-product__card-media img{transform:scale(1.05)}.swiper-slide-active .commercial-product__card-badge{background:rgba(var(--color-button),.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.swiper-slide-active .commercial-product__card-arrow{background:rgba(var(--color-button),.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:rgb(var(--color-button));border-color:rgb(var(--color-button));transform:rotate(-45deg)}.swiper-slide-active .commercial-product__card-tags{max-height:200px;opacity:1;transform:translateY(0);margin-top:1rem;padding-bottom:.4rem}}@media screen and (min-width:750px){.commercial-product__card{aspect-ratio:8 / 9}.commercial-product__card-top{padding:2.4rem}.commercial-product__card-content{padding:2rem 2.4rem}.commercial-product__card-title{font-size:3.2rem}}.commercial-product__pagination.swiper-pagination{position:static;display:flex;justify-content:center;align-items:center;gap:4px;margin-top:2rem;width:100%}@media screen and (min-width:750px){.commercial-product__pagination.swiper-pagination{margin-bottom:2.4rem}}.commercial-product .commercial-product__pagination .swiper-pagination-bullet{width:16px;height:2px;margin:0;border-radius:0;background:rgba(var(--color-foreground),.3);opacity:1;transition:background-color .3s ease}.commercial-product .commercial-product__pagination .swiper-pagination-bullet-active{background:rgb(var(--color-button-text))}@media screen and (max-width:767px){.commercial-product .hide-on-mobile{display:none!important}}@media screen and (min-width:768px){.commercial-product .hide-on-desktop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/section-commercial-product.css.map */