.cs-language {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
  margin-inline-start: 0.75rem;
  color: inherit;
  font:
    500 0.85rem/1.3 system-ui,
    sans-serif;
}
.cs-language-icon {
  display: flex;
  align-items: center;
}
.cs-language select {
  width: auto;
  max-width: 9rem;
  min-height: 44px;
  margin: 0;
  padding: 0.5rem 0.65rem;
  border: 1px solid #aab6c8;
  border-radius: 8px;
  background: #fff;
  color: #0a1628;
  font: inherit;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: 30px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%230a1628' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;
}
[dir="rtl"] .cs-language select {
  background-position: left 10px center;
}
.cs-language select:focus-visible {
  outline: 3px solid #f47621;
  outline-offset: 3px;
}
html[dir="rtl"] body {
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: normal;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  font-family: inherit;
  letter-spacing: normal;
}
html[dir="rtl"] .cs-brand {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"]
  :is(
    label,
    legend,
    .cs-card,
    .card,
    .review-block,
    .chat-message,
    .form-card
  ) {
  text-align: start;
}
html[dir="rtl"]
  :is(
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    .cs-code,
    .ship-number,
    address
  ) {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}
html[dir="rtl"] :is(.chat-widget, .chat-launcher, .seller-offer) {
  right: auto;
  left: 20px;
}
html[dir="rtl"] .steps {
  padding-inline-start: 0;
}
html[dir="rtl"] :is(.cs-kicker, .eyebrow) {
  letter-spacing: normal;
}
.cs-header {
  flex-wrap: wrap;
}
@media (max-width: 800px) {
  .cs-language {
    margin-inline-start: auto;
  }
  .cs-language > span {
    display: none;
  }
  .cs-header .cs-navigation {
    order: 4;
    flex-basis: 100%;
  }
  .cs-language select {
    max-width: 8rem;
  }
  .cs-header {
    gap: 0.5rem;
  }
}
@media print {
  .cs-language {
    display: none;
  }
}
/* Keep floating panels inside the viewport when the reading direction reverses. */
html[dir="rtl"] .chat-panel {
  right: auto;
  left: 0;
  text-align: start;
}
html[dir="rtl"] .chat-widget {
  left: clamp(1rem, 3vw, 1.5rem);
  font-family: Tahoma, Arial, sans-serif;
}
html[dir="rtl"] .seller-offer {
  left: clamp(1rem, 3vw, 1.5rem);
  right: auto;
}
html[dir="rtl"] :is(.cs-notice, .notice) {
  border-left: 0;
  border-right: 3px solid #ce651e;
}
/* Off-screen honeypots must not create a horizontal scroll area in RTL. */
.cs-hp,
.hp,
.hp-field {
  position: absolute !important;
  inset: auto !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
@media (max-width: 560px) {
  html[dir="rtl"] .chat-widget {
    left: 0.75rem;
  }
  html[dir="rtl"] .chat-panel {
    left: -0.25rem;
    right: auto;
  }
  html[dir="rtl"] .seller-offer {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
  }
}

/* The shared form-label rule must not turn the header picker into a block. */
.cs-page label.cs-language { display:flex;align-items:center;margin-bottom:0;font-weight:500; }

/* Isolate fixed-format identifiers inside Arabic sentences. */
.cs-phone-number {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  white-space: nowrap;
  margin-inline-start: 0.3em;
}
html[dir="rtl"] .hero-buttons .btn svg {
  transform: scaleX(-1);
}

/* Arabic glyphs need more room than the compact Latin hero typography. */
html[dir="rtl"] .hero {
  padding-inline: clamp(1.25rem, 8vw, 9rem);
  text-align: start;
}
html[dir="rtl"] .hero-content {
  max-width: 48rem;
}
html[dir="rtl"] .hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.75rem);
  line-height: 1.45;
  letter-spacing: normal;
  overflow-wrap: break-word;
}
html[dir="rtl"] .hero h1 span.line2 {
  /* Keep cursive strokes inside the gradient's painting area. */
  padding-block: 0.08em;
  padding-inline: 0.08em;
}
html[dir="rtl"] .hero-sub {
  max-width: 100%;
  line-height: 1.85;
}
html[dir="rtl"] .hero-partner {
  gap: 0.65rem;
  padding: 0.45rem 0.85rem;
  line-height: 1.6;
  letter-spacing: normal;
}
html[dir="rtl"] .hero-partner-text {
  flex: 0 1 auto;
  width: auto;
}
html[dir="rtl"] .hero-partner .dhl-mark {
  flex: 0 0 auto;
  direction: ltr;
  unicode-bidi: isolate;
}

/* Keep loading feedback readable even when the decorative mobile icon is hidden. */
.cs-language { position: relative; }
.cs-language .cs-language-status { display: block; position: absolute; inset-block-start: calc(100% + .4rem); inset-inline-end: 0; width: max-content; max-width: min(18rem, 75vw); padding: .65rem .85rem; background: #fff; color: #182335; border: 1px solid #aab6c8; border-radius: 8px; z-index: 40; font-size: .85rem; white-space: normal; }
.cs-language .cs-language-status[hidden] { display: none !important; }
html[lang="hi"] body { font-family: "Noto Sans Devanagari", system-ui, sans-serif; }
html[lang="gu"] body { font-family: "Noto Sans Gujarati", system-ui, sans-serif; }
html[lang="bn"] body { font-family: "Noto Sans Bengali", system-ui, sans-serif; }
html[lang="my"] body { font-family: "Noto Sans Myanmar", system-ui, sans-serif; }
html[lang="ur"] body { font-family: "Noto Nastaliq Urdu", Tahoma, serif; line-height: 2.2; }
html[lang="zh-Hans"] body { font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
html:is([lang="hi"], [lang="gu"], [lang="bn"], [lang="my"], [lang="ur"], [lang="zh-Hans"]) :is(h1,h2,h3,h4,button,input,select,textarea,.home-wrap h2) { font-family: inherit; letter-spacing: normal; }
html:is([lang="hi"], [lang="gu"], [lang="bn"], [lang="my"]) :is(h1,h2,h3,h4) { line-height: 1.6; }
html[lang="ur"] :is(h1,h2,h3,h4,.hero h1) { line-height: 2; }
html[lang="ur"] :is(input,select,button,.btn) { line-height: 2.2; }
html:not([lang="en"]):not([lang="es"]):not([lang="ar"]) .hero h1 { font-size: clamp(1.8rem, 4.2vw, 3.6rem); letter-spacing: normal; overflow-wrap: anywhere; }
html:not([lang="en"]):not([lang="es"]):not([lang="ar"]) .hero h1 span.line2 { padding-block: .15em; }
html:is([lang="pl"], [lang="uk"], [lang="vi"], [lang="ht"], [lang="fr"], [lang="fil"], [lang="zh-Hans"]) .hero h1 { line-height: 1.2; }
html[lang="my"] :is(p,label,legend,button,select,input,.btn) { line-height: 1.8; }
html:not([lang="en"]) :is(.cs-navigation,.cs-actions,.hero-buttons) { flex-wrap: wrap; }
html[dir="rtl"] .steps li::before { content: counter(steps); display: inline-block; direction: ltr; unicode-bidi: isolate; margin-left: .35em; margin-right: 0; }

/* Latin tone marks and script labels need the same complete glyph coverage. */
html:is([lang="pl"], [lang="uk"], [lang="vi"], [lang="ht"], [lang="fr"], [lang="fil"], [lang="yo"], [lang="ig"], [lang="ha"]) body { font-family: "Noto Sans", system-ui, sans-serif; }
html:is([lang="pl"], [lang="uk"], [lang="vi"], [lang="ht"], [lang="fr"], [lang="fil"], [lang="yo"], [lang="ig"], [lang="ha"]) :is(h1,h2,h3,h4,button,input,select,textarea,.home-wrap h2) { font-family: inherit; }
html:is([lang="yo"], [lang="ig"], [lang="ha"]) .hero h1 { line-height: 1.4; }
[data-language-picker] option { font-family: "Noto Sans", system-ui, sans-serif; }
[data-language-picker] option[lang="hi"] { font-family: "Noto Sans Devanagari", sans-serif; }
[data-language-picker] option[lang="gu"] { font-family: "Noto Sans Gujarati", sans-serif; }
[data-language-picker] option[lang="bn"] { font-family: "Noto Sans Bengali", sans-serif; }
[data-language-picker] option[lang="my"] { font-family: "Noto Sans Myanmar", sans-serif; }
[data-language-picker] option[lang="ur"] { font-family: "Noto Nastaliq Urdu", serif; }
[data-language-picker] option[lang="zh-Hans"] { font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif; }
@media (max-width: 560px) {
  .cs-language { order: 3; flex-basis: 100%; justify-content: flex-end; margin-inline-start: 0; }
  .cs-language .cs-language-icon { display: flex; }
  .cs-language select { max-width: 100%; min-width: 8rem; }
}
@media (max-width: 600px) {
  html[dir="rtl"] .hero { padding-top:1.5rem; }
  html[dir="rtl"] .hero-partner { padding:6px 10px;margin-bottom:12px; }
  html[dir="rtl"] .hero h1 { text-wrap:balance; }
}