/* Native gold corner detail shared by public pages; original media stays intact. */
.khunsuek-frame,
.products-page #productCatalog .product-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  border: 1px solid #8b784e;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 #e6c98624, 0 16px 34px #0003;
}
.khunsuek-frame::after,
.products-page #productCatalog .product-card::after {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: 2;
  pointer-events: none;
  border-radius: 6px;
  background:
    linear-gradient(#d8b973, #d8b973) left top / 22px 1px no-repeat,
    linear-gradient(#d8b973, #d8b973) left top / 1px 22px no-repeat,
    linear-gradient(#d8b973, #d8b973) right top / 22px 1px no-repeat,
    linear-gradient(#d8b973, #d8b973) right top / 1px 22px no-repeat,
    linear-gradient(#aa8c53, #aa8c53) left bottom / 22px 1px no-repeat,
    linear-gradient(#aa8c53, #aa8c53) left bottom / 1px 22px no-repeat,
    linear-gradient(#aa8c53, #aa8c53) right bottom / 22px 1px no-repeat,
    linear-gradient(#aa8c53, #aa8c53) right bottom / 1px 22px no-repeat;
}
.home-review-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.home-review-heading .section-copy { max-width: 650px; margin-bottom: 0; }
.home-review-heading > .btn { flex: 0 0 auto; min-height: 48px; }
.home-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.home-review-card { padding: 24px; background: linear-gradient(145deg, #1c3428, #102219); }
.home-review-card h3 { margin: 0 0 16px; font-size: 22px; line-height: 1.55; color: #ead2a0; }
.home-page .home-review-card .media-slider,
.home-page .home-review-card .media-slider.auto-media-slider {
  min-height: 0; padding: 8px; overflow: hidden; border-radius: 8px;
  background: #102219; border-color: #4f624c; box-shadow: none;
}
.home-review-fallback,
.home-page .home-review-card .media-slider.auto-media-slider .slider-image.is-active {
  display: block; width: 100%; height: 340px; max-height: none; object-fit: contain;
}
.home-page .home-review-card .slider-controls { border-color: #4f624c; padding-block: 8px; }
.home-page .home-review-card .slider-dots { background: transparent; }
.home-page .home-review-card .slider-dot::before { border-color: #a98f5c; background: #294132; }
.home-page .home-review-card .slider-dot[aria-current="true"]::before { background: #e8c784; box-shadow: 0 0 0 2px #102219; }
.calculator-page .calculator-form-card.khunsuek-frame,
.calculator-page .calculator-result-panel.khunsuek-frame { border-color: #8b784e; }
.calculator-page .calculator-form-heading { padding-bottom: 18px; border-bottom: 1px solid #8b784e80; }
.calculator-page .calculator-form-heading h2 { color: #edcf8f; line-height: 1.55; }
body:is(.contact-page, .dealer-page) {
  --text: #e6e9dd; --muted: #bdcbbb; --line: #53634f;
  background: #0c1b15; color: var(--text); color-scheme: dark;
}
:is(.contact-page, .dealer-page) .surface.khunsuek-frame {
  color: #e6e9dd; background: linear-gradient(145deg, #1c3428, #102219); border: 1px solid #8b784e;
}
:is(.contact-page, .dealer-page) .surface.khunsuek-frame :is(.page-title, .eyebrow) { color: #edcf8f; }
:is(.contact-page, .dealer-page) .surface.khunsuek-frame .page-copy { color: #bdcbbb; }
:is(.contact-page .contact-list, .dealer-page .dealer-steps) li { background: #142b20; border-color: #a58b55; }
:is(.contact-page .contact-list, .dealer-page .dealer-steps) li strong { color: #ece1c6; }
:is(.contact-page .contact-list, .dealer-page .dealer-steps) li span { color: #bdcbbb; }
.review-photo-fallback { display: block; width: 100%; height: clamp(240px, 65vw, 420px); object-fit: contain; }
:is(.contact-page, .dealer-page) :is(a, button):focus-visible { outline: 3px solid #f0ce87; outline-offset: 4px; }
:is(.contact-page, .dealer-page) .surface.khunsuek-frame .btn-outline { color: #edcf8f; border-color: #9d8759; background: #142b20; }
@media (max-width: 820px) {
  .home-review-grid { grid-template-columns: minmax(0, 1fr); }
  .home-review-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 960px) {
  .site-header[data-nav-enhanced] .nav-links {
    max-height: calc(100vh - var(--nav-menu-offset, 110px) - 12px);
    max-height: calc(100dvh - var(--nav-menu-offset, 110px) - max(12px, env(safe-area-inset-bottom)));
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-padding-block: 12px;
  }
  .site-header:not([data-nav-enhanced]) .nav { flex-wrap: wrap; align-items: center; }
  .site-header:not([data-nav-enhanced]) .nav-toggle { display: none; }
  .site-header:not([data-nav-enhanced]) .nav-links {
    position: static; display: flex; flex: 1 0 100%; flex-wrap: wrap;
    width: 100%; max-width: 100%; max-height: 70vh; max-height: 70dvh;
    overflow-y: auto; padding: 12px 0; gap: 8px; box-shadow: none;
  }
  .site-header:not([data-nav-enhanced]) .nav-links a { min-height: 44px; }
}
.calculator-page #resultPanel { scroll-margin-top: 110px; }
.calculator-page #resultPanel:focus-visible { outline: 3px solid #f0ce87; outline-offset: 4px; }
@media (max-width: 600px) {
  .home-review-card { padding: 20px; }
  .home-review-fallback,
  .home-page .home-review-card .media-slider.auto-media-slider .slider-image.is-active { height: clamp(220px, 72vw, 340px); }
  .home-review-heading > .btn { width: 100%; }
  .calculator-page .calculator-form-card.khunsuek-frame,
  .calculator-page .calculator-result-panel.khunsuek-frame { padding: 20px; }
}