/* Hawamech Shipping: the order tracking page and the "Track your order" boxes.
   Same design language as the Request a book page. Colours read the --hw-* tokens of
   Hawamech Core (dark mode) with the light colours as fallbacks. Logical properties
   throughout, so the Arabic (RTL) version works as is. The site squares every corner
   to 2px, so nothing here is round. */

.hwsh-track,.hwsh-linkbox{--hs-ink:var(--hw-ink,#0f3f3a);--hs-head:var(--theme-headings-color,#0f3f3a);--hs-title-sm:var(--hw-title-sm,var(--theme-headings-color,#0f3f3a));--hs-fill:var(--hw-fill,#0f3f3a);--hs-acc:var(--theme-palette-color-1,#e8622c);--hs-acc-text:var(--hw-acc-text,#b8471a);--hs-acc-hover:var(--hw-acc-hover,#cf4f1b);--hs-acc-on-fill:#f08a5d;--hs-on-acc:var(--hw-on-acc,#fff);--hs-acc-soft:var(--hw-acc-soft,#fdf3ee);--hs-acc-line:var(--hw-acc-line,#f3c7b3);--hs-text:var(--hw-text,#546462);--hs-muted:var(--hw-muted,#677372);--hs-faint:var(--hw-faint,#8a9694);--hs-line:var(--hw-line,#e5e8e8);--hs-line-2:var(--hw-line-2,#eef0f0);--hs-line-strong:var(--hw-line-strong,#c5cccb);--hs-soft:var(--hw-surface-2,#f6f7f7);--hs-surface:var(--hw-surface,#fff);--hs-input:var(--hw-input,#fff);--hs-shadow:var(--hw-shadow,rgba(15,63,58,.07));--hs-ok:var(--hw-ok,#116329);--hs-ok-soft:var(--hw-ok-soft,#e7f6ec);--hs-ok-line:var(--hw-ok-line,#b8e0c6);--hs-bad:var(--hw-bad,#b3261e);--hs-bad-soft:var(--hw-bad-soft,#fdf0ef);--hs-bad-line:var(--hw-bad-line,#f1c2bd);--hs-info:var(--hw-info,#1d4f91);--hs-info-soft:var(--hw-info-soft,#e8f1fb);--hs-violet:var(--hw-violet,#5a3d8a);--hs-violet-soft:var(--hw-violet-soft,#f0ecf7);color:var(--hs-ink);font-family:Figtree,sans-serif;font-size:15px;line-height:1.55}
.hwsh-track *,.hwsh-track *::before,.hwsh-track *::after,.hwsh-linkbox *,.hwsh-linkbox *::before,.hwsh-linkbox *::after{box-sizing:border-box}
.hwsh-track [hidden]{display:none!important}
.hwsh-track :is(h1,h2,h3),.hwsh-linkbox :is(h1,h2,h3){margin:0;font-family:Montserrat,sans-serif;color:var(--hs-head);letter-spacing:0;text-transform:none}
.hwsh-track :is(ul,ol){margin:0;padding:0;list-style:none}
.hwsh-track li{margin:0}
.hwsh-track p,.hwsh-linkbox p{margin:0}
.hwsh-track a{color:var(--hs-acc-text);text-decoration:none}
.hwsh-track a:hover{color:var(--hs-acc-hover)}
.hwsh-track .screen-reader-text,.hwsh-linkbox .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.hwsh-track .hwsh-i,.hwsh-linkbox .hwsh-i{display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle}
[dir=rtl] .hwsh-track .hwsh-i-arrow,[dir=rtl] .hwsh-linkbox .hwsh-i-arrow{transform:scaleX(-1)}

/* small type */
.hwsh-track .hwsh-kicker{margin:0 0 10px;font:700 12px/1.2 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-acc-text)}
.hwsh-track .hwsh-muted{color:var(--hs-muted);font-size:13.5px}
.hwsh-track .hwsh-hint{margin:6px 0 0;color:var(--hs-muted);font-size:13px;line-height:1.45}

/* buttons and links */
.hwsh-track .hwsh-btn,.hwsh-linkbox .hwsh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin:0;padding:12px 26px;border:1px solid transparent;border-radius:2px;box-shadow:none;font:700 16px/1.2 Figtree,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.hwsh-track .hwsh-btn .hwsh-i,.hwsh-linkbox .hwsh-btn .hwsh-i{width:19px;height:19px}
.hwsh-track .hwsh-btn.is-solid,.hwsh-linkbox .hwsh-btn.is-solid{background:var(--hs-acc);border-color:var(--hs-acc);color:var(--hs-on-acc)}
.hwsh-track .hwsh-btn.is-solid:hover,.hwsh-linkbox .hwsh-btn.is-solid:hover{background:var(--hs-acc-hover);border-color:var(--hs-acc-hover);color:var(--hs-on-acc)}
.hwsh-track .hwsh-btn.is-line{background:transparent;border-color:var(--hs-ink);color:var(--hs-ink)}
.hwsh-track .hwsh-btn.is-line:hover{background:var(--hs-ink);border-color:var(--hs-ink);color:var(--hs-surface)}
.hwsh-track .hwsh-btn:focus-visible,.hwsh-linkbox .hwsh-btn:focus-visible{outline:2px solid var(--hs-acc);outline-offset:3px}
.hwsh-track .hwsh-btn.is-busy{opacity:.8;cursor:progress}
.hwsh-track .hwsh-link{display:inline-flex;align-items:center;gap:8px;color:var(--hs-acc-text);font-weight:700;font-size:14.5px}
.hwsh-track .hwsh-link .hwsh-i{width:16px;height:16px;transition:transform .2s}
.hwsh-track .hwsh-link:hover .hwsh-i{transform:translateX(3px)}
[dir=rtl] .hwsh-track .hwsh-link:hover .hwsh-i{transform:scaleX(-1) translateX(3px)}
.hwsh-track .hwsh-link:focus-visible,.hwsh-track .hwsh-recent__row:focus-visible{outline:2px solid var(--hs-acc);outline-offset:3px}

/* hero with the search card */
.hwsh-track .hwsh-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:56px;background:var(--hs-fill);color:#fff;isolation:isolate}
.hwsh-track .hwsh-hero::before,.hwsh-track .hwsh-order__band::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:radial-gradient(600px 300px at 100% 0,rgba(232,98,44,.35),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 64px);pointer-events:none}
.hwsh-track .hwsh-hero .hwsh-kicker,.hwsh-track .hwsh-order__band .hwsh-kicker{color:var(--hs-acc-on-fill)}
.hwsh-track .hwsh-hero__title{color:#fff;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.08}
.hwsh-track .hwsh-hero__lead{max-width:520px;margin:16px 0 0;color:rgba(255,255,255,.8);font-size:17px}
.hwsh-track .hwsh-hero__points{display:flex;flex-wrap:wrap;gap:10px 24px;margin:26px 0 0}
.hwsh-track .hwsh-hero__points li{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14.5px}
.hwsh-track .hwsh-hero__points .hwsh-i{width:18px;height:18px;color:var(--hs-acc-on-fill);stroke-width:2.6}
.hwsh-track .hwsh-card{min-width:0;border:1px solid var(--hs-line);background:var(--hs-surface);color:var(--hs-ink);box-shadow:0 18px 48px var(--hs-shadow)}
.hwsh-track .hwsh-search{padding:30px 30px 28px;border-color:transparent;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.hwsh-track .hwsh-search__title{margin:0 0 20px;font-size:22px;font-weight:800;line-height:1.2}

/* form */
.hwsh-track .hwsh-form{display:grid;gap:18px;margin:0}
.hwsh-track .hwsh-field{min-width:0;margin:0}
.hwsh-track .hwsh-field>label{display:block;margin:0 0 7px;padding:0;color:var(--hs-ink);font:600 14px/1.35 Figtree,sans-serif;letter-spacing:0;text-transform:none}
.hwsh-track .hwsh-field input{display:block;width:100%;height:auto;min-height:48px;margin:0;padding:11px 14px;border:1px solid var(--hs-line-strong);border-radius:2px;background-color:var(--hs-input);color:var(--hs-ink);box-shadow:none;font:500 15px/1.4 Figtree,sans-serif;transition:border-color .15s,box-shadow .15s}
.hwsh-track .hwsh-field input::placeholder{color:var(--hs-muted);opacity:1}
.hwsh-track .hwsh-field input:focus{outline:0;border-color:var(--hs-acc);box-shadow:0 0 0 3px var(--hs-acc-line)}
.hwsh-track .hwsh-form__submit .hwsh-btn{width:100%}
.hwsh-track .hwsh-form--row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:18px}
.hwsh-track .hwsh-form--row .hwsh-form__submit{padding-top:26px}
.hwsh-track .hwsh-form--row .hwsh-btn{min-height:48px}
.hwsh-track .hwsh-notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--hs-bad-line);border-inline-start:4px solid var(--hs-bad);background:var(--hs-bad-soft);color:var(--hs-ink);font-size:14.5px;line-height:1.45;outline:0}
.hwsh-track .hwsh-notice .hwsh-i{width:19px;height:19px;margin-top:1px;color:var(--hs-bad)}

/* sections under the hero */
.hwsh-track .hwsh-sec{padding:64px 0 0}
.hwsh-track .hwsh-sec__head{margin:0 0 26px}
.hwsh-track .hwsh-sec__head h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.15}
.hwsh-track .hwsh-recent__list{display:grid;gap:10px}
.hwsh-track .hwsh-recent__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 24px;padding:16px 20px;border:1px solid var(--hs-line);background:var(--hs-surface);color:var(--hs-ink);transition:border-color .15s,box-shadow .15s}
.hwsh-track .hwsh-recent__row:hover{border-color:var(--hs-ink);box-shadow:0 10px 28px var(--hs-shadow);color:var(--hs-ink)}
.hwsh-track .hwsh-recent__main{display:flex;flex-direction:column;gap:2px;min-width:0}
.hwsh-track .hwsh-recent__main strong{color:var(--hs-head);font:700 16px/1.3 Montserrat,sans-serif}
.hwsh-track .hwsh-recent__go{display:inline-flex;align-items:center;gap:6px;color:var(--hs-acc-text);font-weight:700;font-size:14.5px}
.hwsh-track .hwsh-recent__go .hwsh-i{width:16px;height:16px}
.hwsh-track .hwsh-stages__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hwsh-track .hwsh-stage{padding:26px 24px 24px;border:1px solid var(--hs-line);background:var(--hs-surface)}
.hwsh-track .hwsh-stage__top{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.hwsh-track .hwsh-stage__ic{display:grid;place-items:center;width:50px;height:50px;background:var(--hs-soft);color:var(--hs-ink)}
.hwsh-track .hwsh-stage__ic .hwsh-i{width:24px;height:24px}
.hwsh-track .hwsh-stage__n{color:var(--hs-faint);font:800 36px/1 Montserrat,sans-serif}
.hwsh-track .hwsh-stage h3{font-size:18px;font-weight:700;line-height:1.3}
.hwsh-track .hwsh-stage p{margin:8px 0 0;color:var(--hs-text);font-size:14.5px}
.hwsh-track .hwsh-help{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px 24px;margin:64px 0 0;padding:28px 32px;background:var(--hs-fill);color:rgba(255,255,255,.8)}
.hwsh-track .hwsh-help__ic{display:grid;place-items:center;width:52px;height:52px;background:rgba(255,255,255,.08);color:var(--hs-acc-on-fill)}
.hwsh-track .hwsh-help__ic .hwsh-i{width:26px;height:26px}
.hwsh-track .hwsh-help h2{color:#fff;font-size:21px;font-weight:800;line-height:1.25}
.hwsh-track .hwsh-help p{margin:4px 0 0;font-size:15px}
.hwsh-track .hwsh-help__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 22px}
.hwsh-track .hwsh-help .hwsh-link{color:#fff}
.hwsh-track .hwsh-help .hwsh-link:hover{color:var(--hs-acc-on-fill)}

/* one order */
.hwsh-track .hwsh-order{border:1px solid var(--hs-line);background:var(--hs-surface);box-shadow:0 18px 48px var(--hs-shadow)}
.hwsh-track .hwsh-order__band{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 28px;padding:36px 40px;background:var(--hs-fill);color:#fff;isolation:isolate}
.hwsh-track .hwsh-order__intro{min-width:0}
.hwsh-track .hwsh-order__title{color:#fff;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.1;outline:0}
.hwsh-track .hwsh-order__meta{display:flex;flex-wrap:wrap;gap:4px 0;margin:12px 0 0;color:rgba(255,255,255,.8);font-size:15px}
.hwsh-track .hwsh-order__sum{display:inline-flex;flex-wrap:wrap}
.hwsh-track .hwsh-order__sum::before,.hwsh-track .hwsh-order__sum>span+span::before{content:"·";margin-inline:10px;color:rgba(255,255,255,.45)}
.hwsh-track .hwsh-order__meta .amount{color:#fff;font-weight:700}
.hwsh-track .hwsh-order__state{margin:0}
.hwsh-track .hwsh-order__body{padding:34px 40px 40px}
.hwsh-track .hwsh-order__message{margin:0;color:var(--hs-head);font:700 clamp(17px,1.9vw,21px)/1.4 Montserrat,sans-serif}
.hwsh-track .hwsh-order__cta{margin:18px 0 0}
.hwsh-track .hwsh-order--bad{--hs-tone:var(--hs-bad);--hs-tone-soft:var(--hs-bad-soft)}
.hwsh-track .hwsh-order--violet{--hs-tone:var(--hs-violet);--hs-tone-soft:var(--hs-violet-soft)}
.hwsh-track .hwsh-order--neutral{--hs-tone:var(--hs-muted);--hs-tone-soft:var(--hs-soft)}
.hwsh-track .is-stopped .hwsh-order__status{padding:18px 20px;border-inline-start:4px solid var(--hs-tone,var(--hs-line-strong));background:var(--hs-tone-soft,var(--hs-soft))}
.hwsh-track .is-stopped .hwsh-order__message{font-size:17px}

/* status badges */
.hwsh-track .hwsh-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 11px;background:var(--hs-soft);color:var(--hs-text);font:700 12.5px/1.4 Figtree,sans-serif;white-space:nowrap}
.hwsh-track .hwsh-badge::before{content:"";flex:none;width:8px;height:8px;background:currentColor}
.hwsh-track .hwsh-badge--acc{background:var(--hs-acc-soft);color:var(--hs-acc-text)}
.hwsh-track .hwsh-badge--ok{background:var(--hs-ok-soft);color:var(--hs-ok)}
.hwsh-track .hwsh-badge--info{background:var(--hs-info-soft);color:var(--hs-info)}
.hwsh-track .hwsh-badge--bad{background:var(--hs-bad-soft);color:var(--hs-bad)}
.hwsh-track .hwsh-badge--violet{background:var(--hs-violet-soft);color:var(--hs-violet)}
.hwsh-track .hwsh-order__band .hwsh-badge{padding:8px 16px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:15px}
.hwsh-track .hwsh-order__band .hwsh-badge::before{width:10px;height:10px;background:var(--hs-dot,#b7c2c8)}
.hwsh-track .hwsh-order__band .hwsh-badge--acc{--hs-dot:#f08a5d}
.hwsh-track .hwsh-order__band .hwsh-badge--ok{--hs-dot:#5cc98f}
.hwsh-track .hwsh-order__band .hwsh-badge--info{--hs-dot:#8ab8f0}
.hwsh-track .hwsh-order__band .hwsh-badge--bad{--hs-dot:#f28b82}
.hwsh-track .hwsh-order__band .hwsh-badge--violet{--hs-dot:#c4a8f0}

/* progress: placed → preparing → shipped → delivered */
.hwsh-track .hwsh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0 0}
.hwsh-track .hwsh-steps__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8px;text-align:center}
.hwsh-track .hwsh-steps__item:not(:last-child)::after{content:"";position:absolute;top:21px;inset-inline-start:calc(50% + 32px);width:calc(100% - 64px);height:2px;background:var(--hs-line-strong)}
.hwsh-track .hwsh-steps__item.is-done::after{background:var(--hs-ink)}
.hwsh-track .hwsh-steps__mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid var(--hs-line-strong);background:var(--hs-surface);color:var(--hs-faint)}
.hwsh-track .hwsh-steps__mark .hwsh-i{width:21px;height:21px}
.hwsh-track .is-done .hwsh-steps__mark{border-color:var(--hs-ink);background:var(--hs-ink);color:var(--hs-surface)}
.hwsh-track .is-done .hwsh-steps__mark .hwsh-i{stroke-width:2.6}
.hwsh-track .is-current .hwsh-steps__mark{border-color:var(--hs-acc);background:var(--hs-acc);color:var(--hs-on-acc);box-shadow:0 0 0 6px var(--hs-acc-soft)}
.hwsh-track .hwsh-steps__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.hwsh-track .hwsh-steps__label{color:var(--hs-head);font:700 14.5px/1.3 Montserrat,sans-serif}
.hwsh-track .is-todo .hwsh-steps__label{color:var(--hs-muted);font-weight:600}
.hwsh-track .hwsh-steps__date{color:var(--hs-muted);font-size:13px}

/* blocks: shipments, updates, items */
.hwsh-track .hwsh-block{margin:34px 0 0}
.hwsh-track .hwsh-block__title{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--hs-title-sm);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.hwsh-track .hwsh-block__title .hwsh-i{width:19px;height:19px;color:var(--hs-acc)}
.hwsh-track .hwsh-ship__list{display:grid;gap:10px}
.hwsh-track .hwsh-ship__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:18px 20px;border:1px solid var(--hs-line);background:var(--hs-soft)}
.hwsh-track .hwsh-ship__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.hwsh-track .hwsh-ship__carrier{color:var(--hs-head);font:700 16px/1.3 Montserrat,sans-serif}
.hwsh-track .hwsh-ship__label{color:var(--hs-muted);font-size:13px}
.hwsh-track .hwsh-ship__number{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:2px}
.hwsh-track .hwsh-ship__number code{padding:0;border-radius:0;background:none;color:var(--hs-ink);font:700 18px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;overflow-wrap:anywhere}
.hwsh-track .hwsh-ship__link{min-height:46px;padding:10px 20px;font-size:15px}
.hwsh-track .hwsh-ship__link .hwsh-i{width:17px;height:17px}
.hwsh-track .hwsh-ship__update{display:flex;flex-wrap:wrap;gap:4px 10px;margin:12px 0 0;padding:12px 16px;border-inline-start:3px solid var(--hs-acc);background:var(--hs-acc-soft);color:var(--hs-ink);font-size:14.5px}
.hwsh-track .hwsh-ship__update-label{color:var(--hs-acc-text);font-weight:700}
.hwsh-track .hwsh-copy{display:inline-flex;align-items:center;gap:6px;min-height:0;margin:0;padding:4px 10px;border:1px solid var(--hs-line-strong);border-radius:2px;background:var(--hs-surface);color:var(--hs-ink);box-shadow:none;font:700 12.5px/1.5 Figtree,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;transition:border-color .15s}
.hwsh-track .hwsh-copy .hwsh-i{width:14px;height:14px}
.hwsh-track .hwsh-copy:hover{border-color:var(--hs-ink);background:var(--hs-surface);color:var(--hs-ink)}
.hwsh-track .hwsh-copy:focus-visible{outline:2px solid var(--hs-acc);outline-offset:2px}
.hwsh-track .hwsh-copy.is-done{border-color:var(--hs-ok-line);background:var(--hs-ok-soft);color:var(--hs-ok)}
.hwsh-track .hwsh-updates__list{margin-inline-start:6px;border-inline-start:2px solid var(--hs-line)}
.hwsh-track .hwsh-updates__list li{position:relative;padding:0 0 18px;padding-inline-start:22px}
.hwsh-track .hwsh-updates__list li:last-child{padding-bottom:0}
.hwsh-track .hwsh-updates__list li::before{content:"";position:absolute;top:5px;inset-inline-start:-7px;width:12px;height:12px;border:2px solid var(--hs-surface);background:var(--hs-acc)}
.hwsh-track .hwsh-updates__time{display:block;color:var(--hs-muted);font-size:13px}
.hwsh-track .hwsh-updates__text{margin-top:3px;color:var(--hs-ink)}
.hwsh-track .hwsh-updates__text p+p{margin-top:8px}
.hwsh-track .hwsh-order__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;margin:34px 0 0;padding:34px 0 0;border-top:1px solid var(--hs-line-2)}
.hwsh-track .hwsh-order__grid .hwsh-block{margin:0}
.hwsh-track .hwsh-order__side{display:grid;gap:16px;min-width:0}
.hwsh-track .hwsh-items__list{border-top:1px solid var(--hs-line)}
.hwsh-track .hwsh-items__row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--hs-line)}
.hwsh-track .hwsh-items__thumb{display:block;width:52px;background:var(--hs-soft)}
.hwsh-track .hwsh-items__thumb img{display:block;width:100%;height:auto;margin:0}
.hwsh-track .hwsh-items__name{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--hs-ink);font-weight:600;line-height:1.4}
.hwsh-track .hwsh-items__name a{color:var(--hs-ink)}
.hwsh-track .hwsh-items__name a:hover{color:var(--hs-acc-text)}
.hwsh-track .hwsh-items__name .hwsh-muted{font-weight:500}
.hwsh-track .hwsh-items__price{color:var(--hs-ink);font-weight:700;white-space:nowrap}
.hwsh-track .hwsh-box{padding:22px;border:1px solid var(--hs-line);background:var(--hs-soft)}
.hwsh-track .hwsh-totals__list{margin:0}
.hwsh-track .hwsh-totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hs-line)}
.hwsh-track .hwsh-totals__row:first-child{padding-top:0;border-top:0}
.hwsh-track .hwsh-totals__row dt{margin:0;color:var(--hs-text);font-weight:500;font-size:14px}
.hwsh-track .hwsh-totals__row dd{margin:0;color:var(--hs-ink);font-weight:700;font-size:14px;text-align:end}
.hwsh-track .hwsh-totals__row dd small{display:block;color:var(--hs-muted);font-weight:500;font-size:12.5px}
.hwsh-track .hwsh-totals__row--order_total{padding-top:12px}
.hwsh-track .hwsh-totals__row--order_total :is(dt,dd){color:var(--hs-head);font:800 17px/1.3 Montserrat,sans-serif}
.hwsh-track .hwsh-totals__row--order_total dd small{font:500 12.5px/1.4 Figtree,sans-serif}
.hwsh-track .hwsh-delivery p{display:flex;flex-direction:column;gap:2px;color:var(--hs-text);font-size:14.5px}
.hwsh-track .hwsh-delivery strong{color:var(--hs-ink)}
.hwsh-track .hwsh-order__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 40px;border-top:1px solid var(--hs-line);background:var(--hs-soft);color:var(--hs-text);font-size:14.5px}
.hwsh-track .hwsh-order__foot p a{font-weight:700}

/* track another order */
.hwsh-track .hwsh-again{margin:24px 0 0;border:1px solid var(--hs-line);background:var(--hs-surface)}
.hwsh-track .hwsh-again>summary{display:flex;align-items:center;gap:12px;padding:18px 24px;color:var(--hs-head);font:700 16.5px/1.4 Montserrat,sans-serif;list-style:none;cursor:pointer}
.hwsh-track .hwsh-again>summary::-webkit-details-marker{display:none}
.hwsh-track .hwsh-again>summary>span{flex:1}
.hwsh-track .hwsh-again>summary .hwsh-i{width:19px;height:19px;color:var(--hs-acc)}
.hwsh-track .hwsh-again>summary:hover{color:var(--hs-acc-text)}
.hwsh-track .hwsh-again>summary:focus-visible{outline:2px solid var(--hs-acc);outline-offset:2px}
.hwsh-track .hwsh-again__ic{transition:transform .2s}
.hwsh-track .hwsh-again[open] .hwsh-again__ic{transform:rotate(45deg)}
.hwsh-track .hwsh-again__body{padding:6px 24px 24px}

/* the page's own text, shown only if the plugin is switched off */
.hwsh-fallback{display:none!important}

/* "Track your order" box: thank-you page and My Account > View order */
.hwsh-linkbox{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:0 0 28px;padding:18px 22px;border:1px solid var(--hs-acc-line);background:var(--hs-acc-soft)}
.hwsh-linkbox .hwsh-linkbox__ic{display:grid;place-items:center;flex:none;width:46px;height:46px;background:var(--hs-acc);color:var(--hs-on-acc)}
.hwsh-linkbox .hwsh-linkbox__ic .hwsh-i{width:24px;height:24px}
.hwsh-linkbox .hwsh-linkbox__text{display:flex;flex:1 1 260px;flex-direction:column;gap:2px;min-width:0;margin:0;color:var(--hs-text);font-size:14.5px;line-height:1.5}
.hwsh-linkbox .hwsh-linkbox__text strong{color:var(--hs-head);font:700 16px/1.3 Montserrat,sans-serif}
.hwsh-linkbox .hwsh-btn{min-height:48px;padding:10px 22px;font-size:15px}

@media (max-width:1080px){
	.hwsh-track .hwsh-stages__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
	.hwsh-track .hwsh-hero{grid-template-columns:1fr;gap:30px;padding:44px 36px 36px}
	.hwsh-track .hwsh-order__grid{grid-template-columns:1fr}
	.hwsh-track .hwsh-help{grid-template-columns:auto minmax(0,1fr)}
	.hwsh-track .hwsh-help__links{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:760px){
	.hwsh-track .hwsh-hero{padding:36px 20px 22px}
	.hwsh-track .hwsh-hero__lead{font-size:15.5px}
	.hwsh-track .hwsh-hero__points{display:grid;gap:10px}
	.hwsh-track .hwsh-search{padding:24px 20px}
	.hwsh-track .hwsh-search__title{font-size:20px}
	.hwsh-track .hwsh-sec{padding-top:44px}
	.hwsh-track .hwsh-sec__head{margin-bottom:18px}
	.hwsh-track .hwsh-recent__row{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}
	.hwsh-track .hwsh-recent__go{display:none}
	.hwsh-track .hwsh-stages__list{grid-template-columns:1fr;gap:10px}
	.hwsh-track .hwsh-stage{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:16px}
	.hwsh-track .hwsh-stage__top{display:contents}
	.hwsh-track .hwsh-stage__ic{grid-row:1/3;width:44px;height:44px}
	.hwsh-track .hwsh-stage__ic .hwsh-i{width:21px;height:21px}
	.hwsh-track .hwsh-stage__n{display:none}
	.hwsh-track .hwsh-stage h3{font-size:16px}
	.hwsh-track .hwsh-stage p{margin-top:4px;font-size:14px}
	.hwsh-track .hwsh-help{grid-template-columns:1fr;margin-top:44px;padding:24px 20px}
	.hwsh-track .hwsh-help__ic{display:none}
	.hwsh-track .hwsh-help__links .hwsh-btn{width:100%}
	.hwsh-track .hwsh-order__band{padding:28px 20px 24px}
	.hwsh-track .hwsh-order__body{padding:24px 20px 28px}
	.hwsh-track .hwsh-order__foot{padding:16px 20px}
	.hwsh-track .hwsh-order__cta .hwsh-btn{width:100%}
	.hwsh-track .hwsh-ship__item{padding:16px}
	.hwsh-track .hwsh-ship__link{width:100%}
	.hwsh-track .hwsh-box{padding:18px}
	.hwsh-track .hwsh-form--row{grid-template-columns:1fr}
	.hwsh-track .hwsh-form--row .hwsh-form__submit{padding-top:0}
	.hwsh-track .hwsh-form--row .hwsh-btn{width:100%;min-height:52px}
	.hwsh-track .hwsh-again>summary{padding:16px 18px}
	.hwsh-track .hwsh-again__body{padding:4px 18px 20px}
	.hwsh-linkbox{padding:16px}
	.hwsh-linkbox .hwsh-btn{width:100%}
}
@media (max-width:600px){
	.hwsh-track .hwsh-order__meta{flex-direction:column}
	.hwsh-track .hwsh-order__sum::before{content:none}
	.hwsh-track .hwsh-steps{grid-template-columns:1fr;margin-top:24px}
	.hwsh-track .hwsh-steps__item{flex-direction:row;align-items:flex-start;gap:14px;padding:0 0 18px;text-align:start}
	.hwsh-track .hwsh-steps__item:last-child{padding-bottom:0}
	.hwsh-track .hwsh-steps__item:not(:last-child)::after{top:44px;bottom:0;inset-inline-start:21px;width:2px;height:auto}
	.hwsh-track .hwsh-steps__text{padding-top:11px}
}
@media (prefers-reduced-motion:reduce){
	.hwsh-track *,.hwsh-linkbox *{transition:none!important}
}