.language-control{display:flex;align-items:center;gap:6px;flex-shrink:0}.language-control select{background:#13161c;color:#e7bb58;border:1px solid #5a4828;border-radius:9px;padding:9px 12px;max-width:135px}.nav{flex-wrap:wrap;height:auto;min-height:112px;padding-top:18px;padding-bottom:18px}.nav nav{flex-wrap:wrap}#garuda-language-dialog{max-width:460px;width:calc(100% - 32px);padding:32px;background:#13161c;color:#f5f2e9;border:1px solid #e7bb58;border-radius:20px}#garuda-language-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.language-welcome{text-align:center}.language-welcome h2{font-size:26px;margin:16px 0 8px}.language-welcome>div{display:flex;gap:12px;margin:24px 0}.language-welcome button{flex:1;background:#e7bb58;color:#090b0f;border:0;border-radius:10px;padding:13px;font-weight:700}.legal-language-note{border:1px solid #5a4828;border-radius:12px;padding:14px;font-size:14px}@media(max-width:760px){.nav{gap:14px}.nav nav{order:4;width:100%;gap:16px}.language-control{margin-left:auto}.nav>.button{font-size:12px;padding:10px}.language-control select{max-width:120px;padding:8px}.wrap{padding-left:20px;padding-right:20px}}

/* Phone layouts: keep navigation available and forms within the viewport. */
@media(max-width:760px){
.nav{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;height:auto;padding-top:16px;padding-bottom:16px;gap:12px;align-items:center}
.nav>.brand{grid-column:1;grid-row:1;min-width:0;font-size:11px;letter-spacing:1px;gap:7px}
.nav .brand-mark{width:36px;height:36px}
.nav>.language-control{grid-column:2;grid-row:1;margin:0}
.nav>.button{grid-column:1/-1;grid-row:2;justify-content:center;min-height:44px;width:100%;font-size:14px}
.nav>nav{display:flex;grid-column:1/-1;grid-row:3;flex-wrap:wrap;gap:8px 12px;width:100%;font-size:12px;justify-content:center}
.nav>nav a{display:flex;align-items:center;min-height:44px;padding:5px 3px;text-align:center}
.language-control select{font-size:14px;min-height:44px;width:106px;max-width:106px;padding:8px}
.language-control>span{display:none}
.wrap{padding-left:20px;padding-right:20px;min-width:0}
.section{padding-top:32px;padding-bottom:28px}
.section-heading{margin-bottom:24px}
h1{font-size:clamp(34px,10vw,48px);letter-spacing:-1.5px;line-height:1.12;overflow-wrap:break-word}
h2{font-size:clamp(28px,8vw,36px);letter-spacing:-.8px;overflow-wrap:break-word}
h3{overflow-wrap:break-word}
.hero{min-height:0;padding-top:24px;padding-bottom:32px}
.hero-actions{align-items:stretch;gap:14px}.hero-actions>.button{width:100%;justify-content:center;min-height:48px}
.hero-actions>.text-link{min-height:44px;display:flex;align-items:center}
.hero-meta{gap:8px 16px;flex-wrap:wrap;font-size:12px}
.eyebrow{letter-spacing:1.5px;line-height:1.65;flex-wrap:wrap}
.activation-layout{gap:20px}.activation-layout>div,.activation-card{min-width:0}
.activation-layout .lead{max-width:none}
.steps{margin:24px 0}.steps li{gap:14px}
.activation-card{width:100%;max-width:100%;padding:20px;border-radius:14px}
.activation-card input:not([type=radio]):not([type=checkbox]),.activation-card select,.activation-card textarea,.admin-card input:not([type=radio]):not([type=checkbox]),.admin-card select,.admin-card textarea{font-size:16px;max-width:100%;min-width:0;min-height:48px}
.plan-option{min-width:0;gap:8px;flex-wrap:wrap}.plan-option span{overflow-wrap:break-word}.plan-option b{margin-left:auto}
.activation-card button[type=submit]{min-height:48px;white-space:normal;font-size:15px}
.contact-number,.form-status,.fineprint,.feature p,.legal p{overflow-wrap:anywhere}
footer{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;font-size:13px}
footer a{min-height:44px;display:inline-flex;align-items:center}footer .brand{width:100%}
.admin-wrap{margin:24px auto;padding:0 20px;min-width:0}.admin-header{flex-wrap:wrap;gap:12px}.admin-header h1{font-size:32px}
.admin-card{min-width:0;padding:20px}.login-card{margin:24px auto;max-width:100%}.admin-grid{grid-template-columns:minmax(0,1fr)}
.admin-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-summary>div{min-width:0;padding:14px}.admin-summary b{font-size:25px}
.admin-subnav{flex-wrap:wrap;gap:8px}.admin-subnav .button{min-height:44px}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:540px}
.credit-packages{grid-template-columns:minmax(0,1fr)}.credit-package{min-height:100px}
.tv-scene{min-width:0;overflow:hidden}.tv-shell{transform:none}.tv-main{min-width:0;padding:12px}.tv-sidebar{padding:12px 6px;gap:6px}.tv-sidebar>span{white-space:normal;font-size:7px;padding:4px 3px}.tv-welcome{padding:12px 0}.tv-welcome h2{font-size:18px;letter-spacing:0}.tv-note{font-size:7px;letter-spacing:0}.media-tile{gap:5px}.media-tile b{font-size:8px;text-align:center}.media-tile span{font-size:22px}.floating-label{font-size:9px;padding:8px 10px;right:0}
.legal-nav{gap:8px 16px;flex-wrap:wrap}.legal-nav a{min-height:44px;display:flex;align-items:center}.legal{padding-top:24px!important}
.analytics-choice{max-width:calc(100vw - 24px);left:12px;right:12px;bottom:12px;flex-wrap:wrap}.analytics-choice button{min-height:44px}
}
@media(max-width:359px){.wrap,.admin-wrap{padding-left:16px;padding-right:16px}.nav>.brand{font-size:10px;letter-spacing:.5px}.nav .brand-mark{width:30px;height:30px}.language-control select{width:94px;max-width:94px}.activation-card{padding:16px}.nav>nav{gap:4px 8px}}
/* Four-language layout */
.language-welcome>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .center,html[dir="rtl"] .language-welcome{text-align:center}html[dir="rtl"] .eyebrow,html[dir="rtl"] .brand{letter-spacing:0}html[dir="rtl"] input[type="email"],html[dir="rtl"] input[name="device"],html[dir="rtl"] input[name="username"]{direction:ltr;text-align:left}

/* Keep Latin identifiers and numbers readable inside Arabic layouts. */
html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif;line-height:1.7}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.35}
html[dir="rtl"] .brand,html[dir="rtl"] .brand span:not(.brand-mark),html[dir="rtl"] .price,html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] input#device,html[dir="rtl"] input#check-code,html[dir="rtl"] input[autocomplete="username"],html[dir="rtl"] input[type="password"]{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input#device,html[dir="rtl"] input#check-code,html[dir="rtl"] input[autocomplete="username"]{text-align:left}
html[dir="rtl"] footer{gap:16px;align-items:center}
@media(max-width:760px){html[dir="rtl"] h1{font-size:clamp(32px,9vw,46px)}html[dir="rtl"] footer{justify-content:center;text-align:center}html[dir="rtl"] .fineprint,html[dir="rtl"] .muted{overflow-wrap:anywhere}}