.mhg-workshop-preview { --wp-ink:#19231f; --wp-green:#23782c; --wp-lime:#91d176; --wp-paper:#f4f5f1; --wp-line:#d9ded7; background:#fff; }
.wp-home { color:var(--wp-ink); background:#fff; font-family:Arial,sans-serif; }
.wp-home *, .wp-home *::before, .wp-home *::after { box-sizing:border-box; letter-spacing:0; }
.wp-home [hidden] { display:none !important; }
.wp-home :where(h1,h2,h3,p,figure) { margin:0; }
.wp-home :where(h1,h2,h3) { font-family:"Roboto Condensed",Arial,sans-serif; font-weight:700; text-transform:none; color:inherit; }
.wp-home a { text-decoration:none; color:inherit; }
.wp-home button { font:inherit; color:inherit; cursor:pointer; }
.wp-home :where(a,button):focus-visible { outline:3px solid #e4bf00; outline-offset:5px; }
.wp-home img { max-width:100%; display:block; }
.wp-home .wp-wrap { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
.wp-home .wp-section { padding-block:82px; }
.wp-home .wp-overline { font-size:11px; line-height:1.5; font-weight:700; color:var(--wp-green); text-transform:uppercase; }
.wp-home .wp-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:18px; }
.wp-home .wp-heading h2 { font-size:42px; line-height:1.12; max-width:730px; margin-top:12px; }
.wp-home .wp-heading>p { max-width:320px; color:#a8b5af; font-size:16px; line-height:1.6; }
.wp-home .wp-section-lead { font-size:16px; line-height:1.6; color:#5b655f; }
.wp-home .wp-link { display:inline-flex; align-items:center; gap:18px; font-size:13px; font-weight:700; line-height:1.5; min-height:44px; }
.wp-home .wp-link span, .wp-home .wp-button span { transition:transform .2s; }
.wp-home .wp-link:hover span, .wp-home .wp-button:hover span { transform:translateX(4px); }
.wp-home .wp-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.wp-home .wp-button, .wp-home .mhg-btn--quote { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:48px; padding:14px 20px; border:1px solid var(--wp-green); border-radius:3px; background:var(--wp-green); color:#fff; font:700 13px/1.35 Arial,sans-serif; box-shadow:none; text-transform:none; }
.wp-home .wp-button:hover { background:#185d22; }
.wp-home .wp-button-outline { border-color:#b4bfb8; background:transparent; }
.wp-home .wp-button-outline:hover { background:#ffffff15; }
.wp-home .mhg-btn--quote { border-color:#8d978f; color:var(--wp-ink); background:transparent; }
.wp-home .mhg-btn--quote:hover { background:#e9eee5; }
.wp-home section[id] { scroll-margin-top:140px; }

.wp-home .wp-hero { min-height:570px; height:min(660px,calc(100svh - 190px)); position:relative; isolation:isolate; background:#17221d; color:#fff; }
.wp-home .wp-hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% 48%; z-index:-2; }
.wp-home .wp-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,18,12,.94),rgba(7,18,12,.86) 24%,rgba(7,18,12,.53) 48%,rgba(7,18,12,.03) 72%),linear-gradient(0deg,rgba(7,18,12,.7),transparent 25%); z-index:-1; }
.wp-home .wp-hero-inner { display:flex; align-items:center; height:calc(100% - 66px); position:relative; }
.wp-home .wp-hero-copy { width:590px; max-width:58%; padding-block:36px; animation:wp-enter .65s both; }
.wp-home .wp-hero .wp-overline { color:#fff; font-size:18px; display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-bottom:28px; }
.wp-home .wp-hero .wp-overline span { font-size:10px; color:#a7d994; border-left:1px solid #829287; padding-left:20px; }
.wp-home .wp-hero h1 { font-size:64px; line-height:1.02; max-width:590px; }
.wp-home .wp-title-line { display:block; }
.wp-home .wp-hero-sub { font-size:23px; line-height:1.3; margin-top:22px; max-width:460px; }
.wp-home .wp-hero-lead { font-size:15px; line-height:1.7; color:#d2dcd6; margin-top:15px; max-width:430px; }
.wp-home .wp-hero .wp-actions { margin-top:28px; }
.wp-home .wp-photo-credit { position:absolute; right:0; bottom:25px; font-size:10px; background:#142019b8; padding:7px 10px; }
.wp-home .wp-hero-service { position:absolute; bottom:0; width:100%; background:#13211ad9; border-top:1px solid #8fa19445; }
.wp-home .wp-hero-service>.wp-wrap { display:grid; grid-template-columns:repeat(3,1fr); }
.wp-home .wp-hero-service span { display:flex; gap:14px; padding:24px 0; font-size:12px; font-weight:700; align-items:center; }
.wp-home .wp-hero-service span:not(:first-child) { border-left:1px solid #8fa19445; padding-left:30px; }
.wp-home .wp-hero-service b { color:#acd990; font-size:10px; }

.wp-home .wp-brands { padding:25px 0 28px; border-bottom:1px solid var(--wp-line); background:#fff; }
.wp-home .wp-strip-head { display:flex; align-items:center; justify-content:space-between; }
.wp-home .wp-strip-head .wp-overline { color:#657167; }
.wp-home .wp-brand-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin-top:12px; }
.wp-home .wp-brand-grid>a { display:flex; flex-direction:column; align-items:center; gap:17px; min-width:0; padding:10px 15px; }
.wp-home .wp-brand-grid>a+a { border-left:1px solid #e9ece6; }
.wp-home .wp-brand-grid>a>img { width:125px; height:37px; object-fit:contain; }
.wp-home .wp-brand-grid>a>img[src$="ditec-logo.gif"], .wp-home .wp-product-brand img[src$="ditec-logo.gif"] { object-fit:cover; }
.wp-home .wp-brand-grid>a>span { display:flex; gap:7px; align-items:center; font-size:9px; color:#626e66; text-transform:uppercase; }
.wp-home .wp-brand-grid .mhg-supplier-flag { width:23px !important; height:15px !important; margin:0; flex-shrink:0; border-radius:0; }
.wp-home .wp-brand-grid svg { width:23px; height:15px; }

.wp-home .wp-equipment { background:#f5f6f2; }
.wp-home .wp-product-choices { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; margin-top:36px; border-bottom:1px solid #c7d0c4; }
.wp-home .wp-product-choice { min-width:0; text-align:left; padding:12px 14px 20px; border:0; border-bottom:3px solid transparent; background:transparent; transition:background .2s,border-color .2s; }
.wp-home .wp-product-choice:hover { background:#e9eee4; }
.wp-home .wp-product-choice[aria-selected=true] { border-bottom-color:var(--wp-green); background:#fff; }
.wp-home .wp-choice-image { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1.2; overflow:hidden; margin-bottom:14px; background:#fff; }
.wp-home .wp-choice-image img { width:100%; height:100%; object-fit:contain; padding:10px; }
.wp-home .wp-product-choice b { display:block; font-size:13px; line-height:1.4; }
.wp-home .wp-product-choice>span:last-child { display:block; font-size:10px; line-height:1.5; color:#667063; margin-top:3px; }
.wp-home .wp-product-stage { background:#fff; }
.wp-home .wp-product { display:grid; grid-template-columns:1fr 1fr; min-height:490px; }
.wp-home .wp-product-image { display:flex; align-items:center; justify-content:center; padding:36px; min-width:0; }
.wp-home .wp-product-image img { width:100%; height:420px; object-fit:contain; }
.wp-home .wp-product-copy { align-self:center; padding:40px 52px; min-width:0; border-left:1px solid #ecefe9; }
.wp-home .wp-product-brand { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.wp-home .wp-product-brand img { width:112px; height:38px; object-fit:contain; object-position:left; }
.wp-home .wp-product-brand>span { color:#697366; font-size:11px; }
.wp-home .wp-product-copy h3 { margin-top:9px; font-size:47px; line-height:1.1; }
.wp-home .wp-product-summary { font-size:16px; line-height:1.7; color:#576358; margin-top:20px; }
.wp-home .wp-product-application { display:grid; grid-template-columns:100px 1fr; gap:16px; border-block:1px solid #e0e5dc; margin:24px 0; padding:17px 0; font-size:12px; line-height:1.6; }
.wp-home .wp-product-application>span { color:#6a756b; }
.wp-home .wp-range { margin-top:13px; }
.wp-home .wp-product-controls { display:flex; gap:18px; align-items:center; justify-content:end; padding-top:16px; font-size:11px; color:#657162; }
.wp-home .wp-product-controls button { width:44px; height:40px; font-size:22px; background:#fff; border:1px solid #c6d0c2; border-radius:2px; }
.wp-home .wp-product-controls button:hover { background:#e0e9dc; }

.wp-home .wp-workshop { background:#14211b; color:#fff; }
.wp-home .we-explorer { margin-top:34px; }
.wp-home .we-environment-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #405145; border-bottom:1px solid #405145; }
.wp-home .we-environment-tab { display:flex; align-items:center; gap:18px; text-align:left; padding:24px 22px; min-height:102px; border:0; border-bottom:3px solid transparent; background:transparent; color:#b9c8bc; }
.wp-home .we-environment-tab+button { border-left:1px solid #405145; }
.wp-home .we-environment-tab[aria-selected=true] { background:#233c2b; border-bottom-color:#d9d92d; color:#fff; }
.wp-home .we-tab-number { font:700 11px/1 Arial,sans-serif; color:#a1d687; }
.wp-home .we-environment-tab strong { display:block; font-size:20px; line-height:1.3; }
.wp-home .we-environment-tab small { display:block; font-size:12px; line-height:1.5; margin-top:7px; color:#b7c7ba; }
.wp-home .we-toolbar { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:72px; }
.wp-home .we-toolbar>p { font-size:13px; color:#c5d2c7; }
.wp-home .we-icon-button { flex-shrink:0; display:grid; place-items:center; width:44px; height:44px; padding:10px; border:1px solid #637268; background:#17291f; border-radius:3px; }
.wp-home .we-icon-button img { filter:invert(1); width:20px; height:20px; }
.wp-home .we-icon-button:hover { background:#31503b; }
.wp-home .we-icon-button:disabled { opacity:.35; cursor:default; }
.wp-home .we-mode-tabs { display:flex; gap:8px; }
.wp-home .we-mode-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; padding:14px 12px; color:#bdccbf; font-size:13px; min-height:48px; }
.wp-home .we-mode-tabs button[aria-selected=true] { color:#fff; border-bottom-color:#a1d687; }
.wp-home .we-stage { position:relative; aspect-ratio:1900/1104; display:grid; place-items:center; background:#0b1510; container-type:size; }
.wp-home .we-mode--lineup .we-stage { aspect-ratio:1575/580; }
.wp-home .we-scene { position:relative; width:min(100cqw,calc(100cqh * var(--ratio)),var(--native-width)); aspect-ratio:var(--ratio); }
.wp-home .we-scene-image { display:block; width:100%; height:100%; object-fit:contain; }
.wp-home .we-scene:not([hidden]) { animation:we-scene-enter .25s ease-out both; }
.wp-home .we-pin { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); width:48px; height:48px; display:grid; place-items:center; background:#162c22f0; color:#fff; border:1px solid #fff; border-radius:50%; box-shadow:0 0 0 6px #ffffff30; font-size:12px; transition:background .18s,box-shadow .18s; }
.wp-home .we-pin.is-active { background:#edcf1b; border-color:#edcf1b; color:#172019; }
.wp-home .we-pin:hover,.wp-home .we-pin[aria-expanded=true] { box-shadow:0 0 0 10px #ffffff40; }
.wp-home .we-pin-info { position:absolute; left:22px; bottom:22px; display:flex; gap:24px; align-items:center; background:#10241bf5; border-left:3px solid #edcf1b; padding:12px 20px; box-shadow:0 4px 24px #0005; max-width:calc(100% - 44px); }
.wp-home .we-pin-info strong { font-size:18px; }
.wp-home .we-pin-info .wp-link { color:#c1e6aa; white-space:nowrap; }
.wp-home .we-caption { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; padding:10px 18px; background:#102019; color:#c1cec4; font-size:11px; line-height:1.5; }
.wp-home .we-caption [data-we-progress] { white-space:nowrap; font-variant-numeric:tabular-nums; color:#9cc68f; }
.wp-home .we-view-nav { display:grid; grid-template-columns:repeat(var(--count),minmax(0,1fr)); background:#20362a; }
.wp-home .we-view-nav button { min-height:66px; border:0; border-bottom:3px solid transparent; display:flex; justify-content:center; align-items:center; gap:12px; padding:15px 12px; background:transparent; color:#d5e0d7; }
.wp-home .we-view-nav button[aria-pressed=true] { background:#304832; color:#fff; border-bottom-color:#edcf1b; }
.wp-home .we-view-nav button span { font-size:10px; color:#b9d49c; }
.wp-home .we-view-nav button strong { font-size:13px; line-height:1.45; font-weight:600; }
.wp-home .we-detail { display:grid; grid-template-columns:200px minmax(0,1fr) 225px; align-items:center; gap:30px; padding:32px; border:1px solid #3a5142; border-top:0; min-height:284px; }
.wp-home .we-product-image { background:#fff; color:#47564b; display:flex; flex-direction:column; padding:14px; min-width:0; }
.wp-home .we-product-image img { width:100%; height:152px; object-fit:contain; }
.wp-home .we-product-image span { margin-top:12px; font-size:10px; line-height:1.5; }
.wp-home .we-product-copy h3 { font-size:29px; line-height:1.2; margin:6px 0 12px; }
.wp-home .we-product-copy>p:not(.wp-overline) { font-size:14px; line-height:1.6; color:#c1cec4; max-width:520px; }
.wp-home .we-product-copy ul { list-style:none; padding:0; margin:18px 0 0; display:flex; gap:10px 20px; flex-wrap:wrap; }
.wp-home .we-product-copy li { font-size:12px; line-height:1.5; color:#cee0c8; border-left:2px solid #91c478; padding-left:9px; }
.wp-home .we-product-actions { display:flex; flex-direction:column; gap:10px; align-items:stretch; }
.wp-home .we-product-actions .wp-button,.wp-home .we-product-actions .mhg-btn--quote { padding:12px 14px; }
.wp-home .we-product-actions .mhg-btn--quote { background:transparent; color:#e3eee2; border-color:#71836e; }
.wp-home .we-product-actions .wp-link { font-size:12px; }
.wp-home .we-lightbox { position:fixed; inset:0; margin:auto; width:calc(100% - 40px); max-width:1920px; height:calc(100dvh - 40px); max-height:none; padding:0; border:1px solid #405c49; background:#0b1510; color:#fff; overflow:hidden; }
.wp-home .we-lightbox::backdrop { background:#020806ed; }
.wp-home .we-lightbox[open] { display:flex; flex-direction:column; }
.wp-home .we-lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 18px; border-bottom:1px solid #3b5042; }
.wp-home .we-lightbox-toolbar h3 { font-size:16px; line-height:1.45; }
.wp-home .we-lightbox-toolbar>div { display:flex; gap:8px; flex-shrink:0; }
.wp-home .we-lightbox-scroll { flex:1; min-height:0; overflow:auto; display:grid; place-items:safe center; touch-action:pan-x pan-y pinch-zoom; }
.wp-home .we-lightbox-scroll img { max-width:none; flex:none; object-fit:contain; }
@keyframes we-scene-enter { from { opacity:.65; } to { opacity:1; } }
@media (max-width:1000px) {
  .wp-home .we-environment-tab { padding:20px 14px; gap:12px; }
  .wp-home .we-environment-tab strong { font-size:17px; }
  .wp-home .we-detail { grid-template-columns:155px minmax(0,1fr); gap:22px; padding:24px; min-height:330px; }
  .wp-home .we-product-actions { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; }
  .wp-home .we-product-copy h3 { font-size:27px; }
  .wp-home .we-product-actions .wp-button,.wp-home .we-product-actions .mhg-btn--quote { min-width:180px; }
}
@media (max-width:600px) {
  .wp-home .we-explorer { margin-top:24px; }
  .wp-home .we-environment-tabs { margin-inline:-20px; }
  .wp-home .we-environment-tab { padding:15px 10px; min-height:124px; align-items:flex-start; gap:0; }
  .wp-home .we-tab-number { display:none; }
  .wp-home .we-environment-tab strong { font-size:14px; line-height:1.4; min-height:60px; }
  .wp-home .we-environment-tab small { font-size:10px; line-height:1.5; margin-top:2px; }
  .wp-home .we-toolbar { min-height:72px; gap:8px; }
  .wp-home .we-toolbar>p { font-size:12px; }
  .wp-home .we-mode-tabs { gap:2px; }
  .wp-home .we-mode-tabs button { padding:9px 7px; font-size:11px; line-height:1.4; }
  .wp-home .we-stage { margin-inline:-20px; aspect-ratio:4/3; }
  .wp-home .we-mode--lineup .we-stage { aspect-ratio:1.65; }
  .wp-home .we-pin { width:44px; height:44px; font-size:11px; box-shadow:0 0 0 3px #ffffff30; }
  .wp-home #we-spanesi .we-pin:first-of-type { left:7%; }
  .wp-home .we-caption { margin-inline:-20px; padding:9px 12px; font-size:10px; min-height:48px; }
  .wp-home .we-view-nav { grid-template-columns:repeat(2,minmax(0,1fr)); margin-inline:-20px; }
  .wp-home .we-view-nav button { min-height:58px; padding:10px 8px; gap:7px; }
  .wp-home .we-view-nav button strong { font-size:12px; }
  .wp-home .we-view-nav button:last-child:nth-child(3) { grid-column:1/-1; }
  .wp-home .we-detail { grid-template-columns:100px minmax(0,1fr); padding:24px 0; gap:18px 14px; border:0; align-items:start; min-height:385px; }
  .wp-home .we-product-image { padding:8px; }
  .wp-home .we-product-image img { height:114px; }
  .wp-home .we-product-image span { font-size:8px; margin-top:6px; }
  .wp-home .we-product-copy h3 { font-size:24px; line-height:1.2; }
  .wp-home .we-product-copy .wp-overline { font-size:9px; }
  .wp-home .we-product-copy>p:not(.wp-overline) { font-size:13px; line-height:1.6; }
  .wp-home .we-product-copy ul { gap:8px; margin-top:12px; }
  .wp-home .we-product-copy li { font-size:11px; }
  .wp-home .we-product-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .wp-home .we-product-actions .wp-button,.wp-home .we-product-actions .mhg-btn--quote { min-width:0; font-size:12px; padding:12px 9px; gap:8px; }
  .wp-home .we-product-actions .wp-link { grid-column:1/-1; font-size:12px; }
  .wp-home .we-pin-info { left:10px; right:10px; bottom:10px; padding:6px 12px; max-width:none; gap:12px; justify-content:space-between; }
  .wp-home .we-pin-info strong { font-size:13px; }
  .wp-home .we-pin-info .wp-link { font-size:11px; gap:8px; }
  .wp-home .we-lightbox { width:100%; height:100dvh; border:0; }
  .wp-home .we-lightbox-toolbar { gap:8px; padding:10px; }
  .wp-home .we-lightbox-toolbar h3 { font-size:12px; }
  .wp-home .we-lightbox-toolbar>div { gap:5px; }
  .wp-home .we-lightbox-toolbar .we-icon-button { width:44px; height:44px; padding:10px; }
}
@media (prefers-reduced-motion:reduce) { .wp-home .we-scene:not([hidden]) { animation:none; } }

/* The dense Hedson map keeps touch targets stable inside a pannable viewport. */
.wp-home .we-mode--workshop-map .we-stage { display:block; aspect-ratio:auto; container-type:normal; background:#ebebed; }
.wp-home .we-map-viewport { overflow:auto; overscroll-behavior-x:contain; scrollbar-color:#567561 #e2e6e2; scrollbar-width:thin; }
.wp-home .we-mode--workshop-map .we-scene { width:max(100%,1100px); max-width:none; animation:none; }
.wp-home .we-mobile-directory,.wp-home .we-map-overview-open { display:none; }
.wp-home .we-map-controls { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 0 14px; }
.wp-home .we-map-controls p { max-width:660px; font-size:12px; line-height:1.6; color:#bacabd; margin:0; }
.wp-home .we-map-controls>div { display:flex; gap:6px; flex-shrink:0; }
.wp-home .we-map-controls button { color:#fff; font-size:22px; }
.wp-home .we-map-leaders { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.wp-home .we-map-leaders line { stroke:#344c3e; stroke-width:1; vector-effect:non-scaling-stroke; opacity:.45; }
.wp-home .we-map-leaders line.is-active { stroke:#14542a; stroke-width:3; opacity:1; }
.wp-home .we-mode--workshop-map .we-pin { width:44px; height:44px; font-size:12px; box-shadow:0 0 0 3px #ffffff50; }
.wp-home .we-mode--workshop-map .we-pin.is-active { outline:3px solid #172a20; outline-offset:2px; }
.wp-home .we-directory-title { display:flex; justify-content:space-between; align-items:center; font-size:16px; margin:0; padding:20px 18px 12px; }
.wp-home .we-directory-title span { font-size:12px; font-variant-numeric:tabular-nums; color:#bcd0c1; }
.wp-home .we-mode--workshop-map .we-view-nav { position:relative; grid-template-columns:repeat(3,minmax(0,1fr)); max-height:204px; overflow:auto; scrollbar-color:#6d8c72 #20362a; }
.wp-home .we-mode--workshop-map .we-view-nav button { min-height:64px; justify-content:flex-start; text-align:left; border-bottom:1px solid #405546; padding:10px 16px; }
.wp-home .we-mode--workshop-map .we-view-nav button[aria-pressed=true] { box-shadow:inset 3px 0 #edcf1b; }
.wp-home .we-mode--workshop-map .we-view-nav button span { flex:0 0 22px; }
.wp-home .we-mode--workshop-map .we-product-copy .wp-overline { max-width:440px; }
.wp-home .we-model-choices { grid-column:1/-1; width:100%; border-top:1px solid #47604c; }
.wp-home .we-model-choices summary { font-size:14px; line-height:1.5; font-weight:600; padding:16px 0; color:#ddeddb; cursor:pointer; }
.wp-home .we-model-choices summary span { color:#bcd0c1; margin-left:6px; font-variant-numeric:tabular-nums; }
.wp-home .we-model-choices ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; margin:0; gap:0 16px; }
.wp-home .we-model-choices li { border:0; padding:0; }
.wp-home .we-model-choices a { min-height:48px; display:flex; gap:10px; align-items:center; justify-content:space-between; color:#ddeddb; border-bottom:1px solid #47604c; font-size:14px; line-height:1.4; text-decoration:none; }
.wp-home .we-model-choices a:hover { color:#ffeb75; }
@media(max-width:700px) {
  .wp-home .we-map-controls p { font-size:11px; }
  .wp-home .we-mode--workshop-map .we-stage { margin-inline:-20px; }
  .wp-home .we-mode--workshop-map .we-view-nav { grid-template-columns:1fr; max-height:192px; }
  .wp-home .we-mode--workshop-map .we-view-nav button { min-height:64px; padding-inline:20px; }
  .wp-home .we-mode--workshop-map .we-view-nav button strong { font-size:13px; }
  .wp-home .we-directory-title { padding-inline:0; }
  .wp-home .we-model-choices ul { grid-template-columns:1fr; }
}
.wp-home .wp-workshop .wp-overline { color:#a1d687; }
.wp-home .wp-workshop-layout { display:grid; grid-template-columns:1fr 310px; margin-top:38px; }
.wp-home .wp-workshop-figure { grid-column:1/-1; position:relative; }
.wp-home .wp-workshop-figure>img { width:100%; height:auto; aspect-ratio:1900/1104; object-fit:contain; }
.wp-home .wp-workshop-credit { position:absolute; left:18px; bottom:18px; background:#14211bcf; padding:8px 12px; font-size:10px; }
.wp-home .wp-hotspot { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); width:48px; height:48px; display:grid; place-items:center; border:1px solid #fff; border-radius:50%; background:#132a20e8; color:#fff; box-shadow:0 0 0 7px #ffffff24; transition:background .2s,box-shadow .2s; }
.wp-home .wp-hotspot span { font-size:12px; font-weight:700; }
.wp-home .wp-hotspot:hover { box-shadow:0 0 0 11px #ffffff30; }
.wp-home .wp-hotspot[aria-pressed=true] { background:#edcf1b; color:#172019; border-color:#edcf1b; }
.wp-home .wp-zone-nav { display:grid; grid-template-columns:repeat(4,1fr); grid-column:1/-1; background:#1f3026; }
.wp-home .wp-zone-nav button { display:flex; align-items:center; justify-content:center; gap:13px; min-height:62px; border:0; border-bottom:3px solid transparent; background:transparent; color:#c0cec3; font-size:13px; }
.wp-home .wp-zone-nav b { color:#9ab38f; font-size:10px; }
.wp-home .wp-zone-nav button[aria-pressed=true] { border-bottom-color:#edcf1b; background:#2b3e30; color:#fff; }
.wp-home .wp-zone-panels { grid-column:1/-1; padding:30px 34px; border:1px solid #35483b; border-top:0; min-height:188px; }
.wp-home .wp-zone-detail h3 { font-size:29px; line-height:1.2; margin-top:6px; }
.wp-home .wp-zone-detail { display:grid; grid-template-columns:1fr 220px; align-items:center; gap:32px; }
.wp-home .wp-zone-product { position:relative; background:#fff; padding:12px 18px 29px; }
.wp-home .wp-zone-product img { width:100%; height:145px; object-fit:contain; }
.wp-home .wp-zone-product span { position:absolute; bottom:9px; left:18px; color:#506047; font-size:9px; }
.wp-home .wp-zone-detail p:not(.wp-overline) { font-size:14px; color:#b7c7bb; line-height:1.65; margin-top:10px; }
.wp-home .wp-zone-detail .wp-link { color:#c1e6aa; margin-top:8px; }
.wp-home .wp-planning { display:flex; justify-content:space-between; gap:16px; align-items:center; font-size:14px; margin-top:27px; }
.wp-home .wp-planning a { color:#bfe7a5; padding-block:12px; font-weight:700; }

.wp-home .wp-proof { background:#fff; }
.wp-home .wp-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:36px; }
.wp-home .wp-story-photo { display:block; overflow:hidden; aspect-ratio:4/3; }
.wp-home .wp-story-photo img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }
.wp-home .wp-story-photo:hover img { transform:scale(1.025); }
.wp-home .wp-story-grid .wp-overline { margin-top:26px; }
.wp-home .wp-story-grid h3 { font-size:29px; line-height:1.2; margin-top:11px; max-width:520px; }
.wp-home .wp-story-grid article>p:not(.wp-overline) { margin-top:14px; line-height:1.7; font-size:14px; max-width:540px; color:#5b685e; }
.wp-home .wp-story-grid .wp-link { margin-top:12px; color:var(--wp-green); }

.wp-home .wp-people { background:#f4f5f1; border-top:1px solid #e1e6dd; }
.wp-home .wp-team-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; margin-top:40px; }
.wp-home .wp-team-grid a { min-width:0; }
.wp-home .wp-team-grid img { width:112px; height:112px; object-fit:cover; border-radius:50%; margin-bottom:22px; }
.wp-home .wp-team-grid strong { display:block; font-size:14px; line-height:1.4; }
.wp-home .wp-team-grid span { display:block; font-size:11px; line-height:1.6; color:#5b685c; margin-top:5px; }
/* Darkened logo green for readable small text; the official logo is unchanged. */
.wp-home .wp-team-grid strong .wp-family-name { display:inline; margin:0; color:#307c26; font:inherit; }
.wp-home .wp-support { background:#e6ebdf; }
.wp-home .wp-support-top { display:grid; grid-template-columns:1.3fr 1fr; gap:60px; align-items:end; }
.wp-home .wp-support h2 { margin-top:14px; font-size:43px; line-height:1.12; max-width:490px; }
.wp-home .wp-support-top>.wp-actions { justify-content:end; }
.wp-home .wp-steps { list-style:none; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin:45px 0 0; border-top:1px solid #bcc9b3; }
.wp-home .wp-steps li { display:flex; gap:18px; padding-top:26px; }
.wp-home .wp-steps li>span { font-size:11px; color:var(--wp-green); padding-top:5px; }
.wp-home .wp-steps h3 { font-size:21px; line-height:1.3; }
.wp-home .wp-steps p { font-size:13px; line-height:1.6; margin-top:9px; color:#52614d; }
.wp-home .wp-support-existing { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #bcc9b3; margin-top:35px; padding-top:22px; font-size:13px; }
.wp-home .wp-support-existing a { min-height:44px; display:inline-flex; align-items:center; font-weight:700; }
.mhg-workshop-preview .mhg-sticky-cta { display:none; }
@keyframes wp-enter { from { opacity:.1; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes wp-product-enter { from { transform:translateY(8px); } to { transform:translateY(0); } }
.wp-home .wp-product:not([hidden]) .wp-product-copy { animation:wp-product-enter .3s both; }
:lang(th) .wp-home { font-family:Arial,"Noto Sans Thai",sans-serif; }
:lang(th) .wp-home :where(h1,h2,h3) { font-family:Arial,"Noto Sans Thai",sans-serif; }
:lang(th) .wp-home .wp-hero h1 { font-size:49px; line-height:1.23; }
:lang(th) .wp-home .wp-heading h2 { font-size:34px; line-height:1.3; }
:lang(th) .wp-home .wp-support h2 { font-size:34px; line-height:1.3; }

@media(min-width:1700px) { .wp-home .wp-hero { height:700px; } .wp-home .wp-hero-copy { max-width:50%; } }
@media(max-width:1100px) {
  .wp-home .wp-wrap { width:calc(100% - 56px); }
  .wp-home .wp-hero { height:600px; min-height:600px; }
  .wp-home .wp-hero-copy { max-width:70%; }
  .wp-home .wp-hero h1 { font-size:54px; }
  .wp-home .wp-hero::before { background:linear-gradient(90deg,#07120deb,rgba(7,18,12,.75) 43%,rgba(7,18,12,.05)),linear-gradient(0deg,#07120d8c,transparent 30%); }
  .wp-home .wp-brand-grid>a { padding-inline:9px; }
  .wp-home .wp-brand-grid>a>img { width:95px; height:30px; }
  .wp-home .wp-product-choice { padding-inline:8px; }
  .wp-home .wp-product-choice b { font-size:11px; }
  .wp-home .wp-product-copy { padding:32px; }
  .wp-home .wp-product-copy h3 { font-size:40px; }
  .wp-home .wp-product-image { padding:25px; }
  .wp-home .wp-product-image img { height:360px; }
  .wp-home .wp-team-grid { grid-template-columns:repeat(3,1fr); gap:30px; }
  .wp-home .wp-support-top { gap:30px; }
}
@media(max-width:700px) {
  .wp-home .wp-wrap { width:calc(100% - 40px); }
  .wp-home .wp-section { padding-block:48px; }
  .wp-home .wp-heading { align-items:start; gap:16px; flex-direction:column; }
  .wp-home .wp-heading h2 { font-size:32px; line-height:1.15; }
  .wp-home .wp-heading>p { max-width:none; font-size:14px; }
  .wp-home .wp-section-lead { font-size:14px; }
  .wp-home .wp-hero { height:610px; min-height:0; }
  .wp-home .wp-hero-photo { object-position:62% 50%; }
  .wp-home .wp-hero::before { background:linear-gradient(0deg,#0b1a12f5 0%,#0b1a12e8 30%,#0b1a128f 67%,#0b1a1229 100%); }
  .wp-home .wp-hero-inner { height:calc(100% - 70px); align-items:end; }
  .wp-home .wp-hero-copy { width:100%; max-width:none; padding-bottom:26px; padding-top:120px; }
  .wp-home .wp-hero .wp-overline { font-size:16px; margin-bottom:17px; gap:13px; }
  .wp-home .wp-hero .wp-overline span { padding-left:13px; font-size:8px; }
  .wp-home .wp-hero h1 { font-size:43px; line-height:1.04; max-width:350px; }
  .wp-home .wp-hero-sub { font-size:19px; margin-top:17px; max-width:330px; }
  .wp-home .wp-hero-lead { font-size:13px; line-height:1.65; margin-top:13px; max-width:350px; }
  .wp-home .wp-hero .wp-actions { margin-top:20px; flex-wrap:nowrap; gap:8px; }
  .wp-home .wp-hero .wp-button { font-size:11px; padding:12px; gap:8px; min-height:46px; }
  .wp-home .wp-photo-credit { top:15px; bottom:auto; right:0; font-size:8px; }
  .wp-home .wp-hero-service span { padding:18px 8px 18px 0; gap:8px; align-items:start; font-size:10px; line-height:1.6; }
  .wp-home .wp-hero-service span:not(:first-child) { padding-left:10px; }
  .wp-home .wp-hero-service b { font-size:8px; }
  .wp-home .wp-brands { padding:18px 0; }
  .wp-home .wp-brand-grid { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:19px; margin-top:10px; }
  .wp-home .wp-brand-grid>a { gap:10px; padding:5px 7px; }
  .wp-home .wp-brand-grid>a:nth-child(5) { border-left:0; }
  .wp-home .wp-brand-grid>a>img { width:76px; height:27px; }
  .wp-home .wp-brand-grid>a>span { font-size:7px; gap:5px; }
  .wp-home .wp-brand-grid .mhg-supplier-flag { width:16px !important; height:11px !important; }
  .wp-home .wp-product-choices { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:12px; margin-top:24px; }
  .wp-home .wp-product-choice { padding:5px 6px 10px; }
  .wp-home .wp-choice-image { margin-bottom:9px; }
  .wp-home .wp-choice-image img { padding:3px; }
  .wp-home .wp-product-choice b { font-size:9px; }
  .wp-home .wp-product-choice>span:last-child { font-size:8px; }
  .wp-home .wp-product { grid-template-columns:1fr; }
  .wp-home .wp-product-image { padding:25px; }
  .wp-home .wp-product-image img { height:285px; }
  .wp-home .wp-product-copy { padding:22px; border-left:0; border-top:1px solid #ecefe9; }
  .wp-home .wp-product-copy h3 { font-size:38px; }
  .wp-home .wp-product-summary { font-size:14px; }
  .wp-home .wp-product-application { grid-template-columns:80px 1fr; font-size:11px; }
  .wp-home .wp-product-copy .wp-actions { gap:8px; }
  .wp-home .wp-product-copy .wp-button, .wp-home .mhg-btn--quote { font-size:11px; padding:12px 13px; gap:10px; }
  .wp-home .wp-workshop-layout { display:block; margin-top:24px; }
  .wp-home .wp-workshop-figure { margin-inline:-20px; }
  .wp-home .wp-workshop-credit { position:absolute; left:8px; bottom:8px; padding:5px 7px; font-size:7px; background:#14211bcf; }
  .wp-home .wp-hotspot { width:44px; height:44px; box-shadow:0 0 0 3px #ffffff35; }
  .wp-home .wp-hotspot:first-of-type { left:7%; }
  .wp-home .wp-hotspot span { font-size:11px; }
  .wp-home .wp-zone-nav { grid-template-columns:repeat(2,1fr); }
  .wp-home .wp-zone-nav button { min-height:52px; font-size:12px; gap:10px; }
  .wp-home .wp-zone-panels { padding:24px 19px; min-height:220px; }
  .wp-home .wp-zone-detail h3 { font-size:27px; }
  .wp-home .wp-zone-detail { grid-template-columns:1fr; gap:18px; }
  .wp-home .wp-zone-product { display:flex; flex-direction:column; align-items:center; }
  .wp-home .wp-zone-product img { height:160px; }
  .wp-home .wp-planning { flex-direction:column; align-items:start; gap:3px; font-size:13px; }
  .wp-home .wp-story-grid { grid-template-columns:1fr; gap:36px; margin-top:25px; }
  .wp-home .wp-story-grid h3 { font-size:28px; }
  .wp-home .wp-story-grid .wp-overline { margin-top:19px; font-size:10px; }
  .wp-home .wp-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 20px; margin-top:28px; }
  .wp-home .wp-team-grid img { width:95px; height:95px; margin-bottom:16px; }
  .wp-home .wp-team-grid strong { font-size:13px; }
  .wp-home .wp-support-top { grid-template-columns:1fr; gap:24px; }
  .wp-home .wp-support h2 { font-size:34px; }
  .wp-home .wp-support-top>.wp-actions { justify-content:start; }
  .wp-home .wp-steps { grid-template-columns:1fr; gap:0; margin-top:26px; }
  .wp-home .wp-steps li { padding:22px 0; border-bottom:1px solid #cad3c2; }
  .wp-home .wp-support-existing { flex-direction:column; align-items:start; margin-top:10px; gap:0; border-top:0; }
  :lang(th) .wp-home .wp-hero h1 { font-size:36px; line-height:1.24; }
  :lang(th) .wp-home .wp-hero-sub { font-size:19px; }
  :lang(th) .wp-home .wp-hero-lead { font-size:13px; }
  :lang(th) .wp-home .wp-heading h2 { font-size:29px; }
  :lang(th) .wp-home .wp-support h2 { font-size:29px; }
}
@media(prefers-reduced-motion:reduce) {
  .wp-home *, .wp-home *::before, .wp-home *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* Homepage-only responsive refinements; supplier pages keep their own layout. */
.wp-home .we-lightbox-canvas { position:relative; flex:none; }
.wp-home .we-lightbox-canvas>img { width:100%; height:100%; }
.wp-home [data-we-lightbox-pins] { position:absolute; inset:0; }
.wp-home .we-lightbox .we-pin { width:44px; height:44px; box-shadow:0 0 0 3px #ffffff50; }
.wp-home .we-lightbox-selector { display:flex; gap:16px; align-items:center; padding:10px 18px; border-bottom:1px solid #3b5042; }
.wp-home .we-lightbox-selector label { font-size:14px; }
.wp-home .we-lightbox-selector select { flex:1; min-width:0; min-height:48px; padding:10px 36px 10px 12px; font:inherit; font-size:16px; color:#19231f; background:#fff; color-scheme:light; border:1px solid #6d8173; border-radius:3px; }
.wp-home .we-lightbox-product { display:flex; flex-shrink:0; align-items:center; gap:20px; padding:14px 18px; border-top:1px solid #3b5042; background:#14251b; }
.wp-home .we-lightbox-product-image { width:100px; height:90px; flex:none; padding:8px; background:#fff; }
.wp-home .we-lightbox-product-image img { width:100%; height:100%; object-fit:contain; }
.wp-home .we-lightbox-product>div { display:flex; flex:1; align-items:center; justify-content:space-between; gap:20px; min-width:0; }
.wp-home .we-lightbox-product h4 { font-size:20px; line-height:1.3; margin:0; }
.wp-home .we-lightbox-product .wp-button { flex-shrink:0; }
.wp-home select:focus-visible,.mhg-workshop-preview summary:focus-visible { outline:3px solid #e4bf00; outline-offset:3px; }
.mhg-home-footer-group { min-width:0; }
.mhg-home-footer-group summary { font-weight:700; font-size:15px; list-style:none; margin-bottom:12px; color:#fff; }
.mhg-home-footer-group summary::-webkit-details-marker { display:none; }
@media(min-width:701px) {
  .mhg-home-footer-group summary { pointer-events:none; }
}
@media(max-width:700px) {
  .wp-home .wp-hero { height:auto; min-height:0; background:#0b1a12; }
  .wp-home .wp-hero-photo { height:260px; object-position:38% 80%; }
  .wp-home .wp-hero::before { background:linear-gradient(0deg,#0b1a12 0%,#0b1a12 49%,#0b1a12e6 63%,#0b1a1200 85%); }
  .wp-home .wp-hero-inner { height:auto; align-items:start; }
  .wp-home .wp-hero-copy { padding-top:170px; padding-bottom:22px; }
  .wp-home .wp-hero .wp-overline { margin-bottom:14px; gap:10px; }
  .wp-home .wp-hero .wp-overline span { font-size:10px; padding-left:10px; }
  .wp-home .wp-hero h1 { font-size:34px; line-height:1.1; }
  :lang(th) .wp-home .wp-hero h1 { font-size:32px; line-height:1.3; }
  .wp-home .wp-hero-sub { display:none; }
  .wp-home .wp-hero-lead,:lang(th) .wp-home .wp-hero-lead { font-size:15px; line-height:1.6; }
  .wp-home .wp-hero .wp-actions { flex-wrap:wrap; }
  .wp-home .wp-hero .wp-button { flex:1 1 145px; min-height:50px; font-size:13px; line-height:1.4; padding:12px 10px; }
  .wp-home .wp-photo-credit { font-size:10px; top:12px; }
  .wp-home .wp-hero-service { position:relative; }
  .wp-home .wp-hero-service span { font-size:11px; padding-block:14px; gap:7px; }
  .wp-home .wp-hero-service b { font-size:10px; }
  .wp-home .wp-brand-grid>a { padding-inline:3px; gap:9px; }
  .wp-home .wp-brand-grid>a>span { flex-direction:column; font-size:10px; gap:5px; }
  .wp-home .wp-brand-grid .mhg-supplier-flag { width:23px !important; height:15px !important; }
  .wp-home .wp-product-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-top:22px; }
  .wp-home .wp-product-choice { display:grid; grid-template-columns:52px minmax(0,1fr); align-content:center; align-items:center; column-gap:9px; padding:8px 6px; min-height:80px; border-bottom:1px solid #c7d0c4; }
  .wp-home .wp-product-choice[aria-selected=true] { box-shadow:inset 0 -3px var(--wp-green); }
  .wp-home .wp-product-choice:last-child { grid-column:1/-1; }
  .wp-home .wp-product-choice b { font-size:14px; }
  .wp-home .wp-product-choice>span:last-child { grid-column:2; font-size:12px; line-height:1.5; min-height:0; }
  .wp-home .wp-choice-image { grid-column:1; grid-row:1/span 2; height:62px; aspect-ratio:auto; margin:0; }
  .wp-home .wp-product { grid-template-columns:minmax(0,44%) minmax(0,1fr); gap:0 18px; padding:20px 16px; min-height:0; }
  .wp-home .wp-product-image { grid-column:1; grid-row:1; padding:0; }
  .wp-home .wp-product-image img { height:180px; }
  .wp-home .wp-product-copy { display:contents; }
  .wp-home .wp-product-copy h3 { grid-column:2; grid-row:1; align-self:center; margin:0; font-size:28px; line-height:1.2; overflow-wrap:anywhere; }
  .wp-home .wp-product-brand,.wp-home .wp-product-copy>.wp-overline { display:none; }
  .wp-home .wp-product-summary,.wp-home .wp-product-application,.wp-home .wp-product-copy>.wp-actions,.wp-home .wp-range { grid-column:1/-1; }
  .wp-home .wp-product-summary { font-size:15px; line-height:1.65; margin-top:14px; }
  .wp-home .wp-product-application { font-size:13px; margin:18px 0; }
  .wp-home .wp-product-copy .wp-button,.wp-home .wp-product-copy .mhg-btn--quote { flex:1 1 140px; font-size:13px; min-height:48px; padding:12px; }
  .wp-home .wp-product-controls button { height:44px; }
  .wp-home .wp-product-controls { display:none; }
  .wp-home .wp-heading>p,.wp-home .wp-section-lead,.wp-home .wp-story-grid article>p:not(.wp-overline) { font-size:15px; line-height:1.65; }
  .wp-home .wp-team-grid strong { font-size:15px; }
  .wp-home .wp-team-grid span { font-size:13px; }
  .wp-home .wp-steps p { font-size:15px; }
  .wp-home .we-environment-tab { padding:14px 10px; }
  .wp-home .we-environment-tab strong { font-size:15px; line-height:1.4; min-height:63px; }
  .wp-home .we-environment-tab small { font-size:12px; line-height:1.5; }
  .wp-home .we-view-nav button strong { font-size:14px; }
  .wp-home .we-view-nav button span { font-size:11px; }
  .wp-home .we-mode--workshop-map .we-view-nav button strong { font-size:14px; }
  .wp-home .we-map-controls p { font-size:12px; }
  .wp-home #we-spanesi .we-stage { aspect-ratio:1900/1104; }
  .wp-home .we-mode--lineup .we-stage { aspect-ratio:1.75; }
  .wp-home .we-mode--lineup .we-scene { transform:translateY(-24px); }
  .wp-home .we-mode--lineup .we-stage .we-pin { top:calc(100% + 30px); box-shadow:none; }
  .wp-home .we-mode--lineup .we-detail { grid-template-columns:1fr; }
  .wp-home .we-mode--lineup .we-product-image { width:100%; padding:16px; }
  .wp-home .we-mode--lineup .we-product-image img { height:230px; }
  .wp-home .we-product-image span { font-size:10px; }
  .wp-home .we-product-copy>p:not(.wp-overline) { font-size:15px; line-height:1.65; }
  .wp-home .we-product-copy .wp-overline { font-size:11px; }
  .wp-home .we-product-copy li { font-size:13px; }
  .wp-home .we-product-actions .wp-button,.wp-home .we-product-actions .mhg-btn--quote { font-size:13px; min-height:48px; }
  .wp-home .we-detail { min-height:0; }
  .wp-home .we-lightbox-selector { display:block; padding:10px; }
  .wp-home .we-lightbox-selector label { display:block; margin-bottom:6px; font-size:12px; }
  .wp-home .we-lightbox-selector select { display:block; width:100%; }
  .wp-home .we-lightbox-product { gap:14px; padding:12px 14px max(12px,env(safe-area-inset-bottom)); }
  .wp-home .we-lightbox-product-image { width:94px; height:100px; }
  .wp-home .we-lightbox-product>div { display:block; }
  .wp-home .we-lightbox-product h4 { font-size:17px; margin-bottom:8px; }
  .wp-home .we-lightbox-product .wp-button { width:100%; font-size:13px; padding:10px; gap:8px; }
  .mhg-workshop-preview .mhg-footer__grid { grid-template-columns:1fr; gap:0; }
  .mhg-workshop-preview .mhg-footer__brand { margin-bottom:24px; }
  .mhg-home-footer-group { border-top:1px solid #40574a; }
  .mhg-home-footer-group summary { position:relative; cursor:pointer; font-size:16px; padding:18px 28px 18px 0; min-height:56px; margin:0; }
  .mhg-home-footer-group summary::after { content:'+'; position:absolute; right:4px; font:24px/1 Arial,sans-serif; }
  .mhg-home-footer-group[open] summary::after { content:'-'; }
  .mhg-home-footer-group .mhg-footer__nav { padding-bottom:18px; }
  .mhg-home-footer-group .mhg-footer__nav a { font-size:14px; min-height:44px; display:flex; align-items:center; }
}
@media(max-height:500px) and (orientation:landscape) {
  .wp-home .we-lightbox-toolbar { padding-block:6px; }
  .wp-home .we-lightbox-selector { padding-block:6px; display:flex; }
  .wp-home .we-lightbox-selector label { margin:0; }
  .wp-home .we-lightbox-product { padding-block:8px; }
  .wp-home .we-lightbox-product-image { width:52px; height:52px; }
  .wp-home .we-lightbox-product>div { display:flex; }
  .wp-home .we-lightbox-product h4 { font-size:15px; margin:0; }
  .wp-home .we-lightbox-product .wp-button { width:auto; }
}

/* A full-workshop overview on phones; detailed hotspots stay in the expanded map. */
@media(max-width:700px) {
  .wp-home .we-mode--workshop-map .we-map-controls { display:none; }
  .wp-home .we-mode--workshop-map .we-stage { position:relative; }
  .wp-home .we-mode--workshop-map .we-map-viewport { overflow:hidden; }
  .wp-home .we-mode--workshop-map .we-scene { width:100%; }
  .wp-home .we-mode--workshop-map .we-stage .we-pin { width:8px; height:8px; min-width:0; min-height:0; padding:0; font-size:0; box-shadow:none; pointer-events:none; background:#193c28; }
  .wp-home .we-mode--workshop-map .we-stage .we-pin span { display:none; }
  .wp-home .we-mode--workshop-map .we-stage .we-pin.is-active { width:24px; height:24px; font-size:10px; background:#edcf1b; outline:1px solid #172a20; outline-offset:1px; }
  .wp-home .we-mode--workshop-map .we-stage .we-pin.is-active span { display:block; }
  .wp-home .we-map-overview-open { display:block; position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; background:transparent; cursor:zoom-in; }
  .wp-home .we-map-overview-open:focus-visible { outline:3px solid #edcf1b; outline-offset:-3px; }
  .wp-home .we-mode--workshop-map .we-directory-title,.wp-home .we-mode--workshop-map .we-view-nav { display:none; }
  .wp-home .we-mobile-directory { display:block; padding:18px 0; border-bottom:1px solid #405546; }
  .wp-home .we-mobile-directory label { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; font-size:14px; font-weight:600; }
  .wp-home .we-mobile-directory label span { color:#bcd0c1; font-variant-numeric:tabular-nums; }
  .wp-home .we-mobile-directory select { display:block; width:100%; min-width:0; height:50px; padding:10px 30px 10px 10px; font:inherit; font-size:16px; color:#17231b; background:#fff; border:1px solid #6d8173; border-radius:3px; color-scheme:light; }
  .wp-home .we-mode--workshop-map .we-detail { grid-template-columns:minmax(0,1fr); gap:20px; padding:22px 0; border:0; min-height:0; }
  .wp-home .we-mode--workshop-map .we-product-image { padding:16px; }
  .wp-home .we-mode--workshop-map .we-product-image img { height:160px; }
  .wp-home .we-mode--workshop-map .we-product-image span { display:none; }
  .wp-home .we-mode--workshop-map .we-product-copy h3 { font-size:25px; line-height:1.25; }
}

/* Keep the complete product image beside its name and full-width buyer details. */
@media(max-width:700px) {
  .wp-home .wp-equipment .wp-heading { gap:8px; margin-bottom:8px; }
  .wp-home .wp-equipment .wp-heading .wp-link { min-height:40px; }
  .wp-home .we-explorer { margin-top:24px; }
  .wp-home .we-environment-tab strong { min-height:42px; font-size:14px; }
  .wp-home .we-environment-tab small { font-size:12px; min-height:36px; }
  .wp-home .we-detail,.wp-home .we-mode--lineup .we-detail,.wp-home .we-mode--workshop-map .we-detail { grid-template-columns:128px minmax(0,1fr); gap:16px; padding:20px 0; }
  .wp-home .we-product-image,.wp-home .we-mode--lineup .we-product-image,.wp-home .we-mode--workshop-map .we-product-image { grid-column:1; grid-row:1; padding:8px; width:100%; }
  .wp-home .we-product-image img,.wp-home .we-mode--lineup .we-product-image img,.wp-home .we-mode--workshop-map .we-product-image img { height:140px; }
  .wp-home .we-product-image span,.wp-home .we-product-copy>.wp-overline { display:none; }
  .wp-home .we-product-copy { display:contents; }
  .wp-home .we-product-copy h3,.wp-home .we-mode--workshop-map .we-product-copy h3 { grid-column:2; grid-row:1; align-self:center; font-size:24px; line-height:1.25; margin:0; overflow-wrap:anywhere; }
  .wp-home .we-product-copy>p:not(.wp-overline),.wp-home .we-product-copy>ul { grid-column:1/-1; margin:0; }
  .wp-home .we-product-actions { grid-column:1/-1; }
  .wp-home #we-spanesi .we-product-copy { display:block; }
  .wp-home #we-spanesi .we-product-copy h3 { margin-bottom:10px; }
  .wp-home #we-spanesi .we-product-copy>ul { margin-top:10px; }
}