/* SIVA × FRANZ — v32 add-ons (โหลดหลัง refinement.css) : หน้า PDPA · footer legal · WeChat */

/* ---- หน้า #/privacy ---- */
body[data-current-page] .section.v32-legal{padding-top:clamp(7.5rem,15vh,10.5rem)}
.v32-legal .editorial-head{display:block;max-width:820px}
.v32-legal .editorial-head>p{margin-top:1.2rem;max-width:820px}
.v32-legal .eyebrow{margin-bottom:1rem}
.v32-legal-body{max-width:820px;margin-top:2.5rem;display:grid;gap:1.6rem;font-feature-settings:"calt" 0,"dlig" 0}
.v32-legal-body article{padding-top:1.4rem;border-top:1px solid currentColor;border-image:linear-gradient(90deg,rgba(21,57,79,.22),rgba(21,57,79,0)) 1}
.v32-legal-body h3{font-size:1.05rem;letter-spacing:.01em;margin:0 0 .6rem}
.v32-legal-body p{margin:0 0 .75rem;line-height:1.75;font-size:.97rem}
.v32-legal-body p:last-child{margin-bottom:0}
.v32-legal-body em{font-style:normal;opacity:.72}
.v32-legal-date{font-size:.85rem;opacity:.7;letter-spacing:.04em}

/* ---- footer: ที่อยู่บริษัท + หมายเหตุรวม ---- */
.v32-footer-legal{margin:1.6rem 0 1.1rem;display:grid;gap:.8rem;font-size:.78rem;line-height:1.65;opacity:.72;max-width:70rem}
.v32-footer-company{margin:0}
.v32-footer-note{margin:0;opacity:.85}
.v28-footer-bottom a[href="#/privacy"]{white-space:nowrap}
@media (max-width:760px){.v32-footer-legal{font-size:.74rem}}

/* ---- WeChat (ใช้สไตล์เดิมของ LINE/Facebook) ---- */
.v20-social-icon.wechat svg{width:1.15em;height:1.15em}
.v20-line-dialog.is-wechat .v20-account-label span{color:#07c160}
.v32-contact-wechat{margin-top:.35rem}

/* ---- ลิงก์ PDPA ท้ายข้อความยินยอม ---- */
.v32-consent-link{text-decoration:underline;text-underline-offset:.18em;opacity:.85;white-space:nowrap}
.v32-consent-link:hover{opacity:1}

/* กล่อง QR มี 3 แท็บแล้ว (LINE · Personal LINE · WeChat) */
.v20-line-tabs{grid-template-columns:repeat(3,1fr)}

/* ---- v33: footer อ่านง่ายขึ้น + กระชับบนมือถือ ---- */
.v32-footer-legal{opacity:.88;font-size:.8rem;line-height:1.6;gap:.6rem}
.v32-footer-note{opacity:1}
.v32-footer-note a{text-decoration:underline;text-underline-offset:.18em;white-space:nowrap}
@media (max-width:760px){.v32-footer-legal{font-size:.78rem}.v32-footer-company br{display:none}.v32-footer-company{line-height:1.55}}

/* ---- v33: lazy-load 3D — โชว์ภาพแค็ตตาล็อกไว้ก่อนจนกว่า three.js จะพร้อม ---- */
html:not([data-studio="ready"]) .v22-live-stage:not(.v22-static-preview) .v22-preview-fallback{visibility:visible}
html[data-studio="loading"] .v22-live-stage::after{content:"";position:absolute;left:50%;bottom:14px;width:22px;height:22px;margin-left:-11px;border:2px solid rgba(255,255,255,.25);border-top-color:#7fd3ff;border-radius:50%;animation:v33spin .9s linear infinite;pointer-events:none}
@keyframes v33spin{to{transform:rotate(360deg)}}

/* ---- v36 (7 ต.ค. 2026) : หน้าแรกมือถือ แบบ A "กระชับ" — ย่อปุ่ม hero + แถบเปลี่ยนบรรยากาศบรรทัดเดียว ; ไม่ตัด element ใด ---- */
@media(max-width:760px){
 .hero-actions{margin-top:20px!important;gap:10px!important}
 .hero-actions .button{min-height:46px!important;padding:11px 14px!important;font-size:.8125rem!important;gap:8px!important}
 .hero-actions .button svg{width:16px;height:16px}
 .hero-bottom{margin-top:14px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:center}
 .scene-label{font-size:.7rem!important;line-height:1.3;opacity:.8;padding-right:4px!important}
 .scene-switch{background:#06142180!important;border-color:#d8ecff30!important;padding:3px!important;gap:4px!important}
 .scene-switch button{min-height:38px!important;padding:7px 10px!important;font-size:.75rem!important;white-space:nowrap;gap:6px!important;letter-spacing:.02em}
}

/* ---- v40 Full shaft: follow-the-lift framing + whole-shaft toggle ---- */
.v22-live-stage .v40-shaft-fit{position:absolute;right:12px;top:12px;z-index:4;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(10,22,34,.55);color:#f2f6f8;font:600 .75rem/1 inherit;letter-spacing:.02em;backdrop-filter:blur(6px);cursor:pointer}
.v22-live-stage .v40-shaft-fit[aria-pressed="true"]{background:#e9eef1;color:#0f2030;border-color:#e9eef1}
.v22-live-stage .v40-shaft-fit[hidden]{display:none}

/* ---- v40 mobile Studio layout B: stage gets the full width and most of the height; storey/floor buttons float on the stage; material options live in a bottom sheet (min / half / full — tap the handle) ---- */
@media(max-width:760px){
#customize.v27-studio .v22-studio-layout{position:relative;display:block!important;height:100%;--v40-sheet:40%}
#customize.v27-studio .v22-studio-layout[data-sheet="full"]{--v40-sheet:72%}
#customize.v27-studio .v22-studio-layout[data-sheet="min"]{--v40-sheet:62px}
#customize.v27-studio .v22-preview{height:calc(100% - var(--v40-sheet))!important;position:relative;transition:height .25s ease}
#customize.v27-studio .v22-preview-top{padding:6px 8px!important;background:#0b2233!important}
#customize.v27-studio .v22-live-stage{flex:1 1 auto!important;height:auto!important;min-height:0!important}
#customize.v27-studio[data-preview-view=shaft] .v26-scene-controls,#customize.v27-studio[data-preview-view=landing] .v26-scene-controls{position:absolute;left:8px;top:46px;z-index:5;display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;background:none!important}
#customize.v27-studio .v26-scene-controls .v26-control-label{display:none!important}
#customize.v27-studio .v26-scene-controls [role=group]{display:flex;flex-direction:column;gap:4px}
#customize.v27-studio .v26-scene-controls button{padding:5px 9px!important;font-size:10.5px!important;border-radius:999px!important;background:#0a1622a6!important;border-color:#ffffff33!important;backdrop-filter:blur(6px)}
#customize.v27-studio .v26-scene-controls button[aria-pressed=true]{background:#e9eef1!important;color:#0f2030!important}
#customize.v27-studio .v22-preview-bottom{padding:4px 8px 6px!important;gap:8px!important}
#customize.v27-studio .v22-live-stage .v40-shaft-fit{right:8px;top:8px;padding:5px 9px;font-size:.66rem}
#customize.v27-studio .v26-floor-labels{right:8px}
#customize.v27-studio .v22-controls{position:absolute;left:0;right:0;bottom:0;height:var(--v40-sheet);z-index:6;background:#0b2233!important;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #0008;overflow:hidden;padding:0 10px 8px!important;gap:6px!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;transition:height .25s ease}
#customize.v27-studio .v40-sheet-handle{display:block;width:100%;height:20px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
#customize.v27-studio .v40-sheet-handle:before{content:"";position:absolute;left:50%;top:8px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#ffffff66}
#customize.v27-studio .v22-options-panel>.eyebrow,#customize.v27-studio .v22-options-panel>h3,#customize.v27-studio .v22-options-panel [data-catalog-options]>p:first-child{display:none!important}
#customize.v27-studio .v22-studio-layout[data-sheet="min"] .v22-options-panel,#customize.v27-studio .v22-studio-layout[data-sheet="min"] .v22-studio-cta{visibility:hidden}
}

/* ---- v41 mobile sheet: one consistent pattern for every option type — swipe rows of square tiles with the name underneath; colour chips use the same row ---- */
@media(max-width:760px){
#customize.v27-studio .v22-studio-layout{--v40-sheet:43%}
#customize.v27-studio .v22-controls{gap:4px!important}
#customize.v27-studio .v22-options-panel{padding:0!important}
#customize.v27-studio .v22-options-panel .v22-swatches,#customize.v27-studio .v22-options-panel .v25-material-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;gap:6px!important;margin:0 0 6px!important;padding:2px 2px 2px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
#customize.v27-studio .v22-options-panel .v22-swatches::-webkit-scrollbar,#customize.v27-studio .v22-options-panel .v25-material-grid::-webkit-scrollbar{display:none}
#customize.v27-studio .v22-swatch,#customize.v27-studio .v25-material{flex:0 0 70px!important;width:70px!important;min-width:0!important;padding:2px 2px 2px!important;gap:4px!important;scroll-snap-align:start;border-radius:10px!important;align-items:center}
#customize.v27-studio .v22-swatch i{width:54px!important;height:54px!important;border-radius:12px!important;border-width:2px!important}
#customize.v27-studio .v22-swatch{font-size:10px!important;line-height:1.15;color:#c3d6e2}
#customize.v27-studio .v22-swatch>span,#customize.v27-studio .v25-material strong{width:100%;white-space:normal!important;overflow:hidden;text-align:center;line-height:1.15;max-height:2.3em;font-size:10px!important;font-weight:500!important}
#customize.v27-studio .v25-material strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#customize.v27-studio .v22-pills,#customize.v27-studio .v29-door-options{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;scrollbar-width:none;margin:0 0 6px!important}
#customize.v27-studio .v29-door-options button{flex:0 0 auto!important;flex-direction:row!important;padding:6px 10px 6px 6px!important;gap:6px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap}
#customize.v27-studio .v29-door-options svg{width:30px!important;height:30px!important}
#customize.v27-studio .v22-pills:not(.v29-door-options) button{flex:0 0 auto!important;white-space:nowrap;font-size:11px!important;padding:6px 11px!important}
#customize.v27-studio .v25-material{background:transparent!important;border:0!important;box-shadow:none!important}
#customize.v27-studio .v25-material[aria-pressed=true]{background:transparent!important}
#customize.v27-studio .v28-tile-visual,#customize.v27-studio .v28-floor .v28-tile-visual,#customize.v27-studio .v28-control .v28-tile-visual,#customize.v27-studio .v27-ceiling-grid .v28-tile-visual{width:54px!important;height:54px!important;aspect-ratio:auto!important;padding:0!important;border-radius:12px!important;overflow:hidden;background:#e5e4de;border:2px solid #15354a;box-shadow:0 0 0 1px #64899e77}
#customize.v27-studio .v25-material[aria-pressed=true] .v28-tile-visual{box-shadow:0 0 0 2px #a8e383}
#customize.v27-studio .v25-material img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
#customize.v27-studio .v28-control .v28-tile-visual img,#customize.v27-studio .v27-ceiling-grid .v28-tile-visual img{object-fit:contain!important;padding:3px;background:#e5e4de}
#customize.v27-studio .v25-material small{display:none!important}
#customize.v27-studio .v28-material-group{margin:0 0 4px!important}
#customize.v27-studio .v28-material-group h4,#customize.v27-studio .v28-door-gallery>h4{font-size:9.5px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:#8facbd!important;margin:0 0 2px!important;line-height:1.2}
#customize.v27-studio .v28-material-group h4 small{display:none!important}
}
@media(max-width:760px){
#customize.v27-studio .v29-option-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px!important}
#customize.v27-studio .v29-option-heading h4{font-size:9.5px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:#8facbd!important;margin:0!important}
#customize.v27-studio .v29-option-heading button{padding:3px 9px!important;font-size:10px!important;border-radius:999px!important}
#customize.v27-studio .v29-ceiling-colors .v22-swatch i,#customize.v27-studio .v27-back-colors .v22-swatch i{width:54px!important;height:54px!important;border-radius:12px!important}
#customize.v27-studio .v27-back-colors [data-back-chart-title],#customize.v27-studio [data-ceiling-color-label]{font-size:10px!important;margin:0 0 4px!important;color:#8facbd}
}

/* ---- v41 mobile stage controls: storeys = horizontal segmented pill top-left with label; floors = lift-panel stack (top floor on top) with label; nothing overlaps the bottom bar ---- */
@media(max-width:760px){
#customize.v27-studio[data-preview-view=shaft] .v26-scene-controls,#customize.v27-studio[data-preview-view=landing] .v26-scene-controls{top:44px!important;left:8px!important;gap:10px!important;max-height:calc(100% - 52px)}
#customize.v27-studio .v26-scene-controls>div{gap:3px!important}
#customize.v27-studio .v26-scene-controls .v26-control-label{display:block!important;font-size:9px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#aac4d3;text-shadow:0 1px 3px #000c;padding-left:2px}
#customize.v27-studio .v26-scene-controls>div:first-child [role=group]{flex-direction:row!important;gap:0!important;border-radius:999px;overflow:hidden;border:1px solid #ffffff33;background:#0a1622a6;backdrop-filter:blur(6px)}
#customize.v27-studio .v26-scene-controls>div:first-child button{border:0!important;border-radius:0!important;background:transparent!important;padding:5px 9px!important}
#customize.v27-studio .v26-scene-controls>div:first-child button[aria-pressed=true]{background:#e9eef1!important}
#customize.v27-studio .v26-scene-controls>div:last-child [role=group]{flex-direction:column-reverse!important;gap:4px!important}
#customize.v27-studio .v26-scene-controls>div:last-child button{min-width:56px;text-align:center}
#customize.v27-studio .v22-live-stage .v40-shaft-fit{top:10px}
}
@media(max-width:760px){#customize.v27-studio .v22-live-stage .v40-shaft-fit{top:10px;right:8px;padding:4px 8px;font-size:.62rem}#customize.v27-studio .v26-floor-labels [data-floor-label]{font-size:11px!important;text-shadow:0 1px 4px #000c}}

/* ---- v43 RGB light: in-theme presets + hue slider instead of the browser colour dialog; RGB tile cycles colours ---- */
#customize .v28-rgb-art{background:linear-gradient(155deg,#ff9a9a,#ffd27a 25%,#8df0c0 50%,#7ad0ff 75%,#d4a0ff);background-size:300% 300%;animation:v43rgb 6s ease-in-out infinite}
@keyframes v43rgb{0%{background-position:0 0}50%{background-position:100% 100%}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){#customize .v28-rgb-art{animation:none}}
#customize .v43-rgb-title{font-size:12px;color:#bfd3dd;margin:0 0 6px}
#customize .v43-rgb-presets .v22-swatch i{box-shadow:0 0 0 1px #64899e77,0 0 14px var(--chip)}
#customize .v43-rgb-hue{display:flex;align-items:center;gap:10px;font-size:12px;color:#bfd3dd;margin:4px 0 10px}
#customize .v43-rgb-hue input{flex:1;-webkit-appearance:none;appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg,#ff5c5c,#ffd25c,#7cff8a,#5ce0ff,#5c7cff,#d55cff,#ff5c5c);outline:0}
#customize .v43-rgb-hue input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #0b2233;box-shadow:0 1px 4px #0008}
#customize .v43-rgb-hue input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #0b2233}
@media(max-width:760px){#customize.v27-studio .v43-rgb-title{font-size:9.5px!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8facbd;margin:0 0 2px}#customize.v27-studio .v43-rgb-hue{margin:2px 0 6px;font-size:10px}#customize.v27-studio .v43-rgb-hue input{height:8px}}
#customize [data-back-color-chart][data-back-mode="rgb"]>[data-back-chart-title],#customize [data-back-color-chart][data-back-mode="rgb"]>.v22-swatches{display:none!important}

/* ---- v45 ---- */
/* desktop: the sheet handle exists only for mobile; never render it in the side panel */
#customize .v40-sheet-handle{display:none}
/* no catalogue-image flash once the studio is ready */
html[data-studio="ready"] .v22-live-stage:not(.v22-static-preview) .v22-preview-fallback{display:none!important}
html[data-studio="ready"] .v22-live-stage>canvas{animation:none!important}
@media(max-width:760px){
/* sheet: collapsed by default (tabs + chevron), a tab opens it, a tap on the lift closes it */
#customize.v27-studio .v22-studio-layout[data-sheet="min"]{--v40-sheet:84px}
#customize.v27-studio .v40-sheet-handle{display:block;height:22px;color:#a8e383}
#customize.v27-studio .v45-chev{display:none;width:22px;height:22px;position:absolute;left:50%;top:1px;margin-left:-11px;animation:v45nudge 1.8s ease-in-out infinite}
@keyframes v45nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){#customize.v27-studio .v45-chev{animation:none}}
#customize.v27-studio .v22-studio-layout[data-sheet="min"] .v45-chev{display:block}
#customize.v27-studio .v22-studio-layout[data-sheet="min"] .v40-sheet-handle:before{display:none}
#customize.v27-studio .v22-studio-layout[data-sheet="min"] .design-tab-list button{padding-block:6px!important}
/* rounded active tab */
#customize.v27-studio .design-tab-list button{border-radius:10px!important;border-bottom-color:transparent!important}
#customize.v27-studio .design-tab-list button[aria-selected=true]{border-radius:10px!important;border-bottom-color:transparent!important}
/* stage controls: compact lift-panel style — storeys as "2 | 3", floors as numbered round buttons */
#customize.v27-studio .v26-scene-controls .v26-control-label>span{display:none!important}
#customize.v27-studio .v26-scene-controls>div:first-child .v26-control-label:before{content:"Storeys"}
#customize.v27-studio .v26-scene-controls>div:last-child .v26-control-label:before{content:"Go to"}
html[lang=th] #customize.v27-studio .v26-scene-controls>div:first-child .v26-control-label:before{content:"จำนวนชั้น"}
html[lang=th] #customize.v27-studio .v26-scene-controls>div:last-child .v26-control-label:before{content:"ไปชั้น"}
#customize.v27-studio .v26-scene-controls button>span{display:none!important}
#customize.v27-studio .v26-scene-controls button[data-storeys]:after{content:attr(data-storeys)}
#customize.v27-studio .v26-scene-controls button[data-lift-floor]:after{content:attr(data-short)}
#customize.v27-studio .v26-scene-controls>div:first-child button{padding:4px 11px!important;font-size:12px!important;font-weight:600;min-width:0}
#customize.v27-studio .v26-scene-controls>div:last-child button{width:34px!important;height:34px!important;min-width:0!important;padding:0!important;border-radius:50%!important;font-size:13px!important;font-weight:600;display:flex;align-items:center;justify-content:center}
#customize.v27-studio .v26-scene-controls>div:last-child [role=group]{gap:5px!important}
#customize.v27-studio[data-preview-view=shaft] .v26-scene-controls,#customize.v27-studio[data-preview-view=landing] .v26-scene-controls{gap:8px!important}
}

/* ---- v46 mobile: stage controls only while the sheet is collapsed; no height transition (no stretched frame while the sheet moves) ---- */
@media(max-width:760px){
#customize.v27-studio .v22-studio-layout:not([data-sheet="min"]) .v26-scene-controls,#customize.v27-studio .v22-studio-layout:not([data-sheet="min"]) .v40-shaft-fit{display:none!important}
#customize.v27-studio .v22-preview,#customize.v27-studio .v22-controls,#customize.v27-studio .v22-preview-bottom{transition:none!important}
#customize.v27-studio .v22-live-stage{background:radial-gradient(ellipse at 47% 40%,#5a7180 0%,#314d5e 44%,#102b3d 85%)!important}
}

/* ---- v47 projects from ERP (projects.js) ---- */
.v47-cards{display:contents}
.v47-nocover{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#1f3a4d,#0f2434)}
#project-view .v18-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#project-view .v18-photo-grid figure.v47-ph{margin:0;grid-column:auto;background:#0f2434;display:flex;flex-direction:column}
#project-view .v18-photo-grid figure.v47-ph:first-child{grid-column:1/-1}
#project-view .v18-photo-grid figure.v47-ph a{display:block;aspect-ratio:4/3;overflow:hidden;background:#0b1c2a}
#project-view .v18-photo-grid figure.v47-ph:first-child a{aspect-ratio:16/9}
#project-view .v18-photo-grid figure.v47-ph img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;transition:transform .35s ease}
#project-view .v18-photo-grid figure.v47-ph a:hover img{transform:scale(1.03)}
#project-view .v18-photo-grid figure.v47-ph figcaption{margin:0;padding:10px 12px 12px;font-size:13px;line-height:1.55;color:#bdd4e2}
@media(max-width:900px){#project-view .v18-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:760px){#project-view .v18-photo-grid figure.v47-ph figcaption{font-size:12px;padding:8px 10px 10px}}

/* v52 floor tiles: light backing + no multiply so the swatch shows the real colour (refinement.css had #263f4c + mix-blend-mode:multiply) */
#customize.v27-studio .v28-floor .v28-tile-visual{background:#e5e4de!important}
#customize.v27-studio .v28-floor .v28-tile-visual img{mix-blend-mode:normal!important;object-fit:cover!important}

/* ===== v54 SIVA Passenger Lift page (#/passenger) + home hooks ===== */
.pl{--pl-g:#86d45f;--pl-gb:#a7ef78;--pl-gs:#e4f7d8;--pl-line:rgba(117,190,211,.16);--pl-line2:rgba(117,190,211,.3);--pl-muted:#a9c3d2;--pl-dim:#7d9cad;--pl-r:20px;color:#edf6fb;padding:clamp(56px,6vw,88px) 0 40px}
.pl-eyebrow{font-size:11px;letter-spacing:.24em;color:var(--pl-g,#86d45f);font-weight:700;text-transform:uppercase;margin:0 0 10px}
.pl h1{font-size:clamp(32px,4.4vw,60px);line-height:1.06;font-weight:800;margin:14px 0 20px;letter-spacing:-.015em;color:#fff}
.pl h2{font-size:clamp(26px,2.8vw,40px);font-weight:800;line-height:1.12;margin:8px 0 12px;letter-spacing:-.01em;color:#fff}
.pl h3{font-size:19px;font-weight:700;color:#fff}
.pl-lead{color:var(--pl-muted,#a9c3d2);font-size:clamp(15px,1.25vw,18px);line-height:1.7;max-width:60ch}
.pl-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;border:1px solid rgba(117,190,211,.3);color:#edf6fb;background:transparent;cursor:pointer;font-family:inherit}
.pl-btn--primary{background:#86d45f;color:#061421;border-color:transparent;box-shadow:0 10px 30px rgba(134,212,95,.28)}
.pl-btn--primary:hover{background:#a7ef78}
.pl-actions{display:flex;gap:12px;flex-wrap:wrap}
.pl-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:64px 0 56px;position:relative}
.pl-hero::before{content:"";position:absolute;right:0;top:-40px;bottom:0;width:60%;background:radial-gradient(closest-side,rgba(134,212,95,.16),transparent 70%);filter:blur(20px);pointer-events:none}
.pl-hero>*{position:relative}
.pl-hero-visual{position:relative}
.pl-hero-visual figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--pl-line2);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 8px rgba(134,212,95,.05);aspect-ratio:4/5;background:#09202f;position:relative}
.pl-hero-visual figure img{width:100%;height:100%;object-fit:cover;display:block}
.pl-tag{position:absolute;right:18px;top:18px;font-size:10.5px;letter-spacing:.22em;color:#061421;background:#86d45f;padding:7px 11px;border-radius:999px;font-weight:800}
.pl-float{position:absolute;left:-28px;bottom:36px;background:rgba(8,26,40,.85);backdrop-filter:blur(12px);border:1px solid var(--pl-line2);border-radius:16px;padding:16px 18px;min-width:220px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.pl-float b{display:block;font-size:30px;font-weight:800;color:#86d45f;line-height:1}
.pl-float span{display:block;color:var(--pl-muted);font-size:12.5px;margin-top:6px;line-height:1.5}
.pl-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.pl-points span{border:1px solid rgba(134,212,95,.35);background:rgba(16,44,65,.45);padding:9px 15px;border-radius:999px;font-size:13px;color:#e4f7d8}
.pl-sec{padding:56px 0;border-top:1px solid var(--pl-line)}
.pl-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px;flex-wrap:wrap}
.pl-head>p{color:var(--pl-muted);max-width:56ch;line-height:1.65;font-size:15px;margin:0}
.pl-types{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pl-type{position:relative;display:grid;grid-template-columns:168px 1fr;gap:26px;background:linear-gradient(180deg,#0e2b3e,#0a1f2e);border:1px solid var(--pl-line2);border-radius:var(--pl-r);padding:28px;align-items:center;overflow:hidden}
.pl-type::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(134,212,95,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(134,212,95,.06) 1px,transparent 1px);background-size:28px 28px;-webkit-mask:radial-gradient(240px 420px at 14% 50%,#000,transparent 75%);mask:radial-gradient(240px 420px at 14% 50%,#000,transparent 75%);pointer-events:none}
.pl-type>*{position:relative}
.pl-draw{height:380px;display:flex;align-items:center;justify-content:center;background:radial-gradient(closest-side,rgba(134,212,95,.14),transparent 75%)}
.pl-draw img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(134,212,95,.35))}
.pl-tag-text{font-size:11px;letter-spacing:.2em;color:#86d45f;font-weight:700;margin:0}
.pl-type h3{margin:6px 0 0;font-size:22px}
.pl-type p:not(.pl-tag-text){color:var(--pl-muted);font-size:14px;line-height:1.65;margin:10px 0 16px}
.pl-stats{display:flex;gap:22px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--pl-line);border-bottom:1px solid var(--pl-line)}
.pl-stats b{display:block;font-size:32px;font-weight:800;color:#86d45f;line-height:1;letter-spacing:-.02em}
.pl-stats b sup{font-size:13px;color:#a7ef78;margin-left:2px}
.pl-stats i{display:block;font-style:normal;font-size:12px;color:var(--pl-muted);margin-top:6px;max-width:15ch;line-height:1.4}
.pl-type ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;padding:0;font-size:12.5px;color:#e4f7d8}
.pl-type ul li::before{content:"✓ ";color:#86d45f}
.pl-cabins{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.pl-cab{position:relative;margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--pl-line2);background:#09202f;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.pl-cab img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.pl-cap{position:absolute;left:0;right:0;bottom:0;padding:42px 12px 12px;background:linear-gradient(180deg,transparent,rgba(5,16,26,.92) 55%)}
.pl-cap b{display:block;font-size:13px;letter-spacing:.08em;color:#fff}
.pl-cap small{display:block;color:var(--pl-muted);font-size:11.5px;line-height:1.4;margin-top:3px}
.pl-std{position:absolute;left:10px;top:10px;font-size:10px;letter-spacing:.12em;color:#061421;background:#86d45f;border-radius:999px;padding:4px 8px;font-weight:800;z-index:1}
.pl-more{display:flex;justify-content:center;margin-top:26px}
.pl[data-cabins=all] .pl-more{display:none}
.pl-opt{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:start;padding:28px 0;border-top:1px solid var(--pl-line);min-width:0}
.pl-opt:first-of-type{border-top:0;padding-top:0}
.pl-opt>*{min-width:0;max-width:100%}
.pl-opt h3 small{display:block;color:var(--pl-dim);font-weight:500;font-size:12px;margin-top:5px;letter-spacing:.08em}
.pl-opt>div:first-child>p{color:var(--pl-muted);font-size:13px;line-height:1.55;margin:12px 0 0;max-width:22ch}
.pl-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}
.pl-tile{position:relative;margin:0;width:150px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#123249,#0b2231);border:1px solid var(--pl-line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pl-ph{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(closest-side at 50% 45%,rgba(134,212,95,.12),transparent 80%)}
.pl-ph img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.pl-tile--photo .pl-ph{padding:0;background:none}
.pl-tile--photo .pl-ph img{width:100%;height:100%;object-fit:cover;filter:none}
.pl-tile--tall .pl-ph{aspect-ratio:3/4}
.pl-tile--wide{width:230px}.pl-tile--wide .pl-ph{aspect-ratio:16/9}
.pl-tile--cop{width:230px}.pl-tile--cop .pl-ph{aspect-ratio:1/1.5}
.pl-tile--hall{width:320px}.pl-tile--hall .pl-ph{aspect-ratio:2.2/1}
.pl-tile--ctl{width:98px}.pl-tile--ctl .pl-ph{aspect-ratio:1/2.1;padding:12px 10px}.pl-tile--ctl .pl-ph svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.pl-tile--ctl figcaption{font-size:10px;letter-spacing:.06em;padding:8px 4px}
.pl-tile figcaption{font-size:11px;letter-spacing:.1em;text-align:center;padding:9px 6px;color:#e4f7d8;border-top:1px solid var(--pl-line);background:rgba(6,20,33,.4);font-weight:700}
.pl-tile .pl-std{left:8px;top:8px;font-size:9.5px;padding:3px 7px}
.pl-swatches{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}
.pl-swatches span{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--pl-muted)}
.pl-swatches i{width:24px;height:24px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #061421,0 0 0 3px var(--pl-line2)}
.pl-seg{display:inline-flex;background:#0c2535;border:1px solid var(--pl-line2);border-radius:12px;padding:4px;margin-bottom:18px}
.pl-seg button{padding:9px 18px;border-radius:9px;font-size:13px;color:var(--pl-muted);background:none;border:0;cursor:pointer;font-family:inherit}
.pl-seg button.is-on{background:#86d45f;color:#061421;font-weight:700}
.pl-spec{border:1px solid var(--pl-line2);border-radius:var(--pl-r);overflow:auto;background:#0c2535}
.pl-spec table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0}
.pl-spec th,.pl-spec td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--pl-line);white-space:nowrap}
.pl-spec th{background:#0f2d41;color:#d9f6ff;font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.pl-spec tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.pl-spec td b{color:#86d45f;font-size:15px}
.pl-spec tr:last-child td{border-bottom:0}
.pl-note{color:var(--pl-dim);font-size:12.5px;margin:12px 0 0;line-height:1.5}
.pl-cta{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;background:linear-gradient(135deg,#123a52,#0a2233 70%);border:1px solid var(--pl-line2);border-radius:28px;padding:44px;overflow:hidden}
.pl-cta::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(closest-side,rgba(134,212,95,.2),transparent)}
.pl-cta>*{position:relative}
.pl-cta ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;color:#e4f7d8;font-size:14px;margin:16px 0 24px;padding:0}
.pl-cta ul li::before{content:"— ";color:#86d45f}
.pl-side{background:rgba(6,20,33,.5);border:1px solid var(--pl-line);border-radius:18px;padding:24px;font-size:13.5px;color:var(--pl-muted);line-height:1.65}
.pl-side b{color:#edf6fb;display:block;margin-bottom:8px;font-size:15px}
/* home: signpost + band + card accent */
.pl-signpost .shell{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 0 0}
.pl-sign{display:grid;gap:4px;padding:18px 22px;border-radius:16px;border:1px solid rgba(117,190,211,.3);background:#0c2535;text-decoration:none;color:#edf6fb;transition:transform .3s,border-color .3s}
.pl-sign:hover{transform:translateY(-3px)}
.pl-sign small{font-size:10.5px;letter-spacing:.2em;font-weight:700}
.pl-sign strong{font-size:18px;font-weight:700}
.pl-sign span{font-size:12.5px;color:#a9c3d2}
.pl-sign--franz small{color:#6addff}.pl-sign--franz:hover{border-color:#6addff}
.pl-sign--siva small{color:#86d45f}.pl-sign--siva{border-color:rgba(134,212,95,.45)}.pl-sign--siva:hover{border-color:#86d45f}
.pl-band-wrap{padding:0 0 56px}
.pl-band{position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(134,212,95,.4);background:linear-gradient(135deg,#0f3321,#0a1f2e 55%,#0c2535);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:48px;align-items:center;color:#edf6fb}
.pl-band::after{content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(134,212,95,.22),transparent)}
.pl-band>*{position:relative}
.pl-band h2{font-size:clamp(26px,2.8vw,40px);font-weight:800;line-height:1.12;margin:8px 0 12px;color:#fff}
.pl-band .pl-lead{font-size:15px}
.pl-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 22px}
.pl-two div{border:1px solid rgba(117,190,211,.3);border-radius:14px;padding:14px 16px;background:rgba(6,20,33,.4)}
.pl-two b{display:block;font-size:13px;letter-spacing:.14em;color:#86d45f;margin-bottom:4px}
.pl-two span{font-size:12.5px;color:#a9c3d2;line-height:1.5;display:block}
.pl-band figure{position:relative;margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(117,190,211,.3);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.pl-band figure>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pl-thumbs{position:absolute;right:14px;top:14px;display:flex;gap:6px}
.pl-thumbs img{width:48px;aspect-ratio:1;border-radius:8px;border:1px solid rgba(117,190,211,.3);object-fit:cover}
.pl-pill{position:absolute;left:14px;bottom:14px;font-size:11.5px;color:#e4f7d8;background:rgba(6,20,33,.75);border:1px solid rgba(134,212,95,.4);padding:8px 12px;border-radius:999px;backdrop-filter:blur(8px)}
.v17-card--siva{border-bottom-color:#86d45f88}
.v17-card--siva:hover{border-color:#86d45f}
.v17-card--siva small{color:#86d45f}
.v17-card--siva::after{content:"SIVA";position:absolute;right:16px;top:14px;font-size:10.5px;letter-spacing:.2em;color:#061421;background:#86d45f;padding:5px 9px;border-radius:999px;font-weight:800}
.v8-passenger-cta2{margin-top:14px;display:inline-flex;gap:8px;align-items:center;color:#86d45f;font-weight:700;font-size:.85rem;text-decoration:none;border-bottom:1px solid #86d45f66;padding-bottom:3px}
@media(max-width:760px){
  .pl{padding-top:84px}
  .pl-hero{grid-template-columns:1fr;gap:30px;padding:0 0 30px}
  .pl-hero::before{right:-30%;left:-30%;width:auto;top:auto;height:60vw;bottom:-10vw}
  .pl-hero-visual figure{aspect-ratio:4/4.2}
  .pl-float{left:12px;bottom:12px;min-width:0;padding:12px 14px}.pl-float b{font-size:24px}
  .pl h1{font-size:36px}
  .pl-types{grid-template-columns:1fr}
  .pl-type{grid-template-columns:104px 1fr;padding:18px;gap:16px}.pl-draw{height:300px}.pl-type h3{font-size:19px}.pl-stats b{font-size:26px}
  .pl-cabins{grid-template-columns:repeat(2,1fr);gap:12px}.pl-cab img{aspect-ratio:3/4}
  .pl-opt{grid-template-columns:1fr;gap:14px;padding:22px 0}.pl-opt>div:first-child>p{max-width:none}
  .pl-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;margin-right:-18px;padding-right:18px}
  .pl-tile{flex:0 0 132px}.pl-tile--wide{flex-basis:200px}.pl-tile--cop{flex-basis:200px}.pl-tile--hall{flex-basis:280px}.pl-tile--ctl{flex:0 0 96px}
  .pl-spec th,.pl-spec td{padding:11px 12px}
  .pl-cta{grid-template-columns:1fr;padding:24px;border-radius:22px}.pl-cta ul{grid-template-columns:1fr}
  .pl-signpost .shell{grid-template-columns:1fr;gap:10px}.pl-sign{padding:14px 16px}.pl-sign strong{font-size:16px}
  .pl-band{grid-template-columns:1fr;padding:22px;border-radius:22px}.pl-two{grid-template-columns:1fr}
}

/* v59 — Passenger Material Studio 360° (#pl-studio · passenger-studio.js) */
.pls{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.pls-stage{position:relative;border-radius:var(--pl-r);overflow:hidden;border:1px solid var(--pl-line2);background:#07141f;height:600px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.pls-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;touch-action:pan-y;cursor:grab}
.pls-stage canvas:active{cursor:grabbing}
.pls-views{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;gap:4px;background:rgba(6,20,33,.72);backdrop-filter:blur(10px);border:1px solid var(--pl-line2);border-radius:12px;padding:4px}
.pls-views button{padding:8px 13px;border-radius:9px;font-size:12.5px;color:var(--pl-muted);background:none;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
.pls-views button[aria-pressed="true"]{background:var(--pl-g);color:#061421;font-weight:700}
.pls-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;margin:0;font-size:12px;color:var(--pl-gs);background:rgba(6,20,33,.72);border:1px solid rgba(134,212,95,.35);padding:7px 13px;border-radius:999px;white-space:nowrap;pointer-events:none}
.pls-loading,.pls-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:14px;color:var(--pl-muted);background:#07141f url(assets/passenger/cab-K101-hero.webp) center/cover;z-index:2}
.pls-loading::before,.pls-error::before{content:"";position:absolute;inset:0;background:rgba(7,20,31,.72);backdrop-filter:blur(6px)}
.pls-loading>span,.pls-error>span{position:relative}
.pls-error{display:none}
.pls-stage[data-state="ready"] .pls-loading{display:none}
.pls-stage[data-state="error"] .pls-loading{display:none}.pls-stage[data-state="error"] .pls-error{display:flex}
.pls-stage[data-state="error"] .pls-views,.pls-stage[data-state="error"] .pls-hint{display:none}
.pls-panel{border-radius:var(--pl-r);border:1px solid var(--pl-line2);background:linear-gradient(180deg,#0e2b3e,#0a1f2e);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;height:600px}
.pls-tabs{display:flex;gap:4px;flex-wrap:wrap}
.pls-tabs button{font-size:12px;padding:7px 11px;border-radius:999px;border:1px solid var(--pl-line);color:var(--pl-muted);background:none;cursor:pointer;font-family:inherit}
.pls-tabs button[aria-selected="true"]{background:rgba(134,212,95,.14);border-color:var(--pl-g);color:var(--pl-gs);font-weight:700}
.pls-body{overflow:auto;flex:1;min-height:0;padding-right:4px;scrollbar-width:thin}
.pls-group+.pls-group{margin-top:12px}
.pls-group h4{font-size:11px;letter-spacing:.18em;color:var(--pl-dim);font-weight:700;margin:0 0 8px}
.pls-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pls-row:has(.pls-tile--wide){grid-template-columns:repeat(2,1fr)}
.pls-tile{display:block;padding:0;border-radius:10px;overflow:hidden;border:1px solid var(--pl-line);background:#09202f;text-align:center;cursor:pointer;font-family:inherit;min-width:0}
.pls-tile[aria-pressed="true"]{border-color:var(--pl-g);box-shadow:0 0 0 2px rgba(134,212,95,.35)}
.pls-ph{display:block;aspect-ratio:1;background-size:cover;background-position:center}
.pls-tile--wide .pls-ph{aspect-ratio:16/9;background-color:#000;background-size:cover}
.pls-tile--tall .pls-ph{aspect-ratio:3/4}
.pls-cap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;padding:5px 3px;color:var(--pl-muted);letter-spacing:.02em;line-height:1.3;overflow:hidden;min-height:31px}
.pls-sum{margin-top:auto;border-top:1px solid var(--pl-line);padding-top:12px;font-size:12.5px;color:var(--pl-muted);line-height:1.6}
.pls-sum b{color:#edf6fb}
.pls-sum .pl-btn{margin-top:12px;padding:11px 18px;font-size:13px}

/* v61 — Studio รอบ 2: แผนผังกลุ่มผนัง · แผงกด COP/Hall · ราวจับ */
.pls-group h4{display:flex;align-items:center;gap:8px}
.pls-plan{width:26px;height:22px;flex:none}
.pls-row--ctl{grid-template-columns:repeat(5,1fr)}
.pls-tile--ctl .pls-ph{aspect-ratio:1/2.1;padding:8px 6px;background:#09202f}
.pls-ph svg{width:100%;height:100%;display:block}
.pls-row--txt{grid-template-columns:repeat(3,1fr)}
.pls-tile--txt .pls-ph{aspect-ratio:auto;height:36px;padding:10px 12px;background:#09202f}
@media(max-width:760px){.pls-row .pls-tile--ctl{flex:0 0 72px}.pls-row .pls-tile--txt{flex:0 0 100px}}

/* v62 — "ตัวเลือกทั้งหมด" ยุบเป็นแถบสรุป (ลิงก์เข้า Studio) */
.pl-sec--compact{padding:44px 0}
.pl-strip{display:flex;flex-wrap:wrap;gap:10px}
.pl-strip-item{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border:1px solid var(--pl-line2);border-radius:14px;background:linear-gradient(180deg,#123249,#0b2231);color:#edf6fb;text-decoration:none;min-width:0;font-family:inherit}
a.pl-strip-item:hover{border-color:var(--pl-g)}
.pl-strip-item b{font-size:24px;font-weight:800;color:var(--pl-g);line-height:1;letter-spacing:-.02em}
.pl-strip-lbl{font-size:12.5px;color:var(--pl-muted);line-height:1.3}
.pl-dots{display:inline-flex;gap:6px;margin-left:2px}
.pl-dots i{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #061421,0 0 0 3px var(--pl-line2)}
@media(max-width:760px){.pl-strip-item{flex:1 1 calc(50% - 5px);padding:10px 12px}.pl-strip-item b{font-size:20px}.pl-strip-lbl{font-size:11.5px}.pl-strip-item:has(.pl-dots){flex-basis:100%}.pl-dots{flex-wrap:wrap;margin-left:auto}}
/* v63 — Studio รอบ 3: แท็บห้องสำเร็จ 45 แบบ · ปุ่มเดินหน้า-ถอยหลัง */
.pls-row--cab{grid-template-columns:repeat(3,1fr)}
.pls-walk{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(6,20,33,.72);backdrop-filter:blur(10px);border:1px solid var(--pl-line2);border-radius:14px;padding:6px}
.pls-walk button{width:40px;height:34px;border-radius:9px;border:0;background:rgba(134,212,95,.14);color:var(--pl-gs);font-size:14px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;font-family:inherit}
.pls-walk button:active{background:var(--pl-g);color:#061421}
.pls-walk>span{font-size:10px;letter-spacing:.1em;color:var(--pl-dim)}
.pls-stage[data-walk="0"] .pls-walk{display:none}
.pls-stage:focus-visible{outline:2px solid var(--pl-g);outline-offset:2px}
@media(max-width:760px){.pls-row .pls-tile--tall{flex:0 0 96px}.pls-walk{left:10px;bottom:10px}.pls-hint{left:auto;right:10px;transform:none;max-width:60%;white-space:normal;text-align:center}}
/* v64 — จัดหน้าให้ตรงเมนู: Home Lift เหลือ FRANZ · เมนู Studio 3D + สวิตช์ 2 รุ่น · ลิงก์ข้ามไป Passenger */
@media(min-width:701px){.v21-lift-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v64-xlink{margin:18px 0 0;color:#a9c3d2;font-size:14px;line-height:1.6}.v64-xlink a{color:#86d45f;font-weight:700;text-decoration:none;white-space:nowrap}.v64-xlink a:hover{color:#a7ef78}
.st-switch{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.st-switch a{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid rgba(117,190,211,.3);font-size:13px;text-decoration:none;color:#edf6fb;line-height:1.3}
.st-switch a b{font-size:11px;letter-spacing:.14em;font-weight:800;color:#6addff}
.st-switch a[aria-current]{background:rgba(106,221,255,.12);border-color:#6addff;color:#d9f6ff}
.st-switch a.st-switch--siva{border-color:rgba(134,212,95,.45)}.st-switch a.st-switch--siva b{color:#86d45f}.st-switch a.st-switch--siva:hover{background:rgba(134,212,95,.12);border-color:#86d45f}
/* v65 — คำบอกใต้หัวกลุ่มใน Studio (ประตู · Hall call) */
.pls-tip{margin:-2px 0 10px;font-size:12.5px;line-height:1.55;color:var(--pl-dim)}
/* v66 — ทาง B: Passenger Studio อยู่ในหน้า Studio 3D (host .pls-host) · teaser หน้า Passenger · กริด 45 ห้องกดได้ · ปุ่มลิงก์/เริ่มใหม่ · มือถือ stage sticky */
.pls-host{padding:0;margin-top:6px}.pls-host[hidden]{display:none!important}.pls-host .pl-sec{padding:0 0 12px;border-top:0}
#customize .v27-workspace.ws--siva{display:block!important;height:auto!important;max-height:none!important;min-height:0!important}#customize .v27-workspace.ws--siva>:not(.v22-studio-head):not(.pls-host){display:none!important}#customize.cz--siva>.shell>:not(.v27-workspace){display:none!important}
.pls-intro{margin:0 0 18px;max-width:760px;color:var(--pl-muted);font-size:14px;line-height:1.65}
.pls-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pls-act{background:none;border:1px solid var(--pl-line2);color:var(--pl-muted);border-radius:999px;padding:7px 13px;font:inherit;font-size:12.5px;cursor:pointer;line-height:1.3}.pls-act:hover{border-color:var(--pl-g);color:var(--pl-gs)}
.pls-act .pls-act-on{display:none}.pls-act[data-done="1"]{border-color:var(--pl-g);color:var(--pl-g)}.pls-act[data-done="1"] .pls-act-on{display:inline}.pls-act[data-done="1"] .pls-act-off{display:none}
.pls-share-url{width:100%;margin-top:8px;background:rgba(6,20,33,.7);border:1px solid var(--pl-line2);color:var(--pl-gs);border-radius:8px;padding:7px 10px;font:inherit;font-size:12px}
.pl-teaser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.pl-teaser-grid a{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(134,212,95,.3);background:#06141f}.pl-teaser-grid a:hover{border-color:var(--pl-g)}
.pl-teaser-grid img{width:100%;aspect-ratio:1/1.1;object-fit:cover;display:block;transition:transform .35s}.pl-teaser-grid a:hover img{transform:scale(1.03)}
.pl-teaser-grid span{position:absolute;left:10px;bottom:10px;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--pl-gs);background:rgba(6,20,33,.72);padding:4px 9px;border-radius:999px}
#pl-cabgrid .pl-cab{cursor:pointer}#pl-cabgrid .pl-cab:hover{outline:1px solid var(--pl-g)}
#pl-cabgrid .pl-cab .pl-cap b::after{content:" · Studio 3D →";font-weight:600;color:var(--pl-g);font-size:11px;letter-spacing:.06em}
@media(max-width:760px){
  .pl-teaser-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pls-host .pls-stage{position:sticky;top:80px;z-index:5;height:46vh;max-height:420px;box-shadow:0 12px 30px rgba(2,10,18,.55)}
}
/* v67 — ชิป FRANZ/SIVA มือถือเด่นขึ้น (ฟ้า/เขียว) · Home Lift Studio ไม่แว๊บรูปแค็ตตาล็อกตอนโหลด 3D */
@media(max-width:760px){
  #customize .v22-studio-head{flex-wrap:wrap;gap:10px}
  #customize .st-switch{flex:1 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
  #customize .st-switch a{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border-radius:14px;border-width:1.5px;font-size:12.5px;line-height:1.35}
  #customize .st-switch a b{font-size:11px;letter-spacing:.16em}
  #customize .st-switch a[data-st-mode=franz]{border-color:rgba(106,221,255,.6);color:#d9f6ff}
  #customize .st-switch a[data-st-mode=siva]{border-color:rgba(134,212,95,.6);color:#e4f7d8}
  #customize .st-switch a[data-st-mode=franz][aria-current]{background:#6addff;border-color:#6addff;color:#06141f}
  #customize .st-switch a[data-st-mode=siva][aria-current]{background:#86d45f;border-color:#86d45f;color:#06141f}
  #customize .st-switch a[aria-current] b{color:#06141f}
}
html:not([data-studio="ready"]) .v22-live-stage:not(.v22-static-preview) .v22-preview-fallback{visibility:hidden}
html[data-studio="error"] .v22-live-stage:not(.v22-static-preview) .v22-preview-fallback{visibility:visible}
html:not([data-studio="ready"]):not([data-studio="error"]) #customize.v27-studio .v22-live-stage:not(.v22-static-preview)::after{content:"กำลังเตรียม 3D…";position:absolute;inset:0;width:auto;height:auto;margin:0;border:0;border-radius:0;animation:none;display:grid!important;place-items:center;z-index:4;color:#9fc3d8;font-size:14px;letter-spacing:.08em;pointer-events:none}
html:not([data-studio="ready"]):not([data-studio="error"]) body.lang-en #customize.v27-studio .v22-live-stage:not(.v22-static-preview)::after{content:"Preparing 3D…"}
/* v68 — ชิป Studio 3D แบบ minimal: ไอคอน + คำเดียว (desktop + มือถือ) · ที่เลือก = พื้นสีแบรนด์ */
#customize .st-switch--v68 a{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:8px 16px 8px 13px;border-radius:999px;border:1.5px solid rgba(117,190,211,.35);font-size:13.5px;font-weight:600;letter-spacing:.01em;color:#cfe3ee;background:none}
#customize .st-switch--v68 a svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#customize .st-switch--v68 a[data-st-mode=franz]{border-color:rgba(106,221,255,.55)}#customize .st-switch--v68 a[data-st-mode=franz] svg{color:#6addff}
#customize .st-switch--v68 a[data-st-mode=siva]{border-color:rgba(134,212,95,.55)}#customize .st-switch--v68 a[data-st-mode=siva] svg{color:#86d45f}
#customize .st-switch--v68 a:hover{color:#fff}
#customize .st-switch--v68 a[data-st-mode=franz][aria-current]{background:#6addff;border-color:#6addff;color:#06141f}#customize .st-switch--v68 a[data-st-mode=siva][aria-current]{background:#86d45f;border-color:#86d45f;color:#06141f}
#customize .st-switch--v68 a[aria-current] svg{color:#06141f}
@media(max-width:760px){
  #customize .st-switch--v68{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #customize .st-switch--v68 a{justify-content:center;padding:11px 10px;border-radius:14px;font-size:13.5px}
}
/* v69 — หน้าแรก: สวิตช์แสง ☀/☾ · ภาพ hero นิ่ง (ตัด zoom 12 วิ) · กลางวันสว่างขึ้น */
.hero .hero-images img{transform:none!important;transition:opacity .9s ease!important}
.hero .hero-images img.hero-product-day{filter:brightness(1.12) saturate(1.2) contrast(1.05)}
.hero .scene-label{display:none!important}
.hero .scene-switch{position:relative;width:92px!important;height:42px;padding:4px!important;gap:0!important;border-radius:999px;border:1px solid #d8ecff55!important;background:#06142199!important;margin-left:auto!important;flex:none;overflow:hidden}
.hero .scene-switch::before{content:"";position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:#e9f6ff;box-shadow:0 2px 8px #0008;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:0}
.hero .scene-switch:has(button:last-child[aria-pressed=true])::before{transform:translateX(50px);background:#bcd5ea}
.hero .scene-switch button{position:relative;z-index:1;flex:1 1 0!important;min-height:0!important;height:34px;padding:0!important;justify-content:center;background:none!important;color:#8fb0c4!important;border-radius:50%}
.hero .scene-switch button[aria-pressed=true]{color:#061421!important}
.hero .scene-switch button svg{width:17px;height:17px}
.hero .scene-switch button>span{display:none!important}
@supports not selector(:has(a)){.hero .scene-switch::before{display:none}.hero .scene-switch button[aria-pressed=true]{background:#e9f6ff!important}}
@media(max-width:760px){.hero .scene-switch{width:92px!important;margin:14px 0 0!important}}
/* v70 — hero dim ช้า/นุ่มขึ้น + กลางวันสว่างขึ้นอีก */
.hero .hero-images img{transition:opacity 2.2s cubic-bezier(.45,.05,.3,.95)!important}
.hero .hero-images img.hero-product-day{filter:brightness(1.22) saturate(1.25) contrast(1.05)}
.hero .hero-images img.hero-product-night{transition:opacity 2.6s cubic-bezier(.45,.05,.3,.95)!important}
/* v71 — แท็บใต้รูปชัดขึ้น · ปุ่มเปิด/ปิดประตูบน stage */
.pls-tabs{gap:6px}
.pls-tabs button{font-size:13px;padding:9px 14px;border:1px solid rgba(134,212,95,.42);background:rgba(134,212,95,.07);color:var(--pl-gs);font-weight:600}
.pls-tabs button[aria-selected="true"]{background:var(--pl-g);border-color:var(--pl-g);color:#061421;font-weight:700}
.pls-door{position:absolute;right:14px;bottom:62px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--pl-line2);background:rgba(6,20,33,.72);backdrop-filter:blur(10px);color:var(--pl-gs);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.pls-door svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pls-door .pls-door-on{display:none}.pls-door[aria-pressed="true"]{background:var(--pl-g);border-color:var(--pl-g);color:#061421}.pls-door[aria-pressed="true"] .pls-door-on{display:inline}.pls-door[aria-pressed="true"] .pls-door-off{display:none}
.pls-stage[data-state="error"] .pls-door{display:none}
/* v74 — Home Lift มุม "นั่งลิฟต์": แผงจำนวนชั้น/ไปชั้น แสดงบน stage เหมือนมุมเต็มปล่อง · ปุ่ม Ride เด่นเล็กน้อย */
#customize.v27-studio[data-preview-view=ride] .v26-scene-controls{position:absolute;left:8px;top:46px;z-index:5;display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;background:none!important}
#customize.v27-studio[data-preview-view=ride] .v22-live-stage canvas{cursor:grab}
.v27-view-buttons .v74-ride-view[aria-pressed="false"]{box-shadow:inset 0 0 0 1px rgba(106,221,255,.55)}
@media(max-width:760px){#customize.v27-studio[data-preview-view=ride] .v26-scene-controls{top:44px!important;max-height:calc(100% - 52px)}}
/* v76 — ฉากหลังรูปห้องจริงหลังโมเดลลิฟต์ (Home Lift Studio) · crossfade 0.9 วิ · ไล่เงาบน/ล่างให้ปุ่มอ่านง่าย */
.v22-live-stage .v76-bg{position:absolute;inset:0;z-index:0;background:center/cover no-repeat;opacity:0;transition:opacity .9s ease;pointer-events:none}
.v22-live-stage .v76-bg.on{opacity:1}
.v22-live-stage .v76-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,31,.62) 0,rgba(6,20,31,.12) 22%,rgba(6,20,31,0) 45%,rgba(6,20,31,.08) 75%,rgba(6,20,31,.55) 100%)}
.v22-live-stage>canvas{position:relative;z-index:1}
/* v78 — ปุ่มเปิดประตูต้องเห็นตั้งแต่เปิดหน้า: desktop ย้ายขึ้นมุมขวาบน + ภาพสูงไม่เกินจอ */
@media(min-width:761px){.pls-door{top:14px;bottom:auto;right:14px}.pls-host .pls-stage{height:min(600px,calc(100svh - 300px));min-height:400px}}
@media(max-width:760px){.pls-door{right:10px;bottom:66px;font-size:12px;padding:8px 11px}}
@media(max-width:760px){
  .pls{grid-template-columns:1fr;gap:12px}
  .pls-stage{height:62vh;max-height:560px}.pls-panel{height:auto}
  .pls-views{left:10px;top:10px;right:10px;display:flex}.pls-views button{flex:1;padding:8px 6px;font-size:11.5px}
  .pls-hint{font-size:11px;bottom:10px}
  .pls-body{overflow:visible}
  .pls-row{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px}
  .pls-row .pls-tile{flex:0 0 96px}.pls-row .pls-tile--wide{flex-basis:150px}.pls-row .pls-tile--tall{flex-basis:88px}
}

/* v82 ขึ้นลิฟต์ / Ride — วิวภายนอกหลัง canvas */
.v22-live-stage .v82-out{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;transition:opacity .6s ease;pointer-events:none;background:#efe9df}
.v22-live-stage .v82-out.on{opacity:1}
.v22-live-stage .v82-col{position:absolute;left:50%;top:0;width:1192px;transform-origin:50% 0;will-change:transform}
.v22-live-stage .v82-col i{position:absolute;left:0;width:1192px;background:center/100% 100% no-repeat}
.v22-live-stage .v82-col .v82-room{height:941px}.v22-live-stage .v82-col .v82-room.m{transform:scaleX(-1)}
.v22-live-stage .v82-col .v82-slab{height:760px;background-image:url(assets/ride/slab.webp);-webkit-mask-image:linear-gradient(transparent,#000 110px,#000 650px,transparent);mask-image:linear-gradient(transparent,#000 110px,#000 650px,transparent)}

/* v83 ขึ้นลิฟต์ — ทุกรุ่น · แถบพื้นชั้นต่อชน (ไม่ mask) · ฟิล์มสีกระจก */
.v22-live-stage .v82-col .v82-slab{height:522px;background-image:url(assets/ride/slab2.webp);-webkit-mask-image:none;mask-image:none}
.v22-live-stage .v82-col{transition:filter .4s ease}
.v22-live-stage .v83-tint{position:absolute;inset:0;mix-blend-mode:multiply;transition:opacity .4s ease,background-color .4s ease;pointer-events:none}

/* v84 ขึ้นลิฟต์ — ป้ายชั้น · ปุ่มกลางวัน/เย็น/ค่ำ · แสงห้องโดยสาร · เฟดรูป */
#customize .v22-live-stage .v84-ui{position:absolute;top:12px;right:12px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
#customize .v22-live-stage .v84-ui[hidden],#customize .v22-live-stage .v84-tod[hidden],#customize .v22-live-stage .v84-tod button[hidden]{display:none}
#customize .v22-live-stage .v84-ind{display:flex;align-items:center;justify-content:center;gap:8px;min-width:62px;padding:7px 14px;border-radius:12px;background:rgba(7,20,30,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:700 22px/1 'Manrope','Noto Sans Thai',sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.22)}
#customize .v22-live-stage .v84-ind .a{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;display:none}
#customize .v22-live-stage .v84-ind[data-dir=up] .a{display:block;border-bottom:10px solid #7fd3ff;animation:v84p .9s ease-in-out infinite}
#customize .v22-live-stage .v84-ind[data-dir=down] .a{display:block;border-top:10px solid #7fd3ff;animation:v84p .9s ease-in-out infinite}
@keyframes v84p{50%{opacity:.3}}
#customize .v22-live-stage .v84-tod{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(7,20,30,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}
#customize .v22-live-stage .v84-tod button{width:36px;height:32px;min-height:0;padding:0;margin:0;border:0;border-radius:9px;background:transparent;color:#cfe3ee;display:grid;place-items:center;cursor:pointer;box-shadow:none}
#customize .v22-live-stage .v84-tod button[aria-pressed=true]{background:#7fd3ff;color:#06202e}
#customize .v22-live-stage .v84-tod svg{width:18px;height:18px}
.v22-live-stage .v84-glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .6s ease}
.v22-live-stage .v82-col i{animation:v84in .6s ease}
@keyframes v84in{from{opacity:0}}
@media (max-width:760px){#customize .v22-live-stage .v84-ui{top:8px;right:8px}#customize .v22-live-stage .v84-ind{font-size:18px;min-width:52px;padding:6px 11px}}
/* v86: v85 A (CSS เฟรมสูง) ย้ายไป JS v86Fit ใน script-10 */

/* v90 หน้าแรก: คลิปขึ้นลิฟต์ + ชิปชั้น + แถบความน่าเชื่อถือ */
.v90-video-hero .hero-images{background:#0b1b27 url(assets/hero/ride-epro-dusk3-d.webp) 50% 50%/cover no-repeat}
.v90-video-hero .hero-images img{display:none!important}
.v90-video-hero .v90-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .8s ease}
.v90-video-hero.v90-playing .v90-video{opacity:1}
.v90-video-hero .hero-shade{background:linear-gradient(90deg,#041321e6 0%,#041321b3 22%,#0618274d 40%,#0618270d 56%,transparent 70%),linear-gradient(0deg,#041321e6 0%,#04132100 24%),linear-gradient(180deg,#04132180 0%,#04132100 16%)!important}
.v90-video-hero .hero-side,.v90-video-hero .hero-bottom{display:none!important}
.v90-ride{position:absolute;z-index:4;right:6vw;bottom:128px;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 16px;border-radius:999px;background:#06141fa6;border:1px solid #ffffff2b;color:#eef6fa;font-size:.84rem;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s}
.v90-ride:hover,.v90-ride:focus-visible{background:#06141fd9;border-color:#86d45f99}
.v90-ride .v90-dot{width:8px;height:8px;border-radius:50%;background:#ff5a4f;box-shadow:0 0 0 4px #ff5a4f33;animation:v90pulse 1.6s ease-in-out infinite}
@keyframes v90pulse{50%{box-shadow:0 0 0 7px #ff5a4f10}}
.v90-ride .v90-fl{display:flex;gap:4px}
.v90-ride .v90-fl i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.72rem;border:1px solid #ffffff4d;transition:background .35s,color .35s,border-color .35s}
.v90-ride .v90-fl i.on{background:#6fc3ff;border-color:#6fc3ff;color:#06141f;font-weight:700}
.v90-ride .v90-try{margin-left:4px;padding:6px 12px;border-radius:999px;background:#86d45f;color:#06141f;font-weight:700;white-space:nowrap}
.v90-trust{position:relative;z-index:5;margin-top:-82px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff1f;background:#05121ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.v90-trust>*{display:block;padding:18px 6vw 18px 3.2vw;border-right:1px solid #ffffff14;color:#eef6fa;text-decoration:none;min-height:82px}
.v90-trust>*:first-child{padding-left:6vw}
.v90-trust>*:last-child{border-right:0}
.v90-trust strong{display:block;font-size:1rem;margin-bottom:3px}
.v90-trust small{display:block;font-size:.8rem;color:#a9c2cf}
.v90-trust .v90-g{color:#86d45f}
.v90-trust a:hover strong,.v90-trust a:focus-visible strong{color:#6fc3ff}
@media(prefers-reduced-motion:reduce){.v90-ride .v90-dot{animation:none}}
@media(max-width:760px){
  .hero.v90-video-hero{padding-top:max(300px,38svh)!important}
  .v90-video-hero .hero-images{background-image:url(assets/hero/ride-epro-dusk3-m.webp);height:100%!important;bottom:0}
  .v90-video-hero .hero-shade{background:linear-gradient(0deg,#061421 0,#061421e0 30%,#0614218c 48%,#06142100 66%),linear-gradient(180deg,#06142180 0%,#06142100 22%)!important}
  .v90-ride{right:auto;left:22px;bottom:auto;top:96px;font-size:.78rem;gap:9px;padding:7px 8px 7px 12px}
  .v90-ride .v90-fl i{width:21px;height:21px}
  .v90-ride .v90-try{padding:5px 10px}
  .v90-trust{margin-top:0;grid-template-columns:1fr 1fr;background:#061421}
  .v90-trust>*,.v90-trust>*:first-child{padding:14px 22px;min-height:0;border-bottom:1px solid #ffffff14}
  .v90-trust>*:nth-child(2n){border-right:0}
  .v90-trust strong{font-size:.92rem}.v90-trust small{font-size:.74rem}
}
@media(max-width:380px){.v90-ride .v90-lbl{display:none}}

/* v96 FB video 16:9 */
#lifts .v10-video,.v10-video{display:grid!important;place-items:center;padding:18px 0}.v10-video iframe{position:relative!important;inset:auto!important;width:100%!important;max-width:560px;height:auto!important;aspect-ratio:16/9;border-radius:14px}@media(max-width:760px){#lifts .v10-video,.v10-video{min-height:0!important;padding:12px 0}}

/* v99 hero5 — ลิฟต์ 3 ชั้นในบ้านจริง ในโครง hero เดิม (hero5.js) · ลูกเล่น ☀→☾ + สีเฟรม + เรียกลิฟต์ */
.h5{--h5-oy:88px;--h5-ob:82px;--h5-ax:.5;--h5-gx:1;--h5-ib:1}.h5 .hero-images{background:#061421!important;overflow:hidden}
.h5.hero.v90-video-hero{min-height:100svh!important;height:auto!important;padding-top:116px!important;padding-bottom:112px!important;box-sizing:border-box;display:flex;align-items:center}
.h5 .hero-copy{max-width:min(780px,48vw)}.h5.hero h1{font-size:clamp(2.5rem,min(4.3vw,7.6vh),5.4rem)!important;line-height:1.12!important;margin-bottom:18px!important;letter-spacing:-.03em}
.h5 .hero-promise{font-size:clamp(1rem,min(1.3vw,2.3vh),1.3rem)!important;line-height:1.6!important;margin-bottom:22px!important;max-width:560px}.h5 .hero-actions .button{min-height:52px}
.h5[data-gap=l] .h5-box{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}.h5[data-gap=lr] .h5-box{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.h5 .h5-box{position:absolute;left:0;top:0}.h5 .h5-box>*,.h5 .h5-media>*{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.h5 .hero-images .h5-box img{display:block!important;opacity:1;transform:none!important;transition:none!important;object-fit:fill;filter:none}
.h5 .h5-box>[hidden],.h5 .hero-images .h5-box img[hidden]{display:none!important}
.h5-film,.h5-cv{opacity:0}.h5-film.on,.h5-cv.on{opacity:1}.h5-film{transition:opacity .3s}
.h5-tint,.h5-grade,.h5-night,.h5-lights,.h5-glow{pointer-events:none}.h5-grade{mix-blend-mode:multiply}.h5-lights,.h5-glow{mix-blend-mode:screen}
.h5-fun{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px}.h5-fun-lab{font-size:.74rem;letter-spacing:.06em;color:#b9dbe7}
.h5-dock{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:#06141fa6;border:1px solid #ffffff2b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.h5-i{width:38px;height:38px;padding:0;border-radius:50%;border:1px solid transparent;background:transparent;color:#e8f3f8;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.h5-i:hover,.h5-i[aria-expanded=true]{background:#ffffff14;border-color:#6addff99}.h5-i:active{transform:scale(.94)}.h5-sep{width:1px;height:20px;background:#ffffff33;margin:0 3px}
.h5-i-tod svg{display:none}.h5-i-tod[data-t='0'] svg:nth-child(1),.h5-i-tod[data-t='1'] svg:nth-child(2),.h5-i-tod[data-t='2'] svg:nth-child(3),.h5-i-tod[data-t='3'] svg:nth-child(4){display:block}.h5-i-tod{color:#ffe3a3}.h5-i-tod[data-t='0']{color:#ffb8a0}.h5-i-tod[data-t='2']{color:#ffa45c}.h5-i-tod[data-t='3']{color:#cfe2ff}
.h5-ic{display:block}.h5-ic-frame{width:17px;height:17px;border:3.5px solid var(--fc,#b7ab90);border-radius:3px;box-shadow:0 0 0 1px #ffffff59}.h5-ic-light{width:15px;height:15px;border-radius:50%;background:var(--lc,#f5f8fa);box-shadow:0 0 9px 2px var(--lc,#fff)}
.h5-ic-pattern{width:14px;height:21px;border-radius:3px;background:var(--pi,#fff) center/cover;border:1px solid #ffffffb0}.h5-ic-glass{width:16px;height:21px;border-radius:2px;border:1.5px solid #d9eef5;background:linear-gradient(135deg,transparent 38%,#ffffff88 44%,transparent 52%),var(--gc,transparent)}
.h5-pop{position:absolute;z-index:6;left:calc(100% + 10px);bottom:-1px;padding:10px 12px 12px;border-radius:16px;background:#06141feb;border:1px solid #ffffff2b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 34px #00000059;white-space:nowrap;animation:h5pop .18s ease-out}
.h5-pop[hidden]{display:none}.h5-pop b{display:block;margin-bottom:9px;font-size:.74rem;font-weight:500;color:#b9dbe7}.h5-pop em{font-style:normal;color:#fff}.h5-pop>div{display:flex;gap:9px;align-items:center}
@keyframes h5pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.h5-s{width:22px;height:22px;padding:0;border-radius:50%;border:1.5px solid #ffffff66;background:var(--c);cursor:pointer;transition:transform .15s,box-shadow .15s}.h5-s:hover{transform:scale(1.15)}.h5-s[aria-pressed=true]{box-shadow:0 0 0 2px #06141f,0 0 0 3.5px #6addff}
.h5-p{width:22px;height:34px;padding:0;border-radius:5px;border:1.5px solid #ffffff66;background:var(--i) center/cover;cursor:pointer;transition:transform .15s}.h5-p:hover{transform:scale(1.08)}.h5-p[aria-pressed=true]{box-shadow:0 0 0 2px #06141f,0 0 0 3.5px #6addff}
.h5-auto{font-size:17px;line-height:1;color:#6addff}.h5-auto[hidden]{display:none}
.h5-ride{cursor:default}.h5-ride .v90-fl button{width:24px;height:24px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:.72rem;border:1px solid #ffffff4d;background:transparent;color:#eef6fa;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.h5-ride .v90-fl button.on{background:#6fc3ff;border-color:#6fc3ff;color:#06141f;font-weight:700}.h5-ride .v90-fl button:hover{border-color:#6fc3ff}
@media(max-width:1000px){.h5{--h5-oy:78px}}
@media(max-width:760px){.h5{--h5-oy:78px;--h5-ob:0px;--h5-ib:.62;--h5-gx:.5}.h5.hero.v90-video-hero{min-height:calc(100svh - 68px)!important;padding-top:calc(.62*(100svh - 68px) + 6px)!important;padding-bottom:22px!important;align-items:flex-start}.h5.v90-video-hero .hero-shade{background:linear-gradient(180deg,#06142159 0,#06142100 100px,#06142100 calc(.62*(100svh - 68px) - 90px),#061421 calc(.62*(100svh - 68px)))!important}.h5 .hero-copy{display:flex;flex-direction:column;max-width:none}.h5 .h5-fun{order:-1;margin:0 0 10px}.h5-fun-lab{display:none}.h5.hero h1{font-size:clamp(1.6rem,7vw,2.05rem)!important;margin-bottom:12px!important}.h5.hero h1 strong{margin-top:2px!important}.h5 .hero-promise{display:none}.h5 .hero-actions{display:flex!important;flex-direction:row!important;gap:8px;width:100%}.h5 .hero-actions .button{flex:1 1 0!important;width:auto!important;min-height:46px;padding:10px 8px!important;white-space:nowrap;font-size:.84rem}.h5-i{width:40px;height:40px}.h5-pop{left:-2px;bottom:calc(100% + 10px)}.h5-ride .v90-lbl{display:none}.h5-ride .v90-fl button{width:21px;height:21px}}@media(max-width:760px) and (max-height:700px){.h5{--h5-ib:.57}.h5.hero.v90-video-hero{padding-top:calc(.57*(100svh - 68px) + 6px)!important}.h5.v90-video-hero .hero-shade{background:linear-gradient(180deg,#06142159 0,#06142100 100px,#06142100 calc(.57*(100svh - 68px) - 80px),#061421 calc(.57*(100svh - 68px)))!important}}
/* v101 มือถือ — ภาพแนวนอนครอปรอบลิฟต์ เต็มความกว้าง ลิฟต์ครบทั้งตัว · ภาพกินพื้นที่ทั้งหมดเหนือข้อความ (hero5.js วัดแล้วตั้ง --h5-zone) */
@media(max-width:760px){.h5{--h5-fx:.664}.h5.hero.v90-video-hero{padding-top:calc(var(--h5-oy) + 150px)!important;align-items:flex-end!important}.h5.v90-video-hero .hero-shade{background:linear-gradient(180deg,#06142159 0,#06142100 100px,#06142100 calc(var(--h5-zone,60svh) - 64px),#061421 calc(var(--h5-zone,60svh) + 2px))!important}}

/* v101b — กล่องโทร/อีเมลบนคอม */
.v101b-pop{position:fixed;z-index:9999;min-width:230px;padding:12px 14px 14px;border-radius:14px;background:#06141ff2;border:1px solid #ffffff2b;color:#eef6fa;box-shadow:0 14px 34px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:v101bIn .16s ease-out}
.v101b-pop small{display:block;font-size:.72rem;letter-spacing:.06em;color:#9fc4d4}.v101b-pop b{display:block;font-size:1.15rem;font-weight:600;margin:3px 0 11px;letter-spacing:.01em;color:#fff;user-select:all}
.v101b-pop div{display:flex;gap:8px}.v101b-pop button,.v101b-pop a{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;font:500 .8rem/1.2 inherit;font-family:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.v101b-pop button{border:1px solid #6fc3ff;background:#6fc3ff;color:#06141f}.v101b-pop a{border:1px solid #ffffff40;background:transparent;color:#eef6fa}.v101b-pop a:hover{border-color:#6fc3ff}
@keyframes v101bIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* v101c — อีเมล 2 ที่ · ไม่ล้นขอบจอ */
.v101b-pop{max-width:calc(100vw - 32px)}.v101b-pop b{line-height:1.45}

/* v101d — หน้าแคตตาล็อก #/catalog (prefix ct-) */
.ct-group{margin-top:44px}
.ct-group>h2{font-size:clamp(20px,2.2vw,26px);margin:0 0 4px}
.ct-group>p{margin:0 0 18px;opacity:.72;font-size:15px}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.ct-card{display:flex;flex-direction:column;background:#fff;color:#102640;text-align:left;border:1px solid rgba(16,38,64,.1);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(16,38,64,.06);transition:transform .2s,box-shadow .2s}
.ct-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(16,38,64,.12)}
.ct-cover{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:18px;border:0;background:linear-gradient(160deg,#eef2f5,#e3e8ec);cursor:zoom-in}
.ct-cover img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(16,38,64,.18))}
.ct-lang{position:absolute;top:12px;right:12px;font:600 11px/1 inherit;letter-spacing:.06em;padding:6px 9px;border-radius:99px;background:#102640;color:#fff}
.ct-hl .ct-lang{background:#86d45f;color:#0d2a14}
.ct-meta{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;flex:1}
.ct-meta h3{margin:0;font-size:18px;letter-spacing:.01em}
.ct-meta p{margin:0;font-size:14.5px;opacity:.8}
.ct-meta small{font-size:12.5px;opacity:.6}
.ct-btns{display:flex;gap:8px;margin-top:auto;padding-top:12px;flex-wrap:wrap}
.ct-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:99px;font:600 14px/1 inherit;text-decoration:none;cursor:pointer;border:1px solid rgba(16,38,64,.2);background:#fff;color:#102640}
.ct-read{background:#102640;border-color:#102640;color:#fff}
.ct-btn:hover{filter:brightness(1.08)}
.ct-note{margin-top:34px;font-size:13.5px;opacity:.65;max-width:760px}
.v101d-catstrip{background:#f3f6f8;padding:26px 0}
.v101d-catstrip .shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.v101d-catstrip p{margin:0;font-size:16px}
.v101d-catstrip b{display:block;font-size:19px;margin-bottom:2px}
/* viewer */
html.ct-lock,html.ct-lock body{overflow:hidden}
.ct-viewer{position:fixed;inset:0;z-index:2000;background:rgba(9,18,30,.96);display:flex;flex-direction:column;color:#fff}
.ct-viewer[hidden]{display:none}
.ct-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.1)}
.ct-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.ct-title b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-title span{font-size:12.5px;opacity:.7}
.ct-count{font-size:13px;opacity:.8;font-variant-numeric:tabular-nums;white-space:nowrap}
.ct-viewer .ct-btn{min-height:36px;background:transparent;color:#fff;border-color:rgba(255,255,255,.35);font-size:13px}
.ct-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.ct-track{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.ct-track::-webkit-scrollbar{display:none}
.ct-page{flex:0 0 100%;scroll-snap-align:center;margin:0;display:flex;align-items:center;justify-content:center;padding:14px;min-width:0}
.ct-page img{max-width:100%;max-height:100%;aspect-ratio:var(--ct-r);width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.45);cursor:zoom-in}
.ct-page img:not([src]){width:min(100%,calc((100vh - 120px)*var(--ct-r)));background:rgba(255,255,255,.06)}
.ct-page.z{overflow:auto;display:block;padding:0}
.ct-page.z img{max-width:none;max-height:none;width:auto;height:calc(200vh - 220px);cursor:zoom-out}
.ct-zoomed .ct-track{scroll-snap-type:none;overflow-x:hidden}
.ct-nav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.ct-prev{left:12px}.ct-next{right:12px}
.ct-tip{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));margin:0;text-align:center;font-size:12px;opacity:.55;pointer-events:none}
@media (max-width:700px){.ct-grid{grid-template-columns:1fr 1fr;gap:12px}.ct-cover{padding:10px;aspect-ratio:4/5}.ct-btns{flex-direction:column}.ct-btns .ct-btn{width:100%}.ct-lang{top:8px;right:8px;padding:5px 7px;font-size:10px}.ct-meta{padding:12px}.ct-meta h3{font-size:15px}.ct-meta p{font-size:13px}.ct-btn{min-height:36px;padding:0 12px;font-size:13px}.ct-nav{display:none}.ct-page{padding:8px}.ct-title span{display:none}.ct-bar{gap:8px;padding:8px 10px}.ct-viewer .ct-btn{padding:0 10px}.ct-page.z img{height:calc(160vh - 200px)}}

/* v101e — แคตตาล็อกเปิดแบบหนังสือ (flipbook) */
.ct-tip-f{display:none}.ct-flip .ct-tip-f{display:inline}.ct-flip .ct-tip-s{display:none}
.ct-tip{transition:opacity .8s}.ct-tipoff .ct-tip{opacity:0}
.ct-viewer.ct-flip .ct-track{display:none}
.ct-bar{position:relative;z-index:6}
.ct-viewer.ct-flip{background:#08111c}
.ct-stage{display:none;flex:1;position:relative;min-height:0;padding:26px 78px 36px;outline:0;background:radial-gradient(ellipse 58% 56% at 50% 48%,rgba(255,255,255,.08),transparent 72%);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.ct-flip .ct-stage{display:block}
.ct-book{position:relative;width:100%;height:100%}
.ct-book .stf__wrapper{position:relative;width:100%;height:100%}
.ct-book .stf__block{position:absolute;inset:0;perspective:2200px}
.ct-book .stf__item{display:none;position:absolute;transform-style:preserve-3d;background:#fff}
.ct-book .stf__outerShadow,.ct-book .stf__innerShadow,.ct-book .stf__hardShadow,.ct-book .stf__hardInnerShadow{position:absolute;left:0;top:0}
.ct-pg{cursor:zoom-in}
.ct-pg img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ct-pg img:not([src]){visibility:hidden}
.ct-book .stf__item::after{content:'';position:absolute;inset:0;pointer-events:none}
.ct-two .ct-book .stf__item.--left::after{background:linear-gradient(to left,rgba(0,0,0,.2),rgba(0,0,0,.06) 2.5%,transparent 7%)}
.ct-two .ct-book .stf__item.--right::after{background:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,.06) 2.5%,transparent 7%)}
.ct-bshadow{position:absolute;left:50%;top:50%;width:0;height:0;box-shadow:0 24px 60px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.35);transition:left .45s ease,width .45s ease;pointer-events:none}
.ct-stage.ct-wait::before{content:'';position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:ct-spin .8s linear infinite}
@keyframes ct-spin{to{transform:rotate(360deg)}}
.ct-zoom{position:absolute;left:0;right:0;bottom:0;top:0;z-index:5;display:flex;overflow:auto;background:rgba(9,18,30,.98);cursor:zoom-out;-webkit-overflow-scrolling:touch}
.ct-zoom[hidden]{display:none}
.ct-zoom img{flex:none;margin:auto;height:calc(200vh - 220px);width:auto;max-width:none;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.ct-zoomed .ct-nav,.ct-zoomed .ct-tip{display:none}
@media (max-height:520px){.ct-stage{padding:8px 64px 24px}}
@media (max-width:700px){.ct-stage{padding:10px 6px 30px}.ct-zoom img{height:calc(160vh - 200px)}}

/* v101e5 — กลุ่ม → ซีรีส์ → รุ่น → เล่ม ไทย | EN วางคู่กัน */
.ct-grid.ct-grid2{display:block}
.ct-series+.ct-series{margin-top:36px}
.ct-series>h3{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9AD6F2}
.ct-series>h3::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.14)}
.ct-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:30px 34px}
.ct-model h4{margin:0 0 12px;font-size:19px;font-weight:600;letter-spacing:.01em}
.ct-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-bk{display:flex;flex-direction:column;background:#fff;color:#102640;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .2s,box-shadow .2s}
.ct-bk:not(.ct-soon):hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.26)}
.ct-bk .ct-cover{aspect-ratio:3/4;padding:14px}
.ct-bk-th .ct-lang{background:#86d45f;color:#0d2a14}
.ct-bm{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px;flex:1}
.ct-bm p{margin:0;font-size:13.5px;line-height:1.35;opacity:.82}
.ct-bm small{font-size:12px;opacity:.6}
.ct-bk .ct-btns{margin-top:auto;padding-top:10px;gap:6px;flex-wrap:nowrap}
.ct-bk .ct-btn{min-height:36px;padding:0 12px;font-size:13px}
.ct-bk .ct-read{flex:1}
.ct-bk .ct-dl{gap:4px;padding:0 11px}
.ct-soon{background:rgba(255,255,255,.07);box-shadow:none;border:1px dashed rgba(255,255,255,.28)}
.ct-soon .ct-cover{flex:1;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:none;cursor:default}
.ct-soon em{font-style:normal;text-align:center;font-size:13px;line-height:1.55;color:rgba(255,255,255,.62)}
@media (max-width:700px){.ct-models{grid-template-columns:1fr;gap:24px}.ct-pair{gap:10px}.ct-bk .ct-cover{padding:8px}.ct-bm{padding:10px}.ct-bm p{font-size:12.5px}.ct-model h4{font-size:17px}}

/* v101e6 — ปกเป็น "เล่มหนังสือ" บนพื้นกรมท่า (สันเงา + เงาใต้เล่ม) · ตัวอักษรใหญ่ขึ้น */
.ct-models{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:40px 40px}
.ct-model h4{font-size:21px;margin:0 0 18px;color:#fff}
.ct-pair{grid-template-columns:repeat(2,minmax(0,200px));gap:26px;align-items:start}
.ct-bk{background:none;box-shadow:none;border-radius:0;overflow:visible;color:#fff}
.ct-bk:not(.ct-soon):hover{transform:none;box-shadow:none}
.ct-bk .ct-cover{position:relative;display:block;width:100%;aspect-ratio:5/7;padding:0;border:0;border-radius:3px 7px 7px 3px;overflow:hidden;background:#e9edf0;box-shadow:0 18px 34px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.35);transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}
.ct-bk .ct-cover img{width:100%;height:100%;object-fit:cover;filter:none}
.ct-bk .ct-cover::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(255,255,255,.24) 2.2%,rgba(0,0,0,.1) 4.6%,transparent 8.5%)}
.ct-bk .ct-cover::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.16),transparent 38%)}
.ct-bk:not(.ct-soon) .ct-cover:hover{transform:translateY(-6px);box-shadow:0 28px 46px rgba(0,0,0,.55),0 6px 14px rgba(0,0,0,.35)}
.ct-bk .ct-lang{z-index:2;top:10px;right:10px;font-size:12px;padding:6px 10px}
.ct-bm{padding:16px 0 0;gap:4px}
.ct-bm p{font-size:15.5px;line-height:1.4;color:rgba(255,255,255,.9);opacity:1}
.ct-bm small{font-size:13.5px;color:rgba(255,255,255,.55);opacity:1}
.ct-bk .ct-btns{padding-top:12px;gap:8px}
.ct-bk .ct-btn{min-height:40px;font-size:14.5px}
.ct-bk .ct-read{background:#fff;border-color:#fff;color:#102640}
.ct-bk .ct-dl{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}
.ct-soon{border:0;background:none}
.ct-soon .ct-cover{flex:none;aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.035);border:1.5px dashed rgba(255,255,255,.22);box-shadow:none;cursor:default}
.ct-soon .ct-cover::before,.ct-soon .ct-cover::after{display:none}
.ct-soon em{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.55)}
@media (max-width:700px){.ct-models{grid-template-columns:1fr;gap:34px}.ct-pair{grid-template-columns:1fr 1fr;gap:16px}.ct-model h4{font-size:19px;margin-bottom:14px}
 .ct-bm{padding-top:12px}.ct-bm p{font-size:14.5px}.ct-bm small{font-size:12.5px}
 .ct-bk .ct-btns{flex-direction:row}.ct-bk .ct-btns .ct-btn{width:auto;min-height:38px;padding:0 10px;font-size:14px}.ct-bk .ct-read{flex:1}.ct-soon em{font-size:13px}}
/* v102b hero6 — สวิตช์ Platform ↔ Glass · dock กางตลอด (ไม่มี ☀ · ไม่มีปุ่มยืด/หด) · LED ปล่อง · แผงหลัง 15 แบบ (ใช้ธีม/คลาส h5- เดิม) */
.h6-model{display:inline-flex;align-self:flex-start;gap:2px;padding:4px;margin:0 0 16px;border-radius:999px;background:#06141fa6;border:1px solid #ffffff2b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.h6-model button{appearance:none;border:0;margin:0;background:transparent;color:#e8f3f8;font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.01em;line-height:1;padding:9px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}
.h6-model button[aria-selected=true]{background:#6fc3ff;color:#06141f}
.h6-model button:not([aria-selected=true]):hover{background:#ffffff17}
.h6-model button:focus-visible{outline:2px solid #6addff;outline-offset:2px}
.h6-model-m{display:none}
.h6 .h5-box{transition:opacity .25s ease}
/* edge fade without mask-image: same pixels (box is opaque · hero bg #061421), but the video layer is no longer masked → lighter compositing */
.h6[data-gap] .h5-box{-webkit-mask-image:none!important;mask-image:none!important}
.h6 .h6-edge{display:none;pointer-events:none}
.h6[data-gap=l] .h6-edge{display:block;background:linear-gradient(90deg,#061421 0,#06142100 24%)}
.h6[data-gap=lr] .h6-edge{display:block;background:linear-gradient(90deg,#061421 0,#06142100 7%,#06142100 93%,#061421 100%)}
.h6 .h5-box.h6-fade{opacity:0}
.h6 .h5-dock{gap:2px}
.h6-ic-led{color:var(--ec,#fff0d9);filter:drop-shadow(0 0 3px var(--ec,#fff0d9))}
.h6-sw{display:flex;gap:9px;align-items:center}
.h6-sw+.h6-sw{margin-top:9px}
.h6-sw .h5-p.h6-solid{background:var(--c)}
.h6[data-h6m=glass] [data-h6-only=plat]{display:none!important}
@media(min-width:761px){
 .h6[data-h6m=glass] .h5-ride{right:2.5vw}   /* the Glass shaft stands wider in its photo — keep the floor buttons beside it (desktop only: phones pin the pill left) */
 .h6 .h5-fun{margin-top:24px}
 .h5-pop[data-pop=pattern]:not([hidden]){display:grid;grid-template-columns:auto auto;align-items:center}
 .h5-pop[data-pop=pattern]>b{grid-column:1/-1}
 .h5-pop[data-pop=pattern] .h6-sw+.h6-sw{margin:0 0 0 12px;padding-left:12px;border-left:1px solid #ffffff26}
}
@media(max-width:760px){
 .hero-copy .h6-model{display:none}
 .h6-model-m{display:inline-flex;position:absolute;z-index:4;top:96px;right:22px;margin:0;padding:3px}
 .h6-model-m button{padding:7px 11px;font-size:.74rem}
 .h6 .h5-i{width:36px;height:36px}
 .h6 .h5-fun{width:0;min-width:100%}   /* the dock never widens the copy (buttons keep their size) */
}
@media(max-width:380px){
 .h6-model-m button{padding:7px 9px;font-size:.7rem}
 .h6 .h5-i{width:33px;height:33px}
}
/* v103 hero6 — ปุ่มกลางวัน/กลางคืน: จันทร์ = กดดูตอนกลางคืน · อาทิตย์ = กลับเป็นกลางวัน · กระพริบเบาๆ ระหว่างโหลดภาพกลางคืน */
.h6-night{color:#cfe2ff}
.h6-night svg{display:block}
.h6-night .h6-sun{display:none}
.h6[data-h6n="1"] .h6-night{color:#ffd98a}
.h6[data-h6n="1"] .h6-night .h6-moon{display:none}
.h6[data-h6n="1"] .h6-night .h6-sun{display:block}
.h6-night[aria-busy=true] svg{animation:h6-nb 1s ease-in-out infinite}
@keyframes h6-nb{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.h6-night[aria-busy=true] svg{animation:none;opacity:.6}}