/* The homepage contact block only; company data and destinations stay in QWeb. */
html body #wrapwrap .kc-home > .kc-wrap > section.kc-home__shop {
  display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  align-items: center; gap: 36px; margin: 48px 0 24px; padding: 32px;
  background: #3b491d; border: 2px solid #222c11; border-radius: 24px;
  box-shadow: 0 6px 0 #dedcc8; color: #fff9e8;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div { min-width: 0; }
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div:first-child .kc-eyebrow {
  color: #fdd201; font-size: 13px !important; line-height: 1.5;
  letter-spacing: .12em; margin-bottom: 14px;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div:first-child > h2 {
  color: #fff9dc !important; -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: 2px #101508 !important; paint-order: stroke fill;
  font-size: clamp(32px,3.6vw,48px) !important; line-height: 1.25;
  letter-spacing: 0; max-width: 13ch; margin: 0 0 18px; text-shadow: none !important;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div:first-child > p {
  color: #fff9e8; font-size: 17px !important; line-height: 1.65;
  max-width: 34ch; margin: 0; overflow-wrap: anywhere;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card {
  box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 24px;
  background: #fffdf2; border: 1.5px solid #74805a; border-radius: 18px;
  box-shadow: 0 4px 0 #263211; color: #34431c;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card > h3 {
  color: #34431c !important; -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: .8px #fdd201 !important; paint-order: stroke fill;
  font-size: 27px !important; line-height: 1.3; letter-spacing: 0;
  margin: 0 0 12px; max-width: none; text-shadow: none !important;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card > p {
  color: #56613d; font-size: 16px !important; line-height: 1.6;
  margin: 0 0 16px; max-width: none; overflow-wrap: anywhere;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card a[href^="mailto:"] {
  display: inline-flex; align-items: center; box-sizing: border-box;
  min-height: 44px; max-width: 100%; color: #34431c;
  font-weight: 600; text-decoration: underline; text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card > a.kc-btn {
  display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px 16px;
  background: #3b491d; color: #fff9dc; border: 1px solid #263211;
  border-radius: 12px; font-size: 17px !important; line-height: 1.4;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-site-support {
  margin-top: 20px; padding-top: 18px; border-top: 1px solid #c9cda5;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-site-support__heading {
  color: #34431c; font-size: 16px !important; margin-bottom: 10px;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-site-support__links {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-site-support__links > a {
  display: flex; align-items: center; justify-content: center;
  min-height: 48px; min-width: 0; padding: 10px 12px; box-sizing: border-box;
  background: #fdd201; color: #263211; border: 1px solid #74805a;
  border-radius: 12px; font-size: 17px; font-weight: 700; line-height: 1.4;
  text-decoration: none; overflow-wrap: normal; word-break: normal;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-site-support__links > a:hover {
  background: #ffe568; text-decoration: underline; text-underline-offset: 3px;
}
html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop a:focus-visible {
  outline: 3px solid #34431c; outline-offset: 4px;
}
@media (max-width: 767.98px) {
  html body #wrapwrap .kc-home > .kc-wrap > section.kc-home__shop {
    grid-template-columns: minmax(0,1fr); gap: 22px;
    padding: 20px; margin-top: 32px; border-radius: 20px;
  }
  html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div:first-child > h2 {
    max-width: none; font-size: clamp(30px,7.8vw,38px) !important;
  }
  html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card { padding: 18px; }
  html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card > h3 { font-size: 24px !important; }
}
@media (max-width: 380px) {
  html body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-site-support__links {
    grid-template-columns: minmax(0,1fr);
  }
}
html:lang(th) body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div:first-child > h2 {
  -webkit-text-stroke-width: .6px !important; line-height: 1.5;
}
html:lang(th) body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card > h3 {
  -webkit-text-stroke-width: .25px !important; line-height: 1.5;
}
@media (forced-colors: active) {
  html:root body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop > div:first-child > h2,
  html:root body #wrapwrap .kc-home > .kc-wrap > .kc-home__shop .kc-home__shop-card > h3 {
    -webkit-text-stroke: 0 !important;
  }
}
