/*
 * HKT Export Stage22 Step4 — native text & links fully preserved.
 * Reference: existing English layouts (product families, About, Certificates,
 * Contact, Sourcing). Injected ONLY on 408 non-English detail/landing pages.
 * No string changes, no hidden copy, no introduced English content.
 */
:root { --hktp-navy:#061c43; --hktp-paper:#f4f1ea; --hktp-ink:#10233d; --hktp-white:#fff; --hktp-gold:#c8a664; --hktp-max:1240px; }
/* All old/new non-English: equal responsive reading rhythm and anchor behavior */
body[data-hkt-parity-ref="english"] { --hkt-parity-width:var(--hktp-max); scroll-padding-top:92px; }
body[data-hkt-parity-ref="english"] :is(main,main section,main article,main div){min-width:0}
body[data-hkt-parity-ref="english"] :is(main h1,main h2,main h3,main p,main li){overflow-wrap:break-word}
body[data-hkt-parity-ref="english"] :is(main img,main video){max-width:100%}
body[data-hkt-parity-ref="english"] :is(main a,main button,main input,main textarea):focus-visible{outline:3px solid var(--hktp-gold);outline-offset:3px}
body[data-hkt-parity-ref="english"] :is(main section[id],main article[id],main [id]){scroll-margin-top:98px}
/* Four previous languages already share English HTML structural templates.
   Retain their original English-template CSS; ensure no text clipping. */
body[data-hkt-parity-ref="english"]:not(.hkt22) main :is(.city-band,.hkt-construction-product,.hkt-industrial-product,.rose-product,.hkt-medicinal-product,.product-master-section){height:auto;min-height:0}
body[data-hkt-parity-ref="english"]:not(.hkt22) main :is(.city-band,.hkt-construction-product,.hkt-industrial-product,.rose-product,.hkt-medicinal-product,.product-master-section) :is(p,li,details){max-height:none;visibility:visible}
/* Four newer languages: localized HTML receives parity treatment rather than
   transplanting the English text or navigation, which would destroy localization. */
body.hkt22[data-hkt-parity-ref="english"] { background:var(--hktp-paper); color:var(--hktp-ink); }
body.hkt22[data-hkt-parity-ref="english"] main { width:100%; max-width:none; margin:0 auto; padding:0; overflow:visible; }
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero { min-height:clamp(460px,72svh,860px);display:grid;align-items:end;background:var(--hktp-navy);color:#fff; }
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero > .hkt22-picture {position:absolute;inset:0;z-index:-2;height:100%;overflow:hidden}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero > .hkt22-picture img{display:block;width:100%;height:100%;object-fit:cover}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero:after{background:linear-gradient(180deg,rgba(6,28,67,.12),rgba(6,28,67,.58) 45%,rgba(6,28,67,.90));}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero .hkt22-hero-copy {max-width:var(--hktp-max);width:100%;margin-inline:auto;padding:clamp(125px,15vw,180px) clamp(24px,5vw,72px) clamp(38px,5vw,72px);}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero .hkt22-hero-copy h1{font-size:clamp(30px,4vw,55px);line-height:1.25;max-width:28ch;font-weight:600;letter-spacing:normal;margin-block:14px 24px}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero .hkt22-hero-copy .st21-lead{max-width:75ch;line-height:1.8;font-size:clamp(16px,1.3vw,19px);margin-bottom:0}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content{width:100%;max-width:var(--hktp-max);margin:0 auto;padding:clamp(32px,4vw,56px) clamp(20px,5vw,72px) clamp(52px,6vw,90px)}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content :is(h2,h3){color:inherit;font-weight:650;letter-spacing:normal;text-transform:none}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content h2{font-size:clamp(23px,2.5vw,35px);line-height:1.27;margin:28px 0 18px}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content h3{font-size:clamp(19px,1.8vw,24px);line-height:1.4;margin:24px 0 14px}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content p {line-height:1.9;max-width:90ch}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content :is(.st21-breadcrumb,nav.st21-breadcrumb){color:#607084;font-size:clamp(13px,1vw,15px);margin-bottom:20px}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content .st21-commercial {margin:0;padding:0;border:none;background:transparent;box-shadow:none}
body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content a {text-underline-offset:4px}
/* Category cards: English construction & carpet pattern is full-width, alternating
   navy/white, lead photo first, copy underneath. Native text stays fully visible. */
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-bands{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.2vw,44px);margin:clamp(32px,4vw,56px) 0;}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band{display:flex;flex-direction:column;width:100%;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(6,28,67,.14);border:1px solid rgba(6,28,67,.08);background:var(--hktp-white)!important;color:#111!important;}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band:nth-child(odd){background:var(--hktp-navy)!important;color:#fff!important;border-color:rgba(255,255,255,.12)}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band > .hkt22-picture{order:0;position:relative;flex:none;display:block;width:100%;height:auto;aspect-ratio:16/7.4;overflow:hidden;background:#cdd4dd;margin:0}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band > .hkt22-picture img{display:block;width:100%;height:100%;object-fit:cover}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band > .hkt22-band-copy{order:1;display:block;padding:clamp(26px,4vw,52px);width:100%;background:transparent!important;max-height:none;height:auto;overflow:visible}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band :is(h2,h3,p,b,strong,small,li,span){color:inherit!important;max-height:none;opacity:1;visibility:visible;-webkit-line-clamp:unset;overflow:visible}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band .hkt22-band-copy :is(h2,h3){font-size:clamp(24px,2.5vw,37px);line-height:1.26;margin:0 0 16px}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band .hkt22-band-copy p{font-size:clamp(16px,1.3vw,18px);max-width:90ch;line-height:1.83}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band :is(a,.hkt22-text-link){color:inherit!important;text-decoration-color:var(--hktp-gold);font-weight:600}
body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band:nth-child(odd) a{color:#e7c47d!important}
body.hkt22[data-hkt-parity-page="category"] main :is(.st21-dg-section,.st21-commercial){padding-block:clamp(24px,4vw,44px);border-bottom:1px solid #d9d9d5}
body.hkt22[data-hkt-parity-page="category"] main .st21-dg-section:first-child{padding-top:0}
body.hkt22[data-hkt-parity-page="category"] main .st21-dg-section .hkt22-product-bands{margin-block:28px}
body.hkt22[data-hkt-parity-page="category"] main .st21-dg-section :is(p,.st21-dg-copy){height:auto;max-height:none;overflow:visible;opacity:1}
body.hkt22[data-hkt-parity-page="category"] main .st21-contactlinks{padding:22px 0;border-top:1px solid #d5d0c8}
/* Product detail pages. English carpet/detail: prominent image followed by
   clear navy content panel, purchasing links in their separate light row. */
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:var(--hktp-paper);color:var(--hktp-ink);padding-top:clamp(88px,10vw,126px)}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero:after{display:none}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero>.hkt22-picture{position:relative;inset:auto;z-index:auto;width:min(var(--hktp-max),calc(100% - 40px));margin:0 auto;aspect-ratio:16/7;overflow:hidden;border-radius:22px 22px 0 0}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero>.hkt22-picture img{width:100%;height:100%;object-fit:cover}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero .hkt22-hero-copy{padding:clamp(24px,3vw,42px) clamp(24px,5vw,72px) 0;max-width:var(--hktp-max);margin-inline:auto}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero h1{color:var(--hktp-ink);font-size:clamp(29px,3.4vw,47px);line-height:1.35;max-width:100%}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero .st21-lead{color:#263e60}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-content>.st21-commercial{background:var(--hktp-navy)!important;color:var(--hktp-white)!important;border-radius:20px;padding:clamp(26px,4vw,54px);margin-block:26px 36px;box-shadow:0 14px 40px rgba(6,28,67,.14)}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-content>.st21-commercial :is(h2,h3,p,li,small,strong,span,b,em){color:var(--hktp-white)!important;max-width:95ch}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-content>.st21-commercial h2:first-child{margin-top:0}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-content>.st21-commercial :is(a,.st21-commercial-cta){color:var(--hktp-gold)!important}
body.hkt22[data-hkt-parity-page="product"] main .hkt22-content>.st21-contactlinks{background:var(--hktp-white);border:1px solid #e4e2dc;border-radius:18px;padding:clamp(18px,2.5vw,32px);margin:24px 0 0;box-shadow:0 10px 30px rgba(6,28,67,.06)}
body.hkt22[data-hkt-parity-page="product"] main .hkt-buyer-pathways{background:var(--hktp-white);color:var(--hktp-ink);max-width:min(1100px,calc(100% - 40px));margin:20px auto 64px}
/* About & Sourcing: English editorial section rhythm / alternating soft, light
   backgrounds. Each native story is intact, full text and images retained. */
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-content>.st21-commercial{display:block;margin-top:24px}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story{display:flow-root;clear:both;padding:clamp(28px,4vw,50px);margin:0 0 clamp(24px,3vw,36px);border:1px solid rgba(6,28,67,.09);border-radius:22px;background:#fff;color:var(--hktp-ink);box-shadow:0 16px 46px rgba(6,28,67,.07);}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story:nth-child(odd){background:var(--hktp-navy);color:#fff;border-color:rgba(255,255,255,.12)}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story :is(h2,h3,p,li,span,strong){color:inherit!important;max-height:none!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story .hkt22-story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(14px,2vw,24px);margin:0 0 32px;}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story .hkt22-story-gallery :is(img,picture){display:block;max-width:100%;height:auto;max-height:none;margin:0;background:transparent}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story h2{font-size:clamp(25px,2.7vw,35px);line-height:1.27;margin:0 0 20px}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story p{font-size:clamp(16px,1.2vw,18px);line-height:1.88}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story:nth-child(odd) :is(a,.st21-cta){color:#e7c47d!important;text-decoration-color:#e7c47d!important}
body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-content>.st21-contactlinks{background:#fff;padding:24px 30px;border-radius:18px;margin-top:24px}
/* Certificates: English cream credential area with visible document grid */
body.hkt22[data-hkt-parity-page="certificates"] main .hkt22-content{background:#f8f6f1;}
body.hkt22[data-hkt-parity-page="certificates"] main .hkt22-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,34px);margin-block:32px}
body.hkt22[data-hkt-parity-page="certificates"] main .hkt22-documents :is(img,picture){display:block;width:100%;height:auto;object-fit:contain;background:#fff;border:1px solid #e1dfd7;border-radius:12px;box-shadow:0 10px 25px rgba(6,28,67,.06)}
body.hkt22[data-hkt-parity-page="certificates"] main .st21-contactlinks{padding:24px;background:#fff;border-radius:15px}
/* Contact: English hero + streamlined white form panel, two-column fields on desktop */
body.hkt22[data-hkt-parity-page="contact"] main .hkt22-contact-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:var(--hktp-white);padding:clamp(20px,3vw,36px);border-radius:20px;margin:28px 0}
body.hkt22[data-hkt-parity-page="contact"] main .hkt22-contact-directory :is(a,span,p){overflow-wrap:anywhere}
body.hkt22[data-hkt-parity-page="contact"] main .hkt22-form{max-width:100%;padding:clamp(24px,4vw,48px);background:#fff;border:1px solid #dfdcd5;border-radius:20px;box-shadow:0 20px 45px rgba(6,28,67,.07);margin:28px 0 40px}
body.hkt22[data-hkt-parity-page="contact"] main .hkt22-form .hkt-contact-minimal__form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
body.hkt22[data-hkt-parity-page="contact"] main .hkt22-form :is(input,textarea,select){max-width:100%;border-radius:8px}
body.hkt22[data-hkt-parity-page="contact"] main .hkt22-form button{border-radius:8px;background:var(--hktp-navy);color:#fff}
/* Right-to-left native text: copy direction mirrors, photo order does not flip */
html[dir="rtl"] body.hkt22[data-hkt-parity-ref="english"] .hkt22-hero-copy,
html[dir="rtl"] body.hkt22[data-hkt-parity-ref="english"] .hkt22-band-copy,
html[dir="rtl"] body.hkt22[data-hkt-parity-ref="english"] .hkt22-content{text-align:start;direction:rtl}
@media(max-width:760px){
 body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero{min-height:62svh}
 body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero .hkt22-hero-copy{padding:110px 22px 36px}
 body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-hero .hkt22-hero-copy h1{font-size:clamp(26px,7.5vw,35px);line-height:1.35;max-width:none}
 body.hkt22[data-hkt-parity-ref="english"] main > .hkt22-content{padding:28px 18px 58px}
 body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band>.hkt22-picture{aspect-ratio:4/4.6}
 body.hkt22[data-hkt-parity-page="category"] main .hkt22-product-band>.hkt22-band-copy{padding:24px 22px}
 body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero{padding-top:78px}
 body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero>.hkt22-picture{aspect-ratio:4/4.5;width:calc(100% - 24px);border-radius:14px 14px 0 0}
 body.hkt22[data-hkt-parity-page="product"] main .hkt22-product-hero .hkt22-hero-copy{padding:24px 20px 0}
 body.hkt22[data-hkt-parity-page="product"] main .hkt22-content>.st21-commercial{padding:25px 20px}
 body.hkt22:is([data-hkt-parity-page="about"],[data-hkt-parity-page="sourcing"]) main .hkt22-story{padding:24px 18px;margin-bottom:18px}
 body.hkt22[data-hkt-parity-page="certificates"] main .hkt22-documents{grid-template-columns:minmax(0,1fr)}
 body.hkt22[data-hkt-parity-page="contact"] main .hkt22-contact-directory{grid-template-columns:minmax(0,1fr)}
 body.hkt22[data-hkt-parity-page="contact"] main .hkt22-form{padding:22px 16px}
 body.hkt22[data-hkt-parity-page="contact"] main .hkt22-form .hkt-contact-minimal__form-row{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){body[data-hkt-parity-ref="english"] main *,body[data-hkt-parity-ref="english"] main *:before,body[data-hkt-parity-ref="english"] main *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}