/* Approved MasterEat design – production integration */
:root {
  --mastereat-page: 1330px;
  --mastereat-canvas: 1450px;
  --mastereat-panel: 330px;
  --mastereat-outer: #e4d8c8;
  --mastereat-bg: #f4efe3;
  --mastereat-paper: #fffdf8;
  --mastereat-ink: #211f1b;
  --mastereat-muted: #756f66;
  --mastereat-line: #e4ddd1;
  --mastereat-accent: #bd6c4c;
  --mastereat-accent-dark: #9d5339;
  --mastereat-beige: #a58a66;
  --mastereat-green: #687546;
}

body {
  min-width: 320px;
  color: var(--mastereat-ink);
  background: var(--mastereat-outer) !important;
}

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

.td-header-wrap .td-header-top-menu-full,
.td-header-wrap .td-banner-wrap-full,
.td-header-wrap .td-logo-wrap-full,
.td-header-wrap .td-header-menu-social,
.td-header-wrap .header-search-wrap,
.td-header-wrap .td-main-menu-logo,
.td-header-wrap #td-header-menu > .sf-menu,
.td-header-wrap .td-header-menu-wrap .td-container > .td-pb-row {
  display: none !important;
}

.td-header-wrap,
.td-header-menu-wrap-full,
.td-header-menu-wrap,
#td-header-menu {
  position: relative !important;
  z-index: 100 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mastereat-site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  color: var(--mastereat-ink);
  background: rgba(255, 253, 248, 0.99);
  box-shadow: 0 2px 16px rgba(91, 72, 49, 0.07);
  font-family: Arial, Helvetica, sans-serif;
}

.mastereat-header-top,
.mastereat-header-nav {
  width: min(var(--mastereat-page), calc(100% - 48px));
  margin: 0 auto;
}

.mastereat-header-top {
  display: grid;
  min-height: 96px;
  grid-template-columns: auto minmax(280px, 470px) auto;
  gap: 52px;
  align-items: center;
}

.mastereat-shell-brand,
.mastereat-footer-brand {
  display: inline-flex;
  gap: 13px;
  align-items: center;
  color: var(--mastereat-ink) !important;
  font: 700 30px/1 Georgia, "Times New Roman", serif;
  letter-spacing: -0.035em;
  text-decoration: none !important;
}

.mastereat-shell-brand img {
  width: 52px;
  height: 52px;
}

.mastereat-search-form {
  display: grid;
  overflow: hidden;
  height: 48px;
  grid-template-columns: 1fr 52px;
  border: 1px solid #ded6ca;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 7px 24px rgba(91, 72, 49, 0.06);
}

.mastereat-search-form input,
.mastereat-search-form button {
  min-width: 0;
  height: 48px !important;
  padding: 0 18px;
  border: 0 !important;
  outline: 0;
  background: transparent;
  font: 16px/48px Arial, Helvetica, sans-serif !important;
}

.mastereat-search-form button {
  padding: 0;
  cursor: pointer;
  color: #fff;
  background: var(--mastereat-accent);
  font-size: 24px !important;
}

.mastereat-generator-link {
  display: inline-flex;
  min-height: 44px;
  padding: 0 18px;
  justify-self: end;
  gap: 8px;
  align-items: center;
  border-radius: 999px;
  color: var(--mastereat-accent-dark) !important;
  background: #f5e6d9;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
}

.mastereat-header-nav {
  display: grid;
  min-height: 64px;
  grid-template-columns: var(--mastereat-panel) 1fr;
  gap: 24px;
  border-top: 1px solid rgba(93, 80, 61, 0.1);
}

.mastereat-category-menu {
  position: relative;
  z-index: 110;
}

.mastereat-category-menu > button {
  display: flex;
  width: 100%;
  height: 64px;
  padding: 0 24px;
  border: 0;
  border-radius: 12px 12px 0 0;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background: var(--mastereat-beige);
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

#mastereat-category-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: grid;
  visibility: hidden;
  width: 100%;
  overflow: hidden;
  border: 1px solid #e1d8ca;
  border-top: 0;
  border-radius: 0 0 14px 14px;
  opacity: 0;
  background: var(--mastereat-paper);
  box-shadow: 0 14px 35px rgba(91, 72, 49, 0.12);
  transform: translateY(-6px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
}

.mastereat-category-menu:hover #mastereat-category-dropdown,
.mastereat-category-menu:focus-within #mastereat-category-dropdown,
.mastereat-category-menu.is-open #mastereat-category-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#mastereat-category-dropdown a {
  display: grid;
  min-height: 58px;
  padding: 9px 14px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: var(--mastereat-ink) !important;
  text-decoration: none !important;
}

#mastereat-category-dropdown a + a {
  border-top: 1px solid var(--mastereat-line);
}

#mastereat-category-dropdown a:hover {
  background: #f8f1e7;
}

.mastereat-primary-nav {
  display: flex;
  min-width: 0;
  align-items: stretch;
}

.mastereat-primary-nav a {
  display: flex;
  padding: 0 22px;
  align-items: center;
  border-bottom: 3px solid transparent;
  color: #4e4942 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none !important;
}

.mastereat-primary-nav a:hover {
  color: var(--mastereat-accent-dark) !important;
  border-bottom-color: var(--mastereat-accent);
}

body.home .td-main-content-wrap,
body.mastereat-category-page .td-main-content-wrap,
body.single-post .td-main-content-wrap,
body.td-post-template-default .td-main-content-wrap {
  width: min(var(--mastereat-canvas), 100%) !important;
  padding: 0 60px 48px !important;
  margin: 0 auto !important;
  border-radius: 0 0 20px 20px;
  background: var(--mastereat-bg) !important;
  box-shadow: 0 24px 70px rgba(91, 72, 49, 0.1);
}

body.home .td-main-content-wrap > .td-container,
body.mastereat-category-page .td-main-content-wrap > .td-container,
body.single-post .td-main-content-wrap > .td-container,
body.td-post-template-default .td-main-content-wrap > .td-container {
  width: min(var(--mastereat-page), 100%) !important;
  max-width: none !important;
}

.mastereat-home-lead,
.mastereat-home-composition {
  width: min(var(--mastereat-page), 100%);
  padding: 0 !important;
  margin: 0 auto;
  color: var(--mastereat-ink);
}

.mastereat-home-hero {
  display: grid !important;
  height: auto !important;
  min-height: 570px !important;
  margin-top: 0;
  grid-template-columns: var(--mastereat-panel) minmax(0, 1fr) !important;
  gap: 24px;
  align-items: stretch;
}

.mastereat-category-panel {
  display: grid;
  overflow: hidden;
  min-height: 570px;
  grid-template-rows: repeat(9, minmax(0, 1fr));
  border: 1px solid #e1d8ca;
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: var(--mastereat-paper);
  box-shadow: 0 14px 35px rgba(91, 72, 49, 0.08);
}

.mastereat-category-panel a {
  display: grid;
  min-height: 0;
  padding: 8px 14px 8px 16px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  color: var(--mastereat-ink) !important;
  text-decoration: none !important;
}

.mastereat-category-panel a + a {
  border-top: 1px solid var(--mastereat-line);
}

.mastereat-category-panel a:hover {
  background: #f8f1e7;
}

.mastereat-category-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: #e7eadb;
}

.mastereat-category-icon img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.mastereat-category-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.mastereat-category-count {
  min-width: 34px;
  padding: 4px 7px;
  border-radius: 7px;
  color: #81786c;
  background: #f3eee6;
  text-align: center;
  font-size: 11px;
}

.mastereat-generator-hero {
  position: relative;
  display: block;
  overflow: hidden;
  height: 544px;
  margin-top: 26px;
  border-radius: 16px;
  color: #fff !important;
  background: #8e765e;
  box-shadow: 0 18px 42px rgba(83, 58, 38, 0.16);
  text-decoration: none !important;
}

.mastereat-generator-hero > img,
.mastereat-generator-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.mastereat-generator-hero > img {
  object-fit: cover;
}

.mastereat-generator-shade {
  background: linear-gradient(90deg, rgba(35, 27, 20, 0.83), rgba(35, 27, 20, 0.61) 43%, rgba(35, 27, 20, 0.08) 78%);
}

.mastereat-generator-copy {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(560px, 64%);
  min-height: 544px;
  padding: 58px 0 50px 54px;
  flex-direction: column;
  align-items: flex-start;
}

.mastereat-generator-eyebrow,
.mastereat-display-heading > span,
.mastereat-fresh-heading small {
  color: var(--mastereat-accent-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.mastereat-generator-eyebrow {
  margin-bottom: 19px;
  color: #f4cf8c;
}

.mastereat-generator-copy > h1 {
  margin: 0;
  color: #fff;
  font: 400 clamp(31px, 3vw, 45px)/1.18 Georgia, "Times New Roman", serif;
  letter-spacing: -0.035em;
}

.mastereat-generator-text {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
}

.mastereat-ingredient-chips {
  display: flex;
  margin-top: 24px;
  gap: 8px;
}

.mastereat-ingredient-chips span {
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
}

.mastereat-generator-button {
  display: inline-flex;
  min-height: 50px;
  padding: 0 20px;
  margin-top: 30px;
  gap: 18px;
  align-items: center;
  border-radius: 10px;
  background: var(--mastereat-accent);
  font-weight: 700;
}

.mastereat-generator-result {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 28px;
  display: flex;
  min-width: 205px;
  padding: 15px 17px;
  gap: 12px;
  align-items: center;
  border-radius: 13px;
  color: var(--mastereat-ink);
  background: rgba(255, 253, 248, 0.93);
}

.mastereat-generator-result > b {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: var(--mastereat-green);
}

.mastereat-generator-result strong,
.mastereat-generator-result small {
  display: block;
}

.mastereat-generator-result small {
  color: var(--mastereat-muted);
}

.mastereat-illustrated-categories,
.mastereat-fresh-recipes,
.mastereat-devices-section,
.mastereat-popular-recipes-section,
.mastereat-world-section {
  padding-top: 44px;
}

.mastereat-display-heading {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.mastereat-display-heading h2,
.mastereat-fresh-heading h2 {
  margin: 8px 0;
  color: var(--mastereat-ink);
  font: 400 36px/1.2 Georgia, "Times New Roman", serif;
}

.mastereat-display-heading p {
  margin: 0;
  color: var(--mastereat-muted);
}

.mastereat-illustrated-category-grid {
  display: grid;
  margin-top: 32px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 14px;
}

.mastereat-illustrated-category-grid a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  color: var(--mastereat-ink) !important;
  text-align: center;
  text-decoration: none !important;
  font: 700 13px/1.3 Georgia, serif;
}

.mastereat-illustrated-category-art {
  display: grid;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1.04;
  place-items: center;
  border: 1px solid rgba(165, 138, 102, 0.18);
  border-radius: 22px;
  background: radial-gradient(circle, #fffdf8, #eee5d5 76%);
}

.mastereat-illustrated-category-art img {
  width: 94%;
  height: 94%;
  object-fit: contain;
  transition: transform 180ms ease;
}

.mastereat-illustrated-category-grid a:hover img {
  transform: scale(1.04);
}

.mastereat-fresh-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 24px;
}

.mastereat-fresh-heading a {
  color: var(--mastereat-accent-dark) !important;
  font-weight: 700;
  text-decoration: none !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .block-title,
.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] > .td-block-title-wrap {
  display: none !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-block-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  gap: 24px !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-block-row::before,
.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-block-row::after {
  display: none !important;
  content: none !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-block-span4 {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td_module_mx4 {
  display: flex !important;
  overflow: hidden;
  width: 100% !important;
  min-width: 0 !important;
  height: 100%;
  padding-bottom: 16px;
  flex-direction: column;
  border: 1px solid var(--mastereat-line);
  border-radius: 16px;
  background: var(--mastereat-paper);
  box-shadow: 0 13px 32px rgba(91, 72, 49, 0.08);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td_module_mx4:hover {
  box-shadow: 0 18px 38px rgba(91, 72, 49, 0.13);
  transform: translateY(-3px);
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-module-image,
.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-module-thumb,
.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-module-thumb > a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .entry-thumb {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  border-radius: 14px 14px 0 0 !important;
  object-fit: cover;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-post-category {
  position: static !important;
  display: block !important;
  margin: 15px 16px 0 !important;
  padding: 0 !important;
  color: var(--mastereat-accent-dark) !important;
  background: transparent !important;
  font: 700 10px/1.35 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .entry-title {
  margin: 8px 16px 16px !important;
  padding: 0 !important;
  flex: 1;
  font: 700 17px/1.38 Georgia, "Times New Roman", serif !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .entry-title a {
  color: var(--mastereat-ink) !important;
  font: inherit !important;
  text-decoration: none !important;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .mastereat-card-meta {
  display: flex !important;
  width: auto !important;
  margin: auto 16px 0 !important;
  gap: 6px;
  flex-wrap: wrap;
}

.mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .mastereat-card-meta span {
  display: inline-flex;
  width: auto !important;
  padding: 5px 8px;
  border-radius: 7px;
  color: #675f55;
  background: #f3eee6;
  font: 400 10px/1.2 Arial, Helvetica, sans-serif;
  white-space: nowrap;
}

.mastereat-device-carousel {
  position: relative;
  margin-top: 28px;
}

.mastereat-device-track {
  display: flex;
  overflow-x: auto;
  padding: 16px 48px 26px;
  gap: 18px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.mastereat-device-track::-webkit-scrollbar {
  display: none;
}

.mastereat-device-carousel > button {
  position: absolute;
  z-index: 4;
  top: 45%;
  display: grid;
  width: 48px;
  height: 48px;
  border: 1px solid #cdbda9;
  border-radius: 50%;
  place-items: center;
  color: var(--mastereat-ink);
  background: var(--mastereat-paper);
  cursor: pointer;
  transform: translateY(-50%);
}

.mastereat-device-carousel > button:first-child { left: 0; }
.mastereat-device-carousel > button:last-child { right: 0; }

.mastereat-device-card {
  display: flex;
  width: 205px;
  min-width: 205px;
  min-height: 275px;
  padding: 0 12px 20px;
  flex-direction: column;
  scroll-snap-align: start;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0 0 30px 30px;
  color: var(--mastereat-ink) !important;
  background: linear-gradient(to bottom, rgba(255, 253, 248, 0) 0%, rgba(255, 253, 248, 0.25) 32%, #fffdf8 75%);
  box-shadow: 0 18px 24px -24px rgba(80, 56, 35, 0.75);
  text-align: center;
  text-decoration: none !important;
}

.mastereat-device-card > span {
  display: grid;
  width: 190px;
  height: 200px;
  place-items: end center;
}

.mastereat-device-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 15px 13px rgba(67, 45, 29, 0.17));
}

.mastereat-device-card strong {
  min-height: 40px;
  font: 700 17px/1.2 Georgia, serif;
}

.mastereat-popular-recipe-grid {
  display: grid;
  margin-top: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.mastereat-popular-recipe-card {
  overflow: hidden;
  border-radius: 18px;
}

.mastereat-popular-recipe-card > a {
  position: relative;
  display: block;
  min-height: 520px;
  color: #fff !important;
  text-decoration: none !important;
}

.mastereat-popular-recipe-card img {
  width: 100%;
  height: 520px;
  border-radius: 18px !important;
  object-fit: cover;
  transition: transform 280ms ease;
}

.mastereat-popular-recipe-card:hover img { transform: scale(1.025); }

.mastereat-popular-recipe-panel {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: block;
  padding: 20px;
  border-radius: 14px;
  color: var(--mastereat-ink);
  background: rgba(255, 253, 248, 0.94);
  transform: translateY(calc(100% - 72px));
  transition: transform 220ms ease;
}

.mastereat-popular-recipe-card:hover .mastereat-popular-recipe-panel,
.mastereat-popular-recipe-card:focus-within .mastereat-popular-recipe-panel {
  transform: translateY(0);
}

.mastereat-popular-recipe-panel strong {
  display: block;
  font: 700 24px/1.2 Georgia, serif;
}

.mastereat-popular-recipe-panel p {
  display: -webkit-box;
  overflow: hidden;
  margin: 12px 0;
  color: var(--mastereat-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mastereat-popular-recipe-meta {
  display: flex;
  margin-bottom: 9px;
  gap: 8px;
  color: var(--mastereat-accent-dark);
  font-size: 11px;
}

.mastereat-popular-recipe-cta { color: var(--mastereat-accent-dark); font-weight: 700; }

.mastereat-world-grid {
  display: grid;
  margin-top: 30px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px 16px;
}

.mastereat-world-card {
  color: var(--mastereat-ink) !important;
  text-align: center;
  text-decoration: none !important;
}

.mastereat-world-card > span {
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  margin-bottom: 10px;
  border-radius: 16px;
}

.mastereat-world-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms ease;
}

.mastereat-world-card:hover img { transform: scale(1.045); }
.mastereat-world-card strong { font: 700 16px/1.2 Georgia, serif; }

.mastereat-site-footer {
  width: min(var(--mastereat-canvas), 100%);
  margin: 20px auto 0;
  border-radius: 20px 20px 0 0;
  color: #f7efe5;
  background: #6c533c;
}

.mastereat-footer-main {
  display: grid;
  width: min(var(--mastereat-page), calc(100% - 80px));
  padding: 54px 0 44px;
  margin: 0 auto;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 50px;
}

.mastereat-footer-brand { color: #fff !important; }
.mastereat-footer-brand img { width: 58px; height: 58px; }
.mastereat-footer-brand-column p { max-width: 360px; color: #e1d4c5; }
.mastereat-footer-generator { display: inline-block; padding: 11px 16px; border-radius: 9px; color: #fff !important; background: var(--mastereat-accent); text-decoration: none !important; }
.mastereat-footer-column { display: flex; flex-direction: column; gap: 10px; }
.mastereat-footer-column h2 { margin: 0 0 10px; color: #fff; font: 700 20px/1.2 Georgia, serif; }
.mastereat-footer-column a { color: #e7d9c9 !important; text-decoration: none !important; }
.mastereat-footer-bottom { display: flex; width: min(var(--mastereat-page), calc(100% - 80px)); padding: 20px 0; border-top: 1px solid rgba(255,255,255,.15); margin: 0 auto; justify-content: space-between; }
.mastereat-footer-bottom p { margin: 0; }
.mastereat-footer-bottom a { color: #fff !important; }
.td-footer-wrapper > .td-container,
.td-footer-wrapper > .td-footer-bottom-full,
.td-footer-wrapper .td-footer-template-wrap { display: none !important; }

/* Category archive */
body.mastereat-category-page .td-category-header {
  position: relative;
  display: grid;
  width: min(var(--mastereat-page), calc(100% - 48px));
  min-height: 190px;
  padding: 34px 170px 34px 150px;
  margin: 28px auto;
  align-content: center;
  border: 1px solid #dfd5c8;
  border-radius: 20px;
  background: var(--mastereat-paper);
  box-shadow: 0 15px 38px rgba(91,72,49,.07);
}

.mastereat-category-hero-icon {
  position: absolute;
  top: 50%;
  left: 26px;
  display: grid;
  width: 104px;
  height: 104px;
  place-items: center;
  border-radius: 50%;
  background: #f0e4d7;
  transform: translateY(-50%);
}

.mastereat-category-hero-icon img { width: 90px; height: 90px; object-fit: contain; }
body.mastereat-category-page .td-category-header h1 { margin: 0 !important; color: var(--mastereat-ink) !important; font: 700 clamp(38px,4.2vw,62px)/1.08 Georgia,serif !important; letter-spacing: -.035em; }
body.mastereat-category-page .td-category-description { margin-top: 14px !important; color: var(--mastereat-muted); font-size: 17px; }
body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row { display: grid !important; grid-template-columns: 300px minmax(0,1fr); gap: 28px; }
body.mastereat-category-page .td-ss-main-sidebar,
body.mastereat-category-page .td-ss-main-content { float: none !important; width: 100% !important; padding: 0 !important; }
.mastereat-category-filter { position: sticky; top: 20px; padding: 24px; border: 1px solid var(--mastereat-line); border-radius: 18px; background: var(--mastereat-paper); box-shadow: 0 12px 35px rgba(91,72,49,.07); }
.mastereat-category-filter header,
.mastereat-category-results-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mastereat-category-filter header span,
.mastereat-category-results-heading span,
.mastereat-category-guide header span { color: var(--mastereat-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.mastereat-category-filter h2,
.mastereat-category-results-heading h2 { margin: 3px 0 0; color: var(--mastereat-ink); font: 700 28px/1.2 Georgia,serif; }
.mastereat-category-filter header button { padding: 5px 0; border: 0; color: var(--mastereat-accent-dark); background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; }
.mastereat-category-filter > label { display: block; margin-top: 21px; color: #59534b; font-size: 13px; font-weight: 700; }
.mastereat-category-filter input[type="search"],
.mastereat-category-filter select,
.mastereat-category-results-heading select { width: 100%; height: 44px; padding: 0 38px 0 12px; border: 1px solid #ded6ca; border-radius: 9px; margin-top: 7px; color: #514c45; background: #fff; }
.mastereat-category-filter fieldset { display: grid; padding: 18px 0 0; border: 0; border-top: 1px solid var(--mastereat-line); margin: 20px 0 0; gap: 10px; }
.mastereat-category-filter fieldset label { color: var(--mastereat-muted); font-size: 13px; }
.mastereat-category-filter > p { padding-top: 14px; border-top: 1px solid var(--mastereat-line); margin: 22px 0 0; color: var(--mastereat-muted); font-size: 11px; }
.mastereat-category-filter > p i { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #78a061; box-shadow: 0 0 0 4px #edf2e9; }
.mastereat-category-results-heading { min-height: 68px; margin-bottom: 18px; align-items: end; }
.mastereat-category-results-heading label { color: var(--mastereat-muted); font-size: 12px; font-weight: 700; }
.mastereat-category-results-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.mastereat-category-results-grid .td_module_3 { display: flex !important; min-width: 0; overflow: hidden; padding: 9px 9px 15px !important; border: 1px solid var(--mastereat-line); border-radius: 16px; margin: 0 !important; flex-direction: column; background: var(--mastereat-paper); box-shadow: 0 9px 26px rgba(91,72,49,.055); }
.mastereat-category-results-grid .td-module-image { width: 100% !important; margin: 0 0 12px !important; }
.mastereat-category-results-grid .td-module-thumb,
.mastereat-category-results-grid .entry-thumb { width: 100% !important; height: auto !important; aspect-ratio: 1.04; border-radius: 11px !important; object-fit: cover; }
.mastereat-category-results-grid .item-details { display: flex; min-width: 0; flex: 1; padding: 0 5px; flex-direction: column; }
.mastereat-category-results-grid h3 { margin: 0 !important; font: 700 17px/1.2 Georgia,serif !important; }
.mastereat-category-results-grid h3 a { color: var(--mastereat-ink) !important; }
.mastereat-category-results-grid .td-excerpt { display: none !important; }
.mastereat-category-results-grid [hidden] { display: none !important; }
.mastereat-show-more { display: block; min-width: 220px; padding: 13px 22px; border: 0; border-radius: 10px; margin: 30px auto 0; color: #fff; background: var(--mastereat-accent); font-weight: 700; cursor: pointer; }
.mastereat-category-guide { width: min(var(--mastereat-page), calc(100% - 48px)); padding: 36px 40px; border: 1px solid #e2d8cb; border-radius: 18px; margin: 36px auto 0; color: #625c53; background: rgba(255,253,248,.72); }
.mastereat-category-guide header { display: flex; justify-content: space-between; align-items: center; }
.mastereat-category-guide h2 { margin: 3px 0 0; color: var(--mastereat-ink); font: 700 32px/1.18 Georgia,serif; }
.mastereat-category-guide header img { width: 104px; height: 104px; object-fit: contain; }
.mastereat-category-guide__text { margin-top: 18px; font-size: 14px; line-height: 1.75; }

/* Article layout */
body.single-post .td-main-content-wrap > .td-container > .td-pb-row,
body.td-post-template-default .td-main-content-wrap > .td-container > .td-pb-row { display: grid !important; grid-template-columns: minmax(0,900px) 370px; gap: 38px; align-items: start; }
body.single-post .td-ss-main-content,
body.td-post-template-default .td-ss-main-content,
body.single-post .td-ss-main-sidebar,
body.td-post-template-default .td-ss-main-sidebar { float: none !important; width: 100% !important; }
body.single-post .td-ss-main-content,
body.td-post-template-default .td-ss-main-content { padding: 34px 40px !important; border-radius: 20px !important; background: var(--mastereat-paper); }
body.single-post .entry-title,
body.td-post-template-default .entry-title { color: var(--mastereat-ink) !important; font: 700 clamp(42px,4.2vw,66px)/1.05 Georgia,serif !important; letter-spacing: -.035em; }
body.single-post .td-post-featured-image img,
body.td-post-template-default .td-post-featured-image img { border-radius: 16px !important; }
body.single-post .td-ss-main-sidebar,
body.td-post-template-default .td-ss-main-sidebar { padding: 24px !important; border: 1px solid var(--mastereat-line); border-radius: 18px; background: var(--mastereat-paper); }
.td-post-content ul { padding-left: 0 !important; border-top: 1px solid var(--mastereat-line); list-style: none !important; }
.td-post-content li { position: relative; min-height: 58px; padding: 16px 14px 16px 54px !important; border-bottom: 1px solid var(--mastereat-line); margin: 0 !important; }
.td-post-content li::before { position: absolute; top: 20px; left: 16px; width: 18px; height: 18px; border: 2px solid #c9c1b6; border-radius: 50%; content: ""; }
.mastereat-related-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.mastereat-related-grid .mastereat-mini-card img { aspect-ratio: 1.25; border-radius: 14px !important; object-fit: cover; }

@media (max-width: 1180px) {
  .mastereat-header-top { gap: 24px; grid-template-columns: auto minmax(240px,1fr) auto; }
  .mastereat-illustrated-category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .mastereat-world-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row { grid-template-columns: 260px minmax(0,1fr); }
  .mastereat-category-results-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.single-post .td-main-content-wrap > .td-container > .td-pb-row,
  body.td-post-template-default .td-main-content-wrap > .td-container > .td-pb-row { grid-template-columns: minmax(0,1fr) 310px; }
}

@media (max-width: 860px) {
  .mastereat-header-top { padding: 18px 0; grid-template-columns: 1fr auto; gap: 16px; }
  .mastereat-header-search { grid-column: 1 / -1; grid-row: 2; }
  .mastereat-header-nav { grid-template-columns: 1fr; gap: 0; }
  .mastereat-category-menu > button { height: 54px; }
  #mastereat-category-dropdown { width: min(340px,calc(100vw - 28px)); }
  .mastereat-primary-nav { min-height: 54px; overflow-x: auto; }
  .mastereat-primary-nav a { padding: 0 15px; white-space: nowrap; }
  body.home .td-main-content-wrap,
  body.mastereat-category-page .td-main-content-wrap,
  body.single-post .td-main-content-wrap,
  body.td-post-template-default .td-main-content-wrap { padding-right: 24px !important; padding-left: 24px !important; }
  .mastereat-home-hero { grid-template-columns: 1fr !important; }
  .mastereat-category-panel { display: none; }
  .mastereat-generator-hero { margin-top: 22px; }
  .mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-block-row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .mastereat-popular-recipe-grid { grid-template-columns: 1fr; }
  .mastereat-popular-recipe-card > a,
  .mastereat-popular-recipe-card img { min-height: 420px; height: 420px; }
  .mastereat-world-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mastereat-footer-main { grid-template-columns: 1fr 1fr; }
  body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row,
  body.single-post .td-main-content-wrap > .td-container > .td-pb-row,
  body.td-post-template-default .td-main-content-wrap > .td-container > .td-pb-row { grid-template-columns: 1fr !important; }
  .mastereat-category-filter { position: static; }
  body.mastereat-category-page .td-category-header { padding-right: 28px; }
}

@media (max-width: 580px) {
  .mastereat-header-top,
  .mastereat-header-nav { width: min(var(--mastereat-page),calc(100% - 28px)); }
  .mastereat-shell-brand { font-size: 26px; }
  .mastereat-shell-brand img { width: 44px; height: 44px; }
  .mastereat-generator-link { min-height: 40px; padding: 0 12px; font-size: 12px; }
  body.home .td-main-content-wrap,
  body.mastereat-category-page .td-main-content-wrap,
  body.single-post .td-main-content-wrap,
  body.td-post-template-default .td-main-content-wrap { padding: 0 14px 38px !important; }
  .mastereat-generator-hero { height: 460px; }
  .mastereat-generator-copy { width: 100%; min-height: 460px; padding: 38px 24px; }
  .mastereat-generator-copy > h1 { font-size: 35px; }
  .mastereat-generator-result { display: none; }
  .mastereat-illustrated-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mastereat-fresh-recipes [data-mastereat-section="new-recipes"] .td-block-row { grid-template-columns: 1fr !important; }
  .mastereat-world-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mastereat-footer-main { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 28px; }
  .mastereat-footer-bottom { width: calc(100% - 40px); gap: 20px; flex-direction: column; }
  body.mastereat-category-page .td-category-header { width: calc(100% - 28px); padding: 24px 20px; text-align: center; }
  .mastereat-category-hero-icon { position: static; margin: 0 auto 18px; transform: none; }
  body.mastereat-category-page .td-category-header h1 { font-size: 40px !important; }
  .mastereat-category-results-grid { grid-template-columns: 1fr; }
  .mastereat-category-guide { width: calc(100% - 28px); padding: 28px 20px; }
  .mastereat-category-guide header img { width: 82px; height: 82px; }
  body.single-post .td-ss-main-content,
  body.td-post-template-default .td-ss-main-content { padding: 24px 18px !important; }
  body.single-post .entry-title,
  body.td-post-template-default .entry-title { font-size: 40px !important; }
  .mastereat-related-grid { grid-template-columns: 1fr 1fr; }
}

/* Clean shell v2 – the header is never nested in the legacy theme. */
html,
body {
  width: 100%;
  margin: 0 !important;
}

body > .td-header-wrap,
body > #td-header-menu,
.td-header-wrap {
  display: none !important;
}

body > .mastereat-site-header {
  display: block !important;
}

body.mastereat-finder-page > .mastereat-finder-header {
  display: none !important;
}

#td-outer-wrap,
.td-container-wrap {
  width: 100% !important;
  max-width: none !important;
}

#td-outer-wrap {
  margin: 0 !important;
}

.mastereat-site-footer {
  width: 100% !important;
  max-width: none !important;
  position: relative;
  padding-bottom: 40px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.mastereat-site-footer > .analytics-settings {
  position: absolute;
  bottom: 10px;
  left: 20px;
  margin: 0;
}

.mastereat-footer-brand {
  display: inline-flex;
  margin-bottom: 20px;
  align-items: center;
  gap: 13px;
  font: 700 30px/1 Georgia, serif;
  text-decoration: none !important;
}

.mastereat-footer-brand-column p {
  margin: 0 0 21px;
  line-height: 1.5;
}

.mastereat-footer-column a,
.mastereat-footer-bottom {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

body.home .mastereat-home-composition {
  width: min(var(--mastereat-canvas), 100%) !important;
  padding-right: 60px !important;
  padding-left: 60px !important;
  box-sizing: border-box;
  background: var(--mastereat-bg);
}

body.home .td-main-content-wrap,
body.mastereat-category-page .td-main-content-wrap,
body.single-post .td-main-content-wrap,
body.td-post-template-default .td-main-content-wrap {
  overflow: clip;
}

body.mastereat-category-page .td-category-siblings {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row {
  min-width: 0;
}

body.mastereat-category-page .td-category-header {
  display: block !important;
  min-height: 190px !important;
  padding: 0 !important;
}

body.mastereat-category-page .td-category-header > .td-container {
  width: 100% !important;
  max-width: none !important;
  padding: 34px 0 !important;
}

body.mastereat-category-page .td-category-header .td-pb-row {
  margin: 0 !important;
}

body.mastereat-category-page .td-category-header .td-pb-span12 {
  position: relative !important;
  float: none !important;
  width: 100% !important;
  min-height: 122px !important;
  padding: 0 24px 0 144px !important;
}

body.mastereat-category-page .td-category-header .td-category-siblings {
  display: none !important;
}

body.mastereat-category-page .td-category-header .mastereat-category-hero-icon {
  top: 50% !important;
  left: 18px !important;
}

body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row > .td-main-sidebar,
body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row > .td-main-content {
  position: relative !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row > .td-main-sidebar {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row > .td-main-content {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body.mastereat-category-page .td-main-content-wrap .td-ss-main-sidebar,
body.mastereat-category-page .td-main-content-wrap .td-ss-main-content {
  width: 100% !important;
  min-width: 0 !important;
}

body.mastereat-category-page .td-main-content-wrap .td-ss-main-sidebar,
body.single-post .td-main-content-wrap .td-ss-main-sidebar,
body.td-post-template-default .td-main-content-wrap .td-ss-main-sidebar {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

@media (min-width: 861px) {
  body.mastereat-category-page .mastereat-category-results-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

body.mastereat-category-page .td-ss-main-content,
body.mastereat-category-page .td-ss-main-sidebar,
body.single-post .td-ss-main-content,
body.single-post .td-ss-main-sidebar,
body.td-post-template-default .td-ss-main-content,
body.td-post-template-default .td-ss-main-sidebar {
  min-width: 0;
}

@media (max-width: 860px) {
  .mastereat-search-form {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  body.mastereat-category-page .td-category-header .td-pb-span12 {
    padding: 0 18px !important;
  }

  body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row > .td-main-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.mastereat-category-page .td-main-content-wrap > .td-container > .td-pb-row > .td-main-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 580px) {
  body.home .mastereat-home-composition {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

/* Final production article composition – based on the approved recipe prototype. */
body.home .mastereat-category-menu:hover #mastereat-category-dropdown,
body.home .mastereat-category-menu:focus-within #mastereat-category-dropdown,
body.home .mastereat-category-menu.is-open #mastereat-category-dropdown {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
}

.mastereat-device-carousel > button:first-child { left: -15px; }
.mastereat-device-carousel > button:last-child { right: -15px; }

body.mastereat-article-page .td-main-content-wrap {
  padding-top: 0 !important;
}

body.mastereat-article-page .td-main-content-wrap > .td-container {
  padding: 0 !important;
}

.mastereat-article-breadcrumbs {
  width: min(var(--mastereat-page), 100%);
  min-height: 68px;
  padding: 24px 0 18px;
  margin: 0 auto;
  color: var(--mastereat-muted);
  font: 14px/1.5 Arial, Helvetica, sans-serif;
}

.mastereat-article-breadcrumbs .td-crumb-container {
  margin: 0 !important;
}

.mastereat-article-breadcrumbs .entry-crumbs {
  color: var(--mastereat-muted) !important;
  font: inherit !important;
}

.mastereat-article-breadcrumbs .entry-crumb:first-child,
.mastereat-article-breadcrumbs .entry-crumb:first-child span {
  color: var(--mastereat-accent-dark) !important;
  font-weight: 700;
}

.mastereat-article-breadcrumbs .td-bred-no-url-last {
  display: none !important;
}

.mastereat-article-breadcrumbs .td-bread-sep {
  padding: 0 9px;
  color: #a79d90 !important;
  font-size: 0 !important;
}

.mastereat-article-breadcrumbs .td-bread-sep::before {
  content: "›" !important;
  font: 18px/1 Arial, Helvetica, sans-serif !important;
}

body.mastereat-article-page article {
  width: 100% !important;
  margin: 0 !important;
}

.mastereat-article-layout {
  display: grid;
  width: min(var(--mastereat-page), 100%);
  margin: 0 auto;
  grid-template-columns: minmax(0, 870px) minmax(290px, 390px);
  gap: 70px;
  align-items: start;
}

.mastereat-article-column {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(96, 77, 52, 0.12);
  border-radius: 18px;
  background: var(--mastereat-paper);
  box-shadow: 0 18px 55px rgba(85, 66, 40, 0.07);
}

.mastereat-article-column .td-post-header {
  padding: 42px 42px 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.mastereat-article-column .td-post-title {
  margin: 0 !important;
}

.mastereat-article-column .td-category {
  margin: 0 0 12px !important;
  text-align: left !important;
}

.mastereat-article-column .td-category a {
  color: var(--mastereat-accent-dark) !important;
  background: transparent !important;
  font: 700 12px/1.4 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.mastereat-article-page .entry-title {
  max-width: 820px;
  margin: 0 0 26px !important;
  color: #0b0b0a !important;
  font: 400 clamp(40px, 3.4vw, 52px)/1.16 Georgia, "Times New Roman", serif !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
}

.mastereat-article-column .td-module-meta-info {
  display: none !important;
}

.mastereat-recipe-meta {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 34px;
  border-top: 1px solid var(--mastereat-line);
  border-bottom: 1px solid var(--mastereat-line);
  color: var(--mastereat-muted);
}

.mastereat-recipe-meta > span {
  min-width: 150px;
  padding: 14px 20px;
  border-right: 1px solid var(--mastereat-line);
}

.mastereat-recipe-meta > span:first-child { padding-left: 0; }
.mastereat-recipe-meta > span:last-child { border-right: 0; }
.mastereat-recipe-meta strong,
.mastereat-recipe-meta small { display: block; }
.mastereat-recipe-meta strong { color: var(--mastereat-ink); font: 700 13px/1.35 Arial, Helvetica, sans-serif; }
.mastereat-recipe-meta small { margin-top: 3px; color: var(--mastereat-muted); font: 13px/1.35 Arial, Helvetica, sans-serif; }

body.mastereat-article-page .td-ss-main-content {
  width: 100% !important;
  padding: 0 42px 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mastereat-article-page .td-post-content {
  color: #38342e;
  font: 17px/1.75 Arial, Helvetica, sans-serif;
}

body.mastereat-article-page .td-post-content > p:first-of-type {
  margin-top: 0;
  color: #38342e;
  font-size: 19px;
}

body.mastereat-article-page .td-post-featured-image {
  margin: 0 0 38px !important;
}

body.mastereat-article-page .td-post-featured-image img {
  display: block;
  width: 100% !important;
  aspect-ratio: 3 / 2;
  border-radius: 14px !important;
  object-fit: cover;
}

body.mastereat-article-page .td-post-content h2 {
  display: grid;
  margin: 48px 0 24px !important;
  grid-template-columns: auto 1fr;
  gap: 22px;
  align-items: center;
  color: var(--mastereat-ink) !important;
  font: 400 27px/1.35 Georgia, "Times New Roman", serif !important;
}

body.mastereat-article-page .td-post-content h2::after {
  height: 1px;
  background: var(--mastereat-line);
  content: "";
}

body.mastereat-article-page .mastereat-ingredients-list {
  padding: 0 !important;
  border-top: 1px solid var(--mastereat-line) !important;
  margin: 0 !important;
  list-style: none !important;
}

body.mastereat-article-page .mastereat-ingredients-list > li {
  display: grid;
  min-height: 72px;
  padding: 0 !important;
  grid-template-columns: 64px minmax(0, 1fr);
  border-bottom: 1px solid var(--mastereat-line);
}

body.mastereat-article-page .mastereat-ingredients-list > li::before {
  display: none !important;
}

.mastereat-ingredient-dot {
  align-self: center;
  justify-self: center;
  width: 22px;
  height: 22px;
  border: 2px solid #c9c3b9;
  border-radius: 50%;
  background: var(--mastereat-paper);
}

.mastereat-ingredient-text {
  display: flex;
  padding: 15px 24px;
  border-left: 1px solid var(--mastereat-line);
  align-items: center;
}

body.mastereat-article-page .mastereat-steps-list {
  padding: 0 !important;
  border: 0 !important;
  margin: 28px 0 0 !important;
  list-style: none !important;
  counter-reset: mastereat-step;
}

body.mastereat-article-page .mastereat-steps-list > li {
  display: grid;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 0 26px !important;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 18px;
  counter-increment: mastereat-step;
}

body.mastereat-article-page .mastereat-steps-list > li::before {
  position: static;
  display: grid;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  place-items: center;
  color: #fff;
  background: var(--mastereat-green);
  content: counter(mastereat-step);
  font: 700 15px/1 Arial, Helvetica, sans-serif;
}

.mastereat-article-sidebar {
  min-width: 0;
}

body.mastereat-article-page .td-ss-main-sidebar {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.mastereat-article-category-widget {
  overflow: hidden;
  border: 1px solid rgba(96, 77, 52, 0.13);
  border-radius: 18px;
  background: var(--mastereat-paper);
  box-shadow: 0 18px 55px rgba(85, 66, 40, 0.08);
}

.mastereat-article-category-widget > header {
  padding: 24px 28px;
  color: #fff;
  background: #9b8060;
}

.mastereat-article-category-widget > header > span {
  display: none;
}

.mastereat-article-category-widget h2 {
  margin: 0 !important;
  color: #fff !important;
  font: 400 28px/1.25 Georgia, "Times New Roman", serif !important;
}

.mastereat-article-category-widget .mastereat-category-panel {
  display: grid !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  grid-template-rows: none !important;
}

.mastereat-article-category-widget .mastereat-category-panel a {
  min-height: 66px;
  padding: 12px 20px;
}

.mastereat-article-related {
  width: min(var(--mastereat-page), 100%) !important;
  padding: 54px 0 70px !important;
  border-top: 1px solid rgba(93, 80, 61, 0.16) !important;
  margin: 70px auto 0 !important;
}

.mastereat-article-related .td-related-title {
  display: block !important;
  height: auto !important;
  border: 0 !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}

.mastereat-article-related .td-related-title a,
.mastereat-article-related .td-related-title span {
  padding: 0 !important;
  border: 0 !important;
  color: var(--mastereat-ink) !important;
  background: transparent !important;
  font: 400 32px/1.3 Georgia, "Times New Roman", serif !important;
}

.mastereat-article-related .td-next-prev-wrap,
.mastereat-article-related .td_ajax_load_more,
.mastereat-article-related .td_block_inner::before,
.mastereat-article-related .td_block_inner::after {
  display: none !important;
}

.mastereat-article-related .mastereat-related-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

.mastereat-article-related .mastereat-mini-card {
  display: block;
  color: var(--mastereat-ink) !important;
  font: 700 18px/1.4 Georgia, "Times New Roman", serif;
  text-decoration: none !important;
}

.mastereat-article-related .mastereat-mini-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1.55 / 1 !important;
  margin-bottom: 14px;
  border-radius: 12px !important;
  object-fit: cover;
  transition: transform 220ms ease;
}

.mastereat-article-related .mastereat-mini-card:hover img {
  transform: scale(1.035);
}

.mastereat-article-related .mastereat-mini-card__title {
  display: block;
}

@media (max-width: 1180px) {
  .mastereat-article-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 40px;
  }

  .mastereat-article-breadcrumbs,
  .mastereat-article-layout,
  .mastereat-article-related {
    width: calc(100% - 24px);
  }
}

@media (max-width: 860px) {
  .mastereat-article-layout {
    grid-template-columns: 1fr;
  }

  .mastereat-article-sidebar {
    margin-top: 4px;
  }

  .mastereat-article-related .mastereat-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 580px) {
  .mastereat-article-breadcrumbs,
  .mastereat-article-layout,
  .mastereat-article-related {
    width: 100%;
  }

  .mastereat-article-breadcrumbs {
    min-height: 56px;
    padding: 18px 0 14px;
  }

  .mastereat-article-column .td-post-header {
    padding: 28px 20px 0 !important;
  }

  body.mastereat-article-page .td-ss-main-content {
    padding: 0 20px 28px !important;
  }

  body.mastereat-article-page .entry-title {
    font-size: clamp(32px, 10vw, 40px) !important;
  }

  .mastereat-recipe-meta > span {
    width: 50%;
    min-width: 0;
    padding: 11px 10px 11px 0;
    border-right: 0;
  }

  body.mastereat-article-page .td-post-content {
    font-size: 16px;
  }

  .mastereat-article-related .mastereat-related-grid {
    grid-template-columns: 1fr !important;
  }
}