/* HKT Export | Stage22 Step 1 | EN-only detergent and tissue visual parity.
   Reference: Persian carpets and construction-material cards.
   This file is loaded by six English HTML documents only. No product copy,
   metadata, imagery, URLs, analytics, other languages or global CSS is changed. */
:root{--hkt-en-parity-navy:#061c43;--hkt-en-parity-ink:#111111;--hkt-en-parity-paper:#fff;--hkt-en-parity-surround:#fbfaf7}

/* Category listings — one tall image-first card per product, not a 2-column strip. */
body.hkt-commercial .category-sections{
  background:var(--hkt-en-parity-surround);
  padding:clamp(72px,8vw,124px) clamp(12px,5vw,76px) clamp(52px,6vw,88px);
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(34px,4.5vw,62px);
}
body.hkt-commercial .category-sections > .product-band{
  width:min(1320px,100%);max-width:1320px;margin:0 auto;
  padding:clamp(24px,4.5vw,64px);
  border-radius:30px;border:1px solid rgba(120,83,54,.16);
  box-shadow:0 22px 58px rgba(6,28,67,.08);overflow:hidden;
  box-sizing:border-box;min-width:0;
}
body.hkt-commercial .category-sections > .product-band:nth-of-type(odd){
  background:var(--hkt-en-parity-navy)!important;color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 22px 58px rgba(6,28,67,.16)!important;
}
body.hkt-commercial .category-sections > .product-band:nth-of-type(even){
  background:var(--hkt-en-parity-paper)!important;color:var(--hkt-en-parity-ink)!important;
  border-color:#e3dbd1!important;box-shadow:0 10px 28px rgba(6,28,67,.05)!important;
}
body.hkt-commercial .category-sections .product-band__inner{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%;max-width:none;gap:0!important;min-width:0;
}
body.hkt-commercial .category-sections .product-band__media{
  order:-1!important;width:100%;margin:0 0 clamp(24px,3vw,38px)!important;
  min-width:0;max-width:none;
}
body.hkt-commercial .category-sections .product-band__media picture,
body.hkt-commercial .category-sections .product-band__media img{display:block;width:100%}
body.hkt-commercial .category-sections .product-band__media img{
  height:auto;max-height:none;object-fit:contain;
  border-radius:24px;background:#e7e1da;
  box-shadow:0 18px 48px rgba(65,42,28,.14);
}
body.hkt-commercial .category-sections .product-band__copy{
  order:1!important;width:100%;max-width:1120px!important;min-width:0;
  text-align:left;
}
body.hkt-commercial .category-sections .product-band__title{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(32px,4vw,58px);font-weight:400;
  line-height:1.12;letter-spacing:-.03em;margin:0 0 clamp(18px,2vw,28px);
}
body.hkt-commercial .category-sections .product-band__desc{
  font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.2vw,18px);
  line-height:1.88;margin:0;opacity:1;
}
body.hkt-commercial .category-sections > .product-band:nth-of-type(odd) :is(.product-band__title,.product-band__desc){color:#fff!important}
body.hkt-commercial .category-sections > .product-band:nth-of-type(even) :is(.product-band__title,.product-band__desc){color:#111!important}
body.hkt-commercial .category-sections > .product-band:nth-of-type(odd) .product-band__kicker,
body.hkt-commercial .category-sections > .product-band:nth-of-type(odd) .hkt-catalog-link{color:#d8b56c!important}
body.hkt-commercial .category-sections > .product-band:nth-of-type(even) .product-band__kicker,
body.hkt-commercial .category-sections > .product-band:nth-of-type(even) .hkt-catalog-link{color:#926a2c!important}
body.hkt-commercial .category-sections .hkt-catalog-link{margin-top:clamp(18px,2vw,26px);min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}

/* Individual product detail: picture FIRST, then hero copy and the complete
   existing editorial text INSIDE one navy product card, as on the reference
   carpets and construction details. Existing elements retain their text. */
body.hkt-commercial:has(.hkt-en-detail-parity) main{background:var(--hkt-en-parity-surround)}
body.hkt-commercial .hkt-en-detail-parity{
  width:min(1320px,calc(100% - 2 * clamp(12px,5vw,76px)));
  margin:clamp(42px,6vw,88px) auto clamp(34px,4vw,62px);
  padding:clamp(24px,4.5vw,64px);
  box-sizing:border-box;background:var(--hkt-en-parity-navy);
  color:#fff;border:1px solid rgba(255,255,255,.10);
  border-radius:30px;box-shadow:0 22px 58px rgba(6,28,67,.16);
  overflow:hidden;min-width:0;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero{
  position:static!important;display:flex!important;flex-direction:column!important;
  min-height:0!important;height:auto!important;background:transparent!important;
  overflow:visible!important;isolation:auto!important;padding:0!important;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero::after{content:none!important;display:none!important}
body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero picture{
  position:static!important;inset:auto!important;display:block!important;
  width:100%!important;height:auto!important;order:0!important;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero picture img{
  display:block!important;width:100%!important;height:auto!important;
  max-height:none!important;object-fit:contain!important;
  border-radius:24px;background:#e7e1da;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero__copy{
  position:static!important;top:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;
  display:block!important;order:1!important;width:100%!important;max-width:1120px!important;
  padding:clamp(24px,3vw,38px) 0 0!important;
  margin:0!important;background:transparent!important;
  color:#fff!important;text-shadow:none!important;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero h1{
  font:400 clamp(32px,4vw,58px)/1.12 Georgia,'Times New Roman',serif!important;
  letter-spacing:-.03em!important;color:#fff!important;margin:0 0 20px;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-editorial{
  background:transparent!important;color:#fff!important;
  padding:clamp(22px,3vw,42px) 0 0!important;margin:0!important;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-editorial__inner{max-width:1120px!important;width:100%;margin:0!important}
body.hkt-commercial .hkt-en-detail-parity :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small){color:#fff!important}
body.hkt-commercial .hkt-en-detail-parity .hkt-editorial :is(p,li){font-size:clamp(15px,1.16vw,17px);line-height:1.9;max-width:100%}
body.hkt-commercial .hkt-en-detail-parity .hkt-editorial h2{
  font:400 clamp(28px,3vw,44px)/1.2 Georgia,'Times New Roman',serif!important;
  margin:20px 0 22px;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-editorial h3{
  font:400 clamp(21px,2vw,29px)/1.35 Georgia,'Times New Roman',serif!important;
  margin:32px 0 16px;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-eyebrow{color:#d8b56c!important}
body.hkt-commercial .hkt-en-detail-parity :is(a,.hkt-hero-quote-link){color:#e6c77f!important;overflow-wrap:anywhere}
body.hkt-commercial .hkt-en-detail-parity .hkt-hero-quote-link{
  margin-top:22px;border-color:#d8b56c!important;
  background:#102a54!important;min-height:44px;
}
body.hkt-commercial .hkt-en-detail-parity .hkt-buyer-guidance{
  border-top:1px solid rgba(255,255,255,.22);
  padding-top:clamp(22px,3vw,34px);margin-top:clamp(22px,3vw,34px);
}
body.hkt-commercial .hkt-en-detail-parity .hkt-commercial-checklist,
body.hkt-commercial .hkt-en-detail-parity .hkt-brand-note{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.22)}

/* Keep RFQ text intact, but mirror the quiet white purchase section that
   follows a navy detail panel on the reference product pages. */
body.hkt-commercial:has(.hkt-en-detail-parity) .hkt-conversion{
  background:#fff;color:#111;
  width:min(1320px,calc(100% - 2 * clamp(12px,5vw,76px)));
  margin:0 auto clamp(42px,5vw,78px);
  padding:clamp(28px,4vw,58px);border-radius:24px;
  border:1px solid #e3dbd1;box-shadow:0 10px 28px rgba(6,28,67,.05);
  box-sizing:border-box;
}
body.hkt-commercial:has(.hkt-en-detail-parity) .hkt-conversion :is(h2,p){color:#111!important}
body.hkt-commercial:has(.hkt-en-detail-parity) .hkt-conversion a{color:#926a2c!important;border-color:#926a2c!important;min-height:44px}

@media(max-width:700px){
 body.hkt-commercial .category-sections{padding:24px 12px 48px;gap:28px}
 body.hkt-commercial .category-sections > .product-band{padding:20px 14px 26px;border-radius:22px}
 body.hkt-commercial .category-sections .product-band__media img{border-radius:17px}
 body.hkt-commercial .category-sections .product-band__media{margin-bottom:22px!important}
 body.hkt-commercial .category-sections .product-band__title{font-size:clamp(29px,8vw,40px);line-height:1.12}
 body.hkt-commercial .category-sections .product-band__desc{font-size:15px;line-height:1.82}
 body.hkt-commercial .hkt-en-detail-parity{width:calc(100% - 24px);padding:20px 14px 26px;border-radius:22px;margin:24px auto 28px}
 body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero picture img{border-radius:17px}
 body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero__copy{padding:22px 0 0!important}
 body.hkt-commercial .hkt-en-detail-parity .hkt-catalog-hero h1{font-size:clamp(29px,8vw,40px)!important;line-height:1.12!important}
 body.hkt-commercial .hkt-en-detail-parity .hkt-editorial{padding:20px 0 0!important}
 body.hkt-commercial .hkt-en-detail-parity .hkt-editorial h2{font-size:clamp(26px,7vw,35px)!important}
 body.hkt-commercial .hkt-en-detail-parity .hkt-editorial h3{font-size:clamp(21px,6vw,26px)!important}
 body.hkt-commercial:has(.hkt-en-detail-parity) .hkt-conversion{width:calc(100% - 24px);padding:24px 18px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){body.hkt-commercial .category-sections,body.hkt-commercial .hkt-en-detail-parity{scroll-behavior:auto}}