/* SPECTRA quotation basket: contained styles, inherited site typography. */
.quote-cart {
  --quote-ink:var(--ink);
  --quote-muted:var(--ink-2);
  --quote-line:var(--hairline);
  --quote-soft:var(--paper);
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  padding:62px 0 74px;
  color:var(--quote-ink);
  font-family:inherit}
.quote-cart *, .quote-cart *::before, .quote-cart *::after { box-sizing:border-box}
.quote-cart [hidden] { display:none!important}
.quote-cart__intro { max-width:800px; margin-block-end:26px}
.quote-cart__eyebrow { color:#686e73; font-size:12px; font-weight:400; letter-spacing:.08em; margin:0 0 12px}
.quote-cart[dir="rtl"] .quote-cart__eyebrow { letter-spacing:0}
.quote-cart h1 { font-size:clamp(32px,4.4vw,56px); font-weight:700; line-height:1.3; letter-spacing:0; margin:0 0 14px; color:var(--quote-ink)}
.quote-cart__intro > p:last-child { font-size:17px; line-height:1.9; color:var(--quote-muted); margin:0}
.quote-provisional { display:grid; gap:6px; padding:18px 22px; margin-block-end:34px; background:#eef0f1; border:1px solid #d6dbdf; border-inline-start:3px solid #4b4f54; border-radius:var(--r-tool); font-size:14px; line-height:1.8}
.quote-provisional strong { font-size:14px; color:#2d3136}
.quote-provisional span { color:#53595e}
.quote-layout { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(340px, .9fr); gap:32px; align-items:start}
.quote-cart__count { margin:0 0 18px; font-size:21px; font-weight:400}
.quote-lines { list-style:none; padding:0; margin:0; display:grid; gap:14px}
.quote-line { display:grid; grid-template-columns:90px minmax(0, 1fr); gap:12px 20px; padding:20px; border:1px solid var(--quote-line); background:#fff; border-radius:var(--r-card)}
.quote-line__picture { grid-row:span 2; width:90px; height:112px; display:flex; align-items:center; justify-content:center; background:#f1f2f3; border:1px solid #e8eaec; border-radius:var(--r-tool); overflow:hidden}
.quote-line__picture img { width:100%; height:100%; object-fit:contain}
.quote-line__info { min-width:0}
.quote-line__title { font-size:17px; line-height:1.55; font-weight:700; margin:0 0 8px; overflow-wrap:anywhere; color:var(--quote-ink)}
.quote-line__title a { text-decoration:none; color:inherit}
.quote-line__title a:hover { text-decoration:underline; text-underline-offset:3px}
.quote-line__meta { margin:3px 0 0; font-size:12px; line-height:1.7; color:var(--quote-muted); overflow-wrap:anywhere}
.quote-line__controls { display:flex; align-items:end; gap:16px; flex-wrap:wrap}
.quote-quantity { display:grid; gap:5px}
.quote-quantity label { font-size:12px; color:#5d646a}
.quote-quantity input { width:82px; min-height:42px; padding:8px 9px; border:1px solid #b6bdc3; background:#fff; color:var(--quote-ink); border-radius:var(--r-pill); font:inherit; font-size:14px; direction:ltr}
.quote-line__price { margin-inline-start:auto; padding-block-end:11px; white-space:nowrap; font-size:14px; font-weight:400}
.quote-link-button { min-height:42px; padding:8px 0; border:0; background:transparent; font:inherit; font-size:12px; color:#61676c; cursor:pointer; text-decoration:underline; text-underline-offset:3px}
.quote-link-button:hover { color:#25292d}
.quote-panel { background:#f6f7f7; border:1px solid var(--quote-line); border-radius:var(--r-card); padding:26px}
.quote-summary { font-size:21px; font-weight:400; margin:0 0 5px}
.quote-panel h2 { margin:26px 0 8px; font-size:clamp(28px,3vw,40px); font-weight:700; color:var(--quote-ink)}
.quote-panel__note { font-size:12px; line-height:1.85; color:#62696e; margin:0 0 18px}
.quote-panel > .quote-panel__note:last-of-type { margin-block:16px 0}
.quote-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px 12px}
.quote-field { display:flex; flex-direction:column; gap:6px; min-width:0}
.quote-field--wide { grid-column:1 / -1}
.quote-field label { color:#454b50; font-size:12px; font-weight:400; line-height:1.7}
.quote-field input, .quote-field textarea { width:100%; min-width:0; min-height:44px; padding:10px 11px; border:1px solid #bdc4ca; border-radius:var(--r-pill); background:#fff; color:var(--quote-ink); font:inherit; font-size:14px; line-height:1.6}
.quote-field textarea { min-height:105px; resize:vertical}
.quote-actions { display:flex; flex-wrap:wrap; gap:10px; margin-block-start:22px}
.quote-button { appearance:none; min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 17px; border:1px solid #b2bac1; border-radius:var(--r-pill); background:#fff; color:#30363b; font:inherit; font-size:14px; font-weight:400; line-height:1.65; text-decoration:none; text-align:center; cursor:pointer; transition:background-color .15s, border-color .15s}
.quote-button:hover { background:#e9ecee; border-color:#79838b}
.quote-button--primary { color:#fff; background:#33383e; border-color:#33383e}
.quote-button--primary:hover { color:#fff; background:#1e2328; border-color:#1e2328}
.quote-actions > .quote-button:not(.quote-button--quiet) { flex:1 1 100%}
.quote-actions > .quote-button--quiet { flex:1 1 auto; background:transparent; font-size:12px; font-weight:400}
.quote-panel__contact { margin:14px 0 0; font-size:12px; color:#5d656b; overflow-wrap:anywhere; line-height:1.8}
.quote-empty { min-height:250px; padding:48px 24px; border:1px dashed #bac2c9; border-radius:var(--r-card); text-align:center; background:#f9fafa}
.quote-empty h3 { margin:0 0 10px; font-size:21px; font-weight:700; color:#30363b}
.quote-empty p { font-size:14px; color:#626a71; line-height:1.8; margin:0 0 20px}
.quote-continue { display:inline-block; margin-block-start:28px; color:#4b535a; font-size:14px; text-decoration:underline; text-underline-offset:4px}
.quote-storage-notice { padding:12px 16px; border-radius:var(--r-tool); background:#fff4df; border:1px solid #ddc9a4; color:#634c27; font-size:14px; line-height:1.8}
.quote-copy-fallback { width:100%; min-height:220px; margin-block-start:20px; padding:12px; background:#fff; color:#2d3136; border:1px solid #bbc3ca; border-radius:var(--r-tool); font:inherit; font-size:14px}
.quote-cart :is(button, input, textarea, a):focus-visible { outline:3px solid #587a8f; outline-offset:3px}
.quote-toast { position:fixed; inset-inline:18px; bottom:24px; z-index:10000; width:max-content; max-width:min(600px, calc(100vw - 36px)); margin-inline:auto; padding:15px 22px; border:1px solid #606970; border-radius:var(--r-tool); background:#2d3339; color:#fff; font:inherit; font-size:14px; line-height:1.8; text-align:center; box-shadow:none; opacity:0; transform:translateY(10px); transition:opacity .2s, transform .2s; pointer-events:none}
.quote-toast.is-visible { opacity:1; transform:translateY(0)}
.quote-toast--error { border-color:#b89464}
[data-cart-count] { font-variant-numeric:tabular-nums}
@media (max-width: 1000px) {
  .quote-layout { grid-template-columns:minmax(0, 1fr); gap:24px}
  .quote-panel { max-width:none}
  .quote-line { grid-template-columns:90px minmax(0, 1fr) auto; align-items:center}
  .quote-line__picture { grid-row:auto; height:90px}
  .quote-line__controls { flex-wrap:nowrap}
  .quote-line__price { margin-inline-start:0}}
@media (max-width: 620px) {
  .quote-cart { width:calc(100% - 32px); padding-block:34px 48px}
  .quote-cart__intro { margin-block-end:20px}
  .quote-cart h1 { font-size:clamp(32px,4.4vw,56px)}
  .quote-cart__intro > p:last-child { font-size:14px}
  .quote-provisional { padding:15px 16px; font-size:12px; margin-block-end:25px}
  .quote-provisional strong { font-size:14px}
  .quote-line { grid-template-columns:68px minmax(0, 1fr); gap:11px 14px; padding:15px}
  .quote-line__picture { grid-row:span 2; width:68px; height:91px; align-self:start}
  .quote-line__title { font-size:14px}
  .quote-line__controls { flex-wrap:wrap; gap:10px}
  .quote-line__price { margin-inline-start:auto; font-size:14px}
  .quote-quantity input { width:70px}
  .quote-panel { padding:20px 17px}
  .quote-fields { grid-template-columns:minmax(0, 1fr)}
  .quote-field--wide { grid-column:auto}
  .quote-field input, .quote-field textarea { font-size:17px}
  .quote-panel h2 { font-size:clamp(28px,3vw,40px)}
  .quote-summary { font-size:21px}
  .quote-toast { bottom:16px; font-size:14px; padding:12px 15px}}
@media (prefers-reduced-motion: reduce) { .quote-toast, .quote-button { transition:none}}

/* Product selectors and the shared header. */
.header-cart{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 12px;border:1px solid #b9bfc3;border-radius:var(--r-pill);color:var(--iron,#2d3136);text-decoration:none;font-size:14px;white-space:nowrap}
.header-cart:hover{background:#eceeef}.header-cart .icon{width:21px;height:21px}.cart-count{display:grid;place-items:center;min-width:21px;height:21px;padding-inline:4px;background:#2d3136;color:white;border-radius:var(--r-card);font-size:12px}.header-actions .header-contact{display:none}
/* Leave room for the quick-order link and basket on tablet widths. */
/* Allow room for Technical support in the shared navigation. */
@media(min-width:901px) and (max-width:1320px){
  .site-header .header-inner{min-height:80px}
  .site-header .menu-toggle{display:flex}
  .site-header .header-actions{margin-inline-start:auto;gap:15px}
  .site-header .nav{display:none;position:absolute;top:100%;inset-inline:0;height:calc(100dvh - 96px);background:#fff;flex-direction:column;align-items:stretch;padding:25px;gap:0;overflow:auto}
  .site-header .nav.is-open{display:flex}
  .site-header .nav>a{padding:18px;font-size:21px;border-bottom:1px solid var(--line)}
  .site-header .nav>a::after{display:none}
  .site-header .nav-extra{display:block}}
.quote-add{font:inherit;font-size:14px;line-height:1.5;border:1px solid #2d3136;border-radius:var(--r-pill);padding:10px 16px;min-height:44px;background:#2d3136;color:#fff;cursor:pointer;white-space:nowrap}.quote-add:hover{background:#4b4f54}.quote-add:disabled{opacity:.6;cursor:wait}.quote-add:focus-visible,.header-cart:focus-visible,.quote-choice select:focus-visible,.quote-product-panel input:focus-visible{outline:3px solid #587a8f;outline-offset:3px}
.quote-row-action{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.quote-inline-price{font-size:12px;white-space:nowrap;color:#52595e}.quote-inline-price bdi{font-size:17px;font-weight:400}.quote-price-note{color:#62696e;font-size:12px;line-height:1.9;margin:14px 0 0;max-width:760px}
.quote-product-panel{margin-block:26px;padding:20px;background:#f5f6f6;border:1px solid #dce0e3;border-radius:var(--r-card)}.quote-choice{display:grid;gap:8px;font-size:14px;margin-bottom:18px}.quote-choice select{width:100%;min-width:0;font:inherit;min-height:46px;padding:10px;border:1px solid #b6bdc3;background:#fff;border-radius:var(--r-pill);color:#2d3136}.quote-purchase-row{display:flex;align-items:end;flex-wrap:wrap;gap:18px}.quote-unit-price{display:grid;gap:5px;font-size:12px;color:#62696e}.quote-unit-price strong{font-size:21px;line-height:42px;color:#2d3136}.quote-product-panel .quote-quantity{font-size:12px;color:#62696e}.quote-product-panel input{color:#2d3136}.quote-breadcrumb{padding-top:28px}.quote-breadcrumb .breadcrumb{margin-bottom:0}.quote-cart-section{padding-top:0}.quote-cart-section .quote-cart{width:100%;padding-top:30px}
@media(max-width:640px){.header-cart{padding:7px 8px;gap:5px}.header-cart-label{display:none}.header-actions{gap:10px}.quote-row-action{flex-direction:column;align-items:flex-end;gap:5px}.quote-add{padding:9px 12px}.quote-product-panel{padding:16px}.quote-purchase-row{gap:14px}.quote-breadcrumb{padding-top:20px}.quote-cart-section .quote-cart{padding-top:22px}}
@media(max-width:390px){.header-actions{gap:5px}.header-cart{padding-inline:5px}.header-inner{gap:8px}}

.quote-line__placeholder{font:400 12px -apple-system,"SF Arabic",BlinkMacSystemFont,SpectraArabic,"Segoe UI",sans-serif;letter-spacing:.05em;color:#8b9196}


/* Exact-option quantity and cart controls, shared by all product tables and panels. */
.quote-purchase-controls{display:inline-flex;align-items:flex-end;gap:8px;flex-wrap:nowrap;max-width:100%;min-width:0}
.quote-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border-radius:var(--r-pill)}
.quote-add__icon{display:block;flex:none;width:22px;height:22px}
.quote-add--icon{position:relative;width:46px;height:46px;min-width:46px;min-height:46px;padding:10px}
.quote-add--icon .quote-add__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.quote-selector{display:grid;gap:6px;flex:none}
.quote-selector__label{font-size:12px;line-height:1.6;color:#62696e}
.quote-stepper{display:grid;grid-template-columns:44px 46px 44px;direction:ltr;border:1px solid #bac3ca;background:#fff;border-radius:var(--r-pill);overflow:hidden;flex:none}
.quote-stepper .quote-step{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:var(--r-pill);background:#f2f4f5;color:#313940;font:inherit;font-size:21px;line-height:1;cursor:pointer}
.quote-stepper .quote-step:hover{background:#e2e7ea}
.quote-stepper .quote-step:disabled{opacity:.35;cursor:default;background:#f6f7f7}
.quote-stepper input[data-cart-quantity]{appearance:textfield;-moz-appearance:textfield;width:46px;min-width:0;height:44px;min-height:44px;padding:4px 1px;border:0;border-inline:1px solid #dbe1e5;border-radius:var(--r-pill);background:#fff;color:#2d3136;font:inherit;font-size:14px;text-align:center;direction:ltr;font-variant-numeric:tabular-nums}
.quote-stepper input::-webkit-inner-spin-button,.quote-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quote-stepper :is(button,input):focus-visible{position:relative;z-index:1;outline:3px solid #587a8f;outline-offset:-3px}
.quote-row-action{display:grid;grid-template-columns:1fr;justify-items:end;align-items:center;gap:7px;min-width:190px;white-space:normal}
.variant-table .vt-act{width:220px;min-width:220px}
.zd-variants td:last-child{min-width:220px}
.quote-product-panel .quote-purchase-row{align-items:flex-end;gap:22px}
.quote-product-panel .quote-add{min-height:46px}
@media(max-width:640px){
  .variant-table tbody tr{grid-template-columns:minmax(0,1fr);row-gap:7px}
  .variant-table .vt-act{grid-column:1/-1;grid-row:auto;width:100%;min-width:0;margin-top:10px}
  .variant-table :is(.vt-code,.vt-desc,.vt-pack){min-width:0;overflow-wrap:anywhere}
  .quote-row-action{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-width:190px}
  .quote-stepper input[data-cart-quantity]{font-size:17px}
  .quote-product-panel .quote-purchase-row{gap:15px}
  .quote-product-panel .quote-purchase-controls{width:100%;justify-content:space-between;gap:10px}
  .quote-product-panel .quote-add{padding-inline:13px;font-size:12px}
  .quote-add--icon{padding:10px}
  .uae-keep-table .variant-table .vt-act{width:220px;min-width:220px;margin-top:0}}
@media(max-width:360px){
  .quote-product-panel .quote-purchase-controls{gap:8px}
  .quote-product-panel .quote-add{padding-inline:9px;gap:5px;font-size:12px}
  .quote-product-panel .quote-add__icon{width:19px;height:19px}}

/* Account access stays alongside the basket in the shared header. */
.header-account{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:7px 12px;border:1px solid #b9bfc3;border-radius:var(--r-pill);color:var(--iron,#2d3136);font-size:14px;line-height:1.6;text-decoration:none;white-space:nowrap;flex-shrink:0}
.header-account .icon{width:21px;height:21px}
.header-account:hover{background:#eceeef}
.header-account:focus-visible{outline:3px solid #587a8f;outline-offset:3px}
@media(max-width:1200px){.header-account{padding:7px}.header-account-label{display:none}}
@media(max-width:390px){.header-account{padding-inline:5px}.header-account .icon{width:19px;height:19px}}

/* Keep all four header actions on one line on narrow phones. */
@media(max-width:480px){
  .site-header .header-inner{gap:8px;flex-wrap:nowrap}
  .site-header .brand{width:120px;min-width:0}
  .site-header .brand img{height:28px}
  .site-header .header-actions{gap:5px;flex-wrap:nowrap;flex-shrink:0}
  .site-header .header-account{width:44px;min-width:44px;height:44px;padding:7px}
  .site-header .language{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px}
  .site-header .menu-toggle{width:36px;min-width:36px;min-height:44px;padding:0;flex:none}}
@media(max-width:390px){
  .site-header .header-inner{gap:6px}
  .site-header .brand{width:100px}
  .site-header .brand img{height:25px}
  .site-header .brand small{font-size:12px;letter-spacing:.08em}
  html[lang=ar] .site-header .brand small{font-size:12px;letter-spacing:0;line-height:1.4}
  .site-header .header-actions{gap:3px}
  .site-header .header-cart{position:relative;display:flex;width:44px;min-width:44px;height:44px;padding:7px;gap:0;flex:none}
  .site-header .header-cart .icon{width:20px;height:20px;margin-top:5px}
  .site-header .header-cart .cart-count{position:absolute;top:-4px;inset-inline-end:0;min-width:17px;max-width:44px;height:16px;padding-inline:3px;font-size:12px;line-height:16px;box-shadow:none}
  .site-header .language{width:38px;flex:none;font-size:12px}
  .site-header .menu-toggle{width:44px;min-width:44px}}

/* Shared ordering navigation and confirmed quotation receipt. */
.order-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 30px;padding-block:10px;border-block:1px solid #e0e3e5}
.order-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border-radius:var(--r-tool);font-size:14px;color:#4b4f54;text-decoration:none}
.order-navigation a:hover{background:#eef0f1}.order-navigation [aria-current=page]{background:#2d3136;color:#fff}
.order-navigation a:focus-visible{outline:3px solid #587a8f;outline-offset:3px}
.quote-form>.quote-button{width:100%;margin-top:16px;min-height:48px}.quote-form>.quote-button:disabled{opacity:.6;cursor:default}
.quote-alternatives{margin-top:18px;border-top:1px solid #dce0e3;padding-top:14px}.quote-alternatives summary,.quote-receipt-access summary{cursor:pointer;min-height:44px;align-content:center;font-size:14px}
.quote-receipt{margin-top:20px;padding:20px;border:1px solid #9ead9f;border-radius:var(--r-card);background:#f2f6f3;overflow-wrap:anywhere}.quote-receipt[hidden]{display:none}.quote-receipt h3{margin:0 0 10px;font-size:21px}.quote-receipt p{font-size:14px;line-height:1.8}.quote-receipt-reference{direction:ltr;font-family:-apple-system,"SF Arabic",BlinkMacSystemFont,SpectraArabic,"Segoe UI",sans-serif;font-weight:400;letter-spacing:.02em}.quote-receipt-access textarea{width:100%;min-height:110px;border:1px solid #b8c3bb;border-radius:var(--r-pill);padding:10px;font-size:14px;resize:vertical}.quote-receipt-access small{display:block;line-height:1.8;margin-top:8px}
@media(max-width:480px){.order-navigation{gap:4px}.order-navigation a{font-size:12px;padding:8px 11px}.quote-receipt{padding:15px}}