.coupon-price {
    font-size: 13px;
    font-family: 'he-400';
    color: #000;
    margin-right: 5px;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #000000;
    padding: 6px 9px 3px 9px;
    line-height: 1em;
    border-radius: 5px;
    display: inline-block;
   
}

.coupon-price b {
 	font-family: 'he-700';
	    color: #E72C23;
}

.coupon-price b.code {
	font-style:italic;text-transform: uppercase;
}

.page-template.subcategory .item-product-price .regular_price {
    color: #666666;
} 
:root {
    --bf-bg: #000;
    --bf-red: #d9432f;
    --bf-text: #e8e8e8;
    --bf-divider: #555;
  }
 
  /* ===== Banner ===== */
  .bf-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 2vw, 13px);
    min-height: 110px;
    padding: 12px 24px 12px 170px;
    background: var(--bf-bg);
    color: var(--bf-text);
    overflow: hidden;
	  font-family: 'he-300';
	   line-height: 1em;
  }
 
  .bf-banner__cat {
    position: absolute;
    left: 50px;
    top: 0;
    height: 100%!important;
    width: auto;
    max-width: 40%!important;
    object-fit: cover;
    object-position: left center;
    pointer-events: none;
  }
 
  .bf-banner__text {
    margin: 0;
    font-size: clamp(14px, 1.45vw, 20px);
    white-space: nowrap;
	   line-height: 1em;    margin-top: 4px;
  }
 
  .bf-banner__title {
    margin: 0;
    font-size: clamp(22px, 2.6vw, 36px);
    font-family: 'he-700';
    color: var(--bf-red);
    text-transform: uppercase;
    white-space: nowrap;
	      line-height: 1em;
    margin-top: 5px;
  }
 
  .bf-banner__divider {
    width: 1px;
    align-self: stretch;
    margin: 18px 15px;
    background: var(--bf-divider);
  }
 
  /* ===== Buton copiere cod ===== */
  .bf-copy {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 28px 12px 28px;
    border: 0;
    border-radius: 6px;
    background: var(--bf-red);
    color: #fff;
    font: 700 clamp(15px, 1.5vw, 20px)/1 inherit;
	  font-family: 'he-700';
    font-family: inherit;
    letter-spacing: .5px;
    cursor: pointer;
    transition: background .2s, transform .1s;
  }
  .bf-copy:hover { background: #c23a28; }
  .bf-copy:active { transform: scale(.97); }
  .bf-copy:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  .bf-copy svg { width: 1.2em; height: 1.2em; flex: none; }
  .bf-copy.is-copied { background: #2e9e5b; }

  .bf-copy__label { margin-bottom: 0!important; font-family: 'he-700'; }
 
  /* ===== Responsive ===== */
  @media (max-width: 1100px) {
    .bf-banner { padding-left: 130px; flex-wrap: wrap; row-gap: 8px; }
    .bf-banner__divider { display: none; }
  }
 
  @media (max-width: 720px) {
    .bf-banner {
      flex-direction: column;
      text-align: center;
      padding: 20px 16px 20px 16px;
      gap: 10px;
    }
    .bf-banner__cat {
      opacity: .35;           /* pisica devine fundal */
      max-width: 60%;
    }
    .bf-banner > *:not(.bf-banner__cat) { position: relative; z-index: 1; }
    .bf-banner__text,
    .bf-banner__title { white-space: normal; }
  }