body.on-s05{background:#f7f0e5;color:#432c17}
body.on-s05 .wrap{max-width:1120px;padding:0 22px 44px;background:#f7f0e5}
body.on-s05 .v2-brand-header{background:#f7f0e5;border-bottom:0;color:#432c17;margin:0;padding:12px 0 6px;min-height:72px}
body.on-s05 .v2-brand-name{color:#432c17}
body.on-s05 .v2-brand-header .lang-btn{color:#584022}
body.on-s05 .v2-brand-header .lang-btn.on{background:#c79e65;color:#1b1108}
body.on-s05 #progress{display:none}
body.on-s05 .s4-review-panel,body.s05-owner-review .s4-review-panel{display:none}
.s05{font-family:var(--s1-ui,'Mahayant Sarabun','Sarabun',sans-serif);color:#3f2814;padding:18px 0 32px;background:radial-gradient(circle at 50% 4%,#fffaf2,#f6ecdc 78%)}
.s05-back{border:0;background:transparent;color:#6a4b29;font:600 15px var(--s1-ui,'Mahayant Sarabun',sans-serif);cursor:pointer;padding:8px 0;margin:0 0 3px}.s05-intro{text-align:center;max-width:760px;margin:4px auto 28px;padding:0 8px}
.s05-intro h1{font-family:var(--s1-ui,'Mahayant Sarabun','Sarabun',sans-serif);font-size:clamp(32px,4vw,58px);font-weight:700;line-height:1.14;margin:0 0 12px;color:#492c10}
.s05-intro p{font-size:clamp(16px,1.65vw,21px);line-height:1.5;color:#583f27}
.s05-upper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}
.s05-card{overflow:hidden;border:1px solid #e9d9c2;border-radius:18px;background:#fffaf2;box-shadow:0 10px 30px #6245261a}
.s05-upper-card{display:flex;flex-direction:column}
.s05-hero-image{display:block;width:100%;height:clamp(230px,32vw,380px);object-fit:cover;object-position:center 24%}
.s05-card-b .s05-hero-image{object-position:center 18%}
.s05-card-copy{flex:1;display:flex;flex-direction:column;text-align:center;padding:20px 22px 22px}
.s05 h2{font-family:var(--s1-ui,'Mahayant Sarabun','Sarabun',sans-serif);font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.3;color:#503112;margin:0 0 10px}
.s05 p{font-size:clamp(16px,1.5vw,19px);line-height:1.5;margin:0;color:#5a432e}
.s05-card-copy p{flex:1;margin-bottom:18px}
.s05-action{display:flex;align-items:center;justify-content:center;gap:16px;min-height:54px;width:100%;padding:9px 20px;border:1.5px solid #c28b42;border-radius:999px;background:#fff9f0;color:#442b17;box-shadow:0 3px 10px #9b683627;font:700 clamp(17px,1.7vw,21px)/1.25 var(--s1-ui,'Mahayant Sarabun','Sarabun',sans-serif);cursor:pointer}
.s05-action span:last-child{font-size:1.25em;line-height:1;flex:none}
.s05-action:hover{box-shadow:0 5px 16px #9461324d;transform:translateY(-1px)}
.s05-action:focus-visible{outline:3px solid #503112;outline-offset:3px}
.s05-card-c{display:grid;grid-template-columns:52% 48%;align-items:stretch;min-height:330px;background:#fff8ed}
.s05-c-image{min-height:330px;overflow:hidden}
.s05-c-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.s05-c-copy{display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;padding:24px 26px}
.s05-c-copy h2{font-size:clamp(27px,3vw,39px)}
.s05-c-copy p{margin-bottom:13px}
.s05-c-benefits{font-size:clamp(14px,1.4vw,17px);line-height:1.45;color:#775732;margin:0 0 20px}
.s05-action-primary{background:linear-gradient(110deg,#241605,#3a2814,#231604);color:#fff4e4;border-color:#a46d26;box-shadow:0 5px 12px #3b271b44}
.s05-handoff{max-width:900px;margin:10px auto;padding:20px;text-align:center;background:#fff9ef;color:#442b17;border-radius:16px}
.s05-handoff img{width:100%;max-height:360px;object-fit:cover;border-radius:10px}
.s05-handoff h1{margin-top:18px;color:#442b17}
.s05-handoff p{font-size:18px;line-height:1.5}
.s05-handoff button{margin:20px auto;padding:10px 24px;border:1px solid #a78350;border-radius:30px;background:#fff8ed;color:#402912;font:600 16px var(--s1-ui,'Sarabun',sans-serif)}
@media(max-width:680px){
 body.on-s05 .wrap{padding:0 13px 28px}
 body.on-s05 .v2-brand-header{min-height:64px;gap:4px;padding:3px 0 4px}
 body.on-s05 .v2-brand-header .brand{min-width:0;max-width:calc(100% - 130px)}
 body.on-s05 .v2-brand-header .lang-switcher{flex-shrink:0}
 .s05{padding:15px 0 24px}
 .s05-intro{margin:2px auto 22px}
 .s05-intro h1{font-size:clamp(30px,8vw,42px);line-height:1.22}
 .s05-intro p{font-size:16px;line-height:1.48}
 .s05-upper{grid-template-columns:1fr;gap:17px;margin-bottom:18px}
 .s05-card{border-radius:15px}
 .s05-hero-image{height:clamp(245px,73vw,365px)}
 .s05-card-copy{padding:17px 17px 18px}
 .s05 h2{font-size:clamp(23px,6vw,29px)}
 .s05 p{font-size:16px}
 .s05-card-copy p{margin-bottom:14px}
 .s05-card-c{grid-template-columns:1fr}
 .s05-c-image{min-height:0;height:clamp(205px,59vw,310px)}
 .s05-c-copy{padding:19px 18px 22px}
 .s05-c-copy h2{font-size:clamp(26px,7vw,34px)}
 .s05-c-benefits{font-size:14px;margin:8px 0 17px;overflow-wrap:anywhere}
 .s05-action{font-size:clamp(17px,4.5vw,21px);min-height:54px}
}