.hbc{width:100%;padding:var(--hbc-outer-pad, 0px)}.hbc__inner{max-width:var(--hbc-max-width, 100%);margin:0 auto;background:var(--hbc-section-bg, #d6dde3);border-radius:var(--hbc-section-radius, 0px);padding:var(--hbc-grid-gap, 10px);overflow:hidden}.hbc__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--hbc-grid-gap, 10px);min-height:var(--hbc-hero-height, 520px)}.hbc__cat-card:nth-child(6){grid-column:2 / 4}.hbc__hero{grid-row:1 / 3;grid-column:1 / 2;position:relative;border-radius:var(--hbc-tile-radius, 16px);overflow:hidden;display:flex;align-items:flex-end}.hbc__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hbc-img-position, center center);z-index:0}.hbc__hero-img--mobile{display:none}.hbc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hbc__content{position:relative;z-index:2;width:100%;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;align-items:flex-start}.hbc__content--left{align-items:flex-start;text-align:left}.hbc__content--center{align-items:center;text-align:center}.hbc__content--right{align-items:flex-end;text-align:right}.hbc__subheading{margin:0 0 4px;font-size:var(--hbc-subheading-fs, clamp(14px, 1.8vw, 20px));font-weight:600;letter-spacing:.5px;line-height:1.3;color:var(--hbc-subheading-color, #ffffff)}.hbc__heading{margin:0 0 clamp(14px,2vw,24px);font-size:var(--hbc-heading-fs, clamp(32px, 4.5vw, 56px));font-weight:700;line-height:1.05;letter-spacing:-.5px;color:var(--hbc-heading-color, #ffffff);text-transform:var(--hbc-heading-transform, uppercase)}.hbc__cta{display:inline-flex;align-items:center;gap:10px;padding:clamp(12px,1.5vw,16px) clamp(24px,3vw,40px);border-radius:var(--hbc-cta-radius, 60px);font-size:clamp(14px,1.4vw,17px);font-weight:600;text-decoration:none;color:var(--hbc-cta-text, #2a2b2a);background:var(--hbc-cta-bg, #ffffff);transition:transform .25s ease,box-shadow .25s ease,gap .25s ease;box-shadow:0 4px 16px #0000001f;letter-spacing:.2px;border:none;cursor:pointer}.hbc__cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000002e;gap:14px;text-decoration:none;color:var(--hbc-cta-text, #2a2b2a)}.hbc__cta-arrow{transition:transform .25s ease;flex-shrink:0}.hbc__cta:hover .hbc__cta-arrow{transform:translate(3px)}.hbc__badge{position:absolute;z-index:3;bottom:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);width:clamp(90px,10vw,130px);height:clamp(90px,10vw,130px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--hbc-badge-bg, #ff580d);color:var(--hbc-badge-text, #ffffff);font-weight:700;line-height:1.15;letter-spacing:.5px;box-shadow:0 4px 20px #00000040;padding:10px;text-transform:uppercase}.hbc__badge-small{font-size:clamp(8px,1vw,11px);font-weight:600;letter-spacing:1px}.hbc__badge-large{font-size:clamp(20px,2.8vw,32px);font-weight:700;line-height:1}.hbc__cat-card{position:relative;display:block;text-decoration:none;border-radius:var(--hbc-tile-radius, 16px);overflow:hidden;background:#e8e8e8;transition:box-shadow .3s ease}.hbc__cat-card:hover{box-shadow:0 8px 24px #0000001f}.hbc__cat-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hbc__cat-card:hover .hbc__cat-img{transform:scale(1.05)}.hbc__cat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#00000073,#0000 55%);z-index:1}.hbc__cat-label{position:absolute;bottom:clamp(12px,1.5vw,18px);left:clamp(12px,1.5vw,18px);z-index:2;font-size:clamp(14px,1.4vw,18px);font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.3)}.hbc__cat-arrow{position:absolute;bottom:clamp(10px,1.2vw,16px);right:clamp(10px,1.2vw,16px);z-index:2;width:clamp(32px,3.5vw,42px);height:clamp(32px,3.5vw,42px);border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .25s ease;box-shadow:0 2px 8px #00000026}.hbc__cat-arrow svg{width:16px;height:16px;color:#2a2b2a}.hbc__cat-card:hover .hbc__cat-arrow{background:#fff;transform:scale(1.08)}@media(max-width:999px){.hbc__grid{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;min-height:auto}.hbc__hero{grid-row:1 / 2;grid-column:1 / -1;min-height:var(--hbc-hero-height-mobile, 380px)}.hbc__cat-card{aspect-ratio:1;grid-column:span 2}.hbc__cat-card--total-5.hbc__cat-card--4,.hbc__cat-card--total-5.hbc__cat-card--5,.hbc__cat-card--total-4{grid-column:span 3}.hbc__cat-card:nth-child(6){grid-column:span 2}.hbc__badge{bottom:auto;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px);width:clamp(85px,18vw,115px);height:clamp(85px,18vw,115px)}}@media(max-width:749px){.hbc{padding:0}.hbc__inner{border-radius:0;padding:var(--hbc-grid-gap, 8px)}.hbc__grid{grid-template-columns:repeat(6,1fr);grid-template-rows:auto;gap:var(--hbc-grid-gap, 8px)}.hbc__hero{grid-column:1 / -1;grid-row:1 / 2;min-height:var(--hbc-hero-height-mobile, 320px)}.hbc__hero-img--desktop{display:none}.hbc__hero-img--mobile{display:block}.hbc__content{align-items:flex-start;text-align:left;padding:clamp(16px,4vw,28px)}.hbc__heading{font-size:clamp(24px,7vw,36px)}.hbc__subheading{font-size:clamp(13px,3.5vw,16px)}.hbc__cat-card{aspect-ratio:1;grid-column:span 2}.hbc__cat-card--total-5.hbc__cat-card--4,.hbc__cat-card--total-5.hbc__cat-card--5{grid-column:span 3;aspect-ratio:16 / 9}.hbc__cat-card--total-4{grid-column:span 3}.hbc__cat-card--total-3{grid-column:span 2}.hbc__cat-label{font-size:clamp(11px,3vw,14px);bottom:8px;left:8px}.hbc__cat-arrow{width:28px;height:28px;bottom:8px;right:8px}.hbc__cat-arrow svg{width:12px;height:12px}.hbc__badge{width:clamp(72px,20vw,100px);height:clamp(72px,20vw,100px);top:10px;right:10px;bottom:auto}.hbc__badge-large{font-size:clamp(18px,5vw,24px)}.hbc__badge-small{font-size:clamp(7px,2vw,10px)}}@media(prefers-reduced-motion:reduce){.hbc__cta,.hbc__cat-card,.hbc__cat-img,.hbc__cat-arrow{transition:none}}#shopify-section-template--27166799692162__hero_banner_customizer_Hd0P0 section.hbc{margin-top:0!important;padding-top:20px;padding-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/91/assets/hero-banner-customizer.css.map */