.product-hero-banner{position:relative;overflow:hidden;background:#0a0a0a}.product-hero-banner__swiper,.product-hero-banner__slide{min-height:var(--phb-mobile-height, 560px)}.product-hero-banner__slide{position:relative;overflow:hidden}.product-hero-banner__media,.product-hero-banner__media picture,.product-hero-banner__image,.product-hero-banner__video,.product-hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-hero-banner__image,.product-hero-banner__video{object-fit:cover;object-position:center}.product-hero-banner__placeholder{background:#1a1a1a}.product-hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgb(0 0 0 / var(--phb-overlay-opacity, .1));pointer-events:none}.product-hero-banner__card{position:absolute;z-index:3;left:40px;bottom:40px;display:grid;gap:var(--phb-card-gap, 4px);width:var(--phb-card-width, 160px)}.product-hero-banner__card-panel{display:grid;overflow:hidden;border-radius:var(--phb-card-radius, 0);background:transparent}.product-hero-banner__card-media{display:block;overflow:hidden;aspect-ratio:3 / 4;background:transparent;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.product-hero-banner__card-image,.product-hero-banner__card-placeholder{display:block;width:100%;height:100%;object-fit:cover}.product-hero-banner__card-info{position:relative;z-index:0;display:grid;gap:4px;padding:10px 12px 14px;background:var(--phb-info-bg, #1c1c1c);text-align:center}.product-hero-banner:not(.product-hero-banner--info-transparent) .product-hero-banner__card-info{backdrop-filter:none;-webkit-backdrop-filter:none}.product-hero-banner--info-transparent .product-hero-banner__card-info{background:transparent;backdrop-filter:blur(var(--phb-card-blur, 12px));-webkit-backdrop-filter:blur(var(--phb-card-blur, 12px))}.product-hero-banner--info-transparent .product-hero-banner__card-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--phb-info-bg, #1c1c1c);opacity:.45}.product-hero-banner__card-type{margin:0;color:var(--phb-info-type-color, #fff);font-family:var(--font-body--family);font-size:.75rem;font-weight:400;letter-spacing:.1em;line-height:1.3}.product-hero-banner__card-title{margin:0;color:var(--phb-info-title-color, #fff);font-family:var(--font-body--family);font-size:.8125rem;font-weight:400;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.product-hero-banner__card-btn{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:44px;padding:10px 14px;border-radius:var(--phb-card-radius, 0);background:var(--phb-btn-bg, #1a1a1a);color:var(--phb-btn-color, #fff);font-family:var(--font-body--family);font-size:.875rem;font-weight:600;letter-spacing:.01em;line-height:1.2;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease}.product-hero-banner__card-btn:hover{opacity:.9}.product-hero-banner:not(.product-hero-banner--btn-transparent) .product-hero-banner__card-btn{backdrop-filter:none;-webkit-backdrop-filter:none}.product-hero-banner--btn-transparent .product-hero-banner__card-btn{background:transparent;backdrop-filter:blur(var(--phb-card-blur, 12px));-webkit-backdrop-filter:blur(var(--phb-card-blur, 12px))}.product-hero-banner--btn-transparent .product-hero-banner__card-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--phb-btn-bg, #1a1a1a);opacity:.45;transition:opacity .2s ease}.product-hero-banner--btn-transparent .product-hero-banner__card-btn:hover{background:transparent;opacity:1}.product-hero-banner--btn-transparent .product-hero-banner__card-btn:hover:before{opacity:.6}.product-hero-banner__controls{position:absolute;z-index:4;right:var(--phb-inset, 24px);bottom:var(--phb-inset, 24px);display:flex;align-items:center;gap:6px}.product-hero-banner__bar-title{display:none}.product-hero-banner__nav-btn{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;width:var(--phb-nav-size, 44px);height:var(--phb-nav-size, 44px);padding:0;border:0;border-radius:2px;background:var(--phb-nav-bg, #1c1c1c);color:var(--phb-nav-color, #c9c9c9);cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.product-hero-banner__nav-btn:hover{opacity:.9}.product-hero-banner:not(.product-hero-banner--nav-transparent) .product-hero-banner__nav-btn{backdrop-filter:none;-webkit-backdrop-filter:none}.product-hero-banner--nav-transparent .product-hero-banner__nav-btn{background:transparent;backdrop-filter:blur(var(--phb-card-blur, 12px));-webkit-backdrop-filter:blur(var(--phb-card-blur, 12px))}.product-hero-banner--nav-transparent .product-hero-banner__nav-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--phb-nav-bg, #1c1c1c);opacity:.45;transition:opacity .2s ease}.product-hero-banner--nav-transparent .product-hero-banner__nav-btn:hover{opacity:1}.product-hero-banner--nav-transparent .product-hero-banner__nav-btn:hover:before{opacity:.6}.product-hero-banner__nav-btn.swiper-button-disabled{opacity:.35;cursor:default}@media screen and (min-width:768px){.product-hero-banner__swiper,.product-hero-banner__slide{min-height:var(--phb-desktop-height, 720px)}}@media screen and (max-width:767px){.product-hero-banner__card{display:none}.product-hero-banner__controls{left:var(--phb-inset, 16px);right:var(--phb-inset, 16px);bottom:var(--phb-inset, 16px);gap:8px}.product-hero-banner__bar-title{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:var(--phb-nav-size, 44px);padding:10px 12px;border-radius:2px;background:#0000008c;backdrop-filter:blur(var(--phb-card-blur, 12px));-webkit-backdrop-filter:blur(var(--phb-card-blur, 12px));color:#fff;font-family:var(--font-body--family);font-size:.75rem;font-weight:400;letter-spacing:.04em;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.product-hero-banner__nav-btn{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-product-hero-banner.css.map */