@charset "UTF-8";
*,
::before,
::after {
  box-sizing: border-box;
}

:where(ul, ol):where([class]) {
  padding-left: 0;
}

:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(ul[class]) {
  list-style: none;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

html {
  height: 100%;
  scrollbar-gutter: stable;
  margin: 0;
  padding: 0;
}

html,
:has(:target) {
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  line-height: 1.5;
}

@font-face {
  font-family: "Outfit";
  src: url("../assets/fonts/outfit/static/Outfit-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../assets/fonts/outfit/static/Outfit-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "YoungSerif-Regular";
  src: url("../assets/fonts/young-serif/YoungSerif-Regular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  color: #292524;
  background-color: #F3E5D8;
  padding-block: 124px;
}
@media (max-width: 767px) {
  body {
    padding: 0;
    margin: 0;
  }
}

h1,
h2,
h3 {
  font-family: "YoungSerif-Regular", sans-serif;
  font-size: 32px;
  color: #292524;
}

.container {
  padding: 0 40px;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  -webkit-clip-path: inset(100%) !important;
          clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

.section-title {
  font-size: 24px;
  color: #854732;
  padding-bottom: 28px;
}

.marker {
  font-weight: 700;
  color: #292524;
}

.inner {
  padding-block: 34px;
}

.b-bottom {
  border-bottom: 1px solid #E0E0E0;
}

.recipe-card {
  background-color: #ffffff;
  border-radius: 40px;
  max-width: 736px;
  margin: 0 auto;
  text-wrap: balanse;
}
@media (max-width: 767px) {
  .recipe-card {
    border-radius: 0;
    max-width: 100%;
  }
}

.header-card__hero-img {
  padding-block: 40px 43px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .header-card__hero-img {
    padding-block: 0 0;
    border-radius: 0;
    display: contents;
  }
}
.header-card__img {
  border-radius: inherit;
}
.header-card__title {
  padding-bottom: 28px;
}
@media (max-width: 767px) {
  .header-card__title {
    padding-top: 28px;
  }
}

.preparation-time {
  padding: 28px 35px;
  background-color: #FFF5FC;
  margin-top: 35px;
  border-radius: 20px;
}
.preparation-time__title {
  font-size: 20px;
  color: #702E49;
  margin-bottom: 15px;
}
.preparation-time__list {
  padding-left: 20px;
}
.preparation-time__item {
  list-style: disc;
  padding-left: 15px;
}
.preparation-time__item::marker {
  color: #702E49;
}

.ingredients__list {
  padding-left: 20px;
}
.ingredients__item {
  line-height: 2;
  list-style: square;
  padding-left: 15px;
}
.ingredients__item::marker {
  color: #702E49;
}

.instructions__list {
  line-height: 2;
  padding-left: 18px;
}
.instructions__item {
  padding-left: 35px;
}
.instructions__item::marker {
  font-weight: 700;
  color: #854732;
  text-indent: 35px !important;
}

table {
  margin-top: 10px;
  width: 100%;
  border-collapse: collapse;
  /* Об'єднує кордони між клітинками */
}
table tr {
  height: 47px;
}
table tr td {
  padding-left: 35px;
}
table tr td:last-child {
  font-weight: 600;
  color: #854732;
}
table tr:not(:nth-child(4n)) td {
  border-bottom: 1px solid #E0E0E0;
}/*# sourceMappingURL=style.css.map */