:root{
  --account-blue:#0B4B9F;
  --account-blue-dark:#082E58;
  --account-cyan:#0D7BD8;
  --account-blue-secondary:#0D63C8;
  --account-ink:#0A3975;
  --account-text:#082E58;
  --account-muted:#60778C;
  --account-line:#D6E5EF;
  --account-soft:#EAF8FF;
  --account-surface:#fff;
  --account-bg:#F4F9FC;
  --account-error:#EC1838;
  --account-success:#0A8A5C;
}

.stw-auth-main,.stw-customer-main,.stw-account-loading{
  color:var(--account-text);
  font-family:Inter,"Inter Fallback",Roboto,Arial,sans-serif;
  font-synthesis:none;
}
.stw-auth-main *,.stw-customer-main *,.stw-account-loading *{box-sizing:border-box}
.stw-auth-main button,.stw-auth-main input,.stw-auth-main select,.stw-customer-main button,.stw-customer-main input,.stw-customer-main select{font-family:inherit}
body:has(.stw-auth-main,.stw-customer-main) .store-category-button,body:has(.stw-auth-main,.stw-customer-main) .store-header-action,body:has(.stw-auth-main,.stw-customer-main) .store-search{height:44px}

/* Sign in and registration */
.stw-auth-main{min-height:700px;padding:44px 0 56px;background:linear-gradient(180deg,#f7fbff 0,#f2f6fa 100%)}
.stw-auth-layout{width:min(1040px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) 440px;margin-inline:auto;border:1px solid var(--account-line);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(24,63,98,.08);overflow:hidden}
.stw-auth-intro{position:relative;min-height:610px;padding:52px 48px 32px;display:flex;flex-direction:column;background:linear-gradient(145deg,#eaf8ff,#e8f1ff);overflow:hidden;isolation:isolate}
.stw-auth-intro:after{content:"";position:absolute;z-index:-1;right:-120px;bottom:-150px;width:390px;height:390px;border:52px solid rgba(255,255,255,.48);border-radius:50%}
.stw-auth-intro__content{position:relative;z-index:1}
.stw-auth-eyebrow{display:block;margin-bottom:9px;color:var(--account-blue);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.75px}
.stw-auth-intro h1{max-width:460px;margin:0 0 12px;color:#0a3d78;font-size:36px;font-weight:700;line-height:1.18;letter-spacing:-.8px}
.stw-auth-intro__content>p{max-width:500px;margin:0;color:#557089;font-size:15px;font-weight:400;line-height:1.6}
.stw-auth-intro ul{display:grid;gap:14px;margin:28px 0 24px;padding:0;list-style:none}
.stw-auth-intro li{display:flex;align-items:flex-start;gap:11px}
.stw-auth-intro li>span{width:26px;height:26px;display:grid;flex:0 0 26px;place-items:center;border-radius:50%;background:#fff;color:#14916a;font-size:13px;font-weight:700;box-shadow:0 3px 10px rgba(30,96,138,.08)}
.stw-auth-intro li strong,.stw-auth-intro li small{display:block}
.stw-auth-intro li strong{color:#173f66;font-size:13px;font-weight:600;line-height:1.4}
.stw-auth-intro li small{margin-top:2px;color:#70869a;font-size:11.5px;font-weight:400;line-height:1.45}
.stw-auth-order-demo{position:relative;z-index:1;margin-top:auto;padding:16px;border:1px solid rgba(118,171,207,.35);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(38,92,132,.09)}
.stw-auth-order-demo__head,.stw-auth-order-demo__product,.stw-auth-order-demo__labels{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stw-auth-order-demo__head{padding-bottom:11px;border-bottom:1px solid #e5edf4;color:#688097;font-size:11px;font-weight:500}
.stw-auth-order-demo__product{padding:14px 0 10px}
.stw-auth-order-demo__product>div{min-width:0;flex:1}
.stw-auth-order-demo__product strong{display:block;color:#284c70;font-size:12px;font-weight:600}
.stw-auth-order-demo__drop{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:10px;background:#edf8fe;color:#1086c5}
.stw-auth-order-demo__drop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stw-auth-order-demo__steps{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:5px 7px}
.stw-auth-order-demo__steps i{position:relative;width:9px;height:9px;border:2px solid #c9d7e2;border-radius:50%;background:#fff}
.stw-auth-order-demo__steps i:not(:last-child):after{content:"";position:absolute;left:7px;top:2px;width:calc(400% - 7px);height:1px;background:#d7e2ea}
.stw-auth-order-demo__steps i.is-done{border-color:#1a9bd2;background:#1a9bd2}
.stw-auth-order-demo__labels{color:#8192a2;font-size:8.5px;font-weight:400}
.stw-auth-order-demo__labels span{width:25%;text-align:center}.stw-auth-order-demo__labels span:first-child{text-align:left}.stw-auth-order-demo__labels span:last-child{text-align:right}
.stw-auth-note{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin:14px 0 0;color:#507089;font-size:11px;font-weight:500}
.stw-auth-note svg{width:16px;height:16px;fill:none;stroke:#178366;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stw-auth-card{min-height:610px;padding:44px 36px 34px;border-left:1px solid #e2e9ef;background:#fff}
.stw-auth-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stw-auth-social{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cfdae4;border-radius:9px;background:#fff;color:#29445d;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}
.stw-auth-social:hover{border-color:#9fb8cd;background:#f9fbfd}.stw-auth-social:focus-visible{outline:3px solid rgba(18,136,204,.22);outline-offset:2px}
.stw-auth-social svg{width:21px;height:21px;flex:0 0 21px}
.stw-auth-social--zalo{border-color:#b9d8f6;color:#075fbc}.stw-zalo-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#087ce8;color:#fff;font-size:8px;font-weight:700;letter-spacing:-.25px}
.stw-auth-divider{height:44px;display:flex;align-items:center;gap:10px;margin-top:4px;color:#8796a4;font-size:11px}.stw-auth-divider:before,.stw-auth-divider:after{height:1px;flex:1;background:#e4eaf0;content:""}
.stw-auth-card h2{margin:0 0 7px;color:#143d68;font-size:26px;font-weight:700;line-height:1.3;letter-spacing:-.35px}
.stw-auth-helper{margin:0 0 24px;color:var(--account-muted);font-size:14px;font-weight:400;line-height:1.55}
.stw-auth-field{min-width:0}.stw-auth-field>label{display:flex;justify-content:space-between;margin:16px 0 8px;color:#354f67;font-size:14px;font-weight:600;line-height:1.4}
.stw-auth-card label small{color:#8796a5;font-size:11px;font-weight:400}
.stw-auth-card input[type=email],.stw-auth-card input[type=text],.stw-auth-card input[type=tel],.stw-auth-card input[type=password],.stw-auth-card input[type=date]{width:100%;height:52px;padding:0 15px;border:1px solid #cbd8e3;border-radius:9px;background:#fff;color:#223b53;font-size:15px;font-weight:400;outline:0;transition:border-color .15s,box-shadow .15s}
.stw-auth-card input:focus{border-color:#1688cc;box-shadow:0 0 0 3px rgba(22,136,204,.12)}
.stw-auth-password{position:relative}.stw-auth-password input{padding-right:58px!important}.stw-auth-password button{position:absolute;top:2px;right:2px;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:7px;background:#edf6fc;color:#075fae;cursor:pointer}.stw-auth-password button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stw-auth-submit{width:100%;min-height:52px;margin-top:22px;border:0;border-radius:9px;background:linear-gradient(135deg,#0758b4,#0b8fd3);color:#fff;font-size:15px;font-weight:600;box-shadow:0 7px 16px rgba(7,88,180,.18);cursor:pointer}
.stw-auth-submit:hover{filter:brightness(.97)}.stw-auth-submit:disabled{opacity:.65;cursor:wait}
.stw-auth-switch{min-height:44px;display:flex;align-items:center;justify-content:center;gap:3px;margin:9px 0 0;color:var(--account-muted);font-size:13px;line-height:1.4;text-align:center}
.stw-auth-switch button{min-height:44px;padding:0 7px;border:0;background:transparent;color:var(--account-blue);font-weight:700;cursor:pointer}
.stw-auth-switch button:hover{text-decoration:underline;text-underline-offset:3px}
.stw-auth-alert,.stw-auth-success{margin:0 0 16px;padding:11px 13px;border:1px solid #bce4d3;border-radius:8px;background:#eff9f5;color:#187252;font-size:12px;font-weight:500;line-height:1.5}
.stw-auth-alert.is-error{border-color:#efc3ca;background:#fff3f5;color:#a82439}

/* Registration: one clear path, with short guidance beside the fields it explains */
.stw-auth-layout.is-register{width:min(900px,calc(100% - 32px));display:block}
.stw-auth-layout.is-register .stw-auth-intro{display:none}
.stw-auth-layout.is-register .stw-auth-card{min-height:0;padding:44px 48px 40px;border-left:0}
.stw-auth-layout.is-register .stw-auth-card h2{font-size:30px}
.stw-auth-layout.is-register .stw-auth-helper{font-size:15px}
.stw-auth-layout.is-register .stw-auth-social{min-height:52px;font-size:14px}
.stw-auth-layout.is-register .stw-auth-divider{height:52px;font-size:12.5px}
.stw-auth-register fieldset{min-width:0;margin:0;padding:0;border:0}
.stw-auth-register fieldset+fieldset{margin-top:22px;padding-top:20px;border-top:1px solid #e4eaf0}
.stw-auth-register legend{width:100%;margin:0 0 2px;padding:0;color:#173f66;font-size:17px;font-weight:700;line-height:1.4}
.stw-auth-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.stw-auth-register .stw-auth-field>label{font-size:15px}
.stw-auth-layout.is-register .stw-auth-card input[type=email],.stw-auth-layout.is-register .stw-auth-card input[type=text],.stw-auth-layout.is-register .stw-auth-card input[type=tel],.stw-auth-layout.is-register .stw-auth-card input[type=password],.stw-auth-layout.is-register .stw-auth-card input[type=date]{height:52px;font-size:16px}
.stw-auth-register .stw-auth-field-note{margin:7px 0 0;color:#718396;font-size:13px;font-weight:400;line-height:1.45}
.stw-auth-register-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;margin-top:24px}
.stw-auth-register-actions .stw-auth-submit{margin:0}
.stw-auth-layout.is-register .stw-auth-register-actions .stw-auth-submit,.stw-auth-secondary{min-height:52px}
.stw-auth-secondary{padding:0 12px;border:1px solid #cbd8e3;border-radius:9px;background:#fff;color:#35526e;font-size:14px;font-weight:600;cursor:pointer}
.stw-auth-secondary:hover{border-color:#9fb8cd;background:#f8fbfd}

/* Customer account hub */
.stw-account-loading{min-height:520px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--account-bg);color:#667b8e;font-size:14px}
.stw-account-loading span{width:20px;height:20px;border:2px solid #c9d8e5;border-top-color:var(--account-blue);border-radius:50%;animation:stw-account-spin .8s linear infinite}
@keyframes stw-account-spin{to{transform:rotate(360deg)}}
.stw-customer-main{min-height:610px;padding:24px 0 54px;background:var(--account-bg)}
.stw-customer-shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.stw-customer-breadcrumb{min-height:32px;display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#8998a6;font-size:12px;font-weight:400}
.stw-customer-breadcrumb a{color:#6a7f92;text-decoration:none}.stw-customer-breadcrumb strong{color:#405a71;font-weight:500}
.stw-customer-layout{display:grid;grid-template-columns:242px minmax(0,1fr);align-items:start;gap:18px}
.stw-customer-side,.stw-customer-content{border:1px solid var(--account-line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(30,61,89,.05)}
.stw-customer-side{padding:14px}
.stw-customer-user{display:flex;align-items:center;gap:11px;padding:4px 4px 16px;border-bottom:1px solid #e7edf2}
.stw-customer-user>div{min-width:0}.stw-customer-user strong,.stw-customer-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stw-customer-user strong{color:#203c56;font-size:14px;font-weight:600}.stw-customer-user small{margin-top:3px;color:#81909e;font-size:11px;font-weight:400}
.stw-customer-avatar{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0a6fc7,#12a5d7);color:#fff;font-size:17px;font-weight:600}
.stw-customer-nav{display:grid;gap:3px;margin-top:10px}
.stw-customer-nav a{min-height:48px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:8px;color:#536c82;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.stw-customer-nav a:hover{background:#f3f7fa;color:#184f82}.stw-customer-nav a.is-active{background:#eaf4fc;color:#075bae;font-weight:600}
.stw-customer-nav svg,.stw-customer-logout svg,.stw-customer-secure svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.stw-customer-logout{min-height:44px;display:flex;align-items:center;gap:10px;margin-top:11px;padding:0 12px;border:0;background:transparent;color:#75889a;font-size:13px;font-weight:500;cursor:pointer}
.stw-customer-logout:hover{color:#b02c3f}.stw-customer-logout:disabled{opacity:.55}
.stw-customer-content{overflow:hidden}
.stw-customer-content>header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e5ebf0;background:#fbfcfd}
.stw-customer-content>header h1{margin:0 0 6px;color:#173c61;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.2px}
.stw-customer-content>header span{color:#748798;font-size:12.5px;font-weight:400;line-height:1.45}
.stw-customer-content>.stw-auth-success,.stw-customer-content>.stw-auth-alert{margin:18px 24px 0}
.stw-customer-profile-form{padding:24px}
.stw-customer-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.stw-customer-profile-grid>label{min-width:0;display:block;color:#3f556a;font-size:13px;font-weight:600;line-height:1.4}
.stw-customer-profile-grid>label:nth-child(3){grid-column:1/-1}
.stw-customer-profile-grid input,.stw-customer-profile-grid select{width:100%;height:48px;margin-top:7px;padding:0 14px;border:1px solid #cbd7e1;border-radius:9px;background:#fff;color:#243d54;font-size:14px;font-weight:400;outline:0;transition:border-color .15s,box-shadow .15s}
.stw-customer-profile-grid input[readonly]{border-color:#dce3e9;background:#f4f6f8;color:#718292;cursor:default}
.stw-customer-profile-grid input:focus,.stw-customer-profile-grid select:focus{border-color:#1788cc;box-shadow:0 0 0 3px rgba(23,136,204,.12)}
.stw-customer-profile-grid label>small{display:block;margin-top:5px;color:#8292a0;font-size:11px;font-weight:400;line-height:1.4}
.stw-customer-form-actions{display:flex;margin-top:24px}.stw-customer-form-actions .stw-auth-submit{width:auto;min-width:150px;margin:0;padding:0 22px}
.stw-customer-nav a:focus-visible,.stw-customer-logout:focus-visible,.stw-auth-main button:focus-visible,.stw-auth-main input:focus-visible,.stw-customer-main button:focus-visible,.stw-customer-main input:focus-visible,.stw-customer-main select:focus-visible{outline:3px solid rgba(18,136,204,.22);outline-offset:2px}

@media(max-width:900px){
  .stw-auth-layout{width:min(620px,calc(100% - 28px));grid-template-columns:1fr}
  .stw-auth-intro{min-height:0;padding:30px 32px 26px}
  .stw-auth-intro ul{grid-template-columns:repeat(3,1fr);gap:12px}.stw-auth-intro li{display:block}.stw-auth-intro li>span{margin-bottom:7px}
  .stw-auth-order-demo{margin-top:4px}.stw-auth-card{min-height:0;padding:28px 32px;border-top:1px solid #e2e9ef;border-left:0}
  .stw-customer-layout{grid-template-columns:220px minmax(0,1fr)}
  .stw-customer-profile-grid{grid-template-columns:1fr}.stw-customer-profile-grid>label:nth-child(3){grid-column:auto}
  .stw-auth-layout.is-register{width:min(760px,calc(100% - 28px));grid-template-columns:1fr}
  .stw-auth-layout.is-register .stw-auth-intro,.stw-auth-layout.is-register .stw-auth-card{min-height:0}
}

@media(max-width:720px){
  body:has(.stw-auth-main,.stw-customer-main) .store-header__inner{height:64px;min-height:64px}
  body:has(.stw-auth-main,.stw-customer-main) .store-category-button{width:44px;height:44px;flex:0 0 44px}
  body:has(.stw-auth-main,.stw-customer-main) .store-brand{width:76px;height:44px;flex:0 0 76px}
  body:has(.stw-auth-main,.stw-customer-main) .store-search{min-width:0;height:44px;flex:1 1 auto}
  body:has(.stw-auth-main,.stw-customer-main) .store-header-action{width:44px;height:44px;flex:0 0 44px}
  .stw-auth-main{min-height:0;padding:12px 0 74px}
  .stw-auth-layout{width:calc(100% - 16px);border-radius:14px;box-shadow:0 8px 24px rgba(24,63,98,.06)}
  .stw-auth-layout.is-login .stw-auth-intro{display:none}
  .stw-auth-layout.is-login .stw-auth-card{border-top:0}
  .stw-auth-intro{padding:22px 18px 18px}
  .stw-auth-intro h1{margin-bottom:7px;font-size:24px;line-height:1.25;letter-spacing:-.3px}
  .stw-auth-intro__content>p{font-size:12.5px;line-height:1.5}
  .stw-auth-intro ul{grid-template-columns:1fr;gap:8px;margin:16px 0 0}
  .stw-auth-intro li{display:flex;align-items:center}.stw-auth-intro li>span{width:23px;height:23px;flex-basis:23px;margin:0;font-size:11px}.stw-auth-intro li small{display:none}.stw-auth-intro li strong{font-size:12px;font-weight:500}
  .stw-auth-order-demo,.stw-auth-note{display:none}
  .stw-auth-card{padding:24px 18px}.stw-auth-socials{gap:8px}.stw-auth-card h2{font-size:20px}.stw-auth-helper{margin-bottom:20px}
  .stw-auth-card input[type=email],.stw-auth-card input[type=text],.stw-auth-card input[type=tel],.stw-auth-card input[type=password],.stw-auth-card input[type=date]{height:48px;font-size:16px}
  .stw-auth-submit{min-height:48px;font-size:14px}
  .stw-auth-layout.is-register .stw-auth-intro{display:none}
  .stw-auth-layout.is-register .stw-auth-card{padding:24px 18px 20px;border-top:0}
  .stw-auth-layout.is-register .stw-auth-card h2{font-size:20px}
  .stw-auth-layout.is-register .stw-auth-helper{font-size:13px}
  .stw-auth-layout.is-register .stw-auth-social{min-height:48px;font-size:13px}
  .stw-auth-layout.is-register .stw-auth-divider{height:44px;font-size:11px}
  .stw-auth-register legend{font-size:15px}
  .stw-auth-field-grid{grid-template-columns:1fr;gap:0}
  .stw-auth-register .stw-auth-field>label{font-size:14px}
  .stw-auth-register .stw-auth-field-note{font-size:12px}
  .stw-auth-layout.is-register .stw-auth-card input[type=email],.stw-auth-layout.is-register .stw-auth-card input[type=text],.stw-auth-layout.is-register .stw-auth-card input[type=tel],.stw-auth-layout.is-register .stw-auth-card input[type=password],.stw-auth-layout.is-register .stw-auth-card input[type=date]{height:48px;font-size:16px}
  .stw-auth-register-actions{position:sticky;z-index:2;bottom:64px;grid-template-columns:1fr 1.25fr;gap:8px;margin:22px -18px -20px;padding:12px 18px;border-top:1px solid #e4eaf0;background:rgba(255,255,255,.97);box-shadow:0 -8px 20px rgba(8,46,88,.06)}
  .stw-auth-layout.is-register .stw-auth-register-actions .stw-auth-submit,.stw-auth-secondary{min-height:48px}
  .stw-auth-secondary{font-size:12.5px}

  .stw-customer-main{min-height:0;padding:10px 0 72px}
  .stw-customer-shell{width:calc(100% - 16px)}.stw-customer-breadcrumb{display:none}
  .stw-customer-layout{display:block}
  .stw-customer-side{position:relative;margin-bottom:10px;padding:12px 12px 0;border-radius:12px;box-shadow:none}
  .stw-customer-user{min-height:52px;padding:0 82px 12px 0;border:0}.stw-customer-avatar{width:40px;height:40px;flex-basis:40px;font-size:16px}.stw-customer-user strong{font-size:14px}.stw-customer-user small{font-size:10.5px}
  .stw-customer-logout{position:absolute;top:13px;right:10px;min-height:44px;margin:0;padding:0 6px;color:#607a90;font-size:11px}.stw-customer-logout svg{display:none}
  .stw-customer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 -12px;border-top:1px solid #e5ebf0;overflow:hidden}
  .stw-customer-nav a{min-width:0;min-height:58px;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;border-radius:0;color:#61778b;font-size:11px;font-weight:500;line-height:1.15;text-align:center}
  .stw-customer-nav a.is-active{background:#eef6fc;font-weight:600;box-shadow:inset 0 -3px 0 #0b67b7}.stw-customer-nav svg{width:18px;height:18px}
  .stw-customer-content{border-radius:12px;box-shadow:none}
  .stw-customer-content>header{min-height:auto;padding:17px 16px 14px;background:#fff}.stw-customer-content>header h1{margin-bottom:4px;font-size:19px}.stw-customer-content>header span{font-size:12px}
  .stw-customer-content>.stw-auth-success,.stw-customer-content>.stw-auth-alert{margin:0 16px 12px}
  .stw-customer-profile-form{padding:16px}.stw-customer-profile-grid{grid-template-columns:1fr;gap:14px}
  .stw-customer-profile-grid>label{font-size:13px;font-weight:600}.stw-customer-profile-grid input,.stw-customer-profile-grid select{height:48px;margin-top:6px;font-size:16px;font-weight:400}
  .stw-customer-form-actions{margin-top:20px}.stw-customer-form-actions .stw-auth-submit{width:100%;min-width:0}
}

@media(max-width:370px){
  .stw-customer-nav a{font-size:10.5px}
}

/* Brand palette — single source: ho-so-doanh-nghiep/brand.json */
.stw-auth-main{background:linear-gradient(180deg,#F7FCFF 0,#EEF7FC 100%)}
.stw-auth-intro{background:linear-gradient(145deg,var(--account-soft),#EDF4FF)}
.stw-auth-intro h1,.stw-auth-card h2,.stw-customer-content>header h1{color:var(--account-blue-dark)}
.stw-auth-intro li strong,.stw-customer-profile-grid>label{color:var(--account-ink)}
.stw-auth-intro li>span,.stw-auth-note svg{color:var(--account-success);stroke:var(--account-success)}
.stw-auth-order-demo__drop,.stw-auth-password button{background:var(--account-soft);color:var(--account-cyan)}
.stw-auth-order-demo__steps i.is-done{border-color:var(--account-cyan);background:var(--account-cyan)}
.stw-auth-card input[type=email],.stw-auth-card input[type=text],.stw-auth-card input[type=tel],.stw-auth-card input[type=password],.stw-auth-card input[type=date],.stw-customer-profile-grid input,.stw-customer-profile-grid select{border-color:var(--account-line);color:var(--account-blue-dark)}
.stw-auth-card input:focus,.stw-customer-profile-grid input:focus,.stw-customer-profile-grid select:focus{border-color:var(--account-cyan);box-shadow:0 0 0 3px rgba(13,123,216,.13)}
.stw-auth-submit{background:linear-gradient(135deg,var(--account-blue),var(--account-cyan));box-shadow:0 7px 16px rgba(11,75,159,.2)}
.stw-auth-alert,.stw-auth-success{border-color:#B8E2D2;background:#EFF9F5;color:var(--account-success)}
.stw-auth-alert.is-error{border-color:#F2C3CB;background:#FFF3F5;color:var(--account-error)}
.stw-customer-avatar{background:linear-gradient(145deg,var(--account-blue),var(--account-cyan))}
.stw-customer-nav a:hover{background:#F7FCFF;color:var(--account-ink)}
.stw-customer-nav a.is-active{background:var(--account-soft);color:var(--account-blue)}
.stw-customer-logout:hover{color:var(--account-error)}
.stw-customer-content>header{border-bottom-color:var(--account-line);background:#F9FCFE}

/* Order journey preview: compact, connected and secondary to the login form */
.stw-auth-order-demo{padding:13px 16px 12px;border-color:var(--account-line);border-radius:12px;box-shadow:0 8px 20px rgba(8,46,88,.07)}
.stw-auth-order-demo__head{padding-bottom:9px;border-bottom-color:var(--account-line);color:var(--account-muted);font-size:11.5px;font-weight:500}
.stw-auth-order-demo__product{justify-content:flex-start;padding:11px 0 13px}
.stw-auth-order-demo__product strong{color:var(--account-blue-dark);font-size:12.5px;font-weight:600}
.stw-auth-order-demo__drop{width:36px;height:36px;flex-basis:36px;border-radius:9px}
.stw-auth-order-demo__steps{position:relative;grid-template-columns:repeat(4,1fr);margin:0 0 6px}
.stw-auth-order-demo__steps:before{content:"";position:absolute;top:4px;right:12.5%;left:12.5%;height:1px;background:var(--account-line)}
.stw-auth-order-demo__steps i{z-index:1;justify-self:center;width:9px;height:9px;border-color:#BCD0DF}
.stw-auth-order-demo__steps i:not(:last-child):after{display:none}
.stw-auth-order-demo__steps i.is-done{box-shadow:0 0 0 3px #fff}
.stw-auth-order-demo__labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;color:#71879A;font-size:9.5px;line-height:1.3}
.stw-auth-order-demo__labels span{width:auto;text-align:center!important}

@media(prefers-reduced-motion:reduce){.stw-auth-main *,.stw-customer-main *{scroll-behavior:auto!important;transition:none!important}.stw-account-loading span{animation:none}}
/* Mobile account dashboard and profile: account-redesign-handoff, adapted to existing routes. */
.stw-mobile-account{--mobile-account-primary:#0b54b0;--mobile-account-ink:#12233d;--mobile-account-muted:#55657d;color:var(--mobile-account-ink);font-family:Inter,"Inter Fallback",Arial,sans-serif}
body .stw-customer-main.stw-mobile-account{min-height:calc(100svh - 80px);padding:0 0 calc(80px + env(safe-area-inset-bottom));background:#fff}
.stw-mobile-account svg{display:block;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stw-mobile-account :is(a,button,input,select):focus-visible{outline:3px solid #8db8ee;outline-offset:2px}
.stw-mobile-account-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:28px 64px 26px;background:linear-gradient(180deg,#cfe2f8,#e7f0fb 58%,#fff);text-align:center}
.stw-mobile-account-hero:before,.stw-mobile-account-hero:after{content:"";position:absolute;z-index:-1;top:-92px;right:-76px;width:260px;height:260px;border:1px solid #bcd4f0;border-radius:50%;pointer-events:none}
.stw-mobile-account-hero:after{inset:-62px -46px auto auto;width:200px;height:200px}
.stw-mobile-account-avatar{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border:4px solid #fff;border-radius:50%;background:#0b54b0;color:#fff;font-size:38px;font-weight:700;line-height:1;box-shadow:0 2px 6px #12336d1a}
.stw-mobile-account-hero h1{max-width:100%;margin:14px 0 5px;color:#0b3f85;font-size:22px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.stw-mobile-account-hero p{margin:0;color:#3f516b;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.stw-mobile-account-cart,.stw-mobile-account-edit{position:absolute;top:16px;display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border:0;border-radius:50%;background:#fff;color:#334e6c;box-shadow:0 1px 4px #12233d26;text-decoration:none;cursor:pointer}
.stw-mobile-account-cart{left:16px}.stw-mobile-account-edit{right:16px}
.stw-mobile-account-cart>span{position:absolute;top:-3px;right:-3px;min-width:20px;min-height:20px;padding:2px 4px;border-radius:99px;background:#c81e1e;color:#fff;font-size:12px;line-height:16px;text-align:center}
.stw-mobile-account-notices:empty{display:none}.stw-mobile-account-notices{padding:0 16px}.stw-mobile-account-notices :is(.stw-auth-success,.stw-auth-alert){margin:0 0 12px}
.stw-mobile-account-menu{background:#fff}
.stw-mobile-account-group+.stw-mobile-account-group{border-top:8px solid #eef3f9}
.stw-mobile-account-row{position:relative;display:flex;align-items:center;gap:16px;width:100%;min-height:60px;margin:0;padding:14px 16px;border:0;background:#fff;color:#12233d;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;text-align:left;text-decoration:none;cursor:pointer}
.stw-mobile-account-row:after{content:"";position:absolute;bottom:0;left:56px;right:16px;height:1px;background:#e3ebf5}
.stw-mobile-account-row:last-child:after{display:none}
.stw-mobile-account-row:hover{background:#f0f6fd}
.stw-mobile-account-row>svg:first-child{color:#4a5e7a}.stw-mobile-account-row>span{min-width:0;flex:1;overflow-wrap:anywhere}
.stw-mobile-account-row>svg:last-child{width:18px;height:18px;flex-basis:18px;color:#55657d}
.stw-mobile-account-row small{display:block;color:#55657d;font-size:13px;font-weight:400;line-height:1.4}
.stw-mobile-account-row.stw-mobile-account-signout{color:#c81e1e}.stw-mobile-account-signout>svg:first-child{color:inherit}.stw-mobile-account-signout:disabled{opacity:.6;cursor:wait}
.stw-mobile-profile-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:56px;padding:4px 8px;border-bottom:1px solid #dce6f2;background:#fff}
.stw-mobile-profile-header>button{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:10px;background:#fff;color:#12233d;cursor:pointer}
.stw-mobile-profile-header h1{margin:0;color:#12233d;font-size:17px;font-weight:700;line-height:1.4;text-align:center}
.stw-mobile-profile-card{padding:16px;background:#fff}
.stw-mobile-profile-card>p{margin:0 0 20px;color:#55657d;font-size:14px;line-height:1.5}
.stw-mobile-profile-card :is(.stw-auth-success,.stw-auth-alert){margin:0 0 16px}
.stw-mobile-account .stw-customer-profile-form{padding:0}
.stw-mobile-account .stw-customer-profile-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.stw-mobile-account .stw-customer-profile-grid>label,.stw-mobile-account .stw-profile-field>span{display:block;min-width:0;color:#12233d;font-size:13px;font-weight:600;line-height:1.5}
.stw-mobile-account .stw-customer-profile-grid>label:nth-child(3){grid-column:auto}
.stw-mobile-account .stw-customer-profile-grid :is(input,select){height:48px;width:100%;min-width:0;margin-top:7px;padding:0 14px;border:1px solid #c5d3e4;border-radius:10px;background:#fff;color:#12233d;font-size:16px;font-weight:400;line-height:1.5}
.stw-mobile-account .stw-customer-profile-grid input[readonly]{border-color:#dce6f2;background:#eef3f9;color:#55657d}
.stw-mobile-account .stw-customer-profile-grid label>small{color:#55657d;font-size:12.5px;line-height:1.5}
.stw-mobile-account .stw-birthday-field{gap:8px}.stw-mobile-account .stw-birthday-field select{padding:0 8px}
.stw-mobile-account .stw-birthday-clear{min-height:44px;padding:8px 0;color:#0b54b0;font-size:13px}
.stw-mobile-account .stw-mobile-gender [role=radiogroup]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}
.stw-mobile-gender [role=radio]{min-width:0;min-height:48px;padding:8px;border:1px solid #c5d3e4;border-radius:10px;background:#fff;color:#12233d;font:inherit;font-size:16px;cursor:pointer}
.stw-mobile-gender [role=radio][aria-checked=true]{border-color:#0b54b0;background:#e7f0fb;color:#0b54b0;font-weight:700}
.stw-mobile-account .stw-customer-form-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.stw-mobile-account .stw-customer-form-actions :is(.stw-auth-submit,.stw-auth-secondary){width:100%;min-height:48px;margin:0;padding:10px 18px;border-radius:10px;font-size:16px;font-weight:600;box-shadow:none}
.stw-mobile-account .stw-auth-submit{background:#0b54b0}.stw-mobile-account .stw-auth-submit:hover{background:#083f85}
.stw-mobile-account .stw-auth-secondary{border-color:#9dbee6;color:#0b54b0;background:#fff}
body:has(.stw-mobile-account) .store-mobile-nav a[aria-current="page"]{color:#0b54b0;font-weight:700}
body:has(.stw-mobile-account) .store-mobile-nav a{font-size:12px}
.stw-mobile-account-policies>summary{list-style:none}.stw-mobile-account-policies>summary::-webkit-details-marker{display:none}.stw-mobile-account-policies[open]>summary>svg:last-child{transform:rotate(90deg)}
.stw-mobile-account-policies>div{padding:0 16px 8px 56px}.stw-mobile-account-policies>div>a{display:flex;align-items:center;min-height:48px;color:#0b54b0;font-size:14px;line-height:1.5;text-decoration:none}
body:has(.stw-mobile-account) .store-mobile-nav svg{width:24px;height:24px}
/* Confirmed orders remain visible during navigation and on the guest account landing. */
.stw-order-receipt{min-height:calc(100svh - 80px);padding:20px 16px 96px;background:#f2f7fc;color:#12233d;font-family:Inter,"Inter Fallback",Arial,sans-serif}
.stw-order-receipt *{box-sizing:border-box}.stw-order-receipt>nav{display:flex;gap:8px;max-width:600px;margin:0 auto 16px;color:#55657d;font-size:13px;line-height:1.5}.stw-order-receipt>nav a{color:inherit;text-decoration:none}
.stw-order-receipt-card{width:100%;max-width:600px;margin:auto;padding:32px 28px;border:1px solid #dce6f2;border-radius:16px;background:#fff;box-shadow:0 2px 12px #0f32640a;text-align:center}
.stw-order-receipt-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#e7f5ee;color:#087346}.stw-order-receipt-icon.is-cancelled{background:#fff0f0;color:#b42323}
.stw-order-receipt-icon svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.stw-order-receipt h1{margin:0;color:#0b3f85;font-size:26px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.stw-order-receipt-copy{margin:12px 0 24px;color:#55657d;font-size:15px;line-height:1.6}
.stw-order-receipt dl{margin:0;padding:0 16px;border:1px solid #dce6f2;border-radius:12px;background:#f8fbff;text-align:left}
.stw-order-receipt dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0}.stw-order-receipt dl>div+div{border-top:1px solid #dce6f2}
.stw-order-receipt dt{color:#55657d;font-size:14px;line-height:1.5}.stw-order-receipt dd{min-width:0;margin:0;color:#0b3f85;font-size:15px;font-weight:600;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.stw-order-receipt-total dd{color:#c41232;font-size:20px;font-weight:700}.stw-order-receipt-cod{margin:10px 0 0;color:#55657d;font-size:13px;line-height:1.5}
.stw-order-receipt-actions{display:grid;gap:12px;margin-top:24px}.stw-order-receipt-actions>a,.stw-order-receipt-card>button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #0b54b0;border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none}
.stw-order-receipt-primary,.stw-order-receipt-card>button{background:#0b54b0;color:#fff}.stw-order-receipt-secondary{background:#fff;color:#0b54b0}
.stw-order-receipt-guest{margin:20px 0 4px;color:#55657d;font-size:13px;line-height:1.6}.stw-order-receipt-account{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;color:#0b54b0;font-size:14px;line-height:1.5;text-underline-offset:3px}
.stw-order-receipt :is(a,button):focus-visible{outline:3px solid #8db8ee;outline-offset:2px}
@media(max-width:720px){.stw-order-receipt{padding:16px 12px calc(88px + env(safe-area-inset-bottom))}.stw-order-receipt-card{padding:24px 16px}.stw-order-receipt h1{font-size:24px}.stw-order-receipt dl{padding:0 12px}.stw-order-receipt dl>div{gap:12px}.stw-order-receipt dt{font-size:13px}.stw-order-receipt dd{font-size:14px}.stw-order-receipt-total dd{font-size:18px}}