.evroyear{
  --red0:#7a0d12;
  --red1:#a4141a;
  --red2:#860507;

  --ivory:#fff4e6;
  --ivory2:#ffe9cf;

  --gold:#f6c24f;
  --gold2:#ffd77a;

  --green:#1c9a5a;

  --ink:#2b1b14;
  --muted:#6b4a3c;

  --line: rgba(120, 20, 20, .18);

  position: relative;
  border-radius: 22px;
  padding: 18px 14px;
  overflow: hidden;

  color: var(--ink);
  background:
    radial-gradient(1200px 600px at 18% 0%, rgba(255, 215, 122, .22), transparent 60%),
    radial-gradient(1200px 600px at 85% 15%, rgba(255, 255, 255, .14), transparent 62%),
    radial-gradient(900px 520px at 60% 110%, rgba(246, 194, 79, .18), transparent 62%),
    linear-gradient(180deg, var(--red2), var(--red0));
}

.evroyear, .evroyear *{ box-sizing:border-box; overflow: visible; }
.evroyear a{ text-decoration:none; }
.evroyear b, .evroyear strong{ color: var(--ink); }


.btn-newcatalog{
  background: rgb(255 6 6 / 65%) !important;
  color: white;  
  border-radius: 15px;   
}

.btn-newform{
  background: rgb(26 97 0 / 65%) !important;
  color: white; 
  border-radius: 15px;  
}
/* subtle star confetti on background */
.evroyear:before{
  content:"";
  position:absolute;
  inset:-40px -20px;
  background:
    radial-gradient(2px 2px at 12% 18%, rgba(255,224,160,.8) 55%, transparent 60%),
    radial-gradient(2px 2px at 22% 62%, rgba(255,224,160,.55) 55%, transparent 60%),
    radial-gradient(2px 2px at 36% 28%, rgba(255,255,255,.55) 55%, transparent 60%),
    radial-gradient(2px 2px at 54% 44%, rgba(255,224,160,.65) 55%, transparent 60%),
    radial-gradient(2px 2px at 68% 22%, rgba(255,255,255,.5) 55%, transparent 60%),
    radial-gradient(2px 2px at 78% 64%, rgba(255,224,160,.55) 55%, transparent 60%),
    radial-gradient(2px 2px at 90% 34%, rgba(255,255,255,.55) 55%, transparent 60%);
  opacity:.35;
  pointer-events:none;
}

/* ---------- HERO ---------- */
.evroyear-hero{
  position:relative;
  border-radius: 22px;
  overflow:hidden;

  background: #860507;

  box-shadow: 0 20px 70px rgba(0,0,0,.22);
}

.evroyear-hero__inner{ padding: 24px 20px 22px; }

/* shimmer stripe */
.evroyear-hero:after{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 40%, transparent 70%);
  transform: translateX(-40%) rotate(10deg);
  animation: evroShimmer 9s ease-in-out infinite;
  opacity:.20;
  pointer-events:none;
}
@keyframes evroShimmer{
  0%,100%{ transform: translateX(-45%) rotate(10deg); }
  50%{ transform: translateX(40%) rotate(10deg); }
}

/* garland */
.evroyear-garland{
  position:absolute; top:0; left:0; right:0; height:64px;
  pointer-events:none; opacity:.95;
}
/* .evroyear-garland:before{
  content:"";
  position:absolute;
  left:-10%; right:-10%; top:10px;
  height:34px;
  border-top:2px solid rgba(255,255,255,.18);
  border-radius: 0 0 120px 120px;
} */
.evroyear-garland:after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(7px 7px at 8% 26px, rgba(255,215,122,.95) 55%, transparent 58%),
    radial-gradient(7px 7px at 18% 38px, rgba(35,182,106,.90) 55%, transparent 58%),
    radial-gradient(7px 7px at 30% 24px, rgba(255,255,255,.85) 55%, transparent 58%),
    radial-gradient(7px 7px at 42% 40px, rgba(255,215,122,.95) 55%, transparent 58%),
    radial-gradient(7px 7px at 54% 26px, rgba(35,182,106,.90) 55%, transparent 58%),
    radial-gradient(7px 7px at 66% 40px, rgba(255,255,255,.85) 55%, transparent 58%),
    radial-gradient(7px 7px at 78% 24px, rgba(255,215,122,.95) 55%, transparent 58%),
    radial-gradient(7px 7px at 90% 38px, rgba(35,182,106,.90) 55%, transparent 58%);
  filter: drop-shadow(0 0 10px rgba(255,215,122,.25));
  animation: evroBulbs 2.8s ease-in-out infinite;
}
@keyframes evroBulbs{
  0%,100%{ opacity:.80; }
  50%{ opacity:1; }
}

/* snow overlay */
.evroyear-snow{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index: 3;
}

/* общий слой */
.evroyear-snow::before,
.evroyear-snow::after{
  content:"";
  position:absolute;
  inset:-200px 0 0 0; 
  background-repeat: repeat;
  will-change: background-position;
  background-position: 0 0;
}

.evroyear-snow::before{
  background-image:
    radial-gradient(4px 4px at 10% 10%, rgba(255,255,255,.95) 55%, transparent 60%),
    radial-gradient(5px 5px at 25% 30%, rgba(255,255,255,.85) 55%, transparent 60%),
    radial-gradient(3.8px 3.8px at 40% 15%, rgba(255,255,255,.90) 55%, transparent 60%),
    radial-gradient(4.6px 4.6px at 55% 25%, rgba(255,255,255,.88) 55%, transparent 60%),
    radial-gradient(5.2px 5.2px at 70% 12%, rgba(255,255,255,.80) 55%, transparent 60%),
    radial-gradient(4px 4px at 85% 28%, rgba(255,255,255,.92) 55%, transparent 60%);

  background-size: 320px 320px;
  animation: snowBig 18s linear infinite;
  opacity: .9;
}

.evroyear-snow::after{
  background-image:
    radial-gradient(2.6px 2.6px at 12% 20%, rgba(255,255,255,.75) 55%, transparent 60%),
    radial-gradient(2.2px 2.2px at 28% 45%, rgba(255,255,255,.70) 55%, transparent 60%),
    radial-gradient(2.8px 2.8px at 48% 30%, rgba(255,255,255,.78) 55%, transparent 60%),
    radial-gradient(2.4px 2.4px at 65% 50%, rgba(255,255,255,.72) 55%, transparent 60%),
    radial-gradient(2.6px 2.6px at 82% 35%, rgba(255,255,255,.76) 55%, transparent 60%);

  background-size: 220px 220px;
  animation: snowMid 26s linear infinite;
  opacity: .7;
}

/* ===== АНИМАЦИИ ===== */
@keyframes snowBig{
  from { background-position: 0 0; }
  to   { background-position: 120px 700px; } 
}

@keyframes snowMid{
  from { background-position: 0 0; }
  to   { background-position: -60px 800px; }
}



/* hero typography */
.evroyear-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  color: rgba(255,255,255,.92);
  font-weight: 800;
}

.evroyear-title{
    font-family: "Pacifico", cursive !important;
    font-weight: 400;
    padding-top: 70px;
    line-height: 100px;
    padding-bottom: 60px;
    text-align: center;
    font-size: 110px;
    letter-spacing: .2px;
    background: linear-gradient(
    180deg,
    #fff4cf 0%,
    #fec06d 45%,
    #c98a12 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.evroyear-subtitle{
  font-size: 14px;
  color: rgba(255,255,255,.82);
  text-align: center;
  padding-bottom: 10px;
}

.evroyear-subtitle b {
    color: white;
}

.evroyear-announce{
    width: 700px;
    font-weight: 500;
    place-self: center;    
    padding: 30px 50px 6px 50px;
    margin-bottom: 40px;
    border-radius: 18px;
    background: rgb(161 51 54);;
    color: rgba(255,255,255,.90);

}

.evroyear-announce::after{
  content: "";
  position: absolute;

  left: 50%;
  bottom: -60px; 
  transform: translateX(-50%);
  width: 650px;  
  height: 111px;  
  background: url("/zooyarmarka/evroyear/steps/down2.png") no-repeat center / contain;
  pointer-events: none;
  z-index: 6; 
}

@media (max-width: 640px){
  .evroyear-announce {
    width: auto;
  }
  .evroyear-announce::after{
    width: 140px;
    height: 48px;
    bottom: -18px;
  }
}


.evroyear-announce, .evroyear-card, .evroyear-status__card, .evroyear-prize, .evroyear-tablewrap {
    position: relative;
    z-index: 5;
}

/* ---------- PANELS: ivory cards ---------- */
.evroyear-card,
.evroyear-status__card,
.evroyear-prize,
.evroyear-tablewrap{
  background:
    radial-gradient(520px 240px at 18% 0%, rgba(246,194,79,.22), transparent 62%),
    radial-gradient(520px 240px at 92% 20%, rgba(255,255,255,.18), transparent 62%),
    linear-gradient(180deg, var(--ivory), var(--ivory2));
  border: 1px solid rgba(120, 20, 20, .18);
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
  color: var(--ink);
}

/* ---------- RULE CARDS ---------- */
.evroyear-grid.rules{
  display:grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 14px;
  margin: 40px 0 16px;
}
@media (max-width: 1100px){ .evroyear-grid.rules{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 640px){
  .evroyear-grid.rules{ grid-template-columns: 1fr; }
  .evroyear-title{ font-size: 55px; padding-top: 50px;}
}

.evroyear-card{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  padding: 16px 16px 14px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.evroyear-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 75px rgba(0,0,0,.14);
  filter: saturate(1.08);
}

.evroyear-card__num{
  width: 42px; height: 42px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 14px;
  font-weight: 950;
  background: rgba(35,182,106,.16);
  border: 1px solid rgba(35,182,106,.22);
  color: #0f3b28;
}

.evroyear-card__title{
  margin-top: 10px;
  font-size: 16px;
  font-weight: 950;
  color: var(--ink) !important;
}
.evroyear-card__text{
  margin-top: 8px;
  color: var(--muted) !important;
  font-size: 14px;
  line-height: 1.35;
}

/* RULES: content + image on desktop */
.evroyear-card__inner{
  display: flex;
  gap: 14px;
  align-items: stretch;
}

.evroyear-card__content{
  flex: 2;
  min-width: 0;
}

.evroyear-card__media{
  flex: 1;
  border-radius: 18px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(120, 20, 20, .18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
  min-height: 140px;
}

/* on tablets/mobiles: hide image so cards stay compact */
@media (max-width: 1100px){
  .evroyear-card__inner{ display:block; }
  .evroyear-card__media{ display:none; }
}


/* ---------- STATUS + PROGRESS ---------- */
.evroyear-status{ margin: 10px 0 14px; }
.evroyear-status__card{
  border-radius: 22px;
  padding: 14px 16px;
  text-align: center;
}
.evroyear-status__line{ color: var(--ink) !important; }
.evroyear-status__hint{ margin-top: 6px; color: var(--muted) !important; font-size: 13px;   text-align: center; }

.evroyear-progress{
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(120,20,20,.20);
}

.evroyear-progress--empty{
  border-top: 1px dashed rgba(120,20,20,.20);
  padding-top: 12px;
}
.evroyear-progress--empty .evroyear-progress__hint{
  font-weight: 900;
  color: rgba(122,13,18,.92) !important;
  text-align: center;  
}


.evroyear-progress__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 8px;
}
.evroyear-progress__label{
  font-weight: 900;
  color: rgba(43,27,20,.85);
}
.evroyear-progress__value{
  font-weight: 950;
  background: rgba(246,194,79,.18);
  border: 1px solid rgba(246,194,79,.28);
  padding: 4px 10px;
  border-radius: 999px;
}
.evroyear-progress__bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(120,20,20,.10);
  overflow:hidden;
  border: 1px solid rgba(120,20,20,.14);
}
.evroyear-progress__fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #1c9a5a, #f6c24f, #c21821);
  box-shadow: 0 0 14px rgba(246,194,79,.25);
  animation: evroFill 1.1s ease-out both;
}
@keyframes evroFill{
  from{ transform: translateX(-18%); }
  to{ transform: translateX(0); }
}
.evroyear-progress__hint{
  margin-top: 8px;
  color: var(--muted) !important;
  font-size: 13px;
}

/* ---------- PRIZES GRID ---------- */
.evroyear-prizes{
  display:grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
@media (max-width: 1100px){ .evroyear-prizes{ grid-template-columns: repeat(3, 1fr);} }
@media (max-width: 640px){ .evroyear-prizes{ grid-template-columns: repeat(2, 1fr);} }

.evroyear-prize{
  position:relative;
  border-radius: 20px;
  padding: 14px 14px 12px;
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.evroyear-prize:hover{
  transform: translateY(-7px);
  box-shadow: 0 24px 75px rgba(0,0,0,.16);
  filter: saturate(1.08);
}

/* micro-animation: golden glitter on hover */
.evroyear-prize:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(7px 7px at 16% 28%, rgba(246,194,79,.85) 45%, transparent 55%),
    radial-gradient(6px 6px at 36% 72%, rgba(255,255,255,.70) 45%, transparent 55%),
    radial-gradient(7px 7px at 62% 30%, rgba(246,194,79,.75) 45%, transparent 55%),
    radial-gradient(6px 6px at 84% 62%, rgba(255,255,255,.65) 45%, transparent 55%),
    radial-gradient(7px 7px at 48% 52%, rgba(35,182,106,.55) 45%, transparent 55%);
  opacity: 0;
  transform: translateY(10px) scale(.98);
  pointer-events:none;
  filter: blur(.15px);
}
.evroyear-prize:hover:before{
  opacity: 1;
  animation: evroGlitter 1.1s ease-out both;
}
@keyframes evroGlitter{
  0%{ transform: translateY(12px) scale(.98); opacity: 0; }
  35%{ opacity: .95; }
  100%{ transform: translateY(-10px) scale(1.02); opacity: .15; }
}

.evroyear-prize__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.evroyear-prize__place{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 40px;
  height: 40px;
  border-radius: 14px;
  font-weight: 950;
  background: rgba(246,194,79,.22);
  border: 1px solid rgba(246,194,79,.32);
  color: #5a3b09;
}

/* badge only for FREE */
.evroyear-prize__badge{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  background: rgba(35,182,106,.14);
  border: 1px solid rgba(35,182,106,.22);
  color: #0f3b28;
}
.evroyear-prize__title{
  margin-top: 10px;
  font-weight: 950;
  color: var(--ink) !important;
  line-height: 1.18;
}
.evroyear-prize__who{
  margin-top: 6px;
  color: var(--muted) !important;
  font-size: 13px;
}

/* ---------- TOP-3: crown + gentle glow ---------- */
.evroyear-top3{
  border-color: rgba(246,194,79,.45);
  box-shadow: 0 18px 55px rgba(0,0,0,.14), 0 0 0 1px rgba(246,194,79,.12) inset;
}
.evroyear-top3:after{
  content:"👑";
  position:absolute;
  top: 0px;
  left: 20px;
  font-size: 16px;
  opacity:.85;
  transform: rotate(-10deg);
  pointer-events:none;
  animation: evroCrown 2.6s ease-in-out infinite;
}
@keyframes evroCrown{
  0%,100%{ transform: rotate(-10deg) translateY(0); opacity:.75; }
  50%{ transform: rotate(-10deg) translateY(-2px); opacity:1; }
}

/* ---------- TABLE (ivory) + bootstrap hard override ---------- */
.evroyear-tablewrap{
  border-radius: 22px;
  padding: 14px;
}

.evroyear .table{ 
    color: var(--ink) !important; 
    width: 100% !important;
}
.evroyear .table > :not(caption) > * > *{
  background-color: transparent !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.evroyear .table thead th{
  color: rgba(43,27,20,.70) !important;
  font-weight: 950 !important;
  font-size: 12.5px !important;
  text-transform: uppercase;
  letter-spacing: .25px;
  border-bottom: 1px solid rgba(120,20,20,.18) !important;
}
.evroyear .table td{
  border-top: 1px solid rgba(120,20,20,.14) !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.evroyear-tabletitle{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  font-weight: 950;
  margin: 4px 0 12px;
  color: var(--ink) !important;
}
.evroyear-tabletitle:after{
  content:"";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(120,20,20,.20), transparent);
  opacity: .9;
}

.evroyear-place{
  display:inline-flex;
  min-width: 36px;
  height: 36px;
  align-items:center;
  justify-content:center;
  border-radius: 14px;
  font-weight: 950;
  background: rgba(246,194,79,.20);
  border: 1px solid rgba(246,194,79,.30);
  color: #5a3b09;
}

/* Top-3 rows */
.evroyear-top3-row{ background: rgb(255 6 6 / 65%) !important; }
.evroyear-top3-row-2{ background: rgb(26 97 0 / 65%) !important; }
.evroyear-top3-row-3{ background: rgb(225 181 38) !important; }

.evroyear-row-me{
  background: rgba(35,182,106,.12) !important;
}
.evroyear-row-me td:first-child{ position:relative; }
.evroyear-row-me td:first-child:before{
  content:"";
  position:absolute;
  left: -10px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(35,182,106,1), rgba(246,194,79,1));
  box-shadow: 0 0 10px rgba(35,182,106,.18);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .evroyear-hero:after,
  .evroyear-snow,
  .evroyear-garland:after,
  .evroyear-prize:hover:before,
  .evroyear-top3:after{
    animation: none !important;
  }
  .evroyear-card:hover,
  .evroyear-prize:hover{ transform:none; }
}

/* STRONG highlight for current user */
.evroyear-row-me{
  background: linear-gradient(
    90deg,
    rgba(35,182,106,.25),
    rgba(246,194,79,.22)
  ) !important;
  box-shadow:
    inset 0 0 0 2px rgba(35,182,106,.45),
    0 8px 26px rgba(35,182,106,.35);
  font-weight: 900;
}

.evroyear-row-me td{
  color: #1f3d2c !important;
}

.evroyear-row-me .evroyear-place{
  background: #1c9a5a !important;
  color: #fff !important;
  border-color: #1c9a5a !important;
}

/* STATUS HERO */
.evroyear-status__hero{
  display:flex;
  align-items:center;
  justify-content: center;
  gap:18px;
  padding:18px;
  border-radius:20px;
  background:
    linear-gradient(135deg, #fff1d6, #ffe0a3);
  border:2px solid rgba(246,194,79,.45);
  box-shadow:0 14px 40px rgba(246,194,79,.35);
}

.evroyear-status__place{
  font-size:42px;
  font-weight:900;
  color:#7a0d12;
  background:#f6c24f;
  padding:10px 18px;
  border-radius:16px;
  box-shadow: inset 0 0 0 2px rgba(122,13,18,.25);
}

.evroyear-status__sum{
  font-size:20px;
  font-weight:900;
}

.evroyear-status__gap{
  margin-top:4px;
  font-size:16px;
  font-weight:800;
  color:#7a0d12;
}

.evroyear-status__gap.gold{
  color:#5a3b09;
}

@media (min-width: 769px){
  .evroyear .th-mobile{
    display: none !important;
  }
}



/* ===== PATCH: steps/media layout like last year's "step" (cyberpunk) ===== */
/* Applies only to RULE cards (steps) */
.evroyear-grid.rules .evroyear-card{
  /* like .step: no inner padding so media can touch the right edge */
  padding: 0 !important;
}

.evroyear-grid.rules .evroyear-card__inner{
  /* like .step */
  display: flex !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.evroyear-grid.rules .evroyear-card__content{
  /* like .step-text padding */
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 20px 16px 14px 16px !important;
}

/* MEDIA: flush right, same size across cards, 9:16 */
.evroyear-grid.rules .evroyear-card__media{
  flex: 0 0 auto !important;
  align-self: stretch !important;
  /* 9:16 block */
  aspect-ratio: 9 / 16 !important;
  width: auto !important;

  /* touch the right edge, no inset borders/shadows */
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;

  /* match card rounding on the right edge (like .step img radius) */
  border-radius: 0 22px 22px 0 !important;

  background-size: cover !important;
  background-position: center !important;

  /* like last year's steps height (~200px) */
  min-height: 240px !important;
}

/* If viewport gets tight, behave like last year: hide image to keep cards compact */
@media (max-width: 1495px){
  .evroyear-grid.rules .evroyear-card__media{ display:none !important; }
  .evroyear-grid.rules .evroyear-card__content{ padding-right: 16px !important; }
}


/* ===== HERO DECOR  ===== */
.evroyear-hero{
  position: relative; 
}

/* контейнер-декор поверх всего */
.evroyear-hero__decor{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 30; 
}

.evroyear-hero__decor > span{
  position: absolute;
  top: -15px; 
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
}

.evroyear-hero__decor--left{
  left: -30px;
  width: 250px;
  height: 248px;
  background-image: url("/zooyarmarka/evroyear/steps/left.png");
}

.evroyear-hero__decor--center{
  left: 50%;
  top: -25px !important;
  transform: translateX(-50%);
  width: 480px;
  height: 126px;
  background-image: url("/zooyarmarka/evroyear/steps/center.png");
}

.evroyear-hero__decor--right{
  right: -30px;
  width: 250px;
  height: 248px;
  background-image: url("/zooyarmarka/evroyear/steps/right.png");
}

.evroyear__decor {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2; 
}

.evroyear__decor > span{
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(10px 10px 8px rgba(0, 0, 0, 0.10));
}

.evroyear__decor--rightimage{
  right: 38px;
  top: 189px;
  width: 310px;
  height: 390px;
  background-image: url("/zooyarmarka/evroyear/steps/rightimage.png");
}

.evroyear__decor--leftimage {
  left: 38px;
  top: 180px;
  width: 310px;
  height: 400px;
  background-image: url("/zooyarmarka/evroyear/steps/leftimage.png");
}

@media (max-width: 1100px){
  .evroyear-hero__decor--left{
    width: 210px;
    height: 110px;
    left: 8px;
  }
  .evroyear-hero__decor--center{
    width: 320px;
    height: 135px;
  }
  .evroyear-hero__decor--right{
    width: 220px;
    height: 115px;
    right: 8px;
  }
}

@media (max-width: 640px){
  .evroyear-hero__decor > span{
    top: -8px;
    filter: drop-shadow(0 8px 14px rgba(0,0,0,.16));
  }
  .evroyear-hero__decor--left{
    width: 170px;
    height: 90px;
    left: 6px;
  }
  .evroyear-hero__decor--center{
    width: 240px;
    height: 105px;
  }
  .evroyear-hero__decor--right{
    width: 170px;
    height: 90px;
    right: 6px;
  }

  .evroyear__decor--leftimage, .evroyear__decor--rightimage {display: none;}
  
}