/* MX811 visual fidelity pass, 2026-10-07 */
/* Noto Sans Thai is requested with a non-render-blocking stylesheet link in functions.php. */
body{font-family:'Noto Sans Thai',Tahoma,sans-serif;background:#030917} .wrap{width:min(calc(100% - 48px),1080px)}
.hero{background-image:linear-gradient(90deg,#07091f99 0%,#07091f44 46%,transparent 85%);background-size:cover;background-position:center 44%;isolation:isolate}.hero-person{display:none!important}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07091fcf 0%,#07091f8a 45%,transparent 85%);z-index:1}.hero-shine{z-index:2;pointer-events:none}.herowrap{z-index:3}.hero-person{z-index:1;filter:saturate(.88) hue-rotate(10deg)}.herotext h1{letter-spacing:-.055em}.herotext h2{letter-spacing:-.03em}.hero .actions a{box-shadow:0 5px 22px #0005}
.features{background:#050d1d}.feature{min-width:0}.feature strong,.feature small{overflow-wrap:anywhere}.feature i{box-shadow:0 0 0 1px #7e2ce322}.promocard{position:relative;min-height:230px}.gift{transform:rotate(-8deg);text-shadow:0 12px 20px #130422}.cat{transition:transform .2s ease,border-color .2s ease}.cat:hover{transform:translateY(-3px);border-color:#a957ef}.article{transition:border-color .2s ease}.article:hover{border-color:#8c4cc4}.faq details[open]{border-color:#9250e2}.footer{background:#030817}
@media(max-width:700px){.wrap{width:calc(100% - 48px)}.hero{height:395px}.hero-person{width:55%;right:-11%;height:85%;opacity:.77;mask-image:linear-gradient(90deg,transparent,#000 32%)}.herotext{max-width:74%}.herotext h1{font-size:59px}.herotext h2{font-size:28px;white-space:nowrap}.herotext p{font-size:16px}.featuregrid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.feature{padding:0 7px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.feature i{width:43px;height:43px;margin:0;font-size:21px;flex-shrink:0}.feature strong{font-size:12px;line-height:1.35}.feature small{font-size:10px;line-height:1.45}.cat{height:162px}.cat span{font-size:18px}.cat small{font-size:13px}.promocard{min-height:185px}.gift{font-size:82px}}
@media(max-width:420px){.wrap{width:calc(100% - 24px)}.top .wrap{width:calc(100% - 24px)}.hero{height:393px}.herotext{max-width:79%}.herotext h1{font-size:58px}.herotext h2{font-size:23px}.herotext p{font-size:13px;line-height:1.65}.herotext b{padding:0 4px}.hero-person{width:60%;right:-17%;height:85%;opacity:.65}.actions{width:190px}.featuregrid{padding:14px 0}.feature{padding:0 5px}.feature strong{font-size:11px}.feature small{font-size:9px}.section{padding-top:25px}.sectiontitle{font-size:24px}.promocard{padding:16px 15px;min-height:170px}.promocard h3{font-size:16px}.promocard p{font-size:16px}.promocard p strong{font-size:30px}.gift{font-size:61px}.catgrid{gap:10px}.cat{height:148px}.cat span{font-size:15px;left:10px;bottom:11px}.cat small{font-size:12px}.aboutinner{min-height:225px}.about p{font-size:13px}.article{grid-template-columns:108px 1fr 13px;gap:9px}.article h3{font-size:12px}.article p{font-size:10px}.article a{font-size:11px}.footrow{align-items:flex-start}.footrow .logo{font-size:28px}.footrow nav{font-size:9px}}