#s-a6-1500{padding:0;margin:0;max-width:none;background:#171611;color:#211d16}#s-a6-1500 *{box-sizing:border-box}#s-a6-1500 h1,#s-a6-1500 h2,#s-a6-1500 p{margin:0}#s-a6-1500 .a6-board{display:grid;grid-template-columns:1fr 1fr;max-width:1080px;margin:auto;min-height:600px;height:calc(100dvh - 72px);gap:3px;padding:3px;font-size:14px;line-height:1.4}.a6-left,.a6-right{display:flex;flex-direction:column;min-width:0}.a6-hero{position:relative;overflow:hidden;background:#faf0df url('v2/A6_CREAM.png') center/cover;padding:14px 22px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.a6-back{align-self:flex-start;background:none;border:0;border-bottom:1px solid #947043;padding:0;color:#68451f;margin:0 0 5px}.a6-tag{align-self:flex-start;background:#dbc08b;border-radius:20px;padding:3px 10px;font-size:12px;position:relative;z-index:1}.a6-wheel{position:absolute;right:-38%;top:12%;width:75%;opacity:.8}.a6-hero h1{position:relative;font-size:clamp(20px,3vw,36px);line-height:1.25;width:82%;z-index:1}.a6-hero>p{position:relative;max-width:82%;font-size:14px}.a6-hero h2{font-size:18px;text-align:center}.a6-inputs{text-align:center;max-width:100%!important;font-size:12px!important}.a6-hero #a6-hero-images{display:flex;align-items:center;justify-content:center;min-height:0;height:43%;gap:0;z-index:1;padding:6px 0}.a6-hero #a6-hero-images img{height:86%;max-width:32%;object-fit:contain;border:3px solid #282722;border-radius:14px;box-shadow:0 7px 9px #0004;transform:rotate(-7deg)}.a6-hero #a6-hero-images img:nth-child(2){height:100%;transform:none;z-index:2}.a6-hero #a6-hero-images img:nth-child(3){transform:rotate(7deg)}.a6-benefits,.a6-close{background:linear-gradient(#090d0dcc,#090d0d66),url('v2/A6_DARK.png') center/cover;color:#f7e3b8;padding:16px 22px}.a6-benefits{min-height:30%;display:flex;flex-direction:column;justify-content:space-around}.a6-benefits h2{font-size:22px;text-align:center}.a6-benefits>div{display:flex;gap:10px;align-items:center;margin:5px 0}.a6-benefits b{border:1px solid #c29c62;border-radius:50%;padding:7px;font-size:12px;color:#e7c68d}.a6-benefits strong{display:block;font-size:15px}.a6-benefits span{display:block;font-size:12px;color:#eee7db}.a6-benefits small,.a6-close small{display:block;text-align:center;font-size:10px;letter-spacing:2px;margin-top:8px}.a6-unique{position:relative;overflow:hidden;padding:16px 20px 16px 34%;background:#101313;color:#f2dfb5;min-height:22%;display:flex;flex-direction:column;justify-content:center;gap:8px}.a6-unique img{position:absolute;width:70%;left:-38%;top:0}.a6-unique h2{font-size:20px}.a6-unique p{font-size:13px;color:#f2eade}.a6-allocation{flex:1;background:#faf3e7 url('v2/A6_CREAM.png') center/cover;text-align:center;padding:14px 20px;display:flex;flex-direction:column;justify-content:space-evenly;gap:6px}.a6-allocation h2{font-size:23px;line-height:1.3}.a6-allocation>p{font-size:13px}.a6-count-box{padding:10px;border:1px solid #d6bc95;border-radius:8px}.a6-count-box>strong{font-size:14px}.a6-counts{display:flex;gap:8px;justify-content:center;margin:8px 0}.a6-counts button{border:1px solid #d6bc95;background:#f3eadb;color:#211d16;border-radius:50%;width:42px;height:42px;padding:0;font-size:18px;margin:0}.a6-counts button[aria-pressed=true]{background:linear-gradient(#ffe9b4,#b58845);border-color:#b58845}.a6-allocation small,#a6-reco{font-size:12px}#a6-slots{display:flex;justify-content:center;gap:8px;min-height:70px;height:24%}.a6-slot{height:100%;aspect-ratio:9/19;padding:0;border:1px solid #b58c52;border-radius:7px;background:#eee0c9;font-size:25px;overflow:hidden;margin:0}.a6-slot img{width:100%;height:100%;object-fit:cover}.a6-reco-slot{background:linear-gradient(#1b1c1c,#66583d);color:#e1bf7d;opacity:1}.a6-close{min-height:25%;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:10px}.a6-close h2{font-size:24px;line-height:1.35}.a6-close p{font-size:12px}.a6-close button{border:1px solid #efcf96;border-radius:40px;background:linear-gradient(120deg,#fce4ae,#bd8e47);color:#17130c;padding:10px;margin:0;display:grid;grid-template-columns:1fr auto;width:100%}.a6-close button>span:first-child{font-size:15px}.a6-close button strong{font-size:28px;grid-column:1}.a6-close button>span:last-child{grid-column:2;grid-row:1/3;font-size:28px;align-self:center}#a6-error{color:#9b342b;font-size:12px}#a6-error:empty{display:none}
@media(max-width:700px){#s-a6-1500 .a6-board{height:calc(100dvh - 66px);min-height:590px;font-size:12px;gap:2px;padding:2px}.a6-hero{padding:7px 9px}.a6-tag{font-size:10px;padding:2px 6px}.a6-hero h1{font-size:20px;width:95%;line-height:1.3}.a6-hero>p{font-size:12px;width:90%}.a6-hero h2{font-size:14px}.a6-hero #a6-hero-images{height:35%}.a6-hero #a6-hero-images img{border-width:2px;border-radius:8px}.a6-benefits,.a6-close{padding:10px 9px}.a6-benefits{min-height:33%}.a6-benefits h2{font-size:17px}.a6-benefits>div{gap:5px}.a6-benefits b{padding:4px;font-size:10px}.a6-benefits strong{font-size:12px}.a6-benefits span{font-size:11px}.a6-unique{padding:10px 8px 10px 25%;min-height:23%;gap:5px}.a6-unique h2{font-size:14px}.a6-unique p{font-size:11px}.a6-allocation{padding:10px 8px;gap:5px}.a6-allocation h2{font-size:17px}.a6-allocation>p{font-size:12px}.a6-count-box{padding:7px 3px}.a6-count-box>strong{font-size:12px}.a6-counts{gap:4px}.a6-counts button{width:32px;height:34px;font-size:16px}.a6-allocation>strong{font-size:12px}#a6-slots{gap:5px;height:21%;min-height:65px}.a6-close{min-height:24%;gap:7px}.a6-close h2{font-size:17px}.a6-close button{padding:8px}.a6-close button>span:first-child{font-size:12px}.a6-close button strong{font-size:23px}.a6-close small,.a6-benefits small{font-size:8px;letter-spacing:1px}}
body:has(#s-a6-1500.active) .v2-brand-header{height:66px;min-height:66px;padding-top:8px;padding-bottom:8px}
#s-a6-1500 .a6-board{grid-template-rows:minmax(0,1fr)}#s-a6-1500 .a6-left,#s-a6-1500 .a6-right{min-height:0}#s-a6-1500 .a6-hero,#s-a6-1500 .a6-allocation{min-height:0}#s-a6-1500 .a6-hero #a6-hero-images img{object-fit:cover}#s-a6-1500 .a6-hero h1{text-shadow:0 1px 3px #fff8}
/* A6 reference composition: quiet text surfaces and deliberate Thai line breaks. */
#s-a6-1500 .a6-board{gap:2px;padding:2px;background:#ad9060;line-height:1.45}
#s-a6-1500 .a6-left{display:grid;grid-template-rows:65% 35%}
#s-a6-1500 .a6-right{display:grid;grid-template-rows:22% 43% 35%}
#s-a6-1500 .a6-hero{isolation:isolate;background:linear-gradient(#fff8eced,#fff8ecb8),url('v2/A6_CREAM.png') center/cover;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;gap:8px;padding:14px 20px;border-radius:7px 0 0 7px}
#s-a6-1500 .a6-hero>*:not(.a6-wheel){position:relative;z-index:1}
#s-a6-1500 .a6-wheel{top:9%;right:-63%;width:100%;opacity:.7;z-index:0;mask-image:linear-gradient(to right,transparent,black 65%)}
#s-a6-1500 .a6-hero h1{width:100%;font-size:clamp(19px,2.6vw,33px);line-height:1.4;letter-spacing:0;text-shadow:none;color:#241d13;font-weight:700}
#s-a6-1500 .a6-line{display:block}
#s-a6-1500 .a6-hero>p{max-width:100%;width:100%;font-size:14px;line-height:1.45}
#s-a6-1500 .a6-hero h2{font-size:18px;line-height:1.4}
#s-a6-1500 .a6-hero #a6-hero-images{height:100%;padding:8px 3px;align-self:stretch}
#s-a6-1500 .a6-hero #a6-hero-images img{height:88%;width:31%;max-width:33%;object-fit:cover;border:3px solid #1e1b16;border-radius:12px;box-shadow:0 5px 8px #241b1740}
#s-a6-1500 .a6-hero #a6-hero-images img:nth-child(2){height:100%;width:35%;max-width:35%}
#s-a6-1500 .a6-benefits{padding:16px 20px;min-height:0;background:linear-gradient(#090b0cf5,#090b0cd9),url('v2/A6_DARK.png') center bottom/cover}
#s-a6-1500 .a6-benefits>div{align-items:flex-start;gap:8px;margin:4px 0}
#s-a6-1500 .a6-benefits b{flex-shrink:0;margin-top:2px;padding:4px;font-weight:400}
#s-a6-1500 .a6-benefits h2{font-size:21px;line-height:1.4}
#s-a6-1500 .a6-benefits strong{line-height:1.45;font-weight:600}
#s-a6-1500 .a6-benefits span{line-height:1.45;color:#d7d1c5}
#s-a6-1500 .a6-unique{padding:16px 16px 16px 24%;min-height:0;isolation:isolate;background:#0b0e0f;gap:8px}
#s-a6-1500 .a6-unique img{width:95%;left:-72%;top:-10%;opacity:.65;z-index:-1}
#s-a6-1500 .a6-unique h2{font-size:19px;line-height:1.45;font-weight:600}
#s-a6-1500 .a6-unique p{font-size:13px;line-height:1.5;color:#ded8cc}
#s-a6-1500 .a6-allocation{padding:14px 18px;gap:6px;background:linear-gradient(#fffaf1f5,#fffaf1e8),url('v2/A6_CREAM.png') center/cover;border-radius:7px 7px 0 0;justify-content:space-between}
#s-a6-1500 .a6-allocation h2{font-size:22px;line-height:1.4}
#s-a6-1500 .a6-count-box{background:#fffaf080;border-color:#d9c6a7;padding:9px 3px}
#s-a6-1500 .a6-counts{margin:7px 0;gap:7px}
#s-a6-1500 #a6-slots{height:25%;min-height:55px;gap:7px}
#s-a6-1500 .a6-close{min-height:0;padding:18px 20px;gap:12px;background:linear-gradient(#090b0c9c,#090b0cf5 60%),url('v2/A6_DARK.png') center/cover;justify-content:center}
#s-a6-1500 .a6-close h2{font-size:23px;line-height:1.5}
#s-a6-1500 .a6-close button{box-shadow:0 4px 15px #0004;padding:10px 14px}
#s-a6-1500 .a6-close small{margin-top:14px;color:#c6ab7e}
@media(max-width:700px){
#s-a6-1500 .a6-board{min-height:590px}
#s-a6-1500 .a6-hero{padding:8px 9px;gap:5px}
#s-a6-1500 .a6-tag{font-size:9px;padding:3px 5px;line-height:1.3}
#s-a6-1500 .a6-back{font-size:11px;margin:0}
#s-a6-1500 .a6-hero h1{font-size:clamp(17px,4.6vw,23px);line-height:1.4}
#s-a6-1500 .a6-hero>p{font-size:11px;line-height:1.5}
#s-a6-1500 .a6-hero h2{font-size:13px;line-height:1.45}
#s-a6-1500 .a6-inputs{font-size:10px!important}
#s-a6-1500 .a6-hero #a6-hero-images{padding:8px 0}
#s-a6-1500 .a6-hero #a6-hero-images img{border-width:2px;border-radius:8px}
#s-a6-1500 .a6-benefits{padding:10px 9px}
#s-a6-1500 .a6-benefits h2{font-size:16px}
#s-a6-1500 .a6-benefits>div{gap:5px;margin:3px 0}
#s-a6-1500 .a6-benefits b{font-size:9px;padding:3px}
#s-a6-1500 .a6-benefits strong{font-size:11.5px}
#s-a6-1500 .a6-benefits span{font-size:10.5px}
#s-a6-1500 .a6-unique{padding:9px 8px 9px 20%;gap:6px}
#s-a6-1500 .a6-unique h2{font-size:12px;line-height:1.5}
#s-a6-1500 .a6-unique p{font-size:10.5px;line-height:1.5}
#s-a6-1500 .a6-allocation{padding:10px 8px;gap:4px}
#s-a6-1500 .a6-allocation h2{font-size:15px}
#s-a6-1500 .a6-allocation>p{font-size:11px;line-height:1.4}
#s-a6-1500 .a6-count-box{padding:6px 2px}
#s-a6-1500 .a6-count-box>strong{font-size:11px}
#s-a6-1500 .a6-counts{gap:5px;margin:6px 0}
#s-a6-1500 .a6-counts button{width:31px;height:31px;font-size:16px}
#s-a6-1500 #a6-reco,#s-a6-1500 .a6-allocation small{font-size:10.5px}
#s-a6-1500 .a6-allocation>strong{font-size:11px}
#s-a6-1500 .a6-close{padding:12px 9px;gap:10px}
#s-a6-1500 .a6-close h2{font-size:16px}
#s-a6-1500 .a6-close p{font-size:10.5px}
#s-a6-1500 .a6-close button{padding:9px 8px}
#s-a6-1500 .a6-close button strong{font-size:24px}
}
#s-a6-1500 .a6-back,#s-a6-1500 .a6-tag{justify-self:start}
#s-a6-1500 .a6-hero>p[data-a6="sub"]{max-width:82%}
#s-a6-1500 .a6-wheel{mask-image:linear-gradient(to right,transparent 20%,#0004 48%,black 75%)}
@media(max-width:380px){
#s-a6-1500 .a6-benefits b{display:none}
#s-a6-1500 .a6-benefits>div{margin:2px 0}
#s-a6-1500 .a6-benefits strong{font-size:11px}
#s-a6-1500 .a6-benefits span{font-size:10px}
#s-a6-1500 .a6-benefits small{margin-top:3px}
#s-a6-1500 .a6-allocation{padding:8px 6px;gap:3px}
#s-a6-1500 .a6-allocation h2{font-size:14px}
#s-a6-1500 .a6-count-box{padding:4px 1px}
#s-a6-1500 #a6-slots{height:20%;min-height:45px}
#s-a6-1500 .a6-allocation small{font-size:10px}
#s-a6-1500 .a6-close button strong{font-size:21px;white-space:nowrap}
#s-a6-1500 .a6-close button>span:last-child{font-size:20px}
#s-a6-1500 .a6-close h2{font-size:15px}
}
/* A6 art proportions and focal point */
#s-a6-1500 .a6-hero #a6-hero-images{align-self:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#s-a6-1500 .a6-hero #a6-hero-images img{height:auto;aspect-ratio:1179/2556;max-height:100%;width:min(31%,140px);max-width:none;flex:none;object-fit:cover;object-position:center}
#s-a6-1500 .a6-hero #a6-hero-images img:nth-child(2){height:auto;aspect-ratio:1179/2556;max-height:100%;width:min(35%,155px);max-width:none}
#s-a6-1500 .a6-unique{background:radial-gradient(circle at 17% 45%,#3d2b13 0%,#111313 62%,#07090a 100%);padding-left:44%;gap:5px}
#s-a6-1500 .a6-unique img{width:104%;left:-44%;top:50%;transform:translateY(-50%);opacity:.94;mask-image:linear-gradient(to right,#000 36%,#0009 67%,transparent 99%)}
#s-a6-1500 .a6-unique h2{line-height:1.3;color:#fff7e5;text-shadow:0 2px 7px #000}
#s-a6-1500 .a6-unique h2 span{display:block}
#s-a6-1500 .a6-unique-kicker{font-weight:600;color:#e8c88d}
#s-a6-1500 .a6-unique-emphasis{font-size:1.18em;font-weight:800;color:#ffe2a6}
#s-a6-1500 .a6-unique-ending{font-size:.75em;margin-top:5px;color:#fff7e5}
#s-a6-1500 .a6-counts button{width:34px;height:34px;font-size:15px}
@media(max-width:700px){
#s-a6-1500 .a6-right{grid-template-rows:24% 41% 35%}
#s-a6-1500 .a6-hero #a6-hero-images img{width:27%}
#s-a6-1500 .a6-hero #a6-hero-images img:nth-child(2){width:31%}
#s-a6-1500 .a6-unique{padding:8px 7px 8px 39%;gap:4px}
#s-a6-1500 .a6-unique img{width:114%;left:-49%;opacity:.96}
#s-a6-1500 .a6-unique h2{font-size:14px;line-height:1.28}
#s-a6-1500 .a6-unique-ending{font-size:.82em;line-height:1.35;margin-top:3px}
#s-a6-1500 .a6-unique p{font-size:10px;line-height:1.4}
#s-a6-1500 .a6-counts{margin:4px 0;gap:5px}
#s-a6-1500 .a6-counts button{width:26px;height:26px;font-size:13px;min-height:26px}
#s-a6-1500 .a6-count-box{padding:5px 2px}
}
@media(max-width:380px){
#s-a6-1500 .a6-unique{padding-left:38%}
#s-a6-1500 .a6-unique h2{font-size:12px}
#s-a6-1500 .a6-unique p{font-size:9px}
#s-a6-1500 .a6-hero #a6-hero-images img{width:28%}
#s-a6-1500 .a6-hero #a6-hero-images img:nth-child(2){width:31%}
}
@media(max-width:700px){
#s-a6-1500 .a6-right{grid-template-rows:28% 41% 31%}
#s-a6-1500 .a6-unique{padding:8px 7px 8px 38%;gap:6px;background:linear-gradient(90deg,#06090a 0%,#111212 100%)}
#s-a6-1500 .a6-unique img{width:110%;left:-42%;opacity:1;mask-image:linear-gradient(to right,#000 40%,#0009 66%,transparent 96%)}
#s-a6-1500 .a6-unique h2{font-size:15px;line-height:1.25}
#s-a6-1500 .a6-unique-emphasis{font-size:1.2em}
#s-a6-1500 .a6-unique-ending{font-size:.82em;line-height:1.35;margin-top:5px}
#s-a6-1500 .a6-unique p{font-size:10.5px;line-height:1.4}
#s-a6-1500 .a6-hero #a6-hero-images img{width:31%}
#s-a6-1500 .a6-hero #a6-hero-images img:nth-child(2){width:35%}
}
@media(max-width:380px){
#s-a6-1500 .a6-unique h2{font-size:13px}
#s-a6-1500 .a6-unique p{font-size:9.5px}
#s-a6-1500 .a6-close{gap:6px}
}
body:has(#s-a6-1500.active){height:100dvh;overflow:hidden}