:root{--red:#b7192b;--red-dark:#85111f;--red-soft:#fff0f1;--navy:#172338;--ink:#202636;--muted:#707789;--paper:#f6f7fa;--card:#fff;--line:#e5e7ec;--gold:#e4a725;--green:#168457;--radius:18px;--shadow:0 14px 38px rgba(29,36,52,.09)}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Prompt","Noto Sans Thai",Tahoma,sans-serif;line-height:1.6}a{color:inherit}.container{width:min(1180px,calc(100% - 2rem));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(183,25,43,.97);color:#fff;box-shadow:0 4px 20px rgba(90,7,20,.16);backdrop-filter:blur(12px)}.nav{min-height:76px;display:flex;align-items:center;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;line-height:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--red);font:800 1.55rem/1 "Prompt";box-shadow:inset 0 0 0 4px rgba(183,25,43,.12)}.brand strong{display:block;font-size:1.15rem;letter-spacing:.05em}.brand small{display:block;font-size:.65rem;letter-spacing:.28em;margin-top:.18rem}.nav-links{display:flex;gap:1.35rem;margin-left:auto;align-items:center}.nav-links a{text-decoration:none;color:rgba(255,255,255,.86);font-size:.94rem;font-weight:500}.nav-links a:hover{color:#fff}.nav-account{background:#fff!important;color:var(--red)!important;padding:.6rem 1rem!important}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:.5rem}.menu-toggle span{display:block;width:25px;height:2px;margin:5px;background:#fff}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;background:var(--red);color:#fff;text-decoration:none;font:700 .94rem/1.2 "Prompt",sans-serif;padding:.8rem 1.15rem;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 8px 18px rgba(183,25,43,.18)}.btn.secondary{background:var(--red-soft);color:var(--red)}.catalog-hero{padding:4.2rem 0 3.5rem;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.13),transparent 22%),linear-gradient(132deg,#8d1221,#c91e33 62%,#e04b48);color:#fff;overflow:hidden;position:relative}.catalog-hero:after{content:"";position:absolute;width:440px;height:440px;border:80px solid rgba(255,255,255,.04);border-radius:50%;right:-130px;bottom:-260px}.hero-layout{display:grid;grid-template-columns:1fr .95fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-pill{display:inline-flex;padding:.35rem .8rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:.82rem;background:rgba(255,255,255,.08)}.hero-copy h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.12;margin:.8rem 0 1rem;letter-spacing:-.04em}.hero-copy h1 em{font-style:normal;color:#ffd56d}.hero-copy p{max-width:580px;color:rgba(255,255,255,.83);font-size:1.05rem}.trust-row{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.88rem;color:#fff;margin-top:1.5rem}.number-finder{background:#fff;color:var(--ink);border-radius:24px;padding:1.6rem;box-shadow:0 24px 60px rgba(59,2,13,.22)}.finder-head{display:flex;justify-content:space-between;align-items:flex-start}.finder-head h2{margin:.15rem 0 1rem;font-size:1.45rem}.finder-icon{display:grid;place-items:center;background:var(--red-soft);color:var(--red);width:45px;height:45px;border-radius:50%;font-size:1.5rem}.eyebrow{color:var(--red);font-size:.8rem;font-weight:700;letter-spacing:.04em}.digit-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.digit-inputs input{width:100%;min-width:0;height:62px;text-align:center;border:2px solid var(--line);border-radius:11px;background:#fafafa;color:var(--navy);font:800 1.65rem/1 "Prompt";outline:none}.digit-inputs input:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px var(--red-soft)}.finder-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:.65rem;margin-top:1rem}.finder-actions .btn{min-height:46px}.finder-hint{font-size:.75rem;color:var(--muted);text-align:center;margin:.8rem 0 0}.catalog-notice{background:#fff8e9;border-bottom:1px solid #f0dfb8}.catalog-notice .container{display:flex;gap:.8rem;align-items:center;padding-top:.8rem;padding-bottom:.8rem}.catalog-notice p{margin:0;color:#776849;font-size:.83rem}.notice-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;font-weight:800}.draw-strip{background:#fff;border-bottom:1px solid var(--line)}.draw-strip .container{min-height:82px;display:flex;align-items:center;gap:1.2rem}.draw-strip strong{display:block}.draw-strip .container>span{color:var(--muted)}.draw-strip a{margin-left:auto;color:var(--red);font-weight:700;text-decoration:none}.section{padding:3.5rem 0}.featured-section{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-head h2{font-size:clamp(1.55rem,3vw,2.15rem);margin:.25rem 0;color:var(--navy)}.section-head.centered{text-align:center;justify-content:center}.text-link{color:var(--red);font-weight:700;text-decoration:none}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.ticket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.35rem}.ticket-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem;box-shadow:0 6px 20px rgba(23,35,56,.05);transition:transform .2s,box-shadow .2s}.ticket-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.ticket-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.7rem}.ticket-draw{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.22rem .6rem;background:#e9f7ef;color:var(--green);font-size:.69rem;font-weight:700;white-space:nowrap}.badge i{width:6px;height:6px;background:currentColor;border-radius:50%}.ticket-paper{position:relative;padding:1rem .7rem .75rem;border:1px solid #ead8c5;border-radius:10px;background:repeating-linear-gradient(135deg,#fffdf8,#fffdf8 8px,#fdf9f0 8px,#fdf9f0 16px);overflow:hidden}.ticket-paper:before,.ticket-paper:after{content:"";position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--card);border:1px solid #ead8c5}.ticket-paper:before{left:-8px}.ticket-paper:after{right:-8px}.ticket-label{text-align:center;color:#8d755d;font-size:.65rem;letter-spacing:.08em}.ticket-number{display:flex;justify-content:center;gap:.2rem;margin:.6rem 0}.ticket-number span{display:grid;place-items:center;width:32px;height:42px;border:1px solid #d8cab9;border-radius:6px;background:#fff;color:var(--navy);font-size:1.25rem;font-weight:800;box-shadow:0 2px 3px rgba(70,46,25,.05)}.ticket-serial{text-align:center;color:#907e6c;font-size:.61rem}.ticket-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:.5rem;padding:.75rem .15rem .1rem}.ticket-card-bottom small{display:block;color:var(--muted);font-size:.66rem}.price{display:block;color:var(--red);font-size:1.25rem;line-height:1.15}.price small{display:inline;color:inherit;font-size:.72rem}.ticket-detail{padding:.65rem .8rem;font-size:.78rem}.cart-button{width:100%;margin-top:.5rem}.soft-section{background:var(--paper)}.draws{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.draw-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:0 6px 20px rgba(23,35,56,.04)}.draw-card h3{font-size:1rem;margin:.25rem 0}.draw-date{display:grid;place-items:center;flex:0 0 66px;height:66px;border-radius:14px;background:var(--red-soft);color:var(--red)}.draw-date span{font-size:1.5rem;font-weight:800;line-height:1}.draw-date small{font-size:.65rem}.how-section{padding:4rem 0;background:var(--navy);color:#fff}.how-section h2{color:#fff}.how-section .eyebrow{color:#ffbd56}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;text-align:center}.steps span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:var(--red);color:#fff;font-size:1.2rem;font-weight:800;box-shadow:0 0 0 8px rgba(255,255,255,.06)}.steps h3{margin:1rem 0 .25rem}.steps p{margin:0;color:#abb5c7;font-size:.9rem}.catalog-head{padding:3rem 0;background:linear-gradient(130deg,#fff2f3,#fff 65%);border-bottom:1px solid var(--line)}.catalog-head h1{font-size:clamp(2rem,4vw,3rem);margin:.25rem 0;color:var(--navy)}.catalog-head p{margin:0;color:var(--muted)}.catalog-content{padding-top:1.5rem}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 6px 24px rgba(23,35,56,.05)}.notice{border-left:4px solid var(--gold);background:#fff8e9;padding:.8rem 1rem;border-radius:10px;margin:0 0 1rem}.notice.compact{font-size:.86rem}.filters{display:grid;grid-template-columns:1.4fr 1fr .7fr 1.25fr auto;gap:.75rem;align-items:end}.field label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.3rem}.field input,.field select{width:100%;height:45px;padding:.62rem .7rem;border:1px solid #d9dce3;border-radius:9px;background:#fff;font:inherit;font-size:.86rem;outline:none}.field input:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.input-with-icon{position:relative}.input-with-icon span{position:absolute;left:.75rem;top:.55rem;color:var(--muted)}.input-with-icon input{padding-left:2rem}.price-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem;align-items:end}.price-fields>span{padding-bottom:.7rem;color:var(--muted)}.filter-submit{height:45px}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 -0.2rem}.result-bar strong{font-size:1.1rem;margin-right:.55rem}.result-bar span{color:var(--muted);font-size:.85rem}.result-bar a{color:var(--red);font-size:.83rem}.empty{grid-column:1/-1;text-align:center;padding:3rem;color:var(--muted)}.empty h2{color:var(--navy)}.empty-icon{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:50%;background:var(--red-soft);color:var(--red);font-size:1.8rem}.site-footer{padding:3rem 0 0;background:#111b2c;color:#aeb7c5}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3rem}.footer-brand{margin-bottom:1rem}.site-footer h3{color:#fff;font-size:.95rem;margin-top:0}.footer-links{display:flex;flex-direction:column;gap:.55rem}.footer-links a{color:#aeb7c5;text-decoration:none;font-size:.86rem}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0;margin-top:2.5rem;font-size:.73rem;text-align:center}.muted{color:var(--muted)}.form-card{width:min(500px,100%);margin:2rem auto}.form-card .field{margin:.8rem 0}.form-card .btn{width:100%}.error{background:#fff0f2;color:#8b2331;padding:.8rem;border-radius:10px}.success{background:#eaf8ef;color:#175c3d;padding:.8rem;border-radius:10px}.profile-grid{display:grid;grid-template-columns:1fr;gap:1rem}.favorite-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
@media(max-width:980px){.hero-layout{grid-template-columns:1fr;gap:2rem}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.trust-row{justify-content:center}.number-finder{max-width:650px;margin:auto}.ticket-grid{grid-template-columns:repeat(2,1fr)}.draws{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filter-submit{grid-column:span 2}.nav-links{gap:.8rem}.nav-links a{font-size:.82rem}}
@media(max-width:700px){.container{width:min(100% - 1.2rem,1180px)}.nav{min-height:64px}.brand-mark{width:36px;height:36px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--red-dark);padding:1rem;flex-direction:column;align-items:stretch;box-shadow:0 14px 25px rgba(30,0,5,.2)}.nav-links.open{display:flex}.nav-links a{padding:.55rem;font-size:.92rem}.catalog-hero{padding:2.4rem 0}.hero-copy h1{font-size:2.3rem}.hero-copy p{font-size:.92rem}.trust-row{font-size:.75rem;gap:.75rem}.number-finder{padding:1rem;border-radius:18px}.digit-inputs{gap:.25rem}.digit-inputs input{height:52px;font-size:1.25rem}.finder-actions{grid-template-columns:1fr}.catalog-notice .container{align-items:flex-start}.draw-strip .container{padding-top:.8rem;padding-bottom:.8rem;display:grid;grid-template-columns:1fr auto;gap:.25rem}.draw-strip .container>span{grid-column:1/-1;font-size:.78rem}.draw-strip a{grid-column:2;grid-row:1;margin:0;font-size:.78rem}.section{padding:2.5rem 0}.section-head{align-items:flex-start}.ticket-grid{grid-template-columns:1fr}.ticket-number span{width:min(38px,14vw);height:46px;font-size:1.35rem}.draws{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:2.3rem}.filters{grid-template-columns:1fr}.filter-submit{grid-column:auto}.price-fields{grid-template-columns:1fr auto 1fr}.footer-grid{grid-template-columns:1fr;gap:1.8rem}.catalog-head{padding:2rem 0}.result-bar{align-items:flex-end}.section-head .text-link{font-size:.8rem;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Lottery-first catalog flow */
.lottery-catalog-page{background:#f4f4f6}.catalog-stage{min-height:calc(100vh - 76px);padding:2.2rem 0 4rem;background:linear-gradient(180deg,var(--red) 0,var(--red) 510px,#f4f4f6 510px)}.catalog-results-page{background:linear-gradient(180deg,var(--red) 0,var(--red) 430px,#f4f4f6 430px)}.catalog-brandline{text-align:center;color:#fff;margin-bottom:1.2rem}.catalog-brandline>span{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#ffd0d5}.catalog-brandline h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:.15rem 0}.catalog-brandline p{margin:0;color:rgba(255,255,255,.75);font-size:.88rem}.catalog-brandline.compact h1{font-size:2rem}.lottery-search{width:min(720px,100%);margin:auto;background:#fff;border-radius:20px;padding:1.25rem 1.5rem 1.4rem;box-shadow:0 20px 45px rgba(61,0,10,.25)}.search-title{text-align:center;margin-bottom:.7rem}.search-title span{display:block;color:var(--red);font-size:.76rem;font-weight:700}.search-title strong{font-size:1.15rem;color:var(--navy)}.lottery-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f1f3;padding:.25rem;border-radius:10px;margin-bottom:1rem}.lottery-type-tabs button{border:0;border-radius:8px;background:transparent;color:#757b87;padding:.55rem;font:600 .86rem/1.2 inherit;cursor:pointer}.lottery-type-tabs button.active{background:var(--red);color:#fff;box-shadow:0 5px 12px rgba(183,25,43,.22)}.lottery-search .digit-inputs{max-width:520px;margin:auto}.lottery-search .digit-inputs input{height:58px}.lottery-search .finder-actions{max-width:520px;margin:1rem auto 0}.lottery-search .random-button{background:#262626}.lottery-search .random-button:hover{background:#111}.lottery-search .search-button{background:var(--red)}.lottery-search .finder-actions span{font-size:1.1rem;margin-right:.25rem}.catalog-mode-line{width:min(720px,100%);margin:.8rem auto 0;display:flex;justify-content:center;align-items:center;gap:.55rem;color:#fff;font-size:.76rem}.catalog-mode-line>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-weight:700}.catalog-mode-line p{margin:0}.lottery-results{margin-top:2.2rem;background:#fff;border-radius:22px;padding:1.4rem;box-shadow:0 12px 35px rgba(20,25,35,.08)}.lottery-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:.9rem}.lottery-section-head span{color:var(--red);font-size:.75rem;font-weight:700}.lottery-section-head h2{margin:.1rem 0;color:var(--navy);font-size:1.45rem}.lottery-section-head h2 small{color:var(--muted);font-size:.75rem;font-weight:400}.lottery-section-head>a{display:inline-flex;background:#252525;color:#fff;border-radius:8px;padding:.55rem .9rem;text-decoration:none;font-size:.75rem;font-weight:600}.lottery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.reference-ticket{padding:0;border:0;border-radius:12px;background:#202020;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.14)}.reference-ticket:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(0,0,0,.2)}.reference-ticket .ticket-card-top{margin:0;padding:.7rem .9rem;background:#202020;color:#fff}.ticket-kind{font-size:.75rem;color:#fff}.ticket-bundle{font-size:.7rem;color:#ddd}.ticket-bundle strong{color:#ffd15c;font-size:.9rem}.reference-ticket .ticket-paper{margin:0 .75rem;padding:.7rem .65rem;background:#fffdf7;border-radius:5px}.ticket-paper-head{display:flex;justify-content:space-between;color:#7b6f63;font-size:.58rem}.ticket-paper-head small{font-size:.56rem}.reference-ticket .ticket-number{margin:.4rem 0;gap:.14rem}.reference-ticket .ticket-number span{width:31px;height:39px;border-radius:3px;border-color:#cfc7bb;font-size:1.18rem;box-shadow:none}.reference-ticket .ticket-serial{font-size:.56rem}.ticket-select-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .85rem;color:#fff}.ticket-select-row small{display:block;color:#aaa;font-size:.6rem}.ticket-select-row strong{font-size:1rem}.select-ticket-button{display:inline-flex;align-items:center;gap:.25rem;background:var(--red);color:#fff;border-radius:7px;padding:.55rem .7rem;text-decoration:none;font-size:.72rem;font-weight:700}.select-ticket-button:hover{background:#d92339}.reference-ticket .cart-button{margin:0;border-radius:0;background:var(--red)}.catalog-empty{grid-column:1/-1;text-align:center;padding:3.2rem 1rem;color:var(--muted)}.catalog-empty>div{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:#f0f0f2;color:var(--red);font-size:1.5rem}.catalog-empty h2{color:var(--navy);font-size:1.15rem;margin:.8rem 0 .2rem}.catalog-empty p{font-size:.82rem;margin:0 0 1rem}
.lottery-search .digit-inputs input::placeholder{color:#c7cbd3;opacity:.7;font-weight:500}.bundle-size-field{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:-.2rem auto 1rem}.bundle-size-field[hidden]{display:none}.bundle-size-field label{color:var(--navy);font-size:.82rem;font-weight:700}.bundle-size-stepper{display:grid;grid-template-columns:40px 72px 40px;align-items:center;border:1px solid #d9dce3;border-radius:10px;background:#fff;overflow:hidden}.bundle-size-stepper button{height:40px;border:0;background:#f2f3f5;color:var(--red);font:700 1.25rem/1 sans-serif;cursor:pointer}.bundle-size-stepper button:hover{background:var(--red-soft)}.bundle-size-stepper button:disabled{color:#aeb2bb;cursor:not-allowed}.bundle-size-stepper input{width:72px;height:40px;padding:.35rem .25rem;border:0;border-left:1px solid #d9dce3;border-right:1px solid #d9dce3;border-radius:0;background:#fff;color:var(--navy);font:700 .95rem/1 "Prompt","Noto Sans Thai",Tahoma,sans-serif;text-align:center;outline:none;-moz-appearance:textfield}.bundle-size-stepper input::-webkit-inner-spin-button,.bundle-size-stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.bundle-size-stepper:focus-within{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.demo-ticket-image{position:relative;aspect-ratio:2.4/1;margin:0 .65rem;background:#f8f2e4 url('/assets/images/demo-lottery-ticket.webp') center/cover no-repeat;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(119,86,39,.18)}.demo-number{position:absolute;left:19%;right:19%;top:41%;display:flex;justify-content:center;gap:2.5%;transform:translateY(-50%)}.demo-number span{display:grid;place-items:center;width:12.5%;aspect-ratio:.78/1;border:1px solid rgba(106,82,48,.28);border-radius:4px;background:rgba(255,253,246,.92);color:#202020;font-size:clamp(1rem,2.1vw,1.65rem);font-weight:800;line-height:1;box-shadow:0 2px 5px rgba(56,39,18,.1)}.demo-ticket-meta{position:absolute;left:20%;right:20%;top:66%;overflow:hidden;color:#75654e;font-size:.52rem;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.reference-ticket .demo-ticket-image+.ticket-select-row{margin-top:.2rem}
.real-ticket-image{display:grid;place-items:center;aspect-ratio:2.4/1;margin:0 .65rem;border-radius:6px;background:#f8f2e4}.real-ticket-image img{display:block;width:100%;height:100%;object-fit:contain}.reference-ticket .real-ticket-image+.ticket-select-row{margin-top:.2rem}.detail-real-ticket{margin:1rem 0;aspect-ratio:auto;min-height:180px;border:1px solid var(--line);background:#fff}.detail-real-ticket img{height:auto;max-height:520px}
.ticket-detail-card{width:min(760px,100%)}.detail-demo-ticket{margin:1rem 0}.detail-demo-ticket .demo-number span{font-size:clamp(1.25rem,3.3vw,2.25rem)}.detail-demo-ticket .demo-ticket-meta{font-size:.7rem}.demo-disclaimer{text-align:center;color:var(--muted);font-size:.72rem}
@media(max-width:900px){.lottery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-stage,.catalog-results-page{min-height:calc(100vh - 64px);padding:1.3rem 0 2.5rem;background:linear-gradient(180deg,var(--red) 0,var(--red) 430px,#f4f4f6 430px)}.catalog-brandline{margin-bottom:.8rem}.catalog-brandline h1,.catalog-brandline.compact h1{font-size:1.55rem}.lottery-search{border-radius:15px;padding:1rem}.lottery-search .digit-inputs input{height:50px}.lottery-search .finder-actions{grid-template-columns:1fr 1fr}.lottery-type-tabs button{font-size:.78rem;padding:.5rem .2rem}.catalog-mode-line{align-items:flex-start;text-align:left;padding:0 .25rem}.catalog-mode-line p{line-height:1.45}.lottery-results{margin-top:2.2rem;padding:.8rem;border-radius:16px}.lottery-section-head h2{font-size:1.15rem}.lottery-section-head>a{padding:.45rem .6rem}.lottery-grid{grid-template-columns:1fr}.reference-ticket .ticket-number span{width:min(42px,13vw);height:45px;font-size:1.35rem}}
.brand-logo{display:block;max-width:180px;max-height:54px;width:auto;height:auto;object-fit:contain}.footer-brand .brand-logo{max-height:64px}.nav-logout-form{margin:0}.nav-logout-form button{border:0;background:transparent;color:rgba(255,255,255,.86);padding:0;font:500 .94rem/1.6 "Prompt","Noto Sans Thai",Tahoma,sans-serif;cursor:pointer}.nav-logout-form button:hover{color:#fff}
.member-footer-nav{display:none}@media(max-width:700px){.nav-logout-form button{width:100%;padding:.55rem;text-align:left;font-size:.92rem}body:has(.member-footer-nav){padding-bottom:calc(68px + env(safe-area-inset-bottom))}.member-footer-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:68px;padding:4px 5px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e8e8eb;box-shadow:0 -5px 20px rgba(20,25,35,.1)}.member-footer-nav>a,.member-footer-nav>span{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#272727;text-decoration:none;font-size:.66rem;font-weight:650;line-height:1.25}.member-footer-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.member-footer-nav>a:first-child svg{fill:currentColor;stroke:none}.member-footer-nav .active{color:#db252b}.member-footer-nav .active:before{content:"";position:absolute;left:16%;right:16%;top:-5px;height:4px;border-radius:0 0 4px 4px;background:#db252b}.member-footer-nav .disabled{color:#b3b3b8}.member-footer-nav span span,.member-footer-nav a span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}}
.mobile-only{display:none}.nav-cart-icon{display:grid!important;place-items:center;width:42px;height:42px;padding:0!important;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.1)}.nav-cart-icon:hover{background:rgba(255,255,255,.2)}.nav-cart-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-profile{display:flex;align-items:center;gap:.65rem;padding-left:.2rem}.nav-profile-image{display:grid!important;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0!important;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.14)}.nav-profile-image svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round}.nav-profile-copy{display:flex;flex-direction:column;min-width:158px;line-height:1.2}.nav-profile-copy>span{color:rgba(255,255,255,.75);font-size:.7rem}.nav-profile-actions{display:flex;align-items:center;gap:.3rem;margin-top:.2rem;white-space:nowrap}.nav-profile-copy>span.nav-user-name{color:#fff;font-size:.85rem;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-panel{text-align:center}.transfer-panel dl{margin:0}.transfer-panel dt{margin-top:.9rem;color:var(--muted);font-size:.8rem}.transfer-panel dt:first-of-type{margin-top:0}.transfer-panel dd{margin:.2rem 0 0;font-size:1.05rem;font-weight:600;color:var(--navy)}.transfer-panel dd.price{color:var(--red);font-size:1.35rem;font-weight:800}.transfer-panel .account-number{display:block;letter-spacing:.06em}.transfer-panel .copy-button{margin-top:.45rem;padding:.45rem .9rem;font-size:.82rem}.order-card{margin-bottom:1rem}.order-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.order-status{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .8rem;font-size:.78rem;font-weight:700;white-space:nowrap;background:#eef0f4;color:var(--muted)}.order-status.pending{background:#fff3d6;color:#8a6100}.order-status.review{background:#e7f0ff;color:#1c4f9c}.order-status.success{background:#e9f7ef;color:var(--green)}.order-status.danger{background:#ffeaec;color:#a32133}.order-tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;padding:.9rem 0 .3rem;margin:0}.order-ticket{margin:0;background:#fffdf7;border:1px solid #ead8c5;border-radius:8px;overflow:hidden;text-align:center}.order-ticket img{display:block;width:100%;height:auto;aspect-ratio:2.4/1;object-fit:contain;background:#f8f2e4}.order-ticket-number{display:flex;justify-content:center;gap:.15rem;padding:.75rem .3rem;background:#f8f2e4}.order-ticket-number span{display:grid;place-items:center;width:20px;height:28px;border:1px solid #d8cab9;border-radius:4px;background:#fff;color:var(--navy);font-weight:800;font-size:.95rem}.order-ticket figcaption{padding:.45rem;font-size:.85rem;font-weight:700;letter-spacing:.12em;color:#6d5946}.order-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.85rem;margin-top:.3rem}.order-total small{display:block;color:var(--muted);font-size:.74rem}.order-total strong{color:var(--red);font-size:1.15rem}.order-actions{display:flex;gap:.5rem;flex-wrap:wrap}.order-actions .btn{padding:.6rem 1rem;font-size:.85rem}@media(max-width:700px){.order-actions{width:100%}.order-actions .btn{flex:1 1 auto;text-align:center}.order-tickets{grid-template-columns:1fr}}.copy-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2000;padding:.9rem 1.6rem;border-radius:14px;background:#0f6d47;color:#ffe066;font-size:1.15rem;font-weight:700;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.28);pointer-events:none}.copy-toast[hidden]{display:none}.line-login-button{width:100%;background:#06c755}.line-login-button:hover{background:#05a648}.nav-member{display:none;align-items:center;gap:.35rem;margin-left:auto;min-width:0;flex:0 1 auto;color:#fff;text-decoration:none;font-size:.82rem;font-weight:600}.nav-member svg{flex:0 0 24px;width:24px;height:24px;padding:2px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}.nav-member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-actions a,.profile-logout-form button{color:#fff!important;font:600 .78rem/1.3 "Prompt","Noto Sans Thai",Tahoma,sans-serif!important}.nav-profile-actions i{color:rgba(255,255,255,.5);font-style:normal}.profile-logout-form{display:inline;margin:0}.profile-logout-form button{border:0;background:transparent;padding:0;cursor:pointer}.profile-logout-form button:hover{text-decoration:underline}@media(max-width:700px){.desktop-only{display:none!important}.mobile-only{display:block}.nav-links .mobile-only{width:100%}.nav-member{display:inline-flex}.nav{gap:.6rem}.menu-toggle{margin-left:.35rem}}
.safe-page{min-height:calc(100vh - 76px);background:linear-gradient(180deg,#fff4f5 0,#f6f7fa 250px)}.safe-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.safe-heading h1{margin:.15rem 0;color:var(--navy);font-size:clamp(1.8rem,4vw,2.6rem)}.safe-heading p{margin:0;color:var(--muted)}.safe-count{flex:0 0 auto;padding:.5rem .9rem;border-radius:999px;background:var(--red-soft);color:var(--red);font-weight:700}.safe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.safe-ticket-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#202020;box-shadow:0 10px 28px rgba(23,35,56,.1)}.safe-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem .9rem;color:#fff}.safe-ticket-head div{display:flex;min-width:0;flex-direction:column}.safe-ticket-head div span{overflow:hidden;color:#c9c9cd;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.safe-ticket-head strong{font-size:.8rem}.safe-paid-badge{flex:0 0 auto;border-radius:999px;background:#e9f7ef;color:var(--green);padding:.2rem .55rem;font-size:.68rem;font-weight:700}.safe-ticket-paper{margin:0 .75rem;padding:.8rem .65rem;border:1px solid #ead8c5;border-radius:7px;background:repeating-linear-gradient(135deg,#fffdf8,#fffdf8 8px,#fdf9f0 8px,#fdf9f0 16px);text-align:center}.safe-ticket-paper .ticket-number{margin:.45rem 0}.safe-ticket-paper .ticket-number span{width:31px;height:40px;border-radius:4px}.safe-ticket-meta{overflow:hidden;color:#806f5d;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.safe-ticket-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;padding:.8rem .9rem;color:#fff}.safe-ticket-foot small{display:block;color:#aaa;font-size:.62rem}.safe-ticket-foot a{display:block;overflow:hidden;max-width:210px;color:#fff;font-size:.75rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.safe-ticket-price{flex:0 0 auto;color:#ffd15c;font-weight:700}.safe-empty{text-align:center;padding:3.5rem 1rem}.safe-empty h2{margin:.8rem 0 .2rem}.safe-empty p{color:var(--muted);margin:.2rem 0 1.2rem}.safe-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.safe-pagination a{border-radius:9px;background:#fff;color:var(--red);padding:.55rem .8rem;text-decoration:none;font-weight:600}.safe-pagination span{color:var(--muted);font-size:.82rem}@media(max-width:900px){.safe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.safe-page{min-height:calc(100vh - 64px)}.safe-heading{align-items:flex-start}.safe-heading p{font-size:.82rem}.safe-grid{grid-template-columns:1fr}.safe-ticket-paper .ticket-number span{width:min(42px,13vw);height:45px}.safe-ticket-foot a{max-width:210px}}
.catalog-stage.bundle-search-expanded{background:linear-gradient(180deg,var(--red) 0,var(--red) 620px,#f4f4f6 620px)}@media(max-width:700px){.catalog-stage.bundle-search-expanded{background:linear-gradient(180deg,var(--red) 0,var(--red) 540px,#f4f4f6 540px)}}
@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/sarabun/sarabun-400.ttf") format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/sarabun/sarabun-500.ttf") format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/sarabun/sarabun-600.ttf") format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/sarabun/sarabun-700.ttf") format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/sarabun/sarabun-800.ttf") format("truetype")}body,body *{font-family:"Sarabun",Tahoma,sans-serif!important}
.password-input{position:relative}.field .password-input input{padding-right:7.5rem}.password-toggle{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);border:0;background:transparent;color:var(--red);font:600 .78rem/1 "Sarabun",Tahoma,sans-serif;padding:.55rem;cursor:pointer;border-radius:7px}.password-toggle:hover,.password-toggle:focus-visible{background:var(--red-soft);outline:none}
.results-page{padding-top:2.5rem;padding-bottom:4rem}.results-hero{text-align:center;margin-bottom:1.25rem}.results-hero h1{margin:.2rem 0;color:var(--navy);font-size:clamp(1.8rem,4vw,2.6rem)}.results-hero p{margin:0;color:var(--muted)}.result-draw-picker{width:min(620px,100%);margin:0 auto 1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(23,35,56,.08)}.result-draw-picker>label{display:block;margin-bottom:.55rem;color:var(--navy);font-size:.86rem;font-weight:700}.result-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.result-select-wrap{position:relative}.result-select-wrap:after{content:"⌄";position:absolute;right:.9rem;top:50%;transform:translateY(-56%);color:var(--red);font-size:1.25rem;font-weight:800;pointer-events:none}.result-select-wrap select{appearance:none;width:100%;height:48px;padding:.65rem 2.8rem .65rem .9rem;border:1px solid #d9dce3;border-radius:10px;background:linear-gradient(180deg,#fff,#fafafa);color:var(--ink);font:600 .92rem/1.2 "Sarabun",Tahoma,sans-serif;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.result-select-wrap select:hover{border-color:#c2c6cf}.result-select-wrap select:focus{border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft);background:#fff}.result-picker-row .btn{min-width:110px;height:48px}.results-panel{width:min(760px,100%);margin:0 auto}.results-panel h2{margin-top:0;color:var(--navy)}@media(max-width:520px){.results-page{padding-top:1.5rem}.result-draw-picker{padding:1rem}.result-picker-row{grid-template-columns:1fr}.result-picker-row .btn{width:100%}}
.profile-logout-form button{position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.35)!important;border-radius:50%;font-size:0!important;overflow:hidden;transition:background .2s,border-color .2s}.profile-logout-form button:after{content:"";position:absolute;inset:7px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6'/%3E%3C/svg%3E")}.profile-logout-form button:hover,.profile-logout-form button:focus-visible{background:rgba(255,255,255,.18);border-color:#fff!important;outline:none}
.safe-vault-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1.15rem 1.3rem}.safe-vault-card h1{margin:0;color:var(--navy);font-size:clamp(1.65rem,4vw,2.25rem)}
.nav-profile-image{display:none!important}.nav-profile{gap:0;padding-left:0}.nav-profile-copy{min-width:auto}
@media(max-width:700px){
  .nav-links>a:first-child,.nav-links>a.mobile-only,.nav-logout-form button{display:flex!important;align-items:center;gap:.75rem}
  .nav-links>a:first-child:before,.nav-links>a.mobile-only:before,.nav-logout-form button:before{content:"";display:block;flex:0 0 22px;width:22px;height:22px;background:center/contain no-repeat}
  .nav-links>a[href="/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8v10h-6v-6H9v6H3z'/%3E%3C/svg%3E")}
  .nav-links>a[href="/cart"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-1.5 10h-13zM8 7l2-4m6 4-2-4'/%3E%3Ccircle cx='8' cy='20' r='1'/%3E%3Ccircle cx='16' cy='20' r='1'/%3E%3C/svg%3E")}
  .nav-links>a[href="/orders"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18H6zM9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E")}
  .nav-links>a[href="/safe"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='2'/%3E%3Cpath d='M8 8V6a4 4 0 0 1 8 0v2M12 13v3'/%3E%3C/svg%3E")}
  .nav-links>a[href="/profile"]:before,.nav-links>a[href="/register"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21c.8-5 3.3-7.5 7.5-7.5s6.7 2.5 7.5 7.5'/%3E%3C/svg%3E")}
  .nav-links>a[href="/results"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E")}
  .nav-links>a[href="/contact"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v12H8l-4 4zM8 9h8M8 13h5'/%3E%3C/svg%3E")}
  .nav-links>a[href="/login"]:before,.nav-links>a[href="/liff"]:before,.nav-links>a[href^="https://liff.line.me/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6'/%3E%3C/svg%3E")}
  .nav-logout-form button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 17l-5-5 5-5M9 12h12M11 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6'/%3E%3C/svg%3E")}
}