:root {
--nuam-bg: #f7f9fb;
--nuam-surface: #fff;
--nuam-surface-soft: #edf3f4;
--nuam-surface-muted: #e2ecee;
--nuam-ink: #14272d;
--nuam-muted: #607178;
--nuam-primary: #075c63;
--nuam-primary-strong: #0b777d;
--nuam-primary-wash: #dff0ef;
--nuam-border: #d5e0e3;
--nuam-success: #08735c;
--nuam-warning: #8d5d0a;
--nuam-danger: #b42318;
--nuam-radius: 14px;
--nuam-radius-sm: 9px;
--nuam-shadow: 0 8px 26px rgb(12 42 49 / 8%);
--nuam-focus: 0 0 0 3px rgb(19 139 141 / 24%);
--nuam-content: 1440px;
--nuam-font: Inter, "Segoe UI", Tahoma, Arial, sans-serif;
}
:root[data-theme="dark"] {
--nuam-bg: #09171b;
--nuam-surface: #10242a;
--nuam-surface-soft: #142c32;
--nuam-surface-muted: #1a373e;
--nuam-ink: #e9f2f2;
--nuam-muted: #9eb0b5;
--nuam-primary: #68d1c9;
--nuam-primary-strong: #8be1db;
--nuam-primary-wash: #153a3d;
--nuam-border: #29434a;
--nuam-success: #7bdbb9;
--nuam-warning: #f1c476;
--nuam-danger: #ff9a94;
--nuam-shadow: 0 8px 26px rgb(0 0 0 / 22%);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html[dir="rtl"] { direction: rtl; }
html[dir="ltr"] { direction: ltr; }
body { margin: 0; color: var(--nuam-ink); background: var(--nuam-bg); font: 400 16px/1.55 var(--nuam-font); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--nuam-primary); text-decoration: none; }
a:hover { color: var(--nuam-primary-strong); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 0; box-shadow: var(--nuam-focus); }
.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; }
.nuam-shell { width: min(var(--nuam-content), calc(100% - 40px)); margin-inline: auto; }
.nuam-header { position: relative; z-index: 50; background: var(--nuam-surface); border-bottom: 1px solid var(--nuam-border); box-shadow: 0 2px 12px rgb(14 42 48 / 4%); }
.nuam-header__main, .nuam-header__selectors, .nuam-header__main .nuam-header__content, .nuam-header__actions, .nuam-account-links { display: flex; align-items: center; }
.nuam-header__selectors { gap: 14px; }
.nuam-header__selectors a, .nuam-header__selectors select, .nuam-header__selectors button { color: inherit; }
.nuam-header__main { min-height: 76px; gap: 26px; }
.nuam-header__settings { position: relative; flex: 0 0 auto; }
.nuam-header__settings > summary { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 8px 11px; border: 1px solid var(--nuam-border); border-radius: 9px; color: var(--nuam-ink); background: var(--nuam-surface); cursor: pointer; font-size: 13px; font-weight: 650; list-style: none; }
.nuam-header__settings > summary::-webkit-details-marker { display: none; }
.nuam-header__settings > summary:hover, .nuam-header__settings[open] > summary { background: var(--nuam-surface-soft); }
.nuam-header__settings-panel { position: absolute; inset-block-start: calc(100% + 9px); inset-inline-end: 0; z-index: 70; min-width: 250px; padding: 12px; border: 1px solid var(--nuam-border); border-radius: 12px; color: var(--nuam-ink); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-header__settings-panel .nuam-header__selectors { align-items: stretch; flex-direction: column; gap: 8px; }
.nuam-header__settings-panel .nuam-selector summary { border-radius: 8px; color: var(--nuam-ink); }
.nuam-language-picker__trigger { display: inline-flex; align-items: center; gap: 9px; width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--nuam-border); border-radius: 9px; color: var(--nuam-ink); background: var(--nuam-surface); text-align: start; cursor: pointer; }
.nuam-language-picker__trigger:hover, .nuam-language-picker__trigger:focus-visible { border-color: var(--nuam-primary); background: var(--nuam-surface-soft); }
.nuam-language-picker__overlay[hidden] { display: none !important; }
.nuam-language-picker__overlay:not([hidden]) { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-end; justify-content: center; padding: 0; background: rgb(9 25 29 / 62%); }
.nuam-language-picker__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; cursor: default; }
.nuam-language-picker__dialog { position: relative; z-index: 1; width: min(100%, 900px); max-height: min(70vh, 42rem); overflow-x: hidden; overflow-y: auto; padding: clamp(18px, 4vw, 28px); border: 1px solid var(--nuam-border); border-bottom: 0; border-radius: 16px 16px 0 0; color: var(--nuam-ink); background: var(--nuam-surface); box-shadow: 0 0 1.5rem rgb(0 0 0 / 30%); animation: nuam-language-sheet-in .2s ease-out both; }
.nuam-language-picker__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.nuam-language-picker__heading h2 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 19px; }
.nuam-language-picker__close { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border: 1px solid var(--nuam-border); border-radius: 9px; color: var(--nuam-ink); background: var(--nuam-surface); font-size: 23px; cursor: pointer; }
.nuam-language-picker__options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 10px; }
.nuam-language-picker__option { display: flex; align-items: center; min-height: 46px; padding: 10px 13px; border: 1px solid var(--nuam-border); border-radius: 10px; color: var(--nuam-ink); background: var(--nuam-surface); }
.nuam-language-picker__option:hover, .nuam-language-picker__option:focus-visible { border-color: var(--nuam-primary); background: var(--nuam-surface-soft); }
.nuam-language-picker__option.is-current { border-color: var(--nuam-primary); color: var(--nuam-primary-strong); background: var(--nuam-primary-wash); font-weight: 750; }
body.nuam-language-open { overflow: hidden; }
body.nuam-language-open .nuam-header { z-index: 1001; }
@keyframes nuam-language-sheet-in { from { transform: translateY(100%); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .nuam-language-picker__dialog { animation: none; } }
.nuam-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; color: var(--nuam-ink); }
.nuam-brand:hover { color: var(--nuam-ink); }
.nuam-brand__mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: var(--nuam-primary); font-size: 22px; font-weight: 800; }
.nuam-brand__text { display: grid; line-height: 1.15; }
.nuam-brand__text strong { font-size: 18px; letter-spacing: -.03em; }
.nuam-brand__text small { margin-top: 4px; color: var(--nuam-muted); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.nuam-header__content { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; min-width: 0; }
.nuam-nav { min-width: 0; }
.nuam-nav > ul, .nuam-nav .top-menu, .nuam-nav .nav-menu { display: flex; align-items: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
.nuam-nav li { position: relative; }
.nuam-nav a, .nuam-nav button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 10px; border: 0; border-radius: 9px; color: var(--nuam-muted); background: transparent; font-size: 13px; }
.nuam-nav a:hover, .nuam-nav a:focus, .nuam-nav .active > a { color: var(--nuam-ink); background: var(--nuam-surface-soft); }
.nuam-nav ul ul { display: none; position: absolute; inset-block-start: 100%; inset-inline-start: 0; z-index: 60; min-width: 220px; padding: 8px; border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-nav li:hover > ul, .nuam-nav li:focus-within > ul { display: block; }
.nuam-nav ul ul a { display: flex; width: 100%; }
.nuam-account-links { flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.nuam-theme-toggle { width: 36px; height: 36px; border: 1px solid var(--nuam-border); border-radius: 9px; color: var(--nuam-ink); background: var(--nuam-surface); cursor: pointer; }
.nuam-header-link { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 9px; border-radius: 8px; color: var(--nuam-muted); font-size: 12px; }
.nuam-header-link:hover { color: var(--nuam-ink); background: var(--nuam-surface-soft); }
.nuam-count { display: inline-grid; place-items: center; min-width: 19px; min-height: 19px; padding: 0 5px; border-radius: 999px; color: #fff; background: var(--nuam-primary); font-size: 10px; font-weight: 700; }
.nuam-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 17px; border: 1px solid var(--nuam-primary); border-radius: 10px; color: #fff !important; background: var(--nuam-primary); font-weight: 700; font-size: 14px; cursor: pointer; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
.nuam-button:hover { color: #fff; background: var(--nuam-primary-strong); box-shadow: var(--nuam-shadow); transform: translateY(-1px); }
.nuam-button--quiet { color: var(--nuam-ink) !important; background: transparent; border-color: var(--nuam-border); }
.nuam-menu-toggle { display: none; margin-inline-start: auto; border: 1px solid var(--nuam-border); border-radius: 9px; width: 42px; height: 42px; color: var(--nuam-ink); background: var(--nuam-surface); }
.nuam-search-results { display: none; position: absolute; inset-block-start: calc(100% + 6px); inset-inline-start: 0; z-index: 45; max-width: 850px; width: 100%; margin: 0; padding: 8px; border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-search-results.is-open { display: block; }
.nuam-search-results a { display: block; padding: 9px 11px; border-radius: 8px; color: var(--nuam-ink); }
.nuam-search-results a:hover { background: var(--nuam-surface-soft); }
.nuam-hero { overflow: hidden; border-bottom: 1px solid var(--nuam-border); background: linear-gradient(132deg, #e4f2f0, #f8fafb 56%, #f5f3e9); }
.nuam-hero__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: center; gap: 42px; padding-block: clamp(44px, 6vw, 80px) 48px; }
.nuam-eyebrow { margin: 0 0 12px; color: var(--nuam-primary); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nuam-hero h1 { max-width: 850px; margin: 0; color: var(--nuam-ink); font-size: clamp(34px, 5vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.nuam-lead { max-width: 720px; margin: 18px 0 0; color: #4f646a; font-size: clamp(16px, 1.8vw, 19px); line-height: 1.65; }
.nuam-search { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; max-width: 850px; margin-top: 28px; padding: 7px; border: 1px solid #cbdcdd; border-radius: 13px; background: var(--nuam-surface); box-shadow: 0 12px 34px rgb(14 50 55 / 11%); }
.nuam-search input { min-width: 0; height: 46px; padding-inline: 13px; border: 0; outline: 0; background: transparent; }
.nuam-search input:focus-visible { box-shadow: none; }
.nuam-search-type { min-height: 38px; margin-top: 18px; padding-inline: 10px; border: 1px solid var(--nuam-border); border-radius: 8px; color: var(--nuam-muted); background: var(--nuam-surface); }
.nuam-search__company, .nuam-search__category { display: none; }
.nuam-search-type[data-mode="company"] ~ .nuam-search .nuam-search__product { display: none; }
.nuam-search-type[data-mode="company"] ~ .nuam-search .nuam-search__company { display: block; }
.nuam-search-type[data-mode="category"] ~ .nuam-search .nuam-search__product { display: none; }
.nuam-search-type[data-mode="category"] ~ .nuam-search .nuam-search__category { display: block; }
.nuam-store-search { margin-top: 12px; color: var(--nuam-muted); font-size: 13px; }
.nuam-quick-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.nuam-quick-links a { display: inline-flex; gap: 6px; padding: 7px 10px; border: 1px solid var(--nuam-border); border-radius: 999px; color: var(--nuam-muted); background: rgb(255 255 255 / 50%); font-size: 12px; }
.nuam-quick-links a:hover { color: var(--nuam-primary); background: var(--nuam-surface); }
.nuam-hero-card { position: relative; padding: 25px; border: 1px solid rgb(255 255 255 / 74%); border-radius: 18px; background: rgb(255 255 255 / 82%); box-shadow: 0 24px 60px rgb(12 42 49 / 10%); }
.nuam-hero-card__mark { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 21px; border-radius: 12px; color: var(--nuam-primary); background: var(--nuam-primary-wash); font-size: 23px; }
.nuam-hero-card h2 { margin: 0; font-size: 22px; line-height: 1.25; }
.nuam-hero-card p:not(.nuam-eyebrow) { color: var(--nuam-muted); }
.nuam-text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--nuam-primary); font-size: 13px; font-weight: 750; }
.nuam-trust-row { display: flex; flex-wrap: wrap; gap: 24px; padding-block: 14px 20px; color: #45646a; font-size: 12px; font-weight: 700; }
.nuam-section { padding-block: clamp(35px, 5vw, 62px); }
.nuam-section--soft { border-block: 1px solid #e1e9e9; background: #f0f5f5; }
.nuam-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.nuam-section-heading h2 { margin: 0; font-size: clamp(23px, 3vw, 30px); line-height: 1.2; letter-spacing: -.035em; }
.nuam-module { min-width: 0; padding: clamp(16px, 2vw, 26px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-module:empty { display: none; }
#wrapper, #header-container, .master-wrapper-page, .master-wrapper-content { min-width: 0; }
.master-wrapper-page { color: var(--nuam-ink); background: var(--nuam-bg); }
.nuam-app { min-height: 100vh; background: var(--nuam-bg); }
.nuam-page-content { min-height: 45vh; }
.master-wrapper-content { width: min(var(--nuam-content), calc(100% - 40px)); margin: 0 auto; padding-block: 20px 54px; }
.master-column-wrapper, .page, .page-body { min-width: 0; }
.center-1, .center-2, .side-2 { min-width: 0; }
.page-title, .page-title h1, .page-title h2, .page-title strong { margin: 0 0 18px; color: var(--nuam-ink); font-size: clamp(25px, 3.4vw, 36px); line-height: 1.18; letter-spacing: -.035em; }
.breadcrumb, .breadcrumb ul { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 18px; padding: 0; border: 0; color: var(--nuam-muted); background: transparent; font-size: 13px; list-style: none; }
.breadcrumb a { color: var(--nuam-primary); }
.page-body { color: var(--nuam-ink); }
.block, .fieldset, .form-fields, .section, .order-summary, .cart, .checkout-data, .product-essential, .product-collateral, .category-description, .manufacturer-description, .topic-block { margin-block: 16px; padding: clamp(16px, 2vw, 26px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.block .title, .fieldset .title, .block .title strong { color: var(--nuam-ink); font-size: 18px; font-weight: 750; }
.block .listbox { padding: 12px 0; border: 0; background: transparent; }
.block ul, .listbox ul { padding-inline-start: 20px; }
.block li { margin-block: 4px; }
.side-2 { padding-inline-end: 14px; }
.side-2 .block { box-shadow: none; }
.side-2 .block .title { padding: 0 0 12px; border-bottom: 1px solid var(--nuam-border); }
.side-2 .block .listbox a { color: var(--nuam-muted); }
.side-2 .block .listbox a:hover { color: var(--nuam-primary); }
input:not([type=checkbox]):not([type=radio]):not([type=submit]), select, textarea { max-width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid #cbd8dc; border-radius: 9px; color: var(--nuam-ink); background: var(--nuam-surface); }
textarea { min-height: 110px; }
input[type=checkbox], input[type=radio] { accent-color: var(--nuam-primary); }
input[type=submit], button.button-1, button.button-2, a.button-1, a.button-2, .button-1, .button-2, .button, .checkout-button, .register-button, .login-button, .order-completed-continue-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 15px; border: 1px solid var(--nuam-primary); border-radius: 9px; color: #fff; background: var(--nuam-primary); font-weight: 700; cursor: pointer; }
input[type=submit]:hover, .button-1:hover, .button-2:hover, .checkout-button:hover, .register-button:hover, .login-button:hover { color: #fff; background: var(--nuam-primary-strong); }
.button-2, .cancel-button, .back-button { border-color: var(--nuam-border); color: var(--nuam-ink); background: var(--nuam-surface); }
.field-validation-error, .validation-summary-errors { color: var(--nuam-danger); }
.validation-summary-errors, .message-error, .error, .warning { padding: 12px 15px; border: 1px solid #f1c4c0; border-radius: 9px; color: var(--nuam-danger); background: #fff0ef; }
.message-success, .result, .order-completed .details { padding: 12px 15px; border: 1px solid #bce4d7; border-radius: 9px; color: var(--nuam-success); background: #e8f7f0; }
.form, .form-fields, .inputs, .inputs-group { min-width: 0; }
.form-fields, .inputs { display: grid; gap: 14px; }
.inputs label, .field-label, .checkout-attributes dt { color: var(--nuam-muted); font-size: 13px; font-weight: 700; }
.required { color: var(--nuam-danger); }
.hint, .field-validation-valid, .info { color: var(--nuam-muted); font-size: 13px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px 14px; border-bottom: 1px solid var(--nuam-border); text-align: start; vertical-align: middle; }
th { color: var(--nuam-muted); background: var(--nuam-surface-soft); font-size: 12px; font-weight: 800; }
tr:last-child td { border-bottom: 0; }
.data-table, .cart-table, .order-details, .compare-products-table { overflow-x: auto; border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface); }
.product-grid, .manufacturer-grid, .item-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.product-item, .item-box, .manufacturer-item, .category-item, .news-item, .blog-post, .company-item { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: 13px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.product-item .picture, .item-box .picture, .product-item .details, .item-box .details { padding: 12px; }
.product-item .picture img, .item-box .picture img, .manufacturer-item img, .company-item img { max-width: 100%; height: auto; object-fit: contain; }
.product-item .product-title, .product-item h2, .item-box .product-title, .item-box h2 { color: var(--nuam-ink); font-size: 16px; font-weight: 750; }
.product-item .prices, .product-item .price, .item-box .prices { color: var(--nuam-primary); font-weight: 800; }
.product-item .buttons, .item-box .buttons { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
.pager, .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-block: 20px; }
.pager a, .pager span, .pagination a, .pagination span { display: inline-grid; place-items: center; min-width: 36px; min-height: 36px; padding: 5px 10px; border: 1px solid var(--nuam-border); border-radius: 8px; background: var(--nuam-surface); }
.pager .current-page, .pagination .active a { color: white; background: var(--nuam-primary); }
.product-details-page .overview, .product-details-page .gallery, .company-page .company-info { padding: clamp(16px, 2vw, 26px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.attributes, .specification-table, .tier-prices { margin-block: 16px; }
.attributes .attribute-label, .specification-table .attribute-label { color: var(--nuam-muted); font-weight: 700; }
.checkout-progress, .order-progress { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 18px; padding: 0; list-style: none; }
.checkout-progress li, .order-progress li { padding: 9px 12px; border: 1px solid var(--nuam-border); border-radius: 999px; color: var(--nuam-muted); background: var(--nuam-surface); }
.checkout-progress li.active, .order-progress li.active { color: #fff; border-color: var(--nuam-primary); background: var(--nuam-primary); }
.address-list, .order-list, .customer-list { display: grid; gap: 14px; }
.address-item, .order-item, .customer-info { padding: 18px; border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface); }
.login-page .returning-wrapper, .login-page .new-wrapper, .registration-page .fieldset, .password-recovery-page .fieldset { max-width: 720px; margin: 16px auto; }
.login-page .returning-wrapper, .login-page .new-wrapper { padding: 22px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-auth { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 68px); align-items: start; padding-block: clamp(34px, 6vw, 76px); }
.nuam-auth__intro { position: sticky; top: 24px; padding: clamp(20px, 3vw, 34px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: linear-gradient(145deg, var(--nuam-surface), var(--nuam-surface-soft)); }
.nuam-auth__intro h1 { margin: 0 0 14px; font-size: clamp(28px, 4vw, 42px); line-height: 1.15; }
.nuam-auth__intro p:not(.nuam-eyebrow) { margin: 0 0 22px; color: var(--nuam-muted); line-height: 1.7; }
.nuam-auth__content { min-width: 0; }
.nuam-auth__form, .nuam-auth__guest, .nuam-auth__sso, .nuam-auth__external, .nuam-auth__info { margin-block: 14px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-auth__form h2, .nuam-auth__guest h2 { margin: 0 0 18px; font-size: 19px; }
.nuam-field { display: grid; gap: 7px; margin-block: 14px; }
.nuam-field > label { color: var(--nuam-muted); font-size: 13px; font-weight: 700; }
.nuam-field__hint { color: var(--nuam-muted); font-size: 12px; }
.nuam-auth__options { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-block: 18px; }
.nuam-check { display: inline-flex; align-items: center; gap: 8px; color: var(--nuam-muted); }
.nuam-auth__captcha { margin-block: 16px; }
.nuam-auth__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.nuam-auth__guest p { color: var(--nuam-muted); line-height: 1.7; }
.nuam-auth__sso, .nuam-auth__external { display: flex; flex-wrap: wrap; justify-content: center; }
.nuam-auth__info { color: var(--nuam-muted); line-height: 1.7; }
.nuam-account-page { max-width: 920px; padding-block: clamp(28px, 5vw, 64px); }
.nuam-account-page__heading { margin-bottom: 22px; }
.nuam-account-page__heading h1 { margin: 0 0 10px; font-size: clamp(26px, 3.6vw, 38px); }
.nuam-account-page__heading > p:last-child { max-width: 660px; color: var(--nuam-muted); line-height: 1.7; }
.nuam-account-panel { padding: clamp(18px, 3vw, 30px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-account-panel > .nuam-button { margin-top: 12px; }
.nuam-register { max-width: 1160px; padding-block: clamp(24px, 5vw, 58px); }
.nuam-register__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.nuam-register__section { min-width: 0; margin-block: 14px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-register__section h2 { margin: 0 0 18px; font-size: 18px; }
.nuam-register__section > .nuam-field, .nuam-register__section > fieldset { margin-block: 14px; }
.nuam-choice-list { display: grid; gap: 9px; }
.nuam-phone-field { display: flex; align-items: stretch; gap: 8px; }
.nuam-phone-field__code { display: inline-flex; align-items: center; min-width: 54px; justify-content: center; padding-inline: 10px; border: 1px solid var(--nuam-border); border-radius: 9px; color: var(--nuam-muted); background: var(--nuam-surface-soft); }
.nuam-phone-field input { flex: 1; min-width: 0; }
.nuam-username-check { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.nuam-username-check__result { font-size: 13px; }
.nuam-username-check__result.is-available { color: var(--nuam-success); }
.nuam-username-check__result.is-unavailable { color: var(--nuam-danger); }
.nuam-inline-progress { color: var(--nuam-muted); font-size: 12px; }
.nuam-register__privacy { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-block: 18px; padding: 16px 18px; border: 1px solid var(--nuam-border); border-radius: 11px; background: var(--nuam-surface); }
.nuam-register__submit { display: flex; justify-content: flex-start; margin-block: 18px; }
.nuam-register__external { display: flex; justify-content: center; }
.news-list-homepage, .news-list, .blog-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.news-item, .blog-post { padding: 18px; }
.news-item img, .blog-post img { max-width: 100%; height: auto; border-radius: 9px; }
.topic-block, .topic-page, .page-content { line-height: 1.75; }
.topic-block img, .topic-page img, .page-content img { max-width: 100%; height: auto; }
.chat-container, .chat-window, .private-message, .forum-topic { border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface); }
.notification, .bar-notification { border-radius: 9px; }
.modal, .ui-dialog, .k-window { border: 1px solid var(--nuam-border); border-radius: 14px; box-shadow: var(--nuam-shadow); }
.nuam-footer { margin-top: 35px; padding: 42px 0 18px; color: #d9e6e7; background: #10272d; }
.nuam-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; }
.nuam-footer h2 { margin: 0 0 14px; color: #fff; font-size: 14px; }
.nuam-footer ul { margin: 0; padding: 0; list-style: none; }
.nuam-footer li { margin-block: 8px; }
.nuam-footer a { color: #c1d1d3; }
.nuam-footer a:hover { color: #fff; }
.nuam-brand--inverse { color: #fff; }
.nuam-brand--inverse .nuam-brand__mark { color: #10272d; background: #72d2c9; }
.nuam-brand--inverse .nuam-brand__text small { color: #a9c0c2; }
.nuam-footer__brand p { max-width: 280px; color: #a9c0c2; }
.nuam-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; padding-top: 16px; border-top: 1px solid #30464b; color: #a9c0c2; font-size: 12px; }
.nuam-footer__social { display: flex; gap: 14px; }
.nuam-alert { flex-basis: 100%; padding: 8px 11px; border: 1px solid #bce4d7; border-radius: 9px; color: var(--nuam-success); background: #e8f7f0; font-size: 12px; }
.nuam-promo { margin-block: 25px; padding-block: 56px; color: #f3fbf9; background: linear-gradient(105deg, rgb(9 47 41 / .93), rgb(12 81 63 / .82)), var(--nuam-promo-image); background-position: center; background-size: cover; }
.nuam-promo__content { max-width: 900px; }
.nuam-promo h2 { margin: 0; color: inherit; font-size: clamp(25px, 3vw, 36px); }
.nuam-promo p { max-width: 700px; color: #d1e7df; }
.nuam-end-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 28px auto; padding: 22px max(20px, calc((100% - var(--nuam-content)) / 2)); color: #fff; background: linear-gradient(100deg, #075c63, #0b777d); }
.nuam-end-banner strong, .nuam-end-banner small { display: block; }
.nuam-end-banner small { margin-top: 4px; color: #d4eeee; }
.nuam-testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.nuam-testimonial { padding: 20px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-testimonial img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.nuam-testimonial h3 { margin: 12px 0 6px; font-size: 16px; }
.nuam-testimonial p { color: var(--nuam-muted); }
.nuam-directory-page { padding-block: 32px 56px; }
.nuam-page-heading { max-width: 860px; margin: 0 auto 22px; text-align: center; }
.nuam-page-heading h1 { margin: 0; color: var(--nuam-ink); font-size: clamp(28px, 4vw, 42px); letter-spacing: -.04em; }
.nuam-page-heading > p:last-child { color: var(--nuam-muted); }
.nuam-search-panel { margin-bottom: 24px; padding: clamp(16px, 2vw, 24px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-filter-form__primary { display: grid; grid-template-columns: auto minmax(120px, 1fr) auto minmax(100px, .6fr) auto; align-items: center; gap: 10px; }
.nuam-filter-form__primary label, .nuam-filter-form__advanced label { color: var(--nuam-muted); font-size: 13px; font-weight: 700; }
.nuam-filter-form__advanced { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--nuam-border); }
.nuam-filter-form__advanced summary { color: var(--nuam-primary); font-weight: 750; cursor: pointer; }
.nuam-filter-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: 12px; margin-top: 14px; }
.nuam-filter-form__grid label { display: grid; gap: 6px; }
.nuam-search-form label { display: block; margin-bottom: 7px; color: var(--nuam-muted); font-size: 13px; font-weight: 700; }
.nuam-search-form__row { display: flex; gap: 10px; }
.nuam-search-form__row input { flex: 1; min-width: 0; }
.nuam-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-block: 24px 14px; }
.nuam-results-heading h2 { margin: 0; color: var(--nuam-ink); font-size: 21px; }
.nuam-results-heading > span { color: var(--nuam-muted); font-size: 13px; }
.nuam-directory-results { margin-top: 25px; }
.nuam-feedback, .nuam-empty-state { padding: 14px 16px; border: 1px solid var(--nuam-border); border-radius: 11px; background: var(--nuam-surface); }
.nuam-feedback--warning { border-color: #f1c4c0; color: var(--nuam-danger); background: #fff0ef; }
.nuam-inquiry-list { display: grid; gap: 14px; }
.nuam-inquiry-card { padding: clamp(16px, 2vw, 23px); border: 1px solid var(--nuam-border); border-radius: 14px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-inquiry-card.is-expired { opacity: .76; }
.nuam-inquiry-card__heading { display: flex; justify-content: space-between; gap: 18px; }
.nuam-inquiry-card__heading .nuam-eyebrow { margin-bottom: 5px; }
.nuam-inquiry-card__heading h3 { margin: 0 0 7px; font-size: 20px; line-height: 1.35; }
.nuam-inquiry-card__heading h3 a { color: var(--nuam-ink); }
.nuam-inquiry-card__company { color: var(--nuam-primary); font-size: 13px; font-weight: 700; }
.nuam-inquiry-card__ratings { display: flex; gap: 7px; margin-top: 10px; }
.nuam-inquiry-card__ratings img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.nuam-inquiry-save { display: grid; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; border: 1px solid var(--nuam-border); border-radius: 50%; color: var(--nuam-muted); background: var(--nuam-surface); font-size: 21px; cursor: pointer; }
.nuam-inquiry-save.is-saved { border-color: #f1c4c0; color: #c8404a; background: #fff0ef; }
.nuam-inquiry-save:disabled { opacity: .6; cursor: wait; }
.nuam-inquiry-card__description { margin-block: 16px 10px; color: var(--nuam-muted); line-height: 1.7; }
.nuam-inquiry-card__products { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0; padding: 0; list-style: none; }
.nuam-inquiry-card__products li { padding: 6px 10px; border-radius: 999px; color: var(--nuam-ink); background: var(--nuam-surface-soft); font-size: 12px; }
.nuam-inquiry-card__footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; padding-top: 13px; border-top: 1px solid var(--nuam-border); color: var(--nuam-muted); font-size: 12px; }
.nuam-inquiry-card__footer .nuam-button { margin-inline-start: auto; }
.nuam-inquiry-card__feedback { min-height: 0; margin: 0; color: var(--nuam-success); font-size: 12px; }
.nuam-category-grid, .nuam-request-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.nuam-category-card { display: flex; align-items: center; gap: 11px; min-height: 62px; padding: 10px 13px; border: 1px solid var(--nuam-border); border-radius: 11px; color: var(--nuam-ink); background: var(--nuam-surface); transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.nuam-category-card:hover { border-color: var(--nuam-primary); color: var(--nuam-ink); box-shadow: var(--nuam-shadow); transform: translateY(-1px); }
.nuam-category-card__mark, .nuam-company-card__initial { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: var(--nuam-primary); background: var(--nuam-surface-soft); font-weight: 800; }
.nuam-category-card__name { flex: 1; font-size: 14px; font-weight: 700; }
.nuam-category-card__arrow, .nuam-request-list a span { color: var(--nuam-primary); }
.nuam-request-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; padding: 11px 14px; border: 1px solid var(--nuam-border); border-radius: 10px; color: var(--nuam-ink); background: var(--nuam-surface); font-weight: 650; }
.nuam-request-list a:hover { border-color: var(--nuam-primary); color: var(--nuam-primary); }
.nuam-company-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 14px; }
.nuam-company-card { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: 13px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-company-card__media { display: grid; place-items: center; min-height: 145px; padding: 18px; background: var(--nuam-surface-soft); }
.nuam-company-card__media img { max-width: 100%; max-height: 110px; object-fit: contain; }
.nuam-company-card__initial { width: 64px; height: 64px; border-radius: 18px; font-size: 24px; }
.nuam-company-card__body { padding: 15px; }
.nuam-company-card__body h3 { margin: 0; font-size: 16px; line-height: 1.4; }
.nuam-company-card__body h3 a { color: var(--nuam-ink); }
.nuam-company-card__location { margin: 8px 0 12px; color: var(--nuam-muted); font-size: 13px; }
.nuam-company-card__link { display: inline-flex; align-items: center; gap: 7px; color: var(--nuam-primary); font-size: 13px; font-weight: 750; }
.nuam-product-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 16px; }
.nuam-product-result { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--nuam-border); border-radius: 14px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-product-result__media { display: grid; place-items: center; min-height: 190px; padding: 18px; background: var(--nuam-surface-soft); }
.nuam-product-result__media img { width: 100%; height: 180px; object-fit: contain; }
.nuam-product-result__placeholder { color: var(--nuam-muted); font-size: 13px; }
.nuam-product-result__body { display: flex; flex: 1; align-items: flex-start; flex-direction: column; gap: 9px; padding: 17px; }
.nuam-product-result__body h3 { margin: 0; font-size: 18px; line-height: 1.4; }
.nuam-product-result__body h3 a { color: var(--nuam-ink); }
.nuam-product-result__body > p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--nuam-muted); font-size: 13px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.nuam-product-result__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--nuam-muted); font-size: 12px; }
.nuam-product-result__price { color: var(--nuam-primary); font-size: 17px; }
.nuam-product-result__badge { padding: 3px 8px; border-radius: 999px; color: var(--nuam-primary); background: var(--nuam-primary-wash); font-size: 11px; font-weight: 750; }
.nuam-category-page { padding-block: 22px 56px; }
.nuam-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 18px; padding: 0; color: var(--nuam-muted); font-size: 16px; list-style: none; }
.nuam-breadcrumb li + li::before { margin-inline: 0 7px; color: var(--nuam-border); content: "/"; }
.nuam-category-page > .nuam-category-grid { margin-bottom: 28px; }
.nuam-category-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.nuam-category-tabs a { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 64px; padding: 14px 19px; border: 1px solid var(--nuam-border); border-radius: 12px; color: var(--nuam-ink); background: var(--nuam-surface); font-weight: 750; }
.nuam-category-tabs a:hover { border-color: var(--nuam-primary); }
.nuam-category-tabs a.is-current { border-color: var(--nuam-primary); color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-category-tabs strong { display: inline-grid; place-items: center; min-width: 37px; min-height: 30px; padding: 2px 8px; border-radius: 999px; background: var(--nuam-surface-soft); font-size: 13px; }
.nuam-active-filters { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.nuam-active-filters a { display: inline-flex; align-items: center; gap: 11px; padding: 6px 11px; border: 1px solid var(--nuam-border); border-radius: 999px; background: var(--nuam-surface); font-size: 12px; }
.nuam-category-layout { display: grid; grid-template-columns: minmax(210px, 230px) minmax(0, 1fr); align-items: start; gap: 20px; }
.nuam-category-main { min-width: 0; }
.nuam-filter-sidebar { align-self: start; min-width: 0; }
.nuam-filter-toggle { display: none; }
.nuam-filter-sections { display: grid; gap: 12px; }
.nuam-filter-group { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: 13px; background: var(--nuam-surface); }
.nuam-filter-group h2 { margin: 0; padding: 15px 17px; border-bottom: 1px solid var(--nuam-border); color: var(--nuam-ink); background: linear-gradient(105deg, var(--nuam-surface), var(--nuam-surface-soft)); font-size: 15px; font-weight: 800; }
.nuam-filter-group ul { margin: 0; padding: 8px; list-style: none; }
.nuam-filter-categories { max-height: none; overflow: visible; }
.nuam-filter-category-tree__children { margin-block: 2px 4px !important; padding-block: 1px 2px !important; padding-inline-start: 12px !important; border-inline-start: 1px solid var(--nuam-border); }
.nuam-filter-category-tree__children > li { position: relative; }
.nuam-filter-category-tree__children > li::before { position: absolute; inset-block-start: 17px; inset-inline-start: -12px; width: 8px; border-block-start: 1px solid var(--nuam-border); content: ""; }
.nuam-filter-category-row { display: flex; align-items: center; gap: 4px; list-style: none; cursor: pointer; }
.nuam-filter-category-row::marker { content: ""; }
.nuam-filter-category-row::-webkit-details-marker { display: none; }
.nuam-filter-category-row > a { flex: 1; min-width: 0; }
.nuam-filter-category-row--disclosure > a { flex: 0 1 auto; width: fit-content; max-width: calc(100% - 26px); }
.nuam-filter-category-toggle { display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; border: 1px solid var(--nuam-border); border-radius: 5px; color: var(--nuam-primary); background: var(--nuam-surface); }
.nuam-filter-category-toggle:hover { border-color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-filter-category-row:focus-visible { outline: 2px solid var(--nuam-primary); outline-offset: 2px; }
.nuam-filter-category-toggle span { position: relative; display: block; width: 9px; height: 9px; }
.nuam-filter-category-toggle span::before, .nuam-filter-category-toggle span::after { position: absolute; inset-block-start: 4px; inset-inline-start: 0; width: 9px; border-block-start: 1.5px solid currentColor; content: ""; }
.nuam-filter-category-toggle span::after { transform: rotate(90deg); }
.nuam-filter-category-disclosure[open] > .nuam-filter-category-row .nuam-filter-category-toggle span::after { opacity: 0; }
.nuam-filter-language-summary { display: flex; align-items: center; gap: 8px; padding: 13px 14px; border-bottom: 1px solid var(--nuam-border); background: linear-gradient(105deg, var(--nuam-surface), var(--nuam-surface-soft)); cursor: pointer; list-style: none; }
.nuam-filter-language-summary::marker { content: ""; }
.nuam-filter-language-summary::-webkit-details-marker { display: none; }
.nuam-filter-language-summary h2 { flex: 0 0 auto; padding: 0; border: 0; background: none; font-size: 14px; }
.nuam-filter-current-language { min-width: 0; overflow: hidden; color: var(--nuam-primary); font-size: 14px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.nuam-filter-language-toggle { display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; margin-inline-start: auto; border: 1px solid var(--nuam-border); border-radius: 5px; color: var(--nuam-primary); background: var(--nuam-surface); }
.nuam-filter-language-toggle span { position: relative; display: block; width: 9px; height: 9px; }
.nuam-filter-language-toggle span::before, .nuam-filter-language-toggle span::after { position: absolute; inset-block-start: 4px; inset-inline-start: 0; width: 9px; border-block-start: 1.5px solid currentColor; content: ""; }
.nuam-filter-language-toggle span::after { transform: rotate(90deg); }
.nuam-filter-language-disclosure[open] > .nuam-filter-language-summary .nuam-filter-language-toggle span::after { opacity: 0; }
.nuam-filter-categories a, .nuam-filter-options a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 9px; border-radius: 8px; color: var(--nuam-ink); font-size: 14px; line-height: 1.45; }
.nuam-filter-categories a { font-size: 14px; }
.nuam-filter-categories a:hover, .nuam-filter-options a:hover { background: var(--nuam-surface-soft); }
.nuam-filter-categories a.is-current, .nuam-filter-options a.is-current { color: var(--nuam-primary); background: var(--nuam-primary-wash); font-weight: 800; }
.nuam-filter-options { max-height: none; overflow: visible; }
.nuam-filter-options small { flex: 0 0 auto; color: var(--nuam-muted); font-size: 14px; }
.nuam-filter-options--check a { justify-content: flex-start; }
.nuam-filter-options--check a span { min-width: 0; }
.nuam-filter-options--check a small { margin-inline-start: auto; }
.nuam-filter-options--check a::before { flex: 0 0 auto; width: 15px; height: 15px; border: 1px solid var(--nuam-border); border-radius: 4px; content: ""; }
.nuam-filter-options--check a.is-current::before { border-color: var(--nuam-primary); background: var(--nuam-primary); box-shadow: inset 0 0 0 3px var(--nuam-surface); }
.nuam-category-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.nuam-category-toolbar__controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.nuam-category-sort { position: relative; }
.nuam-category-sort summary { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 8px 13px; border: 1px solid var(--nuam-border); border-radius: 9px; background: var(--nuam-surface); cursor: pointer; font-size: 13px; list-style: none; }
.nuam-category-sort summary::-webkit-details-marker { display: none; }
.nuam-category-sort summary::after { color: var(--nuam-primary); content: "⌄"; }
.nuam-category-sort summary span { color: var(--nuam-muted); }
.nuam-category-sort ul { position: absolute; z-index: 20; inset-block-start: 100%; inset-inline-start: 0; min-width: 220px; margin: 5px 0 0; padding: 6px; border: 1px solid var(--nuam-border); border-radius: 10px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); list-style: none; }
.nuam-category-sort li a { display: block; padding: 8px 10px; border-radius: 7px; color: var(--nuam-ink); font-size: 13px; }
.nuam-category-sort li a:hover, .nuam-category-sort li a[aria-current=true] { color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-category-page-size { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 6px 10px; border: 1px solid var(--nuam-border); border-radius: 9px; color: var(--nuam-muted); background: var(--nuam-surface); font-size: 13px; }
.nuam-category-page-size__select { min-width: 58px; min-height: 29px; padding: 3px 7px; border: 1px solid var(--nuam-border); border-radius: 6px; color: var(--nuam-ink); background: var(--nuam-surface); font: inherit; font-weight: 700; }
.nuam-category-viewmodes { display: inline-flex; padding: 4px; border: 1px solid var(--nuam-border); border-radius: 9px; background: var(--nuam-surface); }
.nuam-category-viewmodes a { display: grid; place-items: center; width: 34px; height: 32px; border-radius: 6px; color: var(--nuam-muted); font-size: 20px; }
.nuam-category-viewmodes a:hover, .nuam-category-viewmodes a.is-current { color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-category-main .nuam-product-results { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nuam-category-main .nuam-product-results.is-grid { grid-template-columns: 1fr; gap: 8px; }
.nuam-category-main .nuam-product-results.is-three { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nuam-category-main .nuam-product-results.is-list { grid-template-columns: 1fr; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result { border-color: transparent; border-radius: 17px; box-shadow: 0 10px 28px rgb(16 51 57 / 10%); transition: transform .2s ease, box-shadow .2s ease; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgb(16 51 57 / 16%); }
.nuam-category-main .nuam-product-results .nuam-product-result__media { width: min(250px, 100%); height: auto; min-height: 0; aspect-ratio: 1; margin-inline: auto; padding: 0; border: 0; background: transparent; }
.nuam-category-main .nuam-product-results .nuam-product-result__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; min-height: 78px; border-radius: 10px; box-shadow: none; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__media { width: 56px; height: 56px; margin-inline: 6px; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__body { display: grid; grid-template-columns: minmax(160px, .9fr) minmax(0, 2fr) max-content; align-items: center; gap: 14px; padding: 8px 12px; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__body h3 { overflow: hidden; min-width: 0; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__body > p { display: none; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__meta { min-width: 0; flex-wrap: nowrap; gap: 12px; overflow: hidden; white-space: nowrap; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__meta > * { overflow: hidden; text-overflow: ellipsis; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__price { padding: 4px 7px; font-size: 12px; white-space: nowrap; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result__body { gap: 9px; padding: 16px; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result__body h3 { display: -webkit-box; overflow: hidden; min-height: 42px; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result__body > p { display: none; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result__meta a { color: var(--nuam-primary); font-weight: 700; }
.nuam-category-main .nuam-product-results.is-three .nuam-product-result__price { padding: 5px 9px; border-radius: 8px; color: var(--nuam-primary-strong); background: var(--nuam-primary-wash); font-size: 14px; }
.nuam-category-main .nuam-product-results.is-list .nuam-product-result { flex-direction: row; }
.nuam-category-main .nuam-product-results.is-list .nuam-product-result__media { flex: 0 0 min(250px, 100%); min-height: 0; margin-inline: 0; }
.nuam-category-main .nuam-product-results.is-list .nuam-product-result__body { min-width: 0; }
.nuam-category-main .nuam-product-result__meta span { white-space: normal; }
.nuam-pagination ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 26px 0 0; padding: 0; list-style: none; }
.nuam-pagination a, .nuam-pagination .current-page span { display: grid; place-items: center; min-width: 38px; min-height: 38px; padding: 5px 10px; border: 1px solid var(--nuam-border); border-radius: 8px; color: var(--nuam-ink); background: var(--nuam-surface); font-size: 13px; }
.nuam-pagination a:hover, .nuam-pagination .current-page span { border-color: var(--nuam-primary); color: var(--nuam-primary); background: var(--nuam-primary-wash); }
@media (max-width: 900px) {
.nuam-category-main .nuam-product-results.is-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__body { grid-template-columns: minmax(120px, .9fr) minmax(0, 1.5fr) max-content; gap: 9px; }
.nuam-category-layout { grid-template-columns: 1fr; gap: 16px; }
.nuam-filter-sidebar { position: static; max-height: none; overflow: visible; }
.nuam-filter-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 9px 14px; border: 1px solid var(--nuam-border); border-radius: 10px; color: var(--nuam-ink); background: var(--nuam-surface); cursor: pointer; font-weight: 750; }
.nuam-filter-sections { display: none; margin-top: 10px; }
.nuam-filter-sidebar[data-open=true] .nuam-filter-sections { display: grid; }
}
@media (max-width: 620px) {
.nuam-category-tabs { display: flex; overflow-x: auto; }
.nuam-category-tabs a { flex: 0 0 auto; min-height: 54px; padding: 10px 13px; font-size: 12px; }
.nuam-category-tabs strong { min-width: 30px; min-height: 26px; }
.nuam-category-main .nuam-product-results.is-three { grid-template-columns: 1fr; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result { grid-template-columns: 54px minmax(0, 1fr); min-height: 66px; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__media { width: 46px; height: 46px; margin-inline: 4px; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__body { grid-template-columns: minmax(0, 1fr) max-content; gap: 4px 8px; padding: 7px 9px; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__body h3 { grid-column: 1 / -1; }
.nuam-category-main .nuam-product-results.is-grid .nuam-product-result__meta { font-size: 11px; }
.nuam-category-main .nuam-product-results.is-list .nuam-product-result { flex-direction: column; }
.nuam-category-main .nuam-product-results.is-list .nuam-product-result__media { flex-basis: auto; }
}
@media (min-width: 1600px) {
.nuam-category-main .nuam-product-results.is-three { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.nuam-category-main .nuam-product-results.is-grid { grid-template-columns: 1fr; }
}
.nuam-commerce-page { padding-block: 30px 60px; }
.nuam-commerce-page > .nuam-page-heading { margin-bottom: 26px; }
.nuam-commerce-panel { margin-block: 16px; padding: clamp(17px, 2.5vw, 26px); border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-commerce-panel h2, .nuam-commerce-panel legend { margin: 0 0 16px; color: var(--nuam-ink); font-size: 18px; font-weight: 750; }
.nuam-commerce-panel fieldset { min-width: 0; }
.nuam-muted { color: var(--nuam-muted); }
.nuam-cart-form, .nuam-checkout-form { display: grid; gap: 16px; }
.nuam-cart-items { display: grid; gap: 12px; }
.nuam-cart-extras { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px; }
.nuam-cart-item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: 18px; padding: 18px; border: 1px solid var(--nuam-border); border-radius: 13px; background: var(--nuam-surface); }
.nuam-cart-item__media { display: none; }
.nuam-cart-item:has(.nuam-cart-item__media) { grid-template-columns: 90px minmax(0, 1fr) auto auto auto; }
.nuam-cart-item__media img { width: 90px; height: 90px; object-fit: contain; }
.nuam-cart-item__main h2 { margin: 0; font-size: 17px; }
.nuam-cart-item__main h2 a { color: var(--nuam-ink); }
.nuam-cart-item__main p { margin: 5px 0 0; color: var(--nuam-muted); font-size: 13px; }
.nuam-cart-item__price, .nuam-cart-item__quantity { display: grid; gap: 4px; color: var(--nuam-muted); font-size: 12px; }
.nuam-cart-item__price strong { color: var(--nuam-ink); font-size: 14px; }
.nuam-cart-item__quantity input { width: 84px; min-height: 40px; }
.nuam-cart-item__remove { grid-column: 2 / -1; color: var(--nuam-danger); font-size: 12px; }
.nuam-cart-actions, .nuam-checkout-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.nuam-terms { display: flex; align-items: center; gap: 8px; margin-inline-end: auto; color: var(--nuam-muted); font-size: 13px; }
.nuam-form-inline { display: flex; flex-wrap: wrap; gap: 8px; }
.nuam-form-inline input { flex: 1 1 220px; }
.nuam-checkout-progress { margin: 0 auto 25px; }
.nuam-checkout-progress ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.nuam-checkout-progress li { position: relative; padding: 12px 10px; border-bottom: 3px solid var(--nuam-border); color: var(--nuam-muted); text-align: center; font-size: 12px; }
.nuam-checkout-progress li.is-current { border-color: var(--nuam-primary); color: var(--nuam-primary); font-weight: 800; }
.nuam-checkout-progress li.is-complete { border-color: var(--nuam-success); }
.nuam-checkout-progress li a { color: inherit; }
.nuam-opc { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.nuam-opc > li { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: 14px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-opc .step-title { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--nuam-surface-soft); }
.nuam-opc .step-title h2 { margin: 0; font-size: 17px; }
.nuam-opc__number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--nuam-primary); background: var(--nuam-primary-wash); font-weight: 800; }
.nuam-opc .step { padding: clamp(16px, 2.5vw, 26px); }
.nuam-opc .please-wait { color: var(--nuam-muted); font-size: 12px; }
.nuam-checkout-form .address-fields, .nuam-checkout-form .enter-address { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; }
.nuam-checkout-form .address-fields > div, .nuam-checkout-form .enter-address > div { min-width: 0; }
.nuam-checkout-form .address-fields label, .nuam-checkout-form .enter-address label { display: block; margin-bottom: 5px; color: var(--nuam-muted); font-size: 12px; }
.nuam-contact-form { display: grid; gap: 14px; }
.nuam-contact-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.nuam-contact-form__wide { grid-column: 1 / -1; }
.nuam-contact-form .nuam-field { display: grid; gap: 6px; }
.nuam-contact-form label { color: var(--nuam-muted); font-size: 12px; font-weight: 700; }
.nuam-contact-form .field-validation-error, .nuam-contact-form .validation-summary-errors { color: var(--nuam-danger); font-size: 12px; }
.nuam-address-grid, .nuam-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.nuam-address-card { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 17px; border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface-soft); }
.nuam-address-card h3 { margin: 0 0 4px; font-size: 16px; }
.nuam-address-card p { margin: 0; color: var(--nuam-muted); font-size: 13px; }
.nuam-address-card .nuam-button { margin-top: 10px; }
.nuam-choice { display: flex; align-items: center; gap: 10px; }
.nuam-choice-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid var(--nuam-border); border-radius: 12px; cursor: pointer; }
.nuam-choice-card:has(input:checked) { border-color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-choice-card > span { display: grid; gap: 6px; }
.nuam-choice-card small { color: var(--nuam-muted); }
.nuam-choice-card img { max-width: 110px; max-height: 38px; object-fit: contain; }
.nuam-checkout-form .field-validation-error, .nuam-checkout-form .validation-summary-errors { color: var(--nuam-danger); }
.nuam-checkout-form .field-validation-error { display: block; font-size: 12px; }
.nuam-checkout-form input[type=text], .nuam-checkout-form input[type=email], .nuam-checkout-form input[type=tel], .nuam-checkout-form input[type=number], .nuam-checkout-form select, .nuam-checkout-form textarea { width: 100%; }
.nuam-order-summary > * { max-width: 100%; overflow-x: auto; }
.nuam-order-complete { display: grid; justify-items: center; gap: 12px; max-width: 800px; margin: 32px auto; padding: clamp(24px, 5vw, 56px); border: 1px solid var(--nuam-border); border-radius: 18px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); text-align: center; }
.nuam-order-complete h1 { margin: 0; font-size: clamp(24px, 4vw, 34px); }
.nuam-order-complete__mark { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; color: var(--nuam-success); background: var(--nuam-primary-wash); font-size: 30px; }
.nuam-company-hero { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 22px; margin-bottom: 20px; padding: clamp(20px, 4vw, 36px); border: 1px solid var(--nuam-border); border-radius: 18px; background: linear-gradient(120deg, var(--nuam-surface), var(--nuam-surface-soft)); }
.nuam-company-hero__identity { display: flex; align-items: center; gap: 20px; }
.nuam-company-hero__identity > img { width: 94px; height: 94px; border-radius: 18px; background: var(--nuam-surface); object-fit: contain; }
.nuam-company-hero__identity h1 { margin: 0; font-size: clamp(25px, 4vw, 38px); }
.nuam-company-hero__identity p { margin: 5px 0 0; color: var(--nuam-muted); }
.nuam-company-hero__facts { display: flex; flex-wrap: wrap; gap: 8px; }
.nuam-company-hero__facts span { padding: 7px 10px; border-radius: 999px; background: var(--nuam-surface); color: var(--nuam-muted); font-size: 12px; }
.nuam-company-favorite { display: grid; flex: 0 0 auto; place-items: center; width: 48px; height: 48px; border: 1px solid var(--nuam-border); border-radius: 50%; color: var(--nuam-muted); background: var(--nuam-surface); font-size: 23px; cursor: pointer; }
.nuam-company-favorite.is-saved { border-color: #f1c4c0; color: #c8404a; background: #fff0ef; }
.nuam-company-favorite:disabled { opacity: .6; cursor: wait; }
.nuam-company-favorite__feedback { min-height: 0; margin: 0; color: var(--nuam-success); font-size: 12px; }
.nuam-company-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); align-items: start; gap: 18px; }
.nuam-company-gallery, .nuam-certificate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 11px; }
.nuam-company-gallery img, .nuam-certificate img { width: 100%; max-height: 240px; border-radius: 10px; object-fit: cover; }
.nuam-certificate, .nuam-rating, .nuam-review { padding: 14px; border: 1px solid var(--nuam-border); border-radius: 11px; background: var(--nuam-surface-soft); }
.nuam-certificate h3, .nuam-rating h3, .nuam-review h3 { margin: 8px 0 4px; font-size: 15px; }
.nuam-rating img { width: 42px; height: 42px; object-fit: contain; }
.nuam-review-list { display: grid; gap: 10px; }
.nuam-review p, .nuam-certificate p, .nuam-rating p { color: var(--nuam-muted); font-size: 13px; }
.nuam-review footer { display: flex; flex-wrap: wrap; gap: 10px; color: var(--nuam-muted); font-size: 12px; }
.nuam-company-address img { max-width: 100%; }
.nuam-product-page { padding-block: 22px 56px; }
.nuam-product-detail { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(20px, 4vw, 48px); align-items: start; }
.nuam-product-gallery__main { display: grid; place-items: center; min-height: 340px; padding: 24px; border: 1px solid var(--nuam-border); border-radius: 16px; background: var(--nuam-surface); }
.nuam-product-gallery__main img { width: 100%; max-height: 430px; object-fit: contain; }
.nuam-product-gallery__thumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 10px; }
.nuam-product-gallery__thumbs a { display: grid; place-items: center; width: 76px; height: 76px; padding: 7px; border: 1px solid var(--nuam-border); border-radius: 10px; background: var(--nuam-surface); }
.nuam-product-gallery__thumbs img { max-width: 100%; max-height: 100%; object-fit: contain; }
.nuam-product-summary { padding: clamp(20px, 3vw, 32px); border: 1px solid var(--nuam-border); border-radius: 16px; background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-product-summary h1 { margin: 0; font-size: clamp(26px, 4vw, 38px); line-height: 1.3; }
.nuam-product-summary__lead { margin-top: 14px; color: var(--nuam-muted); }
.nuam-product-summary__company { display: inline-block; margin-top: 12px; font-weight: 750; }
.nuam-product-chat-action { margin-top: 16px; }
.nuam-product-review-link { display: inline-block; margin-top: 10px; font-size: 13px; }
.nuam-stock-status { color: var(--nuam-success); font-size: 13px; }
.nuam-product-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin-block: 18px; padding: 15px; border-radius: 11px; background: var(--nuam-primary-wash); }
.nuam-product-price strong { color: var(--nuam-primary); font-size: 24px; }
.nuam-product-price span { color: var(--nuam-muted); font-size: 12px; }
.nuam-product-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px 14px; margin: 18px 0; }
.nuam-product-facts > div { display: grid; gap: 3px; padding: 10px 12px; border-radius: 9px; background: var(--nuam-surface-soft); }
.nuam-product-facts dt { color: var(--nuam-muted); font-size: 11px; }
.nuam-product-facts dd { margin: 0; font-weight: 650; }
.nuam-product-options, .nuam-product-buy { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--nuam-border); }
.nuam-product-options h2, .nuam-product-buy h2 { margin: 0 0 12px; font-size: 17px; }
.nuam-product-summary input, .nuam-product-summary select, .nuam-product-summary textarea { max-width: 100%; }
.nuam-product-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.nuam-edit-link { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-inline-start: 8px; border: 1px solid var(--nuam-border); border-radius: 50%; color: var(--nuam-primary); background: var(--nuam-surface-soft); font-size: 16px; vertical-align: middle; }
.nuam-product-body { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: clamp(16px, 3vw, 32px); align-items: start; margin-top: 8px; }
.nuam-product-body__aside { position: sticky; top: 16px; }
.nuam-supplier-card .nuam-eyebrow, .nuam-owner-panel .nuam-eyebrow { margin: 0 0 6px; }
.nuam-supplier-card h2 { margin-bottom: 12px; }
.nuam-supplier-card__facts { display: grid; gap: 8px; margin: 0 0 14px; }
.nuam-supplier-card__facts > div { display: grid; gap: 2px; padding: 9px 12px; border-radius: 9px; background: var(--nuam-surface-soft); }
.nuam-supplier-card__facts dt { color: var(--nuam-muted); font-size: 13px; }
.nuam-supplier-card__facts dd { margin: 0; font-weight: 650; }
.nuam-supplier-card__subtitle { margin: 4px 0 8px; font-size: 14px; }
.nuam-supplier-card__channels { display: grid; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; }
.nuam-supplier-card__channels li { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.nuam-supplier-card__channels li > span { color: var(--nuam-muted); }
.nuam-owner-panel { border-style: dashed; }
.nuam-owner-panel__langs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.nuam-lang-chip { padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 650; }
.nuam-lang-chip.is-ready { color: var(--nuam-success); background: var(--nuam-primary-wash); }
.nuam-lang-chip.is-missing { color: var(--nuam-muted); background: var(--nuam-surface-soft); }
.nuam-owner-panel__help { margin-bottom: 12px; color: var(--nuam-muted); font-size: 12px; line-height: 1.7; }
.nuam-product-detail { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(18px, 3vw, 36px); }
.nuam-product-gallery { position: sticky; top: 16px; }
.nuam-product-summary { display: flex; flex-direction: column; gap: 14px; }
.nuam-product-summary h1 { font-size: clamp(22px, 3vw, 30px); }
.nuam-product-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.nuam-badge { padding: 3px 10px; border-radius: 999px; color: var(--nuam-primary); background: var(--nuam-primary-wash); font-size: 12px; font-weight: 700; }
.nuam-badge--code { color: var(--nuam-muted); background: var(--nuam-surface-soft); font-weight: 600; }
.nuam-badge--ok { color: var(--nuam-success); }
.nuam-product-review-link { margin-top: -6px; }
.nuam-supplier-strip { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--nuam-border); border-radius: 12px; color: var(--nuam-ink); background: var(--nuam-surface-soft); }
.nuam-supplier-strip:hover { border-color: var(--nuam-primary); }
.nuam-supplier-strip__avatar { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 10px; color: #fff; background: var(--nuam-primary); font-weight: 800; }
.nuam-supplier-strip__text { display: grid; min-width: 0; gap: 2px; }
.nuam-supplier-strip__text small { overflow: hidden; color: var(--nuam-muted); text-overflow: ellipsis; white-space: nowrap; }
.nuam-trade-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding: 14px 16px; border-radius: 12px; background: var(--nuam-primary-wash); }
.nuam-trade-price__values { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; }
.nuam-trade-price__values strong { color: var(--nuam-primary); font-size: 22px; }
.nuam-trade-price__unit { color: var(--nuam-muted); font-size: 13px; }
.nuam-trade-price__ask { color: var(--nuam-primary); font-size: 16px; }
.nuam-trade-terms { margin: 0; border: 1px solid var(--nuam-border); border-radius: 12px; overflow: hidden; }
.nuam-trade-terms > div { display: grid; grid-template-columns: minmax(110px, 1fr) 2fr; gap: 12px; padding: 10px 14px; font-size: 14px; }
.nuam-trade-terms > div:nth-child(odd) { background: var(--nuam-surface-soft); }
.nuam-trade-terms dt { color: var(--nuam-muted); }
.nuam-trade-terms dd { margin: 0; font-weight: 650; }
.nuam-product-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nuam-product-cta .nuam-button--lg { grid-column: 1 / -1; min-height: 52px; font-size: 16px; }
.nuam-product-actions { margin-top: 0; }
.nuam-product-actions__report { margin-inline-start: auto; color: var(--nuam-muted); font-size: 13px; }
.nuam-direct-buy { border: 1px dashed var(--nuam-border); border-radius: 12px; padding: 10px 14px; }
.nuam-direct-buy summary { cursor: pointer; color: var(--nuam-muted); font-size: 13px; font-weight: 650; }
.nuam-direct-buy[open] summary { margin-bottom: 12px; }
.nuam-direct-buy .nuam-product-buy { margin-top: 12px; padding-top: 12px; }
.nuam-rich-content { line-height: 1.8; }
.nuam-rich-content img { max-width: 100%; height: auto; }
[dir=rtl] body { font-family: "fa", "yekan", "B Koodak", Helvetica, Arial, sans-serif; }
[dir=rtl] .nuam-search { direction: rtl; }
[dir=rtl] .nuam-nav ul ul { inset-inline-start: auto; inset-inline-end: 0; }
[dir=rtl] .nuam-category-card__arrow, [dir=rtl] .nuam-request-list a span, [dir=rtl] .nuam-company-card__link span { transform: scaleX(-1); }
:root[data-theme="dark"] .nuam-hero { background: linear-gradient(132deg, #10292e, #0b1c21 56%, #20261e); }
:root[data-theme="dark"] .nuam-hero-card { border-color: var(--nuam-border); background: var(--nuam-surface); }
:root[data-theme="dark"] .nuam-lead, :root[data-theme="dark"] .nuam-promo p { color: var(--nuam-muted); }
:root[data-theme="dark"] .nuam-section--soft { border-color: var(--nuam-border); background: var(--nuam-surface-soft); }
:root[data-theme="dark"] .nuam-search { border-color: var(--nuam-border); }
:root[data-theme="dark"] .nuam-quick-links a { background: var(--nuam-surface); }
@media (max-width: 1120px) {
.nuam-header__main { gap: 14px; }
.nuam-header__content { align-items: stretch; flex-direction: column; gap: 6px; }
.nuam-nav > ul, .nuam-nav .top-menu, .nuam-nav .nav-menu { flex-wrap: wrap; }
.nuam-account-links { justify-content: flex-start; }
}
@media (max-width: 760px) {
.nuam-filter-form__primary { grid-template-columns: 1fr; }
.nuam-filter-form__primary label:not(:first-child) { margin-top: 6px; }
.nuam-search-form__row { align-items: stretch; flex-direction: column; }
.nuam-inquiry-card__heading { gap: 10px; }
.nuam-inquiry-card__footer .nuam-button { width: 100%; margin-inline-start: 0; }
.nuam-auth { grid-template-columns: 1fr; gap: 14px; padding-block: 20px; }
.nuam-auth__intro { position: static; }
.nuam-auth__actions > * { flex: 1 1 auto; }
.nuam-register__grid { grid-template-columns: 1fr; gap: 0; }
.nuam-register__privacy { align-items: flex-start; flex-direction: column; }
.nuam-shell, .master-wrapper-content { width: min(100% - 28px, var(--nuam-content)); }
.nuam-header__main { min-height: 66px; flex-wrap: wrap; padding-block: 10px; }
.nuam-menu-toggle { display: inline-grid; place-items: center; }
.nuam-header__content { display: none; order: 3; width: 100%; padding-block: 10px 5px; border-top: 1px solid var(--nuam-border); }
.nuam-header__content.is-open { display: flex; }
.nuam-nav > ul, .nuam-nav .top-menu, .nuam-nav .nav-menu { align-items: stretch; flex-direction: column; }
.nuam-nav a { width: 100%; }
.nuam-nav ul ul { position: static; box-shadow: none; }
.nuam-account-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nuam-account-links .nuam-header-link, .nuam-account-links .nuam-button { justify-content: flex-start; }
.nuam-hero__grid { grid-template-columns: 1fr; gap: 25px; padding-block: 38px 27px; }
.nuam-hero-card { padding: 20px; }
.nuam-trust-row { gap: 10px 18px; }
.nuam-section-heading { align-items: flex-start; flex-direction: column; }
.nuam-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
.nuam-footer__bottom { flex-direction: column; }
.master-wrapper-content { padding-block: 14px 38px; }
.data-table, .cart-table, .order-details, .compare-products-table { overflow-x: auto; }
.data-table table, .cart-table table, .order-details table, .compare-products-table table { min-width: 680px; }
}
@media (max-width: 460px) {
.nuam-search { grid-template-columns: 1fr; }
.nuam-search .nuam-button { width: 100%; }
.nuam-footer__grid { grid-template-columns: 1fr; }
th, td { padding: 9px; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
@media (max-width: 760px) {
.nuam-company-layout, .nuam-product-detail, .nuam-product-body { grid-template-columns: 1fr; }
.nuam-product-body__aside, .nuam-product-gallery { position: static; }
.nuam-product-cta { grid-template-columns: 1fr; }
.nuam-trade-terms > div { grid-template-columns: 1fr; gap: 2px; }
.nuam-contact-form__grid { grid-template-columns: 1fr; }
.nuam-contact-form__wide { grid-column: auto; }
.nuam-cart-item, .nuam-cart-item:has(.nuam-cart-item__media) { grid-template-columns: 72px minmax(0, 1fr); gap: 10px 14px; }
.nuam-cart-item:not(:has(.nuam-cart-item__media)) { grid-template-columns: minmax(0, 1fr) auto; }
.nuam-cart-item__media img { width: 72px; height: 72px; }
.nuam-cart-item__price, .nuam-cart-item__quantity { grid-row: 2; }
.nuam-cart-item__price:nth-of-type(2) { grid-column: 1; }
.nuam-cart-item__remove { grid-column: 1 / -1; }
.nuam-cart-actions, .nuam-checkout-actions { align-items: stretch; flex-direction: column; }
.nuam-cart-actions .nuam-button, .nuam-checkout-actions .nuam-button { width: 100%; }
.nuam-terms { margin: 4px 0; }
.nuam-checkout-progress ol { grid-template-columns: repeat(5, minmax(90px, 1fr)); overflow-x: auto; }
.nuam-checkout-progress li { padding-inline: 5px; font-size: 10px; }
.nuam-product-gallery__main { min-height: 240px; }
}
.nuam-account-nav ul,.nuam-selector ul{list-style:none;margin:0;padding:0}
.nuam-selector{position:relative;font-size:.85rem}.nuam-selector summary{cursor:pointer;padding:.4rem}.nuam-selector ul{position:absolute;inset-inline-end:0;top:100%;z-index:50;min-width:10rem;background:var(--nuam-surface);border:1px solid var(--nuam-border);border-radius:var(--nuam-radius-sm);box-shadow:var(--nuam-shadow)}.nuam-selector a{display:block;padding:.65rem 1rem}.nuam-selector a[aria-current=true]{background:var(--nuam-primary-wash)}
.nuam-account-page{padding-block:2.5rem}.nuam-account-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.5rem;align-items:start}.nuam-account-nav{background:var(--nuam-surface);border:1px solid var(--nuam-border);border-radius:var(--nuam-radius);padding:.75rem}.nuam-account-nav a{display:block;padding:.8rem;border-radius:var(--nuam-radius-sm)}.nuam-account-nav a[aria-current=page]{background:var(--nuam-primary-wash);color:var(--nuam-primary);font-weight:700}.nuam-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.nuam-form-field{display:grid;gap:.45rem;margin-block-end:1rem;min-width:0;border:0;padding:0}.nuam-form-field label,.nuam-form-field legend{font-weight:600}.nuam-form-field input:not([type=checkbox]):not([type=radio]),.nuam-form-field select,.nuam-form-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--nuam-border);background:var(--nuam-surface);color:var(--nuam-ink);border-radius:var(--nuam-radius-sm);padding:.75rem;font:inherit}.nuam-form-field :focus-visible{outline:2px solid var(--nuam-primary);outline-offset:2px}.nuam-avatar{width:7rem;height:7rem;border-radius:50%;object-fit:cover;margin-block-end:1rem}.nuam-notice{padding:1rem;border-inline-start:3px solid var(--nuam-primary);background:var(--nuam-surface-soft);border-radius:var(--nuam-radius-sm)}.nuam-notice--error{border-color:var(--nuam-danger)}.nuam-notification-bar{position:fixed;top:1rem;inset-inline:1rem;z-index:100;background:var(--nuam-surface);border:1px solid var(--nuam-border);box-shadow:var(--nuam-shadow);padding:1rem;border-radius:var(--nuam-radius)}.nuam-notification-bar .close{float:inline-end;cursor:pointer;padding:.3rem}.nuam-skip-link{position:fixed;inset-inline-start:1rem;top:-6rem;z-index:110;background:var(--nuam-primary);color:#fff;padding:.8rem 1.2rem;border-radius:var(--nuam-radius-sm)}.nuam-skip-link:focus{top:1rem}
@media(max-width:760px){.nuam-account-layout{grid-template-columns:1fr}.nuam-account-nav ul{display:flex;gap:.4rem;overflow-x:auto}.nuam-account-nav li{flex:none}.nuam-form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nuam-app *{scroll-behavior:auto;transition:none!important;animation:none!important}}
.nuam-client-messages{display:grid;gap:.6rem;padding:.6rem max(1rem,calc((100% - 1200px)/2));background:var(--nuam-surface-soft)}.nuam-client-message{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--nuam-border);border-inline-start:4px solid var(--nuam-primary);border-radius:var(--nuam-radius-sm);background:var(--nuam-surface);color:var(--nuam-ink)}.nuam-client-message.success{border-inline-start-color:var(--nuam-success,#23845b)}.nuam-client-message.notice{border-inline-start-color:var(--nuam-primary)}.nuam-client-message.error{border-inline-start-color:var(--nuam-danger,#b42318)}.nuam-client-message.warning{border-inline-start-color:var(--nuam-warning,#a85b00)}.nuam-client-message__link{flex:1}.nuam-client-message__dismiss{border:0;background:transparent;color:inherit;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer;padding:.35rem;border-radius:var(--nuam-radius-sm)}.nuam-client-message__dismiss:focus-visible{outline:2px solid var(--nuam-primary);outline-offset:2px}
:root {
--nuam-bg: #f4f6f7; --nuam-surface: #fff; --nuam-surface-soft: #eceff1; --nuam-surface-muted: #e2e7ea;
--nuam-ink: #0d1b2a; --nuam-muted: #4b5b6a; --nuam-border: #d6dde2;
--nuam-primary: #0a5c73; --nuam-primary-strong: #08485b; --nuam-primary-wash: #e1eff2;
--nuam-navy: #0c2438; --nuam-navy-2: #12344f; --nuam-navy-mute: #9fb4c4; --nuam-accent: #e0a030;
--nuam-radius: 8px; --nuam-radius-sm: 6px;
--nuam-shadow: 0 1px 2px rgb(13 27 42 / 6%), 0 4px 14px rgb(13 27 42 / 5%);
--nuam-focus: 0 0 0 3px rgb(10 92 115 / 28%);
--nuam-ease: cubic-bezier(.2, .7, .2, 1);
}
:root[data-theme="dark"] {
--nuam-bg: #0a131c; --nuam-surface: #111e2a; --nuam-surface-soft: #162635; --nuam-surface-muted: #1d3144;
--nuam-ink: #e8eef3; --nuam-muted: #9db0c0; --nuam-border: #25384a;
--nuam-primary: #5cc1d8; --nuam-primary-strong: #8ad6e8; --nuam-primary-wash: #12303b;
--nuam-navy: #060f18; --nuam-navy-2: #0d2234; --nuam-accent: #f0be5c;
--nuam-shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 14px rgb(0 0 0 / 25%);
}
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] .nuam-brand__text strong, [dir=rtl] .nuam-lead { letter-spacing: 0; }
[dir=rtl] .nuam-eyebrow, [dir=rtl] .nuam-brand__text small { letter-spacing: 0; text-transform: none; }
.nuam-button { border-radius: var(--nuam-radius-sm); }
:root[data-theme="dark"] .nuam-button { color: #04202a !important; }
:root[data-theme="dark"] .nuam-button--quiet { color: var(--nuam-ink) !important; }
.nuam-header { position: sticky; inset-block-start: 0; background: var(--nuam-surface); box-shadow: none; transition: box-shadow .2s ease; }
.nuam-header.is-scrolled { box-shadow: 0 6px 20px rgb(13 27 42 / 8%); }
.nuam-header__main { min-height: 64px; gap: 28px; }
.nuam-brand__mark { border-radius: var(--nuam-radius-sm); background: var(--nuam-navy); }
:root[data-theme="dark"] .nuam-brand__mark { color: #04202a; background: var(--nuam-primary); }
.nuam-nav--primary > ul { gap: 2px; }
.nuam-nav--primary a { position: relative; min-height: 64px; padding: 0 14px; border-radius: 0; color: var(--nuam-ink); font-size: 14.5px; font-weight: 500; border-block-end: 2px solid transparent; }
.nuam-nav--primary a:hover { color: var(--nuam-primary); background: transparent; border-block-end-color: var(--nuam-primary); }
.nuam-header__actions { gap: 10px; }
.nuam-theme-toggle, .nuam-header__settings > summary { width: 38px; height: 38px; min-height: 38px; padding: 0; justify-content: center; border-radius: var(--nuam-radius-sm); }
.nuam-account-links > .nuam-header-link:first-child:last-child { min-height: 38px; padding: 6px 16px; border-radius: var(--nuam-radius-sm); color: #fff; background: var(--nuam-primary); font-size: 13px; font-weight: 600; }
:root[data-theme="dark"] .nuam-account-links > .nuam-header-link:first-child:last-child { color: #04202a; }
.nuam-account-links > .nuam-header-link:first-child:last-child:hover { color: #fff; background: var(--nuam-primary-strong); }
.nuam-hero { position: relative; isolation: isolate; overflow: hidden; border: 0; color: #e8eef3; background: var(--nuam-navy); }
.nuam-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(var(--nuam-navy-2) 1px, transparent 1px), linear-gradient(90deg, var(--nuam-navy-2) 1px, transparent 1px); background-size: 48px 48px; opacity: .55; -webkit-mask-image: linear-gradient(180deg, #000 20%, transparent); mask-image: linear-gradient(180deg, #000 20%, transparent); }
.nuam-hero::after { display: none; }
.nuam-hero__grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 40px; align-items: start; padding-block: clamp(36px, 5vw, 56px); }
.nuam-hero h1 { max-width: 20ch; color: #fff; font-size: clamp(28px, 3.6vw, 42px); font-weight: 700; line-height: 1.4; -webkit-text-fill-color: #fff; background: none; }
.nuam-lead { max-width: 58ch; margin-block-start: 12px; color: var(--nuam-navy-mute); font-size: 16px; font-weight: 400; line-height: 1.8; }
.nuam-finder { margin-block-start: 26px; overflow: hidden; border-radius: var(--nuam-radius); color: var(--nuam-ink); background: var(--nuam-surface); }
.nuam-finder__tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-block-end: 1px solid var(--nuam-border); background: var(--nuam-surface-soft); }
.nuam-finder__tabs button { min-height: 50px; padding: 8px; border: 0; border-block-end: 3px solid transparent; color: var(--nuam-muted); background: none; font-weight: 600; cursor: pointer; }
.nuam-finder__tabs button:hover { color: var(--nuam-ink); }
.nuam-finder__tabs button[aria-selected="true"] { color: var(--nuam-primary); background: var(--nuam-surface); border-block-end-color: var(--nuam-primary); }
.nuam-search { display: grid; grid-template-columns: minmax(130px, 190px) minmax(0, 1fr) auto; gap: 8px; max-width: none; margin: 0; padding: 14px; border: 0; border-radius: 0; background: var(--nuam-surface); box-shadow: none; }
.nuam-search:focus-within { box-shadow: none; }
.nuam-search select, .nuam-search input:not([type=hidden]) { min-height: 48px; height: 48px; padding-inline: 12px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); font-size: 15px; }
.nuam-search input:not([type=hidden]):focus-visible, .nuam-search select:focus-visible { border-color: var(--nuam-primary); box-shadow: var(--nuam-focus); }
.nuam-search .nuam-button { min-height: 48px; padding-inline: 24px; border-radius: var(--nuam-radius-sm); }
.nuam-search__company, .nuam-search__category { display: none; }
.nuam-hero__grid[data-mode="company"] .nuam-search__product, .nuam-hero__grid[data-mode="request"] .nuam-search__product { display: none; }
.nuam-hero__grid[data-mode="company"] .nuam-search__company, .nuam-hero__grid[data-mode="request"] .nuam-search__company { display: block; }
.nuam-hero__grid[data-mode="company"] .nuam-search__scope, .nuam-hero__grid[data-mode="request"] .nuam-search__scope { visibility: hidden; }
.nuam-search-results { inset-block-start: calc(100% - 6px); inset-inline-start: 14px; width: calc(100% - 28px); max-width: none; border-radius: var(--nuam-radius-sm); color: var(--nuam-ink); }
.nuam-store-search { margin-block-start: 12px; color: var(--nuam-navy-mute); }
.nuam-quick-links { gap: 8px; margin-block-start: 16px; }
.nuam-quick-links a { padding: 5px 13px; border: 1px solid #2a4a63; border-radius: 999px; color: #d6e3ec; background: transparent; font-size: 13px; font-weight: 500; }
.nuam-quick-links a:hover { color: #fff; border-color: #7fd0e2; background: var(--nuam-navy-2); }
.nuam-hero-aside { display: grid; gap: 14px; }
.nuam-hero-card { padding: 22px; border: 1px solid #2a4a63; border-radius: var(--nuam-radius); color: #e8eef3; background: var(--nuam-navy-2); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; overflow: visible; }
.nuam-hero-card::before { display: none; }
.nuam-hero-card__mark { width: 40px; height: 40px; margin-block-end: 14px; border-radius: var(--nuam-radius-sm); color: #04202a; background: #7fd0e2; box-shadow: none; font-size: 20px; }
.nuam-hero-card h2 { color: #fff; font-size: 19px; line-height: 1.7; }
.nuam-hero-card p:not(.nuam-eyebrow) { color: var(--nuam-navy-mute); font-size: 14px; line-height: 1.9; }
.nuam-hero-card .nuam-text-link { color: #7fd0e2; }
.nuam-board { overflow: hidden; border-radius: var(--nuam-radius); color: var(--nuam-ink); background: var(--nuam-surface); }
.nuam-board h2 { margin: 0; padding: 12px 16px; border-block-end: 1px solid var(--nuam-border); font-size: 15px; font-weight: 700; }
.nuam-board__body { padding: 6px; }
.nuam-board .nuam-request-list { display: grid; gap: 0; }
.nuam-board .nuam-request-list a { min-height: 46px; padding: 8px 12px; border: 0; border-block-end: 1px solid var(--nuam-border); border-radius: 0; box-shadow: none; font-weight: 600; font-size: 14px; }
.nuam-board .nuam-request-list li:last-child a { border-block-end: 0; }
.nuam-board .nuam-request-list a:hover { transform: none; box-shadow: none; background: var(--nuam-primary-wash); }
.nuam-board .nuam-request-list a span { display: inline; width: auto; height: auto; color: var(--nuam-primary); background: none; font-size: inherit; }
.nuam-section { padding-block: clamp(36px, 5vw, 60px); }
.nuam-section--soft { border-block: 1px solid var(--nuam-border); background: var(--nuam-surface-soft); }
.nuam-section-heading { margin-block-end: 22px; }
.nuam-section-heading h2 { font-size: clamp(22px, 2.6vw, 28px); font-weight: 700; line-height: 1.4; }
.nuam-section-heading h2 a { color: inherit; }
.nuam-eyebrow { display: block; margin-block-end: 6px; padding: 0; background: none; color: var(--nuam-primary); font-size: 13px; font-weight: 700; }
.nuam-eyebrow::before { display: none; }
.nuam-module { border-radius: var(--nuam-radius); box-shadow: none; }
.nuam-text-link:hover span { transform: none; }
.nuam-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.nuam-path { display: flex; flex-direction: column; gap: 10px; padding: 22px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.nuam-path h3 { margin: 0; font-size: 18px; font-weight: 700; }
.nuam-path p { margin: 0; color: var(--nuam-muted); }
.nuam-path ul { display: grid; gap: 0; margin: auto 0 0; padding: 8px 0 0; list-style: none; border-block-start: 1px solid var(--nuam-border); }
.nuam-path li a { display: flex; align-items: center; justify-content: space-between; padding-block: 8px; color: var(--nuam-ink); font-weight: 500; font-size: 14.5px; }
.nuam-path li a::after { content: "\2192"; color: var(--nuam-primary); }
[dir=rtl] .nuam-path li a::after { content: "\2190"; }
.nuam-path li a:hover { color: var(--nuam-primary); }
.nuam-category-filter { display: flex; align-items: center; gap: 10px; min-width: min(100%, 340px); }
.nuam-category-filter input { width: 100%; min-height: 44px; padding-inline: 12px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); }
.nuam-category-filter__count { color: var(--nuam-muted); font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nuam-module--categories { padding: 12px; background: var(--nuam-surface); }
.nuam-category-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 8px; }
.nuam-category-grid > li[hidden] { display: none; }
.nuam-category-card { min-height: 56px; padding: 8px 12px; border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); transition: border-color .15s ease, background .15s ease; }
.nuam-category-card:hover { transform: none; box-shadow: none; border-color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-category-card__mark { width: 36px; height: 36px; border-radius: var(--nuam-radius-sm); color: var(--nuam-primary); background: var(--nuam-primary-wash); font-size: 16px; }
.nuam-category-card__name { font-size: 14px; line-height: 1.6; }
.nuam-category-card__arrow { color: var(--nuam-primary); opacity: .6; }
.nuam-services { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.nuam-services a { display: grid; gap: 4px; align-content: start; padding: 20px; border-inline-start: 1px solid var(--nuam-border); color: var(--nuam-ink); transition: background .15s ease; }
.nuam-services a:first-child { border-inline-start: 0; }
.nuam-services a:hover { background: var(--nuam-primary-wash); }
.nuam-services strong { font-size: 16px; font-weight: 700; }
.nuam-services span { color: var(--nuam-muted); font-size: 13.5px; line-height: 1.8; }
.nuam-company-grid { gap: 14px; }
.nuam-company-card { border-radius: var(--nuam-radius); box-shadow: none; transition: border-color .15s ease; }
.nuam-company-card:hover { border-color: var(--nuam-primary); transform: none; box-shadow: none; }
.nuam-company-card__media { min-height: 140px; background: var(--nuam-surface-soft); }
.nuam-company-card__initial { border-radius: var(--nuam-radius-sm); color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-testimonial { border-radius: var(--nuam-radius); box-shadow: none; }
.nuam-comm { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 24px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.nuam-comm h2 { margin: 0 0 6px; font-size: 22px; font-weight: 700; }
.nuam-comm p:not(.nuam-eyebrow) { max-width: 62ch; margin: 0; color: var(--nuam-muted); }
.nuam-promo { margin-block: 0; padding-block: clamp(48px, 7vw, 88px); background: linear-gradient(105deg, rgb(6 25 40 / 94%), rgb(10 76 95 / 82%)), var(--nuam-promo-image) center / cover; }
.nuam-promo::after { display: none; }
.nuam-promo__content { display: grid; gap: 16px; justify-items: start; max-width: none; }
.nuam-promo h2 { font-size: clamp(26px, 3.4vw, 40px); font-weight: 700; line-height: 1.4; color: #fff; }
.nuam-promo p { max-width: 80ch; margin: 0; color: #d3e2ec; font-size: 16px; line-height: 1.95; text-align: start; }
.nuam-promo .nuam-button { border-color: var(--nuam-accent); color: #2b1d00 !important; background: var(--nuam-accent); }
.nuam-promo .nuam-button:hover { background: #f0b445; }
.nuam-end-banner { margin-block: 0; border-radius: 0; background: var(--nuam-navy-2); }
.nuam-module:has(> .news-list-homepage) { padding: 0; border: 0; background: transparent; box-shadow: none; }
.news-list-homepage { display: block; }
.news-list-homepage .title { margin-block-end: 22px; }
.news-list-homepage .title strong { display: block; font-size: clamp(22px, 2.6vw, 28px); font-weight: 700; line-height: 1.4; }
.news-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.news-items .news-item { display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: var(--nuam-radius); box-shadow: none; transition: border-color .15s ease; }
.news-items .news-item:hover { border-color: var(--nuam-primary); }
.news-items .news-title { display: -webkit-box; overflow: hidden; color: var(--nuam-ink); font-size: 16px; font-weight: 700; line-height: 1.8; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-items .news-title:hover { color: var(--nuam-primary); }
.news-items .news-head { display: grid; gap: 6px; }
.news-items .news-date { width: fit-content; color: var(--nuam-muted); font-size: 12.5px; }
.news-items .news-body { display: -webkit-box; overflow: hidden; color: var(--nuam-muted); font-size: 14px; line-height: 1.95; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-items .buttons { margin-block-start: auto; padding: 0; }
.news-items .read-more { color: var(--nuam-primary); font-size: 13px; font-weight: 700; }
.news-list-homepage .view-all { display: flex; margin-block-start: 22px; }
.news-list-homepage .view-all a { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 20px; border: 1px solid var(--nuam-primary); border-radius: var(--nuam-radius-sm); color: var(--nuam-primary); background: var(--nuam-surface); font-weight: 600; }
.news-list-homepage .view-all a:hover { color: #fff; background: var(--nuam-primary); }
.nuam-trust { padding-block: clamp(40px, 5vw, 64px); color: #e8eef3; background: var(--nuam-navy); }
.nuam-trust .nuam-eyebrow { color: #7fd0e2; }
.nuam-trust h2 { color: #fff; }
.nuam-trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.nuam-trust__grid > div { padding-block-start: 14px; border-block-start: 2px solid #2a4a63; }
.nuam-trust h3 { margin: 0 0 6px; color: #fff; font-size: 16px; font-weight: 700; }
.nuam-trust p { margin: 0; color: var(--nuam-navy-mute); font-size: 14px; line-height: 1.9; }
.nuam-footer { margin-block-start: 0; background: var(--nuam-navy); }
.nuam-footer::before { display: none; }
.nuam-footer li a:hover { padding: 0; }
.nuam-reveal { opacity: 0; transform: translateY(16px); transition: opacity .5s var(--nuam-ease), transform .5s var(--nuam-ease); }
.nuam-reveal.is-in { opacity: 1; transform: none; }
@media (max-width: 1000px) {
.nuam-hero__grid { grid-template-columns: 1fr; }
.nuam-paths { grid-template-columns: 1fr; }
.nuam-services { grid-template-columns: 1fr 1fr; }
.nuam-services a:nth-child(3) { border-inline-start: 0; }
.nuam-services a:nth-child(n+3) { border-block-start: 1px solid var(--nuam-border); }
.nuam-trust__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
.nuam-header { position: relative; }
.nuam-header__main .nuam-header__content { display: none; }
.nuam-header__main .nuam-header__content.is-open { display: flex; align-items: stretch; flex-direction: column; }
.nuam-header__content.is-open .nuam-header__actions { justify-content: space-between; }
.nuam-nav--primary > ul { align-items: stretch; flex-direction: column; }
.nuam-nav--primary a { width: 100%; min-height: 44px; border-block-end: 1px solid var(--nuam-border); }
.nuam-search { grid-template-columns: 1fr; padding: 12px; }
.nuam-finder__tabs button { font-size: 13px; padding-inline: 4px; }
.nuam-services, .nuam-trust__grid { grid-template-columns: 1fr; }
.nuam-services a { border-inline-start: 0; border-block-start: 1px solid var(--nuam-border); }
.nuam-services a:first-child { border-block-start: 0; }
.nuam-category-filter { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.nuam-reveal { opacity: 1; transform: none; transition: none; }
}
:root { --nuam-font: "IBM Plex Sans", "Vazirmatn", Tahoma, Arial, sans-serif; }
[dir=rtl] body, [dir=rtl] button, [dir=rtl] input, [dir=rtl] select, [dir=rtl] textarea { font-family: "Vazirmatn", "IBM Plex Sans", Tahoma, Arial, sans-serif; }
body { font-size: 15px; line-height: 1.7; }
.nuam-num { font-variant-numeric: tabular-nums; }
.nuam-ic { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.nuam-ic--lg { width: 28px; height: 28px; color: var(--nuam-primary); }
[dir=rtl] .nuam-lanes__nm .nuam-cc + span { transform: scaleX(-1); }
.nuam-util { color: #e8eef3; background: var(--nuam-navy); font-size: 13px; }
.nuam-util__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 34px; }
.nuam-util__tagline { color: var(--nuam-navy-mute); }
.nuam-util__tools { display: flex; align-items: center; gap: 6px; }
.nuam-util .nuam-language-picker__trigger { width: auto; min-height: 28px; padding: 2px 10px; border: 0; border-radius: 4px; color: #e8eef3; background: transparent; font-size: 13px; }
.nuam-util .nuam-language-picker__trigger:hover { background: var(--nuam-navy-2); }
.nuam-util .nuam-selector { font-size: 13px; }
.nuam-util .nuam-selector summary { padding: 2px 10px; border-radius: 4px; color: #e8eef3; cursor: pointer; }
.nuam-util .nuam-selector summary:hover { background: var(--nuam-navy-2); }
.nuam-util .nuam-selector ul { color: var(--nuam-ink); }
.nuam-util .nuam-selector a { color: var(--nuam-ink); }
.nuam-header__content { flex: 1; }
.nuam-nav--primary { flex: 1; }
.nuam-finder__tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.nuam-finder__panel.nuam-search { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 18px; }
.nuam-lane { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: end; }
.nuam-opts { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)) auto; gap: 10px; align-items: end; }
.nuam-fld { display: grid; gap: 4px; min-width: 0; }
.nuam-fld label { color: var(--nuam-muted); font-size: 12px; font-weight: 500; }
.nuam-fld select, .nuam-fld input:not([type=hidden]) { width: 100%; min-height: 46px; height: 46px; padding: 8px 12px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); color: var(--nuam-ink); background: var(--nuam-surface); font-size: 15px; }
.nuam-fld select:focus-visible, .nuam-fld input:focus-visible { border-color: var(--nuam-primary); box-shadow: var(--nuam-focus); }
.nuam-fld--query .nuam-search__company { display: none; }
.nuam-hero__grid[data-mode="request"] .nuam-fld--query .nuam-search__product { display: none; }
.nuam-hero__grid[data-mode="request"] .nuam-fld--query .nuam-search__company { display: block; }
.nuam-hero__grid[data-mode="service"] .nuam-opts .nuam-fld:nth-child(n+2):not(:last-child) { display: none; }
.nuam-hero__grid[data-mode="service"] .nuam-opts { grid-template-columns: minmax(0, 1fr) auto; }
.nuam-swap { display: grid; place-items: center; width: 38px; height: 46px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); color: var(--nuam-muted); background: var(--nuam-surface); cursor: pointer; }
.nuam-swap:hover { color: var(--nuam-primary); border-color: var(--nuam-primary); }
.nuam-opts .nuam-button { min-height: 46px; padding-inline: 24px; }
.nuam-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.nuam-chips__label { color: var(--nuam-muted); font-size: 13px; }
.nuam-chips__list { display: flex; flex-wrap: wrap; gap: 8px; }
.nuam-chips__list[hidden] { display: none; }
.nuam-chips__list:empty::after { content: "\2014"; color: var(--nuam-muted); }
.nuam-chips__list button { padding: 3px 12px; border: 1px solid var(--nuam-border); border-radius: 999px; color: var(--nuam-ink); background: var(--nuam-surface); font-size: 13px; cursor: pointer; }
.nuam-chips__list button:hover { color: var(--nuam-primary); border-color: var(--nuam-primary); }
.nuam-hero-stats { display: flex; flex-wrap: wrap; gap: 12px 32px; margin: 24px 0 0; }
.nuam-hero-stats div { display: grid; }
.nuam-hero-stats dt { order: 2; color: var(--nuam-navy-mute); font-size: 13px; }
.nuam-hero-stats dd { order: 1; margin: 0; color: #fff; font-size: 22px; font-weight: 700; }
.nuam-board__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-block-end: 1px solid var(--nuam-border); }
.nuam-board__head h2 { margin: 0; padding: 0; border: 0; font-size: 16px; font-weight: 700; }
.nuam-live { display: inline-flex; align-items: center; gap: 6px; color: #17734b; font-size: 12px; }
:root[data-theme="dark"] .nuam-live { color: #55c58f; }
.nuam-live i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.nuam-rfq-list { margin: 0; padding: 0; list-style: none; }
.nuam-rfq { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 12px 16px; border-block-end: 1px solid var(--nuam-border); }
.nuam-rfq h3 { grid-column: 1; margin: 0; font-size: 14.5px; font-weight: 600; line-height: 1.7; }
.nuam-rfq h3 a { color: var(--nuam-ink); }
.nuam-rfq h3 a:hover { color: var(--nuam-primary); }
.nuam-rfq__lane, .nuam-rfq__meta { grid-column: 1; display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--nuam-muted); font-size: 12.5px; }
.nuam-rfq__lane a { color: var(--nuam-primary); }
.nuam-rfq__side { grid-column: 2; grid-row: 1 / span 3; display: grid; align-content: center; justify-items: end; }
.nuam-tag { display: inline-flex; align-items: center; padding: 1px 8px; border: 1px solid var(--nuam-border); border-radius: 4px; color: var(--nuam-muted); background: var(--nuam-surface); font-size: 12px; }
.nuam-tag.is-ok { color: #17734b; border-color: color-mix(in srgb, #17734b 40%, var(--nuam-border)); }
.nuam-tag.is-warn { color: #9a6200; background: #fbf0d8; border-color: transparent; }
:root[data-theme="dark"] .nuam-tag.is-ok { color: #55c58f; }
:root[data-theme="dark"] .nuam-tag.is-warn { color: #f0b95a; background: #33260d; }
.nuam-board__empty { margin: 0; padding: 18px 16px; color: var(--nuam-muted); }
.nuam-board__foot { padding: 10px 12px; background: var(--nuam-surface-soft); }
.nuam-board__countries .nuam-request-list { display: flex; flex-wrap: wrap; gap: 6px; }
.nuam-board__countries .nuam-request-list a { min-height: 30px; padding: 2px 12px; border: 1px solid var(--nuam-border); border-radius: 999px; background: var(--nuam-surface); font-size: 13px; font-weight: 500; }
.nuam-board__countries .nuam-request-list li:last-child a { border-block-end: 1px solid var(--nuam-border); }
.nuam-board__countries .nuam-request-list a:hover { border-color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-board__countries .nuam-request-list a span { display: none; }
.nuam-board .nuam-rfq-list + .nuam-board__foot { border-block-start: 0; }
.nuam-section-lead { max-width: 60ch; margin: 0; color: var(--nuam-muted); }
.nuam-section--alt { border-block: 1px solid var(--nuam-border); background: var(--nuam-surface); }
.nuam-future-note { margin: 10px 0 0; color: var(--nuam-muted); font-size: 12.5px; }
.nuam-path__top { display: flex; align-items: center; gap: 12px; }
.nuam-path__ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--nuam-radius-sm); color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-path ul { margin: 0; }
.nuam-path .nuam-button { margin-block-start: auto; align-self: stretch; }
.nuam-path ul + .nuam-button { margin-block-start: 8px; }
.nuam-path { gap: 12px; }
.nuam-path p { flex: 0 0 auto; }
.nuam-path ul { flex: 1 1 auto; }
.nuam-corr { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; }
.nuam-map { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-navy); }
.nuam-map svg { display: block; width: 100%; height: auto; }
.nuam-map__grid { stroke: var(--nuam-navy-2); stroke-width: 1; }
.nuam-map__arc { fill: none; stroke: #5cc1d8; stroke-opacity: .75; stroke-width: 1.5; }
.nuam-map__hub { fill: #7fd0e2; }
.nuam-map__hub.is-home { fill: var(--nuam-accent); }
.nuam-map__label { fill: #e8eef3; font: 600 11px "IBM Plex Sans", sans-serif; }
.nuam-lanes { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.nuam-lanes a { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 12px 16px; border-block-end: 1px solid var(--nuam-border); color: var(--nuam-ink); }
.nuam-lanes a:last-child { border-block-end: 0; }
.nuam-lanes a:hover { background: var(--nuam-primary-wash); }
.nuam-lanes__nm { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.nuam-lanes small { grid-column: 1; color: var(--nuam-muted); }
.nuam-lanes__v { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--nuam-primary); font-size: 13px; font-weight: 600; }
.nuam-cc { display: inline-grid; place-items: center; min-width: 26px; height: 18px; padding-inline: 4px; border-radius: 3px; color: var(--nuam-ink); background: var(--nuam-surface-muted); font: 600 11px/1 "IBM Plex Sans", sans-serif; letter-spacing: .04em; direction: ltr; }
.nuam-services a { align-content: start; gap: 10px; padding: 22px; }
.nuam-services strong { font-size: 17px; }
.nuam-services dl { display: grid; gap: 4px; margin: 4px 0 0; padding-block-start: 10px; border-block-start: 1px dashed var(--nuam-border); font-size: 13px; }
.nuam-services dl div { display: flex; justify-content: space-between; gap: 8px; }
.nuam-services dt { color: var(--nuam-muted); }
.nuam-services dd { margin: 0; font-weight: 600; text-align: end; }
.nuam-services em { margin-block-start: auto; padding-block-start: 6px; color: var(--nuam-primary); font-style: normal; font-weight: 600; }
.nuam-services em::after { content: " \2192"; }
[dir=rtl] .nuam-services em::after { content: " \2190"; }
.nuam-note { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-block-start: 14px; padding: 14px 16px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-primary-wash); }
.nuam-note .nuam-ic { color: var(--nuam-primary); }
.nuam-note .nuam-text-link { margin-inline-start: auto; white-space: nowrap; }
.nuam-seg { display: inline-flex; overflow: hidden; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); }
.nuam-seg button { padding: 8px 18px; border: 0; color: var(--nuam-muted); background: var(--nuam-surface); font-weight: 600; cursor: pointer; }
.nuam-seg button[aria-selected="true"] { color: #fff; background: var(--nuam-navy); }
:root[data-theme="dark"] .nuam-seg button[aria-selected="true"] { color: #04202a; background: var(--nuam-primary); }
.nuam-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; counter-reset: nuam-step; }
.nuam-steps[hidden] { display: none; }
.nuam-steps li { position: relative; counter-increment: nuam-step; }
.nuam-steps li::before { content: counter(nuam-step); position: relative; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; margin-block-end: 12px; border-radius: 50%; color: #fff; background: var(--nuam-navy); font-size: 14px; font-weight: 600; }
:root[data-theme="dark"] .nuam-steps li::before { color: #04202a; background: var(--nuam-primary); }
.nuam-steps li::after { content: ""; position: absolute; inset-block-start: 15px; inset-inline-start: 36px; inset-inline-end: -24px; height: 1px; background: var(--nuam-border); }
.nuam-steps li:last-child::after { display: none; }
.nuam-steps h3 { margin: 0; font-size: 16px; font-weight: 700; }
.nuam-steps p { margin: 4px 0 0; color: var(--nuam-muted); font-size: 14px; }
.nuam-trust__grid .nuam-ic--lg { width: 26px; height: 26px; color: #7fd0e2; }
.nuam-trust__grid h3 { margin-block-start: 10px; }
.nuam-trust .nuam-section-lead { color: var(--nuam-navy-mute); }
.nuam-cta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.nuam-cta > div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 28px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.nuam-cta h3 { margin: 0; font-size: 21px; font-weight: 700; }
.nuam-cta p { margin: 0; color: var(--nuam-muted); }
@media (max-width: 1000px) {
.nuam-corr { grid-template-columns: 1fr; }
.nuam-steps { grid-template-columns: 1fr 1fr; row-gap: 24px; }
.nuam-steps li:nth-child(2)::after { display: none; }
.nuam-lane { grid-template-columns: 1fr 1fr; }
.nuam-fld--query { grid-column: 1 / -1; }
.nuam-swap { display: none; }
}
@media (max-width: 760px) {
.nuam-util__tagline { display: none; }
.nuam-util__row { justify-content: flex-end; }
}
@media (max-width: 640px) {
.nuam-lane, .nuam-opts, .nuam-cta, .nuam-steps { grid-template-columns: 1fr; }
.nuam-hero__grid[data-mode="service"] .nuam-opts { grid-template-columns: 1fr; }
.nuam-steps li::after { display: none; }
.nuam-finder__tabs button { flex-direction: column; gap: 2px; font-size: 13px; }
.nuam-note .nuam-text-link { margin-inline-start: 0; }
}
.nuam-hero-stats[hidden] { display: none; }
.nuam-hero__copy .nuam-hero-card { margin-block-start: 20px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; align-items: start; }
.nuam-hero__copy .nuam-hero-card__mark { grid-row: 1 / span 3; margin: 0; }
.nuam-hero__copy .nuam-hero-card h2 { font-size: 16px; }
.nuam-hero__copy .nuam-hero-card p { margin: 0; }
.nuam-hero-aside { align-self: stretch; }
.nuam-services dd, .nuam-lanes__v { color: var(--nuam-muted); }
.nuam-hero-aside { display: flex; min-width: 0; }
.nuam-catpanel { display: flex; flex-direction: column; width: 100%; min-height: 0; overflow: hidden; border-radius: var(--nuam-radius); color: var(--nuam-ink); background: var(--nuam-surface); }
.nuam-catpanel__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 16px 16px 10px; }
.nuam-catpanel__head h2 { margin: 0; padding: 0; border: 0; font-size: 17px; font-weight: 700; line-height: 1.5; }
.nuam-catpanel__head p { margin: 2px 0 0; color: var(--nuam-muted); font-size: 13px; }
.nuam-catpanel__filter { padding: 0 16px 10px; }
.nuam-catpanel__filter input { width: 100%; min-height: 42px; padding-inline: 12px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); }
.nuam-catpanel__list { flex: 1 1 0; min-height: 300px; max-height: 430px; overflow-y: auto; padding: 0 10px 12px; scrollbar-width: thin; }
.nuam-catpanel .nuam-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.nuam-catpanel .nuam-category-card { min-height: 46px; padding: 6px 10px; gap: 8px; }
.nuam-catpanel .nuam-category-card__mark { width: 30px; height: 30px; font-size: 14px; }
.nuam-catpanel .nuam-category-card__name { font-size: 13.5px; line-height: 1.5; }
.nuam-catpanel .nuam-category-card__arrow { display: none; }
.nuam-catpanel .nuam-empty-state { margin: 0 16px 16px; }
.nuam-catpanel .nuam-empty-state[hidden] { display: none; }
.nuam-catpanel .nuam-category-filter__count { padding: 2px 10px; border-radius: 999px; color: var(--nuam-primary); background: var(--nuam-primary-wash); font-size: 12px; font-weight: 600; }
.nuam-requests { padding-block: clamp(28px, 4vw, 44px); }
.nuam-board--wide { overflow: hidden; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); }
.nuam-board--wide .nuam-rfq { grid-template-columns: minmax(0, 2fr) minmax(0, 1.5fr) minmax(0, 1.3fr) auto; align-items: center; gap: 4px 20px; padding: 12px 18px; }
.nuam-board--wide .nuam-rfq > * { grid-row: 1; }
.nuam-board--wide .nuam-rfq h3 { grid-column: 1; }
.nuam-board--wide .nuam-rfq__lane { grid-column: 2; }
.nuam-board--wide .nuam-rfq__meta { grid-column: 3; }
.nuam-board--wide .nuam-rfq__side { grid-column: 4; }
.nuam-board--wide .nuam-rfq:last-child { border-block-end: 0; }
@media (max-width: 1000px) {
.nuam-catpanel__list { min-height: 0; max-height: 340px; }
}
@media (max-width: 760px) {
.nuam-board--wide .nuam-rfq { grid-template-columns: minmax(0, 1fr) auto; }
.nuam-board--wide .nuam-rfq > * { grid-row: auto; }
.nuam-board--wide .nuam-rfq h3, .nuam-board--wide .nuam-rfq__lane, .nuam-board--wide .nuam-rfq__meta { grid-column: 1; }
.nuam-board--wide .nuam-rfq__side { grid-column: 2; grid-row: 1 / span 3; }
}
@media (max-width: 460px) {
.nuam-catpanel .nuam-category-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1000px) {
.nuam-catpanel__list { flex: none; height: 340px; min-height: 0; }
.nuam-hero__copy { display: contents; }
.nuam-hero__copy > h1 { order: 1; }
.nuam-hero__copy > .nuam-lead { order: 2; }
.nuam-hero__copy > .nuam-finder { order: 3; margin-block-start: 0; }
.nuam-hero-aside { order: 4; }
.nuam-hero__copy > .nuam-quick-links { order: 5; margin-block-start: 0; }
.nuam-hero__copy > .nuam-hero-card { order: 6; margin-block-start: 0; }
.nuam-hero__copy > .nuam-store-search, .nuam-hero__copy > .nuam-hero-stats { order: 7; }
}
@media (max-width: 760px) {
.nuam-lane .nuam-fld:not(.nuam-fld--query), .nuam-lane .nuam-swap, .nuam-opts .nuam-fld:not(:first-child) { display: none; }
.nuam-opts, .nuam-hero__grid[data-mode="service"] .nuam-opts { grid-template-columns: 1fr; }
}
.nuam-categories-band { padding-block: clamp(28px, 4vw, 44px); }
.nuam-categories-band .nuam-module--categories { padding: 14px; }
.nuam-categories-band .nuam-category-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); }
.nuam-hero-aside .nuam-board { width: 100%; align-self: start; }
.nuam-hero-aside .nuam-rfq h3 { font-size: 14px; }
.nuam-category-grid.is-collapsed { overflow: hidden; }
.nuam-more-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px auto 0; min-height: 44px; padding: 8px 22px; border: 1px solid var(--nuam-border); border-radius: 999px; color: var(--nuam-primary); background: var(--nuam-surface); font-weight: 600; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.nuam-more-toggle[hidden] { display: none; }
.nuam-more-toggle:hover { border-color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-more-toggle .nuam-ic { transition: transform .2s ease; }
.nuam-more-toggle[aria-expanded="true"] .nuam-ic { transform: rotate(180deg); }
.nuam-hero__copy .nuam-hero-stats { margin-block-start: 22px; padding-block-start: 18px; border-block-start: 1px solid var(--nuam-navy-2); }
@media (max-width: 1000px) { .nuam-hero__copy > .nuam-hero-stats { order: 8; } }
.nuam-hero__copy .nuam-hero-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 0; width: 100%; margin-block-start: 20px; padding: 0; overflow: hidden; border: 1px solid #2a4a63; border-radius: var(--nuam-radius); background: transparent; }
.nuam-hero__copy .nuam-hero-stats > div { display: grid; justify-items: center; gap: 2px; padding: 16px 10px; border-inline-start: 1px solid #2a4a63; text-align: center; }
.nuam-hero__copy .nuam-hero-stats > div:first-child { border-inline-start: 0; }
.nuam-hero__copy .nuam-hero-stats dd { margin: 0; color: #fff; font-size: clamp(24px, 2.6vw, 32px); font-weight: 700; line-height: 1.2; }
.nuam-hero__copy .nuam-hero-stats dt { color: var(--nuam-navy-mute); font-size: 13.5px; }
@media (max-width: 640px) {
.nuam-hero__copy .nuam-hero-stats > div { border-block-end: 1px solid #2a4a63; }
}
.nuam-hero__copy .nuam-hero-stats { border: 0; border-radius: 0; }
.nuam-hero__copy .nuam-hero-stats > div { border: 0; }
.nuam-hero__grid { grid-template-columns: minmax(0, 900px); justify-content: center; }
.nuam-split { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.nuam-split__main, .nuam-split__side { min-width: 0; }
.nuam-split .nuam-board { border: 1px solid var(--nuam-border); box-shadow: none; }
.nuam-split .nuam-section-heading { align-items: flex-end; }
.nuam-split .nuam-category-filter { min-width: min(100%, 260px); }
.nuam-split__side { padding-block-start: 0; }
@media (max-width: 1000px) {
.nuam-split { grid-template-columns: 1fr; }
}
.nuam-hero__grid[data-mode="service"] .nuam-opts .nuam-fld { display: none; }
.nuam-hero__grid[data-mode="service"] .nuam-opts { grid-template-columns: auto; justify-content: end; }
.nuam-hero__net { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.nuam-finder--plain { margin-block-start: 28px; overflow: visible; border-radius: 0; background: transparent; color: inherit; }
.nuam-finder--plain .nuam-finder__row { position: relative; display: flex; align-items: stretch; gap: 12px; }
.nuam-finder--plain .nuam-finder__row > input[type="search"] { flex: 1 1 auto; min-width: 0; height: 56px; min-height: 56px; padding-inline: 18px; border: 1px solid transparent; border-radius: var(--nuam-radius); color: var(--nuam-ink); background: #fff; font-size: 16px; }
.nuam-finder--plain .nuam-finder__row > input[type="search"]:focus-visible { border-color: #7fd0e2; box-shadow: 0 0 0 3px rgb(127 208 226 / 30%); }
.nuam-finder--plain .nuam-button { min-height: 56px; padding-inline: 30px; font-size: 16px; }
.nuam-finder--plain .nuam-search-results { inset-inline-start: 0; width: 100%; max-width: none; color: var(--nuam-ink); }
.nuam-finder--plain .nuam-chips { margin-block-start: 16px; }
.nuam-finder--plain .nuam-chips__label { color: var(--nuam-navy-mute); }
.nuam-finder--plain .nuam-chips__list button { border-color: #2a4a63; color: #d6e3ec; background: transparent; }
.nuam-finder--plain .nuam-chips__list button:hover { border-color: #7fd0e2; color: #fff; }
@media (max-width: 640px) {
.nuam-finder--plain .nuam-finder__row { flex-wrap: wrap; }
.nuam-finder--plain .nuam-finder__row > input[type="search"] { flex-basis: 100%; }
.nuam-finder--plain .nuam-button { flex: 1 1 100%; }
}
.nuam-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.nuam-table-scroll { overflow-x: auto; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); }
.nuam-table-scroll table { min-width: 560px; }
.nuam-table-scroll th { color: var(--nuam-muted); font-size: 12px; font-weight: 700; white-space: nowrap; background: var(--nuam-surface-soft); }
.nuam-plain-list { display: grid; gap: 6px; margin: 0 0 14px; padding: 0; list-style: none; }
.nuam-plain-list li { overflow-wrap: anywhere; }
.nuam-cart-item__meta { margin: 4px 0 0; color: var(--nuam-muted); font-size: 13px; }
.nuam-totals { display: grid; gap: 0; margin: 0; max-width: 460px; margin-inline-start: auto; }
.nuam-totals__row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--nuam-border); }
.nuam-totals__row dt { display: grid; gap: 4px; color: var(--nuam-muted); }
.nuam-totals__row dd { margin: 0; font-weight: 650; text-align: end; }
.nuam-totals__row dt small { font-size: 12px; }
.nuam-totals__row--total { border-bottom: 0; color: var(--nuam-ink); font-size: 18px; }
.nuam-totals__row--total dt { color: var(--nuam-ink); font-weight: 700; }
.nuam-coupon-box h2, .nuam-estimate-shipping h2 { margin: 0 0 6px; font-size: 16px; }
.nuam-coupon-box .nuam-form-inline input { min-width: 0; }
.nuam-estimate-shipping .nuam-form-grid { margin-bottom: 12px; }
.nuam-checkout-attributes { display: grid; gap: 14px; }
.nuam-color-squares { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.nuam-color-squares label { display: inline-grid; place-items: center; gap: 4px; cursor: pointer; }
.nuam-color-squares__swatch { display: block; width: 28px; height: 28px; border: 2px solid var(--nuam-border); border-radius: 50%; }
.nuam-color-squares label:has(input:checked) .nuam-color-squares__swatch { border-color: var(--nuam-primary); box-shadow: 0 0 0 2px var(--nuam-primary-wash); }
.nuam-wishlist-toolbox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.nuam-wishlist-item { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid var(--nuam-border); }
.nuam-wishlist-item__media img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; background: var(--nuam-surface-soft); }
.nuam-wishlist-item__main h3 { margin: 0 0 6px; font-size: 16px; }
.nuam-wishlist-item__price { margin: 0 0 6px; }
.nuam-wishlist-item__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.nuam-mini-cart { display: grid; gap: 10px; min-width: 260px; padding: 14px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); }
.nuam-mini-cart__count { margin: 0; color: var(--nuam-muted); }
.nuam-mini-cart__items { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.nuam-mini-cart__item { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; }
.nuam-mini-cart__item img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; }
.nuam-newsletter { display: grid; gap: 10px; }
.nuam-newsletter h3 { margin: 0; font-size: 15px; }
.nuam-avatar { border-radius: 50%; object-fit: cover; }
.nuam-popup { max-width: 520px; margin: 24px auto; padding-inline: 16px; }
.nuam-order-details .nuam-page-heading, .nuam-order-review { margin-bottom: 8px; }
.nuam-order-details .nuam-page-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.external-auth-association, .external-auth-errors { margin-block: 12px; }
@media (max-width: 640px) {
.nuam-wishlist-item { grid-template-columns: auto minmax(0, 1fr); }
.nuam-wishlist-item__actions { grid-column: 1 / -1; }
.nuam-totals { max-width: none; }
}
@media print {
.nuam-header, .nuam-footer, .nuam-account-nav, .nuam-cart-actions { display: none !important; }
}
.nuam-loader { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; background: rgb(255 255 255 / 70%); }
.nuam-loader[hidden] { display: none; }
.nuam-loader__box { display: inline-flex; align-items: center; gap: 12px; padding: 14px 20px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-loader__spinner { width: 18px; height: 18px; border: 3px solid var(--nuam-primary-wash); border-top-color: var(--nuam-primary); border-radius: 50%; animation: nuam-spin .8s linear infinite; }
@keyframes nuam-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nuam-loader__spinner { animation: none; } }
.nuam-plan-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0; font-size: 18px; }
.nuam-plan-price .discount-last-price { color: var(--nuam-muted); font-size: 14px; }
.nuam-choice-card .disabled, .nuam-choice-card .disabled-img { opacity: .5; }
.nuam-otp { display: flex; gap: 8px; justify-content: center; }
.nuam-otp .code-input { width: 44px; height: 52px; padding: 0; font-size: 22px; text-align: center; }
.preview-mobile { margin: 0 0 12px; font-size: 18px; font-weight: 700; letter-spacing: .08em; text-align: center; }
.nuam-modal { position: fixed; inset: 0; z-index: 95; display: none; place-items: center; padding: 16px; background: rgb(20 39 45 / 55%); }
.nuam-modal.modal-show { display: grid; }
.nuam-modal__box { width: min(100%, 520px); padding: 22px; border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-modal__box h2 { margin-top: 0; }
.nuam-dialog { width: min(92vw, 480px); padding: 22px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); color: var(--nuam-ink); }
.nuam-dialog::backdrop { background: rgb(20 39 45 / 55%); }
.nuam-dialog progress { width: 100%; }
.dropzone { border: 2px dashed var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface-soft); }
.nuam-product-detail--noimage { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); }
@media (max-width: 900px) { .nuam-product-detail--noimage { grid-template-columns: 1fr; } }
.nuam-product-detail--noimage .nuam-product-gallery { position: static; }
.nuam-product-gallery__empty { display: grid; justify-items: start; gap: 6px; padding: 16px 20px; border: 1px dashed var(--nuam-border); border-radius: 14px; background: var(--nuam-surface-soft); }
.nuam-product-gallery__empty p { margin: 0; color: var(--nuam-muted); font-size: 14px; }
.nuam-trade-terms .is-unset dd { color: var(--nuam-muted); font-weight: 400; }
.nuam-product-gallery__main.is-zoomable { cursor: zoom-in; }
.nuam-zoom { max-width: 92vw; max-height: 92vh; padding: 12px; border: 0; border-radius: 14px; background: var(--nuam-surface); }
.nuam-zoom::backdrop { background: rgba(13, 27, 42, .78); }
.nuam-zoom img { display: block; max-width: 100%; max-height: 82vh; margin: 0 auto; }
.nuam-zoom__close { position: absolute; inset-block-start: 6px; inset-inline-start: 10px; width: 44px; height: 44px; border: 0; background: none; color: var(--nuam-ink); font-size: 28px; cursor: pointer; }
.nuam-trust-chip { display: inline-block; margin: 0 0 14px; padding: 4px 12px; border-radius: 999px; background: var(--nuam-surface-soft); color: var(--nuam-ink); font-size: 13px; font-weight: 650; }
.nuam-product-related { margin-top: 24px; }
.nuam-product-related .related-products-grid .title { margin-bottom: 12px; font-size: 18px; }
.nuam-product-related .item-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.nuam-product-cta__link { grid-column: 1 / -1; font-size: 14px; }
.nuam-inquiry-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.nuam-inquiry-main, .nuam-inquiry-side { min-width: 0; }
.nuam-inquiry-gallery { display: flex; flex-wrap: wrap; gap: 10px; }
.nuam-inquiry-gallery img { width: 120px; height: 120px; object-fit: cover; border: 1px solid var(--nuam-border); border-radius: 10px; }
.nuam-review-item { padding: 12px 0; border-top: 1px solid var(--nuam-border); }
.nuam-review-item h3 { margin: 0 0 4px; font-size: 16px; }
.nuam-share summary { cursor: pointer; color: var(--nuam-primary); }
.nuam-share__links { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.btnFavorite.liked { border-color: var(--nuam-primary); color: var(--nuam-primary); background: var(--nuam-primary-wash); }
@media (max-width: 900px) { .nuam-inquiry-layout { grid-template-columns: 1fr; } }
.nuam-more-products { margin-top: 24px; }
.nuam-more-products h2 { margin: 0 0 12px; font-size: 20px; }
.nuam-more-products .item-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.nuam-banners { display: grid; gap: 12px; margin-block: 12px; }
.nuam-banners--wide { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.nuam-banner__box { position: relative; display: block; overflow: hidden; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius-sm); background: var(--nuam-surface); }
.nuam-banner__box img { display: block; width: 100%; height: auto; }
.nuam-banner__content { position: absolute; inset-inline: 0; bottom: 0; display: grid; gap: 2px; padding: 10px 12px; color: #fff; background: linear-gradient(transparent, rgb(0 0 0 / 65%)); }
.nuam-more-products .picture img, .nuam-product-related .related-products-grid .picture img { display: block; width: 100%; height: 170px; object-fit: contain; }
.nuam-more-products .product-item { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--nuam-border); border-radius: 12px; background: var(--nuam-surface); }
.nuam-more-products .product-title, .nuam-more-products .product-title a { margin: 0; font-size: 15px; font-weight: 650; }
.nuam-more-products .add-info, .nuam-more-products .description { display: none; }
.nuam-cookie-bar { position: fixed; inset-inline: 12px; bottom: 12px; z-index: 80; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; max-width: 880px; margin-inline: auto; padding: 14px 18px; border: 1px solid var(--nuam-border); border-radius: var(--nuam-radius); background: var(--nuam-surface); box-shadow: var(--nuam-shadow); }
.nuam-cookie-bar[hidden] { display: none; }
.nuam-cookie-bar p { flex: 1 1 280px; margin: 0; }
.nuam-error-page .nuam-account-page__heading h1 { font-size: clamp(28px, 5vw, 44px); }
.nuam-map { width: 100%; height: 420px; border-radius: var(--nuam-radius-sm); background: var(--nuam-surface-soft); }
.nuam-certificate-image { max-width: 100%; height: auto; border-radius: var(--nuam-radius-sm); }
.nuam-plan-table th, .nuam-plan-table td { text-align: center; }
.nuam-plan-table th[scope=row] { text-align: start; font-weight: 600; }
.nuam-plan-table .is-featured, .nuam-plan-card.is-featured { border-color: var(--nuam-primary); background: var(--nuam-primary-wash); }
.nuam-plan-card { display: grid; gap: 10px; align-content: start; }
.nuam-plan-card h2 { margin: 0; }
.nuam-plan-card .cart-plan-img { max-width: 72px; height: auto; }