:root {
  --kh-orange: #f45113;
  --kh-orange-dark: #d94207;
  --kh-navy: #061a33;
  --kh-navy-2: #0c2948;
  --kh-ink: #111820;
  --kh-muted: #667085;
  --kh-line: #dce2e8;
  --kh-soft: #f4f6f7;
  --kh-white: #fff;
  --kh-green: #128449;
  --kh-shadow: 0 24px 70px rgba(6, 26, 51, .13);
  --kh-radius: 6px;
  --kh-container: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--kh-ink); background: #fff; font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, .woocommerce-loop-product__title { font-family: "Barlow Condensed", Impact, sans-serif; font-weight: 800; line-height: 1; text-transform: uppercase; }
h1, h2, h3, h4 { text-shadow: none !important; }
p { margin-top: 0; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { clip: auto !important; width: auto; height: auto; padding: 12px 18px; margin: 8px; background: #fff; color: var(--kh-navy); z-index: 9999; }
:focus-visible { outline: 3px solid rgba(244,81,19,.45); outline-offset: 3px; }

.utility-bar { background: var(--kh-navy); color: rgba(255,255,255,.82); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.utility-inner { max-width: var(--kh-container); min-height: 34px; margin: 0 auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.utility-inner p { margin: 0; }
.utility-inner nav, .utility-inner ul { display: flex; align-items: center; gap: 22px; margin: 0; padding: 0; list-style: none; }
.utility-inner a:hover { color: #fff; }

.site-header { position: sticky; top: 0; z-index: 60; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--kh-line); transition: box-shadow .25s ease, transform .25s ease; }
.site-header.is-condensed { box-shadow: 0 12px 35px rgba(6,26,51,.1); }
.site-header.is-hidden { transform: translateY(-100%); }
.header-inner { max-width: var(--kh-container); min-height: 82px; margin: 0 auto; padding: 0 28px; display: grid; grid-template-columns: 180px minmax(0,1fr) auto; align-items: center; gap: 28px; }
.brand-mark a { display: inline-flex; align-items: center; }
.brand-mark img, .custom-logo { max-width: 170px; max-height: 58px; width: auto; object-fit: contain; }
.main-nav ul { display: flex; justify-content: center; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.main-nav li { position: relative; }
.main-nav a { display: flex; align-items: center; min-height: 82px; padding: 0 12px; color: var(--kh-navy); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.main-nav a::after { content: ""; position: absolute; right: 12px; bottom: 20px; left: 12px; height: 2px; background: var(--kh-orange); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.main-nav a:hover::after, .main-nav .current-menu-item > a::after { transform: scaleX(1); }
.main-nav .sub-menu { position: absolute; top: 100%; left: 0; width: 230px; padding: 8px; display: grid; justify-content: stretch; background: #fff; box-shadow: var(--kh-shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.main-nav li:hover > .sub-menu, .main-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.main-nav .sub-menu a { min-height: 42px; padding: 0 12px; }
.main-nav .sub-menu a::after { display: none; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.header-search-toggle, .header-cart { height: 42px; border: 1px solid var(--kh-line); background: #fff; color: var(--kh-navy); display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.header-search-toggle { width: 42px; padding: 0; cursor: pointer; }
.header-search-toggle svg, .header-cart svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cart-count { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--kh-orange); color: #fff; font-size: 10px; }
.quote-button { min-height: 42px; display: inline-flex; align-items: center; padding: 0 16px; background: var(--kh-orange); color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.quote-button:hover { background: var(--kh-orange-dark); }
.mobile-menu-toggle { display: none; }
.header-search { border-top: 1px solid var(--kh-line); background: #fff; }
.header-search-inner { max-width: 760px; margin: 0 auto; padding: 18px 28px; display: flex; gap: 10px; }
.header-search-inner form { display: flex; flex: 1; }
.header-search-inner input { flex: 1; height: 48px; border: 1px solid var(--kh-line); padding: 0 16px; }
.header-search-inner button { min-width: 48px; border: 0; background: var(--kh-navy); color: #fff; font-weight: 800; cursor: pointer; }

.premium-hero { position: relative; overflow: hidden; background: var(--kh-navy); color: #fff; }
.premium-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,#000,transparent 64%); }
.premium-hero-inner { max-width: var(--kh-container); min-height: 700px; margin: 0 auto; padding: 72px 28px 64px; display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 44px; position: relative; }
.premium-hero-copy { position: relative; z-index: 3; }
.hero-kicker, .section-label { margin: 0 0 15px; color: var(--kh-orange); font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.hero-kicker { color: #ff8b5e; }
.premium-hero h1 { max-width: 620px; margin: 0 0 24px; font-size: clamp(52px,6.5vw,88px); letter-spacing: -.02em; }
.hero-lede { max-width: 630px; color: rgba(255,255,255,.79); font-size: 18px; line-height: 1.65; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.btn, .button, button.single_add_to_cart_button { min-height: 49px; border: 0; border-radius: 0; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; transition: background .2s ease, color .2s ease, transform .2s ease; }
.btn:hover, .button:hover, button.single_add_to_cart_button:hover { transform: translateY(-2px); }
.btn.primary, .button, button.single_add_to_cart_button { background: var(--kh-orange); color: #fff; }
.btn.primary:hover, .button:hover { background: var(--kh-orange-dark); }
.btn.secondary { border: 1px solid rgba(255,255,255,.46); color: #fff; }
.btn.secondary:hover { background: #fff; color: var(--kh-navy); }
.btn.light { background: #fff; color: var(--kh-navy); }
.btn.dark { background: var(--kh-navy); color: #fff; }
.hero-proof { margin-top: 42px; display: flex; flex-wrap: wrap; gap: 18px; color: rgba(255,255,255,.7); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.hero-proof span::before { content: ""; width: 6px; height: 6px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--kh-orange); }
.premium-hero-visual { min-height: 560px; position: relative; }
.premium-hero-visual::before { content: ""; position: absolute; inset: 50px 0 0 80px; background: #edf0f2; box-shadow: var(--kh-shadow); }
.hero-visual-copy { position: absolute; z-index: 1; top: 78px; right: -12px; color: rgba(6,26,51,.08); font: 800 clamp(86px,10vw,150px)/.72 "Barlow Condensed",sans-serif; text-align: right; }
.hero-main-product { position: absolute; z-index: 3; inset: 0 26% 56px 8%; margin: 0; overflow: hidden; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.22); }
.hero-main-product img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.hero-secondary-product { position: absolute; z-index: 4; right: 0; bottom: 0; width: 38%; height: 54%; margin: 0; overflow: hidden; border: 8px solid var(--kh-navy); background: #fff; }
.hero-secondary-product img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.hero-product-link { position: absolute; z-index: 5; left: 0; bottom: 0; min-width: 230px; min-height: 64px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; background: var(--kh-orange); color: #fff; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.hero-product-link strong { font-size: 24px; }

.trust-rail { max-width: var(--kh-container); margin: 0 auto; padding: 0 28px; display: grid; grid-template-columns: repeat(4,1fr); border-right: 1px solid var(--kh-line); }
.trust-rail > div { min-height: 128px; padding: 28px 22px; display: flex; align-items: flex-start; gap: 18px; border-left: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); }
.trust-rail > div > strong { color: var(--kh-orange); font: 800 16px/1 "Barlow Condensed",sans-serif; }
.trust-rail span { color: var(--kh-navy); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.trust-rail small { margin-top: 7px; display: block; color: var(--kh-muted); font-size: 12px; font-weight: 500; line-height: 1.45; text-transform: none; }

.section, .page-shell { max-width: var(--kh-container); margin: 0 auto; padding: 88px 28px; }
.premium-section-head { margin-bottom: 38px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.premium-section-head h2, .section h2 { margin: 0; color: var(--kh-navy); font-size: clamp(40px,4.7vw,64px); }
.premium-section-head > p { max-width: 440px; color: var(--kh-muted); }
.text-link { color: var(--kh-navy); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.text-link span { margin-left: 8px; color: var(--kh-orange); font-size: 20px; }
.premium-category-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; grid-template-rows: 300px 220px; gap: 14px; }
.premium-category-grid > a { position: relative; overflow: hidden; min-height: 220px; background: var(--kh-soft); }
.premium-category-grid .category-feature { grid-row: 1 / 3; }
.premium-category-grid > a:nth-child(2) { grid-column: 2 / 4; }
.premium-category-grid img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .5s ease; }
.premium-category-grid a:hover img { transform: scale(1.035); }
.premium-category-grid a::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(6,26,51,.88)); }
.premium-category-grid span { position: absolute; z-index: 2; right: 22px; bottom: 22px; left: 22px; color: #fff; font: 800 clamp(28px,3vw,44px)/.95 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.premium-category-grid small { margin-bottom: 8px; display: block; color: rgba(255,255,255,.68); font: 700 10px/1 Inter,sans-serif; letter-spacing: .08em; }
.premium-category-grid .category-dark { padding: 24px; display: flex; align-items: flex-end; justify-content: space-between; background: var(--kh-navy); }
.premium-category-grid .category-dark::after { display: none; }
.premium-category-grid .category-dark span { position: static; }
.premium-category-grid .category-dark strong { color: var(--kh-orange); font-size: 30px; }

.products { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 0 !important; padding: 0 !important; list-style: none; }
.kh-product-card { position: relative; width: auto !important; margin: 0 !important; overflow: hidden; border: 1px solid var(--kh-line); background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.kh-product-card:hover { transform: translateY(-5px); box-shadow: 0 18px 48px rgba(6,26,51,.1); }
.kh-product-image-wrap { position: relative; overflow: hidden; aspect-ratio: .88; background: var(--kh-soft); }
.kh-product-image, .kh-product-image img { width: 100%; height: 100%; }
.kh-product-image img { object-fit: cover; object-position: center top; transition: transform .45s ease; }
.kh-product-card:hover .kh-product-image img { transform: scale(1.035); }
.kh-product-flag { position: absolute; top: 12px; left: 12px; padding: 6px 9px; background: var(--kh-navy); color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.kh-product-flag.sale { background: var(--kh-orange); }
.kh-product-body { padding: 18px; }
.kh-stock { margin-bottom: 8px; display: block; color: var(--kh-green); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.kh-stock.is-out-of-stock { color: var(--kh-orange-dark); }
.woocommerce-loop-product__title { min-height: 48px; margin: 0 0 10px !important; padding: 0 !important; color: var(--kh-navy); font-size: 24px !important; }
.price { color: var(--kh-orange) !important; font-size: 21px !important; font-weight: 900 !important; }
.kh-card-actions { margin-top: 15px; display: flex; gap: 8px; }
.kh-card-actions .button, .outline-link { flex: 1; min-height: 40px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 900; text-align: center; text-transform: uppercase; }
.outline-link { border: 1px solid var(--kh-navy); color: var(--kh-navy); }

.procurement-section { background: var(--kh-navy); color: #fff; }
.procurement-inner { max-width: var(--kh-container); margin: 0 auto; padding: 88px 28px; display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; }
.procurement-copy h2 { margin: 0 0 24px; font-size: clamp(54px,6.5vw,86px); }
.procurement-copy > p:not(.section-label) { max-width: 540px; color: rgba(255,255,255,.7); }
.procurement-copy .btn { margin-top: 16px; }
.procurement-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.18); }
.procurement-steps li { padding: 24px 0; display: grid; grid-template-columns: 54px 1fr; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.18); }
.procurement-steps li > span { color: var(--kh-orange); font: 800 24px/1 "Barlow Condensed",sans-serif; }
.procurement-steps strong { font-size: 15px; text-transform: uppercase; }
.procurement-steps p { margin: 6px 0 0; color: rgba(255,255,255,.62); font-size: 13px; }

.brand-story { display: grid; grid-template-columns: 1fr .92fr; gap: 72px; align-items: center; }
.brand-story-media { position: relative; min-height: 580px; background: var(--kh-soft); }
.brand-story-media img { width: 100%; height: 580px; object-fit: cover; object-position: center top; }
.brand-story-media > span { position: absolute; right: -24px; bottom: 24px; max-width: 260px; padding: 20px 24px; background: var(--kh-orange); color: #fff; font: 800 30px/.95 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.brand-story-copy > p:not(.section-label) { color: var(--kh-muted); font-size: 17px; }
.story-points { margin: 30px 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); }
.story-points > div { padding: 20px 16px 20px 0; }
.story-points > div + div { padding-left: 20px; border-left: 1px solid var(--kh-line); }
.story-points strong, .story-points span { display: block; }
.story-points strong { color: var(--kh-navy); font-size: 12px; text-transform: uppercase; }
.story-points span { margin-top: 6px; color: var(--kh-muted); font-size: 13px; }
.help-banner { margin-bottom: 88px; padding-top: 44px; padding-bottom: 44px; display: grid; grid-template-columns: 1fr .7fr auto; align-items: center; gap: 34px; border-top: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); }
.help-banner h2 { font-size: clamp(42px,5vw,62px); }
.help-banner > p { margin: 0; color: var(--kh-muted); }

.inner-hero { max-width: var(--kh-container); margin: 0 auto; padding: 76px 28px; display: grid; grid-template-columns: 1fr .72fr; gap: 64px; align-items: center; }
.inner-hero.compact { grid-template-columns: 1fr .52fr; }
.inner-hero h1 { margin: 0 0 22px; color: var(--kh-navy); font-size: clamp(50px,6vw,78px); }
.inner-hero > div > p:not(.section-label) { max-width: 680px; color: var(--kh-muted); font-size: 18px; }
.inner-hero > img { width: 100%; max-height: 620px; object-fit: cover; object-position: center top; box-shadow: var(--kh-shadow); }
.contact-quick-card { padding: 30px; display: grid; gap: 8px; background: var(--kh-navy); color: #fff; box-shadow: var(--kh-shadow); }
.contact-quick-card strong { margin-bottom: 8px; color: var(--kh-orange); text-transform: uppercase; }
.contact-layout { display: grid; grid-template-columns: 1.15fr .55fr; gap: 26px; align-items: start; }
.kh-contact-form { padding: 34px; display: grid; gap: 17px; border: 1px solid var(--kh-line); }
.kh-contact-form h2 { font-size: clamp(44px,5vw,64px); }
.kh-contact-form label { display: grid; gap: 7px; color: var(--kh-navy); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.kh-contact-form input, .kh-contact-form select, .kh-contact-form textarea { width: 100%; border: 1px solid var(--kh-line); border-radius: 0; padding: 13px 14px; background: #fff; color: var(--kh-ink); }
.kh-contact-form input:focus, .kh-contact-form select:focus, .kh-contact-form textarea:focus { border-color: var(--kh-orange); outline: 2px solid rgba(244,81,19,.18); }
.kh-contact-form .btn { justify-self: start; }
.kh-contact-form small { color: var(--kh-muted); }
.hp-field { position: absolute !important; left: -9999px; }
.form-notice { padding: 12px 14px; font-size: 13px; font-weight: 700; }
.form-notice.success { background: #e7f6ed; color: #126b3d; }
.form-notice.error { background: #fff0eb; color: #a63209; }
.contact-support { display: grid; }
.contact-support > div { padding: 24px 4px 24px 22px; border-top: 1px solid var(--kh-line); }
.contact-support > div:last-child { border-bottom: 1px solid var(--kh-line); }
.contact-support span { color: var(--kh-orange); font: 800 15px/1 "Barlow Condensed",sans-serif; }
.contact-support h3 { margin: 8px 0; color: var(--kh-navy); font-size: 30px; }
.contact-support p { color: var(--kh-muted); font-size: 13px; }
.values-grid, .bulk-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--kh-line); padding: 1px; }
.values-grid article, .bulk-benefits > div { padding: 34px; background: #fff; }
.values-grid span, .bulk-benefits > div > strong { color: var(--kh-orange); font: 800 18px/1 "Barlow Condensed",sans-serif; }
.values-grid h2, .bulk-benefits h2 { margin: 42px 0 14px; font-size: 38px; }

.shop-shell { max-width: var(--kh-container); margin: 0 auto; padding: 0 28px 88px; }
.shop-hero { margin: 0 -28px 36px; padding: 64px max(28px,calc((100vw - var(--kh-container))/2 + 28px)); display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; background: var(--kh-navy); color: #fff; }
.shop-hero h1 { margin: 0 0 16px; font-size: clamp(48px,5.5vw,72px); }
.shop-hero .term-description { max-width: 680px; color: rgba(255,255,255,.7); }
.shop-toolbar { margin-bottom: 24px; padding-bottom: 18px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--kh-line); }
.woocommerce-ordering select { min-height: 42px; padding: 0 34px 0 12px; border: 1px solid var(--kh-line); background: #fff; }
.woocommerce-pagination { margin-top: 40px; }

.kh-product-hero { display: grid; grid-template-columns: 1fr .9fr; gap: 32px; align-items: start; }
.kh-product-gallery, .kh-product-summary { padding: 24px; border: 1px solid var(--kh-line); background: #fff; }
.kh-product-summary { position: sticky; top: 110px; }
.kh-product-summary .product_title { margin: 14px 0 !important; color: var(--kh-navy); font-size: clamp(48px,5vw,72px); }
.kh-product-summary p.price { margin: 16px 0; font-size: 38px !important; }
.product-badges, .product-support-strip, .product-action-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.product-badges span, .product-support-strip span { padding: 7px 10px; background: var(--kh-soft); color: var(--kh-navy); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.product-badges .stock-badge { background: #e7f6ed; color: var(--kh-green); }
.woocommerce div.product form.cart { display: flex; gap: 10px; }
.woocommerce .quantity .qty { min-height: 49px; border: 1px solid var(--kh-line); }
.product-action-row a { padding-bottom: 3px; border-bottom: 1px solid var(--kh-orange); color: var(--kh-orange); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.kh-product-assurance { margin: 24px 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--kh-line); }
.kh-product-assurance > div { padding: 22px; }
.kh-product-assurance > div + div { border-left: 1px solid var(--kh-line); }
.kh-product-assurance strong, .kh-product-assurance span { display: block; }
.kh-product-assurance strong { color: var(--kh-orange); font-size: 11px; text-transform: uppercase; }
.kh-product-assurance span { margin-top: 6px; color: var(--kh-muted); font-size: 12px; }
.woocommerce-tabs { padding: 28px; border: 1px solid var(--kh-line); }
.woocommerce-tabs ul.tabs { padding: 0 !important; }
.woocommerce-tabs ul.tabs::before { border-color: var(--kh-line) !important; }
.related.products, .upsells.products { margin-top: 55px; }
.related.products > h2, .upsells.products > h2 { color: var(--kh-navy); font-size: 40px; }

.premium-product-detail .product_title { font-size: clamp(44px,4.8vw,68px) !important; line-height: .98; }
.product-brand { margin: 0 0 10px; color: var(--kh-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.product-brand strong { color: var(--kh-orange); }
.transparent-product-stage { background: linear-gradient(145deg,#fff,#eef2f4); }
.transparent-product-stage > img, .transparent-product-stage .wp-post-image { object-fit: contain !important; }
.size-picker { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; }
.size-picker legend { margin-bottom: 8px; color: var(--kh-navy); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.size-picker > div { display: flex; flex-wrap: wrap; gap: 7px; }
.size-option { min-width: 42px; height: 40px; padding: 0 10px; border: 1px solid var(--kh-line); background: #fff; color: var(--kh-navy); cursor: pointer; font-size: 12px; font-weight: 800; }
.size-option:hover, .size-option.is-selected { border-color: var(--kh-orange); background: var(--kh-orange); color: #fff; }
.product-detail-grid { margin: 38px 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.product-detail-grid article { padding: 28px; border: 1px solid var(--kh-line); background: #fff; }
.product-detail-grid h2 { margin: 0 0 20px; color: var(--kh-orange); font-size: 28px; }
.product-detail-grid p, .product-detail-grid li { font-size: 13px; }
.product-detail-grid .kh-feature-list { columns: 1; }
.colour-list, .suitable-list { display: flex; flex-wrap: wrap; gap: 8px; }
.colour-list span, .suitable-list span { padding: 8px 11px; background: var(--kh-soft); color: var(--kh-navy); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.technical-sheet-section { margin: 70px 0 20px; padding: 45px; display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: center; background: var(--kh-soft); }
.technical-sheet-section h2 { margin: 0 0 12px; color: var(--kh-navy); font-size: clamp(38px,4vw,58px); }
.technical-sheet-section > img { grid-column: 1 / -1; width: min(100%,1000px); margin: 24px auto 0; border: 1px solid var(--kh-line); box-shadow: var(--kh-shadow); }
.catalog-category { margin-bottom: 5px; display: block; color: var(--kh-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }

@media (max-width: 900px) {
  .product-detail-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .premium-hero h1 { font-size: 58px; }
  .product-detail-grid, .technical-sheet-section { grid-template-columns: 1fr; }
  .technical-sheet-section { padding: 28px 20px; }
  .technical-sheet-section > img { grid-column: 1; }
}

.archive-header { margin-bottom: 35px; padding-bottom: 30px; border-bottom: 1px solid var(--kh-line); }
.archive-header h1 { margin: 0; color: var(--kh-navy); font-size: clamp(56px,7vw,90px); }
.archive-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.content-card { overflow: hidden; border: 1px solid var(--kh-line); }
.content-card > div { padding: 22px; }
.content-card h2 { color: var(--kh-navy); font-size: 32px; }
.content-meta { color: var(--kh-orange); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.entry-content { max-width: 900px; margin: 0 auto; }
.empty-state { min-height: 460px; display: grid; place-items: center; align-content: center; text-align: center; }
.empty-state h1 { margin: 0; color: var(--kh-navy); font-size: clamp(64px,9vw,120px); }
.empty-state .button-row { justify-content: center; }

.site-footer { background: var(--kh-navy); color: #fff; }
.footer-cta { max-width: var(--kh-container); margin: 0 auto; padding: 50px 28px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid rgba(255,255,255,.16); }
.footer-cta p { margin: 0 0 8px; color: var(--kh-orange); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.footer-cta h2 { margin: 0; font-size: clamp(42px,5vw,68px); }
.footer-grid { max-width: var(--kh-container); margin: 0 auto; padding: 60px 28px; display: grid; grid-template-columns: 1.4fr .75fr .75fr 1fr; gap: 42px; }
.footer-grid h3 { margin: 0 0 18px; color: #fff; font-size: 19px; }
.footer-grid a { margin: 8px 0; display: block; color: rgba(255,255,255,.67); font-size: 13px; }
.footer-grid a:hover { color: #fff; }
.footer-grid p { color: rgba(255,255,255,.61); font-size: 13px; }
.footer-brand img { max-width: 190px; margin-bottom: 20px; filter: brightness(0) invert(1); }
.footer-brand strong { color: var(--kh-orange); font-size: 12px; text-transform: uppercase; }
.social-links { display: flex; flex-wrap: wrap; gap: 10px; }
.social-links a { margin: 0; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.payment-strip { max-width: var(--kh-container); margin: 0 auto; padding: 0 28px 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: rgba(255,255,255,.6); font-size: 10px; text-transform: uppercase; }
.payment-strip strong { padding: 6px 10px; border: 1px solid rgba(255,255,255,.22); color: #fff; }
.footer-bottom { padding: 14px 28px; display: flex; justify-content: center; gap: 20px; background: var(--kh-orange); color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.footer-bottom a { text-decoration: underline; text-underline-offset: 3px; }
.cart-toast { position: fixed; right: 20px; bottom: 20px; z-index: 100; padding: 14px 18px; background: var(--kh-navy); color: #fff; box-shadow: var(--kh-shadow); font-size: 12px; font-weight: 800; }

@media (max-width: 1080px) {
  .header-inner { grid-template-columns: 160px 1fr auto; gap: 16px; }
  .main-nav a { padding: 0 8px; font-size: 11px; }
  .quote-button { display: none; }
  .premium-hero-inner { grid-template-columns: 1fr 1fr; }
  .products { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 900px) {
  .utility-bar { display: none; }
  .header-inner { min-height: 70px; grid-template-columns: 1fr auto auto; }
  .mobile-menu-toggle { width: 42px; height: 42px; padding: 0; border: 0; background: var(--kh-navy); color: #fff; display: grid; place-content: center; gap: 4px; cursor: pointer; }
  .mobile-menu-toggle span { width: 18px; height: 2px; display: block; background: currentColor; transition: .2s ease; }
  .mobile-menu-toggle strong { display: none; }
  .mobile-menu-toggle.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .mobile-menu-toggle.is-open span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .main-nav { position: fixed; inset: 70px 0 0; padding: 24px; background: var(--kh-navy); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: .2s ease; overflow: auto; }
  .main-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .main-nav ul { display: grid; justify-content: stretch; }
  .main-nav a { min-height: 54px; padding: 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,.16); font-size: 15px; }
  .main-nav a::after { display: none; }
  .main-nav .sub-menu { position: static; width: auto; padding: 0 0 0 18px; display: grid; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .header-cart span { display: none; }
  .premium-hero-inner { min-height: auto; padding-top: 60px; grid-template-columns: 1fr; }
  .premium-hero-visual { min-height: 520px; }
  .trust-rail { grid-template-columns: 1fr 1fr; }
  .premium-category-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 430px 260px 220px; }
  .premium-category-grid .category-feature { grid-row: 1; grid-column: 1 / 3; }
  .premium-category-grid > a:nth-child(2) { grid-column: 1 / 3; }
  .products { grid-template-columns: repeat(2,1fr); }
  .procurement-inner, .brand-story, .contact-layout, .kh-product-hero { grid-template-columns: 1fr; gap: 46px; }
  .kh-product-summary { position: static; }
  .help-banner { grid-template-columns: 1fr; }
  .inner-hero, .inner-hero.compact { grid-template-columns: 1fr; }
  .values-grid, .bulk-benefits { grid-template-columns: 1fr; }
  .kh-product-assurance { grid-template-columns: 1fr 1fr; }
  .kh-product-assurance > div:nth-child(3) { border-left: 0; }
  .kh-product-assurance > div:nth-child(n+3) { border-top: 1px solid var(--kh-line); }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .header-inner { padding: 0 18px; }
  .brand-mark img, .custom-logo { max-width: 135px; }
  .header-search-toggle { display: none; }
  .premium-hero-inner { padding: 48px 20px 36px; }
  .premium-hero h1 { font-size: 68px; }
  .hero-lede { font-size: 15px; }
  .premium-hero-visual { min-height: 420px; }
  .premium-hero-visual::before { inset: 34px 0 0 30px; }
  .hero-main-product { inset: 0 22% 50px 0; }
  .hero-secondary-product { width: 42%; height: 50%; }
  .hero-product-link { min-width: 190px; min-height: 54px; }
  .trust-rail { padding: 0 20px; grid-template-columns: 1fr; }
  .section, .page-shell { padding: 64px 20px; }
  .premium-section-head { align-items: flex-start; display: grid; }
  .premium-section-head h2, .section h2 { font-size: 48px; }
  .premium-category-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4,300px); }
  .premium-category-grid .category-feature, .premium-category-grid > a:nth-child(2) { grid-column: 1; grid-row: auto; }
  .products { grid-template-columns: 1fr; }
  .procurement-inner { padding: 64px 20px; }
  .procurement-copy h2 { font-size: 56px; }
  .brand-story-media, .brand-story-media img { min-height: 430px; height: 430px; }
  .brand-story-media > span { right: 0; }
  .story-points, .form-grid { grid-template-columns: 1fr; }
  .story-points > div + div { padding-left: 0; border-top: 1px solid var(--kh-line); border-left: 0; }
  .inner-hero { padding: 58px 20px; }
  .inner-hero h1 { font-size: 58px; }
  .kh-contact-form { padding: 22px; }
  .shop-shell { padding-right: 20px; padding-left: 20px; }
  .shop-hero { margin-right: -20px; margin-left: -20px; padding: 48px 20px; display: grid; }
  .shop-toolbar { align-items: flex-start; display: grid; }
  .kh-product-assurance { grid-template-columns: 1fr; }
  .kh-product-assurance > div + div { border-top: 1px solid var(--kh-line); border-left: 0; }
  .archive-grid { grid-template-columns: 1fr; }
  .footer-cta { padding: 42px 20px; align-items: flex-start; display: grid; }
  .footer-grid { padding: 50px 20px; grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child, .footer-grid > div:last-child { grid-column: 1 / -1; }
  .payment-strip { padding-right: 20px; padding-left: 20px; }
  .footer-bottom { display: grid; text-align: center; }
}

/* Full-width photographic page headers and expanded catalogue */
.inner-hero { max-width: none; min-height: 540px; padding: 72px max(28px,calc((100vw - var(--kh-container))/2 + 28px)); background: linear-gradient(110deg,var(--kh-navy) 0 48%,var(--kh-navy-2) 48% 100%); color: #fff; overflow: hidden; }
.inner-hero h1, .inner-hero.compact h1 { color: #fff; }
.inner-hero > div > p:not(.section-label) { color: rgba(255,255,255,.74); }
.inner-hero > img { height: 440px; box-shadow: 0 28px 80px rgba(0,0,0,.28); }
.inner-hero.compact { min-height: 430px; grid-template-columns: 1fr .9fr; }
.colorful-page-hero { background: linear-gradient(115deg,var(--kh-navy) 0 52%,#ff6b2f 52% 100%); }
.page-hero-product-stack { min-height: 360px; position: relative; }
.page-hero-product-stack img { position: absolute; bottom: -45px; width: 42%; height: 360px; object-fit: cover; object-position: center top; border: 7px solid rgba(255,255,255,.88); box-shadow: 0 18px 50px rgba(6,26,51,.25); }
.page-hero-product-stack img:nth-child(1) { left: 0; z-index: 3; }
.page-hero-product-stack img:nth-child(2) { left: 29%; z-index: 2; transform: translateY(-35px); }
.page-hero-product-stack img:nth-child(3) { right: 0; z-index: 1; }
.shop-hero { position: relative; min-height: 460px; overflow: hidden; padding-top: 70px; padding-bottom: 70px; background: linear-gradient(110deg,var(--kh-navy) 0 52%,var(--kh-orange) 52%); }
.shop-hero > div:first-child { max-width: 560px; position: relative; z-index: 4; }
.shop-hero-products { position: absolute; inset: 35px 120px 0 auto; width: 46%; display: flex; align-items: flex-end; justify-content: center; }
.shop-hero-products img { width: 34%; height: 380px; object-fit: cover; object-position: center top; border: 6px solid #fff; box-shadow: 0 20px 55px rgba(6,26,51,.28); }
.shop-hero-products img:nth-child(2) { height: 420px; transform: translateY(-18px); }
.shop-hero > .btn { position: absolute; z-index: 5; right: max(28px,calc((100vw - var(--kh-container))/2 + 28px)); bottom: 28px; }
.hero-slide-insight { position: absolute; z-index: 10; top: 26px; left: max(28px,calc((100vw - var(--kh-container))/2 + 28px)); display: flex; gap: 10px; align-items: center; color: rgba(255,255,255,.72); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hero-slide-light .hero-slide-insight { color: var(--kh-muted); }
.hero-slide-insight strong { color: var(--kh-orange); font: 800 20px/1 "Barlow Condensed",sans-serif; }
.hero-progress { position: absolute; z-index: 14; right: 0; bottom: 0; left: 0; height: 3px; background: rgba(255,255,255,.14); }
.hero-progress span { width: 0; height: 100%; display: block; background: var(--kh-orange); animation: hero-progress 6500ms linear; }
@keyframes hero-progress { from { width: 0; } to { width: 100%; } }
.content-rich-band { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; background: var(--kh-soft); }
.content-rich-columns { display: grid; gap: 0; border-top: 1px solid var(--kh-line); }
.content-rich-columns article { padding: 20px 0; border-bottom: 1px solid var(--kh-line); }
.content-rich-columns h3 { margin: 0 0 8px; color: var(--kh-navy); font-size: 28px; }
.content-rich-columns p { margin: 0; color: var(--kh-muted); font-size: 13px; }

@media (max-width: 900px) {
  .inner-hero, .inner-hero.compact { min-height: auto; grid-template-columns: 1fr; }
  .page-hero-product-stack { min-height: 420px; }
  .shop-hero { min-height: 720px; }
  .shop-hero-products { inset: auto 20px 55px; width: calc(100% - 40px); }
  .shop-hero > .btn { bottom: 18px; }
  .content-rich-band { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 620px) {
  .inner-hero, .inner-hero.compact { padding: 54px 20px; }
  .page-hero-product-stack { min-height: 330px; }
  .page-hero-product-stack img { height: 285px; }
  .shop-hero { min-height: 650px; }
  .shop-hero-products img { height: 300px; }
  .shop-hero-products img:nth-child(2) { height: 330px; }
  .hero-slide-insight { top: 15px; left: 20px; }
}

/* Premium commerce system v4 */
.header-icon-link { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--kh-line); background: #fff; }
.header-icon-link img, .floating-cart img, .back-to-top img { width: 18px; height: 18px; }
.department-nav { border-top: 1px solid var(--kh-line); background: #fff; }
.department-nav > div { max-width: var(--kh-container); min-height: 44px; margin: 0 auto; padding: 0 28px; display: flex; align-items: center; justify-content: center; gap: 30px; overflow-x: auto; }
.department-nav a { flex: 0 0 auto; color: var(--kh-navy); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.department-nav a:hover { color: var(--kh-orange); }
.department-nav strong { color: var(--kh-orange); }
.header-inner, .utility-inner { max-width: none; padding-right: clamp(20px,4vw,72px); padding-left: clamp(20px,4vw,72px); }
.what-we-do-section { background: var(--kh-soft); }
.what-we-do-inner { max-width: var(--kh-container); }
.service-journey { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--kh-line); border-left: 1px solid var(--kh-line); }
.service-journey a { min-height: 280px; padding: 28px; border-right: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); background: #fff; transition: background .25s ease, transform .25s ease; }
.service-journey a:hover { position: relative; z-index: 2; background: var(--kh-navy); color: #fff; transform: translateY(-5px); }
.service-journey span { color: var(--kh-orange); font: 800 18px/1 "Barlow Condensed",sans-serif; }
.service-journey h3 { margin: 70px 0 16px; color: var(--kh-navy); font-size: 34px; }
.service-journey a:hover h3 { color: #fff; }
.service-journey p { color: var(--kh-muted); font-size: 13px; }
.service-journey a:hover p { color: rgba(255,255,255,.7); }
.product-finder-cta { max-width: var(--kh-container); margin: 0 auto 88px; padding: 54px; display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: end; background: var(--kh-navy); color: #fff; }
.product-finder-cta h2 { max-width: 820px; margin: 0 0 20px; font-size: clamp(48px,6vw,82px); }
.product-finder-cta p:not(.section-label) { max-width: 760px; color: rgba(255,255,255,.7); }
.client-marquee-section { padding: 70px 0; overflow: hidden; border-top: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); }
.client-marquee-section > header { max-width: var(--kh-container); margin: 0 auto 35px; padding: 0 28px; }
.client-marquee-section h2 { margin: 0; color: var(--kh-navy); font-size: clamp(42px,5vw,68px); }
.client-marquee { overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.client-marquee > div { width: max-content; display: flex; align-items: center; gap: 30px; animation: client-scroll 42s linear infinite; }
.client-marquee img { width: 145px; height: 90px; padding: 12px; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .2s ease, opacity .2s ease; }
.client-marquee img:hover { filter: none; opacity: 1; }
@keyframes client-scroll { to { transform: translateX(-50%); } }
.newsletter-section { background: var(--kh-orange); color: #fff; }
.newsletter-inner { max-width: var(--kh-container); margin: 0 auto; padding: 58px 28px; display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 70px; }
.newsletter-inner .section-label { color: var(--kh-navy); }
.newsletter-inner h2 { margin: 0 0 14px; font-size: clamp(42px,5vw,66px); }
.newsletter-inner p { max-width: 620px; margin: 0; color: rgba(255,255,255,.82); }
.newsletter-form { display: grid; grid-template-columns: 1fr auto; }
.newsletter-form input { width: 100%; min-height: 54px; padding: 0 16px; border: 0; background: #fff; }
.newsletter-form button { min-width: 130px; border: 0; background: var(--kh-navy); color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; cursor: pointer; }
.newsletter-form small { grid-column: 1 / -1; margin-top: 9px; color: rgba(255,255,255,.72); }
.premium-footer-grid { grid-template-columns: 1.35fr .75fr .75fr 1fr; }
.social-icon-links { margin-top: 24px; display: flex; gap: 8px; }
.social-icon-links a { width: 38px; height: 38px; margin: 0; padding: 10px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); }
.social-icon-links img { width: 17px; height: 17px; margin: 0; filter: brightness(0) invert(1); }
.premium-payments { padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); }
.premium-payments a { min-height: 44px; padding: 6px 10px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.2); }
.premium-payments img { width: 25px; height: 25px; object-fit: contain; border-radius: 4px; background: #fff; }
.premium-payments strong { padding: 0; border: 0; font-size: 9px; }
.floating-cart, .back-to-top { position: fixed; right: 20px; z-index: 75; width: 52px; height: 52px; display: grid; place-items: center; border: 0; box-shadow: 0 12px 32px rgba(6,26,51,.25); cursor: pointer; }
.floating-cart { bottom: 82px; background: var(--kh-orange); color: #fff; }
.floating-cart img { filter: brightness(0) invert(1); }
.floating-cart .cart-count { position: absolute; top: -6px; right: -6px; background: var(--kh-navy); }
.back-to-top { bottom: 20px; background: #fff; opacity: 0; visibility: hidden; transform: translateY(10px); transition: .2s ease; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.policy-layout { display: grid; grid-template-columns: 250px 1fr; gap: 60px; align-items: start; }
.policy-nav { position: sticky; top: 150px; display: grid; border-top: 1px solid var(--kh-line); }
.policy-nav a { padding: 13px 0; border-bottom: 1px solid var(--kh-line); color: var(--kh-navy); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.policy-content { max-width: 800px; }
.policy-content h2 { margin: 40px 0 14px; color: var(--kh-navy); font-size: 38px; }
.policy-content h2:first-child { margin-top: 0; }

@media (max-width: 1080px) {
  .department-nav > div { justify-content: flex-start; }
  .service-journey { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .department-nav { display: none; }
  .newsletter-inner, .product-finder-cta, .policy-layout { grid-template-columns: 1fr; }
  .premium-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .service-journey, .premium-footer-grid { grid-template-columns: 1fr; }
  .product-finder-cta { margin: 0 20px 64px; padding: 34px 24px; }
  .newsletter-inner { padding: 46px 20px; gap: 32px; }
  .newsletter-form { grid-template-columns: 1fr; }
  .newsletter-form button { min-height: 50px; }
  .floating-cart, .back-to-top { right: 14px; width: 46px; height: 46px; }
}

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

.product-commerce-tools, .kh-card-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.product-tool-button, .kh-card-tools button { min-height: 38px; padding: 0 12px; border: 1px solid var(--kh-line); background: #fff; color: var(--kh-navy); cursor: pointer; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.product-tool-button:hover, .kh-card-tools button:hover, .product-tool-button.is-saved, .kh-card-tools button.is-saved { border-color: var(--kh-orange); color: var(--kh-orange); }
.product-tool-button.datasheet { display: inline-flex; align-items: center; background: var(--kh-navy); color: #fff; border-color: var(--kh-navy); }
.kh-card-tools { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--kh-line); }
.kh-card-tools button { flex: 1; background: var(--kh-soft); }
.kh-feature-list { columns: 2; gap: 40px; margin: 0; padding-left: 18px; }
.kh-feature-list li { margin-bottom: 10px; break-inside: avoid; }
.kh-spec-table { border-top: 1px solid var(--kh-line); }
.kh-spec-table > div { padding: 14px 0; display: grid; grid-template-columns: minmax(160px,.45fr) 1fr; gap: 20px; border-bottom: 1px solid var(--kh-line); }
.kh-spec-table strong { color: var(--kh-navy); font-size: 12px; text-transform: uppercase; }
.compare-drawer { position: fixed; right: 18px; bottom: 18px; z-index: 80; width: min(420px,calc(100% - 36px)); padding: 18px; background: #fff; border-top: 4px solid var(--kh-orange); box-shadow: var(--kh-shadow); }
.compare-drawer > div:first-child { display: flex; justify-content: space-between; color: var(--kh-navy); text-transform: uppercase; }
.compare-drawer button { border: 0; background: transparent; color: var(--kh-orange); cursor: pointer; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.compare-drawer [data-compare-items] > div { padding: 10px 0; display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--kh-line); font-size: 12px; }
.department-grid, .services-grid, .projects-grid, .team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.department-card, .service-card, .project-card, .team-card { overflow: hidden; border: 1px solid var(--kh-line); background: #fff; }
.department-card img, .project-card img, .team-card img { width: 100%; aspect-ratio: 1.25; object-fit: cover; object-position: center top; }
.department-card > div, .service-card, .project-card > div, .team-card > div { padding: 24px; }
.department-card h2, .service-card h2, .project-card h2, .team-card h2 { margin: 0 0 12px; color: var(--kh-navy); font-size: 36px; }
.service-card > span { color: var(--kh-orange); font: 800 18px/1 "Barlow Condensed",sans-serif; }

@media (max-width: 900px) {
  .department-grid, .services-grid, .projects-grid, .team-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .kh-feature-list { columns: 1; }
  .kh-spec-table > div, .department-grid, .services-grid, .projects-grid, .team-grid { grid-template-columns: 1fr; }
}


/* Accessible homepage slideshow */
.premium-hero[data-hero-slider] { min-height: 700px; }
.hero-slides { position: relative; min-height: 700px; }
.hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .55s ease, visibility .55s ease; }
.hero-slide.is-active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; }
.hero-slide .premium-hero-inner { width: 100%; }
.premium-hero h2 { max-width: 650px; margin: 0 0 24px; font-size: clamp(52px,6.5vw,88px); letter-spacing: -.025em; }
.hero-slide-light { background: #edf0f2; color: var(--kh-navy); }
.hero-slide-light .hero-lede { color: var(--kh-muted); }
.hero-slide-light .hero-kicker { color: var(--kh-orange); }
.hero-slide-corporate { background: var(--kh-navy-2); }
.hero-visual-orange::before { background: #ffd8c9; }
.hero-visual-team::before { background: #dfe9ef; }
.hero-slider-controls { position: absolute; z-index: 12; left: 50%; bottom: 22px; width: min(calc(100% - 56px), var(--kh-container)); transform: translateX(-50%); display: flex; align-items: center; justify-content: flex-end; gap: 9px; pointer-events: none; }
.hero-slider-controls button { pointer-events: auto; }
.hero-arrow, .hero-pause { height: 42px; border: 1px solid rgba(255,255,255,.35); background: rgba(6,26,51,.82); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.hero-arrow { width: 42px; padding: 0; }
.hero-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hero-pause { min-width: 68px; padding: 0 13px; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.hero-pause .play-label, .hero-pause[aria-pressed="true"] .pause-label { display: none; }
.hero-pause[aria-pressed="true"] .play-label { display: inline; }
.hero-dots { height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 7px; background: rgba(6,26,51,.82); }
.hero-dots button { width: 24px; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.38); cursor: pointer; transition: width .2s ease, background .2s ease; }
.hero-dots button.is-active { width: 38px; background: var(--kh-orange); }

@media (max-width: 900px) {
  .premium-hero[data-hero-slider], .hero-slides { min-height: 1090px; }
  .hero-slider-controls { bottom: 16px; }
}

@media (max-width: 620px) {
  .premium-hero[data-hero-slider], .hero-slides { min-height: 900px; }
  .premium-hero h2 { font-size: 60px; }
  .hero-slider-controls { width: calc(100% - 40px); justify-content: center; }
  .hero-pause { min-width: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide { transition: none; }
}

/* Premium refinement v5.1 */
.hero-campaign-image,
.premium-hero-visual:has(.hero-campaign-image) .hero-main-product {
  inset: 20px 0 42px 0;
  box-shadow: none;
  background: transparent;
}
.hero-campaign-image img,
.premium-hero-visual:has(.hero-campaign-image) .hero-main-product img {
  object-fit: cover;
  object-position: center;
  mask-image: linear-gradient(90deg, transparent 0, #000 17%, #000 100%), linear-gradient(0deg, transparent 0, #000 12%);
  mask-composite: intersect;
}
.premium-hero-visual:has(.hero-campaign-image)::before { display: none; }
.services-more-link { margin-top: 28px; display: inline-flex; }
.quality-impact { overflow: hidden; background: var(--kh-orange); color: #fff; }
.quality-impact-inner { max-width: var(--kh-container); margin: 0 auto; padding: 82px 28px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 90px; align-items: center; }
.quality-impact .section-label { color: var(--kh-navy); }
.quality-impact h2 { max-width: 700px; margin: 0 0 20px; font-size: clamp(48px,6vw,82px); }
.quality-impact p { max-width: 680px; color: rgba(255,255,255,.84); }
.quality-impact blockquote { margin: 0; padding: 8px 0 8px 40px; border-left: 5px solid var(--kh-navy); font: 700 clamp(25px,3vw,40px)/1.15 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.service-introduction { padding-bottom: 10px; display: grid; grid-template-columns: 1fr .75fr; gap: 70px; align-items: end; }
.service-introduction p:last-child { color: var(--kh-muted); font-size: 17px; }
.expanded-services { padding-top: 48px; grid-template-columns: repeat(3,1fr); }
.expanded-services .service-card { min-height: 360px; padding: 30px; display: flex; flex-direction: column; }
.expanded-services .service-card h2 { margin-top: 55px; font-size: 34px; }
.expanded-services .service-card p { color: var(--kh-muted); }
.expanded-services .text-link { margin-top: auto; }
.block-editor-content > * { max-width: 820px; margin-right: auto; margin-left: auto; }
.block-editor-content > .alignwide { max-width: var(--kh-container); }
.block-editor-content > .alignfull { max-width: none; width: 100vw; margin-left: calc(50% - 50vw); }
.page-hero-media { min-height: 360px; position: relative; overflow: hidden; }
.page-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--kh-navy-2), transparent 22%); }
.page-hero-media img { width: 100%; height: 100%; min-height: 360px; object-fit: contain; object-position: center; filter: drop-shadow(0 22px 28px rgba(0,0,0,.22)); }
.inner-hero > img { box-shadow: none; border-radius: 0; object-fit: cover; mask-image: linear-gradient(90deg,transparent 0,#000 16%,#000 100%),linear-gradient(0deg,transparent 0,#000 10%); mask-composite: intersect; }
.service-page-hero > img, .news-page-hero > img { object-position: center; }
.shop-hero { min-height: 390px; padding-top: 62px; padding-bottom: 62px; background: linear-gradient(105deg,var(--kh-navy) 0 58%,#f2f4f6 58%); }
.shop-hero h1 { font-size: clamp(52px,6vw,82px); }
.shop-hero-products { inset: 22px max(35px,calc((100vw - var(--kh-container))/2)) 10px auto; width: 39%; gap: 8px; align-items: center; }
.shop-hero-products::before { content: ""; position: absolute; inset: 12% 0; background: radial-gradient(circle,rgba(244,81,19,.18),transparent 68%); }
.shop-hero-products img { position: relative; width: 33.333%; height: 310px; border: 0; background: transparent; box-shadow: none; object-fit: contain; filter: drop-shadow(0 18px 18px rgba(6,26,51,.18)); }
.shop-hero-products img:nth-child(2) { height: 350px; transform: none; }
.shop-hero > .btn { right: max(28px,calc((100vw - var(--kh-container))/2 + 28px)); bottom: 22px; }
.news-grid .content-card img { width: 100%; aspect-ratio: 1.55; object-fit: cover; }
.news-grid .content-card > div { padding: 25px; }
.news-grid .content-card h2 { font-size: 34px; }
.article-layout { max-width: 920px; }
.article-layout > h1 { margin: 22px 0 34px; color: var(--kh-navy); font-size: clamp(54px,7vw,90px); }
.article-layout > img { width: 100%; max-height: 560px; margin: 0 0 38px; object-fit: cover; object-position: center; }
.article-layout .article-lede { color: var(--kh-navy); font-size: 22px; font-weight: 600; line-height: 1.55; }
.article-layout > h2 { margin: 48px 0 14px; font-size: 38px; }
.article-layout > p { color: var(--kh-muted); font-size: 17px; }
.elementor-page .page-shell,
.elementor-page main#primary { max-width: none; padding: 0; }
.sale-products-section { background: linear-gradient(180deg,#fff 0,var(--kh-soft) 100%); }
.catalog-sale-price { display: flex; align-items: baseline; gap: 10px; }
.catalog-sale-price del, .sale-price del { color: var(--kh-muted); font-size: 13px; }
.catalog-sale-price strong, .sale-price strong { color: var(--kh-orange); font-size: 22px; }
.sale-price { margin: 6px 0 18px; display: flex; align-items: center; gap: 12px; }
.sale-price strong { font-size: 30px; }
.sale-price span, .sale-badge { padding: 5px 8px; background: var(--kh-orange); color: #fff; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.preview-thumbs { grid-template-columns: repeat(4,1fr); max-height: 260px; overflow-y: auto; }
.preview-thumbs img { object-fit: contain; background: var(--kh-soft); }
.department-hero { min-height: 590px; padding: 75px max(28px,calc((100vw - var(--kh-container))/2 + 28px)); display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; overflow: hidden; background: var(--kh-navy); color: #fff; }
.department-hero-copy { position: relative; z-index: 2; }
.department-hero h1 { max-width: 700px; margin: 0 0 24px; font-size: clamp(58px,7vw,94px); }
.department-hero-copy > p:not(.section-label) { max-width: 650px; color: rgba(255,255,255,.76); font-size: 18px; }
.department-hero-products { min-height: 470px; position: relative; }
.department-hero-products::before { content: ""; position: absolute; inset: 30px; background: radial-gradient(circle,rgba(244,81,19,.34),transparent 65%); }
.department-hero-products img { position: absolute; bottom: 0; max-width: 62%; max-height: 460px; object-fit: contain; filter: drop-shadow(0 28px 28px rgba(0,0,0,.3)); }
.department-hero-products img:first-child { left: 4%; z-index: 2; }
.department-hero-products img:last-child { right: 0; z-index: 1; transform: scale(.88); }
.department-healthcare, .department-corporate { background: linear-gradient(110deg,var(--kh-navy),#173955); }
.department-footwear, .department-high-visibility { background: linear-gradient(110deg,var(--kh-navy) 0 62%,#152d43 62%); }
.department-benefits { max-width: var(--kh-container); margin: 0 auto; padding: 0 28px; display: grid; grid-template-columns: repeat(3,1fr); }
.department-benefits > div { min-height: 105px; padding: 26px; display: flex; align-items: center; gap: 18px; border-right: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); }
.department-benefits > div:first-child { border-left: 1px solid var(--kh-line); }
.department-benefits img { width: 27px; height: 27px; }
.department-benefits span { color: var(--kh-navy); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.department-empty { padding: 55px; background: var(--kh-soft); text-align: center; }
.department-empty h3 { margin: 0 0 14px; color: var(--kh-navy); font-size: 42px; }
.department-empty p { max-width: 650px; margin: 0 auto 24px; color: var(--kh-muted); }
.promotion-strip { margin: -12px 0 30px; padding: 15px 18px; display: flex; align-items: center; gap: 14px; border: 1px solid #ffd6c6; background: #fff5f0; color: var(--kh-navy); font-size: 12px; }
.promotion-strip img { width: 20px; height: 20px; }
.promotion-strip strong { color: var(--kh-orange); text-transform: uppercase; }
.promotion-strip span { flex: 1; color: var(--kh-muted); }
.promotion-strip a { font-weight: 900; text-transform: uppercase; }
.department-card img { object-fit: contain; padding: 20px; background: var(--kh-soft); }
.department-card:hover img { transform: scale(1.035); }
.department-card img { transition: transform .35s ease; }
.header-account-link { min-width: 170px; min-height: 42px; padding: 5px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--kh-line); background: #fff; }
.header-account-link img { width: 19px; height: 19px; }
.header-account-link span { display: grid; line-height: 1.1; }
.header-account-link small { color: var(--kh-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.header-account-link strong { color: var(--kh-navy); font-size: 10px; text-transform: uppercase; }
.account-menu { position: relative; }
.account-dropdown { position: absolute; top: calc(100% + 8px); right: 0; width: 210px; padding: 10px; display: grid; border: 1px solid var(--kh-line); background: #fff; opacity: 0; visibility: hidden; transform: translateY(6px); transition: .2s ease; }
.account-menu:hover .account-dropdown, .account-menu:focus-within .account-dropdown { opacity: 1; visibility: visible; transform: none; }
.account-dropdown a { padding: 10px; border-bottom: 1px solid var(--kh-line); color: var(--kh-navy); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.header-search-inner { max-width: 980px; padding: 30px 28px; align-items: flex-start; }
.header-search-inner > div { flex: 1; }
.header-search-inner h2 { margin: 0 0 18px; color: var(--kh-navy); font-size: 36px; }
.header-search-inner form { min-height: 54px; }
.search-suggestions { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; color: var(--kh-muted); font-size: 11px; }
.search-suggestions a { color: var(--kh-navy); font-weight: 800; }
.search-results-header { margin-bottom: 42px; padding: 48px; background: var(--kh-soft); }
.search-results-header h1 { margin: 0 0 15px; color: var(--kh-navy); font-size: clamp(48px,6vw,72px); }
.search-results-header form { max-width: 720px; display: flex; }
.search-results-header input { min-height: 52px; flex: 1; padding: 0 16px; border: 1px solid var(--kh-line); }
.search-results-header button { min-width: 130px; border: 0; background: var(--kh-orange); color: #fff; font-weight: 900; text-transform: uppercase; }
.search-empty { padding: 70px 30px; text-align: center; border: 1px solid var(--kh-line); }
.search-empty img { width: 44px; margin: 0 auto 22px; }
.search-empty h2 { margin: 0 0 12px; color: var(--kh-navy); font-size: 42px; }
.product-tag-list { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.product-tag-list strong { font-size: 10px; text-transform: uppercase; }
.product-tag-list a { padding: 5px 8px; background: var(--kh-soft); color: var(--kh-navy); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.woocommerce-cart-form, .cart_totals { padding: 28px; border: 1px solid var(--kh-line); background: #fff; }
.woocommerce-cart-form table { border: 0 !important; }
.woocommerce-cart-form th { color: var(--kh-navy); font-size: 10px; text-transform: uppercase; }
.woocommerce-cart-form td { padding: 18px 12px !important; border-color: var(--kh-line) !important; }
.woocommerce-cart-form .product-thumbnail img { width: 90px; height: 100px; object-fit: contain; background: var(--kh-soft); }
.woocommerce-cart-form .coupon { display: flex; gap: 8px; }
.woocommerce-cart-form .coupon input { min-width: 210px; min-height: 46px; padding: 0 13px; border: 1px solid var(--kh-line); }
.woocommerce-cart-form .continue-shopping { margin-left: 8px; background: var(--kh-navy); }
.cart-collaterals { margin-top: 30px; }
.cart_totals h2 { font-size: 38px; }
.wc-proceed-to-checkout .checkout-button { width: 100%; }
.woocommerce-MyAccount-navigation { margin-bottom: 28px; padding: 16px; background: var(--kh-navy); }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; list-style: none; }
.woocommerce-MyAccount-navigation a { padding: 10px 13px; display: block; color: #fff; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--kh-orange); }
.account-profile-card { margin-bottom: 28px; padding: 26px; display: grid; grid-template-columns: 76px 1fr auto; gap: 20px; align-items: center; background: var(--kh-soft); }
.account-profile-card img { width: 76px; height: 76px; border-radius: 50%; }
.account-profile-card p { margin: 0; color: var(--kh-orange); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.account-profile-card h2 { margin: 3px 0; color: var(--kh-navy); font-size: 32px; }
.proudly-sa-placeholder { display: inline-flex; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid var(--kh-line); color: var(--kh-navy); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.proudly-sa-placeholder img { width: 22px; height: 22px; }
.header-corporate-link { min-height: 42px; display: inline-flex; align-items: center; padding: 0 16px; background: var(--kh-orange); color: #fff !important; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.header-icon-link span { font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.corporate-pathways { margin: 0; padding: 34px max(28px,calc((100vw - var(--kh-container))/2 + 28px)); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; background: #eef1f4; }
.corporate-pathways article { min-height: 220px; padding: 32px; display: flex; flex-direction: column; justify-content: flex-end; border-top: 5px solid var(--kh-orange); background: #fff; }
.corporate-pathways article:last-child { background: var(--kh-navy); color: #fff; }
.corporate-pathways h2 { margin: 8px 0 12px; font-size: clamp(28px,3vw,42px); }
.corporate-pathways p { max-width: 600px; margin: 0 0 22px; color: var(--kh-muted); }
.corporate-pathways article:last-child p { color: rgba(255,255,255,.72); }
.customer-page { padding-top: 50px; padding-bottom: 80px; }
.preview-cart-layout { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(300px,.65fr); gap: 28px; align-items: start; }
.woocommerce-cart-form table { width: 100%; border-collapse: collapse; }
.woocommerce-cart-form .product-thumbnail { display: grid; grid-template-columns: 90px 1fr; gap: 4px 16px; align-items: center; }
.woocommerce-cart-form .product-thumbnail img { grid-row: 1 / 3; }
.woocommerce-cart-form .product-thumbnail small { color: var(--kh-muted); }
.cart-actions { margin-top: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.cart-actions .coupon { margin-right: auto; }
.cart_totals dl { margin: 22px 0; }
.cart_totals dl div { padding: 14px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--kh-line); }
.cart_totals dl div:last-child { color: var(--kh-navy); font-size: 20px; }
.secure-note { display: flex; align-items: center; gap: 9px; color: var(--kh-muted); font-size: 12px; }
.secure-note img { width: 22px; }
.woocommerce-account { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 30px; }
.woocommerce-MyAccount-navigation { padding: 14px; display: flex; flex-direction: column; background: var(--kh-navy); }
.woocommerce-MyAccount-navigation a { padding: 13px 15px; color: rgba(255,255,255,.74); font-weight: 800; }
.woocommerce-MyAccount-navigation a:hover, .woocommerce-MyAccount-navigation a.is-active { background: var(--kh-orange); color: #fff; }
.account-dashboard-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.account-dashboard-grid article { padding: 26px; border: 1px solid var(--kh-line); background: #fff; }
.account-dashboard-grid img { width: 28px; height: 28px; }
.account-dashboard-grid h3 { margin: 16px 0 8px; }
.popular-searches { margin-top: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.popular-searches button { min-width: 0; min-height: 34px; padding: 0 12px; border: 1px solid var(--kh-line); background: #fff; color: var(--kh-navy); font-size: 10px; font-weight: 900; }
.search-empty { grid-column: 1 / -1; padding: 70px 24px; text-align: center; background: var(--kh-soft); }
.search-empty img { width: 44px; }
.related.products { margin: 70px auto 0; max-width: var(--kh-container); }
.kh-product-card .price { margin-bottom: 20px; }
.kh-product-card .button { margin-top: auto; }
.kh-product-body .price, .catalog-sale-price { margin-bottom: 16px; display: flex; }
.kh-card-actions { margin-top: 18px; }
.shop-hero { display: grid; grid-template-columns: minmax(0,600px) 1fr; align-items: center; }
.shop-hero > div:first-child { max-width: 600px; }
.shop-hero-products { position: relative; inset: auto; width: 100%; min-height: 300px; justify-self: end; }
.shop-hero-products img { position: absolute; right: 3%; width: 46%; height: 300px; }
.shop-hero-products img:first-child { right: 40%; }
.shop-hero > .btn { position: static; justify-self: start; margin-top: 8px; }

/* 5.4 visual refinement: shorter heroes, source photography and clearer commerce UI */
.inner-hero { min-height: 380px; padding-top: 52px; padding-bottom: 52px; }
.inner-hero.compact { min-height: 340px; }
.inner-hero h1, .inner-hero.compact h1 { font-size: clamp(42px,5vw,66px); }
.page-hero-media { min-height: 260px; max-height: 300px; background: #fff; }
.page-hero-media img { min-height: 260px; max-height: 300px; padding: 18px; object-fit: contain; filter: none; }
.page-hero-media::after { display: none; }
.shop-hero { min-height: 330px; padding-top: 46px; padding-bottom: 46px; }
.shop-hero h1 { font-size: clamp(44px,5vw,64px); }
.shop-hero-products { min-height: 240px; }
.shop-hero-products.photo-hero-media, .department-hero-products.photo-hero-media { overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: #fff; }
.shop-hero-products.photo-hero-media::before, .department-hero-products.photo-hero-media::before { display: none; }
.shop-hero-products.photo-hero-media img, .department-hero-products.photo-hero-media img,
.shop-hero-products.photo-hero-media img:first-child, .department-hero-products.photo-hero-media img:first-child {
  position: static; width: 100%; max-width: none; height: 100%; max-height: none; padding: 10px; object-fit: contain; filter: none; transform: none;
}
.department-hero { min-height: 420px; padding-top: 52px; padding-bottom: 52px; grid-template-columns: 1fr .8fr; gap: 42px; }
.department-hero h1 { max-width: 650px; font-size: clamp(44px,5.5vw,70px); }
.department-hero-products { min-height: 300px; height: 300px; }
.department-hero.no-hero-media, .department-shop-hero.no-hero-media { grid-template-columns: minmax(0,780px); }
.department-hero.no-hero-media .department-hero-copy, .department-shop-hero.no-hero-media > div:first-child { max-width: 780px; }
.department-card.no-card-media { min-height: 310px; display: flex; align-items: flex-end; background: linear-gradient(145deg,var(--kh-navy),#153652); }
.department-card.no-card-media h2, .department-card.no-card-media p, .department-card.no-card-media .text-link { color: #fff; }
.department-card.no-card-media p { color: rgba(255,255,255,.7); }
.site-footer .proudly-sa-placeholder { display: none; }
.product-local-business { display: flex !important; align-items: center; gap: 12px; }
.product-local-business img { width: 28px; height: 28px; }
.product-local-business span { margin: 0; }
.product-local-business small { margin-top: 5px; display: block; color: var(--kh-muted); font-size: 11px; }
.product-quick-facts { margin: 24px 0 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.product-quick-facts article { padding: 26px; border: 1px solid var(--kh-line); background: #fff; }
.product-quick-facts h2 { margin: 0 0 18px; font-size: 26px; }
.colour-list, .suitable-list { gap: 10px; }
.colour-list span, .suitable-list span { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--kh-line); background: #fff; }
.colour-swatch { width: 15px; height: 15px; flex: 0 0 15px; display: inline-block; border: 1px solid rgba(6,26,51,.18); border-radius: 50%; background: #8b8f98; }
.colour-navy { background: #10264b; }
.colour-black { background: #111; }
.colour-red { background: #c9232d; }
.colour-khaki { background: #a89468; }
.colour-royal-blue { background: #1553b7; }
.colour-grey, .colour-gray { background: #858b94; }
.colour-white { background: #fff; }
.colour-pink { background: #e894b5; }
.colour-purple { background: #6d35a5; }
.colour-teal { background: #087b82; }
.colour-green { background: #23633b; }
.colour-wine { background: #761e39; }
.colour-orange { background: #ee5c18; }
.colour-brown, .colour-brown---black { background: #70523d; }
.suitable-list img { width: 17px; height: 17px; }
.local-business-marker { display: inline-flex !important; align-items: center; gap: 6px; }
.local-business-marker img { width: 17px; height: 17px; }
.related.products, .upsells.products { display: block !important; width: 100%; clear: both; }
.related.products > h2, .upsells.products > h2 { margin-bottom: 24px; }
.related.products ul.products, .upsells.products ul.products,
.related.products .products, .upsells.products .products { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.related.products .kh-product-card, .upsells.products .kh-product-card { min-width: 0; display: flex; flex-direction: column; }
.related.products .kh-product-body, .upsells.products .kh-product-body { flex: 1; display: flex; flex-direction: column; }
.related.products .kh-card-actions, .upsells.products .kh-card-actions { margin-top: auto; padding-top: 18px; }
.premium-payments a img { width: auto; max-width: 72px; height: 24px; object-fit: contain; }
.product-buying-guidance { margin: 26px 0 10px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--kh-line); background: var(--kh-soft); }
.product-buying-guidance > div { padding: 24px; }
.product-buying-guidance > div + div { border-left: 1px solid var(--kh-line); }
.product-buying-guidance span { color: var(--kh-orange); font-size: 11px; font-weight: 900; }
.product-buying-guidance strong { margin: 8px 0; display: block; color: var(--kh-navy); font-size: 15px; }
.product-buying-guidance p { margin: 0; color: var(--kh-muted); font-size: 12px; }

/* 5.5 intelligent department and corporate experience */
.header-account-link.icon-only { min-width: 42px; width: 42px; padding: 0; justify-content: center; }
.header-account-link.icon-only img { width: 20px; height: 20px; }
.header-actions > .header-icon-link { width: 42px; min-width: 42px; padding: 0; justify-content: center; }
.header-actions > .header-icon-link span:not(.screen-reader-text) { display: none; }
.department-shop-hero, .department-hero {
  isolation: isolate;
  min-height: 360px;
  background:
    radial-gradient(circle at 84% 18%,rgba(244,81,19,.38),transparent 24%),
    linear-gradient(125deg,#061a33 0%,#0b2c4a 55%,#f45113 150%);
}
.department-shop-hero::before, .department-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .58;
  background:
    linear-gradient(135deg,transparent 0 62%,rgba(255,255,255,.07) 62% 63%,transparent 63%),
    repeating-linear-gradient(115deg,transparent 0 72px,rgba(255,255,255,.025) 72px 73px);
}
.department-theme-workwear, .department-workwear { background: radial-gradient(circle at 84% 20%,rgba(26,97,130,.72),transparent 28%),linear-gradient(125deg,#061a33,#0d324e 62%,#f45113 160%); }
.department-theme-safety-footwear, .department-footwear { background: radial-gradient(circle at 82% 15%,rgba(244,154,26,.5),transparent 26%),linear-gradient(125deg,#061a33,#172b39 62%,#f45113 155%); }
.department-theme-healthcare-uniforms, .department-healthcare { background: radial-gradient(circle at 84% 15%,rgba(89,93,196,.52),transparent 26%),linear-gradient(125deg,#061a33,#183e5b 62%,#f45113 160%); }
.department-theme-high-visibility, .department-high-visibility { background: radial-gradient(circle at 84% 15%,rgba(206,255,39,.34),transparent 24%),linear-gradient(125deg,#061a33,#18354c 62%,#f45113 145%); }
.department-theme-corporate-uniforms, .department-corporate { background: radial-gradient(circle at 84% 15%,rgba(244,81,19,.46),transparent 25%),linear-gradient(125deg,#061a33,#26314d 62%,#f45113 155%); }
.department-media-slot { min-height: 265px; height: 265px; padding: 16px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.22); background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,242,246,.94)); box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.department-media-slot img { position: static !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; filter: none !important; transform: none !important; }
.department-shop-hero.no-hero-media, .department-hero.no-hero-media { min-height: 330px; }
.department-shop-hero.no-hero-media::after, .department-hero.no-hero-media::after {
  content: ""; position: absolute; right: 7%; top: 50%; width: 220px; height: 220px; border: 36px solid rgba(255,255,255,.06); border-radius: 50%; transform: translateY(-50%); box-shadow: 0 0 0 35px rgba(244,81,19,.07);
}
.inner-hero.compact { min-height: 300px; padding-top: 38px; padding-bottom: 38px; }
.premium-hero { background: #061a33; }
.premium-hero-visual { overflow: hidden; border: 1px solid rgba(255,255,255,.16); background: linear-gradient(145deg,#0d304d,#f45113); }
.hero-main-product { inset: 24px 24px 24px 18%; overflow: hidden; background: #fff; }
.hero-main-product img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.hero-secondary-product { width: 31%; height: 36%; overflow: hidden; border: 5px solid #fff; background: #fff; }
.hero-secondary-product img { width: 100%; height: 100%; object-fit: contain; }
.hero-slide-light .premium-hero-visual { background: linear-gradient(145deg,#f45113,#ff9a38); }
.hero-slide-corporate .premium-hero-visual { background: linear-gradient(145deg,#0a2947,#1b5670); }
.tracking-hero { padding: 72px max(28px,calc((100vw - var(--kh-container))/2 + 28px)); color: #fff; background: radial-gradient(circle at 82% 30%,rgba(244,81,19,.5),transparent 24%),linear-gradient(125deg,#061a33,#123a58); }
.tracking-hero > div { max-width: 760px; }
.tracking-hero h1 { margin: 0 0 16px; font-size: clamp(48px,6vw,72px); }
.tracking-hero p:not(.section-label) { color: rgba(255,255,255,.75); font-size: 18px; }
.tracking-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); gap: 24px; align-items: start; }
.tracking-panel, .tracking-help { padding: 32px; border: 1px solid var(--kh-line); background: #fff; }
.tracking-panel label { margin-bottom: 18px; display: grid; gap: 8px; color: var(--kh-navy); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.tracking-panel input { min-height: 52px; padding: 0 14px; border: 1px solid var(--kh-line); }
.tracking-panel [data-track-result] { color: var(--kh-muted); font-size: 13px; }
.tracking-help { color: #fff; background: var(--kh-navy); }
.tracking-help h2 { margin-top: 0; color: #fff; font-size: 34px; }
.tracking-help p { color: rgba(255,255,255,.72); }
.company-narrative { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; }
.company-narrative h2, .about-closing h2 { margin-top: 0; font-size: clamp(40px,5vw,64px); }
.narrative-copy p { color: var(--kh-muted); font-size: 16px; }
.corporate-identity-section { background: var(--kh-soft); }
.identity-principles { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--kh-line); border-left: 1px solid var(--kh-line); }
.identity-principles article { padding: 26px; border-right: 1px solid var(--kh-line); border-bottom: 1px solid var(--kh-line); background: #fff; }
.identity-principles span { color: var(--kh-orange); font-weight: 900; }
.identity-principles h3 { color: var(--kh-navy); font-size: 23px; }
.identity-principles p { color: var(--kh-muted); font-size: 13px; }
.about-closing { max-width: 980px; text-align: center; }
.about-closing p { color: var(--kh-muted); font-size: 18px; }

@media (max-width: 1080px) {
  .header-inner { grid-template-columns: 155px minmax(0,1fr) auto; gap: 16px; }
  .main-nav a { padding: 0 8px; font-size: 10px; }
  .header-actions .header-icon-link:nth-of-type(2),
  .header-actions .header-icon-link:nth-of-type(3) { display: none; }
  .header-account-link { min-width: 42px; width: 42px; justify-content: center; }
  .header-account-link span { display: none; }
}
@media (max-width: 900px) {
  .header-corporate-link { display: none; }
  .corporate-pathways, .preview-cart-layout, .woocommerce-account { grid-template-columns: 1fr; }
  .account-dashboard-grid { grid-template-columns: 1fr 1fr; }
  .quality-impact-inner, .service-introduction { grid-template-columns: 1fr; gap: 32px; }
  .expanded-services { grid-template-columns: 1fr 1fr; }
  .shop-hero { min-height: 560px; background: linear-gradient(160deg,var(--kh-navy) 0 54%,#f2f4f6 54%); }
  .shop-hero-products { inset: auto; width: 100%; height: 250px; }
  .shop-hero-products img, .shop-hero-products img:nth-child(2) { height: 100%; }
  .shop-hero { grid-template-columns: 1fr; }
  .department-hero { grid-template-columns: 1fr; min-height: auto; }
  .department-hero-products { min-height: 280px; height: 280px; }
  .related.products ul.products, .upsells.products ul.products,
  .related.products .products, .upsells.products .products { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-buying-guidance { grid-template-columns: 1fr; }
  .product-buying-guidance > div + div { border-top: 1px solid var(--kh-line); border-left: 0; }
  .tracking-layout, .company-narrative { grid-template-columns: 1fr; gap: 28px; }
  .identity-principles { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 620px) {
  .corporate-pathways { padding-right: 20px; padding-left: 20px; }
  .account-dashboard-grid { grid-template-columns: 1fr; }
  .cart-actions { align-items: stretch; }
  .cart-actions > *, .cart-actions .coupon { width: 100%; margin: 0; }
  .woocommerce-cart-form .coupon input { min-width: 0; flex: 1; }
  .quality-impact-inner { padding: 62px 20px; }
  .quality-impact blockquote { padding-left: 24px; }
  .expanded-services { grid-template-columns: 1fr; }
  .expanded-services .service-card { min-height: 300px; }
  .inner-hero, .inner-hero.compact { padding-top: 42px; padding-bottom: 42px; }
  .shop-hero { min-height: 500px; }
  .shop-hero-products { height: 250px; }
  .shop-hero-products img, .shop-hero-products img:nth-child(2) { height: 100%; }
  .page-hero-media, .page-hero-media img { min-height: 220px; }
  .department-hero { min-height: auto; padding: 42px 20px; }
  .department-hero h1 { font-size: 46px; }
  .department-hero-products { min-height: 240px; height: 240px; }
  .department-hero-products img { max-height: none; }
  .department-benefits { padding: 0 20px; grid-template-columns: 1fr; }
  .department-benefits > div { border-left: 1px solid var(--kh-line); }
  .promotion-strip { align-items: flex-start; flex-wrap: wrap; }
  .promotion-strip span { flex-basis: calc(100% - 40px); }
  .account-profile-card { grid-template-columns: 60px 1fr; }
  .account-profile-card .button { grid-column: 1 / -1; }
  .woocommerce-cart-form { padding: 14px; overflow-x: auto; }
  .product-quick-facts { grid-template-columns: 1fr; }
  .related.products ul.products, .upsells.products ul.products,
  .related.products .products, .upsells.products .products { grid-template-columns: 1fr; }
  .department-shop-hero, .department-hero { min-height: auto; }
  .department-media-slot { min-height: 220px; height: 220px; }
  .identity-principles { grid-template-columns: 1fr; }
  .tracking-hero { padding: 54px 20px; }
}

/* 5.5.1 fashion-branded shop and department headers */
.shop-hero,
.department-shop-hero,
.department-hero {
  position: relative !important;
  isolation: isolate;
  min-height: 255px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 14%, rgba(244,81,19,.42), transparent 24%),
    radial-gradient(circle at 8% 88%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(125deg, #061a33 0%, #0b2c4a 58%, #f45113 145%) !important;
  color: #fff;
}
.shop-hero::before,
.department-shop-hero::before,
.department-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .42;
  background:
    linear-gradient(135deg, transparent 0 58%, rgba(255,255,255,.08) 58% 59%, transparent 59%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 88px);
  mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.1));
}
.shop-hero::after,
.department-shop-hero::after,
.department-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: max(20px, calc((100vw - var(--kh-container)) / 2 + 26px));
  top: 50%;
  width: clamp(250px, 34vw, 500px);
  aspect-ratio: 720 / 220;
  transform: translateY(-50%) rotate(-2deg);
  pointer-events: none;
  background: url("../images/khanyile-watermark-logo.svg") center / contain no-repeat;
  opacity: .16;
  filter: saturate(1.08);
}
.shop-hero > div:first-child,
.department-shop-hero > div:first-child,
.department-hero .department-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 720px !important;
}
.shop-hero h1,
.department-shop-hero h1,
.department-hero h1 {
  max-width: 760px;
  margin-bottom: 12px;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  text-shadow: none !important;
}
.shop-hero p,
.department-shop-hero p,
.department-hero p {
  max-width: 650px;
}
.shop-hero-products,
.department-media-slot,
.department-hero-products {
  display: none !important;
}
.shop-hero > .btn,
.department-shop-hero > .btn {
  position: relative !important;
  z-index: 3;
  right: auto !important;
  bottom: auto !important;
  margin-left: auto;
  align-self: end;
  white-space: nowrap;
}
.department-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 760px) 1fr !important;
  gap: 24px !important;
}
.department-hero.no-hero-media,
.department-shop-hero.no-hero-media {
  min-height: 255px !important;
}
.department-theme-footwear,
.department-footwear,
.department-theme-safety-footwear {
  background:
    radial-gradient(circle at 86% 12%, rgba(255,177,66,.45), transparent 25%),
    linear-gradient(125deg, #061a33 0%, #142c42 60%, #f45113 150%) !important;
}
.department-theme-healthcare-uniforms,
.department-healthcare {
  background:
    radial-gradient(circle at 88% 14%, rgba(116,123,255,.36), transparent 26%),
    linear-gradient(125deg, #061a33 0%, #183e5b 62%, #f45113 160%) !important;
}
.department-theme-high-visibility,
.department-high-visibility {
  background:
    radial-gradient(circle at 88% 14%, rgba(206,255,39,.30), transparent 25%),
    linear-gradient(125deg, #061a33 0%, #18354c 62%, #f45113 150%) !important;
}
@media (max-width: 900px) {
  .shop-hero,
  .department-shop-hero,
  .department-hero {
    min-height: 235px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .shop-hero::after,
  .department-shop-hero::after,
  .department-hero::after {
    right: -90px;
    width: 380px;
    opacity: .11;
  }
  .shop-hero,
  .department-shop-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .shop-hero > .btn,
  .department-shop-hero > .btn {
    margin-left: 0;
  }
  .department-hero {
    grid-template-columns: 1fr !important;
  }
}

/* 5.5.2 contrast guardrails for preview parity */
.premium-hero,
.premium-hero h1,
.premium-hero h2,
.premium-hero h3,
.premium-hero p,
.premium-hero .hero-kicker,
.premium-hero .hero-lede,
.shop-hero,
.shop-hero h1,
.shop-hero p,
.department-hero,
.department-hero h1,
.department-hero p,
.department-shop-hero,
.department-shop-hero h1,
.department-shop-hero p,
.footer-cta,
.footer-cta h2,
.footer-cta p {
  color: #fff;
  text-shadow: none !important;
}
.premium-hero .btn.light,
.shop-hero .btn.light,
.department-shop-hero .btn.light,
.footer-cta .btn.light {
  color: var(--kh-navy) !important;
}
.hero-slide-light,
.hero-slide-light h1,
.hero-slide-light h2,
.hero-slide-light p {
  color: var(--kh-navy) !important;
}
.hero-slide-light .hero-lede,
.hero-slide-light .hero-proof {
  color: rgba(6,26,51,.72) !important;
}
.kh-product-card,
.feature-card,
.service-card,
.department-card,
.tracking-panel,
.account-panel,
.cart_totals,
.woocommerce-cart-form,
.kh-product-summary,
.kh-product-summary h1,
.kh-product-summary h2,
.kh-product-summary h3 {
  color: var(--kh-ink);
}
.kh-product-card h2,
.feature-card h2,
.service-card h2,
.department-card h2,
.tracking-panel h2,
.account-panel h2,
.cart_totals h2 {
  color: var(--kh-navy);
}
.section-label,
.hero-kicker,
.catalog-category,
.product_meta,
.kh-product-summary .stock {
  color: var(--kh-orange);
}

/* Shop header watermark placement refinement */
.shop-hero::after {
  right: max(36px, calc((100vw - var(--kh-container)) / 2 + 42px));
  width: clamp(220px, 25vw, 380px);
  opacity: .12;
  transform: translateY(-50%) rotate(-1deg);
}
.shop-hero > div:first-child {
  max-width: min(640px, calc(100% - 420px)) !important;
}
@media (max-width: 900px) {
  .shop-hero::after {
    right: -120px;
    width: 340px;
    opacity: .08;
  }
  .shop-hero > div:first-child {
    max-width: 100% !important;
  }
}

/* 5.5.3 unified premium header system */
.premium-hero,
.inner-hero,
.inner-hero.compact,
.shop-hero,
.department-shop-hero,
.department-hero,
.tracking-hero {
  position: relative !important;
  isolation: isolate;
  min-height: 235px !important;
  height: auto !important;
  max-height: 255px !important;
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(244,81,19,.34), transparent 24%),
    linear-gradient(125deg, #061a33 0%, #0b2c4a 62%, #f45113 150%) !important;
  color: #fff !important;
}
.inner-hero,
.inner-hero.compact,
.department-hero {
  grid-template-columns: minmax(0, 720px) 1fr !important;
  gap: 24px !important;
}
.premium-hero {
  min-height: 235px !important;
}
.premium-hero-inner {
  min-height: 235px !important;
  max-height: 255px !important;
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  grid-template-columns: minmax(0, 720px) 1fr !important;
}
.premium-hero-visual,
.hero-main-product,
.hero-secondary-product,
.page-hero-media,
.page-hero-product-stack,
.inner-hero > img,
.shop-hero-products,
.department-media-slot,
.department-hero-products {
  display: none !important;
}
.premium-hero::after,
.inner-hero::after,
.shop-hero::after,
.department-shop-hero::after,
.department-hero::after,
.tracking-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: max(34px, calc((100vw - var(--kh-container)) / 2 + 40px));
  top: 50%;
  width: clamp(150px, 18vw, 260px);
  aspect-ratio: 181 / 106;
  transform: translateY(-50%);
  pointer-events: none;
  background: url("../images/khanyile-logo-watermark-transparent.png") center / contain no-repeat;
  opacity: .13;
}
.premium-hero-copy,
.inner-hero > div:first-child,
.shop-hero > div:first-child,
.department-shop-hero > div:first-child,
.department-hero .department-hero-copy,
.tracking-hero > * {
  position: relative;
  z-index: 2;
  max-width: 700px !important;
}
.premium-hero h1,
.premium-hero h2,
.inner-hero h1,
.shop-hero h1,
.department-shop-hero h1,
.department-hero h1,
.tracking-hero h1 {
  color: #fff !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: .98 !important;
  text-shadow: none !important;
}
.premium-hero p,
.inner-hero p,
.shop-hero p,
.department-shop-hero p,
.department-hero p,
.tracking-hero p {
  color: rgba(255,255,255,.82) !important;
}
.shop-hero > .btn,
.department-shop-hero > .btn {
  position: relative !important;
  z-index: 2;
  right: auto !important;
  bottom: auto !important;
  margin-left: auto;
}
@media (max-width: 900px) {
  .premium-hero,
  .inner-hero,
  .inner-hero.compact,
  .shop-hero,
  .department-shop-hero,
  .department-hero,
  .tracking-hero,
  .premium-hero-inner {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    max-height: none !important;
    grid-template-columns: 1fr !important;
  }
  .premium-hero::after,
  .inner-hero::after,
  .shop-hero::after,
  .department-shop-hero::after,
  .department-hero::after,
  .tracking-hero::after {
    right: -58px;
    width: 210px;
    opacity: .08;
  }
  .shop-hero > .btn,
  .department-shop-hero > .btn {
    margin-left: 0;
  }
}

/* 5.5.4 350px headers and restored homepage slider */
.inner-hero,
.inner-hero.compact,
.shop-hero,
.department-shop-hero,
.department-hero,
.tracking-hero {
  min-height: 350px !important;
  max-height: 350px !important;
  padding-top: 54px !important;
  padding-bottom: 54px !important;
  align-items: center !important;
}
.inner-hero h1,
.shop-hero h1,
.department-shop-hero h1,
.department-hero h1,
.tracking-hero h1 {
  font-size: clamp(38px, 4.6vw, 62px) !important;
}
.inner-hero::after,
.shop-hero::after,
.department-shop-hero::after,
.department-hero::after,
.tracking-hero::after {
  right: max(40px, calc((100vw - var(--kh-container)) / 2 + 48px));
  width: clamp(180px, 20vw, 300px);
  opacity: .12;
}
.premium-hero[data-hero-slider],
.premium-hero[data-hero-slider] .hero-slides {
  min-height: 680px !important;
  max-height: none !important;
}
.premium-hero[data-hero-slider] .premium-hero-inner {
  min-height: 680px !important;
  max-height: none !important;
  padding-top: 66px !important;
  padding-bottom: 64px !important;
  grid-template-columns: .94fr 1.06fr !important;
}
.premium-hero[data-hero-slider]::after {
  display: none !important;
}
.premium-hero[data-hero-slider] .premium-hero-visual {
  display: block !important;
  min-height: 520px !important;
}
.premium-hero[data-hero-slider] .hero-main-product,
.premium-hero[data-hero-slider] .hero-secondary-product {
  display: block !important;
}
.premium-hero[data-hero-slider] .hero-main-product {
  inset: 24px 24px 42px 16% !important;
}
.premium-hero[data-hero-slider] .hero-secondary-product {
  width: 32% !important;
  height: 38% !important;
}
.premium-hero[data-hero-slider] h2 {
  font-size: clamp(48px, 6vw, 82px) !important;
}
@media (max-width: 900px) {
  .inner-hero,
  .inner-hero.compact,
  .shop-hero,
  .department-shop-hero,
  .department-hero,
  .tracking-hero {
    min-height: 350px !important;
    max-height: none !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 980px !important;
  }
  .premium-hero[data-hero-slider] .premium-hero-inner {
    grid-template-columns: 1fr !important;
  }
  .premium-hero[data-hero-slider] .premium-hero-visual {
    min-height: 440px !important;
  }
}
@media (max-width: 620px) {
  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 900px !important;
  }
  .premium-hero[data-hero-slider] h2 {
    font-size: 54px !important;
  }
  .premium-hero[data-hero-slider] .premium-hero-visual {
    min-height: 360px !important;
  }
}

/* 5.5.7 wider commerce layout and premium product detail cards */
:root { --kh-container: 1380px; }
.shop-shell,
.woocommerce .kh-single-product,
.kh-single-product,
.product-lower,
.related.products,
.upsells.products {
  max-width: 1380px;
}
.shop-shell,
.kh-single-product {
  width: min(100%, 1380px);
}
.kh-product-hero {
  grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr);
  gap: 38px;
}
.kh-product-summary {
  padding: 30px;
}
.product-tag-list,
.product-tags {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: var(--kh-muted);
  font-size: 12px;
}
.product-tag-list strong,
.product-tags strong {
  margin-right: 4px;
  color: var(--kh-navy);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.product-tag-list a,
.product-tags a {
  padding: 7px 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--kh-line);
  background: #fff;
  color: var(--kh-navy);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.product-tag-list a:hover,
.product-tags a:hover {
  border-color: var(--kh-orange);
  color: var(--kh-orange);
}
.product-detail-grid,
.woocommerce-tabs .woocommerce-Tabs-panel,
.product-quick-facts {
  margin-top: 22px;
}
.product-detail-grid,
.woocommerce-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
}
.woocommerce-tabs ul.tabs {
  display: none !important;
}
.product-detail-grid article,
.woocommerce-tabs .woocommerce-Tabs-panel,
.product-quick-facts article {
  min-height: 250px;
  margin: 0 !important;
  padding: 24px 26px;
  display: block !important;
  border: 1px solid var(--kh-line);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #fbfcfd);
  box-shadow: 0 10px 34px rgba(6,26,51,.045);
}
.product-detail-grid article h2,
.woocommerce-tabs .woocommerce-Tabs-panel > h2,
.product-quick-facts article h2 {
  margin: 0 0 16px;
  color: var(--kh-orange);
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
}
.woocommerce-tabs .panel {
  width: auto !important;
}
.kh-feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
  columns: 1;
}
.kh-feature-list li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 28px;
  break-inside: avoid;
  color: var(--kh-ink);
  font-size: 14px;
  line-height: 1.4;
}
.kh-feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: .08em;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--kh-orange);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}
.kh-spec-table {
  border-top: 0;
}
.kh-spec-table > div {
  padding: 8px 0;
  grid-template-columns: minmax(120px, .72fr) 1fr;
  gap: 16px;
  border-bottom: 1px solid rgba(102,112,133,.18);
}
.kh-spec-table strong {
  color: var(--kh-ink);
  font-size: 13px;
  text-transform: none;
}
.kh-spec-table span {
  color: var(--kh-ink);
  font-size: 13px;
}
.product-quick-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.colour-list {
  gap: 18px 28px;
}
.colour-list span {
  min-width: 74px;
  padding: 0;
  display: grid;
  justify-items: center;
  gap: 8px;
  background: transparent;
  color: var(--kh-ink);
  font-size: 12px;
  font-weight: 900;
}
.colour-swatch {
  width: 46px;
  height: 46px;
  margin: 0;
  border: 1px solid rgba(6,26,51,.1);
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(6,26,51,.12);
}
.suitable-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 16px;
}
.suitable-list span {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  background: transparent;
  color: var(--kh-ink);
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
}
.suitable-list img {
  width: 16px;
  height: 16px;
}
.kh-product-assurance {
  margin: 18px 0 22px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.kh-product-assurance > div {
  min-height: 88px;
  padding: 18px;
}
.kh-product-assurance strong {
  color: var(--kh-ink);
}
.kh-product-assurance span,
.kh-product-assurance small {
  color: var(--kh-muted);
  line-height: 1.3;
}
@media (max-width: 1100px) {
  .kh-product-hero,
  .product-detail-grid,
  .woocommerce-tabs,
  .product-quick-facts {
    grid-template-columns: 1fr 1fr;
  }
  .kh-product-summary {
    position: static;
  }
  .kh-product-assurance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .shop-shell,
  .kh-single-product {
    padding-right: 18px;
    padding-left: 18px;
  }
  .kh-product-hero,
  .product-detail-grid,
  .woocommerce-tabs,
  .product-quick-facts,
  .suitable-list,
  .kh-product-assurance {
    grid-template-columns: 1fr;
  }
}

/* 5.5.8 WooCommerce product grid repair and activation-ready pages */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after,
.products::before,
.products::after {
  content: none !important;
  display: none !important;
}
.woocommerce ul.products,
ul.products,
.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch;
}
.woocommerce ul.products li.product,
ul.products li.product,
.products > .product,
.products > .kh-product-card {
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  min-width: 0;
}
.kh-product-card,
.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.kh-product-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.kh-card-actions,
.kh-product-card .button,
.woocommerce ul.products li.product .button {
  margin-top: auto;
}
@media (max-width: 1100px) {
  .woocommerce ul.products,
  ul.products,
  .products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 800px) {
  .woocommerce ul.products,
  ul.products,
  .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  .woocommerce ul.products,
  ul.products,
  .products {
    grid-template-columns: 1fr !important;
  }
}

/* 5.5.5 full-width 375px headers and premium image-led homepage slider */
.inner-hero,
.inner-hero.compact,
.shop-hero,
.department-shop-hero,
.department-hero,
.tracking-hero {
  width: 100vw !important;
  max-width: none !important;
  min-height: 375px !important;
  max-height: 375px !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 62px max(24px, calc((100vw - var(--kh-container)) / 2 + 28px)) !important;
}
.inner-hero,
.inner-hero.compact,
.department-hero {
  grid-template-columns: minmax(0, 720px) 1fr !important;
}
.shop-hero,
.department-shop-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.inner-hero h1,
.shop-hero h1,
.department-shop-hero h1,
.department-hero h1,
.tracking-hero h1 {
  font-size: clamp(34px, 4.1vw, 56px) !important;
  line-height: 1 !important;
}
.inner-hero p,
.shop-hero p,
.department-shop-hero p,
.department-hero p,
.tracking-hero p {
  font-size: clamp(15px, 1.45vw, 18px) !important;
}
.inner-hero::after,
.shop-hero::after,
.department-shop-hero::after,
.department-hero::after,
.tracking-hero::after {
  right: max(46px, calc((100vw - var(--kh-container)) / 2 + 56px)) !important;
  width: clamp(190px, 19vw, 310px) !important;
  opacity: .105 !important;
}
.premium-hero[data-hero-slider] {
  width: 100% !important;
  min-height: 680px !important;
  max-height: none !important;
  overflow: hidden !important;
  background: #061a33 !important;
}
.premium-hero[data-hero-slider]::after {
  display: none !important;
}
.premium-hero[data-hero-slider] .hero-slides {
  min-height: 680px !important;
}
.premium-hero[data-hero-slider] .hero-slide {
  min-height: 680px !important;
  overflow: hidden;
  background: #061a33 !important;
}
.premium-hero[data-hero-slider] .hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("../images/khanyile-workforce-campaign-v2.png") center / cover no-repeat;
  transform: scale(1.03);
}
.premium-hero[data-hero-slider] .hero-slide:nth-child(2)::before {
  background-image: url("../images/catalog/denim_conti_suit/jacket_front_indigo.png");
  background-size: contain;
  background-position: 78% center;
  background-color: #081d35;
}
.premium-hero[data-hero-slider] .hero-slide:nth-child(3)::before {
  background-image: url("../images/slide-high-vis-women.png");
  background-position: center;
}
.premium-hero[data-hero-slider] .hero-slide:nth-child(4)::before {
  background-image: url("../images/slide-manufacturing-team.png");
  background-position: center;
}
.premium-hero[data-hero-slider] .hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(6,26,51,.94) 0%, rgba(6,26,51,.82) 38%, rgba(6,26,51,.28) 72%, rgba(6,26,51,.74) 100%),
    radial-gradient(circle at 82% 15%, rgba(244,81,19,.32), transparent 28%);
}
.premium-hero[data-hero-slider] .premium-hero-inner {
  position: relative;
  z-index: 2;
  width: 100% !important;
  max-width: var(--kh-container);
  min-height: 680px !important;
  max-height: none !important;
  margin: 0 auto;
  padding: 88px 28px 84px !important;
  display: flex !important;
  align-items: center !important;
}
.premium-hero[data-hero-slider] .premium-hero-copy {
  max-width: 690px !important;
  padding: 34px 0 34px 34px;
  border-left: 6px solid var(--kh-orange);
  background: linear-gradient(90deg, rgba(6,26,51,.54), rgba(6,26,51,0));
}
.premium-hero[data-hero-slider] .premium-hero-visual,
.premium-hero[data-hero-slider] .hero-main-product,
.premium-hero[data-hero-slider] .hero-secondary-product,
.premium-hero[data-hero-slider] .hero-product-link,
.premium-hero[data-hero-slider] .hero-visual-copy {
  display: none !important;
}
.premium-hero[data-hero-slider] h1,
.premium-hero[data-hero-slider] h2 {
  max-width: 700px;
  color: #fff !important;
  font-size: clamp(44px, 5.8vw, 78px) !important;
  line-height: .94 !important;
}
.premium-hero[data-hero-slider] .hero-kicker {
  color: #ffb08f !important;
}
.premium-hero[data-hero-slider] .hero-lede {
  max-width: 620px;
  color: rgba(255,255,255,.86) !important;
  font-size: 18px !important;
}
.premium-hero[data-hero-slider] .btn.secondary,
.premium-hero[data-hero-slider] .btn.dark {
  border-color: rgba(255,255,255,.62);
  color: #fff !important;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
}
.premium-hero[data-hero-slider] .hero-slider-controls {
  bottom: 30px;
}
@media (max-width: 900px) {
  .inner-hero,
  .inner-hero.compact,
  .shop-hero,
  .department-shop-hero,
  .department-hero,
  .tracking-hero {
    min-height: 375px !important;
    max-height: none !important;
    padding-top: 54px !important;
    padding-bottom: 54px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .hero-slide,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 720px !important;
  }
  .premium-hero[data-hero-slider] .premium-hero-copy {
    padding-left: 24px;
  }
}
@media (max-width: 620px) {
  .inner-hero h1,
  .shop-hero h1,
  .department-shop-hero h1,
  .department-hero h1,
  .tracking-hero h1 {
    font-size: 42px !important;
  }
  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .hero-slide,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 680px !important;
  }
  .premium-hero[data-hero-slider] h1,
  .premium-hero[data-hero-slider] h2 {
    font-size: 50px !important;
  }
  .premium-hero[data-hero-slider] .hero-lede {
    font-size: 15px !important;
  }
}

/* 5.5.9 web responsiveness, contrast and editor-stability hardening */
:root {
  --kh-readable-dark: #07192f;
  --kh-readable-light: #ffffff;
  --kh-readable-muted-light: rgba(255,255,255,.86);
  --kh-readable-muted-dark: #4f5f70;
}

body,
.site-main,
#primary {
  min-width: 0;
  overflow-x: clip;
}

main,
section,
article,
aside,
.section,
.page-shell,
.shop-shell,
.kh-single-product,
.woocommerce,
.woocommerce-page {
  min-width: 0;
}

.section,
.page-shell,
.shop-shell,
.kh-single-product,
.woocommerce .kh-single-product,
.product-lower,
.related.products,
.upsells.products {
  width: min(100%, var(--kh-container));
}

.section h1,
.section h2,
.section h3,
.premium-section-head h2,
.corporate-pathways h2,
.service-journey h3,
.quality-impact h2,
.procurement-section h2,
.brand-story-copy h2,
.help-banner h2 {
  text-shadow: none !important;
}

.section:not(.procurement-section):not(.quality-impact) h1,
.section:not(.procurement-section):not(.quality-impact) h2,
.section:not(.procurement-section):not(.quality-impact) h3,
.premium-section-head h2,
.corporate-pathways article:first-child h2,
.what-we-do-section h2,
.what-we-do-section h3,
.brand-story-copy h2,
.help-banner h2 {
  color: var(--kh-readable-dark) !important;
}

.section:not(.procurement-section):not(.quality-impact) p,
.premium-section-head > p,
.corporate-pathways article:first-child p:not(.section-label),
.what-we-do-section p,
.brand-story-copy p,
.help-banner p {
  color: var(--kh-readable-muted-dark);
}

.premium-hero[data-hero-slider] h1,
.premium-hero[data-hero-slider] h2,
.premium-hero[data-hero-slider] h3,
.premium-hero[data-hero-slider] p,
.premium-hero[data-hero-slider] .hero-proof,
.premium-hero[data-hero-slider] .hero-slide-insight,
.premium-hero[data-hero-slider] .hero-slide-insight span,
.procurement-section h1,
.procurement-section h2,
.procurement-section h3,
.procurement-section strong,
.quality-impact h1,
.quality-impact h2,
.quality-impact h3,
.quality-impact blockquote,
.corporate-pathways article:nth-child(2) h2,
.corporate-pathways article:nth-child(2) p:not(.section-label) {
  color: var(--kh-readable-light) !important;
}

.premium-hero[data-hero-slider] .hero-lede,
.premium-hero[data-hero-slider] .hero-proof,
.procurement-section p:not(.section-label),
.procurement-steps p,
.quality-impact p,
.corporate-pathways article:nth-child(2) p:not(.section-label) {
  color: var(--kh-readable-muted-light) !important;
}

.premium-hero[data-hero-slider] .hero-kicker,
.premium-hero[data-hero-slider] .section-label,
.procurement-section .section-label,
.quality-impact .section-label,
.corporate-pathways article:nth-child(2) .section-label {
  color: #ffb08f !important;
}

.premium-hero[data-hero-slider] .premium-hero-copy {
  max-width: min(690px, 100%) !important;
  padding: clamp(22px, 3vw, 36px) clamp(18px, 3vw, 34px) !important;
  border-left: 6px solid var(--kh-orange);
  background: linear-gradient(90deg, rgba(6,26,51,.76), rgba(6,26,51,.34) 68%, rgba(6,26,51,0));
}

.premium-hero[data-hero-slider] .hero-slide::after {
  background:
    linear-gradient(90deg, rgba(6,26,51,.96) 0%, rgba(6,26,51,.84) 42%, rgba(6,26,51,.34) 72%, rgba(6,26,51,.72) 100%),
    radial-gradient(circle at 82% 15%, rgba(244,81,19,.34), transparent 30%) !important;
}

.hero-slider-controls {
  z-index: 5;
  color: #fff;
}

.hero-arrow,
.hero-pause,
.hero-dots button {
  border-color: rgba(255,255,255,.42) !important;
  background: rgba(6,26,51,.42) !important;
  color: #fff !important;
  backdrop-filter: blur(8px);
}

.hero-dots button.is-active,
.hero-arrow:hover,
.hero-pause:hover {
  background: var(--kh-orange) !important;
  border-color: var(--kh-orange) !important;
}

.trust-rail,
.corporate-pathways,
.premium-category-grid,
.service-journey,
.product-detail-grid,
.product-quick-facts,
.kh-product-assurance,
.footer-grid {
  min-width: 0;
}

.corporate-pathways {
  width: min(100%, var(--kh-container));
  margin-right: auto;
  margin-left: auto;
  padding-right: 28px;
  padding-left: 28px;
}

.corporate-pathways article {
  min-width: 0;
  overflow-wrap: anywhere;
}

.products,
.woocommerce ul.products,
ul.products {
  width: 100%;
}

.kh-product-card,
.woocommerce ul.products li.product {
  min-width: 0;
  overflow: hidden;
}

.kh-product-body,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  min-width: 0;
}

.woocommerce-loop-product__title,
.kh-product-card h2,
.kh-product-card h3 {
  overflow-wrap: anywhere;
}

.kh-card-actions {
  flex-wrap: wrap;
}

.kh-card-actions .button,
.kh-card-actions .outline-link,
.woocommerce ul.products li.product .button {
  min-width: 0;
  flex: 1 1 130px;
  white-space: normal;
  text-align: center;
}

.btn,
.button,
button.single_add_to_cart_button,
.text-link {
  white-space: normal;
}

.header-inner {
  min-width: 0;
}

.main-nav {
  min-width: 0;
}

.main-nav a {
  white-space: nowrap;
}

.header-actions {
  min-width: 0;
}

.header-search-toggle,
.header-account-link,
.header-icon-link,
.header-cart {
  flex: 0 0 auto;
}

@media (max-width: 1240px) {
  :root {
    --kh-container: 1180px;
  }

  .header-inner {
    grid-template-columns: 160px minmax(0,1fr) auto;
    gap: 16px;
  }

  .main-nav a {
    padding: 0 8px;
    font-size: 11px;
  }

  .quote-button {
    padding: 0 12px;
  }

  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 640px !important;
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }
}

@media (max-width: 1024px) {
  .utility-inner {
    align-items: flex-start;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 8px;
  }

  .header-inner {
    min-height: 72px;
    grid-template-columns: 1fr auto auto;
  }

  .main-nav {
    display: none;
  }

  .mobile-menu-toggle {
    display: inline-flex;
  }

  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .hero-slide,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 660px !important;
  }

  .premium-hero[data-hero-slider] .premium-hero-inner {
    padding: 74px 28px 82px !important;
  }

  .premium-hero[data-hero-slider] .premium-hero-copy {
    max-width: 720px !important;
  }

  .trust-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .corporate-pathways,
  .premium-category-grid,
  .service-journey,
  .values-grid,
  .bulk-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .premium-category-grid {
    grid-template-rows: auto !important;
  }

  .premium-category-grid .category-feature,
  .premium-category-grid > a:nth-child(2) {
    grid-row: auto !important;
    grid-column: auto !important;
  }

  .premium-category-grid > a {
    min-height: 260px;
  }
}

@media (max-width: 800px) {
  body {
    font-size: 15px;
  }

  .section,
  .page-shell,
  .shop-shell,
  .kh-single-product,
  .woocommerce .kh-single-product,
  .product-lower,
  .related.products,
  .upsells.products {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .premium-section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .premium-section-head h2,
  .section h2 {
    font-size: clamp(34px, 8vw, 48px) !important;
    line-height: .98;
  }

  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .hero-slide,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 640px !important;
  }

  .premium-hero[data-hero-slider] .premium-hero-inner {
    padding: 58px 20px 82px !important;
  }

  .premium-hero[data-hero-slider] .premium-hero-copy {
    padding: 22px 18px !important;
    border-left-width: 4px;
    background: rgba(6,26,51,.74);
  }

  .premium-hero[data-hero-slider] h1,
  .premium-hero[data-hero-slider] h2 {
    font-size: clamp(40px, 12vw, 58px) !important;
    line-height: .96 !important;
  }

  .premium-hero[data-hero-slider] .hero-lede {
    font-size: 15px !important;
    line-height: 1.55;
  }

  .hero-proof {
    margin-top: 24px;
    gap: 10px;
  }

  .hero-slider-controls {
    right: 16px;
    bottom: 18px !important;
    left: 16px;
    justify-content: center;
  }

  .trust-rail,
  .corporate-pathways,
  .premium-category-grid,
  .service-journey,
  .values-grid,
  .bulk-benefits,
  .product-detail-grid,
  .woocommerce-tabs,
  .product-quick-facts,
  .kh-product-assurance {
    grid-template-columns: 1fr !important;
  }

  .corporate-pathways {
    padding-right: 20px;
    padding-left: 20px;
  }

  .corporate-pathways article,
  .service-journey a {
    padding: 26px 22px;
  }

  .premium-category-grid > a {
    min-height: 230px;
  }

  .kh-product-hero {
    grid-template-columns: 1fr !important;
    gap: 22px;
  }

  .kh-product-summary .product_title {
    font-size: clamp(36px, 10vw, 50px) !important;
  }

  .woocommerce div.product form.cart {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .utility-bar {
    display: none;
  }

  .header-inner {
    padding-right: 16px;
    padding-left: 16px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
  }

  .brand-mark img,
  .custom-logo {
    max-width: 138px;
    max-height: 50px;
  }

  .header-actions {
    gap: 6px;
  }

  .quote-button {
    display: none;
  }

  .header-cart {
    width: 42px;
    padding: 0;
  }

  .header-cart span:not(.cart-count),
  .header-cart .cart-label {
    display: none !important;
  }

  .premium-hero[data-hero-slider],
  .premium-hero[data-hero-slider] .hero-slides,
  .premium-hero[data-hero-slider] .hero-slide,
  .premium-hero[data-hero-slider] .premium-hero-inner {
    min-height: 620px !important;
  }

  .premium-hero[data-hero-slider] .hero-slide::after {
    background: linear-gradient(180deg, rgba(6,26,51,.94), rgba(6,26,51,.76)) !important;
  }

  .button-row {
    width: 100%;
    gap: 10px;
  }

  .button-row .btn,
  .button-row .button {
    width: 100%;
  }

  .hero-slider-controls {
    transform: none;
  }

  .section {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .products,
  .woocommerce ul.products,
  ul.products {
    gap: 16px !important;
  }

  .woocommerce-loop-product__title {
    min-height: 0;
    font-size: 22px !important;
  }
}

/* 5.5.10 mobile navigation and mobile contrast refinement */
@media (max-width: 1024px) {
  body.menu-open {
    overflow: hidden !important;
  }

  .site-header {
    z-index: 999;
  }

  .site-header.is-hidden {
    transform: none !important;
  }

  .header-inner {
    position: relative;
    min-height: 72px !important;
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) auto auto !important;
    align-items: center;
    gap: 10px !important;
    background: rgba(255,255,255,.98);
  }

  .mobile-menu-toggle {
    width: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(6,26,51,.12) !important;
    border-radius: 999px;
    display: inline-grid !important;
    place-content: center;
    gap: 4px;
    background: var(--kh-navy) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(6,26,51,.16);
  }

  .mobile-menu-toggle span {
    width: 19px !important;
    height: 2px !important;
    border-radius: 999px;
    display: block !important;
    background: currentColor !important;
  }

  .mobile-menu-toggle strong {
    display: none !important;
  }

  .mobile-menu-toggle.is-open {
    background: var(--kh-orange) !important;
  }

  .main-nav[data-mobile-menu] {
    position: fixed !important;
    inset: 72px 0 0 !important;
    z-index: 998 !important;
    width: 100vw !important;
    height: calc(100dvh - 72px) !important;
    max-height: calc(100dvh - 72px) !important;
    padding: 18px 18px 120px !important;
    display: block !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background:
      radial-gradient(circle at 92% 8%, rgba(244,81,19,.22), transparent 26%),
      linear-gradient(145deg, #061a33 0%, #0b2748 58%, #041325 100%) !important;
    color: #fff !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-100%) !important;
    transition: transform .28s ease, opacity .2s ease, visibility .2s ease !important;
  }

  .main-nav[data-mobile-menu].is-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  .main-nav[data-mobile-menu]::before {
    content: "Navigate Khanyile Solutions";
    margin: 0 0 14px;
    padding: 14px 16px;
    display: block;
    border: 1px solid rgba(255,255,255,.14);
    border-left: 4px solid var(--kh-orange);
    background: rgba(255,255,255,.06);
    color: #ffb08f;
    font: 900 12px/1 Inter, Arial, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .main-nav[data-mobile-menu] ul,
  .main-nav[data-mobile-menu] .menu {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 8px !important;
    list-style: none !important;
  }

  .main-nav[data-mobile-menu] li {
    width: 100%;
    position: relative;
  }

  .main-nav[data-mobile-menu] a {
    min-height: 54px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px;
    background: rgba(255,255,255,.075);
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .04em;
    line-height: 1.2;
    white-space: normal !important;
    text-transform: uppercase;
  }

  .main-nav[data-mobile-menu] a:hover,
  .main-nav[data-mobile-menu] a:focus-visible,
  .main-nav[data-mobile-menu] .current-menu-item > a {
    border-color: rgba(244,81,19,.75) !important;
    background: rgba(244,81,19,.18);
    color: #fff !important;
  }

  .main-nav[data-mobile-menu] a::after {
    content: "→";
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin-left: 12px;
    display: inline-block !important;
    background: transparent !important;
    color: var(--kh-orange);
    transform: none !important;
    transition: none !important;
  }

  .main-nav[data-mobile-menu] .sub-menu {
    position: static !important;
    width: 100% !important;
    margin: 8px 0 4px !important;
    padding: 0 0 0 14px !important;
    display: grid !important;
    gap: 6px !important;
    border-left: 1px solid rgba(255,255,255,.16);
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .main-nav[data-mobile-menu] .sub-menu a {
    min-height: 46px !important;
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
  }

  .department-nav {
    display: none;
  }

  .header-search[data-header-search]:not([hidden]) {
    position: fixed;
    inset: 72px 0 auto;
    z-index: 1000;
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(6,26,51,.22);
  }

  .header-search-inner {
    max-width: none;
    padding: 22px 18px;
  }

  .header-search-inner h2 {
    color: var(--kh-navy) !important;
    font-size: 34px;
  }
}

@media (max-width: 800px) {
  .premium-hero[data-hero-slider] .hero-slide::before {
    opacity: .74;
  }

  .premium-hero[data-hero-slider] .hero-slide::after {
    background:
      linear-gradient(180deg, rgba(6,26,51,.96) 0%, rgba(6,26,51,.87) 54%, rgba(6,26,51,.7) 100%),
      radial-gradient(circle at 80% 14%, rgba(244,81,19,.25), transparent 32%) !important;
  }

  .premium-hero[data-hero-slider] .premium-hero-copy,
  .quality-impact-inner,
  .procurement-copy,
  .corporate-pathways article:nth-child(2) {
    background-color: rgba(6,26,51,.72);
    color: #fff !important;
  }

  .premium-hero[data-hero-slider] h1,
  .premium-hero[data-hero-slider] h2,
  .premium-hero[data-hero-slider] p,
  .quality-impact h2,
  .quality-impact p,
  .quality-impact blockquote,
  .procurement-section h2,
  .procurement-section p,
  .corporate-pathways article:nth-child(2) h2,
  .corporate-pathways article:nth-child(2) p {
    color: #fff !important;
  }

  .premium-hero[data-hero-slider] .hero-kicker,
  .premium-hero[data-hero-slider] .section-label,
  .quality-impact .section-label,
  .procurement-section .section-label,
  .corporate-pathways article:nth-child(2) .section-label {
    color: #ffb08f !important;
  }

  .corporate-pathways article:first-child,
  .service-journey a,
  .kh-product-card,
  .product-detail-grid article,
  .woocommerce-tabs .woocommerce-Tabs-panel,
  .product-quick-facts article {
    background: #fff !important;
    color: var(--kh-ink) !important;
  }

  .corporate-pathways article:first-child h2,
  .service-journey h3,
  .kh-product-card h2,
  .kh-product-card h3,
  .product-detail-grid h2,
  .woocommerce-tabs .woocommerce-Tabs-panel > h2,
  .product-quick-facts h2 {
    color: var(--kh-navy) !important;
  }

  .service-journey p,
  .kh-product-card p,
  .product-detail-grid p,
  .woocommerce-tabs p,
  .product-quick-facts p {
    color: var(--kh-readable-muted-dark) !important;
  }
}

@media (max-width: 560px) {
  .header-inner {
    min-height: 68px !important;
    grid-template-columns: minmax(104px, 1fr) auto auto !important;
  }

  .main-nav[data-mobile-menu] {
    inset: 68px 0 0 !important;
    height: calc(100dvh - 68px) !important;
    max-height: calc(100dvh - 68px) !important;
  }

  .mobile-menu-toggle,
  .header-search-toggle,
  .header-account-link,
  .header-icon-link,
  .header-cart {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .header-actions {
    gap: 5px !important;
  }

  .header-search-toggle {
    display: inline-flex !important;
  }

  .header-icon-link {
    display: none !important;
  }

  .account-menu .header-icon-link,
  .account-menu .header-account-link {
    display: inline-flex !important;
  }

  .premium-hero[data-hero-slider] h1,
  .premium-hero[data-hero-slider] h2 {
    font-size: clamp(38px, 12vw, 52px) !important;
  }

  .premium-hero[data-hero-slider] .premium-hero-copy {
    padding: 20px 16px !important;
  }
}

/* 5.5.11 mobile CTA contrast and single-column width refinement */
.product-finder-cta,
.product-finder-cta h1,
.product-finder-cta h2,
.product-finder-cta h3 {
  color: #fff !important;
}

.product-finder-cta p:not(.section-label) {
  color: rgba(255,255,255,.84) !important;
}

.product-finder-cta .section-label {
  color: #ffb08f !important;
}

.product-finder-cta .btn.secondary {
  border-color: rgba(255,255,255,.62) !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

.product-finder-cta .btn.secondary:hover {
  background: #fff !important;
  color: var(--kh-navy) !important;
}

@media (max-width: 800px) {
  .product-finder-cta {
    width: calc(100% - 40px);
    max-width: none;
    margin-right: 20px !important;
    margin-left: 20px !important;
    padding: 34px 0 !important;
    justify-items: center;
  }

  .product-finder-cta > *,
  .corporate-pathways article > *,
  .service-journey a > *,
  .quality-impact-inner > *,
  .procurement-inner > *,
  .brand-story > *,
  .help-banner > *,
  .newsletter-inner > *,
  .kh-product-summary > *,
  .product-detail-grid article > *,
  .woocommerce-tabs .woocommerce-Tabs-panel > *,
  .product-quick-facts article > * {
    width: min(90%, 760px);
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .product-finder-cta .button-row,
  .help-banner .button-row,
  .newsletter-inner form,
  .woocommerce div.product form.cart,
  .kh-card-actions {
    width: min(90%, 760px);
    max-width: 90%;
  }

  .product-finder-cta h2 {
    color: #fff !important;
    font-size: clamp(38px, 10vw, 54px) !important;
    line-height: .98 !important;
  }

  .product-finder-cta p {
    color: rgba(255,255,255,.84) !important;
  }
}

@media (max-width: 560px) {
  .product-finder-cta {
    width: calc(100% - 28px);
    margin-right: 14px !important;
    margin-left: 14px !important;
  }

  .product-finder-cta > *,
  .corporate-pathways article > *,
  .service-journey a > *,
  .quality-impact-inner > *,
  .procurement-inner > *,
  .brand-story > *,
  .help-banner > *,
  .newsletter-inner > *,
  .kh-product-summary > *,
  .product-detail-grid article > *,
  .woocommerce-tabs .woocommerce-Tabs-panel > *,
  .product-quick-facts article > * {
    width: 90%;
    max-width: 90%;
  }
}

/* 5.5.12 full-width headers and premium cart/checkout flow */
.inner-hero,
.inner-hero.compact,
.shop-hero,
.department-shop-hero,
.department-hero,
.tracking-hero,
.archive-header,
.search-results-header,
.woocommerce-products-header,
.page-title-hero {
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding-right: max(24px, calc((100vw - var(--kh-container)) / 2 + 28px)) !important;
  padding-left: max(24px, calc((100vw - var(--kh-container)) / 2 + 28px)) !important;
}

.inner-hero > div:first-child,
.inner-hero .department-hero-copy,
.shop-hero > div:first-child,
.department-shop-hero > div:first-child,
.department-hero .department-hero-copy,
.tracking-hero > div,
.archive-header > *,
.search-results-header > *,
.woocommerce-products-header > * {
  max-width: min(780px, 100%);
}

.woocommerce-cart .page-shell,
.woocommerce-checkout .page-shell,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
  width: min(100%, 1380px);
  max-width: 1380px;
  margin-right: auto;
  margin-left: auto;
}

.woocommerce-cart .woocommerce {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 460px);
  gap: 30px;
  align-items: start;
}

.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .return-to-shop,
.woocommerce-cart .cross-sells {
  grid-column: 1 / -1;
}

.woocommerce-cart-form {
  min-width: 0;
  overflow-x: auto;
}

.woocommerce-cart .cart-collaterals {
  margin-top: 0 !important;
  min-width: 0;
}

.woocommerce-cart .cart_totals {
  width: 100% !important;
  float: none !important;
  padding: 32px !important;
  position: sticky;
  top: 118px;
}

.woocommerce-cart .cart_totals table,
.woocommerce-cart .shop_table,
.woocommerce-checkout-review-order-table {
  width: 100% !important;
  table-layout: auto;
  border-collapse: collapse;
}

.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 15px 0 !important;
  vertical-align: top;
  border-color: rgba(102,112,133,.18) !important;
}

.woocommerce-cart .cart_totals td,
.woocommerce-checkout-review-order-table td {
  text-align: right;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
  color: var(--kh-navy);
  font-size: 18px;
  font-weight: 900;
}

.woocommerce-cart-form .coupon {
  flex-wrap: wrap;
  align-items: stretch;
}

.woocommerce-cart-form .coupon input {
  flex: 1 1 230px;
  width: auto;
}

.woocommerce-cart-form .actions {
  gap: 12px;
}

.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 520px);
  gap: 34px;
  align-items: start;
}

.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup,
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup-checkout {
  grid-column: 1 / -1;
}

.woocommerce-checkout #customer_details {
  min-width: 0;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  grid-column: 2;
  min-width: 0;
}

.woocommerce-checkout #order_review_heading {
  margin: 0 0 -14px;
  padding: 26px 30px 0;
  border: 1px solid var(--kh-line);
  border-bottom: 0;
  background: #fff;
  color: var(--kh-navy) !important;
  font-size: 34px;
}

.woocommerce-checkout #order_review {
  padding: 24px 30px 30px;
  border: 1px solid var(--kh-line);
  border-top: 0;
  background: #fff;
  box-shadow: 0 18px 50px rgba(6,26,51,.08);
  position: sticky;
  top: 118px;
}

.woocommerce-checkout #order_review table,
.woocommerce-checkout #payment,
.woocommerce-checkout-review-order-table {
  min-width: 0;
}

.woocommerce-checkout-review-order-table .product-name {
  width: 62%;
  padding-right: 16px !important;
  text-align: left;
  overflow-wrap: anywhere;
}

.woocommerce-checkout-review-order-table .product-total {
  width: 38%;
  white-space: normal;
}

.woocommerce-checkout #payment {
  margin-top: 22px;
  border-radius: 0 !important;
  background: var(--kh-soft) !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 18px !important;
  border-bottom: 1px solid var(--kh-line) !important;
}

.woocommerce-checkout #payment div.form-row {
  padding: 18px !important;
}

.woocommerce-checkout #place_order {
  width: 100%;
  min-height: 56px;
  font-size: 13px;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
  padding: 28px;
  border: 1px solid var(--kh-line);
  background: #fff;
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
  color: var(--kh-navy) !important;
  font-size: 32px;
}

@media (max-width: 1100px) {
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout form.checkout {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    grid-column: 1;
  }

  .woocommerce-cart .cart_totals,
  .woocommerce-checkout #order_review {
    position: static;
  }
}

@media (max-width: 800px) {
  .inner-hero,
  .inner-hero.compact,
  .shop-hero,
  .department-shop-hero,
  .department-hero,
  .tracking-hero,
  .archive-header,
  .search-results-header,
  .woocommerce-products-header,
  .page-title-hero {
    width: 100vw !important;
    max-width: none !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce {
    gap: 22px;
  }

  .woocommerce-cart-form,
  .cart_totals,
  .woocommerce-billing-fields,
  .woocommerce-shipping-fields,
  .woocommerce-additional-fields,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .woocommerce-cart-form .product-thumbnail img {
    width: 72px;
    height: 82px;
  }

  .woocommerce-checkout-review-order-table .product-name,
  .woocommerce-checkout-review-order-table .product-total {
    width: auto;
  }
}

@media (max-width: 560px) {
  .woocommerce-cart-form table.shop_table_responsive tr,
  .woocommerce-checkout-review-order-table tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .woocommerce-cart-form table.shop_table_responsive tr td,
  .woocommerce-checkout-review-order-table th,
  .woocommerce-checkout-review-order-table td {
    width: 100% !important;
    text-align: left !important;
  }

  .woocommerce-cart .cart_totals th,
  .woocommerce-cart .cart_totals td {
    display: block;
    width: 100%;
    text-align: left;
  }

  .woocommerce-cart-form .coupon,
  .woocommerce-cart-form .coupon input,
  .woocommerce-cart-form .coupon .button,
  .woocommerce-cart-form .actions .button,
  .wc-proceed-to-checkout .checkout-button {
    width: 100% !important;
  }
}

/* 5.5.13 header full-bleed stability and mobile content width guard */
.premium-hero,
.inner-hero,
.inner-hero.compact,
.shop-shell > .shop-hero,
.shop-hero,
.department-shop-hero,
.department-hero,
.tracking-hero,
.archive-header,
.search-results-header,
.woocommerce-products-header,
.page-title-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  box-sizing: border-box;
}

.shop-shell > .shop-hero,
.shop-hero,
.department-shop-hero {
  min-width: 100vw !important;
}

.premium-hero > *,
.inner-hero > *,
.shop-hero > *,
.department-shop-hero > *,
.department-hero > *,
.tracking-hero > *,
.archive-header > *,
.search-results-header > *,
.woocommerce-products-header > * {
  box-sizing: border-box;
}

@media (max-width: 800px) {
  main#primary > :not(.premium-hero):not(.inner-hero):not(.shop-hero):not(.department-shop-hero):not(.department-hero):not(.tracking-hero):not(.archive-header):not(.search-results-header):not(.woocommerce-products-header):not(.page-title-hero):not(.quality-impact):not(.procurement-section):not(.site-footer),
  main#primary .section:not(.quality-impact):not(.procurement-section),
  main#primary .page-shell,
  main#primary .shop-shell,
  main#primary .product-lower,
  main#primary .related.products,
  main#primary .upsells.products,
  main#primary .woocommerce:not(.woocommerce-cart):not(.woocommerce-checkout) {
    width: 90% !important;
    max-width: 90% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .quality-impact-inner,
  .procurement-inner,
  .footer-cta,
  .footer-grid,
  .payment-strip {
    width: 90% !important;
    max-width: 90% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .premium-hero,
  .inner-hero,
  .inner-hero.compact,
  .shop-shell > .shop-hero,
  .shop-hero,
  .department-shop-hero,
  .department-hero,
  .tracking-hero,
  .archive-header,
  .search-results-header,
  .woocommerce-products-header,
  .page-title-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
  }

  .shop-shell > .shop-hero {
    padding-right: max(20px, 5vw) !important;
    padding-left: max(20px, 5vw) !important;
  }
}

@media (max-width: 560px) {
  main#primary > :not(.premium-hero):not(.inner-hero):not(.shop-hero):not(.department-shop-hero):not(.department-hero):not(.tracking-hero):not(.archive-header):not(.search-results-header):not(.woocommerce-products-header):not(.page-title-hero):not(.quality-impact):not(.procurement-section):not(.site-footer),
  main#primary .section:not(.quality-impact):not(.procurement-section),
  main#primary .page-shell,
  main#primary .shop-shell,
  main#primary .product-lower,
  main#primary .related.products,
  main#primary .upsells.products,
  main#primary .woocommerce:not(.woocommerce-cart):not(.woocommerce-checkout),
  .quality-impact-inner,
  .procurement-inner,
  .footer-cta,
  .footer-grid,
  .payment-strip {
    width: 90% !important;
    max-width: 90% !important;
  }
}

/* 5.5.18 corrected archive hero structure and product UX fixes. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.kh-full-width-hero,
main#primary > .premium-hero,
main#primary > .inner-hero,
main#primary > .shop-hero,
main#primary > .department-shop-hero,
main#primary > .department-hero,
main#primary > .tracking-hero,
main#primary > .archive-header,
main#primary > .search-results-header,
main#primary > .woocommerce-products-header,
main#primary > .page-title-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.kh-archive-page > .shop-hero,
.kh-full-width-hero {
  min-height: 375px !important;
  margin-bottom: 36px !important;
  padding-left: max(28px, calc((100vw - var(--kh-container)) / 2 + 28px)) !important;
  padding-right: max(28px, calc((100vw - var(--kh-container)) / 2 + 28px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 760px) auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  overflow: hidden !important;
}

.kh-archive-page > .shop-hero > div:first-child,
.kh-full-width-hero > div:first-child {
  max-width: 760px !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.kh-archive-page > .shop-hero h1,
.kh-full-width-hero h1 {
  max-width: 760px !important;
  margin: 0 0 16px !important;
  font-size: clamp(42px, 4.4vw, 64px) !important;
  line-height: .98 !important;
  color: #fff !important;
  text-shadow: none !important;
  overflow-wrap: normal !important;
}

.kh-archive-page > .shop-hero p:not(.section-label),
.kh-full-width-hero p:not(.section-label) {
  max-width: 660px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 17px !important;
}

.shop-hero .btn,
.department-hero .btn,
.department-shop-hero .btn,
.inner-hero .btn,
.tracking-hero .btn,
.premium-hero .btn,
.kh-full-width-hero .btn {
  background: var(--kh-orange) !important;
  border-color: var(--kh-orange) !important;
  color: #fff !important;
}

.shop-hero .btn:hover,
.department-hero .btn:hover,
.department-shop-hero .btn:hover,
.inner-hero .btn:hover,
.tracking-hero .btn:hover,
.premium-hero .btn:hover,
.kh-full-width-hero .btn:hover {
  background: var(--kh-orange-dark) !important;
  border-color: var(--kh-orange-dark) !important;
  color: #fff !important;
}

.kh-product-gallery .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.kh-product-gallery .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
}

.kh-product-gallery .woocommerce-product-gallery__image a,
.kh-product-gallery .woocommerce-product-gallery__image img {
  display: block;
  width: 100% !important;
}

.kh-product-gallery .woocommerce-product-gallery__image img {
  height: auto !important;
  object-fit: contain !important;
  background: #fff;
}

.kh-product-gallery .flex-control-nav,
.kh-product-gallery .flex-control-thumbs {
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  list-style: none !important;
  clear: both !important;
}

.kh-product-gallery .flex-control-nav li,
.kh-product-gallery .flex-control-thumbs li {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--kh-line);
  background: #fff;
  overflow: hidden;
}

.kh-product-gallery .flex-control-nav img,
.kh-product-gallery .flex-control-thumbs img {
  width: 100% !important;
  height: 104px !important;
  object-fit: contain !important;
  padding: 8px;
  background: #fff;
  opacity: 1 !important;
}

.kh-product-gallery .flex-control-nav img.flex-active,
.kh-product-gallery .flex-control-thumbs img.flex-active {
  outline: 2px solid var(--kh-orange);
  outline-offset: -2px;
}

.kh-product-summary form.variations_form,
.kh-product-summary table.variations,
.kh-product-summary .variations {
  width: 100% !important;
  margin: 22px 0 !important;
  border: 0 !important;
}

.kh-product-summary table.variations tbody,
.kh-product-summary table.variations tr,
.kh-product-summary table.variations th,
.kh-product-summary table.variations td {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.kh-product-summary table.variations tr {
  margin-bottom: 18px !important;
}

.kh-product-summary table.variations label,
.kh-product-summary .variations label,
.size-picker legend {
  display: block;
  margin-bottom: 10px !important;
  color: var(--kh-navy) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kh-product-summary table.variations select,
.kh-product-summary .variations select {
  width: 100% !important;
  min-height: 50px !important;
  padding: 0 44px 0 14px !important;
  border: 1px solid var(--kh-line) !important;
  background: #fff !important;
  color: var(--kh-navy) !important;
  font-weight: 800 !important;
}

.kh-product-summary .reset_variations {
  display: inline-flex !important;
  margin-top: 10px !important;
  color: var(--kh-orange) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.size-picker,
.product-size-card {
  margin: 22px 0 !important;
  padding: 18px !important;
  border: 1px solid var(--kh-line) !important;
  background: linear-gradient(145deg, #fff 0%, #f6f8fb 100%) !important;
}

.size-picker > div,
.product-size-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

.size-option,
.product-size-options span,
.product-size-options button {
  min-width: 46px !important;
  height: 42px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--kh-line) !important;
  background: #fff !important;
  color: var(--kh-navy) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer;
}

.size-option:hover,
.size-option.is-selected,
.product-size-options span:hover,
.product-size-options button:hover {
  border-color: var(--kh-orange) !important;
  background: var(--kh-orange) !important;
  color: #fff !important;
}

@media (max-width: 760px) {
  .kh-archive-page > .shop-hero,
  .kh-full-width-hero {
    min-height: 340px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
  }

  .kh-archive-page > .shop-hero h1,
  .kh-full-width-hero h1 {
    font-size: clamp(36px, 12vw, 52px) !important;
  }

  .kh-product-gallery .flex-control-nav,
  .kh-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .kh-product-gallery .flex-control-nav img,
  .kh-product-gallery .flex-control-thumbs img {
    height: 86px !important;
  }
}

/* 5.5.19 refinement: keep header width, improve header text/buttons, product buying UX and checkout flow. */
.kh-archive-page > .shop-hero h1,
.kh-full-width-hero h1,
main#primary > .inner-hero h1,
main#primary > .department-hero h1,
main#primary > .department-shop-hero h1,
main#primary > .tracking-hero h1,
main#primary > .archive-header h1,
main#primary > .search-results-header h1,
main#primary > .woocommerce-products-header h1,
main#primary > .page-title-hero h1 {
  font-size: clamp(34px, 3.8vw, 56px) !important;
  line-height: 1.02 !important;
  text-shadow: none !important;
}

.premium-hero[data-hero-slider] h1,
.premium-hero[data-hero-slider] h2 {
  font-size: clamp(42px, 5vw, 72px) !important;
  text-shadow: none !important;
}

.shop-hero .btn,
.department-hero .btn,
.department-shop-hero .btn,
.inner-hero .btn,
.tracking-hero .btn,
.premium-hero .btn,
.kh-full-width-hero .btn,
.archive-header .btn,
.search-results-header .btn,
.woocommerce-products-header .btn,
.page-title-hero .btn {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: var(--kh-orange) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.14);
}

.shop-hero .btn:hover,
.department-hero .btn:hover,
.department-shop-hero .btn:hover,
.inner-hero .btn:hover,
.tracking-hero .btn:hover,
.premium-hero .btn:hover,
.kh-full-width-hero .btn:hover,
.archive-header .btn:hover,
.search-results-header .btn:hover,
.woocommerce-products-header .btn:hover,
.page-title-hero .btn:hover {
  background: var(--kh-orange) !important;
  border-color: var(--kh-orange) !important;
  color: #fff !important;
}

.product-page-shell {
  padding-bottom: 72px !important;
}

.kh-product-hero {
  align-items: start !important;
}

.kh-product-gallery,
.kh-product-summary {
  box-shadow: 0 18px 50px rgba(6,26,51,.08);
}

.product-size-card {
  border-left: 4px solid var(--kh-orange) !important;
}

.product-size-options button.is-selected,
.product-size-options button[aria-pressed="true"] {
  border-color: var(--kh-orange) !important;
  background: var(--kh-orange) !important;
  color: #fff !important;
}

.frequently-bought-products,
.related.products,
.upsells.products {
  margin-top: 42px !important;
  padding-top: 28px;
  border-top: 1px solid var(--kh-line);
}

.frequently-bought-products > h2,
.related.products > h2,
.upsells.products > h2 {
  margin: 0 0 22px !important;
  color: var(--kh-navy) !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.frequently-bought-products ul.products,
.frequently-bought-products .products,
.related.products ul.products,
.related.products .products,
.upsells.products ul.products,
.upsells.products .products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.kh-checkout-continue {
  margin: 0 0 22px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--kh-line);
  background: #fff;
}

.kh-checkout-continue p {
  margin: 0;
  color: var(--kh-muted);
  font-size: 13px;
}

.continue-shopping,
.woocommerce-cart-form .continue-shopping,
.kh-checkout-continue .continue-shopping {
  background: #fff !important;
  border: 1px solid var(--kh-orange) !important;
  color: var(--kh-orange) !important;
}

.continue-shopping:hover,
.woocommerce-cart-form .continue-shopping:hover,
.kh-checkout-continue .continue-shopping:hover {
  background: var(--kh-orange) !important;
  color: #fff !important;
}

.woocommerce-checkout #ship-to-different-address {
  padding: 18px 20px;
  border: 1px solid var(--kh-line);
  background: var(--kh-soft);
}

.woocommerce-checkout #ship-to-different-address label {
  color: var(--kh-navy) !important;
  font-weight: 900;
  text-transform: uppercase;
}

.woocommerce-shipping-fields__field-wrapper,
.woocommerce-billing-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}

.woocommerce-shipping-fields__field-wrapper .form-row,
.woocommerce-billing-fields__field-wrapper .form-row {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.woocommerce-shipping-fields__field-wrapper .form-row-wide,
.woocommerce-billing-fields__field-wrapper .form-row-wide {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .frequently-bought-products ul.products,
  .frequently-bought-products .products,
  .related.products ul.products,
  .related.products .products,
  .upsells.products ul.products,
  .upsells.products .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .kh-checkout-continue,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-billing-fields__field-wrapper {
    grid-template-columns: 1fr;
  }

  .kh-checkout-continue {
    display: grid;
  }

  .frequently-bought-products ul.products,
  .frequently-bought-products .products,
  .related.products ul.products,
  .related.products .products,
  .upsells.products ul.products,
  .upsells.products .products {
    grid-template-columns: 1fr !important;
  }
}

/* 5.5.20 targeted fixes: home slider CTAs, visible slider controls, cart/checkout/order summary polish. */
.premium-hero[data-hero-slider] .button-row .btn,
.premium-hero[data-hero-slider] .btn.primary,
.premium-hero[data-hero-slider] .btn.secondary,
.premium-hero[data-hero-slider] .btn.dark {
  background: var(--kh-orange) !important;
  border-color: var(--kh-orange) !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(244, 81, 19, .28) !important;
}

.premium-hero[data-hero-slider] .button-row .btn:hover,
.premium-hero[data-hero-slider] .btn.primary:hover,
.premium-hero[data-hero-slider] .btn.secondary:hover,
.premium-hero[data-hero-slider] .btn.dark:hover {
  background: var(--kh-orange-dark) !important;
  border-color: var(--kh-orange-dark) !important;
  color: #fff !important;
}

.premium-hero[data-hero-slider] .hero-slider-controls {
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(calc(100% - 36px), 1480px) !important;
  transform: translate(-50%, -50%) !important;
  justify-content: space-between !important;
  pointer-events: none !important;
}

.premium-hero[data-hero-slider] .hero-arrow {
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--kh-orange) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
  pointer-events: auto !important;
}

.premium-hero[data-hero-slider] .hero-arrow svg {
  width: 26px !important;
  height: 26px !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  fill: none !important;
}

.premium-hero[data-hero-slider] .hero-dots,
.premium-hero[data-hero-slider] .hero-pause {
  position: relative !important;
  top: clamp(165px, 24vh, 245px) !important;
  pointer-events: auto !important;
}

.kh-cart-continue-panel,
.kh-checkout-continue {
  margin: 0 0 24px !important;
  padding: 18px 20px !important;
  border: 1px solid var(--kh-line) !important;
  background: linear-gradient(145deg, #fff 0%, #f7f9fc 100%) !important;
  box-shadow: 0 14px 40px rgba(6,26,51,.06) !important;
}

.kh-cart-continue-panel {
  display: flex;
  justify-content: flex-start;
}

.woocommerce-checkout #order_review_heading {
  margin: 0 !important;
  padding: 22px 24px !important;
  background: var(--kh-navy) !important;
  color: #fff !important;
  font-size: clamp(26px, 2.5vw, 36px) !important;
  line-height: 1 !important;
}

.woocommerce-checkout #order_review {
  width: 100% !important;
  max-width: 100% !important;
  padding: 24px !important;
  border: 1px solid var(--kh-line) !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(6,26,51,.08) !important;
  overflow: hidden !important;
}

.woocommerce-checkout-review-order-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 14px 0 !important;
  vertical-align: top !important;
  border-bottom: 1px solid var(--kh-line) !important;
}

.woocommerce-checkout-review-order-table .product-name {
  width: 64% !important;
  padding-right: 16px !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.woocommerce-checkout-review-order-table .product-total {
  width: 36% !important;
  text-align: right !important;
  white-space: normal !important;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
  color: var(--kh-navy) !important;
  font-weight: 900 !important;
}

.woocommerce-checkout #payment {
  margin-top: 20px !important;
  border: 1px solid var(--kh-line) !important;
  background: var(--kh-soft) !important;
}

.woocommerce div.product form.cart .variations select {
  cursor: pointer;
}

.product-size-options button {
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.product-size-options button:hover,
.product-size-options button.is-selected {
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .premium-hero[data-hero-slider] .hero-slider-controls {
    top: auto !important;
    bottom: 18px !important;
    width: calc(100% - 28px) !important;
    transform: translateX(-50%) !important;
  }

  .premium-hero[data-hero-slider] .hero-arrow {
    width: 44px !important;
    height: 44px !important;
  }

  .premium-hero[data-hero-slider] .hero-dots,
  .premium-hero[data-hero-slider] .hero-pause {
    top: 0 !important;
  }

  .woocommerce-checkout-review-order-table .product-name,
  .woocommerce-checkout-review-order-table .product-total {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
  }
}

/* 5.5.20 footer visibility guard for product pages. */
.single-product .newsletter-section,
.single-product .site-footer,
.single-product .floating-cart,
.single-product .back-to-top { display: block !important; }
.single-product .floating-cart,
.single-product .back-to-top { display: grid !important; }

/* 5.5.21 reliability and premium ecommerce polish. */
.single-product .kh-single-product {
  max-width: min(1500px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

.single-product .kh-product-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr) !important;
  gap: 38px !important;
  align-items: start !important;
}

.single-product .kh-product-gallery,
.single-product .kh-product-summary,
.single-product .product-detail-grid article,
.single-product .product-quick-facts article,
.single-product .woocommerce-tabs,
.single-product .product-buying-guidance > div {
  border: 1px solid var(--kh-line) !important;
  background: #fff !important;
  box-shadow: 0 14px 40px rgba(6,26,51,.06) !important;
}

.single-product .kh-product-summary .product_title {
  font-size: clamp(38px, 4vw, 62px) !important;
  line-height: 1 !important;
}

.single-product .kh-product-summary p.price,
.single-product .kh-product-summary .price {
  color: var(--kh-orange) !important;
  font-weight: 900 !important;
}

.single-product .size-picker.product-size-card {
  border-left: 5px solid var(--kh-orange) !important;
  background: #fff !important;
}

.single-product .product-size-options button {
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--kh-navy) !important;
}

.single-product .product-size-options button.is-selected,
.single-product .product-size-options button[aria-pressed="true"] {
  background: var(--kh-orange) !important;
  border-color: var(--kh-orange) !important;
  color: #fff !important;
}

.single-product .product-detail-grid,
.single-product .product-quick-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.single-product .product-quick-facts article:first-child:nth-last-child(2),
.single-product .product-quick-facts article:first-child:nth-last-child(2) ~ article {
  grid-column: span 1;
}

.kh-product-footer-fallback {
  max-width: min(1500px, calc(100% - 48px));
  margin: 42px auto 0;
  padding: 26px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: linear-gradient(90deg, var(--kh-navy), #071f3d);
  color: #fff;
  border-top: 5px solid var(--kh-orange);
}

.kh-product-footer-fallback strong,
.kh-product-footer-fallback span {
  display: block;
}

.kh-product-footer-fallback strong {
  font-size: 18px;
  text-transform: uppercase;
}

.kh-product-footer-fallback span {
  color: rgba(255,255,255,.74);
  font-size: 13px;
}

.kh-product-footer-fallback nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kh-product-footer-fallback a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  background: #fff;
  color: var(--kh-orange) !important;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none !important;
  text-transform: uppercase;
}

.frequently-bought-products,
.related.products,
.upsells.products {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  clear: both !important;
}

.woocommerce-account .woocommerce {
  max-width: min(1400px, calc(100% - 48px));
  margin: 0 auto 80px;
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 28px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.account-profile-card {
  border: 1px solid var(--kh-line);
  background: #fff;
  box-shadow: 0 16px 44px rgba(6,26,51,.07);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 10px;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: flex;
  padding: 14px 16px;
  color: var(--kh-navy);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid var(--kh-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: var(--kh-orange);
  color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding: 28px;
  min-width: 0;
}

.account-profile-card {
  margin-bottom: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: 74px 1fr auto;
  gap: 18px;
  align-items: center;
}

.account-profile-card img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
}

.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account form.edit-account,
.woocommerce-account form.woocommerce-EditAccountForm,
.woocommerce-account form.woocommerce-address-fields {
  width: 100%;
  border: 1px solid var(--kh-line) !important;
  background: #fff;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  padding: 14px 16px !important;
  border-color: var(--kh-line) !important;
}

.kh-cart-continue-panel,
.kh-checkout-continue,
.kh-checkout-continue-bottom {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.woocommerce-checkout #order_review {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  min-width: 0 !important;
}

.woocommerce-checkout-review-order-table .product-name {
  max-width: 100% !important;
  line-height: 1.45 !important;
}

.woocommerce-checkout-review-order-table .product-total {
  color: var(--kh-navy) !important;
  font-weight: 900 !important;
}

@media (max-width: 980px) {
  .single-product .kh-product-hero,
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .single-product .product-detail-grid,
  .single-product .product-quick-facts {
    grid-template-columns: 1fr !important;
  }

  .kh-product-footer-fallback,
  .account-profile-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* 5.5.22 product page footer fix: visible footer embedded in single product content. */
.single-product .kh-product-page-footer {
  width: min(1500px, calc(100% - 48px));
  margin: 48px auto 0;
  padding: 28px 32px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(90deg, #061a33 0%, #09284c 100%);
  color: #fff;
  border-top: 5px solid var(--kh-orange);
  box-shadow: 0 18px 48px rgba(6, 26, 51, .18);
  visibility: visible !important;
  opacity: 1 !important;
  clear: both;
}
.single-product .kh-product-page-footer-brand { display: flex; align-items: center; gap: 16px; }
.single-product .kh-product-page-footer-brand img { width: 150px; max-width: 38vw; height: auto; background: #fff; padding: 8px 10px; }
.single-product .kh-product-page-footer-brand strong,
.single-product .kh-product-page-footer-brand span { display: block; }
.single-product .kh-product-page-footer-brand strong { color: #fff; font-size: 17px; font-weight: 900; text-transform: uppercase; }
.single-product .kh-product-page-footer-brand span { margin-top: 4px; color: rgba(255,255,255,.74); font-size: 13px; font-weight: 700; }
.single-product .kh-product-page-footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.single-product .kh-product-page-footer-links a { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--kh-orange) !important; font-size: 12px; font-weight: 900; text-decoration: none !important; text-transform: uppercase; }
.single-product .kh-product-page-footer-links a:hover { background: var(--kh-orange); color: #fff !important; }
@media (max-width: 760px) {
  .single-product .kh-product-page-footer { width: calc(100% - 32px); padding: 24px 20px; display: grid !important; }
  .single-product .kh-product-page-footer-links { justify-content: flex-start; }
}