.hbss-showcase{
  --hbss-teal:#0f5f5c;
  --hbss-teal-dark:#173f3d;
  --hbss-champagne:#c9a96e;
  --hbss-ivory:#fffdf8;
  --hbss-stone:#f3efe8;
  --hbss-charcoal:#263332;
  --hbss-muted:#697471;
  --hbss-card-bg:#fff;
  --hbss-card-border:rgba(201,169,110,.34);
  --hbss-shadow:0 18px 48px rgba(29,54,52,.14);
  position:relative;
  left:50%;
  width:min(1422px, calc(100vw - 32px));
  max-width:none;
  margin:18px 0 56px;
  transform:translateX(-50%);
  color:var(--hbss-charcoal);
  font-family:inherit;
  box-sizing:border-box
}
.hbss-showcase *,
.hbss-showcase *:before,
.hbss-showcase *:after{box-sizing:border-box}

.hbss-hero{
  position:relative;
  left:50%;
  display:flex;
  width:100vw;
  width:100dvw;
  max-width:none;
  min-height:0;
  height:clamp(360px,var(--hbss-hero-height,400px),540px);
  margin-left:-50vw;
  margin-left:-50dvw;
  overflow:hidden;
  isolation:isolate;
  border-radius:0;
  background:
    radial-gradient(circle at 84% 18%, rgba(201,169,110,.20), transparent 28%),
    linear-gradient(135deg, var(--hbss-teal-dark), var(--hbss-teal))
}
.hbss-hero__media,
.hbss-hero__media picture,
.hbss-hero__media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%
}
.hbss-hero__media img{
  object-fit:cover;
  object-position:center center
}
.hbss-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:transparent;
  opacity:var(--hbss-overlay-opacity,38%);
  pointer-events:none
}
.hbss-overlay--none .hbss-hero__overlay{
  display:none
}
.hbss-overlay--solid .hbss-hero__overlay{
  background:var(--hbss-overlay-color,#0f5f5c)
}
.hbss-overlay--lateral .hbss-hero__overlay{
  background:linear-gradient(90deg,
    var(--hbss-overlay-color,#0f5f5c) 0%,
    var(--hbss-overlay-color,#0f5f5c) 34%,
    transparent 72%,
    transparent 100%)
}
.hbss-align--right.hbss-overlay--lateral .hbss-hero__overlay{
  background:linear-gradient(270deg,
    var(--hbss-overlay-color,#0f5f5c) 0%,
    var(--hbss-overlay-color,#0f5f5c) 34%,
    transparent 72%,
    transparent 100%)
}
.hbss-align--center.hbss-overlay--lateral .hbss-hero__overlay{
  background:linear-gradient(90deg,
    transparent 0%,
    var(--hbss-overlay-color,#0f5f5c) 28%,
    var(--hbss-overlay-color,#0f5f5c) 72%,
    transparent 100%)
}
.hbss-overlay--bottom .hbss-hero__overlay{
  background:linear-gradient(180deg,
    transparent 0%,
    transparent 38%,
    var(--hbss-overlay-color,#0f5f5c) 100%)
}
.hbss-hero__content{
  position:relative;
  z-index:2;
  align-self:center;
  width:min(620px, 44vw);
  margin-left:max(32px, calc((100vw - 1422px)/2 + 72px));
  padding:38px 0 78px;
  color:#fff
}
.hbss-align--center .hbss-hero__content{
  width:min(760px, 78%);
  margin-inline:auto;
  text-align:center
}
.hbss-align--right .hbss-hero__content{
  margin-right:max(32px, calc((100vw - 1422px)/2 + 72px));
  margin-left:auto;
  text-align:right
}
.hbss-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  font-size:11px;
  font-weight:780;
  letter-spacing:.16em;
  line-height:1.4;
  text-transform:uppercase
}
.hbss-hero__eyebrow:before{
  content:"";
  width:28px;
  height:1px;
  background:var(--hbss-champagne)
}
.hbss-align--center .hbss-hero__eyebrow:before{display:none}
.hbss-hero__title{
  max-width:16ch;
  margin:0;
  color:inherit;
  font-size:clamp(34px, 3.6vw, 52px);
  font-weight:650;
  letter-spacing:-.035em;
  line-height:1.02;
  text-wrap:balance
}
.hbss-align--center .hbss-hero__title{max-width:none}
.hbss-align--right .hbss-hero__title{margin-left:auto}
.hbss-hero__description{
  max-width:52ch;
  margin:16px 0 0;
  color:rgba(255,255,255,.92);
  font-size:clamp(14px, 1.15vw, 17px);
  line-height:1.58
}
.hbss-align--center .hbss-hero__description{margin-inline:auto}
.hbss-align--right .hbss-hero__description{margin-left:auto}
.hbss-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px
}
.hbss-align--center .hbss-hero__actions{justify-content:center}
.hbss-align--right .hbss-hero__actions{justify-content:flex-end}
.hbss-button{
  display:inline-flex;
  min-height:44px;
  padding:11px 20px;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:999px;
  font-size:13px;
  font-weight:760;
  line-height:1;
  text-decoration:none !important;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease
}
.hbss-button:hover{transform:translateY(-2px)}
.hbss-button--primary{
  color:var(--hbss-teal-dark) !important;
  background:var(--hbss-champagne);
  box-shadow:0 10px 24px rgba(0,0,0,.18)
}
.hbss-button--secondary{
  color:#fff !important;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.55);
  backdrop-filter:blur(10px)
}

.hbss-cards{
  position:relative;
  z-index:3;
  display:flex;
  width:min(100%, 1178px);
  margin:-54px auto 0;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px
}
.hbss-card{
  position:relative;
  display:flex;
  width:183px;
  min-width:183px;
  height:285px;
  min-height:285px;
  overflow:hidden;
  flex:0 0 183px;
  flex-direction:column;
  color:var(--hbss-charcoal) !important;
  background:var(--hbss-card-bg);
  border:1px solid var(--hbss-card-border);
  border-radius:16px;
  box-shadow:var(--hbss-shadow);
  text-decoration:none !important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease
}
.hbss-card:hover{
  transform:translateY(-7px);
  border-color:rgba(201,169,110,.7);
  box-shadow:0 24px 58px rgba(29,54,52,.2)
}
.hbss-card__badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  padding:6px 10px;
  color:var(--hbss-teal-dark);
  background:rgba(255,253,248,.94);
  border:1px solid rgba(201,169,110,.45);
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  backdrop-filter:blur(8px)
}
.hbss-card__media{
  display:block;
  height:118px;
  overflow:hidden;
  background:var(--hbss-stone)
}
.hbss-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease
}
.hbss-card:hover .hbss-card__media img{transform:scale(1.045)}
.hbss-card__body{
  display:flex;
  min-height:0;
  padding:13px 15px 12px;
  flex:1;
  flex-direction:column
}
.hbss-card__title{
  display:-webkit-box;
  overflow:hidden;
  color:var(--hbss-charcoal);
  font-size:16px;
  font-weight:760;
  letter-spacing:-.015em;
  line-height:1.24;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.hbss-card__description{
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden;
  color:var(--hbss-muted);
  font-size:12px;
  line-height:1.38;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}
.hbss-card__price{
  display:flex;
  margin-top:7px;
  align-items:baseline;
  gap:6px
}
.hbss-card__price del{
  color:#929a98;
  font-size:11px
}
.hbss-card__price strong{
  color:var(--hbss-teal);
  font-size:16px
}
.hbss-card__cta{
  display:flex;
  margin-top:auto;
  padding-top:7px;
  align-items:center;
  justify-content:space-between;
  color:var(--hbss-teal);
  font-size:12px;
  font-weight:780
}
.hbss-card__cta span{
  font-size:17px;
  transition:transform .2s ease
}
.hbss-card:hover .hbss-card__cta span{transform:translateX(4px)}
.hbss-card--outline{
  background:rgba(255,255,255,.94);
  box-shadow:none
}
.hbss-card--glass{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(16px)
}
.hbss-card--minimal{
  min-height:240px;
  box-shadow:0 10px 28px rgba(29,54,52,.08)
}

.hbss-layout--clean .hbss-hero__content{padding-bottom:48px}
.hbss-layout--clean .hbss-cards{margin-top:18px}
.hbss-layout--editorial .hbss-hero__content{
  width:min(520px, 48%);
  margin-top:24px;
  margin-right:24px;
  margin-bottom:24px;
  margin-left:max(24px, calc((100vw - 1422px)/2 + 48px));
  padding:38px 36px 80px;
  color:var(--hbss-charcoal);
  background:rgba(255,253,248,.92);
  border:1px solid rgba(255,255,255,.66);
  border-radius:20px;
  backdrop-filter:blur(14px)
}
.hbss-layout--editorial .hbss-hero__description{color:var(--hbss-muted)}
.hbss-layout--editorial .hbss-button--secondary{
  color:var(--hbss-teal) !important;
  border-color:var(--hbss-teal)
}
.hbss-layout--gallery .hbss-cards{
  width:min(100%, 1340px)
}
.hbss-layout--gallery .hbss-card{
  width:210px;
  min-width:210px;
  height:300px;
  min-height:300px;
  flex-basis:210px
}
.hbss-layout--gallery .hbss-card__media{height:136px}


/* Producto destacado PRO — v1.1.0 */
.hbss-layout--spotlight .hbss-cards{
  width:min(100%,1340px);
  align-items:stretch
}
.hbss-layout--spotlight .hbss-card--spotlight{
  width:380px;
  min-width:380px;
  height:300px;
  min-height:300px;
  flex:0 0 380px;
  flex-direction:row;
  border-color:rgba(201,169,110,.62);
  box-shadow:0 24px 62px rgba(29,54,52,.19)
}
.hbss-layout--spotlight .hbss-card--spotlight .hbss-card__media{
  width:52%;
  height:100%;
  min-height:100%
}
.hbss-layout--spotlight .hbss-card--spotlight .hbss-card__body{
  width:48%;
  padding:24px 22px
}
.hbss-layout--spotlight .hbss-card--spotlight .hbss-card__title{
  font-size:23px;
  line-height:1.08
}
.hbss-layout--spotlight .hbss-card--spotlight .hbss-card__description{
  font-size:13px;
  -webkit-line-clamp:4
}
.hbss-layout--spotlight .hbss-card--spotlight .hbss-card__price strong{
  font-size:21px
}
.hbss-layout--spotlight .hbss-card--spotlight .hbss-card__badge{
  color:#fff;
  background:var(--hbss-teal);
  border-color:transparent
}

.hbss-theme--minimal_light{
  --hbss-teal:#1d4b48;
  --hbss-teal-dark:#223331;
  --hbss-champagne:#c7b59a;
  --hbss-stone:#f5f4f1;
  --hbss-card-border:rgba(34,51,49,.12)
}
.hbss-theme--midnight_gold{
  --hbss-teal:#d1b36b;
  --hbss-teal-dark:#111823;
  --hbss-champagne:#e4c879;
  --hbss-charcoal:#111823;
  --hbss-stone:#eef0f3;
  --hbss-card-border:rgba(209,179,107,.42)
}
.hbss-theme--soft_blush{
  --hbss-teal:#8f5363;
  --hbss-teal-dark:#5d3541;
  --hbss-champagne:#d7aa8f;
  --hbss-stone:#faeff1;
  --hbss-card-border:rgba(143,83,99,.2)
}
.hbss-theme--custom_neutral{
  --hbss-teal:var(--hbss-custom-primary,#4f5d5b);
  --hbss-teal-dark:var(--hbss-custom-secondary,#313a39);
  --hbss-champagne:var(--hbss-custom-accent,#b9a78b);
  --hbss-ivory:var(--hbss-custom-surface,#fffdf8);
  --hbss-stone:var(--hbss-custom-surface,#fffdf8);
  --hbss-card-bg:var(--hbss-custom-surface,#fffdf8);
  --hbss-charcoal:var(--hbss-custom-text,#263332);
  --hbss-card-border:rgba(49,58,57,.16)
}

.hbss-card--hide-desktop{display:none}

@media (max-width:1199px) and (min-width:992px){
  .hbss-showcase{width:calc(100vw - 24px)}
  .hbss-hero{height:360px}
  .hbss-hero__content{
    width:min(540px, 48vw);
    margin-left:42px;
    padding:34px 0 72px
  }
  .hbss-align--right .hbss-hero__content{
    margin-right:42px;
    margin-left:auto
  }
  .hbss-cards{
    width:min(100%, 1126px);
    gap:14px;
    margin-top:-50px
  }
  .hbss-card{
    width:176px;
    min-width:176px;
    height:278px;
    min-height:278px;
    flex-basis:176px
  }
}

@media (max-width:991px){
  .hbss-hero{
    left:0;
    width:100%;
    min-height:clamp(320px,var(--hbss-hero-height,360px),460px);
    height:clamp(320px,var(--hbss-hero-height,360px),460px);
    margin-left:0;
    border-radius:20px
  }
  .hbss-hero__content{
    width:min(680px, 80%);
    margin-left:0;
    padding:38px 28px 84px
  }
  .hbss-align--right .hbss-hero__content{
    margin-right:0;
    margin-left:auto
  }
  .hbss-hero__title{font-size:clamp(30px, 4.6vw, 46px)}
  .hbss-showcase{
    left:0;
    width:calc(100% - 24px);
    margin-right:auto;
    margin-left:auto;
    transform:none
  }
  .hbss-cards{
    display:grid;
    width:auto;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    justify-content:stretch;
    gap:14px;
    margin:-56px 12px 0
  }
  .hbss-card,
  .hbss-layout--gallery .hbss-card{
    width:auto;
    min-width:0;
    height:auto;
    min-height:258px;
    flex-basis:auto
  }
  .hbss-card__media,
  .hbss-layout--gallery .hbss-card__media{height:124px}
}

@media (max-width:767px){
  .hbss-showcase{
    left:0;
    width:calc(100% - 20px);
    margin:14px auto 34px;
    transform:none
  }
  .hbss-hero{
    left:0;
    width:100%;
    min-height:clamp(220px,var(--hbss-hero-height-mobile,238px),320px);
    height:clamp(220px,var(--hbss-hero-height-mobile,238px),320px);
    margin-left:0;
    border-radius:18px
  }
  .hbss-overlay--lateral .hbss-hero__overlay,
  .hbss-align--right.hbss-overlay--lateral .hbss-hero__overlay,
  .hbss-align--center.hbss-overlay--lateral .hbss-hero__overlay{
    background:linear-gradient(180deg,
      transparent 0%,
      transparent 30%,
      var(--hbss-overlay-color,#0f5f5c) 100%)
  }
  .hbss-overlay--bottom .hbss-hero__overlay{
    background:linear-gradient(180deg,
      transparent 0%,
      transparent 34%,
      var(--hbss-overlay-color,#0f5f5c) 100%)
  }
  .hbss-hero__media img{
    object-position:72% center
  }
  .hbss-hero__content,
  .hbss-align--center .hbss-hero__content,
  .hbss-align--right .hbss-hero__content{
    align-self:flex-end;
    width:100%;
    margin:0;
    padding:24px 18px 36px;
    text-align:left
  }
  .hbss-hero__eyebrow{
    margin-bottom:7px;
    font-size:9.5px;
    letter-spacing:.12em
  }
  .hbss-hero__eyebrow:before{width:18px}
  .hbss-hero__title,
  .hbss-align--right .hbss-hero__title{
    max-width:11ch;
    margin:0;
    font-size:clamp(29px, 8.1vw, 34px);
    line-height:.98;
    letter-spacing:-.02em
  }
  .hbss-hero__description,
  .hbss-align--center .hbss-hero__description,
  .hbss-align--right .hbss-hero__description{
    display:-webkit-box;
    max-width:28ch;
    margin:9px 0 0;
    overflow:hidden;
    font-size:13px;
    line-height:1.4;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
  }
  .hbss-hero__actions,
  .hbss-align--center .hbss-hero__actions,
  .hbss-align--right .hbss-hero__actions{
    margin-top:14px;
    justify-content:flex-start
  }
  .hbss-button{
    min-height:40px;
    padding:10px 18px;
    border-radius:999px;
    font-size:12.5px;
    font-weight:760
  }
  .hbss-cards,
  .hbss-layout--clean .hbss-cards,
  .hbss-layout--gallery .hbss-cards{
    position:relative;
    left:50%;
    display:flex;
    width:100vw;
    width:100dvw;
    max-width:none;
    margin:-8px 0 0;
    padding:8px 12px 22px;
    gap:10px;
    grid-template-columns:none;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    transform:translateX(-50%);
    background:linear-gradient(
      180deg,
      rgba(255,255,255,0) 0,
      rgba(248,246,242,.72) 14px,
      rgba(248,246,242,.92) 100%
    );
    overscroll-behavior-x:contain;
    scroll-padding-inline:12px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    scrollbar-width:none
  }
  .hbss-cards::-webkit-scrollbar,
  .hbss-layout--clean .hbss-cards::-webkit-scrollbar,
  .hbss-layout--gallery .hbss-cards::-webkit-scrollbar{
    display:none;
    width:0;
    height:0
  }
  .hbss-card,
  .hbss-layout--gallery .hbss-card,
  .hbss-layout--spotlight .hbss-card--spotlight{
    width:clamp(140px, 36.5vw, 148px);
    min-width:clamp(140px, 36.5vw, 148px);
    max-width:148px;
    height:222px;
    min-height:222px;
    flex:0 0 clamp(140px, 36.5vw, 148px);
    border-color:rgba(201,169,110,.28);
    border-radius:15px;
    box-shadow:0 12px 30px rgba(29,54,52,.11);
    scroll-snap-align:start;
    scroll-snap-stop:normal
  }
  .hbss-layout--spotlight .hbss-card--spotlight{
    flex-direction:column
  }
  .hbss-layout--spotlight .hbss-card--spotlight .hbss-card__media,
  .hbss-layout--spotlight .hbss-card--spotlight .hbss-card__body{
    width:100%
  }
  .hbss-layout--spotlight .hbss-card--spotlight .hbss-card__body{
    padding:12px 12px 11px
  }
  .hbss-layout--spotlight .hbss-card--spotlight .hbss-card__title{
    font-size:14px;
    line-height:1.2
  }
  .hbss-card__media,
  .hbss-layout--gallery .hbss-card__media,
  .hbss-layout--spotlight .hbss-card--spotlight .hbss-card__media{
    height:82px;
    min-height:82px
  }
  .hbss-card__body{
    padding:10px 11px 9px
  }
  .hbss-card__title{
    font-size:14px;
    font-weight:760;
    letter-spacing:-.012em;
    line-height:1.2
  }
  .hbss-card__description{
    margin-top:5px;
    color:#737d7a;
    font-size:11.2px;
    line-height:1.32;
    -webkit-line-clamp:3
  }
  .hbss-card__cta{
    padding-top:5px;
    color:var(--hbss-champagne);
    font-size:11.5px;
    font-weight:760;
    letter-spacing:-.005em
  }
  .hbss-card__badge{
    top:9px;
    left:9px;
    max-width:calc(100% - 18px);
    padding:5px 9px;
    font-size:9px;
    letter-spacing:.075em
  }
  .hbss-card--hide-desktop{display:flex}
  .hbss-card--hide-mobile{display:none}
  .hbss-layout--clean .hbss-hero__content{padding-bottom:30px}
  .hbss-layout--clean .hbss-cards{margin-top:12px}
  .hbss-layout--editorial .hbss-hero__content{
    width:calc(100% - 24px);
    margin:12px;
    padding:24px 18px 58px
  }
  .hbss-layout--editorial .hbss-hero__title{color:var(--hbss-charcoal)}
  .hbss-layout--editorial .hbss-hero__description{color:var(--hbss-muted)}
}

@media (prefers-reduced-motion:reduce){
  .hbss-showcase *,
  .hbss-showcase *:before,
  .hbss-showcase *:after{
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important
  }
}


@media (max-width:390px){
  .hbss-cards,
  .hbss-layout--clean .hbss-cards,
  .hbss-layout--gallery .hbss-cards{
    padding-right:10px;
    padding-left:10px;
    gap:9px;
    scroll-padding-inline:10px
  }
  .hbss-card,
  .hbss-layout--gallery .hbss-card{
    width:138px;
    min-width:138px;
    max-width:138px;
    flex-basis:138px
  }
}


/* Promotional Cards PRO — v1.2.0 */
.hbss-card--promo_cover{
  position:relative;
  isolation:isolate;
  color:#fff!important;
  background:linear-gradient(145deg,var(--hbss-teal-dark),var(--hbss-teal));
  border-color:rgba(255,255,255,.28)
}
.hbss-card--promo_cover:hover{
  border-color:rgba(201,169,110,.85)
}
.hbss-card__promo-media,
.hbss-card__promo-media picture,
.hbss-card__promo-media img{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%
}
.hbss-card__promo-media{overflow:hidden;background:var(--hbss-teal-dark)}
.hbss-card__promo-media img{
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease,filter .3s ease
}
.hbss-card--promo_cover:hover .hbss-card__promo-media img{transform:scale(1.055)}
.hbss-promo-focus--top .hbss-card__promo-media img{object-position:center top}
.hbss-promo-focus--bottom .hbss-card__promo-media img{object-position:center bottom}
.hbss-promo-focus--left .hbss-card__promo-media img{object-position:left center}
.hbss-promo-focus--right .hbss-card__promo-media img{object-position:right center}
.hbss-card__promo-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  opacity:var(--hbss-promo-overlay-opacity,42%);
  pointer-events:none
}
.hbss-promo-overlay--none .hbss-card__promo-overlay{display:none}
.hbss-promo-overlay--solid .hbss-card__promo-overlay{background:var(--hbss-promo-overlay-color,#102b2a)}
.hbss-promo-overlay--lateral .hbss-card__promo-overlay{
  background:linear-gradient(90deg,var(--hbss-promo-overlay-color,#102b2a) 0%,var(--hbss-promo-overlay-color,#102b2a) 38%,transparent 100%)
}
.hbss-promo-overlay--bottom .hbss-card__promo-overlay{
  background:linear-gradient(180deg,transparent 18%,var(--hbss-promo-overlay-color,#102b2a) 100%)
}
.hbss-promo-overlay--vignette .hbss-card__promo-overlay{
  background:radial-gradient(circle at 50% 42%,transparent 10%,var(--hbss-promo-overlay-color,#102b2a) 100%)
}
.hbss-card__promo-content{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  width:100%;
  height:100%;
  padding:18px;
  flex-direction:column;
  pointer-events:none
}
.hbss-promo-pos--top_left .hbss-card__promo-content{align-items:flex-start;justify-content:flex-start;padding-top:48px}
.hbss-promo-pos--center_left .hbss-card__promo-content{align-items:flex-start;justify-content:center}
.hbss-promo-pos--bottom_left .hbss-card__promo-content{align-items:flex-start;justify-content:flex-end}
.hbss-promo-pos--center .hbss-card__promo-content{align-items:center;justify-content:center}
.hbss-promo-pos--bottom_center .hbss-card__promo-content{align-items:center;justify-content:flex-end}
.hbss-card__promo-copy{
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column
}
.hbss-promo-align--center .hbss-card__promo-copy{text-align:center;align-items:center}
.hbss-promo-text--light .hbss-card__promo-copy,
.hbss-promo-text--auto .hbss-card__promo-copy{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hbss-promo-text--dark .hbss-card__promo-copy{color:#1f2a29;text-shadow:0 1px 8px rgba(255,255,255,.45)}
.hbss-promo-text--auto .hbss-card__promo-copy{
  padding:10px;
  background:rgba(12,24,23,.32);
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  backdrop-filter:blur(5px)
}
.hbss-card--promo_cover .hbss-card__title{
  color:inherit;
  font-size:20px;
  font-weight:780;
  line-height:1.08;
  -webkit-line-clamp:2
}
.hbss-card--promo_cover .hbss-card__description{
  margin-top:7px;
  color:inherit;
  font-size:12px;
  line-height:1.38;
  opacity:.94;
  -webkit-line-clamp:3
}
.hbss-card--promo_cover .hbss-card__price{
  margin-top:9px;
  color:inherit
}
.hbss-card--promo_cover .hbss-card__price del{color:inherit;opacity:.72}
.hbss-card--promo_cover .hbss-card__price strong{color:inherit;font-size:18px}
.hbss-card--promo_cover .hbss-card__cta{
  width:100%;
  margin-top:11px;
  padding:0;
  color:inherit;
  font-size:12px;
  pointer-events:none
}
.hbss-promo-align--center .hbss-card__cta{justify-content:center;gap:8px}
.hbss-card__badge--promo{
  z-index:4;
  color:#173f3d;
  background:rgba(255,253,248,.93);
  border-color:rgba(255,255,255,.46)
}
.hbss-promo-align--center .hbss-card__badge--promo{
  right:auto;
  left:50%;
  transform:translateX(-50%)
}
.hbss-promo-height--medium{height:315px;min-height:315px}
.hbss-promo-height--tall{height:345px;min-height:345px}
.hbss-layout--gallery .hbss-promo-height--medium{height:330px;min-height:330px}
.hbss-layout--gallery .hbss-promo-height--tall{height:360px;min-height:360px}
.hbss-layout--spotlight .hbss-card--promo_cover.hbss-card--spotlight{
  position:relative;
  display:flex;
  width:380px;
  min-width:380px;
  height:300px;
  min-height:300px;
  flex:0 0 380px
}
.hbss-layout--spotlight .hbss-card--promo_cover.hbss-card--spotlight.hbss-promo-height--medium{height:330px;min-height:330px}
.hbss-layout--spotlight .hbss-card--promo_cover.hbss-card--spotlight.hbss-promo-height--tall{height:360px;min-height:360px}

@media (max-width:991px) and (min-width:768px){
  .hbss-card--promo_cover{min-height:258px}
  .hbss-card--promo_cover.hbss-promo-height--medium{height:288px;min-height:288px}
  .hbss-card--promo_cover.hbss-promo-height--tall{height:318px;min-height:318px}
}

@media (max-width:767px){
  .hbss-card--promo_cover,
  .hbss-card--promo_cover.hbss-promo-height--medium,
  .hbss-card--promo_cover.hbss-promo-height--tall,
  .hbss-layout--spotlight .hbss-card--promo_cover.hbss-card--spotlight,
  .hbss-layout--spotlight .hbss-card--promo_cover.hbss-card--spotlight.hbss-promo-height--medium,
  .hbss-layout--spotlight .hbss-card--promo_cover.hbss-card--spotlight.hbss-promo-height--tall{
    width:clamp(140px,36.5vw,148px);
    min-width:clamp(140px,36.5vw,148px);
    max-width:148px;
    height:222px;
    min-height:222px;
    flex:0 0 clamp(140px,36.5vw,148px)
  }
  .hbss-card__promo-content{padding:13px}
  .hbss-promo-pos--top_left .hbss-card__promo-content{padding-top:40px}
  .hbss-card--promo_cover .hbss-card__title{font-size:15px;line-height:1.08}
  .hbss-card--promo_cover .hbss-card__description{margin-top:5px;font-size:11px;line-height:1.3;-webkit-line-clamp:3}
  .hbss-card--promo_cover .hbss-card__price{margin-top:6px}
  .hbss-card--promo_cover .hbss-card__price strong{font-size:14px}
  .hbss-card--promo_cover .hbss-card__cta{margin-top:7px;font-size:11px}
  .hbss-promo-text--auto .hbss-card__promo-copy{padding:7px;border-radius:9px}
  .hbss-card__badge--promo{top:9px;left:9px;padding:5px 8px;font-size:8.5px}
}

@media (max-width:390px){
  .hbss-card--promo_cover,
  .hbss-card--promo_cover.hbss-promo-height--medium,
  .hbss-card--promo_cover.hbss-promo-height--tall{
    width:138px;
    min-width:138px;
    max-width:138px;
    flex-basis:138px
  }
}