:root {
  --color-bg:#f4f0ff;
  --color-dark:#17122b;
  --color-accent:#ff5b35;
  --color-text:#17122b;
  --color-text-light:#625b75;
  --ink:#17122b;
  --lime:#ffda2d;
  --paper:#f4f0ff;
  --blue:#5b36f2;
}
body {
  background:
    linear-gradient(rgba(91,54,242,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,54,242,.055) 1px,transparent 1px),
    #f6f2ff;
  background-size:32px 32px;
}
.header.site-header { background:#ffda2d; color:#17122b; border-bottom:3px solid #17122b; box-shadow:0 5px 0 #5b36f2; }
.site-logo__fallback,.site-header .header__menu-link,.site-header__phone { color:#17122b; }
.site-header .header__menu-link:hover { color:#fff; background:#5b36f2; }
.site-header .header__dropdown { border:3px solid #17122b; border-radius:0; color:#fff; background:#5b36f2; box-shadow:9px 9px 0 #17122b; }
.site-header .header__dropdown-list > li > a { color:#fff; border-radius:0; }
.site-header .header__dropdown-list > li > a:hover { color:#17122b; background:#ffda2d; }
.header__cart { border:3px solid #17122b; border-radius:0; color:#fff; background:#ff5b35; box-shadow:4px 4px 0 #17122b; }
.header__cart:hover { color:#fff; background:#5b36f2; transform:translate(-2px,-2px); box-shadow:6px 6px 0 #17122b; }
.header__burger span { background:#17122b; }
.hero { width:min(calc(100% - 64px),1340px); margin:36px auto 0; border:3px solid #17122b; border-radius:0; box-shadow:12px 12px 0 #5b36f2; transform:rotate(-.35deg); }
.intro { padding-top:120px; }
.section-kicker { display:inline-block; padding:8px 12px; color:#fff; background:#5b36f2; transform:rotate(-1deg); }
.intro__title { max-width:1050px; font-size:clamp(42px,6vw,82px); letter-spacing:-.06em; text-transform:uppercase; }
.intro__subtitle { color:#17122b; font-weight:600; }
.home-categories { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.home-category-card { border:3px solid #17122b; border-radius:0; box-shadow:7px 7px 0 #17122b; }
.home-category-card:nth-child(n) { transform:none; }
.home-category-card:nth-child(3n+2) { transform:rotate(1deg); }
.home-category-card:nth-child(3n+3) { transform:rotate(-1deg); }
.home-category-card:hover,.home-category-card:nth-child(n):hover { transform:translate(-3px,-3px) rotate(0); border-color:#17122b; box-shadow:11px 11px 0 #5b36f2; }
.category-card__img-wrap--empty { background:#5b36f2!important; }
.category-card__img-wrap--empty::before { border-color:#ffda2d; box-shadow:22px -18px 0 -14px #ff5b35,-24px 20px 0 -16px #fff; }
.home-category-card .category-card__name { color:#17122b; background:#ffda2d; text-transform:uppercase; }
.advantages { border:3px solid #17122b; border-radius:0; background:#5b36f2; box-shadow:0 10px 0 #17122b; }
.advantage { border:3px solid #17122b; border-radius:0; background:#fff; color:#17122b; box-shadow:7px 7px 0 #17122b; }
.advantage:nth-child(2) { background:#ffda2d; }
.advantage:nth-child(3) { background:#ff5b35; color:#fff; }
.about__img { border:3px solid #17122b; border-radius:0; box-shadow:10px 10px 0 #5b36f2; }
.about__title::before { background:#ff5b35; }
.catalog__sidebar-sticky { border:3px solid #17122b; border-radius:0; background:#5b36f2; box-shadow:7px 7px 0 #17122b; }
.catalog__sidebar-title { color:#ffda2d; }
.catalog__sidebar-item--active .catalog__sidebar-link { color:#17122b; background:#ffda2d; border-radius:0; }
.product-card { border:3px solid #17122b; border-radius:0; box-shadow:6px 6px 0 #17122b; }
.product-card:hover { transform:translate(-3px,-3px); border-color:#17122b; box-shadow:10px 10px 0 #5b36f2; }
.product-card__add-btn { border:2px solid #17122b; border-radius:0; background:#ffda2d; box-shadow:3px 3px 0 #17122b; }
.product-card__add-btn:hover { color:#fff; background:#ff5b35; }
.product-modal__content { border:3px solid #17122b; border-radius:0; box-shadow:12px 12px 0 #ffda2d; }
.cart-page-item,.cart-page__checkout { border:3px solid #17122b; border-radius:0; box-shadow:7px 7px 0 #17122b; }
.cart-page__checkout { background:#5b36f2; }
.cart-page__submit-btn { border:2px solid #17122b; border-radius:0; background:#ffda2d; box-shadow:4px 4px 0 #17122b; }
.footer.site-footer { border:3px solid #17122b; border-radius:0; background:#17122b; }
@media(max-width:767px){.hero{width:calc(100% - 24px);margin-top:20px;box-shadow:7px 7px 0 #5b36f2}.home-categories{grid-template-columns:repeat(2,1fr);gap:12px}.home-category-card:nth-child(n){transform:none}.intro__title{font-size:36px}}