
    @font-face {
      font-family: 'VH Campaign Sans';
      src: url('/assets/campaign-20261102/satoshi-regular.woff2') format('woff2');
      font-style: normal;
      font-weight: 400;
      font-display: swap;
    }
    @font-face {
      font-family: 'VH Campaign Sans';
      src: url('/assets/campaign-20261102/satoshi-bold.woff2') format('woff2');
      font-style: normal;
      font-weight: 700;
      font-display: swap;
    }
    .vh-autumn-promo {
      --paper: #f3ede8;
      --olive: #5d593e;
      --terracotta: #bd4c2e;
      position: relative;
      isolation: isolate;
      width: 100%;
      height: 19.783394vw;
      min-height: 160px;
      overflow: hidden;
      color: var(--olive);
      font-family: 'VH Campaign Sans', Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      text-align: center;
    }
    .vh-autumn-promo::before {
      content: '';
      position: absolute;
      z-index: -2;
      inset: 0 .8% 0 .5%;
      background:
        radial-gradient(ellipse at 28% 12%, #f8f2ec66, transparent 60%),
        radial-gradient(ellipse at 66% 72%, #f8f3ed55, transparent 65%),
        var(--paper);
      box-shadow: 0 0 18px #3e433512;
    }
    .vh-autumn-promo__leaf {
      position: absolute;
      z-index: -1;
      pointer-events: none;
      user-select: none;
      object-fit: fill;
      opacity: .36;
    }
    .vh-autumn-promo__leaf--left {
      left: .5%;
      top: 4.55vw;
      width: 12.64vw;
      height: 13.65vw;
    }
    .vh-autumn-promo__leaf--right {
      right: .8%;
      top: 4.72vw;
      width: 12.2vw;
      height: 14.4vw;
    }
    .vh-autumn-promo__title {
      position: absolute;
      top: 4.38vw;
      left: 49.82%;
      transform: translateX(-50%);
      width: max-content;
      max-width: 90%;
      margin: 0;
      color: var(--terracotta);
      font-size: 2.888087vw;
      font-weight: 700;
      line-height: 1.13;
      letter-spacing: -.005em;
      -webkit-text-stroke: .012em currentColor;
    }
    .vh-autumn-promo__house {
      display: inline-block;
      margin-left: .08em;
      font-family: 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
      font-size: .89em;
      font-weight: 400;
      letter-spacing: 0;
      vertical-align: .02em;
    }
    .vh-autumn-promo__subtitle {
      position: absolute;
      top: 8.54vw;
      left: 49.82%;
      transform: translateX(-50%);
      width: max-content;
      margin: 0;
      font-size: 1.588448vw;
      font-weight: 400;
      line-height: 1.2;
      letter-spacing: .005em;
    }
    .vh-autumn-promo__timer {
      position: absolute;
      top: 11.66065vw;
      left: 49.82%;
      transform: translateX(-50%);
      display: grid;
      grid-template-columns: 1fr .98fr 1.09fr .92fr;
      align-items: center;
      width: 44.33213vw;
      height: 5.270758vw;
      padding: 0 1.65vw;
      margin: 0;
      border-radius: 999px;
      background:
        radial-gradient(ellipse at 14% 50%, #77704a30, transparent 55%),
        radial-gradient(ellipse at 87% 55%, #49463122, transparent 62%),
        var(--olive);
      color: #f9f6f1;
      font-variant-numeric: tabular-nums;
    }
    .vh-autumn-promo__unit {
      position: relative;
      display: flex;
      align-items: baseline;
      justify-content: center;
      gap: .78vw;
      white-space: nowrap;
    }
    .vh-autumn-promo__unit + .vh-autumn-promo__unit::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: .1083vw;
      height: 2.743682vw;
      background: #f8f5efd6;
    }
    .vh-autumn-promo__number {
      font-size: 2.310469vw;
      line-height: 1.2;
      font-weight: 700;
      letter-spacing: -.04em;
      -webkit-text-stroke: .006em currentColor;
    }
    .vh-autumn-promo__label {
      font-size: 1.588448vw;
      line-height: 1;
      font-weight: 400;
    }
    .vh-autumn-promo__sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border: 0;
    }
    @media (max-width: 700px) {
      .vh-autumn-promo { height: 244px; min-height: 0; }
      .vh-autumn-promo::before { inset-inline: 0; }
      .vh-autumn-promo__title {
        top: 33px;
        width: 94%;
        max-width: 500px;
        font-size: clamp(24px, 5.7vw, 36px);
        line-height: 1.2;
        letter-spacing: -.035em;
        text-wrap: balance;
      }
      .vh-autumn-promo__subtitle { top: 106px; font-size: 18px; }
      .vh-autumn-promo__timer {
        top: 146px;
        width: calc(100% - 32px);
        max-width: 490px;
        height: 66px;
        padding-inline: 13px;
        grid-template-columns: repeat(4, 1fr);
      }
      .vh-autumn-promo__unit { gap: 6px; }
      .vh-autumn-promo__unit + .vh-autumn-promo__unit::before { width: 1px; height: 31px; }
      .vh-autumn-promo__number { font-size: clamp(23px, 6.15vw, 32px); }
      .vh-autumn-promo__label { font-size: clamp(12px, 3.2vw, 17px); }
      .vh-autumn-promo__leaf { opacity: .23; }
      .vh-autumn-promo__leaf--left { top: 66px; left: -45px; width: 145px; height: 163px; }
      .vh-autumn-promo__leaf--right { top: 70px; right: -41px; width: 137px; height: 166px; }
    }
    @media (max-width: 360px) {
      .vh-autumn-promo__unit { gap: 4px; }
      .vh-autumn-promo__timer { width: calc(100% - 20px); padding-inline: 9px; }
    }
  

/* Kompakt felső akciós sáv a változatlan főoldal fölött. */
.vh-autumn-promo { height:110px; min-height:0; width:100%; }
.vh-autumn-promo::before { inset:0; box-shadow:none; }
.vh-autumn-promo .vh-autumn-promo__leaf { opacity:.29; max-width:none; }
.vh-autumn-promo .vh-autumn-promo__leaf--left { left:0; top:3px; width:116px; height:126px; }
.vh-autumn-promo .vh-autumn-promo__leaf--right { right:0; top:2px; width:110px; height:130px; }
.vh-autumn-promo .vh-autumn-promo__title { top:14px; left:50%; width:max-content; max-width:calc(100% - 32px); font:700 24px/1.15 'VH Campaign Sans',Arial,sans-serif; letter-spacing:-.005em; }
.vh-autumn-promo .vh-autumn-promo__house { display:inline-block; }
.vh-autumn-promo .vh-autumn-promo__subtitle { top:47px; left:50%; font:400 14px/1.2 'VH Campaign Sans',Arial,sans-serif; letter-spacing:.005em; }
.vh-autumn-promo .vh-autumn-promo__timer { top:54px; left:50%; width:390px; max-width:calc(100% - 32px); height:42px; padding:0 14px; grid-template-columns:1fr .98fr 1.09fr .92fr; }
.vh-autumn-promo .vh-autumn-promo__unit { gap:7px; }
.vh-autumn-promo .vh-autumn-promo__number { font:700 22px/1.2 'VH Campaign Sans',Arial,sans-serif; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.vh-autumn-promo .vh-autumn-promo__label { font:400 14px/1 'VH Campaign Sans',Arial,sans-serif; }
.vh-autumn-promo .vh-autumn-promo__unit + .vh-autumn-promo__unit::before { width:1px; height:22px; }
@media(max-width:700px) {
  .vh-autumn-promo { height:104px; }
  .vh-autumn-promo .vh-autumn-promo__title { top:13px; font-size:clamp(19px,4.5vw,23px); line-height:1.2; text-wrap:nowrap; }
  .vh-autumn-promo .vh-autumn-promo__subtitle { top:43px; font-size:13px; }
  .vh-autumn-promo .vh-autumn-promo__timer { top:48px; width:350px; height:42px; padding-inline:10px; grid-template-columns:repeat(4,1fr); }
  .vh-autumn-promo .vh-autumn-promo__unit { gap:6px; }
  .vh-autumn-promo .vh-autumn-promo__number { font-size:22px; }
  .vh-autumn-promo .vh-autumn-promo__label { font-size:12px; }
  .vh-autumn-promo .vh-autumn-promo__leaf { opacity:.22; }
  .vh-autumn-promo .vh-autumn-promo__leaf--left { left:-25px; width:105px; height:118px; }
  .vh-autumn-promo .vh-autumn-promo__leaf--right { right:-22px; width:100px; height:122px; }
}
@media(max-width:360px) {
  .vh-autumn-promo .vh-autumn-promo__title { font-size:17px; }
  .vh-autumn-promo .vh-autumn-promo__timer { max-width:calc(100% - 20px); }
  .vh-autumn-promo .vh-autumn-promo__unit { gap:4px; }
}

/* A korábbi akciós fejléc a termékadatok alatti kártyára igazítva. */
.vh-autumn-promo.vh-autumn-promo--product {
  height: 136px;
  min-height: 0;
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid #e2d4c5;
  border-radius: 14px;
}
.vh-autumn-promo--product::before { inset: 0; box-shadow: none; }
.vh-autumn-promo--product .vh-autumn-promo__leaf { opacity: .25; max-width: none; }
.vh-autumn-promo--product .vh-autumn-promo__leaf--left { top: 6px; left: -19px; width: 101px; height: 147px; }
.vh-autumn-promo--product .vh-autumn-promo__leaf--right { top: 7px; right: -17px; width: 96px; height: 150px; }
.vh-autumn-promo--product .vh-autumn-promo__title {
  top: 15px;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 22px);
  font: 700 clamp(16px, 5.2cqw, 24px)/1.2 'VH Campaign Sans', Arial, sans-serif;
  letter-spacing: -.005em;
  text-wrap: nowrap;
}
.vh-autumn-promo--product .vh-autumn-promo__house { display: inline-block; }
.vh-autumn-promo--product .vh-autumn-promo__subtitle {
  top: 48px;
  left: 50%;
  font: 400 14px/1.2 'VH Campaign Sans', Arial, sans-serif;
  letter-spacing: 0;
}
.vh-autumn-promo--product .vh-autumn-promo__timer {
  top: 78px;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 252px;
  height: 44px;
  padding: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  background: none;
  border-radius: 0;
}
.vh-autumn-promo--product .vh-autumn-promo__unit {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 8px;
  background: var(--olive);
}
.vh-autumn-promo--product .vh-autumn-promo__unit + .vh-autumn-promo__unit::before { display: none; }
.vh-autumn-promo--product .vh-autumn-promo__number { font: 700 20px/1 'VH Campaign Sans', Arial, sans-serif; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.vh-autumn-promo--product .vh-autumn-promo__label { font: 400 11px/1 'VH Campaign Sans', Arial, sans-serif; }
@media (max-width: 767px) {
  .vh-autumn-promo.vh-autumn-promo--product { height: 130px; margin-bottom: 20px; }
  .vh-autumn-promo--product .vh-autumn-promo__title { top: 14px; }
  .vh-autumn-promo--product .vh-autumn-promo__subtitle { top: 44px; font-size: 13px; }
  .vh-autumn-promo--product .vh-autumn-promo__timer { top: 73px; height: 42px; width: calc(100% - 64px); max-width: 252px; gap: 8px; }
  .vh-autumn-promo--product .vh-autumn-promo__number { font-size: 20px; }
}

.vh-autumn-promo[hidden] { display: none !important; }

/* A felső visszaszámláló egységesen 20%-kal kisebb. */
.vh-autumn-promo:not(.vh-autumn-promo--product) .vh-autumn-promo__timer { transform: translateX(-50%) scale(.8); transform-origin: center top; }
