@font-face {
  font-family: "Vazirmatn Local";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/vazirmatn-arabic-wght-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Vazirmatn Local";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/vazirmatn-latin-wght-normal.woff2") format("woff2-variations");
}

:root {
  --navy: #08263b;
  --navy-2: #0d344d;
  --navy-3: #123f5b;
  --blue: #0c57c7;
  --orange: #ff5b21;
  --orange-dark: #e44712;
  --ink: #10253a;
  --muted: #637689;
  --line: #dce5eb;
  --soft: #f3f7fa;
  --soft-blue: #eaf4fb;
  --white: #fff;
  --green: #19a866;
  --yellow: #b97a00;
  --shadow: 0 18px 50px rgba(8, 38, 59, .09);
  --radius: 12px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Vazirmatn Local", Tahoma, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img { max-width: 100%; display: block; }
.shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.divider { width: 1px; height: 14px; background: rgba(255,255,255,.16); display: inline-block; }

.site-header { background: var(--navy); color: #fff; position: relative; z-index: 50; box-shadow: 0 8px 26px rgba(4,28,43,.12); }
.header-main { min-height: 92px; display: grid; grid-template-columns: 235px minmax(0, 1fr); align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; }
.brand > span:last-child { display: block; }
.brand strong { display: block; font-size: 1.32rem; line-height: 1.1; }
.brand small { display: block; color: #a9bfcd; font: 700 .58rem/1.5 Arial; letter-spacing: 2.5px; margin-top: 3px; direction: ltr; }
.brand-tagline { display: block; margin-top: 4px; color: #d0dde4; font-size: .68rem; font-style: normal; font-weight: 600; }
.brand-mark { width: 45px; height: 45px; border: 2px solid #fff; border-radius: 50%; position: relative; display: inline-block; flex: 0 0 auto; }
.brand-mark::before { content: ""; position: absolute; inset: 8px; border: 2px solid #fff; border-radius: 50%; }
.brand-mark::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--orange); top: 2px; left: 18px; box-shadow: 0 34px var(--orange), -17px 17px var(--orange), 17px 17px var(--orange); }
.brand-mark i, .brand-mark b { display: none; }
.header-tools { min-width: 0; display: flex; direction: ltr; align-items: center; justify-content: flex-start; gap: 18px; }
.header-contact { direction: rtl; min-width: 220px; display: flex; align-items: center; gap: 10px; color: #fff; }
.header-contact .phone-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(255,255,255,.07); color: var(--orange); font: 700 1.12rem/1 Arial; }
.header-contact small,.header-contact b { display: block; }
.header-contact small { color: #a9bfcd; font-size: .68rem; }
.header-contact b { margin-top: 3px; font-size: .95rem; letter-spacing: .2px; direction: ltr; text-align: right; }
.site-search { direction: rtl; position: relative; display: flex; width: min(390px, 46vw); height: 42px; background: #fff; border-radius: 8px; box-shadow: 0 8px 22px rgba(1,19,30,.22); }
.site-search input { flex: 1; min-width: 0; border: 0; outline: 0; border-radius: 8px; padding: 0 18px; color: var(--ink); background: transparent; font-size: .86rem; }
.site-search input::placeholder { color: #99a8b4; }
.site-search > button { width: 48px; border: 0; background: transparent; color: var(--blue); font: 700 1.5rem Arial; cursor: pointer; }
.search-results { position: absolute; top: 51px; inset-inline: 0; background: #fff; color: var(--ink); border-radius: 9px; border: 1px solid var(--line); box-shadow: 0 18px 45px rgba(4,28,43,.2); padding: 8px; z-index: 90; }
.search-results a { display: flex; justify-content: space-between; gap: 12px; padding: 11px 12px; border-radius: 6px; font-size: .82rem; }
.search-results a:hover { background: var(--soft); }
.search-results small { color: var(--muted); }
.nav-inner { min-height: 51px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.nav-links,.nav-actions { display: flex; align-items: center; gap: 26px; }
.nav-actions { gap: 10px; flex: 0 0 auto; }
.auth-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 13px !important; border: 1px solid rgba(255,255,255,.24); border-radius: 7px; color: #fff !important; font-size: .76rem; font-weight: 800; white-space: nowrap; }
.auth-button::after,.quote-button::after { display: none !important; }
.quote-button { min-height: 43px; display: flex; align-items: center; gap: 8px; background: var(--orange); color: #fff; border-radius: 7px; padding: 0 14px; font-size: .82rem; font-weight: 800; white-space: nowrap; box-shadow: 0 8px 18px rgba(255,91,33,.25); }
.quote-button:hover { background: var(--orange-dark); }
.quote-button b { min-width: 21px; height: 21px; display: grid; place-items: center; border-radius: 20px; background: #fff; color: var(--orange); font-size: .7rem; }
.cart-icon { font-size: 1.2rem; transform: rotate(-12deg); }
.menu-toggle { display: none; border: 0; background: transparent; color: #fff; font-size: 1.7rem; cursor: pointer; }
.main-nav { border-top: 1px solid rgba(255,255,255,.09); }
.nav-inner { font-size: .82rem; }
.nav-links a { color: #c7d5de; position: relative; padding: 15px 0; }
.nav-links a::after { content: ""; position: absolute; bottom: 8px; inset-inline-start: 0; width: 0; height: 2px; background: var(--orange); transition: width .2s; }
.nav-links a:hover, .nav-links a.active { color: #fff; }
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }

main { min-height: 65vh; }
.section { padding: 74px 0; }
.section.soft { background: var(--soft); }
.section.navy { background: var(--navy); color: #fff; }
.section-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 32px; }
.section-head > div { max-width: 720px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--orange); font-size: .75rem; font-weight: 800; margin-bottom: 9px; }
.eyebrow::before { content: ""; width: 24px; height: 2px; background: currentColor; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { margin-top: 0; }
.section-head h2 { font-size: clamp(1.7rem, 3vw, 2.45rem); letter-spacing: -.8px; margin-bottom: 8px; }
.section-head p { color: var(--muted); line-height: 1.9; margin: 0; font-size: .9rem; }
.link-arrow { color: var(--blue); font-size: .85rem; font-weight: 800; white-space: nowrap; padding-bottom: 7px; }
.link-arrow:hover { color: var(--orange); }

.hero { min-height: 650px; position: relative; isolation: isolate; display: grid; align-items: center; background: var(--navy); color: #fff; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: var(--hero-image, url("assets/hero-main-v3.png")); background-position: center; background-size: cover; background-repeat: no-repeat; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,23,37,.08) 0%, rgba(4,27,43,.34) 45%, rgba(5,31,48,.88) 67%, rgba(5,29,45,.98) 100%); }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; min-height: 650px; direction: ltr; }
.hero-copy { grid-column: 2; justify-self: end; max-width: 660px; padding: 72px 0; direction: rtl; }
.hero-copy .badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(7,31,48,.64); border: 1px solid rgba(255,255,255,.2); color: #d7e4eb; padding: 8px 12px; border-radius: 6px; font-size: .75rem; font-weight: 700; backdrop-filter: blur(7px); }
.hero-copy .badge span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.hero h1 { font-size: clamp(2.45rem, 5vw, 4.7rem); line-height: 1.2; letter-spacing: -2.2px; margin: 19px 0 15px; color: #fff; text-shadow: 0 7px 28px rgba(0,0,0,.24); }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero-copy > p { max-width: 600px; color: #bed0da; font-size: 1rem; line-height: 2; margin: 0 0 25px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.primary, .secondary, .outline-button { min-height: 45px; border-radius: 7px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 19px; font-weight: 800; font-size: .84rem; cursor: pointer; transition: .18s; }
.primary { background: var(--orange); color: #fff; box-shadow: 0 10px 24px rgba(255,91,33,.22); }
.primary:hover { background: var(--orange-dark); transform: translateY(-1px); }
.secondary { background: var(--navy); color: #fff; }
.secondary:hover { background: var(--navy-3); }
.outline-button { background: #fff; color: var(--navy); border-color: #bfcdd6; }
.outline-button:hover { border-color: var(--navy); }
.hero-outline { min-height: 45px; border-radius: 7px; border: 1px solid rgba(255,255,255,.55); color: #fff; display: inline-flex; align-items: center; justify-content: center; padding: 0 19px; font-weight: 800; font-size: .84rem; transition: .18s; }
.hero-outline:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.hero-facts { display: flex; gap: 0; margin-top: 34px; border-top: 1px solid rgba(255,255,255,.16); padding-top: 19px; }
.hero-facts div { padding: 0 19px; border-inline-start: 1px solid rgba(255,255,255,.16); }
.hero-facts div:first-child { padding-inline-start: 0; border: 0; }
.hero-facts strong { display: block; color: #fff; font: 800 .89rem/1.3 Arial; direction: ltr; }
.hero-facts span { color: #93aebb; font-size: .69rem; }
.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 18px; padding-top: 28px; }
.category-card { min-height: 202px; border: 1px solid #d6e1e8; border-radius: 15px; padding: 25px 24px; display: grid; grid-template-columns: minmax(0, 1fr) 152px; gap: 10px; background: linear-gradient(145deg, #fff 42%, #f1f6f9 100%); transition: .24s ease; position: relative; overflow: visible; isolation: isolate; box-shadow: 0 12px 30px rgba(8,38,59,.055); }
.category-card::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; border-top: 3px solid transparent; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,var(--orange),#f0c169 45%,transparent 78%) border-box; opacity: .78; }
.category-card::after { content: ""; position: absolute; left: 8px; bottom: 9px; width: 158px; height: 62px; border-radius: 50%; background: radial-gradient(ellipse, rgba(9,45,68,.16), transparent 68%); filter: blur(5px); z-index: 0; }
.category-card > * { position: relative; z-index: 1; }
.category-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(8,38,59,.14); border-color: #aec2cf; }
.category-card:hover .category-visual { transform: translateY(-7px) rotate(-1deg) scale(1.025); }
.category-copy { align-self: center; min-width: 0; }
.category-card h3 { font-size: 1.08rem; margin: 9px 0 6px; }
.category-card p { font-size: .77rem; line-height: 1.8; color: var(--muted); margin: 0 0 17px; }
.category-card small { color: var(--blue); font-size: .7rem; font-weight: 800; }
.category-code { min-width: 34px; height: 24px; border-radius: 20px; border: 1px solid #cbd9e2; background: #eef4f7; display: inline-grid; place-items: center; padding: 0 9px; color: #526d7e; font: 900 .65rem/1 Arial; direction: ltr; }
.category-visual { position: absolute; left: -4px; top: -43px; width: 166px; height: 249px; background-image: url("assets/flange-category-sprite.png"); background-repeat: no-repeat; background-size: 300% 200%; filter: drop-shadow(0 18px 12px rgba(4,29,46,.22)); pointer-events: none; transition: transform .28s ease; z-index: 3; }
.category-visual-threaded { background-position: 0 0; }
.category-visual-weld-neck { background-position: 50% 0; }
.category-visual-slip-on { background-position: 100% 0; }
.category-visual-blind { background-position: 0 100%; }
.category-visual-socket-weld { background-position: 50% 100%; }
.category-visual-lap-joint { background-position: 100% 100%; }

.material-band { margin-top: 24px; background: linear-gradient(118deg, var(--navy) 0%, #0f4564 100%); color: #fff; border-radius: 14px; padding: 29px 32px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; position: relative; overflow: hidden; }
.material-band::after { content: "SS"; position: absolute; left: 5%; top: -26px; font: 900 8rem/1 Arial; color: rgba(255,255,255,.04); }
.material-band h3 { margin: 0 0 8px; font-size: 1.4rem; }
.material-band p { margin: 0; color: #bbd0dc; font-size: .82rem; line-height: 1.85; max-width: 750px; }
.material-band .outline-button { background: transparent; border-color: rgba(255,255,255,.38); color: #fff; }

.accessory-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.accessory-card { min-height: 218px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg,#fff 45%,#edf4f7 100%); padding: 27px 24px; display: grid; grid-template-columns: minmax(0,1fr) auto 178px; align-items: center; gap: 18px; box-shadow: 0 12px 35px rgba(8,38,59,.07); position: relative; overflow: visible; isolation: isolate; transition: .24s ease; }
.accessory-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; border-top: 3px solid var(--orange); z-index: -1; }
.accessory-card::after { content: ""; position: absolute; left: 10px; bottom: 13px; width: 170px; height: 48px; border-radius: 50%; background: radial-gradient(ellipse,rgba(7,36,54,.16),transparent 70%); filter: blur(4px); z-index: 0; }
.accessory-card:hover { transform: translateY(-5px); border-color: #b4c7d2; box-shadow: 0 20px 48px rgba(8,38,59,.14); }
.accessory-visual { position: absolute; left: -5px; top: -61px; width: 178px; height: 356px; background: url("assets/accessory-category-sprite.png") no-repeat; background-size: 200% 100%; filter: drop-shadow(0 17px 12px rgba(4,29,46,.2)); pointer-events: none; transition: transform .28s ease; z-index: 2; }
.accessory-card:hover .accessory-visual { transform: translateY(-6px) scale(1.025); }
.accessory-visual-gasket { background-position: 0 0; }
.accessory-visual-bolts { background-position: 100% 0; }
.accessory-card > div, .accessory-card .round-arrow { position: relative; z-index: 3; }
.accessory-card h3 { margin: 0 0 6px; font-size: 1.1rem; }
.accessory-card p { margin: 0; color: var(--muted); font-size: .77rem; line-height: 1.8; }
.accessory-card .round-arrow { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #fff; font-size: 1.2rem; }

.use-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.use-card { border: 1px solid #d6e1e7; border-radius: 12px; padding: 25px; background: rgba(255,255,255,.05); }
.use-card b { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid #59758a; border-radius: 50%; color: var(--orange); font: 700 .72rem Arial; margin-bottom: 17px; }
.use-card h3 { margin: 0 0 8px; font-size: 1.03rem; }
.use-card p { margin: 0 0 17px; color: #adc0cc; font-size: .77rem; line-height: 1.9; }
.use-card a { color: #fff; font-size: .76rem; font-weight: 800; }

.page-hero { background: linear-gradient(135deg, #f4f8fb, #e9f1f6); border-bottom: 1px solid var(--line); }
.page-hero-inner { min-height: 250px; padding: 43px 0; display: grid; grid-template-columns: 1fr 330px; gap: 35px; align-items: center; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; color: #718596; font-size: .73rem; margin-bottom: 18px; }
.breadcrumbs a:hover { color: var(--orange); }
.page-hero h1 { font-size: clamp(2rem, 4vw, 3.25rem); margin: 0 0 10px; color: var(--navy); letter-spacing: -1.2px; }
.page-hero p { max-width: 720px; color: var(--muted); line-height: 2; font-size: .88rem; margin: 0; }
.hero-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hero-specs div { min-height: 78px; border: 1px solid #cddce5; border-radius: 9px; background: rgba(255,255,255,.72); padding: 14px; }
.hero-specs small { display: block; color: #7a8e9c; font-size: .68rem; margin-bottom: 5px; }
.hero-specs strong { color: var(--navy); font: 800 .84rem/1.5 Arial; direction: ltr; }

.filters-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 13px; margin-bottom: 22px; }
.filters-bar label { color: var(--muted); font-size: .76rem; font-weight: 700; }
.filters-bar select, .filters-bar input { min-height: 39px; border: 1px solid #cedbe3; border-radius: 6px; background: #fff; color: var(--ink); padding: 0 12px; outline: 0; font-size: .79rem; }
.filters-bar select:focus, .filters-bar input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(12,87,199,.08); }
.price-date-inline { margin-inline-start: auto; color: #667d89; font-size: .72rem; white-space: nowrap; }
.price-date-inline b { color: #13704d; font-size: .78rem; }

.product-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 20px; align-items: start; }
.catalog-panel { min-width: 0; }
.pressure-mode { display: grid; grid-template-columns: 1fr 1fr; background: #edf3f7; border-radius: 9px; padding: 5px; margin-bottom: 13px; max-width: 500px; }
.pressure-mode button { min-height: 40px; border: 0; border-radius: 6px; background: transparent; color: #5d7384; font-size: .79rem; font-weight: 800; cursor: pointer; }
.pressure-mode button.active { background: var(--navy); color: #fff; box-shadow: 0 5px 15px rgba(8,38,59,.16); }
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 17px; }
.tab { min-width: 90px; min-height: 40px; padding: 0 16px; background: #fff; border: 1px solid #cad8e1; border-radius: 6px; color: var(--navy); font: 700 .78rem/1 Arial; direction: ltr; cursor: pointer; }
.tab.active { color: #fff; background: var(--orange); border-color: var(--orange); }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.price-table { width: 100%; min-width: 850px; border-collapse: collapse; font-size: .78rem; }
.price-table th { background: #eef4f7; color: #536d7e; padding: 12px 10px; text-align: right; white-space: nowrap; font-size: .72rem; }
.price-table td { padding: 11px 10px; border-top: 1px solid #e8eef2; vertical-align: middle; }
.price-table tbody tr:hover { background: #f8fbfd; }
.price-table .size { color: var(--navy); font-family: inherit; font-size: .9rem; font-weight: 800; line-height: 1.2; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.price-table .price { color: var(--orange-dark); font-weight: 800; white-space: nowrap; }
.stock { display: inline-flex; align-items: center; gap: 5px; color: var(--green); font-size: .7rem; white-space: nowrap; }
.stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.stock.order { color: #7890a0; }
.qty { width: 96px; min-height: 35px; display: grid; grid-template-columns: 27px 1fr 27px; border: 1px solid #cad8e1; border-radius: 6px; overflow: hidden; direction: ltr; }
.qty button { border: 0; background: #f2f6f8; cursor: pointer; color: var(--navy); font: 700 1rem Arial; }
.qty input { width: 100%; border: 0; text-align: center; outline: 0; font: 700 .78rem Arial; min-width: 0; }
.add-row { min-height: 35px; border: 1px solid var(--orange); background: #fff; color: var(--orange); border-radius: 6px; padding: 0 11px; cursor: pointer; font-size: .71rem; font-weight: 800; white-space: nowrap; }
.add-row:hover, .add-row.added { background: var(--orange); color: #fff; }
.quote-summary { border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: var(--shadow); position: sticky; top: 20px; overflow: hidden; }
.quote-summary h3 { margin: 0; padding: 17px 18px; background: var(--navy); color: #fff; font-size: .95rem; }
.mini-cart { padding: 8px 18px 2px; }
.mini-cart-empty { color: var(--muted); font-size: .76rem; line-height: 1.8; padding: 15px 0; }
.mini-cart-item { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 11px 0; border-bottom: 1px solid #e8eef2; }
.mini-cart-item b { font-size: .74rem; }
.mini-cart-item small { display: block; color: var(--muted); margin-top: 3px; font-size: .65rem; }
.mini-cart-item span { font-size: .7rem; color: var(--orange); font-weight: 800; }
.mini-total { padding: 15px 18px; display: flex; justify-content: space-between; align-items: center; font-size: .74rem; }
.mini-total b { font-size: .88rem; }
.quote-summary .primary { margin: 0 18px 18px; width: calc(100% - 36px); }
.engineering-note { margin-top: 16px; padding: 14px; border: 1px solid #ead8a2; background: #fff9e8; color: #6c5923; border-radius: 8px; font-size: .72rem; line-height: 1.85; }

.family-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; padding: 6px; background: #eef3f6; border-radius: 9px; margin-bottom: 18px; }
.family-tabs button { min-height: 43px; border: 0; background: transparent; color: #567083; border-radius: 6px; font-size: .76rem; font-weight: 800; cursor: pointer; }
.family-tabs button.active { background: var(--orange); color: #fff; }
.compatibility-bar { display: flex; justify-content: space-between; gap: 16px; align-items: center; border: 1px solid #bcd1df; background: #f5fbff; border-radius: 9px; padding: 12px 14px; margin-bottom: 14px; }
.compatibility-notes { margin-inline-start: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.compatibility-notes .price-date-inline { margin-inline-start: 0; }
.switch-label { display: flex; gap: 10px; align-items: center; font-size: .76rem; font-weight: 800; cursor: pointer; }
.switch-label input { accent-color: var(--orange); width: 19px; height: 19px; }
.compatibility-bar small { color: #657e8f; font-size: .68rem; }

.quote-page { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 22px; align-items: start; }
.quote-document, .quote-form-card, .content-card { border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 12px 35px rgba(8,38,59,.05); }
.quote-document { overflow: hidden; min-width: 0; }
.quote-document-accent { height: 6px; background: linear-gradient(90deg,var(--orange) 0 27%,var(--navy) 27% 100%); }
.quote-document-head { min-height: 96px; padding: 19px 22px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); }
.quote-doc-brand { display: flex; align-items: center; gap: 12px; }
.quote-doc-brand > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: var(--orange); font: 900 .72rem/1 Arial; direction: ltr; }
.quote-doc-brand h2, .quote-doc-title h2 { margin: 0; font-size: 1rem; }
.quote-doc-brand small, .quote-doc-title small { display: block; color: var(--muted); font-size: .66rem; margin-top: 3px; }
.quote-doc-title { text-align: left; }
.quote-doc-title b { display: inline-block; color: var(--orange-dark); font-size: .69rem; margin-top: 3px; }
.quote-customer-strip { display: grid; grid-template-columns: 1.5fr .65fr 1fr; background: #f3f7f9; border-bottom: 1px solid var(--line); }
.quote-customer-strip div { padding: 12px 16px; border-inline-start: 1px solid var(--line); }
.quote-customer-strip div:first-child { border-inline-start: 0; }
.quote-customer-strip small { display: block; color: var(--muted); font-size: .65rem; margin-bottom: 3px; }
.quote-customer-strip b { color: var(--navy); font-size: .74rem; }
.quote-table-wrap { overflow-x: auto; }
.quote-table { width: 100%; min-width: 850px; border-collapse: collapse; font-size: .73rem; }
.quote-table th { background: var(--navy); color: #fff; padding: 11px 9px; text-align: right; white-space: nowrap; font-size: .68rem; }
.quote-table td { padding: 11px 9px; border-bottom: 1px solid #e7edf1; vertical-align: middle; }
.quote-table tbody tr:hover { background: #f8fbfd; }
.quote-table td > b { font-size: .74rem; }
.quote-table .price { color: var(--orange-dark); font-weight: 800; white-space: nowrap; }
.quote-document-bottom { display: grid; grid-template-columns: 1fr 260px; gap: 20px; align-items: center; padding: 17px 20px; background: #f6f9fa; }
.quote-document-bottom b { font-size: .75rem; }
.quote-document-bottom p { color: var(--muted); font-size: .68rem; line-height: 1.8; margin: 4px 0 0; }
.quote-document-bottom > div:last-child { display: flex; justify-content: space-between; gap: 15px; background: var(--orange); color: #fff; border-radius: 7px; padding: 13px; font-size: .74rem; }
.quote-document-bottom strong { white-space: nowrap; }
.quote-list-head { padding: 20px 22px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }
.quote-list-head h2 { margin: 0; font-size: 1.15rem; }
.quote-list-head button { border: 0; background: transparent; color: #b84927; cursor: pointer; font-size: .72rem; }
.quote-item { display: grid; grid-template-columns: 1.4fr .65fr .8fr auto; gap: 15px; align-items: center; padding: 18px 22px; border-bottom: 1px solid #e8eef2; }
.quote-item:last-child { border: 0; }
.quote-item h3 { margin: 0 0 5px; font-size: .86rem; }
.quote-item small { color: var(--muted); font-size: .68rem; }
.quote-item .price { font-size: .78rem; color: var(--orange-dark); font-weight: 800; }
.remove-item { border: 0; background: #fff0eb; color: #b63d17; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; }
.empty-quote { padding: 60px 25px; text-align: center; }
.empty-quote span { width: 65px; height: 65px; display: grid; place-items: center; background: var(--soft-blue); color: var(--navy); border-radius: 50%; margin: 0 auto 17px; font-size: 1.6rem; }
.empty-quote h2 { margin-bottom: 7px; font-size: 1.2rem; }
.empty-quote p { color: var(--muted); font-size: .78rem; margin-bottom: 20px; }
.quote-form-card { padding: 22px; position: sticky; top: 20px; }
.quote-form-card h2 { font-size: 1.1rem; margin-bottom: 7px; }
.quote-form-card > p { margin: 0 0 17px; color: var(--muted); font-size: .73rem; line-height: 1.8; }
.form-field { margin-bottom: 13px; }
.form-field label { display: block; font-size: .72rem; color: #4e6677; font-weight: 800; margin-bottom: 6px; }
.form-field input, .form-field textarea, .form-field select { width: 100%; border: 1px solid #cad7df; background: #fff; color: var(--ink); border-radius: 7px; min-height: 43px; padding: 10px 12px; outline: 0; font-size: .78rem; }
.form-field textarea { min-height: 86px; resize: vertical; }
.form-field input:focus, .form-field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(12,87,199,.08); }
.quote-totals { border-block: 1px solid var(--line); padding: 13px 0; margin: 16px 0; display: grid; gap: 8px; }
.quote-totals div { display: flex; justify-content: space-between; gap: 15px; font-size: .75rem; }
.quote-totals strong { color: var(--orange-dark); }
.quote-form-card .primary { width: 100%; }
.print-action { width: 100%; margin-top: 12px; }
.print-proforma { display: none; }
.success-box { border: 1px solid #a7ddc6; background: #edfaf4; border-radius: 9px; padding: 20px; text-align: center; }
.success-box b { width: 42px; height: 42px; border-radius: 50%; background: var(--green); color: #fff; display: grid; place-items: center; margin: 0 auto 10px; }
.success-box h3 { margin: 0 0 5px; font: 900 1.4rem Arial; direction: ltr; }
.success-box p { margin: 0; color: #39715a; font-size: .73rem; line-height: 1.8; }

.content-narrow { width: min(900px, calc(100% - 40px)); margin-inline: auto; }
.content-card { padding: clamp(25px, 5vw, 55px); }
.content-card h2 { font-size: 1.45rem; margin: 35px 0 10px; }
.content-card h2:first-child { margin-top: 0; }
.content-card p { color: #526b7c; font-size: .9rem; line-height: 2.15; }
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 25px; }
.value-card { background: var(--soft); border: 1px solid var(--line); border-radius: 9px; padding: 19px; }
.value-card b { color: var(--orange); font: 900 .75rem Arial; }
.value-card h3 { margin: 10px 0 5px; font-size: .92rem; }
.value-card p { margin: 0; font-size: .72rem; line-height: 1.8; }
.contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 22px; }
.contact-details { background: var(--navy); color: #fff; border-radius: 12px; padding: 30px; }
.contact-details h2 { font-size: 1.35rem; margin-bottom: 8px; }
.contact-details > p { color: #a9bfcd; font-size: .78rem; line-height: 1.9; margin-bottom: 27px; }
.contact-line { padding: 14px 0; border-top: 1px solid rgba(255,255,255,.11); }
.contact-line small { display: block; color: #85a0b1; font-size: .65rem; margin-bottom: 5px; }
.contact-line strong { font-size: .88rem; }
.contact-form { padding: 30px; }
.contact-form h2 { font-size: 1.35rem; margin-bottom: 7px; }
.contact-form > p { color: var(--muted); font-size: .75rem; line-height: 1.8; margin: 0 0 22px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.contact-form .primary { min-width: 180px; }

.guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.guide-card { border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 26px; }
.guide-card h2 { font-size: 1.15rem; margin-bottom: 8px; }
.guide-card p { color: var(--muted); font-size: .77rem; line-height: 1.9; }
.guide-card .form-row { margin-top: 17px; }
.guide-result { margin-top: 15px; border: 1px solid #bcd5e4; background: var(--soft-blue); padding: 15px; border-radius: 8px; font-size: .78rem; line-height: 1.9; }
.guide-result strong { color: var(--blue); direction: ltr; }

body.admin-mode { background: #eef2f5; }
body.admin-mode > .top-note, body.admin-mode > .site-header, body.admin-mode > .site-footer { display: none; }
body.admin-mode #app { min-height: 100vh; }
.admin-app { min-height: 100vh; display: grid; grid-template-columns: 268px minmax(0,1fr); background: #eef2f5; color: #142a3a; }
.admin-sidebar { min-height: 100vh; padding: 26px 20px 20px; background: linear-gradient(180deg,#071f31 0%,#0a2b40 100%); color: #fff; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; z-index: 10; box-shadow: -10px 0 35px rgba(7,31,49,.12); }
.admin-brand { display: flex; align-items: center; gap: 11px; padding: 0 7px 25px; border-bottom: 1px solid rgba(255,255,255,.09); }
.admin-brand .brand-mark { width: 40px; height: 40px; }
.admin-brand strong { display: block; font-size: 1.1rem; }
.admin-brand small { display: block; color: #8fa7b7; font-size: .75rem; margin-top: 2px; }
.admin-workspace { margin: 20px 0 15px; padding: 14px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); border-radius: 9px; }
.admin-workspace small, .admin-workspace span { display: block; color: #8fa7b7; font-size: .75rem; }
.admin-workspace b { display: block; margin: 5px 0 4px; font-size: .82rem; line-height: 1.6; }
.admin-workspace span { color: #ef9b76; }
.admin-nav { display: grid; gap: 5px; }
.admin-nav a, .admin-nav button { min-height: 49px; border: 0; border-radius: 8px; padding: 0 11px; display: flex; align-items: center; gap: 11px; background: transparent; color: #abc0cc; font-size: .86rem; font-weight: 700; text-align: right; cursor: pointer; }
.admin-nav a > span, .admin-nav button > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 6px; background: rgba(255,255,255,.07); color: #8ea6b5; font: 700 .67rem/1 Arial; direction: ltr; }
.admin-nav a:hover { background: rgba(255,255,255,.06); color: #fff; }
.admin-nav a.active { background: #fff; color: var(--navy); box-shadow: 0 9px 22px rgba(0,0,0,.15); }
.admin-nav a.active > span { background: var(--orange); color: #fff; }
.admin-nav button { opacity: .45; cursor: default; }
.admin-nav button small { margin-inline-start: auto; font-size: .67rem; font-weight: 500; }
.admin-back { margin-top: auto; min-height: 46px; padding: 0 12px; border-top: 1px solid rgba(255,255,255,.09); display: flex; align-items: end; justify-content: space-between; color: #b5c6d0; font-size: .8rem; }
.admin-back:hover { color: #fff; }
.admin-stage { min-width: 0; }
.admin-topbar { height: 70px; padding: 0 clamp(20px,3vw,42px); background: #fff; border-bottom: 1px solid #dbe3e8; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-topbar > div:first-child { display: flex; align-items: center; gap: 8px; color: #667d8d; font-size: .8rem; }
.admin-private-dot { width: 8px; height: 8px; border-radius: 50%; background: #16a66a; box-shadow: 0 0 0 4px #ddf6eb; }
.admin-profile { display: flex; align-items: center; gap: 10px; }
.admin-profile > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: #fff; font-size: .75rem; font-weight: 900; }
.admin-profile b, .admin-profile small { display: block; }
.admin-profile b { font-size: .8rem; }
.admin-profile small { color: #778b98; font-size: .72rem; margin-top: 2px; }
.admin-main { width: min(1480px,100%); margin-inline: auto; padding: 32px clamp(20px,3vw,42px) 55px; }
.admin-page-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 25px; }
.admin-page-head > div > small { display: block; color: #80929e; font-size: .76rem; margin-bottom: 5px; }
.admin-page-head h1 { margin: 0 0 5px; font-size: clamp(1.55rem,2.5vw,2.1rem); letter-spacing: -.6px; }
.admin-page-head p { margin: 0; color: #657b8b; font-size: .87rem; }
.admin-primary, .admin-secondary { min-height: 43px; padding: 0 17px; border-radius: 7px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: .82rem; font-weight: 800; cursor: pointer; white-space: nowrap; }
.admin-primary { background: var(--orange); color: #fff; box-shadow: 0 8px 20px rgba(255,91,33,.2); }
.admin-primary:hover { background: var(--orange-dark); }
.admin-secondary { background: #fff; border-color: #cbd6dd; color: var(--navy); }
.admin-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 17px; }
.admin-kpis article { min-height: 147px; padding: 20px; background: #fff; border: 1px solid #dce4e9; border-radius: 10px; position: relative; box-shadow: 0 8px 25px rgba(13,41,58,.045); overflow: hidden; }
.admin-kpis article::after { content: ""; position: absolute; right: 0; top: 0; width: 4px; height: 100%; background: #dfe7ec; }
.admin-kpis article > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.admin-kpis small { color: #6f8492; font-size: .76rem; font-weight: 700; }
.admin-kpis strong { font: 900 1.85rem/1 Arial; color: var(--navy); }
.admin-kpis p { margin: 22px 0 0; padding-top: 11px; border-top: 1px solid #edf1f3; color: #7a8f9c; font-size: .73rem; }
.kpi-mark { position: absolute; left: 17px; top: 51px; min-width: 39px; height: 27px; padding: 0 7px; display: grid; place-items: center; border-radius: 5px; font: 800 .66rem/1 Arial; direction: ltr; }
.kpi-mark.orange { color: #c8491e; background: #fff0e9; }.kpi-mark.navy { color: #164a69; background: #e7f1f6; }.kpi-mark.red { color: #b62e32; background: #fdebed; }.kpi-mark.green { color: #128354; background: #e4f6ed; }
.admin-panel { background: #fff; border: 1px solid #dbe4e9; border-radius: 10px; box-shadow: 0 9px 28px rgba(14,41,58,.045); overflow: hidden; min-width: 0; }
.admin-dashboard-grid { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(290px,.75fr); gap: 17px; }
.admin-panel-head { min-height: 73px; padding: 15px 19px; border-bottom: 1px solid #e4eaee; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.admin-panel-head h2 { margin: 0 0 3px; font-size: 1rem; }
.admin-panel-head p { margin: 0; color: #7b8e9a; font-size: .73rem; }
.admin-panel-head > a { color: var(--blue); font-size: .76rem; font-weight: 800; }
.admin-demo-label { padding: 5px 8px; border-radius: 4px; background: #f0f4f6; color: #6f8290; font-size: .7rem; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: .78rem; }
.admin-table th { height: 44px; padding: 0 13px; background: #f5f7f9; color: #718491; text-align: right; font-size: .72rem; white-space: nowrap; border-bottom: 1px solid #e1e8ec; }
.admin-table td { padding: 13px; border-bottom: 1px solid #edf1f3; color: #4f6675; vertical-align: middle; }
.admin-table tr:last-child td { border-bottom: 0; }
.admin-table tbody tr:hover { background: #fbfcfd; }
.admin-table td b { color: #203847; font-size: .79rem; }
.admin-code { direction: ltr; text-align: right; font: 700 .72rem/1.5 Arial; color: #476171 !important; white-space: nowrap; }
.admin-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 0 8px; border-radius: 5px; font-size: .69rem; font-weight: 800; white-space: nowrap; }
.admin-badge.warning { background: #fff4d8; color: #8c6500; }.admin-badge.blue { background: #e8f2ff; color: #1b60ac; }.admin-badge.success { background: #e4f6ed; color: #167a51; }.admin-badge.muted { background: #edf1f3; color: #667b88; }
.admin-alert-list { padding: 5px 17px 12px; }
.admin-alert-list a { min-height: 67px; padding: 11px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f3; }
.admin-alert-list a:last-child { border-bottom: 0; }
.admin-alert-list b, .admin-alert-list small { display: block; }
.admin-alert-list b { font-size: .76rem; line-height: 1.6; }
.admin-alert-list small { color: #7a8e9b; font-size: .7rem; margin-top: 2px; }
.admin-alert-list strong { color: #b33235; background: #fff0f1; border-radius: 5px; padding: 5px 7px; font-size: .72rem; white-space: nowrap; }
.admin-empty { color: #758b98; text-align: center; padding: 25px 5px; font-size: .8rem; }
.admin-quick-actions { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-top: 17px; }
.admin-quick-actions > * { min-height: 88px; padding: 14px; border: 1px solid #dae4e9; border-radius: 9px; background: #fff; color: #3f5868; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; text-align: right; font-size: .9rem; }
.admin-quick-actions > * > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 7px; background: #edf4f7; color: var(--navy); font-size: .72rem; font-weight: 900; }
.admin-quick-actions b, .admin-quick-actions small { display: block; }.admin-quick-actions b { font-size: .82rem; }.admin-quick-actions small { color: #7b8f9b; font-size: .7rem; margin-top: 3px; }
.admin-quick-actions button { opacity: .6; cursor: default; }
.admin-toolbar { min-height: 76px; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-bottom: 1px solid #e3eaee; }
.admin-search { width: min(430px,100%); height: 43px; display: flex; align-items: center; gap: 8px; border: 1px solid #ccd8df; border-radius: 7px; padding: 0 12px; background: #fff; }
.admin-search span { color: var(--blue); font: 700 1.25rem Arial; }.admin-search input { flex: 1; min-width: 0; border: 0; outline: 0; font-size: .82rem; }
.admin-filter-note { color: #718692; font-size: .76rem; }.admin-filter-note b { color: var(--navy); }
.admin-products-table { min-width: 1050px; }
.admin-product-name { min-width: 235px; display: flex; align-items: center; gap: 10px; }
.admin-product-name > span { width: 37px; height: 37px; border-radius: 6px; background: #e8f0f4; color: #31576d; display: grid; place-items: center; font: 800 .65rem Arial; direction: ltr; }
.admin-product-name small { display: block; color: #81929d; font-size: .68rem; margin-top: 3px; }
.admin-state { min-height: 28px; border: 0; border-radius: 5px; padding: 0 9px; font-size: .69rem; font-weight: 800; cursor: pointer; }.admin-state.on { background: #e3f6ed; color: #15764f; }.admin-state.off { background: #f0f2f4; color: #73848e; }
.admin-row-actions { display: flex; gap: 6px; }.admin-row-actions button, .admin-row-actions a { min-height: 30px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid #ced9df; border-radius: 5px; background: #fff; color: #28495d; font-size: .7rem; cursor: pointer; }.admin-row-actions a { border-color: #c7d8ed; color: #165a9f; background: #f3f8ff; }
.admin-empty-row { text-align: center; padding: 40px !important; color: #708692 !important; }
.admin-modal { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; padding: 18px; background: rgba(3,20,31,.68); backdrop-filter: blur(3px); }
.admin-modal[hidden] { display: none; }
.admin-modal-card { width: min(610px,100%); max-height: calc(100vh - 36px); overflow-y: auto; background: #fff; border-radius: 11px; box-shadow: 0 30px 80px rgba(0,0,0,.32); }
.admin-modal-head { min-height: 83px; padding: 17px 22px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e1e8ec; }
.admin-modal-head small { color: var(--orange-dark); font-size: .72rem; font-weight: 800; }.admin-modal-head h2 { margin: 3px 0 0; font-size: 1.15rem; }.admin-modal-head button { width: 35px; height: 35px; border: 0; border-radius: 50%; background: #f1f4f6; color: #617783; font-size: 1.25rem; cursor: pointer; }
.admin-modal form { padding: 22px; }.admin-modal .form-field label { font-size: .78rem; }.admin-modal .form-field input, .admin-modal .form-field select { font-size: .82rem; }
.admin-check { min-height: 68px; display: flex; align-items: center; gap: 9px; cursor: pointer; font-size: .78rem; }.admin-check input { position: absolute; opacity: 0; }.admin-check span { width: 19px; height: 19px; border: 1px solid #bbcbd4; border-radius: 4px; background: #fff; }.admin-check input:checked + span { background: var(--orange); border-color: var(--orange); box-shadow: inset 0 0 0 4px #fff; }.admin-modal-actions { padding-top: 17px; border-top: 1px solid #e6ecef; display: flex; justify-content: flex-end; gap: 8px; }
.admin-price-context { min-height: 91px; padding: 14px 18px; display: grid; grid-template-columns: minmax(260px,1.5fr) repeat(3,minmax(140px,.7fr)); gap: 12px; align-items: end; border-bottom: 1px solid #e1e8ec; background: #fbfcfd; }
.admin-price-context .form-field { margin: 0; }.admin-price-context select { min-height: 42px; }
.admin-context-stat { min-height: 62px; padding: 10px 12px; border: 1px solid #e0e7eb; border-radius: 7px; background: #fff; }.admin-context-stat small,.admin-context-stat b { display: block; }.admin-context-stat small { color: #7a8d99; font-size: .69rem; }.admin-context-stat b { margin-top: 6px; font-size: .77rem; }.admin-context-stat.alert { border-color: #f1c7c8; background: #fff8f8; }.admin-context-stat.alert b { color: #b42d31; }
.admin-price-table { min-width: 1060px; }.admin-price-table td { padding-block: 10px; }.admin-size { min-width: 24px; display: inline-block; font: 800 .82rem Arial; direction: ltr; }
.admin-number-field,.admin-stock-field { height: 38px; display: flex; align-items: center; border: 1px solid #ccd8df; border-radius: 6px; overflow: hidden; background: #fff; }.admin-number-field { width: 210px; }.admin-stock-field { width: 125px; }.admin-number-field input,.admin-stock-field input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; padding: 0 9px; direction: ltr; text-align: left; font: 700 .76rem Arial; }.admin-number-field span,.admin-stock-field span { height: 100%; padding: 0 8px; background: #f2f5f7; color: #71838e; display: grid; place-items: center; font-size: .67rem; }.admin-stock-field.low { border-color: #e3a7a9; background: #fff8f8; }
.admin-switch { display: inline-flex; cursor: pointer; }.admin-switch input { position: absolute; opacity: 0; }.admin-switch span { width: 39px; height: 22px; border-radius: 20px; background: #bdc9d0; position: relative; transition: .2s; }.admin-switch span::after { content: ""; position: absolute; width: 16px; height: 16px; top: 3px; right: 3px; border-radius: 50%; background: #fff; transition: .2s; box-shadow: 0 1px 4px rgba(0,0,0,.2); }.admin-switch input:checked + span { background: #19a568; }.admin-switch input:checked + span::after { transform: translateX(-17px); }
.admin-savebar { min-height: 82px; padding: 14px 18px; border-top: 1px solid #dfe7eb; background: #f7f9fa; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.admin-savebar b,.admin-savebar small { display: block; }.admin-savebar b { font-size: .82rem; }.admin-savebar small { color: #758a96; font-size: .72rem; margin-top: 3px; }
.admin-cell-note { display: block; margin-top: 3px; color: #84949e; font-size: .69rem; }
.admin-table-link { color: #0b63b6 !important; text-decoration: underline; text-underline-offset: 3px; }
.admin-row-link { min-height: 30px; padding: 0 10px; border: 1px solid #c9d9e9; border-radius: 5px; display: inline-flex; align-items: center; color: #135a99; background: #f4f9ff; font-size: .71rem; font-weight: 800; white-space: nowrap; }
.admin-sms-flow { min-height: 92px; margin-bottom: 16px; padding: 15px 18px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 15px; border-radius: 10px; background: linear-gradient(110deg,#08263b,#104561); color: #fff; box-shadow: 0 12px 28px rgba(8,38,59,.12); }
.admin-sms-flow > div { display: grid; grid-template-columns: 34px 1fr; column-gap: 10px; align-items: center; }.admin-sms-flow > div > span { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); font: 900 .72rem Arial; }.admin-sms-flow b,.admin-sms-flow small { display: block; }.admin-sms-flow b { font-size: .8rem; }.admin-sms-flow small { margin-top: 2px; color: #a9c0cd; font-size: .69rem; }.admin-sms-flow > i { color: #668799; font-style: normal; }
.admin-quote-filters { display: flex; gap: 6px; flex-wrap: wrap; }.admin-quote-filters button { min-height: 33px; padding: 0 11px; border: 1px solid #d4dfe5; border-radius: 5px; background: #fff; color: #647986; font-size: .71rem; cursor: pointer; }.admin-quote-filters button.active { background: var(--navy); color: #fff; border-color: var(--navy); }
.admin-quotes-table { min-width: 1180px; }
.admin-quote-layout { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(300px,.65fr); gap: 16px; align-items: start; }
.admin-quote-customer { min-height: 91px; padding: 14px 17px; display: grid; grid-template-columns: .8fr 1.2fr 1fr 1.2fr .8fr; gap: 10px; border-bottom: 1px solid #e1e8ec; background: #fbfcfd; }.admin-quote-customer > div { min-height: 57px; padding: 9px 10px; border: 1px solid #e0e7eb; border-radius: 6px; background: #fff; }.admin-quote-customer small,.admin-quote-customer b { display: block; }.admin-quote-customer small { color: #7a8d98; font-size: .68rem; margin-bottom: 5px; }.admin-quote-customer b { font-size: .76rem; }
.admin-quote-edit-table { min-width: 1120px; }.admin-quote-edit-table td > input { min-width: 190px; height: 39px; padding: 0 9px; border: 1px solid #ccd8df; border-radius: 6px; outline: 0; font-size: .76rem; }.admin-quote-edit-table td:nth-child(3) > input { min-width: 245px; }.admin-quote-edit-table input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(12,87,199,.07); }.admin-quote-edit-table .admin-qty-input { min-width: 72px; width: 72px; direction: ltr; text-align: center; }
.admin-private-price { display: block; margin-top: 4px; color: #b46327; font-size: .64rem; }.admin-remove-row { width: 31px; height: 31px; border: 0; border-radius: 50%; background: #fff0f1; color: #b72c31; font-size: 1.05rem; cursor: pointer; }
.admin-quote-editor-footer { min-height: 78px; padding: 13px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #e3eaee; }.admin-editor-total { text-align: left; }.admin-editor-total small,.admin-editor-total strong { display: block; }.admin-editor-total small { color: #748995; font-size: .7rem; }.admin-editor-total strong { margin-top: 4px; color: var(--orange-dark); font-size: 1rem; }.admin-action-pair { display: flex; gap: 8px; }
.admin-quote-side { display: grid; gap: 16px; position: sticky; top: 86px; }.admin-sms-log { padding: 16px; display: grid; gap: 12px; }.admin-sms-log article { padding: 14px; border: 1px solid #dce4e9; border-radius: 8px; position: relative; }.admin-sms-log article.sent { background: #f2fbf7; border-color: #bce2cf; }.admin-sms-log article.pending { background: #f7f8f9; opacity: .72; }.admin-sms-log article > span { display: inline-block; margin-bottom: 6px; padding: 3px 6px; border-radius: 4px; background: #fff; color: #70828e; font-size: .66rem; }.admin-sms-log article b { display: block; font-size: .79rem; }.admin-sms-log article p { margin: 6px 0; color: #526b78; font-size: .72rem; line-height: 1.9; }.admin-sms-log article small { color: #19805a; font-size: .68rem; }
.admin-link-panel { padding: 18px; }.admin-link-panel h2 { margin: 0 0 5px; font-size: .95rem; }.admin-link-panel > p { margin: 0 0 13px; color: #6d818e; font-size: .72rem; line-height: 1.8; }.admin-public-link { height: 41px; margin-bottom: 11px; display: flex; border: 1px solid #ccd8df; border-radius: 6px; overflow: hidden; }.admin-public-link input { flex: 1; min-width: 0; border: 0; padding: 0 8px; direction: ltr; text-align: left; color: #58717f; font: .67rem Arial; }.admin-public-link button { width: 55px; border: 0; background: #edf3f6; color: #235570; font-size: .7rem; font-weight: 800; cursor: pointer; }.admin-link-panel .admin-primary { width: 100%; }.admin-link-wait { min-height: 42px; padding: 8px; border-radius: 6px; background: #fff6e3; color: #8d670b; display: grid; place-items: center; text-align: center; font-size: .69rem; }
.admin-access-note { margin-bottom: 16px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.admin-access-note > div { padding: 17px; border: 1px solid #dbe4e9; border-radius: 9px; background: #fff; border-top: 3px solid #315c74; }.admin-access-note b { font-size: .82rem; }.admin-access-note p { margin: 5px 0 0; color: #6e828e; font-size: .72rem; line-height: 1.8; }
.admin-users-table { min-width: 980px; }.admin-user-name { min-width: 190px; display: flex; align-items: center; gap: 10px; }.admin-user-name > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: #fff; font-size: .68rem; font-weight: 900; }.admin-user-name small { display: block; margin-top: 3px; color: #7d919d; font-size: .68rem; }.admin-role-badge { display: inline-flex; min-height: 27px; align-items: center; padding: 0 8px; border-radius: 5px; background: #eaf2f7; color: #28546c; font-size: .7rem; font-weight: 800; }.admin-user-modal { width: min(720px,100%); }.admin-modal .form-field > small { display: block; margin-top: 5px; color: #7c8e99; font-size: .67rem; line-height: 1.6; }
.admin-permissions { margin: 7px 0 20px; padding: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px 15px; border: 1px solid #dce5ea; border-radius: 8px; }.admin-permissions legend { padding: 0 7px; color: #38576a; font-size: .76rem; font-weight: 800; }.admin-permissions label { min-height: 36px; display: flex; align-items: center; gap: 8px; color: #4f6674; font-size: .73rem; cursor: pointer; }.admin-permissions input { position: absolute; opacity: 0; }.admin-permissions span { width: 18px; height: 18px; border: 1px solid #b8c8d1; border-radius: 4px; background: #fff; }.admin-permissions input:checked + span { background: var(--orange); border-color: var(--orange); box-shadow: inset 0 0 0 4px #fff; }
.public-proforma-note { margin-top: 15px; padding: 17px; border: 1px solid #a8dbc4; border-radius: 9px; background: #edfaf4; }.public-proforma-note b { color: #167650; }.public-proforma-note p { margin: 5px 0 0; color: #467261; font-size: .78rem; line-height: 1.8; }
.customer-account-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 20px; align-items: start; }.customer-account-menu { padding: 20px; border-radius: 10px; background: var(--navy); color: #fff; position: sticky; top: 20px; }.customer-account-menu > b { font-size: 1rem; }.customer-account-menu > p { margin: 7px 0 18px; color: #a6bdca; font-size: .75rem; line-height: 1.8; }.customer-account-menu a { min-height: 44px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.09); color: #b8cad4; font-size: .76rem; }.customer-account-menu a.active { color: #fff; background: rgba(255,255,255,.06); }.customer-account-menu a span { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 20px; background: var(--orange); color: #fff; font-size: .66rem; }.customer-account-content { display: grid; gap: 22px; }.customer-account-content > section { padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.customer-section-head { margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #e5ecef; }.customer-section-head h2 { margin: 0 0 4px; font-size: 1.05rem; }.customer-section-head p { margin: 0; color: #758a96; font-size: .75rem; }.customer-quote-list { display: grid; gap: 10px; }.customer-quote-card { min-height: 105px; padding: 15px; border: 1px solid #dce5ea; border-radius: 8px; display: grid; grid-template-columns: 1.3fr .8fr auto; align-items: center; gap: 15px; }.customer-quote-card h3 { margin: 7px 0 2px; font: 900 .9rem Arial; direction: ltr; text-align: right; }.customer-quote-card p { margin: 0; color: #6d818e; font-size: .73rem; }.customer-quote-card > div:nth-child(2) small,.customer-quote-card > div:nth-child(2) b { display: block; }.customer-quote-card > div:nth-child(2) small { color: #7b8e99; font-size: .68rem; }.customer-quote-card > div:nth-child(2) b { margin: 3px 0; font-size: .82rem; color: var(--orange-dark); }.customer-quote-card > a { min-height: 37px; padding: 0 11px; border-radius: 6px; background: var(--navy); color: #fff; display: inline-flex; align-items: center; font-size: .72rem; font-weight: 800; }.customer-wait { color: #84620f; background: #fff6de; border-radius: 6px; padding: 9px; text-align: center; font-size: .7rem; }.customer-empty { padding: 25px; text-align: center; color: #768b97; font-size: .78rem; }

.invoice-kind { display: inline-flex; width: max-content; margin-top: 5px; padding: 4px 8px; border-radius: 20px; font-size: .64rem; font-weight: 900; }.invoice-kind.official { background: #e8f5ef; color: #14704e; }.invoice-kind.informal { background: #eef2f4; color: #566b77; }
.invoice-choice { border: 0; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.invoice-choice legend { grid-column: 1/-1; margin-bottom: 7px; font-size: .76rem; font-weight: 800; }.invoice-choice label { position: relative; cursor: pointer; }.invoice-choice input { position: absolute; opacity: 0; }.invoice-choice span { min-height: 68px; padding: 11px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #dce5e9; border-radius: 8px; background: #fff; }.invoice-choice input:checked + span { border-color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); background: #fff8f3; }.invoice-choice b,.invoice-choice small { display: block; }.invoice-choice b { font-size: .76rem; }.invoice-choice small { margin-top: 3px; color: #738792; font-size: .64rem; }
.admin-commercial-settings,.admin-send-settings { padding: 16px 18px; display: grid; grid-template-columns: 1.3fr 1fr 1fr; align-items: start; gap: 14px; background: #f7fafb; border-bottom: 1px solid #dfe7eb; }.admin-commercial-settings h3,.admin-send-settings h3 { margin: 3px 0 0; font-size: .88rem; }.admin-commercial-settings small,.admin-send-settings small { color: #758994; font-size: .67rem; }.admin-commercial-settings label>span { display: block; margin-bottom: 5px; font-size: .7rem; font-weight: 800; }.admin-commercial-settings select,.tax-input { width: 100%; min-height: 40px; border: 1px solid #d8e2e7; border-radius: 6px; background: #fff; }.admin-commercial-settings select { padding: 0 10px; font-family: inherit; }.tax-input { display: flex; align-items: center; overflow: hidden; }.tax-input input { width: 100%; height: 38px; border: 0; padding: 0 10px; font: 800 .82rem Arial; }.tax-input b { padding: 0 10px; color: var(--orange-dark); }
.locked-tax { min-height: 64px; padding: 9px 12px; border: 1px solid #cfe0e7; border-radius: 7px; background: #fff; }.locked-tax span,.locked-tax strong,.locked-tax small { display: block; }.locked-tax span { font-size: .68rem; font-weight: 800; }.locked-tax strong { margin: 4px 0; color: #166448; font-size: 1rem; }.locked-tax small { color: #718590; font-size: .61rem; }
.admin-editor-totals { display: flex; gap: 8px; text-align: right; }.admin-editor-totals>div { min-width: 135px; padding: 8px 11px; border: 1px solid #dce5e9; border-radius: 7px; background: #fff; }.admin-editor-totals small,.admin-editor-totals b,.admin-editor-totals strong { display: block; }.admin-editor-totals small { color: #748995; font-size: .65rem; }.admin-editor-totals b,.admin-editor-totals strong { margin-top: 4px; font-size: .82rem; }.admin-editor-totals strong { color: var(--orange-dark); }
.admin-send-settings { grid-template-columns: 1.1fr 2fr; border-top: 1px solid #dfe7eb; border-bottom: 0; }.admin-send-settings>p { grid-column: 1/-1; margin: 0; color: #758994; font-size: .67rem; }.delivery-channels { display: flex; flex-wrap: wrap; gap: 7px; }.delivery-channels input { position: absolute; opacity: 0; }.delivery-channels span { min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; border: 1px solid #d8e2e7; border-radius: 18px; background: #fff; color: #5f737e; font-size: .7rem; font-weight: 800; cursor: pointer; }.delivery-channels input:checked+span { border-color: #207755; background: #e9f7f1; color: #146344; }
.admin-role-preview { margin-inline-start: auto; display: flex; align-items: center; gap: 8px; }.admin-role-preview small { color: #758994; font-size: .67rem; }.admin-role-preview select { min-height: 34px; padding: 0 9px; border: 1px solid #d5e0e5; border-radius: 6px; background: #fff; font: 700 .7rem inherit; }
.admin-settings-grid { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 16px; align-items: start; }.vat-setting-value { padding: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: end; }.vat-setting-value>div:first-child { min-height: 95px; padding: 14px; border-radius: 9px; background: var(--navy); color: #fff; }.vat-setting-value small,.vat-setting-value strong { display: block; }.vat-setting-value strong { margin-top: 9px; color: #ffad70; font-size: 2rem; }.vat-setting-value label>span { display: block; margin-bottom: 7px; font-size: .72rem; font-weight: 800; }.vat-setting-value .tax-input { min-height: 54px; }.vat-setting-value .tax-input input { height: 52px; font-size: 1.1rem; }.settings-safety-note { margin: 0 22px 20px; padding: 15px; border: 1px solid #bddccf; border-radius: 8px; background: #eef9f4; }.settings-safety-note b { color: #17684a; font-size: .78rem; }.settings-safety-note p { margin: 5px 0 0; color: #527467; font-size: .7rem; line-height: 1.8; }.settings-access-card { padding: 18px; }.settings-access-card h2 { margin: 0 0 14px; font-size: 1rem; }.settings-access-row { padding: 12px 0; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid #e2e9ec; }.settings-access-row b,.settings-access-row span { font-size: .69rem; }.settings-access-row.allowed span { color: #16704e; }.settings-access-row.locked span { color: #8a6a1e; }.settings-access-card>p { margin: 13px 0 0; color: #718691; font-size: .68rem; line-height: 1.8; }
.customer-section-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }.customer-new-project { min-height: 37px; padding: 0 12px; border: 0; border-radius: 6px; background: var(--orange); color: #fff; font: 800 .72rem inherit; cursor: pointer; }.project-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.project-card { padding: 15px; border: 1px solid #dce5ea; border-radius: 8px; background: linear-gradient(145deg,#fff,#f7fafb); }.project-card>div:first-child span,.project-card>div:first-child b,.project-card>div:first-child small { display: block; }.project-card>div:first-child span { color: var(--orange-dark); font-size: .64rem; }.project-card>div:first-child b { margin: 7px 0 3px; font-size: .82rem; }.project-card>div:first-child small { min-height: 34px; color: #738792; font-size: .67rem; }.project-card>div:nth-child(2) { margin-top: 12px; display: flex; align-items: baseline; gap: 5px; }.project-card>div:nth-child(2) strong { font-size: 1.15rem; }.project-card>div:nth-child(2) small { color: #768994; font-size: .65rem; }.project-card>a { margin-top: 12px; padding-top: 9px; border-top: 1px solid #e1e8eb; display: block; color: #26586f; font-size: .68rem; font-weight: 800; }
.project-modal { position: fixed; inset: 0; z-index: 90; padding: 20px; place-items: center; background: rgba(7,28,39,.72); }.project-modal:not([hidden]) { display: grid; }.project-dialog-card { width: min(540px,100%); border-radius: 10px; background: #fff; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.28); }.project-dialog-card>div:first-child { position: relative; padding: 18px 20px; border-bottom: 1px solid var(--line); }.project-dialog-card h2 { margin: 3px 0 0; font-size: 1.05rem; }.project-dialog-card>div:first-child button { position: absolute; left: 16px; top: 16px; border: 0; background: transparent; font-size: 1.4rem; cursor: pointer; }.project-dialog-card form { padding: 20px; }
.proforma-actions { margin-bottom: 13px; display: flex; flex-wrap: wrap; gap: 7px; }.proforma-actions button { min-height: 39px; padding: 0 14px; border: 1px solid #d6e0e5; border-radius: 7px; background: #fff; color: var(--navy); font: 800 .72rem inherit; cursor: pointer; }.proforma-actions button:first-child { border-color: var(--navy); background: var(--navy); color: #fff; }.quote-customer-strip.four { grid-template-columns: 1.25fr 1.25fr .8fr .75fr; }.final-summary { padding: 18px 20px; display: grid; grid-template-columns: 1fr 290px; gap: 20px; background: #f7fafb; }.final-terms>p { margin: 5px 0 10px; color: #657b87; font-size: .69rem; line-height: 1.8; }.final-totals { align-self: start; border: 1px solid #dce4e8; border-radius: 7px; background: #fff; overflow: hidden; }.final-totals>div { padding: 10px 12px; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid #e5ebee; font-size: .72rem; }.final-totals>div:last-child { border: 0; }.final-totals .grand { background: var(--orange); color: #fff; }.seller-sign { position: relative; width: 250px; min-height: 115px; padding-top: 10px; border-top: 1px solid #dfe6e9; }.seller-sign>span,.seller-sign>small { display: block; font-size: .62rem; color: #748793; }.seller-sign img { width: 210px; height: 100px; object-fit: contain; object-position: right center; mix-blend-mode: multiply; }.seller-sign>small { position: absolute; bottom: 0; right: 0; color: #9a6a13; }

.site-footer { background: #061f31; color: #fff; padding-top: 54px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, .8fr); gap: 50px; padding-bottom: 38px; }
.footer-brand p { color: #91a8b6; font-size: .75rem; line-height: 2; max-width: 360px; margin: 18px 0 0; }
.site-footer h3 { font-size: .82rem; color: #d9e4ea; margin: 4px 0 14px; }
.site-footer > .footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 9px; }
.site-footer > .footer-grid > div:not(.footer-brand) a, .site-footer > .footer-grid > div:not(.footer-brand) p, .site-footer small { color: #8fa6b4; font-size: .7rem; margin: 0; }
.site-footer > .footer-grid > div:not(.footer-brand) a:hover { color: #fff; }
.footer-bottom { min-height: 55px; border-top: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #6f8999; font-size: .65rem; }

.toast { position: fixed; left: 50%; bottom: 22px; transform: translate(-50%, 25px); width: min(600px, calc(100% - 30px)); z-index: 200; background: var(--navy); color: #fff; border-radius: 10px; box-shadow: 0 16px 50px rgba(5,27,41,.3); padding: 14px 16px; opacity: 0; pointer-events: none; transition: .25s; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .78rem; }
.toast.show { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.toast-actions { display: flex; gap: 7px; }
.toast a { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 5px; padding: 7px 9px; font-size: .68rem; white-space: nowrap; }
.toast a:first-child { background: var(--orange); border-color: var(--orange); }

/* Final product, industrial paths and chat refinements */
.industrial-paths{padding-top:30px}.industry-cards>div{height:210px;position:relative;overflow:hidden;border-radius:12px;background-image:linear-gradient(0deg,#041d30d9 0,transparent 58%),url("assets/industry-applications-v1.webp");background-size:500% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff24;transition:transform .25s,box-shadow .25s}.industry-cards>div:nth-child(1){background-position:0 50%}.industry-cards>div:nth-child(2){background-position:25% 50%}.industry-cards>div:nth-child(3){background-position:50% 50%}.industry-cards>div:nth-child(4){background-position:75% 50%}.industry-cards>div:nth-child(5){background-position:100% 50%}.industry-cards>div:hover{transform:translateY(-5px);box-shadow:0 16px 25px #001a2d70}.industry-cards>div span{position:absolute;inset:auto 10px 12px;color:#fff;text-align:center;font-size:.72rem;font-weight:900;direction:rtl}.special-order{min-height:150px;justify-content:flex-start;background:#fff url("assets/special-order-flange-v1.webp") left center/auto 100% no-repeat}.special-order:before{display:none}.special-order-content{width:62%;position:relative;z-index:1}.special-order-content a{margin-top:14px;display:inline-flex}.product-page-hero-inner{grid-template-columns:1fr}.product-page-hero-inner>div{max-width:850px}.product-hero-image{display:none}.engineering-note{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.engineering-note b{color:#173d51}.engineering-note span{color:#607984}.live-chat-panel{width:min(330px,calc(100vw - 28px));max-height:510px}.live-chat-panel header{padding:12px 14px}.chat-quick-start{padding:13px}.chat-quick-start button{padding:9px 10px}.chat-conversation{height:300px}.live-chat-panel form{padding:12px}

@media (max-width: 1050px) {
  .header-main { grid-template-columns: 205px 1fr; gap: 20px; }
  .header-tools { gap: 12px; }
  .header-contact { min-width: 195px; }
  .site-search { width: min(320px, 38vw); }
  .nav-links { gap: 17px; }
  .nav-inner { gap: 14px; font-size: .72rem; }
  .hero-grid { grid-template-columns: .75fr 1.25fr; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .product-layout { grid-template-columns: 1fr; }
  .quote-summary { position: relative; top: 0; }
  .quote-page { grid-template-columns: 1fr; }
  .quote-form-card { position: relative; top: 0; }
  .footer-grid { grid-template-columns: 1.2fr repeat(3, .7fr); gap: 25px; }
  .admin-app { grid-template-columns: 230px minmax(0,1fr); }
  .admin-sidebar { padding-inline: 14px; }
  .admin-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-dashboard-grid { grid-template-columns: 1fr; }
  .admin-quick-actions { grid-template-columns: 1fr 1fr; }
  .admin-price-context { grid-template-columns: 1.3fr 1fr 1fr; }
  .admin-price-context .admin-context-stat:last-child { display: none; }
  .admin-quote-layout { grid-template-columns: 1fr; }
  .admin-quote-side { position: relative; top: 0; grid-template-columns: 1fr 1fr; }
  .admin-quote-customer { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 820px) {
  .header-main { grid-template-columns: 1fr; min-height: 0; padding-block: 15px 12px; gap: 12px; }
  .header-tools { width: 100%; justify-content: space-between; }
  .header-contact { min-width: 0; }
  .site-search { width: min(390px, 54vw); }
  .menu-toggle { display: block; }
  .main-nav { position: fixed; inset: 0 0 0 auto; width: min(320px, 88vw); background: var(--navy); transform: translateX(105%); transition: transform .23s; z-index: 100; padding-top: 40px; box-shadow: -15px 0 50px rgba(0,0,0,.28); }
  body.menu-open .main-nav { transform: translateX(0); }
  .nav-inner { width: auto; margin: 0; padding: 35px 25px; min-height: auto; flex-direction: column; align-items: stretch; gap: 18px; }
  .nav-links { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .nav-links a { font-size: .9rem; border-bottom: 1px solid rgba(255,255,255,.09); padding: 14px 2px; }
  .nav-actions { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; }
  .auth-button { min-height: 43px; }
  .hero { min-height: 760px; }
  .hero::after { background: linear-gradient(180deg, rgba(3,23,37,.04) 0%, rgba(4,27,43,.45) 40%, rgba(5,29,45,.98) 66%, #051d2d 100%); }
  .hero::before { background-position: 27% top; background-size: auto 58%; background-repeat: no-repeat; }
  .hero-grid { grid-template-columns: 1fr; align-items: end; min-height: 760px; }
  .hero-copy { grid-column: 1; padding: 300px 0 62px; max-width: 100%; }
  .hero h1 { font-size: 2.55rem; }
  .page-hero-inner { grid-template-columns: 1fr; min-height: auto; }
  .hero-specs { max-width: 520px; }
  .accessory-grid { grid-template-columns: 1fr; }
  .use-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .contact-grid { grid-template-columns: 1fr; }
  .guide-grid { grid-template-columns: 1fr; }
  .admin-app { grid-template-columns: 1fr; }
  .admin-sidebar { min-height: auto; height: auto; position: relative; padding: 14px; }
  .admin-brand { padding: 0 4px 13px; }
  .admin-workspace { display: none; }
  .admin-nav { display: flex; overflow-x: auto; padding-top: 12px; scrollbar-width: thin; }
  .admin-nav a, .admin-nav button { flex: 0 0 auto; min-height: 43px; padding-inline: 9px; }
  .admin-nav button { display: none; }
  .admin-nav a > span { width: 25px; height: 25px; }
  .admin-back { position: absolute; left: 16px; top: 15px; border: 0; margin: 0; padding: 0; min-height: 39px; align-items: center; gap: 8px; font-size: .74rem; }
  .admin-topbar { height: 62px; }
  .admin-main { padding-top: 25px; }
  .admin-sms-flow { grid-template-columns: 1fr; }
  .admin-sms-flow > i { display: none; }
  .admin-access-note { grid-template-columns: 1fr; }
  .admin-quote-side { grid-template-columns: 1fr; }
  .customer-account-layout { grid-template-columns: 1fr; }
  .customer-account-menu { position: relative; top: 0; }
  .project-grid { grid-template-columns: 1fr 1fr; }
  .admin-settings-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .shell { width: min(100% - 24px, 1240px); }
  .header-main { gap: 12px; }
  .brand strong { font-size: 1.07rem; }
  .brand-tagline { font-size: .62rem; }
  .brand-mark { width: 38px; height: 38px; }
  .brand-mark::after { left: 15px; box-shadow: 0 27px var(--orange), -13px 13px var(--orange), 13px 13px var(--orange); }
  .header-tools { display: grid; grid-template-columns: 1fr; direction: rtl; }
  .header-contact { grid-row: 1; width: fit-content; }
  .header-contact .phone-icon { width: 37px; height: 37px; }
  .site-search { grid-row: 2; width: 100%; }
  .quote-button { padding: 0 10px; }
  .quote-button > span:nth-child(2) { display: none; }
  .section { padding: 52px 0; }
  .section-head { align-items: start; flex-direction: column; margin-bottom: 24px; }
  .hero { min-height: 650px; }
  .hero::before { background-position: 25% top; background-size: auto 49%; }
  .hero-copy { padding: 275px 0 48px; }
  .hero-copy .badge { font-size: .67rem; }
  .hero h1 { font-size: 2.2rem; letter-spacing: -1.2px; }
  .hero-copy > p { font-size: .87rem; }
  .hero-facts { flex-wrap: wrap; gap: 14px 0; }
  .hero-facts div { padding: 0 10px; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 190px; grid-template-columns: minmax(0,1fr) 132px; padding: 22px 20px; }
  .category-visual { left: -9px; top: -36px; width: 148px; height: 222px; }
  .material-band { grid-template-columns: 1fr; padding: 25px; }
  .accessory-card { min-height: 194px; grid-template-columns: minmax(0,1fr) 125px; padding: 20px 17px; gap: 10px; }
  .accessory-visual { left: -15px; top: -32px; width: 139px; height: 278px; }
  .accessory-card::after { left: -2px; width: 135px; }
  .accessory-card .round-arrow { grid-column: 1 / -1; width: 100%; border-radius: 6px; }
  .hero-specs { grid-template-columns: 1fr 1fr; }
  .family-tabs { grid-template-columns: 1fr 1fr; }
  .compatibility-bar { flex-direction: column; align-items: stretch; }
  .quote-item { grid-template-columns: 1fr auto; }
  .quote-item .qty, .quote-item .price { grid-row: 2; }
  .quote-document-head { align-items: flex-start; flex-direction: column; }
  .quote-doc-title { text-align: right; }
  .quote-customer-strip { grid-template-columns: 1fr; }
  .quote-customer-strip div { border-inline-start: 0; border-top: 1px solid var(--line); }
  .quote-customer-strip div:first-child { border-top: 0; }
  .quote-document-bottom { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .value-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px 15px; }
  .footer-bottom { align-items: start; flex-direction: column; justify-content: center; padding: 12px 0; }
  .toast { align-items: stretch; flex-direction: column; }
  .toast-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .toast a { text-align: center; }
  .admin-topbar { padding-inline: 14px; }
  .admin-topbar > div:first-child { font-size: .72rem; }
  .admin-profile div { display: none; }
  .admin-role-preview small { display: none; }
  .admin-role-preview select { max-width: 125px; }
  .admin-main { padding: 21px 12px 40px; }
  .admin-page-head { align-items: stretch; flex-direction: column; gap: 14px; }
  .admin-page-head .admin-primary, .admin-page-head .admin-secondary { width: 100%; }
  .admin-page-head p { font-size: .8rem; line-height: 1.7; }
  .admin-kpis { grid-template-columns: 1fr 1fr; gap: 9px; }
  .admin-kpis article { min-height: 139px; padding: 15px; }
  .admin-kpis article > div { display: block; }
  .admin-kpis strong { display: block; margin-top: 9px; }
  .admin-kpis p { margin-top: 12px; line-height: 1.6; }
  .kpi-mark { left: 13px; top: 50px; }
  .admin-panel-head { min-height: 67px; padding-inline: 14px; }
  .admin-quick-actions { grid-template-columns: 1fr; gap: 9px; }
  .admin-toolbar { align-items: stretch; flex-direction: column; }
  .admin-search { width: 100%; }
  .admin-price-context { grid-template-columns: 1fr 1fr; }
  .admin-price-context .form-field { grid-column: 1 / -1; }
  .admin-price-context .admin-context-stat:last-child { display: block; }
  .admin-savebar { align-items: stretch; flex-direction: column; }
  .admin-savebar .admin-primary { width: 100%; }
  .admin-modal form { padding: 16px; }
  .admin-modal-actions { flex-direction: column-reverse; }
  .admin-quote-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; }
  .admin-quote-filters button { flex: 0 0 auto; }
  .admin-quote-customer { grid-template-columns: 1fr 1fr; }
  .admin-quote-customer > div:nth-child(4) { grid-column: 1 / -1; }
  .admin-quote-editor-footer { align-items: stretch; flex-direction: column; }
  .admin-editor-totals { display: grid; grid-template-columns: 1fr; }
  .admin-commercial-settings,.admin-send-settings { grid-template-columns: 1fr; }
  .admin-send-settings>p { grid-column: 1; }
  .admin-action-pair { flex-direction: column; width: 100%; }
  .admin-action-pair > * { width: 100%; }
  .admin-permissions { grid-template-columns: 1fr; }
  .public-proforma { width: calc(100% - 24px); }
  .customer-quote-card { grid-template-columns: 1fr; }
  .customer-quote-card > a { justify-content: center; }
  .project-grid,.invoice-choice,.vat-setting-value,.final-summary { grid-template-columns: 1fr; }
  .customer-section-head { align-items: flex-start; flex-direction: column; }
  .quote-customer-strip.four { grid-template-columns: 1fr; }
}

.product-side { position: sticky; top: 20px; display: grid; gap: 14px; align-self: start; }
.product-side .quote-summary { position: relative; top: 0; }
.product-expert-card { overflow: hidden; border: 1px solid #d9e4e9; border-radius: 11px; background: #fff; box-shadow: var(--shadow); }
.product-expert-card > .expert-label { display: block; padding: 10px 15px; background: #edf5f8; color: #476575; font-size: .69rem; font-weight: 800; }
.product-expert-card > div { padding: 14px; display: flex; align-items: center; gap: 11px; }
.product-expert-card img,.expert-placeholder { width: 58px; height: 58px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; }
.expert-placeholder { display: grid; place-items: center; background: var(--navy); color: #fff; font: 900 .84rem Arial; }
.product-expert-card b,.product-expert-card small { display: block; }
.product-expert-card b { font-size: .79rem; }
.product-expert-card small { margin-top: 4px; color: #728793; font-size: .63rem; line-height: 1.6; }
.product-expert-card > a { margin: 0 14px 14px; min-height: 45px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; border-radius: 7px; background: var(--orange); color: #fff; }
.product-expert-card > a span { font-size: .7rem; font-weight: 800; }
.product-expert-card > a strong { font: 800 .83rem Arial; }
.product-seo-content { margin-top: 24px; padding: clamp(22px,4vw,42px); border: 1px solid #d9e4e9; border-radius: 12px; background: #fff; box-shadow: 0 12px 35px rgba(8,38,59,.06); }
.product-seo-content > h2 { margin-bottom: 13px; font-size: clamp(1.45rem,2.5vw,2rem); }
.product-seo-content > p { color: #526b78; font-size: .88rem; line-height: 2.2; }
.product-seo-facts { margin: 24px 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.product-seo-facts article { padding: 15px; border: 1px solid #e0e8ec; border-radius: 8px; background: #f8fafb; }
.product-seo-facts article b,.product-seo-facts article span { display: block; }
.product-seo-facts article b { color: var(--navy); font-size: .76rem; }
.product-seo-facts article span { margin-top: 5px; color: #718691; font-size: .69rem; line-height: 1.7; }
.product-seo-content .seo-note { margin: 0; padding: 12px 14px; border-inline-start: 3px solid var(--orange); background: #fff7f2; color: #785845; }
.knowledge-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.knowledge-card { padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: var(--shadow); }
.knowledge-card small { color: var(--orange-dark); font-size: .69rem; font-weight: 800; }
.knowledge-card h2 { margin: 10px 0 8px; font-size: 1.12rem; line-height: 1.7; }
.knowledge-card p { min-height: 78px; margin: 0 0 15px; color: var(--muted); font-size: .78rem; line-height: 1.9; }
.knowledge-card a { color: var(--blue); font-size: .75rem; font-weight: 900; }
.knowledge-article { max-width: 900px; margin-inline: auto; padding: clamp(24px,5vw,52px); border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.knowledge-article h1 { font-size: clamp(1.8rem,4vw,3rem); line-height: 1.5; }
.knowledge-article .article-lead { color: #476473; font-size: 1rem; line-height: 2; }
.knowledge-article .article-body { margin-top: 26px; color: #344f5e; line-height: 2.25; white-space: pre-line; }
.live-chat-button { position: fixed; z-index: 120; left: 22px; bottom: 22px; min-height: 48px; padding: 0 16px; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 28px; background: var(--orange); color: #fff; box-shadow: 0 14px 35px rgba(8,38,59,.28); font: 800 .76rem inherit; cursor: pointer; }
.live-chat-button span { width: 24px; height: 24px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; }
.live-chat-panel { position: fixed; z-index: 130; left: 22px; bottom: 82px; width: min(370px,calc(100vw - 28px)); overflow: hidden; border: 1px solid #d5e0e5; border-radius: 13px; background: #fff; box-shadow: 0 24px 65px rgba(4,28,43,.3); }
.live-chat-panel[hidden] { display: none; }
.live-chat-panel header { padding: 15px 17px; display: flex; justify-content: space-between; gap: 12px; background: var(--navy); color: #fff; }
.live-chat-panel header b,.live-chat-panel header small { display: block; }
.live-chat-panel header small { margin-top: 4px; color: #a9bec9; font-size: .65rem; line-height: 1.6; }
.live-chat-panel header button { align-self: start; border: 0; background: transparent; color: #fff; font-size: 1.3rem; cursor: pointer; }
.live-chat-panel form { padding: 16px; display: grid; gap: 10px; }
.live-chat-panel label { display: grid; gap: 5px; color: #415d6b; font-size: .7rem; font-weight: 800; }
.live-chat-panel input,.live-chat-panel textarea { width: 100%; padding: 9px 10px; border: 1px solid #d4e0e5; border-radius: 7px; background: #fff; }
.live-chat-panel button[type="submit"] { min-height: 43px; border: 0; border-radius: 7px; background: var(--orange); color: #fff; font-weight: 900; cursor: pointer; }
.live-chat-panel button:disabled { opacity: .65; cursor: wait; }
#liveChatStatus { min-height: 18px; margin: 0; color: #17704f; font-size: .67rem; line-height: 1.7; }

/* Industrial paths */
.industrial-paths{padding:56px 0 68px;background:#f3f6f7}.industrial-paths .shell{display:grid;gap:22px}.industrial-trust{min-height:220px;display:grid;grid-template-columns:1.08fr 1.45fr;overflow:hidden;border-radius:18px;background:linear-gradient(100deg,#082a43 0 44%,#fff 44%);box-shadow:0 18px 45px #0b304315}.industrial-trust-copy{padding:32px 38px;color:#fff;background:linear-gradient(115deg,#082a43 0 88%,transparent 88%)}.industrial-trust-copy span{color:#f8a061;font-size:.72rem;font-weight:900}.industrial-trust-copy h2{margin:7px 0;font-size:1.45rem}.industrial-trust-copy p{margin:0;color:#c7d5dc;line-height:1.8;font-size:.78rem}.industrial-trust-copy a{margin-top:18px;padding:9px 17px;display:inline-flex;border:1px solid #ffffff70;border-radius:22px;font-size:.72rem;font-weight:900}.trust-features{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:20px 22px}.trust-features div{min-height:92px;display:grid;place-items:center;align-content:center;gap:12px;border-inline-end:1px solid #dce5e9;color:#14364a}.trust-features div:last-child{border:0}.trust-features b{font-size:1.65rem;color:#0c3857}.trust-features span{font-size:.73rem;font-weight:900}.industrial-apps{min-height:260px;padding:24px;display:grid;grid-template-columns:235px 1fr;gap:22px;border-radius:18px;background:linear-gradient(135deg,#072943,#0b3858);color:#fff}.industrial-apps-copy{padding:15px 12px}.industrial-apps-copy>span{color:#f7a164;font-size:.7rem;font-weight:900}.industrial-apps-copy h2{margin:7px 0 8px;font-size:1.45rem}.industrial-apps-copy p{color:#b9ccd6;line-height:1.8;font-size:.76rem}.industrial-apps-copy a{margin-top:13px;display:inline-flex;padding:9px 14px;border:1px solid #ffffff6b;border-radius:20px;font-size:.7rem;font-weight:900}.industry-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;direction:ltr}.industry-cards a{height:210px;position:relative;overflow:hidden;border-radius:12px;background-image:linear-gradient(0deg,#041d30d9 0,transparent 58%),url("assets/industry-applications-v1.png");background-size:500% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff24;transition:.25s}.industry-cards a:nth-child(1){background-position:0 50%}.industry-cards a:nth-child(2){background-position:25% 50%}.industry-cards a:nth-child(3){background-position:50% 50%}.industry-cards a:nth-child(4){background-position:75% 50%}.industry-cards a:nth-child(5){background-position:100% 50%}.industry-cards a:hover{transform:translateY(-5px);box-shadow:0 16px 25px #001a2d70}.industry-cards span{position:absolute;inset:auto 10px 12px;color:#fff;text-align:center;font-size:.72rem;font-weight:900;direction:rtl}.special-order{min-height:116px;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;border:1px solid #dbe4e7;border-radius:18px;background:linear-gradient(90deg,#e9eef0,#fff 48%);position:relative}.special-order:before{content:"";position:absolute;left:0;top:0;width:42%;height:100%;opacity:.12;background:radial-gradient(circle at center,#153f55,transparent 65%)}.special-order h2{margin:0 0 5px;font-size:1.25rem}.special-order p{margin:0;color:#607984;font-size:.76rem}.special-order a{z-index:1;padding:12px 18px;border-radius:8px;background:#0b3048;color:#fff;font-size:.74rem;font-weight:900}

.industry-cards a{background-image:linear-gradient(0deg,#041d30d9 0,transparent 58%),url("assets/industry-applications-v1.webp")}

/* Product hero and rich content */
.product-page-hero{padding-block:34px}.product-page-hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:center}.product-hero-image{height:245px;position:relative;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(145deg,#123d53,#082638);overflow:hidden}.product-hero-image img{width:100%;height:100%;object-fit:contain;padding:18px;background:#fff}.product-hero-image small{position:absolute;left:12px;bottom:10px;padding:5px 8px;border-radius:5px;background:#092638e8;color:#d7e2e7;font-size:.62rem}.product-hero-fallback{width:230px;height:190px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 16px 16px #00172280)}.account-linked-note{padding:10px 12px;border:1px solid #bfe5d1;border-radius:7px;background:#effaf4;color:#176649;font-size:.72rem;font-weight:900}

/* Knowledge directory */
.knowledge-hero{padding:52px 0;background:linear-gradient(135deg,#082b43,#0c405f);color:#fff}.knowledge-hero h1{margin:9px 0;font-size:clamp(1.8rem,4vw,3rem)}.knowledge-hero p{max-width:760px;color:#c7d5dc;line-height:1.95}.knowledge-hero nav{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}.knowledge-hero nav a{padding:9px 13px;border:1px solid #ffffff35;border-radius:22px;background:#ffffff0d;font-size:.7rem;font-weight:900}.knowledge-directory{display:grid;gap:18px}.knowledge-topic{min-height:260px;display:grid;grid-template-columns:290px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 35px #0c33450b}.knowledge-topic-media{min-height:260px;background:linear-gradient(145deg,#123d53,#071f30);display:grid;place-items:center;overflow:hidden}.knowledge-topic-media img{width:100%;height:100%;object-fit:cover}.knowledge-topic-media .category-visual{width:210px;height:190px;filter:drop-shadow(0 16px 18px #00192780)}.knowledge-topic-copy{padding:28px}.knowledge-topic-copy>span{color:var(--orange);font-size:.68rem;font-weight:900}.knowledge-topic-copy h2{margin:7px 0 6px;font-size:1.35rem}.knowledge-topic-copy>p{margin:0;color:#607984;line-height:1.9;font-size:.78rem}.knowledge-links{margin-top:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.knowledge-links a{padding:11px 13px;border:1px solid #dce5e9;border-radius:8px;background:#f8fafb;color:#244a5d;font-size:.72rem;font-weight:800}.knowledge-links a:hover{border-color:var(--orange);color:#bf4f17}.knowledge-footer-copy{padding:48px 0;background:#fff;text-align:center}.knowledge-footer-copy h2{margin:0 0 8px}.knowledge-footer-copy p{max-width:760px;margin:auto;color:#607984;line-height:2}

.knowledge-topic-links{margin-top:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.knowledge-topic-links a{padding:11px 13px;display:flex;justify-content:space-between;border:1px solid #dce5e9;border-radius:8px;background:#f8fafb;color:#244a5d;font-size:.72rem;font-weight:800}.knowledge-topic-links a:hover{border-color:var(--orange);color:#bf4f17}.knowledge-coming{grid-column:1/-1;padding:16px;border:1px dashed #cbd9df;border-radius:8px;color:#718690;font-size:.72rem}.knowledge-product-link{margin-top:14px;display:inline-flex;color:#d85a1b;font-size:.72rem;font-weight:900}.knowledge-topic-fallback{width:170px;height:170px;border:22px solid #d4a43f;border-radius:50%;box-shadow:inset 0 0 0 8px #705722,0 18px 25px #00192780;position:relative}.knowledge-topic-fallback:before{content:"";position:absolute;inset:-15px;border:5px dotted #73591f;border-radius:50%}.knowledge-topic-fallback.gasket{border-width:10px;border-color:#eceff0;box-shadow:inset 0 0 0 7px #77828a,0 18px 25px #00192780}.knowledge-topic-fallback.bolt{width:80px;height:180px;border:0;border-radius:12px;background:linear-gradient(90deg,#8998a0,#f4f6f7 45%,#73858e);transform:rotate(20deg)}

/* Online chat */
.live-chat-panel header{align-items:flex-start}.chat-online-state{margin-inline-start:auto;padding:4px 8px;border-radius:13px;background:#1ca56b;color:#fff;font-size:.6rem;font-weight:900}.chat-quick-start{padding:17px}.chat-quick-start>small{display:block;margin-bottom:10px;color:#607984;font-size:.68rem}.chat-quick-start>div{display:grid;gap:7px}.chat-quick-start button{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dbe5e9;border-radius:8px;background:#f8fafb;color:#173d51;font:800 .72rem inherit;cursor:pointer}.chat-quick-start button:hover{border-color:var(--orange);background:#fff8f3}.chat-conversation{height:365px;display:grid;grid-template-rows:1fr auto}.chat-conversation[hidden]{display:none}.chat-message-list{padding:14px;overflow:auto;background:#f3f6f7}.chat-bubble{max-width:83%;margin-bottom:9px;padding:9px 11px;border-radius:10px;background:#fff;box-shadow:0 3px 10px #0a2a3a0b}.chat-bubble.customer{margin-inline-start:auto;background:#eaf6ef}.chat-bubble.expert{margin-inline-end:auto}.chat-bubble small,.chat-bubble time{display:block;color:#738892;font-size:.56rem}.chat-bubble p{margin:4px 0;color:#294956;font-size:.72rem;line-height:1.75}.chat-bubble time{text-align:left}.chat-waiting{padding:14px;text-align:center;color:#718690;font-size:.68rem;line-height:1.8}.live-chat-panel #chatComposer{padding:9px;display:grid;grid-template-columns:1fr 42px;gap:7px;border-top:1px solid #dde6e9}.live-chat-panel #chatComposer button{min-height:40px;border:0;border-radius:7px;background:var(--orange);color:#fff;font-weight:900}

/* Customer account */
.customer-auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px}.customer-auth-shell article{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.customer-auth-shell h2{margin:6px 0}.customer-auth-shell article>p{color:#607984;line-height:1.8;font-size:.76rem}.customer-auth-shell form{margin-top:18px;display:grid;gap:12px}.customer-auth-shell label{display:grid;gap:6px;color:#385563;font-size:.73rem;font-weight:800}.customer-auth-shell input{height:44px;padding:0 11px;border:1px solid #d3dfe4;border-radius:7px}.customer-auth-shell button{min-height:44px}.customer-auth-shell [role=status]{margin:0;color:#a34528;font-size:.68rem}.otp-coming{border:1px dashed #c9d6dc;border-radius:7px;background:#f6f8f9;color:#6e828c}.customer-dashboard-head{padding:28px 0;background:linear-gradient(135deg,#082b43,#0e405b);color:#fff}.customer-dashboard-head>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.customer-dashboard-head span,.customer-dashboard-head small{color:#b8cdd7;font-size:.68rem}.customer-dashboard-head h1{margin:5px 0 0;font-size:1.65rem}.customer-identity{display:flex;align-items:center;gap:12px}.customer-identity>div b,.customer-identity>div span{display:block}.customer-identity details{position:relative}.customer-identity summary,.customer-logout{padding:9px 12px;border:1px solid #ffffff45;border-radius:7px;background:#ffffff0d;color:#fff;font-size:.68rem;font-weight:900;cursor:pointer}.customer-identity details button{position:absolute;top:42px;left:0;min-width:170px;padding:11px;border:1px solid #dbe4e8;border-radius:7px;background:#fff;color:#173d50;box-shadow:0 12px 30px #00172240}.customer-account-layout{display:grid;grid-template-columns:230px 1fr;gap:22px}.customer-account-menu{padding:20px;height:max-content;position:sticky;top:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-account-menu>p{color:#718690;font-size:.68rem;line-height:1.8}.customer-account-menu a{margin-top:7px;padding:10px 11px;display:flex;justify-content:space-between;border-radius:7px;color:#3b5967;font-size:.72rem;font-weight:800}.customer-account-menu a.active{background:#eaf2f5;color:#0b3a53}.customer-account-content{display:grid;gap:28px}.customer-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-section-head h2{margin:0}.customer-section-head p{margin:4px 0 0;color:#718690;font-size:.7rem}.customer-new-project{padding:10px 14px;border:0;border-radius:7px;background:var(--orange);color:#fff;font-weight:900}.project-grid{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-card{padding:16px;display:flex;justify-content:space-between;text-align:right;border:1px solid #dbe5e9;border-radius:10px;background:#fff;color:#254756;cursor:pointer}.project-card.selected{border-color:var(--orange);box-shadow:0 0 0 2px #f4762b18}.project-card b,.project-card small,.project-card span{display:block}.project-card b{margin:4px 0}.project-card small{color:#718690;font-size:.62rem}.project-card strong{font-size:1.35rem}.customer-quote-list{margin-top:12px;display:grid;gap:8px}.customer-quote-card{padding:16px;display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}.customer-quote-card h3{margin:7px 0 3px}.customer-quote-card p{margin:0;color:#718690;font-size:.68rem}.customer-quote-card>div:nth-child(2){text-align:left}.customer-quote-card>div:nth-child(2) small,.customer-quote-card>div:nth-child(2) b{display:block}.customer-wait{padding:7px 9px;border-radius:15px;background:#f3f6f7;color:#607984;font-size:.62rem}.customer-empty{padding:30px;text-align:center;border:1px dashed #cbd9df;border-radius:10px;color:#718690}.project-modal{position:fixed;z-index:150;inset:0;padding:20px;display:grid;place-items:center;background:#061c2ba8}.project-modal[hidden]{display:none}.project-dialog-card{width:min(560px,100%);padding:22px;border-radius:13px;background:#fff}.project-dialog-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.project-dialog-card h2{margin:4px 0}.project-dialog-card>div:first-child button{border:0;background:transparent;font-size:1.5rem}.project-dialog-card form{display:grid;gap:13px;margin-top:18px}

@media (max-width: 1050px) {
  .product-side { position: relative; top: 0; grid-template-columns: minmax(260px,.75fr) 1.25fr; }
  .knowledge-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .industrial-apps{grid-template-columns:1fr}.industry-cards>div{height:185px}.customer-account-layout{grid-template-columns:1fr}.customer-account-menu{position:static}.product-page-hero-inner{grid-template-columns:1fr}
}
@media (max-width: 600px) {
  .product-side,.product-seo-facts,.knowledge-grid { grid-template-columns: 1fr; }
  .price-date-inline { width: 100%; margin-inline-start: 0; white-space: normal; }
  .compatibility-notes { margin-inline-start: 0; align-items: flex-start; }
  .live-chat-button { left: 14px; bottom: 14px; }
  .live-chat-button b { display: none; }
  .live-chat-panel { left: 14px; bottom: 72px; }
  .industrial-paths{padding:34px 0}.industrial-apps{padding:18px}.industry-cards{grid-template-columns:1fr 1fr;direction:rtl}.industry-cards>div{height:155px}.industry-cards>div:last-child{grid-column:1/-1}.special-order{min-height:210px;padding:22px;background-position:left bottom;background-size:auto 68%}.special-order-content{width:100%;padding-bottom:90px}.product-page-hero-inner,.knowledge-topic,.customer-auth-shell{grid-template-columns:1fr}.knowledge-topic-media{min-height:210px}.knowledge-links{grid-template-columns:1fr}.customer-dashboard-head>.shell,.customer-identity{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}.customer-quote-card{grid-template-columns:1fr}.customer-quote-card>div:nth-child(2){text-align:right}
}

@media print {
  @page { size: A4 portrait; margin: 11mm; }
  body { background: #fff !important; color: #111 !important; }
  .site-header, .site-footer, .toast, .page-hero, .section, .live-chat-button, .live-chat-panel { display: none !important; }
  body.final-proforma-mode .public-proforma-section { display: block !important; padding: 0 !important; background: #fff !important; }
  body.final-proforma-mode .public-proforma { width: 100% !important; max-width: none !important; }
  body.final-proforma-mode .proforma-actions, body.final-proforma-mode .public-proforma-note { display: none !important; }
  body.final-proforma-mode .quote-document { box-shadow: none !important; border-color: #111 !important; }
  body.final-proforma-mode .final-summary { break-inside: avoid; }
  .print-proforma { display: block; direction: rtl; color: #111; font-family: "Vazirmatn Local", Tahoma, sans-serif; font-size: 10pt; }
  .print-proforma h1 { text-align: center; font-size: 16pt; margin: 0 0 9mm; }
  .print-top-grid { display: grid; grid-template-columns: 1fr 1.55fr 1fr; border: 1px solid #111; }
  .print-top-grid > div { padding: 3mm; border-inline-start: 1px solid #111; }
  .print-top-grid > div:first-child { border-inline-start: 0; }
  .print-proforma small { display: block; color: #555; font-size: 8pt; margin-bottom: 1mm; }
  .print-party { margin-top: 3mm; border: 1px solid #111; }
  .print-party h2 { font-size: 10pt; margin: 0; padding: 2.5mm 3mm; background: #f0f0f0; border-bottom: 1px solid #111; }
  .print-party > div { display: grid; grid-template-columns: 1.4fr 1fr 1fr; }
  .print-party span { padding: 2.5mm 3mm; border-inline-start: 1px solid #bbb; }
  .print-party span:first-child { border-inline-start: 0; }
  .print-table { width: 100%; margin-top: 3mm; border-collapse: collapse; font-size: 8.5pt; }
  .print-table th, .print-table td { border: 1px solid #111; padding: 2.3mm 2mm; text-align: right; }
  .print-table th { background: #f0f0f0; }
  .print-total { display: grid; grid-template-columns: 1.4fr .8fr; border: 1px solid #111; border-top: 0; }
  .print-total > div { padding: 3mm; }
  .print-total > div:first-child { border-inline-end: 1px solid #111; }
  .print-total > div:last-child { display: flex; justify-content: space-between; align-items: center; background: #f4f4f4; }
  .print-terms { margin-top: 3mm; border: 1px solid #111; padding: 3mm; line-height: 1.9; }
  .print-signatures { display: grid; grid-template-columns: repeat(3,1fr); min-height: 30mm; border: 1px solid #111; border-top: 0; text-align: center; }
  .print-signatures div { padding: 3mm; border-inline-start: 1px solid #111; }
  .print-signatures div:first-child { border-inline-start: 0; }
  .print-proforma footer { margin-top: 4mm; text-align: center; color: #555; font-size: 8pt; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}


.product-seo-content > .rich-product-description{display:block;max-width:880px;margin:26px auto;min-width:0}
.accessory-tabs a{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid #dce6ed;border-radius:9px;color:#24465b;background:white;font-weight:700;font-size:.82rem;text-decoration:none}
.accessory-tabs a.active{background:#08263b;color:white;border-color:#08263b}
#accessorySize{max-width:200px;min-width:0;border:1px solid #dce6ed;border-radius:6px;padding:8px;font:inherit}