@font-face { font-family: "Noto Sans Thai"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/noto-sans-thai-400.ttf") format("truetype"); unicode-range: U+0E00-0E7F, U+200C-200D, U+25CC; }
@font-face { font-family: "Noto Sans Thai"; font-weight: 700; font-style: normal; font-display: swap; src: url("/assets/fonts/noto-sans-thai-700.ttf") format("truetype"); unicode-range: U+0E00-0E7F, U+200C-200D, U+25CC; }
.mhg-spanesi-visual { --sv-ink: #1b1c1d; --sv-muted: #5b6063; --sv-line: #dce0e1; --sv-yellow: #ffcf00; --sv-surface: #f3f5f5; background: #fff; color: var(--sv-ink); }
.mhg-spanesi-visual main { background: #fff; }
.sv-content, .sv-hero { font-family: Arial, "Noto Sans Thai", sans-serif; letter-spacing: 0; }
html[lang="th"] .sv-content, html[lang="th"] .sv-hero { font-family: "Noto Sans Thai", Arial, sans-serif; }
.sv-content *, .sv-hero * { box-sizing: border-box; letter-spacing: 0; }
.sv-content h1, .sv-content h2, .sv-content h3, .sv-hero h1 { color: inherit; font-family: inherit; text-transform: none; margin: 0; font-weight: 700; }
.sv-content p, .sv-hero p { margin: 0; }
.sv-content a, .sv-hero a { color: inherit; text-decoration: none; }
.sv-content img, .sv-hero img { display: block; max-width: 100%; }
.sv-content button, .sv-content select { font: inherit; }
.sv-content [hidden] { display: none !important; }
.sv-wrap { width: min(1280px, calc(100% - 96px)); margin-inline: auto; }
.sv-section { padding-block: 80px; scroll-margin-top: 120px; }
.sv-eyebrow { font-size: 12px; line-height: 1.6; font-weight: 700; text-transform: uppercase; }
.sv-content h2 { font-size: 36px; line-height: 1.18; text-wrap: balance; }
.sv-content h3 { font-size: 23px; line-height: 1.3; }
.sv-content p { line-height: 1.65; }
.sv-hero { position: relative; isolation: isolate; height: min(700px, calc(100svh - 185px)); min-height: 520px; color: #fff; background: #202629; }
.sv-hero-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 56%; }
.sv-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(12 17 19 / .8) 0%, rgb(12 17 19 / .45) 40%, transparent 75%); }
.sv-hero-inner { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative; padding-block: 48px; }
.sv-hero h1 { font-size: 100px; line-height: 1.08; margin-top: 12px; margin-bottom: 14px; }
.sv-brand-mark { color: var(--sv-yellow); }
.sv-hero-sub { max-width: 550px; font-size: 32px; line-height: 1.25; font-weight: 700; text-wrap: balance; }
.sv-hero-sub > span { display: block; }
.sv-hero .sv-hero-lead { max-width: 480px; margin-top: 18px; font-size: 17px; line-height: 1.6; color: #f4f5f5; }
.sv-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.sv-button { display: inline-flex; gap: 22px; align-items: center; justify-content: center; min-height: 50px; padding: 14px 20px; border: 1px solid transparent; border-radius: 3px; font-size: 14px; line-height: 1.4; font-weight: 700; transition: background-color .15s, border-color .15s; }
.sv-button-yellow { background: var(--sv-yellow); color: #151718 !important; }
.sv-button-yellow:hover { background: #f0bd00; }
.sv-button-outline { border-color: #b8bec1; background: rgb(0 0 0 / .2); color: #fff; }
.sv-button-outline:hover { background: rgb(0 0 0 / .5); }
.sv-hero .sv-credit { position: absolute; right: 0; bottom: 20px; font-size: 11px; background: rgb(0 0 0 / .58); padding: 6px 9px; color: #fff; }
.sv-facts-strip { border-bottom: 1px solid var(--sv-line); }
.sv-facts-strip .sv-wrap { min-height: 82px; display: flex; align-items: center; gap: 42px; font-size: 13px; color: var(--sv-muted); }
.sv-facts-strip b { margin-right: 7px; font-size: 24px; color: var(--sv-ink); }
.sv-facts-strip a { margin-left: auto; color: var(--sv-ink); font-weight: 700; }
.sv-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.sv-heading .sv-eyebrow { color: var(--sv-muted); margin-bottom: 12px; }
.sv-heading > p { max-width: 290px; color: var(--sv-muted); font-size: 16px; }
.sv-catalogue-layout { display: grid; grid-template-columns: 226px minmax(0, 1fr); gap: 40px; }
.sv-family-list { display: none; flex-direction: column; gap: 3px; }
.sv-enhanced .sv-family-list { display: flex; }
.sv-family-list button { border: 0; border-left: 3px solid transparent; background: transparent; min-height: 47px; padding: 10px 14px; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #4d5356; cursor: pointer; text-align: left; font-size: 14px; line-height: 1.4; }
.sv-family-list button small { font-size: 11px; color: #5b6063; }
.sv-family-list button:hover { background: #f3f5f5; }
.sv-family-list button[aria-pressed="true"] { color: #181b1c; background: #f3f5f5; border-left-color: #dfb100; font-weight: 700; }
.sv-catalogue-resource { margin: 24px 14px 0; }
.sv-mobile-filter { display: none; }
.sv-result-bar { display: flex; justify-content: space-between; align-items: center; padding: 0 0 20px; gap: 20px; }
.sv-result-bar h3 { font-size: 18px; }
.sv-result-bar > span { color: var(--sv-muted); font-size: 13px; white-space: nowrap; }
.sv-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 26px; }
.sv-product-card { min-width: 0; border-bottom: 1px solid var(--sv-line); background: transparent; }
.sv-product-image { display: flex !important; align-items: center; justify-content: center; aspect-ratio: 5 / 4; background: #f3f5f5; overflow: hidden; }
.sv-product-image img { width: 100%; height: 100%; max-height: 100%; object-fit: contain !important; transition: opacity .18s; }
.sv-product-image:hover img { opacity: .9; }
.sv-card-copy { padding: 20px 0 22px; }
.sv-card-copy > p { color: var(--sv-muted); font-size: 13px; margin-bottom: 6px; }
.sv-card-copy h3 { font-size: 23px; }
.sv-text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; color: var(--sv-ink); font-size: 14px; line-height: 1.5; font-weight: 700; text-underline-offset: 5px; }
.sv-text-link:hover { text-decoration: underline; }
.sv-card-copy .sv-text-link { margin-top: 10px; }
.sv-category-links { margin-top: 26px; font-size: 14px; }
.sv-category-links a { display: block; padding-block: 10px; }
.sv-use { background: var(--sv-surface); }
.sv-use-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sv-use figure, .sv-heritage figure { margin: 0; }
.sv-use figure a { display: block; background: #e5e8e9; aspect-ratio: 16 / 10; }
.sv-use img { width: 100%; height: 100%; object-fit: contain !important; }
.sv-use figcaption { padding-top: 22px; }
.sv-use figcaption p { font-size: 14px; color: var(--sv-muted); margin-top: 8px; }
.sv-heritage-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }
.sv-heritage figure img { width: 100%; height: auto; }
.sv-heritage figcaption { margin-top: 10px; font-size: 12px; color: var(--sv-muted); }
.sv-heritage h2 { margin: 12px 0 20px; }
.sv-heritage p:not(.sv-eyebrow) { color: var(--sv-muted); }
.sv-link-row { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 20px; }
.sv-project { background: #242827; color: #fff; padding: 65px 0; }
.sv-project > .sv-wrap { display: flex; justify-content: space-between; align-items: center; gap: 60px; }
.sv-project h2 { font-size: 32px; max-width: 570px; margin: 10px 0 18px; }
.sv-project p:not(.sv-eyebrow) { color: #cdd3d0; max-width: 650px; font-size: 16px; }
.sv-project .sv-button { flex-shrink: 0; }
.sv-project-actions { display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; gap: 10px; }
.sv-project .sv-project-actions .sv-button { margin-top: 0; }
.sv-project .sv-project-actions .sv-text-link { color: #fff; }
.sv-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: 12px; color: #5b6063; padding-block: 28px; }
.sv-breadcrumb a { color: var(--sv-ink); }
.sv-product-heading { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.sv-product-heading h1 { font-size: 50px; line-height: 1.18; margin-top: 8px; }
.sv-product-heading .sv-eyebrow { color: var(--sv-muted); }
.sv-product-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sv-content .mhg-btn { min-height: 47px; border-radius: 3px; letter-spacing: 0; font-size: 14px; line-height: 1.45; padding: 12px 17px; box-shadow: none; text-transform: none; white-space: normal; }
.sv-content .mhg-btn--primary { background: var(--sv-yellow); color: #151718; border-color: var(--sv-yellow); }
.sv-content .mhg-btn--ghost { color: #252a2c; background: #fff; border: 1px solid #bdc3c6; }
.sv-product-heading .mhg-btn--compare { width: 165px; flex: 0 0 auto; }
.sv-product-intro { display: flex; justify-content: space-between; gap: 28px; align-items: start; margin: 24px 0 28px; }
.sv-product-intro p { max-width: 720px; font-size: 16px; color: var(--sv-muted); }
.sv-product-intro .sv-text-link { flex-shrink: 0; }
.sv-gallery { display: grid; grid-template-columns: minmax(0,1fr) 110px; gap: 18px; }
.sv-gallery figure { margin: 0; min-width: 0; background: #eef1f1; }
.sv-gallery [data-sv-full-image] { display: block; cursor: zoom-in; }
.sv-gallery [data-sv-main-image] { width: 100%; height: 510px; object-fit: contain !important; }
.sv-gallery--turbo-plus [data-sv-main-image] { background: #fff; }
.sv-gallery figcaption { display: flex; gap: 20px; justify-content: space-between; min-height: 46px; padding: 12px 18px; border-top: 1px solid var(--sv-line); color: var(--sv-muted); font-size: 12px; background: #f5f6f6; }
.sv-gallery figcaption span:last-child { white-space: nowrap; }
.sv-thumbnails { display: flex; flex-direction: column; gap: 12px; }
.sv-thumbnails button { width: 110px; height: 86px; flex: 0 0 auto; padding: 3px; border: 2px solid transparent; background: #f2f4f4; border-radius: 2px; cursor: pointer; }
.sv-thumbnails button[aria-pressed="true"] { border-color: #9c7900; }
.sv-thumbnails img { width: 100%; height: 100%; object-fit: contain; }
.sv-product-facts { display: grid; grid-template-columns: repeat(var(--sv-fact-count,3),minmax(0,1fr)); margin: 32px 0 0; padding: 26px 0; border-block: 1px solid var(--sv-line); }
.sv-product-facts > div { display: flex; flex-direction: column-reverse; gap: 8px; padding-inline: 28px; border-left: 1px solid var(--sv-line); }
.sv-product-facts > div:first-child { padding-left: 0; border: 0; }
.sv-product-facts dt { color: var(--sv-muted); font-size: 13px; line-height: 1.5; }
.sv-product-facts dd { margin: 0; font-size: 27px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.sv-product-information { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 60px; }
.sv-information-heading h2 { font-size: 30px; margin-top: 12px; }
.sv-resource-links { display: flex; flex-direction: column; align-items: flex-start; margin-top: 22px; }
.sv-feature-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-bottom: 24px; }
.sv-feature-columns h3 { font-size: 18px; }
.sv-feature-columns ul { font-size: 14px; line-height: 1.7; padding-left: 19px; margin-top: 16px; color: var(--sv-muted); }
.sv-feature-columns li { margin-bottom: 10px; }
.sv-disclosure { border-top: 1px solid var(--sv-line); border-bottom: 1px solid var(--sv-line); margin-top: -1px; }
.sv-disclosure summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; font-size: 17px; font-weight: 700; cursor: pointer; list-style: none; }
.sv-disclosure summary::-webkit-details-marker { display: none; }
.sv-disclosure summary::after { content: "+"; font-size: 26px; line-height: 1; font-weight: 400; margin-left: auto; }
.sv-disclosure[open] summary::after { content: "\2212"; }
.sv-disclosure summary span { font-size: 12px; font-weight: 400; color: var(--sv-muted); }
.sv-specifications { padding-bottom: 28px; }
.sv-faq { padding-bottom: 24px; }
.sv-faq h3 { font-size: 17px; margin-top: 18px; }
.sv-faq p { font-size: 14px; color: var(--sv-muted); margin: 8px 0 22px; }
.sv-content .mhg-product-tech__list { display: block; margin: 0; border: 0; background: #fff; }
.sv-content .mhg-product-tech__row { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(0,1.2fr); gap: 24px; padding: 13px 0; border: 0; border-bottom: 1px solid #e8ebec; background: none; border-radius: 0; }
.sv-content .mhg-product-tech__row dt { font-size: 13px; color: #40474b; line-height: 1.6; }
.sv-content .mhg-product-tech__row dd { font-size: 14px; color: #202627; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.sv-model-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; padding-bottom: 30px; }
.sv-model-grid article { border-bottom: 1px solid var(--sv-line); padding-bottom: 20px; }
.sv-model-grid img { width: 100%; height: 200px; object-fit: contain; background: #f5f6f6; }
.sv-model-grid h3 { font-size: 19px; margin-block: 16px 10px; }
.sv-model-grid p, .sv-model-grid dl { color: var(--sv-muted); font-size: 13px; line-height: 1.65; }
.sv-model-grid dl div { margin-top: 12px; }
.sv-model-grid dt { font-weight: 700; }
.sv-model-grid dd { margin: 0; }
.sv-model-grid h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.sv-video-links { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 24px; }
.sv-additional-features { padding-bottom: 24px; color: var(--sv-muted); font-size: 14px; line-height: 1.7; }
.sv-additional-features ul { padding-left: 19px; }
.sv-additional-features li { margin-bottom: 10px; }
.sv-model-grid, .sv-disclosure { scroll-margin-top: 130px; }
.sv-content .mhg-product-quote-configurator { border: 0; border-radius: 0; box-shadow: none; padding: 0 0 24px; background: #fff; color: var(--sv-ink); }
.sv-content .mhg-product-quote-configurator__head { display: none; }
.sv-content .mhg-product-quote-configurator__accessories { border-radius: 0; background: none; }
.sv-content .mhg-product-quote-configurator__accessories label { border-radius: 0; background: #fff; color: var(--sv-ink); }
.sv-content .mhg-product-quote-configurator__verified { color: var(--sv-ink); }
.sv-content .sv-quote-note { font-size: 13px; color: var(--sv-muted); margin-block: 22px 16px; }
.sv-related { padding-bottom: 80px; }
.sv-related h2 { font-size: 29px; }
.sv-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.mhg-spanesi-visual .mhg-footer { padding-top: 44px; }
.mhg-spanesi-visual .mhg-footer .mhg-shell { width: min(1280px, calc(100% - 96px)); max-width: none; }
.mhg-spanesi-visual .mhg-footer__grid { grid-template-columns: 1.5fr .9fr .75fr 1.55fr .9fr; gap: 26px; padding-bottom: 30px; }
.mhg-spanesi-visual .mhg-footer__nav { gap: 4px; margin-top: 14px; }
.mhg-spanesi-visual .mhg-footer__nav a { min-height: 32px; font-size: 12px; line-height: 1.5; padding: 5px 0; }
.mhg-spanesi-visual .mhg-home-footer-group:nth-child(4) .mhg-footer__nav { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
.mhg-spanesi-visual .mhg-home-footer-group summary { font-size: 13px; font-weight: 700; list-style: none; }
.mhg-spanesi-visual .mhg-home-footer-group summary::-webkit-details-marker { display: none; }
.mhg-spanesi-visual .mhg-footer__contact { gap: 4px; }
.mhg-spanesi-visual .mhg-footer__contact a { min-height: 32px; padding-block: 5px; font-size: 12px; line-height: 1.6; }
.mhg-spanesi-visual .mhg-footer__bottom { padding-block: 20px; font-size: 12px; }
.sv-content :focus-visible, .sv-hero :focus-visible { outline: 3px solid #087d87; outline-offset: 4px; }
html[lang="th"] .sv-content h1, html[lang="th"] .sv-content h2, html[lang="th"] .sv-content h3 { line-height: 1.45; }
html[lang="th"] .sv-hero-sub { font-size: 30px; line-height: 1.5; text-wrap: wrap; }
html[lang="th"] .sv-eyebrow { line-height: 1.8; }
html[lang="th"] .sv-content p, html[lang="th"] .sv-content li { line-height: 1.85; }
@media (min-width: 1600px) { .sv-wrap { width: min(1400px, calc(100% - 128px)); } .sv-gallery [data-sv-main-image] { height: 560px; } }
@media (max-width: 1050px) {
  .sv-wrap { width: calc(100% - 56px); }
  .mhg-spanesi-visual .mhg-footer .mhg-shell { width: calc(100% - 56px); }
  .mhg-spanesi-visual .mhg-footer__grid { grid-template-columns: 1.2fr 1fr 1fr; row-gap: 32px; }
  .sv-hero h1 { font-size: 84px; }
  .sv-catalogue-layout { grid-template-columns: 185px minmax(0,1fr); gap: 25px; }
  .sv-facts-strip .sv-wrap { gap: 20px; }
  .sv-product-heading { align-items: flex-start; }
  .sv-product-heading h1 { font-size: 40px; }
  .sv-product-actions { max-width: 240px; }
  .sv-product-information { grid-template-columns: 230px minmax(0,1fr); gap: 34px; }
  .sv-heritage-layout { gap: 40px; }
  .sv-project > .sv-wrap { gap: 30px; }
}
@media (max-width: 700px) {
  .sv-wrap { width: calc(100% - 40px); }
  .mhg-spanesi-visual .mhg-footer .mhg-shell { width: calc(100% - 40px); }
  .mhg-spanesi-visual .mhg-footer__grid { grid-template-columns: 1fr; gap: 0; }
  .mhg-spanesi-visual .mhg-footer__brand { padding-bottom: 25px; }
  .mhg-spanesi-visual .mhg-home-footer-group { border-top: 1px solid #3d4945; }
  .mhg-spanesi-visual .mhg-home-footer-group summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 54px; font-size: 14px; }
  .mhg-spanesi-visual .mhg-home-footer-group summary::after { content: "+"; font-size: 23px; font-weight: 400; }
  .mhg-spanesi-visual .mhg-home-footer-group[open] summary::after { content: "\2212"; }
  .mhg-spanesi-visual .mhg-footer__nav { margin: 0 0 16px; }
  .mhg-spanesi-visual .mhg-footer__nav a { min-height: 44px; font-size: 14px; }
  .mhg-spanesi-visual .mhg-footer__contact a { min-height: 40px; font-size: 13px; }
  .mhg-spanesi-visual .mhg-footer__bottom { display: block; font-size: 11px; line-height: 1.8; }
  .mhg-spanesi-visual .mhg-footer__bottom > span { display: block; }
  .sv-section { padding-block: 48px; scroll-margin-top: 90px; }
  .sv-content h2 { font-size: 28px; line-height: 1.25; }
  .sv-content h3 { font-size: 22px; }
  .sv-eyebrow { font-size: 10px; }
  .sv-hero { height: 595px; min-height: 0; max-height: none; }
  .sv-hero-photo { object-position: 60% 50%; }
  .sv-hero::before { background: linear-gradient(0deg, rgb(12 17 19 / .92), rgb(12 17 19 / .5) 58%, rgb(12 17 19 / .08)); }
  .sv-hero-inner { padding-top: 130px; padding-bottom: 48px; justify-content: center; }
  .sv-hero h1 { font-size: 68px; margin-block: 8px 12px; }
  .sv-hero-sub { font-size: 27px; max-width: 340px; }
  .sv-hero .sv-hero-lead { font-size: 15px; margin-top: 14px; line-height: 1.65; }
  .sv-actions { gap: 10px; margin-top: 22px; }
  .sv-button { padding: 13px 16px; min-height: 48px; font-size: 13px; gap: 14px; }
  .sv-hero .sv-credit { bottom: 12px; right: 0; font-size: 10px; }
  .sv-facts-strip .sv-wrap { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding-block: 20px; font-size: 11px; }
  .sv-facts-strip .sv-wrap > span { display: flex; flex-direction: column; gap: 7px; border-right: 1px solid var(--sv-line); padding-inline: 12px; }
  .sv-facts-strip .sv-wrap > span:first-child { padding-left: 0; }
  .sv-facts-strip .sv-wrap > span:nth-child(3) { border: 0; }
  .sv-facts-strip b { font-size: 24px; margin: 0; }
  .sv-facts-strip a { grid-column: 1 / -1; margin: 20px 0 0; font-size: 12px; }
  .sv-heading { display: block; margin-bottom: 25px; }
  .sv-heading > p { margin-top: 14px; font-size: 14px; }
  .sv-heading .sv-eyebrow { margin-bottom: 8px; }
  .sv-catalogue-layout { display: block; }
  .sv-categories { margin-bottom: 26px; }
  .sv-enhanced .sv-family-list { display: none; }
  .sv-enhanced .sv-mobile-filter { display: block; font-size: 12px; line-height: 1.6; }
  .sv-mobile-filter select { display: block; width: 100%; min-height: 49px; border: 1px solid #8c969b; border-radius: 3px; color: #22282a; background: #fff; font-size: 15px; margin-top: 6px; padding: 11px 14px; }
  .sv-catalogue-resource { display: none; }
  .sv-result-bar h3 { font-size: 17px; }
  .sv-product-grid { grid-template-columns: 1fr; gap: 30px; }
  .sv-card-copy { padding-top: 17px; padding-bottom: 18px; }
  .sv-card-copy h3 { font-size: 24px; }
  .sv-product-image { aspect-ratio: 5 / 4; }
  .sv-card-copy .sv-text-link { margin-top: 3px; }
  .sv-use-grid, .sv-heritage-layout { grid-template-columns: 1fr; gap: 32px; }
  .sv-use figure a { aspect-ratio: 16 / 10; }
  .sv-use figcaption { padding-top: 17px; }
  .sv-heritage h2 { margin-bottom: 15px; }
  .sv-heritage p:not(.sv-eyebrow) { font-size: 15px; }
  .sv-project { padding-block: 42px; }
  .sv-project > .sv-wrap { display: block; }
  .sv-project h2 { font-size: 28px; }
  .sv-project p:not(.sv-eyebrow) { font-size: 14px; }
  .sv-project .sv-button { margin-top: 24px; }
  .sv-project-actions { margin-top: 24px; }
  .sv-breadcrumb { font-size: 11px; padding-block: 20px; gap: 8px; }
  .sv-product-heading { display: block; }
  .sv-product-heading h1 { font-size: 35px; line-height: 1.2; margin-top: 7px; }
  .sv-product-heading .sv-product-actions { margin-top: 20px; max-width: none; }
  .sv-content .mhg-btn { font-size: 13px; padding: 11px 14px; min-height: 46px; }
  .sv-product-heading .mhg-btn--compare { width: 151px; }
  html[lang="th"] .sv-product-heading .mhg-btn--compare { width: 167px; }
  .sv-product-intro { display: block; margin-block: 20px; }
  .sv-product-intro p { font-size: 14px; }
  .sv-product-intro .sv-text-link { margin-top: 8px; min-height: 36px; font-size: 13px; }
  .sv-gallery { display: block; }
  .sv-gallery [data-sv-main-image] { height: 280px; }
  .sv-gallery--turbo-plus [data-sv-main-image] { height: 320px; }
  .sv-gallery figcaption { min-height: 64px; font-size: 11px; line-height: 1.5; padding-inline: 12px; }
  .sv-thumbnails { flex-direction: row; gap: 8px; overflow-x: auto; padding: 12px 0 5px; }
  .sv-thumbnails button { width: 66px; height: 58px; }
  .sv-product-facts { gap: 0; margin-top: 22px; padding-block: 20px; }
  .sv-product-facts > div { padding-inline: 12px; gap: 6px; }
  .sv-product-facts dd { font-size: 18px; line-height: 1.4; overflow-wrap: normal; }
  .sv-product-facts dt { font-size: 11px; }
  .sv-product-information { display: block; }
  .sv-information-heading h2 { font-size: 27px; margin-top: 8px; }
  .sv-resource-links { margin-top: 14px; margin-bottom: 30px; }
  .sv-feature-columns { display: block; }
  .sv-feature-columns > div + div { margin-top: 24px; }
  .sv-feature-columns h3 { font-size: 19px; }
  .sv-feature-columns ul { margin-top: 12px; }
  .sv-disclosure summary { font-size: 16px; padding-block: 21px; }
  .sv-content .mhg-product-tech__row { grid-template-columns: 1fr; gap: 5px; padding-block: 15px; }
  .sv-model-grid { grid-template-columns: 1fr; }
  .sv-related { padding-bottom: 48px; }
  .sv-related-grid { grid-template-columns: 1fr; gap: 28px; }
  .sv-related-grid .sv-product-image { aspect-ratio: 3 / 2; }
  html[lang="th"] .sv-hero-sub { font-size: 26px; line-height: 1.5; }
  html[lang="th"] .sv-hero .sv-hero-lead { line-height: 1.8; }
  html[lang="th"] .sv-product-facts dd { font-size: 16px; line-height: 1.55; }
}
@media (max-width: 375px) {
  .sv-wrap { width: calc(100% - 32px); }
  .sv-hero .sv-actions { flex-direction: column; align-items: stretch; width: 100%; gap: 8px; }
  .sv-hero { height: 645px; }
  .sv-hero h1 { font-size: 64px; }
  .sv-hero-inner { padding-top: 105px; }
  .sv-product-heading h1 { font-size: 31px; }
  .sv-product-heading .mhg-btn { font-size: 12px; padding-inline: 12px; }
  .sv-product-facts dd { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .sv-content *, .sv-hero * { transition: none !important; scroll-behavior: auto; } }