:root {
  --color-bg:#f4e9d7;
  --color-dark:#143d3b;
  --color-accent:#e94c2b;
  --color-text:#173f3c;
  --color-text-light:#6c6a5d;
  --ink:#143d3b;
  --lime:#ffb13b;
  --paper:#f4e9d7;
  --blue:#e94c2b;
  --font-display:Georgia,'Times New Roman',serif;
}
body {
  background:
    radial-gradient(circle at 10% 30%,rgba(233,76,43,.12),transparent 24rem),
    radial-gradient(circle at 90% 75%,rgba(20,61,59,.14),transparent 28rem),
    #f4e9d7;
}
.header.site-header { background:#123b39; border-bottom:4px solid #e94c2b; }
.site-header .header__menu-link { font-family:var(--font-main); font-size:14px; }
.site-header .header__menu-link:hover { color:#ffb13b; }
.site-header .header__dropdown { color:#fff; background:#143d3b; border-color:#e94c2b; border-radius:10px 28px 10px 28px; }
.site-header .header__dropdown-list > li > a:hover { color:#fff; background:#e94c2b; }
.header__cart { color:#fff; background:#e94c2b; border-radius:10px 22px 10px 22px; }
.header__cart:hover { color:#143d3b; background:#ffb13b; }
.hero { position:relative; width:min(calc(100% - 34px),1400px); margin:17px auto 0; border:6px solid #fff4de; border-radius:12px 90px 12px 90px; background:#143d3b; box-shadow:0 25px 70px rgba(20,61,59,.25); }
.hero picture,.hero__img { height:clamp(450px,52vw,680px); }
.hero__img { object-fit:cover; filter:saturate(1.2) contrast(1.04); }
.intro { text-align:center; }
.section-kicker { color:#e94c2b; }
.intro__title { max-width:950px; margin-inline:auto; color:#143d3b; font-size:clamp(46px,7vw,92px); font-style:italic; }
.intro__subtitle { margin-inline:auto; text-align:center; }
.home-categories { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1000px; margin-inline:auto; gap:26px; }
.home-category-card { border:6px solid #fff4de; border-radius:12px 54px 12px 54px; background:#fff4de; box-shadow:0 18px 45px rgba(20,61,59,.14); }
.home-category-card:nth-child(n) { transform:none; }
.home-category-card:hover,.home-category-card:nth-child(n):hover { transform:translateY(-8px) rotate(-.5deg); border-color:#ffb13b; box-shadow:0 28px 65px rgba(233,76,43,.22); }
.home-category-card .category-card__img-wrap { aspect-ratio:4/3; }
.category-card__img-wrap--empty { background:linear-gradient(145deg,#e94c2b,#9e2417)!important; }
.category-card__img-wrap--empty::before { border-color:#ffb13b; box-shadow:22px -18px 0 -14px #fff4de,-24px 20px 0 -16px #143d3b; }
.home-category-card .category-card__name { color:#143d3b; font-size:22px; font-style:italic; text-align:left; }
.advantages { border-radius:80px 16px 80px 16px; background:#143d3b; }
.advantage { border-radius:10px 36px 10px 36px; }
.advantage:nth-child(2) { color:#143d3b; background:#ffb13b; }
.about__title { color:#143d3b; font-style:italic; }
.about__title::before { background:#e94c2b; }
.about__img { border-color:#fff4de; border-radius:8px 55px 8px 55px; }
.category-header__title { color:#143d3b; font-style:italic; }
.catalog__container { grid-template-columns:260px minmax(0,1fr); }
.catalog__sidebar-sticky { border-radius:10px 36px 10px 36px; background:#143d3b; }
.catalog__sidebar-title { color:#ffb13b; }
.catalog__sidebar-item--active .catalog__sidebar-link { color:#fff; background:#e94c2b; border-radius:8px 20px 8px 20px; }
.catalog__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-card { border:4px solid #fff4de; border-radius:10px 34px 10px 34px; background:#fffaf0; }
.product-card:hover { border-color:#ffb13b; box-shadow:0 22px 55px rgba(233,76,43,.18); }
.product-card__add-btn { color:#fff; background:#e94c2b; border-radius:8px 18px 8px 18px; }
.product-card__add-btn:hover { color:#143d3b; background:#ffb13b; }
.product-modal__content { border:6px solid #fff4de; border-radius:12px 58px 12px 58px; }
.product-modal__title { color:#143d3b; font-style:italic; }
.cart-page__checkout { border-radius:12px 44px 12px 44px; background:#143d3b; }
.cart-page__submit-btn { color:#fff; background:#e94c2b; border-radius:8px 22px 8px 22px; }
.footer.site-footer { background:#0f3432; border-radius:70px 14px 70px 14px; }
@media(max-width:767px){.home-categories{grid-template-columns:1fr}.hero{border-radius:8px 42px 8px 42px}.advantages{border-radius:42px 8px 42px 8px}.intro__title{font-size:45px}.catalog__grid{grid-template-columns:repeat(2,1fr)}}
