/* Переменные из главной страницы */
:root {
  --c0: #0A0A0A; /* Главный Фон - Темный */
  --c1: #1A1A1A; /* Фон 2 - Более светлый темный */
  --c2: #FFCC00; /* Акцент 1 - Ярко-желтый */
  --c3: #FEEB9A; /* Акцент 2 - Бледно-желтый */
  --c5: #2A2A2A; /* Фон 3 - Средний темный */
  --c6: #FF9900; /* Акцент 3 - Оранжево-желтый */
  --c4: #FAFAFA; /* Текст - Светлый */
  --c-shadow: rgba(0, 0, 0, 1);
  --ease: cubic-bezier(.2,.6,0,1);
}

* {box-sizing: border-box;}
body,html {height: 100%;}
body {
  margin: 0;
  background: var(--c0);
  color: var(--c4); /* Изменен на c4 */
  font: 400 16px/1.6 'Inter', system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial, sans-serif;
  max-width: 100vw;
  overflow-x: hidden;
}
a {color: var(--c2);text-decoration: none; transition: color .3s;} /* Ссылки желтые */
a:hover {color: var(--c6);}
img {max-width: 100%;display: block;}

/* HEADER STYLES */
.s-10192831 {
  position: sticky;
  top: 0;
  z-index: 40;
  background: linear-gradient(180deg,rgba(10,10,10,.85),rgba(10,10,10,.5),transparent);
  backdrop-filter: saturate(1.2) blur(6px);
}

.s-10192831 .s-44392811 {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px clamp(16px,4vw,40px);
}

.s-88200219 {display: flex;align-items: center;gap: 12px;}
/* Логотип SVG - Цвета уже обновлены в HTML, просто стилизуем тень */
.s-88200219 svg {width: 38px;height: 38px;filter: drop-shadow(0 2px 10px rgba(0,0,0,.5));}
.s-55282911 {font-weight: 900;letter-spacing: .4px;font-size: clamp(18px,2.2vw,24px); color: var(--c2);} /* Желтый логотип */
.s-22990118 {display: flex;gap: 18px;}
.s-22990118 a {opacity: .9;padding: 10px 12px;border-radius: 10px;transition: opacity .3s,background .3s;}
.s-22990118 a:hover {opacity: 1;background: rgba(255, 204, 0, .15);} /* Желтый hover */

.s-10999171 {display: none;flex-direction: column;gap: 8px;}
.s-10999171 span {width: 26px;height: 2px;background: var(--c4);border-radius: 2px;display: block;}

.s-22001211 {
  position: fixed;
  inset: 0;
  background: rgba(10, 10, 10, .9);
  display: none;
  z-index: 50;
}
.s-22001211 nav {
  position: absolute;
  inset: auto 0 0 0;
  background: var(--c1);
  border-top: 1px solid rgba(250, 250, 250, .08);
  padding: 24px clamp(16px,6vw,56px);
}
.s-22001211 ul {margin: 0;padding: 0;list-style: none;display: grid;gap: 14px;}
.s-22001211 a {display: block;padding: 12px 8px;border-radius: 10px;background: rgba(250, 250, 250, .04);}

@media (max-width:900px){
  .s-22990118{display:none}
  .s-10999171{display:flex}
}

/* HERO SECTION STYLES */
.s-99881100 {
  min-height: 60svh;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.s-99881100:before {
  content:"";
  position: absolute;
  inset: 0;
  /* Желтые/Оранжевые градиенты */
  background: radial-gradient(1000px 400px at 10% 0,rgba(255, 204, 0,.08),transparent 60%),
              radial-gradient(1000px 400px at 90% 0,rgba(255, 153, 0,.05),transparent 60%);
  animation: 16s linear infinite alternate s-bg;
}
.s-77881231 {
  position: absolute;
  inset: 0;
  opacity: .15; /* Меньшая непрозрачность */
  background: var(--c1); /* Используем темный фон вместо изображения специй */
  filter: none;
  transform: scale(1.06);
  animation: s-kb 24s var(--ease) infinite;
}
.s-66331122 {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(20px,6vw,60px);
  text-align: center;
}
.s-66331122 h1 {
  margin: 0 0 8px;
  font-size: clamp(30px,6vw,64px);
  line-height: 1;
  /* Градиентный желто-оранжевый текст */
  background: linear-gradient(90deg,var(--c2) 20%,var(--c6) 50%,var(--c2) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: 8s linear infinite s-sh;
}
.s-66331122 p {margin: 0 auto;max-width: 72ch;opacity: .92;}

/* CONTENT SECTION STYLES */
.s-77112239 {min-height: 100svh;padding: clamp(32px,8vw,120px) 0;background: linear-gradient(180deg,var(--c0),var(--c1));}
.s-cw {max-width: 1280px;margin: 0 auto;padding: 0 clamp(16px,4vw,40px);}
.s-cw--inl-a13f26 {margin-top: 30px;} /* Увеличенный отступ */
.s-2col {display: grid;grid-template-columns: 1.1fr .9fr;gap: 20px;}

/* Карточки - Модный стиль */
.s-card {
    background: var(--c1);
    border: 2px solid var(--c2); /* Яркая желтая рамка */
    border-radius: 0; /* Убираем скругление */
    padding: 24px;
    box-shadow: 8px 8px 0px 0px var(--c0); /* Контрастная черная тень */
    transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
.s-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 12px 12px 0px 0px var(--c0);
}
.s-card h2 {
    color: var(--c2);
    font-size: 26px;
    margin-bottom: 12px;
}
.s-card b {
    color: var(--c2);
}

.s-chip {
    display:inline-block;
    margin:10px 8px 0 0;
    border:1px solid rgba(255, 204, 0, .4);
    border-radius:999px;
    padding:8px 12px;
    background:rgba(255, 204, 0, .1); /* Желтый фон */
    font-size: 14px;
}

@media (max-width:1000px){.s-2col{grid-template-columns:1fr}}

/* FOOTER STYLES */
footer.s-33002218 {
  padding: 28px clamp(16px,4vw,40px);
  background: var(--c1);
  border-top: 1px solid var(--c2);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.s-fnav {display: flex;gap: 14px;}
.s-addr {font-size: 14px;opacity: .85;}

/* ANIMATIONS */
@keyframes s-kb {
  0%,100%{transform:scale(1.06) translate(0,0)}
  50%{transform:scale(1.12) translate(2%,-1%)}
}
@keyframes s-bg {
  0%{transform:translateY(0)}
  100%{transform:translateY(16px)}
}
@keyframes s-sh {
  0%{background-position:0 50%}
  100%{background-position:200% 50%}
}