#s-a6-3000{max-width:none;padding:0;margin:0;background:#11100e;color:#241c14;font-family:'Mahayant Sarabun','Sarabun',sans-serif}
#s-a6-3000 *{box-sizing:border-box}
#s-a6-3000 h1,#s-a6-3000 h2,#s-a6-3000 p{margin:0}
#s-a6-3000 .a6p-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);max-width:1080px;margin:auto;height:calc(100dvh - 72px);min-height:620px;padding:2px;gap:2px;background:#b99560;line-height:1.38}
#s-a6-3000 .a6p-left,#s-a6-3000 .a6p-right{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,53fr) minmax(0,47fr)}
#s-a6-3000 .a6p-right{grid-template-rows:minmax(0,51fr) minmax(0,49fr)}
#s-a6-3000 .a6p-hero{position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;justify-items:center;text-align:center;gap:8px;padding:15px 18px;background:linear-gradient(#07090ada,#0a0d10b0 54%,#0a0a09ad),url('v2/A6_DARK_ZODIAC.png') 25% center/cover;color:#f3daa8}
#s-a6-3000 .a6p-back{justify-self:start;padding:0 1px;background:none;border:0;border-bottom:1px solid #d2ae77;color:#f8e6c7;font-size:13px}
#s-a6-3000 .a6p-tag{padding:4px 12px;border-radius:24px;background:linear-gradient(110deg,#e8cf98,#bf965f);color:#24180d;font-size:13px;font-weight:700}
#s-a6-3000 .a6p-hero h1{font-size:clamp(25px,3.1vw,39px);line-height:1.26;color:#f6d7a1;text-shadow:0 2px 8px #000}
#s-a6-3000 .a6p-hero>p{font-size:clamp(14px,1.5vw,18px);line-height:1.45;max-width:480px;color:#f7efe2}
#s-a6-3000 .a6p-art-fan{position:relative;align-self:stretch;width:100%;min-height:0}
#s-a6-3000 .a6p-art-fan img{position:absolute;bottom:0;width:23%;height:auto;aspect-ratio:1179/2556;object-fit:cover;border:2px solid #191918;border-radius:8px;box-shadow:0 7px 15px #000a}
#s-a6-3000 .a6p-art-fan img:nth-child(1){left:0;width:20%;transform:rotate(-9deg);z-index:1}
#s-a6-3000 .a6p-art-fan img:nth-child(2){left:12%;width:23%;transform:rotate(-7deg);z-index:2}
#s-a6-3000 .a6p-art-fan img:nth-child(3){left:24%;width:25%;transform:rotate(-3deg);z-index:3}
#s-a6-3000 .a6p-art-fan img:nth-child(4){left:36%;width:30%;z-index:7;filter:drop-shadow(0 0 7px #dfb26c66)}
#s-a6-3000 .a6p-art-fan img:nth-child(5){left:56%;width:25%;transform:rotate(3deg);z-index:3}
#s-a6-3000 .a6p-art-fan img:nth-child(6){left:70%;width:23%;transform:rotate(7deg);z-index:2}
#s-a6-3000 .a6p-art-fan img:nth-child(7){left:82%;width:20%;transform:rotate(9deg);z-index:1}
#s-a6-3000 .a6p-hero-brand{font-size:10px;letter-spacing:3px;color:#d8ba86}
#s-a6-3000 .a6p-benefits{min-height:0;display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:linear-gradient(#fffaf1f5,#f8efdfdc),url('v2/A6_CREAM.png') center/cover;text-align:center}
#s-a6-3000 .a6p-benefits h2{font-size:clamp(21px,2.4vw,30px);line-height:1.3}
#s-a6-3000 .a6p-benefit-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1;min-height:0;gap:4px}
#s-a6-3000 .a6p-benefit-grid article{position:relative;min-height:0;padding:12px 10px;border:1px solid #dcc8a8;border-radius:8px;background:#fffaf0ad;display:flex;flex-direction:column;justify-content:center;gap:3px}
#s-a6-3000 .a6p-benefit-grid article span{position:absolute;top:6px;left:7px;color:#906333;font-size:11px}
#s-a6-3000 .a6p-benefit-grid strong{font-size:16px;line-height:1.35}
#s-a6-3000 .a6p-benefit-grid p{font-size:12px;color:#56483b}
#s-a6-3000 .a6p-benefit-quote{font-size:13px;font-style:italic;color:#5c4938}
#s-a6-3000 .a6p-allocation{min-height:0;display:flex;flex-direction:column;justify-content:space-between;text-align:center;gap:6px;padding:14px 16px;background:linear-gradient(#fffaf2ee,#faf0e2ee),url('v2/A6_CREAM.png') center/cover}
#s-a6-3000 .a6p-allocation h2{font-size:clamp(21px,2.3vw,29px);line-height:1.28}
#s-a6-3000 .a6p-allocation>p{font-size:13px;line-height:1.3}
#s-a6-3000 .a6p-count-box,#s-a6-3000 .a6p-preview{border:1px solid #dcc8a8;border-radius:9px;padding:8px;background:#fffaf08c}
#s-a6-3000 .a6p-count-box strong,#s-a6-3000 .a6p-preview strong{font-size:13px}
#s-a6-3000 .a6p-counts{display:flex;justify-content:center;gap:5px;margin:5px 0}
#s-a6-3000 .a6p-counts button{border:1px solid #cdb58d;background:#f8f0e3;color:#201910;border-radius:50%;width:32px;height:32px;min-height:32px;padding:0;font-size:15px;margin:0}
#s-a6-3000 .a6p-counts button[aria-pressed=true]{background:linear-gradient(#ffe9bb,#c49755);border-color:#aa7738;font-weight:700}
#s-a6-3000 #a6p-reco{font-size:12px}
#s-a6-3000 .a6p-preview{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:5px}
#s-a6-3000 .a6p-slots{display:flex;justify-content:center;align-items:center;gap:3px;height:65%;min-height:0}
#s-a6-3000 .a6p-slot{height:100%;aspect-ratio:1179/2556;min-width:0;max-width:12%;padding:0;border:1px solid #b1905f;background:linear-gradient(#282827,#6c5a3d);color:#e6c88b;border-radius:4px;font-size:17px;overflow:hidden;margin:0}
#s-a6-3000 .a6p-slot img{width:100%;height:100%;object-fit:cover}
#s-a6-3000 .a6p-slot[data-recommended=true]{opacity:.82}
#s-a6-3000 .a6p-preview p,#s-a6-3000 .a6p-allocation small{font-size:11px;color:#66513b}
#s-a6-3000 #a6p-error{font-size:11px;color:#923326}
#s-a6-3000 #a6p-error:empty{display:none}
#s-a6-3000 .a6p-close{min-height:0;padding:15px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;gap:6px;background:linear-gradient(#070909bc,#050807e8),url('v2/A6_DARK.png') center/cover;color:#f7e4c5}
#s-a6-3000 .a6p-close h2{font-size:clamp(19px,2.2vw,28px);color:#f5d59b;line-height:1.3}
#s-a6-3000 .a6p-forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#s-a6-3000 .a6p-forecast-grid div{display:flex;flex-direction:column;align-items:center;gap:5px}
#s-a6-3000 .a6p-forecast-grid span{width:38px;height:38px;border-radius:50%;background:linear-gradient(#382c1c,#0a0b0b);border:1px solid #806337;display:grid;place-items:center;color:#eac689;font-size:22px}
#s-a6-3000 .a6p-forecast-grid small{font-size:11px;line-height:1.35}
#s-a6-3000 .a6p-offer{border:1px solid #80613a;border-radius:14px;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:3px;background:#120f0cad;width:100%}
#s-a6-3000 .a6p-offer strong{font-size:12px;color:#ddbb84}
#s-a6-3000 .a6p-offer b{font-size:clamp(26px,3vw,39px);color:#f5d099}
#s-a6-3000 .a6p-offer button{width:100%;padding:8px 12px;border:1px solid #f5d49b;border-radius:40px;background:linear-gradient(105deg,#fce6b3,#c49350);font-size:17px;font-weight:700;color:#21180f;margin:0}
#s-a6-3000 .a6p-offer small{font-size:10px;color:#d6c3a1}
#s-a6-3000 .a6p-close-brand{font-size:12px;letter-spacing:2px;color:#d9b77e}
body:has(#s-a6-3000.active) .v2-brand-header{height:66px;min-height:66px;padding-top:8px;padding-bottom:8px}
body:has(#s-a6-3000.active){height:100dvh;overflow:hidden}
@media(max-width:700px){
#s-a6-3000 .a6p-board{height:calc(100dvh - 66px);min-height:590px;font-size:12px;gap:2px}
#s-a6-3000 .a6p-left{grid-template-rows:minmax(0,53fr) minmax(0,47fr)}
#s-a6-3000 .a6p-right{grid-template-rows:minmax(0,52fr) minmax(0,48fr)}
#s-a6-3000 .a6p-hero{padding:7px 5px;gap:4px;background-position:25% center}
#s-a6-3000 .a6p-back{font-size:10px}
#s-a6-3000 .a6p-tag{font-size:9px;padding:2px 5px}
#s-a6-3000 .a6p-hero h1{font-size:16px;line-height:1.29}
#s-a6-3000 .a6p-hero>p{font-size:10px;line-height:1.4}
#s-a6-3000 .a6p-art-fan img{border-width:1px;border-radius:4px}
#s-a6-3000 .a6p-art-fan img:nth-child(4){width:34%;left:34%}
#s-a6-3000 .a6p-hero-brand{font-size:7px;letter-spacing:1px}
#s-a6-3000 .a6p-benefits{padding:7px 5px;gap:5px}
#s-a6-3000 .a6p-benefits h2{font-size:15px}
#s-a6-3000 .a6p-benefit-grid{gap:3px}
#s-a6-3000 .a6p-benefit-grid article{padding:12px 3px 3px;gap:2px}
#s-a6-3000 .a6p-benefit-grid article span{font-size:8px;top:3px;left:4px}
#s-a6-3000 .a6p-benefit-grid strong{font-size:10.5px}
#s-a6-3000 .a6p-benefit-grid p{font-size:9px;line-height:1.3}
#s-a6-3000 .a6p-benefit-quote{font-size:10px}
#s-a6-3000 .a6p-allocation{padding:7px 6px;gap:3px}
#s-a6-3000 .a6p-allocation h2{font-size:15px}
#s-a6-3000 .a6p-allocation>p{font-size:10px}
#s-a6-3000 .a6p-count-box,#s-a6-3000 .a6p-preview{padding:4px 3px}
#s-a6-3000 .a6p-count-box strong,#s-a6-3000 .a6p-preview strong{font-size:10px}
#s-a6-3000 .a6p-counts{gap:2px;margin:3px 0}
#s-a6-3000 .a6p-counts button{width:20px;height:20px;min-height:20px;font-size:11px}
#s-a6-3000 #a6p-reco{font-size:9px}
#s-a6-3000 .a6p-preview{gap:2px}
#s-a6-3000 .a6p-slots{height:68%;gap:2px}
#s-a6-3000 .a6p-slot{max-width:13%;font-size:12px}
#s-a6-3000 .a6p-preview p,#s-a6-3000 .a6p-allocation small{font-size:9px}
#s-a6-3000 .a6p-close{padding:9px 7px;gap:4px}
#s-a6-3000 .a6p-close h2{font-size:15px;line-height:1.3}
#s-a6-3000 .a6p-forecast-grid{gap:2px}
#s-a6-3000 .a6p-forecast-grid span{width:27px;height:27px;font-size:16px}
#s-a6-3000 .a6p-forecast-grid small{font-size:9px}
#s-a6-3000 .a6p-offer{padding:5px 7px;gap:2px}
#s-a6-3000 .a6p-offer strong{font-size:9px}
#s-a6-3000 .a6p-offer b{font-size:22px}
#s-a6-3000 .a6p-offer button{font-size:12px;padding:6px}
#s-a6-3000 .a6p-offer small{font-size:8px}
#s-a6-3000 .a6p-close-brand{font-size:8px;letter-spacing:1px}
}
@media(max-width:380px){
#s-a6-3000 .a6p-hero h1{font-size:14px}
#s-a6-3000 .a6p-allocation h2{font-size:13px}
#s-a6-3000 .a6p-benefit-grid strong{font-size:9px}
#s-a6-3000 .a6p-benefit-grid p{font-size:8px}
#s-a6-3000 .a6p-close h2{font-size:13px}
#s-a6-3000 .a6p-forecast-grid small{font-size:8px}
#s-a6-3000 .a6p-offer b{font-size:20px}
}
#s-a6-3000 .a6p-right>section,#s-a6-3000 .a6p-left>section{min-width:0}
@media(max-width:380px){
#s-a6-3000 .a6p-counts{gap:1px}
#s-a6-3000 .a6p-counts button{width:18px;min-width:18px;height:19px;min-height:19px;font-size:10px}
}
/* Restore the approved illustration-led composition. */
#s-a6-3000 .a6p-right{grid-template-rows:minmax(0,44fr) minmax(0,56fr)}
#s-a6-3000 .a6p-hero{background:linear-gradient(#08090966,transparent 75%),url('v2/A6_DARK_ZODIAC.png') center/cover}
#s-a6-3000 .a6p-title-line{display:block}
#s-a6-3000 .a6p-title-secondary{font-size:.77em;line-height:1.4}
#s-a6-3000 .a6p-hero h1{position:relative;z-index:2}
#s-a6-3000 .a6p-art-fan{isolation:isolate}
#s-a6-3000 .a6p-art-fan:before{content:'';position:absolute;width:110%;height:160%;left:-5%;bottom:-7%;background:url('v2/A6_WHEEL.png') center/contain no-repeat;z-index:-1;filter:drop-shadow(0 0 12px #d7a6529c)}
#s-a6-3000 .a6p-art-fan img:nth-child(4){width:28%;left:37%}
#s-a6-3000 .a6p-art-fan img:nth-child(1),#s-a6-3000 .a6p-art-fan img:nth-child(7){transform:none}
#s-a6-3000 .a6p-art-fan img:nth-child(2),#s-a6-3000 .a6p-art-fan img:nth-child(6){transform:none}
#s-a6-3000 .a6p-art-fan img:nth-child(3),#s-a6-3000 .a6p-art-fan img:nth-child(5){transform:none}
#s-a6-3000 .a6p-benefits{background:url('v2/A6_CREAM.png') center bottom/cover;padding-bottom:24px}
#s-a6-3000 .a6p-benefit-grid article{padding:7px 9px;background:#fffaf0c9;justify-content:flex-start;gap:5px}
#s-a6-3000 .a6p-card-icon{display:flex;justify-content:center;align-items:center;position:relative;height:36px;color:#a1773b;flex-shrink:0}
#s-a6-3000 .a6p-card-icon svg{height:34px;width:34px}
#s-a6-3000 .a6p-card-icon span{position:absolute!important;top:5px!important;left:0!important;background:linear-gradient(#f4d79e,#c79c5c);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:#3c2a13!important}
#s-a6-3000 .a6p-benefit-quote{margin-top:8px;font-size:12px}
#s-a6-3000 .a6p-allocation{background:linear-gradient(#fffaf3aa,#fffaf366),url('v2/A6_CREAM.png') center/cover;border-radius:0 0 8px 8px}
#s-a6-3000 .a6p-preview{flex:none;min-height:0;padding:9px 5px}
#s-a6-3000 .a6p-slots{height:auto;min-height:0;margin:7px 0;gap:3px}
#s-a6-3000 .a6p-slot{width:12%;max-width:12%;height:auto;aspect-ratio:1179/2556;flex:none}
#s-a6-3000 .a6p-close{background:linear-gradient(#03060733,#030607a6 38%,#03060711 75%),url('v2/A6_DARK.png') center bottom/cover;justify-content:flex-start;padding-top:30px;gap:16px}
#s-a6-3000 .a6p-forecast-grid{margin:8px 0}
#s-a6-3000 .a6p-forecast-grid svg{width:60%;height:60%}
#s-a6-3000 .a6p-offer{background:linear-gradient(#15120fe8,#080908d9);box-shadow:inset 0 0 12px #c5a26e22;padding:14px}
#s-a6-3000 .a6p-close-brand{margin-top:12px;font-size:16px;text-shadow:0 2px 5px #000}
@media(max-width:700px){
#s-a6-3000 .a6p-right{grid-template-rows:minmax(0,44fr) minmax(0,56fr)}
#s-a6-3000 .a6p-hero{padding:7px 7px;gap:5px}
#s-a6-3000 .a6p-hero h1{font-size:16px;line-height:1.35}
#s-a6-3000 .a6p-hero>p{font-size:10px;padding:0 3px}
#s-a6-3000 .a6p-art-fan:before{height:145%;width:114%;left:-7%;bottom:-9%}
#s-a6-3000 .a6p-benefits{padding:9px 5px 13px;gap:7px}
#s-a6-3000 .a6p-benefits h2{font-size:15px}
#s-a6-3000 .a6p-benefit-grid article{padding:5px 3px;gap:4px}
#s-a6-3000 .a6p-card-icon{height:26px}
#s-a6-3000 .a6p-card-icon svg{width:24px;height:24px}
#s-a6-3000 .a6p-card-icon span{width:18px;height:18px;font-size:8px;top:4px!important}
#s-a6-3000 .a6p-benefit-grid strong{font-size:10px}
#s-a6-3000 .a6p-benefit-grid p{font-size:9px}
#s-a6-3000 .a6p-benefit-quote{font-size:9px;margin-top:0}
#s-a6-3000 .a6p-preview{padding:5px 3px}
#s-a6-3000 .a6p-slots{margin:5px 0;gap:2px}
#s-a6-3000 .a6p-allocation{gap:4px}
#s-a6-3000 .a6p-close{padding:20px 8px 10px;gap:12px}
#s-a6-3000 .a6p-close h2{font-size:15px;line-height:1.4}
#s-a6-3000 .a6p-forecast-grid{margin:0}
#s-a6-3000 .a6p-offer{padding:9px 7px;gap:4px}
#s-a6-3000 .a6p-offer b{font-size:26px}
#s-a6-3000 .a6p-close-brand{font-size:12px;margin-top:8px}
}
@media(max-width:380px){
#s-a6-3000 .a6p-hero h1{font-size:14px}
#s-a6-3000 .a6p-benefit-grid strong{font-size:9px}
#s-a6-3000 .a6p-benefit-grid p{font-size:8px}
#s-a6-3000 .a6p-close{padding-top:13px;gap:10px}
#s-a6-3000 .a6p-close h2{font-size:13px}
}
@media(max-width:700px){
#s-a6-3000 .a6p-left{grid-template-rows:minmax(0,50fr) minmax(0,50fr)}
#s-a6-3000 .a6p-art-fan:before{height:100%;width:110%;left:-5%;bottom:0}
#s-a6-3000 .a6p-benefit-grid article{padding:4px 3px;gap:2px}
#s-a6-3000 .a6p-card-icon{height:22px}
#s-a6-3000 .a6p-card-icon svg{width:21px;height:21px}
#s-a6-3000 .a6p-benefit-grid p{font-size:8.5px;line-height:1.3}
}
