/* Reference geometry: 1024 × 1536. All panel dimensions scale together. */
body.on-s05{background:#f1e6d7;color:#472b13;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.on-s05 .wrap{container-type:inline-size;box-sizing:border-box;width:100%;max-width:1024px;padding:0;background:#f7eddf url('v2/S05_LIGHT_BACKGROUND_APPROVED.webp') center top / cover no-repeat}
body.s05-owner-review.on-s05 .wrap{max-width:480px}
body.on-s05 .v2-brand-header{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:8cqw;min-height:0;margin:0;padding:.8cqw 3cqw;background:transparent;border:0;gap:1cqw}
body.on-s05 .v2-brand-header .brand{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.7cqw;min-width:0;max-width:74%;margin:0}
body.on-s05 .v2-logo-mark{display:block;position:relative;flex:0 0 5.1cqw;width:5.1cqw;height:6.2cqw;overflow:visible}
body.on-s05 .v2-official-logo{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:none;margin:0;transform:none;border:0;border-radius:0;box-shadow:none}
body.on-s05 .v2-brand-name{display:block;white-space:nowrap;color:#543516;font:400 1.82cqw/1.2 Georgia,'Times New Roman',serif;letter-spacing:.015em}
body.on-s05 .v2-brand-header .lang-switcher{display:flex;align-items:center;flex:none;gap:.25cqw;margin:0;padding:0;border:0;background:transparent}
body.on-s05 .v2-brand-header .lang-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:4.25cqw;height:4.8cqw;min-height:0;min-width:0;margin:0!important;padding:0;border:0;border-radius:50%;font-size:1.95cqw;line-height:1;color:#543516}
body.on-s05 .v2-brand-header .lang-btn.on{background:#bc935955;color:#432a13;box-shadow:inset 0 0 0 1px #a67b42}
body.on-s05 #progress{display:none}
.s05{position:relative;box-sizing:border-box;margin:0;padding:0 3cqw;background:transparent;color:#472b13;font-family:var(--s1-ui,'Mahayant Sarabun',sans-serif)}
.s05-back{position:absolute;left:3cqw;top:0;margin:0;padding:0;border:0;background:none;font-size:1.6cqw;line-height:1.3;color:#795c3d}
.s05-intro{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;height:19.8cqw;max-width:none;margin:0;padding:0 3cqw 2cqw;text-align:center}
.s05-intro h1{font-size:5.6cqw;line-height:1.15;margin:0 0 1.3cqw;font-weight:700}
.s05-intro p{font-size:2.25cqw;line-height:1.4;margin:0;max-width:88cqw}
.s05-upper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;margin:0 0 2cqw}
.s05-card{box-sizing:border-box;min-width:0;overflow:hidden;border:1px solid #ffffffbb;border-radius:1.6cqw;background:#faf2e9;box-shadow:0 .4cqw 1.8cqw #62452612}
.s05-upper-card{position:relative;display:grid;grid-template-rows:44cqw minmax(27cqw,auto);height:auto;min-height:71cqw}
.s05-hero-image,.s05-card-b .s05-hero-image{position:static;display:block;width:100%;height:46cqw;object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}
.s05-card-copy{position:relative;inset:auto;box-sizing:border-box;display:grid;grid-template-rows:minmax(10.8cqw,auto) minmax(5.7cqw,auto) 6.2cqw;align-content:start;align-items:center;gap:1cqw;flex:none;min-height:0;padding:.7cqw 3cqw 1.6cqw;text-align:center;background:transparent}
.s05-card-copy h2{font-size:3.8cqw;line-height:1.4;font-weight:700;margin:0;text-wrap:balance}
.s05-card-copy p{flex:none;font-size:1.9cqw;line-height:1.35;margin:0;text-wrap:balance}
.s05-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:6.2cqw;min-height:0;padding:.5cqw 1.1cqw;gap:1.6cqw;border:1px solid #c49150;border-radius:10cqw;font-size:2.8cqw;line-height:1.25;font-weight:700;box-shadow:0 .3cqw .8cqw #9b683627}
.s05-action span:last-child{font-size:1.15em;line-height:1;flex:none}
.s05-card-c{display:grid;grid-template-columns:55% 45%;height:37.3cqw;min-height:0;align-items:stretch}
.s05-c-image{position:relative;min-height:0;min-width:0;height:37.3cqw;overflow:hidden}
.s05-c-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 100%)}
.s05-c-copy{box-sizing:border-box;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:2cqw 3cqw 2cqw .4cqw;text-align:center}
.s05-c-copy h2{font-size:4.2cqw;line-height:1.4;margin:0 0 1.2cqw;text-wrap:balance}
.s05-c-copy p{font-size:1.9cqw;line-height:1.4;margin:0 0 1.2cqw;text-wrap:balance}
.s05-c-benefits{font-size:1.6cqw;line-height:1.4;margin:0 0 1.5cqw;overflow-wrap:normal;text-wrap:balance}
.s05-action-primary{font-size:2.65cqw;gap:1cqw;flex:none}
body.on-s05 .wrap>footer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:11cqw;margin:2cqw 3cqw 0;padding:2cqw 5cqw;border-top:1px solid #bd945651;color:#806342;font-size:1.5cqw;line-height:1.5;letter-spacing:.04em}
/* Approved English typography from Screens 01–02. Do not use the previous
   Screen 05 Georgia heading / Arial body treatment as a primary font. */
html[lang='en'] .s05{font-family:'Mahayant Sarabun',sans-serif}
html[lang='en'] .s05 h1,html[lang='en'] .s05 h2{font-family:'Baskerville','Iowan Old Style',serif;font-weight:600;letter-spacing:-.012em}
html[lang='en'] .s05-intro h1{font-size:4.8cqw}
html[lang='en'] .s05-intro p{font-size:2cqw;max-width:85cqw}
html[lang='en'] .s05-card-copy h2{font-size:3cqw;line-height:1.25}
html[lang='en'] .s05-card-copy p{font-size:1.75cqw;line-height:1.3}
html[lang='en'] .s05-c-copy h2{font-size:3.4cqw;line-height:1.25}
html[lang='en'] .s05-c-copy p{font-size:1.8cqw;line-height:1.3}
html[lang='en'] .s05-c-benefits{font-size:1.45cqw;line-height:1.3}
html[lang='en'] .s05-action{font-family:'Mahayant Sarabun',sans-serif;font-size:2.45cqw;letter-spacing:0}
html[lang='en'] .s05-action-primary{font-size:2.3cqw}
/* On narrow screens the approved composition fills more of the phone height,
   while A and B remain paired and C stays a single horizontal panel. */
@media(max-width:680px){
 .s05{padding:0 1.7cqw}
 .s05-back{left:1.7cqw}
 .s05-intro{height:22.4cqw;padding-bottom:2.2cqw}
 .s05-upper{gap:1.5cqw;margin-bottom:1.5cqw}
 .s05-upper-card{height:auto;min-height:78cqw;grid-template-rows:47cqw minmax(31cqw,auto)}
 .s05-hero-image,.s05-card-b .s05-hero-image{height:49cqw}
 .s05-card-copy{grid-template-rows:minmax(12cqw,auto) minmax(7cqw,auto) 6.8cqw;gap:1cqw;padding:.8cqw 2.1cqw 1.4cqw}
 .s05-card-copy h2{font-size:4.05cqw}
 .s05-card-copy p{font-size:2cqw}
 .s05-card-copy .s05-action{height:6.8cqw}
 /* Let path C carry the visual weight of the final choice without
    altering the approved paired A/B cards or narrowing its copy. */
 .s05-card-c{height:56.35cqw}
 .s05-c-image{height:56.35cqw}
 .s05-c-copy h2{font-size:4.4cqw;margin-bottom:1.8cqw}
 .s05-c-copy p{margin-bottom:1.6cqw}
 .s05-c-benefits{margin-bottom:2cqw}
 html[lang='en'] .s05-c-copy h2{font-size:3.6cqw}
 body.on-s05 .wrap>footer{min-height:13cqw;margin-top:2.5cqw}
 html[lang='en'] .s05-card-copy h2{font-size:3.25cqw}
 html[lang='en'] .s05-card-copy p{font-size:1.8cqw}
}

/* Screen 05 CTA hierarchy: light brown A/B, dark brown C. */
.s05-upper-card .s05-action{background:linear-gradient(95deg,#c6965f,#f1d3a4 50%,#bc8953);color:#2b1b0e;border-color:#a67b42;gap:1cqw}
.s05-action span:first-child{min-width:0;white-space:nowrap}
html[lang='zh-Hans'] .s05-action,html[lang='zh-Hant'] .s05-action{font-size:3cqw}