/* Start:/zooyarmarka/zooyarmarka-2026/style.css?177400748112151*/
/* Зооярмарка 2026 — scoped styles */
.zoo26{
  --bg:#0f0a08;--surface:#1a1210;
  --flame:#ff6b2c;--flame-hot:#ff3d00;--flame-warm:#ffa040;
  --ember:rgba(255,107,44,.12);
  --ocean:#0891b2;--ocean-deep:#0e7490;--ocean-light:#22d3ee;
  --sand:#fbbf24;--sand-light:#fde68a;
  --cream:#faf0e6;--teal:#0d9488;
  color:var(--cream);font-family:'Onest',sans-serif;
}

/* Заполняем контейнер темы полностью */
.zoo26-fullwidth{
    background:var(--bg);overflow-x:hidden;
    border-radius: 15px;
}

/* Grain overlay */
.zoo26-fullwidth::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-size:128px;
}

.zoo26 .page{position:relative;z-index:1}

/* ============ HERO ============ */
.zoo26 .hero{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding: 80px 20px 40px 20px;
    position:relative;
    background:linear-gradient(180deg,var(--bg) 0%,#1a0e08 60%,#0c1a20 100%);
    border-radius:16px 16px 0 0;
}

.zoo26 .fire-dots{position:absolute;bottom:0;left:0;right:0;height:300px;overflow:hidden;pointer-events:none}
.zoo26 .fire-dots span{
  position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;
  animation:zoo26-ember 4s ease-out infinite;
}
@keyframes zoo26-ember{
  0%{transform:translateY(0) scale(1);opacity:.8}
  100%{transform:translateY(-300px) scale(0);opacity:0}
}

.zoo26 .brand{
  font-family:'Unbounded',sans-serif;font-size:11px;letter-spacing:5px;
  text-transform:uppercase;color:var(--flame);margin-bottom:24px;font-weight:600;
}

.zoo26 h1{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(44px,9vw,92px);font-weight:900;line-height:.95;
  letter-spacing:-2px;margin-bottom:6px;color:var(--cream);
}
.zoo26 h1 .year{
  display:block;
  font-size:clamp(56px,12vw,110px);
  background:linear-gradient(90deg,var(--flame-warm) 0%,var(--flame) 50%,var(--ocean-light) 51%,var(--ocean) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

.zoo26 .hero-sub{font-size:16px;color:rgba(250,240,230,.4);margin-bottom:28px;font-weight:300}

.zoo26 .hot-badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 30px;border-radius:60px;
  background:linear-gradient(135deg,rgba(255,61,0,.15) 0%,rgba(255,107,44,.08) 100%);
  border:1px solid rgba(255,107,44,.25);
  margin-bottom:12px;
  animation:zoo26-pulse 3s ease-in-out infinite;
}
@keyframes zoo26-pulse{
  0%,100%{box-shadow:0 0 20px rgba(255,61,0,.05)}
  50%{box-shadow:0 0 40px rgba(255,61,0,.15)}
}
.zoo26 .hot-badge .flame-icon{font-size:22px;animation:zoo26-flicker 1.5s ease-in-out infinite alternate}
@keyframes zoo26-flicker{0%{transform:scale(1) rotate(-3deg)}100%{transform:scale(1.15) rotate(3deg)}}
.zoo26 .hot-badge span{
  font-family:'Unbounded',sans-serif;font-size:14px;font-weight:600;
  color:var(--flame);text-transform:uppercase;letter-spacing:2px;
}

.zoo26 .tease{
  max-width:460px;margin:16px auto 40px;font-size:16px;
  color:rgba(250,240,230,.45);line-height:1.7;font-weight:300;
}
.zoo26 .tease strong{color:var(--flame-warm);font-weight:600}
.zoo26 .tease em{color:var(--ocean-light);font-style:normal;font-weight:600}

/* THERMOMETER */
.zoo26 .thermo{width:40px;margin:24px auto 0;position:relative}
.zoo26 .thermo-tube{
  width:12px;height:120px;background:var(--surface);border-radius:6px;
  margin:0 auto;border:1px solid rgba(255,107,44,.15);overflow:hidden;position:relative;
}
.zoo26 .thermo-fill{
  position:absolute;bottom:0;width:100%;height:65%;
  background:linear-gradient(0deg,var(--flame-hot),var(--flame-warm));
  border-radius:0 0 5px 5px;
  animation:zoo26-temp 3s ease-in-out infinite alternate;
}
@keyframes zoo26-temp{0%{height:55%}100%{height:78%}}
.zoo26 .thermo-bulb{
  width:28px;height:28px;border-radius:50%;margin:-4px auto 0;
  background:var(--flame-hot);box-shadow:0 0 20px rgba(255,61,0,.3);
}
.zoo26 .thermo-label{
  position:absolute;left:50px;top:20px;
  font-family:'Unbounded',sans-serif;font-size:11px;
  color:var(--flame);letter-spacing:2px;white-space:nowrap;
}

/* ============ DATES ============ */
.zoo26 .dates-section{
  padding:50px 20px 60px;position:relative;
  background:linear-gradient(180deg,#0c1a20 0%,var(--bg) 100%);
}
.zoo26 .dates-section h2{
  font-family:'Unbounded',sans-serif;font-size:24px;font-weight:800;
  text-align:center;margin-bottom:28px;color:var(--cream);
}

.zoo26 .dates-row{
  display:flex;gap:20px;justify-content:center;max-width:850px;
  margin:0 auto;flex-wrap:wrap;padding:0 20px;
}
.zoo26 .date-card{
  flex:1;min-width:240px;padding:32px 24px;
  border-radius:18px;text-align:center;position:relative;overflow:hidden;
  transition:transform .3s;
  display:flex;flex-direction:column;align-items:center;
}
.zoo26 .date-card:hover{transform:translateY(-5px)}

.zoo26 .date-card.fire{
  background:linear-gradient(135deg,#1a0e08 0%,#2a1510 100%);
  border:1px solid rgba(255,107,44,.15);
}
.zoo26 .date-card.fire::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--flame-hot),var(--flame),var(--flame-warm));
}
.zoo26 .date-card.fire .day{color:var(--flame-warm)}
.zoo26 .date-card.fire .month{color:var(--flame)}
.zoo26 .date-card.fire .card-icon{font-size:32px;margin-bottom:8px}
.zoo26 .date-card.fire .desc{color:rgba(250,240,230,.45)}
.zoo26 .date-card.fire .tag{
  display:inline-block;margin-top:12px;padding:5px 14px;border-radius:20px;
  background:rgba(255,107,44,.1);color:var(--flame);
  font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
}

.zoo26 .date-card.ocean{
  background:linear-gradient(135deg,#0a1a1f 0%,#0f2630 100%);
  border:1px solid rgba(34,211,238,.12);
}
.zoo26 .date-card.ocean::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--ocean),var(--ocean-light),var(--sand));
}
.zoo26 .date-card.ocean .day{color:var(--ocean-light)}
.zoo26 .date-card.ocean .month{color:var(--ocean)}
.zoo26 .date-card.ocean .card-icon{font-size:32px;margin-bottom:8px}
.zoo26 .date-card.ocean .desc{color:rgba(250,240,230,.45)}
.zoo26 .date-card.ocean .tag{
  display:inline-block;margin-top:12px;padding:5px 14px;border-radius:20px;
  background:rgba(34,211,238,.08);color:var(--ocean-light);
  font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
}
.zoo26 .date-card.ocean .palm-deco{
  position:absolute;bottom:30px;right:-40px;font-size:110px;
  opacity:.06;pointer-events:none;transform:rotate(-15deg);
}

.zoo26 .day{font-family:'Unbounded',sans-serif;font-size:40px;font-weight:900}
.zoo26 .month{font-size:14px;text-transform:uppercase;letter-spacing:3px;margin:4px 0 8px}
.zoo26 .desc{font-size:14px;line-height:1.5;font-weight:300;flex-grow:1}

/* ============ INFO GRID ============ */
.zoo26 .info-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  max-width:850px;margin:0 auto 50px;padding:0 20px;
}
.zoo26 .info-cell{
  padding:24px 16px;border-radius:14px;text-align:center;
  background:var(--surface);border:1px solid rgba(255,255,255,.04);
  transition:border-color .3s,transform .3s;
}
.zoo26 .info-cell:hover{transform:translateY(-4px)}
.zoo26 .info-cell:nth-child(odd):hover{border-color:var(--flame)}
.zoo26 .info-cell:nth-child(even):hover{border-color:var(--ocean-light)}
.zoo26 .info-cell .val{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:800}
.zoo26 .info-cell:nth-child(odd) .val{color:var(--flame-warm)}
.zoo26 .info-cell:nth-child(even) .val{color:var(--ocean-light)}
.zoo26 .info-cell .lbl{font-size:12px;color:rgba(250,240,230,.3);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}

/* ============ WHAT TO EXPECT ============ */
.zoo26 .expect{max-width:850px;margin:0 auto 60px;padding:0 20px}
.zoo26 .expect h2{
  font-family:'Unbounded',sans-serif;font-size:22px;font-weight:800;
  text-align:center;margin-bottom:24px;color:var(--cream);
}
.zoo26 .expect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.zoo26 .expect-item{
  padding:16px 20px;border-radius:12px;background:var(--surface);
  font-size:14px;color:rgba(250,240,230,.5);
  border-left:3px solid transparent;
  transition:border-color .3s,transform .3s;
  display:flex;align-items:center;gap:10px;
}
.zoo26 .expect-item:hover{transform:translateX(4px)}
.zoo26 .expect-item:nth-child(odd){border-left-color:rgba(255,107,44,.3)}
.zoo26 .expect-item:nth-child(odd):hover{border-left-color:var(--flame)}
.zoo26 .expect-item:nth-child(even){border-left-color:rgba(34,211,238,.2)}
.zoo26 .expect-item:nth-child(even):hover{border-left-color:var(--ocean-light)}

/* ============ FORM ============ */
.zoo26 .form-section{max-width:850px;margin:0 auto;padding:0 20px 80px}
.zoo26 .form-wrap{
  max-width:540px;margin:0 auto;
  padding:44px 36px;border-radius:18px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,#1f1008 0%,#0f1e24 100%);
  border:1px solid rgba(255,255,255,.04);
}
.zoo26 .form-wrap::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--flame-hot),var(--flame),var(--flame-warm),var(--sand),var(--ocean-light),var(--ocean));
}
.zoo26 .form-wrap h2{
  font-family:'Unbounded',sans-serif;font-size:22px;font-weight:800;
  text-align:center;margin-bottom:4px;color:var(--cream);
}
.zoo26 .form-wrap .sub{text-align:center;color:rgba(250,240,230,.35);font-size:14px;margin-bottom:24px}

.zoo26 .fg{margin-bottom:14px}
.zoo26 .fg label{
  display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--flame);margin-bottom:4px;font-weight:600;opacity:.5;
}
.zoo26 .fg input,
.zoo26 .fg select,
.zoo26 .fg textarea{
  width:100%;padding:13px 16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);border-radius:10px;
  color:var(--cream);font-family:'Onest',sans-serif;font-size:15px;
  transition:border-color .3s;outline:none;
}
.zoo26 .fg input::placeholder,
.zoo26 .fg textarea::placeholder{color:rgba(250,240,230,.2)}
.zoo26 .fg input:focus,
.zoo26 .fg select:focus,
.zoo26 .fg textarea:focus{border-color:var(--flame)}
.zoo26 .fg select option{background:var(--surface);color:var(--cream)}
.zoo26 .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.zoo26 .btn-submit{
  width:100%;padding:16px;margin-top:8px;border:none;border-radius:10px;
  background:linear-gradient(135deg,var(--flame) 0%,var(--flame-warm) 40%,var(--ocean) 100%);
  color:white;font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;
  cursor:pointer;letter-spacing:1px;text-transform:uppercase;
  transition:transform .3s,box-shadow .3s;
}
.zoo26 .btn-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 20px var(--ember),0 4px 20px rgba(8,145,178,.15);
}

.zoo26 .zoo26-footer{text-align:center;padding:30px 20px;font-size:12px;color:rgba(250,240,230,.12)}

/* Успех отправки */
.zoo26 .form-success{
  text-align:center;padding:40px 20px;
  font-family:'Unbounded',sans-serif;font-size:18px;
  color:var(--ocean-light);
}

/* ============ RESPONSIVE ============ */
@media(max-width:768px){
  .zoo26 .info-grid{grid-template-columns:repeat(2,1fr)}
  .zoo26 .expect-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .zoo26 .dates-row{flex-direction:column;align-items:center}
  .zoo26 .date-card{min-width:0;width:100%;max-width:400px}
  .zoo26 .fg-row{grid-template-columns:1fr}
  .zoo26 .form-wrap{padding:32px 22px}
}
/* End */
/* /zooyarmarka/zooyarmarka-2026/style.css?177400748112151 */