/* Country pages and directory. Scope all selectors to keep product pages stable. */
.country-page,.countries-hub{--country-ink:#0B1437;--country-blue:#0369A1;--country-soft:#EAF8FF}
.country-page .country-hero,.countries-hub .countries-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 35%,#125878 0,transparent 55%),linear-gradient(120deg,#08162F,#0B3155);color:#fff;padding:38px 0 72px}
.country-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.77rem;color:#C7D8E8;margin-bottom:36px}
.country-breadcrumb a:hover{text-decoration:underline;color:#fff}
.country-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:76px;align-items:center}
.country-eyebrow,.countries-eyebrow{display:flex;align-items:center;gap:9px;color:#BAE6FD;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em;font-weight:700;margin-bottom:18px}
.country-status{width:7px;height:7px;border-radius:50%;background:#67E8F9;box-shadow:0 0 0 5px #67E8F914;flex-shrink:0}
.country-hero h1,.countries-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.15rem);line-height:1.2;letter-spacing:-.025em;max-width:760px;margin-bottom:22px}
.country-lede,.countries-hero-intro{font-size:1rem;line-height:1.8;color:#DFE9F2;max-width:750px}
.country-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-top:30px}
.country-actions>div{display:flex;flex-direction:column;align-items:flex-start}
.country-btn-light{border:1px solid #8BB5D3;color:#fff;background:transparent}
.country-btn-light:hover{background:#FFFFFF14;border-color:#fff}
.country-link-note{display:block;color:#BDCCD9;font-size:.69rem;margin:7px 0 0;max-width:270px}
.country-language-links{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:28px;font-size:.78rem;color:#BFD5E6}
.country-language-links>a{border:1px solid #527790;border-radius:8px;padding:5px 10px;color:#fff}
.country-language-links>a:hover,.country-language-links>a[aria-current]{background:#FFFFFF17;border-color:#7DD3FC}
.country-zone-board{position:relative;border:1px solid #7ECDED45;background:linear-gradient(145deg,#FFFFFF12,#FFFFFF04);border-radius:26px;padding:26px 28px;box-shadow:0 22px 45px #00000020;backdrop-filter:blur(12px);max-width:410px;justify-self:end;width:100%}
.country-board-top{display:flex;justify-content:space-between;align-items:center;color:#BAE6FD;font-size:.78rem;font-weight:700}
.country-board-code{background:#FFFFFF0D;border:1px solid #FFFFFF29;display:flex;align-items:center;justify-content:center;width:38px;height:32px;border-radius:8px;color:#E3F6FF;letter-spacing:.06em}
.country-board-globe{width:112px;height:112px;margin:20px auto 8px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0EA5E925,transparent 70%);color:#7DD3FC;font-size:5rem;line-height:1}
.country-board-country{text-align:center;color:#fff;font-family:Poppins,system-ui,sans-serif;font-size:1.45rem;font-weight:700;margin:12px 0 22px}
.country-board-zones{display:grid;gap:10px}
.country-board-zones>div{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#FFFFFF0A;border:1px solid #FFFFFF19;border-radius:10px;padding:12px 14px;font-size:.85rem;color:#D2E4F0}
.country-board-zones strong{color:#BAE6FD;white-space:nowrap}
.country-board-foot{display:flex;justify-content:center;gap:9px;align-items:center;color:#CAE4F4;font-size:.74rem;line-height:1.7;text-align:center;margin-top:20px}
.country-board-foot i{font-size:1rem}
.country-section-head{margin-bottom:30px}
.country-section-head h2,.country-context h2,.country-planning h2,.country-cta h2,.countries-hub h2{font-size:clamp(1.45rem,2.45vw,2rem);line-height:1.3;margin-bottom:15px}
.country-section-head p{color:#516176;line-height:1.8}
.country-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--country-blue)!important;font-size:.72rem;font-weight:700;margin-bottom:8px}
.country-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.country-feature{border:1px solid var(--border);border-radius:16px;padding:24px 22px;background:#fff}
.country-feature-icon{display:flex;align-items:center;justify-content:center;background:var(--country-soft);color:var(--country-blue);width:44px;height:44px;border-radius:12px;margin-bottom:20px;font-size:1.12rem}
.country-feature h3{font-size:1rem;line-height:1.4;margin-bottom:10px}
.country-feature p{color:#516176;font-size:.87rem;line-height:1.75}
.country-context{display:flex;align-items:flex-start;gap:24px;margin-top:35px;padding:30px;border-radius:18px;background:var(--country-soft)}
.country-context h2{font-size:1.28rem;margin-bottom:10px}
.country-context p{color:#43556B;font-size:.94rem;line-height:1.8}
.country-context-code{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:#fff;display:flex;justify-content:center;align-items:center;font-family:Poppins,system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:var(--country-blue)}
.country-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.country-language-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}
.country-language-list li{display:flex;gap:9px;align-items:center;font-size:.84rem;color:#334155}
.country-language-list i{color:var(--country-blue);font-size:.72rem}
.country-scope-note{font-size:.8rem;line-height:1.75;color:#516176;border-top:1px solid var(--border);padding-top:18px}
.country-shots{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.country-shots figure{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.country-shots figure:nth-child(2){margin-top:30px}
.country-shots a{display:block;aspect-ratio:1/1.8;overflow:hidden;background:#EDF8FF}
.country-shots img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s ease}
.country-shots a:hover img{transform:scale(1.025)}
.country-shots figcaption{color:#45566C;font-size:.72rem;line-height:1.6;padding:12px 14px}
.country-time-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.country-time-panel{border:1px solid var(--border);border-radius:16px;overflow:hidden}
.country-table-wrap{overflow-x:auto}
.country-time-panel table,.countries-time-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}
.country-time-panel th,.country-time-panel td,.countries-time-table th,.countries-time-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:top}
.country-time-panel thead th,.countries-time-table thead th{background:#F1F6FA;color:#45566C;font-size:.75rem;font-weight:700}
.country-time-panel tbody th,.countries-time-table tbody th{font-weight:600;color:var(--country-ink)}
.country-time-panel td strong,.countries-time-table td strong{color:var(--country-blue);white-space:nowrap}
.country-time-panel code{font-family:ui-monospace,monospace;font-size:.77rem;color:#334155;white-space:nowrap}
.country-table-note{padding:16px;color:#516176;font-size:.75rem;line-height:1.75}
.country-table-note a{display:inline-block;color:#0369A1;margin-left:3px;text-decoration:underline}
.country-table-note i{font-size:.64rem;margin-left:5px}
.country-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.country-plan-list{counter-reset:none;display:grid;gap:20px;margin-top:25px}
.country-plan-list li{display:flex;gap:15px;align-items:flex-start}
.country-plan-list span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid #BAE6FD;background:#E0F2FE;border-radius:50%;color:#0369A1;font-weight:700;font-size:.8rem}
.country-plan-list p{color:#43556B;font-size:.91rem;line-height:1.75}
.country-faq details{border-bottom:1px solid #DAE3ED}
.country-faq summary{display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;color:var(--country-ink);font-weight:600;font-size:.88rem;line-height:1.65;padding:17px 0;list-style:none}
.country-faq summary::-webkit-details-marker{display:none}
.country-faq summary i{color:#0369A1;font-size:.72rem;flex-shrink:0}
.country-faq details[open] summary i{transform:rotate(45deg)}
.country-faq details p{font-size:.84rem;color:#43556B;line-height:1.8;padding-bottom:19px}
.country-cta-panel{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:38px 42px;background:var(--country-ink);border-radius:20px;color:#D2E2F0}
.country-cta-panel>div:first-child{max-width:680px}
.country-cta-panel h2{color:#fff;font-size:1.7rem}
.country-cta-panel p{font-size:.94rem;line-height:1.8}
.country-cta-panel .btn{white-space:normal;text-align:center}
.country-related{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;margin-top:28px}
.country-related>a{font-size:.84rem;font-weight:600;color:#0369A1}
.country-related i{margin-left:9px;font-size:.7rem}
.country-related span{display:block;color:#516176;font-size:.7rem;font-weight:400;margin-top:4px}
.country-page a:focus-visible,.country-page summary:focus-visible,.countries-hub a:focus-visible{outline:3px solid #38BDF8;outline-offset:5px;border-radius:4px}
.country-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.countries-hub .countries-hero{padding-bottom:68px}
.countries-hero h1{max-width:830px}
.countries-hero-intro{max-width:780px}
.countries-hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.countries-hero-badges span{border:1px solid #75BADD40;border-radius:50px;padding:7px 14px;color:#DDF3FF;font-size:.79rem}
.countries-hero-badges i{margin-right:7px;color:#7DD3FC}
.countries-directory-intro{max-width:790px;color:#516176;line-height:1.8;margin:0 0 32px}
.countries-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.countries-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.countries-card-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0}
.countries-card-code{width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#0369A1;font-weight:700;font-family:Poppins,system-ui,sans-serif;border-radius:12px;background:#E0F2FE}
.countries-card-offset{color:#516176;font-size:.75rem;font-weight:600}
.countries-card-body{padding:20px 24px;flex:1}
.countries-card h3{font-size:1.26rem;margin-bottom:12px}
.countries-card-body p{color:#516176;font-size:.87rem;line-height:1.8}
.countries-card-links{padding:0 24px 24px;display:flex;flex-wrap:wrap;gap:10px}
.countries-card-links a{color:#0369A1;font-size:.78rem;border:1px solid #D1E6F4;border-radius:7px;padding:6px 11px;font-weight:600}
.countries-card-links a:hover{background:#E0F2FE}
.countries-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.countries-guide-grid p{font-size:.94rem;line-height:1.8;color:#516176;margin-bottom:18px}
.countries-guide-grid .country-plan-list{margin-top:15px}
.countries-time-table{border:1px solid var(--border);background:#fff;border-radius:12px}
.countries-time-table td:last-child{color:#516176;font-size:.8rem}
.countries-notice{font-size:.8rem;color:#516176;margin-top:18px;line-height:1.8}
@media(min-width:1000px){.country-page:lang(th) h1{font-size:2.7rem;line-height:1.45}.country-page:lang(th) h2,.country-page:lang(th) h3{line-height:1.6}}
@media(max-width:1080px){.country-hero-grid{gap:38px;grid-template-columns:1.2fr .8fr}.country-feature-grid{grid-template-columns:repeat(2,1fr)}.country-language-grid{gap:32px}.country-time-grid{gap:30px;grid-template-columns:.8fr 1.2fr}.country-time-panel th,.country-time-panel td{padding:13px 12px}.country-planning-grid{gap:38px}.country-cta-panel{padding:32px}.countries-card-grid{gap:18px}}
@media(max-width:780px){.country-hero-grid{grid-template-columns:1fr;gap:34px}.country-zone-board{justify-self:start;max-width:none;padding:22px}.country-board-globe{display:none}.country-board-country{text-align:left;margin:12px 0 16px;font-size:1.25rem}.country-board-zones{grid-template-columns:repeat(3,1fr)}.country-board-zones>div{display:block}.country-board-zones strong{display:block;margin-top:5px}.country-board-foot{justify-content:flex-start;margin-top:15px;text-align:left}.country-language-grid,.country-time-grid,.country-planning-grid,.countries-guide-grid{grid-template-columns:1fr;gap:35px}.country-language-grid{gap:38px}.country-shots{max-width:520px;justify-self:center;width:100%}.country-time-grid .country-section-head{margin-bottom:0}.country-cta-panel{display:block;padding:30px}.country-cta-panel>div:last-child{margin-top:22px}.country-related{justify-content:flex-start;gap:24px}.countries-card-grid{grid-template-columns:repeat(2,1fr)}.country-page section,.countries-hub section{padding-top:55px;padding-bottom:55px}.country-page .country-hero,.countries-hub .countries-hero{padding-top:24px}.country-hero h1,.countries-hero h1{font-size:2.25rem}.country-breadcrumb{margin-bottom:28px}.country-hero .country-actions{gap:14px}}
@media(max-width:480px){.country-hero h1,.countries-hero h1{font-size:1.92rem}.country-lede,.countries-hero-intro{font-size:.94rem}.country-feature-grid{grid-template-columns:1fr;gap:14px}.country-feature{padding:21px}.country-feature-icon{margin-bottom:13px}.country-context{padding:22px;gap:13px}.country-context-code{width:40px;height:40px;font-size:.88rem}.country-context h2{font-size:1.15rem}.country-language-list{gap:11px 7px}.country-language-list li{font-size:.79rem}.country-shots{gap:11px}.country-shots figcaption{padding:10px;font-size:.67rem}.country-board-zones{grid-template-columns:1fr;gap:7px}.country-board-zones>div{display:flex}.country-board-zones strong{margin-top:0}.country-table-wrap table{min-width:410px}.country-cta-panel{padding:25px}.country-cta-panel h2{font-size:1.45rem}.countries-card-grid{grid-template-columns:1fr}.countries-hero-badges{gap:9px}.countries-hero-badges span{font-size:.73rem}.country-actions{flex-direction:column}.country-actions>div,.country-actions .btn{width:100%}.country-actions .btn{justify-content:center}.country-link-note{max-width:none}.country-related{flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){.country-shots img{transition:none}.country-shots a:hover img{transform:none}}
