.hero-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:var(--hb-min-height, 640px);width:100%}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner__img--mobile{display:none}.hero-banner__img--placeholder svg{width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--hb-overlay-opacity, .2))}.hero-banner__categories{position:absolute;top:24px;right:24px;z-index:3}.hero-banner__categories-trigger{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 18px;background:#ffffffeb;color:#111;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;-webkit-user-select:none;user-select:none;transition:background .2s ease}.hero-banner__categories-trigger::-webkit-details-marker{display:none}.hero-banner__categories-trigger:hover{background:#fff}.hero-banner__chevron{transition:transform .2s ease}.hero-banner__categories[open] .hero-banner__chevron{transform:rotate(180deg)}.hero-banner__categories-list{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #00000029;padding:8px;list-style:none;margin:0}.hero-banner__categories-link{display:block;padding:10px 14px;border-radius:8px;color:#111;text-decoration:none;font-size:14px;transition:background .15s ease}.hero-banner__categories-link:hover{background:#f4f4f4}.hero-banner__categories-sub{display:flex;flex-direction:column;margin-top:4px;padding-left:10px}.hero-banner__categories-sub a{padding:6px 0;font-size:13px;color:#666;text-decoration:none}.hero-banner__categories-sub a:hover{color:#111}.hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px;color:#fff}.hero-banner__logo{height:auto;margin-bottom:4px}.hero-banner__logo-fallback{font-size:24px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-banner__heading{font-size:clamp(28px,4vw,48px);font-weight:700;margin:0;line-height:1.1}.hero-banner__subheading{font-size:clamp(14px,1.4vw,18px);margin:0;opacity:.9}.hero-banner__button{margin-top:10px;padding:12px 32px;background:#fff;color:#111;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:999px;transition:transform .2s ease}.hero-banner__button:hover{transform:translateY(-2px)}.hero-banner__products{position:absolute;left:0;right:0;bottom:28px;z-index:2;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:0 24px}.hero-banner__product-card{display:flex;flex-direction:column;width:150px;background:#fffffff2;border-radius:14px;overflow:hidden;text-decoration:none;color:#111;box-shadow:0 8px 24px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.hero-banner__product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0000002e}.hero-banner__product-image{aspect-ratio:1 / 1;background:#f2f2f2}.hero-banner__product-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__product-info{padding:10px 12px 12px}.hero-banner__product-title{font-size:12.5px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-banner__product-price{font-size:12.5px;margin:0;display:flex;gap:6px}.hero-banner__product-price--sale{color:#c0392b;font-weight:700}.hero-banner__product-price--compare{color:#999;text-decoration:line-through}@media screen and (max-width:749px){.hero-banner{min-height:var(--hb-min-height-mobile, 560px)}.hero-banner__img--desktop{display:none}.hero-banner__img--mobile{display:block}.hero-banner__categories{top:16px;right:16px}.hero-banner__categories-trigger{padding:8px 14px;font-size:12px}.hero-banner__products{bottom:16px;gap:10px}.hero-banner__product-card{width:108px}.hero-banner__product-title,.hero-banner__product-price{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner-products.css.map */