.order-input-wrap{position:relative;width:100%}
.order-input-wrap input{display:block;width:100%;min-width:0;height:49px;border:1px solid #939393;border-radius:32px;padding:10px 56px 10px 18px;font-size:16px;background:#fff;color:#121212;outline:none}
.order-input-wrap input:focus{border-color:#0051ed;box-shadow:0 0 0 3px #0051ed15}
.order-input-wrap button{position:absolute;top:6px;right:6px;width:37px;height:37px;display:grid;place-items:center;border:0;border-radius:50%;background:#0051ed;color:#fff;font-size:24px;line-height:1}
.order-input-wrap button:hover{background:#0044ca}
.tracking-page{min-height:100svh;background:#fff;color:#122d51;padding:22px clamp(20px,5vw,90px) 54px}.tracking-toolbar{display:flex;align-items:center;gap:16px;max-width:1120px;margin:0 auto}.tracking-back{width:33px;height:33px;display:grid;place-items:center;border:0;background:#0051ed;color:#fff;border-radius:50%;font-size:22px}.tracking-brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#0051ed}.tracking-brand span{font-size:12px;font-weight:800;letter-spacing:.2px}.tracking-home{margin-left:auto;text-decoration:none;color:#0051ed;font-size:13px}.tracking-home:hover{text-decoration:underline}.order-lookup-card{max-width:560px;margin:clamp(65px,12vh,130px) auto 0;text-align:center}.order-lookup-tag{display:inline-block;background:#ff6028;color:#fff;font-size:13px;padding:6px 19px;border-radius:30px}.order-lookup-card h1{font-size:clamp(29px,3vw,44px);line-height:1.15;letter-spacing:-1px;color:#0051ed;margin:24px 0 17px}.order-lookup-card>p{font-size:15px;line-height:1.6;max-width:440px;margin:0 auto;color:#6b778a}.tracking-lookup-form{margin-top:34px;text-align:left}.tracking-lookup-form>label{display:block;font-size:13px;font-weight:600;margin:0 0 9px;color:#17375e}.tracking-lookup-form .order-input-wrap input{height:58px;border-color:#a7b6cc;border-radius:16px}.tracking-lookup-form .order-input-wrap button{height:44px;width:44px;top:7px;right:7px;border-radius:11px}.tracking-preview-note{font-size:12px!important;margin-top:18px!important;color:#8390a0!important}.tracking-demo-button{background:#eef3ff;color:#0051ed;display:inline-flex;align-items:center;justify-content:center;min-width:214px;max-width:100%;padding:14px 23px;font-size:14px;border:0;border-radius:30px;margin-top:23px}.tracking-demo-button:hover{background:#e2ebff}.progress-shell{width:100%;max-width:940px;margin:28px auto 0}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;color:#7d899a;font-size:12px}.progress-demo-badge{display:inline-block;color:#0051ed;border-radius:30px;background:#edf3ff;padding:6px 12px;font-size:11px;font-weight:600}.progress-hero{background:linear-gradient(110deg,#0051ed,#1874e8);color:#fff;min-height:385px;border-radius:26px;padding:30px 22px 26px;text-align:center;display:flex;align-items:center;flex-direction:column}.progress-product{font-size:13px;line-height:1.5;font-weight:600;margin:0 0 11px}.progress-hero h1{font-size:clamp(38px,4vw,57px);line-height:1;font-weight:800;letter-spacing:.5px;margin:0}.progress-percent{font-size:25px;font-weight:700;line-height:1.2;margin:8px 0 13px}.order-progress-bar{height:5px;background:#ffffff4d;width:min(300px,75%);border-radius:20px;overflow:hidden}.order-progress-bar>span{display:block;width:75%;height:100%;background:#fff;transition:width .35s ease}.progress-shield{display:block;width:63px;height:75px;margin:30px auto 31px}.progress-status{font-size:14px;line-height:1.5;font-weight:600;margin:auto 0 0;max-width:600px}.progress-details{margin-top:30px}.progress-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.progress-detail-heading h2{font-size:17px;font-weight:600;line-height:1.4;margin:0}.progress-detail-heading>span{font-size:12px;color:#ff6028}.order-timeline{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;margin:0}.order-timeline li{position:relative;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#929eaf}.order-timeline li:not(:last-child):after{content:'';height:2px;background:#e1e7f1;width:100%;position:absolute;top:17px;left:50%;z-index:0}.order-timeline li[data-state="done"]:after{background:#0051ed}.timeline-marker{display:grid;place-items:center;background:#fff;border:2px solid #dfe6f1;border-radius:50%;width:35px;height:35px;color:#9ca7b7;font-size:12px;position:relative;z-index:1}.timeline-label{font-size:12px;line-height:1.4;margin-top:4px;font-weight:600}.timeline-detail{font-size:10px;line-height:1.4}.order-timeline li[data-state="done"]{color:#0051ed}.order-timeline li[data-state="done"] .timeline-marker{background:#0051ed;color:white;border-color:#0051ed}.order-timeline li[data-state="current"]{color:#f25d29}.order-timeline li[data-state="current"] .timeline-marker{border-color:#ff6028;color:#ff6028;box-shadow:0 0 0 4px #fff1eb}.progress-demo-controls{margin-top:30px;border-radius:15px;background:#f5f8fd;padding:17px 19px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.progress-demo-controls label{font-size:12px;color:#527091;font-weight:600}.progress-demo-controls select{background:#fff;border:1px solid #d3deed;border-radius:8px;padding:8px 28px 8px 10px;font-size:12px;color:#17375e;max-width:100%}.progress-demo-controls p{font-size:11px;color:#8895a6;margin:0 0 0 auto;line-height:1.5}.progress-other-order{display:inline-block;margin-top:20px;color:#0051ed;font-size:13px;text-decoration:none}.progress-other-order:hover{text-decoration:underline}
@media(max-width:760px){.tracking-page{padding:20px 19px 42px}.tracking-toolbar{gap:11px}.tracking-brand span{font-size:10px}.tracking-brand img{width:26px;height:24px}.tracking-home{font-size:12px}.order-lookup-card{margin-top:76px}.order-lookup-card h1{font-size:32px}.order-lookup-card>p{font-size:14px}.tracking-lookup-form{margin-top:28px}.tracking-preview-note{font-size:11px!important}.progress-shell{margin-top:25px}.progress-meta{font-size:10px}.progress-hero{min-height:330px;border-radius:21px;padding:25px 15px}.progress-product{font-size:11px;margin-bottom:13px}.progress-hero h1{font-size:39px}.progress-percent{font-size:22px}.progress-shield{width:53px;height:65px;margin:25px auto}.progress-status{font-size:12px}.progress-details{margin-top:28px}.progress-detail-heading{margin-bottom:23px}.progress-detail-heading h2{font-size:16px}.progress-detail-heading>span{font-size:11px}.order-timeline{grid-template-columns:1fr}.order-timeline li{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;text-align:left;justify-items:start;align-items:start;column-gap:14px;row-gap:3px;padding:0 0 21px}.order-timeline li:not(:last-child):after{width:2px;height:100%;top:17px;left:17px}.timeline-marker{grid-column:1;grid-row:1/3}.timeline-label{grid-column:2;grid-row:1;margin-top:1px;font-size:13px}.timeline-detail{grid-column:2;grid-row:2;font-size:11px}.progress-demo-controls{margin-top:8px;gap:10px;padding:15px}.progress-demo-controls p{width:100%;margin:0;font-size:10px}.progress-demo-controls label{font-size:11px}.progress-demo-controls select{font-size:11px}.progress-other-order{font-size:12px}}
@media(prefers-reduced-motion:reduce){.order-progress-bar>span{transition:none}}

.account-page {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 44px 20px 64px;
  position: relative;
  background: #dedede url("assets/account/login-bag.png") center / cover no-repeat;
  color: #fff;
  font: 14px/1.25 Arial, sans-serif;
}
.order-lookup-toolbar {
  max-width: none;
  min-height: 33px;
  margin-inline-end: calc(clamp(19px, 3vw, 44px) - clamp(20px, 5vw, 90px));
}
@media (max-width: 760px) {
  .order-lookup-toolbar { margin-inline-end: 0; }
}
.account-home {
  position: absolute;
  top: 22px;
  right: clamp(19px, 3vw, 44px);
  color: #171717;
  text-shadow: 0 0 5px #fff, 0 0 9px #fff;
  font-weight: 700;
  text-decoration: none;
}
.account-home:hover { text-decoration: underline; }
.account-panel {
  width: min(566px, 100%);
  padding: 24px 28px 23px;
  border-radius: 20px;
  background: linear-gradient(180deg, #000e 0%, #000b 58%, #0a0a0a66 100%);
  backdrop-filter: blur(4px);
}
.account-panel.is-code-step { padding-block: 24px 14px; }
.account-logo { width: 132px; display: block; margin: 0 auto 15px; }
/* The shared wordmark SVG has extra space to the right of the lettering. */
.account-logo img { display: block; width: 100%; height: auto; transform: translateX(10%); }
.account-panel h1 {
  color: #fff;
  font: 800 27px/1.18 Arial, sans-serif;
  margin: 0 0 9px;
  text-align: center;
}
.account-purpose, .account-code-email { color: #a3a3a3; text-align: center; font-weight: 700; margin: 0 0 27px; }
.account-line-field { display: block; margin-bottom: 5px; }
.account-line-input {
  display: block;
  width: 100%;
  color: #fff;
  font: inherit;
  height: 45px;
  padding: 4px 1px 0;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.account-line-input::placeholder, .account-box-input::placeholder { color: #a1a1a1; }
.account-line-input:focus-visible { outline: 0; border-color: #86b5ff; }
.account-line-input:autofill, .account-box-input:autofill { color-scheme: dark; }
.account-legacy-field { display: block; margin-top: 17px; }
.account-consent { margin: 15px 4px 21px; color: #a3a3a3; }
.account-panel [data-account-policy], #edit-login-email, .profile-consent [data-account-policy] {
  background: none;
  border: 0;
  color: inherit;
  padding: 0;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.account-primary {
  width: 100%;
  min-height: 72px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(105deg, #173c89ed, #254a98e6);
  color: #fff;
  font: 800 19px/1.2 Arial, sans-serif;
}
.account-primary:hover { background: #214a9b; }
.account-primary:disabled { opacity: .7; cursor: wait; }
.account-signup { margin: 20px 0 0; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
#google-signup { color: #4590ff; display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; padding: 1px 0; font: inherit; }
#google-signup svg { width: 19px; height: 19px; }
#google-signup span { text-decoration: underline; text-underline-offset: 2px; }
.account-or { display: flex; align-items: center; gap: 13px; margin: 21px 4px 29px; color: #aaa; font-weight: 700; }
.account-or::before, .account-or::after { content: ""; height: 1px; background: #777; flex: 1; }
.account-order-input {
  width: 100%;
  height: 74px;
  border: 1px solid #ffffff13;
  border-radius: 11px;
  background: #2e2e2e;
  color: #fff;
  font: inherit;
  padding: 0 13px;
}
.account-order-input::placeholder { color: #a1a1a1; }
.account-panel .account-feedback { margin: 10px 0 0; color: #ff9393; }
#login-feedback:not(:empty), #account-code-feedback:not(:empty) { margin-bottom: 12px; }
.account-feedback { margin: 10px 0 0; font-size: 14px; line-height: 1.45; color: #b82129; }
.account-feedback:empty { display: none; }
.account-feedback[data-state="success"] { color: #176941; }
.account-feedback[data-state="pending"] { color: #63738c; }
.account-panel .account-feedback[data-state="pending"] { color: #b8c7e5; }
.account-code-email { margin-bottom: 19px; overflow-wrap: anywhere; }
#edit-login-email { margin-left: 5px; }
.is-code-step .account-logo { margin-bottom: 11px; }
.is-code-step .account-line-input { height: 39px; }
.account-resend-row { text-align: right; padding: 5px 0 11px; }
#resend-code { background: transparent; border: 0; color: #e5e5e5; padding: 0; font-size: 12px; }
#resend-code:disabled { color: #b0b0b0; cursor: default; }
#resend-code span { font-size: 17px; vertical-align: middle; }
.account-name-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.account-box-input {
  min-width: 0;
  width: 100%;
  min-height: 55px;
  padding: 0 12px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 8px;
  color: #fff;
  font: inherit;
}
.account-box-input:focus-visible { outline: 0; border-color: #86b5ff; }
.account-birth-fieldset { padding: 0; margin: 20px 0 0; border: 0; min-width: 0; }
.account-birth-fieldset legend { padding: 0; margin: 0 0 15px; }
.account-date-fields { display: grid; grid-template-columns: 1fr 1fr 1.6fr; gap: 15px; }
.account-agreements { display: grid; gap: 13px; margin: 31px 0 21px; }
.account-agreements > *, .profile-consent { display: flex; align-items: flex-start; gap: 10px; }
.account-agreements input, .profile-consent input, .profile-default input { width: 20px; height: 20px; flex: 0 0 20px; margin: 1px 0 0; accent-color: #275bc4; }
.account-page [hidden], .profile-page [hidden], .tracking-order-result[hidden] { display: none !important; }
body[data-page="login"] .support-fab { display: none; }
body:is([data-page="orders"],[data-page="progress"]) .support-fab::before { background: #ff6028; inset: 0; }
.tracking-order-result { margin: 24px 0 0; padding: 17px 19px; border: 1px solid #dce6f4; border-radius: 15px; text-align: left; overflow-wrap: anywhere; }
.tracking-order-result h2 { margin: 0 0 8px; font-size: 18px; }
.tracking-order-result p { margin: 7px 0 0; color: #4f6382; font-size: 14px; }
.tracking-order-result button { margin-top: 10px; color: #0051ed; border: 0; background: none; padding: 0; text-decoration: underline; }
#tracking-order-code[aria-invalid="true"] { border-color: #b82129; }
#login-order-code[aria-invalid="true"] { border-color: #ff9393; }
body #site-header .account-links .login-link.is-name-visible[data-tooltip]::after { opacity: 1; visibility: visible; transform: none; }

.profile-page { background: #f6f8fd; }
.profile-shell { width: min(840px,100%); margin: clamp(40px,7vw,80px) auto 0; }
.profile-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 23px; }
.profile-heading h1 { color: #0051ed; font-size: clamp(36px,5vw,56px); letter-spacing: -.04em; margin: 0; }
.profile-heading p { margin: 0; color: #395985; overflow-wrap: anywhere; }
.profile-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 16px; }
.profile-tabs a { padding: 9px 15px; border: 0; border-radius: 999px; color: #0c47b1; background: #e8effe; font: inherit; font-size: 14px; text-decoration: none; }
.profile-tabs a[data-account-policy]:hover { background: #dbe8ff; }
.profile-tabs a[aria-current="page"] { background: #0051ed; color: #fff; }
.profile-card, .account-dialog { border: 1px solid #d9e4f7; border-radius: 20px; padding: clamp(18px,4vw,36px); background: #fff; color: #122d51; }
.profile-card h2, .account-dialog h2 { font-size: 24px; color: #0e2c5c; margin: 0 0 19px; }
.profile-card h3 { font-size: 17px; margin: 0 0 10px; }
.profile-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 18px; margin: 0 0 20px; }
.profile-fields label { display: grid; gap: 7px; min-width: 0; font-size: 14px; }
.profile-fields :is(input, select) { width: 100%; min-width: 0; color: #112e54; background: #fff; border: 1px solid #b8cae9; border-radius: 9px; padding: 10px 12px; min-height: 44px; font: inherit; }
.profile-fields input[readonly] { background: #f0f3fa; color: #56708f; }
.profile-full { grid-column: 1 / -1; }
.profile-photo { display: flex; align-items: center; gap: 14px; margin-bottom: 23px; }
.profile-avatar { background: #e9f0ff; color: #0051ed; width: 68px; height: 68px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; position: relative; }
.profile-avatar svg { width: 34px; height: 34px; fill: currentColor; }
.profile-avatar img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.profile-photo-actions, .profile-actions, .profile-form-actions, .profile-address-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.profile-photo-actions label, .profile-photo-actions button, .profile-primary, .profile-secondary, .profile-danger {
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 9px 15px;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.profile-primary { background: #0051ed; color: #fff; }
.profile-primary:disabled { opacity: .55; cursor: default; }
.profile-secondary, .profile-photo-actions label, .profile-photo-actions button { background: #eaf1ff; color: #1246a1; }
.profile-photo-actions:focus-within label { outline: 2px solid #0051ed; outline-offset: 2px; }
.profile-danger { color: #ad2027; border-color: #f2c8ca; background: #fff5f5; }
.profile-actions { border-top: 1px solid #e4ebf8; margin-top: 24px; padding-top: 20px; justify-content: space-between; }
.profile-consent, .profile-default { margin-bottom: 17px; font-size: 14px; }
.profile-default { display: flex; align-items: center; gap: 7px; }
#profile-address-list { display: grid; gap: 12px; margin-bottom: 17px; }
.profile-address { padding: 15px; border: 1px solid #dce7f6; border-radius: 12px; overflow-wrap: anywhere; }
.profile-address p { margin: 5px 0; font-size: 14px; line-height: 1.4; }
.profile-address-actions { margin-top: 10px; }
.profile-address strong { color: #0051ed; }
.profile-payment-group { margin: 18px 0; }
.profile-payment-group ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.profile-payment-group li { padding: 8px 12px; border-radius: 8px; background: #f0f5ff; font-size: 14px; }
.profile-payment-note { color: #4f6382; font-size: 14px; margin: 22px 0 0; }
#profile-feedback { margin-bottom: 14px; }
#profile-order-status { color: #4f6382; line-height: 1.45; }
#profile-order-status:empty, .profile-order-list:empty { display: none; }
.profile-order-list { padding: 0; margin: 0 0 16px; list-style: none; display: grid; gap: 14px; }
.profile-order { border: 1px solid #dce7f6; border-radius: 12px; padding: 15px; overflow-wrap: anywhere; }
.profile-order header { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 5px 14px; }
.profile-order h3 { margin: 0; }
.profile-order time, .profile-order p { color: #4f6382; font-size: 14px; line-height: 1.4; }
.profile-order p { margin: 4px 0 0; }
.profile-order-items { padding-left: 18px; margin: 12px 0 0; display: grid; gap: 10px; }

.account-dialog { width: min(460px,calc(100% - 36px)); margin: auto; }
.account-dialog::backdrop { background: #0009; }
.account-dialog p { line-height: 1.5; }
.account-dialog .profile-form-actions { justify-content: flex-end; margin-top: 19px; }
@media (max-width: 760px) {
  .account-page { padding: 50px 15px 31px; background-position: 56% center; }
  .account-panel, .account-panel.is-code-step { padding: 22px clamp(18px,5vw,28px); border-radius: 20px; }
  .account-panel h1 { font-size: clamp(22px,5.7vw,27px); }
  .account-purpose { font-size: 14px; margin-bottom: 22px; }
  .account-primary, .account-order-input { min-height: 53px; height: 53px; font-size: 16px; }
  .account-signup { margin-top: 19px; font-size: 14px; }
  .account-or { margin: 16px 0 18px; }
  .account-consent { margin: 13px 0 18px; font-size: 14px; }
  .account-desktop-break { display: none; }
  .account-box-input { min-height: 51px; padding: 0 8px; font-size: 14px; }
  .account-name-fields, .account-date-fields { gap: 9px; }
  .account-birth-fieldset { margin-top: 20px; }
  .account-birth-fieldset legend { margin-bottom: 10px; }
  .account-agreements { margin: 20px 0 17px; gap: 12px; font-size: 14px; }
  .profile-fields { grid-template-columns: minmax(0,1fr); gap: 12px; }
}