:root {
    --concept-plum: #24133f;
    --concept-plum-deep: #180d2d;
    --concept-violet: #6940b5;
    --concept-violet-dark: #4b247f;
    --concept-lilac: #f3eef9;
    --concept-lilac-strong: #e8dcf4;
    --concept-paper: #fffdfb;
    --concept-ink: #25173f;
    --concept-muted: #645a76;
    --concept-line: #ddd3e8;
    --concept-turquoise: #13a69b;
    --concept-green: #159759;
    --concept-shadow: 0 16px 38px rgba(44, 24, 71, .12);
    --concept-shell: min(1320px, calc(100% - 48px));
}

html { scroll-behavior: smooth; }
.concept-landing { margin: 0; overflow-x: hidden; color: var(--concept-ink); background: var(--concept-paper); font-family: "Manrope", "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; }
.concept-landing h1, .concept-landing h2, .concept-landing h3 { font-family: "Manrope", "Segoe UI", sans-serif !important; }
.concept-landing * { box-sizing: border-box; }
.concept-landing ::selection { color: #fff; background: var(--concept-violet); }
.concept-landing a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.concept-landing button, .concept-landing input, .concept-landing select { font: inherit; }
.concept-landing svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.concept-landing img { display: block; max-width: 100%; }
.concept-landing :focus-visible { outline: 3px solid var(--concept-turquoise); outline-offset: 3px; }
.concept-shell { width: var(--concept-shell); margin-inline: auto; }

.concept-utility { color: #f9f4ff; background: var(--concept-plum); font-size: 12px; }
.concept-utility .concept-shell { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.concept-utility div > div, .concept-utility nav { display: flex; align-items: center; gap: 19px; }
.concept-utility div > div span { padding-left: 19px; border-left: 1px solid rgba(255,255,255,.25); }
.concept-utility a { text-decoration: none; }
.concept-utility a:hover { text-decoration: underline; }

.concept-header { position: relative; z-index: 30; color: var(--concept-ink); background: #fff; border-bottom: 1px solid var(--concept-line); }
.concept-header-main { min-height: 78px; display: grid; grid-template-columns: 280px minmax(320px, 1fr) auto; align-items: center; gap: 30px; }
.concept-brand { display: flex; flex-direction: column; text-decoration: none; }
.concept-brand .theme-logo { width: 372px; max-width: none; overflow: visible; }
.concept-landing .ft-logo { width: 372px; height: auto; fill: initial; stroke: none; stroke-width: 0; }
.concept-brand img { width: 372px; max-width: none; transform: none; }
.concept-search { position: relative; min-width: 0; max-width: 100%; height: 46px; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 10px; padding-left: 14px; border: 1px solid #cfc2df; border-radius: 5px; background: #fff; }
.concept-search:focus-within { border-color: var(--concept-violet); box-shadow: 0 0 0 3px rgba(105,64,181,.12); }
.concept-search > svg { color: var(--concept-violet); }
.concept-search input { min-width: 0; height: 100%; color: var(--concept-ink); background: transparent; border: 0; outline: 0; }
.concept-search input:focus-visible { outline: 0; }
.concept-search input::placeholder { color: #786d87; opacity: 1; }
.concept-search > button { height: 100%; padding: 0 23px; color: #fff; background: var(--concept-violet); border: 0; border-radius: 0 4px 4px 0; font-weight: 700; cursor: pointer; }
.concept-search > button:hover { background: var(--concept-violet-dark); }
.concept-search .search-autocomplete { display: contents; }
.concept-search .search-autocomplete-list { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; left: 0; overflow: hidden; color: var(--concept-ink); background: #fff; border: 1px solid var(--concept-line); border-radius: 6px; box-shadow: var(--concept-shadow); }
.concept-search .search-suggestion { display: grid; gap: 2px; padding: 12px 14px; text-decoration: none; border-bottom: 1px solid #eee7f3; }
.concept-search .search-suggestion:hover, .concept-search .search-suggestion[aria-selected="true"] { background: var(--concept-lilac); }
.concept-search .search-suggestion-name { font-weight: 700; }
.concept-search .search-suggestion-meta { color: var(--concept-muted); font-size: 13px; }

.concept-actions { display: flex; align-items: center; gap: 16px; }
.concept-actions .theme-toggle { min-width: 43px; min-height: 43px; padding: 0 10px; color: var(--concept-ink); background: #fff; border: 1px solid var(--concept-line); border-radius: 5px; }
.concept-account { display: flex; align-items: center; gap: 8px; text-decoration: none; font-size: 13px; font-weight: 700; }
.concept-account small { display: block; color: var(--concept-muted); font-size: 10px; font-weight: 500; }
.concept-request { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 0 13px; color: var(--concept-violet-dark); text-decoration: none; border: 1px solid var(--concept-violet); border-radius: 5px; font-size: 13px; font-weight: 700; }
.concept-request-mobile-label { display: none; }
.concept-request b { min-width: 22px; height: 22px; display: grid; place-items: center; color: #fff; background: var(--concept-violet); border-radius: 50%; font-size: 11px; }
.concept-menu { display: none; color: var(--concept-ink); background: #fff; border: 0; }

.concept-nav { background: #fff; border-top: 1px solid #eee8f3; }
.concept-nav .concept-shell { min-height: 48px; display: flex; align-items: stretch; }
.concept-nav a { display: flex; align-items: center; padding: 0 13px; text-decoration: none; font-size: 12px; font-weight: 700; white-space: nowrap; }
.concept-nav a:hover { color: var(--concept-violet); background: var(--concept-lilac); }
.concept-nav > div > span { flex: 1; }
.concept-nav .concept-all { padding-left: 0; }
.concept-nav .concept-all svg { width: 19px; margin-right: 7px; }

.concept-hero { position: relative; overflow: hidden; background: #fbf9fd; border-bottom: 1px solid var(--concept-line); }
.concept-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, rgba(111,65,180,.05), transparent 45%, rgba(19,166,155,.035)); }
.concept-hero-grid { position: relative; min-height: 500px; display: grid; grid-template-columns: minmax(300px,.8fr) minmax(410px,1.32fr) minmax(250px,.64fr); grid-template-rows: 1fr auto; }
.concept-hero-copy { align-self: center; padding: 42px 34px 30px 0; }
.concept-hero-copy h1 { max-width: 19ch; margin: 0 0 18px; font-family: "Manrope", "Segoe UI", sans-serif !important; font-size: clamp(36px, 3vw, 48px); font-weight: 800; line-height: 1.06; letter-spacing: -.045em; text-wrap: balance; }
.concept-hero-copy > p { max-width: 54ch; margin: 0 0 24px; color: var(--concept-muted); font-size: 17px; }
.concept-hero-copy > div { display: flex; flex-wrap: wrap; gap: 12px; }
.concept-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 18px; border: 1px solid var(--concept-violet); border-radius: 5px; text-decoration: none; font-size: 14px; font-weight: 700; cursor: pointer; }
.concept-button.primary { color: #fff; background: var(--concept-violet-dark); }
.concept-button.primary:hover { background: #35175f; }
.concept-button.secondary { color: var(--concept-violet-dark); background: #fff; }
.concept-button.secondary:hover { background: var(--concept-lilac); }

.concept-hero-art { position: relative; min-width: 0; height: 300px; align-self: center; overflow: hidden; isolation: isolate; background: #e9e1f1; border-radius: 14px; box-shadow: 0 18px 44px rgba(36,19,63,.16); }
.concept-hero-art::before { content: ""; position: absolute; z-index: 3; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(251,249,253,.2), transparent 10%, transparent 90%, rgba(251,249,253,.14)), linear-gradient(180deg, rgba(251,249,253,.1), transparent 15%, transparent 86%, rgba(36,19,63,.08)); }
.concept-hero-slides, .concept-hero-slide { position: absolute; inset: 0; }
.concept-hero-slide { overflow: hidden; opacity: 0; pointer-events: none; background: #ece6f2; transition: opacity .55s ease; }
.concept-hero-slide.is-active { z-index: 2; opacity: 1; pointer-events: auto; }
.concept-hero-slide::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(24,13,45,.01) 68%, rgba(24,13,45,.16) 100%); }
.concept-hero-product { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; filter: saturate(.9) contrast(1.02); transform: scale(1.025); transition: transform 5.8s cubic-bezier(.2,.65,.2,1); }
.concept-hero-product.is-contain { padding: 22px; object-fit: contain; background: linear-gradient(145deg,#f7f2fb,#e4ebef); }
.concept-hero-product.is-position-left-top { object-position: left top; }
.concept-hero-product.is-position-center-top { object-position: center top; }
.concept-hero-product.is-position-right-top { object-position: right top; }
.concept-hero-product.is-position-left-center { object-position: left center; }
.concept-hero-product.is-position-center-center { object-position: center center; }
.concept-hero-product.is-position-right-center { object-position: right center; }
.concept-hero-product.is-position-left-bottom { object-position: left bottom; }
.concept-hero-product.is-position-center-bottom { object-position: center bottom; }
.concept-hero-product.is-position-right-bottom { object-position: right bottom; }
.concept-hero-slide.is-active .concept-hero-product { transform: scale(1); }
.concept-hero-navigation { position: absolute; z-index: 6; inset: 50% 18px auto; pointer-events: none; transform: translateY(-50%); }
.concept-hero-arrow { position: absolute; top: 0; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; color: #321a52; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.62); border-radius: 50%; box-shadow: 0 9px 28px rgba(26,13,43,.18); cursor: pointer; pointer-events: auto; backdrop-filter: blur(12px); transition: color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.concept-hero-arrow:hover { color: #fff; background: var(--concept-violet-dark); box-shadow: 0 12px 30px rgba(36,19,63,.28); transform: scale(1.06); }
.concept-hero-arrow:active { transform: scale(.96); }
.concept-hero-arrow.is-previous { left: 0; }
.concept-hero-arrow.is-next { right: 0; }
.concept-hero-arrow svg { width: 17px; height: 17px; }
.concept-hero-arrow.is-previous svg { transform: rotate(180deg); }
.concept-hero-status { position: absolute; z-index: 6; right: 16px; bottom: 14px; display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 4px 12px 4px 5px; color: #fff; background: rgba(24,13,45,.76); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; box-shadow: 0 8px 24px rgba(24,13,45,.2); backdrop-filter: blur(12px); }
.concept-hero-status button { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; color: #fff; background: rgba(255,255,255,.12); border: 0; border-radius: 50%; cursor: pointer; }
.concept-hero-status button:hover { background: rgba(255,255,255,.24); }
.concept-playback-icon { position: relative; width: 11px; height: 12px; display: block; }
.concept-playback-icon::before, .concept-playback-icon::after { content: ""; position: absolute; top: 1px; bottom: 1px; width: 3px; background: currentColor; border-radius: 1px; }
.concept-playback-icon::before { left: 1px; }
.concept-playback-icon::after { right: 1px; }
.concept-hero-status [data-hero-pause].is-paused .concept-playback-icon::before { inset: 1px auto auto 2px; width: 0; height: 0; background: transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid currentColor; border-radius: 0; }
.concept-hero-status [data-hero-pause].is-paused .concept-playback-icon::after { display: none; }
.concept-hero-counter { min-width: 43px; display: inline-flex; align-items: baseline; justify-content: center; gap: 3px; font-size: 10px; font-variant-numeric: tabular-nums; }
.concept-hero-counter b { color: #fff; font-size: 13px; }
.concept-hero-counter > span { color: rgba(255,255,255,.68); }
.concept-hero-progress { position: absolute; z-index: 7; right: 14px; bottom: 10px; left: 14px; width: auto; height: 2px; overflow: hidden; appearance: none; border: 0; background: rgba(255,255,255,.38); border-radius: 999px; }
.concept-hero-progress::-webkit-progress-bar { background: rgba(255,255,255,.38); }
.concept-hero-progress::-webkit-progress-value { background: linear-gradient(90deg,var(--concept-violet),var(--concept-teal)); }
.concept-hero-progress::-moz-progress-bar { background: linear-gradient(90deg,var(--concept-violet),var(--concept-teal)); }

.concept-finder { align-self: stretch; margin: 16px 0 16px 12px; padding: 18px; background: #f4eef9; border: 1px solid #e6daef; border-radius: 7px; box-shadow: 0 14px 32px rgba(59,34,82,.08); }
.concept-finder-title { display: flex; gap: 10px; margin-bottom: 12px; }
.concept-finder-title > svg { flex: 0 0 auto; color: var(--concept-violet); }
.concept-finder-title h2 { margin: 0 0 2px; font-size: 18px; line-height: 1.2; }
.concept-finder-title p { margin: 0; color: var(--concept-muted); font-size: 13px; }
.concept-finder-fields { display: grid; grid-template-columns: 1fr; gap: 7px; }
.concept-finder-advanced { margin-top: 2px; border-top: 1px solid #ded1e8; }
.concept-finder-advanced summary { padding: 10px 0 2px; color: var(--concept-violet-dark); font-size: 13px; font-weight: 700; cursor: pointer; }
.concept-finder-advanced summary span { display: block; margin-top: 2px; color: var(--concept-muted); font-size: 12px; font-weight: 400; }
.concept-finder-extra { display: grid; gap: 7px; padding-top: 9px; }
.concept-finder label { margin: 0; color: var(--concept-ink); font-size: 13px; font-weight: 700; }
.concept-finder select { width: 100%; min-width: 0; height: 44px; margin-top: 4px; padding: 0 28px 0 10px; color: var(--concept-muted); background: #fff; border: 1px solid #d8cce3; border-radius: 4px; font-size: 14px; }
.concept-finder > .concept-button { width: 100%; min-height: 42px; margin-top: 12px; }
.concept-finder > p { display: grid; grid-template-columns: 26px minmax(0,1fr); align-items: center; gap: 8px; margin: 11px 0 0; padding-top: 10px; border-top: 1px solid #ded1e8; font-size: 12px; }
.concept-finder > p > b { width: 25px; height: 25px; display: grid; place-items: center; color: var(--concept-violet); background: #fff; border-radius: 50%; }
.concept-finder > p span small { display: block; color: var(--concept-muted); }
.concept-finder > p a { grid-column: 2; color: var(--concept-violet-dark); font-weight: 700; }

.concept-benefits { grid-column: 1 / 3; min-height: 72px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; align-items: center; margin: 0; padding: 11px 28px 11px 0; list-style: none; background: transparent; }
.concept-benefits li { display: flex; align-items: center; gap: 10px; }
.concept-benefits svg { flex: 0 0 auto; color: var(--concept-violet-dark); }
.concept-benefits b, .concept-benefits small { display: block; }
.concept-benefits b { font-size: 13px; }
.concept-benefits small { color: var(--concept-muted); font-size: 12px; }

.concept-categories, .concept-products { padding-block: 32px 10px; }
.concept-section-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 16px; }
.concept-section-head h2 { margin: 0; font-size: 24px; line-height: 1.2; letter-spacing: -.02em; }
.concept-section-head p { margin: 4px 0 0; color: var(--concept-muted); font-size: 13px; }
.concept-section-head > a { display: flex; align-items: center; gap: 8px; color: var(--concept-violet-dark); font-size: 12px; font-weight: 700; }
.concept-section-head > a svg { width: 16px; }
.concept-category-grid { display: grid; grid-template-columns: repeat(10,1fr); border: 1px solid var(--concept-line); border-radius: 5px; overflow: hidden; }
.concept-category-grid a { min-height: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 10px 6px; text-align: center; text-decoration: none; border-right: 1px solid var(--concept-line); font-size: 12px; font-weight: 700; }
.concept-category-grid a:last-child { border-right: 0; }
.concept-category-grid a:hover { color: var(--concept-violet-dark); background: var(--concept-lilac); }
.concept-category-grid svg { width: 27px; height: 27px; color: var(--concept-violet-dark); }

.concept-products { padding-top: 28px; padding-bottom: 36px; }
.concept-product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.concept-product-card { min-width: 0; display: grid; grid-template-columns: 43% 57%; background: #fff; border: 1px solid var(--concept-line); border-radius: 5px; overflow: hidden; }
.concept-product-visual { position: relative; min-height: 190px; display: grid; place-items: center; padding: 15px; background: #fff; }
.concept-product-visual img { width: 100%; height: 145px; object-fit: contain; }
.concept-product-visual > span { position: absolute; top: 9px; left: 9px; padding: 4px 7px; color: var(--concept-violet-dark); background: var(--concept-lilac); border-radius: 3px; font-size: 11px; font-weight: 800; }
.concept-product-info { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 14px 13px 12px 2px; }
.concept-product-info > b { color: var(--concept-violet-dark); font-size: 12px; }
.concept-product-info > a:not(.concept-add) { max-width: 100%; margin-top: 4px; overflow: hidden; color: var(--concept-ink); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 700; }
.concept-product-info p { display: -webkit-box; min-height: 42px; margin: 3px 0 8px; overflow: hidden; color: var(--concept-muted); font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.concept-member { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; padding: 4px 6px; color: var(--concept-violet-dark); background: var(--concept-lilac); font-size: 12px; font-weight: 700; }
.concept-member svg { width: 12px; height: 12px; }
.concept-price { margin-top: auto; font-size: 20px; font-variant-numeric: tabular-nums; }
.concept-stock { margin: 6px 0 9px; color: var(--concept-muted); font-size: 12px; font-weight: 700; }
.concept-stock::before { content: ""; width: 7px; height: 7px; display: inline-block; margin-right: 5px; background: currentColor; border-radius: 50%; }
.concept-stock.is-available { color: var(--concept-green); }
.concept-stock.is-unavailable { color: #8e4752; }
.concept-add { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--concept-violet-dark); text-decoration: none; border: 1px solid #aa91c7; border-radius: 3px; font-size: 12px; font-weight: 700; }
.concept-add:hover { color: #fff; background: var(--concept-violet-dark); }
.concept-add svg { width: 14px; height: 14px; }

.concept-process { color: #fff; background: var(--concept-plum); }
.concept-process .concept-shell { padding-block: 30px; }
.concept-process .concept-section-head { margin-bottom: 22px; }
.concept-process .concept-section-head h2 { font-size: 23px; }
.concept-process .concept-section-head p { color: #cfc3dc; }
.concept-process ol { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.concept-process li { position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 13px; padding-right: 28px; }
.concept-process li:not(:last-child)::after { content: ""; position: absolute; top: 19px; right: 12px; width: 16px; height: 1px; background: #8d72ae; }
.concept-process li > span { width: 38px; height: 38px; display: grid; place-items: center; color: var(--concept-plum); background: #f3edfa; border-radius: 50%; font-weight: 800; }
.concept-process h3 { margin: 0 0 4px; font-size: 14px; }
.concept-process p { margin: 0; color: #cfc3dc; font-size: 13px; }
.concept-process small { display: block; margin-top: 7px; color: #79ded5; font-size: 12px; font-weight: 700; }

.concept-brands { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 28px; padding-block: 24px; }
.concept-brands h2 { margin: 0; font-size: 14px; }
.concept-brands > div { display: grid; grid-template-columns: repeat(6,1fr); align-items: center; gap: 24px; }
.concept-brandmark { min-width: 0; height: 44px; display: flex; align-items: center; justify-content: center; padding: 4px 10px; overflow: hidden; background: #fff; border-radius: 4px; }
.concept-brandmark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.concept-brandmark-mitsubishi img { max-width: 122px; }
.concept-brandmark-siemens img { max-width: 124px; }
.concept-brandmark-wecon img { max-width: 125px; }
.concept-brandmark-euchner img { max-width: 122px; }
.concept-brandmark-sick img { width: 108px; height: 108px; max-width: none; flex: 0 0 auto; }
.concept-brandmark-wittenstein { height: 54px; padding-block: 0; }
.concept-brandmark-wittenstein img { max-width: 96px; }

.concept-footer { padding-top: 32px; color: #f7f1fb; background: var(--concept-plum-deep); }
.concept-footer-grid { display: grid; grid-template-columns: 1.8fr .7fr .7fr 1fr; gap: 50px; padding-bottom: 26px; }
.concept-footer .theme-logo { display: inline-grid; overflow: visible; }
.concept-footer .theme-logo .company-logo { width: 321px; height: auto; transform: none; fill: initial; stroke: none; stroke-width: 0; }
.concept-footer p { max-width: 42ch; margin: 5px 0 0; color: #bfb2cf; font-size: 11px; }
.concept-footer h2 { margin: 0 0 8px; font-size: 12px; }
.concept-footer a { display: block; margin: 5px 0; color: #d8cce4; font-size: 10px; }
.concept-footer-message { align-self: center; }
.concept-footer-message b { font-size: 14px; }
.concept-footer-message i { width: 34px; height: 3px; display: block; margin-top: 14px; background: var(--concept-turquoise); }
.concept-footer-bottom { min-height: 39px; display: flex; align-items: center; justify-content: space-between; color: #a99bb9; border-top: 1px solid rgba(255,255,255,.11); font-size: 9px; }
.concept-footer-bottom span:last-child { display: flex; gap: 18px; }
.concept-mobile-request { display: none; }

html[data-theme="dark"] .concept-landing { --concept-paper: #0e0b13; --concept-ink: #f7f2fb; --concept-muted: #c4b8ce; --concept-line: #3a2d46; background: #0e0b13; }
html[data-theme="dark"] .concept-header, html[data-theme="dark"] .concept-nav, html[data-theme="dark"] .concept-search, html[data-theme="dark"] .concept-actions .theme-toggle { color: var(--concept-ink); background: #0b0810; }
html[data-theme="dark"] .concept-hero { background: #15101b; }
html[data-theme="dark"] .concept-finder { background: #21162d; border-color: #453255; }
html[data-theme="dark"] .concept-finder select { color: #e2d7eb; background: #120d18; border-color: #4b385b; }
html[data-theme="dark"] .concept-categories, html[data-theme="dark"] .concept-products, html[data-theme="dark"] .concept-brands { color: var(--concept-ink); }
html[data-theme="dark"] .concept-category-grid a, html[data-theme="dark"] .concept-product-card { color: var(--concept-ink); background: #17111e; }
html[data-theme="dark"] .concept-product-visual { background: #fff; }
html[data-theme="dark"] .concept-product-info > a:not(.concept-add) { color: #fff; }
html[data-theme="dark"] .concept-brandmark { background: #fff; }

@media (min-width: 961px) {
    .concept-hero-copy { min-height: 0; align-self: start; display: flex; flex-direction: column; justify-content: center; margin: 16px 12px 16px 0; padding: 22px 22px 22px 0; }
    .concept-hero-art { height: clamp(300px, 29vw, 430px); align-self: start; margin: 16px 0; }
}

@media (max-width: 1120px) {
    :root { --concept-shell: min(100% - 36px, 980px); }
    .concept-header-main { grid-template-columns: 240px 1fr auto; gap: 18px; }
    .concept-brand .theme-logo, .concept-brand .company-logo { width: 330px; }
    .concept-account { display: none; }
    .concept-nav { display: none; }
    .concept-nav.is-open { display: block; }
    .concept-nav .concept-shell { display: grid; grid-template-columns: repeat(3,1fr); padding-block: 10px; }
    .concept-nav .concept-shell > span { display: none; }
    .concept-nav a { min-height: 42px; }
    .concept-menu { width: 42px; height: 42px; display: grid; place-items: center; }
    .concept-hero-grid { grid-template-columns: minmax(285px,.76fr) minmax(400px,1.2fr) minmax(245px,.62fr); }
    .concept-hero-copy { padding-right: 24px; }
    .concept-category-grid { grid-template-columns: repeat(5,1fr); }
    .concept-category-grid a:nth-child(5n) { border-right: 0; }
    .concept-category-grid a:nth-child(-n+5) { border-bottom: 1px solid var(--concept-line); }
    .concept-product-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 960px) {
    .concept-hero-grid { grid-template-columns: 1fr 1.12fr; }
    .concept-finder { grid-column: 1 / -1; width: min(100%,340px); justify-self: end; margin: 16px 0; }
    .concept-benefits { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    :root { --concept-shell: calc(100% - 28px); }
    .concept-landing { padding-bottom: 62px; }
    .concept-utility nav, .concept-utility div > div span { display: none; }
    .concept-utility .concept-shell { min-height: 30px; justify-content: center; }
    .concept-header-main { position: relative; min-height: 76px; grid-template-columns: 1fr; grid-template-rows: 60px auto; gap: 10px; }
    .concept-header-main > * { min-width: 0; }
    .concept-brand, .concept-brand .theme-logo, .concept-brand .company-logo { width: 180px; max-width: 100%; }
    .concept-brand img { width: 180px; max-width: 100%; transform: none; }
    .concept-actions { position: absolute; top: 16px; right: 0; gap: 4px; }
    .concept-actions .theme-toggle, .concept-request-text { display: none; }
    .concept-account--guest { min-height: 40px; display: inline-flex; gap: 5px; padding: 0 8px; color: var(--concept-violet-dark); border: 1px solid var(--concept-line); border-radius: 5px; font-size: 11px; }
    .concept-account--guest svg { width: 17px; height: 17px; }
    .concept-account--guest small { display: none; }
    .concept-request { min-width: 0; gap: 4px; padding: 0 6px; }
    .concept-request > svg { display: none; }
    .concept-request b { min-width: 19px; width: 19px; height: 19px; font-size: 10px; }
    .concept-request-mobile-label { display: inline; min-width: 10px; font-size: 12px; font-weight: 800; line-height: 1; text-align: center; }
    .concept-search { width: 100%; grid-column: 1 / -1; grid-row: 2; margin-bottom: 13px; }
    .concept-search input { width: 100%; min-width: 0; }
    .concept-search > button { padding-inline: 16px; }
    .concept-nav .concept-shell { grid-template-columns: 1fr 1fr; }
    .concept-hero-grid { width: 100%; grid-template-columns: 1fr; grid-template-rows: auto; }
    .concept-hero-copy { position: relative; z-index: 4; min-height: 350px; padding: 32px 24px 30px; display: flex; flex-direction: column; justify-content: center; color: var(--concept-ink); }
    .concept-hero-copy h1 { max-width: 18ch; margin-bottom: 12px; font-size: clamp(29px,8vw,35px); }
    .concept-hero-copy > p { max-width: 36ch; font-size: 14px; }
    .concept-hero-copy > div { width: min(100%, 225px); display: grid; grid-template-columns: 1fr; }
    .concept-hero-copy .concept-button { width: 100%; min-height: 44px; padding-inline: 14px; font-size: 14px; }
    .concept-hero-art { position: absolute; inset: 0 0 auto 0; height: 350px; min-height: 350px; opacity: 1; border-radius: 0; box-shadow: none; }
    .concept-hero-art::before { display: none; }
    .concept-hero-art::after { content: ""; position: absolute; z-index: 4; inset: 0; pointer-events: none; background: linear-gradient(90deg, #fbf9fd 4%, rgba(251,249,253,.97) 53%, rgba(251,249,253,.34) 100%); }
    .concept-hero-product { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .42; }
    .concept-hero-product.is-contain { padding: 20px 8px 20px 42%; object-fit: contain; }
    .concept-hero-navigation { right: 10px; left: auto; top: auto; bottom: 55px; display: flex; gap: 7px; transform: none; }
    .concept-hero-arrow { position: static; width: 38px; height: 38px; }
    .concept-hero-status { right: 10px; bottom: 9px; min-height: 34px; transform: scale(.92); transform-origin: right bottom; }
    .concept-hero-progress { right: 0; bottom: 0; left: 0; height: 3px; border-radius: 0; }
    .concept-finder { grid-column: 1; width: auto; justify-self: stretch; display: block; margin: 14px; padding: 18px; }
    .concept-finder-title { margin-bottom: 15px; }
    .concept-finder-fields { gap: 9px; }
    .concept-finder > .concept-button { width: 100%; margin-top: 14px; }
    .concept-benefits { display: none; }
    .concept-categories { padding-top: 25px; }
    .concept-section-head { align-items: center; }
    .concept-section-head h2 { font-size: 21px; }
    .concept-section-head p { display: none; }
    .concept-section-head > a { font-size: 12px; }
    .concept-category-grid { display: flex; overflow-x: auto; border: 0; border-radius: 0; scrollbar-width: thin; }
    .concept-category-grid a { min-width: 90px; min-height: 78px; border: 1px solid var(--concept-line); border-right: 0; }
    .concept-category-grid a:last-child { border-right: 1px solid var(--concept-line); }
    .concept-product-grid { grid-template-columns: 1fr; }
    .concept-product-card { grid-template-columns: 41% 59%; }
    .concept-product-visual { min-height: 192px; }
    .concept-process ol { grid-template-columns: 1fr 1fr; gap: 24px 12px; }
    .concept-process li { padding-right: 10px; }
    .concept-process li::after { display: none; }
    .concept-brands { grid-template-columns: 1fr; gap: 15px; }
    .concept-brands > div { grid-template-columns: repeat(3,1fr); gap: 20px 12px; }
    .concept-brandmark { height: 42px; padding-inline: 8px; }
    .concept-brandmark-mitsubishi img, .concept-brandmark-siemens img, .concept-brandmark-wecon img, .concept-brandmark-euchner img { max-width: 96px; }
    .concept-brandmark-wittenstein { height: 48px; }
    .concept-brandmark-wittenstein img { max-width: 80px; }
    .concept-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
    .concept-footer-grid > div:first-child, .concept-footer-message { grid-column: 1 / -1; }
    .concept-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 12px; }
    .concept-mobile-request { position: fixed; z-index: 90; right: 0; bottom: 0; left: 0; min-height: 60px; display: grid; grid-template-columns: 28px 1fr auto 18px; align-items: center; gap: 7px; padding: 9px 15px; color: #fff; background: var(--concept-plum); text-decoration: none; box-shadow: 0 -8px 22px rgba(24,13,45,.2); }
    .concept-mobile-request span { font-size: 13px; font-weight: 700; }
    .concept-mobile-request small { max-width: 90px; font-size: 9px; line-height: 1.2; }
}

@media (max-width: 720px) {
    html[data-theme="dark"] .concept-hero-art::after { background: linear-gradient(90deg, #15101b 7%, rgba(21,16,27,.98) 58%, rgba(21,16,27,.28) 100%); }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Shared public screens use the same B2B visual language as the landing page. */
.site-shell { color: var(--concept-ink); background: var(--concept-paper); }
.site-shell main { width: min(1320px, calc(100% - 48px)); margin-inline: auto; padding-block: 34px 54px; }
.site-shell .page-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.site-shell .page-heading h1, .site-shell .form-page h1, .site-shell main > h1 { margin: 0 0 8px; font-family: "Manrope", "Segoe UI", sans-serif; font-size: clamp(28px, 3vw, 42px); font-weight: 800; letter-spacing: -.04em; line-height: 1.08; }
.site-shell .page-heading h1.catalog-heading { font-size: clamp(28px, 2.7vw, 38px); font-weight: 650; letter-spacing: -.02em; line-height: 1.12; }
.site-shell .page-heading.catalog-page-heading { align-items: center; margin-bottom: 14px; }
.site-shell .catalog-page-heading > div:first-child { display: flex; align-items: center; gap: 12px; min-width: 0; }
.site-shell .catalog-page-heading h1.catalog-heading { margin: 0; font-size: clamp(25px, 2.4vw, 32px); }
.site-shell .catalog-page-heading .entity-image { width: 44px; height: 44px; margin: 0; flex: 0 0 44px; }
.site-shell .catalog-heading-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
.site-shell .catalog-heading-actions .results-toolbar { margin: 0; }
.site-shell .page-heading p:not(.eyebrow), .site-shell .form-page > p { color: var(--concept-muted); }
.site-shell .eyebrow { margin: 0 0 8px; color: var(--concept-violet); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.site-shell .count { color: var(--concept-violet-dark); font-size: 13px; font-weight: 800; white-space: nowrap; }
.site-shell .category-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 26px; }
.site-shell .category-strip a { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px; color: var(--concept-ink); background: var(--concept-lilac); border: 1px solid var(--concept-line); border-radius: 5px; text-decoration: none; }
.site-shell .category-strip a:hover { color: #fff; background: var(--concept-violet-dark); border-color: var(--concept-violet-dark); }
.site-shell .category-strip span { color: var(--concept-violet); font-size: 11px; font-weight: 800; }
.site-shell .category-strip strong { font-size: 13px; }
.site-shell .catalog-shell { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; }
.site-shell .filters, .site-shell .panel { color: var(--concept-ink); background: #fff; border: 1px solid var(--concept-line); border-radius: 6px; box-shadow: 0 10px 28px rgba(44,24,71,.06); }
.site-shell .filters { padding: 18px; align-self: start; }
.site-shell .filters .filter-disclosure { margin: 0; }
.site-shell .technical-filter-group { margin: 12px 0; padding: 10px; border: 1px solid var(--concept-line); border-radius: 4px; }
.site-shell .technical-filter-group summary { display: flex; align-items: center; gap: 6px; color: var(--concept-violet-dark); font-size: 13px; font-weight: 800; cursor: pointer; }
.site-shell .technical-filter-group summary small { margin-left: auto; color: var(--concept-muted); font-size: 11px; font-weight: 700; }
.site-shell .technical-filter-fields { display: grid; gap: 10px; margin-top: 12px; }
.site-shell .active-filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; color: var(--concept-ink); font-size: 12px; }
.site-shell .active-filter-chip, .site-shell .active-filter-clear { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 10px; border: 1px solid var(--concept-line); border-radius: 999px; color: var(--concept-violet-dark); background: var(--concept-lilac); text-decoration: none; }
.site-shell .active-filter-chip span[aria-hidden="true"] { font-size: 17px; line-height: 1; }
.site-shell .active-filter-chip:focus-visible, .site-shell .active-filter-clear:focus-visible { outline: 3px solid var(--concept-teal); outline-offset: 2px; }
.site-shell .active-filter-clear { background: transparent; }
.site-shell .category-jump { margin: 0 0 18px; padding: 0 0 16px; border-bottom: 1px solid var(--concept-line); }
.site-shell .category-jump summary { display: flex; flex-direction: column; gap: 2px; color: var(--concept-violet-dark); font-size: 12px; }
.site-shell .category-jump summary::after { content: "⌄"; align-self: flex-end; margin-top: -28px; color: var(--concept-violet-dark); font-size: 22px; line-height: 1; }
.site-shell .category-jump[open] summary::after { transform: rotate(180deg); }
.site-shell .category-jump summary strong { color: var(--concept-ink); font-size: 15px; }
.site-shell .category-jump nav { display: grid; max-height: 260px; overflow-y: auto; margin-top: 10px; }
.site-shell .category-jump nav a { padding: 8px 10px; border-radius: 4px; color: var(--concept-ink); font-size: 13px; text-decoration: none; }
.site-shell .category-jump nav a:hover, .site-shell .category-jump nav a:focus-visible { background: var(--concept-lilac); }
.site-shell .category-jump nav a[aria-current="page"] { color: var(--concept-violet-dark); background: var(--concept-lilac); font-weight: 800; }
.site-shell .category-jump nav a.category-jump-child { padding-left: 22px; }
.site-shell .filters h2, .site-shell .panel h2 { margin: 0 0 14px; font-family: "Manrope", "Segoe UI", sans-serif; font-size: 18px; font-weight: 800; }
.site-shell .filters label, .site-shell .panel label { color: var(--concept-ink); font-size: 12px; font-weight: 700; }
.site-shell .filters input, .site-shell .filters select, .site-shell .panel input, .site-shell .panel select, .site-shell .panel textarea { min-height: 42px; color: var(--concept-ink); background: #fff; border-color: #cfc2df; border-radius: 4px; }
.site-shell .filters input:focus, .site-shell .filters select:focus, .site-shell .panel input:focus, .site-shell .panel select:focus, .site-shell .panel textarea:focus { border-color: var(--concept-violet); box-shadow: 0 0 0 3px rgba(105,64,181,.12); outline: 0; }
.site-shell button, .site-shell .button { min-height: 43px; color: #fff; background: var(--concept-violet-dark); border-color: var(--concept-violet-dark); border-radius: 4px; font-weight: 800; }
.site-shell button:hover, .site-shell .button:hover { background: #35175f; border-color: #35175f; }
.site-shell .product-grid { gap: 14px; }
.site-shell .product-card { overflow: hidden; background: #fff; border: 1px solid var(--concept-line); border-radius: 6px; box-shadow: 0 10px 24px rgba(44,24,71,.06); }
.site-shell .product-card:hover { border-color: #b49bd0; box-shadow: 0 14px 30px rgba(44,24,71,.12); transform: translateY(-2px); transition: transform .2s ease, box-shadow .2s ease; }
.site-shell .product-visual { background: #fff; }
.site-shell .product-body { padding: 15px; }
.site-shell .product-body h2 { min-height: 44px; margin: 5px 0 8px; font-family: "Manrope", "Segoe UI", sans-serif; font-size: 16px; font-weight: 800; letter-spacing: -.02em; }
.site-shell .product-body a { color: var(--concept-violet-dark); }
.site-shell .product-meta, .site-shell .commercial { color: var(--concept-muted); }
.site-shell .commercial strong { color: var(--concept-ink); }
.site-shell .breadcrumb { margin-bottom: 22px; color: var(--concept-muted); font-size: 12px; }
.site-shell .breadcrumb a { color: var(--concept-violet-dark); font-weight: 700; }
.site-shell .product-detail { gap: 30px; }
.site-shell .product-layout { gap: 30px; }
.site-shell .product-detail > section { padding: 26px; background: #fff; border: 1px solid var(--concept-line); border-radius: 6px; box-shadow: var(--concept-shadow); }
.site-shell .product-info-column > section { background: #fff; border-color: var(--concept-line); box-shadow: var(--concept-shadow); }
.site-shell .product-detail h1 { margin-bottom: 12px; font-family: "Manrope", "Segoe UI", sans-serif; font-size: clamp(26px, 3vw, 40px); font-weight: 800; letter-spacing: -.04em; }
.site-shell .gallery { gap: 12px; }
.site-shell .gallery > a, .site-shell .gallery > .no-image { border: 1px solid var(--concept-line); border-radius: 6px; background: #fff; }
.site-shell .detail-sections { gap: 22px; }
.site-shell .detail-sections .panel { padding: 24px; }
.site-shell .specs > div { border-color: var(--concept-line); }
.site-shell .specs dt { color: var(--concept-violet-dark); font-weight: 800; }
.site-shell .protocol-tag { color: var(--concept-violet-dark); background: var(--concept-lilac); border-color: #d8c7e8; }
.site-shell .form-page { max-width: 620px; margin-inline: auto; }
.site-shell .form-page.legal-page { max-width: 1180px; }
.site-shell .form-page .panel { padding: 26px; }
.site-shell .form-page .panel > button { margin-right: 10px; }
.site-shell .list-row { border-color: var(--concept-line); }
.site-shell .list-row:hover { background: var(--concept-lilac); }
.site-shell .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.site-shell .stat { min-height: 102px; padding: 13px 16px; }
.site-shell .stat span { font-size: 12px; }
.site-shell .stat strong { font-size: 28px; line-height: 1.25; }
.admin-shell .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.admin-shell .stat { min-height: 102px; padding: 13px 16px; }
.admin-shell .stat span { font-size: 12px; }
.admin-shell .stat strong { font-size: 28px; line-height: 1.25; }
.site-shell .stat--new-quote, .site-shell .stat--new-order { position: relative; display: flex; min-height: 102px; flex-direction: column; align-items: flex-start; border-color: #c9afe5; border-top-color: var(--concept-violet); background: linear-gradient(145deg, #fff 0%, #f2eafb 100%); color: var(--concept-ink); text-decoration: none; box-shadow: 0 10px 24px rgba(77, 39, 115, .1); transition: transform .18s ease, box-shadow .18s ease; }
.admin-shell .stat--new-quote, .admin-shell .stat--new-order { position: relative; display: flex; min-height: 102px; flex-direction: column; align-items: flex-start; border-color: #c9afe5; border-top-color: var(--concept-violet); background: linear-gradient(145deg, #fff 0%, #f2eafb 100%); color: var(--concept-ink); text-decoration: none; box-shadow: 0 10px 24px rgba(77, 39, 115, .1); transition: transform .18s ease, box-shadow .18s ease; }
.site-shell .stat--new-quote:hover, .site-shell .stat--new-order:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(77, 39, 115, .17); text-decoration: none; }
.admin-shell .stat--new-quote:hover, .admin-shell .stat--new-order:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(77, 39, 115, .17); text-decoration: none; }
.site-shell .stat--new-quote strong, .site-shell .stat--new-order strong { color: var(--concept-violet-dark); }
.admin-shell .stat--new-quote strong, .admin-shell .stat--new-order strong { color: var(--concept-violet-dark); }
.site-shell .stat--new-quote small, .site-shell .stat--new-order small { margin-top: 2px; color: var(--concept-violet-dark); font-size: 12px; font-weight: 700; }
.admin-shell .stat--new-quote small, .admin-shell .stat--new-order small { margin-top: 2px; color: var(--concept-violet-dark); font-size: 12px; font-weight: 700; }
.site-shell .stat--new-quote small span, .site-shell .stat--new-order small span { display: inline; margin-right: 4px; font-size: 14px; }
.admin-shell .stat--new-quote small span, .admin-shell .stat--new-order small span { display: inline; margin-right: 4px; font-size: 14px; }
.site-shell .stat--new-quote b, .site-shell .stat--new-order b { margin-top: auto; color: var(--concept-violet-dark); font-size: 12px; }
.admin-shell .stat--new-quote b, .admin-shell .stat--new-order b { margin-top: auto; color: var(--concept-violet-dark); font-size: 12px; }
html[data-theme="dark"] .site-shell .stat--new-quote, html[data-theme="dark"] .site-shell .stat--new-order { border-color: #7146a0; border-top-color: #c5a5ef; background: linear-gradient(145deg, #24192e 0%, #1a1322 100%); }
html[data-theme="dark"] .site-shell .stat--new-quote strong, html[data-theme="dark"] .site-shell .stat--new-quote small, html[data-theme="dark"] .site-shell .stat--new-quote b, html[data-theme="dark"] .site-shell .stat--new-order strong, html[data-theme="dark"] .site-shell .stat--new-order small, html[data-theme="dark"] .site-shell .stat--new-order b { color: #eadcff; }

html[data-theme="dark"] .site-shell { background: #0e0b13; }
html[data-theme="dark"] .site-shell .filters, html[data-theme="dark"] .site-shell .panel, html[data-theme="dark"] .site-shell .product-card, html[data-theme="dark"] .site-shell .product-detail > section { color: #f7f2fb; background: #17111e; border-color: #3a2d46; }
html[data-theme="dark"] .site-shell .technical-filter-group { border-color: #4b385b; }
html[data-theme="dark"] .site-shell .technical-filter-group summary, html[data-theme="dark"] .site-shell .active-filter-chips { color: #f7f2fb; }
html[data-theme="dark"] .site-shell .technical-filter-group summary small { color: #c6b8d2; }
html[data-theme="dark"] .site-shell .active-filter-chip, html[data-theme="dark"] .site-shell .active-filter-clear { color: #eadfff; background: #2a1d37; border-color: #4b385b; }
html[data-theme="dark"] .site-shell .filters label, html[data-theme="dark"] .site-shell .panel label, html[data-theme="dark"] .site-shell .product-body h2 { color: #f7f2fb; }
html[data-theme="dark"] .site-shell .filters input, html[data-theme="dark"] .site-shell .filters select, html[data-theme="dark"] .site-shell .panel input, html[data-theme="dark"] .site-shell .panel select, html[data-theme="dark"] .site-shell .panel textarea { color: #f7f2fb; background: #0f0b15; border-color: #4b385b; }
html[data-theme="dark"] .site-shell .category-strip a { color: #f7f2fb; background: #21162d; border-color: #453255; }
html[data-theme="dark"] .site-shell .product-visual, html[data-theme="dark"] .site-shell .gallery > a, html[data-theme="dark"] .site-shell .gallery > .no-image { background: #fff; }

@media (max-width: 720px) {
    .site-shell main { width: calc(100% - 28px); padding-block: 25px 40px; }
    .site-shell .page-heading { align-items: start; flex-direction: column; gap: 8px; }
    .site-shell .page-heading.catalog-page-heading { align-items: stretch; }
    .site-shell .catalog-heading-actions { justify-content: space-between; gap: 8px; }
    .site-shell .category-strip { grid-template-columns: repeat(2, 1fr); }
    .site-shell .catalog-shell { grid-template-columns: 1fr; gap: 16px; }
    .site-shell .filters { order: -1; }
    .site-shell .form-page .panel, .site-shell .detail-sections .panel, .site-shell .product-detail > section, .site-shell .product-info-column > section { padding: 18px; }
    .site-shell .product-layout { grid-template-columns: 1fr; gap: 20px; }
    .site-shell .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .site-shell .stat, .site-shell .stat--new-quote, .site-shell .stat--new-order { min-height: 98px; padding: 12px; }
    .admin-shell .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .admin-shell .stat, .admin-shell .stat--new-quote, .admin-shell .stat--new-order { min-height: 98px; padding: 12px; }
}

/* Product quote actions: external submit button preserves quantity/note form. */
.product-info .product-quote-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 16px}
.product-info .product-quote-actions .quick-quote-trigger{margin:0}
.product-info .product-quote-actions button{min-height:46px}

/* Admin products: compact, explicit bulk classification toolbar. */
.admin-shell .bulk-product-form{margin:0 0 20px;padding:14px 16px 12px;border:1px solid #e2d6eb;border-radius:6px;background:#f6f0f8}
.admin-shell .bulk-product-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;align-items:end}
.admin-shell .bulk-product-grid label{min-width:0;margin:0;color:#29143f;font-size:12px;font-weight:700}
.admin-shell .bulk-product-grid input,.admin-shell .bulk-product-grid select{min-height:38px;padding:7px 10px;font-size:13px}
.admin-shell .bulk-product-grid button{min-height:38px;margin:0;padding:7px 16px;white-space:nowrap}
.admin-shell .bulk-product-grid label.is-disabled{opacity:.52}
.admin-shell .bulk-product-grid label.is-disabled input,.admin-shell .bulk-product-grid label.is-disabled select{background:#f3eef5;cursor:not-allowed}
.admin-shell .bulk-product-help{margin:8px 0 0;color:#6d5a78;font-size:12px}
html[data-theme="dark"] .admin-shell .bulk-product-form{background:#21182a;border-color:#4b385b}
html[data-theme="dark"] .admin-shell .bulk-product-grid label{color:#f2e9f8}
html[data-theme="dark"] .admin-shell .bulk-product-help{color:#c9b8d3}
@media(max-width:1250px){.admin-shell .bulk-product-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.admin-shell .bulk-product-grid button{width:100%}}
@media(max-width:700px){.admin-shell .bulk-product-form{padding:12px}.admin-shell .bulk-product-grid{grid-template-columns:1fr}.admin-shell .bulk-product-grid button{width:100%}}

/* Product detail redesign: mockup-aligned three-column product page. */
.site-header{background:#fff;border-bottom:1px solid var(--concept-line)}
.site-header .header-wrap{width:min(1320px,calc(100% - 48px));min-height:82px;margin-inline:auto;display:grid;grid-template-columns:280px minmax(320px,1fr) auto auto;align-items:center;gap:20px}
.site-header .logo{min-width:0;padding:0}
.site-header .search{max-width:none;height:46px;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto}
.site-header .search input{height:46px;min-height:46px;border:1px solid #cfc2df;border-right:0;border-radius:5px 0 0 5px;background:#fff}
.site-header .search button{height:46px;margin:0;padding-inline:22px;border-radius:0 5px 5px 0;background:var(--concept-violet-dark);border-color:var(--concept-violet-dark)}
.site-header .account-nav{gap:14px;white-space:nowrap;font-weight:700}
.main-nav{justify-content:center;padding-inline:max(4%,calc((100% - 1320px)/2));background:#fff;border-top:0;border-bottom:1px solid var(--concept-line)}
.main-nav>a:first-child{color:#fff;background:var(--concept-violet-dark);padding:10px 15px;border-radius:4px}
.main-nav>a:first-child:hover{background:#35175f;text-decoration:none}
.main-nav .cart-link{color:var(--concept-violet-dark);font-weight:800}

.product-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px;color:var(--concept-muted);font-size:12px}
.product-breadcrumb a{color:var(--concept-muted)}
.product-breadcrumb a:hover{color:var(--concept-violet-dark)}

.product-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.9fr) minmax(320px,.72fr);gap:30px;align-items:start;margin-bottom:28px}
.product-showcase__media,.product-showcase__summary,.product-buybox{min-width:0}
.product-gallery-modern{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-height:500px}
.product-gallery-modern__alternates{display:flex;flex-wrap:wrap;gap:9px}
.product-gallery-modern__thumb{width:74px;height:74px;display:grid;place-items:center;margin:0;padding:5px;background:#fff;border:1px solid var(--concept-line);border-radius:6px;cursor:pointer}
.product-gallery-modern__thumb:hover,.product-gallery-modern__thumb.is-active{border-color:var(--concept-violet);box-shadow:0 0 0 2px rgba(105,64,181,.10)}
.product-gallery-modern__thumb img{width:100%;height:100%;object-fit:contain}
.product-gallery-modern__main{min-height:500px;display:grid;place-items:center;padding:28px;background:#fff;border:1px solid var(--concept-line);border-radius:8px;box-shadow:0 12px 32px rgba(44,24,71,.06)}
.product-gallery-modern__main img{width:100%;height:450px;object-fit:contain}
.product-gallery-modern__empty{grid-column:1/-1;padding:0;overflow:hidden}
.product-gallery-modern__empty .no-image{width:100%;height:500px;min-height:500px;border:0}

.product-showcase__summary{padding:10px 2px 0}
.product-brand-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.product-brand-line .eyebrow{margin:0!important}
.product-model-chip{max-width:52%;overflow:hidden;padding:5px 9px;color:var(--concept-violet-dark);background:var(--concept-lilac);border-radius:999px;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.product-showcase__summary h1{margin:0 0 12px;color:var(--concept-ink);font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.product-lead{margin:0 0 22px;color:var(--concept-muted);font-size:15px;line-height:1.7}
.product-quick-specs{margin:0;border-top:1px solid var(--concept-line)}
.product-quick-specs>div{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--concept-line)}
.product-quick-specs dt{color:var(--concept-muted);font-size:12px}
.product-quick-specs dd{margin:0;color:var(--concept-ink);font-size:13px;font-weight:800;text-align:right;overflow-wrap:anywhere}
.product-buybox{position:sticky;top:18px;padding:22px;background:#fff;border:1px solid var(--concept-line);border-radius:9px;box-shadow:0 18px 42px rgba(44,24,71,.10)}
.product-buybox__status{display:flex;align-items:center;gap:8px;padding-bottom:15px;border-bottom:1px solid var(--concept-line)}
.product-buybox__status .stock-dot{width:9px;height:9px;flex:0 0 auto;background:#159759;border-radius:50%;box-shadow:0 0 0 4px rgba(21,151,89,.10)}
.product-buybox__status .stock-dot--unavailable{background:#827779;box-shadow:0 0 0 4px rgba(130,119,121,.10)}
.product-buybox__status strong{color:#137a4c;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.product-buybox__status small{margin-left:auto;color:var(--concept-muted);font-size:11px}
.product-buybox__price{padding:18px 0 8px}
.product-buybox__price>small{margin-bottom:4px;color:var(--concept-muted);font-size:11px}
.product-buybox__price .commercial{margin:0;gap:6px 10px}
.product-buybox__price .commercial strong{font-size:30px;line-height:1.1;letter-spacing:-.025em}
.product-buybox__price .commercial small{font-size:11px}
.product-buybox__price .tl-price{margin-top:6px;font-size:13px}
.product-buybox__price .installment-box{margin:12px 0 8px}
.product-buybox__form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.product-qty-label{grid-column:1/-1;margin:0;color:var(--concept-muted);font-size:11px;font-weight:800}
.product-qty{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px}
.product-qty button,.product-qty input{height:44px;min-height:44px;margin:0;border-radius:0;text-align:center}
.product-qty button:first-child{border-radius:5px 0 0 5px}
.product-qty button:last-child{border-radius:0 5px 5px 0}
.product-qty input{border-inline:0;border-color:#cfc2df}
.product-add-cart{grid-column:1/-1;min-height:50px;font-size:14px;text-transform:uppercase;letter-spacing:.03em}
.product-buy-now{grid-column:1/-1}
.product-buybox__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--concept-line)}
.product-buybox__actions button,.product-buybox__actions form{width:100%;margin:0}
.product-buybox__actions form button{width:100%}
.product-buybox__login{margin-top:14px;padding:14px;background:var(--concept-lilac);border-radius:6px}
.product-buybox__login strong{font-size:13px}
.product-buybox__login p{margin:4px 0 10px;color:var(--concept-muted);font-size:11px}
.product-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:0;list-style:none}
.product-service-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:14px 16px;border:1px solid var(--concept-line);border-radius:7px;background:var(--white)}
.product-service-list li>span{width:27px;height:27px;display:grid;place-items:center;color:var(--concept-violet-dark);background:var(--concept-lilac);border-radius:50%;font-size:12px;font-weight:900}
.product-service-list strong,.product-service-list small{display:block}
.product-service-list strong{font-size:13px}
.product-service-list small{color:var(--concept-muted);font-size:11px}

.product-tabs{margin:14px 0 28px;background:#fff;border:1px solid var(--concept-line);border-radius:8px;box-shadow:0 12px 30px rgba(44,24,71,.06);overflow:hidden}
.product-tabs__nav{display:flex;overflow-x:auto;background:#fbf9fd;border-bottom:1px solid var(--concept-line)}
.product-tabs__nav button{position:relative;min-width:max-content;min-height:58px;margin:0;padding:0 22px;color:var(--concept-muted)!important;background:transparent!important;border:0!important;border-right:1px solid #eee7f3!important;border-radius:0!important;font-size:13px;font-weight:800}
.product-tabs__nav button:hover{color:var(--concept-violet-dark)!important;background:var(--concept-lilac)!important}
.product-tabs__nav button[aria-selected=true]{color:var(--concept-violet-dark)!important;background:#fff!important}
.product-tabs__nav button[aria-selected=true]::after{content:"";position:absolute;right:18px;bottom:0;left:18px;height:3px;background:var(--concept-turquoise);border-radius:3px 3px 0 0}
.product-tabs__panel{padding:30px}
.product-tabs__panel[hidden]{display:none!important}
.product-tab-copy{max-width:900px;color:var(--concept-ink);line-height:1.8}
.product-spec-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.product-spec-columns>section{min-width:0}
.product-spec-columns h2{font-size:18px}
.product-spec-columns h3{margin:20px 0 8px;color:var(--concept-muted);font-size:13px}
.product-spec-table{border:1px solid var(--concept-line);border-radius:6px;overflow:hidden}
.product-spec-table>div{padding:11px 13px}
.product-spec-table>div:nth-child(odd){background:#f8f5fa}
.compatibility-empty{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;max-width:820px;padding:22px;background:#f8f5fa;border:1px dashed #cbb9d6;border-radius:7px}
.compatibility-empty__icon{width:54px;height:54px;display:grid;place-items:center;color:#fff;background:var(--concept-violet-dark);border-radius:50%;font-size:24px}
.compatibility-empty h2{margin:0 0 6px}
.compatibility-empty p{margin:0;color:var(--concept-muted)}
.product-documents-modern{display:grid;gap:10px;max-width:820px}
.product-document-card{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:14px 16px;color:var(--concept-ink)!important;border:1px solid var(--concept-line);border-radius:6px;text-decoration:none!important}
.product-document-card:hover{border-color:#b49bd0;background:#fbf9fd}
.product-document-card>span{display:grid;place-items:center;height:38px;color:#fff;background:#a33a4b;border-radius:4px;font-size:10px;font-weight:900}
.product-document-card strong,.product-document-card small{display:block}
.product-document-card small{color:var(--concept-muted);font-size:11px}
.product-document-card>b{color:var(--concept-violet-dark);font-size:20px}
.product-support-link{margin-top:8px;font-weight:800}

html[data-theme=dark] .product-gallery-modern__main,
html[data-theme=dark] .product-gallery-modern__thumb,
html[data-theme=dark] .product-buybox,
html[data-theme=dark] .product-tabs,
html[data-theme=dark] .product-tabs__nav button[aria-selected=true]{background:var(--white)}
html[data-theme=dark] .product-tabs__nav{background:#1f1725}
html[data-theme=dark] .product-summary-note,
html[data-theme=dark] .compatibility-empty{background:#35273d;border-color:#4a3b53}
html[data-theme=dark] .product-spec-table>div:nth-child(odd){background:#261c2d}

@media(max-width:1120px){
    .site-header .header-wrap{grid-template-columns:240px minmax(240px,1fr) auto;gap:14px}
    .site-header .account-nav{grid-column:1/-1;justify-content:flex-end;margin-top:-8px;padding-bottom:10px}
    .product-showcase{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}
    .product-showcase__summary{grid-column:2}
    .product-buybox{grid-column:1/-1;position:static;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(300px,1fr);gap:0 24px}
    .product-buybox__status,.product-buybox__price,.product-buybox>.online-special-price,.product-buybox__login{grid-column:1}
    .product-buybox__form,.product-buybox__actions{grid-column:2}
}

@media(max-width:760px){
    .site-header .header-wrap{width:calc(100% - 28px);grid-template-columns:1fr auto;min-height:72px}
    .site-header .logo{max-width:190px}
    .site-header .search{grid-column:1/-1;grid-row:2;margin-bottom:14px}
    .site-header .account-nav{display:flex;grid-column:1/-1;overflow-x:auto;justify-content:flex-start;margin:0 0 10px;font-size:12px}
    .main-nav{justify-content:flex-start;padding-inline:14px}
    .product-showcase{grid-template-columns:1fr;gap:20px}
    .product-showcase__summary{grid-column:auto}
    .product-gallery-modern{grid-template-columns:1fr;min-height:0}
    .product-gallery-modern__alternates{overflow-x:auto;flex-wrap:nowrap}
    .product-gallery-modern__thumb{flex:0 0 64px;width:64px;height:64px}
    .product-gallery-modern__main{min-height:340px;padding:18px}
    .product-gallery-modern__main img{height:310px}
    .product-gallery-modern__empty .no-image{height:340px;min-height:340px}
    .product-showcase__summary h1{font-size:30px}
    .product-buybox{display:block;padding:18px}
    .product-service-list{grid-template-columns:1fr;gap:8px;margin-bottom:16px}
    .product-service-list li{padding:11px 14px}
    .product-tabs__nav button{min-height:52px;padding-inline:16px;font-size:12px}
    .product-tabs__panel{padding:20px 16px}
    .product-spec-columns{grid-template-columns:1fr}
}

.catalog-match { margin-block: 1.5rem; }
.catalog-match-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-block:1rem; }
.catalog-match-grid article { border:1px solid var(--line,#e6d8dc); border-radius:8px; padding:1.25rem; min-width:0; }
.catalog-match-grid img { width:180px; height:180px; object-fit:contain; display:block; margin-block:1rem; background:#fff; }
.catalog-match-grid dl { display:grid; grid-template-columns:100px minmax(0,1fr); gap:.65rem 1rem; }
.catalog-match-grid dt { color:var(--muted,#74676c); }
.catalog-match-grid dd { margin:0; overflow-wrap:anywhere; }
.catalog-match-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.catalog-confirm { display:flex; align-items:flex-start; gap:.65rem; margin-block:1rem; }
.catalog-confirm input[type="checkbox"] { width:auto; flex:0 0 auto; margin-top:.25rem; }
@media(max-width:720px) { .catalog-match-grid { grid-template-columns:1fr; } }