/* Language controls and resilient layouts for longer translations. */
.language-picker { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; white-space: nowrap; }
.language-picker svg { width: 15px; height: 15px; flex-shrink: 0; color: var(--gold-text); }
.language-picker select { font: inherit; cursor: pointer; max-width: 160px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); }
.language-picker select:hover { border-color: var(--focus); }
.language-picker select:disabled { cursor: progress; }
.language-status:empty { display: none; }
.language-status { position: fixed; bottom: 85px; left: 50%; transform: translateX(-50%); max-width: 90%; z-index: 600; background: var(--surface-raised); color: var(--ink); border: 1px solid var(--line); padding: 12px 18px; border-radius: 8px; box-shadow: 0 10px 30px #0003; }
.topbar { min-height: 44px; height: auto; }
.topbar .wrap { min-height: 44px; padding-block: 5px; gap: 12px; }
.topbar .topbar-right { flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.header-main { min-height: 106px; height: auto; padding-block: 20px; gap: clamp(18px, 3vw, 40px); }
.brand, .brand>span, .search-wrap { min-width: 0; }
.brand b { white-space: normal; line-height: 1.25; }
.brand b span { display: inline-block; }
.hot-words { flex-wrap: wrap; row-gap: 6px; white-space: normal; }
.cart-trigger { white-space: normal; flex-shrink: 0; max-width: 200px; line-height: 1.5; }
.cart-trigger svg, .cart-trigger b { flex-shrink: 0; }
.nav { overflow-x: auto; scrollbar-width: thin; }
.nav>button, .nav-note { flex-shrink: 0; }
.nav .all-category { width: 210px; }
.nav-note { display: none; }
.categories h2 { flex-wrap: wrap; gap: 8px; }
.category-button { gap: 4px; }
.category-symbol, .category-button .arrow { flex-shrink: 0; }
.campaign-copy { max-width: 76%; }
.campaign h1 { font-size: clamp(25px, 2.1vw, 34px); line-height: 1.4; overflow-wrap: anywhere; }
.campaign .eyebrow { line-height: 1.7; display: inline-block; }
.campaign p { line-height: 1.8; }
.campaign-bottom { gap: 10px; }
.welcome-card, .store-note { overflow-wrap: anywhere; }
.service-strip>div { padding-inline: 10px; gap: 12px; }
.service-strip>div>span { flex-shrink: 0; }
.service-strip p { min-width: 0; overflow-wrap: anywhere; }
.service-strip small { line-height: 1.7; }
.section-title { gap: 12px; }
.section-title h2 { overflow-wrap: anywhere; }
.section-title>span { flex-shrink: 0; }
.filter-bar { flex-wrap: wrap; }
.filter-bar #filter-tabs { flex-wrap: wrap; }
.filter-bar label { margin-inline-start: auto; flex-shrink: 0; }
.filter-bar select { max-width: 240px; }
.currency-note { color: var(--muted); font-size: 12px; line-height: 1.7; margin: -7px 0 16px; }
.product-name, .product-category { overflow-wrap: anywhere; }
.product-name { text-align: start; }
.product-meta { gap: 6px; flex-wrap: wrap; }
.price { display: inline-block; white-space: nowrap; font-size: 24px; letter-spacing: -.4px; }
.price small { font-size: 10px; letter-spacing: 0; }
.price .decimal { font-size: 13px; }
.add-cart { flex-shrink: 0; margin-inline-start: auto; }
.product-bottom { gap: 7px; flex-wrap: wrap; line-height: 1.6; }
.footer-inner { flex-wrap: wrap; }
.cart-item>div, .detail-copy, .checkout-line>span { min-width: 0; overflow-wrap: anywhere; }
.detail-copy dl { grid-template-columns: minmax(65px, auto) 1fr; }
.detail-actions { flex-wrap: wrap; }
.detail-actions button { flex: 1; }
.cart-total { flex-wrap: wrap; gap: 8px; }
.cart-total strong { display: inline-block; unicode-bidi: isolate; font-size: clamp(22px, 2.4vw, 29px); }
.checkout-line>b { flex-shrink: 0; }
.login-appearance { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; justify-content: flex-end; }
.login-view { padding-top: 95px; }
.workspace>header, .workspace-actions { flex-wrap: wrap; }
.workspace-actions { justify-content: flex-end; gap: 12px; }
.workspace>header>div:first-child { flex: 1 1 240px; }
.stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stats>div { overflow-wrap: anywhere; }
.sidebar .brand b { font-size: 20px; overflow-wrap: anywhere; }
.sidebar .brand small { line-height: 1.7; }
.tabs { flex-wrap: wrap; }
.tabs button { white-space: normal; }
.inventory-tools { flex-wrap: wrap; }
.editor-body .section-label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.section-label small { float: none; margin-inline-start: auto; }
.media-actions, .crop-footer { flex-wrap: wrap; }
.counter { line-height: 1.7; }
.crop-controls { flex-wrap: wrap; }
.crop-controls input, #crop-canvas, input[dir="ltr"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .campaign:after { background: linear-gradient(270deg,#eee8defa 0%,#eee8debf 45%,#eee8de00 100%); }
[dir="rtl"][data-theme="dark"] .campaign:after { background: linear-gradient(270deg,#212522fa 0%,#252824cf 45%,#282b2520 100%); }
[dir="rtl"] .category-button .arrow, [dir="rtl"] .image-actions [data-move] { transform: scaleX(-1); }
[dir="rtl"] .eyebrow, [dir="rtl"] .brand small, [dir="rtl"] .product-category, [dir="rtl"] .campaign-bottom { letter-spacing: normal; }
html[lang^="ar"], html[lang^="hi"] { line-height: 1.65; }
html[lang^="ar"] .eyebrow, html[lang^="hi"] .eyebrow { font-size: 11px; letter-spacing: normal; }
@media (max-width: 1100px) {
  .topbar-note { display: none; }
  .header-main { gap: 20px; }
  .nav .all-category { width: 180px; }
  .campaign-copy { max-width: 80%; }
}
@media (max-width: 760px) {
  .topbar .wrap { flex-wrap: wrap; justify-content: center; gap: 5px; }
  .topbar .wrap>span:first-child { display: none; }
  .topbar .topbar-right { width: 100%; gap: 12px; justify-content: space-between; }
  .theme-picker select { max-width: 140px; }
  .language-picker { font-size: 11px; gap: 5px; }
  .language-label { display: none; }
  .language-picker select { max-width: 160px; padding: 5px 6px; }
  .header-main { padding-block: 12px; gap: 12px; }
  .header-main .brand { flex: 1 1 135px; }
  .header-main .brand b { font-size: 20px; }
  .header-main .brand b span { font-size: 16px; }
  .cart-trigger { max-width: 43%; font-size: 11px; justify-content: flex-end; }
  .nav { scrollbar-width: none; }
  .showcase { min-height: 0; }
  .campaign { min-height: 325px; }
  .campaign-copy { max-width: 88%; padding-bottom: 55px; }
  .campaign h1 { font-size: 25px; }
  .service-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-strip>div { padding-inline: 3px; gap: 8px; }
  .service-strip>div>span { font-size: 19px; }
  .service-strip b { font-size: 11px; line-height: 1.6; }
  .section-title { align-items: center; }
  .section-title h2 { font-size: 21px; }
  .section-title>span { max-width: 40%; white-space: normal; text-align: end; }
  .filter-bar select { max-width: 230px; }
  .price { font-size: 19px; letter-spacing: -.5px; }
  .price small { font-size: 9px; }
  .price .decimal { font-size: 11px; }
  .product-bottom { font-size: 10px; }
  .product-bottom span:first-child { max-width: none; }
  .detail-actions button { min-width: 130px; }
  .checkout-line { flex-wrap: wrap; }
  .checkout-line span { flex-basis: 55%; }
  .login-appearance { gap: 10px; inset-inline-start: 16px; }
  .login-appearance .theme-picker select { max-width: 155px; }
  .sidebar { min-height: 69px; height: auto; flex-wrap: wrap; row-gap: 12px; }
  .sidebar .brand { max-width: 65%; }
  .sidebar .brand b { font-size: 18px; }
  .sidebar>a:not(.brand) { white-space: normal; max-width: 25%; }
  .workspace-actions { flex-direction: row; width: 100%; justify-content: flex-start; }
  .workspace-actions .primary { margin-inline-start: auto; }
  .stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .editor-footer { align-items: start; }
  .editor-footer .check { max-width: 100%; }
  .crop-controls label { min-width: 80px; }
}