/* ------------------------------------------------------------   Gastrodontti 2026 - Clean Version   Homepage + Maat ja keittiöt------------------------------------------------------------ *//* ------------------------------------------------------------   1. Design tokens------------------------------------------------------------ */:root {  --gd-radius: 22px;  --gd-radius-sm: 14px;  --gd-content-wide: 1480px;  /* Light mode */  --gd-bg: #f7f1e8;  --gd-bg-2: #efe4d3;  --gd-bg-3: #f8f1e7;  --gd-surface: #fffaf2;  --gd-surface-2: #f1e5d4;  --gd-text: #241b14;  --gd-muted: #75685d;  --gd-border: rgba(166, 95, 36, 0.24);  --gd-border-soft: rgba(36, 27, 20, 0.12);  --gd-copper: #a65f24;  --gd-copper-strong: #8f4e1c;  --gd-olive: #8b8a54;  --gd-shadow: 0 24px 70px rgba(80, 55, 32, 0.16);  --gd-site-bg:    radial-gradient(circle at 20% 0%, rgba(198, 105, 45, 0.13), transparent 30rem),    radial-gradient(circle at 85% 12%, rgba(139, 138, 84, 0.10), transparent 28rem),    linear-gradient(180deg, var(--gd-bg) 0%, var(--gd-bg-2) 52%, var(--gd-bg-3) 100%);  --gd-panel-bg:    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)),    var(--gd-surface);  --gd-panel-bg-strong:    radial-gradient(circle at 85% 30%, rgba(201, 121, 61, 0.14), transparent 22rem),    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.38)),    var(--gd-surface);  --gd-card-bg: rgba(36, 27, 20, 0.045);  --gd-card-bg-hover: rgba(36, 27, 20, 0.07);  /* Image overlays (stay dark in both modes) */  --gd-image-text: #f5ead8;  --gd-image-muted: rgba(245, 234, 216, 0.82);  --gd-image-bg: #120e0a;  --gd-image-overlay-hero:    linear-gradient(90deg, rgba(36, 27, 20, 0.84) 0%, rgba(36, 27, 20, 0.52) 42%, rgba(36, 27, 20, 0.16) 100%);  --gd-image-overlay-feature:    linear-gradient(180deg, rgba(36, 27, 20, 0.28), rgba(36, 27, 20, 0.82));  --gd-image-overlay-card:    linear-gradient(180deg, rgba(36, 27, 20, 0.08), rgba(36, 27, 20, 0.78));  --gd-image-overlay-directory:    linear-gradient(90deg, rgba(36, 27, 20, 0.78), rgba(36, 27, 20, 0.44));  --gd-bg-image: radial-gradient(circle at 40% 20%, rgba(201, 121, 61, 0.42), transparent 16rem);}html.gd-theme-dark {  /* Dark mode tokens */  --gd-bg: #120e0a;  --gd-bg-2: #17110c;  --gd-bg-3: #100c08;  --gd-surface: #1b1510;  --gd-surface-2: #231a13;  --gd-text: #f5ead8;  --gd-muted: #b8a58d;  --gd-border: rgba(214, 150, 83, 0.22);  --gd-border-soft: rgba(245, 222, 190, 0.12);  --gd-copper: #c9793d;  --gd-copper-strong: #e08a43;  --gd-olive: #8b8a54;  --gd-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);  --gd-panel-bg:    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),    var(--gd-surface);  --gd-panel-bg-strong:    radial-gradient(circle at 85% 30%, rgba(201, 121, 61, 0.16), transparent 22rem),    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),    var(--gd-surface);  --gd-card-bg: rgba(255, 255, 255, 0.035);  --gd-card-bg-hover: rgba(255, 255, 255, 0.052);  /* Image overlays (darker in dark mode) */  --gd-image-overlay-hero:    linear-gradient(90deg, rgba(15, 10, 6, 0.96) 0%, rgba(15, 10, 6, 0.76) 38%, rgba(15, 10, 6, 0.18) 100%);  --gd-image-overlay-feature:    linear-gradient(180deg, rgba(15, 10, 6, 0.34), rgba(15, 10, 6, 0.88));  --gd-image-overlay-card:    linear-gradient(180deg, rgba(15, 10, 6, 0.08), rgba(15, 10, 6, 0.88));  --gd-image-overlay-directory:    linear-gradient(90deg, rgba(15, 10, 6, 0.86), rgba(15, 10, 6, 0.52));  /* ============================================     FIXED CHARRED WOOD BACKGROUND     This is the clean, reliable version  ============================================ */  background:     radial-gradient(circle at 18% 0%, rgba(170, 160, 145, 0.045), transparent 34rem),    radial-gradient(circle at 88% 10%, rgba(120, 120, 120, 0.045), transparent 30rem),    linear-gradient(180deg, rgba(7, 7, 7, 0.74), rgba(8, 8, 8, 0.88)),    url("https://staging.gastrodontti.fi/wp-content/uploads/2020/10/back_charredwood_continuous.jpg") !important;  background-size: auto, auto, auto, 760px auto !important;  background-repeat: no-repeat, no-repeat, repeat, repeat !important;  background-position: center top, center top, center top, center top !important;  background-attachment: fixed !important;  background-color: #080706 !important;}/* ------------------------------------------------------------   2. Site shell - Clean & consistent------------------------------------------------------------ */html {  background: var(--gd-site-bg);  color: var(--gd-text);  min-height: 100%;}body,.wp-site-blocks {  background: transparent !important;  color: var(--gd-text);}body {  min-height: 100vh;}main,.wp-block-post-content,.entry-content {  background: transparent !important;  color: var(--gd-text);}/* Make sure footer and template parts stay transparent in dark mode */html.gd-theme-dark footer,html.gd-theme-dark .gd-site-footer-wrap,html.gd-theme-dark .wp-block-template-part {  background: transparent !important;}/* ------------------------------------------------------------   3. Media library fallbacks (for inline styles)------------------------------------------------------------ */.gd-bg-hero,.gd-bg-recipes,.gd-bg-articles,.gd-bg-countries-hero,.gd-bg-asia,.gd-bg-africa,.gd-bg-americas,.gd-bg-north-america,.gd-bg-south-america,.gd-bg-europe,.gd-bg-oceania,.gd-bg-karjala,.gd-bg-malaysia,.gd-bg-mexico,.gd-bg-france,.gd-bg-sweden,.gd-bg-finland,.gd-bg-thailand,.gd-bg-turkey,.gd-bg-russia,.gd-bg-japan,.gd-bg-china,.gd-bg-india,.gd-bg-italy,.gd-bg-new-orleans {  --gd-bg-image: radial-gradient(circle at 40% 20%, rgba(201, 121, 61, 0.42), transparent 16rem);}/* ------------------------------------------------------------   Homepage image fallbacks   Used if functions.php/media-library inline CSS does not override these------------------------------------------------------------ */.gd-bg-hero {	--gd-bg-image: url("../images/gd-hero.jpg");}.gd-bg-recipes {	--gd-bg-image: url("../images/gd-recipes.jpg");}.gd-bg-articles {	--gd-bg-image: url("../images/gd-articles.jpg");}.gd-bg-japan {	--gd-bg-image: url("../images/country-japan.jpg");}.gd-bg-mexico {	--gd-bg-image: url("../images/country-mexico.jpg");}.gd-bg-india {	--gd-bg-image: url("../images/country-india.jpg");}.gd-bg-italy {	--gd-bg-image: url("../images/country-italy.jpg");}.gd-bg-new-orleans {	--gd-bg-image: url("../images/country-new-orleans.jpg");}/* ------------------------------------------------------------   4. Layout shell------------------------------------------------------------ */.wp-block-post-content,.entry-content,.gd-home,.gd-page {  max-width: none !important;}.gd-home,.gd-page {  padding-block: clamp(1.25rem, 3vw, 3rem) clamp(3rem, 6vw, 6rem);  color: var(--gd-text);}.gd-home a,.gd-page a {  color: inherit;  text-decoration: none;}.gd-home a:hover,.gd-page a:hover {  color: var(--gd-copper-strong);}.gd-home > .alignwide,.gd-home .alignwide,.gd-page > .alignwide,.gd-page .alignwide,.gd-hero,.gd-page-hero,.gd-feature-links,.gd-home-main,.gd-home-bottom,.gd-home-newsletter,.gd-intro-panel,.gd-country-section,.gd-page-bottom-panel {  width: min(var(--gd-content-wide), calc(100vw - 5rem)) !important;  max-width: min(var(--gd-content-wide), calc(100vw - 5rem)) !important;  margin-left: auto !important;  margin-right: auto !important;}/* ------------------------------------------------------------   5. Typography & Buttons------------------------------------------------------------ */.gd-eyebrow {  color: var(--gd-copper-strong);  font-size: 0.76rem;  font-weight: 800;  letter-spacing: 0.14em;  text-transform: uppercase;  margin: 0 0 0.8rem;}.gd-section-title,.gd-intro-title,.gd-page-bottom-panel__title,.gd-newsletter-title {  color: var(--gd-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  line-height: 1;  letter-spacing: -0.04em;  margin: 0;}.gd-section-title {  font-size: clamp(2.1rem, 3vw, 3.2rem);}.gd-intro-title,.gd-page-bottom-panel__title,.gd-newsletter-title {  font-size: clamp(2.4rem, 4vw, 4.4rem);}.gd-section-link,.gd-card__meta,.gd-card__label,.gd-card__terms,.gd-card__eyebrow,.gd-card__link,.gd-card-link,.gd-region-card__type,.gd-country-archive-card__type {  color: var(--gd-copper-strong);}.gd-button .wp-block-button__link {  border-radius: 999px;  font-weight: 800;  font-size: 0.92rem;  letter-spacing: 0.02em;  padding: 0.88rem 1.35rem;  border: 1px solid transparent;  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;}.gd-button--primary .wp-block-button__link {  background: var(--gd-copper);  color: #160d07;}.gd-button--primary .wp-block-button__link:hover {  background: var(--gd-copper-strong);  color: #120e0a;  transform: translateY(-1px);}.gd-button--ghost .wp-block-button__link {  background: rgba(255, 255, 255, 0.08);  border-color: rgba(245, 222, 190, 0.28);  color: var(--gd-image-text);}.gd-button--ghost .wp-block-button__link:hover {  border-color: var(--gd-copper);  color: var(--gd-image-text);  transform: translateY(-1px);}/* ------------------------------------------------------------   6. Homepage Hero------------------------------------------------------------ */.gd-hero {  position: relative;  min-height: 520px;  border-radius: clamp(22px, 2.2vw, 34px);  overflow: hidden;  border: 1px solid var(--gd-border);  box-shadow: var(--gd-shadow);  background:    var(--gd-image-overlay-hero),    var(--gd-bg-image);  background-size: cover;  background-position: center right;  background-color: var(--gd-image-bg);}.gd-hero__content {  max-width: 860px !important;  margin-left: 0 !important;  padding: clamp(2.4rem, 4.8vw, 5rem);}.gd-hero__title {  max-width: 820px !important;  color: var(--gd-image-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(3.8rem, 4vw, 5.15rem);  line-height: 0.96;  letter-spacing: -0.045em;  margin: 0;  text-wrap: balance;}.gd-hero__lead {  max-width: 620px;  color: var(--gd-image-muted);  font-size: clamp(1.05rem, 1.45vw, 1.22rem);  line-height: 1.65;  margin-top: 1.35rem;}.gd-hero__actions {  margin-top: 2rem;}/* ------------------------------------------------------------   7. Feature Cards------------------------------------------------------------ */.gd-feature-links,.gd-home-main,.gd-home-bottom {  display: grid !important;  gap: clamp(1rem, 2vw, 1.6rem);  margin-top: clamp(1.3rem, 3vw, 2rem);  grid-template-columns: repeat(2, minmax(0, 1fr));}.gd-feature-links > .wp-block-column,.gd-home-main > .wp-block-column,.gd-home-bottom > .wp-block-column {  flex-basis: auto !important;  min-width: 0;}.gd-feature-card {  position: relative;  min-height: 180px;  border-radius: var(--gd-radius);  overflow: hidden;  border: 1px solid var(--gd-border);  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);  background:    var(--gd-image-overlay-feature),    var(--gd-bg-image);  background-size: cover;  background-position: center;  padding: clamp(1.25rem, 2.4vw, 2rem);  display: grid;  grid-template-columns: auto 1fr auto;  align-items: center;  gap: 1.5rem;  color: var(--gd-image-text);}.gd-feature-card__content {  margin: 0 !important;}.gd-feature-icon {  width: 4.4rem;  height: 4.4rem;  display: grid;  place-items: center;  border-radius: 999px;  background: rgba(201, 121, 61, 0.88);  color: #170f09;  font-size: 1.7rem;  line-height: 1;  margin: 0;}.gd-feature-card__title {  color: var(--gd-image-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(2.1rem, 2.8vw, 3.2rem);  line-height: 1;  margin: 0 0 0.55rem;}.gd-feature-card p:not(.gd-eyebrow):not(.gd-feature-icon):not(.gd-feature-arrow) {  color: var(--gd-image-muted);  max-width: 46rem;  line-height: 1.55;  margin-bottom: 0;}.gd-feature-arrow {  margin: 0;}.gd-feature-arrow a {  width: 3.2rem;  height: 3.2rem;  display: grid;  place-items: center;  border-radius: 999px;  border: 1px solid rgba(245, 222, 190, 0.28);  background: rgba(0, 0, 0, 0.25);  color: var(--gd-image-text);  font-size: 1.6rem;  line-height: 1;  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease;}.gd-feature-arrow a:hover {  transform: translateX(2px);  background: rgba(201, 121, 61, 0.16);  border-color: var(--gd-copper);  color: var(--gd-copper-strong);}/* ------------------------------------------------------------   8. Sections & Cards------------------------------------------------------------ */.gd-section {  background: var(--gd-panel-bg);  border: 1px solid var(--gd-border-soft);  border-radius: var(--gd-radius);  padding: clamp(1rem, 2.4vw, 1.55rem);  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18);}.gd-section-header {  gap: 1rem;  margin-bottom: 1rem;}.gd-section-link {  margin: 0;  font-size: 0.92rem;  font-weight: 800;  white-space: nowrap;}.gd-card-grid {  display: grid !important;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 1rem;  margin: 0;  padding: 0;  list-style: none;}.gd-card {  background: var(--gd-card-bg);  border: 1px solid var(--gd-border-soft);  border-radius: var(--gd-radius-sm);  overflow: hidden;  min-width: 0;  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;}.gd-card:hover {  transform: translateY(-2px);  border-color: var(--gd-border);  background: var(--gd-card-bg-hover);}.gd-card__image {  margin: 0;  overflow: hidden;  background: var(--gd-surface-2);}.gd-card__image img {  display: block;  width: 100%;  height: 100%;  aspect-ratio: 4 / 3;  object-fit: cover;  transition: transform 240ms ease;}.gd-section--articles .gd-card__image img {  aspect-ratio: 16 / 10;}.gd-card:hover .gd-card__image img {  transform: scale(1.035);}.gd-card__body {  padding: 0.8rem;}.gd-card__meta,.gd-card__label,.gd-card__terms,.gd-card__eyebrow {  font-size: 0.66rem;  font-weight: 800;  letter-spacing: 0.08em;  text-transform: uppercase;  margin: 0 0 0.35rem;}.gd-card__terms a,.gd-card__label a {  color: var(--gd-copper-strong);}.gd-card__title {  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden;  color: var(--gd-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(1rem, 0.9vw, 1.18rem);  line-height: 1.12;  letter-spacing: -0.02em;  margin: 0;}.gd-card__title a {  color: var(--gd-text);}.gd-card__title a:hover {  color: var(--gd-copper-strong);}.gd-card__excerpt {  color: var(--gd-muted);  font-size: 0.92rem;  line-height: 1.55;  margin-top: 0.65rem;}.gd-section--articles .gd-card__excerpt {  display: none;}.gd-card__excerpt .wp-block-post-excerpt__more-link {  color: var(--gd-copper-strong);  font-weight: 800;  margin-top: 0.6rem;}.gd-empty-state {  color: var(--gd-muted);  border: 1px dashed var(--gd-border-soft);  border-radius: var(--gd-radius-sm);  padding: 1rem;}/* ------------------------------------------------------------   9. Countries & Themes------------------------------------------------------------ */.gd-country-grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 0.9rem;  margin: 0;  overflow: hidden;}.gd-country-card {  min-height: 145px;  margin: 0;  border-radius: var(--gd-radius-sm);  overflow: hidden;  border: 1px solid var(--gd-border-soft);  background:    var(--gd-image-overlay-card),    var(--gd-bg-image);  background-size: cover;  background-position: center;  transition: transform 180ms ease, border-color 180ms ease;}.gd-country-card:nth-child(n+5) {  display: none;}.gd-country-card:hover {  transform: translateY(-2px);  border-color: var(--gd-border);}.gd-country-card a {  min-height: 145px;  display: flex;  align-items: flex-end;  padding: 1rem;  color: var(--gd-image-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(1.15rem, 1.35vw, 1.55rem);  line-height: 1;  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65);  white-space: normal;}.gd-country-card a:hover {  color: var(--gd-copper-strong);}.gd-theme-grid {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 1rem;  margin: 0;}.gd-theme-card {  margin: 0;}.gd-theme-card a {  display: flex;  align-items: center;  min-height: 4.25rem;  padding: 1rem;  border-radius: var(--gd-radius-sm);  background:    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),    var(--gd-surface-2);  border: 1px solid var(--gd-border-soft);  color: var(--gd-text);  font-size: 0.95rem;  font-weight: 800;  transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, background 180ms ease;}.gd-theme-card a:hover {  transform: translateY(-2px);  border-color: var(--gd-border);  color: var(--gd-copper-strong);  background:    linear-gradient(180deg, rgba(201, 121, 61, 0.10), rgba(255, 255, 255, 0.018)),    var(--gd-surface-2);}/* ------------------------------------------------------------   10. Newsletter & Bottom panels------------------------------------------------------------ */.gd-home-newsletter,.gd-page-bottom-panel {  margin-top: clamp(1.5rem, 4vw, 3rem);  padding: clamp(2rem, 4vw, 4rem);  border-radius: var(--gd-radius);  border: 1px solid var(--gd-border);  background: var(--gd-panel-bg-strong);  box-shadow: var(--gd-shadow);}.gd-home-newsletter p:not(.gd-eyebrow),.gd-page-bottom-panel p:not(.gd-eyebrow) {  max-width: 760px;  color: var(--gd-muted);  line-height: 1.65;}/* ------------------------------------------------------------   11. Page Hero------------------------------------------------------------ */.gd-page-hero {  position: relative;  min-height: 520px;  display: flex;  align-items: center;  border-radius: clamp(22px, 2.2vw, 34px);  overflow: hidden;  border: 1px solid var(--gd-border);  box-shadow: var(--gd-shadow);  background:    var(--gd-image-overlay-hero),    var(--gd-bg-image);  background-size: cover;  background-position: center;  background-color: var(--gd-image-bg);}.gd-page-hero__content {  max-width: 760px !important;  margin-left: 0 !important;  padding: clamp(2.4rem, 5vw, 5rem);}.gd-page-hero__title {  max-width: 820px;  color: var(--gd-image-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(3.8rem, 6vw, 6.4rem);  line-height: 0.95;  letter-spacing: -0.05em;  margin: 0;}.gd-page-hero__lead {  max-width: 760px;  color: var(--gd-image-muted);  font-size: clamp(1.05rem, 1.4vw, 1.22rem);  line-height: 1.65;  margin-top: 1.35rem;}/* ------------------------------------------------------------   12. Maat ja keittiöt page------------------------------------------------------------ */.gd-intro-panel,.gd-country-section {  margin-top: clamp(1.4rem, 3vw, 2rem);  background: var(--gd-panel-bg);  border: 1px solid var(--gd-border-soft);  border-radius: var(--gd-radius);  padding: clamp(1.3rem, 3vw, 2rem);  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.16);}.gd-intro-columns {  align-items: center !important;}.gd-intro-panel .wp-block-column:first-child {  max-width: 680px;}.gd-intro-panel p,.gd-page-bottom-panel p {  color: var(--gd-muted);  line-height: 1.68;}.gd-mini-index {  background:    linear-gradient(180deg, rgba(201, 121, 61, 0.08), rgba(255, 255, 255, 0.02)),    var(--gd-surface-2);  border: 1px solid var(--gd-border-soft);  border-radius: var(--gd-radius-sm);  padding: 1.25rem;}.gd-mini-index ul {  list-style: none;  padding: 0;  margin: 0;  display: grid;  gap: 0.75rem;}.gd-mini-index a {  color: var(--gd-text);  font-weight: 800;}.gd-mini-index a:hover {  color: var(--gd-copper-strong);}.gd-section-note {  margin: 0;  color: var(--gd-muted);  font-size: 0.95rem;  text-align: right;}.gd-region-grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 1rem;  margin-top: 1rem;}.gd-region-card {  position: relative;  min-height: 320px;  overflow: hidden;  border-radius: var(--gd-radius-sm);  border: 1px solid var(--gd-border-soft);  padding: 1.25rem;  display: flex;  flex-direction: column;  justify-content: flex-end;  background:    var(--gd-image-overlay-card),    var(--gd-bg-image);  background-size: cover;  background-position: center;  background-color: var(--gd-image-bg);  color: var(--gd-image-text);  transition: transform 180ms ease, border-color 180ms ease, filter 180ms ease;}.gd-region-card:hover {  transform: translateY(-3px);  border-color: var(--gd-border);  filter: saturate(1.08);}.gd-region-card__type {  font-size: 0.72rem;  font-weight: 800;  letter-spacing: 0.1em;  text-transform: uppercase;  margin: 0 0 0.4rem;}.gd-region-card h3 {  color: var(--gd-image-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(2rem, 3vw, 3.15rem);  line-height: 0.95;  letter-spacing: -0.04em;  margin: 0 0 0.7rem;  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72);}.gd-region-card h3 a {  color: var(--gd-image-text);}.gd-region-card h3 a:hover {  color: var(--gd-copper-strong);}.gd-region-card p:not(.gd-region-card__type) {  color: var(--gd-image-muted);  line-height: 1.55;  margin: 0;  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.72);}.gd-country-directory {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 1rem;  margin-top: 1rem;}.gd-directory-card {  margin: 0;  border-radius: var(--gd-radius-sm);  overflow: hidden;  border: 1px solid var(--gd-border-soft);  background:    var(--gd-image-overlay-directory),    var(--gd-bg-image);  background-size: cover;  background-position: center;  background-color: var(--gd-image-bg);  transition: transform 180ms ease, border-color 180ms ease, filter 180ms ease;}.gd-directory-card:hover {  transform: translateY(-2px);  border-color: var(--gd-border);  filter: saturate(1.08);}.gd-directory-card a {  min-height: 185px;  display: flex;  flex-direction: column;  justify-content: flex-end;  padding: 1rem;  color: var(--gd-image-text);  text-decoration: none;}.gd-directory-card strong {  display: block;  color: var(--gd-image-text);  font-family: var(--wp--preset--font-family--heading, Georgia, serif);  font-size: clamp(1.6rem, 2vw, 2.25rem);  line-height: 1;  letter-spacing: -0.035em;  margin-bottom: 0.45rem;  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72);}.gd-directory-card span {  color: var(--gd-image-muted);  font-size: 0.92rem;  line-height: 1.45;  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.72);}/* ------------------------------------------------------------   13. Responsive------------------------------------------------------------ */@media (max-width: 1200px) {  .gd-card-grid,  .gd-region-grid,  .gd-country-directory {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .gd-country-grid,  .gd-theme-grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .gd-country-card:nth-child(n+5) {    display: block;  }}@media (max-width: 900px) {  .gd-feature-links,  .gd-home-main,  .gd-home-bottom {    grid-template-columns: 1fr;  }  .gd-home > .alignwide,  .gd-home .alignwide,  .gd-page > .alignwide,  .gd-page .alignwide,  .gd-hero,  .gd-page-hero,  .gd-feature-links,  .gd-home-main,  .gd-home-bottom,  .gd-home-newsletter,  .gd-intro-panel,  .gd-country-section,  .gd-page-bottom-panel {    width: calc(100vw - 2rem) !important;    max-width: calc(100vw - 2rem) !important;  }  .gd-section-header {    align-items: flex-start !important;  }  .gd-intro-columns {    display: block !important;  }}@media (max-width: 760px) {  .gd-home,  .gd-page {    padding-inline: 0.75rem;  }  .gd-hero,  .gd-page-hero {    min-height: 520px;    border-radius: 22px;    background:      var(--gd-image-overlay-hero),      var(--gd-bg-image);    background-size: cover;    background-position: center;    background-color: var(--gd-image-bg);  }  .gd-hero__content,  .gd-page-hero__content {    padding: 2rem 1.25rem;  }  .gd-hero__title,  .gd-page-hero__title {    font-size: clamp(3rem, 15vw, 4.8rem);  }  .gd-hero__lead,  .gd-page-hero__lead {    font-size: 1rem;  }  .gd-feature-card {    grid-template-columns: 1fr auto;    min-height: 260px;    padding: 1.25rem;  }  .gd-feature-icon {    display: none;  }  .gd-feature-arrow a {    width: 2.8rem;    height: 2.8rem;  }  .gd-card-grid,  .gd-country-grid,  .gd-theme-grid,  .gd-region-grid,  .gd-country-directory {    grid-template-columns: 1fr;  }  .gd-section--articles .gd-card__excerpt {    display: block;  }  .gd-region-card {    min-height: 260px;  }  .gd-directory-card a {    min-height: 145px;  }  .gd-section-note {    text-align: left;  }}/* ------------------------------------------------------------   RESTORE: Homepage + Maat ja keittiöt image fallbacks and sizes   Keep this after the generic .gd-bg-* fallback block.------------------------------------------------------------ *//* Etusivun ja maasivun fallback-kuvat */.gd-bg-hero {	--gd-bg-image: url("../images/gd-hero.jpg");}.gd-bg-recipes {	--gd-bg-image: url("../images/gd-recipes.jpg");}.gd-bg-articles {	--gd-bg-image: url("../images/gd-articles.jpg");}/* Maat ja keittiöt hero.   Jos sinulla on tälle oma parempi kuva mediakirjastossa,   vaihda URL siihen. */.gd-bg-countries-hero {	--gd-bg-image: url("https://staging.gastrodontti.fi/wp-content/uploads/2020/10/back_charredwood_continuous.jpg");}.gd-bg-japan {	--gd-bg-image: url("../images/country-japan.jpg");}.gd-bg-mexico {	--gd-bg-image: url("../images/country-mexico.jpg");}.gd-bg-india {	--gd-bg-image: url("../images/country-india.jpg");}.gd-bg-italy {	--gd-bg-image: url("../images/country-italy.jpg");}.gd-bg-new-orleans {	--gd-bg-image: url("../images/country-new-orleans.jpg");}/* ------------------------------------------------------------   RESTORE: Gutenberg constrained layout fix------------------------------------------------------------ */.gd-section.is-layout-constrained > *,.gd-intro-panel.is-layout-constrained > *,.gd-country-section.is-layout-constrained > *,.gd-page-bottom-panel.is-layout-constrained > *,.gd-page-hero.is-layout-constrained > * {	max-width: none !important;}/* ------------------------------------------------------------   RESTORE: Maat ja keittiöt page proportions------------------------------------------------------------ */.gd-page-hero {	min-height: 440px;	display: block;	background:		var(--gd-image-overlay-hero),		var(--gd-bg-image);	background-size: cover;	background-position: center;	background-color: var(--gd-image-bg);}.gd-page-hero__content {	max-width: 820px !important;	padding: clamp(2.8rem, 5vw, 5rem);}.gd-page-hero__title {	max-width: 760px;	font-size: clamp(4rem, 5.5vw, 6.2rem);	line-height: 0.94;}.gd-page-hero__lead {	max-width: 760px;}/* Intro */.gd-intro-columns {	align-items: center !important;}.gd-intro-panel .wp-block-column:first-child {	max-width: 720px;}.gd-mini-index {	max-width: 340px;}/* Maanosat ja suuret alueet */.gd-region-grid {	display: grid !important;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1rem;	width: 100%;	margin-top: 1rem;}.gd-region-card {	min-height: 320px;	padding: 1.25rem;}.gd-region-card h3 {	font-size: clamp(2.1rem, 2.7vw, 3.15rem);}.gd-region-card p:not(.gd-region-card__type) {	font-size: 0.95rem;	line-height: 1.45;}/* Keittiöt ja maat */.gd-country-directory {	display: grid !important;	grid-template-columns: repeat(3, minmax(0, 1fr));	gap: 1rem;	width: 100%;	margin-top: 1rem;}.gd-directory-card a {	min-height: 185px;	padding: 1rem;}.gd-directory-card strong {	font-size: clamp(1.8rem, 2.2vw, 2.45rem);}.gd-directory-card span {	font-size: 0.92rem;	line-height: 1.35;}/* Bottom panel */.gd-page-bottom-panel {	padding: clamp(2.4rem, 4vw, 4rem);}.gd-page-bottom-panel__title {	max-width: 900px;	font-size: clamp(3rem, 4.6vw, 5.2rem);}.gd-page-bottom-panel p:not(.gd-eyebrow) {	max-width: 820px;}/* ------------------------------------------------------------   RESTORE: Etusivun korttikoot------------------------------------------------------------ */.gd-card-grid {	display: grid !important;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 1rem;}.gd-card__body {	padding: 0.8rem;}.gd-card__title {	font-size: clamp(1rem, 0.9vw, 1.18rem);	line-height: 1.12;}.gd-card__image img {	aspect-ratio: 4 / 3;	object-fit: cover;}.gd-section--articles .gd-card__image img {	aspect-ratio: 16 / 10;}.gd-home .gd-country-grid {	display: grid !important;	grid-template-columns: repeat(4, minmax(0, 1fr));	gap: 0.9rem;	overflow: hidden;}.gd-home .gd-country-card {	min-height: 145px;}.gd-home .gd-country-card:nth-child(n+5) {	display: none;}.gd-home .gd-country-card a {	min-height: 145px;	padding: 1rem;	font-size: clamp(1.15rem, 1.35vw, 1.55rem);}.gd-theme-grid {	display: grid !important;	grid-template-columns: repeat(3, minmax(0, 1fr));	gap: 1rem;}/* ------------------------------------------------------------   RESTORE: Responsive------------------------------------------------------------ */@media (max-width: 1200px) {	.gd-card-grid,	.gd-region-grid,	.gd-country-directory {		grid-template-columns: repeat(2, minmax(0, 1fr));	}	.gd-home .gd-country-grid,	.gd-theme-grid {		grid-template-columns: repeat(2, minmax(0, 1fr));	}	.gd-home .gd-country-card:nth-child(n+5) {		display: block;	}}@media (max-width: 760px) {	.gd-card-grid,	.gd-home .gd-country-grid,	.gd-theme-grid,	.gd-region-grid,	.gd-country-directory {		grid-template-columns: 1fr;	}	.gd-page-hero {		min-height: 420px;	}	.gd-page-hero__title {		font-size: clamp(3rem, 15vw, 4.8rem);	}	.gd-region-card {		min-height: 260px;	}	.gd-directory-card a {		min-height: 145px;	}}