.hcb{--hcb-inset: 1.5rem;--hcb-gap: 1.2rem;--hcb-visible: 2.25;position:relative;overflow:hidden;padding-top:var(--hcb-pad-top, 0);padding-bottom:var(--hcb-pad-bottom, 0);background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.hcb{--hcb-inset: calc(max(100vw - var(--page-width), 0px)/2 + 5rem) ;--hcb-visible: 3.5}}@media screen and (min-width:990px){.hcb{--hcb-visible: 5.5}}.hcb__media{position:absolute;top:0;left:0;right:0;height:100%}.hcb__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hcb-focus, 50% 50%);display:block}.hcb__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}@media screen and (max-width:749px){.hcb__media{height:var(--hcb-media-height, 30rem)}}.hcb__content{position:relative;z-index:1}.hcb__text{padding:var(--hcb-text-pad-top, 5rem) var(--hcb-inset) var(--hcb-text-gap, 0);color:#fff}@media screen and (max-width:749px){.hcb__text{min-height:var(--hcb-text-min-mobile, 24rem);padding-top:var(--hcb-text-pad-top-mobile, 3.2rem);padding-bottom:var(--hcb-text-gap-mobile, 0)}}.hcb__eyebrow{margin:0 0 1.2rem;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#fffc}.hcb__heading{margin:0;color:#fff;font-size:2.4rem;line-height:1.25;max-width:40rem}@media screen and (min-width:750px){.hcb__heading{font-size:3.2rem}}.hcb__subtext{margin-top:1.2rem;font-size:1.3rem;line-height:1.5;color:#ffffffd9;max-width:34rem}.hcb__subtext p{margin:0}.hcb__slider{position:relative;margin-top:3.2rem}@media screen and (min-width:750px){.hcb__slider{margin-top:4rem}}.hcb__row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--hcb-gap);margin:0;padding:0 0 0 var(--hcb-inset);list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--hcb-inset);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hcb__row::-webkit-scrollbar{display:none}.hcb__row>.grid__item{width:calc((100vw - var(--hcb-inset) - var(--hcb-gap) * (var(--hcb-visible) - .5)) / var(--hcb-visible));max-width:none;flex:0 0 auto;scroll-snap-align:start}.hcb__row .card__heading{font-size:1.2rem}.hcb__row .card__heading,.hcb__row .card__heading a,.hcb__row .card-information{color:var(--hcb-card-text, #ffffff)}.hcb__row .price,.hcb__row .card-information .price{font-size:1.2rem;color:var(--hcb-card-text, #ffffff)}.hcb__arrow{display:none}@media screen and (min-width:750px){.hcb__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:40%;transform:translateY(-50%);width:3.6rem;height:3.6rem;border:none;border-radius:50%;background-color:#1e1a17bf;color:#fff;cursor:pointer;z-index:1;transition:opacity .2s ease,background-color .2s ease}.hcb__arrow:hover{background-color:#1e1a17f2}.hcb__arrow.is-disabled{opacity:0;pointer-events:none}.hcb__arrow--prev{left:1rem}.hcb__arrow--next{right:1rem}.hcb__arrow .icon{width:1rem;height:auto}.hcb__arrow--prev .icon{transform:rotate(90deg)}.hcb__arrow--next .icon{transform:rotate(-90deg)}}.hcb__indicator{margin:2rem var(--hcb-inset) 0;height:.2rem;background-color:rgba(var(--color-foreground),.15);overflow:hidden}@media screen and (min-width:750px){.hcb__indicator{background-color:#ffffff59}}.hcb__indicator.is-hidden{visibility:hidden}.hcb__indicator-thumb{display:block;width:25%;height:100%;background-color:rgba(var(--color-foreground),.75);will-change:transform}@media screen and (min-width:750px){.hcb__indicator-thumb{background-color:#fff}}.hcb__footer{display:flex;justify-content:center;padding:2.8rem var(--hcb-inset) 3.6rem}.hcb__button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 2.6rem;border-radius:var(--buttons-radius, 4px);background-color:#fff;border:.1rem solid #221e1b;color:#221e1b;font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease}.hcb__button:hover{background-color:#221e1b;color:#fff}.hcb__button-caret{display:inline-flex}.hcb__button-caret .icon{width:.9rem;height:auto;transform:rotate(-90deg)}@media screen and (max-width:749px){.hcb__footer{padding-bottom:3rem}.hcb__button{width:100%;max-width:40rem}}.hcb__heading-br{display:none}@media screen and (min-width:750px){.hcb__heading-br{display:initial}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-herlamora-collection-banner.css.map */