#inox-ux-b2b-holder{width:100%;max-width:1120px;margin:20px auto 28px;padding:0 16px;box-sizing:border-box;position:relative;z-index:1}
#inox-ux-b2b-holder *,#inox-ux-b2b-holder *:before,#inox-ux-b2b-holder *:after{box-sizing:border-box}
.inox-ux-b2b{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;background:#15212d!important;color:#e4edf5!important;border:1px solid #354555;border-radius:16px;padding:30px 24px;box-shadow:0 12px 30px rgba(0,0,0,.13)}
.inox-ux-b2b-icon{font-size:35px;line-height:1.2}
.inox-ux-b2b h2{color:#fff!important;font-size:clamp(19px,2.6vw,26px)!important;line-height:1.3!important;letter-spacing:.01em!important;margin:0!important;font-weight:750!important}
.inox-ux-b2b p{color:#d4dee8!important;font-size:clamp(14px,1.6vw,17px)!important;line-height:1.65!important;max-width:760px;margin:0!important}
.inox-ux-b2b .inox-ux-b2b-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:8px;background:#f1f5f9!important;color:#142231!important;text-decoration:none!important;font-size:14px!important;font-weight:750!important;line-height:1.3!important;border:2px solid #f1f5f9!important;min-height:46px}
.inox-ux-b2b .inox-ux-b2b-button:hover,.inox-ux-b2b .inox-ux-b2b-button:focus-visible{background:#dce6ef!important;color:#101e2a!important;border-color:#dce6ef!important}
.inox-ux-b2b .inox-ux-b2b-email{color:#e4edf5!important;text-decoration:underline!important;text-underline-offset:3px;font-size:14px!important}
.inox-ux-b2b a:focus-visible{outline:3px solid #f4ca67!important;outline-offset:3px!important}
@media(max-width:600px){#inox-ux-b2b-holder{margin:12px auto 22px;padding:0 12px}.inox-ux-b2b{padding:24px 16px;gap:13px}.inox-ux-b2b .inox-ux-b2b-button{width:100%;max-width:330px}}

/* v1.1: explicit native controls on light backgrounds, without modifying catalog layout. */
body input:not([type="checkbox"]):not([type="radio"]),body textarea,body select { color:#142231; }
body input::placeholder,body textarea::placeholder { color:#4b5563; opacity:1; }
body select option { color:#142231; background:#fff; }
body input:focus-visible,body textarea:focus-visible,body select:focus-visible { outline:2px solid #64748b; outline-offset:2px; }

/* v1.2: screenshot-grounded light-area typography. Exclude dark cards, header and B2B banner. */
:root { --inox-ux-ink:#172633; --inox-ux-link:#164967; }
body :is(.entry-header,.page-header,.woocommerce-products-header,.ast-archive-description,.term-description) :is(h1,h2,h3,h4,p),
body :is(h1.entry-title,h1.page-title,h1.woocommerce-products-header__title,.woocommerce-products-header__title.page-title,.ast-archive-title),
body :is(.woocommerce-breadcrumb,.woocommerce-breadcrumb a,.woocommerce-breadcrumb span),
body :is(.woocommerce div.product .product_title,.woocommerce div.product .woocommerce-tabs h2) { color:var(--inox-ux-ink)!important; }
body .woocommerce-breadcrumb a {color:var(--inox-ux-link)!important;text-decoration:underline;text-underline-offset:2px;}
/* Visible category headings from the supplied screenshots: on a light page canvas. */
body :is(main,#main,#primary,.site-main,.site-content,.entry-content) > :is(h1,h2,h3),
body :is(main,#main,#primary,.site-main,.site-content,.entry-content) > :is(section,div) > :is(h1,h2,h3).page-title {color:var(--inox-ux-ink)!important;}
/* Product variation panels on white/light backgrounds. */
body :is(.woocommerce div.product,.single-product) :is(.variations_form,.woocommerce-variation,.woocommerce-tabs,.product-variants,.product-variations,.available-variants,.inox-variants) :is(h1,h2,h3,h4,legend,label) {color:var(--inox-ux-ink)!important;}
/* Do not recolor headings inside visually dark product/category cards. */
body :is(.product-category,.products .product,.inox-ux-b2b,[class*="dark"],[class*="tile"],[class*="kafelek"]) :is(h1,h2,h3,h4) {color:inherit;}

/* v1.3.0: pasek logotypów dostawców (strona startowa dla gości) */
#inox-ux-logos-holder{width:100%;max-width:1120px;margin:20px auto 0;padding:0 16px;box-sizing:border-box}
.inox-ux-logos{background:#fff;border:1px solid #d5dde3;border-radius:12px;box-shadow:0 4px 14px rgba(11,52,70,.06);overflow:hidden;padding:18px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.inox-ux-logos-track{display:flex;width:max-content;animation:inox-ux-logos-scroll 55s linear infinite}
.inox-ux-logos:hover .inox-ux-logos-track{animation-play-state:paused}
.inox-ux-logos-group{display:flex;align-items:center;gap:56px;margin:0!important;padding:0 56px 0 0!important;list-style:none!important}
.inox-ux-logos-group li{margin:0!important;padding:0!important;list-style:none!important;display:flex;align-items:center;flex:0 0 auto}
.inox-ux-logos-group img{height:var(--inox-logo-h,48px)!important;width:auto!important;max-width:none!important;max-height:none!important;display:block;margin:0!important;border:0!important;box-shadow:none!important;background:none!important}
@keyframes inox-ux-logos-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.inox-ux-logos{padding:12px 0}.inox-ux-logos-group{gap:36px;padding-right:36px!important}.inox-ux-logos-group img{height:calc(var(--inox-logo-h,48px)*.72)!important}}
@media(prefers-reduced-motion:reduce){.inox-ux-logos{overflow-x:auto}.inox-ux-logos-track{animation:none}}

/* v1.3.0: pasek, baner i karta powitalna w jednym kontenerze — równe krawędzie */
.inox-welcome-wrapper.inox-ux-aligned{max-width:1120px!important;margin:18px auto 60px!important;padding:0 16px!important;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}
.inox-welcome-wrapper.inox-ux-aligned > #inox-ux-logos-holder,
.inox-welcome-wrapper.inox-ux-aligned > #inox-ux-b2b-holder{max-width:none;margin:0;padding:0}
.inox-welcome-wrapper.inox-ux-aligned > .inox-welcome-card{margin:0;width:100%;box-sizing:border-box}
.inox-welcome-wrapper.inox-ux-aligned .inox-welcome-card > *{min-width:0}.inox-welcome-wrapper.inox-ux-aligned .inox-welcome-hq-placeholder{box-sizing:border-box}

/* v1.3.1: biały tytuł banera „Zostań partnerem” — wygrywa z regułami motywu i innych wtyczek */
html body #inox-ux-b2b-holder #inox-ux-b2b.inox-ux-b2b h2#inox-ux-b2b-title,
html body #inox-ux-b2b-holder #inox-ux-b2b.inox-ux-b2b h2#inox-ux-b2b-title *{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important}
html body #inox-ux-b2b-holder #inox-ux-b2b.inox-ux-b2b > p{color:#d4dee8!important;-webkit-text-fill-color:#d4dee8!important}

/* v1.3.2: pętla bez przerw — stałe wymiary logotypów (niezależne od CSS motywu), 3 kopie listy, przesunięcie o 1/3 */
.inox-ux-b2b-icon{display:none!important}
html body #inox-ux-logos .inox-ux-logos-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;animation:inox-ux-logos-loop 50s linear infinite!important;will-change:transform}
html body #inox-ux-logos:hover .inox-ux-logos-track{animation-play-state:paused!important}
html body #inox-ux-logos ul.inox-ux-logos-group{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;flex:0 0 auto!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;width:auto!important;max-width:none!important}
html body #inox-ux-logos ul.inox-ux-logos-group > li{flex:0 0 auto!important;margin:0!important;padding:0 28px!important;list-style:none!important;display:flex!important;align-items:center!important;width:auto!important;max-width:none!important}
html body #inox-ux-logos ul.inox-ux-logos-group > li::before,html body #inox-ux-logos ul.inox-ux-logos-group > li::after{content:none!important;display:none!important}
html body #inox-ux-logos ul.inox-ux-logos-group img{width:var(--inox-logo-w)!important;height:var(--inox-logo-h)!important;min-width:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
@keyframes inox-ux-logos-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.3333%,0,0)}}
@media(max-width:600px){
 html body #inox-ux-logos ul.inox-ux-logos-group > li{padding:0 18px!important}
 html body #inox-ux-logos ul.inox-ux-logos-group img{width:calc(var(--inox-logo-w)*.72)!important;height:calc(var(--inox-logo-h)*.72)!important}
 html body #inox-ux-logos .inox-ux-logos-track{animation-duration:38s!important}
}
@media(prefers-reduced-motion:reduce){html body #inox-ux-logos .inox-ux-logos-track{animation:none!important}}

/* v1.3.3: telefon — pasek logotypów nie może rozpychać strony (szerokość taśmy nie wpływa na układ) */
html body .inox-welcome-wrapper.inox-ux-aligned{width:100%!important;max-width:min(1120px,100%)!important;min-width:0!important}
html body #inox-ux-logos-holder,html body #inox-ux-b2b-holder{width:100%!important;max-width:100%!important;min-width:0!important}
html body #inox-ux-logos-holder{overflow:hidden!important;contain:inline-size}
html body #inox-ux-logos{width:100%!important;max-width:100%!important;min-width:0!important;contain:inline-size paint}
html body .inox-welcome-wrapper.inox-ux-aligned .inox-welcome-card{max-width:100%!important;min-width:0!important}
@media(max-width:780px){
 html body .inox-welcome-wrapper.inox-ux-aligned{margin:12px auto 40px!important;padding:0 12px!important;gap:16px}
 html body .inox-welcome-wrapper.inox-ux-aligned .inox-welcome-card{grid-template-columns:minmax(0,1fr)!important;padding:22px 18px!important;gap:20px!important}
 html body .inox-welcome-wrapper.inox-ux-aligned .inox-welcome-content h2{overflow-wrap:anywhere}
}