*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#151515;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 5vw;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #f1f1f1}.brand{display:flex;align-items:center;font-weight:1000;letter-spacing:-.02em}.brand-mark{background:#25b9bd;color:#fff;border-radius:14px;padding:9px 13px;margin-right:9px;box-shadow:0 10px 28px rgba(37,185,189,.24)}.site-header nav{display:flex;gap:18px;font-weight:800;font-size:14px}.site-header nav a:hover{color:#25b9bd}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 21px;font-weight:1000;border:0;cursor:pointer;transition:.18s ease}.nav-cta:hover,.btn:hover{transform:translateY(-2px)}.nav-cta,.btn.primary{background:linear-gradient(135deg,#25b9bd,#168fd6);color:#fff;box-shadow:0 12px 25px rgba(37,185,189,.24)}.btn.ghost{border:1px solid #e5e7eb;background:#fff;color:#111827}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;padding:76px 5vw 58px;min-height:660px;background:radial-gradient(circle at 16% 8%,#e8fbff,transparent 31%),radial-gradient(circle at 94% 18%,#fff1b8,transparent 26%),linear-gradient(135deg,#fff,#f5ffff)}.hero-copy{max-width:820px}.hero h1{font-size:clamp(35px,5.7vw,74px);line-height:.98;margin:10px 0 20px;letter-spacing:-.05em}.sub{font-size:clamp(16px,2vw,21px);color:#4b5563;max-width:730px}.eyebrow{color:#25b9bd;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.cta-row,.trust,.chip-row,.auth-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.auth-links{justify-content:space-between;margin-bottom:0}.trust span,.chip{background:#fff;border:1px solid #eee;border-radius:999px;padding:9px 13px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.04)}.phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:30px;padding:25px;box-shadow:0 18px 50px rgba(15,23,42,.08)}.phone-card{background:#09090b;color:#fff;overflow:hidden}.sim-card{height:215px;border-radius:28px;background:linear-gradient(135deg,#25b9bd,#168fd6);padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 20px 60px rgba(37,185,189,.22)}.sim-card b{font-size:36px;letter-spacing:-.05em}.phone-card a{color:#fff;font-weight:1000}.section{padding:76px 5vw}.section-head{text-align:center;max-width:850px;margin:0 auto 36px}.section h2,.business h2,.tanyabox h2{font-size:clamp(29px,4vw,50px);line-height:1.06;margin:8px 0 14px;letter-spacing:-.035em}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}article{min-height:168px}article b{color:#25b9bd;font-size:30px}.plans{background:#0b0b0d;color:#fff}.price-card{background:#151519;border-color:#292932;color:#fff}.price-card.hot{background:linear-gradient(180deg,#25b9bd,#168fd6);transform:translateY(-8px)}.price-card a{font-weight:1000;color:#fff}.business{display:grid;grid-template-columns:1fr .72fr;gap:28px;background:#f8fafc}.business ul{padding-left:20px}.tanyabox{margin:46px 5vw;display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f7ffff);border:1px solid #b7ecec}.tanyabox form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.field,label{display:block;margin:12px 0;font-weight:800}.field span,label span{display:block;margin-bottom:7px;color:#374151}input,textarea,select{width:100%;padding:14px 16px;border:1px solid #d9dde5;border-radius:16px;background:#fff;font:inherit;outline:none}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#25b9bd;box-shadow:0 0 0 4px rgba(37,185,189,.08)}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{padding-right:100px}.password-wrap button{position:absolute;right:7px;top:7px;bottom:7px;border:0;border-radius:12px;background:#111827;color:#fff;font-weight:900;padding:0 13px;cursor:pointer;min-width:78px}.agent-info{padding:52px 5vw;background:#fff}.agent-card{display:grid;grid-template-columns:112px 1fr auto;gap:20px;align-items:center;max-width:1050px;margin:auto}.agent-card img{width:112px;height:112px;object-fit:cover;border-radius:25px;border:4px solid #fff;box-shadow:0 10px 30px rgba(15,23,42,.14)}.agent-card h3{margin:0 0 6px;font-size:27px}.agent-card p{margin:4px 0;color:#4b5563}.faq details{max-width:920px;margin:13px auto;padding:20px;border:1px solid #eee;border-radius:18px;background:#fff}.faq summary{font-weight:1000;cursor:pointer}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;padding:48px 5vw;background:#09090b;color:#fff}.footer a{display:block;color:#d1d5db;margin:8px 0}.wa-float{position:fixed;right:18px;bottom:18px;z-index:80;background:#25d366;color:#fff;border-radius:999px;padding:14px 19px;font-weight:1000;box-shadow:0 14px 35px rgba(37,211,102,.35)}.buyer-pop{position:fixed;left:18px;bottom:18px;z-index:70;max-width:318px;background:#fff;border:1px solid #eee;border-left:5px solid #25b9bd;border-radius:18px;padding:14px 16px;box-shadow:0 20px 60px rgba(15,23,42,.16);display:none}.buyer-pop.show{display:block}.buyer-pop b,.buyer-pop span{display:block}.auth{min-height:76vh;display:grid;place-items:center;padding:62px 18px;background:radial-gradient(circle at 20% 10%,#ecfeff,transparent 30%),linear-gradient(135deg,#fff,#ecfeff)}.panel{width:min(600px,100%)}.panel.wide,.auth-card.wide{width:min(860px,100%)}.panel h1{font-size:clamp(30px,4vw,42px);line-height:1.05;margin:8px 0 18px}.alert{background:#ecfeff;color:#0f766e;border:1px solid #99f6e4;padding:12px;border-radius:14px;margin:12px 0}.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;padding:12px;border-radius:14px;margin:12px 0}.dashboard{padding:56px 5vw;background:#f8fafc;min-height:78vh}.dash-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat-grid article b{display:block;font-size:35px;color:#111}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:13px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.profile-mini{display:flex;gap:15px;align-items:center;margin:15px 0;padding:15px;border:1px solid #eee;border-radius:20px}.profile-mini img{width:76px;height:76px;border-radius:18px;object-fit:cover}.muted{color:#6b7280}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.fullbtn{width:100%;margin-top:10px}.ad-slot{margin:26px auto;max-width:980px;min-height:92px;border:2px dashed #99f6e4;border-radius:22px;background:#f5ffff;color:#0f766e;display:grid;place-items:center;font-weight:1000;text-align:center;padding:18px}.ad-slot.side-note{max-width:760px;min-height:74px}.auth-card{overflow:hidden}@media(max-width:920px){.site-header nav{display:none}.hero,.business,.tanyabox{grid-template-columns:1fr}.grid4,.grid3,.stat-grid,.form-grid{grid-template-columns:1fr}.tanyabox form{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.agent-card{grid-template-columns:78px 1fr}.agent-card .btn{grid-column:1/-1}.agent-card img{width:78px;height:78px;border-radius:18px}.wa-float b{display:none}.buyer-pop{left:12px;right:82px;bottom:14px}.hero{padding-top:50px;min-height:auto}.price-card.hot{transform:none}.dash-head{display:block}.phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card{border-radius:24px;padding:20px}.section{padding:58px 5vw}}.seo-online{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0 4px;background:#fff;border:1px solid #99f6e4;color:#0f172a;border-radius:999px;padding:11px 15px;box-shadow:0 12px 28px rgba(37,185,189,.08)}.seo-online strong{color:#25b9bd}.hero-buttons .btn.big{font-size:17px;padding:16px 26px}.btn.shine{background:linear-gradient(135deg,#25b9bd,#168fd6);color:#111;box-shadow:0 16px 32px rgba(37,185,189,.25);position:relative;overflow:hidden}.btn.shine:after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-70%) rotate(20deg);animation:shine 3s infinite}@keyframes shine{to{transform:translateX(70%) rotate(20deg)}}.btn.dark,.btn.ghost.dark{background:#fff;color:#111}.btn.small{padding:9px 13px;font-size:13px}.footer{border-top:5px solid #25b9bd;background:radial-gradient(circle at 15% 0,rgba(37,185,189,.28),transparent 25%),#09090b}.footer-logo{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:12px}.footer-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;color:#fff}.searchbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.profile-mini.compact{box-shadow:none;border:0;padding:0;margin:0}.profile-mini.compact img{width:54px;height:54px;border-radius:14px}.panel+.panel{margin-top:24px}.dashboard .panel{margin-bottom:24px}.tanyabox{box-shadow:0 22px 65px rgba(37,185,189,.12)}.tanyabox input{background:#fff}.ad-slot iframe,.ad-slot ins{max-width:100%}.auth-card,.panel{margin-inline:auto}@media(max-width:920px){.searchbar{grid-template-columns:1fr}.seo-online{border-radius:20px}.hero-buttons .btn{width:100%}.footer-logo{font-size:19px}}.seo-readable{margin:18px 0 8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:flex;gap:8px;align-items:center;flex-wrap:wrap;box-shadow:0 12px 34px rgba(0,0,0,.12)}.seo-readable strong{font-size:1.05rem;color:#fff}.hero-buttons .btn{box-shadow:0 14px 30px rgba(237,28,36,.25);transition:.2s transform,.2s box-shadow}.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(237,28,36,.34)}.pulse{animation:pulseBtn 1.8s infinite}@keyframes pulseBtn{0%{box-shadow:0 0 0 0 rgba(237,28,36,.36)}70%{box-shadow:0 0 0 16px rgba(237,28,36,0)}100%{box-shadow:0 0 0 0 rgba(237,28,36,0)}}.tanyabox{align-items:start;background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(237,28,36,.12);box-shadow:0 24px 60px rgba(20,20,20,.08)}.tanya-form{display:grid;gap:14px;background:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.08);border:1px solid #f1f1f1}.tanya-form label span{font-weight:800;margin-bottom:8px;display:block}.tanya-form input,.tanya-form textarea{border:1px solid #e7e7e7;border-radius:14px;padding:14px 15px;width:100%;font-size:15px}.tanya-form textarea{min-height:104px;resize:vertical}.pro-agent{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;border:1px solid rgba(237,28,36,.14);background:linear-gradient(135deg,#fff,#fff9f9);box-shadow:0 20px 50px rgba(0,0,0,.08)}.pro-agent img{width:120px;height:120px;border-radius:28px;object-fit:cover;border:4px solid #fff;box-shadow:0 12px 32px rgba(0,0,0,.12)}.agent-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.agent-links a,.mini-link{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;padding:10px 14px;font-weight:800;font-size:13px}.agent-links a:first-child{background:#25d366;color:#062d14!important}.mini-link{margin-top:12px;background:#fff;color:#111!important;border:1px solid #eee}.ad-slot:empty{display:none!important}.business{background:linear-gradient(135deg,#141414,#2b0508);color:#fff;border-radius:32px}.business .income-card{background:#fff;color:#111}@media(max-width:720px){.pro-agent{grid-template-columns:1fr;text-align:center}.pro-agent img{margin:auto}.agent-links{justify-content:center}.seo-readable{align-items:flex-start}.hero-buttons .btn{width:100%;justify-content:center}.tanyabox{padding:22px}}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.state-card{background:#fff;border:1px solid rgba(20,20,20,.08);border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.06)}.state-card h3{margin:0 0 12px;color:#111}.agent-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;text-decoration:none;color:#111;background:#fafafa;margin:8px 0;border:1px solid #eee}.agent-row:hover{background:#fff2f2;transform:translateY(-1px)}.agent-row img{width:46px;height:46px;border-radius:50%;object-fit:cover}.agent-row small{display:block;color:#666}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.badge.pending{background:#fff3cd;color:#8a5b00}.badge.active{background:#ddf8e8;color:#087a36}.badge.blocked{background:#ffe0e0;color:#9b111e}.alert.soft{background:#fff8e6;color:#795500;border-color:#ffe2a3}.searchbar select{min-width:170px}.auth-card select,.searchbar select{height:48px;border:1px solid #ddd;border-radius:14px;padding:0 14px;background:#fff}.form-grid select{width:100%}@media(max-width:720px){.state-grid{grid-template-columns:1fr}.searchbar{grid-template-columns:1fr}.agent-row{align-items:flex-start}}.wa-menu{background:#25d366!important;color:#062d14!important;box-shadow:0 12px 25px rgba(37,211,102,.25)!important}.wa-float{display:none!important}.trust-section{background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.trust-card{background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(37,185,189,.12);box-shadow:0 18px 44px rgba(15,23,42,.06)}.trust-card b{display:inline-grid;place-items:center;width:44px;height:44px;background:#25b9bd;color:#fff;border-radius:14px;font-size:16px}.price-card ul{padding-left:18px;color:#f9fafb}.bottom-agent{padding-top:30px;padding-bottom:70px;background:linear-gradient(135deg,#fff,#f5ffff)}.agent-links span{display:inline-flex;align-items:center;border-radius:999px;background:#fff;color:#111;border:1px solid #eee;padding:10px 14px;font-weight:900;font-size:13px}.buyer-pop{transition:opacity .45s ease,transform .45s ease;transform:translateY(12px);opacity:0}.buyer-pop.show{opacity:1;transform:translateY(0)}.agents-main{background:linear-gradient(135deg,#fff,#f8fafc);padding-top:60px}.agent-directory-cards{max-width:1100px;margin:28px auto 0;display:grid;gap:18px}.directory-card{max-width:100%;grid-template-columns:120px 1fr}.tanyabox{gap:28px;border-radius:34px}.tanya-form{grid-template-columns:1fr 1fr}.tanya-form .full{grid-column:1/-1}.tanya-form .fullbtn{grid-column:1/-1}.site-header{min-width:0}.btn{white-space:normal;text-align:center}.hero,.section,.dashboard{overflow:hidden}.footer{gap:34px}.footer-note{line-height:1.55}.ad-slot:empty{display:none!important}@media(max-width:1040px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.trust-grid{grid-template-columns:1fr}.directory-card,.agent-card,.pro-agent{grid-template-columns:1fr!important;text-align:center}.directory-card img,.pro-agent img{margin:auto}.agent-links{justify-content:center}.tanya-form{grid-template-columns:1fr}.hero{padding-inline:18px}.section,.dashboard{padding-inline:18px}.site-header{padding-inline:18px}.nav-cta{padding:10px 14px}.brand span:last-child{display:none}.buyer-pop{max-width:calc(100vw - 28px);right:14px;left:14px;bottom:14px}.cta-row{gap:10px}.cta-row .btn{width:100%}}.live-online-card{margin:20px 0 14px;display:inline-flex;align-items:center;gap:13px;max-width:720px;padding:15px 18px;border-radius:22px;background:linear-gradient(135deg,#111827,#2b0508 58%,#25b9bd);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 55px rgba(37,185,189,.24),0 10px 24px rgba(17,24,39,.16);position:relative;overflow:hidden}.live-online-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,207,36,.38),transparent 60%);pointer-events:none}.live-online-card:after{content:"LIVE";position:absolute;right:14px;top:12px;background:#25b9bd;color:#111;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:1000;letter-spacing:.04em;box-shadow:0 6px 16px rgba(255,207,36,.28)}.live-online-card strong{display:block;color:#fff!important;font-size:clamp(18px,2.4vw,26px);font-weight:1000;line-height:1.1;letter-spacing:-.02em;padding-right:54px;text-shadow:0 2px 10px rgba(0,0,0,.28)}.live-online-card span:not(.live-dot){display:block;margin-top:5px;color:#ffe8e8;font-size:14px;font-weight:700;line-height:1.35;padding-right:20px}.live-dot{width:16px;height:16px;border-radius:50%;background:#2cff73;box-shadow:0 0 0 0 rgba(44,255,115,.75);animation:livePulse 1.45s infinite;flex:0 0 auto;position:relative;z-index:1}@keyframes livePulse{70%{box-shadow:0 0 0 13px rgba(44,255,115,0)}100%{box-shadow:0 0 0 0 rgba(44,255,115,0)}}@media(max-width:720px){.live-online-card{display:flex;width:100%;margin:18px 0 14px;padding:15px 15px;border-radius:20px}.live-online-card:after{right:12px;top:10px}.live-online-card strong{font-size:20px}.live-online-card span:not(.live-dot){font-size:13px;padding-right:0}.live-dot{width:14px;height:14px}}.location-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;max-width:1180px;margin:0 auto 28px;padding:34px;border-radius:34px;background:radial-gradient(circle at 10% 0,rgba(37,185,189,.16),transparent 32%),linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(37,185,189,.12);box-shadow:0 22px 60px rgba(15,23,42,.08)}.location-hero h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px 0 14px;letter-spacing:-.045em}.location-hero p{color:#4b5563;font-size:17px}.lokasi-trust{display:grid;gap:10px;padding:26px;border-radius:28px}.lokasi-trust b{width:auto;height:auto;display:block;background:#111827;color:#fff;padding:13px;border-radius:18px}.lokasi-trust span{display:block;background:#fff;border:1px solid #eee;border-radius:15px;padding:12px;font-weight:900;color:#111}.location-filter{max-width:1180px}.state-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.state-chips .chip{box-shadow:none}.state-chips .chip.active{background:#25b9bd;color:#fff;border-color:#25b9bd}.state-group{max-width:1180px;margin:34px auto}.section-head.compact{text-align:left;margin-bottom:18px}.section-head.compact h2{font-size:clamp(27px,4vw,42px);margin:0}.lokasi-card{border-radius:28px}.lokasi-card .agent-content h3{font-size:25px;margin:0 0 7px}.lokasi-page .agent-directory-cards{margin-top:0}.admin-note{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:16px;padding:13px 15px;margin:12px 0;font-weight:800}@media(max-width:820px){.location-hero{grid-template-columns:1fr;padding:24px}.location-hero .cta-row .btn{width:100%}.section-head.compact{text-align:center}.lokasi-trust{padding:20px}.state-chips .chip{width:calc(50% - 5px);justify-content:center;text-align:center}.location-filter .searchbar{grid-template-columns:1fr}}.dashboard{max-width:1180px;margin:0 auto;padding:34px 20px 70px}.dashboard *{box-sizing:border-box}.dash-head,.panel{min-width:0}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:22px}.table-wrap table{min-width:920px;border-collapse:separate;border-spacing:0;width:100%}.table-wrap th,.table-wrap td{vertical-align:top;line-height:1.45;word-break:normal}.table-wrap td{max-width:260px}.profile-mini.compact{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;min-width:230px}.profile-mini.compact img{width:46px;height:46px;border-radius:14px;object-fit:cover;flex:0 0 auto}.profile-mini.compact p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:230px}.admin-tools{background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(37,185,189,.12)}.admin-tools .searchbar{grid-template-columns:minmax(220px,1fr) auto}.alert.soft a{font-weight:1000;color:#0a7a35}.form-grid{align-items:start}.form-grid label,.auth-card label{min-width:0}.password-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.password-wrap input{min-width:0}.password-wrap button{white-space:nowrap}.searchbar input,.searchbar select,.searchbar button{min-width:0}.btn.small{padding:8px 12px;font-size:12px}.badge{white-space:nowrap}@media(max-width:720px){.dashboard{padding:24px 14px 60px}.admin-tools .searchbar{grid-template-columns:1fr}.table-wrap{border:1px solid #eee}.table-wrap table{min-width:780px}.dash-head .cta-row{display:grid;grid-template-columns:1fr}.dash-head .cta-row .btn{width:100%}.profile-mini.compact{min-width:210px}.panel{padding:18px}.auth-card.wide{width:100%}}:root{--red:#25b9bd;--dark:#0f172a;--soft:#f5ffff;--line:#e5e7eb;--muted:#6b7280;--wa:#25d366}html,body{width:100%;max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}p,h1,h2,h3,h4,li,td,th,a,span,b,strong,label,input,textarea,select,button{overflow-wrap:anywhere}.site-header{max-width:100vw}.site-header .brand{min-width:0}.site-header .brand span:last-child{white-space:nowrap}.site-header nav a,.nav-cta{white-space:nowrap}.hero,.section,.dashboard,.auth,.agent-info,.bottom-agent,.footer{max-width:100vw}.hero>* ,.section>* ,.dashboard>* ,.auth>*{min-width:0}.panel,.auth-card,.phone-card,article,.tanyabox,.income-card,.agent-card,.trust-card,.state-card,.directory-card{min-width:0;overflow:hidden}.btn{min-height:44px;line-height:1.2;gap:8px}.cta-row{align-items:center}.cta-row .btn{max-width:100%}.auth{padding:42px 18px 70px}.auth .panel,.auth-card{max-width:100%;box-shadow:0 22px 60px rgba(15,23,42,.10)}.auth-card.wide{width:min(980px,100%)}.auth-card h1,.panel h1{word-break:normal}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.form-grid label{margin:0}.form-grid .full{grid-column:1/-1}.field span,label span{font-size:14px;line-height:1.35}.profile-mini{min-width:0;overflow:hidden}.profile-mini>div{min-width:0}.profile-mini b{display:block;line-height:1.25}.profile-mini p{margin:4px 0 0;max-width:100%}.password-wrap{position:relative;display:flex!important}.password-wrap input{padding-right:92px!important}.password-wrap button{position:absolute!important;right:7px;top:7px;bottom:7px;min-width:74px;height:auto;white-space:nowrap;z-index:1}.auth-card textarea{min-height:125px}.auth-card input[readonly]{background:#f8fafc;color:#475569;border-style:dashed}.dashboard{width:min(1220px,100%);max-width:1220px;margin:0 auto;padding:36px 20px 76px;overflow:visible}.dash-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.dash-head h1{margin:4px 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.dash-head .cta-row{margin:0;justify-content:flex-end}.dashboard .panel{width:100%;max-width:100%;padding:24px;border-radius:28px;margin-bottom:24px;overflow:hidden}.dashboard h2{margin:0 0 12px;font-size:clamp(22px,2.6vw,31px);line-height:1.15}.dashboard .muted{line-height:1.45}.searchbar{grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto auto}.searchbar>*{min-width:0}.admin-tools .searchbar{grid-template-columns:minmax(220px,1fr) auto}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #eef0f4;border-radius:22px;background:#fff}.table-wrap table{min-width:980px;border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.table-wrap th{background:#fafafa;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table-wrap th,.table-wrap td{padding:12px 13px;border-bottom:1px solid #edf0f3;vertical-align:top;line-height:1.4}.table-wrap td{font-size:14px;max-width:none}.table-wrap tr:last-child td{border-bottom:0}.table-wrap a{color:#168fd6;font-weight:800}.table-wrap .btn{color:#111827!important}.profile-mini.compact{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;min-width:0;width:100%;padding:0;margin:0;border:0}.profile-mini.compact img{width:48px;height:48px;border-radius:14px;object-fit:cover}.profile-mini.compact b{font-size:14px;line-height:1.25}.profile-mini.compact p{font-size:12px;line-height:1.35;margin-top:4px;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;padding:7px 10px}.btn.small{padding:8px 11px;font-size:12px;min-height:36px;border-radius:999px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-table-contact{font-size:13px;line-height:1.45}.admin-table-contact span{display:block;color:#4b5563}.admin-table-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio-short{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#6b7280;font-size:12px;line-height:1.35}.tanyabox{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch}.tanyabox form,.tanya-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tanya-form .full,.tanya-form .fullbtn{grid-column:1/-1}.agent-card,.pro-agent,.directory-card{grid-template-columns:auto minmax(0,1fr) auto}.agent-card h3,.pro-agent h3,.directory-card h3{line-height:1.15;word-break:normal}.agent-links{min-width:0}.agent-links a,.agent-links span,.mini-link{max-width:100%;overflow:hidden;text-overflow:ellipsis}.buyer-pop{max-width:min(338px,calc(100vw - 28px));word-break:normal}.trust-grid,.grid3,.grid4,.state-grid{align-items:stretch}.trust-card,.price-card,article{height:100%}.live-online-card{max-width:100%;word-break:normal}.live-online-card strong,.live-online-card span{word-break:normal}.footer{grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(150px,1fr);overflow:hidden}.footer>*{min-width:0}.footer a{overflow-wrap:anywhere}@media(max-width:980px){.site-header{gap:10px}.nav-cta{padding:10px 13px;font-size:13px}.dashboard{padding-inline:16px}.dash-head{grid-template-columns:1fr}.dash-head .cta-row{justify-content:flex-start}.searchbar,.admin-tools .searchbar{grid-template-columns:1fr}.table-wrap table{min-width:860px}.form-grid{grid-template-columns:1fr}.tanyabox{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.agent-card,.pro-agent,.directory-card{grid-template-columns:90px minmax(0,1fr)}}@media(max-width:720px){body{font-size:15px}.site-header{padding:12px 14px}.brand-mark{padding:8px 10px;border-radius:12px;margin-right:7px}.hero{padding:42px 16px 42px;gap:22px}.hero h1{font-size:clamp(34px,12vw,46px);line-height:1.02}.sub{font-size:16px}.section{padding:48px 16px}.auth{padding:28px 12px 60px}.dashboard{padding:24px 12px 64px}.dashboard .panel,.auth-card,.panel{padding:18px;border-radius:22px}.dash-head .cta-row{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.dash-head .cta-row .btn{width:100%}.table-wrap{border-radius:18px;margin-inline:-2px}.table-wrap table{min-width:760px}.table-wrap th,.table-wrap td{padding:10px 11px}.profile-mini{gap:11px;padding:12px;border-radius:18px}.profile-mini img{width:62px;height:62px;border-radius:16px}.profile-mini.compact{grid-template-columns:42px minmax(0,1fr)}.profile-mini.compact img{width:42px;height:42px}.password-wrap input{padding-right:82px!important}.password-wrap button{min-width:66px;font-size:12px;padding-inline:9px}.tanyabox{margin:28px 16px;padding:18px;border-radius:24px}.tanyabox form,.tanya-form{grid-template-columns:1fr}.agent-card,.pro-agent,.directory-card{grid-template-columns:1fr!important;text-align:center}.agent-card img,.pro-agent img,.directory-card img{margin-inline:auto}.agent-links{justify-content:center}.buyer-pop{left:12px;right:12px;bottom:12px}.footer{padding:38px 16px}.state-chips .chip{width:100%}.live-online-card strong{padding-right:48px}.live-online-card:after{font-size:10px}}@media(max-width:420px){.site-header .brand span:last-child{display:none}.nav-cta{font-size:12px;padding:9px 11px}.hero-buttons .btn,.cta-row .btn{width:100%}.table-wrap table{min-width:720px}.dashboard h2{font-size:22px}.btn{padding:12px 15px}.auth-links{display:grid;grid-template-columns:1fr;gap:8px}.searchbar .btn{width:100%}}.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);box-shadow:0 10px 34px rgba(15,23,42,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{flex:0 0 auto}.brand-mark{display:inline-grid;place-items:center;min-width:42px;min-height:42px;background:linear-gradient(135deg,#25b9bd,#9d000b);color:#fff;font-weight:1000}.wa-menu{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#25d366,#14b84a)!important;color:#052e16!important;border:1px solid rgba(5,46,22,.08);box-shadow:0 14px 32px rgba(37,211,102,.28)!important}.wa-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff;color:#128c3a;font-size:13px}.site-header nav{min-width:0}.site-header nav a{line-height:1.1}.tanyabox{position:relative;z-index:2;margin-top:50px;margin-bottom:18px;border-radius:34px;background:linear-gradient(135deg,#fff,#f5ffff 58%,#fffdf1);box-shadow:0 24px 70px rgba(37,185,189,.10);border:1px solid rgba(37,185,189,.15)}.tanyabox:before{content:"DAFTAR MINAT";position:absolute;right:22px;top:-14px;background:#111827;color:#fff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:1000;letter-spacing:.08em;box-shadow:0 10px 24px rgba(17,24,39,.15)}.bottom-agent{padding:42px 5vw 78px;background:linear-gradient(135deg,#fff7f8,#fff 55%,#f8fafc)}.pro-agent{max-width:960px;margin:0 auto;text-align:center;grid-template-columns:1fr!important;place-items:center;padding:34px;border-radius:36px;background:radial-gradient(circle at 50% 0%,rgba(37,185,189,.09),transparent 34%),#fff;border:1px solid rgba(37,185,189,.14);box-shadow:0 28px 75px rgba(15,23,42,.10)}.pro-agent img{width:132px!important;height:132px!important;margin:0 auto;border-radius:34px;border:6px solid #fff;box-shadow:0 18px 44px rgba(37,185,189,.18),0 0 0 1px rgba(37,185,189,.10)}.pro-agent .agent-content{max-width:760px;margin:0 auto}.pro-agent h3{font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;margin-top:8px}.pro-agent p{font-size:16px;color:#4b5563;max-width:680px;margin-left:auto;margin-right:auto}.agent-links{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:20px}.agent-links a,.agent-links span{border-radius:999px;padding:12px 16px;font-weight:1000;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);max-width:100%}.agent-links a:first-child{background:linear-gradient(135deg,#25d366,#14b84a);color:#052e16;border-color:#25d366;box-shadow:0 16px 35px rgba(37,211,102,.26)}.agent-links a:hover{transform:translateY(-2px)}@media(max-width:980px){.site-header{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 16px}.site-header nav{display:flex;grid-column:1/-1;overflow-x:auto;gap:10px;padding:4px 0 2px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto;background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:9px 12px;font-size:13px}.nav-cta{justify-self:end}.brand span:last-child{display:inline!important;font-size:14px}.brand-mark{min-width:38px;min-height:38px;margin-right:8px}.wa-text{display:inline}.hero{padding-top:34px}.tanyabox{margin-left:16px;margin-right:16px}.pro-agent{padding:26px 18px}.pro-agent img{width:112px!important;height:112px!important}.agent-links a,.agent-links span{width:100%;justify-content:center;text-align:center;white-space:normal}}@media(max-width:430px){.site-header{grid-template-columns:auto auto;align-items:center}.brand span:last-child{display:none!important}.brand-mark{margin-right:0}.nav-cta{padding:10px 12px}.wa-icon{width:22px;height:22px}.wa-text{font-size:12px}.site-header nav a{font-size:12px;padding:8px 10px}.tanyabox:before{right:16px}.pro-agent h3{font-size:28px}}.site-header{grid-template-columns:auto 1fr!important}.site-header nav{justify-content:flex-end}.site-header .nav-cta,.site-header .wa-menu{display:none!important}.wa-float-v21{position:fixed;right:20px;bottom:22px;z-index:80;width:62px;height:62px;border-radius:999px;background:linear-gradient(135deg,#25d366,#0faa45);display:grid;place-items:center;box-shadow:0 18px 42px rgba(37,211,102,.35);border:3px solid #fff;animation:waPulse 2.4s infinite}.wa-float-v21 span{font-size:28px;color:#fff;line-height:1}.wa-float-v21:hover{transform:translateY(-3px) scale(1.03)}@keyframes waPulse{0%,100%{box-shadow:0 18px 42px rgba(37,211,102,.32)}50%{box-shadow:0 18px 52px rgba(37,211,102,.52),0 0 0 10px rgba(37,211,102,.10)}}.faq{padding-bottom:28px}.faq+.tanyabox{margin-top:22px}.tanyabox{overflow:visible!important;align-items:start!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;padding:30px!important}.tanyabox:before{top:18px!important;right:22px!important;z-index:1}.tanyabox>div{padding-top:22px;min-width:0}.tanyabox h2{font-size:clamp(28px,3.4vw,42px)!important;line-height:1.08!important;margin-right:90px}.tanyabox p{color:#4b5563}.tanya-form{background:#fff;border:1px solid #ffe2e6;border-radius:26px;padding:18px;box-shadow:0 14px 38px rgba(37,185,189,.08)}.tanya-form label{margin:0}.tanya-form textarea{min-height:120px}.tanya-form .fullbtn{min-height:54px;font-size:16px}.agent-info{background:linear-gradient(135deg,#fff,#f5ffff)!important}.pro-agent{background:#111827!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 70px rgba(17,24,39,.18)!important}.pro-agent .eyebrow{color:#ff7b86!important}.pro-agent p{color:#f3f4f6!important}.pro-agent h3{color:#fff!important}.agent-links a,.agent-links span{background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.18)!important}.agent-links a:first-child{background:#25d366!important;color:#062d14!important}.pro-agent img{border-color:#fff!important;background:#fff}.trust-card .info-icon{font-size:24px!important;line-height:1;display:inline-grid;place-items:center;width:52px!important;height:52px!important;border-radius:18px!important;background:linear-gradient(135deg,#25b9bd,#9d000b)!important;color:#fff!important;margin-bottom:10px}.trust-card{position:relative}.trust-card h3{margin-top:8px}.business{background:radial-gradient(circle at 15% 5%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 86% 18%,rgba(255,229,0,.18),transparent 26%),linear-gradient(135deg,#121212,#330207 55%,#25b9bd)!important;color:#fff;border-radius:0!important;position:relative;overflow:hidden}.business:before{content:"TTL";position:absolute;right:5vw;top:18px;font-size:110px;font-weight:1000;color:rgba(255,255,255,.06);letter-spacing:-.08em}.business>div{position:relative;z-index:1}.business .income-card{background:rgba(255,255,255,.96)!important;color:#111!important;border:0;box-shadow:0 28px 80px rgba(0,0,0,.22)}.business .eyebrow{color:#ffd8dc}.business li{margin:8px 0}.buyer-pop{left:20px!important;right:auto!important;bottom:22px!important;transition:opacity .8s ease,transform .8s ease!important}.buyer-pop.show{transition-duration:.8s!important}@media(max-width:980px){.site-header{display:block!important}.site-header nav{justify-content:flex-start!important;overflow-x:auto;padding-top:10px}.tanyabox{grid-template-columns:1fr!important;padding:22px!important}.tanyabox h2{margin-right:0}.tanyabox:before{position:static!important;display:inline-block;margin-bottom:12px}.tanyabox>div{padding-top:0}.wa-float-v21{right:16px;bottom:16px;width:56px;height:56px}.business:before{font-size:78px;right:16px}.buyer-pop{left:14px!important;right:14px!important;bottom:86px!important;max-width:calc(100vw - 28px)!important}.tanya-form{padding:15px;border-radius:22px}}@media(max-width:520px){.trust-card .info-icon{width:48px!important;height:48px!important;font-size:22px!important}.tanyabox{margin-left:14px!important;margin-right:14px!important}.tanya-form input,.tanya-form textarea{font-size:15px}.pro-agent{padding:22px 16px!important}.agent-links a,.agent-links span{border-radius:16px!important}.wa-float-v21{width:54px;height:54px}.wa-float-v21 span{font-size:25px}}.agent-links .agent-email-link,.agent-links .agent-profile-link,.agent-links a[href^="mailto:"],.agent-links a[href*="wantopup.com"],.lokasi-page .agent-links a[href^="mailto:"],.lokasi-page .agent-links a[href*="wantopup.com"]{background:#fff!important;color:#0f172a!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important;text-decoration:none!important}.agent-links .agent-email-link:before,.agent-links a[href^="mailto:"]:before{content:"✉️ "}.agent-links .agent-profile-link:before,.agent-links a[href*="wantopup.com"]:before{content:"🔗 "}.agent-links .agent-email-link:hover,.agent-links .agent-profile-link:hover,.agent-links a[href^="mailto:"]:hover,.agent-links a[href*="wantopup.com"]:hover{background:#f8fafc!important;color:#25b9bd!important;border-color:rgba(37,185,189,.28)!important}.pro-agent .agent-links a,.pro-agent .agent-links span,.lokasi-card .agent-links a,.lokasi-card .agent-links span{min-height:46px;display:inline-flex;align-items:center;justify-content:center;line-height:1.25}.lokasi-search{grid-template-columns:minmax(220px,1.1fr) minmax(180px,.8fr) auto auto!important;align-items:center}.lokasi-search input[type="search"]{border:2px solid #ecfeff;background:#fff;font-weight:800}.lokasi-search input[type="search"]:focus{border-color:#25b9bd;box-shadow:0 0 0 5px rgba(37,185,189,.10)}.lokasi-page .directory-card{overflow:visible!important}.lokasi-page .agent-content p{color:#f8fafc!important}.lokasi-page .agent-links{width:100%}@media(max-width:900px){.lokasi-search{grid-template-columns:1fr!important}.lokasi-search .btn{width:100%}}@media(max-width:520px){.agent-links .agent-email-link,.agent-links .agent-profile-link,.agent-links a[href^="mailto:"],.agent-links a[href*="wantopup.com"]{font-size:13px!important;padding:12px!important}}.tanyabox{ position:relative!important; overflow:visible!important; display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important; gap:26px!important; align-items:start!important; padding:34px!important; margin-top:26px!important; margin-bottom:28px!important}.tanyabox:before{ content:"DAFTAR MINAT"!important; position:static!important; display:inline-flex!important; width:max-content!important; max-width:100%!important; margin:0 0 12px 0!important; padding:8px 14px!important; border-radius:999px!important; background:#111827!important; color:#fff!important; font-size:11px!important; font-weight:1000!important; letter-spacing:.08em!important; line-height:1!important; box-shadow:0 10px 24px rgba(17,24,39,.15)!important; z-index:auto!important}.tanyabox>div{ min-width:0!important; padding-top:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important}.tanyabox h2{ margin:6px 0 12px 0!important; padding:0!important; max-width:100%!important; color:#111827!important; font-size:clamp(28px,3.2vw,42px)!important; line-height:1.12!important; letter-spacing:-.025em!important; overflow:visible!important; word-break:normal!important}.tanyabox p{ margin:0!important; color:#374151!important; font-size:16px!important; line-height:1.65!important; max-width:58ch!important; overflow:visible!important}.tanya-form{ min-width:0!important; width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; padding:20px!important; background:#fff!important; border:1px solid #ffd9df!important; border-radius:28px!important; box-shadow:0 16px 42px rgba(37,185,189,.09)!important; overflow:visible!important}.tanya-form label,.tanya-form .field{ min-width:0!important; margin:0!important; overflow:visible!important}.tanya-form span{ color:#111827!important; font-size:13px!important; line-height:1.25!important; margin-bottom:8px!important}.tanya-form input,.tanya-form textarea{ min-width:0!important; width:100%!important; color:#111827!important; background:#fff!important; border-color:#d9dde5!important; line-height:1.45!important}.tanya-form textarea{min-height:125px!important}.tanya-form .full,.tanya-form .fullbtn{grid-column:1/-1!important}.tanya-form .fullbtn{min-height:54px!important;white-space:normal!important}@media(max-width:980px){ .tanyabox{ grid-template-columns:1fr!important; padding:24px!important; margin-left:16px!important; margin-right:16px!important; gap:18px!important; } .tanyabox:before{margin-bottom:10px!important} .tanyabox h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.12!important} .tanya-form{grid-template-columns:1fr!important;padding:16px!important;border-radius:22px!important}}@media(max-width:520px){ .tanyabox{padding:20px!important;margin-left:14px!important;margin-right:14px!important;border-radius:24px!important} .tanyabox p{font-size:15px!important;line-height:1.6!important} .tanya-form input,.tanya-form textarea{font-size:15px!important;padding:13px 14px!important}}html,body{max-width:100%;overflow-x:hidden!important}body{overflow-wrap:anywhere}.section,.hero,.business,.agent-info,.footer,.dashboard,.auth{overflow:hidden}.panel,.auth-card,.phone-card,.income-card,.agent-card,.tanyabox,article{max-width:100%;min-width:0}.btn,input,select,textarea,button{max-width:100%}.btn{white-space:normal;text-align:center;line-height:1.25}.site-header nav a{white-space:nowrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:20px}.table-wrap table{min-width:760px}.dashboard .panel,.dashboard .auth-card{overflow:hidden}td,th{overflow-wrap:anywhere;word-break:break-word}.bio-short,.clip-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tanyabox{width:min(1180px,calc(100% - 10vw))!important;margin:28px auto 42px!important;position:relative!important;display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)!important;align-items:center!important;justify-content:center!important;gap:28px!important;padding:34px!important;border-radius:32px!important;overflow:hidden!important;background:radial-gradient(circle at 6% 8%,rgba(37,185,189,.10),transparent 28%),linear-gradient(135deg,#fff,#f5ffff)!important;border:1px solid #ffd9df!important;box-shadow:0 24px 70px rgba(37,185,189,.12)!important}.tanyabox::before{content:"DAFTAR MINAT"!important;position:absolute!important;top:24px!important;left:34px!important;right:auto!important;width:auto!important;max-width:calc(100% - 68px)!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 15px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.10em!important;line-height:1!important;z-index:2!important;box-shadow:0 12px 28px rgba(17,24,39,.18)!important;pointer-events:none!important}.tanyabox::after{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;border-radius:999px;background:rgba(37,185,189,.08);z-index:0;pointer-events:none}.tanyabox>div,.tanyabox form{position:relative;z-index:1;min-width:0}.tanyabox>div{padding-top:44px!important;text-align:left!important;align-items:flex-start!important}.tanyabox h2{margin:0 0 12px!important;max-width:680px!important;color:#111827!important;overflow:visible!important}.tanyabox p{max-width:58ch!important;color:#374151!important;overflow:visible!important}.tanya-form{align-self:stretch!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;background:#fff!important;border:1px solid #ecfeff!important;border-radius:28px!important;padding:20px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;overflow:hidden!important}.tanya-form label{min-width:0!important}.tanya-form .full,.tanya-form .fullbtn{grid-column:1/-1!important}.tanya-form span{color:#111827!important}.tanya-form input,.tanya-form textarea{color:#111827!important;background:#fff!important;min-width:0!important}.tanya-form textarea{min-height:128px!important}.tanya-form .fullbtn{justify-self:center;width:min(100%,360px)!important}.agent-info{padding:56px 5vw!important}.agent-card.pro-agent{width:min(1040px,100%)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;align-items:center!important;text-align:left!important;gap:24px!important;border-radius:34px!important}.pro-agent .agent-content{min-width:0}.pro-agent .agent-links{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:14px!important}.pro-agent .agent-links a,.pro-agent .agent-links span{max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important}.lokasi-card{align-items:start!important}.lokasi-card .agent-links{justify-content:flex-start!important}.auth{padding:72px 18px!important}.auth .panel,.auth-card,.dashboard>.panel,.dashboard>.auth-card{margin-left:auto!important;margin-right:auto!important}.dashboard{padding:50px 5vw!important}.dashboard>.panel,.dashboard>.auth-card{width:min(1120px,100%)!important}.dashboard .panel h1,.dashboard .panel h2{overflow-wrap:anywhere}.admin-actions,.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-actions .btn,.action-row .btn{min-width:max-content}.edit-affiliate-form,.approve-affiliate-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.edit-affiliate-form .full,.approve-affiliate-form .full{grid-column:1/-1}.location-hero{width:min(1180px,100%);margin:0 auto 28px}.location-filter,.state-group{width:min(1180px,100%);margin-left:auto!important;margin-right:auto!important}.agent-directory-cards{display:grid;gap:18px;width:min(1180px,100%);margin-inline:auto}.state-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.state-chips .chip.active{background:#25b9bd;color:#fff;border-color:#25b9bd}@media(max-width:980px){.tanyabox{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;padding:24px!important;border-radius:26px!important;gap:18px!important;align-items:stretch!important;overflow:hidden!important}.tanyabox::before{position:relative!important;top:auto!important;left:auto!important;max-width:max-content!important;margin:0 auto 4px 0!important;grid-column:1/-1!important;z-index:2!important}.tanyabox::after{width:160px;height:160px;right:-80px;bottom:-80px}.tanyabox>div{padding-top:0!important;text-align:center!important;align-items:center!important}.tanyabox h2,.tanyabox p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.tanya-form{grid-template-columns:1fr!important;border-radius:22px!important;padding:16px!important}.tanya-form .fullbtn{width:100%!important}.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:24px 18px!important}.pro-agent .agent-links{justify-content:center!important;width:100%}.pro-agent .agent-links a,.pro-agent .agent-links span{width:100%!important}.dashboard{padding:34px 14px!important}.dash-head{display:grid!important;gap:14px!important;text-align:center}.edit-affiliate-form,.approve-affiliate-form{grid-template-columns:1fr}.site-header{padding:12px 14px!important}.site-header nav{display:flex!important;overflow-x:auto;gap:8px;padding-bottom:4px}.site-header nav a{font-size:13px;background:#fff;border:1px solid #eee;border-radius:999px;padding:8px 11px}.footer{text-align:center}.footer-logo{justify-content:center}.footer a{display:inline-block;margin:7px 8px}.buyer-pop{display:none!important}}@media(max-width:520px){.hero{padding-left:16px!important;padding-right:16px!important}.section{padding-left:16px!important;padding-right:16px!important}.tanyabox{width:calc(100% - 20px)!important;margin-top:20px!important;padding:20px 14px!important}.tanyabox::before{font-size:10px!important;padding:8px 12px!important;margin-inline:auto!important}.tanyabox h2{font-size:clamp(26px,9vw,34px)!important}.tanyabox p{font-size:15px!important}.tanya-form{padding:14px!important}.tanya-form input,.tanya-form textarea{font-size:15px!important}.agent-card.pro-agent img{width:108px!important;height:108px!important}.table-wrap table{min-width:680px}.brand span:last-child{display:inline!important;font-size:15px}.brand-mark{padding:8px 10px;border-radius:12px}.wa-float-v21{right:14px!important;bottom:14px!important;width:54px!important;height:54px!important}}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.lead-searchbar{margin:12px 0 18px}.faq details{background:rgba(255,255,255,.92);border:1px solid rgba(31,41,55,.08);border-radius:18px;padding:16px 18px;margin:12px 0;box-shadow:0 10px 24px rgba(15,23,42,.06)}.faq summary{cursor:pointer;font-weight:800;color:#111827;line-height:1.35}.faq details p{color:#374151;margin:10px 0 0;line-height:1.7}@media(max-width:720px){.panel-title-row{display:block}.lead-searchbar{display:grid;grid-template-columns:1fr;gap:10px}.faq details{padding:14px;border-radius:16px}}.whatsapp-cta{background:#25d366!important;color:#062d14!important;border:0!important;box-shadow:0 16px 34px rgba(37,211,102,.25)!important}.whatsapp-cta:hover{transform:translateY(-2px);filter:brightness(1.02)}.wa-float-v21{display:none!important}.wa-float-v30{position:fixed;right:18px;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#25d366,#0aa93f);color:#fff!important;text-decoration:none!important;font-weight:1000;letter-spacing:-.01em;box-shadow:0 18px 44px rgba(37,211,102,.38),0 0 0 5px rgba(37,211,102,.12);border:3px solid #fff;line-height:1;animation:waPulseV30 2.6s infinite}.wa-float-v30 .wa-icon-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fff;color:#12a344;font-size:20px;flex:0 0 auto}.wa-float-v30:hover{transform:translateY(-3px) scale(1.02);filter:saturate(1.05)}@keyframes waPulseV30{0%,100%{box-shadow:0 18px 44px rgba(37,211,102,.36),0 0 0 5px rgba(37,211,102,.12)}50%{box-shadow:0 22px 58px rgba(37,211,102,.56),0 0 0 12px rgba(37,211,102,.10)}}.member-ad-slot{max-width:1100px;margin:18px auto!important;border-radius:24px!important;text-align:center;overflow:hidden}.dashboard .ad-slot.member-ad-slot:empty{display:none!important}@media(max-width:520px){.wa-float-v30{right:12px;bottom:14px;min-height:52px;padding:10px 13px;font-size:13px;gap:7px}.wa-float-v30 .wa-icon-mark{width:30px;height:30px;font-size:18px}.member-ad-slot{margin:14px 0!important;border-radius:18px!important}}.lead-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0 14px}.btn.danger{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important;box-shadow:0 14px 30px rgba(245,158,11,.20)!important}.btn.danger:hover{filter:brightness(.96);transform:translateY(-1px)}.admin-leads-table .check-col{width:48px;text-align:center;white-space:nowrap}.admin-leads-table input[type="checkbox"]{width:18px;height:18px;accent-color:#25b9bd}.section-head.split{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-leads-table td,.admin-leads-table th{vertical-align:top}@media(max-width:720px){.section-head.split{display:block}.lead-actions{justify-content:stretch}.lead-actions .btn{width:100%}.admin-leads-table .check-col{width:42px}}.hero,.section,.dashboard,.auth,.footer{content-visibility:auto;contain-intrinsic-size:1px 720px}.hero{content-visibility:visible}.seo-copy{max-width:860px;margin:14px auto 0;color:#e5e7eb;font-weight:700}.faq .section-head{text-align:center;margin-left:auto;margin-right:auto}.faq details{width:min(920px,100%);box-shadow:0 12px 32px rgba(15,23,42,.04)}.live-online-card{max-width:620px}.table-wrap{background:#fff}.dashboard .searchbar input{min-width:0}.wa-float-v30{position:fixed!important;right:18px!important;bottom:18px!important;z-index:90!important;display:inline-flex!important;align-items:center!important;gap:9px!important;background:#25d366!important;color:#fff!important;border-radius:999px!important;padding:13px 17px!important;font-weight:1000!important;box-shadow:0 16px 42px rgba(37,211,102,.36)!important}.wa-icon-mark{width:28px;height:28px;border-radius:50%;background:#fff;color:#25d366;display:grid;place-items:center;font-weight:1000}.tanyabox{isolation:isolate}.tanyabox *{min-width:0}.agent-links a,.agent-links span{overflow-wrap:anywhere}.auth-card,.panel{max-width:min(100%,980px)}@media(max-width:920px){.hero,.section,.dashboard,.auth,.footer{content-visibility:visible}.site-header{align-items:flex-start}.site-header nav{scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.live-online-card{margin-left:auto;margin-right:auto}.trust{justify-content:center}.phone-card{text-align:center}.tanyabox{text-align:center}.seo-copy{font-size:15px}.wa-float-v30{right:12px!important;bottom:12px!important;padding:12px 14px!important}.wa-float-v30 span:last-child{font-size:14px}.footer{overflow-wrap:anywhere}}@media(max-width:520px){.hero h1{font-size:clamp(31px,10vw,44px)!important}.sub{font-size:16px}.section h2,.business h2,.tanyabox h2{font-size:clamp(27px,8.8vw,36px)!important}.cta-row{justify-content:center}.wa-float-v30{max-width:calc(100vw - 24px)}.wa-float-v30 span:last-child{display:inline!important}.table-wrap table{min-width:640px}.dashboard .panel{padding:16px!important}.auth{padding-left:12px!important;padding-right:12px!important}}@media (min-width: 981px){ .faq{ width:min(1240px, calc(100% - 8vw))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; } .faq .section-head{ width:min(980px,100%)!important; max-width:980px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } .faq details{ width:min(1120px,100%)!important; margin:14px auto!important; padding:20px 28px!important; text-align:center!important; } .faq summary{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; text-align:center!important; list-style-position:inside!important; gap:8px!important; } .faq summary::-webkit-details-marker{margin-right:8px!important} .faq details p{ max-width:920px!important; margin:12px auto 0!important; text-align:center!important; } .agent-info.bottom-agent{ width:min(1240px, calc(100% - 8vw))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; } .agent-card.pro-agent{ width:min(1120px,100%)!important; margin-left:auto!important; margin-right:auto!important; grid-template-columns:150px minmax(0,1fr)!important; justify-content:center!important; align-items:center!important; gap:30px!important; padding:32px 38px!important; } .agent-card.pro-agent img{ width:150px!important; height:150px!important; object-fit:cover!important; margin:auto!important; } .pro-agent .agent-content{ text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; } .pro-agent .agent-content p{ max-width:760px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } .pro-agent .agent-links{ justify-content:center!important; width:100%!important; } .pro-agent .agent-links a, .pro-agent .agent-links span{ flex:0 1 auto!important; min-width:220px!important; }}@media (max-width: 980px){ .faq details, .faq summary, .faq details p, .agent-card.pro-agent, .pro-agent .agent-content, .pro-agent .agent-content p{ text-align:center!important; } .agent-card.pro-agent{ width:calc(100% - 28px)!important; margin-left:auto!important; margin-right:auto!important; }}.buyer-pop{ display:block!important; opacity:0; pointer-events:none; visibility:hidden}.buyer-pop.show{ display:block!important; opacity:1!important; visibility:visible!important; pointer-events:auto}@media(max-width:980px){ .buyer-pop{ display:block!important; left:12px!important; right:12px!important; bottom:82px!important; max-width:calc(100vw - 24px)!important; width:auto!important; z-index:85!important; padding:12px 14px!important; border-radius:16px!important; font-size:13.5px!important; line-height:1.35!important; } .buyer-pop b{font-size:14px!important;margin-bottom:2px!important;white-space:normal!important;overflow-wrap:anywhere!important} .buyer-pop span{font-size:13px!important;color:#374151!important;white-space:normal!important;overflow-wrap:anywhere!important}}@media(max-width:520px){ .buyer-pop{ left:10px!important; right:10px!important; bottom:78px!important; max-width:calc(100vw - 20px)!important; }}.site-header nav .header-icon-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #eef2f7;background:#fff;border-radius:999px;padding:9px 13px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.site-header nav .header-icon-link.register{background:linear-gradient(135deg,#25b9bd,#9d000b);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(37,185,189,.20)}.header-icon{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:999px;background:rgba(255,255,255,.85);font-size:12px}.header-icon-link:not(.register) .header-icon{background:#ecfeff}.income-card ul{margin:14px 0 18px;padding-left:20px}.income-card li{margin:7px 0}.business .income-card .mini-link{display:none!important}@media(max-width:980px){.site-header nav .header-icon-link{padding:8px 10px}.site-header nav .header-icon-link span:last-child{font-size:13px}}@media(max-width:430px){.site-header nav .header-icon-link span:last-child{display:inline!important}.header-icon{width:19px;height:19px;font-size:11px}}.site-header nav{align-items:center;gap:10px}.site-header nav .header-icon-link{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #eef2f7;background:#fff;border-radius:999px;padding:9px 13px;box-shadow:0 8px 20px rgba(15,23,42,.05);line-height:1.1;white-space:nowrap}.site-header nav .header-icon-link:hover{border-color:#ffd3d8;background:#fff7f8;color:#25b9bd;transform:translateY(-1px)}.site-header nav .header-icon-link.register{background:linear-gradient(135deg,#25b9bd,#9d000b);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(37,185,189,.20)}.site-header nav .header-icon-link.register:hover{color:#fff;background:linear-gradient(135deg,#25b9bd,#b0000f)}.header-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:#ecfeff;font-size:12px;line-height:1}.header-icon-link.register .header-icon{background:rgba(255,255,255,.9);color:#25b9bd}@media(max-width:980px){.site-header nav{display:flex!important;align-items:center;gap:8px;overflow-x:auto}.site-header nav .header-icon-link{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:13px}.header-icon{width:20px;height:20px;font-size:11px}}@media(max-width:430px){.site-header nav .header-icon-link{padding:8px 10px}.site-header nav .header-icon-link span:last-child{display:inline!important}}.buyer-pop{background:linear-gradient(135deg,#111827,#2b0508 58%,#25b9bd)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-left:0!important;border-radius:22px!important;box-shadow:0 22px 55px rgba(37,185,189,.24),0 10px 24px rgba(17,24,39,.18)!important;padding:15px 18px!important;overflow:hidden!important}.buyer-pop:before{content:"";position:absolute;inset:-40% auto auto -20%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,207,36,.34),transparent 60%);pointer-events:none}.buyer-pop:after{content:"LIVE";position:absolute;right:12px;top:10px;background:#25b9bd;color:#111;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:1000;letter-spacing:.04em}.buyer-pop b{color:#fff!important;font-size:15px!important;font-weight:1000!important;padding-right:54px;position:relative;z-index:1}.buyer-pop span{color:#ffe8e8!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;position:relative;z-index:1}.agent-card.pro-agent img,.pro-agent img{object-fit:contain!important;background:#fff!important;padding:4px!important}@media(max-width:720px){.buyer-pop{left:12px!important;right:12px!important;bottom:76px!important;max-width:calc(100vw - 24px)!important}.buyer-pop b{font-size:14px!important}.buyer-pop span{font-size:12.5px!important}.agent-card.pro-agent img,.pro-agent img{width:min(150px,70vw)!important;height:min(150px,70vw)!important;margin:auto!important}}.tanyabox::before{content:none!important;display:none!important}.footer-copy{margin:10px 0 0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.82)}.footer-copy a{color:#fff;text-decoration:underline;font-weight:800}.plans-shopee{background:radial-gradient(circle at 12% 10%,rgba(37,185,189,.22),transparent 30%),radial-gradient(circle at 88% 6%,rgba(255,210,0,.2),transparent 26%),linear-gradient(135deg,#070707,#151519)!important;color:#fff!important;overflow:hidden}.plans-shopee .section-head{max-width:980px}.plans-shopee .section-head p{color:#f3f4f6}.pricing-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:34px auto 0;align-items:stretch}.shop-plan{position:relative;display:flex;flex-direction:column;gap:12px;min-height:100%;background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px;padding:26px!important;box-shadow:0 26px 70px rgba(0,0,0,.25)!important;overflow:hidden}.shop-plan:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#25b9bd,#ffb703)}.shop-plan.best{transform:translateY(-10px);border:2px solid #ffcc00!important;box-shadow:0 30px 88px rgba(37,185,189,.38)!important}.shop-plan.premium:before{background:linear-gradient(90deg,#111827,#25b9bd,#ffcc00)}.deal-badge{align-self:flex-start;background:#ecfeff;color:#168fd6;border:1px solid #99f6e4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;letter-spacing:.08em}.shop-plan.best .deal-badge{background:#ffcc00;color:#111827;border-color:#ffcc00}.shop-plan h3{font-size:34px;line-height:1;margin:4px 0 0;letter-spacing:-.04em}.price{font-size:58px;line-height:.95;font-weight:1000;letter-spacing:-.06em;color:#25b9bd}.price small{font-size:22px;vertical-align:super;margin-right:2px}.price span{font-size:15px;color:#6b7280;letter-spacing:0;margin-left:5px}.plan-hook{font-weight:800;color:#374151!important;margin:0}.shop-plan ul{padding:0;margin:8px 0 18px;list-style:none;display:grid;gap:10px}.shop-plan li{position:relative;padding-left:28px;color:#1f2937}.shop-plan li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:999px;background:#dcfce7;color:#166534;display:inline-grid;place-items:center;font-size:13px;font-weight:1000}.shop-plan .btn{margin-top:auto;width:100%;text-align:center}.btn.light{color:#111827!important}.plans-note{max-width:1050px;margin:22px auto 0;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#f9fafb;text-align:center;font-size:14px}@media(max-width:980px){.pricing-table{grid-template-columns:1fr}.shop-plan.best{transform:none}.shop-plan h3{font-size:30px}.price{font-size:48px}.plans-note{text-align:left}}.footer{background:radial-gradient(circle at 12% 0,rgba(37,185,189,.35),transparent 28%),linear-gradient(135deg,#08080a,#16161a 55%,#300006)!important;border-top:5px solid #25b9bd!important;align-items:start!important}.footer-brand-col{max-width:560px}.footer-desc{color:rgba(255,255,255,.86);line-height:1.75;margin:10px 0 14px;font-weight:600}.footer>div{padding:4px 0}.footer b{color:#fff}.footer a{color:#e5e7eb!important;border-radius:10px;padding:4px 0;transition:.18s ease}.footer a:hover{color:#fff!important;transform:translateX(3px)}.footer-note{margin-top:12px;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}.footer-copy{display:none!important}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}.trust-card{background:linear-gradient(180deg,#fff,#fff8f8)!important;border:1px solid #b7ecec!important;box-shadow:0 16px 42px rgba(15,23,42,.07)!important;text-align:left}.trust-card p{color:#4b5563;margin-bottom:0}.trust-card:hover{transform:translateY(-3px);box-shadow:0 22px 56px rgba(37,185,189,.12)!important}@media(max-width:980px){.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer{text-align:center!important}.footer-logo{justify-content:center!important}.footer-desc{margin-left:auto;margin-right:auto}.footer a:hover{transform:none}}@media(max-width:560px){.trust-grid{grid-template-columns:1fr!important}.trust-card{text-align:center}.footer{gap:18px!important}}.ttl-business{align-items:stretch;gap:26px}.business-copy,.ttl-card{position:relative}.business-intro{font-size:1.05rem;line-height:1.75;max-width:760px}.business-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.business-points div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.business-points b{display:block;margin-bottom:8px;color:#fff;font-size:1rem}.business-points span{display:block;color:rgba(255,255,255,.84);line-height:1.55;font-size:.94rem}.ttl-card{overflow:hidden;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#fff7e8,#ffffff 45%,#fff0f0);box-shadow:0 24px 65px rgba(37,185,189,.18)}.ttl-card:before{content:"";position:absolute;inset:-90px -80px auto auto;width:190px;height:190px;border-radius:999px;background:rgba(37,185,189,.12);pointer-events:none}.ttl-card h3,.ttl-card p,.ttl-card li{position:relative}.ttl-card .small-note{font-size:.82rem;color:#6b7280;margin-top:12px;line-height:1.45}@media(max-width:900px){.ttl-business{grid-template-columns:1fr}.business-points{grid-template-columns:1fr}.business-intro{max-width:100%}}:root{--page-max:1180px;--page-pad:clamp(16px,5vw,72px)}html,body{max-width:100%;overflow-x:hidden}body{word-break:normal;overflow-wrap:break-word}img,svg,video,iframe{max-width:100%;height:auto}.container,.section-head,.hero-copy,.dashboard>.panel,.dashboard>.auth-card{max-width:var(--page-max);margin-left:auto;margin-right:auto}.section,.dashboard,.auth{padding-left:var(--page-pad)!important;padding-right:var(--page-pad)!important}.site-header{min-height:72px;flex-wrap:wrap}.site-header .brand{flex:0 0 auto}.site-header nav{min-width:0;flex:1 1 auto;justify-content:flex-end}.site-header nav a{white-space:nowrap}.hero{grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);gap:clamp(22px,4vw,52px);overflow:hidden}.hero>*{min-width:0}.phone-card{min-width:0}.grid4,.grid3,.pricing-table,.trust-grid{align-items:stretch}.grid4>*,.grid3>*,.pricing-table>*,.trust-grid>*{min-width:0}.section-head p,.sub,.business-intro,.plan-hook,.shop-plan li,.trust-card p,.income-card p,.income-card li{overflow-wrap:break-word}.btn{white-space:normal;text-align:center;line-height:1.2}.cta-row{align-items:center}.tanyabox{width:min(1120px,calc(100% - 10vw));margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}.tanyabox>div,.tanyabox form{min-width:0}.tanya-form,.tanyabox form{width:100%}.tanyabox textarea{max-width:100%}.business{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:stretch}.business>*{min-width:0}.business-points{min-width:0}.agent-info.bottom-agent,.agent-info{overflow:hidden}.agent-card.pro-agent,.agent-card{width:min(1120px,100%);min-width:0}.agent-card.pro-agent img,.agent-card img{flex:0 0 auto}.agent-content,.pro-agent .agent-content{min-width:0}.agent-links{max-width:100%;min-width:0}.agent-links a,.agent-links span{overflow-wrap:anywhere;word-break:break-word}.faq{overflow:hidden}.faq details{max-width:1120px;width:min(1120px,100%);overflow:hidden}.faq summary{text-align:center}.faq details p{text-align:center;max-width:940px;margin-left:auto;margin-right:auto}.footer{overflow:hidden}.footer>*{min-width:0}.footer a{overflow-wrap:anywhere}.auth-card,.panel{max-width:min(980px,100%);overflow:hidden}.form-grid>*{min-width:0}input,textarea,select{min-width:0}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}table{min-width:760px}.admin-leads-table td,.admin-leads-table th{white-space:normal;overflow-wrap:anywhere}.buyer-pop,.wa-float-v30{max-width:calc(100vw - 24px)}@media(max-width:1100px){.grid4,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-plan{padding:22px!important}.site-header{align-items:center}.site-header nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}}@media(max-width:980px){.site-header{display:flex!important;gap:10px;padding:12px 14px!important}.site-header .brand{width:100%;justify-content:center}.site-header nav{width:100%;justify-content:flex-start;padding-bottom:2px}.hero{grid-template-columns:1fr!important;text-align:center;padding-left:var(--page-pad)!important;padding-right:var(--page-pad)!important}.hero-copy{display:flex;flex-direction:column;align-items:center}.sub{margin-left:auto;margin-right:auto}.cta-row,.chip-row,.trust{justify-content:center}.phone-card{width:min(560px,100%);margin:auto}.sim-card{text-align:left}.business{grid-template-columns:1fr!important;text-align:center}.business ul{display:inline-block;text-align:left}.business-points{grid-template-columns:1fr}.tanyabox{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;text-align:center}.tanyabox form{grid-template-columns:1fr!important}.agent-card,.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}.agent-card h3,.agent-card p{text-align:center}.agent-links{justify-content:center!important}.pricing-table{grid-template-columns:1fr!important;max-width:560px}.shop-plan.best{transform:none!important}.grid3,.grid4,.trust-grid,.stat-grid,.form-grid{grid-template-columns:1fr!important}.footer{grid-template-columns:1fr!important;text-align:center}.footer-logo{justify-content:center}.footer a{display:inline-block;margin:7px 8px}.dash-head{text-align:center}.panel-title-row{display:block;text-align:center}.searchbar{grid-template-columns:1fr!important}.edit-affiliate-form,.approve-affiliate-form{grid-template-columns:1fr!important}}@media(max-width:560px){:root{--page-pad:16px}.site-header{min-height:auto}.brand-mark{margin-right:7px}.hero{padding-top:38px!important;padding-bottom:44px!important}.hero h1{letter-spacing:-.035em}.section{padding-top:52px!important;padding-bottom:52px!important}.phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card,.shop-plan{border-radius:22px!important;padding:18px!important}.sim-card{height:auto;min-height:180px;padding:20px}.sim-card b{font-size:30px}.tanyabox{width:calc(100% - 20px)!important}.tanyabox h2,.section h2,.business h2{line-height:1.12}.btn,.nav-cta{width:100%}.site-header nav .header-icon-link{flex:0 0 auto}.wa-float-v30{right:10px!important;bottom:10px!important;padding:10px 12px!important;font-size:13px!important}.buyer-pop{left:10px!important;right:10px!important;bottom:76px!important}.table-wrap table{min-width:720px}.dashboard{padding-top:28px!important}.dashboard .panel{padding:16px!important}.auth{padding-top:36px!important;padding-bottom:36px!important}.footer{padding:38px 16px!important}}.lokasi-ad-wrap{width:min(1180px,calc(100% - 32px));margin:22px auto 0;display:flex;justify-content:center}.lokasi-ad-slot{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:24px;background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid #ffe2e6;box-shadow:0 16px 42px rgba(15,23,42,.06);overflow:hidden}.lokasi-ad-slot ins,.lokasi-ad-slot iframe{max-width:100%!important}.footer-copyright{display:inline-block;margin-top:8px;font-weight:800;color:#fff}.footer-copyright a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}.footer-desc{max-width:620px}.site-header nav{gap:8px}.header-icon-link{min-width:0}.header-icon-link span:last-child{overflow:hidden;text-overflow:ellipsis}.section-head,.location-hero,.location-filter,.state-group{width:min(1180px,100%);margin-left:auto;margin-right:auto}.location-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);gap:24px;align-items:stretch}.location-hero>*{min-width:0}.location-filter{overflow:hidden}.lokasi-search{align-items:stretch}.state-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.agent-directory-cards{display:grid;gap:18px}.lokasi-card{align-items:center}.agent-card.pro-agent img,.agent-card img{object-fit:contain;background:#fff;border:1px solid #f3f4f6}.agent-links a{line-height:1.25}.ad-slot{overflow:hidden;max-width:100%}.ad-slot *{max-width:100%}@media(max-width:980px){.location-hero{grid-template-columns:1fr;text-align:center}.location-hero .cta-row{justify-content:center}.lokasi-ad-wrap{width:calc(100% - 28px);margin-top:18px}.footer-desc{margin-left:auto;margin-right:auto}.site-header nav{justify-content:flex-start}}@media(max-width:560px){.lokasi-ad-wrap{width:calc(100% - 20px)}.lokasi-ad-slot{border-radius:18px;min-height:70px}.footer-desc{font-size:14px;line-height:1.65}.footer-copyright{display:block}.site-header nav a{font-size:13px;padding:9px 10px}.header-icon{font-size:15px}.location-hero,.location-filter,.state-group{width:100%}.state-chips{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.state-chips .chip{flex:0 0 auto}.agent-links{display:grid!important;grid-template-columns:1fr!important;width:100%}.agent-links a{width:100%;text-align:center}.lokasi-card{padding:18px!important}}.center{text-align:center!important}.location-page .location-filter,.location-page .location-results{width:min(1180px,calc(100% - 32px));margin-inline:auto}.state-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:130px;padding:20px;border-radius:26px;background:linear-gradient(145deg,#fff,#f5ffff);border:1px solid #b7ecec;box-shadow:0 16px 40px rgba(15,23,42,.08);text-decoration:none;color:#111827;font-weight:900;transition:.18s ease}.state-card:hover,.state-card.active{transform:translateY(-3px);background:linear-gradient(145deg,#25b9bd,#ff6b00);color:#fff;box-shadow:0 24px 50px rgba(37,185,189,.22)}.state-card small{font-size:12px;opacity:.78}.state-icon{font-size:34px;line-height:1}.state-name{font-size:17px}.location-results{margin-top:24px}.empty-state{display:grid;place-items:center;text-align:center;gap:8px;padding:36px 18px;border-radius:28px;background:#fff;border:1px solid #b7ecec;box-shadow:0 18px 44px rgba(15,23,42,.06)}.empty-state span{font-size:42px}.empty-state h2{margin:0;font-size:clamp(24px,3.2vw,38px)}.empty-state p{max-width:680px;margin:0;color:#64748b}.state-selected-cards{margin-top:22px}.location-page .lokasi-search{grid-template-columns:minmax(0,1fr) auto auto!important;margin:20px auto 0;max-width:980px}.location-page .lokasi-card{width:100%;max-width:980px;margin-inline:auto}.guide-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 70px}.guide-hero{padding:56px;border-radius:34px;background:radial-gradient(circle at top left,#fff 0,#f5ffff 45%,#ffecef 100%);border:1px solid #ffd9df;box-shadow:0 24px 60px rgba(15,23,42,.08);text-align:center}.guide-hero h1{font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:10px auto 14px;max-width:900px}.guide-hero p{max-width:860px;margin-inline:auto;color:#475569;font-size:17px}.guide-steps{padding:58px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{padding:24px;border-radius:28px;background:#fff;border:1px solid #ecfeff;box-shadow:0 18px 46px rgba(15,23,42,.07);min-width:0}.guide-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:12px}.guide-card h3{margin:0 0 8px;font-size:22px}.guide-card p{margin:0;color:#475569;line-height:1.65}.guide-note{padding:32px;border-radius:30px;background:#111827;color:#fff}.guide-note h2{text-align:center;margin-top:0}.guide-note ul{max-width:820px;margin:0 auto;padding-left:22px;line-height:1.85}.guide-note li{margin:6px 0}.site-header nav a{white-space:nowrap}.agent-card,.panel,.trust-card,.guide-card,.state-card{overflow-wrap:anywhere}.agent-card img{max-width:100%;height:auto}.dashboard,.guide-main,main{overflow-x:hidden}@media(max-width:980px){.state-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-page .lokasi-search{grid-template-columns:1fr!important}.location-page .lokasi-search .btn{width:100%}.guide-hero{padding:36px 22px}.site-header{align-items:center}.site-header nav{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.site-header nav::-webkit-scrollbar{display:none}}@media(max-width:640px){.location-page .location-filter,.location-page .location-results,.guide-main{width:calc(100% - 20px)}.state-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.state-card{min-height:112px;border-radius:20px;padding:16px 10px}.state-icon{font-size:28px}.state-name{font-size:14px}.guide-grid{grid-template-columns:1fr}.guide-card{border-radius:22px;padding:20px}.guide-note{border-radius:22px;padding:24px 18px}.location-hero{padding:24px 16px!important}.location-hero h1,.guide-hero h1{letter-spacing:-.03em}.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important}.agent-card.pro-agent img{margin-inline:auto}.pro-agent .agent-links{justify-content:center!important}.site-header{padding-inline:10px}.brand span:last-child{font-size:15px}.header-icon-link{padding:9px 10px!important}}.location-page .site-header,.guide-page .site-header{width:100%}.location-hero,.guide-hero{ max-width:1180px; margin:32px auto 22px; padding:42px clamp(18px,4vw,48px); border-radius:32px; background: radial-gradient(circle at 12% 20%, rgba(37,185,189,.12), transparent 35%), radial-gradient(circle at 92% 16%, rgba(255,204,0,.22), transparent 30%), linear-gradient(135deg,#fff,#f5ffff); border:1px solid rgba(37,185,189,.10); box-shadow:0 22px 60px rgba(17,24,39,.08); overflow:hidden}.location-hero{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); align-items:center; gap:28px}.location-hero h1,.guide-hero h1{ margin:8px 0 12px; font-size:clamp(30px,4.2vw,56px); line-height:1.02; letter-spacing:-.045em}.location-hero p,.guide-hero p{max-width:820px;color:#4b5563}.location-hero .trust-card{ margin:0; min-width:0; color:#111827}.state-picker,.guide-steps,.guide-faq,.location-results,.lokasi-results{ max-width:1180px; margin:26px auto; padding:0 clamp(14px,3vw,20px)}.state-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; align-items:stretch}.state-btn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:58px; padding:13px 14px; border-radius:18px; background:#fff; color:#111827; border:1px solid #f1d9dc; box-shadow:0 12px 30px rgba(17,24,39,.06); font-weight:900; text-align:center; line-height:1.15; word-break:normal; transition:.18s ease}.state-btn:hover,.state-btn.active{ transform:translateY(-2px); border-color:#25b9bd; color:#25b9bd; box-shadow:0 18px 42px rgba(37,185,189,.14)}.state-icon{font-size:22px;line-height:1}.location-search,.lokasi-search{ max-width:860px; margin:22px auto; display:flex; gap:10px; align-items:stretch; justify-content:center}.location-search input,.lokasi-search input{ flex:1 1 420px; width:100%; min-height:50px; border-radius:16px; border:1px solid #e5e7eb; padding:0 16px; font-size:15px}.location-search .btn,.lokasi-search .btn{min-height:50px;white-space:nowrap}.agent-list,.location-agent-grid,.lokasi-agent-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; align-items:stretch}.agent-card,.pro-agent{ min-width:0; overflow:hidden}.agent-card *,.pro-agent *,.guide-card *,.guide-faq *{overflow-wrap:anywhere}.guide-hero{text-align:center}.guide-hero .cta-row{justify-content:center}.guide-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; align-items:stretch}.guide-card{ background:#fff; border:1px solid #f1d9dc; border-radius:24px; padding:24px; box-shadow:0 14px 36px rgba(17,24,39,.06)}.guide-card span{ display:inline-flex; width:44px;height:44px; align-items:center;justify-content:center; border-radius:14px; background:#25b9bd;color:#fff; font-weight:1000; margin-bottom:12px}.guide-card h3{margin:4px 0 8px;line-height:1.18}.guide-card p{margin:0;color:#4b5563}.guide-faq details{ max-width:980px; margin:12px auto; border:1px solid #f1d9dc; border-radius:18px; background:#fff; padding:0; overflow:hidden; box-shadow:0 10px 26px rgba(17,24,39,.05)}.guide-faq summary{ cursor:pointer; padding:18px 20px; font-weight:1000; text-align:center}.guide-faq details p{ max-width:850px; margin:0 auto; padding:0 20px 18px; text-align:center; color:#4b5563}@media (min-width: 981px){ .location-page .section-head, .guide-page .section-head{text-align:center;margin-left:auto;margin-right:auto} .location-page .section-head p, .guide-page .section-head p{margin-left:auto;margin-right:auto}}@media (max-width: 980px){ .location-hero{ grid-template-columns:1fr; text-align:center; margin:18px 12px; padding:30px 18px; } .location-hero .cta-row{justify-content:center} .location-hero .trust-card{max-width:420px;margin:auto} .guide-hero{margin:18px 12px;padding:30px 18px}}@media (max-width: 640px){ .state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .state-btn{min-height:54px;padding:11px 8px;font-size:13px;border-radius:15px} .state-icon{font-size:19px} .location-search,.lokasi-search{flex-direction:column;align-items:stretch} .location-search .btn,.lokasi-search .btn{width:100%} .agent-list,.location-agent-grid,.lokasi-agent-grid,.guide-grid{grid-template-columns:1fr} .guide-card{padding:20px;border-radius:20px}}.location-filter,.location-results{ margin-top:30px; margin-bottom:34px}.state-icon-grid{ gap:16px !important}.state-card{ min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:118px; padding:18px 14px; border-radius:22px; text-align:center; background:linear-gradient(180deg,#fff,#fff8f8); border:1px solid rgba(37,185,189,.14); box-shadow:0 14px 36px rgba(17,24,39,.07); transition:.18s ease}.state-card:hover,.state-card.active{ transform:translateY(-3px); border-color:#25b9bd; box-shadow:0 20px 48px rgba(37,185,189,.16)}.state-card .state-icon{ display:grid; place-items:center; width:42px; height:42px; border-radius:16px; background:#fff0f1; font-size:23px}.state-card .state-name{ font-weight:1000; line-height:1.15}.state-card small{ color:#6b7280; font-weight:800}.searchbar.lokasi-search,.location-search,.lokasi-search{ width:100%; max-width:980px; margin:24px auto 30px !important; padding:14px; border-radius:24px; background:#fff; border:1px solid #f0d7da; box-shadow:0 18px 45px rgba(17,24,39,.07); display:flex; gap:14px !important; align-items:center; justify-content:center}.searchbar.lokasi-search input,.location-search input,.lokasi-search input{ min-width:0; flex:1 1 520px; height:54px; border-radius:18px; border:1px solid #e5e7eb; padding:0 18px; background:#fff}.searchbar.lokasi-search .btn,.location-search .btn,.lokasi-search .btn{ height:54px; margin:0; white-space:nowrap}.state-selected-cards{ margin-top:20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:22px}.lokasi-card{ height:100%; max-width:420px; margin:0 auto; border-radius:28px}.lokasi-card img{ width:100%; height:230px; object-fit:contain; background:linear-gradient(135deg,#ecfeff,#fff); border-radius:24px 24px 0 0}.lokasi-card .agent-content{ padding:20px; text-align:center}.lokasi-card .agent-content h3{ margin:8px 0 10px; line-height:1.15}.lokasi-card .agent-content p{ max-width:340px; margin-left:auto; margin-right:auto}.lokasi-card .agent-links{ display:grid; gap:10px; margin-top:16px}.lokasi-card .agent-links a{ display:block; border-radius:14px; padding:11px 12px; background:#f5ffff; color:#168fd6; font-weight:900; border:1px solid rgba(37,185,189,.13)}.location-pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:30px auto 4px}.page-number{ display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 13px; border-radius:14px; background:#fff; border:1px solid #f0d7da; color:#111827; font-weight:1000; box-shadow:0 10px 24px rgba(17,24,39,.06)}.page-number.active,.page-number:hover{ background:#25b9bd; color:#fff; border-color:#25b9bd}.guide-main{ overflow:hidden}.guide-steps,.guide-faq{ margin-top:34px}.guide-grid{ gap:22px !important}.guide-card{ min-height:100%; text-align:center}.guide-card span{ margin-left:auto; margin-right:auto}.guide-faq details{ width:min(100%,980px)}@media (min-width:981px){ .location-filter, .location-results, .guide-steps, .guide-faq{ border-radius:30px; } .searchbar.lokasi-search{ flex-wrap:nowrap; }}@media (max-width:760px){ .searchbar.lokasi-search, .location-search, .lokasi-search{ flex-direction:column; gap:12px !important; padding:12px; border-radius:20px; } .searchbar.lokasi-search input, .searchbar.lokasi-search .btn, .searchbar.lokasi-search a.btn, .location-search input, .location-search .btn, .lokasi-search input, .lokasi-search .btn{ width:100%; flex:0 0 auto; } .state-icon-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } .state-card{ min-height:108px; padding:14px 10px; border-radius:18px; } .state-card .state-name{ font-size:13px; } .state-selected-cards{ grid-template-columns:1fr; gap:18px; } .lokasi-card{ max-width:100%; border-radius:24px; } .lokasi-card img{ height:210px; } .location-pagination{ gap:8px; } .page-number{ min-width:38px; height:38px; border-radius:12px; } .guide-hero, .location-hero{ border-radius:24px; }}@media (max-width:420px){ .state-icon-grid{ grid-template-columns:1fr !important; } .state-card{ min-height:86px; }}.site-header{ flex-wrap:wrap}.main-nav{ display:flex; align-items:center; justify-content:center; gap:10px !important; flex:1 1 auto}.header-icon-link{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap}.auth-header{ display:flex; align-items:center; gap:8px; flex:0 0 auto}.auth-header a{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:10px 14px; border-radius:999px; font-weight:1000; font-size:13px; white-space:nowrap}.auth-login{ background:#fff; color:#111827; border:1px solid #e5e7eb}.auth-register{ background:linear-gradient(135deg,#25b9bd,#168fd6); color:#fff; box-shadow:0 12px 25px rgba(37,185,189,.18)}.wa-float-v30{ max-width:calc(100vw - 24px); gap:8px; padding:12px 16px !important; font-weight:1000}.wa-float-v30 .wa-icon-mark{ flex:0 0 auto}.coverage-main{ overflow:hidden; background:#fff}.coverage-hero{ max-width:1180px; margin:32px auto 24px; padding:42px clamp(18px,4vw,48px); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:28px; align-items:center; border-radius:34px; background: radial-gradient(circle at 10% 15%, rgba(37,185,189,.14), transparent 34%), radial-gradient(circle at 88% 12%, rgba(255,204,0,.24), transparent 32%), linear-gradient(135deg,#fff,#f5ffff); border:1px solid rgba(37,185,189,.12); box-shadow:0 24px 65px rgba(17,24,39,.08)}.coverage-hero h1{ margin:8px 0 14px; font-size:clamp(31px,4.5vw,58px); line-height:1.02; letter-spacing:-.045em}.coverage-hero p{ max-width:800px; color:#4b5563}.coverage-signal-card{ text-align:center; background:#111827; color:#fff; border-radius:30px; padding:32px 24px; box-shadow:0 24px 60px rgba(17,24,39,.18)}.coverage-signal-card .signal-icon{ display:grid; place-items:center; width:76px;height:76px; margin:0 auto 14px; border-radius:24px; background:#25b9bd; font-size:36px}.coverage-signal-card p{color:#d1d5db;margin-left:auto;margin-right:auto}.signal-bars{ display:flex; justify-content:center; align-items:end; gap:7px; height:54px; margin-top:22px}.signal-bars i{ width:18px; border-radius:999px 999px 5px 5px; background:linear-gradient(180deg,#34d399,#10b981)}.signal-bars i:nth-child(1){height:18px}.signal-bars i:nth-child(2){height:28px}.signal-bars i:nth-child(3){height:40px}.signal-bars i:nth-child(4){height:52px}.coverage-checker,.coverage-info,.coverage-steps{ max-width:1180px; margin:30px auto; padding:0 clamp(14px,3vw,20px)}.checker-card{ background:#fff; border:1px solid #f1d9dc; border-radius:30px; padding:18px; box-shadow:0 18px 50px rgba(17,24,39,.07); overflow:hidden}.checker-frame-wrap{ position:relative; width:100%; min-height:460px; border-radius:22px; overflow:hidden; border:1px solid #e5e7eb; background:#f9fafb}.checker-frame-wrap iframe{ width:100%; height:560px; border:0; display:block}.checker-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:18px}.checker-note{ text-align:center; color:#6b7280; font-size:13px; margin:12px 0 0}.coverage-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px}.coverage-card{ text-align:center; background:#fff; border:1px solid #f1d9dc; border-radius:26px; padding:24px 20px; box-shadow:0 14px 36px rgba(17,24,39,.06)}.coverage-card span{ display:grid; place-items:center; width:54px;height:54px; margin:0 auto 12px; border-radius:18px; background:#fff0f1; font-size:26px}.coverage-card h3{margin:6px 0 8px;line-height:1.18}.coverage-card p{margin:0;color:#4b5563}@media (max-width:1100px){ .site-header{ justify-content:center; } .brand{margin-right:auto} .auth-header{margin-left:auto} .main-nav{ order:3; flex-basis:100%; overflow-x:auto; justify-content:flex-start; padding-bottom:2px; }}@media (max-width:760px){ .site-header{ gap:10px; padding:12px 14px; } .brand span:last-child{font-size:14px} .auth-header a{ min-height:36px; padding:8px 11px; font-size:12px; } .main-nav{ gap:8px !important; } .header-icon-link{ padding:8px 10px; border-radius:999px; background:#f5ffff; border:1px solid rgba(37,185,189,.10); font-size:12px; } .coverage-hero{ grid-template-columns:1fr; text-align:center; margin:18px 12px; padding:30px 18px; border-radius:26px; } .coverage-hero .cta-row{ justify-content:center; } .coverage-signal-card{ border-radius:24px; padding:26px 18px; } .checker-frame-wrap{ min-height:380px; } .checker-frame-wrap iframe{ height:460px; } .checker-actions .btn{ width:100%; } .wa-float-v30{ right:12px !important; bottom:12px !important; padding:11px 13px !important; font-size:12px; }}.no-iframe-checker{ max-width:980px; margin-left:auto; margin-right:auto}.checker-blocked-card{ text-align:center; padding:34px 22px; border-radius:26px; background: radial-gradient(circle at 18% 10%, rgba(37,185,189,.12), transparent 34%), linear-gradient(135deg,#fff,#fff8f8); border:1px solid rgba(37,185,189,.14)}.checker-blocked-card .checker-icon{ display:grid; place-items:center; width:76px; height:76px; margin:0 auto 14px; border-radius:26px; background:#25b9bd; color:#fff; font-size:34px; box-shadow:0 16px 40px rgba(37,185,189,.22)}.checker-blocked-card h3{ margin:6px 0 10px; font-size:clamp(22px,3vw,34px); line-height:1.1}.checker-blocked-card p{ max-width:740px; margin-left:auto; margin-right:auto; color:#4b5563}.coverage-mini-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-width:880px; padding:0; margin:22px auto 0; list-style:none; counter-reset:step}.coverage-mini-steps li{ background:#fff; border:1px solid #f1d9dc; border-radius:18px; padding:15px; font-weight:800; box-shadow:0 10px 26px rgba(17,24,39,.05)}.auto-location-box{ max-width:1180px; margin:26px auto; border-radius:30px; background: radial-gradient(circle at 10% 20%, rgba(16,185,129,.13), transparent 34%), linear-gradient(135deg,#ffffff,#f7fffb); border:1px solid rgba(16,185,129,.18); box-shadow:0 18px 48px rgba(17,24,39,.06)}.auto-location-content{ display:flex; align-items:center; justify-content:space-between; gap:22px}.auto-location-content h2{ margin:6px 0 8px}.auto-location-content p{ margin:0; max-width:760px; color:#4b5563}.auto-location-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end}.auto-location-note{ margin-top:14px; color:#6b7280; font-size:13px; text-align:center}@media(max-width:760px){ .coverage-mini-steps{ grid-template-columns:1fr; } .auto-location-content{ flex-direction:column; text-align:center; } .auto-location-actions{ justify-content:center; width:100%; } .auto-location-actions .btn{ width:100%; }}.site-header{ justify-content:center}.site-header .brand{ flex:0 0 auto}.main-nav{ justify-content:center !important; text-align:center}.auth-header{ justify-content:center !important; text-align:center}.auth-header a{ min-width:max-content}.footer{ align-items:start}.footer-bottom{ grid-column:1 / -1; width:100%; margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); text-align:center}.footer-copyright{ display:inline-block; font-size:13px; color:rgba(255,255,255,.78)}.footer-copyright a{ color:#fff; font-weight:900; text-decoration:underline}@media(max-width:1100px){ .site-header .brand{ margin-right:0 !important; } .auth-header{ margin-left:0 !important; } .main-nav{ justify-content:center !important; }}@media(max-width:760px){ .site-header{ display:flex; flex-direction:column; align-items:center; } .main-nav{ order:2; width:100%; justify-content:center !important; } .auth-header{ order:3; width:100%; justify-content:center !important; } .auth-header a{ flex:1 1 auto; max-width:180px; }}.site-header{ display:flex; align-items:center; justify-content:center; gap:16px; padding-left:clamp(14px,4vw,56px); padding-right:clamp(14px,4vw,56px)}.site-header .brand{ flex:0 0 auto}.main-nav{ flex:1 1 520px; display:flex; align-items:center; justify-content:center !important; gap:10px !important; min-width:0}.main-nav .header-icon-link{ min-width:0; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border-radius:999px; line-height:1}.auth-header{ flex:0 0 auto; display:flex; align-items:center; justify-content:center !important; gap:10px}.auth-header a{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:10px 16px; border-radius:999px; line-height:1; text-align:center}.auth-header b{ white-space:nowrap}@media(max-width:1100px){ .site-header{ flex-wrap:wrap; gap:10px 12px; } .site-header .brand{ width:100%; justify-content:center; margin:0 !important; } .main-nav{ order:2; flex:1 1 100%; width:100%; justify-content:center !important; overflow-x:auto; padding:2px 0 4px; scrollbar-width:none; } .main-nav::-webkit-scrollbar{display:none} .auth-header{ order:3; width:100%; justify-content:center !important; margin:0 !important; }}@media(max-width:640px){ .site-header{ padding:10px 10px 12px; } .main-nav{ gap:7px !important; } .main-nav .header-icon-link{ padding:8px 10px; font-size:12px; } .header-icon{ font-size:14px; } .auth-header{ display:grid; grid-template-columns:1fr 1fr; gap:8px; } .auth-header a{ width:100%; min-height:40px; padding:9px 10px; font-size:12px; } .auth-header b{ white-space:normal; }}.footer-copyright.center{display:block;text-align:center;margin:0 auto}.site-header{justify-content:center !important}.main-nav{justify-content:center !important}.auth-header{justify-content:center !important}.main-nav .header-icon-link:first-child{background:#f5ffff;border:1px solid rgba(37,185,189,.10)}.auth-header .auth-login{min-width:150px}.auth-header .auth-register{min-width:160px}@media(max-width:640px){ .auth-header .auth-login,.auth-header .auth-register{min-width:0} .main-nav .header-icon-link{flex:0 0 auto}}.dashboard img,.admin-dashboard img,.affiliate-dashboard img,.profile-image,.agent-avatar,.agent-card img,.pro-agent img,td img{ max-width:100%; height:auto; object-fit:cover; background:#fff}.dashboard .profile-image,.affiliate-dashboard .profile-image,.admin-dashboard .profile-image,.profile-photo,.avatar-preview{ width:120px; height:120px; border-radius:22px; object-fit:cover; object-position:center; border:3px solid #fff; box-shadow:0 14px 34px rgba(17,24,39,.14)}.admin-dashboard td img,.admin table td img,.table-avatar{ width:58px !important; height:58px !important; object-fit:cover !important; border-radius:14px !important; border:2px solid #fff; box-shadow:0 8px 18px rgba(17,24,39,.12)}.image-preview-card{ display:flex; align-items:center; justify-content:center; padding:12px; border-radius:20px; background:#f5ffff; border:1px solid rgba(37,185,189,.12)}@media(max-width:760px){ .dashboard .profile-image, .affiliate-dashboard .profile-image, .admin-dashboard .profile-image, .profile-photo, .avatar-preview{ width:96px; height:96px; border-radius:18px; } .admin-dashboard td img, .admin table td img, .table-avatar{ width:50px !important; height:50px !important; }}.dashboard img,.admin-dashboard img,.affiliate-dashboard img,.profile-image,.agent-avatar,.agent-card img,.pro-agent img,td img{ max-width:100%; height:auto; object-fit:cover; background:#fff}.dashboard .profile-image,.affiliate-dashboard .profile-image,.admin-dashboard .profile-image,.profile-photo,.avatar-preview{ width:120px; height:120px; border-radius:22px; object-fit:cover; object-position:center; border:3px solid #fff; box-shadow:0 14px 34px rgba(17,24,39,.14)}.admin-dashboard td img,.admin table td img,.table-avatar{ width:58px !important; height:58px !important; object-fit:cover !important; object-position:center !important; border-radius:14px !important; border:2px solid #fff; box-shadow:0 8px 18px rgba(17,24,39,.12)}.location-page .panel,.guide-page .panel,.location-results,.location-filter,.guide-steps,.guide-faq,.coverage-info{ max-width:1180px; margin-left:auto !important; margin-right:auto !important}.location-page .section-head,.guide-page .section-head{ text-align:center; max-width:920px; margin-left:auto; margin-right:auto}.location-page .section-head p,.guide-page .section-head p{ margin-left:auto; margin-right:auto}.location-hero,.guide-hero{ width:calc(100% - 24px)}.state-grid,.guide-grid,.coverage-grid{ align-items:stretch}.state-card,.guide-card,.coverage-card,.lokasi-card{ overflow:hidden; word-break:normal; overflow-wrap:anywhere}.searchbar.lokasi-search{ gap:14px !important}.guide-faq details,.faq details{ margin-left:auto; margin-right:auto}@media(max-width:760px){ .dashboard .profile-image, .affiliate-dashboard .profile-image, .admin-dashboard .profile-image, .profile-photo, .avatar-preview{ width:96px; height:96px; border-radius:18px; } .admin-dashboard td img, .admin table td img, .table-avatar{ width:50px !important; height:50px !important; } .location-hero, .guide-hero{ width:calc(100% - 20px); margin-left:auto !important; margin-right:auto !important; } .location-page .panel, .guide-page .panel{ width:calc(100% - 20px); padding-left:14px; padding-right:14px; } .searchbar.lokasi-search{ gap:12px !important; }}.seo-hero-copy{ max-width:780px; margin:14px 0 0; color:#374151; font-weight:800; line-height:1.55}.seo-quick-links{ max-width:1080px; margin:18px auto 8px; padding:0 18px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px}.seo-quick-links a{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border-radius:999px; background:#f5ffff; color:#168fd6; border:1px solid rgba(37,185,189,.16); font-weight:1000; box-shadow:0 10px 24px rgba(17,24,39,.06)}.seo-quick-links a:hover{ background:#25b9bd; color:#fff; transform:translateY(-2px)}@media(max-width:760px){ .seo-hero-copy{ text-align:center; margin-left:auto; margin-right:auto; } .seo-quick-links{ display:grid; grid-template-columns:1fr; } .seo-quick-links a{ width:100%; }}.site-header{text-align:center;justify-content:center!important;align-items:center!important}.site-header .brand,.main-nav,.auth-header{text-align:center;justify-content:center!important;align-items:center!important}.main-nav{margin-inline:auto}.main-nav .header-icon-link,.auth-header a{text-align:center}.seo-quick-links{width:min(1180px,calc(100% - 32px));margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;text-align:center}.seo-quick-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b7ecec;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;color:#168fd6;box-shadow:0 10px 25px rgba(15,23,42,.05)}.seo-hero-copy,.seo-copy{color:#374151;font-weight:700}.hero-buttons .btn{text-align:center}@media(max-width:1100px){.site-header{display:flex;flex-direction:column}.main-nav{width:100%;display:flex;justify-content:center!important}.auth-header{width:100%;justify-content:center!important}}@media(max-width:640px){.main-nav{overflow-x:auto;scroll-snap-type:x proximity;padding-inline:4px}.main-nav .header-icon-link{scroll-snap-align:center}.seo-quick-links{width:calc(100% - 20px);gap:8px}.seo-quick-links a{width:100%;padding:12px 14px}}.site-header{justify-content:center!important;text-align:center!important}.site-header .brand,.main-nav,.auth-header{justify-content:center!important;text-align:center!important}.main-nav{margin-inline:auto!important}.auth-header{margin-inline:auto!important}.seo-keywords{width:min(980px,calc(100% - 32px));margin:12px auto 0;padding:14px 18px;border-radius:999px;background:#f5ffff;border:1px solid #b7ecec;color:#374151;text-align:center;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.05)}.seo-keywords strong{color:#25b9bd}@media(max-width:1100px){.site-header{flex-direction:column!important;align-items:center!important}.site-header .brand,.main-nav,.auth-header{width:100%!important}.main-nav{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.main-nav::-webkit-scrollbar{display:none}.auth-header{display:flex;flex-wrap:wrap}}@media(max-width:640px){.site-header{padding-inline:10px!important}.main-nav{justify-content:center!important}.auth-header{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.seo-keywords{width:calc(100% - 20px);border-radius:22px;font-size:13px;line-height:1.6}}.site-header .main-nav{justify-content:center!important;align-items:center!important;text-align:center!important;gap:12px!important;flex-wrap:wrap!important}.site-header .main-nav a[href="/lokasi"],.site-header .main-nav a[href="/location"]{display:none!important}.dashboard{width:min(1180px,100%);margin:0 auto!important;padding:clamp(18px,4vw,38px)!important}.dashboard .dash-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;text-align:left}.dashboard .dash-head>div{min-width:0;flex:1 1 320px}.dashboard .dash-head .cta-row{justify-content:center!important;flex-wrap:wrap!important}.dashboard .panel,.dashboard .profile-mini,.dashboard .stat-grid{width:100%;max-width:1180px;margin-left:auto!important;margin-right:auto!important}.profile-mini{display:flex!important;align-items:center!important;gap:18px!important;overflow:hidden!important}.profile-mini img{width:96px!important;height:96px!important;object-fit:cover!important;border-radius:22px!important;flex:0 0 auto!important}.profile-mini>div{min-width:0!important}.profile-mini p,.profile-mini h2,.dash-head p,.dash-head h1{overflow-wrap:anywhere!important}.dashboard .stat-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important}.dashboard .stat-grid article{text-align:center!important;min-width:0!important}.dashboard .searchbar,.dashboard .lead-searchbar{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}.dashboard .searchbar input,.dashboard .lead-searchbar input{flex:1 1 260px!important;min-width:0!important}.dashboard .table-wrap{width:100%!important;overflow-x:auto!important;margin-inline:auto!important}.dashboard table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.dashboard th,.dashboard td{vertical-align:top!important;overflow-wrap:anywhere!important;word-break:normal!important}.footer{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;text-align:center!important}@media(min-width:761px){.footer p,.footer span,.footer a{display:inline!important;margin:0!important}.footer{flex-direction:row!important}}@media(max-width:760px){.dashboard{text-align:center!important;padding:16px 10px!important}.dashboard .dash-head{text-align:center!important;justify-content:center!important}.dashboard .dash-head>div{flex-basis:100%!important}.profile-mini{flex-direction:column!important;text-align:center!important}.dashboard .cta-row,.dashboard .searchbar,.dashboard .lead-searchbar{width:100%;justify-content:center!important}.dashboard .btn,.dashboard .searchbar .btn,.dashboard .lead-searchbar .btn{width:100%;max-width:360px}.site-header .main-nav{gap:8px!important}.site-header .main-nav .header-icon-link{min-width:auto!important}}.admin-lead-panel{overflow:hidden!important}.admin-lead-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;text-align:left!important;margin:0 0 16px!important;padding:0!important;width:100%!important;max-width:none!important}.admin-lead-title h2{margin:0 0 6px!important;line-height:1.12!important;letter-spacing:-.02em!important}.admin-lead-title .muted{margin:0!important;max-width:880px!important}.admin-lead-panel .lead-actions{display:flex!important;justify-content:flex-start!important;margin:0 0 14px!important}.affiliate-profile-mini{align-items:center!important}.affiliate-profile-mini .profile-image-link{display:flex!important;align-items:center!important;justify-content:center!important;width:130px!important;height:130px!important;flex:0 0 130px!important;border-radius:24px!important;background:#fff!important;border:1px solid #ecfeff!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(15,23,42,.10)!important}.affiliate-profile-mini .profile-image-link img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:#fff!important}.footer{display:grid!important;grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(190px,1fr)!important;align-items:start!important;justify-content:initial!important;gap:26px!important;text-align:left!important;padding:48px 5vw!important;background:#09090b!important;color:#fff!important}.footer .footer-brand-col,.footer>div:not(.footer-bottom){min-width:0!important}.footer-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}.footer a{display:block!important;margin:8px 0!important;color:#d1d5db!important}.footer-bottom{grid-column:1 / -1!important;width:100%!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.14)!important;text-align:center!important}.footer-copyright.center,.footer-copyright{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0 auto!important;white-space:nowrap!important}.footer-copyright a{display:inline!important;margin:0!important;color:#fff!important}.seo-keywords{display:none!important}.seo-quick-links-bottom{margin:28px auto 12px!important;padding-top:8px!important}@media(max-width:760px){.admin-lead-title{text-align:center!important;justify-content:center!important}.admin-lead-panel .lead-actions{justify-content:center!important}.affiliate-profile-mini .profile-image-link{width:160px!important;height:160px!important;flex-basis:160px!important}.footer{grid-template-columns:1fr!important;text-align:center!important;padding:38px 16px!important}.footer-logo{justify-content:center!important}.footer a{display:inline-block!important;margin:7px 8px!important}.footer-copyright.center,.footer-copyright{white-space:normal!important;flex-wrap:wrap!important}}.site-header .main-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.main-nav .header-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}.page-agent-card{padding:26px 5vw;background:#f5ffff}.page-agent-card .support-agent-card{max-width:1180px;background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid #ffd9df}.support-agent-card h2{margin:0 0 8px;font-size:clamp(24px,3vw,36px);line-height:1.05}.agent-photo-link{display:block;flex:0 0 auto}.lokasi-affiliate-popup{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(7px)}.lokasi-affiliate-popup.show{display:flex}.lokasi-popup-card{position:relative;width:min(520px,100%);background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.28);text-align:center;border:1px solid #b7ecec}.lokasi-popup-card h2{margin:6px 0 10px;font-size:clamp(26px,4vw,40px);letter-spacing:-.035em;line-height:1.05}.lokasi-popup-card p{color:#475569;line-height:1.65}.lokasi-popup-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.lokasi-popup-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:#f3f4f6;color:#111827;font-size:24px;font-weight:900;cursor:pointer}.footer-brand-col{display:flex;flex-direction:column;align-items:flex-start}.footer-brand-col .footer-desc{margin-bottom:10px}.footer-brand-col .footer-note{display:block;margin-top:0;max-width:620px;width:100%;clear:both}@media(min-width:921px){.footer{align-items:start}.footer-bottom{grid-column:1/-1;text-align:center;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.footer-note{margin-top:8px}.footer-desc+.footer-note{display:block}}@media(max-width:920px){.page-agent-card{padding:20px 14px}.site-header .main-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.main-nav .header-icon-link{flex:0 0 auto}.lokasi-popup-card{padding:24px 18px;border-radius:22px}.lokasi-popup-actions .btn{width:100%}.footer-brand-col{align-items:center;text-align:center}.footer-brand-col .footer-note{max-width:100%}}.sim-price-line{display:inline-flex;align-items:center;justify-content:center;margin:14px 0 0;padding:12px 16px;border-radius:18px;background:#fff5f5;border:1px solid #ffd6d6;color:#8a0010;font-weight:900;box-shadow:0 10px 24px rgba(37,185,189,.08)}.seo-quick-links,.seo-quick-links-bottom{display:none!important}.footer-brand-col{display:flex;flex-direction:column;align-items:flex-start}.footer-desc{margin-bottom:8px}.footer-note{display:block;clear:both;margin-top:0}@media (min-width:821px){.footer-brand-col .footer-note{width:100%;display:block;margin-top:0}.main-nav{justify-content:center}.main-nav .header-icon-link{white-space:nowrap}}.site-header .main-nav a[href="/lokasi"],.site-header .main-nav a[href="/location"]{display:inline-flex!important}.live-online-section{padding:0 5vw 22px;background:linear-gradient(135deg,#fff,#f5ffff)}.live-online-card-main{width:min(760px,100%);margin:-14px auto 0}.live-online-card{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;padding:14px 18px;border-radius:22px;background:#fff;border:1px solid #b7ecec;box-shadow:0 14px 34px rgba(15,23,42,.08);color:#111827}.live-online-card strong{display:block;font-weight:1000;color:#111827}.live-online-card span:last-child{display:block;color:#64748b;font-size:14px}.live-dot{width:12px;height:12px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 7px rgba(22,163,74,.12);flex:0 0 auto}.dashboard .dash-head .cta-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}.dashboard .dash-head .cta-row .btn{min-width:150px;text-align:center}@media(max-width:760px){ .dashboard .dash-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important} .dashboard .dash-head .cta-row{width:100%!important;justify-content:center!important} .dashboard .dash-head .cta-row .btn{width:100%!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important} .admin-lead-title{display:block!important;text-align:center!important} .admin-lead-panel .lead-actions{justify-content:center!important} .live-online-section{padding-left:16px;padding-right:16px} .live-online-card{align-items:flex-start;text-align:left}}.seo-article-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:46px 0 76px}.seo-article{max-width:960px;margin:0 auto}.seo-article h1{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 16px}.seo-article .lead{font-size:18px;color:#475569}.seo-article h2{font-size:clamp(24px,3vw,36px);margin-top:30px}.seo-article li{margin:8px 0}.seo-cta-box{margin-top:28px;padding:24px;border-radius:26px;background:linear-gradient(135deg,#f5ffff,#fff);border:1px solid #ffd9df;text-align:center}.seo-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:22px}.seo-topic-link{display:flex;align-items:center;justify-content:center;min-height:72px;padding:14px;border-radius:18px;background:#f5ffff;border:1px solid #b7ecec;font-weight:900;text-align:center}.seo-topic-link:hover{background:#25b9bd;color:#fff}@media(max-width:760px){.seo-article-main{width:calc(100% - 20px);padding-top:28px}.seo-topic-grid{grid-template-columns:1fr}}.live-before-agent{padding:28px 5vw 0;background:#fff}.live-online-card-pro{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(1050px,100%)!important;margin:0 auto!important;padding:18px 20px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#f5ffff)!important;border:1px solid #ffd9df!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important}.live-online-card-pro .live-dot{width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.14);position:relative}.live-online-card-pro .live-dot:after{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(34,197,94,.45);animation:livePulse 1.8s infinite}@keyframes livePulse{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.55);opacity:0}}.live-online-card-pro strong{font-size:clamp(17px,2vw,22px);line-height:1.15}.live-online-card-pro span:last-child{font-size:14px;line-height:1.5}.live-online-btn{white-space:nowrap;box-shadow:0 12px 24px rgba(37,185,189,.18)!important}.bottom-agent{padding-top:28px!important}.seo-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.seo-topic-link{display:flex;align-items:center;min-height:56px;padding:14px 16px;border-radius:16px;background:#f5ffff;border:1px solid #b7ecec;font-weight:900;color:#111827;box-shadow:0 8px 20px rgba(15,23,42,.04)}.seo-topic-link:hover{background:#25b9bd;color:#fff;transform:translateY(-2px)}@media(max-width:920px){.live-before-agent{padding:20px 14px 0}.live-online-card-pro{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;border-radius:22px!important;padding:20px 16px!important}.live-online-btn{width:100%;max-width:320px}.seo-topic-grid{grid-template-columns:1fr}.bottom-agent{padding-top:20px!important}} /* V78 SEO content UI */ .seo-related-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0;padding:16px;border:1px solid rgba(37,185,189,.12);background:#fff7f8;border-radius:18px}.seo-related-links a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;color:#b80010;text-decoration:none;font-weight:800;border:1px solid rgba(37,185,189,.14)}.seo-related-links a:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(37,185,189,.12)} .footer.footer-simple{grid-template-columns:1fr!important;gap:14px;text-align:center;justify-items:center}.footer.footer-simple .footer-brand-col{max-width:920px;margin:0 auto}.footer.footer-simple .footer-logo{justify-content:center}.footer.footer-simple .footer-bottom{width:100%;display:flex;justify-content:center;margin-top:8px}.agent-links{justify-content:flex-start}@media (max-width:768px){.footer.footer-simple{text-align:center}.agent-links{justify-content:center}}

/* V82 SEO Aggressive base */.seo-rank-booster{margin:28px 0;padding:26px;border:1px solid rgba(37,185,189,.14);background:linear-gradient(135deg,#fff 0%,#fff5f6 100%);border-radius:24px;box-shadow:0 16px 45px rgba(20,20,20,.06)}.seo-rank-booster h2{margin:.35rem 0 1rem}.seo-rank-booster p,.seo-rank-booster li{line-height:1.75}.seo-buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.seo-buy-grid div{padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 28px rgba(0,0,0,.04)}.seo-buy-grid b{display:block;margin-bottom:6px}.seo-buy-grid span{display:block;color:#444;line-height:1.55}.seo-mini-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px;border-radius:18px;background:#111;color:#fff}.seo-mini-cta .btn{white-space:nowrap}.v82-global-seo-boost{margin-top:0}.seo-related-links a{display:inline-flex;margin:6px 6px 0 0}@media(max-width:760px){.seo-buy-grid{grid-template-columns:1fr}.seo-mini-cta{display:block}.seo-mini-cta .btn{margin-top:12px;width:100%;justify-content:center}.seo-rank-booster{padding:18px;border-radius:18px}}

/* V82 SEO aggressive responsive polish */
.seo-article-main{width:min(1120px,calc(100% - 28px));margin:28px auto}.seo-content-page{background:linear-gradient(180deg,#fff 0,#f5ffff 38%,#fff 100%)}.seo-article.panel,.seo-rank-booster.panel{border:1px solid rgba(37,185,189,.12);box-shadow:0 18px 60px rgba(20,20,20,.08);border-radius:28px;background:#fff}.seo-article h1{font-size:clamp(2rem,4.2vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:16px}.seo-article h2,.seo-rank-booster h2{font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.15;margin-top:30px}.seo-article .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#3b3b3b}.seo-article p,.seo-article li,.seo-rank-booster p,.seo-rank-booster li{font-size:1.02rem;line-height:1.78;color:#333}.seo-article ul,.seo-rank-booster ol{padding-left:22px}.seo-related-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff1f1,#fff);border:1px solid rgba(37,185,189,.12)}.seo-related-links b{width:100%;color:#111}.seo-related-links a,.seo-topic-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);font-weight:800;text-decoration:none;color:#161616;box-shadow:0 8px 24px rgba(0,0,0,.05)}.seo-related-links a:hover,.seo-topic-link:hover{transform:translateY(-1px);border-color:#25b9bd;color:#25b9bd}.seo-cta-box,.seo-mini-cta{margin-top:26px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#25b9bd,#ff6b00);color:#fff;box-shadow:0 18px 50px rgba(37,185,189,.22)}.seo-cta-box p,.seo-mini-cta b{color:#fff}.seo-cta-box .btn,.seo-mini-cta .btn{background:#fff!important;color:#25b9bd!important;border-color:#fff!important}.page-agent-card{width:min(1120px,calc(100% - 28px));margin:20px auto 36px}.support-agent-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.support-agent-card img{width:86px;height:86px;border-radius:22px;object-fit:cover}.seo-buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.seo-buy-grid>div{padding:18px;border-radius:22px;background:#fff8f8;border:1px solid rgba(37,185,189,.12)}.seo-buy-grid b{display:block;margin-bottom:6px}.seo-buy-grid span{display:block;color:#444;line-height:1.55}.seo-check-card,.v82-check-card{margin-top:18px;padding:20px;border-radius:22px;background:#fbfbfb;border:1px solid rgba(0,0,0,.08)}.seo-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.seo-index-page .seo-article{overflow:hidden}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}@media (max-width:900px){.seo-buy-grid,.seo-topic-grid{grid-template-columns:1fr 1fr}.support-agent-card{grid-template-columns:1fr;text-align:center}.support-agent-card img{margin:auto}.seo-article-main{width:min(100% - 20px,760px);margin:18px auto}.seo-article.panel,.seo-rank-booster.panel{border-radius:22px}.site-header{align-items:flex-start}.main-nav{width:100%;overflow-x:auto;justify-content:flex-start}.auth-header{width:100%;display:grid;grid-template-columns:1fr 1fr}.auth-header a{justify-content:center;text-align:center}}@media (max-width:560px){.seo-topic-grid,.seo-buy-grid{grid-template-columns:1fr}.seo-article h1{font-size:2rem}.seo-article p,.seo-article li,.seo-rank-booster p,.seo-rank-booster li{font-size:.98rem;line-height:1.72}.seo-related-links{padding:14px}.seo-related-links a,.seo-topic-link{width:100%;border-radius:16px}.seo-cta-box,.seo-mini-cta{padding:18px;border-radius:20px}.auth-header{grid-template-columns:1fr}.header-icon-link span:last-child{font-size:.83rem}}


/* V83 safe UI fixes: SEO links, booster center, CTA readability, mobile auth inline */
.seo-article-main{width:min(1120px,calc(100% - 32px));margin-left:auto!important;margin-right:auto!important}
.seo-rank-booster.panel,.v82-seo-rank-booster{width:min(960px,100%)!important;margin:28px auto!important;text-align:left}
.seo-rank-booster.panel h2,.v82-seo-rank-booster h2{text-align:center}
.seo-related-links{justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#fff7ed,#ecfeff)!important;border:1px solid #fed7aa!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important}
.seo-related-links b{width:100%!important;text-align:center!important;color:#7f1d1d!important;margin-bottom:4px}
.seo-related-links a,.seo-topic-link{background:#ffffff!important;color:#7f1d1d!important;border:1px solid #99f6e4!important;box-shadow:0 8px 22px rgba(127,29,29,.08)!important}
.seo-related-links a:hover,.seo-related-links a:focus,.seo-topic-link:hover,.seo-topic-link:focus{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;color:#7c2d12!important;border-color:#fb923c!important;box-shadow:0 14px 30px rgba(251,146,60,.20)!important;transform:translateY(-2px)}
.seo-cta-box,.seo-mini-cta{background:linear-gradient(135deg,#fff7ed 0%,#fff 42%,#ecfeff 100%)!important;color:#111827!important;border:1px solid #fed7aa!important;box-shadow:0 18px 46px rgba(154,52,18,.12)!important;text-align:center!important}
.seo-cta-box b,.seo-mini-cta b{display:block;color:#7f1d1d!important;font-size:clamp(1.15rem,2.4vw,1.55rem)!important;line-height:1.25!important}
.seo-cta-box p,.seo-mini-cta p{color:#374151!important;max-width:780px;margin:10px auto 16px!important}
.seo-cta-box .btn,.seo-mini-cta .btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(22,163,74,.25)!important}
@media (min-width:901px){.site-header{align-items:center!important}.auth-header{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important}.auth-header a{white-space:nowrap!important}}
@media (max-width:900px){.site-header{align-items:center!important}.auth-header{width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important}.auth-header a{flex:1 1 0!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding:10px 8px!important}.auth-header a b{font-size:12px!important;line-height:1.15!important}.auth-header a span{font-size:14px!important}}
@media (max-width:380px){.auth-header{gap:6px!important}.auth-header a{padding:9px 6px!important}.auth-header a b{font-size:11px!important}}

/* V84 conversion landing upgrades */
.trust-section-v84{background:linear-gradient(180deg,#fff,#fff7f8)}
.trust-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}
.buyer-trust-card{position:relative;overflow:hidden;border:1px solid #ffe1e6;background:linear-gradient(180deg,#fff,#fffafa);box-shadow:0 18px 44px rgba(15,23,42,.07)}
.buyer-trust-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#25b9bd,#ffbf00)}
.buyer-trust-card h3{margin:8px 0 10px;color:#111827;font-size:21px;line-height:1.16}
.buyer-trust-card p{color:#475569;margin:0}
.kelebihan-section{background:radial-gradient(circle at 12% 0,rgba(37,185,189,.10),transparent 28%),linear-gradient(135deg,#fff,#fff8f8)}
.kelebihan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}
.kelebihan-card{background:#fff;border:1px solid #ffe1e6;border-radius:26px;padding:24px;box-shadow:0 18px 46px rgba(15,23,42,.07);min-height:190px}
.kelebihan-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:12px}
.kelebihan-card h3{font-size:22px;line-height:1.18;margin:0 0 10px;color:#111827}
.kelebihan-card p{margin:0;color:#475569}
.kelebihan-cta{max-width:1180px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:26px;background:#111827;color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.18)}
.kelebihan-cta b{font-size:22px;color:#fff}
.kelebihan-cta p{margin:6px 0 0;color:#d1d5db}
@media(max-width:1020px){.trust-grid-4,.kelebihan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.trust-grid-4,.kelebihan-grid{grid-template-columns:1fr}.buyer-trust-card,.kelebihan-card{border-radius:22px;padding:20px}.kelebihan-cta{flex-direction:column;text-align:center;align-items:stretch;border-radius:22px}.kelebihan-cta .btn{width:100%}}

/* V85 clean CTA/menu fixes */
@media (max-width: 768px){
  .auth-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;width:100%!important}
  .auth-header a{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;min-width:0!important;flex:1 1 0!important;padding:10px 8px!important;font-size:12px!important}
  .auth-header a b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* V87 eCommerce affiliate module */
.agent-ecommerce{margin-top:16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.agent-ecommerce-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#7c2d12;font-weight:1000}
.agent-ecommerce-icons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ecommerce-icon-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#fff;color:#111827!important;border:1px solid #fdba74;text-decoration:none!important;font-weight:900;box-shadow:0 8px 18px rgba(251,146,60,.12);transition:.18s ease}
.ecommerce-icon-link:hover{transform:translateY(-2px);background:#ffedd5;color:#7c2d12!important;border-color:#fb923c;box-shadow:0 12px 28px rgba(251,146,60,.22)}
.ecommerce-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff7ed}
.ecommerce-dashboard-panel,.ecommerce-admin-box{background:linear-gradient(135deg,#fff,#fff7ed)!important;border-color:#fed7aa!important}
.ecommerce-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.ecommerce-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:900;color:#111827}
.ecommerce-form-grid input{width:100%;padding:13px 14px;border-radius:16px;border:1px solid #fed7aa;background:#fff;color:#111827;outline:none}
.ecommerce-form-grid input:focus{border-color:#fb923c;box-shadow:0 0 0 4px rgba(251,146,60,.14)}
.switch-row{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-weight:1000;white-space:nowrap}
.switch-row input{width:18px;height:18px;accent-color:#25b9bd}
.admin-list.agent-ecommerce{padding:8px;margin:0;background:transparent;border:0;box-shadow:none}
.admin-list .agent-ecommerce-title{display:none}
.admin-list .agent-ecommerce-icons{gap:6px;min-width:170px}
.admin-list .ecommerce-icon-link{padding:7px 9px;font-size:12px;box-shadow:none}
.admin-list .ecommerce-icon-link span:last-child{display:none}
.dashboard-preview.agent-ecommerce,.admin-preview.agent-ecommerce{max-width:720px}
@media(max-width:760px){.ecommerce-form-grid{grid-template-columns:1fr}.agent-ecommerce-icons{justify-content:center}.ecommerce-icon-link{width:100%;justify-content:center}.panel-title-row{gap:12px}.switch-row{width:100%;justify-content:center}.admin-list .ecommerce-icon-link{width:auto}.admin-list .agent-ecommerce-icons{justify-content:flex-start}}

/* V88 eCommerce + dashboard/footer safe fix */
.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce{width:100%;max-width:760px;margin:18px auto 0;text-align:center;clear:both}
.agent-ecommerce{background:linear-gradient(135deg,#fff7ed 0%,#ffffff 48%,#ecfeff 100%)!important;border:1px solid #fb923c!important;box-shadow:0 16px 38px rgba(251,146,60,.14)!important}
.agent-ecommerce-title{justify-content:center;color:#9a3412!important;font-size:clamp(15px,1.7vw,18px)}
.agent-ecommerce-sub{margin:0 auto 12px!important;color:#4b5563!important;font-size:14px!important;line-height:1.5!important;max-width:560px}
.agent-ecommerce-icons{justify-content:center!important}
.ecommerce-icon-link{min-height:44px;background:#ffffff!important;color:#111827!important;border:1px solid #fdba74!important}
.ecommerce-icon-link:hover{background:linear-gradient(135deg,#ffedd5,#fff7ed)!important;color:#7c2d12!important;border-color:#f97316!important}
.ecommerce-icon-link span:last-child{color:inherit!important}
.agent-card.pro-agent{grid-template-columns:112px minmax(0,1fr)!important}
.agent-card.pro-agent .agent-content{text-align:left;min-width:0}
.agent-card.pro-agent .agent-ecommerce{text-align:center}
.ecommerce-dashboard-panel,.ecommerce-admin-box{max-width:1180px;margin-left:auto!important;margin-right:auto!important;overflow:hidden}
.ecommerce-form-grid{align-items:start}
.ecommerce-form-grid label{min-width:0}
.ecommerce-form-grid input{min-width:0;box-sizing:border-box}
.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.switch-row{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #fdba74;color:#7c2d12;font-weight:1000;white-space:nowrap}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:separate;border-spacing:0;min-width:920px}
td,th{vertical-align:top}
.admin-list.agent-ecommerce{min-width:0!important;max-width:260px!important;padding:0!important;margin:0 auto!important}
.admin-list .agent-ecommerce-icons{justify-content:center!important;min-width:0!important}
.admin-list .ecommerce-icon-link{width:auto!important;min-height:34px!important}
.footer.footer-simple{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.footer.footer-simple .footer-brand-col,.footer.footer-simple .footer-bottom{width:100%;max-width:980px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.footer.footer-simple .footer-logo{display:flex;justify-content:center!important;align-items:center!important}
.footer.footer-simple p,.footer.footer-simple span{text-align:center!important}
@media(max-width:900px){.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}.agent-card.pro-agent .agent-content{text-align:center!important;width:100%}.agent-links{justify-content:center!important}.ecommerce-form-grid{grid-template-columns:1fr!important}.panel-title-row{justify-content:center;text-align:center}.switch-row{width:100%}.dashboard .cta-row{justify-content:center}.profile-mini{align-items:center;text-align:center}.profile-mini.compact{text-align:left}}
@media(max-width:560px){.agent-ecommerce{padding:14px!important;border-radius:20px!important}.ecommerce-icon-link{width:100%;justify-content:center}.auth-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.auth-header a{flex:1 1 0!important;min-width:0!important}.auth-header a b{font-size:11px!important}}

/* V89 safe layout fix: ecommerce visibility, dashboards, footer center */
:root{--wtt-ecom-orange:#f97316;--wtt-ecom-red:#25b9bd;--wtt-text:#111827}
.agent-card.pro-agent{align-items:center}
.agent-card.pro-agent .agent-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%}
.agent-card.pro-agent .agent-content>.agent-ecommerce{align-self:center}
.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce{display:block!important;width:min(100%,780px)!important;margin:20px auto 0!important;text-align:center!important;clear:both!important}
.agent-ecommerce{overflow:hidden!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff7ed 0%,#ffffff 52%,#ecfeff 100%)!important;border:1px solid #fb923c!important;box-shadow:0 18px 42px rgba(249,115,22,.14)!important}
.agent-ecommerce-title{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;color:#7c2d12!important;text-align:center!important;line-height:1.25!important}
.agent-ecommerce-sub{display:block!important;margin:6px auto 14px!important;color:#374151!important;max-width:620px!important;line-height:1.5!important}
.agent-ecommerce-icons{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}
.ecommerce-icon-link{white-space:nowrap!important;max-width:100%!important;background:#fff!important;color:#111827!important;border:1px solid #fdba74!important;box-shadow:0 10px 22px rgba(249,115,22,.12)!important}
.ecommerce-icon-link:hover{background:linear-gradient(135deg,#ffedd5,#fff7ed)!important;color:#7c2d12!important;border-color:#f97316!important}
.dashboard .panel,.auth .panel{box-sizing:border-box;max-width:1180px;margin-left:auto!important;margin-right:auto!important;overflow:visible}
.ecommerce-dashboard-panel,.ecommerce-admin-box{box-sizing:border-box;width:100%;max-width:1180px!important;margin:22px auto!important;overflow:hidden!important}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.switch-row{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ecommerce-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%}
.ecommerce-form-grid label{min-width:0!important;word-break:normal!important;overflow-wrap:anywhere!important}
.ecommerce-form-grid input{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:separate;border-spacing:0}
td,th{vertical-align:middle;overflow-wrap:anywhere}
.profile-mini{min-width:0}.profile-mini>*{min-width:0}
.profile-mini p,.profile-mini b,.muted{overflow-wrap:anywhere}
.admin-list.agent-ecommerce{width:auto!important;max-width:240px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.admin-list .agent-ecommerce-icons{justify-content:center!important;gap:6px!important}
.admin-list .ecommerce-icon-link{padding:7px 9px!important;min-height:34px!important;font-size:12px!important}
.admin-list .ecommerce-icon-link span:last-child{display:none!important}
.footer.footer-simple{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}
.footer.footer-simple .footer-brand-col,.footer.footer-simple .footer-bottom{width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.footer.footer-simple .footer-logo{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}
.footer.footer-simple .footer-bottom{justify-content:center!important;margin-top:10px!important}
.footer.footer-simple p,.footer.footer-simple span,.footer.footer-simple a{text-align:center!important}
@media(max-width:900px){.agent-card.pro-agent .agent-content{align-items:center!important;text-align:center!important}.ecommerce-form-grid{grid-template-columns:1fr!important}.panel-title-row{justify-content:center!important;text-align:center!important}.switch-row{width:100%;justify-content:center}.dashboard .cta-row{justify-content:center!important}.profile-mini{align-items:center!important;text-align:center!important}.table-wrap table{min-width:760px}.footer.footer-simple{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:560px){.agent-ecommerce{padding:15px!important;border-radius:20px!important}.agent-ecommerce-icons{gap:8px!important}.ecommerce-icon-link{width:100%!important;justify-content:center!important;white-space:normal!important}.auth-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.auth-header a{flex:1 1 0!important;min-width:0!important;justify-content:center!important}.auth-header a b{font-size:11px!important;white-space:nowrap!important}.dashboard .panel,.auth .panel{padding-left:14px!important;padding-right:14px!important}}

/* V90 admin table + footer full width + simple readable eCommerce UI */
.dashboard{overflow-x:hidden!important}
.dashboard .panel.admin-affiliates-panel,
.dashboard .panel.admin-lead-panel{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding:24px!important;border-radius:28px!important}
.admin-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:10px!important;border-radius:20px!important;border:1px solid #e5e7eb!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important}
.admin-affiliates-table,.admin-leads-table{width:100%!important;min-width:1180px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
.admin-affiliates-table th,.admin-affiliates-table td,
.admin-leads-table th,.admin-leads-table td{padding:14px 16px!important;border-bottom:1px solid #eef2f7!important;line-height:1.45!important;vertical-align:middle!important;color:#111827!important;background:#fff!important}
.admin-affiliates-table th,.admin-leads-table th{position:sticky!important;top:0!important;z-index:1!important;background:#f5ffff!important;color:#7f1d1d!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important}
.admin-affiliates-table tr:hover td,.admin-leads-table tr:hover td{background:#fffafa!important}
.admin-affiliates-table td:nth-child(1){min-width:300px!important}
.admin-affiliates-table td:nth-child(3){min-width:220px!important}
.admin-affiliates-table td:nth-child(6){min-width:210px!important;text-align:center!important}
.admin-leads-table td:nth-child(4){min-width:280px!important}
.admin-leads-table td:nth-child(5){min-width:180px!important}
.check-col{width:54px!important;text-align:center!important}
.profile-mini.compact{display:flex!important;align-items:center!important;gap:12px!important;min-width:260px!important}
.profile-mini.compact img{flex:0 0 auto!important}
.profile-mini.compact p{margin:3px 0 0!important;max-width:220px!important}
.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;font-weight:1000!important;background:#f3f4f6!important;color:#111827!important;white-space:nowrap!important}
.badge.active{background:#dcfce7!important;color:#166534!important}.badge.pending{background:#fef3c7!important;color:#92400e!important}.badge.blocked{background:#ecfeff!important;color:#0f766e!important}
.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce{width:min(100%,640px)!important;margin:18px auto 0!important}
.agent-ecommerce{background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;padding:16px!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;color:#111827!important}
.agent-ecommerce-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 6px!important;color:#111827!important;font-size:16px!important;font-weight:1000!important}
.agent-ecommerce-title b{color:#111827!important}
.agent-ecommerce-sub{margin:0 auto 12px!important;color:#4b5563!important;font-size:13.5px!important;line-height:1.45!important;max-width:520px!important;text-align:center!important}
.agent-ecommerce-icons{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important}
.ecommerce-icon-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:9px 13px!important;border-radius:999px!important;background:#f9fafb!important;color:#111827!important;border:1px solid #d1d5db!important;box-shadow:none!important;font-size:13px!important;font-weight:900!important;line-height:1.1!important}
.ecommerce-icon-link:hover{background:#111827!important;color:#ffffff!important;border-color:#111827!important;transform:translateY(-1px)!important}
.ecommerce-icon-link .ecommerce-icon{font-size:16px!important;line-height:1!important}
.admin-list.agent-ecommerce{max-width:190px!important;padding:8px!important;border-radius:16px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;box-shadow:none!important}
.admin-list .agent-ecommerce-title,.admin-list .agent-ecommerce-sub{display:none!important}
.admin-list .agent-ecommerce-icons{gap:6px!important}
.admin-list .ecommerce-icon-link{min-height:32px!important;width:34px!important;height:32px!important;padding:0!important;border-radius:10px!important;font-size:13px!important}
.admin-list .ecommerce-icon-link span:last-child{display:none!important}
.footer.footer-simple{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:44px max(5vw,18px)!important;background:radial-gradient(circle at 15% 0,rgba(37,185,189,.25),transparent 28%),#09090b!important;border-top:5px solid #25b9bd!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}
.footer.footer-simple .footer-brand-col,.footer.footer-simple .footer-bottom{width:100%!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.footer.footer-simple .footer-desc{max-width:760px!important;margin:8px auto!important;color:#e5e7eb!important}
.footer.footer-simple .footer-note{max-width:760px!important;margin:12px auto!important}
.footer.footer-simple .footer-logo{justify-content:center!important;width:100%!important}
.footer.footer-simple .footer-bottom{margin-top:8px!important;color:#e5e7eb!important}
@media(max-width:900px){.dashboard{padding-left:12px!important;padding-right:12px!important}.dashboard .panel.admin-affiliates-panel,.dashboard .panel.admin-lead-panel{padding:16px!important;border-radius:22px!important}.admin-affiliates-table,.admin-leads-table{min-width:980px!important}.admin-affiliates-table th,.admin-affiliates-table td,.admin-leads-table th,.admin-leads-table td{padding:12px 13px!important;font-size:13px!important}.admin-table-wrap{margin-left:0!important;margin-right:0!important}.agent-ecommerce{padding:14px!important;border-radius:18px!important}.ecommerce-icon-link{min-height:38px!important;padding:9px 11px!important}.footer.footer-simple{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}}
@media(max-width:560px){.admin-affiliates-table,.admin-leads-table{min-width:900px!important}.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.ecommerce-icon-link{width:100%!important;white-space:normal!important;text-align:center!important}.admin-list .agent-ecommerce-icons{display:flex!important}.admin-list .ecommerce-icon-link{width:34px!important}}

/* V91 dashboard, agent-card sync and readable eCommerce UI */
:root{--wtt-red:#25b9bd;--wtt-dark:#0f172a;--wtt-soft:#f8fafc;--wtt-line:#e5e7eb}
.dashboard{background:linear-gradient(180deg,#f5ffff 0%,#f8fafc 280px,#f8fafc 100%)!important;overflow-x:hidden!important}
.dashboard .panel{border-radius:30px!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important;background:#fff!important}
.dashboard .panel h1,.dashboard .panel h2{letter-spacing:-.025em!important;color:#111827!important}
.dashboard .panel-title-row{align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important}
.admin-table-wrap,.member-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;border-radius:22px!important;border:1px solid #e5e7eb!important;background:#fff!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;padding-bottom:8px!important}
.admin-affiliates-table,.admin-leads-table,.member-lead-table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;table-layout:auto!important}
.admin-affiliates-table{min-width:1450px!important}.admin-leads-table{min-width:1320px!important}.member-lead-table{width:100%!important;min-width:980px!important}
.admin-affiliates-table th,.admin-affiliates-table td,.admin-leads-table th,.admin-leads-table td,.member-lead-table th,.member-lead-table td{padding:15px 18px!important;border-bottom:1px solid #eef2f7!important;line-height:1.45!important;vertical-align:middle!important;color:#111827!important;background:#fff!important;overflow-wrap:break-word!important;word-break:normal!important}
.admin-affiliates-table th,.admin-leads-table th,.member-lead-table th{background:linear-gradient(180deg,#f5ffff,#fff)!important;color:#7f1d1d!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.055em!important;white-space:nowrap!important;font-weight:1000!important}
.admin-affiliates-table td:nth-child(1){min-width:360px!important;width:360px!important}.admin-affiliates-table td:nth-child(2){min-width:190px!important;width:190px!important;white-space:normal!important}.admin-affiliates-table td:nth-child(3){min-width:260px!important;width:260px!important}.admin-affiliates-table td:nth-child(4){min-width:150px!important}.admin-affiliates-table td:nth-child(6){min-width:240px!important;width:240px!important;text-align:center!important}.admin-affiliates-table td:nth-child(8){min-width:175px!important;text-align:center!important}
.admin-affiliates-table td:nth-child(2) a{display:inline-flex!important;max-width:165px!important;padding:7px 10px!important;border-radius:999px!important;background:#f3f4f6!important;color:#111827!important;font-weight:1000!important;overflow-wrap:anywhere!important;line-height:1.25!important}
.profile-mini.compact{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;border-radius:18px!important;background:#f9fafb!important;border:1px solid #eef2f7!important}
.profile-mini.compact img{width:70px!important;height:70px!important;border-radius:16px!important;object-fit:cover!important;grid-row:1/span 2!important}.profile-mini.compact div{min-width:0!important;max-width:100%!important}.profile-mini.compact b{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:14px!important;color:#111827!important;line-height:1.25!important}.profile-mini.compact p{max-width:100%!important;margin:4px 0 0!important;font-size:12.5px!important;line-height:1.35!important;color:#64748b!important;overflow-wrap:anywhere!important}
.member-lead-panel{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding:24px!important;text-align:left!important}.member-lead-panel .panel-title-row{text-align:center!important;justify-content:center!important}.member-lead-panel .searchbar{max-width:980px!important;margin:14px auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}.member-lead-panel .searchbar input{flex:1 1 360px!important;min-width:240px!important}
.member-lead-table td:nth-child(1){min-width:170px!important}.member-lead-table td:nth-child(2){min-width:180px!important}.member-lead-table td:nth-child(3){min-width:340px!important}.member-lead-table td:nth-child(4){min-width:150px!important}.member-lead-table td:nth-child(5){min-width:180px!important}
.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;max-width:1050px!important;margin:0 auto!important;padding:25px!important;border-radius:30px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important}
.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img{width:112px!important;height:112px!important;object-fit:cover!important;border-radius:25px!important;border:4px solid #fff!important;box-shadow:0 10px 30px rgba(15,23,42,.14)!important}.agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent>div,.page-agent-card .agent-card.pro-agent .agent-content{min-width:0!important;width:100%!important;text-align:left!important;align-items:flex-start!important}.page-agent-card .agent-card.pro-agent .btn,.support-agent-card .btn{justify-self:start!important;margin-top:12px!important}
.agent-ecommerce{width:min(100%,680px)!important;margin:18px auto 0!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%)!important;border:1px solid #fed7aa!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;color:#111827!important;text-align:center!important}.agent-ecommerce-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 7px!important;color:#111827!important;font-size:16px!important;font-weight:1000!important;line-height:1.25!important}.agent-ecommerce-title b{color:#111827!important}.agent-ecommerce-sub{display:block!important;margin:0 auto 14px!important;max-width:560px!important;color:#334155!important;font-size:13.5px!important;font-weight:700!important;line-height:1.55!important;text-align:center!important;background:#fff!important;border:1px solid #ffedd5!important;border-radius:14px!important;padding:9px 12px!important}.agent-ecommerce-icons{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important}.ecommerce-icon-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:10px 14px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;border:1px solid #111827!important;box-shadow:0 10px 24px rgba(15,23,42,.16)!important;font-size:13px!important;font-weight:1000!important;line-height:1.1!important;text-decoration:none!important}.ecommerce-icon-link:hover{background:#25b9bd!important;color:#fff!important;border-color:#25b9bd!important;transform:translateY(-1px)!important}.ecommerce-icon-link .ecommerce-icon{font-size:16px!important;line-height:1!important}
.admin-list.agent-ecommerce{max-width:220px!important;margin:0 auto!important;padding:9px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:none!important}.admin-list .agent-ecommerce-sub,.admin-list .agent-ecommerce-title{display:none!important}.admin-list .agent-ecommerce-icons{display:flex!important;gap:6px!important;justify-content:center!important}.admin-list .ecommerce-icon-link{width:36px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important;background:#111827!important}.admin-list .ecommerce-icon-link span:last-child{display:none!important}
.footer.footer-simple{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:radial-gradient(circle at 18% 0,rgba(37,185,189,.26),transparent 30%),linear-gradient(180deg,#111827,#09090b)!important}
@media(max-width:900px){.dashboard{padding-left:12px!important;padding-right:12px!important}.dashboard .panel,.member-lead-panel{padding:16px!important;border-radius:24px!important}.admin-affiliates-table{min-width:1220px!important}.admin-leads-table{min-width:1120px!important}.member-lead-table{min-width:880px!important}.admin-affiliates-table th,.admin-affiliates-table td,.admin-leads-table th,.admin-leads-table td,.member-lead-table th,.member-lead-table td{padding:12px 13px!important;font-size:13px!important}.admin-affiliates-table td:nth-child(1){min-width:310px!important;width:310px!important}.admin-affiliates-table td:nth-child(2){min-width:165px!important;width:165px!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:20px!important}.agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent>div,.page-agent-card .agent-card.pro-agent .agent-content{text-align:center!important;align-items:center!important}.page-agent-card .agent-card.pro-agent .btn,.support-agent-card .btn{justify-self:center!important}}
@media(max-width:560px){.admin-affiliates-table{min-width:1120px!important}.admin-leads-table{min-width:1040px!important}.member-lead-table{min-width:820px!important}.member-lead-panel .searchbar input{flex-basis:100%!important;min-width:0!important}.member-lead-panel .searchbar .btn{flex:1 1 auto!important}.agent-ecommerce{padding:15px!important;border-radius:18px!important}.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.ecommerce-icon-link{width:100%!important;white-space:normal!important;text-align:center!important}}

/* V92 agent-card readable sync + affiliate dashboard polish */
.agent-info,.page-agent-card,.bottom-agent{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:56px 16px!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{width:min(980px,100%)!important;max-width:980px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:16px!important;padding:30px!important;border-radius:32px!important;background:linear-gradient(180deg,#fff 0%,#f5ffff 100%)!important;border:1px solid rgba(37,185,189,.18)!important;box-shadow:0 22px 55px rgba(15,23,42,.10)!important;color:#111827!important;overflow:hidden!important}.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-card.pro-agent .agent-photo-link,.bottom-agent .agent-card.pro-agent .agent-photo-link{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto 4px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:138px!important;height:138px!important;object-fit:cover!important;border-radius:999px!important;margin:0 auto!important;border:5px solid #fff!important;outline:3px solid rgba(37,185,189,.18)!important;box-shadow:0 16px 34px rgba(15,23,42,.16)!important}.agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent>div,.bottom-agent .agent-card.pro-agent .agent-content,.support-agent-card .agent-content{width:100%!important;max-width:760px!important;min-width:0!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#111827!important}.agent-card.pro-agent .eyebrow,.page-agent-card .agent-card.pro-agent .eyebrow,.bottom-agent .agent-card.pro-agent .eyebrow{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:auto!important;margin:0 auto 6px!important;padding:7px 12px!important;border-radius:999px!important;background:#ecfeff!important;color:#0f766e!important;letter-spacing:.09em!important}.agent-card.pro-agent h2,.agent-card.pro-agent h3,.page-agent-card .agent-card.pro-agent h2,.page-agent-card .agent-card.pro-agent h3,.bottom-agent .agent-card.pro-agent h2,.bottom-agent .agent-card.pro-agent h3{color:#111827!important;margin:6px auto 8px!important;text-align:center!important;font-size:clamp(26px,3.6vw,42px)!important;line-height:1.05!important;letter-spacing:-.035em!important}.agent-card.pro-agent p,.page-agent-card .agent-card.pro-agent p,.bottom-agent .agent-card.pro-agent p,.support-agent-card p{color:#334155!important;font-weight:700!important;text-align:center!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}.agent-card.pro-agent .agent-links,.page-agent-card .agent-card.pro-agent .agent-links,.bottom-agent .agent-card.pro-agent .agent-links,.support-agent-card .agent-links{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:16px auto 0!important}.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span,.page-agent-card .agent-card.pro-agent .agent-links a,.page-agent-card .agent-card.pro-agent .agent-links span,.bottom-agent .agent-card.pro-agent .agent-links a,.bottom-agent .agent-card.pro-agent .agent-links span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:11px 15px!important;border-radius:999px!important;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 22px rgba(15,23,42,.07)!important;font-weight:1000!important;line-height:1.25!important;overflow-wrap:anywhere!important;text-align:center!important}.agent-card.pro-agent .agent-links a.agent-wa-link,.agent-card.pro-agent .agent-links a:first-child,.page-agent-card .agent-card.pro-agent .agent-links a:first-child,.bottom-agent .agent-card.pro-agent .agent-links a:first-child{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;box-shadow:0 14px 30px rgba(22,163,74,.22)!important}.agent-card.pro-agent .agent-links a:hover{background:#25b9bd!important;color:#fff!important;border-color:#25b9bd!important}.agent-card.pro-agent .agent-ecommerce,.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce,.dashboard-preview.agent-ecommerce{width:min(100%,700px)!important;margin:20px auto 0!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;color:#111827!important;text-align:center!important}.agent-ecommerce-title,.agent-ecommerce-title b{color:#111827!important;font-weight:1000!important;text-align:center!important}.agent-ecommerce-sub{color:#1f2937!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:10px 12px!important;font-weight:800!important;text-align:center!important}.agent-ecommerce-icons{justify-content:center!important;align-items:center!important;gap:10px!important}.ecommerce-icon-link{background:#111827!important;color:#fff!important;border:1px solid #111827!important;box-shadow:0 10px 24px rgba(15,23,42,.14)!important}.ecommerce-icon-link:hover,.ecommerce-icon-link:focus{background:#25b9bd!important;color:#fff!important;border-color:#25b9bd!important}.dashboard{width:100%!important;max-width:1440px!important;margin:0 auto!important;padding-left:clamp(14px,3vw,34px)!important;padding-right:clamp(14px,3vw,34px)!important}.dashboard .panel,.affiliate-profile-mini,.ecommerce-dashboard-panel,.member-lead-panel{border-radius:28px!important;border:1px solid #e5e7eb!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important}.member-lead-panel{width:100%!important;max-width:1360px!important;margin:24px auto!important;padding:26px!important;text-align:center!important}.member-lead-panel .panel-title-row{width:100%!important;display:flex!important;justify-content:center!important;text-align:center!important}.member-table-wrap,.table-wrap.member-table-wrap{width:100%!important;max-width:1280px!important;margin:16px auto 0!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #e5e7eb!important;border-radius:22px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important;-webkit-overflow-scrolling:touch!important}.member-lead-table{width:100%!important;min-width:1120px!important;border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important}.member-lead-table th,.member-lead-table td{padding:16px 18px!important;color:#111827!important;background:#fff!important;border-bottom:1px solid #eef2f7!important;vertical-align:middle!important;line-height:1.45!important;text-align:left!important;overflow-wrap:anywhere!important}.member-lead-table th{background:#f5ffff!important;color:#7f1d1d!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.055em!important;white-space:nowrap!important}.member-lead-table td:nth-child(1){min-width:210px!important}.member-lead-table td:nth-child(2){min-width:210px!important}.member-lead-table td:nth-child(3){min-width:430px!important}.member-lead-table td:nth-child(4){min-width:180px!important}.member-lead-table td:nth-child(5){min-width:210px!important}.member-lead-panel .searchbar{width:100%!important;max-width:1050px!important;margin:16px auto 18px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.member-lead-panel .searchbar input{flex:1 1 460px!important;min-width:260px!important}.affiliate-profile-mini{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important}@media(max-width:900px){.agent-info,.page-agent-card,.bottom-agent{padding:36px 12px!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{padding:22px!important;border-radius:26px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:122px!important;height:122px!important}.member-lead-panel{padding:18px!important;border-radius:24px!important}.member-lead-table{min-width:980px!important}.affiliate-profile-mini{flex-direction:column!important;text-align:center!important}}@media(max-width:560px){.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{padding:18px!important;border-radius:22px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:108px!important;height:108px!important}.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{width:100%!important}.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important}.ecommerce-icon-link{width:100%!important;min-height:42px!important}.member-lead-table{min-width:920px!important}.member-lead-panel .searchbar input{flex-basis:100%!important;min-width:0!important}.member-lead-panel .searchbar .btn{flex:1 1 auto!important}}


/* V93 - Agent image full view + clickable affiliate profile mini */
.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{justify-items:center!important;text-align:center!important}
.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;width:150px!important;height:150px!important;border-radius:32px!important;background:#ffffff!important;border:1px solid #ecfeff!important;box-shadow:0 16px 38px rgba(15,23,42,.12)!important;overflow:hidden!important;padding:7px!important}
.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:100%!important;height:100%!important;max-width:136px!important;max-height:136px!important;object-fit:contain!important;object-position:center!important;border-radius:24px!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important}
.agent-card.pro-agent>.agent-content,.page-agent-card .agent-content,.bottom-agent .agent-content,.support-agent-card .agent-content{width:100%!important;max-width:760px!important;margin:0 auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.affiliate-profile-mini{position:relative!important;width:100%!important;max-width:1180px!important;margin:18px auto 26px!important;padding:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;text-align:left!important;background:linear-gradient(135deg,#ffffff,#f5ffff)!important;border:1px solid #ecfeff!important;border-radius:30px!important;box-shadow:0 20px 55px rgba(15,23,42,.08)!important;overflow:hidden!important}
.affiliate-profile-mini:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,#25b9bd,#ffb703);border-radius:30px 0 0 30px}
.affiliate-profile-mini-click{position:absolute!important;inset:0!important;z-index:1!important;border-radius:30px!important}
.affiliate-profile-mini .affiliate-profile-photo{position:relative!important;z-index:2!important;flex:0 0 auto!important;width:96px!important;height:96px!important;border-radius:28px!important;background:#fff!important;border:1px solid #99f6e4!important;padding:6px!important;box-shadow:0 14px 34px rgba(37,185,189,.10)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.affiliate-profile-mini .affiliate-profile-photo img,.affiliate-profile-mini>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:22px!important;background:#fff!important;margin:0!important}
.affiliate-profile-mini .affiliate-profile-details,.affiliate-profile-mini>div:not(.affiliate-profile-photo){position:relative!important;z-index:2!important;min-width:0!important;flex:1 1 auto!important}
.affiliate-profile-mini h2,.affiliate-profile-mini b{margin:0 0 7px!important;color:#111827!important;font-weight:1000!important;letter-spacing:-.02em!important}
.affiliate-profile-mini p{margin:6px 0!important;color:#374151!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.profile-mini-wa-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:10px 0 4px!important;padding:9px 13px!important;border-radius:999px!important;background:#16a34a!important;color:#fff!important;font-weight:1000!important;font-size:13px!important;box-shadow:0 12px 26px rgba(22,163,74,.18)!important}
.affiliate-profile-mini .agent-ecommerce,.affiliate-profile-mini .dashboard-preview{position:relative!important;z-index:3!important}
.affiliate-profile-mini .ecommerce-icon-link,.affiliate-profile-mini a:not(.affiliate-profile-mini-click){position:relative!important;z-index:4!important}
.affiliate-profile-mini:hover{transform:translateY(-2px)!important;box-shadow:0 24px 70px rgba(37,185,189,.12)!important;border-color:#99f6e4!important}
.edit-profile-mini{max-width:720px!important;text-align:center!important}
@media(max-width:920px){.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{width:138px!important;height:138px!important;border-radius:28px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{max-width:124px!important;max-height:124px!important}.affiliate-profile-mini{flex-direction:column!important;text-align:center!important;padding:22px 18px!important;gap:14px!important}.affiliate-profile-mini .affiliate-profile-photo{width:104px!important;height:104px!important}.affiliate-profile-mini .affiliate-profile-details{width:100%!important}.profile-mini-wa-badge{width:100%!important}}
@media(max-width:560px){.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{width:126px!important;height:126px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{max-width:112px!important;max-height:112px!important}.affiliate-profile-mini{border-radius:24px!important}.affiliate-profile-mini:before{width:100%;height:6px;bottom:auto;border-radius:24px 24px 0 0}.affiliate-profile-mini-click{border-radius:24px!important}}

/* V96 Affiliate Dashboard Profile Layout Fix */
body .affiliate-profile-mini{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  max-width:760px!important;
  margin:18px auto 28px!important;
  gap:14px!important;
}
body .affiliate-profile-mini .affiliate-profile-photo{
  order:1!important;
  margin:0 auto!important;
  width:112px!important;
  height:112px!important;
}
body .affiliate-profile-mini .affiliate-profile-details{
  order:2!important;
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
body .affiliate-profile-mini .affiliate-profile-details h2,
body .affiliate-profile-mini .affiliate-profile-details b,
body .affiliate-profile-mini .affiliate-profile-details p{
  text-align:center!important;
  width:100%!important;
}
body .affiliate-profile-mini .profile-mini-wa-badge{display:none!important}
body .affiliate-profile-mini .dashboard-preview{
  width:100%!important;
  justify-content:center!important;
  margin-top:10px!important;
}
@media(min-width:921px){
  body .affiliate-profile-mini.panel{
    padding:28px 32px!important;
  }
}
@media(max-width:560px){
  body .affiliate-profile-mini{
    max-width:100%!important;
    padding:22px 16px!important;
  }
  body .affiliate-profile-mini .affiliate-profile-photo{
    width:104px!important;
    height:104px!important;
  }
}

/* V97 landing plan + affiliate image/auth fixes */
.pricing-table{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;align-items:stretch!important}
.shop-plan{height:100%;display:flex!important;flex-direction:column!important}
.shop-plan .btn{margin-top:auto!important}
.shop-plan.call{background:linear-gradient(180deg,#ffffff,#f8fafc)!important;color:#111827!important}
.shop-plan.annual{background:linear-gradient(180deg,#fff7ed,#ffffff)!important;color:#111827!important;border-color:#fed7aa!important}
.shop-plan.annual.premium{background:linear-gradient(180deg,#ecfeff,#ffffff)!important;border-color:#99f6e4!important}
.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:138px!important;height:138px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;padding:6px!important;border-radius:999px!important}
.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{overflow:visible!important;background:#fff!important}
.auth-header .auth-login,.auth-header .auth-register{cursor:pointer!important;pointer-events:auto!important;text-decoration:none!important}
@media(max-width:760px){.pricing-table{grid-template-columns:1fr!important}.shop-plan{min-height:auto!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:118px!important;height:118px!important}}

/* V98 404 + landing stability */
.notfound-main .notfound-hero{min-height:620px}.notfound-card .sim-card{background:linear-gradient(135deg,#25b9bd,#111827)}.pricing-table{align-items:stretch}.shop-plan{display:flex;flex-direction:column}.shop-plan ul{flex:1}.shop-plan .btn{margin-top:auto}


/* V101 synchronized agent card + dashboard readable polish */
.agent-info,.page-agent-card{width:100%;padding:56px 5vw!important;background:linear-gradient(135deg,#fff,#f5ffff)!important;text-align:center!important}
.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card{width:min(1040px,100%)!important;max-width:1040px!important;margin:0 auto!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:26px!important;align-items:center!important;justify-items:center!important;text-align:center!important;padding:30px!important;border-radius:34px!important;background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 70px rgba(17,24,39,.22)!important;overflow:hidden!important}
.agent-card.pro-agent .agent-photo-link{display:grid!important;place-items:center!important;width:150px!important;height:150px!important;border-radius:32px!important;background:#fff!important;padding:8px!important;box-shadow:0 18px 44px rgba(37,185,189,.22),0 0 0 1px rgba(255,255,255,.2)!important}
.agent-card.pro-agent img{width:134px!important;height:134px!important;object-fit:contain!important;object-position:center!important;border-radius:26px!important;background:#fff!important;border:0!important;box-shadow:none!important;margin:0 auto!important}
.agent-card.pro-agent .agent-content{width:100%!important;max-width:760px!important;margin:0 auto!important;text-align:center!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.agent-card.pro-agent .eyebrow{color:#ffb4bd!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;padding:7px 12px!important;margin:0 auto 10px!important;display:inline-flex!important;justify-content:center!important}
.agent-card.pro-agent h2,.agent-card.pro-agent h3{color:#fff!important;font-size:clamp(26px,3.4vw,40px)!important;line-height:1.08!important;margin:6px auto 10px!important;text-align:center!important}
.agent-card.pro-agent p{color:#f3f4f6!important;max-width:680px!important;margin:5px auto!important;text-align:center!important}
.agent-card.pro-agent .agent-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;width:100%!important;margin-top:16px!important}
.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:999px!important;padding:11px 15px!important;font-weight:1000!important;background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.10)!important;max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important}
.agent-card.pro-agent .agent-links a.agent-wa-link,.agent-card.pro-agent .agent-links a:first-child{background:#25d366!important;color:#052e16!important;border-color:#25d366!important}
.agent-card.pro-agent .agent-ecommerce{width:100%!important;max-width:680px!important;margin:18px auto 0!important;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:24px!important;padding:16px!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important;text-align:center!important}
.agent-card.pro-agent .agent-ecommerce-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#111827!important}
.agent-card.pro-agent .agent-ecommerce-sub{color:#4b5563!important;margin:8px auto 12px!important}
.agent-card.pro-agent .agent-ecommerce-icons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
.agent-card.pro-agent .ecommerce-icon-link{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#f9fafb!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:999px!important;padding:9px 12px!important;font-weight:900!important}
@media(max-width:860px){.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card{grid-template-columns:1fr!important;padding:24px 16px!important;gap:18px!important}.agent-card.pro-agent .agent-photo-link{width:132px!important;height:132px!important}.agent-card.pro-agent img{width:116px!important;height:116px!important}.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{width:100%!important;border-radius:16px!important}.agent-card.pro-agent .ecommerce-icon-link{width:100%!important;justify-content:center!important}.agent-info,.page-agent-card{padding:42px 14px!important}}

/* V102 premium visitor-friendly synchronized agent card UI */
.agent-info,.page-agent-card{
  width:100%!important;
  padding:72px 5vw 62px!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,36,50,.14),transparent 34%),linear-gradient(180deg,#fff,#f5ffff)!important;
  text-align:center!important;
}
.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-align:center!important;
  padding:0 22px 26px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff8f8 100%)!important;
  color:#111827!important;
  border:1px solid #b7ecec!important;
  box-shadow:0 26px 70px rgba(37,185,189,.14),0 8px 24px rgba(15,23,42,.08)!important;
  overflow:visible!important;
  position:relative!important;
}
.agent-card.pro-agent::before{
  content:"";
  display:block!important;
  width:100%!important;
  height:92px!important;
  border-radius:34px 34px 28px 28px!important;
  background:linear-gradient(135deg,#25b9bd,#ff5a2f 54%,#111827)!important;
  margin:0 0 0!important;
}
.agent-card.pro-agent .agent-photo-link{
  display:grid!important;
  place-items:center!important;
  width:156px!important;
  height:156px!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:8px!important;
  margin:-78px auto 16px!important;
  box-shadow:0 18px 44px rgba(37,185,189,.22),0 0 0 8px rgba(255,255,255,.88)!important;
  border:1px solid #b7ecec!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.support-agent-card img{
  width:140px!important;
  height:140px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:4px!important;
  border:0!important;
  box-shadow:none!important;
  margin:0 auto!important;
}
.agent-card.pro-agent .agent-content{
  width:100%!important;
  max-width:660px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#111827!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:1!important;
}
.agent-card.pro-agent .eyebrow{
  color:#0f766e!important;
  background:#ecfeff!important;
  border:1px solid #99f6e4!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  margin:0 auto 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.agent-card.pro-agent .eyebrow::before{content:"✅";margin-right:6px;letter-spacing:0!important}
.agent-card.pro-agent h2,.agent-card.pro-agent h3{
  color:#111827!important;
  font-size:clamp(26px,3vw,38px)!important;
  line-height:1.08!important;
  margin:4px auto 10px!important;
  text-align:center!important;
  letter-spacing:-.03em!important;
}
.agent-card.pro-agent .agent-content>p:not(.eyebrow),.agent-card.pro-agent p{
  color:#374151!important;
  max-width:620px!important;
  margin:6px auto!important;
  text-align:center!important;
  font-size:15px!important;
}
.agent-card.pro-agent .agent-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:18px auto 0!important;
}
.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  font-weight:1000!important;
  background:#f9fafb!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
.agent-card.pro-agent .agent-links a.agent-wa-link,.agent-card.pro-agent .agent-links a:first-child{
  background:linear-gradient(135deg,#25d366,#14b85a)!important;
  color:#052e16!important;
  border-color:#25d366!important;
  box-shadow:0 14px 30px rgba(37,211,102,.24)!important;
}
.agent-card.pro-agent .agent-links a.agent-wa-link::before{content:"💬";margin-right:7px}
.agent-card.pro-agent .agent-ecommerce{
  width:100%!important;
  max-width:620px!important;
  margin:18px auto 0!important;
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  text-align:center!important;
}
.agent-card.pro-agent .agent-ecommerce-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  color:#111827!important;
  line-height:1.25!important;
}
.agent-card.pro-agent .agent-ecommerce-title b{color:#111827!important}
.agent-card.pro-agent .agent-ecommerce-sub{
  color:#4b5563!important;
  margin:8px auto 12px!important;
  font-size:14px!important;
}
.agent-card.pro-agent .agent-ecommerce-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:8px!important;
}
.agent-card.pro-agent .ecommerce-icon-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:#fff7ed!important;
  color:#7c2d12!important;
  border:1px solid #fed7aa!important;
  border-radius:999px!important;
  padding:10px 13px!important;
  font-weight:900!important;
  transition:.18s ease!important;
}
.agent-card.pro-agent .ecommerce-icon-link:hover{
  background:#25b9bd!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
@media(max-width:760px){
  .agent-info,.page-agent-card{padding:56px 14px 46px!important}
  .agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent{width:100%!important;padding:0 16px 22px!important;border-radius:28px!important}
  .agent-card.pro-agent::before{height:82px!important;border-radius:28px 28px 24px 24px!important}
  .agent-card.pro-agent .agent-photo-link{width:132px!important;height:132px!important;margin-top:-66px!important}
  .agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.support-agent-card img{width:116px!important;height:116px!important}
  .agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{width:100%!important;border-radius:16px!important}
  .agent-card.pro-agent .ecommerce-icon-link{width:100%!important;justify-content:center!important}
}


/* V103 Pelan OTA MY slider */
.plans-shopee .plan-slider-wrap{width:min(1180px,100%);margin:0 auto;position:relative}
.plans-shopee .plan-slider-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 16px;color:#fff}
.plans-shopee .plan-slider-head span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-weight:900;font-size:14px;color:#fff}
.plans-shopee .plan-slider-actions{display:flex;gap:10px;align-items:center}
.plans-shopee .plan-slide-btn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#fff;color:#168fd6;font-size:28px;font-weight:1000;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:.18s ease}
.plans-shopee .plan-slide-btn:hover{transform:translateY(-2px);background:#ffecf0}
.plans-shopee .plan-slider{overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:10px 4px 20px;margin:0 -4px;cursor:grab}
.plans-shopee .plan-slider:active{cursor:grabbing}
.plans-shopee .plan-slider::-webkit-scrollbar{height:8px}
.plans-shopee .plan-slider::-webkit-scrollbar-track{background:rgba(255,255,255,.10);border-radius:999px}
.plans-shopee .plan-slider::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42);border-radius:999px}
.plans-shopee .pricing-table.plan-track{display:flex!important;grid-template-columns:none!important;gap:18px!important;align-items:stretch!important}
.plans-shopee .plan-track .shop-plan{flex:0 0 330px!important;max-width:330px!important;min-width:330px!important;scroll-snap-align:start;scroll-snap-stop:always;height:auto!important;min-height:100%;display:flex!important;flex-direction:column!important}
.plans-shopee .plan-track .shop-plan.best{scroll-snap-align:center}
.plans-shopee .plan-track .shop-plan ul{flex:1}
.plans-shopee .plan-track .shop-plan .btn{margin-top:auto}
.plans-shopee .plans-note{width:min(1180px,100%);margin:18px auto 0}
@media(max-width:760px){.plans-shopee .plan-slider-head{justify-content:center;text-align:center;flex-direction:column;margin-bottom:10px}.plans-shopee .plan-slider-actions{display:none}.plans-shopee .plan-slider{padding-left:0;padding-right:0;margin-left:-2px;margin-right:-2px}.plans-shopee .plan-track .shop-plan{flex-basis:86vw!important;min-width:86vw!important;max-width:86vw!important}.plans-shopee .plan-slider::-webkit-scrollbar{display:none}}
@media(min-width:1200px){.plans-shopee .plan-track .shop-plan{flex-basis:350px!important;min-width:350px!important;max-width:350px!important}}

/* V104 smooth desktop plan slider */
.plans-shopee .plan-slider{scroll-padding-inline:10px;user-select:none;touch-action:pan-y;overscroll-behavior-x:contain}
.plans-shopee .plan-slider.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.plans-shopee .plan-slider.is-dragging *{user-select:none;pointer-events:none}
.plans-shopee .plan-track{align-items:stretch;will-change:transform}
.plans-shopee .plan-track .shop-plan{scroll-snap-align:center}
.plans-shopee .plan-slide-btn:active{transform:translateY(0) scale(.96)}
@media (min-width:761px){.plans-shopee .plan-slider{padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px}.plans-shopee .plan-slider:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.72)}}

/* V109 Premium Testimoni Responsive UI */
.testimonial-section-v109{position:relative;overflow:hidden;padding:86px 20px;background:radial-gradient(circle at 12% 10%,rgba(255,214,220,.95),transparent 30%),radial-gradient(circle at 88% 18%,rgba(255,241,205,.9),transparent 28%),linear-gradient(135deg,#fff 0%,#fff7f8 48%,#fff 100%)}
.testimonial-section-v109:before{content:"";position:absolute;inset:18px;border:1px solid rgba(37,185,189,.08);border-radius:34px;pointer-events:none}.testimonial-shell-v109{position:relative;width:min(1180px,100%);margin:0 auto}.testimonial-head-v109{max-width:760px;margin-left:auto;margin-right:auto}.testimonial-head-v109 h2{letter-spacing:-.04em}.testimonial-summary-v109{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(760px,100%);margin:28px auto 34px}.testimonial-summary-v109 div{background:rgba(255,255,255,.78);border:1px solid rgba(37,185,189,.12);box-shadow:0 16px 40px rgba(185,0,16,.08);border-radius:22px;padding:16px 18px;text-align:center;backdrop-filter:blur(10px)}.testimonial-summary-v109 b{display:block;color:#168fd6;font-size:24px;line-height:1;font-weight:1000}.testimonial-summary-v109 span{display:block;margin-top:6px;color:#6b7280;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.testimonial-grid-v109{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.testimonial-card-v109{position:relative;display:flex;flex-direction:column;gap:14px;min-height:255px;padding:24px;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#fffafb 100%);border:1px solid rgba(37,185,189,.12);box-shadow:0 20px 46px rgba(17,24,39,.08);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.testimonial-card-v109:before{content:'“';position:absolute;right:22px;top:-18px;font-size:110px;line-height:1;color:rgba(37,185,189,.08);font-weight:1000;font-family:Georgia,serif}.testimonial-card-v109:hover{transform:translateY(-6px);box-shadow:0 28px 64px rgba(185,0,16,.14);border-color:rgba(37,185,189,.24)}.testimonial-card-v109.featured{background:linear-gradient(145deg,#fff 0%,#fff0f2 100%);border-color:rgba(37,185,189,.20)}.testimonial-top-v109{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.avatar-v109{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:17px;background:linear-gradient(135deg,#25b9bd,#ff6b6b);color:#fff;font-weight:1000;font-size:20px;box-shadow:0 12px 24px rgba(37,185,189,.22)}.testimonial-top-v109 b{display:block;color:#111827;font-size:17px;font-weight:1000}.testimonial-top-v109 small{display:block;margin-top:2px;color:#6b7280;font-size:12px;font-weight:800}.stars-v109{position:relative;z-index:1;color:#f59e0b;letter-spacing:3px;font-size:15px;line-height:1}.testimonial-card-v109 p{position:relative;z-index:1;margin:0;color:#374151;font-size:15px;line-height:1.7;font-weight:700}.tag-v109{position:relative;z-index:1;display:inline-flex;align-self:flex-start;margin-top:auto;background:#ecfeff;color:#168fd6;border:1px solid rgba(37,185,189,.10);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;box-shadow:0 10px 22px rgba(37,185,189,.06)}
@media(max-width:980px){.testimonial-section-v109{padding:72px 18px}.testimonial-grid-v109{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.testimonial-card-v109{min-height:235px}.testimonial-summary-v109{grid-template-columns:repeat(3,1fr);margin-bottom:28px}}
@media(max-width:640px){.testimonial-section-v109{padding:56px 14px}.testimonial-section-v109:before{inset:8px;border-radius:24px}.testimonial-summary-v109{grid-template-columns:1fr;gap:10px;margin:20px auto 22px}.testimonial-summary-v109 div{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 16px;border-radius:18px}.testimonial-summary-v109 b{font-size:21px}.testimonial-summary-v109 span{margin-top:0;font-size:11px}.testimonial-grid-v109{grid-template-columns:1fr;gap:14px}.testimonial-card-v109{min-height:auto;border-radius:24px;padding:20px}.testimonial-card-v109:hover{transform:none}.avatar-v109{width:44px;height:44px;flex-basis:44px;border-radius:15px}.testimonial-card-v109 p{font-size:14px;line-height:1.65}.stars-v109{font-size:14px;letter-spacing:2px}.tag-v109{padding:7px 10px}}


/* V110 Shopee/TikTok Review Testimonial UI */
.testimonial-section-v110{position:relative;overflow:hidden;padding:86px 20px;background:radial-gradient(circle at 8% 0%,rgba(255,88,88,.16),transparent 28%),radial-gradient(circle at 92% 12%,rgba(255,199,44,.20),transparent 30%),linear-gradient(180deg,#fff 0%,#fff7f4 55%,#fff 100%)}
.testimonial-section-v110:before{content:"";position:absolute;inset:18px;border:1px solid rgba(238,77,45,.14);border-radius:36px;pointer-events:none}.testimonial-shell-v110{position:relative;width:min(1180px,100%);margin:0 auto}.testimonial-head-v110{max-width:780px;margin:0 auto 26px;text-align:center}.review-scorebar-v110{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;width:min(860px,100%);margin:0 auto 34px}.score-main-v110,.score-mini-v110{background:rgba(255,255,255,.88);border:1px solid rgba(238,77,45,.16);box-shadow:0 18px 46px rgba(238,77,45,.09);border-radius:22px;padding:16px 18px;backdrop-filter:blur(10px)}.score-main-v110{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.score-main-v110 b{grid-row:1/3;color:#ee4d2d;font-size:42px;line-height:1;font-weight:1000}.score-main-v110 span{color:#ffb100;font-size:15px;letter-spacing:2px;font-weight:1000}.score-main-v110 small,.score-mini-v110 small{display:block;color:#6b7280;font-size:12px;font-weight:800}.score-mini-v110 b{display:block;color:#111827;font-size:18px;font-weight:1000;margin-bottom:4px}.testimonial-grid-v110{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.review-card-v110{position:relative;display:flex;flex-direction:column;min-height:245px;padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(17,24,39,.08);box-shadow:0 14px 34px rgba(17,24,39,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.review-card-v110:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(238,77,45,.15);border-color:rgba(238,77,45,.28)}.review-card-v110:after{content:"";position:absolute;left:20px;right:20px;bottom:54px;height:1px;background:linear-gradient(90deg,transparent,rgba(238,77,45,.18),transparent)}.highlight-v110{border-color:rgba(238,77,45,.30);background:linear-gradient(180deg,#fff 0%,#fff6f1 100%)}.review-top-v110{display:flex;align-items:center;gap:11px;margin-bottom:12px}.review-avatar-v110{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ee4d2d);color:#fff;font-size:18px;font-weight:1000;box-shadow:0 10px 22px rgba(238,77,45,.20)}.review-avatar-v110.pink{background:linear-gradient(135deg,#ff5fa2,#ff2d55)}.review-avatar-v110.orange{background:linear-gradient(135deg,#ffb100,#168fd6)}.review-avatar-v110.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.review-avatar-v110.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.review-avatar-v110.red{background:linear-gradient(135deg,#25b9bd,#25b9bd)}.review-top-v110 b{display:block;color:#111827;font-size:15px;font-weight:1000;line-height:1.1}.review-top-v110 small{display:block;color:#8a8f98;font-size:11px;font-weight:800;margin-top:4px}.verified-v110{margin-left:auto;white-space:nowrap;background:#fff1e8;color:#ee4d2d;border:1px solid rgba(238,77,45,.18);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:1000}.review-stars-v110{color:#ffb100;font-size:14px;font-weight:1000;letter-spacing:1px;margin-bottom:12px}.review-stars-v110 em{font-style:normal;color:#ee4d2d;font-size:12px;letter-spacing:0;margin-left:5px}.review-card-v110 p{margin:0 0 16px;color:#30343b;font-size:14.5px;line-height:1.68;font-weight:750}.review-meta-v110{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:15px}.review-meta-v110 span{display:inline-flex;align-items:center;background:#f7f7f7;color:#4b5563;border:1px solid rgba(17,24,39,.06);border-radius:999px;padding:7px 10px;font-size:11.5px;font-weight:950}.highlight-v110 .review-meta-v110 span:last-child{background:#fff1e8;color:#ee4d2d;border-color:rgba(238,77,45,.18)}
@media(max-width:980px){.testimonial-section-v110{padding:72px 18px}.testimonial-grid-v110{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-scorebar-v110{grid-template-columns:1fr 1fr}.score-main-v110{grid-column:1/-1}.review-card-v110{min-height:230px}}
@media(max-width:640px){.testimonial-section-v110{padding:56px 14px}.testimonial-section-v110:before{inset:8px;border-radius:24px}.review-scorebar-v110{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.score-main-v110,.score-mini-v110{border-radius:18px;padding:14px 15px}.score-main-v110 b{font-size:34px}.testimonial-grid-v110{grid-template-columns:1fr;gap:14px}.review-card-v110{min-height:auto;border-radius:20px;padding:17px}.review-card-v110:hover{transform:none}.review-card-v110:after{bottom:50px;left:16px;right:16px}.review-avatar-v110{width:42px;height:42px;flex-basis:42px}.verified-v110{font-size:10px;padding:5px 8px}.review-card-v110 p{font-size:14px;line-height:1.62}.review-meta-v110 span{font-size:11px;padding:6px 9px}}


/* V111 No Testimoni + Trust Box UI */
.trust-box-section-v111{position:relative;overflow:hidden;padding:78px 20px;background:radial-gradient(circle at 10% 0%,rgba(37,185,189,.10),transparent 30%),radial-gradient(circle at 90% 12%,rgba(255,204,0,.18),transparent 32%),linear-gradient(180deg,#fff 0%,#fff9f9 58%,#fff 100%)}
.trust-box-section-v111:before{content:"";position:absolute;inset:18px;border:1px solid rgba(37,185,189,.10);border-radius:34px;pointer-events:none}.trust-box-head-v111{position:relative;max-width:780px;margin-left:auto;margin-right:auto;text-align:center}.trust-box-grid-v111{position:relative;width:min(1120px,100%);margin:32px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.trust-box-card-v111{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:22px;box-shadow:0 16px 38px rgba(17,24,39,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.trust-box-card-v111:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(37,185,189,.12);border-color:rgba(37,185,189,.22)}.trust-box-card-v111 span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#25b9bd,#ff6b6b);color:#fff;font-size:22px;margin-bottom:14px;box-shadow:0 12px 24px rgba(37,185,189,.18)}.trust-box-card-v111 b{display:block;color:#111827;font-size:18px;font-weight:1000;margin-bottom:8px}.trust-box-card-v111 p{margin:0;color:#4b5563;font-size:14px;line-height:1.65;font-weight:700}@media(max-width:900px){.trust-box-grid-v111{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.trust-box-section-v111{padding:54px 14px}.trust-box-section-v111:before{inset:8px;border-radius:24px}.trust-box-grid-v111{grid-template-columns:1fr;gap:13px;margin-top:22px}.trust-box-card-v111{border-radius:20px;padding:18px}.trust-box-card-v111:hover{transform:none}.trust-box-card-v111 span{width:42px;height:42px;border-radius:14px;font-size:20px}.trust-box-card-v111 b{font-size:16px}.trust-box-card-v111 p{font-size:13.5px}}

/* === V116 UI WIDTH/CENTER + FAQ MARKER + PROFILE IMAGE FALLBACK PATCH === */
html,body{max-width:100%;overflow-x:hidden}.landing main,.dash-page main,.auth-page main{width:100%;max-width:100%}main>.hero,main>.section,.section,.agent-info,.dashboard,.auth,.footer{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.hero>*{min-width:0}.section>*:not(.section-head),.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card{width:min(1180px,100%);margin-left:auto;margin-right:auto}.section-head{width:min(920px,100%);margin-left:auto;margin-right:auto}.tanyabox{width:min(1180px,calc(100% - 10vw));margin-left:auto;margin-right:auto}.grid3,.grid4,.stat-grid,.form-grid,.ecommerce-form-grid,.plans-slider,.plan-track{width:100%;min-width:0}.panel,.auth-card,.phone-card,article,.income-card,.agent-card,.tanyabox{max-width:100%}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-mini,.profile-mini.compact,.affiliate-profile-mini{width:100%;max-width:100%;align-items:center}.profile-mini img,.affiliate-profile-photo img,img.profile-mini,img.affiliate-profile-photo{background:transparent}.affiliate-profile-photo{flex:0 0 auto}.affiliate-profile-details{min-width:0;overflow-wrap:anywhere}.faq details{width:min(920px,100%);margin-left:auto;margin-right:auto}.faq summary{display:list-item;list-style-position:inside;padding-right:8px}.faq summary::-webkit-details-marker{display:inline-block}.faq details summary::marker{content:'▸  '}.faq details[open] summary::marker{content:'▾  '}@media(min-width:921px){.faq details{padding:22px 24px}.faq summary{list-style-position:outside;margin-left:18px}.faq details[open]{border-color:#99f6e4;box-shadow:0 16px 40px rgba(37,185,189,.08)}}@media(max-width:920px){.hero,.section,.dashboard,.auth,.agent-info{padding-left:16px!important;padding-right:16px!important}.tanyabox{width:calc(100% - 32px);margin-left:auto!important;margin-right:auto!important}.section>*:not(.section-head),.dashboard>.panel,.dashboard>.dash-head,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card{width:100%}.dash-head,.panel-title-row{display:flex;flex-direction:column;align-items:stretch}.cta-row{justify-content:center}.cta-row .btn,.auth-links a{flex:1 1 auto;text-align:center}.profile-mini,.profile-mini.compact,.affiliate-profile-mini{justify-content:center;text-align:center}.profile-mini.compact{flex-direction:column}.affiliate-profile-mini{flex-direction:column}.affiliate-profile-photo img{margin-left:auto;margin-right:auto}.footer{padding-left:16px!important;padding-right:16px!important}}@media(max-width:560px){.hero h1,.section h2,.business h2,.tanyabox h2,.panel h1{letter-spacing:-.025em}.panel,.auth-card,.phone-card,article,.income-card,.agent-card,.tanyabox{border-radius:20px;padding:18px}.profile-mini img{width:72px;height:72px}.profile-mini.compact img,.affiliate-profile-photo img{width:74px;height:74px;border-radius:18px}.btn,.nav-cta{width:100%;white-space:normal}.searchbar{grid-template-columns:1fr!important}.table-wrap table{min-width:720px}.faq summary{list-style-position:inside}}

/* V117 RESPONSIVE RESOLUTION + LOGO + SYNC AGENT CARD + SHARE BOX */
:root{--wtt-desktop-width:1920px;--wtt-mobile-width:360px;--wtt-mobile-height:800px}body{width:100%;min-width:320px;overflow-x:hidden}.site-header,.footer,main,.dashboard,.admin-wrap,.affiliate-wrap{width:100%;max-width:var(--wtt-desktop-width);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}main>section,.section,.hero,.agent-info,.page-agent-card,.bottom-agent,.dashboard .panel,.admin-card,.admin-panel,.affiliate-card{box-sizing:border-box;max-width:var(--wtt-desktop-width);margin-left:auto!important;margin-right:auto!important}.brand{display:flex!important;align-items:center!important;gap:10px!important}.brand-logo-img{width:46px!important;height:46px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.12))}.footer-logo{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.footer-logo-img{width:58px!important;height:58px!important;object-fit:contain!important;display:block!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{width:min(100%,980px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:180px 1fr!important;align-items:center!important;gap:24px!important;padding:28px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff,#f5ffff)!important;border:1px solid #ecfeff!important;box-shadow:0 22px 55px rgba(15,23,42,.10)!important}.agent-card.pro-agent .agent-photo-link{grid-column:1!important;grid-row:1!important;width:160px!important;height:160px!important;margin:0 auto!important}.agent-card.pro-agent>.agent-content{grid-column:2!important;width:100%!important;max-width:760px!important;text-align:left!important;align-items:flex-start!important}.agent-card.pro-agent .agent-links,.agent-card.pro-agent .agent-ecommerce-icons,.agent-card.pro-agent .share-actions{justify-content:flex-start!important}.wtt-share-box.sync-share-box{width:100%;max-width:760px;margin:18px 0 0;padding:18px;border-radius:24px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;box-shadow:0 18px 42px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.14)}.wtt-share-box .share-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin-bottom:6px}.wtt-share-box p{margin:0 0 12px;color:#f8fafc!important;font-weight:700}.share-url-row{display:flex;gap:10px;align-items:center}.share-url-row input{flex:1;min-width:0;border:0;border-radius:16px;padding:13px 14px;font-weight:900;color:#111827;background:#fff;box-shadow:inset 0 0 0 1px #e5e7eb}.share-copy-btn{border:0!important;background:#25b9bd!important;color:#fff!important;border-radius:16px!important;padding:13px 18px!important;font-weight:1000!important;cursor:pointer}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.share-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:900;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20)}.share-actions a:hover{background:#25b9bd;color:#fff}.profile-mini,.affiliate-profile-photo,.agent-card.pro-agent img{background:transparent}@media (min-width:1441px){.hero,.section{padding-left:clamp(42px,5vw,86px)!important;padding-right:clamp(42px,5vw,86px)!important}.hero{min-height:min(880px,calc(100vh - 74px))}}@media (max-width:480px){.site-header,.footer,main,.dashboard,.admin-wrap,.affiliate-wrap{max-width:var(--wtt-mobile-width)!important}.hero,.section,main>section{width:100%!important;max-width:var(--wtt-mobile-width)!important;padding-left:14px!important;padding-right:14px!important}.brand-logo-img{width:40px!important;height:40px!important}.brand span{font-size:.95rem!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{grid-template-columns:1fr!important;width:100%!important;max-width:332px!important;gap:14px!important;padding:18px!important;text-align:center!important;border-radius:24px!important}.agent-card.pro-agent .agent-photo-link{grid-column:1!important;width:124px!important;height:124px!important}.agent-card.pro-agent>.agent-content{grid-column:1!important;text-align:center!important;align-items:center!important}.agent-card.pro-agent .agent-links,.agent-card.pro-agent .agent-ecommerce-icons,.agent-card.pro-agent .share-actions{justify-content:center!important}.wtt-share-box.sync-share-box{max-width:100%;padding:14px;text-align:center;border-radius:20px}.share-url-row{flex-direction:column}.share-url-row input,.share-copy-btn{width:100%!important}.share-actions a{flex:1 1 120px}.dashboard .panel,.admin-card,.admin-panel,.affiliate-card{max-width:332px!important}.footer-logo-img{width:48px!important;height:48px!important}}@media (max-width:360px){.site-header,.footer,main,.dashboard,.admin-wrap,.affiliate-wrap,.hero,.section,main>section{max-width:360px!important}.agent-card.pro-agent{max-width:332px!important}}

/* === WTT V118 SAFE RESPONSIVE PATCH === */
:root{
  --wtt-desktop-width: 1440px;
  --wtt-content-width: 1240px;
  --wtt-mobile-width: 390px;
  --wtt-mobile-height: 844px;
  --wtt-mobile-min-width: 320px;
  --wtt-mobile-max-width: 430px;
}
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  min-width:var(--wtt-mobile-min-width);
}
.site-header,
.footer,
main,
.dashboard,
.admin-wrap,
.affiliate-wrap{
  width:100%;
  max-width:var(--wtt-desktop-width);
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.auth>.panel,
.auth>.auth-card,
.page-agent-card,
.agent-info>.agent-card,
.seo-article-main>.panel,
main>.panel{
  width:min(100%, var(--wtt-content-width))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard,
.auth,
.footer,
main{
  padding-left:clamp(14px, 2.6vw, 42px)!important;
  padding-right:clamp(14px, 2.6vw, 42px)!important;
}
.hero{
  min-height:clamp(540px, 70vh, 760px)!important;
}
.section{
  padding-top:clamp(52px, 6vw, 76px)!important;
  padding-bottom:clamp(52px, 6vw, 76px)!important;
}
.phone-card,
.panel,
article,
.tanyabox,
.income-card,
.agent-card,
.auth-card{
  max-width:100%;
}
.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.admin-affiliates-table .profile-mini.compact,
.admin-affiliates-panel .profile-mini.compact{
  align-items:center!important;
  gap:14px!important;
}
.admin-affiliates-table .profile-mini.compact img,
.admin-affiliates-panel .profile-mini.compact img,
.edit-affiliate-card .profile-mini img{
  width:86px!important;
  height:86px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  padding:4px!important;
  border-radius:20px!important;
  box-shadow:inset 0 0 0 1px #99f6e4!important;
}
.profile-mini img,
.affiliate-profile-photo img,
.agent-card.pro-agent img{
  background:transparent;
}
.sim-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(10,10,10,.18), rgba(10,10,10,.42)),
    url('/assets/wantopup-app-preview.jpg') center/cover no-repeat !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 20px 60px rgba(37,185,189,.22)!important;
}
.sim-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.30) 100%);
  z-index:0;
}
.sim-card>*{
  position:relative;
  z-index:1;
  text-shadow:0 4px 18px rgba(0,0,0,.45);
}
@media (max-width: 1024px){
  :root{ --wtt-content-width: 1000px; }
  .hero,
  .business,
  .tanyabox{
    grid-template-columns:1fr!important;
  }
}
@media (max-width: 767px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .admin-wrap,
  .affiliate-wrap,
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .page-agent-card,
  .agent-info>.agent-card,
  .seo-article-main>.panel,
  main>.panel{
    max-width:100%!important;
  }
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard,
  .auth,
  .footer,
  main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .site-header{
    gap:10px!important;
  }
  .brand-logo-img{
    width:40px!important;
    height:40px!important;
  }
  .auth-header{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
  }
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .tanyabox,
  .page-agent-card,
  .agent-info>.agent-card,
  .seo-article-main>.panel,
  main>.panel{
    width:100%!important;
  }
  .table-wrap table,
  .admin-table-wrap table{
    min-width:720px;
  }
  .admin-affiliates-table .profile-mini.compact,
  .admin-affiliates-panel .profile-mini.compact{
    min-width:220px;
  }
}
@media (max-width: 430px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .admin-wrap,
  .affiliate-wrap{
    max-width:var(--wtt-mobile-max-width)!important;
  }
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .page-agent-card,
  .agent-info>.agent-card,
  .seo-article-main>.panel,
  main>.panel{
    width:min(100%, var(--wtt-mobile-max-width))!important;
  }
}
@media (max-width: 390px){
  .brand span{
    font-size:.95rem!important;
  }
}
/* === /WTT V118 SAFE RESPONSIVE PATCH === */

/* === WTT V119 SAFE UI SYNCHRONIZE PATCH === */
:root{
  --wtt-desktop-min-width: 1024px;
  --wtt-desktop-max-width: 1440px;
  --wtt-content-max-width: 1180px;
  --wtt-content-readable-width: 920px;
  --wtt-mobile-min-width: 320px;
  --wtt-mobile-ideal-width: 390px;
  --wtt-mobile-max-width: 430px;
  --wtt-safe-side: clamp(14px, 2.6vw, 42px);
}
html,
body{
  width:100%;
  min-width:var(--wtt-mobile-min-width);
  max-width:100%;
  overflow-x:hidden!important;
}
body{
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
}
body *{
  min-width:0;
}
.site-header,
.footer,
main,
.dashboard,
.auth,
.agent-info,
.page-agent-card,
.seo-article-main{
  width:100%!important;
  max-width:var(--wtt-desktop-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.auth>.panel,
.auth>.auth-card,
.agent-info>.agent-card,
.page-agent-card>.agent-card,
.seo-article,
.seo-article-main>.panel,
main>.panel{
  width:min(100%, var(--wtt-content-max-width))!important;
  max-width:var(--wtt-content-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard,
.auth,
.agent-info,
.page-agent-card,
.footer,
main{
  padding-left:var(--wtt-safe-side)!important;
  padding-right:var(--wtt-safe-side)!important;
}
.hero{
  min-height:clamp(560px, 68vh, 780px)!important;
}
.auth,
.dashboard{
  min-height:clamp(680px, 82vh, 920px)!important;
}
.panel,
.auth-card,
.phone-card,
article,
.income-card,
.tanyabox,
.agent-card,
.shop-plan,
.kelebihan-card{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto;
}
.btn,
.nav-cta,
.agent-links a,
.agent-links span,
.ecommerce-icon-link,
.share-actions a{
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}
.cta-row,
.agent-links,
.agent-ecommerce-icons,
.share-actions,
.auth-links,
.panel-title-row,
.dash-head .cta-row{
  flex-wrap:wrap!important;
}
/* remove old decorative layer from agent card */
.agent-card.pro-agent::before,
.page-agent-card .agent-card.pro-agent::before,
.bottom-agent .agent-card.pro-agent::before,
.support-agent-card::before,
.directory-card::before,
.lokasi-card::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
}
/* synchronized agent-card: photo always above content */
.agent-card.pro-agent,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.support-agent-card,
.agent-card.pro-agent.directory-card,
.agent-card.pro-agent.lokasi-card{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin:24px auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  text-align:center!important;
  padding:clamp(20px, 3vw, 34px)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,185,189,.10), transparent 38%),
    linear-gradient(180deg,#ffffff 0%,#f5ffff 100%)!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 22px 55px rgba(15,23,42,.10)!important;
  color:#111827!important;
  position:relative!important;
  overflow:hidden!important;
}
.agent-card.pro-agent .agent-photo-link,
.page-agent-card .agent-card.pro-agent .agent-photo-link,
.bottom-agent .agent-card.pro-agent .agent-photo-link,
.support-agent-card .agent-photo-link{
  order:1!important;
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:156px!important;
  height:156px!important;
  flex:0 0 156px!important;
  margin:0 auto 4px!important;
  padding:8px!important;
  border-radius:32px!important;
  background:#fff!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 16px 38px rgba(37,185,189,.14)!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent>.agent-photo-link+img,
.agent-card.pro-agent>img,
.agent-card.pro-agent.directory-card>img,
.agent-card.pro-agent.lokasi-card>img{
  order:1!important;
}
.agent-card.pro-agent .agent-photo-link img,
.agent-card.pro-agent>img,
.page-agent-card .agent-card.pro-agent img,
.bottom-agent .agent-card.pro-agent img,
.support-agent-card img,
.agent-card.pro-agent.directory-card>img,
.agent-card.pro-agent.lokasi-card>img{
  width:140px!important;
  height:140px!important;
  max-width:140px!important;
  max-height:140px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:0 auto!important;
  padding:4px!important;
  border-radius:28px!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.agent-card.pro-agent .agent-content,
.page-agent-card .agent-card.pro-agent .agent-content,
.bottom-agent .agent-card.pro-agent .agent-content,
.support-agent-card .agent-content,
.agent-card.pro-agent.directory-card .agent-content,
.agent-card.pro-agent.lokasi-card .agent-content{
  order:2!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#111827!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent .agent-content h2,
.agent-card.pro-agent .agent-content h3,
.support-agent-card h2,
.lokasi-card h3{
  max-width:100%!important;
  margin:0 auto 8px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  overflow-wrap:anywhere!important;
}
.agent-card.pro-agent .agent-content p,
.support-agent-card p,
.lokasi-card p{
  max-width:var(--wtt-content-readable-width)!important;
  margin:6px auto!important;
  line-height:1.58!important;
}
.agent-card.pro-agent .agent-links,
.agent-card.pro-agent .agent-ecommerce-icons,
.agent-card.pro-agent .share-actions,
.support-agent-card .agent-links,
.support-agent-card .agent-ecommerce-icons,
.support-agent-card .share-actions{
  justify-content:center!important;
  align-items:center!important;
}
.wtt-share-box.sync-share-box{
  width:100%!important;
  max-width:720px!important;
  margin:18px auto 0!important;
}
/* sim-card image full view, no crop */
.sim-card{
  width:100%!important;
  height:auto!important;
  min-height:230px!important;
  aspect-ratio:4 / 3!important;
  background-color:#070707!important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.32) 100%),
    url('/assets/wantopup-app-preview.jpg')!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  border-radius:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  overflow:hidden!important;
}
.sim-card::after{
  content:none!important;
  display:none!important;
}
.sim-card b,
.sim-card small{
  max-width:100%;
  overflow-wrap:anywhere;
}
.table-wrap,
.admin-table-wrap,
.plan-slider,
.plan-slider-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.admin-affiliates-table,
.admin-leads-table{
  min-width:760px;
}
input,
textarea,
select{
  max-width:100%!important;
}
@media (min-width: 1441px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .seo-article-main{
    max-width:var(--wtt-desktop-max-width)!important;
  }
}
@media (max-width: 1024px){
  .hero,
  .business,
  .tanyabox{
    grid-template-columns:1fr!important;
  }
  .grid4,
  .grid3,
  .stat-grid,
  .form-grid,
  .kelebihan-grid,
  .seo-topic-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media (max-width: 760px){
  :root{
    --wtt-safe-side:14px;
  }
  .site-header,
  .footer,
  main,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .seo-article-main,
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .agent-info>.agent-card,
  .page-agent-card>.agent-card,
  .seo-article,
  .seo-article-main>.panel,
  main>.panel{
    width:100%!important;
    max-width:100%!important;
  }
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .footer,
  main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .grid4,
  .grid3,
  .stat-grid,
  .form-grid,
  .kelebihan-grid,
  .seo-topic-grid{
    grid-template-columns:1fr!important;
  }
  .agent-card.pro-agent,
  .page-agent-card .agent-card.pro-agent,
  .bottom-agent .agent-card.pro-agent,
  .support-agent-card,
  .agent-card.pro-agent.directory-card,
  .agent-card.pro-agent.lokasi-card{
    width:100%!important;
    max-width:100%!important;
    margin:18px auto!important;
    padding:20px 16px!important;
    border-radius:24px!important;
  }
  .agent-card.pro-agent .agent-photo-link,
  .page-agent-card .agent-card.pro-agent .agent-photo-link,
  .bottom-agent .agent-card.pro-agent .agent-photo-link,
  .support-agent-card .agent-photo-link{
    width:132px!important;
    height:132px!important;
    flex-basis:132px!important;
    border-radius:26px!important;
  }
  .agent-card.pro-agent .agent-photo-link img,
  .agent-card.pro-agent>img,
  .page-agent-card .agent-card.pro-agent img,
  .bottom-agent .agent-card.pro-agent img,
  .support-agent-card img,
  .agent-card.pro-agent.directory-card>img,
  .agent-card.pro-agent.lokasi-card>img{
    width:118px!important;
    height:118px!important;
    max-width:118px!important;
    max-height:118px!important;
    border-radius:22px!important;
  }
  .agent-links a,
  .agent-links span,
  .ecommerce-icon-link,
  .share-actions a,
  .share-copy-btn{
    width:100%!important;
    max-width:340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .share-url-row{
    flex-direction:column!important;
  }
  .share-url-row input,
  .share-copy-btn{
    width:100%!important;
  }
  .sim-card{
    min-height:220px!important;
    border-radius:22px!important;
  }
}
@media (max-width: 430px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .seo-article-main{
    max-width:var(--wtt-mobile-max-width)!important;
  }
  .phone-card,
  .panel,
  article,
  .income-card,
  .tanyabox,
  .agent-card,
  .auth-card{
    padding:18px!important;
    border-radius:22px!important;
  }
  .hero h1,
  .section h2,
  .business h2,
  .tanyabox h2,
  .panel h1{
    overflow-wrap:anywhere!important;
  }
}
/* === /WTT V119 SAFE UI SYNCHRONIZE PATCH === */

/* === WTT V120 SAFE RESPONSIVE + UI PATCH === */
:root{
  --wtt-desktop-min-width:1024px;
  --wtt-desktop-max-width:1440px;
  --wtt-content-max-width:1200px;
  --wtt-readable-max-width:920px;
  --wtt-mobile-min-width:320px;
  --wtt-mobile-ideal-width:390px;
  --wtt-mobile-max-width:430px;
  --wtt-safe-side:clamp(14px,2.6vw,42px);
}
html,body{max-width:100%;overflow-x:hidden;min-width:var(--wtt-mobile-min-width)}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video,canvas{max-width:100%;height:auto}
.site-header,.footer,main,.dashboard,.auth,.agent-info,.page-agent-card,.seo-article-main{
  width:100%!important;
  max-width:var(--wtt-desktop-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.tanyabox,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card,.page-agent-card>.agent-card,.seo-article,.seo-article-main>.panel,main>.panel,.plan-slider-wrap,.plans-note{
  width:min(100%,var(--wtt-content-max-width))!important;
  max-width:var(--wtt-content-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.tanyabox,.dashboard,.auth,.agent-info,.page-agent-card,.footer,main{padding-left:var(--wtt-safe-side)!important;padding-right:var(--wtt-safe-side)!important}
.section-head,.faq details{width:min(100%,var(--wtt-readable-max-width))!important;max-width:var(--wtt-readable-max-width)!important;margin-left:auto!important;margin-right:auto!important}
*{overflow-wrap:break-word}
.btn,.nav-cta,.auth-login,.auth-register,.agent-links a,.agent-links span,.ecommerce-icon-link,.share-actions a,.share-copy-btn{white-space:normal!important;text-align:center!important;line-height:1.25!important}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* header auth buttons center */
.auth-header{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;text-align:center!important}
.auth-header .auth-login,.auth-header .auth-register,.auth-login,.auth-register{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important;min-height:42px!important;margin-left:auto!important;margin-right:auto!important}
.auth-header .auth-login b,.auth-header .auth-register b{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
/* synchronized agent card UI - photo above content, no before layer */
.agent-info,.page-agent-card{background:linear-gradient(180deg,#fff,#fff8f8)!important;text-align:center!important;padding-top:64px!important;padding-bottom:58px!important}
.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent,.support-agent-card,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{
  width:min(100%,780px)!important;
  max-width:780px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  margin:0 auto!important;
  padding:30px 24px 28px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff7f8 100%)!important;
  color:#111827!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 22px 60px rgba(185,0,16,.10),0 8px 22px rgba(15,23,42,.06)!important;
  overflow:visible!important;
  position:relative!important;
  text-align:center!important;
}
.agent-card.pro-agent::before,.agent-card.pro-agent.support-agent-card::before,.page-agent-card .agent-card.pro-agent::before,.bottom-agent .agent-card.pro-agent::before{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:none!important}
.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-card.pro-agent .agent-photo-link,.bottom-agent .agent-card.pro-agent .agent-photo-link,.support-agent-card .agent-photo-link{
  order:1!important;
  display:grid!important;
  place-items:center!important;
  width:150px!important;
  height:150px!important;
  flex:0 0 auto!important;
  margin:0 auto 2px!important;
  padding:8px!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid #99f6e4!important;
  box-shadow:0 16px 38px rgba(37,185,189,.16)!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:4px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
  border:0!important;
}
.agent-card.pro-agent .agent-content{order:2!important;width:100%!important;max-width:680px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#111827!important;min-width:0!important}
.agent-card.pro-agent .eyebrow{margin:0 auto 10px!important}
.agent-card.pro-agent h2,.agent-card.pro-agent h3{max-width:100%!important;line-height:1.08!important}
.agent-card.pro-agent .agent-content>p:not(.eyebrow),.agent-card.pro-agent p{max-width:620px!important;line-height:1.6!important}
.agent-card.pro-agent .agent-links,.agent-card.pro-agent .agent-ecommerce-icons,.agent-card.pro-agent .share-actions{justify-content:center!important;align-items:center!important}
.agent-card.pro-agent .wtt-share-box.sync-share-box{width:100%!important;max-width:640px!important;margin:18px auto 0!important;text-align:center!important}
/* sim-card image full */
.sim-card{
  min-height:220px!important;
  background-color:#09090b!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28)),url('/assets/wantopup-app-preview.jpg')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
/* smooth responsive plan slider */
.plans-shopee .plan-slider-wrap{overflow:visible!important}
.plans-shopee .plan-slider{
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x pan-y!important;
  cursor:grab!important;
  padding:12px 6px 24px!important;
  margin-left:-6px!important;
  margin-right:-6px!important;
  scrollbar-width:thin!important;
}
.plans-shopee .plan-slider.is-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grabbing!important}
.plans-shopee .pricing-table.plan-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:clamp(14px,1.8vw,22px)!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  width:max-content!important;
  min-width:100%!important;
  will-change:scroll-position!important;
}
.plans-shopee .plan-track .shop-plan{
  flex:0 0 clamp(300px,29vw,356px)!important;
  width:clamp(300px,29vw,356px)!important;
  min-width:clamp(300px,29vw,356px)!important;
  max-width:356px!important;
  scroll-snap-align:center!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.plans-shopee .plan-track .shop-plan .btn{width:100%!important}
/* FAQ marker visible all views */
.section.faq details,.faq details{overflow:visible!important}
.section.faq summary,.faq summary{display:list-item!important;list-style-position:outside!important;cursor:pointer!important;padding-left:4px!important;margin-left:22px!important;overflow:visible!important}
.section.faq summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:inline-block!important;color:#25b9bd!important}
.section.faq details summary::marker,.faq details summary::marker{content:'▸  '!important;color:#25b9bd!important;font-weight:1000!important}
.section.faq details[open] summary::marker,.faq details[open] summary::marker{content:'▾  '!important;color:#25b9bd!important}
.section.faq details p,.faq details p{margin-left:22px!important}
@media (min-width:1025px){.hero{min-height:clamp(620px,70vh,780px)!important}.site-header{min-height:74px!important}.auth-header .auth-login,.auth-header .auth-register{min-width:145px!important}}
@media (max-width:1024px){.hero,.business,.tanyabox{grid-template-columns:1fr!important}.grid4,.grid3,.stat-grid,.form-grid,.kelebihan-grid{grid-template-columns:1fr 1fr!important}.hero{min-height:auto!important}.site-header{justify-content:center!important}.auth-header{width:100%!important}}
@media (max-width:760px){
  :root{--wtt-safe-side:14px}
  .site-header,.footer,main,.dashboard,.auth,.agent-info,.page-agent-card,.seo-article-main,.hero,.section,.business,.tanyabox,.dashboard>.panel,.dashboard>.dash-head,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card,.page-agent-card>.agent-card,.seo-article,.seo-article-main>.panel,main>.panel{width:100%!important;max-width:100%!important}
  .grid4,.grid3,.stat-grid,.form-grid,.kelebihan-grid{grid-template-columns:1fr!important}
  .auth-header .auth-login,.auth-header .auth-register{flex:1 1 145px!important;max-width:210px!important}
  .agent-info,.page-agent-card{padding-top:44px!important;padding-bottom:42px!important}
  .agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent,.support-agent-card,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{width:100%!important;max-width:100%!important;padding:22px 16px!important;border-radius:26px!important;gap:14px!important;margin:0 auto!important}
  .agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-card.pro-agent .agent-photo-link,.bottom-agent .agent-card.pro-agent .agent-photo-link,.support-agent-card .agent-photo-link{width:132px!important;height:132px!important;border-radius:26px!important}
  .agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important;border-radius:22px!important}
  .plans-shopee .plan-slider{scroll-snap-type:x mandatory!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
  .plans-shopee .pricing-table.plan-track{gap:14px!important;width:max-content!important}
  .plans-shopee .plan-track .shop-plan{flex-basis:min(86vw,340px)!important;width:min(86vw,340px)!important;min-width:min(86vw,340px)!important;max-width:min(86vw,340px)!important}
  .section.faq summary,.faq summary{list-style-position:inside!important;margin-left:0!important;padding-left:0!important}
  .section.faq details p,.faq details p{margin-left:0!important}
}
@media (max-width:430px){.site-header,.footer,main,.dashboard,.auth,.agent-info,.page-agent-card,.seo-article-main{max-width:var(--wtt-mobile-max-width)!important}.phone-card,.panel,article,.income-card,.tanyabox,.agent-card,.auth-card{padding:18px!important;border-radius:22px!important}.sim-card{min-height:210px!important}.plans-shopee .plan-track .shop-plan{flex-basis:calc(100vw - 44px)!important;width:calc(100vw - 44px)!important;min-width:calc(100vw - 44px)!important;max-width:386px!important}}
@media (max-width:360px){.auth-header .auth-login,.auth-header .auth-register{flex-basis:100%!important;max-width:100%!important}.plans-shopee .plan-track .shop-plan{flex-basis:calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;min-width:calc(100vw - 36px)!important}.agent-card.pro-agent h2,.agent-card.pro-agent h3{font-size:24px!important}}
/* === /WTT V120 SAFE RESPONSIVE + UI PATCH === */

/* === WTT V121 SAFE UI PATCH === */
/* Share box: brighter paragraph text + cleaner landing UI */
.agent-card.pro-agent .wtt-share-box.sync-share-box,
.wtt-share-box.sync-share-box{
  background:linear-gradient(135deg,#0f172a 0%,#111827 52%,#1f2937 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.22)!important;
}
.agent-card.pro-agent .wtt-share-box.sync-share-box p,
.wtt-share-box.sync-share-box p,
.landing .wtt-share-box.sync-share-box p{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:800!important;
  line-height:1.55!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  margin:8px 0 14px!important;
  text-shadow:0 1px 6px rgba(0,0,0,.28)!important;
}
.wtt-share-box.sync-share-box .share-title,
.wtt-share-box.sync-share-box .share-title b{
  color:#ffffff!important;
}
/* Agent card CTA: no negeri, clear buy + register buttons */
.agent-card.pro-agent .agent-links{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin-top:14px!important;
}
.agent-card.pro-agent .agent-links .agent-wa-link,
.agent-card.pro-agent .agent-links .agent-register-link,
a.agent-wa-link,
a.agent-register-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  text-align:center!important;
  font-weight:1000!important;
  line-height:1.2!important;
  border:0!important;
  text-decoration:none!important;
  box-shadow:0 12px 26px rgba(15,23,42,.12)!important;
  white-space:normal!important;
}
.agent-card.pro-agent .agent-links .agent-wa-link,
a.agent-wa-link{
  background:linear-gradient(135deg,#25b9bd,#168fd6)!important;
  color:#fff!important;
}
.agent-card.pro-agent .agent-links .agent-register-link,
a.agent-register-link{
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  color:#fff!important;
}
.agent-card.pro-agent .agent-links .agent-wa-link:hover,
.agent-card.pro-agent .agent-links .agent-register-link:hover{
  transform:translateY(-2px)!important;
}
/* Header auth: centered but close together, no auto spacing */
.site-header .auth-header,
.auth-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  row-gap:8px!important;
  column-gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
}
.site-header .auth-header .auth-login,
.site-header .auth-header .auth-register,
.auth-header .auth-login,
.auth-header .auth-register,
.auth-login,
.auth-register{
  margin-left:0!important;
  margin-right:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:42px!important;
  padding-left:13px!important;
  padding-right:13px!important;
  text-align:center!important;
}
@media (min-width:1025px){
  .site-header{justify-content:space-between!important;gap:14px!important}
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register{min-width:auto!important}
}
@media (max-width:1024px){
  .site-header .auth-header,
  .auth-header{width:100%!important;margin-left:auto!important;margin-right:auto!important}
}
@media (max-width:760px){
  .auth-header .auth-login,
  .auth-header .auth-register{flex:0 1 auto!important;max-width:none!important}
  .agent-card.pro-agent .agent-links .agent-wa-link,
  .agent-card.pro-agent .agent-links .agent-register-link{width:100%!important}
}
@media (max-width:380px){
  .auth-header{gap:6px!important}
  .auth-header .auth-login,
  .auth-header .auth-register{font-size:13px!important;padding-left:10px!important;padding-right:10px!important}
}
/* === /WTT V121 SAFE UI PATCH === */

/* === WTT V122 AUTH HEADER CENTER PATCH === */
.site-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(10px,1.8vw,20px)!important;
  flex-wrap:wrap!important;
}
.site-header .brand{
  flex:0 0 auto!important;
}
.site-header .main-nav{
  flex:1 1 auto!important;
  min-width:260px!important;
  justify-content:center!important;
}
.site-header .auth-header,
.auth-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
}
.site-header .auth-header .auth-login,
.site-header .auth-header .auth-register,
.auth-header .auth-login,
.auth-header .auth-register{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-width:132px!important;
  max-width:178px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-align:center!important;
  margin:0!important;
}
.auth-header .auth-login b,
.auth-header .auth-register b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (min-width: 1025px){
  .site-header{
    flex-wrap:nowrap!important;
  }
  .site-header .auth-header,
  .auth-header{
    margin-left:0!important;
  }
}
@media (max-width: 1024px){
  .site-header{
    justify-content:center!important;
  }
  .site-header .auth-header,
  .auth-header{
    flex:1 1 100%!important;
    width:100%!important;
    gap:8px!important;
  }
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    flex:0 1 170px!important;
    min-width:132px!important;
    max-width:180px!important;
  }
}
@media (max-width: 430px){
  .site-header .auth-header,
  .auth-header{
    gap:7px!important;
    flex-wrap:nowrap!important;
  }
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:50%!important;
    padding:10px 8px!important;
    font-size:12px!important;
  }
  .auth-header .auth-login b,
  .auth-header .auth-register b{
    font-size:11.5px!important;
  }
}
@media (max-width: 340px){
  .site-header .auth-header,
  .auth-header{
    flex-wrap:wrap!important;
  }
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    max-width:100%!important;
    flex:1 1 100%!important;
  }
}
/* === /WTT V122 AUTH HEADER CENTER PATCH === */

/* === WTT V123 SEO + AI VISIBILITY PATCH === */
.seo-ai-visibility-section{background:linear-gradient(135deg,#f5ffff,#ffffff)!important;border-top:1px solid #ecfeff;border-bottom:1px solid #ecfeff}.seo-ai-grid,.keyword-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1120px,100%);margin:0 auto}.seo-ai-grid article,.keyword-cluster-grid>div,.ai-answer-box{background:#fff;border:1px solid #ecfeff;border-radius:26px;padding:22px;box-shadow:0 16px 38px rgba(15,23,42,.06);min-height:auto}.seo-ai-grid span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:10px}.seo-ai-grid h3,.keyword-cluster-grid h3,.keyword-cluster-grid h2{margin:4px 0 10px;color:#111827;letter-spacing:-.02em}.seo-ai-grid p,.keyword-cluster-grid li,.ai-answer-box p{color:#374151;overflow-wrap:anywhere}.seo-ai-keywords{width:min(1120px,100%);margin:18px auto 0;padding:16px 18px;border-radius:20px;background:#111827;color:#fff;font-weight:800;box-shadow:0 16px 35px rgba(15,23,42,.14)}.seo-ai-keywords b{color:#fff}.ai-summary-panel details{border:1px solid #ecfeff;border-radius:18px;padding:14px 16px;margin:12px 0;background:#fff}.ai-summary-panel summary{font-weight:1000;cursor:pointer}.ai-summary-panel summary::marker{color:#25b9bd}.hub-v123-panel .keyword-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.hub-v123-panel .btn,.ai-summary-panel .btn{margin-top:8px}.hub-v123-main .page-agent-card,.ai-article-main .page-agent-card{margin-top:24px!important}@media(max-width:920px){.seo-ai-grid,.keyword-cluster-grid,.hub-v123-panel .keyword-cluster-grid{grid-template-columns:1fr!important}.seo-ai-grid article,.keyword-cluster-grid>div,.ai-answer-box{padding:18px;border-radius:22px}.seo-ai-keywords{text-align:center;font-size:.95rem}.ai-summary-panel .cta-row{justify-content:center}.ai-summary-panel .cta-row .btn{width:100%}}
/* === /WTT V123 SEO + AI VISIBILITY PATCH === */


/* === WTT V124 COPY + RESPONSIVE AUDIT PATCH === */
.wantopup-guide-section .section-head .eyebrow,.seo-ai-visibility-section .section-head .eyebrow{letter-spacing:.12em}.seo-ai-grid article,.keyword-cluster-grid>div,.ai-answer-box,.shop-plan,.agent-card,.panel,.tanyabox,.income-card{min-width:0;overflow-wrap:anywhere;word-break:normal}.seo-ai-grid p,.keyword-cluster-grid li,.shop-plan li,.shop-plan p,.agent-content p,.agent-content h2,.section-head p,.section-head h2{overflow-wrap:anywhere}.plan-track,.pricing-table.plan-track{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;gap:18px!important}.shop-plan{flex:0 0 min(320px,86vw)!important;max-width:340px!important}@media (min-width:1280px){.shop-plan{flex-basis:320px!important}.plan-track,.pricing-table.plan-track{justify-content:flex-start!important}}@media (max-width:480px){.seo-ai-keywords{font-size:.92rem;line-height:1.45}.shop-plan{flex-basis:84vw!important}.section h2,.business h2,.tanyabox h2{hyphens:auto}.btn{white-space:normal;text-align:center}}
/* === /WTT V124 COPY + RESPONSIVE AUDIT PATCH === */

/* === WTT V125 PLAN ORDER + OVERLAP AUDIT PATCH === */
.plan-slider-wrap{
  max-width:100%;
  overflow:hidden;
}
.plan-slider{
  max-width:100%;
}
.plan-slider[data-plan-slider]{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.pricing-table.plan-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  align-items:stretch!important;
  width:max-content!important;
  min-width:100%!important;
  padding-bottom:8px!important;
}
.pricing-table.plan-track .shop-plan{
  flex:0 0 clamp(282px, 31vw, 382px)!important;
  min-width:282px!important;
  max-width:382px!important;
  scroll-snap-align:start;
  overflow-wrap:anywhere;
  word-break:normal;
  display:flex!important;
  flex-direction:column!important;
}
.pricing-table.plan-track .shop-plan .btn{
  margin-top:auto!important;
  white-space:normal!important;
  text-align:center!important;
}
.shop-plan.primary-plan{
  transform:none!important;
  border-color:#99f6e4!important;
  box-shadow:0 26px 70px rgba(37,185,189,.22)!important;
}
.shop-plan.primary-plan .deal-badge{
  letter-spacing:.08em;
}
.hero h1,
.section h2,
.shop-plan h3,
.agent-card h2,
.tanyabox h2,
.panel h1,
.panel h2{
  overflow-wrap:anywhere;
}
.btn,
.nav-cta,
.agent-links a,
.agent-links span,
.share-actions a{
  white-space:normal!important;
  min-width:0;
}
.agent-card,
.agent-content,
.profile-mini,
.panel,
.tanyabox,
.shop-plan{
  min-width:0!important;
}
.tanyabox .fullbtn{
  text-align:center!important;
}
@media(max-width:767px){
  .pricing-table.plan-track{
    gap:14px!important;
  }
  .pricing-table.plan-track .shop-plan{
    flex-basis:min(86vw, 336px)!important;
    min-width:min(86vw, 336px)!important;
    max-width:min(86vw, 336px)!important;
  }
  .plan-slider-head{
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .plan-slider-actions{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:380px){
  .pricing-table.plan-track .shop-plan{
    flex-basis:calc(100vw - 40px)!important;
    min-width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
  }
}
/* === /WTT V125 PLAN ORDER + OVERLAP AUDIT PATCH === */
/* === WTT V126 PLAN + SPEED AUDIT PATCH === */
.plan-pages-cta{
  width:min(1180px,100%);
  margin:18px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.plan-pages-cta b{width:100%;color:#fff;font-weight:1000}
.plan-pages-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  color:#0f766e!important;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.plan-pages-cta a:hover{background:#25b9bd;color:#fff!important}
.plan-main{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:clamp(18px,3vw,46px);
  background:radial-gradient(circle at 20% 0%,#fff0f1,transparent 32%),#fff;
}
.plan-hero,.plan-detail-hero,.plan-detail-body,.plan-note-box{
  width:min(1120px,100%);
  margin:0 auto 22px!important;
}
.plan-hero h1,.plan-detail-hero h1{
  font-size:clamp(32px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:10px 0 16px;
}
.plan-hero .lead,.plan-detail-hero .lead{
  font-size:clamp(16px,2vw,20px);
  color:#374151;
  max-width:880px;
}
.plan-hero-actions,.plan-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}
.plan-grid-section{
  width:min(1180px,100%);
  margin:0 auto 24px;
}
.plan-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.plan-page-card{
  background:#fff;
  border:1px solid #ecfeff;
  border-radius:28px;
  padding:22px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  overflow:hidden;
}
.plan-page-card.is-primary{
  background:linear-gradient(135deg,#25b9bd,#7f0008);
  color:#fff;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 24px 60px rgba(37,185,189,.26);
}
.plan-page-card h3{font-size:clamp(24px,3vw,38px);line-height:1;margin:8px 0}
.plan-page-card p{color:inherit;overflow-wrap:anywhere}
.plan-page-card .price,.plan-detail-price{
  font-size:clamp(28px,4vw,48px);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.04em;
}
.plan-data-pill{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  background:#fff7ed;
  color:#9a3412;
  font-weight:1000;
  border:1px solid #fed7aa;
}
.plan-page-card.is-primary .plan-data-pill{
  background:rgba(255,255,255,.16);
  color:#fff;
  border-color:rgba(255,255,255,.24);
}
.plan-detail-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0;
  margin:18px 0;
  list-style:none;
}
.plan-detail-list li{
  padding:14px 15px;
  border-radius:18px;
  background:#f5ffff;
  border:1px solid #ecfeff;
  font-weight:900;
}
.plan-keyword-box{
  margin-top:18px;
  padding:16px;
  border-radius:20px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.plan-keyword-box p{margin-bottom:0;color:#374151}
.deal-badge{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.18!important;
}
.shop-plan.primary-plan .deal-badge{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#7c2d12!important;
  box-shadow:0 12px 28px rgba(250,204,21,.28)!important;
}
.plan-slider,.pricing-table.plan-track{
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  will-change:scroll-position;
}
.shop-plan,.plan-page-card,.agent-card,.panel,.income-card,.kelebihan-card{
  overflow-wrap:anywhere;
  word-break:normal;
}
.section,.business,.tanyabox,.agent-info,.plan-main section{
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}
.hero,.site-header,.footer{
  content-visibility:visible;
}
img{
  height:auto;
}
@media (max-width:920px){
  .plan-page-grid{grid-template-columns:1fr 1fr}
  .plan-detail-list{grid-template-columns:1fr}
  .plan-hero-actions .btn,.plan-page-actions .btn{flex:1 1 180px}
}
@media (max-width:560px){
  .plan-main{padding:14px}
  .plan-page-grid{grid-template-columns:1fr}
  .plan-hero,.plan-detail-hero,.plan-detail-body,.plan-note-box{border-radius:22px;padding:18px}
  .plan-hero-actions .btn,.plan-page-actions .btn{width:100%;flex:1 1 100%}
  .plan-pages-cta{gap:8px}
  .plan-pages-cta a{width:100%}
}
/* === /WTT V126 PLAN + SPEED AUDIT PATCH === */

/* === WTT V127 SAFE SPEED + HERO CONVERSION PATCH === */
.site-header .main-nav{
  gap:10px!important;
  flex:1 1 auto;
  justify-content:center!important;
}
.site-header .main-nav .header-icon-link{
  min-height:40px;
  padding:8px 10px;
  border-radius:999px;
}
.site-header .main-nav .header-icon-link:hover{
  background:#ecfeff;
}
.hero>*{min-width:0}
.hero-buyer-offer{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin:20px 0 4px;
  padding:16px 18px;
  border-radius:24px;
  background:linear-gradient(135deg,#25b9bd,#0f766e 58%,#111827);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 22px 55px rgba(37,185,189,.28);
  max-width:760px;
  overflow:hidden;
  position:relative;
}
.hero-buyer-offer:after{
  content:"";
  position:absolute;
  inset:auto -50px -70px auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}
.hero-offer-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 12px;
  border-radius:999px;
  background:#fff;
  color:#0f766e;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.04em;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  white-space:nowrap;
}
.hero-buyer-offer b{
  display:block;
  color:#fff;
  font-size:clamp(20px,2.6vw,31px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.hero-buyer-offer p{
  margin:7px 0 0;
  color:#fff7ed!important;
  font-weight:800;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.phone-card .sim-card{
  background-size:contain!important;
  background-color:#168fd6!important;
}
.plan-slider,
.pricing-table.plan-track{
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  will-change:scroll-position;
}
.pricing-table.plan-track{
  align-items:stretch;
  contain:layout paint;
}
.shop-plan,
.agent-card,
.panel,
.phone-card,
.tanyabox{
  overflow-wrap:anywhere;
}
.shop-plan .btn,
.hero .btn,
.phone-card .btn{
  min-height:46px;
  white-space:normal!important;
  text-align:center;
}
@media (min-width:1280px){
  .hero{max-width:1440px!important}
  .hero-copy{max-width:840px}
}
@media (max-width:920px){
  .site-header .main-nav{
    width:100%;
    justify-content:flex-start!important;
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding-bottom:3px;
  }
  .site-header .main-nav .header-icon-link{
    flex:0 0 auto;
  }
  .hero-buyer-offer{
    grid-template-columns:1fr;
    text-align:center;
    max-width:100%;
    padding:16px;
  }
  .hero-offer-badge{
    white-space:normal;
    width:100%;
  }
}
@media (max-width:430px){
  .hero-buyer-offer{
    border-radius:20px;
    padding:14px;
    margin-top:16px;
  }
  .hero-buyer-offer b{font-size:22px}
  .hero-buyer-offer p{font-size:14.5px}
  .cta-row.hero-buttons .btn{width:100%}
}
/* === /WTT V127 SAFE SPEED + HERO CONVERSION PATCH === */

/* === WTT V128 PROFILE MINI + FALLBACK IMAGE SAFE PATCH === */
.profile-mini,
.profile-mini.compact,
.profile-mini.panel,
.affiliate-profile-mini,
.edit-profile-mini{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.profile-mini.panel,
.affiliate-profile-mini,
.edit-profile-mini{
  border:0!important;
}
.affiliate-profile-mini:before,
.profile-mini:before{
  display:none!important;
  content:none!important;
}
.profile-mini,
.profile-mini.compact,
.affiliate-profile-mini{
  display:flex!important;
  align-items:center!important;
  gap:clamp(10px,2vw,16px)!important;
  max-width:100%!important;
  min-width:0!important;
}
.profile-mini>div,
.affiliate-profile-details,
.profile-mini .muted,
.admin-affiliates-table td,
.admin-leads-table td{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.profile-mini img,
.profile-mini.compact img,
.affiliate-profile-photo img,
img.profile-mini,
img.affiliate-profile-photo,
.agent-card.pro-agent img,
.agent-photo-link img{
  background:transparent!important;
  background-image:none!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 auto!important;
}
.affiliate-profile-mini .affiliate-profile-photo,
.affiliate-profile-photo{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.admin-affiliates-table .profile-mini.compact,
.admin-affiliates-panel .profile-mini.compact{
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:0!important;
  margin:0!important;
}
.admin-affiliates-table .profile-mini.compact img,
.admin-affiliates-panel .profile-mini.compact img,
.edit-affiliate-card .profile-mini img{
  width:82px!important;
  height:82px!important;
  border-radius:18px!important;
  padding:0!important;
}
.dashboard .panel,
.auth .panel,
.auth-card,
.tanyabox,
.agent-card,
.shop-plan,
.seo-article,
.pelan-card,
.phone-card{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.table-wrap,
.admin-table-wrap{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
img{
  max-width:100%;
  height:auto;
}
@media (max-width: 920px){
  .dashboard,
  .auth,
  .section,
  .hero,
  .agent-info,
  main{
    max-width:100%!important;
  }
  .profile-mini:not(.compact),
  .affiliate-profile-mini{
    justify-content:center!important;
    text-align:center!important;
  }
  .admin-affiliates-table .profile-mini.compact,
  .admin-affiliates-panel .profile-mini.compact{
    justify-content:flex-start!important;
    text-align:left!important;
  }
}
@media (max-width: 560px){
  .profile-mini:not(.compact),
  .affiliate-profile-mini{
    flex-direction:column!important;
  }
  .admin-affiliates-table .profile-mini.compact,
  .admin-affiliates-panel .profile-mini.compact{
    flex-direction:row!important;
    min-width:210px!important;
  }
  .admin-affiliates-table .profile-mini.compact img,
  .admin-affiliates-panel .profile-mini.compact img{
    width:68px!important;
    height:68px!important;
  }
}
/* === /WTT V128 PROFILE MINI + FALLBACK IMAGE SAFE PATCH === */

/* === WTT V129 HERO + PHONE CARD SECTION + RESPONSIVE AUDIT PATCH === */
.hero.hero-v129{
  grid-template-columns:minmax(0, 1fr)!important;
  justify-items:center!important;
  text-align:center!important;
  width:min(100%, 1440px)!important;
  min-height:auto!important;
  padding-top:clamp(48px,6vw,86px)!important;
  padding-bottom:clamp(44px,5vw,72px)!important;
}
.hero.hero-v129 .hero-copy{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero.hero-v129 .hero-buttons{
  justify-content:center!important;
}
.hero-buyer-offer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:1fr!important;
  text-align:center!important;
  width:min(100%, 780px)!important;
  margin:22px auto 8px!important;
  padding:18px clamp(16px,3vw,28px)!important;
}
.hero-buyer-offer .hero-offer-badge,
.hero-offer-badge{
  order:0!important;
  margin:0 auto 12px!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.2!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer b{
  order:1!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer p{
  order:2!important;
  position:relative!important;
  z-index:2!important;
  max-width:680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.phone-card-section-v129{
  background:linear-gradient(180deg,#fff,#f5ffff)!important;
  padding-top:clamp(26px,4vw,46px)!important;
  padding-bottom:clamp(38px,5vw,66px)!important;
}
.phone-card-section-v129 .phone-card-v129{
  width:min(100%, 1120px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(260px, 420px) minmax(0, 1fr)!important;
  gap:clamp(18px,3vw,34px)!important;
  align-items:center!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,255,255,.14),transparent 30%),
    linear-gradient(135deg,#0b0b0d,#15151b 54%,#7f0010)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:34px!important;
  padding:clamp(18px,3vw,30px)!important;
  box-shadow:0 24px 65px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
}
.phone-card-v129 .sim-card{
  width:100%!important;
  min-height:245px!important;
  height:clamp(245px,24vw,330px)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#168fd6!important;
}
.phone-card-v129 .phone-card-copy{
  min-width:0!important;
  text-align:left!important;
}
.phone-card-v129 .phone-card-copy .eyebrow{
  color:#ffd7dc!important;
}
.phone-card-v129 h2{
  color:#fff!important;
  font-size:clamp(28px,4vw,48px)!important;
  line-height:1.05!important;
  margin:8px 0 12px!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere!important;
}
.phone-card-v129 p{
  color:#fff7ed!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
.phone-card-v129 a{
  margin-top:8px!important;
}
.hero .btn,
.phone-card-v129 .btn,
.agent-card .btn,
.shop-plan .btn{
  white-space:normal!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.section,
.panel,
.agent-card,
.shop-plan,
.tanyabox,
.phone-card,
.auth-card,
.seo-article{
  overflow-wrap:anywhere!important;
}
.grid3,
.grid4,
.seo-ai-grid,
.kelebihan-grid,
.pricing-table.plan-track{
  min-width:0!important;
}
@media (min-width:1441px){
  .site-header,
  main,
  .footer{
    max-width:1440px!important;
  }
}
@media (max-width:920px){
  .hero.hero-v129{
    text-align:center!important;
  }
  .phone-card-section-v129 .phone-card-v129{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .phone-card-v129 .phone-card-copy{
    text-align:center!important;
  }
  .phone-card-v129 .phone-card-copy .btn{
    width:100%!important;
  }
}
@media (max-width:480px){
  .hero.hero-v129,
  .phone-card-section-v129{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .hero-buyer-offer{
    border-radius:22px!important;
    padding:16px 14px!important;
  }
  .hero-offer-badge{
    font-size:11px!important;
    padding:9px 11px!important;
  }
  .phone-card-section-v129 .phone-card-v129{
    border-radius:24px!important;
    padding:16px!important;
  }
  .phone-card-v129 .sim-card{
    min-height:210px!important;
    height:230px!important;
  }
}
/* === /WTT V129 HERO + PHONE CARD SECTION + RESPONSIVE AUDIT PATCH === */

/* === WTT V130 HERO COPY CENTER + SPEED SAFE PATCH === */
.hero.hero-v129 .hero-copy,
.landing .hero .hero-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:min(100%, 980px)!important;
  max-width:980px!important;
  min-width:0!important;
}
.hero.hero-v129 .hero-copy > *,
.landing .hero .hero-copy > *{
  text-align:center!important;
}
.hero.hero-v129 .hero-copy .sub,
.hero.hero-v129 .hero-copy .seo-hero-copy,
.hero.hero-v129 .hero-copy .sim-price-line,
.landing .hero .hero-copy .sub,
.landing .hero .hero-copy .seo-hero-copy,
.landing .hero .hero-copy .sim-price-line{
  display:block!important;
  width:min(100%, 820px)!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.hero.hero-v129 .hero-copy .sub,
.landing .hero .hero-copy .sub{
  margin-top:0!important;
  margin-bottom:14px!important;
}
.hero.hero-v129 .hero-copy .seo-hero-copy,
.landing .hero .hero-copy .seo-hero-copy{
  margin-top:8px!important;
  margin-bottom:12px!important;
  color:#374151!important;
  line-height:1.65!important;
}
.hero.hero-v129 .hero-copy .sim-price-line,
.landing .hero .hero-copy .sim-price-line{
  margin-top:8px!important;
  margin-bottom:10px!important;
}
.hero.hero-v129 .hero-copy h1,
.landing .hero .hero-copy h1{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
}
.hero.hero-v129 .hero-copy .eyebrow,
.landing .hero .hero-copy .eyebrow{
  align-self:center!important;
  text-align:center!important;
}
.hero.hero-v129 .hero-buttons,
.landing .hero .hero-buttons,
.hero.hero-v129 .cta-row,
.landing .hero .cta-row{
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero.hero-v129 .hero-buyer-offer,
.landing .hero .hero-buyer-offer{
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
  text-align:center!important;
  contain:layout paint;
}
.hero.hero-v129 .hero-buyer-offer p,
.landing .hero .hero-buyer-offer p{
  text-align:center!important;
}
@media (max-width:920px){
  .hero.hero-v129 .hero-copy,
  .landing .hero .hero-copy{
    width:100%!important;
    max-width:100%!important;
  }
  .hero.hero-v129 .hero-copy .sub,
  .hero.hero-v129 .hero-copy .seo-hero-copy,
  .hero.hero-v129 .hero-copy .sim-price-line,
  .landing .hero .hero-copy .sub,
  .landing .hero .hero-copy .seo-hero-copy,
  .landing .hero .hero-copy .sim-price-line{
    width:min(100%, 760px)!important;
    max-width:760px!important;
  }
}
@media (max-width:560px){
  .hero.hero-v129 .hero-copy .sub,
  .hero.hero-v129 .hero-copy .seo-hero-copy,
  .hero.hero-v129 .hero-copy .sim-price-line,
  .landing .hero .hero-copy .sub,
  .landing .hero .hero-copy .seo-hero-copy,
  .landing .hero .hero-copy .sim-price-line{
    width:100%!important;
    max-width:100%!important;
  }
  .hero.hero-v129 .hero-buttons .btn,
  .landing .hero .hero-buttons .btn{
    width:100%!important;
  }
}
/* === /WTT V130 HERO COPY CENTER + SPEED SAFE PATCH === */

/* === WTT V131 DISTRICT + RESPONSIVE AUDIT === */
.form-grid label span{line-height:1.35}
.admin-affiliates-table td,.admin-affiliates-table th,.admin-leads-table td,.admin-leads-table th{white-space:normal;overflow-wrap:anywhere}
.lokasi-card .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px;line-height:1.35}
.profile-mini,.affiliate-profile-mini,.agent-card,.panel,.auth-card,.tanyabox{overflow-wrap:anywhere}
@media(max-width:920px){
  .form-grid{grid-template-columns:1fr!important}
  .dashboard,.auth,main,.section,.hero{overflow-x:hidden}
  .admin-table-wrap table{min-width:820px}
  .lokasi-card .eyebrow{justify-content:center}
}
@media(min-width:921px){
  .form-grid label{min-width:0}
  .auth-header{justify-content:center!important}
}
/* === /WTT V131 DISTRICT + RESPONSIVE AUDIT === */

/* === WTT V132 PLAN SLIDER MOBILE FIX + COMPLETE PLANS === */
.plans-shopee .plan-slider-wrap{
  width:min(1180px,100%)!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
  position:relative!important;
}
.plans-shopee .plan-slider{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
  touch-action:auto!important;
  scrollbar-width:thin!important;
  padding:8px 10px 18px!important;
  margin-left:0!important;
  margin-right:0!important;
  cursor:grab!important;
}
.plans-shopee .plan-slider.is-dragging{
  cursor:grabbing!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
}
.plans-shopee .pricing-table.plan-track,
.plans-shopee .plan-track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  align-items:stretch!important;
  overflow:visible!important;
  transform:none!important;
}
.plans-shopee .plan-track > article.shop-plan{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 340px!important;
  width:340px!important;
  min-width:340px!important;
  max-width:340px!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:normal!important;
  height:auto!important;
  min-height:auto!important;
  white-space:normal!important;
}
.plans-shopee .plan-track > article.shop-plan:nth-of-type(4),
.plans-shopee .plan-track > article.shop-plan:nth-of-type(5),
.plans-shopee .plan-track > article.shop-plan:nth-of-type(6){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.plans-shopee .plan-track > article.shop-plan.best{
  transform:none!important;
}
.plans-shopee .plan-slider-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.plans-shopee .plan-slide-btn{
  touch-action:manipulation!important;
}
.plans-shopee .shop-plan h3,
.plans-shopee .shop-plan .price,
.plans-shopee .shop-plan p,
.plans-shopee .shop-plan li,
.plans-shopee .shop-plan a{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:760px){
  .plans-shopee .plan-slider-wrap{
    overflow:visible!important;
    width:100%!important;
  }
  .plans-shopee .plan-slider-head{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
  }
  .plans-shopee .plan-slider-actions{
    display:flex!important;
    margin-top:4px!important;
  }
  .plans-shopee .plan-slider{
    width:100%!important;
    padding:8px 2px 18px!important;
    margin-left:0!important;
    margin-right:0!important;
    scroll-padding-left:2px!important;
    touch-action:auto!important;
    scrollbar-width:none!important;
  }
  .plans-shopee .plan-slider::-webkit-scrollbar{
    display:none!important;
  }
  .plans-shopee .pricing-table.plan-track,
  .plans-shopee .plan-track{
    gap:14px!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
  }
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:calc(100vw - 46px)!important;
    width:calc(100vw - 46px)!important;
    min-width:calc(100vw - 46px)!important;
    max-width:360px!important;
    padding:22px!important;
    scroll-snap-align:center!important;
  }
  .plans-shopee .plan-track > article.shop-plan:first-child{
    margin-left:0!important;
  }
  .plans-shopee .plan-track > article.shop-plan:last-child{
    margin-right:10px!important;
  }
}
@media(max-width:390px){
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:calc(100vw - 34px)!important;
    width:calc(100vw - 34px)!important;
    min-width:calc(100vw - 34px)!important;
    max-width:340px!important;
  }
  .plans-shopee .shop-plan h3{font-size:28px!important}
  .plans-shopee .price{font-size:44px!important}
}
/* === /WTT V132 PLAN SLIDER MOBILE FIX + COMPLETE PLANS === */

/* === WTT V133 PLAN SLIDER + FOOTER MENU PATCH === */
:root{
  --wtt-plan-card-desktop: clamp(292px, 23.5vw, 348px);
  --wtt-plan-card-tablet: clamp(280px, 42vw, 330px);
  --wtt-plan-card-mobile: min(86vw, 336px);
}
.plans-shopee .plan-slider-wrap{
  width:min(100%, 1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
}
.plans-shopee .plan-slider{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  padding:8px 6px 20px!important;
  scrollbar-width:thin;
}
.plans-shopee .pricing-table.plan-track,
.plans-shopee .plan-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:clamp(14px, 1.6vw, 22px)!important;
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  transform:none!important;
}
.plans-shopee .plan-track > article.shop-plan{
  flex:0 0 var(--wtt-plan-card-desktop)!important;
  width:var(--wtt-plan-card-desktop)!important;
  min-width:var(--wtt-plan-card-desktop)!important;
  max-width:var(--wtt-plan-card-desktop)!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.plans-shopee .plan-track > article.shop-plan ul{
  flex:1 1 auto!important;
}
.plans-shopee .plan-track > article.shop-plan .btn{
  width:100%!important;
  margin-top:auto!important;
  white-space:normal!important;
  text-align:center!important;
}
.plans-shopee .deal-badge{
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.2!important;
  text-align:center!important;
}
.plan-slider-head{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.plan-slider-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.plan-slide-btn{
  min-width:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.footer-simple{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
}
.footer-simple .footer-brand-col,
.footer-simple .footer-bottom{
  width:min(100%, 960px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer-simple-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:14px auto!important;
  width:100%!important;
}
.footer-simple-menu a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:10px 16px!important;
  min-height:42px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.footer-simple-menu a:hover{
  background:#25b9bd!important;
  color:#fff!important;
}
@media (max-width:1024px){
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:var(--wtt-plan-card-tablet)!important;
    width:var(--wtt-plan-card-tablet)!important;
    min-width:var(--wtt-plan-card-tablet)!important;
    max-width:var(--wtt-plan-card-tablet)!important;
  }
}
@media (max-width:640px){
  .plans-shopee .plan-slider-wrap{
    width:100%!important;
    max-width:100%!important;
  }
  .plans-shopee .plan-slider{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
    padding-bottom:18px!important;
  }
  .plans-shopee .pricing-table.plan-track,
  .plans-shopee .plan-track{
    gap:14px!important;
  }
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:var(--wtt-plan-card-mobile)!important;
    width:var(--wtt-plan-card-mobile)!important;
    min-width:var(--wtt-plan-card-mobile)!important;
    max-width:var(--wtt-plan-card-mobile)!important;
  }
  .plans-shopee .plan-track > article.shop-plan:first-child{
    margin-left:2px!important;
  }
  .plans-shopee .plan-track > article.shop-plan:last-child{
    margin-right:12px!important;
  }
  .plan-slider-head{
    flex-direction:column!important;
    text-align:center!important;
  }
  .footer-simple-menu{
    max-width:360px!important;
    gap:8px!important;
  }
  .footer-simple-menu a{
    flex:1 1 calc(50% - 8px)!important;
    padding:10px 12px!important;
  }
}
@media (min-width:1440px){
  .plans-shopee .plan-slider-wrap,
  .plan-slider-head{
    max-width:1240px!important;
  }
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:340px!important;
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
  }
}
/* === /WTT V133 PLAN SLIDER + FOOTER MENU PATCH === */

/* === WTT V134 UI POLISH PUBLIC PAGES + DASHBOARDS === */
:root{
  --wtt-v134-max: 1180px;
  --wtt-v134-wide: 1280px;
  --wtt-v134-side: clamp(14px, 3vw, 42px);
  --wtt-v134-red: #25b9bd;
  --wtt-v134-dark: #111827;
  --wtt-v134-soft: #f5ffff;
}
.guide-main,
.coverage-main,
.lokasi-main,
.plan-main,
.dashboard{
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-v134-side)!important;
  padding-right:var(--wtt-v134-side)!important;
  overflow-x:hidden!important;
}
.guide-main,
.coverage-main,
.plan-main{
  padding-top:clamp(24px,4vw,44px)!important;
  padding-bottom:clamp(38px,5vw,70px)!important;
  background:radial-gradient(circle at 12% 0%,rgba(37,185,189,.09),transparent 30%),linear-gradient(180deg,#fff,#fff8f8 48%,#fff)!important;
}
.guide-hero,
.coverage-hero,
.location-hero,
.plan-hero,
.plan-detail-hero{
  width:min(100%,var(--wtt-v134-max))!important;
  margin:0 auto 24px!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#fff,#ecfeff)!important;
  border:1px solid #b7ecec!important;
  box-shadow:0 24px 68px rgba(15,23,42,.10)!important;
  padding:clamp(22px,4vw,42px)!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
}
.guide-hero:before,
.coverage-hero:before,
.location-hero:before,
.plan-hero:before,
.plan-detail-hero:before{
  content:'';
  position:absolute;
  width:210px;
  height:210px;
  right:-80px;
  top:-80px;
  background:radial-gradient(circle,rgba(37,185,189,.16),transparent 64%);
  pointer-events:none;
}
.guide-hero h1,
.coverage-hero h1,
.location-hero h1,
.plan-hero h1,
.plan-detail-hero h1{
  max-width:920px!important;
  margin:8px auto 14px!important;
  font-size:clamp(30px,5vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere!important;
}
.guide-hero p,
.coverage-hero p,
.location-hero p,
.plan-hero .lead,
.plan-detail-hero .lead,
.plan-detail-hero p{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#374151!important;
  font-size:clamp(15px,1.6vw,18px)!important;
}
.guide-hero .cta-row,
.coverage-hero .cta-row,
.location-hero .cta-row,
.plan-hero-actions{
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:20px!important;
}
.guide-visual-strip,
.coverage-visual-strip,
.location-visual-strip,
.plan-visual-strip,
.affiliate-action-strip,
.admin-overview-grid{
  width:min(100%,var(--wtt-v134-max))!important;
  margin:22px auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.admin-overview-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-top:0!important;
  margin-bottom:24px!important;
}
.visual-card,
.dash-kpi-card{
  min-width:0!important;
  background:#fff!important;
  border:1px solid #ecfeff!important;
  border-radius:26px!important;
  padding:20px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.08)!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:hidden!important;
}
.visual-card.hot,
.dash-kpi-card:first-child{
  background:linear-gradient(135deg,#25b9bd,#9f0010)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
.visual-card span{
  width:48px!important;
  height:48px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#fff4f4!important;
  font-size:25px!important;
}
.visual-card.hot span{background:rgba(255,255,255,.18)!important}
.visual-card b,
.dash-kpi-card b{
  color:inherit!important;
  font-size:clamp(18px,2vw,23px)!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
.visual-card p,
.dash-kpi-card small,
.dash-kpi-card span{
  margin:0!important;
  color:inherit!important;
  opacity:.88!important;
  line-height:1.45!important;
}
.dash-kpi-card b{
  font-size:clamp(32px,4vw,46px)!important;
  letter-spacing:-.04em!important;
}
.guide-grid,
.coverage-grid,
.plan-page-grid,
.state-grid,
.agent-directory-cards,
.stat-grid,
.ecommerce-form-grid,
.form-grid{
  width:100%!important;
  max-width:var(--wtt-v134-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:clamp(14px,2vw,22px)!important;
}
.guide-card,
.coverage-card,
.state-card,
.plan-page-card,
.plan-card,
.shop-plan,
.dashboard .panel,
.admin-affiliates-panel,
.admin-lead-panel,
.member-lead-panel,
.ecommerce-dashboard-panel{
  border-radius:26px!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.guide-note,
.coverage-checker,
.coverage-info,
.coverage-steps,
.location-filter,
.location-results,
.auto-location-box,
.plan-note-box,
.plan-detail-body,
.plan-grid-section{
  width:min(100%,var(--wtt-v134-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.location-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;
  align-items:center!important;
  gap:24px!important;
  text-align:left!important;
}
.location-hero h1,
.location-hero p{margin-left:0!important;margin-right:0!important;text-align:left!important}
.location-hero .cta-row{justify-content:flex-start!important}
.lokasi-trust,
.coverage-signal-card{
  width:100%!important;
  max-width:360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#111827,#1f2937)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.22)!important;
}
.state-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.state-card{
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:16px!important;
}
.searchbar,
.lokasi-search,
.lead-searchbar{
  width:100%!important;
  max-width:var(--wtt-v134-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
}
.dashboard{
  background:radial-gradient(circle at 8% 0%,rgba(37,185,189,.09),transparent 32%),#f8fafc!important;
  padding-top:clamp(26px,4vw,54px)!important;
}
.dash-head{
  width:min(100%,var(--wtt-v134-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:24px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff,#f5ffff)!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 18px 52px rgba(15,23,42,.08)!important;
}
.dash-head h1{margin-bottom:8px!important;overflow-wrap:anywhere!important}
.dash-head .cta-row{justify-content:flex-end!important;margin:0!important}
.dashboard>.panel,
.dashboard>.success,
.dashboard>.alert,
.affiliate-profile-mini{
  width:min(100%,var(--wtt-v134-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.stat-grid article{
  min-height:132px!important;
  text-align:center!important;
  border:1px solid #ecfeff!important;
  background:#fff!important;
}
.stat-grid article b{color:#25b9bd!important}
.affiliate-profile-mini{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff,#f5ffff)!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 20px 56px rgba(15,23,42,.09)!important;
}
.affiliate-profile-details{min-width:0!important}
.affiliate-profile-details h2{overflow-wrap:anywhere!important}
.table-wrap{
  border-radius:22px!important;
  border:1px solid #eef2f7!important;
  background:#fff!important;
}
table{min-width:760px!important}
th{
  background:#f5ffff!important;
  color:#7f1d1d!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
td{overflow-wrap:anywhere!important;word-break:normal!important}
.btn{max-width:100%!important;white-space:normal!important;text-align:center!important}
.agent-card.pro-agent,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.support-agent-card{
  max-width:var(--wtt-v134-max)!important;
}
@media(max-width:1024px){
  .admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .guide-visual-strip,.coverage-visual-strip,.location-visual-strip,.plan-visual-strip,.affiliate-action-strip{grid-template-columns:1fr!important}
  .location-hero{grid-template-columns:1fr!important;text-align:center!important}
  .location-hero h1,.location-hero p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .location-hero .cta-row{justify-content:center!important}
}
@media(max-width:720px){
  .guide-main,.coverage-main,.lokasi-main,.plan-main,.dashboard{padding-left:14px!important;padding-right:14px!important}
  .guide-hero,.coverage-hero,.location-hero,.plan-hero,.plan-detail-hero,.dash-head{padding:20px!important;border-radius:24px!important}
  .admin-overview-grid,.stat-grid{grid-template-columns:1fr!important}
  .dash-head{display:flex!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:16px!important}
  .dash-head .cta-row{justify-content:center!important;width:100%!important}
  .dash-head .cta-row .btn{flex:1 1 150px!important}
  .affiliate-profile-mini{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:20px!important}
  .affiliate-profile-details p{text-align:center!important}
  .visual-card,.dash-kpi-card{padding:18px!important;border-radius:22px!important}
  .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .state-card{min-height:104px!important;padding:14px 10px!important}
  .searchbar{grid-template-columns:1fr!important}
  .searchbar .btn,.lokasi-search .btn,.lead-searchbar .btn{width:100%!important}
  table{min-width:820px!important}
}
@media(max-width:430px){
  .state-grid{grid-template-columns:1fr!important}
  .guide-hero h1,.coverage-hero h1,.location-hero h1,.plan-hero h1,.plan-detail-hero h1{font-size:clamp(28px,9vw,38px)!important}
  .footer-simple-menu{max-width:100%!important}
}
/* === /WTT V134 UI POLISH PUBLIC PAGES + DASHBOARDS === */

/* === WTT V135 UI READABILITY + LOCATION AGENT SYNC === */
/* 1) Dashboard Affiliate: profile photo always above details on desktop and mobile */
body.dash-page .dashboard .affiliate-profile-mini,
.dashboard .profile-mini.panel.affiliate-profile-mini{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:16px!important;
  width:min(100%, 980px)!important;
  margin:18px auto 28px!important;
  padding:clamp(20px,3vw,30px)!important;
  border-radius:30px!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-photo,
.dashboard .affiliate-profile-mini .affiliate-profile-photo{
  order:1!important;
  width:128px!important;
  height:128px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-photo img,
.dashboard .affiliate-profile-mini .affiliate-profile-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-details,
.dashboard .affiliate-profile-mini .affiliate-profile-details{
  order:2!important;
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
body.dash-page .affiliate-profile-mini .agent-ecommerce,
.dashboard .affiliate-profile-mini .agent-ecommerce{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.dash-page .affiliate-profile-mini .agent-ecommerce-icons,
.dashboard .affiliate-profile-mini .agent-ecommerce-icons{
  justify-content:center!important;
}

/* 2) Pelan page primary price: stronger contrast */
.plan-page-card.is-primary .price,
.plan-page-card.is-primary .plan-detail-price,
.plan-page-card.is-primary .plan-page-price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:6px auto!important;
  padding:10px 16px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  color:#8a0009!important;
  border:1px solid rgba(255,255,255,.72)!important;
  text-shadow:none!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18)!important;
}
.plan-page-card.is-primary p,
.plan-page-card.is-primary .plan-data-pill{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}

/* 3) Coverage signal card text readability */
.coverage-signal-card p,
.coverage-signal-card .muted{
  color:#fff7ed!important;
  font-weight:800!important;
  line-height:1.55!important;
  text-shadow:0 2px 10px rgba(0,0,0,.30)!important;
}
.coverage-signal-card h2,
.coverage-signal-card .signal-icon{
  color:#ffffff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}

/* 4) Lokasi directory cards synchronized with latest pro-agent UI */
.agent-card.pro-agent.directory-card.lokasi-card,
.agent-directory-cards .agent-card.pro-agent.lokasi-card{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin:22px auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding:clamp(22px,3vw,34px)!important;
  text-align:center!important;
  border-radius:32px!important;
  background:radial-gradient(circle at 50% 0%, rgba(37,185,189,.10), transparent 40%),linear-gradient(180deg,#ffffff 0%,#f5ffff 100%)!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 22px 55px rgba(15,23,42,.10)!important;
  overflow:hidden!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link{
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:156px!important;
  height:156px!important;
  flex:0 0 156px!important;
  padding:8px!important;
  border-radius:32px!important;
  background:#fff!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 16px 38px rgba(37,185,189,.14)!important;
  overflow:hidden!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link img,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link img{
  width:140px!important;
  height:140px!important;
  max-width:140px!important;
  max-height:140px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  border:0!important;
  border-radius:28px!important;
  box-shadow:none!important;
  background:transparent!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-content,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-content{
  order:2!important;
  width:100%!important;
  max-width:760px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .eyebrow,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .eyebrow{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 auto 8px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  color:#be0010!important;
  border:1px solid #99f6e4!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-links,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-links{
  justify-content:center!important;
  width:100%!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-wa-link,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-wa-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#25b9bd,#168fd6)!important;
  color:#fff!important;
  font-weight:1000!important;
  box-shadow:0 12px 25px rgba(37,185,189,.22)!important;
}
@media(max-width:560px){
  body.dash-page .affiliate-profile-mini .affiliate-profile-photo,
  .dashboard .affiliate-profile-mini .affiliate-profile-photo,
  .agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link,
  .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link{
    width:126px!important;
    height:126px!important;
    flex-basis:126px!important;
  }
  .agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link img,
  .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link img{
    width:112px!important;
    height:112px!important;
  }
  .plan-page-card.is-primary .price,
  .plan-page-card.is-primary .plan-detail-price,
  .plan-page-card.is-primary .plan-page-price{
    width:100%!important;
  }
}
/* === /WTT V135 UI READABILITY + LOCATION AGENT SYNC === */



/* === WTT V136 LOKASI 2-ROW + CONVERSION SYNC === */
.lokasi-page .location-filter,
.lokasi-page .location-results,
.lokasi-page .auto-location-box{
  overflow:hidden!important;
  text-align:center!important;
}
.lokasi-page .lokasi-eyebrow-clean,
.lokasi-page .location-filter .eyebrow,
.lokasi-page .lokasi-state-head .eyebrow,
.lokasi-page .lokasi-results-head .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  border:1px solid #99f6e4!important;
  color:#be0010!important;
  line-height:1.28!important;
  white-space:normal!important;
  text-align:center!important;
}
.lokasi-page .lokasi-eyebrow-clean::before,
.lokasi-page .lokasi-eyebrow-clean::after,
.lokasi-page .location-filter .eyebrow::before,
.lokasi-page .location-filter .eyebrow::after,
.lokasi-page .lokasi-state-head .eyebrow::before,
.lokasi-page .lokasi-state-head .eyebrow::after,
.lokasi-page .lokasi-results-head .eyebrow::before,
.lokasi-page .lokasi-results-head .eyebrow::after,
.lokasi-page .state-grid::before,
.lokasi-page .state-grid::after,
.lokasi-page .state-card::before,
.lokasi-page .state-card::after,
.lokasi-page .location-filter::before,
.lokasi-page .location-filter::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.lokasi-page .state-grid.state-icon-grid{
  width:min(100%,1180px)!important;
  margin:22px auto 0!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.lokasi-page .state-card{
  min-width:0!important;
  width:100%!important;
  border:1px solid #ecfeff!important;
  background:linear-gradient(180deg,#fff,#fff9f9)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  color:#111827!important;
}
.lokasi-page .state-card:hover,
.lokasi-page .state-card.active{
  border-color:#25b9bd!important;
  box-shadow:0 20px 46px rgba(37,185,189,.14)!important;
  transform:translateY(-2px)!important;
}
.lokasi-page .state-icon{
  font-size:24px!important;
  line-height:1!important;
}
.lokasi-page .state-name{
  display:block!important;
  max-width:100%!important;
  font-weight:1000!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
.lokasi-page .state-card small{
  display:block!important;
  margin-top:6px!important;
  color:#be0010!important;
  font-weight:950!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.lokasi-page .lokasi-search{
  width:min(100%,900px)!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:10px!important;
  margin-top:20px!important;
  margin-bottom:22px!important;
  padding:10px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07)!important;
}
.lokasi-page .lokasi-search input[type="search"]{
  min-height:46px!important;
  padding:10px 14px!important;
  border-radius:15px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.lokasi-page .lokasi-search .btn{
  min-height:46px!important;
  padding:10px 16px!important;
  border-radius:15px!important;
}
.lokasi-page .agent-card.pro-agent.directory-card.lokasi-card .agent-links,
.lokasi-page .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}
.lokasi-page .agent-card.pro-agent.directory-card.lokasi-card .agent-register-link,
.lokasi-page .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-register-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-weight:1000!important;
  box-shadow:0 12px 25px rgba(17,24,39,.18)!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce{
  width:100%!important;
  max-width:680px!important;
  margin:16px auto 0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#ffffff!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  text-align:center!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-title{
  justify-content:center!important;
  color:#111827!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-sub{
  color:#4b5563!important;
  font-weight:800!important;
  margin:6px auto 12px!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-icons{
  justify-content:center!important;
  gap:9px!important;
}
@media(min-width:1025px){
  .lokasi-page .state-grid.state-icon-grid{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .lokasi-page .state-card{
    min-height:112px!important;
    padding:14px 8px!important;
  }
}
@media(min-width:721px) and (max-width:1024px){
  .lokasi-page .state-grid.state-icon-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  .lokasi-page .location-filter,
  .lokasi-page .location-results,
  .lokasi-page .auto-location-box{
    width:100%!important;
    max-width:100%!important;
  }
  .lokasi-page .state-grid.state-icon-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .lokasi-page .state-card{
    min-height:96px!important;
    padding:12px 8px!important;
    border-radius:20px!important;
  }
  .lokasi-page .lokasi-search{
    width:100%!important;
    max-width:420px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:20px!important;
  }
  .lokasi-page .lokasi-search input[type="search"]{
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }
  .lokasi-page .lokasi-search .btn{
    width:100%!important;
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .lokasi-page .lokasi-eyebrow-clean,
  .lokasi-page .location-filter .eyebrow,
  .lokasi-page .lokasi-state-head .eyebrow,
  .lokasi-page .lokasi-results-head .eyebrow{
    font-size:10.5px!important;
    letter-spacing:.055em!important;
    padding:7px 10px!important;
  }
}
@media(max-width:380px){
  .lokasi-page .state-grid.state-icon-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .lokasi-page .state-card small{font-size:10px!important}
  .lokasi-page .state-name{font-size:13px!important}
}
/* === /WTT V136 LOKASI 2-ROW + CONVERSION SYNC === */

/* V137 affiliate landing + lokasi sync */
.affiliate-landing-page .site-header,.lokasi-page .site-header{isolation:isolate}.affiliate-free-main{background:#f8fafc;min-height:78vh;overflow:hidden}.affiliate-free-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:64px 0 42px}.affiliate-free-copy,.affiliate-free-preview,.affiliate-free-benefits .affiliate-free-grid article,.affiliate-step-row article,.affiliate-free-cta-box{background:#fff;border:1px solid #ecfeff;border-radius:30px;box-shadow:0 22px 55px rgba(15,23,42,.08)}.affiliate-free-copy{padding:34px}.affiliate-free-eyebrow{display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0 0 10px;padding:8px 13px;border-radius:999px;background:#ecfeff;border:1px solid #99f6e4;color:#be0010}.affiliate-free-copy h1{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 16px;color:#111827}.affiliate-free-copy p{font-size:clamp(16px,1.7vw,20px);color:#4b5563;max-width:760px}.affiliate-free-preview{position:relative;min-height:390px;padding:32px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:radial-gradient(circle at 20% 0,#ffe4e6,transparent 34%),linear-gradient(145deg,#fff,#fff8f8)}.preview-badge{display:inline-flex;align-self:center;margin-bottom:18px;border-radius:999px;background:#111827;color:#fff;font-weight:1000;letter-spacing:.14em;font-size:11px;padding:9px 13px}.affiliate-free-preview h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 12px;color:#111827}.preview-url{display:inline-flex;align-items:center;justify-content:center;gap:3px;margin:0 auto 22px;padding:12px 15px;border-radius:18px;background:#fff;border:1px solid #99f6e4;color:#be0010;font-weight:900;max-width:100%;overflow-wrap:anywhere}.preview-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-points span{background:#fff;border:1px solid #ecfeff;border-radius:18px;padding:12px;font-weight:900;color:#111827;box-shadow:0 12px 28px rgba(15,23,42,.05)}.affiliate-free-benefits,.affiliate-free-steps{background:#f8fafc}.affiliate-free-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto}.affiliate-free-grid article,.affiliate-step-row article{padding:24px;text-align:center;min-height:0}.affiliate-free-grid article span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:16px;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:10px}.affiliate-free-grid article h3,.affiliate-step-row article h3{margin:8px 0 8px;color:#111827;font-size:22px;line-height:1.15}.affiliate-free-grid article p,.affiliate-step-row article p{color:#4b5563;margin:0}.affiliate-step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1080px,100%);margin:0 auto 26px}.affiliate-step-row article b{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:18px;background:#111827;color:#fff;font-size:24px}.affiliate-free-cta-box{width:min(1080px,100%);margin:26px auto 0;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#ecfeff)}.affiliate-free-cta-box h2{margin:0 0 6px;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.affiliate-free-cta-box p{margin:0;color:#4b5563}.lokasi-page p.eyebrow::before,.lokasi-page p.eyebrow::after,.lokasi-page .agent-card.pro-agent p.eyebrow::before,.lokasi-page .agent-card.pro-agent p.eyebrow::after,.lokasi-page .agent-card.pro-agent .eyebrow::before,.lokasi-page .agent-card.pro-agent .eyebrow::after{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.lokasi-page .state-grid.state-icon-grid{grid-auto-flow:row!important}.lokasi-page .location-filter .section-head,.lokasi-page .lokasi-state-head,.lokasi-page .lokasi-results-head{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.lokasi-page .state-grid.state-icon-grid .state-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.lokasi-page .state-card .state-name{min-height:32px;display:flex!important;align-items:center!important;justify-content:center!important}.lokasi-page .location-results .agent-directory-cards{width:min(100%,980px)!important;margin-left:auto!important;margin-right:auto!important}.lokasi-page .lokasi-search{margin-left:auto!important;margin-right:auto!important}.lokasi-page .lokasi-card{margin-left:auto!important;margin-right:auto!important}.kelebihan-section .section-head h2{max-width:840px;margin-left:auto;margin-right:auto}.kelebihan-section .section-head p{max-width:840px;margin-left:auto;margin-right:auto}@media(min-width:1025px){.lokasi-page .state-grid.state-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(100px,auto))!important}.lokasi-page .state-grid.state-icon-grid .state-card{height:100%!important}.affiliate-free-main .page-agent-card{padding-top:24px}}@media(max-width:920px){.affiliate-free-hero,.affiliate-free-grid,.affiliate-step-row{grid-template-columns:1fr}.affiliate-free-hero{width:min(100% - 24px,680px);padding:34px 0 28px}.affiliate-free-copy,.affiliate-free-preview{padding:24px;border-radius:24px}.affiliate-free-cta-box{display:block;text-align:center}.affiliate-free-cta-box .cta-row{justify-content:center}.preview-points{grid-template-columns:1fr}.affiliate-free-actions .btn{width:100%}.affiliate-free-grid,.affiliate-step-row{width:min(100%,680px)}}@media(max-width:560px){.affiliate-free-copy h1{font-size:34px}.affiliate-free-preview{min-height:auto}.affiliate-free-grid article,.affiliate-step-row article{padding:20px}.lokasi-page .state-card .state-name{min-height:0}.lokasi-page .lokasi-search{max-width:360px!important}.lokasi-page .lokasi-search input[type="search"]{max-height:42px!important}.lokasi-page .lokasi-search .btn{max-height:42px!important}}
/* V139 landing cleanup + mobile menu full view */
.site-header,.footer,.section,.panel,.hero,.seo-article-main,.lokasi-page main{overflow-wrap:anywhere}
.agent-directory-cards,.keyword-cluster-grid,.plan-grid,.benefit-grid{min-width:0}
.agent-card,.state-card,.panel,.phone-card{max-width:100%}
@media(min-width:1025px){.lokasi-page .state-grid.state-icon-grid{grid-template-columns:repeat(8,minmax(92px,1fr))!important;grid-auto-rows:minmax(96px,auto)!important;align-items:stretch!important}.lokasi-page .state-grid.state-icon-grid .state-card{min-width:0!important;overflow:hidden!important}}
@media(max-width:920px){.site-header{max-width:100vw!important;overflow:visible!important}.site-header .main-nav,.main-nav{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;justify-content:center!important;align-items:stretch!important;overflow:visible!important;overflow-x:hidden!important;flex:1 1 100%!important;padding:6px 0 2px!important}.site-header .main-nav .header-icon-link,.main-nav .header-icon-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;min-height:38px!important;padding:8px 7px!important;border-radius:14px!important;background:#fff!important;border:1px solid #ecfeff!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;font-size:12px!important;line-height:1.1!important;text-align:center!important;white-space:normal!important}.site-header .main-nav .header-icon,.main-nav .header-icon{font-size:14px!important;line-height:1!important}.site-header .main-nav .header-icon-link span:last-child,.main-nav .header-icon-link span:last-child{display:inline!important;overflow-wrap:normal!important;word-break:keep-all!important}.auth-header{max-width:100%;overflow:visible!important;overflow-x:hidden!important}.lokasi-page .lokasi-search{width:min(100%,340px)!important}.lokasi-page .lokasi-search input[type="search"]{font-size:15px!important;padding:10px 12px!important}}
@media(max-width:380px){.site-header .main-nav,.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-header .main-nav .header-icon-link,.main-nav .header-icon-link{font-size:11.5px!important;padding:8px 6px!important}}


/* === WTT V140 SIM CARD IMAGE + SEARCH ENGINE INDEXING + RESPONSIVE AUDIT PATCH === */
:root{--wtt-container:1440px;--wtt-red:#25b9bd;--wtt-dark:#09090b}
html,body{max-width:100%;overflow-x:hidden}
body{background:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
main,.site-header,.footer{width:100%;max-width:var(--wtt-container);margin-left:auto!important;margin-right:auto!important}
main{isolation:isolate}
.section,.hero,.tanyabox,.agent-info,.dashboard,.auth{max-width:100%;overflow:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.phone-card-section-v129 .phone-card-v129{grid-template-columns:minmax(300px,460px) minmax(0,1fr)!important;align-items:center!important}
.phone-card-v129 .sim-card.sim-card-v140{display:block!important;width:100%!important;max-width:460px!important;margin:0 auto!important;aspect-ratio:920/706!important;height:auto!important;min-height:0!important;padding:0!important;border-radius:28px!important;background-color:#071626!important;background-image:image-set(url('/assets/wantopup-app-preview.jpg') type('image/webp'),url('/assets/og-cover.svg') type('image/png'))!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 22px 55px rgba(37,185,189,.22), inset 0 0 0 1px rgba(255,255,255,.20)!important;transform:translateZ(0)}
.phone-card-v129 .sim-card.sim-card-v140 b,.phone-card-v129 .sim-card.sim-card-v140 small{display:none!important}
.phone-card-v129 .phone-card-copy{align-self:center!important}
.phone-card-v129 .phone-card-copy p{max-width:680px!important}
.header-icon-link,.auth-header a,.btn,.ecommerce-icon-link{touch-action:manipulation}
.hero.hero-v129,.landing .hero{margin-left:auto!important;margin-right:auto!important}
.hero.hero-v129 h1,.section h2,.phone-card-v129 h2,.business h2,.tanyabox h2{overflow-wrap:break-word;word-break:normal}
.agent-card.pro-agent,.support-agent-card{width:min(100%,1050px)!important;margin-left:auto!important;margin-right:auto!important}
.wtt-share-box,.agent-ecommerce,.agent-links{max-width:100%}
@media (min-width:921px){.site-header{align-items:center!important}.main-nav{min-width:0!important}.auth-header{min-width:max-content!important}.phone-card-section-v129 .phone-card-v129{min-height:380px!important}.phone-card-v129 .sim-card.sim-card-v140{justify-self:center!important}.landing .tanyabox{width:min(100% - 10vw,1120px)!important;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:920px){.site-header{padding:10px 12px!important;gap:8px!important}.brand{width:100%!important;justify-content:center!important}.brand-logo-img{max-height:42px!important}.auth-header{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}.auth-header a{flex:1 1 150px!important;min-width:0!important}.site-header .main-nav,.main-nav{order:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.phone-card-section-v129 .phone-card-v129{width:min(100%,680px)!important;grid-template-columns:1fr!important;justify-items:center!important}.phone-card-v129 .sim-card.sim-card-v140{width:min(100%,520px)!important;border-radius:24px!important}.phone-card-v129 .phone-card-copy{text-align:center!important;width:100%!important}.tanyabox{width:min(100% - 24px,680px)!important;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:480px){.phone-card-v129 .sim-card.sim-card-v140{width:100%!important;border-radius:20px!important}.phone-card-section-v129 .phone-card-v129{padding:14px!important}.site-header .main-nav,.main-nav{gap:5px!important}.site-header .main-nav .header-icon-link,.main-nav .header-icon-link{font-size:11.5px!important;min-height:36px!important;padding:7px 5px!important}.auth-header a{font-size:12px!important;padding:9px 10px!important}.wa-float-v30{left:12px!important;right:12px!important;bottom:12px!important;justify-content:center!important}}
/* === /WTT V140 SIM CARD IMAGE + SEARCH ENGINE INDEXING + RESPONSIVE AUDIT PATCH === */

/* === WTT V141 GLOBAL RESPONSIVE WIDTH SYNC + OVERLAP FIX ===
   Tujuan: samakan width section, kemaskan mobile/desktop, dan elak horizontal overlap.
   Fokus: landing page, folder SEO, /pelan, /lokasi, /panduan, /liputan, dashboard affiliate/admin.
*/
:root{
  --wtt-page-max:1180px;
  --wtt-page-wide:1280px;
  --wtt-edge:clamp(14px,3.2vw,36px);
  --wtt-card-radius:clamp(20px,2.2vw,32px);
  --wtt-safe-bg:#ffffff;
  --wtt-soft-bg:#f5ffff;
  --wtt-border:#e5e7eb;
}
html{width:100%;max-width:100%;overflow-x:hidden!important}
body{width:100%;max-width:100%;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe,embed,object{max-width:100%!important;height:auto}
iframe,ins,.ad-slot>*{max-width:100%!important}
input,textarea,select,button{max-width:100%}
a,button,input,select,textarea{min-width:0}

/* Page shell: biar background full, content tetap center dan sama width */
main{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
.site-header,.footer{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important}
.section,.hero,.dashboard,.auth,.agent-info,.business,.faq,.plans,.phone-card-section,.coverage-main>section,.plan-main>section,.lokasi-main>section,.seo-article-main>article,.seo-article-main>.support-agent-card,.page-agent-card,.bottom-agent,.tanyabox{width:100%!important;max-width:100%!important;overflow:hidden!important}
.section,.hero,.dashboard,.auth,.agent-info,.business,.plans,.phone-card-section{padding-left:var(--wtt-edge)!important;padding-right:var(--wtt-edge)!important}

/* Semua content utama dalam section disamakan container */
.section-head,
.section>.section-head,
.hero>.hero-copy,
.phone-card-section .phone-card,
.plan-slider-wrap,
.pricing-table,
.benefit-grid,
.grid3,.grid4,
.seo-ai-grid,.seo-ai-keywords,
.business>* ,
.faq details,
.tanyabox,
.agent-card.pro-agent,
.support-agent-card,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.coverage-hero,
.coverage-visual-strip,
.coverage-checker,
.coverage-info,
.coverage-cta,
.plan-hero,
.plan-visual-strip,
.plan-page-grid,
.plan-note-box,
.location-hero,
.location-visual-strip,
.auto-location-box,
.location-filter,
.location-results,
.affiliate-action-strip,
.stat-grid,
.dashboard>.panel,
.dashboard>.dash-head,
.seo-article.panel,
.hub-v123-panel,
.keyword-cluster-grid,
.wtt-share-box{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.panel.wide,.auth-card.wide,.dashboard>.panel.wide,.coverage-visual-strip.panel.wide,.location-visual-strip.panel.wide,.auto-location-box.panel.wide,.location-filter.panel.wide,.location-results.panel.wide{width:min(100%,var(--wtt-page-max))!important;max-width:var(--wtt-page-max)!important}

/* Landing hero v141: zip v140 ada hero grid 2 kolum tetapi hanya 1 content, jadi centerkan */
body.landing .hero.hero-v129,
body.landing .hero{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  min-height:auto!important;
  padding-top:clamp(42px,7vw,84px)!important;
  padding-bottom:clamp(38px,6vw,72px)!important;
}
body.landing .hero .hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;max-width:1080px!important}
body.landing .hero h1{max-width:1040px!important;margin-left:auto!important;margin-right:auto!important}
body.landing .hero .sub,body.landing .seo-hero-copy,body.landing .sim-price-line{max-width:880px!important;margin-left:auto!important;margin-right:auto!important}
body.landing .hero-buyer-offer{width:min(100%,900px)!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.cta-row,.hero-buttons,.plan-hero-actions,.checker-actions,.affiliate-free-actions,.auto-location-actions{justify-content:center!important;align-items:center!important}

/* Cards / grids: auto-fit untuk elak overlap dan width tak sama */
.grid4,.grid3,.seo-ai-grid,.benefit-grid,.coverage-grid,.plan-page-grid,.keyword-cluster-grid,.affiliate-action-strip,.location-visual-strip,.coverage-visual-strip,.plan-visual-strip,.stat-grid,.dash-kpi-grid,.affiliate-free-grid,.affiliate-step-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  align-items:stretch!important;
}
.grid4>*,.grid3>*,.seo-ai-grid>*,.benefit-grid>*,.coverage-grid>*,.plan-page-grid>*,.keyword-cluster-grid>*,.visual-card,.stat-grid>*,.dash-kpi-card,article,.panel,.phone-card,.agent-card,.support-agent-card{min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important}
article,.panel,.phone-card,.agent-card,.support-agent-card,.visual-card,.state-card,.plan-card,.shop-plan,.price-card{border-radius:var(--wtt-card-radius)!important}

/* Plan slider/table: horizontal scroll hanya di track, bukan seluruh body */
.plan-slider-wrap{overflow:hidden!important}
.plan-slider{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;padding-bottom:10px!important}
.plan-slider .pricing-table,.pricing-table.plan-track{width:max-content!important;max-width:none!important;min-width:100%!important;margin-left:0!important;margin-right:0!important;display:flex!important;gap:16px!important;align-items:stretch!important}
.plan-slider .shop-plan,.pricing-table.plan-track .shop-plan{width:clamp(278px,30vw,360px)!important;min-width:clamp(278px,30vw,360px)!important;max-width:360px!important;scroll-snap-align:start!important}
.plan-slider-head{width:100%!important;max-width:var(--wtt-page-max)!important;margin-left:auto!important;margin-right:auto!important}

/* Forms: supaya input/button tidak melebar/bertindih */
.tanyabox{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:clamp(16px,2.6vw,28px)!important;align-items:center!important}
.tanyabox form,.lead-form,.tanya-form,.searchbar,.ecommerce-form-grid{min-width:0!important;max-width:100%!important}
.tanyabox form{grid-template-columns:repeat(2,minmax(0,1fr)) auto!important}
.tanyabox form textarea,.tanyabox form .full{grid-column:1/-1!important}
.searchbar{width:100%!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) auto auto!important}
.searchbar input,.searchbar select{min-width:0!important}
.ecommerce-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}

/* Header: menu mobile tidak scroll dan semua nampak */
.site-header{overflow:visible!important}
.brand,.main-nav,.auth-header{min-width:0!important}
.main-nav{flex-wrap:wrap!important;justify-content:center!important}
.header-icon-link span:last-child{min-width:0!important}
.auth-header{display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}
.auth-header a{min-width:0!important;white-space:normal!important;text-align:center!important}

/* Agent card + share box: content center dan tidak pecah mobile */
.agent-card.pro-agent,.support-agent-card,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important}
.agent-card.pro-agent .agent-photo-link,.support-agent-card .agent-photo-link{flex:0 0 auto!important}
.agent-card.pro-agent .agent-links,.agent-card.pro-agent .cta-row,.support-agent-card .agent-links,.support-agent-card .cta-row,.wtt-share-actions,.agent-ecommerce-icons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important}
.agent-card.pro-agent .agent-links a,.support-agent-card .agent-links a,.wtt-share-actions a,.wtt-share-actions button{min-width:min(100%,180px)!important}
.wtt-share-box{padding:clamp(18px,2.5vw,28px)!important;text-align:center!important}

/* Lokasi: negeri kekal 2 row desktop, mobile auto kemas */
.lokasi-page .state-grid.state-icon-grid{width:min(100%,var(--wtt-page-max))!important;margin-left:auto!important;margin-right:auto!important;gap:12px!important}
@media(min-width:1025px){
  .lokasi-page .state-grid.state-icon-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(96px,auto))!important}
  .lokasi-page .state-grid.state-icon-grid .state-card{min-width:0!important}
}
@media(max-width:1024px){
  .lokasi-page .state-grid.state-icon-grid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important}
}

/* Tables: biar scroll dalam wrapper sahaja */
.table-wrap,.admin-table-wrap,.member-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
table{max-width:none!important}
th,td{overflow-wrap:anywhere!important}

/* SEO folder articles: satu width, teks mudah baca */
.seo-article-main{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--wtt-edge)!important;padding-right:var(--wtt-edge)!important;overflow:hidden!important}
.seo-article.panel,.hub-v123-panel{padding:clamp(22px,3vw,38px)!important}
.seo-article h1,.seo-article h2,.seo-article h3{max-width:100%!important;overflow-wrap:break-word!important}
.seo-article p,.seo-article li{max-width:78ch!important}
.seo-article .lead{max-width:70ch!important}

/* Desktop polish */
@media(min-width:921px){
  .phone-card-section .phone-card{display:grid!important;grid-template-columns:minmax(280px,440px) minmax(0,1fr)!important;gap:clamp(20px,3vw,42px)!important}
  .phone-card-section .phone-card-copy{text-align:left!important}
  .business{grid-template-columns:1fr!important}
  .business>*{width:min(100%,var(--wtt-page-max))!important}
  .dashboard>.dash-head{display:flex!important;justify-content:space-between!important;align-items:center!important}
}

/* Mobile sync */
@media(max-width:920px){
  :root{--wtt-edge:14px}
  .site-header{display:flex!important;flex-direction:column!important;align-items:center!important;padding:10px 12px!important;gap:8px!important}
  .brand{width:100%!important;justify-content:center!important}
  .site-header .main-nav,.main-nav{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;order:3!important}
  .site-header .main-nav .header-icon-link,.main-nav .header-icon-link{width:100%!important;min-width:0!important;padding:8px 5px!important;min-height:38px!important;font-size:11.7px!important;line-height:1.1!important}
  .auth-header{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .auth-header a{width:100%!important;padding:9px 8px!important;font-size:12px!important}
  .section,.hero,.dashboard,.auth,.agent-info,.business,.plans,.phone-card-section,.seo-article-main{padding-left:14px!important;padding-right:14px!important}
  .hero h1{font-size:clamp(32px,10vw,48px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
  .section h2,.business h2,.tanyabox h2{font-size:clamp(26px,8vw,38px)!important;line-height:1.08!important}
  .cta-row,.hero-buttons,.plan-hero-actions,.checker-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
  .cta-row .btn,.hero-buttons .btn,.plan-hero-actions .btn,.checker-actions .btn{width:100%!important}
  .phone-card-section .phone-card,.tanyabox{grid-template-columns:1fr!important;width:100%!important;max-width:680px!important}
  .phone-card-section .phone-card-copy,.tanyabox{text-align:center!important}
  .tanyabox form{grid-template-columns:1fr!important}
  .searchbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:520px!important}
  .searchbar .btn,.searchbar button,.searchbar a{width:100%!important}
  .plan-slider .shop-plan,.pricing-table.plan-track .shop-plan{width:min(82vw,340px)!important;min-width:min(82vw,340px)!important}
  .dashboard>.dash-head{text-align:center!important;display:block!important}
  .dashboard>.dash-head .cta-row{margin-top:16px!important}
  .footer{display:block!important;text-align:center!important;padding-left:16px!important;padding-right:16px!important}
  .footer-simple-menu{justify-content:center!important}
}
@media(max-width:420px){
  .site-header .main-nav,.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-header .main-nav .header-icon-link,.main-nav .header-icon-link{font-size:11.2px!important}
  .auth-header{grid-template-columns:1fr!important}
  .agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important}
  .agent-ecommerce-icons .ecommerce-icon-link{width:100%!important}
}
/* === /WTT V141 GLOBAL RESPONSIVE WIDTH SYNC + OVERLAP FIX === */


/* === WTT V142 PAGE SECTION WIDTH SYNCHRONIZE + INFO ANCHOR PATCH ===
   Fokus: /panduan tidak terlalu lebar/kecil, landing #info betul, dan semua page utama guna container desktop yang sama.
*/
:root{
  --wtt-page-max:1180px;
  --wtt-readable-max:920px;
  --wtt-edge:clamp(14px,3.2vw,36px);
}
html,body{max-width:100%!important;overflow-x:hidden!important}
body{min-width:320px}
main,.site-header,.footer{box-sizing:border-box}

/* Page shell: background boleh penuh, tetapi content section kekal satu saiz seperti landing page */
body.guide-page main.guide-main,
body.coverage-page main.coverage-main,
body.lokasi-page main.lokasi-main,
body.agents-page main.lokasi-main,
body.affiliate-landing-page main.affiliate-free-main,
body.landing main{
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-edge)!important;
  padding-right:var(--wtt-edge)!important;
  overflow:hidden!important;
}

/* Uniform section width: elak /panduan terlebih besar dan elak page lain terlalu kecil */
body.guide-page .guide-main > section,
body.coverage-page .coverage-main > section,
body.lokasi-page .lokasi-main > section,
body.agents-page .lokasi-main > section,
body.affiliate-landing-page .affiliate-free-main > section,
.section,
.hero,
.tanyabox,
.agent-info,
.page-agent-card,
.dashboard > .panel,
.dashboard > .dash-head,
.dashboard > .success,
.dashboard > .alert,
.auth > .panel,
.auth > .auth-card{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* /panduan desktop sync: semua section sama lebar seperti landing, bukan stretch raw mengikut main */
body.guide-page .guide-main{padding-top:clamp(26px,3vw,42px)!important;padding-bottom:clamp(48px,5vw,76px)!important}
body.guide-page .guide-hero,
body.guide-page .guide-visual-strip.panel.wide,
body.guide-page .guide-steps,
body.guide-page .guide-note{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.guide-page .guide-hero{padding:clamp(30px,4vw,48px)!important}
body.guide-page .guide-visual-strip.panel.wide{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  align-items:stretch!important;
  padding:clamp(18px,2.4vw,28px)!important;
}
body.guide-page .guide-steps{padding-top:clamp(42px,5vw,62px)!important;padding-bottom:clamp(34px,4vw,48px)!important}
body.guide-page .guide-note{padding:clamp(24px,3vw,34px)!important}
body.guide-page .guide-grid{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
}

/* Baca lebih kemas: heading/paragraph jangan terlalu melebar di desktop */
.section-head,
body.guide-page .guide-hero h1,
body.guide-page .guide-hero p,
body.coverage-page .coverage-hero-copy,
body.lokasi-page .location-hero > div:first-child,
body.landing #info .section-head{
  max-width:var(--wtt-readable-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.landing #info{scroll-margin-top:110px!important}
body.landing #info .seo-ai-keywords{max-width:var(--wtt-page-max)!important}

/* Coverage/lokasi/affiliate visual strip turut ikut width yang sama */
.coverage-visual-strip.panel.wide,
.location-visual-strip.panel.wide,
.plan-visual-strip.panel.wide,
.affiliate-action-strip.panel.wide,
.auto-location-box.panel.wide,
.location-filter.panel.wide,
.location-results.panel.wide{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Anti-overlap audit: child besar tidak boleh pecahkan section */
.section > *,
.hero > *,
.guide-main > section > *,
.coverage-main > section > *,
.lokasi-main > section > *,
.affiliate-free-main > section > *,
.visual-card,
.guide-card,
.coverage-card,
.state-card,
.panel,
article{
  min-width:0!important;
  max-width:100%;
  overflow-wrap:anywhere!important;
}

@media(min-width:921px){
  body.guide-page .guide-main > section + section,
  body.coverage-page .coverage-main > section + section,
  body.lokasi-page .lokasi-main > section + section{
    margin-top:clamp(22px,2.4vw,34px)!important;
  }
}
@media(max-width:920px){
  :root{--wtt-edge:14px}
  body.guide-page main.guide-main,
  body.coverage-page main.coverage-main,
  body.lokasi-page main.lokasi-main,
  body.agents-page main.lokasi-main,
  body.affiliate-landing-page main.affiliate-free-main,
  body.landing main{padding-left:14px!important;padding-right:14px!important}
  body.guide-page .guide-main > section,
  body.coverage-page .coverage-main > section,
  body.lokasi-page .lokasi-main > section,
  body.agents-page .lokasi-main > section,
  body.affiliate-landing-page .affiliate-free-main > section,
  .section,.hero,.tanyabox,.agent-info,.page-agent-card{
    width:100%!important;
    max-width:100%!important;
  }
  body.guide-page .guide-hero,
  body.guide-page .guide-visual-strip.panel.wide,
  body.guide-page .guide-steps,
  body.guide-page .guide-note{
    width:100%!important;
    max-width:100%!important;
  }
  body.guide-page .guide-hero{padding:28px 18px!important;border-radius:26px!important}
  body.guide-page .guide-visual-strip.panel.wide{grid-template-columns:1fr!important}
  body.guide-page .guide-note{border-radius:24px!important}
  body.landing #info{scroll-margin-top:170px!important}
}
@media(max-width:420px){
  body.guide-page .guide-hero{padding:24px 16px!important}
  body.guide-page .guide-grid{grid-template-columns:1fr!important}
}
/* === /WTT V142 PAGE SECTION WIDTH SYNCHRONIZE + INFO ANCHOR PATCH === */


/* === WTT V144 SITE-HEADER WIDTH SYNC + CLEAN SECTION SHELL ===
   Fokus: semua section desktop ikut lebar site-header supaya landing, /panduan, /liputan,
   /lokasi, /pelan, affiliate dan dashboard tidak nampak besar/kecil berbeza.
*/
:root{
  --wtt-v144-shell:1440px;
  --wtt-v144-inner:1320px;
  --wtt-v144-readable:920px;
  --wtt-v144-edge:clamp(16px,5vw,72px);
  --wtt-v144-gap:clamp(16px,2vw,28px);
}
html,body{max-width:100%!important;overflow-x:hidden!important}
body{min-width:320px!important}
*,*::before,*::after{box-sizing:border-box}

/* Header dan semua page-shell guna ukuran outer yang sama */
.site-header,
.footer,
body.landing main,
main.guide-main,
main.coverage-main,
main.lokasi-main,
main.affiliate-free-main,
main.pelan-main,
main.notfound-main,
.dashboard,
.auth{
  width:min(100%,var(--wtt-v144-shell))!important;
  max-width:var(--wtt-v144-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header{
  padding-left:var(--wtt-v144-edge)!important;
  padding-right:var(--wtt-v144-edge)!important;
}

/* Section desktop sama lebar dengan site-header, bukan 1180px sahaja */
.hero,
.section,
.business,
.plans,
.tanyabox,
.agent-info,
.page-agent-card,
.footer,
main.guide-main > section,
main.coverage-main > section,
main.lokasi-main > section,
main.affiliate-free-main > section,
main.pelan-main > section,
main.notfound-main > section,
.coverage-visual-strip.panel.wide,
.location-visual-strip.panel.wide,
.plan-visual-strip.panel.wide,
.affiliate-action-strip.panel.wide,
.auto-location-box.panel.wide,
.location-filter.panel.wide,
.location-results.panel.wide,
.dashboard > .panel,
.dashboard > .dash-head,
.dashboard > .success,
.dashboard > .alert,
.auth > .panel,
.auth > .auth-card,
.seo-article-main,
.seo-article,
.seo-rank-booster.panel{
  width:min(100%,var(--wtt-v144-shell))!important;
  max-width:var(--wtt-v144-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-v144-edge)!important;
  padding-right:var(--wtt-v144-edge)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Content dalam section ikut ruang header; heading/FAQ masih readable */
.hero > *,
.section > *:not(.section-head):not(details),
.business > *,
.tanyabox > *,
.agent-info > *,
.page-agent-card > *,
main.guide-main > section > *,
main.coverage-main > section > *,
main.lokasi-main > section > *,
main.affiliate-free-main > section > *,
main.pelan-main > section > *,
.coverage-grid,
.guide-grid,
.location-grid,
.state-grid,
.seo-ai-grid,
.kelebihan-grid,
.plan-slider-wrap,
.plan-pages-cta,
.plans-note,
.pricing-table,
.plan-track,
.visual-strip,
.checker-card,
.location-results-list,
.agent-list,
.table-wrap{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.section-head,
.faq details,
.guide-main .section-head,
.coverage-main .section-head,
.lokasi-main .section-head,
.seo-article .section-head{
  width:min(100%,var(--wtt-v144-readable))!important;
  max-width:var(--wtt-v144-readable)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Grid/cards responsive desktop sync: tidak terlalu kecil, tidak overflow */
.grid3,.grid4,.stat-grid,.form-grid,.seo-ai-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points{
  display:grid!important;
  gap:var(--wtt-v144-gap)!important;
  width:100%!important;
  min-width:0!important;
}
.grid4,.kelebihan-grid,.coverage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
.grid3,.seo-ai-grid,.guide-grid,.business-points{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
.state-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important}

article,.panel,.auth-card,.phone-card,.income-card,.agent-card,.visual-card,.guide-card,.coverage-card,.state-card,.shop-plan,.support-agent-card{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
img,svg,video,canvas,iframe{max-width:100%!important;height:auto}
input,textarea,select,button,.btn{max-width:100%}
.table-wrap,.plan-slider,.plans-slider{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

/* Desktop spacing seragam */
@media(min-width:1025px){
  .hero,.section,.business,.plans,.agent-info,main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section{
    padding-top:clamp(56px,5vw,84px)!important;
    padding-bottom:clamp(56px,5vw,84px)!important;
  }
  .tanyabox{padding-top:clamp(28px,3vw,42px)!important;padding-bottom:clamp(28px,3vw,42px)!important}
  .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:center!important}
  .business{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important}
  .agent-card.pro-agent,.agent-info > .agent-card{width:100%!important;max-width:var(--wtt-v144-inner)!important}
}

/* Tablet dan mobile: full width yang kemas tanpa overlap */
@media(max-width:1024px){
  :root{--wtt-v144-edge:clamp(14px,4vw,28px)}
  .site-header,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
  body.landing main,main.guide-main,main.coverage-main,main.lokasi-main,main.affiliate-free-main,main.pelan-main,main.notfound-main,
  main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section,
  .dashboard,.auth,.dashboard > .panel,.dashboard > .dash-head,.auth > .panel,.auth > .auth-card{
    width:100%!important;max-width:100%!important;
  }
  .hero,.business,.tanyabox,.coverage-hero,.location-hero{grid-template-columns:1fr!important}
  .grid4,.grid3,.stat-grid,.form-grid,.seo-ai-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  :root{--wtt-v144-edge:14px;--wtt-v144-gap:14px}
  .site-header,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
  main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section,
  .dashboard,.auth{
    padding-left:var(--wtt-v144-edge)!important;
    padding-right:var(--wtt-v144-edge)!important;
  }
  .hero,.section,.business,.plans,.agent-info,main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section{
    padding-top:clamp(38px,9vw,58px)!important;
    padding-bottom:clamp(38px,9vw,58px)!important;
  }
  .grid4,.grid3,.stat-grid,.form-grid,.seo-ai-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points{grid-template-columns:1fr!important}
  .section-head{max-width:100%!important}
  .tanyabox{margin-left:auto!important;margin-right:auto!important}
}
/* === /WTT V144 SITE-HEADER WIDTH SYNC + CLEAN SECTION SHELL === */


/* === WTT V144 FINAL HEADER WIDTH AUDIT + EXPIRED/TAMAT SEO SYNC ===
   Semua section desktop disamakan dengan shell site-header.
   Folder baru /oldseo dan /tamat ikut shell yang sama supaya tidak besar/kecil berbeza.
*/
:root{
  --wtt-header-shell:1440px;
  --wtt-header-edge:clamp(16px,5vw,72px);
  --wtt-header-readable:940px;
  --wtt-card-gap:clamp(16px,2vw,28px);
}
html,body{max-width:100%!important;overflow-x:hidden!important}
.site-header,
.footer,
body.landing main,
main,
.dashboard,
.auth,
.seo-article-main,
.oldseo-main,
.bayar-bil-main{
  width:min(100%,var(--wtt-header-shell))!important;
  max-width:var(--wtt-header-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header,
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
main > section,
main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.pelan-main > section,main.affiliate-free-main > section,
.seo-article-main,.oldseo-main,.bayar-bil-main,.hub-v123-main,.topup-article-main,.topup-article-main,.topup-article-main,.topup-article-main,.master-main{
  padding-left:var(--wtt-header-edge)!important;
  padding-right:var(--wtt-header-edge)!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,
main > section,
.seo-article-main,.oldseo-main,.bayar-bil-main{
  width:min(100%,var(--wtt-header-shell))!important;
  max-width:var(--wtt-header-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-head,.faq details,.seo-article .section-head,.oldseo-main .section-head,.bayar-bil-main .section-head{
  width:min(100%,var(--wtt-header-readable))!important;
  max-width:var(--wtt-header-readable)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.seo-article.panel,.oldseo-main .seo-article.panel,.bayar-bil-main .seo-article.panel,.hub-v123-panel{
  width:100%!important;
  max-width:var(--wtt-header-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.oldseo-hub-grid,.tamat-hub-grid,.keyword-cluster-grid,.oldseo-topic-grid,.tamat-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:var(--wtt-card-gap)!important;
  width:100%!important;
}
.oldseo-hub-card,.tamat-hub-card,.oldseo-topic-card,.tamat-topic-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 45px rgba(15,23,42,.07);
  min-width:0;
}
.oldseo-checklist,.tamat-checklist{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:14px;
  margin:20px 0;
}
.oldseo-checklist li,.tamat-checklist li{
  list-style:none;
  background:#f5ffff;
  border:1px solid #ffd7dc;
  border-radius:18px;
  padding:14px 16px;
  font-weight:800;
}
.seo-cta-box{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
article,.panel,.auth-card,.phone-card,.income-card,.agent-card,.visual-card,.guide-card,.coverage-card,.state-card,.shop-plan,.support-agent-card{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.grid3,.grid4,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points,.seo-ai-grid{
  gap:var(--wtt-card-gap)!important;
}
@media(min-width:1025px){
  .hero,.section,.business,.plans,.agent-info,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main{
    padding-top:clamp(58px,5vw,86px)!important;
    padding-bottom:clamp(58px,5vw,86px)!important;
  }
  .tanyabox{padding-top:clamp(30px,3vw,44px)!important;padding-bottom:clamp(30px,3vw,44px)!important}
}
@media(max-width:1024px){
  :root{--wtt-header-edge:clamp(14px,4vw,28px)}
  .site-header,.footer,body.landing main,main,.dashboard,.auth,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.seo-article-main,.oldseo-main,.bayar-bil-main{
    width:100%!important;max-width:100%!important;
  }
}
@media(max-width:760px){
  :root{--wtt-header-edge:14px;--wtt-card-gap:14px}
  .site-header,.footer,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main{
    padding-left:var(--wtt-header-edge)!important;
    padding-right:var(--wtt-header-edge)!important;
  }
  .oldseo-hub-grid,.tamat-hub-grid,.keyword-cluster-grid,.oldseo-topic-grid,.tamat-topic-grid,.oldseo-checklist,.tamat-checklist{grid-template-columns:1fr!important}
}
/* === /WTT V144 FINAL HEADER WIDTH AUDIT + EXPIRED/TAMAT SEO SYNC === */






/* === WTT V145 HEADER-WIDTH MASTER SYNC + TAMATTEMPOH/AGENT/DEALER/EJEN ===
   Desktop: semua shell utama ikut lebar site-header. Mobile/tablet kekal fluid tanpa overlap.
*/
:root{
  --wtt-v145-shell:1440px;
  --wtt-v145-edge:clamp(16px,5vw,72px);
  --wtt-v145-readable:940px;
  --wtt-v145-gap:clamp(16px,2vw,28px);
}
html,body{max-width:100%!important;overflow-x:hidden!important}
body{background:#f6f7fb}
.site-header,
.footer,
body.landing main,
main,
.dashboard,
.auth,
.seo-article-main,
.oldseo-main,
.bayar-bil-main,
.agentseo-main,
.agent-main,
.dealer-main,
.ejen-main{
  width:min(100%,var(--wtt-v145-shell))!important;
  max-width:var(--wtt-v145-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header,
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
main > section,
main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.pelan-main > section,main.affiliate-free-main > section,
.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main,.hub-v123-main,.topup-article-main,.topup-article-main,.topup-article-main,.topup-article-main,.master-main{
  padding-left:var(--wtt-v145-edge)!important;
  padding-right:var(--wtt-v145-edge)!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
  width:min(100%,var(--wtt-v145-shell))!important;
  max-width:var(--wtt-v145-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-head,.faq details,.seo-article .section-head,.oldseo-main .section-head,.bayar-bil-main .section-head,.agentseo-main .section-head{
  width:min(100%,var(--wtt-v145-readable))!important;
  max-width:var(--wtt-v145-readable)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.seo-article.panel,.oldseo-main .seo-article.panel,.bayar-bil-main .seo-article.panel,.agentseo-main .seo-article.panel,.hub-v123-panel{
  width:100%!important;
  max-width:var(--wtt-v145-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bayar-bil-hub-grid,.bayar-bil-topic-grid,.agentseo-hub-grid,.agentseo-topic-grid,.keyword-cluster-grid,.oldseo-hub-grid,.oldseo-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:var(--wtt-v145-gap)!important;
  width:100%!important;
}
.bayar-bil-hub-card,.bayar-bil-topic-card,.agentseo-hub-card,.agentseo-topic-card,.oldseo-hub-card,.oldseo-topic-card{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:26px!important;
  padding:22px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.07)!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.bayar-bil-checklist,.agentseo-checklist,.oldseo-checklist{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:14px!important;
  margin:20px 0!important;
  padding-left:0!important;
}
.bayar-bil-checklist li,.agentseo-checklist li,.oldseo-checklist li{
  list-style:none!important;
  background:#f5ffff!important;
  border:1px solid #ffd7dc!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  font-weight:800!important;
}
.seo-cta-box{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.grid3,.grid4,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points,.seo-ai-grid,.agentseo-hub-grid,.agentseo-topic-grid{
  gap:var(--wtt-v145-gap)!important;
}
article,.panel,.auth-card,.phone-card,.income-card,.agent-card,.visual-card,.guide-card,.coverage-card,.state-card,.shop-plan,.support-agent-card,.agentseo-hub-card,.agentseo-topic-card{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.plan-slider,.plans-slider,.table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
@media(min-width:1025px){
  .hero,.section,.business,.plans,.agent-info,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
    padding-top:clamp(58px,5vw,86px)!important;
    padding-bottom:clamp(58px,5vw,86px)!important;
  }
  .tanyabox{padding-top:clamp(30px,3vw,44px)!important;padding-bottom:clamp(30px,3vw,44px)!important}
  .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:center!important}
  .business{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important}
}
@media(max-width:1024px){
  :root{--wtt-v145-edge:clamp(14px,4vw,28px)}
  .site-header,.footer,body.landing main,main,.dashboard,.auth,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
    width:100%!important;max-width:100%!important;
  }
  .hero,.business,.tanyabox{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  :root{--wtt-v145-edge:14px;--wtt-v145-gap:14px}
  .site-header,.footer,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
    padding-left:var(--wtt-v145-edge)!important;
    padding-right:var(--wtt-v145-edge)!important;
  }
  .bayar-bil-hub-grid,.bayar-bil-topic-grid,.agentseo-hub-grid,.agentseo-topic-grid,.keyword-cluster-grid,.oldseo-hub-grid,.oldseo-topic-grid,.bayar-bil-checklist,.agentseo-checklist,.oldseo-checklist{grid-template-columns:1fr!important}
  .site-header{align-items:center!important}
}
/* === /WTT V145 HEADER-WIDTH MASTER SYNC + TAMATTEMPOH/AGENT/DEALER/EJEN === */


/* === WTT V146 404 LANDING PAGE DESIGN SYNC ===
   404 page ikut gaya landing page + guna gambar sim-card PEK PAKEJ+ v140 yang sama.
*/
.notfound-v1{background:#f6f7fb!important}
main.notfound-main-v1{background:#f6f7fb!important}
.notfound-main-v1 .notfound-hero-v1{
  width:min(100%,var(--wtt-v145-shell,1440px))!important;
  max-width:var(--wtt-v145-shell,1440px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
  align-items:center!important;
  gap:clamp(20px,3vw,42px)!important;
  min-height:calc(100vh - 74px)!important;
  padding:clamp(54px,5vw,86px) var(--wtt-v145-edge,clamp(16px,5vw,72px))!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,36,50,.20),transparent 32%),
    radial-gradient(circle at 90% 18%,rgba(255,211,42,.26),transparent 30%),
    linear-gradient(135deg,#fff,#f5ffff)!important;
  border-bottom:1px solid rgba(37,185,189,.08)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.notfound-main-v1 .notfound-copy-v1{max-width:820px!important;min-width:0!important}
.notfound-main-v1 .notfound-copy-v1 h1{
  font-size:clamp(40px,6vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  margin:10px 0 20px!important;
}
.notfound-main-v1 .notfound-copy-v1 .sub{max-width:760px!important}
.notfound-offer-v1{max-width:760px!important}
.notfound-card-v1{
  width:100%!important;
  max-width:560px!important;
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  padding:clamp(18px,2.4vw,28px)!important;
  border-radius:34px!important;
  background:linear-gradient(155deg,#09090b,#111827 54%,#2a070a)!important;
  color:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  min-width:0!important;
}
.notfound-card-v1 .notfound-app-card-v1{
  display:block!important;
  width:100%!important;
  max-width:500px!important;
  margin:0 auto!important;
  aspect-ratio:920/706!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border-radius:28px!important;
  background-color:#071626!important;
  background-image:image-set(url('/assets/wantopup-app-preview.jpg') type('image/webp'),url('/assets/og-cover.svg') type('image/png'))!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 22px 55px rgba(37,185,189,.28), inset 0 0 0 1px rgba(255,255,255,.20)!important;
  overflow:hidden!important;
}
.notfound-card-v1 .notfound-app-card-v1 b,
.notfound-card-v1 .notfound-app-card-v1 small{display:none!important}
.notfound-card-copy-v1{width:100%!important;min-width:0!important}
.notfound-card-copy-v1 h2{
  color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.06!important;
  margin:6px 0 10px!important;
  letter-spacing:-.035em!important;
}
.notfound-card-copy-v1 p{color:#f3f4f6!important;margin:0 0 16px!important}
.notfound-quicklinks-v1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.notfound-quicklinks-v1 a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-weight:1000!important;
  border:1px solid rgba(255,255,255,.18)!important;
  text-align:center!important;
}
.notfound-quicklinks-v1 a:hover{background:#25b9bd!important;color:#fff!important}
@media(max-width:1024px){
  .notfound-main-v1 .notfound-hero-v1{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    padding-left:var(--wtt-v145-edge,clamp(14px,4vw,28px))!important;
    padding-right:var(--wtt-v145-edge,clamp(14px,4vw,28px))!important;
  }
  .notfound-main-v1 .notfound-copy-v1{text-align:center!important;margin:0 auto!important}
  .notfound-main-v1 .notfound-actions-v1{justify-content:center!important}
}
@media(max-width:560px){
  .notfound-main-v1 .notfound-hero-v1{padding:38px 14px!important;gap:18px!important}
  .notfound-card-v1{border-radius:24px!important;padding:14px!important}
  .notfound-card-v1 .notfound-app-card-v1{border-radius:20px!important}
  .notfound-quicklinks-v1{grid-template-columns:1fr!important}
  .notfound-actions-v1 .btn{width:100%!important}
}
/* === /WTT V146 404 LANDING PAGE DESIGN SYNC === */


/* v1 WanTopup OTA MY Theme Override */
:root{--primary:#25b9bd;--primary-dark:#168fd6;--primary-soft:#e8fbff;--accent:#10b981;--accent-2:#f59e0b;--ink:#0f172a;--muted:#475569;--line:#d7f1f2;--bg:#f5ffff;--card:#ffffff;--danger:#f59e0b;--radius:22px;--shadow:0 18px 45px rgba(15,23,42,.10)}
body{background:linear-gradient(180deg,#f5ffff 0%,#ffffff 45%,#effdf5 100%);color:var(--ink)}
.site-header{max-width:1180px;margin:14px auto;padding:12px 16px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(37,185,189,.12);backdrop-filter:blur(12px)}
.brand{gap:10px}.brand-logo-img,.footer-logo-img{object-fit:contain;background:transparent}.brand-logo-img{width:150px;height:auto;max-height:58px}.brand span{color:#168fd6;font-weight:900;letter-spacing:-.03em}.main-nav a,.header-icon-link{border:1px solid #dff7f7;background:#f7ffff;color:#0f172a}.main-nav a:hover,.header-icon-link:hover{background:var(--primary);color:#fff}.auth-login,.auth-register,.btn.primary,.whatsapp-cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff!important;border:0;box-shadow:0 12px 28px rgba(37,185,189,.28)}.btn.shine{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff!important}.btn.ghost{border:1px solid var(--primary);background:#fff;color:var(--primary-dark)!important}.eyebrow{color:var(--primary-dark);font-weight:900;letter-spacing:.06em}.hero,.section,.tanyabox,.agent-info{max-width:1180px;margin-left:auto;margin-right:auto}.wantopup-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.72fr);gap:28px;align-items:center;padding:46px 28px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at top right,rgba(37,185,189,.18),transparent 34%),linear-gradient(135deg,#fff 0%,#f4ffff 50%,#ecfdf5 100%);box-shadow:var(--shadow)}.wantopup-hero h1{font-size:clamp(2rem,4vw,4.2rem);line-height:1.03;letter-spacing:-.055em;color:#0f172a}.wantopup-hero .sub{font-size:clamp(1rem,1.4vw,1.25rem);color:#334155}.wantopup-hero-media{border-radius:34px;padding:16px;background:#fff;box-shadow:0 24px 55px rgba(15,23,42,.12);border:1px solid var(--line);text-align:center}.wantopup-hero-media img{max-width:100%;max-height:560px;object-fit:contain;border-radius:26px}.hero-buyer-offer,.sim-price-line,.seo-ai-keywords,.plans-note{border:1px solid var(--line);background:#f7ffff;border-radius:22px;box-shadow:0 8px 24px rgba(37,185,189,.10)}.hero-offer-badge,.deal-badge{background:linear-gradient(135deg,#f59e0b,#f59e0b);color:#fff;border-radius:999px}.phone-card,.shop-plan,.kelebihan-card,.income-card,.tanya-form,.agent-card,.wtt-share-box{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.08)}.wantopup-phone-card{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:22px;align-items:center}.phone-card-image img{width:100%;max-height:520px;object-fit:contain;border-radius:24px;background:#fff}.seo-ai-grid,.kelebihan-grid,.pricing-table,.wantopup-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;align-items:center}.provider-grid img{width:100%;height:92px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05)}.seo-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.seo-link-grid a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#0f172a;text-decoration:none;font-weight:700}.seo-link-grid a:hover{border-color:var(--primary);color:var(--primary-dark);box-shadow:0 8px 20px rgba(37,185,189,.12)}.location-search input,.tanya-form input,.tanya-form textarea{border:1px solid var(--line);border-radius:16px}.wa-float-v30{background:linear-gradient(135deg,#10b981,#25b9bd)!important;color:#fff!important;box-shadow:0 16px 38px rgba(16,185,129,.3)}.footer{max-width:1180px;margin:34px auto 18px;border-radius:28px;background:#0f172a;color:#e2e8f0}.footer a{color:#a7f3d0}.footer-desc,.footer-note{color:#cbd5e1!important}.footer-logo b{color:#fff}.ad-slot{max-width:1180px;margin:18px auto;padding:14px;border:1px dashed var(--line);border-radius:18px;background:#fff}@media (max-width:900px){.site-header{margin:10px 10px;border-radius:20px}.wantopup-hero{grid-template-columns:1fr;padding:28px 18px}.seo-ai-grid,.kelebihan-grid,.pricing-table,.wantopup-package-grid{grid-template-columns:1fr}.wantopup-phone-card{grid-template-columns:1fr}.brand-logo-img{width:125px}.main-nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;overflow:visible}.main-nav a{justify-content:center;font-size:.82rem;padding:8px 6px}.auth-header{width:100%;justify-content:center}.section,.hero,.tanyabox,.agent-info{width:calc(100% - 20px)}}


/* === WanTopup V2 THEME SYNC + READABILITY PATCH === */
:root{
  --wtp-primary:#25b9bd;
  --wtp-primary-2:#168fd6;
  --wtp-primary-dark:#0f766e;
  --wtp-soft:#e8fbff;
  --wtp-soft-2:#f5ffff;
  --wtp-accent:#f59e0b;
  --wtp-ink:#0f172a;
  --wtp-muted:#475569;
  --wtp-line:#d7f1f2;
  --wtp-card:#ffffff;
  --wtp-shadow:0 18px 45px rgba(15,23,42,.10);
  --wtp-container:1240px;
}
html,body{max-width:100%;overflow-x:hidden}
body{
  color:var(--wtp-ink)!important;
  background:linear-gradient(180deg,#f5ffff 0%,#ffffff 42%,#effdf5 100%)!important;
}
.site-header.wantopup-header,.site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--wtp-line)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05)!important;
  color:var(--wtp-ink)!important;
}
.brand-mark,.brand-logo-img,.footer-logo-img{box-shadow:none!important}
.site-header nav a:hover,.eyebrow,.nav-cta:hover{color:var(--wtp-primary-dark)!important}
.nav-cta,.btn.primary,.auth-register,.share-copy-btn,
.tanya-form button[type="submit"],.kelebihan-cta .btn,
.plan-pages-cta a:hover{
  background:linear-gradient(135deg,var(--wtp-primary),var(--wtp-primary-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 14px 30px rgba(37,185,189,.22)!important;
}
.btn.shine,.deal-badge,.hero-offer-badge{
  background:linear-gradient(135deg,var(--wtp-accent),var(--wtp-primary))!important;
  color:#fff!important;
}
.btn.ghost,.auth-login{
  background:#fff!important;
  color:var(--wtp-primary-dark)!important;
  border:1px solid var(--wtp-line)!important;
}
.btn.danger{
  background:linear-gradient(135deg,#f59e0b,#d97706)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 14px 30px rgba(245,158,11,.20)!important;
}
.hero,.wantopup-hero{
  background:
    radial-gradient(circle at 16% 8%,#e8fbff,transparent 31%),
    radial-gradient(circle at 94% 18%,#fff7cc,transparent 26%),
    linear-gradient(135deg,#ffffff,#f5ffff)!important;
}
.sim-card,.phone-card .sim-card{
  background:linear-gradient(135deg,var(--wtp-primary),var(--wtp-primary-2))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 20px 60px rgba(37,185,189,.20)!important;
}
.panel,article,.tanyabox,.income-card,.agent-card,.auth-card,
.kelebihan-card,.shop-plan,.wtt-share-box,.seo-ai-grid article,.seo-folder-page article,
.phone-card,.tanya-form,.provider-grid img,.location-search input{
  background:var(--wtp-card)!important;
  border-color:var(--wtp-line)!important;
  color:var(--wtp-ink)!important;
  box-shadow:var(--wtp-shadow)!important;
}
.section-head p,.sub,.footer-desc,.footer-note,.agent-card p,.kelebihan-card p,
.seo-folder-page p,.seo-folder-index p,.panel p,.auth-card p{
  color:var(--wtp-muted)!important;
}
.section-head h1,.section-head h2,.hero h1,.agent-card h2,.agent-card h3,
.kelebihan-card h3,.panel h1,.auth-card h1,.footer-logo b{
  color:var(--wtp-ink)!important;
}
input,textarea,select{
  color:var(--wtp-ink)!important;
  background:#fff!important;
  border:1px solid var(--wtp-line)!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#64748b!important}
.alert{
  background:#fff7ed!important;
  color:#92400e!important;
  border:1px solid #fed7aa!important;
}
.success{
  background:#ecfdf5!important;
  color:#166534!important;
  border:1px solid #bbf7d0!important;
}
.badge.active{background:#dcfce7!important;color:#166534!important}
.badge.pending{background:#fef3c7!important;color:#92400e!important}
.badge.blocked{background:#ecfeff!important;color:var(--wtp-primary-dark)!important}
.agent-card.pro-agent .eyebrow,
.page-agent-card .agent-card.pro-agent .eyebrow{
  background:#ecfeff!important;
  color:var(--wtp-primary-dark)!important;
  border:1px solid #99f6e4!important;
}
.agent-content .agent-ecommerce a,.support-agent-ecommerce.agent-ecommerce a,
.seo-link-grid a{
  color:var(--wtp-primary-dark)!important;
  border-color:var(--wtp-line)!important;
  background:#f8ffff!important;
}
.seo-link-grid a:hover,
.agent-content .agent-ecommerce a:hover{
  background:var(--wtp-primary)!important;
  color:#fff!important;
}
.main-nav,.auth-header{min-width:0}
.hero,.section,.business,.wantopup-services,.lokasi-section,.seo-folder-index,.seo-folder-page{
  width:100%;
  max-width:var(--wtp-container);
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(16px,4vw,48px)!important;
  padding-right:clamp(16px,4vw,48px)!important;
}
.footer.wantopup-footer{
  background:#073b4c!important;
  color:#e8fbff!important;
  border-top:0!important;
}
.footer.wantopup-footer a{color:#ffffff!important}
.footer.wantopup-footer .footer-desc,.footer.wantopup-footer .footer-note{color:#c7f9fb!important}
.provider-grid,.kelebihan-grid,.grid3,.grid4,.seo-ai-grid,.seo-link-grid{
  gap:clamp(14px,2.2vw,24px)!important;
}
.seo-link-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
}
.location-search input{
  width:min(100%,680px)!important;
  margin:0 auto 24px!important;
  min-height:48px!important;
  border-radius:999px!important;
}
@media(max-width:980px){
  .site-header.wantopup-header,.site-header{
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px!important;
  }
  .brand{flex:1 1 100%!important;justify-content:center!important}
  .main-nav{
    order:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .main-nav a{
    min-width:0!important;
    justify-content:center!important;
    padding:9px 6px!important;
    border-radius:14px!important;
    background:#f8ffff!important;
    border:1px solid var(--wtp-line)!important;
    font-size:12px!important;
  }
  .auth-header{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .hero,.wantopup-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    text-align:center!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .cta-row,.trust,.chip-row{justify-content:center!important}
  .grid4,.grid3,.kelebihan-grid,.seo-ai-grid{grid-template-columns:1fr!important}
  .phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card{border-radius:22px!important;padding:18px!important}
}
@media(max-width:420px){
  .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero h1{font-size:clamp(30px,10vw,42px)!important}
  .section h1,.section h2{font-size:clamp(27px,9vw,36px)!important}
}


/* === WanTopup V3 UI READABILITY + MARQUEE PATCH === */
:root{
  --wtp-primary:#25b9bd;
  --wtp-primary-2:#168fd6;
  --wtp-primary-dark:#0f766e;
  --wtp-accent:#f59e0b;
  --wtp-ink:#0f172a;
  --wtp-muted:#334155;
  --wtp-soft:#ecfeff;
  --wtp-soft-2:#f7ffff;
  --wtp-line:#b7ecec;
  --wtp-card:#ffffff;
  --wtp-container:1240px;
  --wtp-shadow:0 18px 45px rgba(15,23,42,.10);
}
html,body{max-width:100%;overflow-x:hidden!important}
body.wantopup-landing,
body{
  color:var(--wtp-ink)!important;
  background:linear-gradient(180deg,#f5ffff 0%,#ffffff 44%,#ecfdf5 100%)!important;
}
body.wantopup-landing *{text-shadow:none}
.hero.wantopup-hero,
.wantopup-hero{
  width:min(calc(100% - 28px),var(--wtp-container))!important;
  margin:18px auto 0!important;
  padding:clamp(28px,4vw,54px)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 11% 8%,rgba(37,185,189,.18),transparent 30%),
    radial-gradient(circle at 92% 16%,rgba(245,158,11,.16),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f4ffff 54%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  box-shadow:var(--wtp-shadow)!important;
  overflow:hidden!important;
}
.wantopup-hero h1,.hero h1{color:var(--wtp-ink)!important;max-width:940px}
.wantopup-hero .sub,.hero .sub{color:#334155!important;font-weight:650}
.sim-price-line{
  display:block!important;
  margin:18px auto 0!important;
  padding:14px 16px!important;
  width:min(100%,760px)!important;
  color:#713f12!important;
  background:linear-gradient(135deg,#fff7ed 0%,#fffbeb 100%)!important;
  border:1px solid #fed7aa!important;
  border-radius:18px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(245,158,11,.13)!important;
}
.hero-buyer-offer,
.hero.hero-v129 .hero-buyer-offer,
.landing .hero .hero-buyer-offer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(100%,800px)!important;
  margin:22px auto 10px!important;
  padding:clamp(18px,3vw,28px)!important;
  border-radius:28px!important;
  border:1px solid #99f6e4!important;
  background:
    linear-gradient(135deg,rgba(236,254,255,.98),rgba(255,251,235,.96))!important;
  color:var(--wtp-ink)!important;
  box-shadow:0 18px 40px rgba(37,185,189,.14)!important;
  text-align:center!important;
  overflow:hidden!important;
  position:relative!important;
  contain:none!important;
}
.hero-buyer-offer:after{
  content:""!important;
  position:absolute!important;
  right:-54px!important;
  bottom:-68px!important;
  width:170px!important;
  height:170px!important;
  border-radius:999px!important;
  background:rgba(37,185,189,.14)!important;
  pointer-events:none!important;
}
.hero-buyer-offer .hero-offer-badge,
.hero-offer-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:40px!important;
  margin:0 auto 4px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--wtp-primary-dark),var(--wtp-primary),var(--wtp-accent))!important;
  color:#ffffff!important;
  font-size:12px!important;
  line-height:1.22!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  white-space:normal!important;
  box-shadow:0 10px 24px rgba(15,118,110,.20)!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer b{
  color:#0f172a!important;
  font-size:clamp(21px,2.8vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:1000!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer p,
.hero.hero-v129 .hero-buyer-offer p,
.landing .hero .hero-buyer-offer p{
  color:#334155!important;
  font-weight:750!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  line-height:1.6!important;
  max-width:720px!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:2!important;
}
.plans.wantopup-packages,
.section.plans.wantopup-packages{
  width:min(calc(100% - 28px),var(--wtp-container))!important;
  max-width:var(--wtp-container)!important;
  margin:28px auto!important;
  padding:clamp(34px,5vw,64px) clamp(16px,4vw,48px)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7ffff 54%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  box-shadow:var(--wtp-shadow)!important;
}
.plans.wantopup-packages .section-head,
.wantopup-packages .section-head{
  max-width:900px!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.plans.wantopup-packages .section-head .eyebrow,
.wantopup-packages .section-head .eyebrow{
  display:inline-flex!important;
  color:#0f766e!important;
  background:#ecfeff!important;
  border:1px solid #99f6e4!important;
  border-radius:999px!important;
  padding:8px 14px!important;
}
.plans.wantopup-packages .section-head h2,
.wantopup-packages .section-head h2{
  color:#0f172a!important;
  text-shadow:none!important;
}
.plans.wantopup-packages .section-head p,
.wantopup-packages .section-head p{color:#334155!important;font-weight:650!important}
.pricing-table,
.plan-track,
.wantopup-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(260px,1fr))!important;
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin:0 auto!important;
  gap:clamp(16px,2vw,22px)!important;
  justify-content:center!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding:4px!important;
}
.shop-plan,
.pricing-table .shop-plan,
.wantopup-package-grid .shop-plan{
  min-width:0!important;
  width:100%!important;
  background:#ffffff!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:28px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
  padding:clamp(20px,2.4vw,28px)!important;
  text-align:left!important;
  transform:none!important;
}
.shop-plan.best,
.shop-plan.premium,
.price-card.hot{
  background:linear-gradient(180deg,#ffffff 0%,#f7ffff 100%)!important;
  border-color:#99f6e4!important;
  color:var(--wtp-ink)!important;
}
.shop-plan h3,.shop-plan .price,.shop-plan .price small,.shop-plan .price span{color:#0f172a!important}
.shop-plan p,.shop-plan li,.shop-plan .plan-hook{color:#334155!important}
.shop-plan ul{padding-left:20px!important;margin:14px 0!important}
.shop-plan li{margin:7px 0!important}
.plans-note{
  width:min(100%,1080px)!important;
  margin:18px auto 0!important;
  color:#334155!important;
  background:#ffffff!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  box-shadow:0 8px 22px rgba(37,185,189,.08)!important;
}
.wantopup-services{
  overflow:hidden!important;
}
.provider-marquee{
  width:min(100%,1120px)!important;
  margin:0 auto 30px!important;
  overflow:hidden!important;
  padding:10px 0!important;
  border-radius:30px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(236,254,255,.8),rgba(255,255,255,.5))!important;
  border:1px solid var(--wtp-line)!important;
  position:relative!important;
}
.provider-marquee:before,.provider-marquee:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:80px!important;
  z-index:2!important;
  pointer-events:none!important;
}
.provider-marquee:before{left:0!important;background:linear-gradient(90deg,#f7ffff,transparent)!important}
.provider-marquee:after{right:0!important;background:linear-gradient(270deg,#f7ffff,transparent)!important}
.provider-track{
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  width:max-content!important;
  animation:providerScroll 42s linear infinite!important;
  will-change:transform!important;
}
.provider-marquee:hover .provider-track{animation-play-state:paused!important}
.provider-logo-card{
  flex:0 0 154px!important;
  height:128px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:14px!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:22px!important;
  background:#ffffff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
  color:#0f172a!important;
  font-weight:900!important;
  text-align:center!important;
}
.provider-logo-card img{
  width:100%!important;
  height:72px!important;
  object-fit:contain!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.provider-logo-card span{
  display:block!important;
  color:#334155!important;
  font-size:13px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.provider-grid{
  width:min(100%,1080px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
}
@keyframes providerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.section,.tanyabox,.agent-info,.phone-card-section,.seo-folder-index,.seo-folder-page,
.dashboard,.auth{
  overflow-wrap:anywhere!important;
}
.section-head,
.phone-card-copy,
.kelebihan-card,
.income-card,
.agent-card,
.tanya-form,
.panel,
.auth-card{
  min-width:0!important;
}
.section-head p,.section p,.panel p,.auth-card p,.agent-card p,.kelebihan-card p,
.income-card p,.tanya-form p{color:#334155!important}
article h3,.kelebihan-card h3,.income-card h3,.panel h1,.auth-card h1{color:#0f172a!important}
.btn,.nav-cta,.auth-login,.auth-register{white-space:normal!important;text-align:center!important}
.btn.shine{background:linear-gradient(135deg,#10b981,#25b9bd)!important;color:#ffffff!important}
.btn.ghost{background:#ffffff!important;color:#0f766e!important;border:1px solid var(--wtp-line)!important}
.ad-slot{color:#0f766e!important;background:#f7ffff!important;border-color:#99f6e4!important}
.tanyabox{background:linear-gradient(135deg,#ffffff,#f7ffff)!important;border-color:var(--wtp-line)!important}
.auth{background:radial-gradient(circle at 20% 10%,#ecfeff,transparent 30%),linear-gradient(135deg,#ffffff,#ecfdf5)!important}
.price-card.hot{transform:none!important}
@media(max-width:980px){
  .hero.wantopup-hero,.wantopup-hero,.plans.wantopup-packages{width:min(calc(100% - 18px),720px)!important;border-radius:26px!important}
  .pricing-table,.plan-track,.wantopup-package-grid{grid-template-columns:1fr!important;width:min(100%,620px)!important}
  .shop-plan{text-align:center!important}
  .shop-plan ul{text-align:left!important}
  .provider-logo-card{flex-basis:136px!important;height:118px!important}
  .provider-logo-card img{height:62px!important}
  .provider-track{animation-duration:34s!important}
  .hero-buyer-offer{border-radius:24px!important}
}
@media(max-width:520px){
  .hero.wantopup-hero,.wantopup-hero{padding:24px 14px!important;margin-top:10px!important}
  .sim-price-line{font-size:14px!important}
  .hero-buyer-offer{padding:18px 14px!important}
  .provider-marquee:before,.provider-marquee:after{width:36px!important}
  .provider-logo-card{flex-basis:126px!important;height:112px!important;padding:12px!important}
  .provider-logo-card span{font-size:12px!important}
  .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
  .provider-track{animation:none!important;flex-wrap:wrap!important;width:100%!important;justify-content:center!important}
  .provider-marquee{overflow:visible!important}
  .provider-marquee:before,.provider-marquee:after{display:none!important}
}


/* === WanTopup v4 final UI synchronization === */
:root{
  --wtp-primary:#25b9bd;
  --wtp-primary-dark:#0f766e;
  --wtp-accent:#f59e0b;
  --wtp-ink:#0f172a;
  --wtp-muted:#334155;
  --wtp-soft:#ecfeff;
  --wtp-soft-green:#ecfdf5;
  --wtp-line:#99f6e4;
  --wtp-card:#ffffff;
  --wtp-shadow:0 20px 55px rgba(15,23,42,.10);
}
body{color:var(--wtp-ink)!important;background:linear-gradient(180deg,#f8ffff 0%,#ffffff 46%,#f7ffff 100%)!important}
.site-header.wantopup-header{border:1px solid rgba(153,246,228,.9)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important}
.auth-login,.auth-register{min-width:150px!important}
.wantopup-phone-card,
.phone-card.wantopup-phone-card,
.phone-card-section .wantopup-phone-card{
  background:linear-gradient(135deg,#ffffff 0%,#f7ffff 52%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  box-shadow:var(--wtp-shadow)!important;
}
.wantopup-phone-card .phone-card-copy h2,
.wantopup-phone-card .phone-card-copy h3,
.wantopup-phone-card .phone-card-copy b{color:var(--wtp-ink)!important}
.wantopup-phone-card .phone-card-copy p,
.wantopup-phone-card .phone-card-copy li{color:var(--wtp-muted)!important;font-weight:650!important}
.wantopup-phone-card .phone-card-image{background:#ffffff!important;border-radius:28px!important;border:1px solid rgba(153,246,228,.8)!important;padding:12px!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important}
.section.business.ttl-business,
.business.ttl-business,
#cara.ttl-business{
  width:min(calc(100% - 28px),1180px)!important;
  margin:28px auto!important;
  padding:clamp(30px,5vw,58px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr)!important;
  gap:clamp(18px,3vw,34px)!important;
  align-items:stretch!important;
  background:radial-gradient(circle at top left,rgba(37,185,189,.16),transparent 34%),linear-gradient(135deg,#ffffff 0%,#f7ffff 56%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:34px!important;
  box-shadow:var(--wtp-shadow)!important;
  overflow:hidden!important;
}
.ttl-business .business-copy,
.ttl-business .income-card,
.ttl-card{
  min-width:0!important;
  background:#ffffff!important;
  color:var(--wtp-ink)!important;
  border:1px solid rgba(153,246,228,.9)!important;
  border-radius:28px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.07)!important;
}
.ttl-business h2,.ttl-business h3,.ttl-business b,.ttl-card h3{color:var(--wtp-ink)!important}
.ttl-business p,.ttl-business span,.ttl-business li,.ttl-card p,.ttl-card li{color:var(--wtp-muted)!important;font-weight:650!important}
.business-points>div{background:#f7ffff!important;border:1px solid rgba(153,246,228,.85)!important;border-radius:20px!important;padding:14px 16px!important;margin:10px 0!important;box-shadow:0 8px 20px rgba(37,185,189,.06)!important}
.kelebihan-cta{
  width:min(100%,980px)!important;
  margin:26px auto 0!important;
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:clamp(18px,3vw,26px)!important;
  border-radius:28px!important;
  border:1px solid var(--wtp-line)!important;
  background:linear-gradient(135deg,#ecfeff 0%,#ffffff 54%,#fffbeb 100%)!important;
  color:var(--wtp-ink)!important;
  box-shadow:0 16px 42px rgba(37,185,189,.12)!important;
}
.kelebihan-cta b{display:block!important;color:var(--wtp-ink)!important;font-size:clamp(1.1rem,2vw,1.45rem)!important}
.kelebihan-cta p{color:var(--wtp-muted)!important;margin:5px 0 0!important;font-weight:650!important}
.plans.wantopup-packages .pricing-table,
.plans.wantopup-packages .wantopup-package-grid,
.pricing-table.wantopup-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(250px,1fr))!important;
  width:min(100%,1080px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-items:stretch!important;
  justify-content:center!important;
  align-items:stretch!important;
}
.wantopup-package-grid .shop-plan{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.wantopup-package-grid .shop-plan ul{text-align:left!important;width:100%!important;max-width:320px!important}
.wantopup-package-grid .shop-plan .btn{margin-top:auto!important;width:100%!important;max-width:300px!important}
.wantopup-package-grid .master-first{border:2px solid #25b9bd!important;background:linear-gradient(180deg,#ffffff 0%,#ecfeff 100%)!important;box-shadow:0 22px 52px rgba(37,185,189,.18)!important;position:relative!important}
.agent-card.pro-agent .agent-links{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.agent-card.pro-agent .agent-register-link{display:none!important}
.agent-card.pro-agent .agent-wa-link{background:linear-gradient(135deg,#25b9bd,#0f766e)!important;color:#fff!important;border-radius:999px!important;padding:13px 18px!important;font-weight:1000!important;text-align:center!important;box-shadow:0 12px 28px rgba(37,185,189,.22)!important}
.affiliate-action-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.visual-card,
.visual-card.hot,
.affiliate-action-strip .visual-card.hot{
  background:linear-gradient(135deg,#ffffff 0%,#f7ffff 100%)!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
  border-radius:24px!important;
}
.visual-card.hot span,
.visual-card.hot b,
.visual-card span,
.visual-card b{color:var(--wtp-ink)!important}
.visual-card.hot p,
.visual-card p{color:var(--wtp-muted)!important;font-weight:650!important}
.visual-card.hot span{background:linear-gradient(135deg,#25b9bd,#f59e0b)!important;color:#fff!important}
.wantopup-services .section-head p{font-weight:800!important;color:#0f766e!important;background:#ecfeff!important;border:1px solid #99f6e4!important;border-radius:18px!important;padding:12px 16px!important;display:inline-block!important}
.provider-logo-card img{filter:none!important}
.panel,.auth-card,.agent-card,.support-agent-card,.kelebihan-card,.income-card,.tanya-form{background:#ffffff!important;color:var(--wtp-ink)!important;border-color:rgba(153,246,228,.85)!important}
.panel p,.auth-card p,.agent-card p,.support-agent-card p,.kelebihan-card p,.income-card p,.tanya-form p,.muted{color:var(--wtp-muted)!important}
.panel h1,.panel h2,.panel h3,.auth-card h1,.agent-card h2,.support-agent-card h2,.kelebihan-card h3{color:var(--wtp-ink)!important}
input,textarea,select{color:var(--wtp-ink)!important;background:#ffffff!important;border-color:#cbd5e1!important}
input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1!important}
.table-wrap{border-radius:20px!important;border:1px solid rgba(153,246,228,.75)!important;background:#fff!important}
th{background:#ecfeff!important;color:#0f172a!important}td{color:#334155!important}
.footer-simple-menu a[href="/affiliate/"]::after{content:""}
@media(max-width:980px){
  .section.business.ttl-business,.business.ttl-business,#cara.ttl-business{grid-template-columns:1fr!important;width:min(calc(100% - 18px),720px)!important;padding:22px 16px!important;border-radius:26px!important}
  .plans.wantopup-packages .pricing-table,.plans.wantopup-packages .wantopup-package-grid,.pricing-table.wantopup-package-grid{grid-template-columns:1fr!important;width:min(100%,620px)!important}
  .kelebihan-cta{flex-direction:column!important;text-align:center!important}
  .affiliate-action-strip{grid-template-columns:1fr!important}
  .auth-login,.auth-register{min-width:0!important}
}
@media(max-width:520px){
  .site-header.wantopup-header .auth-header{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .auth-login,.auth-register{font-size:12px!important;padding:10px 8px!important}
  .provider-logo-card{flex-basis:124px!important}
}


/* WanTopup v5 UI repair: contrast, spacing, mobile order, locations, pricing scroll fix */
:root{--w5-ink:#0f2430;--w5-muted:#37515c;--w5-teal:#0aa6a6;--w5-cyan:#e8fbfb;--w5-orange:#ff8a1d;--w5-card:#ffffff}
.hero .hero-buyer-offer,.hero-buyer-offer{background:linear-gradient(135deg,#ffffff 0%,#effefe 55%,#fff4e8 100%)!important;color:#122d38!important;border:1px solid rgba(10,166,166,.28)!important;box-shadow:0 16px 45px rgba(10,89,96,.13)!important}
.hero-buyer-offer *{color:#122d38!important}.hero-offer-badge{background:#fff!important;color:#a84800!important;border:1px solid rgba(255,138,29,.35)!important;box-shadow:0 8px 22px rgba(255,138,29,.12)!important}
.seo-ai-keywords,.wantopup-guide-section .seo-ai-keywords{background:#fff!important;color:#1d3440!important;border:1px solid rgba(10,166,166,.2)!important;box-shadow:0 12px 30px rgba(15,36,48,.08)!important}.seo-ai-keywords b{color:#0b6064!important}
.phone-card-copy .eyebrow,.wantopup-phone-card .eyebrow,#apps-ota-my .eyebrow{color:#0d4b55!important;background:#e9fbfb!important;border-color:rgba(10,166,166,.25)!important}.wantopup-phone-card{background:linear-gradient(135deg,#ffffff,#eafdfd 65%,#fff6ed)!important;color:#102c38!important}.wantopup-phone-card p,.wantopup-phone-card h2{color:#102c38!important}
.pricing-table,.plan-track,.wantopup-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(240px,1fr))!important;gap:22px!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important;align-items:stretch!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:8px!important;scroll-snap-type:none!important}.pricing-table>*{min-width:0!important;max-width:100%!important}.plans,.wantopup-packages{overflow:visible!important}.shop-plan{overflow:visible!important;min-height:auto!important}.plans-note{max-width:1040px;margin:18px auto 0!important;color:#263c46!important}
.wantopup-services .section-head p{color:#29444f!important}.provider-logo-card{background:#fff!important;color:#102c38!important;border-color:rgba(10,166,166,.18)!important}.provider-logo-card span{color:#102c38!important;font-weight:800!important}
.business-copy{padding:30px!important}.business-copy .lead,.business-copy p{color:#23404c!important}.business-points{margin-top:22px!important;gap:16px!important}.business-points div{padding:18px!important;margin:0!important;background:#ffffff!important;color:#102c38!important;border:1px solid rgba(10,166,166,.18)!important}.business-points b,.business-points span{color:#102c38!important}.ttl-business{gap:28px!important;align-items:stretch!important}.income-card,.ttl-card{background:linear-gradient(135deg,#ffffff,#edfbfb 65%,#fff7ee)!important;color:#102c38!important}.income-card *,.ttl-card *{color:#102c38}.income-card .btn,.ttl-card .btn{color:#fff!important}.income-card .deal-badge,.ttl-card .deal-badge{color:#8a3a00!important;background:#fff3e6!important}
.kelebihan-cta{background:linear-gradient(135deg,#eaffff,#fff6ee)!important;color:#102c38!important;border:1px solid rgba(10,166,166,.23)!important;gap:20px!important;padding:24px!important}.kelebihan-cta *{color:#102c38!important}.kelebihan-cta .btn{color:#fff!important}.kelebihan-card{background:#fff!important;color:#102c38!important;border:1px solid rgba(10,166,166,.16)!important}.kelebihan-card h3,.kelebihan-card p,.kelebihan-card b{color:#102c38!important}
.footer-logo b,.footer-logo,.wantopup-footer .footer-logo b{color:#f2ffff!important;text-shadow:0 1px 12px rgba(0,0,0,.22)!important}.wantopup-footer .footer-desc,.wantopup-footer .footer-note{color:#dff7f7!important}.footer-simple-menu a{color:#f4ffff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important}
.visual-card.hot,.member-dashboard .visual-card.hot,.dashboard .visual-card.hot{background:linear-gradient(135deg,#effefe,#ffffff 60%,#fff4e8)!important;color:#102c38!important;border:1px solid rgba(10,166,166,.22)!important}.visual-card.hot *{color:#102c38!important}
.lokasi-search-panel{max-width:1050px;margin:0 auto 24px;display:flex;gap:14px;align-items:end;justify-content:center;flex-wrap:wrap;background:linear-gradient(135deg,#effefe,#fff7ed);border:1px solid rgba(10,166,166,.2);border-radius:24px;padding:18px;box-shadow:0 14px 35px rgba(10,89,96,.09)}.lokasi-search-panel label{flex:1 1 360px;display:grid;gap:8px;font-weight:800;color:#12313c}.lokasi-search-panel input{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(10,166,166,.25);background:#fff;color:#102c38;font-weight:700}.lokasi-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;max-width:1180px;margin:0 auto 28px}.lokasi-state-card{cursor:pointer;text-align:left;border:1px solid rgba(10,166,166,.18);background:#fff;color:#102c38;border-radius:20px;padding:17px;box-shadow:0 10px 28px rgba(15,36,48,.07);transition:.2s ease}.lokasi-state-card:hover{transform:translateY(-2px);border-color:rgba(255,138,29,.5)}.lokasi-state-card .state-icon{display:block;font-size:28px;margin-bottom:8px}.lokasi-state-card b{display:block;color:#102c38}.lokasi-state-card small{display:block;color:#42606b;margin-top:5px}.lokasi-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1180px;margin:0 auto}.lokasi-agent-card{background:#fff;color:#102c38;border:1px solid rgba(10,166,166,.18);border-radius:24px;padding:18px;display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:start;box-shadow:0 14px 35px rgba(15,36,48,.08)}.lokasi-agent-card img{width:86px;height:86px;object-fit:cover;border-radius:18px;background:#effefe}.lokasi-agent-card h2,.lokasi-agent-card p{color:#102c38}.lokasi-agent-card .cta-row{margin-top:12px}.state-popup{display:none;position:fixed;inset:0;z-index:9999;padding:18px}.state-popup.is-open{display:grid;place-items:center}.state-popup-backdrop{position:absolute;inset:0;background:rgba(5,25,32,.64);backdrop-filter:blur(6px)}.state-popup-card{position:relative;z-index:1;width:min(640px,100%);max-height:min(84vh,720px);overflow:auto;background:#fff;color:#102c38;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.state-popup-card h2,.state-popup-card p{color:#102c38}.state-popup-close{position:absolute;right:18px;top:14px;border:0;background:#eaffff;color:#12313c;width:40px;height:40px;border-radius:50%;font-size:26px;cursor:pointer}.state-popup-list{display:grid;gap:12px;margin-top:18px}.state-popup-agent{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-items:center;text-decoration:none;background:#f5ffff;border:1px solid rgba(10,166,166,.2);border-radius:18px;padding:13px;color:#102c38}.state-popup-agent span{grid-row:1/3;font-size:25px}.state-popup-agent b{color:#102c38}.state-popup-agent small{color:#486471}
.faq details{background:#fff!important;color:#102c38!important;border:1px solid rgba(10,166,166,.18)!important;border-radius:18px!important;padding:16px 18px!important;margin:12px auto!important;max-width:980px!important}.faq summary{font-weight:900;color:#102c38!important;cursor:pointer}.faq p{color:#29444f!important}.cara-page .business-copy h1{color:#102c38!important}.cara-hero-section{align-items:stretch!important}
@media(max-width:900px){.pricing-table,.plan-track,.wantopup-package-grid{grid-template-columns:minmax(0,1fr)!important;max-width:520px!important;overflow:visible!important;overflow-y:visible!important;height:auto!important}.hero.wantopup-hero{display:flex!important;flex-direction:column!important}.hero-copy{display:flex!important;flex-direction:column!important}.hero-buyer-offer{order:2!important}.hero-buttons{order:4!important}.wantopup-hero-media{order:3!important;width:100%!important;margin-top:18px!important}.ttl-business{grid-template-columns:1fr!important}.business-copy{padding:22px!important}.lokasi-agent-card{grid-template-columns:70px 1fr}.lokasi-agent-card img{width:70px;height:70px}.state-popup-card{padding:24px 18px}.footer-simple-menu{justify-content:center!important}.main-nav{overflow:visible!important;white-space:normal!important;flex-wrap:wrap!important}}
@media(max-width:560px){.lokasi-search-panel{padding:14px;border-radius:20px}.lokasi-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lokasi-state-card{padding:14px}.lokasi-results{grid-template-columns:1fr}.lokasi-agent-card{grid-template-columns:1fr;text-align:center}.lokasi-agent-card img{margin:auto;width:92px;height:92px}.lokasi-agent-card .cta-row{justify-content:center}.pricing-table,.plan-track,.wantopup-package-grid{padding:0!important}.business-points div{padding:15px!important}.hero-buttons .btn{width:100%!important}}

/* WanTopup v5.1 pricing specificity repair */
.plans.wantopup-packages .pricing-table.plan-track .shop-plan,
.pricing-table.plan-track.wantopup-package-grid .shop-plan,
.pricing-table.plan-track .shop-plan{width:auto!important;min-width:0!important;max-width:100%!important;scroll-snap-align:unset!important}
@media(max-width:900px){.plans.wantopup-packages .pricing-table.plan-track .shop-plan,.pricing-table.plan-track.wantopup-package-grid .shop-plan,.pricing-table.plan-track .shop-plan{width:100%!important;min-width:0!important;max-width:100%!important}}


/* WanTopup v6 fixes: phone screenshot slider, favicon/logo consistency, safer mobile spacing */
.wantopup-hero-media img{width:100%;height:auto;object-fit:contain;background:#fff}
.phone-card-slider{overflow:hidden}
.phone-image-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;scrollbar-width:thin}
.phone-screen-slide{flex:0 0 min(100%,360px);scroll-snap-align:center;margin:0;border-radius:26px;background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(15,23,42,.08);border:1px solid rgba(153,246,228,.85)}
.phone-screen-slide img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:24px;display:block;background:#fff}
.phone-scroll-hint{text-align:center;color:#0f766e;font-size:.9rem;font-weight:800;margin-top:4px}
.footer-simple-menu a[href="/cara/"]{font-weight:900}
@media (max-width:900px){.phone-screen-slide{flex-basis:86vw}.phone-card-slider{padding:10px!important}.phone-screen-slide img{max-height:72vh}.phone-scroll-hint{font-size:.82rem}}

/* === WanTopup v7: phone slider 3 images, dashboard center, mobile scroll repair, soft exit popup === */
html,body{max-width:100%;overflow-x:hidden}
.phone-card-section-v129 .wantopup-phone-card,
.wantopup-phone-card.phone-card-v129{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  align-items:start!important;
  justify-items:center!important;
  width:min(100%,1180px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
}
.phone-card-section-v129 .phone-card-image,
.wantopup-phone-card .phone-card-image.phone-card-slider{
  order:1!important;
  width:100%!important;
  max-width:1120px!important;
  overflow:hidden!important;
  padding:16px!important;
  border-radius:30px!important;
  background:#ffffff!important;
  border:1px solid rgba(153,246,228,.95)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.08)!important;
}
.phone-card-section-v129 .phone-card-copy,
.wantopup-phone-card .phone-card-copy{
  order:2!important;
  width:min(100%,860px)!important;
  max-width:860px!important;
  text-align:center!important;
  margin:0 auto!important;
  align-self:center!important;
}
.phone-card-section-v129 .phone-card-copy .btn,
.wantopup-phone-card .phone-card-copy .btn{margin-left:auto!important;margin-right:auto!important}
.phone-image-track{
  --phone-gap:16px;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:var(--phone-gap)!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  padding:4px 4px 16px!important;
  cursor:grab;
  touch-action:pan-x pan-y!important;
}
.phone-image-track.is-dragging{cursor:grabbing;scroll-snap-type:none!important}
.phone-image-track::-webkit-scrollbar{height:8px}
.phone-image-track::-webkit-scrollbar-thumb{background:#25b9bd;border-radius:999px}
.phone-image-track::-webkit-scrollbar-track{background:#ecfeff;border-radius:999px}
.phone-screen-slide{
  flex:0 0 calc((100% - (var(--phone-gap) * 2)) / 3)!important;
  min-width:0!important;
  max-width:calc((100% - (var(--phone-gap) * 2)) / 3)!important;
  scroll-snap-align:start!important;
  margin:0!important;
  padding:10px!important;
  border-radius:24px!important;
  background:#ffffff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(153,246,228,.9)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.phone-screen-slide img{
  width:100%!important;
  height:auto!important;
  max-height:560px!important;
  object-fit:contain!important;
  border-radius:18px!important;
  background:#fff!important;
  display:block!important;
}
.phone-scroll-hint{
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 20px)!important;
  margin:18px auto 0!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  border:1px solid rgba(37,185,189,.25)!important;
  color:#0f766e!important;
  font-size:.92rem!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  clear:both!important;
}
body.dash-page .affiliate-profile-mini.panel,
.dashboard .affiliate-profile-mini.panel{
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:18px auto 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-details,
.dashboard .affiliate-profile-mini .affiliate-profile-details{
  width:min(100%,820px)!important;
  max-width:820px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
body.dash-page .affiliate-profile-mini .dashboard-preview.agent-ecommerce,
.dashboard .affiliate-profile-mini .dashboard-preview.agent-ecommerce{
  display:block!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:16px auto 0!important;
  text-align:center!important;
  clear:both!important;
  float:none!important;
}
body.dash-page .affiliate-profile-mini .dashboard-preview .agent-ecommerce-icons,
.dashboard .affiliate-profile-mini .dashboard-preview .agent-ecommerce-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
}
.site-header.wantopup-header .auth-header{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  text-align:center!important;
}
.site-header.wantopup-header .auth-login,
.site-header.wantopup-header .auth-register{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  min-width:0!important;
}
.plans.wantopup-packages,
.plans-shopee,
.plans.wantopup-packages .section-head,
.plans.wantopup-packages .pricing-table,
.pricing-table.plan-track.wantopup-package-grid{
  overflow:visible!important;
  overflow-y:visible!important;
  max-height:none!important;
  height:auto!important;
  touch-action:pan-y!important;
}
.pricing-table.plan-track.wantopup-package-grid,
.plans.wantopup-packages .pricing-table.plan-track{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,1180px)!important;
  min-width:0!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
  gap:22px!important;
  padding:8px!important;
}
.pricing-table.plan-track.wantopup-package-grid .shop-plan,
.plans.wantopup-packages .pricing-table.plan-track .shop-plan{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
.wtt-exit-popup{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:18px}
.wtt-exit-popup.is-visible{display:grid}
.wtt-exit-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(6px)}
.wtt-exit-card{position:relative;z-index:1;width:min(100%,430px);background:linear-gradient(135deg,#ffffff,#ecfeff 72%,#fff7ed);border:1px solid rgba(37,185,189,.35);border-radius:28px;padding:28px 22px 22px;text-align:center;box-shadow:0 30px 80px rgba(15,23,42,.25);color:#0f172a}
.wtt-exit-card h2{margin:10px 0 8px;font-size:clamp(1.45rem,4vw,2.1rem);line-height:1.08;color:#0f172a!important;letter-spacing:-.035em}
.wtt-exit-card p{margin:0 auto 18px;max-width:340px;color:#334155!important;font-weight:700}
.wtt-exit-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#fff7ed;color:#9a3412;font-weight:1000;font-size:.78rem;border:1px solid #fed7aa}
.wtt-exit-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:24px;line-height:1;cursor:pointer}
.wtt-exit-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.wtt-exit-actions .btn{margin:0!important}
@media(max-width:900px){
  html,body{overflow-y:auto!important;height:auto!important}
  .phone-card-section-v129 .phone-card-image,.wantopup-phone-card .phone-card-image.phone-card-slider{padding:12px!important;border-radius:24px!important}
  .phone-image-track{--phone-gap:8px;padding:2px 2px 12px!important}
  .phone-screen-slide{flex-basis:calc((100% - (var(--phone-gap) * 2)) / 3)!important;max-width:calc((100% - (var(--phone-gap) * 2)) / 3)!important;padding:5px!important;border-radius:18px!important}
  .phone-screen-slide img{max-height:270px!important;border-radius:14px!important}
  .phone-scroll-hint{margin-top:14px!important;font-size:.78rem!important;padding:8px 10px!important;max-width:100%!important}
  .pricing-table.plan-track.wantopup-package-grid,
  .plans.wantopup-packages .pricing-table.plan-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(100%,540px)!important;
    max-width:540px!important;
    min-width:0!important;
    overflow:visible!important;
    overflow-y:visible!important;
    gap:16px!important;
    padding:8px 0!important;
    touch-action:pan-y!important;
  }
  .pricing-table.plan-track.wantopup-package-grid .shop-plan,
  .plans.wantopup-packages .pricing-table.plan-track .shop-plan{width:100%!important;min-width:0!important;max-width:100%!important}
  .site-header.wantopup-header .auth-header{width:100%!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important;flex-wrap:wrap!important}
  .site-header.wantopup-header .auth-login,.site-header.wantopup-header .auth-register{flex:1 1 145px!important;max-width:220px!important;min-height:44px!important;padding:11px 10px!important}
  .site-header.wantopup-header .auth-login b,.site-header.wantopup-header .auth-register b{font-size:.82rem!important;white-space:normal!important;line-height:1.15!important}
  .dashboard .affiliate-profile-mini.panel{padding:20px 14px!important}
}
@media(max-width:420px){
  .phone-screen-slide img{max-height:220px!important}
  .phone-screen-slide{padding:4px!important;border-radius:16px!important}
  .phone-scroll-hint{font-size:.72rem!important}
  .wtt-exit-card{padding:26px 16px 18px;border-radius:24px}
  .wtt-exit-actions .btn{width:100%!important}
}

/* === WanTopup v8 repair: phone slider mobile 1-up, desktop 3-up, no drag highlight, pricing clean, lokasi sync === */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
img,svg,video,canvas{max-width:100%;height:auto}
main,section,.section,.hero,.panel,.phone-card,.shop-plan,.agent-card,.visual-card{min-width:0!important}
.pricing-table::before,.pricing-table::after,
.plans.wantopup-packages .pricing-table::before,.plans.wantopup-packages .pricing-table::after,
.pricing-table.plan-track::before,.pricing-table.plan-track::after,
.wantopup-package-grid::before,.wantopup-package-grid::after{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
.phone-card-section-v129 .wantopup-phone-card,.wantopup-phone-card.phone-card-v129{place-items:center!important;text-align:center!important}
.phone-card-section-v129 .phone-card-copy,.wantopup-phone-card .phone-card-copy,.phone-card-section .phone-card-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.phone-card-section-v129 .phone-card-copy p,.phone-card-section-v129 .phone-card-copy h2,.phone-card-section-v129 .phone-card-copy .eyebrow,.wantopup-phone-card .phone-card-copy p,.wantopup-phone-card .phone-card-copy h2,.wantopup-phone-card .phone-card-copy .eyebrow{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.phone-card-section-v129 .phone-card-image,.wantopup-phone-card .phone-card-image.phone-card-slider{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;-webkit-tap-highlight-color:transparent!important}
.phone-image-track{scrollbar-gutter:stable!important;user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;-webkit-tap-highlight-color:transparent!important;outline:none!important}
.phone-image-track:focus,.phone-screen-slide:focus,.phone-screen-slide img:focus{outline:none!important}
.phone-image-track.is-dragging,.phone-image-track.is-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}
.phone-screen-slide,.phone-screen-slide img{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;-webkit-user-drag:none!important;touch-callout:none!important}
.phone-screen-slide img{pointer-events:none!important}
@media(min-width:901px){
  .phone-image-track{--phone-gap:18px!important;scroll-snap-type:x mandatory!important;padding:4px 6px 18px!important}
  .phone-screen-slide{flex:0 0 calc((100% - (var(--phone-gap) * 2)) / 3)!important;max-width:calc((100% - (var(--phone-gap) * 2)) / 3)!important;scroll-snap-align:start!important}
  .phone-screen-slide img{max-height:560px!important}
}
@media(max-width:900px){
  .phone-card-section-v129 .phone-card-image,.wantopup-phone-card .phone-card-image.phone-card-slider{width:min(100%,420px)!important;max-width:420px!important;margin-left:auto!important;margin-right:auto!important;padding:14px!important}
  .phone-image-track{--phone-gap:12px!important;gap:var(--phone-gap)!important;padding:2px 2px 14px!important;scroll-snap-type:x mandatory!important}
  .phone-screen-slide{flex:0 0 100%!important;min-width:100%!important;max-width:100%!important;padding:8px!important;border-radius:22px!important;scroll-snap-align:center!important}
  .phone-screen-slide img{width:100%!important;max-height:min(620px,76vh)!important;border-radius:18px!important}
  .phone-scroll-hint{width:auto!important;max-width:100%!important;margin-top:16px!important;line-height:1.35!important}
}
@media(max-width:420px){
  .phone-card-section-v129 .phone-card-image,.wantopup-phone-card .phone-card-image.phone-card-slider{max-width:calc(100vw - 32px)!important;padding:12px!important}
  .phone-screen-slide{padding:7px!important;border-radius:20px!important}
  .phone-screen-slide img{max-height:min(600px,74vh)!important;border-radius:16px!important}
  .phone-scroll-hint{font-size:.78rem!important;padding:8px 10px!important}
}
body.dash-page .affiliate-profile-mini .dashboard-preview.agent-ecommerce,
.dashboard .affiliate-profile-mini .dashboard-preview.agent-ecommerce{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:min(100%,760px)!important;margin:18px auto 0!important;padding:18px!important;border-radius:24px!important;background:#f8ffff!important;border:1px solid rgba(37,185,189,.20)!important}
body.dash-page .affiliate-profile-mini .dashboard-preview.agent-ecommerce .agent-ecommerce-title,
.dashboard .affiliate-profile-mini .dashboard-preview.agent-ecommerce .agent-ecommerce-title{justify-content:center!important;text-align:center!important;width:100%!important}
body.dash-page .affiliate-profile-mini .dashboard-preview.agent-ecommerce .agent-ecommerce-sub,
.dashboard .affiliate-profile-mini .dashboard-preview.agent-ecommerce .agent-ecommerce-sub{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body.dash-page .affiliate-profile-mini .dashboard-preview.agent-ecommerce .agent-ecommerce-icons,
.dashboard .affiliate-profile-mini .dashboard-preview.agent-ecommerce .agent-ecommerce-icons{justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}
.lokasi-v8-main{width:100%;max-width:var(--wtt-desktop-width,1920px);margin:0 auto;padding-bottom:28px}
.lokasi-hero-v8{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;align-items:center!important;gap:24px!important;text-align:left!important;background:radial-gradient(circle at top right,rgba(37,185,189,.20),transparent 34%),linear-gradient(135deg,#fff,#f5ffff 62%,#fff7ed)!important;border:1px solid rgba(153,246,228,.9)!important;border-radius:34px!important;box-shadow:0 22px 58px rgba(15,23,42,.09)!important}
.lokasi-hero-v8 h1{font-size:clamp(2rem,4vw,4rem)!important;line-height:1.05!important;letter-spacing:-.05em!important;color:#0f172a!important}
.lokasi-hero-v8 .sub{font-size:clamp(1rem,1.4vw,1.2rem)!important;color:#334155!important;max-width:760px!important}
.lokasi-trust-v8{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:260px!important;padding:28px!important}
.lokasi-trust-v8 span{font-size:3rem!important;display:block;margin-bottom:10px}
.lokasi-trust-v8 b{font-size:clamp(1.5rem,2vw,2.3rem)!important;line-height:1.1!important}
.lokasi-visual-v8{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:22px!important}
.lokasi-auto-v8{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:24px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(153,246,228,.85)!important;box-shadow:0 16px 42px rgba(15,23,42,.07)!important}
.lokasi-search-v8{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important;width:min(100%,980px)!important;margin:0 auto 22px!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(153,246,228,.8)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
.lokasi-search-v8 label{display:flex!important;flex-direction:column!important;gap:8px!important;font-weight:900!important;color:#0f172a!important}
.lokasi-search-v8 input{width:100%!important;min-height:48px!important;border:1px solid #ccfbf1!important;border-radius:16px!important;padding:12px 14px!important;background:#f8ffff!important;color:#0f172a!important}
.lokasi-state-grid-v8{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:14px!important;width:min(100%,1180px)!important;margin-left:auto!important;margin-right:auto!important}
.lokasi-state-grid-v8 .lokasi-state-card{min-height:128px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#f7ffff)!important;border:1px solid rgba(153,246,228,.9)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.lokasi-state-grid-v8 .lokasi-state-card:hover,.lokasi-state-grid-v8 .lokasi-state-card.is-active{transform:translateY(-2px)!important;border-color:#25b9bd!important;box-shadow:0 18px 38px rgba(37,185,189,.14)!important}
.lokasi-state-grid-v8 .lokasi-state-card em{font-style:normal!important;font-size:.74rem!important;font-weight:900!important;color:#0f766e!important;margin-top:4px!important}
.lokasi-results-head{width:min(100%,920px)!important;margin:22px auto 14px!important;text-align:center!important;padding:18px!important;border-radius:24px!important;background:#ecfeff!important;border:1px solid rgba(37,185,189,.22)!important}
.lokasi-results-head h3{margin:.3rem auto 0!important;color:#102c38!important;line-height:1.25!important}
.lokasi-results-v8{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:min(100%,1180px)!important;margin:0 auto!important}
.lokasi-results-v8[data-empty="1"]{min-height:0!important}
.lokasi-results-v8 .lokasi-agent-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:20px!important;border-radius:26px!important;background:#fff!important;border:1px solid rgba(153,246,228,.88)!important;box-shadow:0 14px 36px rgba(15,23,42,.07)!important;text-align:left!important}
.lokasi-results-v8 .lokasi-agent-card[hidden]{display:none!important}
.lokasi-results-v8 .lokasi-agent-card img{width:96px!important;height:96px!important;border-radius:24px!important;object-fit:cover!important;background:#f8fafc!important}
.lokasi-results-v8 .lokasi-agent-card h2{margin:.25rem 0!important;color:#0f172a!important}
.lokasi-results-v8 .lokasi-agent-card p{color:#334155!important}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce{margin-top:14px!important;padding:14px!important;border-radius:20px!important;background:#f8ffff!important;border:1px solid rgba(153,246,228,.72)!important;text-align:center!important}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-title{justify-content:center!important}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-icons{justify-content:center!important}
@media(max-width:1200px){.lokasi-state-grid-v8{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lokasi-results-v8{grid-template-columns:1fr!important}}
@media(max-width:900px){.lokasi-hero-v8{grid-template-columns:1fr!important;text-align:center!important;padding:26px 18px!important}.lokasi-hero-v8 h1,.lokasi-hero-v8 p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.lokasi-hero-v8 .cta-row{justify-content:center!important}.lokasi-visual-v8{grid-template-columns:1fr!important;padding:16px!important}.lokasi-auto-v8{flex-direction:column!important;text-align:center!important}.lokasi-auto-v8 .cta-row{justify-content:center!important;width:100%!important}.lokasi-search-v8{grid-template-columns:1fr!important}.lokasi-state-grid-v8{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.lokasi-results-v8 .lokasi-agent-card{grid-template-columns:1fr!important;text-align:center!important}.lokasi-results-v8 .lokasi-agent-card img{margin-left:auto!important;margin-right:auto!important}.lokasi-results-v8 .lokasi-agent-card .cta-row{justify-content:center!important}.lokasi-results-v8 .agent-ecommerce-icons{justify-content:center!important}}
@media(max-width:420px){.lokasi-state-grid-v8{grid-template-columns:1fr!important}.lokasi-state-grid-v8 .lokasi-state-card{min-height:104px!important}.lokasi-results-head{padding:14px!important}.lokasi-results-v8 .lokasi-agent-card{padding:16px!important;border-radius:22px!important}}
/* === /WanTopup v8 repair === */
.wtt-no-select,.wtt-no-select *{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}


/* === WanTopup v9 service + location + pricing article cleanup === */
.pricing-table.plan-track.wantopup-package-grid::before,
.pricing-table.plan-track.wantopup-package-grid::after,
.pricing-table.plan-track.wantopup-package-grid article::before,
.pricing-table.plan-track.wantopup-package-grid article::after,
.pricing-table.plan-track.wantopup-package-grid .shop-plan::before,
.pricing-table.plan-track.wantopup-package-grid .shop-plan::after,
.plans.wantopup-packages .pricing-table article::before,
.plans.wantopup-packages .pricing-table article::after,
.wantopup-package-grid article::before,
.wantopup-package-grid article::after,
.wantopup-package-grid .master-first::before,
.wantopup-package-grid .master-first::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.lokasi-v9-main{width:100%;max-width:var(--wtt-desktop-width,1920px);margin:0 auto;padding-bottom:28px;overflow:hidden}
.lokasi-hero-v9{width:min(calc(100% - 28px),1180px)!important;margin:22px auto!important;min-height:auto!important;padding:clamp(28px,5vw,62px)!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(270px,.72fr)!important;align-items:center!important;gap:clamp(18px,3vw,34px)!important;text-align:left!important;background:radial-gradient(circle at 88% 8%,rgba(37,185,189,.22),transparent 30%),radial-gradient(circle at 12% 18%,rgba(245,158,11,.14),transparent 30%),linear-gradient(135deg,#ffffff,#f2ffff 62%,#fff7ed)!important;border:1px solid rgba(153,246,228,.92)!important;border-radius:34px!important;box-shadow:0 24px 62px rgba(15,23,42,.10)!important;overflow:hidden!important}
.lokasi-hero-v9 h1{font-size:clamp(2.05rem,4.5vw,4.35rem)!important;line-height:1.04!important;letter-spacing:-.055em!important;color:#0f172a!important;margin:8px 0 16px!important}
.lokasi-hero-v9 .sub{font-size:clamp(1rem,1.4vw,1.22rem)!important;color:#334155!important;max-width:760px!important;font-weight:650!important}
.lokasi-hero-actions{justify-content:flex-start!important;align-items:center!important}
.lokasi-trust-v9{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:260px!important;padding:30px!important;background:linear-gradient(135deg,#ffffff,#ecfeff)!important;border:1px solid rgba(37,185,189,.22)!important;border-radius:30px!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important}
.lokasi-trust-v9 span{font-size:3.3rem!important;margin-bottom:10px!important}
.lokasi-trust-v9 b{font-size:clamp(1.45rem,2.2vw,2.3rem)!important;color:#0f172a!important;line-height:1.1!important}
.lokasi-trust-v9 p{color:#334155!important;font-weight:700!important}
.lokasi-support-agent-v9{width:min(100%,1050px)!important;margin:auto!important}
.lokasi-visual-v9{width:min(calc(100% - 28px),1180px)!important;margin:22px auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:22px!important;border-radius:30px!important}
.lokasi-auto-v9{width:min(calc(100% - 28px),1180px)!important;margin:22px auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:24px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(153,246,228,.85)!important;box-shadow:0 16px 42px rgba(15,23,42,.07)!important}
.lokasi-v9{width:min(calc(100% - 28px),1180px)!important;margin:22px auto!important;padding:clamp(28px,4vw,54px)!important;border-radius:34px!important;background:linear-gradient(180deg,#ffffff,#f8ffff)!important;border:1px solid rgba(153,246,228,.9)!important;box-shadow:0 18px 54px rgba(15,23,42,.07)!important}
.lokasi-search-v9{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important;width:min(100%,980px)!important;margin:0 auto 24px!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(153,246,228,.82)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
.lokasi-search-v9 label{display:flex!important;flex-direction:column!important;gap:8px!important;font-weight:900!important;color:#0f172a!important;margin:0!important}
.lokasi-search-v9 input{width:100%!important;min-height:50px!important;border:1px solid #ccfbf1!important;border-radius:16px!important;padding:12px 14px!important;background:#f8ffff!important;color:#0f172a!important}
.lokasi-state-grid-v9{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:14px!important;width:min(100%,1180px)!important;margin:0 auto 24px!important}
.lokasi-state-grid-v9 .lokasi-state-card{min-width:0!important;min-height:128px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#f7ffff)!important;border:1px solid rgba(153,246,228,.9)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;text-align:center!important;padding:16px 10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow:hidden!important}
.lokasi-state-grid-v9 .lokasi-state-card:hover,.lokasi-state-grid-v9 .lokasi-state-card.is-active{transform:translateY(-2px)!important;border-color:#25b9bd!important;box-shadow:0 18px 38px rgba(37,185,189,.14)!important}
.lokasi-state-grid-v9 .state-icon{font-size:1.65rem!important;line-height:1!important;margin:0!important}
.lokasi-state-grid-v9 .lokasi-state-card b{font-size:.95rem!important;line-height:1.15!important;color:#0f172a!important}
.lokasi-state-grid-v9 .lokasi-state-card small{font-size:.78rem!important;color:#475569!important;line-height:1.2!important}
.lokasi-state-grid-v9 .lokasi-state-card em{font-style:normal!important;font-size:.72rem!important;font-weight:1000!important;color:#0f766e!important;line-height:1.2!important}
.lokasi-results-head{width:min(100%,920px)!important;margin:22px auto 14px!important;text-align:center!important;padding:18px!important;border-radius:24px!important;background:#ecfeff!important;border:1px solid rgba(37,185,189,.22)!important}
.lokasi-results-head h3{margin:.3rem auto 0!important;color:#102c38!important;line-height:1.25!important}
.lokasi-results-v9{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:min(100%,1180px)!important;margin:0 auto!important}
.lokasi-results-v9[data-empty="1"]{min-height:0!important}
.lokasi-results-v9 .lokasi-agent-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:20px!important;border-radius:26px!important;background:#fff!important;border:1px solid rgba(153,246,228,.88)!important;box-shadow:0 14px 36px rgba(15,23,42,.07)!important;text-align:left!important;min-height:0!important;overflow:hidden!important}
.lokasi-results-v9 .lokasi-agent-card[hidden]{display:none!important}
.lokasi-results-v9 .lokasi-agent-card img{width:96px!important;height:96px!important;border-radius:24px!important;object-fit:cover!important;background:#f8fafc!important}
.lokasi-results-v9 .lokasi-agent-content{min-width:0!important}
.lokasi-results-v9 .lokasi-agent-card h2{margin:.25rem 0!important;color:#0f172a!important;line-height:1.12!important;font-size:clamp(1.2rem,2vw,1.55rem)!important}
.lokasi-results-v9 .lokasi-agent-card p{color:#334155!important;overflow-wrap:anywhere!important}
.lokasi-card-actions{justify-content:flex-start!important;margin-top:14px!important}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce{margin-top:14px!important;padding:14px!important;border-radius:20px!important;background:#f8ffff!important;border:1px solid rgba(153,246,228,.72)!important;text-align:center!important}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-title{justify-content:center!important}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-icons{justify-content:center!important}
.lokasi-notice-card{text-align:center!important;width:min(100%,520px)!important}
.lokasi-notice-card h2{font-size:clamp(1.55rem,4vw,2.3rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#0f172a!important}
.lokasi-notice-agent{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:min(100%,360px)!important;margin:16px auto!important;padding:13px!important;border-radius:20px!important;background:#f8ffff!important;border:1px solid rgba(153,246,228,.8)!important}
.lokasi-notice-agent img{width:62px!important;height:62px!important;border-radius:17px!important;object-fit:cover!important}
.lokasi-notice-agent b,.lokasi-notice-agent span{display:block!important;text-align:left!important;color:#0f172a!important}
.lokasi-notice-agent span{color:#475569!important;font-weight:800!important}
.lokasi-notice-actions{justify-content:center!important;margin-bottom:0!important}
.service-page .wantopup-services{width:min(calc(100% - 28px),1180px)!important;margin:22px auto!important;border-radius:34px!important;background:linear-gradient(180deg,#ffffff,#f8ffff)!important;border:1px solid rgba(153,246,228,.9)!important;box-shadow:0 18px 54px rgba(15,23,42,.07)!important}
@media(max-width:1200px){.lokasi-state-grid-v9{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lokasi-results-v9{grid-template-columns:1fr!important}}
@media(max-width:900px){.lokasi-hero-v9{grid-template-columns:1fr!important;text-align:center!important;padding:28px 18px!important;border-radius:28px!important}.lokasi-hero-v9 h1,.lokasi-hero-v9 p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.lokasi-hero-actions,.lokasi-auto-v9 .cta-row,.lokasi-results-v9 .lokasi-agent-card .cta-row{justify-content:center!important}.lokasi-trust-v9{min-height:auto!important;padding:22px!important}.lokasi-visual-v9{grid-template-columns:1fr!important;padding:16px!important}.lokasi-auto-v9{flex-direction:column!important;text-align:center!important}.lokasi-search-v9{grid-template-columns:1fr!important}.lokasi-state-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.lokasi-results-v9 .lokasi-agent-card{grid-template-columns:1fr!important;text-align:center!important}.lokasi-results-v9 .lokasi-agent-card img{margin-left:auto!important;margin-right:auto!important}.lokasi-card-actions{justify-content:center!important}.lokasi-results-v9 .agent-ecommerce-icons{justify-content:center!important}.lokasi-notice-agent b,.lokasi-notice-agent span{text-align:left!important}}
@media(max-width:420px){.lokasi-v9,.lokasi-hero-v9,.lokasi-auto-v9,.lokasi-visual-v9,.service-page .wantopup-services{width:min(calc(100% - 18px),1180px)!important}.lokasi-state-grid-v9{grid-template-columns:1fr!important}.lokasi-state-grid-v9 .lokasi-state-card{min-height:104px!important}.lokasi-results-head{padding:14px!important}.lokasi-results-v9 .lokasi-agent-card{padding:16px!important;border-radius:22px!important}.lokasi-notice-actions .btn{width:100%!important}}
/* === /WanTopup v9 === */


/* === WanTopup v10: phone slider arrows + mobile package anti-overlap audit === */
.phone-card-image.phone-card-slider{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.phone-card-image.phone-card-slider .phone-image-track{scroll-behavior:smooth!important;overscroll-behavior-x:contain!important}
.phone-slider-btn{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:8!important;width:46px!important;height:46px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:999px!important;background:rgba(15,23,42,.82)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:2rem!important;line-height:1!important;font-weight:1000!important;cursor:pointer!important;box-shadow:0 14px 34px rgba(15,23,42,.24)!important;backdrop-filter:blur(10px)!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}
.phone-slider-btn:hover{background:#25b9bd!important;transform:translateY(-50%) scale(1.04)!important}
.phone-slider-btn:focus-visible{outline:3px solid rgba(37,185,189,.45)!important;outline-offset:3px!important}
.phone-slider-btn[disabled]{opacity:.36!important;cursor:not-allowed!important;transform:translateY(-50%)!important}
.phone-slider-prev{left:12px!important}
.phone-slider-next{right:12px!important}
.phone-card-image.phone-card-slider .phone-scroll-hint{position:relative!important;z-index:3!important;margin-left:auto!important;margin-right:auto!important}
.phone-card-image.phone-card-slider .phone-screen-slide{min-width:0!important;overflow:hidden!important}
.phone-card-image.phone-card-slider .phone-screen-slide img{margin-left:auto!important;margin-right:auto!important}
.pricing-table.plan-track.wantopup-package-grid,
.plans.wantopup-packages .pricing-table.plan-track,
.wantopup-package-grid{box-sizing:border-box!important;contain:layout paint!important}
.pricing-table.plan-track.wantopup-package-grid::before,
.pricing-table.plan-track.wantopup-package-grid::after,
.pricing-table.plan-track.wantopup-package-grid > article::before,
.pricing-table.plan-track.wantopup-package-grid > article::after,
.pricing-table.plan-track.wantopup-package-grid .shop-plan::before,
.pricing-table.plan-track.wantopup-package-grid .shop-plan::after,
.pricing-table.plan-track.wantopup-package-grid .master-first::before,
.pricing-table.plan-track.wantopup-package-grid .master-first::after,
.wantopup-package-grid > article::before,
.wantopup-package-grid > article::after,
.plans.wantopup-packages article::before,
.plans.wantopup-packages article::after{content:none!important;display:none!important;position:static!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.pricing-table.plan-track.wantopup-package-grid > article,
.plans.wantopup-packages .pricing-table.plan-track > article,
.wantopup-package-grid > article{min-width:0!important;max-width:100%!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:normal!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important}
.pricing-table.plan-track.wantopup-package-grid > article h2,
.pricing-table.plan-track.wantopup-package-grid > article h3,
.pricing-table.plan-track.wantopup-package-grid > article p,
.pricing-table.plan-track.wantopup-package-grid > article b,
.pricing-table.plan-track.wantopup-package-grid > article span,
.wantopup-package-grid > article h2,
.wantopup-package-grid > article h3,
.wantopup-package-grid > article p{max-width:100%!important;overflow-wrap:anywhere!important}
.pricing-table.plan-track.wantopup-package-grid > article ul,
.wantopup-package-grid > article ul{width:100%!important;max-width:330px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;text-align:left!important}
.pricing-table.plan-track.wantopup-package-grid > article .btn,
.wantopup-package-grid > article .btn{width:100%!important;max-width:320px!important;margin-top:auto!important;white-space:normal!important;line-height:1.18!important;text-align:center!important}
.section,.hero,.tanyabox,.agent-info,.footer,.panel,.auth-card,.shop-plan,.kelebihan-card,.income-card,.lokasi-agent-card{overflow-wrap:anywhere!important}
@media(min-width:901px){.phone-card-image.phone-card-slider{padding-left:58px!important;padding-right:58px!important}.phone-slider-prev{left:10px!important}.phone-slider-next{right:10px!important}}
@media(max-width:900px){
  .phone-card-image.phone-card-slider{padding-left:44px!important;padding-right:44px!important}
  .phone-slider-btn{width:38px!important;height:38px!important;font-size:1.65rem!important;background:rgba(15,23,42,.88)!important}
  .phone-slider-prev{left:6px!important}.phone-slider-next{right:6px!important}
  .pricing-table.plan-track.wantopup-package-grid,
  .plans.wantopup-packages .pricing-table.plan-track,
  .wantopup-package-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:min(100%,540px)!important;max-width:540px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;gap:16px!important;overflow:visible!important;contain:none!important}
  .pricing-table.plan-track.wantopup-package-grid > article,
  .plans.wantopup-packages .pricing-table.plan-track > article,
  .wantopup-package-grid > article{width:100%!important;min-width:0!important;max-width:100%!important;transform:none!important;margin:0!important;padding:20px 16px!important;border-radius:24px!important}
  .price-card.hot,.shop-plan.hot,.shop-plan.master-first,.master-first{transform:none!important}
  .pricing-table.plan-track.wantopup-package-grid > article ul,
  .wantopup-package-grid > article ul{max-width:300px!important}
}
@media(max-width:460px){
  .phone-card-image.phone-card-slider{padding-left:40px!important;padding-right:40px!important}
  .phone-slider-btn{width:34px!important;height:34px!important;font-size:1.45rem!important}
  .phone-slider-prev{left:5px!important}.phone-slider-next{right:5px!important}
  .pricing-table.plan-track.wantopup-package-grid > article,
  .plans.wantopup-packages .pricing-table.plan-track > article,
  .wantopup-package-grid > article{padding:18px 14px!important}
  .pricing-table.plan-track.wantopup-package-grid > article .btn,
  .wantopup-package-grid > article .btn{max-width:100%!important}
}



/* === WanTopup v12 lokasi/copy/SEO/mobile hardening === */
.lokasi-trust-v9,
.lokasi-hero-v9 .lokasi-trust-v9{
  background:linear-gradient(135deg,#075985,#0891b2 58%,#14b8a6)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 22px 54px rgba(8,145,178,.22)!important;
}
.lokasi-trust-v9 b,
.lokasi-trust-v9 p,
.lokasi-trust-v9 span{color:#ffffff!important;text-shadow:0 1px 8px rgba(0,0,0,.18)!important}
.lokasi-state-grid-v9 .lokasi-state-card em{color:#047857!important;background:#ecfdf5!important;border:1px solid rgba(16,185,129,.25)!important;border-radius:999px!important;padding:5px 8px!important;max-width:100%!important}
.lokasi-notice-agent{width:min(100%,420px)!important;align-items:center!important}
.lokasi-notice-agent span{font-size:.92rem!important;line-height:1.35!important}
.conversion-copy{width:100%!important;max-width:340px!important;margin:2px auto 0!important;padding:11px 13px!important;border-radius:16px!important;background:rgba(37,185,189,.10)!important;border:1px solid rgba(37,185,189,.25)!important;color:#0f172a!important;font-size:.92rem!important;font-weight:850!important;line-height:1.45!important;text-align:center!important}
.plans.wantopup-packages .shop-plan.premium .conversion-copy,
.plans.wantopup-packages .shop-plan.best .conversion-copy{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#ffffff!important}
.pricing-table.plan-track.wantopup-package-grid > article,
.wantopup-package-grid > article{isolation:isolate!important}
.seo-folder-page,.seo-folder-index,.wantopup-seo-folder{width:min(calc(100% - 28px),1180px)!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
.seo-link-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.seo-link-grid a{min-width:0!important;overflow-wrap:anywhere!important;line-height:1.25!important;border-radius:15px!important;padding:13px 14px!important}
.seo-ai-grid,.kelebihan-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;align-items:stretch!important}
.seo-ai-grid article,.kelebihan-grid article,.seo-content-panel,.seo-related-links,.kelebihan-cta{min-width:0!important;max-width:100%!important;overflow:hidden!important;overflow-wrap:anywhere!important}
.seo-related-links{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important}
.seo-related-links a{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
.kelebihan-cta{display:flex!important;gap:14px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important}
.kelebihan-cta .btn{white-space:normal!important;text-align:center!important}
@media(max-width:760px){
  .lokasi-trust-v9 b{font-size:1.38rem!important}
  .lokasi-trust-v9 p{font-size:.96rem!important}
  .lokasi-state-grid-v9 .lokasi-state-card em{font-size:.68rem!important;padding:5px 6px!important}
  .lokasi-notice-agent{width:100%!important;gap:10px!important;padding:12px!important}
  .lokasi-notice-agent img{width:56px!important;height:56px!important}
  .conversion-copy{font-size:.88rem!important;padding:10px 11px!important}
  .seo-folder-page,.seo-folder-index,.wantopup-seo-folder{width:min(calc(100% - 18px),1180px)!important}
  .seo-link-grid{grid-template-columns:1fr!important}
  .seo-ai-grid,.kelebihan-grid{grid-template-columns:1fr!important}
  .kelebihan-cta{justify-content:center!important;text-align:center!important}
  .kelebihan-cta .btn{width:100%!important}
}
/* === /WanTopup v12 === */

/* === WanTopup v12: kelebihan-grid 3-3 desktop + clean package badge copy === */
@media (min-width:1025px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .kelebihan-grid > article,
  .kelebihan-grid > .kelebihan-card{
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}
@media (min-width:701px) and (max-width:1024px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
  }
}
@media (max-width:700px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .kelebihan-grid > article,
  .kelebihan-grid > .kelebihan-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:18px!important;
    border-radius:22px!important;
  }
}
.pricing-table.plan-track.wantopup-package-grid > article,
.wantopup-package-grid > article{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
.pricing-table.plan-track.wantopup-package-grid .deal-badge,
.wantopup-package-grid .deal-badge{
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
  max-width:100%!important;
}
/* === /WanTopup v12 === */



/* === WanTopup v13: kelebihan-grid 2-2 desktop + package grid mobile/design audit === */
@media (min-width:1025px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
    width:min(100%,980px)!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  .kelebihan-grid > article,
  .kelebihan-grid > .kelebihan-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}
@media (min-width:701px) and (max-width:1024px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:700px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .kelebihan-grid > article,
  .kelebihan-grid > .kelebihan-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:18px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
}
.plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
.pricing-table.plan-track.wantopup-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
  justify-content:center!important;
  overflow:visible!important;
  contain:none!important;
  transform:none!important;
  scroll-snap-type:none!important;
}
.plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid > article,
section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  flex:initial!important;
  flex-basis:auto!important;
  margin:0!important;
  transform:none!important;
  scroll-snap-align:unset!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:12px!important;
  padding:clamp(20px,2.2vw,28px)!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  isolation:isolate!important;
}
.pricing-table.plan-track.wantopup-package-grid > article::before,
.pricing-table.plan-track.wantopup-package-grid > article::after,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan::before,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan::after,
.pricing-table.plan-track.wantopup-package-grid .master-first::before,
.pricing-table.plan-track.wantopup-package-grid .master-first::after,
.pricing-table.plan-track.wantopup-package-grid::before,
.pricing-table.plan-track.wantopup-package-grid::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article h2,
.pricing-table.plan-track.wantopup-package-grid > article h3,
.pricing-table.plan-track.wantopup-package-grid > article p,
.pricing-table.plan-track.wantopup-package-grid > article li,
.pricing-table.plan-track.wantopup-package-grid > article span,
.pricing-table.plan-track.wantopup-package-grid > article b,
.pricing-table.plan-track.wantopup-package-grid .price,
.pricing-table.plan-track.wantopup-package-grid .plan-hook,
.pricing-table.plan-track.wantopup-package-grid .conversion-copy{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.pricing-table.plan-track.wantopup-package-grid .deal-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.22!important;
  text-align:center!important;
  padding:9px 13px!important;
}
.pricing-table.plan-track.wantopup-package-grid .price{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px 6px!important;
  line-height:1!important;
}
.pricing-table.plan-track.wantopup-package-grid .price span{
  width:100%!important;
  display:block!important;
  margin-top:4px!important;
  line-height:1.25!important;
  font-size:clamp(.78rem,1vw,.92rem)!important;
}
.pricing-table.plan-track.wantopup-package-grid > article ul{
  width:100%!important;
  max-width:330px!important;
  margin:2px auto 12px!important;
  padding-left:20px!important;
  text-align:left!important;
}
.pricing-table.plan-track.wantopup-package-grid > article li{
  margin-bottom:8px!important;
  line-height:1.35!important;
}
.pricing-table.plan-track.wantopup-package-grid > article .btn{
  width:100%!important;
  max-width:330px!important;
  min-height:48px!important;
  margin-top:auto!important;
  white-space:normal!important;
  line-height:1.18!important;
  text-align:center!important;
}
@media (max-width:980px){
  .plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  .pricing-table.plan-track.wantopup-package-grid{
    grid-template-columns:1fr!important;
    width:min(100%,560px)!important;
    max-width:560px!important;
    gap:16px!important;
  }
  .pricing-table.plan-track.wantopup-package-grid > article,
  .pricing-table.plan-track.wantopup-package-grid > .shop-plan{
    padding:20px 16px!important;
    border-radius:24px!important;
  }
}
@media (max-width:480px){
  .plans.wantopup-packages,
  .plans.wantopup-packages .section-head,
  .plans.wantopup-packages .plans-note{
    width:100%!important;
    max-width:100%!important;
  }
  .plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  .pricing-table.plan-track.wantopup-package-grid{
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
  }
  .pricing-table.plan-track.wantopup-package-grid > article,
  .pricing-table.plan-track.wantopup-package-grid > .shop-plan{
    padding:18px 14px!important;
    border-radius:22px!important;
  }
  .pricing-table.plan-track.wantopup-package-grid .conversion-copy,
  .pricing-table.plan-track.wantopup-package-grid > article ul,
  .pricing-table.plan-track.wantopup-package-grid > article .btn{
    max-width:100%!important;
  }
}
.seo-folder-page,.seo-folder-index,.wantopup-seo-folder,.seo-content-panel,.seo-ai-grid,.seo-link-grid,.seo-related-links,.page-agent-card,.agent-info,.support-agent-card,.location-page,.lokasi-page{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.seo-folder-page img,.seo-folder-index img,.agent-card img,.lokasi-agent-card img{
  max-width:100%!important;
  height:auto;
}
.seo-ai-grid article,.kelebihan-card,.seo-content-panel,.seo-related-links a,.agent-card,.lokasi-agent-card,.panel,.tanyabox,.auth-card{
  min-width:0!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
@media (max-width:760px){
  .section,.seo-folder-page,.seo-folder-index,.wantopup-seo-folder,.dashboard,.auth,.agent-info{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .section-head h1,.section-head h2,.section-head p,.seo-content-panel h2,.seo-content-panel p{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}
/* === /WanTopup v13 === */


/* === WanTopup v14: kelebihan-grid 3 column desktop + compact package cards === */
@media (min-width:1025px){
  .kelebihan-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
    width:min(100%,1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  .kelebihan-grid > article,
  .kelebihan-grid > .kelebihan-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
}
.pricing-table.plan-track.wantopup-package-grid .conversion-copy{
  display:none!important;
}
.plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
.pricing-table.plan-track.wantopup-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(240px,1fr))!important;
  gap:clamp(16px,2vw,22px)!important;
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  flex:initial!important;
  flex-basis:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:clamp(20px,2.1vw,27px)!important;
  text-align:center!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.pricing-table.plan-track.wantopup-package-grid > article::before,
.pricing-table.plan-track.wantopup-package-grid > article::after,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan::before,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan::after,
.pricing-table.plan-track.wantopup-package-grid::before,
.pricing-table.plan-track.wantopup-package-grid::after{
  content:none!important;
  display:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .deal-badge{
  max-width:100%!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
  padding:8px 12px!important;
}
.pricing-table.plan-track.wantopup-package-grid h3{
  margin:2px 0 0!important;
  line-height:1.12!important;
  font-size:clamp(1.22rem,1.75vw,1.55rem)!important;
}
.pricing-table.plan-track.wantopup-package-grid .price{
  margin:4px 0 2px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:baseline!important;
  gap:2px 6px!important;
  line-height:1!important;
}
.pricing-table.plan-track.wantopup-package-grid .price span{
  width:100%!important;
  display:block!important;
  margin-top:4px!important;
  line-height:1.2!important;
  font-size:.9rem!important;
}
.pricing-table.plan-track.wantopup-package-grid .plan-hook{
  width:100%!important;
  max-width:330px!important;
  margin:2px auto 4px!important;
  line-height:1.42!important;
  color:inherit!important;
  overflow-wrap:anywhere!important;
}
.pricing-table.plan-track.wantopup-package-grid > article ul{
  width:100%!important;
  max-width:330px!important;
  flex:1 1 auto!important;
  margin:4px auto 14px!important;
  padding-left:20px!important;
  text-align:left!important;
}
.pricing-table.plan-track.wantopup-package-grid > article li{
  margin-bottom:8px!important;
  line-height:1.36!important;
  overflow-wrap:anywhere!important;
}
.pricing-table.plan-track.wantopup-package-grid > article .btn{
  width:100%!important;
  max-width:330px!important;
  min-height:48px!important;
  margin-top:auto!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.18!important;
}
@media (max-width:1024px){
  .plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  .pricing-table.plan-track.wantopup-package-grid{
    grid-template-columns:1fr!important;
    width:min(100%,560px)!important;
    max-width:560px!important;
    gap:16px!important;
  }
  .pricing-table.plan-track.wantopup-package-grid > article,
  .pricing-table.plan-track.wantopup-package-grid > .shop-plan{
    padding:20px 16px!important;
    border-radius:24px!important;
  }
}
@media (max-width:520px){
  .plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
  .pricing-table.plan-track.wantopup-package-grid{
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
  }
  .pricing-table.plan-track.wantopup-package-grid > article,
  .pricing-table.plan-track.wantopup-package-grid > .shop-plan{
    padding:18px 14px!important;
    border-radius:22px!important;
  }
  .pricing-table.plan-track.wantopup-package-grid .plan-hook,
  .pricing-table.plan-track.wantopup-package-grid > article ul,
  .pricing-table.plan-track.wantopup-package-grid > article .btn{
    max-width:100%!important;
  }
}
/* === /WanTopup v14 === */

/* === WanTopup v15: servis 2 column, kelebihan 3 column, pakej quick links === */
.pakej-register-links{
  width:min(100%,980px)!important;
  margin:0 auto 22px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.pakej-register-links .btn{
  width:100%!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  white-space:normal!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
.wantopup-services .servis-card-grid,
section#wantopup-services .servis-card-grid,
#servis .servis-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:22px auto 0!important;
}
.wantopup-services .servis-card-grid > .kelebihan-card,
#servis .servis-card-grid > .kelebihan-card{
  min-width:0!important;
  height:100%!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
.wantopup-services .servis-card-grid > .kelebihan-card h3,
.wantopup-services .servis-card-grid > .kelebihan-card p,
#servis .servis-card-grid > .kelebihan-card h3,
#servis .servis-card-grid > .kelebihan-card p{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.kelebihan-section .kelebihan-grid:not(.servis-card-grid),
section#kelebihan .kelebihan-grid:not(.servis-card-grid){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.kelebihan-section .kelebihan-grid:not(.servis-card-grid) > .kelebihan-card,
section#kelebihan .kelebihan-grid:not(.servis-card-grid) > .kelebihan-card{
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
.pricing-table.plan-track.wantopup-package-grid{
  margin-top:10px!important;
}
.pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan{
  min-width:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
@media (max-width:1024px){
  .pakej-register-links{
    grid-template-columns:1fr!important;
    width:min(100%,560px)!important;
    max-width:560px!important;
    margin-bottom:18px!important;
  }
  .wantopup-services .servis-card-grid,
  #servis .servis-card-grid,
  .kelebihan-section .kelebihan-grid:not(.servis-card-grid),
  section#kelebihan .kelebihan-grid:not(.servis-card-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
}
@media (max-width:680px){
  .pakej-register-links,
  .wantopup-services .servis-card-grid,
  #servis .servis-card-grid,
  .kelebihan-section .kelebihan-grid:not(.servis-card-grid),
  section#kelebihan .kelebihan-grid:not(.servis-card-grid){
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
  }
  .wantopup-services .servis-card-grid > .kelebihan-card,
  #servis .servis-card-grid > .kelebihan-card,
  .kelebihan-section .kelebihan-grid:not(.servis-card-grid) > .kelebihan-card,
  section#kelebihan .kelebihan-grid:not(.servis-card-grid) > .kelebihan-card{
    padding:18px 14px!important;
    border-radius:22px!important;
  }
}
/* === /WanTopup v15 === */


/* === WanTopup v15 final: servis 2 column + kelebihan bisnes 3 column + pakej buttons hardening === */
.pakej-register-links{
  width:min(100%,980px)!important;
  margin:0 auto 22px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.pakej-register-links .btn{
  width:100%!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  white-space:normal!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
@media (min-width:1025px){
  #servis .kelebihan-grid,
  #servis .servis-card-grid,
  .wantopup-services .servis-card-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    width:min(100%,980px)!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
  }
  #kelebihan .kelebihan-grid,
  .kelebihan-section .kelebihan-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    width:min(100%,1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
  }
}
#servis .kelebihan-card,
#kelebihan .kelebihan-card{
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#servis .kelebihan-card h3,
#servis .kelebihan-card p,
#kelebihan .kelebihan-card h3,
#kelebihan .kelebihan-card p{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media (max-width:1024px){
  .pakej-register-links{
    grid-template-columns:1fr!important;
    width:min(100%,560px)!important;
    max-width:560px!important;
  }
  #servis .kelebihan-grid,
  #servis .servis-card-grid,
  #kelebihan .kelebihan-grid,
  .kelebihan-section .kelebihan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
}
@media (max-width:680px){
  .pakej-register-links,
  #servis .kelebihan-grid,
  #servis .servis-card-grid,
  #kelebihan .kelebihan-grid,
  .kelebihan-section .kelebihan-grid{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
  }
  #servis .kelebihan-card,
  #kelebihan .kelebihan-card{
    padding:18px 14px!important;
    border-radius:22px!important;
  }
}
/* === /WanTopup v15 final === */

/* === WTT V16 PAKEJ COPY + ADMIN STATE COLUMN FIX === */
.admin-affiliates-table{min-width:1560px!important}
.admin-affiliates-table th:nth-child(5),
.admin-affiliates-table td:nth-child(5){
  min-width:220px!important;
  width:220px!important;
  max-width:300px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.4!important;
}
.admin-affiliates-table td:nth-child(5){font-weight:800!important;color:#111827!important}
@media(max-width:900px){
  .admin-affiliates-table{min-width:1320px!important}
  .admin-affiliates-table th:nth-child(5),
  .admin-affiliates-table td:nth-child(5){min-width:200px!important;width:200px!important}
}
@media(max-width:560px){
  .admin-affiliates-table{min-width:1240px!important}
  .admin-affiliates-table th:nth-child(5),
  .admin-affiliates-table td:nth-child(5){min-width:190px!important;width:190px!important}
}
/* === /WTT V16 PAKEJ COPY + ADMIN STATE COLUMN FIX === */

/* === WanTopup v17: global width, tables, AdSense crawler/admin audit hardening === */
:root{--wtt-site-max:1200px;--wtt-site-wide:1280px;--wtt-page-pad:clamp(16px,4vw,48px)}
html,body{width:100%!important;max-width:100%!important;min-width:320px!important;overflow-x:hidden!important;box-sizing:border-box!important}
*,*::before,*::after{box-sizing:border-box!important}
body img,body video,body iframe,body svg{max-width:100%;height:auto}
.site-header,.wantopup-header,.footer,.wantopup-footer,main,.dashboard,.auth,.seo-article-main,.admin-wrap,.affiliate-wrap{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
main>section,.hero,.section,.business,.tanyabox,.agent-info,.page-agent-card,.bottom-agent,.seo-article,.ai-article-main,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card{width:min(var(--wtt-site-max),calc(100% - (var(--wtt-page-pad) * 2)))!important;max-width:var(--wtt-site-max)!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important}
.hero.wantopup-hero,.hero-v129.wantopup-hero{max-width:var(--wtt-site-wide)!important;width:min(var(--wtt-site-wide),calc(100% - (var(--wtt-page-pad) * 2)))!important}
.section-head{width:min(920px,100%)!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.section-head p,.hero-copy p,.panel p,.seo-article p,.kelebihan-card p,.shop-plan p,.plan-hook,.muted{overflow-wrap:anywhere!important;word-break:normal!important}
.hero-copy,.phone-card-copy,.agent-content,.affiliate-profile-details,.panel,.auth-card,.seo-article,.dash-kpi-card,.shop-plan,.kelebihan-card{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
.cta-row,.hero-buttons,.agent-links,.share-actions,.lead-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:center!important}
.btn,.cta-row a,.cta-row button,.pakej-register-links .btn{white-space:normal!important;line-height:1.2!important;text-align:center!important;min-width:0!important}

/* Pricing grid safe layout */
.pricing-table.plan-track.wantopup-package-grid{width:min(100%,1120px)!important;max-width:1120px!important;margin:18px auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;overflow:visible!important}
.pricing-table.plan-track.wantopup-package-grid>article,.pricing-table.plan-track.wantopup-package-grid>.shop-plan{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:clamp(18px,2vw,26px)!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:anywhere!important}
.pricing-table.plan-track.wantopup-package-grid .price,.pricing-table.plan-track.wantopup-package-grid .deal-badge,.pricing-table.plan-track.wantopup-package-grid h3,.pricing-table.plan-track.wantopup-package-grid li,.pricing-table.plan-track.wantopup-package-grid .btn{max-width:100%!important;overflow-wrap:anywhere!important}
.pricing-table.plan-track.wantopup-package-grid ul{flex:1!important;margin:0!important;padding-left:20px!important;display:grid!important;gap:8px!important}
.pricing-table.plan-track.wantopup-package-grid .btn{margin-top:auto!important;width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.pricing-table.plan-track.wantopup-package-grid::before,.pricing-table.plan-track.wantopup-package-grid::after,.pricing-table.plan-track.wantopup-package-grid>article::before,.pricing-table.plan-track.wantopup-package-grid>article::after,.pricing-table.plan-track.wantopup-package-grid>.shop-plan::before,.pricing-table.plan-track.wantopup-package-grid>.shop-plan::after{display:none!important;content:none!important}

/* Tables audit: spacing, width, scroll, no overlap */
.table-wrap,.admin-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:20px!important;background:rgba(255,255,255,.74)!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important}
table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;max-width:100%!important;background:#fff!important}
th,td{padding:14px 16px!important;vertical-align:top!important;text-align:left!important;line-height:1.45!important;border-bottom:1px solid rgba(15,23,42,.08)!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
th{font-weight:1000!important;color:#0f172a!important;background:#f8fafc!important;position:relative!important}
td a{overflow-wrap:anywhere!important}
.admin-affiliates-table,.admin-leads-table,.admin-clicks-table{min-width:1180px!important;table-layout:auto!important}
.admin-affiliates-table th:nth-child(5),.admin-affiliates-table td:nth-child(5){min-width:230px!important;width:230px!important;max-width:320px!important}
.admin-clicks-table th:nth-child(1),.admin-clicks-table td:nth-child(1){min-width:210px!important}.admin-clicks-table th:nth-child(4),.admin-clicks-table td:nth-child(4){min-width:180px!important}.click-source-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;border-radius:999px!important;background:#ecfeff!important;color:#0f766e!important;font-weight:900!important;white-space:normal!important}
.admin-overview-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;align-items:stretch!important}
.admin-ads-form textarea{min-height:130px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.92rem!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}.admin-ads-form label{display:grid!important;gap:8px!important}.adsense-crawler-note{padding:16px!important;border-radius:18px!important;background:#f0fdfa!important;border:1px solid #99f6e4!important;color:#134e4a!important}.adsense-crawler-note p{margin:6px 0 0!important;color:#134e4a!important}

/* SEO/static pages same container width */
.seo-article-main,.ai-article-main{padding-left:var(--wtt-page-pad)!important;padding-right:var(--wtt-page-pad)!important}.seo-article-main>.seo-article,.ai-article-main>.seo-article{width:min(920px,100%)!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important}.seo-grid,.seo-ai-grid,.keyword-cluster-grid,.grid3,.grid4,.stat-grid,.form-grid,.ecommerce-form-grid{min-width:0!important;max-width:100%!important}.seo-grid>* ,.seo-ai-grid>* ,.keyword-cluster-grid>*{min-width:0!important;overflow-wrap:anywhere!important}

@media(max-width:1024px){main>section,.hero,.section,.business,.tanyabox,.agent-info,.page-agent-card,.bottom-agent,.seo-article,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card{width:calc(100% - 32px)!important;max-width:100%!important}.pricing-table.plan-track.wantopup-package-grid{grid-template-columns:1fr!important;width:min(100%,680px)!important;max-width:680px!important}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){:root{--wtt-page-pad:14px}.site-header,.footer,main,.dashboard,.auth,.admin-wrap,.affiliate-wrap,.hero,.section,main>section{max-width:100%!important}.hero,.section,main>section,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.tanyabox{width:calc(100% - 28px)!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}.hero.wantopup-hero,.hero-v129.wantopup-hero{width:calc(100% - 28px)!important;max-width:100%!important}.admin-overview-grid{grid-template-columns:1fr!important}.pricing-table.plan-track.wantopup-package-grid{width:100%!important;gap:14px!important}.pricing-table.plan-track.wantopup-package-grid>article,.pricing-table.plan-track.wantopup-package-grid>.shop-plan{padding:18px 14px!important;border-radius:22px!important}.table-wrap table,.admin-table-wrap table{min-width:760px!important}th,td{padding:12px 14px!important}.btn,.cta-row .btn,.auth-links a{width:100%!important}.panel,.auth-card,.phone-card,article,.income-card,.agent-card,.tanyabox{padding:18px!important;border-radius:22px!important}}
@media(max-width:380px){.hero,.section,main>section,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.tanyabox{width:calc(100% - 20px)!important;padding-left:12px!important;padding-right:12px!important}.table-wrap table,.admin-table-wrap table{min-width:720px!important}}
/* === /WanTopup v17 === */


/* === WanTopup v18: width/social/table clean audit === */
:root{
  --wtt-site-min:320px;
  --wtt-site-max:1200px;
  --wtt-site-wide:1320px;
  --wtt-dashboard-max:1260px;
  --wtt-readable-max:920px;
  --wtt-mobile-pad:14px;
  --wtt-desktop-pad:clamp(18px,4vw,52px);
}
html,body{min-width:var(--wtt-site-min)!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body{margin:0!important}
.site-shell,.page-shell,.main-shell,.dashboard,.auth,.seo-article-main,.ai-article-main,.location-page,.service-page{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.site-header,.wantopup-header,.main-nav,.footer,.wantopup-footer{width:100%!important;max-width:100%!important;min-width:0!important}
main,.dashboard,.auth{padding-left:0!important;padding-right:0!important}
main>section,.hero,.section,.business,.service-section,.servis-section,.tanyabox,.agent-info,.page-agent-card,.bottom-agent,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card{
  width:min(var(--wtt-site-max),calc(100% - (var(--wtt-desktop-pad) * 2)))!important;
  min-width:0!important;
  max-width:var(--wtt-site-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero.wantopup-hero,.hero-v129.wantopup-hero,.dashboard>.wide,.dashboard .wide,.admin-affiliates-panel,.admin-lead-panel{
  width:min(var(--wtt-dashboard-max),calc(100% - (var(--wtt-desktop-pad) * 2)))!important;
  max-width:var(--wtt-dashboard-max)!important;
}
.section-head,.hero-copy,.pricing-copy,.seo-article-main>.seo-article,.ai-article-main>.seo-article{
  width:min(var(--wtt-readable-max),100%)!important;
  max-width:var(--wtt-readable-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.main-nav,.nav-links,.cta-row,.hero-buttons,.agent-links,.share-actions,.lead-actions,.pakej-register-links{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;gap:10px!important}
.main-nav a,.nav-links a,.btn,.button,button,input,select,textarea{max-width:100%!important;min-width:0!important}
img,svg,video,iframe,canvas{max-width:100%!important;height:auto}
.panel,.card,.shop-plan,.kelebihan-card,.income-card,.agent-card,.profile-mini,.phone-card,.visual-card,.seo-card,article{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.ecommerce-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.agent-ecommerce.dashboard-preview,.agent-ecommerce.admin-preview,.agent-ecommerce.admin-list,.agent-ecommerce.support-agent-ecommerce,.agent-ecommerce.agent-info{
  width:100%!important;max-width:760px!important;margin:14px auto 0!important;text-align:center!important;justify-items:center!important;
}
.agent-ecommerce-icons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;max-width:100%!important}
.ecommerce-icon-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:112px!important;max-width:100%!important;padding:9px 12px!important;border-radius:999px!important;text-align:center!important;white-space:normal!important;line-height:1.15!important;overflow-wrap:anywhere!important}
.ecommerce-icon{flex:0 0 auto!important}
.admin-overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;max-width:var(--wtt-dashboard-max)!important;margin-left:auto!important;margin-right:auto!important}
.admin-clicks-panel,.admin-clicks-table{display:none!important}
.table-wrap,.admin-table-wrap,.member-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}
.admin-affiliates-table{min-width:1680px!important;width:100%!important;table-layout:auto!important}
.admin-affiliates-table th:nth-child(4),.admin-affiliates-table td:nth-child(4){min-width:170px!important;width:170px!important}
.admin-affiliates-table th:nth-child(5),.admin-affiliates-table td:nth-child(5){min-width:240px!important;width:240px!important;max-width:340px!important;white-space:normal!important}
.admin-affiliates-table th:nth-child(7),.admin-affiliates-table td:nth-child(7){min-width:280px!important;width:280px!important}
.admin-leads-table{min-width:1280px!important}.member-lead-table{min-width:860px!important}
th,td{max-width:420px!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}.profile-mini.compact{min-width:260px!important;align-items:center!important}.profile-mini.compact img{flex:0 0 54px!important;width:54px!important;height:54px!important;object-fit:cover!important}
.pricing-table.plan-track.wantopup-package-grid{width:min(1120px,100%)!important;max-width:1120px!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}.pricing-table.plan-track.wantopup-package-grid>article{min-width:0!important;max-width:100%!important;overflow:hidden!important}.conversion-copy{display:none!important}
@media(max-width:1100px){.ecommerce-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pricing-table.plan-track.wantopup-package-grid{grid-template-columns:1fr!important;max-width:680px!important}.admin-affiliates-table{min-width:1480px!important}}
@media(max-width:720px){:root{--wtt-desktop-pad:var(--wtt-mobile-pad)}main>section,.hero,.section,.business,.service-section,.servis-section,.tanyabox,.agent-info,.page-agent-card,.bottom-agent,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.hero.wantopup-hero,.hero-v129.wantopup-hero,.dashboard>.wide,.dashboard .wide,.admin-affiliates-panel,.admin-lead-panel{width:calc(100% - (var(--wtt-mobile-pad) * 2))!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}.ecommerce-form-grid{grid-template-columns:1fr!important}.agent-ecommerce-icons{gap:8px!important}.ecommerce-icon-link{width:100%!important;min-width:0!important}.admin-overview-grid,.stat-grid{grid-template-columns:1fr!important}.admin-affiliates-table{min-width:1320px!important}.admin-leads-table{min-width:1080px!important}.member-lead-table{min-width:780px!important}th,td{padding:12px 13px!important;max-width:360px!important}.main-nav,.nav-links{justify-content:center!important}.btn,.cta-row .btn,.hero-buttons .btn{width:100%!important}}
@media(max-width:390px){:root{--wtt-mobile-pad:10px}main>section,.hero,.section,.dashboard>.panel,.dashboard>.dash-head,.auth>.panel,.auth>.auth-card{padding-left:12px!important;padding-right:12px!important;border-radius:20px!important}.admin-affiliates-table{min-width:1240px!important}.table-wrap table,.admin-table-wrap table{min-width:760px!important}}
/* === /WanTopup v18 === */

/* === WanTopup v20: WantuneTalk v159-style max/min width sync ===
   Reference: wantunetalk-full-system-pro-v159.zip + live wantunetalk.com shell rhythm.
   Purpose: keep menu, table, main, header, footer, section, landing, dashboard and SEO pages same neat width without overlap.
*/
:root{
  --wtt-v20-shell-min:320px;
  --wtt-v20-shell-max:1440px;
  --wtt-v20-content-max:1320px;
  --wtt-v20-readable-max:980px;
  --wtt-v20-dashboard-max:1320px;
  --wtt-v20-edge:clamp(14px,5vw,72px);
  --wtt-v20-gap:clamp(14px,2vw,28px);
  --wtt-v20-mobile-edge:14px;
  --wtt-v20-table-min:760px;
}
html,
body{
  width:100%!important;
  min-width:var(--wtt-v20-shell-min)!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body *{
  box-sizing:border-box!important;
  min-width:0;
}
img,svg,video,iframe,canvas{
  max-width:100%!important;
  height:auto;
}
.site-header,
.wantopup-header,
.footer,
.wantopup-footer,
main,
body.landing main,
.dashboard,
.auth,
.admin-wrap,
.affiliate-wrap,
.lokasi-main,
.location-page,
.service-page,
.plan-main,
.guide-main,
.coverage-main,
.notfound-main,
.seo-article-main,
.ai-article-main,
.hub-v123-main,
.simkad-article-main,
.simcard-article-main,
.tunetalk-article-main,
.halotelco-article-main,
.tunetalklegend-main,
.expired-main,
.tamattempoh-main,
.agentseo-main,
.free-main,
.percuma-main,
.affiliate-free-main{
  width:min(100%,var(--wtt-v20-shell-max))!important;
  max-width:var(--wtt-v20-shell-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header,
.wantopup-header,
.footer,
.wantopup-footer,
.hero,
.section,
.business,
.plans,
.leadbox,
.tanyabox,
.agent-info,
.page-agent-card,
.bottom-agent,
.service-section,
.servis-section,
.location-hero,
.lokasi-section,
.auto-location-box,
.location-visual-strip,
main>section,
.dashboard,
.auth,
.plan-main,
.guide-main,
.coverage-main,
.lokasi-main,
.notfound-main,
.seo-article-main,
.ai-article-main,
.hub-v123-main,
.simkad-article-main,
.simcard-article-main,
.tunetalk-article-main,
.halotelco-article-main,
.tunetalklegend-main,
.expired-main,
.tamattempoh-main,
.agentseo-main,
.free-main,
.percuma-main,
.affiliate-free-main{
  padding-left:var(--wtt-v20-edge)!important;
  padding-right:var(--wtt-v20-edge)!important;
}
.hero,
.hero.wantopup-hero,
.hero-v129.wantopup-hero,
.section,
.business,
.plans,
.leadbox,
.tanyabox,
.agent-info,
.page-agent-card,
.bottom-agent,
.service-section,
.servis-section,
.location-hero,
.lokasi-section,
.auto-location-box,
.location-visual-strip,
main>section,
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.dashboard>.wide,
.dashboard .wide,
.admin-affiliates-panel,
.admin-lead-panel,
.auth>.panel,
.auth>.auth-card,
.agent-info>.agent-card,
.page-agent-card>.agent-card,
main>.panel,
.seo-folder-page,
.wantopup-seo-folder,
.seo-content-panel,
.seo-article-main>.seo-article,
.ai-article-main>.seo-article,
.seo-article,
.ai-summary-panel,
.plan-main>section,
.guide-main>section,
.coverage-main>section,
.lokasi-main>section,
.notfound-main>section{
  width:min(100%,var(--wtt-v20-content-max))!important;
  max-width:var(--wtt-v20-content-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.admin-affiliates-panel,
.admin-lead-panel,
.member-lead-panel,
.ecommerce-dashboard-panel{
  max-width:var(--wtt-v20-dashboard-max)!important;
}
.section-head,
.hero-copy,
.pricing-copy,
.plans-note,
.faq details,
.seo-article .section-head,
.seo-article-main>.seo-article,
.ai-article-main>.seo-article,
.ai-summary-panel,
.keyword-cluster-grid,
.seo-content-panel>h1,
.seo-content-panel>h2,
.seo-content-panel>p{
  max-width:var(--wtt-v20-readable-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-header,
.wantopup-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(10px,2vw,24px)!important;
  min-height:74px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.brand,
.footer-logo{
  min-width:0!important;
  max-width:100%!important;
}
.main-nav,
.nav-links,
.site-header nav,
.footer-simple-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap!important;
  gap:clamp(8px,1.4vw,18px)!important;
  min-width:0!important;
  max-width:100%!important;
}
.main-nav a,
.nav-links a,
.site-header nav a,
.footer-simple-menu a,
.btn,
.button,
button,
.nav-cta,
.auth-links a,
.hero-buttons .btn,
.cta-row .btn,
.pakej-register-links .btn{
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  text-align:center!important;
  line-height:1.2!important;
}
.grid3,
.grid4,
.seo-ai-grid,
.keyword-cluster-grid,
.kelebihan-grid,
.coverage-grid,
.guide-grid,
.state-grid,
.business-points,
.provider-grid,
.provider-track,
.plan-grid,
.plan-page-grid,
.plan-visual-strip,
.affiliate-action-strip,
.ecommerce-form-grid,
.form-grid,
.stat-grid,
.admin-overview-grid,
.pricing-table.plan-track.wantopup-package-grid,
.pakej-register-links,
.servis-card-grid{
  min-width:0!important;
  max-width:100%!important;
  gap:var(--wtt-v20-gap)!important;
  align-items:stretch!important;
}
.panel,
.auth-card,
.phone-card,
.visual-card,
.guide-card,
.coverage-card,
.state-card,
.lokasi-state-card,
.lokasi-agent-card,
.seo-content-card,
.seo-content-panel,
.seo-related-links a,
.keyword-cluster-grid>*,
article,
.card,
.shop-plan,
.price-card,
.kelebihan-card,
.income-card,
.agent-card,
.support-agent-card,
.profile-mini,
.provider-logo-card,
.tanyabox,
.leadbox{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.hero-copy,
.section-head,
.panel-title-row,
.agent-content,
.affiliate-profile-details,
.lokasi-agent-content,
.seo-content-panel,
.seo-folder-page,
.wantopup-seo-folder{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.cta-row,
.hero-buttons,
.agent-links,
.agent-ecommerce-icons,
.share-actions,
.lead-actions,
.auth-links,
.panel-title-row,
.dash-head{
  min-width:0!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
/* pricing grid: same max/min rhythm as reference, no collision on mobile */
.pricing-table.plan-track.wantopup-package-grid{
  width:min(100%,1120px)!important;
  max-width:1120px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.pricing-table.plan-track.wantopup-package-grid>article,
.pricing-table.plan-track.wantopup-package-grid>.shop-plan{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.pricing-table.plan-track.wantopup-package-grid>article::before,
.pricing-table.plan-track.wantopup-package-grid>article::after,
.pricing-table.plan-track.wantopup-package-grid>.shop-plan::before,
.pricing-table.plan-track.wantopup-package-grid>.shop-plan::after,
.pricing-table.plan-track.wantopup-package-grid::before,
.pricing-table.plan-track.wantopup-package-grid::after{
  content:none!important;
  display:none!important;
}
/* tables: readable desktop, safe horizontal scroll mobile */
.table-wrap,
.admin-table-wrap,
.member-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  border-radius:24px!important;
  background:#fff!important;
}
table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
}
.table-wrap table,
.admin-table-wrap table,
.member-table-wrap table{
  min-width:var(--wtt-v20-table-min)!important;
}
th,
td{
  padding:15px 18px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  max-width:460px!important;
}
th{
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  font-weight:1000!important;
}
.admin-affiliates-table{min-width:1680px!important;width:100%!important;table-layout:auto!important}
.admin-leads-table{min-width:1280px!important}
.member-lead-table{min-width:900px!important}
.admin-affiliates-table th:nth-child(4),
.admin-affiliates-table td:nth-child(4){min-width:170px!important;width:170px!important}
.admin-affiliates-table th:nth-child(5),
.admin-affiliates-table td:nth-child(5){min-width:240px!important;width:240px!important;max-width:340px!important}
.admin-affiliates-table th:nth-child(7),
.admin-affiliates-table td:nth-child(7){min-width:280px!important;width:280px!important}
.profile-mini.compact,
.affiliate-profile-mini{
  min-width:0!important;
  max-width:100%!important;
}
/* dashboard + forms */
.admin-overview-grid,
.stat-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;
}
.ecommerce-form-grid,
.form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
}
.agent-ecommerce.dashboard-preview,
.agent-ecommerce.admin-preview,
.agent-ecommerce.admin-list,
.agent-ecommerce.support-agent-ecommerce,
.agent-ecommerce.agent-info{
  width:100%!important;
  max-width:760px!important;
  margin:14px auto 0!important;
  text-align:center!important;
  justify-items:center!important;
}
.agent-ecommerce-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
}
.ecommerce-icon-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  max-width:100%!important;
  white-space:normal!important;
  text-align:center!important;
}
/* SEO folders: prevent 13k generated pages from inheriting uneven widths */
.seo-folder-page,
.wantopup-seo-folder{
  width:min(100%,var(--wtt-v20-content-max))!important;
  max-width:var(--wtt-v20-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-v20-edge)!important;
  padding-right:var(--wtt-v20-edge)!important;
}
.seo-ai-grid,
.keyword-cluster-grid,
.seo-related-links{
  width:100%!important;
  max-width:100%!important;
}
.seo-related-links{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
}
@media(min-width:1025px){
  .site-header,
  .wantopup-header,
  .footer,
  .wantopup-footer,
  main,
  .dashboard,
  .auth{
    width:min(100%,var(--wtt-v20-shell-max))!important;
  }
  body.landing .kelebihan-grid,
  body.landing #info .seo-ai-grid,
  .kelebihan-section .kelebihan-grid:not(.servis-card-grid),
  section#kelebihan .kelebihan-grid:not(.servis-card-grid){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .wantopup-services .servis-card-grid,
  #servis .servis-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero,
  .section,
  .business,
  .plans,
  .leadbox,
  .agent-info,
  main>section{
    padding-top:clamp(56px,5vw,86px)!important;
    padding-bottom:clamp(56px,5vw,86px)!important;
  }
}
@media(max-width:1024px){
  :root{--wtt-v20-edge:clamp(14px,4vw,28px)}
  .site-header,
  .wantopup-header,
  .footer,
  .wantopup-footer,
  main,
  .dashboard,
  .auth,
  .hero,
  .section,
  .business,
  .plans,
  .leadbox,
  .tanyabox,
  .agent-info,
  .page-agent-card,
  .bottom-agent,
  main>section,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .dashboard>.success,
  .dashboard>.alert,
  .auth>.panel,
  .auth>.auth-card,
  .seo-folder-page,
  .wantopup-seo-folder,
  .seo-content-panel{
    width:100%!important;
    max-width:100%!important;
  }
  .hero,
  .business,
  .tanyabox{
    grid-template-columns:1fr!important;
  }
  .pricing-table.plan-track.wantopup-package-grid{
    grid-template-columns:1fr!important;
    max-width:680px!important;
  }
  .admin-affiliates-table{min-width:1480px!important}
  .admin-leads-table{min-width:1120px!important}
}
@media(max-width:760px){
  :root{
    --wtt-v20-edge:var(--wtt-v20-mobile-edge);
    --wtt-v20-gap:14px;
  }
  .site-header,
  .wantopup-header,
  .footer,
  .wantopup-footer,
  main,
  body.landing main,
  .dashboard,
  .auth,
  .lokasi-main,
  .location-page,
  .service-page,
  .plan-main,
  .guide-main,
  .coverage-main,
  .notfound-main,
  .seo-article-main,
  .ai-article-main,
  .hub-v123-main,
  .simkad-article-main,
  .simcard-article-main,
  .tunetalk-article-main,
  .halotelco-article-main,
  .tunetalklegend-main,
  .expired-main,
  .tamattempoh-main,
  .agentseo-main,
  .free-main,
  .percuma-main,
  .affiliate-free-main{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .site-header,
  .wantopup-header,
  .footer,
  .wantopup-footer,
  .hero,
  .section,
  .business,
  .plans,
  .leadbox,
  .tanyabox,
  .agent-info,
  .page-agent-card,
  .bottom-agent,
  .service-section,
  .servis-section,
  .location-hero,
  .lokasi-section,
  .auto-location-box,
  .location-visual-strip,
  main>section,
  .dashboard,
  .auth,
  .plan-main,
  .guide-main,
  .coverage-main,
  .lokasi-main,
  .notfound-main,
  .seo-article-main,
  .ai-article-main,
  .seo-folder-page,
  .wantopup-seo-folder{
    padding-left:var(--wtt-v20-mobile-edge)!important;
    padding-right:var(--wtt-v20-mobile-edge)!important;
  }
  .hero,
  .section,
  .business,
  .plans,
  .leadbox,
  .tanyabox,
  .agent-info,
  .page-agent-card,
  .bottom-agent,
  main>section,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .dashboard>.success,
  .dashboard>.alert,
  .auth>.panel,
  .auth>.auth-card,
  .agent-info>.agent-card,
  .page-agent-card>.agent-card,
  .seo-folder-page,
  .wantopup-seo-folder,
  .seo-content-panel,
  .seo-article,
  .ai-summary-panel{
    width:100%!important;
    max-width:100%!important;
  }
  .grid3,
  .grid4,
  .seo-ai-grid,
  .keyword-cluster-grid,
  .kelebihan-grid,
  .coverage-grid,
  .guide-grid,
  .state-grid,
  .business-points,
  .plan-grid,
  .plan-page-grid,
  .plan-visual-strip,
  .affiliate-action-strip,
  .ecommerce-form-grid,
  .form-grid,
  .stat-grid,
  .admin-overview-grid,
  .pakej-register-links,
  .servis-card-grid{
    grid-template-columns:1fr!important;
  }
  .agent-ecommerce-icons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .ecommerce-icon-link{
    min-width:0!important;
    width:100%!important;
  }
  .btn,
  .cta-row .btn,
  .hero-buttons .btn,
  .plan-page-actions .btn,
  .plan-hero-actions .btn,
  .auth-links a{
    width:100%!important;
  }
  .table-wrap table,
  .admin-table-wrap table,
  .member-table-wrap table{
    min-width:720px!important;
  }
  .admin-affiliates-table{min-width:1320px!important}
  .admin-leads-table{min-width:1040px!important}
  .member-lead-table{min-width:820px!important}
  th,td{
    padding:12px 13px!important;
    font-size:13px!important;
    max-width:360px!important;
  }
  .phone-card,
  .panel,
  article,
  .income-card,
  .tanyabox,
  .agent-card,
  .auth-card,
  .visual-card,
  .kelebihan-card,
  .seo-content-panel{
    padding:18px!important;
    border-radius:22px!important;
  }
}
@media(max-width:390px){
  :root{--wtt-v20-mobile-edge:12px}
  .table-wrap table,
  .admin-table-wrap table,
  .member-table-wrap table{min-width:720px!important}
  .admin-affiliates-table{min-width:1240px!important}
}
/* === /WanTopup v20 === */


/* === WanTopup v20 auth/login, looping phone slider, provider slider + ecommerce live sync === */
:root{
  --wtp-v20-shell:1440px;
  --wtp-v20-content:1320px;
  --wtp-v20-readable:980px;
  --wtp-v20-mobile-edge:14px;
}
/* Auth header/login position sync with WantuneTalk style */
.site-header.wantopup-header{
  max-width:var(--wtp-v20-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(14px,4vw,48px)!important;
  padding-right:clamp(14px,4vw,48px)!important;
  align-items:center!important;
}
.site-header.wantopup-header .main-nav{
  min-width:0!important;
  flex:1 1 auto!important;
}
.site-header.wantopup-header .auth-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  min-width:fit-content!important;
  margin-left:auto!important;
}
.auth-header .auth-login,
.auth-header .auth-register{
  min-height:42px!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.auth-page .auth{
  width:100%!important;
  max-width:var(--wtp-v20-shell)!important;
  min-height:calc(100vh - 96px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(36px,6vw,82px) clamp(16px,5vw,48px)!important;
  display:grid!important;
  place-items:center!important;
}
.auth-page .auth-card,
.auth-page .panel.auth-card{
  width:min(100%,600px)!important;
  max-width:600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:30px!important;
}
.auth-page .auth-links{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.auth-page .auth-links a{
  flex:1 1 180px!important;
  text-align:center!important;
  border:1px solid rgba(37,185,189,.18)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  background:#f7ffff!important;
  color:#0f766e!important;
  font-weight:900!important;
}
/* Phone screenshot slider loops through JS; keep controls usable */
.phone-card-slider{position:relative!important;overflow:hidden!important;touch-action:pan-x!important}
.phone-image-track{scroll-behavior:smooth!important}
.phone-slider-btn{z-index:5!important;opacity:.96!important}
.phone-slider-btn:disabled{opacity:.96!important;cursor:pointer!important;filter:none!important}
/* Provider auto-scroll slider */
.provider-marquee.provider-slider{
  width:min(100%,1120px)!important;
  max-width:100%!important;
  margin:0 auto 30px!important;
  overflow:hidden!important;
  padding:14px 54px!important;
  border-radius:30px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(236,254,255,.96),rgba(255,255,255,.72))!important;
  border:1px solid var(--wtp-line,#dff7f7)!important;
  position:relative!important;
  box-shadow:0 14px 36px rgba(15,23,42,.06)!important;
}
.provider-marquee.provider-slider:before,
.provider-marquee.provider-slider:after{width:56px!important;z-index:3!important}
.provider-scroll-viewport{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  border-radius:22px!important;
}
.provider-scroll-viewport::-webkit-scrollbar{height:8px!important}
.provider-track{
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  animation:none!important;
  transform:none!important;
  will-change:scroll-position!important;
  padding:2px 0 10px!important;
}
.provider-logo-card{
  flex:0 0 154px!important;
  width:154px!important;
  min-width:154px!important;
  height:128px!important;
  scroll-snap-align:start!important;
}
.provider-nav{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  background:linear-gradient(135deg,#25b9bd,#168fd6)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:1000!important;
  line-height:1!important;
  z-index:6!important;
  box-shadow:0 12px 28px rgba(37,185,189,.28)!important;
}
.provider-prev{left:10px!important}
.provider-next{right:10px!important}
.provider-nav:hover{filter:brightness(1.03)!important}
.provider-slider:hover .provider-track{animation:none!important}
/* Agent ecommerce icons sync: center and same rhythm desktop/mobile */
.agent-card.pro-agent .agent-ecommerce,
.agent-ecommerce.agent-info,
.agent-ecommerce.support-agent-ecommerce,
.agent-ecommerce.dashboard-preview{
  width:100%!important;
  max-width:760px!important;
  margin:18px auto 0!important;
  text-align:center!important;
}
.agent-card.pro-agent .agent-ecommerce-title,
.agent-ecommerce-title{
  justify-content:center!important;
  text-align:center!important;
}
.agent-card.pro-agent .agent-ecommerce-sub,
.agent-ecommerce-sub{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:680px!important;
}
.agent-card.pro-agent .agent-ecommerce-icons,
.agent-ecommerce-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
.agent-card.pro-agent .ecommerce-icon-link,
.ecommerce-icon-link{
  min-width:132px!important;
  max-width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
@media(max-width:920px){
  .site-header.wantopup-header{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .site-header.wantopup-header .brand{
    flex:1 1 100%!important;
    justify-content:center!important;
  }
  .site-header.wantopup-header .main-nav{
    order:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .site-header.wantopup-header .auth-header{
    order:3!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-left:0!important;
  }
  .auth-header .auth-login,.auth-header .auth-register{width:100%!important;font-size:12px!important;padding:9px 8px!important}
  .auth-page .auth{min-height:auto!important;padding:34px 14px!important}
  .provider-marquee.provider-slider{padding-left:48px!important;padding-right:48px!important}
  .provider-logo-card{flex-basis:136px!important;width:136px!important;min-width:136px!important;height:118px!important}
}
@media(max-width:560px){
  .site-header.wantopup-header .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-header.wantopup-header .auth-header{grid-template-columns:1fr!important}
  .auth-page .auth-card,.auth-page .panel.auth-card{border-radius:24px!important;padding:20px!important}
  .provider-marquee.provider-slider{padding:12px 44px!important;border-radius:24px!important}
  .provider-nav{width:36px!important;height:36px!important;font-size:25px!important}
  .provider-prev{left:6px!important}.provider-next{right:6px!important}
  .provider-logo-card{flex-basis:124px!important;width:124px!important;min-width:124px!important;height:112px!important;padding:12px!important}
  .provider-logo-card img{height:58px!important}
  .agent-card.pro-agent .agent-ecommerce-icons,.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important}
  .agent-card.pro-agent .ecommerce-icon-link,.ecommerce-icon-link{width:100%!important;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){
  .provider-scroll-viewport{scroll-behavior:auto!important}
}
/* === /WanTopup v20 === */


/* === WanTopup v21: disable provider-track auto-scroll, keep manual/arrow controls === */
.provider-track,
.provider-marquee .provider-track,
.provider-marquee.provider-slider .provider-track{
  animation:none!important;
  transform:none!important;
}
.provider-scroll-viewport{
  scroll-behavior:smooth!important;
}
.provider-marquee.provider-slider{
  scroll-behavior:smooth!important;
}
/* provider slider is manual only: user can drag/scroll or use left/right buttons */
/* === /WanTopup v21 === */

/* === WanTopup v22: provider-track mouse drag + cleaner service cards === */
.provider-scroll-viewport{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
}
.provider-scroll-viewport.is-dragging{
  cursor:grabbing!important;
  scroll-snap-type:none!important;
}
.provider-scroll-viewport.is-dragging .provider-logo-card,
.provider-scroll-viewport.is-dragging img{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.provider-logo-card img{
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.provider-logo-card svg text,
.provider-logo-card .provider-small-label{
  display:none!important;
}
/* === /WanTopup v22 === */


/* === WanTopup v23: mobile ecommerce 1-column, centered auth header, exit popup app preview === */
@media(max-width:560px){
  .agent-ecommerce:not(.admin-list) .agent-ecommerce-icons,
  .agent-card.pro-agent .agent-ecommerce:not(.admin-list) .agent-ecommerce-icons,
  .agent-info .agent-ecommerce-icons,
  .page-agent-card .agent-ecommerce-icons,
  .bottom-agent .agent-ecommerce-icons,
  .support-agent-card .agent-ecommerce-icons,
  .agent-ecommerce.dashboard-preview .agent-ecommerce-icons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:min(100%,340px)!important;
    max-width:340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-items:stretch!important;
    align-items:stretch!important;
  }
  .agent-ecommerce:not(.admin-list) .ecommerce-icon-link,
  .agent-card.pro-agent .agent-ecommerce:not(.admin-list) .ecommerce-icon-link,
  .agent-info .ecommerce-icon-link,
  .page-agent-card .ecommerce-icon-link,
  .bottom-agent .ecommerce-icon-link,
  .support-agent-card .ecommerce-icon-link,
  .agent-ecommerce.dashboard-preview .ecommerce-icon-link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .admin-list.agent-ecommerce .agent-ecommerce-icons{
    display:flex!important;
    flex-wrap:wrap!important;
    width:auto!important;
    max-width:220px!important;
    justify-content:center!important;
    gap:6px!important;
  }
  .admin-list.agent-ecommerce .ecommerce-icon-link{
    width:36px!important;
    max-width:36px!important;
    min-width:36px!important;
    padding:0!important;
  }
  .site-header.wantopup-header .auth-header,
  .auth-header{
    width:min(100%,420px)!important;
    max-width:420px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    justify-items:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  .site-header.wantopup-header .auth-header a,
  .auth-header a{
    width:100%!important;
    max-width:320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }
}
.wtt-exit-card{
  width:min(100%,520px)!important;
  max-height:min(92vh,760px)!important;
  overflow:auto!important;
  padding-bottom:16px!important;
}
.wtt-exit-app-preview{
  width:min(100%,360px)!important;
  margin:18px auto 0!important;
  padding:10px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff,#f5ffff)!important;
  border:1px solid rgba(37,185,189,.22)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.10)!important;
}
.wtt-exit-app-preview img{
  width:100%!important;
  max-height:230px!important;
  object-fit:contain!important;
  border-radius:18px!important;
  margin:0 auto!important;
  background:#fff!important;
}
@media(max-width:420px){
  .wtt-exit-card{width:min(100%,360px)!important;max-height:90vh!important;padding-left:15px!important;padding-right:15px!important}
  .wtt-exit-app-preview{width:100%!important;margin-top:14px!important;padding:8px!important;border-radius:20px!important}
  .wtt-exit-app-preview img{max-height:190px!important;border-radius:16px!important}
}
/* === /WanTopup v23 === */


/* === WanTopup v24: eCommerce order + 2-column auth header === */
.site-header.wantopup-header .auth-header,
.auth-header{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:center!important;
  justify-items:stretch!important;
  width:auto!important;
  max-width:430px!important;
  margin-left:auto!important;
}
.site-header.wantopup-header .auth-header .auth-login,
.site-header.wantopup-header .auth-header .auth-register,
.auth-header .auth-login,
.auth-header .auth-register{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.15!important;
  padding:10px 10px!important;
}
.auth-header .auth-login b,
.auth-header .auth-register b{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
}
@media(max-width:920px){
  .site-header.wantopup-header .auth-header,
  .auth-header{
    width:min(100%,430px)!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .site-header.wantopup-header .auth-header,
  .auth-header{
    width:100%!important;
    max-width:420px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .site-header.wantopup-header .auth-header a,
  .auth-header a{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:10px 6px!important;
  }
  .auth-header a span{font-size:14px!important}
  .auth-header a b{font-size:11px!important}
}
@media(max-width:360px){
  .site-header.wantopup-header .auth-header,
  .auth-header{gap:6px!important}
  .site-header.wantopup-header .auth-header a,
  .auth-header a{padding:9px 5px!important}
  .auth-header a span{font-size:13px!important}
  .auth-header a b{font-size:10.5px!important}
}
/* Website / Store order is controlled in ecommerce_platforms(): it is intentionally rendered last. */
/* === /WanTopup v24 === */


/* === WanTopup v25: auth-header live sync + footer routes + v161 width rhythm === */
:root{
  --wtp-v25-shell-max:1440px;
  --wtp-v25-content-max:1320px;
  --wtp-v25-readable-max:980px;
  --wtp-v25-shell-min:320px;
  --wtp-v25-edge:clamp(14px,5vw,72px);
  --wtp-v25-mobile-edge:14px;
  --wtp-v25-gap:clamp(14px,2vw,28px);
  --wtp-v25-table-min:760px;
}
html,body{
  min-width:var(--wtp-v25-shell-min)!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body *{box-sizing:border-box!important}
img,svg,video,canvas,iframe{max-width:100%!important;height:auto}

/* Site shell: samakan rhythm seperti rujukan WantuneTalk v161 */
.site-header,
.wantopup-header,
.footer,
.wantopup-footer,
main,
body.landing main,
.dashboard,
.auth,
.admin-wrap,
.affiliate-wrap,
.plan-main,
.guide-main,
.service-main,
.service-page,
.lokasi-main,
.location-page,
.notfound-main,
.seo-article-main,
.ai-article-main,
.hub-v123-main,
.topup-article-main,
.agentseo-main,
.free-main,
.percuma-main,
.wantopup-seo-folder,
.seo-folder-page{
  width:min(100%,var(--wtp-v25-shell-max))!important;
  max-width:var(--wtp-v25-shell-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header,
.wantopup-header,
.footer,
.wantopup-footer,
.hero,
.section,
.business,
.plans,
.leadbox,
.tanyabox,
.agent-info,
.page-agent-card,
.bottom-agent,
main>section,
.dashboard,
.auth,
.admin-wrap,
.affiliate-wrap,
.plan-main,
.guide-main,
.service-main,
.service-page,
.lokasi-main,
.location-page,
.notfound-main,
.seo-article-main,
.ai-article-main,
.hub-v123-main,
.topup-article-main,
.agentseo-main,
.free-main,
.percuma-main,
.wantopup-seo-folder,
.seo-folder-page{
  padding-left:var(--wtp-v25-edge)!important;
  padding-right:var(--wtp-v25-edge)!important;
}
main>section,
.hero,
.section,
.business,
.plans,
.leadbox,
.tanyabox,
.agent-info,
.page-agent-card,
.bottom-agent,
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.auth>.panel,
.auth>.auth-card,
.auth-page .auth>.panel,
.auth-page .auth>.auth-card,
.admin-wrap>.panel,
.affiliate-wrap>.panel,
.plan-main>section,
.guide-main>section,
.service-main>section,
.service-page>section,
.lokasi-main>section,
.location-page>section,
.notfound-main>section{
  width:100%!important;
  max-width:var(--wtp-v25-content-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-head,
.faq details,
.seo-article .section-head,
.guide-main .section-head,
.service-main .section-head,
.lokasi-main .section-head,
.location-page .section-head,
.auth-page .panel:not(.wide),
.auth-page .auth-card:not(.wide){
  max-width:var(--wtp-v25-readable-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.auth-page .auth{
  min-height:calc(100vh - 98px)!important;
  display:grid!important;
  place-items:center!important;
  padding-top:clamp(38px,6vw,82px)!important;
  padding-bottom:clamp(38px,6vw,82px)!important;
}
.auth-page .panel,
.auth-page .auth-card{
  width:min(100%,600px)!important;
  max-width:600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.auth-page .panel.wide,
.auth-page .auth-card.wide{
  width:min(100%,860px)!important;
  max-width:860px!important;
}
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert{
  max-width:var(--wtp-v25-content-max)!important;
}

/* Header/auth position: ikut live WantuneTalk - desktop satu baris kanan, mobile center sebelum menu */
.site-header.wantopup-header,
.site-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(10px,1.8vw,20px)!important;
  flex-wrap:nowrap!important;
  min-height:74px!important;
  overflow:visible!important;
}
.site-header.wantopup-header .brand,
.site-header .brand{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.site-header.wantopup-header .main-nav,
.site-header .main-nav,
.main-nav{
  flex:1 1 auto!important;
  min-width:260px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:clamp(7px,1.1vw,14px)!important;
  max-width:100%!important;
  overflow:visible!important;
}
.site-header.wantopup-header .auth-header,
.site-header .auth-header,
.auth-header{
  order:initial!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:430px!important;
  min-width:max-content!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
}
.site-header.wantopup-header .auth-header .auth-login,
.site-header.wantopup-header .auth-header .auth-register,
.site-header .auth-header .auth-login,
.site-header .auth-header .auth-register,
.auth-header .auth-login,
.auth-header .auth-register{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:132px!important;
  max-width:178px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-align:center!important;
  margin:0!important;
}
.auth-header .auth-login b,
.auth-header .auth-register b{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}

/* Tables/pages safe width */
.grid3,.grid4,.seo-ai-grid,.keyword-cluster-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points,.provider-grid,.provider-track,.plan-grid,.plan-page-grid,.plan-visual-strip,.affiliate-action-strip,.ecommerce-form-grid,.form-grid,.stat-grid,.admin-overview-grid,.pricing-table.plan-track.wantopup-package-grid,.pakej-register-links,.servis-card-grid{
  min-width:0!important;
  max-width:100%!important;
  gap:var(--wtp-v25-gap)!important;
  align-items:stretch!important;
}
.panel,article,.auth-card,.visual-card,.guide-card,.coverage-card,.state-card,.lokasi-state-card,.lokasi-agent-card,.seo-content-card,.seo-content-panel,.seo-related-links a,.keyword-cluster-grid>*,.card,.shop-plan,.price-card,.kelebihan-card,.income-card,.agent-card,.support-agent-card,.profile-mini,.provider-logo-card,.leadbox,.tanyabox{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.hero-copy,.section-head,.panel-title-row,.agent-content,.affiliate-profile-details,.lokasi-agent-content,.seo-content-panel,.seo-folder-page,.wantopup-seo-folder{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.table-wrap,.admin-table-wrap,.member-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  border-radius:24px!important;
  background:#fff!important;
}
table{
  width:100%!important;
  max-width:none!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
}
.table-wrap table,.admin-table-wrap table,.member-table-wrap table{min-width:var(--wtp-v25-table-min)!important}
th,td{
  padding:15px 18px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  max-width:460px!important;
}
th{
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  font-weight:1000!important;
}
.admin-affiliates-table{min-width:1680px!important;width:100%!important;table-layout:auto!important}
.admin-leads-table{min-width:1280px!important}
.member-lead-table{min-width:900px!important}
.admin-affiliates-table th:nth-child(5),.admin-affiliates-table td:nth-child(5){min-width:240px!important;width:240px!important;max-width:340px!important}

@media(min-width:1025px){
  .site-header,.wantopup-header,.footer,.wantopup-footer,main,.dashboard,.auth{
    width:min(100%,var(--wtp-v25-shell-max))!important;
  }
  .hero,.section,.business,.plans,.leadbox,.agent-info,.page-agent-card,main>section{
    max-width:var(--wtp-v25-content-max)!important;
  }
  body.landing .kelebihan-grid,
  body.landing #info .seo-ai-grid,
  .kelebihan-section .kelebihan-grid:not(.servis-card-grid),
  section#kelebihan .kelebihan-grid:not(.servis-card-grid){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .wantopup-services .servis-card-grid,
  #servis .servis-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:1024px){
  :root{--wtp-v25-edge:clamp(14px,4vw,28px)}
  .site-header,.wantopup-header,.footer,.wantopup-footer,main,body.landing main,.dashboard,.auth,.hero,.section,.business,.plans,.leadbox,.tanyabox,.agent-info,.page-agent-card,main>section{
    width:100%!important;
    max-width:100%!important;
  }
  main>section,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card{
    max-width:100%!important;
  }
  .pricing-table.plan-track.wantopup-package-grid{
    grid-template-columns:1fr!important;
    max-width:680px!important;
  }
  .admin-affiliates-table{min-width:1480px!important}
  .admin-leads-table{min-width:1120px!important}
}
@media(max-width:920px){
  :root{--wtp-v25-edge:14px;--wtp-v25-gap:14px}
  .site-header.wantopup-header,
  .site-header{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 12px!important;
    gap:8px!important;
  }
  .site-header.wantopup-header .brand,
  .site-header .brand{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .site-header.wantopup-header .auth-header,
  .site-header .auth-header,
  .auth-header{
    order:2!important;
    width:100%!important;
    max-width:430px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .site-header.wantopup-header .auth-header .auth-login,
  .site-header.wantopup-header .auth-header .auth-register,
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:9px 8px!important;
    font-size:12px!important;
    white-space:normal!important;
  }
  .auth-header .auth-login b,
  .auth-header .auth-register b{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .site-header.wantopup-header .main-nav,
  .site-header .main-nav,
  .main-nav{
    order:3!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .site-header.wantopup-header .main-nav .header-icon-link,
  .site-header .main-nav .header-icon-link,
  .main-nav .header-icon-link{
    width:100%!important;
    min-width:0!important;
    padding:8px 5px!important;
    min-height:38px!important;
    font-size:11.7px!important;
    line-height:1.1!important;
  }
}
@media(max-width:760px){
  .site-header,.wantopup-header,.footer,.wantopup-footer,.hero,.section,.business,.plans,.leadbox,.tanyabox,.agent-info,.page-agent-card,main>section,.dashboard,.auth,.admin-wrap,.affiliate-wrap,.plan-main,.guide-main,.service-main,.service-page,.lokasi-main,.location-page,.notfound-main,.seo-article-main,.ai-article-main,.wantopup-seo-folder,.seo-folder-page{
    padding-left:var(--wtp-v25-mobile-edge)!important;
    padding-right:var(--wtp-v25-mobile-edge)!important;
  }
  .grid3,.grid4,.seo-ai-grid,.keyword-cluster-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points,.stat-grid,.admin-overview-grid,.pakej-register-links,.servis-card-grid{
    grid-template-columns:1fr!important;
  }
  .table-wrap table,.admin-table-wrap table,.member-table-wrap table{min-width:720px!important}
  .admin-affiliates-table{min-width:1320px!important}
  .admin-leads-table{min-width:1040px!important}
  .member-lead-table{min-width:820px!important}
  th,td{padding:12px 13px!important;font-size:13px!important;max-width:360px!important}
}
@media(max-width:420px){
  .site-header.wantopup-header .main-nav,
  .site-header .main-nav,
  .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-header.wantopup-header .auth-header,
  .site-header .auth-header,
  .auth-header{grid-template-columns:1fr!important;max-width:320px!important}
  .auth-header .auth-login,.auth-header .auth-register{min-height:40px!important}
}
/* === /WanTopup v25 === */


/* === WanTopup v26: /pakej package list + /lokasi single affiliate full-width sync === */
.pakej-main{width:100%;max-width:var(--wtt-shell-max,1440px);margin:0 auto!important;overflow-x:hidden!important}
.pakej-hero-section,.pakej-index-packages,.pakej-extra-links{width:min(100%,var(--wtt-shell-max,1440px))!important;margin-left:auto!important;margin-right:auto!important}
.pakej-index-packages{border-radius:0!important;overflow:hidden!important}
.pakej-index-grid{width:min(100%,var(--wtt-content-max,1320px))!important;margin-left:auto!important;margin-right:auto!important;align-items:stretch!important}
.pakej-index-grid .shop-plan{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:12px!important}
.pakej-index-grid .shop-plan ul{flex:1 1 auto!important}
.pakej-register-links{width:min(100%,980px)!important;margin:22px auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.pakej-register-links .btn{width:100%!important;text-align:center!important;white-space:normal!important;min-height:52px!important}
.pakej-extra-links .seo-link-grid{width:min(100%,980px)!important;margin-left:auto!important;margin-right:auto!important}

.lokasi-v26-page .lokasi-results-v26{transition:max-width .2s ease,grid-template-columns .2s ease!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"]{grid-template-columns:minmax(0,1fr)!important;width:min(100%,1040px)!important;max-width:1040px!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-card:not([hidden]){width:100%!important;max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;padding:28px!important;border-radius:34px!important;background:linear-gradient(135deg,#ffffff,#f7ffff)!important;border:1px solid rgba(153,246,228,.95)!important;box-shadow:0 22px 55px rgba(15,23,42,.10)!important;text-align:left!important;overflow:hidden!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-card:not([hidden])>img{width:160px!important;height:160px!important;border-radius:34px!important;object-fit:cover!important;background:#ecfeff!important;border:6px solid #fff!important;box-shadow:0 14px 34px rgba(15,23,42,.14)!important;margin:0 auto!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-content{width:100%!important;min-width:0!important;text-align:left!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-content .eyebrow{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#ecfdf5!important;border:1px solid rgba(16,185,129,.25)!important;color:#047857!important;border-radius:999px!important;padding:6px 10px!important;margin:0 0 8px!important;line-height:1.2!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-card h2{font-size:clamp(1.55rem,3vw,2.25rem)!important;line-height:1.04!important;letter-spacing:-.03em!important;margin:6px 0 10px!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-card-actions{justify-content:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-card-actions .btn{min-width:170px!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce{max-width:760px!important;margin:16px 0 0!important;text-align:left!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-title{justify-content:flex-start!important;text-align:left!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-icons{justify-content:flex-start!important}
.lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce .ecommerce-icon-link{min-width:140px!important}

@media(max-width:920px){
  .pakej-register-links{grid-template-columns:1fr!important;width:min(100%,520px)!important}
  .pakej-index-grid{grid-template-columns:1fr!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-card:not([hidden]){grid-template-columns:1fr!important;max-width:560px!important;text-align:center!important;padding:22px!important;border-radius:28px!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-card:not([hidden])>img{width:132px!important;height:132px!important;border-radius:30px!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-content{text-align:center!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-content .eyebrow{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-card-actions{justify-content:center!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-card-actions .btn{width:100%!important;min-width:0!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce{max-width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-title{justify-content:center!important;text-align:center!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-icons{justify-content:center!important;grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .pakej-hero-section,.pakej-index-packages,.pakej-extra-links{padding-left:14px!important;padding-right:14px!important}
  .lokasi-v26-page .lokasi-results-v26[data-visible-count="1"] .lokasi-agent-card:not([hidden]){padding:18px!important;border-radius:24px!important}
}


/* WanTopup v28: ToyyibPay payment + dynamic package settings */
.payment-packages-section{max-width:var(--wtt-shell-max,1440px);margin-left:auto;margin-right:auto}
.payment-affiliate-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:0 auto 18px;padding:12px 16px;border-radius:18px;background:rgba(37,185,189,.12);border:1px solid rgba(37,185,189,.25);max-width:720px;text-align:center}
.payment-affiliate-notice span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#0f7f85;font-weight:900}.payment-affiliate-notice b{color:#063b3e}.payment-affiliate-notice small{color:#4f6b70;font-weight:800}
.payment-package-grid{align-items:stretch}.payment-plan-card{display:flex!important;flex-direction:column;gap:12px;min-width:0}.payment-plan-card ul{margin-bottom:0}.payment-breakdown{display:grid;gap:7px;background:rgba(255,255,255,.75);border:1px solid rgba(8,63,68,.08);border-radius:16px;padding:11px;margin-top:auto}.payment-breakdown>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.92rem}.payment-breakdown span{color:#5f7074}.payment-breakdown b{white-space:nowrap;color:#073d41}.payment-total-row{border-top:1px dashed rgba(8,63,68,.18);padding-top:8px}.payment-total-row b{font-size:1.08rem;color:#0d8c92}.payment-form{display:grid;gap:10px;margin-top:2px}.payment-form label,.admin-payment-form label,.admin-package-form label{display:grid;gap:6px;font-weight:800;color:#183f44}.payment-form label span,.admin-payment-form label span,.admin-package-form label span{font-size:.88rem}.payment-form input,.admin-payment-form input,.admin-payment-form select,.admin-payment-form textarea,.admin-package-form input,.admin-package-form select,.admin-package-form textarea{width:100%;min-height:44px;border:1px solid rgba(8,63,68,.16);border-radius:14px;padding:10px 12px;background:#fff;color:#113b40;font:inherit;box-sizing:border-box}.payment-form textarea,.admin-payment-form textarea,.admin-package-form textarea{resize:vertical;line-height:1.45}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid .full,.admin-payment-form .full,.admin-package-form .full{grid-column:1/-1}.checkline{display:flex!important;align-items:center;gap:10px}.checkline input{width:auto;min-height:auto}.payment-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-weight:900;font-size:.82rem;border:1px solid transparent}.payment-status-paid{background:#dcfce7;color:#166534;border-color:#86efac}.payment-status-pending{background:#fef9c3;color:#854d0e;border-color:#fde68a}.payment-status-failed,.payment-status-cancelled,.payment-status-expired{background:#fee2e2;color:#991b1b;border-color:#fecaca}.payment-success-main{max-width:1040px;margin:0 auto;padding:28px 16px}.payment-success-card{border-radius:28px;background:linear-gradient(180deg,#ffffff,#f6fbfc);box-shadow:0 18px 45px rgba(2,44,49,.12)}.payment-summary-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px auto;max-width:900px}.payment-summary-box>div{background:#fff;border:1px solid rgba(8,63,68,.08);border-radius:18px;padding:14px;display:grid;gap:5px;min-width:0}.payment-summary-box span{font-size:.82rem;color:#64777a;font-weight:800}.payment-summary-box b{overflow-wrap:anywhere;color:#092f34}.payment-success-actions{justify-content:center}.admin-payment-form,.admin-package-form{display:grid;gap:16px}.member-payment-panel table td,.member-payment-panel table th{vertical-align:top}.admin-package-form .cta-row form,.admin-table-wrap .cta-row form{display:inline-flex;margin:0}.btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}
@media(max-width:760px){.settings-grid,.payment-summary-box{grid-template-columns:1fr}.payment-package-grid{grid-template-columns:1fr!important}.payment-form input{font-size:16px}.payment-affiliate-notice{align-items:stretch;flex-direction:column}.payment-success-main{padding:18px 10px}.admin-payment-form,.admin-package-form{gap:12px}}

/* WanTopup v31: admin payment/package setting clarity */
.payment-setting-note{display:block;margin:12px 0 18px;padding:12px 14px;border:1px solid rgba(37,185,189,.22);background:#f7ffff;border-radius:16px;line-height:1.5}.payment-setting-note a{color:#168fd6;font-weight:900;text-decoration:underline}.admin-package-form .settings-grid{align-items:start}.admin-payment-form .settings-grid label small{display:block;margin-top:6px;line-height:1.45}

/* WanTopup v32: ToyyibPay fee/channel setting UI */
.admin-payment-form .settings-grid label small{display:block;margin-top:6px;line-height:1.45}.payment-setting-note{border:1px solid #b7ecec;background:#f7ffff;border-radius:18px;padding:13px 15px;margin:12px 0 18px}.payment-breakdown div{display:flex;justify-content:space-between;gap:12px;align-items:center}.payment-breakdown .payment-total-row{border-top:1px solid rgba(15,23,42,.1);margin-top:8px;padding-top:8px}

/* WanTopup v32 payment settings email polish */
.admin-payment-form .subpanel,
.payment-email-admin-box{
  width:100%;
  border:1px solid rgba(15,23,42,.10);
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 32px rgba(15,23,42,.06);
  margin:14px 0;
}
.payment-email-admin-box h2{margin:0 0 8px;font-size:1.2rem}
.payment-email-admin-box .settings-grid{margin-top:12px}
.payment-setting-note code{white-space:normal;word-break:break-word}
@media (max-width:680px){
  .admin-payment-form .subpanel,
  .payment-email-admin-box{padding:14px;border-radius:16px}
}

/* WanTopup v34: package detail payment pages */
.package-detail-page .payment-package-detail-section{max-width:var(--wtt-shell-max,1440px);margin-left:auto;margin-right:auto}
.package-detail-page .payment-package-grid-detail{grid-template-columns:minmax(0,760px)!important;justify-content:center!important;align-items:stretch!important}
.package-detail-page .payment-package-grid-detail .payment-plan-card-single{width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.package-detail-page .package-detail-benefits{max-width:var(--wtt-shell-max,1440px);margin-left:auto;margin-right:auto}
.package-detail-page .kelebihan-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;text-align:center}
.package-detail-page .empty-payment-package{max-width:760px;margin:0 auto;text-align:center}
.admin-package-form select[name="package_group"]{font-weight:800}
@media(max-width:760px){
  .package-detail-page .payment-package-detail-section,
  .package-detail-page .package-detail-benefits{padding-left:14px!important;padding-right:14px!important}
  .package-detail-page .payment-package-grid-detail{grid-template-columns:1fr!important}
}

/* WanTopup v35: center package detail pages + stronger ghost button contrast */
.package-detail-page main,
.package-detail-page .payment-package-detail-section,
.package-detail-page .package-detail-benefits,
.package-detail-page .agent-info{
  width:100%!important;
  max-width:var(--wtt-shell-max,1440px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.package-detail-page .payment-package-detail-section,
.package-detail-page .package-detail-benefits{
  padding-left:clamp(16px,5vw,48px)!important;
  padding-right:clamp(16px,5vw,48px)!important;
  text-align:center!important;
}
.package-detail-page .payment-package-detail-section > .section-head,
.package-detail-page .package-detail-benefits > .section-head{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.package-detail-page .payment-package-detail-section .section-head a{
  color:#67e8f9!important;
  font-weight:1000!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.package-detail-page .payment-package-grid-detail{
  display:grid!important;
  grid-template-columns:minmax(0,760px)!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:stretch!important;
  gap:18px!important;
  padding:0!important;
  overflow:visible!important;
}
.package-detail-page .payment-package-grid-detail .payment-plan-card-single{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  align-items:stretch!important;
  border-radius:30px!important;
}
.package-detail-page .payment-plan-card-single h3,
.package-detail-page .payment-plan-card-single .price,
.package-detail-page .payment-plan-card-single .plan-hook{
  text-align:center!important;
}
.package-detail-page .payment-plan-card-single ul{
  width:min(560px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.package-detail-page .payment-plan-card-single .payment-breakdown,
.package-detail-page .payment-plan-card-single .payment-form{
  width:min(560px,100%)!important;
  max-width:560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.package-detail-page .payment-plan-card-single .payment-form label{
  text-align:left!important;
}
.package-detail-page .package-detail-benefits .kelebihan-grid{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:stretch!important;
}
.package-detail-page .package-detail-benefits .kelebihan-card{
  text-align:center!important;
  min-width:0!important;
}
.package-detail-page .package-detail-benefits .kelebihan-cta{
  width:min(900px,100%)!important;
  margin:24px auto 0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  text-align:center!important;
}
.btn.ghost,
a.btn.ghost,
button.btn.ghost,
.plans .btn.ghost,
.plans-shopee .btn.ghost,
.plans-shopee .shop-plan a.btn.ghost,
.package-detail-page .btn.ghost,
.footer .btn.ghost,
.exit-modal .btn.ghost{
  background:#ffffff!important;
  color:#064e52!important;
  border:2px solid #0f766e!important;
  box-shadow:0 10px 24px rgba(6,78,82,.12)!important;
  text-shadow:none!important;
}
.btn.ghost:hover,
a.btn.ghost:hover,
button.btn.ghost:hover,
.plans .btn.ghost:hover,
.plans-shopee .btn.ghost:hover,
.plans-shopee .shop-plan a.btn.ghost:hover,
.package-detail-page .btn.ghost:hover,
.footer .btn.ghost:hover,
.exit-modal .btn.ghost:hover{
  background:#0f766e!important;
  color:#ffffff!important;
  border-color:#0f766e!important;
  box-shadow:0 14px 30px rgba(15,118,110,.22)!important;
}
@media(max-width:920px){
  .package-detail-page .package-detail-benefits .kelebihan-grid{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .package-detail-page .package-detail-benefits .kelebihan-cta .btn{
    width:min(420px,100%)!important;
  }
}
@media(max-width:560px){
  .package-detail-page .payment-package-detail-section,
  .package-detail-page .package-detail-benefits{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .package-detail-page .payment-package-grid-detail .payment-plan-card-single{
    border-radius:24px!important;
    padding:18px!important;
  }
  .package-detail-page .payment-plan-card-single ul,
  .package-detail-page .payment-plan-card-single .payment-breakdown,
  .package-detail-page .payment-plan-card-single .payment-form{
    width:100%!important;
    max-width:100%!important;
  }
}

/* === WanTopup v36: center + wider pricing table on package detail pages === */
.package-detail-page,
.package-detail-page body{
  overflow-x:hidden!important;
}
.package-detail-page main{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  display:block!important;
}
.package-detail-page .payment-package-detail-section,
.package-detail-page .package-detail-benefits,
.package-detail-page .agent-info{
  width:100%!important;
  max-width:var(--wtt-shell-max,1440px)!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding-left:clamp(16px,4vw,56px)!important;
  padding-right:clamp(16px,4vw,56px)!important;
  overflow:hidden!important;
}
.package-detail-page .payment-package-detail-section > .section-head,
.package-detail-page .package-detail-benefits > .section-head,
.package-detail-page .payment-affiliate-notice,
.package-detail-page .plans-note,
.package-detail-page .payment-error-alert{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.package-detail-page .pricing-table.plan-track.wantopup-package-grid.payment-package-grid-detail,
.package-detail-page .payment-package-grid.payment-package-grid-detail,
.package-detail-page .payment-package-grid-detail{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,1120px)!important;
  max-width:1120px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  gap:20px!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:stretch!important;
  overflow:visible!important;
  transform:none!important;
  scroll-snap-type:none!important;
}
.package-detail-page .pricing-table.plan-track.wantopup-package-grid.payment-package-grid-detail > article,
.package-detail-page .payment-package-grid-detail > article,
.package-detail-page .payment-package-grid-detail > .shop-plan,
.package-detail-page .payment-package-grid-detail .payment-plan-card-single{
  width:100%!important;
  max-width:1080px!important;
  min-width:0!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:clamp(24px,3vw,38px)!important;
  border-radius:32px!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.package-detail-page .payment-package-grid-detail .deal-badge,
.package-detail-page .payment-package-grid-detail h3,
.package-detail-page .payment-package-grid-detail .price,
.package-detail-page .payment-package-grid-detail .plan-hook,
.package-detail-page .payment-package-grid-detail .payment-breakdown,
.package-detail-page .payment-package-grid-detail .payment-form{
  margin-left:auto!important;
  margin-right:auto!important;
}
.package-detail-page .payment-package-grid-detail h3,
.package-detail-page .payment-package-grid-detail .price,
.package-detail-page .payment-package-grid-detail .plan-hook{
  text-align:center!important;
}
.package-detail-page .payment-package-grid-detail .plan-hook{
  width:min(100%,780px)!important;
  max-width:780px!important;
}
.package-detail-page .payment-package-grid-detail > article ul,
.package-detail-page .payment-package-grid-detail .payment-plan-card-single ul{
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:22px!important;
  text-align:left!important;
}
.package-detail-page .payment-package-grid-detail .payment-breakdown{
  width:min(100%,760px)!important;
  max-width:760px!important;
  align-self:center!important;
}
.package-detail-page .payment-package-grid-detail .payment-form{
  width:min(100%,920px)!important;
  max-width:920px!important;
  align-self:center!important;
  text-align:left!important;
}
.package-detail-page .payment-package-grid-detail .payment-form label{
  min-width:0!important;
  text-align:left!important;
}
@media(min-width:980px){
  .package-detail-page .payment-package-grid-detail .payment-form{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:end!important;
  }
  .package-detail-page .payment-package-grid-detail .payment-form .fullbtn,
  .package-detail-page .payment-package-grid-detail .payment-form button[type="submit"]{
    grid-column:1/-1!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    margin:4px auto 0!important;
  }
}
.package-detail-page .package-detail-benefits .kelebihan-grid{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
  justify-items:stretch!important;
}
.package-detail-page .package-detail-benefits .kelebihan-cta{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:979px){
  .package-detail-page .pricing-table.plan-track.wantopup-package-grid.payment-package-grid-detail,
  .package-detail-page .payment-package-grid.payment-package-grid-detail,
  .package-detail-page .payment-package-grid-detail{
    width:min(100%,620px)!important;
    max-width:620px!important;
  }
  .package-detail-page .payment-package-grid-detail > article,
  .package-detail-page .payment-package-grid-detail > .shop-plan,
  .package-detail-page .payment-package-grid-detail .payment-plan-card-single{
    max-width:620px!important;
  }
}
@media(max-width:560px){
  .package-detail-page .payment-package-detail-section,
  .package-detail-page .package-detail-benefits,
  .package-detail-page .agent-info{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .package-detail-page .pricing-table.plan-track.wantopup-package-grid.payment-package-grid-detail,
  .package-detail-page .payment-package-grid.payment-package-grid-detail,
  .package-detail-page .payment-package-grid-detail{
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
  }
  .package-detail-page .payment-package-grid-detail > article,
  .package-detail-page .payment-package-grid-detail > .shop-plan,
  .package-detail-page .payment-package-grid-detail .payment-plan-card-single{
    width:100%!important;
    max-width:100%!important;
    padding:18px 14px!important;
    border-radius:24px!important;
  }
  .package-detail-page .payment-package-grid-detail > article ul,
  .package-detail-page .payment-package-grid-detail .payment-plan-card-single ul,
  .package-detail-page .payment-package-grid-detail .payment-breakdown,
  .package-detail-page .payment-package-grid-detail .payment-form{
    width:100%!important;
    max-width:100%!important;
  }
}
/* === /WanTopup v36 === */


/* WanTopup v37: Affiliate auth links moved to footer before footer-simple-menu */
.site-header .auth-header{display:none!important}
.footer-auth-menu{display:grid!important;grid-template-columns:repeat(2,minmax(150px,220px));gap:10px;justify-content:center;align-items:center;width:min(100%,520px);margin:18px auto 10px;text-align:center}
.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:999px;padding:11px 16px;font-weight:1000;text-align:center;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(0,0,0,.18);white-space:nowrap}
.footer-auth-menu .auth-login{background:#ffffff;color:#0f172a!important}
.footer-auth-menu .auth-register{background:linear-gradient(135deg,#25b9bd,#168fd6);color:#ffffff!important}
.footer-auth-menu .auth-login:hover,.footer-auth-menu .auth-register:hover{transform:translateY(-2px);filter:brightness(1.02)}
.footer-auth-menu a{margin:0!important;color:inherit!important}
.footer-simple-menu{margin-top:10px}
@media(max-width:520px){.footer-auth-menu{grid-template-columns:1fr 1fr;gap:8px;width:100%}.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{padding:10px 8px;min-height:42px;font-size:12px;white-space:normal;line-height:1.15}.footer-auth-menu .auth-login b,.footer-auth-menu .auth-register b{display:inline}}
@media(max-width:340px){.footer-auth-menu{grid-template-columns:1fr}.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{font-size:13px}}


/* WanTopup v38: footer auth moved below footer-simple-menu + readable login + centered deal badge */
.footer-simple-menu{margin:10px auto 14px!important;justify-content:center!important;text-align:center!important}
.footer-auth-menu{display:grid!important;grid-template-columns:repeat(2,minmax(150px,220px));gap:10px;justify-content:center;align-items:center;width:min(100%,520px);margin:14px auto 4px!important;text-align:center}
.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:44px!important;border-radius:999px!important;padding:11px 16px!important;font-weight:1000!important;text-align:center!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;white-space:nowrap!important;line-height:1.15!important}
.footer-auth-menu .auth-login{background:#f8fafc!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.18)!important}
.footer-auth-menu .auth-login *{color:#0f172a!important;text-shadow:none!important}
.footer-auth-menu .auth-register{background:linear-gradient(135deg,#25b9bd,#168fd6)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.25)!important}
.footer-auth-menu .auth-register *{color:#ffffff!important;text-shadow:none!important}
.footer-auth-menu .auth-login:hover,.footer-auth-menu .auth-register:hover{transform:translateY(-2px);filter:brightness(1.03)}
.pricing-table .deal-badge,.pricing-table.plan-track.wantopup-package-grid .deal-badge,.wantopup-package-grid .deal-badge,.package-detail-page .payment-package-grid-detail .deal-badge,.shop-plan .deal-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;justify-self:center!important;align-self:center!important}
.pricing-table article,.pricing-table .shop-plan,.wantopup-package-grid article,.wantopup-package-grid .shop-plan,.payment-package-grid-detail article,.payment-package-grid-detail .shop-plan{text-align:center!important}
@media(max-width:520px){.footer-auth-menu{grid-template-columns:1fr 1fr;gap:8px;width:100%}.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{padding:10px 8px!important;min-height:42px!important;font-size:12px!important;white-space:normal!important}.footer-auth-menu .auth-login b,.footer-auth-menu .auth-register b{display:inline}}
@media(max-width:340px){.footer-auth-menu{grid-template-columns:1fr}.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{font-size:13px!important}}
/* === /WanTopup v38 === */


/* WanTopup v39 SEO audit + smooth performance hardening */
.phone-screen-slide img{aspect-ratio:540/1202;width:100%;height:auto;max-height:clamp(360px,72vh,760px);object-fit:contain;display:block}
.provider-logo-card img{width:64px;height:64px;aspect-ratio:1/1;object-fit:contain;display:block;margin-inline:auto}
.wantopup-hero-media img{aspect-ratio:540/1202;width:100%;height:auto;object-fit:contain;display:block}
.footer-seo-clusters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;max-width:1120px;margin:18px auto 0;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);text-align:center}
.footer-seo-clusters b{width:100%;color:#fff;font-size:.9rem;letter-spacing:.02em}
.footer-seo-clusters a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#ffffff;color:#083344!important;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.footer-seo-clusters a:hover{transform:translateY(-1px);filter:brightness(.98)}
.payment-form input[name="csrf_token"]{display:none!important}
@media(max-width:640px){.provider-logo-card img{width:56px;height:56px}.footer-seo-clusters{padding:12px;gap:7px}.footer-seo-clusters a{width:100%;max-width:320px}}


/* WanTopup v40: sitewide readable text / contrast audit hardening
   Goal: prevent light text on light backgrounds and dark text on dark backgrounds across public pages, SEO folders, dashboards and package detail pages. */
:root{
  --wtp-text-strong:#0f172a;
  --wtp-text-body:#1f2937;
  --wtp-text-muted:#374151;
  --wtp-text-soft:#4b5563;
  --wtp-dark-text:#f8fafc;
  --wtp-dark-muted:#e5e7eb;
  --wtp-brand-readable:#0f766e;
  --wtp-brand-dark:#083344;
}
body{color:var(--wtp-text-body)!important;background:#ffffff!important}
main,.section,.dashboard,.auth,.agent-info,.page-agent-card,.package-detail-page,.payment-package-detail-section,.package-detail-benefits,.faq,.business,.tanyabox,.seo-page,.seo-article,.folder-index,.location-page,.service-page,.guide-page,.notfound-main{color:var(--wtp-text-body)!important}
.section h1,.section h2,.section h3,.section h4,.dashboard h1,.dashboard h2,.dashboard h3,.auth h1,.auth h2,.panel h1,.panel h2,.panel h3,.package-detail-page h1,.package-detail-page h2,.package-detail-page h3,.seo-page h1,.seo-page h2,.seo-page h3,.folder-index h1,.folder-index h2,.folder-index h3,.location-page h1,.location-page h2,.location-page h3,.service-page h1,.service-page h2,.service-page h3,.guide-page h1,.guide-page h2,.guide-page h3{color:var(--wtp-text-strong)!important}
.section p,.section li,.dashboard p,.dashboard li,.auth p,.auth li,.panel p,.panel li,.package-detail-page p,.package-detail-page li,.seo-page p,.seo-page li,.folder-index p,.folder-index li,.location-page p,.location-page li,.service-page p,.service-page li,.guide-page p,.guide-page li,.faq p,.faq li,.tanyabox p,.business p,.business li{color:var(--wtp-text-muted)!important}
.muted,.sub,.section-head p,.payment-note,.package-note,.lead-note,.tiny-note,.helper-text,.hint,.help-text,.desc,.description,.lokasi-trust-desc,.lokasi-notice-agent,.agent-ecommerce-sub{color:var(--wtp-text-soft)!important}
.eyebrow,.seo-online strong,article b,.brand-text strong{color:var(--wtp-brand-readable)!important}
/* Light cards and forms: always dark/readable text */
.panel,.auth-card,article,.shop-plan,.price-card,.payment-plan-card-single,.payment-breakdown,.payment-form,.tanyabox,.income-card,.agent-card:not(.pro-agent),.faq details,.profile-mini,.stat-grid article,.dashboard-card,.admin-card,.member-lead-panel,.table-wrap,.lead-card,.payment-card,.package-card,.location-card,.provider-logo-card,.footer-seo-clusters a{color:var(--wtp-text-body)!important}
.panel *,.auth-card *,.shop-plan *,.payment-plan-card-single *,.payment-breakdown *,.payment-form *,.faq details *,.profile-mini *,.stat-grid article *,.dashboard-card *,.admin-card *,.member-lead-panel *,.lead-card *,.payment-card *,.package-card *,.location-card *,.provider-logo-card *{text-shadow:none}
.panel h1,.panel h2,.panel h3,.auth-card h1,.auth-card h2,.auth-card h3,.shop-plan h2,.shop-plan h3,.payment-plan-card-single h2,.payment-plan-card-single h3,.package-card h2,.package-card h3,.location-card h2,.location-card h3{color:var(--wtp-text-strong)!important}
.panel p,.panel li,.auth-card p,.auth-card li,.shop-plan p,.shop-plan li,.payment-plan-card-single p,.payment-plan-card-single li,.payment-breakdown p,.payment-breakdown li,.package-card p,.package-card li,.location-card p,.location-card li,.provider-logo-card p,.provider-logo-card span{color:var(--wtp-text-muted)!important}
label,.field span,label span,th,td{color:var(--wtp-text-body)!important}
input,textarea,select{color:var(--wtp-text-strong)!important;background:#ffffff!important;border-color:#cbd5e1!important}
input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1!important}
/* Dark sections: force bright readable text */
.footer,.plans,.phone-card,.sim-card,.dark-section,.hero-dark,.cta-dark,.notfound-card .sim-card{color:var(--wtp-dark-text)!important}
.footer h1,.footer h2,.footer h3,.footer h4,.plans h1,.plans h2,.plans h3,.phone-card h1,.phone-card h2,.phone-card h3,.sim-card h1,.sim-card h2,.sim-card h3,.dark-section h1,.dark-section h2,.dark-section h3,.hero-dark h1,.hero-dark h2,.hero-dark h3,.cta-dark h1,.cta-dark h2,.cta-dark h3{color:#ffffff!important}
.footer p,.footer li,.footer span,.footer small,.plans p,.plans li,.plans span,.phone-card p,.phone-card li,.phone-card span,.sim-card p,.sim-card li,.sim-card span,.dark-section p,.dark-section li,.dark-section span,.hero-dark p,.hero-dark li,.hero-dark span,.cta-dark p,.cta-dark li,.cta-dark span{color:var(--wtp-dark-muted)!important}
.footer a,.plans a,.phone-card a,.sim-card a,.dark-section a,.hero-dark a,.cta-dark a{color:#ffffff!important;text-decoration:none}
.footer .muted,.plans .muted,.phone-card .muted,.sim-card .muted,.dark-section .muted{color:#cbd5e1!important}
/* Gradient/hot pricing cards: cyan gradients need dark text for contrast */
.price-card.hot,.shop-plan.hot,.payment-plan-card-single.hot,.wantopup-package-grid .shop-plan.hot{color:#061621!important}
.price-card.hot h1,.price-card.hot h2,.price-card.hot h3,.price-card.hot b,.shop-plan.hot h1,.shop-plan.hot h2,.shop-plan.hot h3,.shop-plan.hot b,.payment-plan-card-single.hot h1,.payment-plan-card-single.hot h2,.payment-plan-card-single.hot h3,.payment-plan-card-single.hot b{color:#04111a!important}
.price-card.hot p,.price-card.hot li,.price-card.hot span,.shop-plan.hot p,.shop-plan.hot li,.shop-plan.hot span,.payment-plan-card-single.hot p,.payment-plan-card-single.hot li,.payment-plan-card-single.hot span{color:#082f49!important}
.price-card.hot a,.shop-plan.hot a,.payment-plan-card-single.hot a{color:#04111a!important}
.price-card.hot .btn,.shop-plan.hot .btn,.payment-plan-card-single.hot .btn{background:#04111a!important;color:#ffffff!important;border-color:#04111a!important}
/* Badges and pills */
.deal-badge,.badge,.chip,.trust span,.seo-online,.profile-mini-wa-badge,.footer-note,.alert,.success{color:var(--wtp-text-strong)!important;text-shadow:none!important}
.profile-mini-wa-badge{background:#16a34a!important;color:#ffffff!important}
.alert{background:#ecfeff!important;color:#115e59!important;border-color:#99f6e4!important}
.success{background:#dcfce7!important;color:#14532d!important;border-color:#86efac!important}
/* Buttons: readable in all backgrounds */
.btn,.nav-cta,button[type="submit"]{text-shadow:none!important}
.btn.primary,.nav-cta,.btn.shine,button[type="submit"]{color:#ffffff!important}
.btn.ghost,.btn.secondary,.btn.dark,.footer-auth-menu .auth-login{background:#ffffff!important;color:#0f172a!important;border-color:#94a3b8!important}
.btn.ghost *,.btn.secondary *,.btn.dark *,.footer-auth-menu .auth-login *{color:#0f172a!important}
.btn.primary *,.nav-cta *,.btn.shine *,.footer-auth-menu .auth-register *{color:#ffffff!important}
/* Footer auth after footer-simple-menu remains readable */
.footer-auth-menu{order:99!important}
.footer-auth-menu .auth-login{background:#ffffff!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
.footer-auth-menu .auth-register{background:linear-gradient(135deg,#0f766e,#075985)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.26)!important}
/* Tables: avoid washed-out text */
table,thead,tbody,tr,td,th{color:var(--wtp-text-body)!important}
th{background:#f8fafc!important;color:#0f172a!important;font-weight:1000!important}
td{background:#ffffff;color:#1f2937!important}
tr:hover td{background:#f1f5f9!important;color:#0f172a!important}
/* Links inside light content */
.panel a:not(.btn),article a:not(.btn),.section a:not(.btn),.dashboard a:not(.btn),.package-detail-page a:not(.btn),.seo-page a:not(.btn),.folder-index a:not(.btn),.location-page a:not(.btn),.service-page a:not(.btn),.guide-page a:not(.btn){color:#075985;font-weight:800}
/* Mobile safeguards */
@media(max-width:640px){
  .section p,.section li,.panel p,.panel li,.shop-plan p,.shop-plan li,.payment-plan-card-single p,.payment-plan-card-single li,.footer p,.footer li{font-size:15px;line-height:1.6}
  .btn,.footer-auth-menu .auth-login,.footer-auth-menu .auth-register{min-height:44px}
}
/* === /WanTopup v40 === */


/* Public readability and layout hardening: pricing cards, footer SEO clusters, checklist grid, and non-version public class aliases. */
.pricing-table,
.pricing-table.plan-track,
.pricing-table.plan-track.wantopup-package-grid{
  color:#0f172a!important;
  text-align:center!important;
  justify-content:center!important;
  justify-items:center!important;
}
.plans .pricing-table.plan-track.wantopup-package-grid > article,
.plans .pricing-table.plan-track.wantopup-package-grid > .shop-plan,
.pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan,
.payment-package-grid-detail > article,
.payment-package-grid-detail > .shop-plan{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid h1,
.pricing-table.plan-track.wantopup-package-grid h2,
.pricing-table.plan-track.wantopup-package-grid h3,
.pricing-table.plan-track.wantopup-package-grid b,
.pricing-table.plan-track.wantopup-package-grid .price,
.payment-package-grid-detail h1,
.payment-package-grid-detail h2,
.payment-package-grid-detail h3,
.payment-package-grid-detail b,
.payment-package-grid-detail .price{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid p,
.pricing-table.plan-track.wantopup-package-grid li,
.pricing-table.plan-track.wantopup-package-grid span:not(.deal-badge),
.pricing-table.plan-track.wantopup-package-grid .plan-hook,
.pricing-table.plan-track.wantopup-package-grid .payment-note,
.payment-package-grid-detail p,
.payment-package-grid-detail li,
.payment-package-grid-detail span:not(.deal-badge),
.payment-package-grid-detail .plan-hook,
.payment-package-grid-detail .payment-note{
  color:#334155!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .deal-badge,
.payment-package-grid-detail .deal-badge,
.shop-plan .deal-badge,
.price-card .deal-badge{
  background:#facc15!important;
  color:#111827!important;
  border:1px solid rgba(15,23,42,.14)!important;
  text-shadow:none!important;
  font-weight:1000!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-self:center!important;
  align-self:center!important;
}
.pricing-table.plan-track.wantopup-package-grid .btn.primary,
.payment-package-grid-detail .btn.primary,
.pricing-table.plan-track.wantopup-package-grid button[type="submit"],
.payment-package-grid-detail button[type="submit"]{
  background:linear-gradient(135deg,#0f766e,#075985)!important;
  color:#ffffff!important;
  border-color:#075985!important;
}
.pricing-table.plan-track.wantopup-package-grid .btn.ghost,
.payment-package-grid-detail .btn.ghost{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #64748b!important;
}
.pricing-table.plan-track.wantopup-package-grid .hot,
.pricing-table.plan-track.wantopup-package-grid > article.hot,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan.hot,
.payment-package-grid-detail .hot{
  background:linear-gradient(180deg,#67e8f9,#22d3ee)!important;
  color:#06202a!important;
}
.pricing-table.plan-track.wantopup-package-grid .hot h1,
.pricing-table.plan-track.wantopup-package-grid .hot h2,
.pricing-table.plan-track.wantopup-package-grid .hot h3,
.pricing-table.plan-track.wantopup-package-grid .hot b,
.pricing-table.plan-track.wantopup-package-grid .hot .price,
.pricing-table.plan-track.wantopup-package-grid .hot p,
.pricing-table.plan-track.wantopup-package-grid .hot li,
.pricing-table.plan-track.wantopup-package-grid .hot span:not(.deal-badge),
.payment-package-grid-detail .hot h1,
.payment-package-grid-detail .hot h2,
.payment-package-grid-detail .hot h3,
.payment-package-grid-detail .hot b,
.payment-package-grid-detail .hot .price,
.payment-package-grid-detail .hot p,
.payment-package-grid-detail .hot li,
.payment-package-grid-detail .hot span:not(.deal-badge){
  color:#06202a!important;
}
.footer .footer-seo-clusters{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(203,213,225,.95)!important;
  color:#0f172a!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
}
.footer .footer-seo-clusters b,
.footer-seo-clusters b{
  color:#0f172a!important;
  text-shadow:none!important;
}
.footer .footer-seo-clusters a,
.footer-seo-clusters a{
  background:#ecfeff!important;
  color:#075985!important;
  border:1px solid #99f6e4!important;
  text-shadow:none!important;
  font-weight:900!important;
}
.footer .footer-seo-clusters a:hover,
.footer-seo-clusters a:hover{
  background:#cffafe!important;
  color:#083344!important;
}
.cara-page .kelebihan-section .kelebihan-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,960px)!important;
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cara-page .kelebihan-section .kelebihan-grid .kelebihan-card{
  width:100%!important;
  min-width:0!important;
}
.seo-check-card{
  margin-top:18px;
  padding:20px;
  border-radius:22px;
  background:#fbfbfb;
  border:1px solid rgba(0,0,0,.08);
}
.lokasi-main{width:100%;max-width:var(--wtt-desktop-width,1920px);margin:0 auto;padding-bottom:28px;overflow:hidden}
.lokasi-section{width:min(calc(100% - 28px),1180px)!important;margin:22px auto!important;padding:clamp(28px,4vw,54px)!important;border-radius:34px!important;background:linear-gradient(180deg,#ffffff,#f8ffff)!important;border:1px solid rgba(153,246,228,.9)!important;box-shadow:0 18px 54px rgba(15,23,42,.07)!important}
.phone-card-section .wantopup-phone-card{place-items:center!important;text-align:center!important}
.wantopup-phone-card .phone-card-copy{align-self:center!important;text-align:center!important}
.wantopup-phone-card .phone-card-copy p{max-width:680px!important;margin-left:auto!important;margin-right:auto!important}
.wa-float{background:linear-gradient(135deg,#10b981,#25b9bd)!important;color:#fff!important;box-shadow:0 16px 38px rgba(16,185,129,.3)!important}
@media(max-width:720px){
  .cara-page .kelebihan-section .kelebihan-grid{grid-template-columns:1fr!important;width:100%!important}
  .footer .footer-seo-clusters a,.footer-seo-clusters a{width:100%;max-width:320px}
}


/* WanTopup public cleanup: payment copy, contrast and agent card photo layout */
.payment-affiliate-notice{display:none!important}
.pricing-table.plan-track.wantopup-package-grid,
.pricing-table.plan-track.wantopup-package-grid .shop-plan,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card,
.payment-package-grid-detail .shop-plan{
  text-align:center!important;
  color:#0f172a!important;
}
.pricing-table.plan-track.wantopup-package-grid .shop-plan h1,
.pricing-table.plan-track.wantopup-package-grid .shop-plan h2,
.pricing-table.plan-track.wantopup-package-grid .shop-plan h3,
.pricing-table.plan-track.wantopup-package-grid .shop-plan p,
.pricing-table.plan-track.wantopup-package-grid .shop-plan li,
.pricing-table.plan-track.wantopup-package-grid .shop-plan span:not(.deal-badge),
.pricing-table.plan-track.wantopup-package-grid .shop-plan small,
.payment-package-grid-detail .shop-plan h1,
.payment-package-grid-detail .shop-plan h2,
.payment-package-grid-detail .shop-plan h3,
.payment-package-grid-detail .shop-plan p,
.payment-package-grid-detail .shop-plan li,
.payment-package-grid-detail .shop-plan span:not(.deal-badge),
.payment-package-grid-detail .shop-plan small{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .shop-plan .price,
.pricing-table.plan-track.wantopup-package-grid .shop-plan .price small,
.pricing-table.plan-track.wantopup-package-grid .shop-plan .price span,
.payment-package-grid-detail .shop-plan .price,
.payment-package-grid-detail .shop-plan .price small,
.payment-package-grid-detail .shop-plan .price span{
  color:#083344!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .deal-badge,
.payment-package-grid-detail .deal-badge{
  color:#111827!important;
  background:#fef08a!important;
  border:1px solid #f59e0b!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-breakdown,
.payment-package-grid-detail .payment-breakdown{
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #cbd5e1!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-breakdown span,
.pricing-table.plan-track.wantopup-package-grid .payment-breakdown b,
.payment-package-grid-detail .payment-breakdown span,
.payment-package-grid-detail .payment-breakdown b{
  color:#0f172a!important;
}
.footer-seo-clusters,
.footer .footer-seo-clusters{
  color:#0f172a!important;
  background:#ffffff!important;
  border-color:#cbd5e1!important;
}
.footer-seo-clusters *,
.footer .footer-seo-clusters *{
  text-shadow:none!important;
}
.footer-seo-clusters p,
.footer-seo-clusters span,
.footer-seo-clusters small,
.footer .footer-seo-clusters p,
.footer .footer-seo-clusters span,
.footer .footer-seo-clusters small{
  color:#334155!important;
}
.footer-seo-clusters b,
.footer-seo-clusters strong,
.footer-seo-clusters h2,
.footer-seo-clusters h3,
.footer .footer-seo-clusters b,
.footer .footer-seo-clusters strong,
.footer .footer-seo-clusters h2,
.footer .footer-seo-clusters h3{
  color:#0f172a!important;
}
.footer-seo-clusters a,
.footer .footer-seo-clusters a{
  color:#064e3b!important;
  background:#ecfdf5!important;
  border-color:#86efac!important;
}
.lokasi-hero-v9 p,
.lokasi-auto-v9 p,
.lokasi-results-head p,
.lokasi-section p,
.location-hero p,
.location-hero .sub{
  color:#1f2937!important;
  opacity:1!important;
  text-shadow:none!important;
}
.lokasi-hero-v9 .lokasi-trust-v9 p,
.lokasi-hero-v9 .lokasi-trust-v9 b,
.lokasi-hero-v9 .lokasi-trust-v9 span{
  color:#ffffff!important;
  opacity:1!important;
}
.agent-card.pro-agent,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.agent-card.pro-agent.support-agent-card,
.support-agent-card.agent-card.pro-agent{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  text-align:center!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:28px!important;
}
.agent-card.pro-agent .agent-photo-link,
.page-agent-card .agent-card.pro-agent .agent-photo-link,
.bottom-agent .agent-card.pro-agent .agent-photo-link,
.support-agent-card.agent-card.pro-agent .agent-photo-link{
  order:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:150px!important;
  height:150px!important;
  margin:0 auto 4px!important;
  flex:0 0 auto!important;
}
.agent-card.pro-agent .agent-photo-link img,
.agent-card.pro-agent > img{
  width:138px!important;
  height:138px!important;
  object-fit:cover!important;
  margin:0 auto!important;
}
.agent-card.pro-agent>.agent-content,
.page-agent-card .agent-card.pro-agent>.agent-content,
.bottom-agent .agent-card.pro-agent>.agent-content,
.support-agent-card.agent-card.pro-agent>.agent-content{
  order:1!important;
  grid-column:auto!important;
  width:100%!important;
  max-width:760px!important;
  text-align:center!important;
  align-items:center!important;
  margin:0 auto!important;
}
.agent-card.pro-agent .eyebrow{margin-top:0!important}
.agent-card.pro-agent .agent-links,
.agent-card.pro-agent .agent-ecommerce-icons,
.agent-card.pro-agent .share-actions{
  justify-content:center!important;
  text-align:center!important;
}
@media(max-width:760px){
  .agent-card.pro-agent,
  .page-agent-card .agent-card.pro-agent,
  .bottom-agent .agent-card.pro-agent,
  .agent-card.pro-agent.support-agent-card,
  .support-agent-card.agent-card.pro-agent{
    max-width:100%!important;
    padding:22px 16px!important;
  }
  .agent-card.pro-agent .agent-photo-link{width:132px!important;height:132px!important;margin:0 auto 2px!important}
  .agent-card.pro-agent .agent-photo-link img,
  .agent-card.pro-agent > img{width:120px!important;height:120px!important}
}

/* WanTopup v44: public text/readability + lokasi card order cleanup */
.location-hero .lokasi-trust,
.location-hero aside.lokasi-trust{
  background:linear-gradient(135deg,#0f766e,#0f172a)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
}
.location-hero .lokasi-trust p,
.location-hero .lokasi-trust b,
.location-hero .lokasi-trust span,
.location-hero aside.lokasi-trust p,
.location-hero aside.lokasi-trust b,
.location-hero aside.lokasi-trust span{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
.location-hero .lokasi-trust p,
.location-hero aside.lokasi-trust p{
  font-weight:800!important;
  line-height:1.55!important;
}
.lokasi-results .lokasi-agent-card,
.lokasi-section .lokasi-agent-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:16px!important;
  padding:24px!important;
  overflow:hidden!important;
}
.lokasi-results .lokasi-agent-content,
.lokasi-section .lokasi-agent-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  width:100%!important;
  min-width:0!important;
}
.lokasi-agent-card .lokasi-agent-photo,
.lokasi-results .lokasi-agent-card img,
.lokasi-section .lokasi-agent-card img{
  order:0!important;
  width:128px!important;
  height:128px!important;
  max-width:128px!important;
  border-radius:30px!important;
  object-fit:cover!important;
  background:#ecfeff!important;
  border:5px solid #ffffff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.14)!important;
  margin:0 auto 10px!important;
}
.lokasi-agent-card .lokasi-agent-content>.eyebrow{
  order:1!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 auto 8px!important;
}
.lokasi-agent-card .lokasi-agent-content>h2{order:2!important;margin-top:0!important}
.lokasi-agent-card .lokasi-agent-content>p:not(.eyebrow){order:3!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
.lokasi-agent-card .lokasi-card-actions{order:4!important;justify-content:center!important;width:100%!important}
.lokasi-agent-card .agent-ecommerce{order:5!important;margin-left:auto!important;margin-right:auto!important}
.lokasi-agent-card .agent-ecommerce-title,
.lokasi-agent-card .agent-ecommerce-icons{justify-content:center!important;text-align:center!important}
@media(max-width:920px){
  .lokasi-agent-card .lokasi-agent-photo,
  .lokasi-results .lokasi-agent-card img,
  .lokasi-section .lokasi-agent-card img{
    width:118px!important;
    height:118px!important;
    max-width:118px!important;
  }
  .lokasi-results .lokasi-agent-card,
  .lokasi-section .lokasi-agent-card{padding:20px!important;border-radius:26px!important}
}
@media(max-width:420px){
  .lokasi-agent-card .lokasi-agent-photo,
  .lokasi-results .lokasi-agent-card img,
  .lokasi-section .lokasi-agent-card img{
    width:108px!important;
    height:108px!important;
    max-width:108px!important;
  }
}


/* WanTopup v46: minimal buyer package copy + phone card vertical desktop layout */
.payment-conversion-section{
  position:relative!important;
  overflow:visible!important;
}
.payment-conversion-section > .section-head{
  max-width:980px!important;
  margin-bottom:24px!important;
}
.payment-conversion-section > .section-head h1,
.payment-conversion-section > .section-head h2{
  color:#ffffff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.22)!important;
}
.payment-conversion-section > .section-head p{
  color:#e5fbff!important;
  font-weight:750!important;
  line-height:1.65!important;
}
.payment-package-grid .payment-plan-card{
  gap:13px!important;
  align-items:stretch!important;
  border-radius:30px!important;
  padding:24px!important;
}
.payment-package-grid .payment-plan-card h3,
.payment-package-grid .payment-plan-card .price,
.payment-package-grid .payment-plan-card .plan-hook{
  text-align:center!important;
}
.payment-package-grid .package-group-master{
  border:2px solid #25b9bd!important;
  box-shadow:0 24px 58px rgba(37,185,189,.22)!important;
}
.package-buyer-note{
  width:100%!important;
  text-align:left!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:#ecfeff!important;
  border:1px solid rgba(37,185,189,.25)!important;
  color:#12313c!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.package-group-master .package-buyer-note{
  background:linear-gradient(135deg,#ecfeff,#fff7ed)!important;
  border-color:rgba(245,158,11,.32)!important;
}
.payment-breakdown{
  width:100%!important;
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
.payment-breakdown span{
  color:#334155!important;
  font-weight:850!important;
}
.payment-breakdown b,
.payment-total-row b{
  color:#0f766e!important;
  font-weight:1000!important;
}
.mini-checkout-title{
  width:100%!important;
  display:grid!important;
  gap:4px!important;
  text-align:left!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px dashed rgba(15,23,42,.18)!important;
}
.mini-checkout-title b{
  color:#0f172a!important;
  font-size:1rem!important;
}
.mini-checkout-title span,
.payment-safe-note{
  color:#475569!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.mini-checkout-form{
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
.mini-checkout-form label{
  text-align:left!important;
  margin:0!important;
}
.mini-checkout-form label span{
  color:#183f44!important;
}
.mini-checkout-form input{
  min-height:48px!important;
  border-radius:16px!important;
}
.mini-checkout-form button[type="submit"]{
  margin-top:4px!important;
  min-height:50px!important;
  white-space:normal!important;
  line-height:1.2!important;
}
.payment-safe-note{
  display:block!important;
  text-align:center!important;
  margin-top:2px!important;
}
.payment-trust-row{
  width:min(100%,1040px)!important;
  margin:20px auto 0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}
.payment-trust-row span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(153,246,228,.95)!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
.payment-after-box{
  width:min(100%,1180px)!important;
  margin:24px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr)!important;
  gap:16px!important;
  padding:18px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#ffffff,#ecfeff)!important;
  border:1px solid rgba(153,246,228,.95)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.12)!important;
}
.payment-after-head{
  display:grid!important;
  gap:6px!important;
  align-content:center!important;
  text-align:left!important;
}
.payment-after-head span{
  width:max-content!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#0f766e!important;
  color:#ffffff!important;
  font-weight:1000!important;
  font-size:.82rem!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.payment-after-head b{
  color:#0f172a!important;
  font-size:clamp(1.25rem,2.4vw,2rem)!important;
  line-height:1.12!important;
}
.payment-after-head p{
  color:#334155!important;
  font-weight:750!important;
  margin:0!important;
}
.payment-after-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.payment-after-steps div{
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
  padding:15px!important;
  border-radius:22px!important;
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}
.payment-after-steps span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#25b9bd,#168fd6)!important;
  color:#ffffff!important;
  font-weight:1000!important;
}
.payment-after-steps b{
  color:#0f172a!important;
  line-height:1.2!important;
}
.payment-after-steps small{
  color:#475569!important;
  font-weight:750!important;
  line-height:1.4!important;
}
.phone-card-section .phone-card.wantopup-phone-card,
.phone-card-section .wantopup-phone-card,
#apps-ota-my .wantopup-phone-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  align-items:start!important;
  justify-items:center!important;
  width:min(100%,1180px)!important;
}
#apps-ota-my .phone-card-image.phone-card-slider{
  order:1!important;
  width:100%!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#apps-ota-my .phone-card-copy{
  order:2!important;
  width:min(100%,860px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:980px){
      .payment-after-box{grid-template-columns:1fr!important;width:min(100%,680px)!important}
  .payment-after-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .payment-conversion-section{padding-left:14px!important;padding-right:14px!important}
  .payment-after-steps{grid-template-columns:1fr!important}
  .payment-trust-row span{width:100%!important;border-radius:18px!important}
  .payment-package-grid .payment-plan-card{padding:18px 14px!important;border-radius:24px!important}
}


/* WanTopup v46: reduce text clutter in package decision section */
.payment-conversion-section > .section-head{
  max-width:760px!important;
  margin-bottom:18px!important;
}
.payment-conversion-section > .section-head p{
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  line-height:1.45!important;
  font-size:1rem!important;
}
.payment-package-grid .package-buyer-note{
  text-align:center!important;
  padding:10px 12px!important;
  line-height:1.32!important;
  font-size:.94rem!important;
}
.payment-after-box.compact-after-box{
  grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr)!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:24px!important;
}
.compact-after-box .payment-after-head{
  gap:4px!important;
}
.compact-after-box .payment-after-head b{
  font-size:clamp(1.1rem,2vw,1.45rem)!important;
}
.compact-after-box .payment-after-steps{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.compact-after-box .payment-after-steps div{
  padding:12px!important;
  border-radius:18px!important;
}
@media(max-width:980px){
    .payment-after-box.compact-after-box{grid-template-columns:1fr!important}
  .compact-after-box .payment-after-steps{grid-template-columns:1fr!important}
}

/* === WanTopup v47: short-copy readable spacing === */
.section-head p,.seo-content-panel p,.seo-ai-grid p,.kelebihan-card p,.business-points span,.income-card p,.faq p,.plan-hook,.payment-safe-note{line-height:1.52!important}
.section-head{max-width:880px!important}
.seo-content-panel{padding:clamp(18px,2vw,26px)!important}
.seo-content-panel p{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.wantopup-packages .section-head p{max-width:620px!important}
.payment-package-grid .plan-hook{min-height:auto!important}
.payment-package-grid>article ul{gap:7px!important}
.payment-package-grid>article li{line-height:1.38!important}
.payment-trust-row span{white-space:normal!important;text-align:center!important}
@media(max-width:680px){.section-head p,.seo-content-panel p,.seo-ai-grid p,.kelebihan-card p{font-size:.96rem!important}.seo-link-grid{max-height:520px;overflow:auto;padding-right:4px}}


/* === WanTopup v48: readable package detail + direct payment links === */
.package-detail-page .payment-package-detail-section > .section-head,
.direct-package-page .package-direct-help > .section-head{
  background:linear-gradient(135deg,#ffffff,#f8fafc)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:28px!important;
  padding:clamp(18px,3vw,32px)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
}
.package-detail-page .payment-package-detail-section > .section-head .eyebrow,
.direct-package-page .package-direct-help > .section-head .eyebrow{
  color:#0f766e!important;
  background:#ecfeff!important;
  border:1px solid rgba(20,184,166,.22)!important;
  display:inline-flex!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-weight:1000!important;
}
.package-detail-page .payment-package-detail-section > .section-head h1,
.direct-package-page .package-direct-help > .section-head h2{
  color:#061621!important;
  text-shadow:none!important;
}
.package-detail-page .payment-package-detail-section > .section-head p,
.direct-package-page .package-direct-help > .section-head p{
  color:#334155!important;
  text-shadow:none!important;
  font-weight:750!important;
}
.package-detail-page .btn.ghost,
.direct-package-page .btn.ghost,
.package-detail-benefits .btn.ghost,
.pakej-register-links .btn.ghost,
.payment-package-detail-section .btn.ghost{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1.5px solid #64748b!important;
  box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
}
.package-detail-page .btn.ghost:hover,
.direct-package-page .btn.ghost:hover,
.package-detail-benefits .btn.ghost:hover,
.pakej-register-links .btn.ghost:hover,
.payment-package-detail-section .btn.ghost:hover{
  background:#0f172a!important;
  color:#ffffff!important;
  border-color:#0f172a!important;
}
.package-detail-page .btn.ghost:hover *,
.direct-package-page .btn.ghost:hover *{color:#ffffff!important}
.payment-package-grid .mini-checkout-title span,
.payment-package-grid .payment-safe-note,
.payment-trust-row span,
.payment-after-steps small{
  color:#334155!important;
}
.payment-after-steps b{color:#0f172a!important}
.direct-package-page .package-direct-help{
  width:100%!important;
  max-width:var(--wtt-shell-max,1440px)!important;
  margin-inline:auto!important;
  padding-left:clamp(16px,4vw,56px)!important;
  padding-right:clamp(16px,4vw,56px)!important;
}
.direct-package-actions{
  justify-content:center!important;
  gap:10px!important;
  margin-top:18px!important;
}
.direct-package-actions .btn{min-height:46px!important}
@media(max-width:680px){
  .direct-package-actions .btn{width:100%!important}
  .package-detail-page .payment-package-detail-section > .section-head{border-radius:22px!important}
}

/* === WanTopup v49: direct register/payment UI for /master /dealer /agent === */
.direct-package-page{
  background:#f8fafc!important;
}
.direct-register-hero{
  width:100%!important;
  max-width:var(--wtt-shell-max,1440px)!important;
  margin:clamp(18px,3vw,34px) auto!important;
  padding:clamp(16px,4vw,56px)!important;
}
.direct-register-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)!important;
  gap:clamp(18px,3vw,34px)!important;
  align-items:stretch!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#0f172a 0%,#123c4a 52%,#0f766e 100%)!important;
  padding:clamp(18px,4vw,44px)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
  position:relative!important;
}
.direct-register-shell:before{
  content:""!important;
  position:absolute!important;
  inset:auto -120px -170px auto!important;
  width:360px!important;
  height:360px!important;
  border-radius:999px!important;
  background:rgba(250,204,21,.22)!important;
  filter:blur(2px)!important;
}
.direct-register-copy,
.direct-register-summary{position:relative!important;z-index:1!important}
.direct-register-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:330px!important;
}
.direct-register-eyebrow{
  width:max-content!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#facc15!important;
  color:#111827!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 24px rgba(250,204,21,.28)!important;
}
.direct-register-copy h1{
  color:#ffffff!important;
  font-size:clamp(2.1rem,5vw,4.4rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  margin:16px 0 14px!important;
  text-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}
.direct-register-lead{
  color:#e0f2fe!important;
  max-width:720px!important;
  font-size:clamp(1.02rem,1.8vw,1.26rem)!important;
  line-height:1.55!important;
  font-weight:760!important;
  margin:0 0 18px!important;
}
.direct-register-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:2px 0 22px!important;
}
.direct-register-tags span{
  background:rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-weight:900!important;
  font-size:.92rem!important;
}
.direct-register-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
.direct-register-actions .btn{
  min-height:52px!important;
  border-radius:999px!important;
  font-weight:1000!important;
}
.direct-register-actions .btn.primary{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#111827!important;
  border:0!important;
  box-shadow:0 18px 36px rgba(251,146,60,.30)!important;
}
.direct-register-actions .btn.ghost{
  background:#ffffff!important;
  color:#0f172a!important;
  border:2px solid rgba(255,255,255,.86)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.18)!important;
}
.direct-register-summary{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(226,232,240,.96)!important;
  border-radius:28px!important;
  padding:clamp(18px,3vw,30px)!important;
  box-shadow:0 24px 58px rgba(15,23,42,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.direct-register-summary .summary-kicker{
  color:#0f766e!important;
  background:#ecfeff!important;
  border:1px solid rgba(20,184,166,.22)!important;
  width:max-content!important;
  max-width:100%!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  font-size:.82rem!important;
}
.direct-register-summary strong{
  color:#061621!important;
  font-size:clamp(1.42rem,2.2vw,2rem)!important;
  line-height:1.08!important;
}
.summary-price{
  background:linear-gradient(135deg,#f8fafc,#ecfeff)!important;
  border:1px solid rgba(14,116,144,.14)!important;
  border-radius:22px!important;
  padding:16px!important;
}
.summary-price span{
  display:block!important;
  color:#0f172a!important;
  font-size:clamp(1.9rem,3vw,2.7rem)!important;
  font-weight:1000!important;
  line-height:1!important;
}
.summary-price small{
  display:block!important;
  color:#334155!important;
  font-weight:800!important;
  margin-top:6px!important;
  line-height:1.42!important;
}
.direct-register-summary ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:9px!important;
}
.direct-register-summary li{
  color:#0f172a!important;
  background:#f8fafc!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:16px!important;
  padding:10px 12px 10px 36px!important;
  font-weight:850!important;
  position:relative!important;
}
.direct-register-summary li:before{
  content:"✓"!important;
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#16a34a!important;
  color:#ffffff!important;
  font-size:.72rem!important;
  font-weight:1000!important;
}
.summary-next{
  background:#0f172a!important;
  border-radius:18px!important;
  padding:14px!important;
}
.summary-next b{display:block!important;color:#ffffff!important;margin-bottom:4px!important}
.summary-next span{display:block!important;color:#dbeafe!important;font-weight:800!important;line-height:1.38!important}
.direct-register-switch{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:16px!important;
}
.direct-switch-link{
  color:#0f172a!important;
  background:#ffffff!important;
  border:1.5px solid #cbd5e1!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  font-weight:1000!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.direct-switch-link.is-active{
  background:#0f172a!important;
  color:#ffffff!important;
  border-color:#0f172a!important;
}
.direct-package-page .payment-package-detail-section{
  padding-top:clamp(12px,2vw,24px)!important;
}
.direct-package-page .payment-package-detail-section > .section-head{
  background:#ffffff!important;
  color:#0f172a!important;
  max-width:880px!important;
  text-align:center!important;
}
.direct-package-page .payment-package-detail-section > .section-head h1,
.direct-package-page .payment-package-detail-section > .section-head h2,
.direct-package-page .payment-package-detail-section > .section-head h3{
  color:#061621!important;
  text-shadow:none!important;
}
.direct-package-page .payment-package-detail-section > .section-head p{
  color:#334155!important;
  font-weight:800!important;
}
.direct-package-page .payment-package-grid-detail{
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:1fr!important;
}
.direct-package-page .payment-plan-card-single{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 26px 68px rgba(15,23,42,.12)!important;
}
.direct-package-page .payment-plan-card-single h3,
.direct-package-page .payment-plan-card-single .price,
.direct-package-page .payment-plan-card-single .price small,
.direct-package-page .payment-plan-card-single .price span,
.direct-package-page .payment-plan-card-single .plan-hook,
.direct-package-page .payment-plan-card-single li,
.direct-package-page .payment-plan-card-single label span,
.direct-package-page .payment-plan-card-single .mini-checkout-title b{
  color:#0f172a!important;
  text-shadow:none!important;
}
.direct-package-page .payment-plan-card-single .plan-hook,
.direct-package-page .payment-plan-card-single .package-buyer-note,
.direct-package-page .payment-plan-card-single .mini-checkout-title span,
.direct-package-page .payment-plan-card-single .payment-safe-note{
  color:#334155!important;
}
.direct-package-page .payment-plan-card-single input{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1.5px solid #94a3b8!important;
  box-shadow:none!important;
}
.direct-package-page .payment-plan-card-single input::placeholder{color:#64748b!important;opacity:1!important}
.direct-package-page .payment-plan-card-single input:focus{
  border-color:#0f766e!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.16)!important;
  outline:0!important;
}
.direct-package-page .payment-plan-card-single .btn.primary.fullbtn{
  background:linear-gradient(135deg,#0f766e,#16a34a)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 16px 32px rgba(22,163,74,.22)!important;
}
.direct-register-guide .section-head,
.direct-service-section .section-head{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:28px!important;
  padding:clamp(18px,3vw,30px)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
}
.direct-register-guide .section-head h2,
.direct-service-section .section-head h2{color:#061621!important;text-shadow:none!important}
.direct-register-guide .section-head p,
.direct-service-section .section-head p{color:#334155!important;font-weight:800!important;text-shadow:none!important}
.direct-guide-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:980px!important;
  margin:18px auto 0!important;
}
.direct-guide-grid article{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:22px!important;
  padding:18px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.direct-guide-grid span{
  width:36px!important;height:36px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;
  background:#0f172a!important;color:#ffffff!important;font-weight:1000!important;
  margin-bottom:10px!important;
}
.direct-guide-grid b{display:block!important;color:#0f172a!important;font-size:1.05rem!important;margin-bottom:4px!important}
.direct-guide-grid small{display:block!important;color:#475569!important;font-weight:750!important;line-height:1.42!important}
.direct-package-page .kelebihan-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(148,163,184,.24)!important;
}
.direct-package-page .kelebihan-card h3{color:#0f172a!important}
.direct-package-page .kelebihan-card p{color:#334155!important;font-weight:750!important}
@media(max-width:980px){
  .direct-register-shell{grid-template-columns:1fr!important;border-radius:28px!important}
  .direct-register-copy{min-height:auto!important}
  .direct-guide-grid{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  .direct-register-hero{padding-left:14px!important;padding-right:14px!important}
  .direct-register-shell{padding:18px!important;border-radius:24px!important}
  .direct-register-copy h1{font-size:clamp(2rem,12vw,3.2rem)!important}
  .direct-register-actions .btn{width:100%!important;justify-content:center!important}
  .direct-register-tags span{font-size:.86rem!important;padding:7px 10px!important}
  .direct-register-summary{border-radius:22px!important}
  .direct-switch-link{flex:1 1 30%!important;text-align:center!important;padding:10px 9px!important}
}

/* === WanTopup v50: stronger contrast audit for public pages + direct register lead ===
   Focus: /master, /dealer, /agent readability and safe text/button contrast sitewide. */
:root{
  --wtp-v50-ink:#0f172a;
  --wtp-v50-body:#1e293b;
  --wtp-v50-muted:#334155;
  --wtp-v50-soft:#475569;
  --wtp-v50-link:#075985;
  --wtp-v50-dark:#0b1220;
  --wtp-v50-brand:#0f766e;
}
body{color:var(--wtp-v50-body)!important}
body main .section:not(.direct-register-hero) p,
body main .section:not(.direct-register-hero) li,
body main .panel p,
body main .panel li,
body main article p,
body main article li,
body main .shop-plan p,
body main .shop-plan li,
body main .kelebihan-card p,
body main .income-card p,
body main .faq p,
body main .faq li,
body main .seo-content-panel p,
body main .location-card p,
body main .provider-logo-card p,
body main .agent-card p{
  color:var(--wtp-v50-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body main .section:not(.direct-register-hero) h1,
body main .section:not(.direct-register-hero) h2,
body main .section:not(.direct-register-hero) h3,
body main .panel h1,
body main .panel h2,
body main .panel h3,
body main article h1,
body main article h2,
body main article h3,
body main .shop-plan h1,
body main .shop-plan h2,
body main .shop-plan h3,
body main .kelebihan-card h3,
body main .agent-card h3{
  color:var(--wtp-v50-ink)!important;
  text-shadow:none!important;
}
body main a:not(.btn):not(.nav-cta):not(.header-icon-link):not(.direct-switch-link){
  color:var(--wtp-v50-link)!important;
  font-weight:850!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:3px!important;
}
body main a:not(.btn):not(.nav-cta):not(.header-icon-link):not(.direct-switch-link):hover{color:var(--wtp-v50-brand)!important}
.btn.ghost,
a.btn.ghost,
button.btn.ghost,
.btn.secondary,
a.btn.secondary,
button.btn.secondary,
.footer-auth-menu .auth-login{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1.5px solid #64748b!important;
  text-shadow:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.10)!important;
}
.btn.ghost *,
a.btn.ghost *,
button.btn.ghost *,
.btn.secondary *,
a.btn.secondary *,
button.btn.secondary *{color:#0f172a!important;text-shadow:none!important}
.btn.ghost:hover,
a.btn.ghost:hover,
button.btn.ghost:hover,
.btn.secondary:hover,
a.btn.secondary:hover,
button.btn.secondary:hover{
  background:#0f172a!important;
  color:#ffffff!important;
  border-color:#0f172a!important;
}
.btn.ghost:hover *,
a.btn.ghost:hover *,
button.btn.ghost:hover *,
.btn.secondary:hover *,
a.btn.secondary:hover *,
button.btn.secondary:hover *{color:#ffffff!important}
.btn.primary,
a.btn.primary,
button.btn.primary,
.nav-cta,
.whatsapp-cta,
button[type="submit"]{
  color:#ffffff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24)!important;
}
.btn.primary *,
a.btn.primary *,
button.btn.primary *,
.nav-cta *,
.whatsapp-cta *{color:#ffffff!important}
input,textarea,select{
  color:#0f172a!important;
  background:#ffffff!important;
  border-color:#94a3b8!important;
}
input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1!important}
/* Direct register pages: override generic .section p rules so lead copy stays bright on dark hero. */
body main .direct-register-hero.section p.direct-register-lead,
body main .direct-register-hero .direct-register-copy .direct-register-lead,
body main .direct-register-hero .direct-register-copy p.direct-register-lead{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
body main .direct-register-hero .direct-register-copy h1{
  color:#ffffff!important;
  text-shadow:0 4px 22px rgba(0,0,0,.42)!important;
}
body main .direct-register-hero .direct-register-copy .direct-register-eyebrow{
  background:#fde047!important;
  color:#111827!important;
  border:1px solid rgba(255,255,255,.35)!important;
  text-shadow:none!important;
}
body main .direct-register-hero .direct-register-tags span{
  background:rgba(255,255,255,.22)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.48)!important;
  text-shadow:0 1px 7px rgba(0,0,0,.34)!important;
}
body main .direct-register-hero .direct-register-actions .btn.primary{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#111827!important;
  text-shadow:none!important;
  border:0!important;
}
body main .direct-register-hero .direct-register-actions .btn.primary *{color:#111827!important;text-shadow:none!important}
body main .direct-register-hero .direct-register-actions .btn.ghost{
  background:#ffffff!important;
  color:#0f172a!important;
  border:2px solid rgba(255,255,255,.95)!important;
  text-shadow:none!important;
}
body main .direct-register-hero .direct-register-actions .btn.ghost:hover{
  background:#ecfeff!important;
  color:#0f172a!important;
  border-color:#99f6e4!important;
}
body main .direct-register-hero .direct-register-actions .btn.ghost:hover *{color:#0f172a!important}
body main .direct-register-hero .direct-register-summary,
body main .direct-register-hero .direct-register-summary *{
  text-shadow:none!important;
}
body main .direct-register-hero .direct-register-summary{background:#ffffff!important;color:#0f172a!important}
body main .direct-register-hero .direct-register-summary strong,
body main .direct-register-hero .direct-register-summary b,
body main .direct-register-hero .direct-register-summary li,
body main .direct-register-hero .summary-price span{color:#0f172a!important}
body main .direct-register-hero .summary-price small,
body main .direct-register-hero .direct-register-summary small{color:#334155!important}
body main .direct-register-hero .summary-next b{color:#ffffff!important}
body main .direct-register-hero .summary-next span{color:#e0f2fe!important}
/* Package/payment cards: keep form labels, notes, breakdown and safe notes readable. */
body main .payment-package-detail-section .section-head,
body main .payment-conversion-section > .section-head,
body main .payment-plan-card-single,
body main .payment-breakdown,
body main .payment-form,
body main .package-card,
body main .price-card:not(.hot),
body main .shop-plan:not(.hot){
  color:#0f172a!important;
  background-color:#ffffff;
}
body main .payment-package-detail-section .section-head p,
body main .payment-conversion-section > .section-head p,
body main .payment-plan-card-single p,
body main .payment-plan-card-single li,
body main .payment-breakdown p,
body main .payment-breakdown li,
body main .payment-form label,
body main .payment-form label span,
body main .mini-checkout-title span,
body main .payment-safe-note,
body main .package-buyer-note,
body main .plan-hook,
body main .payment-trust-row span,
body main .payment-after-steps small{
  color:#334155!important;
  opacity:1!important;
  text-shadow:none!important;
}
body main .payment-plan-card-single h3,
body main .payment-plan-card-single .price,
body main .payment-plan-card-single .price span,
body main .payment-plan-card-single .mini-checkout-title b,
body main .payment-breakdown strong{
  color:#0f172a!important;
  text-shadow:none!important;
}
body main .payment-plan-card-single .btn.primary.fullbtn,
body main .payment-form .btn.primary,
body main .payment-form button[type="submit"]{
  background:linear-gradient(135deg,#0f766e,#15803d)!important;
  color:#ffffff!important;
  border:0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
/* Location and footer contrast safety. */
body main .location-hero .lokasi-trust,
body main .location-hero aside.lokasi-trust,
body main .lokasi-hero-v9 .lokasi-trust-v9{
  color:#ffffff!important;
}
body main .location-hero .lokasi-trust p,
body main .location-hero .lokasi-trust b,
body main .location-hero .lokasi-trust span,
body main .location-hero aside.lokasi-trust p,
body main .location-hero aside.lokasi-trust b,
body main .location-hero aside.lokasi-trust span,
body main .lokasi-hero-v9 .lokasi-trust-v9 p,
body main .lokasi-hero-v9 .lokasi-trust-v9 b,
body main .lokasi-hero-v9 .lokasi-trust-v9 span{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 2px 10px rgba(0,0,0,.36)!important;
}
.footer,
.footer *{text-shadow:none!important}
.footer h1,.footer h2,.footer h3,.footer h4,.footer b,.footer strong{color:#ffffff!important}
.footer p,.footer li,.footer span,.footer small,.footer .footer-desc,.footer .footer-note{color:#e2e8f0!important}
.footer a:not(.btn){color:#a7f3d0!important;font-weight:850!important}
@media(max-width:680px){
  body main .direct-register-hero.section p.direct-register-lead{font-size:1rem!important;line-height:1.58!important}
  body main .section:not(.direct-register-hero) p,
  body main .section:not(.direct-register-hero) li,
  body main .panel p,
  body main .panel li{line-height:1.58!important}
}
/* === /WanTopup v50 === */


/* WanTopup v51/v52 - package cards + profit rates */
.payment-package-grid .payment-plan-card{position:relative!important;isolation:isolate!important;overflow:visible!important;gap:13px!important}
.payment-package-grid .package-group-master{order:1!important;background:linear-gradient(180deg,#ecfeff 0%,#ffffff 54%,#f0fdfa 100%)!important;border:2px solid #0f766e!important;box-shadow:0 24px 60px rgba(15,118,110,.22)!important;transform:translateY(-8px)!important}
.payment-package-grid .package-group-dealer{order:2!important;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 58%,#eef2ff 100%)!important;border:2px solid #2563eb!important;box-shadow:0 18px 46px rgba(37,99,235,.16)!important}
.payment-package-grid .package-group-agent{order:3!important;background:#ffffff!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 12px 34px rgba(15,23,42,.08)!important}
.payment-package-grid .package-group-master .deal-badge{background:#0f766e!important;color:#ffffff!important;border-color:#0f766e!important;box-shadow:0 10px 24px rgba(15,118,110,.22)!important}
.payment-package-grid .package-group-dealer .deal-badge{background:#2563eb!important;color:#ffffff!important;border-color:#2563eb!important}.payment-package-grid .package-group-master h3,.payment-package-grid .package-group-dealer h3,.payment-package-grid .package-group-agent h3{color:#0f172a!important;text-shadow:none!important}
.payment-package-grid .package-group-master .price,.payment-package-grid .package-group-dealer .price,.payment-package-grid .package-group-agent .price{color:#0f766e!important;text-shadow:none!important}
.payment-package-grid .package-group-master .plan-hook,.payment-package-grid .package-group-dealer .plan-hook,.payment-package-grid .package-group-agent .plan-hook{color:#334155!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:16px!important;padding:10px 12px!important}
.payment-package-grid .package-group-master ul,.payment-package-grid .package-group-dealer ul,.payment-package-grid .package-group-agent ul{background:#ffffff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:18px!important;padding:13px 14px!important}
.payment-package-grid .package-group-master li,.payment-package-grid .package-group-dealer li,.payment-package-grid .package-group-agent li{color:#0f172a!important;font-weight:850!important;text-align:left!important}
.payment-package-grid .package-group-master li::before,.payment-package-grid .package-group-dealer li::before,.payment-package-grid .package-group-agent li::before{color:#0f766e!important}
.profit-rate-box{display:grid!important;gap:9px!important;background:#f8fafc!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:18px!important;padding:13px!important;text-align:left!important;color:#0f172a!important}
.profit-rate-box>b{font-size:.9rem!important;color:#0f172a!important;text-align:center!important}
.profit-rate-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:center!important}
.profit-rate-chips span{display:inline-grid!important;grid-template-columns:auto auto!important;gap:5px!important;align-items:center!important;padding:7px 9px!important;border-radius:999px!important;background:#ffffff!important;border:1px solid rgba(15,118,110,.16)!important;box-shadow:0 3px 10px rgba(15,23,42,.05)!important;color:#0f172a!important}
.profit-rate-chips small{font-size:.76rem!important;font-weight:850!important;color:#475569!important}
.profit-rate-chips strong{font-size:.82rem!important;font-weight:950!important;color:#0f766e!important}
.profit-rate-box em{font-style:normal!important;text-align:center!important;font-size:.78rem!important;color:#64748b!important;font-weight:750!important}
.payment-package-grid .payment-breakdown,.payment-package-grid .mini-checkout-form{background:#ffffff!important;border:1px solid rgba(15,23,42,.10)!important;box-shadow:none!important}
.payment-package-grid .mini-checkout-form{padding:13px!important;border-radius:18px!important}
.payment-package-grid .payment-safe-note{display:block!important;color:#334155!important;font-weight:750!important;line-height:1.45!important;text-align:center!important}
.payment-package-grid .fullbtn{min-height:48px!important;font-weight:950!important}
.payment-package-grid .package-group-master .fullbtn{background:linear-gradient(135deg,#facc15,#fb923c)!important;color:#111827!important;border-color:rgba(146,64,14,.28)!important;box-shadow:0 14px 30px rgba(251,146,60,.24)!important}
.payment-package-grid .package-group-dealer .fullbtn{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#ffffff!important;border-color:rgba(37,99,235,.30)!important;box-shadow:0 14px 30px rgba(37,99,235,.22)!important}
.payment-package-grid .package-group-agent .fullbtn{background:#0f172a!important;color:#ffffff!important;border-color:#0f172a!important}.servis-expanded-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.servis-expanded-grid .kelebihan-card{min-height:150px!important}
.provider-logo-card span{color:#0f172a!important;font-weight:900!important}
.admin-package-form textarea[name="profit_rates"]{min-height:96px!important;background:#f8fafc!important;border-color:rgba(15,118,110,.25)!important}
@media(max-width:980px){.payment-package-grid .package-group-master{transform:none!important}.servis-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.servis-expanded-grid{grid-template-columns:1fr!important}.profit-rate-chips span{width:calc(50% - 5px)!important;justify-content:center!important}.payment-package-grid .payment-plan-card{gap:11px!important}.payment-package-grid .package-group-master,.payment-package-grid .package-group-dealer,.payment-package-grid .package-group-agent{border-width:1px!important}}


/* v52 public cleanup + pricing table capitalization */
.package-decision-strip,
.conversion-copy{display:none!important;}
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card h3,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .deal-badge,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .plan-hook,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .package-buyer-note,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card li,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card label span,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .payment-breakdown span,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .payment-safe-note,
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .btn,
.pricing-table.plan-track.wantopup-package-grid .profit-rate-box b,
.pricing-table.plan-track.wantopup-package-grid .profit-rate-box em{
  text-transform:capitalize!important;
}
.pricing-table.plan-track.wantopup-package-grid .profit-rate-chips small,
.pricing-table.plan-track.wantopup-package-grid .profit-rate-chips strong{
  text-transform:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card input::placeholder{
  text-transform:none!important;
}

/* === WanTopup v53: profit rate + uniform service logo UI === */
.wantopup-services .provider-marquee.provider-slider{
  background:linear-gradient(135deg,#ffffff 0%,#ecfeff 55%,#f8fafc 100%)!important;
  border:1px solid rgba(14,165,233,.16)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
}
.provider-track{
  align-items:stretch!important;
  gap:14px!important;
}
.provider-logo-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex:0 0 154px!important;
  width:154px!important;
  min-width:154px!important;
  height:132px!important;
  padding:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:22px!important;
  box-shadow:0 12px 26px rgba(15,23,42,.07)!important;
  color:#0f172a!important;
  overflow:hidden!important;
}
.provider-logo-card .provider-logo-media{
  width:66px!important;
  height:66px!important;
  border-radius:20px!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 8px 18px rgba(15,23,42,.06)!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
}
.provider-logo-card img{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border-radius:14px!important;
}
.provider-logo-card span:not(.provider-logo-media){
  color:#0f172a!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.12!important;
  text-align:center!important;
  letter-spacing:-.01em!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.provider-logo-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(14,165,233,.34)!important;
  box-shadow:0 18px 34px rgba(15,23,42,.10)!important;
}
.profit-rate-chips{
  gap:8px!important;
}
.profit-rate-chips span{
  background:#ffffff!important;
  border-color:rgba(15,118,110,.18)!important;
}
@media(max-width:920px){
  .provider-logo-card{flex-basis:136px!important;width:136px!important;min-width:136px!important;height:122px!important;padding:12px!important}
  .provider-logo-card .provider-logo-media{width:60px!important;height:60px!important;border-radius:18px!important}
  .provider-logo-card img{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}
}
@media(max-width:560px){
  .provider-logo-card{flex-basis:124px!important;width:124px!important;min-width:124px!important;height:116px!important;padding:11px!important}
  .provider-logo-card .provider-logo-media{width:56px!important;height:56px!important;border-radius:17px!important}
  .provider-logo-card img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
  .provider-logo-card span:not(.provider-logo-media){font-size:.78rem!important;min-height:30px!important}
}
/* === /WanTopup v53 === */

/* WanTopup v54: remove non-commission service focus + stronger footer/share button contrast */
.footer-seo-clusters,
.footer .footer-seo-clusters{
  background:linear-gradient(135deg,#042f2e,#064e3b)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  color:#ffffff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.26)!important;
}
.footer-seo-clusters b,
.footer-seo-clusters strong,
.footer .footer-seo-clusters b,
.footer .footer-seo-clusters strong{
  color:#ffffff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35)!important;
}
.footer-seo-clusters a,
.footer .footer-seo-clusters a{
  background:#ffffff!important;
  color:#052e2b!important;
  border:2px solid #bbf7d0!important;
  text-shadow:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
  font-weight:1000!important;
}
.footer-seo-clusters a:hover,
.footer .footer-seo-clusters a:hover{
  background:#fef08a!important;
  color:#111827!important;
  border-color:#fde047!important;
  filter:none!important;
}
.share-actions,
.agent-card.pro-agent .share-actions,
.support-agent-card .share-actions{
  gap:10px!important;
}
.share-actions a,
.wtt-share-actions a,
.wtt-share-actions button,
.agent-card.pro-agent .share-actions a,
.support-agent-card .share-actions a,
.wtt-share-box .share-actions a{
  background:#ffffff!important;
  color:#083344!important;
  border:2px solid #67e8f9!important;
  text-shadow:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.16)!important;
  font-weight:1000!important;
}
.share-actions a:hover,
.wtt-share-actions a:hover,
.wtt-share-actions button:hover,
.agent-card.pro-agent .share-actions a:hover,
.support-agent-card .share-actions a:hover,
.wtt-share-box .share-actions a:hover{
  background:#fef08a!important;
  color:#111827!important;
  border-color:#facc15!important;
  filter:none!important;
}
.wantopup-services .section-head p,
.service-page .wantopup-services .section-head p,
.direct-service-section .section-head p{
  color:#164e63!important;
  background:#ecfeff!important;
  border-color:#67e8f9!important;
}
.provider-logo-card,
.wantopup-services .provider-logo-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(14,116,144,.22)!important;
}
.provider-logo-card span,
.provider-logo-card b,
.provider-logo-card small,
.wantopup-services .provider-logo-card span{
  color:#0f172a!important;
  text-shadow:none!important;
}
/* === /WanTopup v54 === */


/* WanTopup v55: clean public package wording */
.payment-package-grid .deal-badge,
.pricing-table.plan-track.wantopup-package-grid .deal-badge{
  text-transform:capitalize!important;
  letter-spacing:.01em!important;
  line-height:1.2!important;
  max-width:100%!important;
  white-space:normal!important;
  text-align:center!important;
}
.payment-package-grid .package-group-agent .deal-badge{
  background:#ecfeff!important;
  color:#0f172a!important;
  border:1px solid #67e8f9!important;
}

/* WanTopup v57: direct register page layout polish */
body.direct-package-page .payment-package-grid-detail,
body.direct-package-page .pricing-table.plan-track.payment-package-grid-detail,
body.direct-package-page .wantopup-package-grid.payment-package-grid-detail{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.direct-package-page .payment-package-grid-detail > article.shop-plan,
body.direct-package-page .payment-package-grid-detail > .shop-plan,
body.direct-package-page .payment-package-grid-detail .payment-plan-card-single{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:1 1 100%!important;
  justify-self:stretch!important;
  scroll-snap-align:none!important;
}
body.direct-package-page .payment-plan-card-single .mini-checkout-form,
body.direct-package-page .payment-plan-card-single .payment-form,
body.direct-package-page .payment-plan-card-single .payment-breakdown,
body.direct-package-page .payment-plan-card-single .profit-rate-box,
body.direct-package-page .payment-plan-card-single ul{
  width:100%!important;
  max-width:100%!important;
}
body.direct-package-page .payment-plan-card-single .payment-safe-note,
body.direct-package-page .payment-plan-card-single small.payment-safe-note,
body.direct-package-page .mini-checkout-form .payment-safe-note{
  display:block!important;
  width:100%!important;
  max-width:660px!important;
  margin:12px auto 0!important;
  text-align:center!important;
  color:#334155!important;
  line-height:1.55!important;
  font-weight:850!important;
}
@media (min-width:760px){
  body.direct-package-page .direct-service-section .servis-expanded-grid,
  body.direct-package-page .direct-service-section .kelebihan-grid.servis-expanded-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.direct-package-page .direct-service-section .kelebihan-card{
    width:100%!important;
    min-height:170px!important;
  }
}
@media (max-width:759px){
  body.direct-package-page .direct-service-section .servis-expanded-grid,
  body.direct-package-page .direct-service-section .kelebihan-grid.servis-expanded-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.direct-package-page .payment-package-grid-detail{
    max-width:100%!important;
  }
}
/* === /WanTopup v57 === */


/* === WanTopup v58: direct package popup + direct register desktop centering === */
.wtt-package-popup{position:fixed;inset:0;z-index:10020;display:none;place-items:center;padding:18px}
.wtt-package-popup.is-visible{display:grid}
.wtt-package-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(7px)}
.wtt-package-card{position:relative;z-index:1;width:min(100%,520px);background:linear-gradient(135deg,#ffffff,#ecfeff 68%,#fff7ed);border:1px solid rgba(37,185,189,.38);border-radius:30px;padding:30px 24px 22px;text-align:center;box-shadow:0 32px 90px rgba(2,6,23,.28);color:#0f172a!important}
.wtt-package-card h2{margin:10px auto 10px;font-size:clamp(1.55rem,4vw,2.28rem);line-height:1.06;color:#0f172a!important;letter-spacing:-.04em;max-width:430px}
.wtt-package-card p{margin:0 auto 18px;max-width:390px;color:#334155!important;font-weight:800;line-height:1.45}
.wtt-package-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:999px;background:#0f172a;color:#fff;font-weight:1000;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.wtt-package-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:25px;line-height:1;cursor:pointer;font-weight:900}
.wtt-package-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 12px}
.wtt-package-choice{display:grid;gap:3px;align-content:center;min-height:92px;padding:14px 10px;border-radius:22px;border:1px solid rgba(15,23,42,.09);background:#fff;color:#0f172a!important;box-shadow:0 14px 30px rgba(15,23,42,.08);transition:.18s ease;text-align:center}
.wtt-package-choice:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.14)}
.wtt-package-choice b{font-size:1.08rem;color:#0f172a!important}
.wtt-package-choice span{font-size:.82rem;font-weight:900;color:#475569!important}
.wtt-package-choice.is-master{background:linear-gradient(135deg,#0f172a,#0e7490);color:#fff!important;border-color:rgba(255,255,255,.2)}
.wtt-package-choice.is-master b,.wtt-package-choice.is-master span{color:#fff!important}
.wtt-package-later{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#334155!important;font-weight:900;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:9px 12px}
@media(max-width:640px){.wtt-package-card{border-radius:24px;padding:28px 16px 18px}.wtt-package-actions{grid-template-columns:1fr}.wtt-package-choice{min-height:72px}.wtt-package-card p{font-size:.95rem}}
@media(min-width:921px){
  body.direct-package-page .payment-package-detail-section,
  body.direct-package-page .payment-package-detail-section>.section-head,
  body.direct-package-page .pricing-table.plan-track.wantopup-package-grid.payment-package-grid-detail,
  body.direct-package-page .payment-package-grid.payment-package-grid-detail,
  body.direct-package-page .payment-package-grid-detail,
  body.direct-package-page .payment-package-grid-detail>article,
  body.direct-package-page .payment-package-grid-detail>.shop-plan,
  body.direct-package-page .payment-package-grid-detail .payment-plan-card-single{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;justify-self:stretch!important;align-self:stretch!important}
  body.direct-package-page .payment-package-grid-detail{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important}
  body.direct-package-page .payment-package-grid-detail .plan-hook{display:block!important;width:100%!important;max-width:100%!important;margin:12px auto 16px!important;text-align:center!important;color:#1f2937!important;font-weight:900!important}
  body.direct-package-page .payment-package-grid-detail>article ul,
  body.direct-package-page .payment-package-grid-detail .payment-plan-card-single ul{display:grid!important;width:100%!important;max-width:100%!important;margin:18px auto!important;padding:0!important;list-style:none!important;text-align:center!important;justify-items:center!important;gap:10px!important}
  body.direct-package-page .payment-package-grid-detail>article ul li,
  body.direct-package-page .payment-package-grid-detail .payment-plan-card-single ul li{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;text-align:center!important;color:#111827!important;font-weight:900!important;padding:10px 14px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important}
  body.direct-package-page .payment-package-grid-detail .payment-form{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:end!important;text-align:left!important}
  body.direct-package-page .payment-package-grid-detail .payment-form .fullbtn,
  body.direct-package-page .payment-package-grid-detail .payment-form button[type="submit"],
  body.direct-package-page .payment-package-grid-detail .payment-form .payment-safe-note{grid-column:1/-1!important;width:100%!important;max-width:100%!important;text-align:center!important;justify-content:center!important;display:flex!important;margin-left:auto!important;margin-right:auto!important}
  body.direct-package-page .payment-package-grid-detail .payment-form .payment-safe-note{padding:13px 16px!important;border-radius:18px!important;background:#ecfeff!important;color:#0f172a!important;border:1px solid #99f6e4!important;font-weight:900!important;line-height:1.45!important}
}
/* === /WanTopup v58 === */


/* === WanTopup v59: always popup + direct register list sizing === */
@media(min-width:921px){
  body.direct-package-page .payment-package-grid-detail .plan-hook{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px auto 16px!important;
    text-align:center!important;
  }
  body.direct-package-page .payment-package-grid-detail>article ul,
  body.direct-package-page .payment-package-grid-detail .payment-plan-card-single ul{
    display:flex!important;
    flex-wrap:wrap!important;
    width:min(100%,780px)!important;
    max-width:780px!important;
    margin:18px auto!important;
    padding:0!important;
    list-style:none!important;
    justify-content:center!important;
    justify-items:center!important;
    align-items:center!important;
    gap:10px 12px!important;
    text-align:center!important;
  }
  body.direct-package-page .payment-package-grid-detail>article ul li,
  body.direct-package-page .payment-package-grid-detail .payment-plan-card-single ul li{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:min(100%,430px)!important;
    flex:0 1 auto!important;
    text-align:center!important;
    color:#111827!important;
    font-weight:900!important;
    padding:10px 16px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
  }
}
/* === /WanTopup v59 === */


/* === WanTopup v60: popup CTA only for direct register pages === */
body:not(.direct-package-page) .wtt-package-popup{display:none!important}
body.direct-package-page .wtt-package-popup.is-visible{display:grid!important}
/* === /WanTopup v60 === */

/* === WanTopup v61: page-specific pricing popup + direct pricing polish === */
.wtt-package-actions.is-single{display:block!important;margin:20px auto 12px!important;max-width:420px!important}
.wtt-package-actions.is-single .wtt-package-choice{min-height:76px!important;width:100%!important;max-width:420px!important;margin:0 auto!important;border-radius:24px!important;padding:18px 16px!important}
.wtt-package-primary{background:linear-gradient(135deg,#0f172a,#0e7490)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 18px 42px rgba(14,116,144,.22)!important}
.wtt-package-primary b,.wtt-package-primary span{color:#fff!important}
.wtt-package-popup-dealer .wtt-package-primary{background:linear-gradient(135deg,#111827,#2563eb)!important;box-shadow:0 18px 42px rgba(37,99,235,.2)!important}
.wtt-package-popup-agent .wtt-package-primary{background:linear-gradient(135deg,#0f766e,#22c55e)!important;box-shadow:0 18px 42px rgba(34,197,94,.2)!important}
.wtt-package-popup-open{overflow:hidden!important}
body:not(.direct-package-page) .wtt-package-popup{display:none!important}
body.direct-package-page .wtt-package-popup.is-visible{display:grid!important}
@media(min-width:921px){
  body.direct-package-master .payment-package-grid-detail .payment-plan-card-single,
  body.direct-package-dealer .payment-package-grid-detail .payment-plan-card-single{position:relative!important;border-radius:34px!important;background:linear-gradient(180deg,#ffffff,#f8feff)!important;border:1px solid rgba(37,185,189,.26)!important;box-shadow:0 24px 70px rgba(15,23,42,.12)!important;padding:32px!important;overflow:hidden!important}
  body.direct-package-master .payment-package-grid-detail .payment-plan-card-single::after,
  body.direct-package-dealer .payment-package-grid-detail .payment-plan-card-single::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:7px!important;background:linear-gradient(90deg,#25b9bd,#168fd6,#f59e0b)!important}
  body.direct-package-master .payment-package-grid-detail .payment-plan-card-single h3,
  body.direct-package-dealer .payment-package-grid-detail .payment-plan-card-single h3{font-size:clamp(1.8rem,3vw,2.45rem)!important;letter-spacing:-.04em!important;color:#0f172a!important;text-align:center!important;margin-top:12px!important}
  body.direct-package-master .payment-package-grid-detail .payment-plan-card-single .price,
  body.direct-package-dealer .payment-package-grid-detail .payment-plan-card-single .price{width:max-content!important;max-width:100%!important;margin:14px auto!important;padding:12px 22px!important;border-radius:24px!important;background:#0f172a!important;color:#fff!important;box-shadow:0 16px 36px rgba(15,23,42,.18)!important}
  body.direct-package-master .payment-package-grid-detail .payment-plan-card-single .deal-badge,
  body.direct-package-dealer .payment-package-grid-detail .payment-plan-card-single .deal-badge{margin-left:auto!important;margin-right:auto!important;background:#ecfeff!important;color:#0f172a!important;border:1px solid #99f6e4!important}
  body.direct-package-master .payment-package-grid-detail .package-buyer-note,
  body.direct-package-dealer .payment-package-grid-detail .package-buyer-note{max-width:760px!important;margin:14px auto!important;text-align:center!important;background:#fff7ed!important;color:#7c2d12!important;border:1px solid #fed7aa!important;border-radius:20px!important;padding:13px 16px!important;font-weight:900!important}
  body.direct-package-master .payment-package-grid-detail .payment-breakdown,
  body.direct-package-dealer .payment-package-grid-detail .payment-breakdown,
  body.direct-package-master .payment-package-grid-detail .payment-form,
  body.direct-package-dealer .payment-package-grid-detail .payment-form{border-radius:24px!important;background:#ffffff!important;border:1px solid #e5e7eb!important;box-shadow:0 14px 35px rgba(15,23,42,.07)!important;padding:18px!important}
  body.direct-package-master .payment-package-grid-detail .payment-form .fullbtn,
  body.direct-package-dealer .payment-package-grid-detail .payment-form .fullbtn{min-height:54px!important;font-size:1rem!important;border-radius:18px!important}
}
/* === /WanTopup v61 === */

/* === WanTopup v62: premium Master package UI + balanced Dealer package UI === */
.pricing-table.plan-track.wantopup-package-grid .package-group-master,
.payment-package-grid .package-group-master{
  position:relative!important;
  color:#ffffff!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(250,204,21,.34), transparent 27%),
    radial-gradient(circle at 100% 12%, rgba(34,211,238,.28), transparent 30%),
    linear-gradient(145deg,#06111f 0%,#0f172a 42%,#0e7490 100%)!important;
  border:2px solid rgba(250,204,21,.78)!important;
  box-shadow:0 30px 90px rgba(15,23,42,.34),0 0 0 1px rgba(255,255,255,.08) inset!important;
  transform:translateY(-10px)!important;
  overflow:hidden!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master::before,
.payment-package-grid .package-group-master::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 22%,transparent 78%,rgba(255,255,255,.10))!important;
  z-index:0!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master > *,
.payment-package-grid .package-group-master > *{position:relative!important;z-index:1!important}
.pricing-table.plan-track.wantopup-package-grid .package-group-master h2,
.pricing-table.plan-track.wantopup-package-grid .package-group-master h3,
.pricing-table.plan-track.wantopup-package-grid .package-group-master p:not(.plan-hook),
.pricing-table.plan-track.wantopup-package-grid .package-group-master span,
.pricing-table.plan-track.wantopup-package-grid .package-group-master b,
.payment-package-grid .package-group-master h2,
.payment-package-grid .package-group-master h3,
.payment-package-grid .package-group-master p:not(.plan-hook),
.payment-package-grid .package-group-master span,
.payment-package-grid .package-group-master b{
  color:#ffffff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master h3,
.payment-package-grid .package-group-master h3{
  font-size:clamp(1.55rem,2.5vw,2.25rem)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  margin-bottom:6px!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .deal-badge,
.payment-package-grid .package-group-master .deal-badge{
  background:linear-gradient(135deg,#fde047,#f59e0b)!important;
  color:#111827!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 14px 34px rgba(245,158,11,.28)!important;
  text-shadow:none!important;
  font-weight:1000!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .price,
.payment-package-grid .package-group-master .price{
  color:#111827!important;
  background:linear-gradient(135deg,#fef3c7,#fde047 48%,#fb923c)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 18px 42px rgba(245,158,11,.32)!important;
  border-radius:28px!important;
  padding:13px 24px!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .price small,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .price span,
.payment-package-grid .package-group-master .price small,
.payment-package-grid .package-group-master .price span{
  color:#111827!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .plan-hook,
.payment-package-grid .package-group-master .plan-hook{
  width:100%!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.13)!important;
  text-shadow:none!important;
  font-weight:950!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note,
.payment-package-grid .package-group-master .package-buyer-note{
  background:rgba(254,243,199,.98)!important;
  color:#7c2d12!important;
  border:1px solid rgba(251,191,36,.75)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.11)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master ul,
.payment-package-grid .package-group-master ul{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(8px)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master li,
.payment-package-grid .package-group-master li{
  color:#ffffff!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box,
.payment-package-grid .package-group-master .profit-rate-box,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .payment-breakdown,
.payment-package-grid .package-group-master .payment-breakdown,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .mini-checkout-form,
.payment-package-grid .package-group-master .mini-checkout-form{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box *,
.payment-package-grid .package-group-master .profit-rate-box *,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .payment-breakdown *,
.payment-package-grid .package-group-master .payment-breakdown *,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .mini-checkout-form label span,
.payment-package-grid .package-group-master .mini-checkout-form label span{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-chips strong,
.payment-package-grid .package-group-master .profit-rate-chips strong{color:#0f766e!important}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .payment-safe-note,
.payment-package-grid .package-group-master .payment-safe-note{color:#334155!important;text-shadow:none!important}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .fullbtn,
.payment-package-grid .package-group-master .fullbtn{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#111827!important;
  border:0!important;
  box-shadow:0 18px 40px rgba(251,146,60,.34)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .fullbtn:hover,
.payment-package-grid .package-group-master .fullbtn:hover{filter:brightness(1.04)!important;transform:translateY(-2px)!important}

.pricing-table.plan-track.wantopup-package-grid .package-group-dealer,
.payment-package-grid .package-group-dealer{
  color:#0f172a!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 52%,#eff6ff 100%)!important;
  border:2px solid rgba(37,99,235,.52)!important;
  box-shadow:0 22px 58px rgba(37,99,235,.17)!important;
  transform:translateY(-3px)!important;
  overflow:hidden!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer h2,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer h3,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer p,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer span,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer b,
.payment-package-grid .package-group-dealer h2,
.payment-package-grid .package-group-dealer h3,
.payment-package-grid .package-group-dealer p,
.payment-package-grid .package-group-dealer span,
.payment-package-grid .package-group-dealer b{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer h3,
.payment-package-grid .package-group-dealer h3{
  font-size:clamp(1.42rem,2.2vw,2rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .deal-badge,
.payment-package-grid .package-group-dealer .deal-badge{
  background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
  color:#ffffff!important;
  border:1px solid rgba(37,99,235,.40)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.22)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .price,
.payment-package-grid .package-group-dealer .price{
  color:#ffffff!important;
  background:linear-gradient(135deg,#1d4ed8,#0891b2)!important;
  border:1px solid rgba(37,99,235,.30)!important;
  border-radius:24px!important;
  padding:12px 22px!important;
  box-shadow:0 15px 36px rgba(37,99,235,.24)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .price small,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .price span,
.payment-package-grid .package-group-dealer .price small,
.payment-package-grid .package-group-dealer .price span{color:#ffffff!important;text-shadow:none!important}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .plan-hook,
.payment-package-grid .package-group-dealer .plan-hook,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .package-buyer-note,
.payment-package-grid .package-group-dealer .package-buyer-note{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(37,99,235,.14)!important;
  box-shadow:0 10px 26px rgba(37,99,235,.08)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer ul,
.payment-package-grid .package-group-dealer ul,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .profit-rate-box,
.payment-package-grid .package-group-dealer .profit-rate-box,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .payment-breakdown,
.payment-package-grid .package-group-dealer .payment-breakdown,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .mini-checkout-form,
.payment-package-grid .package-group-dealer .mini-checkout-form{
  background:#ffffff!important;
  border:1px solid rgba(37,99,235,.13)!important;
  box-shadow:0 12px 30px rgba(37,99,235,.07)!important;
  color:#0f172a!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer li,
.payment-package-grid .package-group-dealer li,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .profit-rate-box *,
.payment-package-grid .package-group-dealer .profit-rate-box *,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .payment-breakdown *,
.payment-package-grid .package-group-dealer .payment-breakdown *,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .mini-checkout-form label span,
.payment-package-grid .package-group-dealer .mini-checkout-form label span{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .profit-rate-chips strong,
.payment-package-grid .package-group-dealer .profit-rate-chips strong{color:#2563eb!important}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .payment-safe-note,
.payment-package-grid .package-group-dealer .payment-safe-note{color:#334155!important;text-shadow:none!important}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .fullbtn,
.payment-package-grid .package-group-dealer .fullbtn{
  background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
  text-shadow:none!important;
}
@media(max-width:980px){
  .pricing-table.plan-track.wantopup-package-grid .package-group-master,
  .payment-package-grid .package-group-master,
  .pricing-table.plan-track.wantopup-package-grid .package-group-dealer,
  .payment-package-grid .package-group-dealer{transform:none!important}
}
/* === /WanTopup v62 === */

/* === WanTopup v63: Master contrast fix + Agent RM0 price box === */
.pricing-table.plan-track.wantopup-package-grid .package-group-master,
.payment-package-grid .package-group-master,
body.direct-package-master .payment-package-grid-detail .package-group-master{
  color:#ffffff!important;
  background:linear-gradient(160deg,#07111f 0%,#0f172a 48%,#0f766e 100%)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master > h2,
.pricing-table.plan-track.wantopup-package-grid .package-group-master > h3,
.pricing-table.plan-track.wantopup-package-grid .package-group-master > p,
.pricing-table.plan-track.wantopup-package-grid .package-group-master > span,
.pricing-table.plan-track.wantopup-package-grid .package-group-master > b,
.payment-package-grid .package-group-master > h2,
.payment-package-grid .package-group-master > h3,
.payment-package-grid .package-group-master > p,
.payment-package-grid .package-group-master > span,
.payment-package-grid .package-group-master > b,
body.direct-package-master .payment-package-grid-detail .package-group-master > h2,
body.direct-package-master .payment-package-grid-detail .package-group-master > h3,
body.direct-package-master .payment-package-grid-detail .package-group-master > p,
body.direct-package-master .payment-package-grid-detail .package-group-master > span,
body.direct-package-master .payment-package-grid-detail .package-group-master > b{
  color:#ffffff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master > h3,
.payment-package-grid .package-group-master > h3,
body.direct-package-master .payment-package-grid-detail .package-group-master > h3{
  font-size:clamp(1.58rem,2.6vw,2.35rem)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  margin-top:14px!important;
  margin-bottom:10px!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note,
.payment-package-grid .package-group-master .package-buyer-note,
body.direct-package-master .payment-package-grid-detail .package-group-master .package-buyer-note{
  background:#fffbeb!important;
  color:#78350f!important;
  border:1px solid #fbbf24!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
  text-shadow:none!important;
  font-weight:950!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note *,
.payment-package-grid .package-group-master .package-buyer-note *,
body.direct-package-master .payment-package-grid-detail .package-group-master .package-buyer-note *{
  color:#78350f!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note + ul,
.payment-package-grid .package-group-master .package-buyer-note + ul,
body.direct-package-master .payment-package-grid-detail .package-group-master .package-buyer-note + ul{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:22px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note + ul li,
.payment-package-grid .package-group-master .package-buyer-note + ul li,
body.direct-package-master .payment-package-grid-detail .package-group-master .package-buyer-note + ul li{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #e2e8f0!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box,
.payment-package-grid .package-group-master .profit-rate-box,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #bae6fd!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box b,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box em,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box small,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box span,
.payment-package-grid .package-group-master .profit-rate-box b,
.payment-package-grid .package-group-master .profit-rate-box em,
.payment-package-grid .package-group-master .profit-rate-box small,
.payment-package-grid .package-group-master .profit-rate-box span,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box b,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box em,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box small,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box span{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-chips span,
.payment-package-grid .package-group-master .profit-rate-chips span,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-chips span{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-chips strong,
.payment-package-grid .package-group-master .profit-rate-chips strong,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-chips strong{
  color:#0f766e!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-agent .price,
.payment-package-grid .package-group-agent .price,
body.direct-package-agent .payment-package-grid-detail .package-group-agent .price{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto!important;
  padding:12px 22px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#16a34a,#0f766e)!important;
  color:#ffffff!important;
  border:1px solid rgba(22,163,74,.35)!important;
  box-shadow:0 16px 36px rgba(22,163,74,.22)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-agent .price small,
.pricing-table.plan-track.wantopup-package-grid .package-group-agent .price span,
.payment-package-grid .package-group-agent .price small,
.payment-package-grid .package-group-agent .price span,
body.direct-package-agent .payment-package-grid-detail .package-group-agent .price small,
body.direct-package-agent .payment-package-grid-detail .package-group-agent .price span{
  color:#ffffff!important;
  text-shadow:none!important;
}
/* === /WanTopup v63 === */

/* === WanTopup v64: Unified pricing-table design + soft auto-focus === */
.plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid,
.pricing-table.plan-track.wantopup-package-grid,
.payment-package-grid{
  align-items:stretch!important;
}
.plans.wantopup-packages .pricing-table.plan-track.wantopup-package-grid > article,
section.wantopup-packages .pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan,
.payment-package-grid > article,
.payment-package-grid > .shop-plan{
  position:relative!important;
  color:#0f172a!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  border:2px solid #e2e8f0!important;
  border-radius:30px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  transform:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.pricing-table.plan-track.wantopup-package-grid > article::before,
.pricing-table.plan-track.wantopup-package-grid > article::after,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan::before,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan::after,
.payment-package-grid > article::before,
.payment-package-grid > article::after,
.payment-package-grid > .shop-plan::before,
.payment-package-grid > .shop-plan::after,
.pricing-table.plan-track.wantopup-package-grid .master-first::before,
.pricing-table.plan-track.wantopup-package-grid .master-first::after{
  display:none!important;
  content:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article :where(h2,h3,p,li,span,b,strong,small,em,label),
.pricing-table.plan-track.wantopup-package-grid > .shop-plan :where(h2,h3,p,li,span,b,strong,small,em,label),
.payment-package-grid > article :where(h2,h3,p,li,span,b,strong,small,em,label),
.payment-package-grid > .shop-plan :where(h2,h3,p,li,span,b,strong,small,em,label){
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article h3,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan h3,
.payment-package-grid > article h3,
.payment-package-grid > .shop-plan h3{
  font-size:clamp(1.42rem,2.35vw,2.15rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  margin:14px 0 10px!important;
  text-align:center!important;
}
.pricing-table.plan-track.wantopup-package-grid .deal-badge,
.payment-package-grid .deal-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 12px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  color:#0f766e!important;
  border:1px solid #99f6e4!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .price,
.payment-package-grid .price,
body.direct-package-page .payment-package-grid-detail .price{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto!important;
  padding:12px 22px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#0f766e,#0891b2)!important;
  color:#ffffff!important;
  border:1px solid rgba(15,118,110,.35)!important;
  box-shadow:0 16px 34px rgba(15,118,110,.18)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .price small,
.pricing-table.plan-track.wantopup-package-grid .price span,
.payment-package-grid .price small,
.payment-package-grid .price span,
body.direct-package-page .payment-package-grid-detail .price small,
body.direct-package-page .payment-package-grid-detail .price span{
  color:#ffffff!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .plan-hook,
.payment-package-grid .plan-hook,
body.direct-package-page .payment-package-grid-detail .plan-hook{
  width:100%!important;
  max-width:100%!important;
  margin:14px 0!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:#f0fdfa!important;
  color:#115e59!important;
  border:1px solid #99f6e4!important;
  box-shadow:none!important;
  text-align:center!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-buyer-note,
.payment-package-grid .package-buyer-note,
body.direct-package-page .payment-package-grid-detail .package-buyer-note{
  width:100%!important;
  margin:12px 0!important;
  padding:12px 15px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  color:#334155!important;
  border:1px solid #e2e8f0!important;
  box-shadow:none!important;
  text-align:center!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-buyer-note *,
.payment-package-grid .package-buyer-note *,
body.direct-package-page .payment-package-grid-detail .package-buyer-note *{
  color:#334155!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article ul,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan ul,
.payment-package-grid > article ul,
.payment-package-grid > .shop-plan ul,
body.direct-package-page .payment-package-grid-detail .shop-plan ul{
  width:min(100%,560px)!important;
  max-width:560px!important;
  margin:14px auto!important;
  padding:14px!important;
  border-radius:20px!important;
  background:#ffffff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
  list-style:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article li,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan li,
.payment-package-grid > article li,
.payment-package-grid > .shop-plan li,
body.direct-package-page .payment-package-grid-detail .shop-plan li{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  margin:7px 0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#0f172a!important;
  text-align:center!important;
  font-weight:850!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid > article li::before,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan li::before,
.payment-package-grid > article li::before,
.payment-package-grid > .shop-plan li::before{
  content:'✓'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#ccfbf1!important;
  color:#0f766e!important;
  font-weight:1000!important;
}
.pricing-table.plan-track.wantopup-package-grid .profit-rate-box,
.payment-package-grid .profit-rate-box,
body.direct-package-page .payment-package-grid-detail .profit-rate-box,
.pricing-table.plan-track.wantopup-package-grid .payment-breakdown,
.payment-package-grid .payment-breakdown,
body.direct-package-page .payment-package-grid-detail .payment-breakdown,
.pricing-table.plan-track.wantopup-package-grid .mini-checkout-form,
.payment-package-grid .mini-checkout-form,
body.direct-package-page .payment-package-grid-detail .mini-checkout-form{
  width:100%!important;
  margin:14px 0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .profit-rate-box *,
.payment-package-grid .profit-rate-box *,
body.direct-package-page .payment-package-grid-detail .profit-rate-box *,
.pricing-table.plan-track.wantopup-package-grid .payment-breakdown *,
.payment-package-grid .payment-breakdown *,
body.direct-package-page .payment-package-grid-detail .payment-breakdown *,
.pricing-table.plan-track.wantopup-package-grid .mini-checkout-form label span,
.payment-package-grid .mini-checkout-form label span,
body.direct-package-page .payment-package-grid-detail .mini-checkout-form label span{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .profit-rate-chips span,
.payment-package-grid .profit-rate-chips span{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#0f172a!important;
}
.pricing-table.plan-track.wantopup-package-grid .profit-rate-chips strong,
.payment-package-grid .profit-rate-chips strong{
  color:#0f766e!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-total-row,
.payment-package-grid .payment-total-row{
  background:#f0fdfa!important;
  border-color:#99f6e4!important;
}
.pricing-table.plan-track.wantopup-package-grid .mini-checkout-form input,
.payment-package-grid .mini-checkout-form input,
body.direct-package-page .payment-package-grid-detail .mini-checkout-form input{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #cbd5e1!important;
  box-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-safe-note,
.payment-package-grid .payment-safe-note,
body.direct-package-page .payment-package-grid-detail .payment-safe-note{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:12px auto 0!important;
  color:#475569!important;
  text-align:center!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .btn,
.payment-package-grid .btn,
body.direct-package-page .payment-package-grid-detail .btn{
  border-radius:999px!important;
  font-weight:1000!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .btn.primary,
.payment-package-grid .btn.primary,
body.direct-package-page .payment-package-grid-detail .btn.primary,
.pricing-table.plan-track.wantopup-package-grid .fullbtn,
.payment-package-grid .fullbtn,
body.direct-package-page .payment-package-grid-detail .fullbtn{
  background:linear-gradient(135deg,#0f766e,#0891b2)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(15,118,110,.22)!important;
}
.pricing-table.plan-track.wantopup-package-grid .btn.primary *,
.payment-package-grid .btn.primary *,
body.direct-package-page .payment-package-grid-detail .btn.primary *{
  color:#ffffff!important;
}
/* Auto focus: same design, different strength only */
.pricing-table.plan-track.wantopup-package-grid .package-group-master,
.payment-package-grid .package-group-master,
body.direct-package-master .payment-package-grid-detail .package-group-master{
  border-color:#0f766e!important;
  box-shadow:0 26px 70px rgba(15,118,110,.20)!important;
  transform:translateY(-8px)!important;
  outline:4px solid rgba(45,212,191,.16)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .deal-badge,
.payment-package-grid .package-group-master .deal-badge{
  background:#0f766e!important;
  color:#ffffff!important;
  border-color:#0f766e!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer,
.payment-package-grid .package-group-dealer,
body.direct-package-dealer .payment-package-grid-detail .package-group-dealer{
  border-color:#14b8a6!important;
  box-shadow:0 22px 56px rgba(20,184,166,.14)!important;
  transform:translateY(-4px)!important;
  outline:3px solid rgba(20,184,166,.10)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .deal-badge,
.payment-package-grid .package-group-dealer .deal-badge{
  background:#ccfbf1!important;
  color:#115e59!important;
  border-color:#99f6e4!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-agent,
.payment-package-grid .package-group-agent,
body.direct-package-agent .payment-package-grid-detail .package-group-agent{
  border-color:#e2e8f0!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  transform:none!important;
  outline:0!important;
}
@media(max-width:980px){
  .pricing-table.plan-track.wantopup-package-grid .package-group-master,
  .pricing-table.plan-track.wantopup-package-grid .package-group-dealer,
  .payment-package-grid .package-group-master,
  .payment-package-grid .package-group-dealer,
  body.direct-package-master .payment-package-grid-detail .package-group-master,
  body.direct-package-dealer .payment-package-grid-detail .package-group-dealer{
    transform:none!important;
  }
  .pricing-table.plan-track.wantopup-package-grid > article ul,
  .pricing-table.plan-track.wantopup-package-grid > .shop-plan ul,
  .payment-package-grid > article ul,
  .payment-package-grid > .shop-plan ul,
  body.direct-package-page .payment-package-grid-detail .shop-plan ul{
    max-width:100%!important;
  }
}
/* === /WanTopup v64 === */

/* === WanTopup v65: pricing contrast audit + CTA shine === */
/* Keep one clean pricing-table design, then use soft focus only. */
.pricing-table.plan-track.wantopup-package-grid > article,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan,
.payment-package-grid > article,
.payment-package-grid > .shop-plan,
body.direct-package-page .payment-package-grid-detail > article,
body.direct-package-page .payment-package-grid-detail > .shop-plan{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  color:#0f172a!important;
  border:2px solid #e2e8f0!important;
  border-radius:30px!important;
}
.pricing-table.plan-track.wantopup-package-grid > article h2,
.pricing-table.plan-track.wantopup-package-grid > article h3,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan h2,
.pricing-table.plan-track.wantopup-package-grid > .shop-plan h3,
.payment-package-grid > article h2,
.payment-package-grid > article h3,
.payment-package-grid > .shop-plan h2,
.payment-package-grid > .shop-plan h3{
  color:#0f172a!important;
  text-shadow:none!important;
}
/* Master: highest focus, but still same clean white card family. */
.pricing-table.plan-track.wantopup-package-grid .package-group-master,
.payment-package-grid .package-group-master,
body.direct-package-master .payment-package-grid-detail .package-group-master{
  background:linear-gradient(180deg,#ffffff 0%,#f0fdfa 100%)!important;
  color:#0f172a!important;
  border-color:#0f766e!important;
  box-shadow:0 28px 76px rgba(15,118,110,.22)!important;
  outline:4px solid rgba(45,212,191,.18)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master > h2,
.pricing-table.plan-track.wantopup-package-grid .package-group-master > h3,
.payment-package-grid .package-group-master > h2,
.payment-package-grid .package-group-master > h3,
body.direct-package-master .payment-package-grid-detail .package-group-master > h2,
body.direct-package-master .payment-package-grid-detail .package-group-master > h3{
  width:100%!important;
  max-width:100%!important;
  margin:8px auto 4px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  background:#ecfeff!important;
  color:#042f2e!important;
  border:1px solid #5eead4!important;
  box-shadow:0 10px 28px rgba(15,118,110,.10)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master > h3,
.payment-package-grid .package-group-master > h3,
body.direct-package-master .payment-package-grid-detail .package-group-master > h3{
  font-size:clamp(1.35rem,2vw,1.75rem)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .deal-badge,
.payment-package-grid .package-group-master .deal-badge,
body.direct-package-master .payment-package-grid-detail .package-group-master .deal-badge{
  background:#0f172a!important;
  color:#ffffff!important;
  border-color:#0f172a!important;
  box-shadow:0 12px 28px rgba(15,23,42,.18)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .price,
.payment-package-grid .package-group-master .price,
body.direct-package-master .payment-package-grid-detail .package-group-master .price{
  background:linear-gradient(135deg,#0f766e,#0891b2)!important;
  color:#ffffff!important;
  border:1px solid rgba(8,145,178,.32)!important;
  box-shadow:0 18px 40px rgba(15,118,110,.22)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .price small,
.pricing-table.plan-track.wantopup-package-grid .package-group-master .price span,
.payment-package-grid .package-group-master .price small,
.payment-package-grid .package-group-master .price span,
body.direct-package-master .payment-package-grid-detail .package-group-master .price small,
body.direct-package-master .payment-package-grid-detail .package-group-master .price span{
  color:#ffffff!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .plan-hook,
.payment-package-grid .package-group-master .plan-hook,
body.direct-package-master .payment-package-grid-detail .package-group-master .plan-hook{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #99f6e4!important;
  box-shadow:0 10px 26px rgba(15,118,110,.08)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note,
.payment-package-grid .package-group-master .package-buyer-note,
body.direct-package-master .payment-package-grid-detail .package-group-master .package-buyer-note{
  background:#fef3c7!important;
  color:#78350f!important;
  border:1px solid #f59e0b!important;
  box-shadow:0 10px 26px rgba(146,64,14,.08)!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .package-buyer-note *,
.payment-package-grid .package-group-master .package-buyer-note *,
body.direct-package-master .payment-package-grid-detail .package-group-master .package-buyer-note *{
  color:#78350f!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master ul,
.payment-package-grid .package-group-master ul,
body.direct-package-master .payment-package-grid-detail .package-group-master ul{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #ccfbf1!important;
  box-shadow:0 12px 30px rgba(15,118,110,.08)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master li,
.payment-package-grid .package-group-master li,
body.direct-package-master .payment-package-grid-detail .package-group-master li{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #e2e8f0!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box,
.payment-package-grid .package-group-master .profit-rate-box,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #99f6e4!important;
  box-shadow:0 12px 30px rgba(15,118,110,.08)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-box *,
.payment-package-grid .package-group-master .profit-rate-box *,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-box *{
  color:#0f172a!important;
  text-shadow:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-chips span,
.payment-package-grid .package-group-master .profit-rate-chips span,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-chips span{
  background:#f0fdfa!important;
  color:#0f172a!important;
  border:1px solid #99f6e4!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .profit-rate-chips strong,
.payment-package-grid .package-group-master .profit-rate-chips strong,
body.direct-package-master .payment-package-grid-detail .package-group-master .profit-rate-chips strong{
  color:#0f766e!important;
  text-shadow:none!important;
}
/* Dealer: second focus, same family but lighter highlight. */
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer,
.payment-package-grid .package-group-dealer,
body.direct-package-dealer .payment-package-grid-detail .package-group-dealer{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#0f172a!important;
  border-color:#14b8a6!important;
  box-shadow:0 22px 58px rgba(20,184,166,.14)!important;
  outline:3px solid rgba(20,184,166,.10)!important;
}
/* Agent: keep normal, only ensure readable contrast. */
.pricing-table.plan-track.wantopup-package-grid .package-group-agent,
.payment-package-grid .package-group-agent,
body.direct-package-agent .payment-package-grid-detail .package-group-agent{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  color:#0f172a!important;
  border-color:#e2e8f0!important;
}
/* CTA shine: Master stronger, Dealer softer. */
.pricing-table.plan-track.wantopup-package-grid .package-group-master .fullbtn,
.payment-package-grid .package-group-master .fullbtn,
body.direct-package-master .payment-package-grid-detail .package-group-master .fullbtn{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0f766e 0%,#0891b2 55%,#22c55e 100%)!important;
  color:#ffffff!important;
  box-shadow:0 18px 42px rgba(15,118,110,.34)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .fullbtn,
.payment-package-grid .package-group-dealer .fullbtn,
body.direct-package-dealer .payment-package-grid-detail .package-group-dealer .fullbtn{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0f766e 0%,#0891b2 100%)!important;
  color:#ffffff!important;
  box-shadow:0 16px 34px rgba(8,145,178,.22)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .fullbtn::before,
.payment-package-grid .package-group-master .fullbtn::before,
body.direct-package-master .payment-package-grid-detail .package-group-master .fullbtn::before,
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .fullbtn::before,
.payment-package-grid .package-group-dealer .fullbtn::before,
body.direct-package-dealer .payment-package-grid-detail .package-group-dealer .fullbtn::before{
  content:''!important;
  position:absolute!important;
  inset:-45% auto -45% -70%!important;
  width:42%!important;
  transform:skewX(-22deg)!important;
  pointer-events:none!important;
  border:0!important;
  display:block!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .fullbtn::before,
.payment-package-grid .package-group-master .fullbtn::before,
body.direct-package-master .payment-package-grid-detail .package-group-master .fullbtn::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
  animation:wtpMasterShine 2.6s ease-in-out infinite!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .fullbtn::before,
.payment-package-grid .package-group-dealer .fullbtn::before,
body.direct-package-dealer .payment-package-grid-detail .package-group-dealer .fullbtn::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
  animation:wtpDealerShine 4.6s ease-in-out infinite!important;
}
@keyframes wtpMasterShine{0%{left:-70%}58%,100%{left:128%}}
@keyframes wtpDealerShine{0%{left:-70%}44%,100%{left:128%}}
@media (prefers-reduced-motion:reduce){
  .pricing-table.plan-track.wantopup-package-grid .package-group-master .fullbtn::before,
  .payment-package-grid .package-group-master .fullbtn::before,
  body.direct-package-master .payment-package-grid-detail .package-group-master .fullbtn::before,
  .pricing-table.plan-track.wantopup-package-grid .package-group-dealer .fullbtn::before,
  .payment-package-grid .package-group-dealer .fullbtn::before,
  body.direct-package-dealer .payment-package-grid-detail .package-group-dealer .fullbtn::before{animation:none!important;display:none!important}
}
@media(max-width:980px){
  .pricing-table.plan-track.wantopup-package-grid .package-group-master,
  .pricing-table.plan-track.wantopup-package-grid .package-group-dealer,
  .payment-package-grid .package-group-master,
  .payment-package-grid .package-group-dealer,
  body.direct-package-master .payment-package-grid-detail .package-group-master,
  body.direct-package-dealer .payment-package-grid-detail .package-group-dealer{
    transform:none!important;
  }
}
/* === /WanTopup v65 === */


/* === WanTopup v66: simple direct register pages + clean one-card layout === */
.direct-simple-main{background:#f8fafc;min-height:72vh;padding:0!important}
.direct-simple-register-section{padding:34px 5vw 52px!important;background:#f8fafc!important;color:#102033!important}
.direct-simple-register-section .payment-package-grid-detail{width:min(100%,780px)!important;max-width:780px!important;margin:0 auto!important;display:block!important}
.direct-simple-register-section .payment-plan-card-single{width:100%!important;max-width:100%!important;margin:0 auto!important;box-shadow:0 20px 60px rgba(15,23,42,.10)!important}
.direct-simple-register-section .shop-plan h3,
.direct-simple-register-section .shop-plan .price,
.direct-simple-register-section .shop-plan .plan-hook,
.direct-simple-register-section .shop-plan .package-buyer-note{text-align:center!important}
.direct-simple-register-section .mini-checkout-form{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
.direct-simple-register-page .direct-register-hero,
.direct-simple-register-page .direct-register-guide,
.direct-simple-register-page .direct-service-section,
.direct-simple-register-page .agent-info,
.no-package-popup .wtt-package-popup{display:none!important}
@media(max-width:700px){.direct-simple-register-section{padding:18px 12px 34px!important}.direct-simple-register-section .payment-package-grid-detail{max-width:100%!important}}

/* === WanTopup v67: uniform CTA label + package button shine === */
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .btn.primary.fullbtn,
.payment-package-grid .payment-plan-card .btn.primary.fullbtn,
.payment-package-grid-detail .payment-plan-card .btn.primary.fullbtn,
.direct-simple-register-section .payment-plan-card-single .btn.primary.fullbtn,
.payment-package-detail-section .payment-plan-card .btn.primary.fullbtn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  min-height:54px!important;
  border:1px solid rgba(15,118,110,.22)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0f766e 0%,#0891b2 52%,#22c55e 100%)!important;
  color:#ffffff!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
  box-shadow:0 16px 34px rgba(8,145,178,.24), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .btn.primary.fullbtn *,
.payment-package-grid .payment-plan-card .btn.primary.fullbtn *,
.payment-package-grid-detail .payment-plan-card .btn.primary.fullbtn *,
.direct-simple-register-section .payment-plan-card-single .btn.primary.fullbtn *,
.payment-package-detail-section .payment-plan-card .btn.primary.fullbtn *{
  color:#ffffff!important;
  position:relative!important;
  z-index:2!important;
}
/* Disable older package-specific shine so the button looks consistent and not buggy. */
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .btn.primary.fullbtn::before,
.payment-package-grid .payment-plan-card .btn.primary.fullbtn::before,
.payment-package-grid-detail .payment-plan-card .btn.primary.fullbtn::before,
.direct-simple-register-section .payment-plan-card-single .btn.primary.fullbtn::before,
.payment-package-detail-section .payment-plan-card .btn.primary.fullbtn::before{
  display:none!important;
  content:none!important;
}
.pricing-table.plan-track.wantopup-package-grid .payment-plan-card .btn.primary.fullbtn::after,
.payment-package-grid .payment-plan-card .btn.primary.fullbtn::after,
.payment-package-grid-detail .payment-plan-card .btn.primary.fullbtn::after,
.direct-simple-register-section .payment-plan-card-single .btn.primary.fullbtn::after,
.payment-package-detail-section .payment-plan-card .btn.primary.fullbtn::after{
  content:''!important;
  position:absolute!important;
  top:-65%!important;
  bottom:-65%!important;
  left:-55%!important;
  width:46%!important;
  transform:skewX(-22deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent)!important;
  animation:wtpPackageButtonShineV67 3.25s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:1!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-master .btn.primary.fullbtn,
.payment-package-grid .package-group-master .btn.primary.fullbtn,
.payment-package-grid-detail .package-group-master .btn.primary.fullbtn{
  box-shadow:0 18px 40px rgba(15,118,110,.30), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-dealer .btn.primary.fullbtn,
.payment-package-grid .package-group-dealer .btn.primary.fullbtn,
.payment-package-grid-detail .package-group-dealer .btn.primary.fullbtn{
  box-shadow:0 15px 32px rgba(8,145,178,.22), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.pricing-table.plan-track.wantopup-package-grid .package-group-agent .btn.primary.fullbtn,
.payment-package-grid .package-group-agent .btn.primary.fullbtn,
.payment-package-grid-detail .package-group-agent .btn.primary.fullbtn{
  box-shadow:0 12px 28px rgba(8,145,178,.18), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
@keyframes wtpPackageButtonShineV67{0%{left:-55%}48%,100%{left:125%}}
@media (prefers-reduced-motion:reduce){
  .pricing-table.plan-track.wantopup-package-grid .payment-plan-card .btn.primary.fullbtn::after,
  .payment-package-grid .payment-plan-card .btn.primary.fullbtn::after,
  .payment-package-grid-detail .payment-plan-card .btn.primary.fullbtn::after,
  .direct-simple-register-section .payment-plan-card-single .btn.primary.fullbtn::after,
  .payment-package-detail-section .payment-plan-card .btn.primary.fullbtn::after{display:none!important;animation:none!important}
}
/* === /WanTopup v67 === */