/*
Theme Name: Seqrite Thailand
Description: Bilingual (Thai/English) Seqrite distributor theme with SEO, products, articles and lead form. Thai at /, English at /en/.
Version: 1.6.0
Text Domain: seqrite-thailand
Requires PHP: 7.4
*/
:root{--b:#0b5fff;--d:#0a1b3d;--g:#f3f6fb;--t:#1c2433}*{box-sizing:border-box}body{margin:0;font:16px/1.65 'Noto Sans Thai',system-ui,sans-serif;color:var(--t)}
a{color:var(--b);text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 20px}.narrow{max-width:760px;padding:40px 20px}
.alert{background:#c8102e;color:#fff;text-align:center;padding:6px;font-size:14px}.alert a{color:#fff;font-weight:700}
header{border-bottom:1px solid #e3e8f0;position:sticky;top:0;background:#fff;z-index:9}.nav{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.logo{font-weight:700;font-size:22px;color:var(--d)}.logo small{font-weight:400;font-size:13px}nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}nav a{color:var(--d)}.act{display:flex;gap:8px;align-items:center}
.lang{border:1px solid var(--b);border-radius:6px;padding:2px 10px;font-weight:600}.btn{display:inline-block;background:var(--b);color:#fff;padding:9px 18px;border-radius:8px;font-weight:600;border:0;cursor:pointer;font:inherit}
.btn.ghost{background:#fff;color:var(--b);border:1px solid var(--b)}.hero{background:linear-gradient(135deg,var(--d),#12408f);color:#fff;padding:72px 0}.hero h1{font-size:clamp(28px,5vw,46px);line-height:1.25;margin:12px 0}
.hero .btn.ghost{background:transparent;color:#fff;border-color:#fff}.badge{background:#ffffff22;padding:4px 12px;border-radius:99px;font-size:14px}.trust{list-style:none;padding:0;display:flex;gap:18px;flex-wrap:wrap}
h2{font-size:28px;margin:48px 0 8px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:20px auto}
.card{display:block;border:1px solid #e3e8f0;border-radius:12px;padding:20px;color:var(--t);background:#fff;transition:.15s}.card:hover{box-shadow:0 6px 24px #0b5fff22;transform:translateY(-2px)}
.card small,.tag{color:#6a7690}.card h3{margin:6px 0;color:var(--d)}.lead{font-size:20px;color:var(--d)}.ticks{list-style:none;padding:0}.ticks li:before{content:'✓ ';color:var(--b);font-weight:700}
.cta{background:var(--g);text-align:center;padding:56px 0;margin-top:56px}.form{display:grid;gap:14px}.form label{display:grid;gap:4px;font-weight:600}
input,select,textarea{font:inherit;padding:10px;border:1px solid #c9d2e3;border-radius:8px}.hp{position:absolute;left:-9999px}.ok{background:#e6f7ec;padding:12px;border-radius:8px}
footer{background:var(--d);color:#c9d6f2;padding:40px 0 20px}footer a{color:#fff;display:block}.legal{font-size:13px;margin-top:20px;opacity:.8}
/* v1.1 professional polish */
:root{--sh:0 8px 30px rgba(10,27,61,.08)}h1,h2,h3{line-height:1.3;color:var(--d)}.hero h1{color:#fff}img{max-width:100%;height:auto}
:focus-visible{outline:3px solid #7aa7ff;outline-offset:2px}header{box-shadow:0 1px 12px rgba(10,27,61,.06)}nav a{padding:6px 2px;border-bottom:2px solid transparent}nav a:hover{border-color:var(--b)}
.hero{padding:88px 0}.hero2{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}.hero p{max-width:620px;color:#d6e2ff}
.panel{background:#ffffff14;border:1px solid #ffffff33;border-radius:16px;padding:28px;backdrop-filter:blur(6px)}.panel .big{display:block;font-size:30px;font-weight:700;color:#fff;margin:6px 0 12px}.panel ul{list-style:none;padding:0;margin:0 0 18px}
.stats{background:var(--g);border-bottom:1px solid #e3e8f0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;padding:26px 20px}.stats strong{display:block;font-size:28px;color:var(--b)}.stats span{font-size:14px;color:#5a6785}
.card{box-shadow:var(--sh);border-radius:14px}.card span{color:var(--b);font-weight:600}.certs{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.certs span{border:1px solid #cfd9ee;background:var(--g);border-radius:99px;padding:8px 18px;font-weight:600;color:var(--d)}
.partner{background:var(--d);color:#fff;text-align:center;padding:56px 0;margin-top:56px}.partner h2{color:#fff;margin-top:0}.partner .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.cta{margin-top:0}.nvc,.burger{display:none}.burger{font-size:26px;cursor:pointer;margin-left:auto}.narrow h1{font-size:34px}.narrow p,.narrow li{font-size:17px}
@media(max-width:860px){.hero2{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.burger{display:block}nav{display:none;order:5;flex-basis:100%;flex-direction:column;padding-bottom:10px}.nvc:checked~nav{display:flex}.act{order:4;width:100%}.hero{padding:56px 0}}
.home-content h2{margin-top:56px}.home-content h3{margin:24px 0 4px}

.panel .big{font-size:18px;line-height:1.9;margin:8px 0 14px}.panel .big a{color:#fff;font-weight:700}.panel small,footer small{color:#c9d6f2}
.article h2{font-size:24px;margin:34px 0 8px}.article p{margin:0 0 14px}footer small{margin-left:4px}
.card .ph{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:10px;background:#eef3fb;display:block}.wp-block-image{margin:22px 0}.wp-block-image img{border-radius:12px;width:100%}.article h3,.narrow h3{margin:22px 0 4px;font-size:19px}
.logo{display:flex;align-items:center;gap:8px}.logo img{height:38px;width:auto;display:block}.flogo{display:inline-block;background:#fff;border-radius:8px;padding:6px 12px;margin-bottom:10px}.flogo img{height:28px;width:auto;display:block}.cert-imgs{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:16px 0}.cert-imgs img{height:110px;width:auto;max-width:100%;object-fit:contain}.certs-wrap{margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:32px}.fcol b{display:block;margin-bottom:8px;color:#fff}.fcol p{margin:0 0 8px}.fcol>a{margin-bottom:6px}.addr{line-height:1.5}
.clist{list-style:none;margin:0;padding:0}.clist li{margin-bottom:12px}.clist span{display:block;font-size:12px;color:#9fb2d8}.clist a{display:inline;word-break:break-word}
footer{padding-bottom:0}.legal-bar{border-top:1px solid #ffffff2a;margin-top:32px;padding:18px 0;font-size:13px;color:#9fb2d8}.legal-bar .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.notice{margin:0;max-width:760px;line-height:1.6}.notice a{display:inline;text-decoration:underline}.copy{margin:0;white-space:nowrap;color:#c9d6f2}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}.copy{white-space:normal}}
.alert{background:var(--d);color:#dbe6ff}.alert a{color:#fff;font-weight:700;margin-left:6px}
/* v1.4.3 softer, easier-on-the-eyes typography and smaller header */
:root{--d:#14264a;--t:#2d3748;--g:#f6f8fc;--b:#1d5fd8}
body{font-size:16px;line-height:1.7;color:var(--t);-webkit-font-smoothing:antialiased}
.alert{font-size:13px;padding:5px 10px}.nav{min-height:54px;gap:18px}
.logo img{height:26px}.logo small{font-size:12px;color:#5a6785}
nav{gap:20px}nav a{font-size:15px;color:#33415c}nav a:hover{color:var(--b)}
.btn{font-size:14px;padding:7px 15px;border-radius:7px}.lang{font-size:13px;padding:1px 9px}
.hero{background:linear-gradient(135deg,#14264a,#1f4c9f);padding:64px 0}.hero h1{font-size:clamp(26px,3.6vw,38px);font-weight:600;line-height:1.3}.hero p{font-size:17px;color:#dbe6ff}
h2{font-size:25px;margin-top:44px}.card h3{font-size:18px}.card p{font-size:15px;color:#4a5568}.card small,.tag{font-size:13px;color:#6b778d}
.lead{font-size:18px}.narrow h1{font-size:30px}.narrow p,.narrow li{font-size:16.5px}.article h2{font-size:22px}.article h3,.narrow h3{font-size:18px}
.stats strong{font-size:24px}.stats span{font-size:13px}.panel .big{font-size:16px}
footer{font-size:14.5px}.legal-bar{font-size:12.5px}.flogo img{height:24px}
@media(max-width:860px){.logo img{height:24px}h2{font-size:22px}}
.tbl-wrap{overflow-x:auto;margin:16px 0}.cmp{border-collapse:collapse;width:100%;font-size:14.5px;min-width:560px}.cmp th,.cmp td{border:1px solid #dfe5f0;padding:8px 10px;text-align:center;vertical-align:middle}.cmp th:first-child,.cmp td:first-child{text-align:left}.cmp thead th{background:#14264a;color:#fff;font-weight:600}.cmp tbody tr:nth-child(even){background:#f6f8fc}

/* v1.6.0 product page layout */
.phero{background:linear-gradient(135deg,#14264a,#1f4c9f);color:#fff;padding:44px 0 52px}.phero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:center}
.crumb{font-size:13px;color:#b9c9ef;margin-bottom:14px}.crumb a{color:#dbe6ff}.chip{display:inline-block;background:#ffffff22;border-radius:99px;padding:3px 12px;font-size:12.5px;letter-spacing:.04em}
.phero h1{color:#fff;font-size:clamp(28px,4vw,40px);margin:12px 0 8px;font-weight:600}.ptag{font-size:18px;color:#dbe6ff;margin:0 0 20px;max-width:560px}.pcta .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.pchips{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:20px 0 0;font-size:13.5px;color:#cfdcff}.pchips li::before{content:'✓ ';color:#7fe0a5}
.phero-img img{width:100%;height:auto;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:block}.phero-img figure{margin:0}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px;padding-top:40px;align-items:start}.pbody p{max-width:76ch}
.psec{margin-bottom:46px}.psec h2{font-size:26px;margin:0 0 16px;padding-left:14px;border-left:4px solid var(--b);scroll-margin-top:100px;font-weight:600}
.fgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:16px 0;counter-reset:f}
.fcard{border:1px solid #e3e8f0;border-radius:12px;padding:18px;background:#fff;box-shadow:0 4px 18px rgba(10,27,61,.06)}
.fcard::before{counter-increment:f;content:counter(f,decimal-leading-zero);display:inline-block;font-size:12px;font-weight:700;color:var(--b);background:#eaf1ff;border-radius:99px;padding:2px 10px;margin-bottom:8px}
.fcard h3{margin:0 0 6px;font-size:17px;line-height:1.4}.fcard p{margin:0;font-size:15px;color:#4a5568;line-height:1.65}
.faq details{border:1px solid #e3e8f0;border-radius:10px;margin:10px 0;background:#fff}.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--d);list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;color:var(--b);font-size:22px;line-height:1}.faq details[open] summary::after{content:'–'}.faq details p{padding:0 18px 16px;margin:0;color:#4a5568}
.pside{position:sticky;top:76px;display:grid;gap:16px}.box{border:1px solid #e3e8f0;border-radius:12px;padding:16px 18px;background:#fff;box-shadow:0 4px 18px rgba(10,27,61,.05)}.box b{display:block;margin-bottom:8px;color:var(--d)}
.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:0}.toc a{display:block;padding:5px 0 5px 10px;border-left:2px solid #e3e8f0;font-size:14px;color:#4a5568}.toc a:hover{color:var(--b);border-color:var(--b)}
.cta2{background:var(--g)}.cta2 p{margin:0 0 12px;font-size:14px;color:#4a5568}.sidecall{margin-top:12px;font-size:14px}.sidecall a{color:var(--d);font-weight:600;display:inline}.sidecall small{color:#6b778d}
@media(max-width:960px){.phero-grid,.pgrid{grid-template-columns:1fr}.pside{position:static}.pside .toc{display:none}.phero-img{order:-1}}