@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;caret-color:transparent}html,body,.wrap,.card,.release,.row,.step,h1,h2,h3,p,small,span,div,label{user-select:none;cursor:default}input,textarea{user-select:text;cursor:text;caret-color:auto}select,button{user-select:none;caret-color:transparent}body{margin:0;background:#061426;color:#f2f7ff;font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;min-height:100vh}.wrap{max-width:900px;margin:28px auto;padding:0 20px}.card{background:#0d2746;border:1px solid #235b88;border-radius:20px;padding:28px;margin:18px 0}h1,h2{margin:0 0 12px}p,small{color:#b8cbe2}.steps{display:flex;gap:18px}.step{flex:1;padding:14px;background:#0a1f37;border-radius:14px}.btn,button{border:0;border-radius:12px;padding:12px 20px;font-weight:700;background:linear-gradient(90deg,#20b5ed,#4267ff);color:white;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#1b3a5c}.bad{background:#8b2940}.ok{background:#147c61}input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2f5f87;background:#081d33;color:white;margin:6px 0 12px;caret-color:auto}.release,.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;margin:9px 0;border:1px solid #28597f;border-radius:14px;background:#09213a}.release.sel{outline:2px solid #3ca4ff}.release small{display:block;margin-top:5px}.modal,.busyOverlay{display:none;position:fixed;inset:0;background:#020a13c9;align-items:center;justify-content:center;z-index:30}.modal.show,.busyOverlay.show{display:flex}.dialog{width:min(460px,90vw);background:#102c4d;border:1px solid #3675a5;border-radius:22px;padding:30px;text-align:center}.spinner{width:44px;height:44px;border:4px solid #24496b;border-top-color:#39bfff;border-radius:50%;animation:s 1s linear infinite;margin:0 auto 18px}@keyframes s{to{transform:rotate(360deg)}}.top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:12px;letter-spacing:3px;color:#39c7ff}body.busy{pointer-events:none}body.busy .busyOverlay{pointer-events:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.grid2,.steps{grid-template-columns:1fr;display:block}.step{margin:8px 0}}
.inlineState{margin-top:12px;min-height:20px;color:#b8cbe2;font-size:14px}.okText{color:#77e6b8}.warnText{color:#ffd27a}.badText{color:#ff9aa9}.progressBox{margin:18px 0}.progressTrack{height:14px;background:#071a2f;border:1px solid #28597f;border-radius:999px;overflow:hidden}.progressBar{height:100%;width:0;background:linear-gradient(90deg,#20b5ed,#4267ff);transition:width .12s linear}.progressText{margin-top:9px;color:#d8e9fb;font-weight:700;font-variant-numeric:tabular-nums}.modal{z-index:50}.busyOverlay{z-index:40}

/* v1.0.3 customer UX */
.busyOverlay{pointer-events:none}.busyOverlay.show{pointer-events:auto}.modal.show{pointer-events:auto}
.release{position:relative;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.release:hover{transform:translateY(-1px)}
.release.sel{outline:none;border-color:#48c7ff;background:#10335a;box-shadow:0 0 0 2px rgba(72,199,255,.22),0 0 22px rgba(32,181,237,.18);animation:selectedPulse 1.35s ease-in-out infinite}
.release.sel button{background:linear-gradient(90deg,#16c7a4,#20b5ed);transform:scale(1.03)}
@keyframes selectedPulse{0%,100%{box-shadow:0 0 0 2px rgba(72,199,255,.18),0 0 14px rgba(32,181,237,.12)}50%{box-shadow:0 0 0 3px rgba(72,199,255,.32),0 0 28px rgba(32,181,237,.25)}}
.portDialog{width:min(560px,92vw)}.portList{display:grid;gap:10px;margin:18px 0}.portChoice{width:100%;text-align:left;background:#0a2038;border:1px solid #2c638f;padding:14px 16px}.portChoice:hover{border-color:#42c3ff;background:#10345a}.portChoice small{display:block;margin-top:5px}.portActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.connectionLost{color:#ffb4bf}

/* v1.0.6 explicit port selection + firmware metadata */
.portChoice.selected{border-color:#48c7ff;background:#103d67;box-shadow:0 0 0 2px rgba(72,199,255,.22),0 0 18px rgba(32,181,237,.16)}
.currentFwBox{margin-top:16px;padding:14px 16px;border:1px solid #2c638f;border-radius:14px;background:#09213a;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}
.currentFwBox[hidden]{display:none}.currentFwBox>span{color:#b8cbe2}.currentFwBox>strong{font-size:18px;color:#fff}.currentFwBox>small{grid-column:2;color:#b8cbe2}.currentFwHint{grid-column:1/-1;margin-top:4px;font-size:13px}

/* v1.0.7 workflow state */
.step{position:relative;overflow:hidden;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;border:1px solid transparent}
.step.active{background:#103b64;border-color:#35bfff;box-shadow:0 0 0 1px #35bfff55,0 0 22px #2fbaff22;animation:stepPulse 1.35s ease-in-out infinite}
.step.success{background:#0d5b49;border-color:#27d8a0;box-shadow:0 0 18px #27d8a02b}
.step.error{background:#6d2337;border-color:#ff6682;box-shadow:0 0 18px #ff66822b}
.step.success::after{content:'✓';float:right;font-weight:900;color:#7fffd5}
.step.error::after{content:'✕';float:right;font-weight:900;color:#ff9caf}
@keyframes stepPulse{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.12)}}
.currentFwHint{display:none!important}

/* v1.2.0 brand + product flow */
.brandHero{overflow:hidden;padding:0}.brandIdentity{display:flex;align-items:center;gap:20px;padding:24px 28px}.brandLogo{width:110px;height:110px;object-fit:contain;flex:0 0 auto}.brandIdentity h1{margin:5px 0 8px}.brandIdentity p{margin:0}.brandBanner{display:block;width:100%;max-height:310px;object-fit:cover;border-top:1px solid #235b88}.compactHero .brandIdentity{padding:22px 28px}.compactHero .brandLogo{width:86px;height:86px}.compactHero{padding:0}
.sectionLead{margin-top:-2px}.choiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.productChoice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:92px;background:#09213a;border:1px solid #28597f;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.productChoice strong{font-size:17px}.productChoice small{margin-top:5px}.productChoice:hover{transform:translateY(-2px);border-color:#43c6ff;box-shadow:0 10px 24px rgba(16,166,255,.14)}.productChoice.selected{border-color:#45d3ff;background:#103d67;box-shadow:0 0 0 2px rgba(69,211,255,.2),0 0 24px rgba(55,184,255,.2)}.subtypeBox{margin-top:20px}.subtypeBox[hidden]{display:none}.profileHint,.emptyRelease{padding:13px 15px;margin:14px 0;border-radius:12px;background:#081d33;border:1px solid #28597f;color:#b8cbe2}.comingSoon{text-align:center;padding:40px 28px}.comingSoon h2{font-size:28px;max-width:620px;margin:10px auto 14px}.comingSoon p{max-width:650px;margin:0 auto 22px;line-height:1.65}
.gateModal{background:rgba(2,10,19,.88);backdrop-filter:blur(12px)}.gateDialog{width:min(620px,92vw);padding:34px}.gateLogo{width:110px;height:110px;object-fit:contain;margin:0 auto 10px}.gateDialog h2{font-size:26px;margin-top:12px}.gateDialog p{line-height:1.55}.gateActions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.gateActions button{min-height:54px}
.socialCard{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.socialLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.socialLink{text-decoration:none;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #28597f;border-radius:14px;background:#09213a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.socialLink:hover{transform:translateY(-3px) scale(1.015);border-color:#43c6ff;background:#10345a;box-shadow:0 10px 24px rgba(26,178,255,.18)}.socialIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:17px;background:linear-gradient(135deg,#20b5ed,#4267ff);box-shadow:0 5px 16px rgba(32,181,237,.25);transition:transform .25s ease}.socialLink:hover .socialIcon{transform:rotate(-7deg) scale(1.12)}.socialText{display:flex;flex-direction:column;min-width:0}.socialText small{font-size:11px;margin-top:2px;line-height:1.25}.social-shopee .socialIcon{background:linear-gradient(135deg,#ff7a37,#ff4f28)}.social-zalo .socialIcon,.social-zalo-group .socialIcon{background:linear-gradient(135deg,#26a7ff,#0068ff)}.social-facebook .socialIcon{background:linear-gradient(135deg,#4b8cff,#2461d8)}.social-tiktok .socialIcon{background:linear-gradient(135deg,#16e4d0,#ee315f)}
@media(max-width:760px){.brandIdentity{padding:20px;gap:14px}.brandLogo{width:82px;height:82px}.brandBanner{max-height:220px}.choiceGrid,.gateActions,.socialCard,.socialLinks{grid-template-columns:1fr}.socialCard{display:block}.socialLinks{margin-top:16px}.productChoice{min-height:78px}.gateDialog{padding:26px 20px}}
.compactBanner{max-height:170px}


/* v1.2.1 UI brand fixes */
body{font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;letter-spacing:0}
h1,h2,h3,button,.tag,strong,b{font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif}
.tag{font-weight:700;letter-spacing:2.2px}
.brandIdentity{align-items:center;gap:24px}
.brandIdentity > div{display:flex;flex-direction:column;justify-content:center}
.brandLogo{width:120px;height:auto;max-height:120px;object-fit:contain;object-position:center center;display:block;filter:drop-shadow(0 12px 28px rgba(38,174,255,.15))}
.gateDialog{display:flex;flex-direction:column;align-items:center;justify-content:center}
.gateLogo{width:132px;height:auto;max-height:132px;object-fit:contain;object-position:center center;display:block;margin:0 auto 6px;filter:drop-shadow(0 12px 28px rgba(38,174,255,.16))}
.gateDialog .tag{margin-bottom:4px}
.gateDialog h2{font-size:34px;line-height:1.25;max-width:520px}
.gateDialog p{font-size:17px;max-width:480px}
.gateActions button{font-size:17px;border-radius:14px}
.brandHero .tag{margin-bottom:4px}
.socialCard{grid-template-columns:245px 1fr}
.socialLinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.socialLink{min-height:72px;border-radius:16px;padding:14px 16px;align-items:center}
.socialIcon{width:44px;height:44px;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0;line-height:1}
.socialIcon svg{width:100%;height:100%;display:block;fill:currentColor}
.socialText b{font-size:15px}
.socialText small{font-size:11px;opacity:.95}
.social-shopee .socialIcon{background:linear-gradient(135deg,#ff823d,#ee4d2d)}
.social-zalo .socialIcon,.social-zalo-group .socialIcon{background:linear-gradient(135deg,#2eb6ff,#0068ff)}
.social-facebook .socialIcon{background:linear-gradient(135deg,#5a91ff,#1877f2)}
.social-tiktok .socialIcon{background:linear-gradient(135deg,#17e1d5,#e9356a)}
@media(max-width:760px){
  .brandLogo{width:92px;max-height:92px}
  .gateLogo{width:110px;max-height:110px}
  .gateDialog h2{font-size:28px}
  .gateDialog p{font-size:15px}
  .socialCard{grid-template-columns:1fr}
}


/* v1.3.0 mobile OTG + real social icons */
.otgSupportCard{margin-top:20px;padding:18px 18px 16px;border:1px solid #2c638f;border-radius:16px;background:linear-gradient(180deg,rgba(13,39,70,.72),rgba(8,29,51,.9));}
.otgSupportHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.otgSupportHeader h3{margin:4px 0 0;font-size:22px}
.otgSupportLead{margin:0 0 10px}
.otgChecklist{margin:0;padding-left:18px;color:#d8e9fb;line-height:1.65}
.otgChecklist li+li{margin-top:4px}
.supportBadge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px;background:#173a5e;color:#d8e9fb;border:1px solid #2c638f;white-space:nowrap}
.supportBadge.ok{background:#104c40;border-color:#1fbf8a;color:#cffff2}
.supportBadge.warn{background:#563d13;border-color:#c89a45;color:#ffe6aa}
.socialIcon{background:#fff;overflow:hidden;padding:0}
.socialIcon img{width:100%;height:100%;object-fit:cover;display:block}
.social-zalo-group .socialIcon,.social-facebook .socialIcon,.social-zalo .socialIcon,.social-shopee .socialIcon,.social-tiktok .socialIcon{background:#fff}
@media(max-width:760px){
  .wrap{margin:16px auto;padding:0 12px}
  .card{padding:18px;border-radius:16px;margin:12px 0}
  .brandIdentity{flex-direction:column;align-items:flex-start;gap:14px}
  .brandIdentity>div{width:100%}
  .brandBanner{max-height:160px}
  .top{gap:10px;align-items:flex-start;flex-direction:column}
  button,.btn{width:100%;min-height:50px}
  .release,.row{flex-direction:column;align-items:flex-start}
  .release button,.row button{width:100%}
  .currentFwBox{grid-template-columns:1fr;gap:6px}
  .currentFwBox>small,.currentFwBox>strong{grid-column:auto}
  .portDialog,.dialog{width:min(94vw,560px)}
  .otgSupportHeader{flex-direction:column}
  .otgSupportHeader h3{font-size:20px}
  .steps{display:block}
  .step{margin:8px 0}
}


/* v1.4.0 desktop/mobile split */
@media(min-width:901px){
  body:not(.mobileApp) .wrap{max-width:1220px;margin:34px auto;padding:0 28px}
  body:not(.mobileApp) .card{padding:30px 34px}
  body:not(.mobileApp) .brandHero{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(520px,1.15fr);align-items:stretch}
  body:not(.mobileApp) .brandIdentity{padding:36px 38px}
  body:not(.mobileApp) .brandBanner{height:100%;max-height:none;min-height:260px;border-top:0;border-left:1px solid #235b88;object-fit:cover}
  body.desktopCustomer #customerUpdater{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}
  body.desktopCustomer #customerUpdater>.card:first-child{grid-column:1/-1}
  body.desktopCustomer #customerUpdater>#firmwareBox{grid-column:2;grid-row:2/5;margin-top:18px}
  body.desktopCustomer #customerUpdater>#verifyBox{grid-column:1}
  body.desktopCustomer #customerUpdater>.card{margin:0 0 18px}
  body.desktopCustomer .socialCard{grid-template-columns:250px 1fr}
}

.mobileApp{background:#04101d;min-height:100vh;padding:0;color:#f5f9ff}
.mobileApp .mobileShell{width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:linear-gradient(180deg,#06172a 0,#071426 38%,#04101d 100%);box-shadow:0 0 70px rgba(0,0,0,.35)}
.mobileTopbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(5,18,33,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(71,167,230,.18)}
.mobileBrand{display:flex;align-items:center;gap:10px;min-width:0}.mobileBrand>div{display:flex;flex-direction:column}.mobileBrand strong{font-size:14px}.mobileBrand .tag{font-size:9px;letter-spacing:1.6px}.mobileLogo{width:44px;height:44px;object-fit:contain;flex:0 0 auto}
.mobileGuideBtn,.mobileBack{color:#dff5ff;text-decoration:none;font-weight:700;font-size:12px;padding:9px 11px;border:1px solid #2b638d;border-radius:12px;background:#0b2845;white-space:nowrap}.mobileBack{font-size:13px}
.mobileMain{padding:16px 14px 100px}.mobileWelcome{padding:22px 4px 16px}.mobileWelcome h1{font-size:30px;line-height:1.18;margin:7px 0 10px;letter-spacing:-.7px}.mobileWelcome p{font-size:14px;line-height:1.6;margin:0}.mobileSupportPanel{margin-top:15px}.mobileSupportPanel .inlineState{margin-top:8px}
.mobileStepBar{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 14px 12px}.mobileStepBar .step{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 6px;margin:0;border-radius:12px;font-size:11px}.mobileStepBar .step b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#163b60;font-size:11px}.mobileStepBar .step.success b{background:#15a878}.mobileStepBar .step.active b{background:#1daae9}
.mobileCard{margin:10px 0;padding:19px 17px;border:1px solid #214f76;border-radius:20px;background:linear-gradient(180deg,#0d2948,#0a2039);box-shadow:0 12px 30px rgba(0,0,0,.14)}.mobileCard h2{font-size:22px}.mobileCard p{font-size:13px;line-height:1.55}.mobileCardTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{display:block;color:#45ccff;font-size:10px;font-weight:800;letter-spacing:1.7px;margin-bottom:5px}.iconButton{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;font-size:24px}.mobileMainAction{width:100%;min-height:54px;font-size:15px;margin-top:8px;border-radius:15px}.mobileChoiceStack{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}.mobileChoiceStack .productChoice{width:100%;min-height:74px}.mobileCommunity .socialLinks{grid-template-columns:1fr}.mobileCommunity .socialLink{min-height:64px}.mobileApp .currentFwBox{grid-template-columns:1fr;gap:3px}.mobileApp .currentFwBox>small{grid-column:auto}.mobileApp input{font-size:16px;min-height:52px}.mobileApp .release{flex-direction:column;align-items:stretch}.mobileApp .release button{width:100%}.mobileApp .gateDialog.mobileGate{width:min(92vw,450px);padding:26px 18px}.mobileApp .gateActions{grid-template-columns:1fr}.mobileApp .gateActions button{width:100%}
.guidePage{padding-bottom:40px}.guideSteps{display:grid;gap:11px}.guideStep{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px;border:1px solid #214f76;border-radius:18px;background:#0a223c}.guideNo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:18px;font-weight:800;background:linear-gradient(135deg,#20b5ed,#4267ff)}.guideStep h2{font-size:18px;margin:2px 0 6px}.guideStep p{margin:0;font-size:13px;line-height:1.55}.guideWarning{border-color:#80622b;background:#312814}.guideStart{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:56px;margin-top:14px;border-radius:16px}
@media(max-width:380px){.mobileWelcome h1{font-size:27px}.mobileStepBar .step{font-size:10px}.mobileGuideBtn{font-size:10px;padding:8px}.mobileBrand strong{font-size:12px}}


/* v1.4.1 — social icons only: real brand artwork, clean proportions */
.socialLinks{gap:12px}
.socialLink{
  position:relative;
  min-height:68px;
  padding:12px 14px;
  gap:13px;
  border:1px solid rgba(78,151,205,.36);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,35,60,.96),rgba(8,29,51,.96));
  box-shadow:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.socialLink:hover{
  transform:translateY(-2px);
  border-color:rgba(67,198,255,.72);
  background:linear-gradient(180deg,#0e3154,#0a263f);
  box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 0 1px rgba(67,198,255,.08);
}
.socialIcon,
.social-zalo-group .socialIcon,.social-facebook .socialIcon,.social-zalo .socialIcon,.social-shopee .socialIcon,.social-tiktok .socialIcon{
  position:relative;
  flex:0 0 44px;
  width:44px;
  height:44px;
  min-width:44px;
  padding:0;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .18s ease;
}
.socialLink:hover .socialIcon{transform:scale(1.06)}
.socialIcon img{
  display:block;
  width:40px;
  height:40px;
  max-width:40px;
  max-height:40px;
  object-fit:contain;
  border-radius:10px;
}
/* Shopee and Zalo source images contain their own white brand canvas. */
.socialIcon-shopee img,.socialIcon-zalo img,.socialIcon-zalo-group img{
  width:42px;height:42px;max-width:42px;max-height:42px;
  border-radius:11px;
}
/* Facebook is already circular; TikTok is transparent artwork. */
.socialIcon-facebook img{width:40px;height:40px;border-radius:50%}
.socialIcon-tiktok img{width:38px;height:38px;border-radius:0}
.socialGroupBadge{
  position:absolute;
  right:-7px;
  bottom:-4px;
  padding:2px 4px;
  border-radius:5px;
  background:#0878ff;
  color:#fff;
  border:2px solid #09213a;
  font-size:7px;
  line-height:1;
  font-weight:800;
  letter-spacing:.35px;
  box-shadow:0 2px 6px rgba(0,0,0,.22);
}
.socialText{flex:1;min-width:0;gap:2px}
.socialText b{font-size:14px;line-height:1.25}
.socialText small{font-size:10.5px;line-height:1.35;color:#9fb9d4}
.socialArrow{
  flex:0 0 auto;
  color:#6590b5;
  font-size:24px;
  line-height:1;
  font-weight:300;
  transition:transform .18s ease,color .18s ease;
}
.socialLink:hover .socialArrow{color:#45caff;transform:translateX(2px)}
@media(max-width:760px){
  .mobileCommunity .socialLink,.socialLink{min-height:64px;padding:10px 12px;border-radius:15px}
  .socialIcon,.social-zalo-group .socialIcon,.social-facebook .socialIcon,.social-zalo .socialIcon,.social-shopee .socialIcon,.social-tiktok .socialIcon{flex-basis:42px;width:42px;height:42px;min-width:42px}
  .socialIcon img{width:38px;height:38px;max-width:38px;max-height:38px}
  .socialIcon-shopee img,.socialIcon-zalo img,.socialIcon-zalo-group img{width:40px;height:40px;max-width:40px;max-height:40px}
}


/* v1.4.2 shopee icon cleanup + safety warning */
.importantWarning{margin:16px 0 4px;padding:15px 16px;border:1px solid rgba(255,187,84,.46);border-radius:16px;background:linear-gradient(180deg,rgba(78,46,12,.40),rgba(56,32,8,.24));box-shadow:inset 0 0 0 1px rgba(255,215,143,.05)}
.importantWarningHead{font-weight:800;color:#ffd68e;margin-bottom:8px;letter-spacing:.15px}
.importantWarning ul{margin:0;padding-left:18px;color:#ffe7bb;line-height:1.58}
.importantWarning li+li{margin-top:5px}
.mobileImportantWarning{margin:0 0 14px;padding:14px 14px 14px}
.socialIcon-shopee img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:0!important;object-fit:contain;background:transparent!important;box-shadow:none!important}
.social-shopee .socialIcon{background:transparent!important;border:none!important;box-shadow:none!important}
@media(max-width:760px){
  .importantWarning{border-radius:15px;padding:14px 14px}
  .importantWarning ul{padding-left:17px}
  .socialIcon-shopee img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
}


/* v1.5.0 native COM picker + BMCU-P two-step configuration */
#pVariantBox{margin-top:16px;padding-top:16px;border-top:1px solid rgba(63,128,177,.28)}