@font-face{font-family:HKFutura;src:url('/fonts/Futura-Book.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:HKFutura;src:url('/fonts/Futura-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:block}
@font-face{font-family:HKFutura;src:url('/fonts/Futura-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:block}
:root{--hk-font:HKFutura;--hk-menu-spacing:1.37px;--hk-menu-size:15px;--hk-heading-size:44px;--hk-heading-spacing:0px;--hk-label-spacing:1.37px;--hk-line-width:162px;--hk-line-height:4px;--hk-line-green:#183f2b;--hk-line-gold:#dfa91e;--hk-gradient-height:115px;--hk-gradient-opacity:.68;--hk-price-gap:115px;--hk-gallery-width:1376px;--hk-nav-height:160px;--hk-banner-ratio:1.77777778}
.hk-final-menu,.hk-final-consult{font-family:var(--hk-font),sans-serif!important;font-size:var(--hk-menu-size)!important;letter-spacing:var(--hk-menu-spacing)!important;font-weight:400!important;text-shadow:none!important;filter:none!important;opacity:1!important;white-space:nowrap!important}
.hk-final-nav{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.hk-menu-clear .hk-final-nav{background:#0c2e20!important}
[data-hkpage] div.relative.overflow-hidden.hk-hero[class*="vh"]::before{content:none!important;display:none!important}
[data-hkpage] div.relative.overflow-hidden.hk-hero[class*="vh"]::after{content:''!important;display:block!important;position:absolute!important;inset:auto 0 0 0!important;height:var(--hk-gradient-height)!important;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,var(--hk-gradient-opacity)) 100%)!important;pointer-events:none!important;z-index:1!important}
.hk-hero>div[class*="inset-0"][class*="bg-black"],.hk-hero>div[class*="inset-0"][class*="bg-gradient"]{opacity:0!important;background:none!important}
.hk-hero img,.hk-hero video{opacity:1!important;filter:none!important}
@media(min-width:1024px){.hk-hero .hk-m-eye,.hk-hero .hk-m-sub{font-family:var(--hk-font),sans-serif!important;letter-spacing:var(--hk-label-spacing)!important;font-size:14px!important;font-weight:400!important;color:white!important}.hk-hero h1{font-family:var(--hk-font),sans-serif!important;font-size:37px!important;font-weight:500!important;letter-spacing:.1em!important}}
#hk-hero-bar,#hk-hero-bar>div{align-items:center!important}#hk-hero-bar>div:nth-child(2){display:flex!important;gap:0!important;justify-content:center!important}
#hk-hero-bar button,#hk-sticky-tabs button{font-family:var(--hk-font),sans-serif!important;font-weight:400!important;font-size:16px!important;letter-spacing:1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0 28px!important;border-bottom:0!important}
#hk-hero-bar button::before,#hk-hero-bar button::after{display:none!important}
#hk-hero-bar span,#hk-sticky-tabs i{align-self:center!important;transform:none!important;width:1px!important;height:24px!important;margin:0!important}
.hk-gal{padding:90px 16px 80px!important;border:0!important;background:white!important}
.hk-gal .hk-gal-inner{max-width:var(--hk-gallery-width)!important;width:100%!important;margin:auto!important}
.hk-gal .hk-gal-label,#hk-sec-description .hk-pd-kicker{font-family:var(--hk-font),sans-serif!important;font-size:18px!important;line-height:24px!important;font-weight:400!important;letter-spacing:var(--hk-label-spacing)!important;text-transform:uppercase!important;color:#706c64!important;text-align:center!important;margin:0!important}
.hk-gal .hk-gal-line,#hk-sec-description .hk-pd-bar{width:var(--hk-line-width)!important;height:var(--hk-line-height)!important;background:linear-gradient(90deg,var(--hk-line-green) 50%,var(--hk-line-gold) 50%)!important;margin:19px auto 38px!important}
.hk-gal .hk-gal-heading,#hk-sec-description .hk-pd-title{font-family:var(--hk-font),sans-serif!important;font-size:var(--hk-heading-size)!important;line-height:1.2!important;font-weight:500!important;letter-spacing:var(--hk-heading-spacing)!important;text-transform:uppercase!important;color:#17241f!important;text-align:center!important;margin:0 0 50px!important}
@media(min-width:768px){.hk-gal .hk-gal-inner{max-width:min(var(--hk-gallery-width),72vw)!important}.hk-gal .hk-gal-grid{display:grid!important;grid-template-columns:2.05fr 1fr 1fr!important;grid-template-rows:1fr 1fr!important;aspect-ratio:2.99!important;height:auto!important;gap:15px!important}.hk-gal .hk-gal-slot{height:100%!important;min-height:0!important;border-radius:0!important}.hk-gal .hk-gal-slot.big{grid-column:1!important;grid-row:1/3!important}.hk-gal .hk-gal-more,.hk-gal .hk-gal-mcount{display:none!important}}
#hk-price-section{padding-top:var(--hk-price-gap)!important;background:#fff!important;border-top:1px solid #efeee9!important}
.hk-price-toggle{text-align:center;margin:0 0 46px}
.hk-price-toggle .hk-pd-tg{min-height:52px}.hk-price-toggle .hk-pd-tgb,#hk-sec-description .hk-pd-tgb:not(.hk-tg-ur){font-family:var(--hk-font),sans-serif!important;font-weight:500!important;font-size:16px!important}
#hk-price-section .hk-pd-pack:not([dir="rtl"]),#hk-price-section .hk-pd-pack:not([dir="rtl"]) *,#hk-price-section h2:not([style*="Noto"]),#hk-about-widgets,#hk-about-widgets span,#hk-sidebar-cart,[data-hk-sidebar-wa],#hk-delivery-info{font-family:var(--hk-font),sans-serif!important}
#hk-price-section .hk-pd-pack{margin-top:24px!important;font-size:20px!important;line-height:1.7!important}#hk-price-section .hk-pd-pack:not([dir="rtl"]) h3{font-family:var(--hk-font),sans-serif!important;font-size:20px!important;font-weight:400!important}
#hk-about-category{display:none!important}#hk-price-section .hk-price-label{font-size:15px!important;font-weight:500!important;letter-spacing:.65px!important;color:#8d7c52!important}#hk-price-section [data-hk-label-ur]{font-family:"Noto Nastaliq Urdu","DejaVu Sans",sans-serif!important;letter-spacing:0!important}#hk-price-section h2{font-size:27px!important;font-weight:500!important}#hk-about-widgets{margin:12px 0 24px!important}
#hk-sec-description .hk-final-about-heading{display:flex;flex-direction:column;align-items:center}
#hk-sec-description .hk-final-about-heading>.hk-pd-kicker{order:0}#hk-sec-description .hk-final-about-heading>.hk-pd-bar{order:1}#hk-sec-description .hk-final-about-heading>.hk-pd-title{order:2;margin-bottom:42px!important}
#hk-sec-description .hk-pd-toggle{text-align:center;margin-bottom:71px!important}
#hk-sec-description .hk-pd-body{max-width:1076px!important}#hk-sec-description .hk-pd-title.hk-ur{font-family:"Noto Nastaliq Urdu","DejaVu Sans",sans-serif!important;letter-spacing:0!important}
@media(max-width:767px){.hk-gal{padding:52px 16px!important}.hk-gal .hk-gal-label,#hk-sec-description .hk-pd-kicker{font-size:14px!important}.hk-gal .hk-gal-heading,#hk-sec-description .hk-pd-title{font-size:28px!important}.hk-gal .hk-gal-line,#hk-sec-description .hk-pd-bar{width:140px!important;margin-bottom:26px!important}#hk-hero-bar button,#hk-sticky-tabs button{font-size:14px!important;padding:0 14px!important}#hk-price-section{padding-top:min(var(--hk-price-gap),72px)!important}.hk-price-toggle{margin-bottom:36px}#hk-sec-description .hk-pd-toggle{margin-bottom:48px!important}.hk-final-consult{font-size:11px!important;letter-spacing:.7px!important}}
/* Admin-only controls; never displayed on the public website. */
#hk-design-launch{position:fixed;right:22px;bottom:20px;z-index:9990;padding:12px 18px;background:#16402b;color:#fff;border:1px solid #b89b42;border-radius:8px;font:500 15px system-ui;cursor:pointer}
#hk-design-dialog{width:min(900px,95vw);max-height:90vh;overflow:auto;border:1px solid #d6d0c0;border-radius:12px;padding:24px;color:#1c2421;background:#fff;font:14px system-ui}
#hk-design-dialog::backdrop{background:#0007}#hk-design-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}#hk-design-dialog h2{font:600 22px system-ui;margin:0}#hk-design-dialog fieldset{border:1px solid #ddd;padding:16px;margin-bottom:16px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:16px}#hk-design-dialog legend{padding:0 6px;font-weight:600}#hk-design-dialog label{display:flex;flex-direction:column;gap:6px}#hk-design-dialog input:not([type="checkbox"]),#hk-design-dialog select{width:100%;padding:8px;border:1px solid #bbb;border-radius:5px;background:white;color:#17241f}#hk-design-dialog button{padding:9px 16px;border:1px solid #bbc8be;border-radius:6px;background:#f4f5f2;cursor:pointer}#hk-design-dialog button[type="submit"]{background:#16402b;color:white}#hk-design-dialog small{color:#666}#hk-design-dialog .wide{grid-column:1/-1}
@media(max-width:600px){#hk-design-dialog fieldset{grid-template-columns:1fr}}
@font-face{font-family:HKFuturaLight;src:url('/fonts/Futura-Light.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}

#hk-design-dialog{margin:auto;inset:0}#hk-design-dialog input[type=color]{height:38px;min-height:38px;padding:2px!important}
@media(max-width:1023px){[data-hkpage] div.relative.overflow-hidden.hk-hero[class*="vh"]::after{display:none!important;content:none!important}}
/* Keep the sidebar spacing from the approved price preview, without a repeated category label. */
#hk-price-section .lg\:col-span-1 > div > div:first-child p{visibility:hidden}

/* Separate Home from the existing logo/menu divider. */
.hk-final-home-gap{padding-inline-start:18px!important}

/* All primary page banners share exactly one bottom-only gradient. */
html[data-hkpage] body #root .hk-unified-banner::before{content:none!important;display:none!important;background:none!important}
html[data-hkpage] body #root .hk-unified-banner::after{content:''!important;display:block!important;position:absolute!important;inset:auto 0 0!important;width:100%!important;height:min(var(--hk-gradient-height),100%)!important;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,var(--hk-gradient-opacity)) 100%)!important;z-index:1!important;pointer-events:none!important}
html[data-hkpage] body #root .hk-unified-banner>div[class*="inset-0"][class*="bg-black"],html[data-hkpage] body #root .hk-unified-banner>div[class*="inset-0"][class*="bg-gradient"]{background:transparent!important;opacity:0!important}
html[data-hkpage] body #root .hk-unified-banner>div[class*="justify-center"]{z-index:2!important}
@media(max-width:1023px){html[data-hkpage] body #root .hk-unified-banner.hk-hero::after{content:none!important;display:none!important}html[data-hkpage] body #root .hk-unified-banner.hk-hero>div:first-child::after{content:'';display:block;position:absolute;inset:auto 0 0;height:min(var(--hk-gradient-height),100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,var(--hk-gradient-opacity)) 100%);pointer-events:none;z-index:1}}
/* Language changes the text, never the position or order of price/quantity controls. */
#hk-price-section #hk-about-widgets{direction:ltr!important;text-align:left!important;align-items:flex-start!important;width:100%!important}
#hk-price-section #hk-about-widgets>div,#hk-price-section #hk-about-price>div,#hk-price-section #hk-qty-wrap{direction:ltr!important;text-align:left!important;justify-content:flex-start!important}
#hk-price-section #hk-about-widgets [data-hk-label-ur]{direction:rtl!important;unicode-bidi:isolate;text-align:left!important}
#hk-price-section #hk-about-price span:not(.hk-price-label),#hk-price-section #hk-qty-val{direction:ltr!important;unicode-bidi:isolate}
#hk-price-section .hk-price-label{display:inline-block!important;width:49px!important;flex:0 0 49px!important}
#hk-price-section #hk-about-widgets>div:has(>#hk-qty-wrap)>span{display:inline-block!important;width:76px!important;flex:0 0 76px!important}

/* The compact logo must not shrink around its fixed-width contents/divider. */
@media(min-width:1024px){html body nav[data-testid="navbar"] [data-testid="link-home-logo"]{flex:0 0 auto!important;width:max-content!important;min-width:max-content!important}html body nav[data-testid="navbar"] .hk-final-home-gap{padding-inline-start:0!important}html body nav[data-testid="navbar"] [data-testid="link-nav-home"]{padding-inline-start:18px!important}}
/* Mobile header: centered logo independent of scrolling; controls clear the divider. */
@media(max-width:1023px){
html body nav[data-testid="navbar"]{height:74px!important;min-height:74px!important;padding-bottom:8px!important}
html body nav[data-testid="navbar"]>div:first-child>div:first-child{height:66px!important;min-height:66px!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"]{position:absolute!important;left:50%!important;top:33px!important;transform:translate(-50%,-50%)!important;margin:0!important;width:max-content!important;max-width:calc(100% - 136px)!important;padding:0!important;align-self:center!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"]>div{padding:0!important;margin:0!important;gap:8px!important;border:0!important;max-width:100%!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"]>div::after{display:none!important;content:none!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] svg{width:27px!important;height:27px!important;flex-shrink:0!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span[style*="Playfair"]{font-size:12px!important;line-height:18px!important;letter-spacing:0!important;white-space:nowrap!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span:not([style*="Playfair"]){font-size:5.5px!important;line-height:9px!important;letter-spacing:.08em!important;white-space:nowrap!important}
html body nav[data-testid="navbar"] div[class*="ml-auto"][class*="border-l"]{position:static!important;padding:0!important;border:0!important}
html body nav[data-testid="navbar"] [aria-label="Search"]{position:absolute!important;left:12px!important;top:11px!important;width:44px!important;height:44px!important;margin:0!important}
html body nav[data-testid="navbar"] [data-testid="button-mobile-menu"]{position:absolute!important;right:12px!important;top:11px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:8px!important}
html body nav[data-testid="navbar"] [aria-label="Search"] svg{width:20px!important;height:20px!important}
html[data-hkpage="home"] body section[data-testid="hero-slider"]{margin-top:74px!important;width:100%!important;height:100vw!important;min-height:0!important;max-height:none!important}
}

/* Mobile navigation and product tabs have their final styles from the first render. */
@media(max-width:1023px){
html body nav[data-testid="navbar"] [data-testid^="link-mobile-nav-"]{font-family:var(--hk-font),sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:var(--hk-menu-spacing)!important;padding:14px 0!important;margin:0!important;line-height:22px!important}
html body nav[data-testid="navbar"] .lg\:hidden>a,html body nav[data-testid="navbar"] .lg\:hidden a{font-family:var(--hk-font),sans-serif!important;font-size:15px!important;letter-spacing:var(--hk-menu-spacing)!important;padding-inline-start:0!important}
html body nav[data-testid="navbar"] .lg\:hidden button:not([data-testid]){background:#183f2b!important;color:#fff!important;font-family:var(--hk-font),sans-serif!important;font-size:15px!important;letter-spacing:var(--hk-menu-spacing)!important}
html body .hk-hero #hk-hero-bar{background:#183f2b!important;margin:20px 16px 0!important;padding:0!important;height:52px!important;min-height:52px!important;border:0!important;position:static!important;visibility:visible!important}
html body .hk-hero #hk-hero-bar button,html body #hk-sticky-tabs button{color:#fff!important;font-family:var(--hk-font),sans-serif!important;height:52px!important;font-size:13px!important;padding:0 12px!important;letter-spacing:.6px!important}
html body .hk-hero #hk-hero-bar span,html body #hk-sticky-tabs i{background:rgba(255,255,255,.4)!important;height:20px!important}
html body #hk-sticky-tabs{background:#183f2b!important;height:52px!important}
html body #hk-sticky-tabs button.act{color:#dfa91e!important}
}

/* HKv52: approved title placement and stable language/header layouts. */
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span[style*="Playfair"]{color:#fff!important;letter-spacing:.04em!important;text-align:center!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span:not([style*="Playfair"]){text-align:center!important}
html body [data-testid="hero-slider"]>div.relative.z-10{align-items:flex-end!important;padding-bottom:96px!important}
html body [data-testid="hero-slider"] [data-testid="text-hero-title"]{margin-bottom:0!important}
html body [data-testid="hero-slider"] [data-testid="text-hero-subtitle"]:empty{display:none!important}
html body [data-testid="hero-slider"] div:has(>p.text-accent){align-items:center!important;margin-bottom:12px!important}
html body [data-testid="hero-slider"] div:has(>p.text-accent)>p{margin:0!important;line-height:1.3!important}
html body [data-testid="hero-slider"] div:has(>p.text-accent)>div{align-self:center!important}
html body [data-testid="hero-slider"] div:has(>div>p.text-accent){margin-bottom:0!important}
html body [data-testid="section-home-buttons"] a>div{align-items:center!important;justify-content:center!important;text-align:center!important}
html body [data-testid="section-home-buttons"] a>div>span{font-family:"Plus Jakarta Sans",sans-serif!important;font-size:14px!important;font-weight:700!important;letter-spacing:.22em!important;text-align:center!important;width:100%!important}
html body .hk-hero .hk-m-eye,html body .hk-hero .hk-m-sub{font-family:HKFutura,sans-serif!important;font-weight:500!important;text-align:center!important}
html body .hk-hero h1{text-align:center!important}
#hk-sec-usage .hk-pd-kicker,#hk-sec-video .hk-pd-kicker,#hk-sec-usage .hk-pd-title,#hk-sec-video .hk-pd-title{text-align:center!important}
#hk-sec-usage .hk-pd-bar,#hk-sec-video .hk-pd-bar{margin:20px auto 24px!important}
#hk-price-section .grid{direction:ltr!important}
#hk-price-section .hk-price-copy{width:310px!important;max-width:100%!important;margin-left:0!important;margin-right:auto!important;transition:none!important;transform:none!important}
#hk-price-section .hk-price-copy h2,#hk-price-section .hk-price-copy .hk-pd-pack{width:100%!important;transition:none!important;transform:none!important}
#hk-price-section .hk-price-copy[dir="ltr"] h2,#hk-price-section .hk-price-copy[dir="ltr"] .hk-pd-pack{text-align:left!important;direction:ltr!important}
#hk-price-section .hk-price-copy[dir="rtl"] h2,#hk-price-section .hk-price-copy[dir="rtl"] .hk-pd-pack{text-align:right!important;direction:rtl!important}
footer nav,footer nav.hk-final-nav,html.hk-menu-clear footer .hk-final-nav{background:transparent!important;backdrop-filter:none!important}
@media(min-width:1024px){html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span[style*="Playfair"]{font-size:24px!important;line-height:32px!important}html body nav[data-testid="navbar"] [data-testid="link-home-logo"] svg{width:44px!important;height:44px!important}}
@media(max-width:1023px){
html body nav[data-testid="navbar"] [data-testid="link-home-logo"]{max-width:calc(100% - 112px)!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"]>div>div{align-items:center!important;gap:8px!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span[style*="Playfair"]{font-size:clamp(12px,3.6vw,15px)!important;line-height:21px!important;letter-spacing:.04em!important}
html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span:not([style*="Playfair"]){font-size:5.5px!important;line-height:9px!important;letter-spacing:.16em!important;margin-top:2px!important}
html body [data-testid="hero-slider"]>div.relative.z-10{padding-bottom:82px!important}
html body [data-testid="hero-slider"] [data-testid="text-hero-title"]{font-size:clamp(30px,8vw,42px)!important;line-height:1.15!important}
html body [data-testid="hero-slider"]>.absolute.bottom-0{padding-bottom:0!important}
html body [data-testid="hero-slider"]>.absolute.bottom-0>div{padding-bottom:16px!important}
}

/* Home introduction: banner, centered message, existing three buttons. */
html body #root .hk-home-intro{background:#fff!important;padding:92px 24px 0!important;text-align:center!important;overflow:visible!important}
html body #root .hk-home-intro h2{max-width:1100px!important;margin:0 auto 30px!important;font-family:HKFutura,sans-serif!important;font-size:clamp(26px,2.5vw,44px)!important;font-weight:500!important;line-height:1.3!important;letter-spacing:.12em!important;color:#17241f!important;text-transform:uppercase!important;text-align:center!important}
html body #root .hk-home-intro p{max-width:880px!important;margin:0 auto!important;font-family:HKFutura,sans-serif!important;font-size:clamp(19px,1.55vw,27px)!important;font-weight:400!important;line-height:1.45!important;letter-spacing:.035em!important;color:#625e59!important;text-align:center!important}
html body #root .hk-home-intro+[data-testid="section-home-buttons"]{background:#fff!important;padding-top:76px!important}
#hk-design-dialog textarea{width:100%;padding:8px;border:1px solid #bbb;border-radius:5px;background:#fff;color:#17241f;resize:vertical;font:inherit}
@media(max-width:767px){html body #root .hk-home-intro{padding:48px 24px 0!important}html body #root .hk-home-intro h2{font-size:26px!important;letter-spacing:.08em!important;margin-bottom:22px!important}html body #root .hk-home-intro p{font-size:19px!important;line-height:1.55!important;letter-spacing:.025em!important}html body #root .hk-home-intro+[data-testid="section-home-buttons"]{padding-top:36px!important}}

/* Home banner: show the complete uploaded media without cropping or zoom. */
html body #root section[data-testid="hero-slider"]{background-color:#071b12!important}
html body #root section[data-testid="hero-slider"]>div[style*="background-image"]{background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}
html body #root section[data-testid="hero-slider"] video,
html body #root section[data-testid="hero-slider"] img{object-fit:contain!important;object-position:center center!important;transform:none!important}
html body #root section[data-testid="hero-slider"] iframe{transform:none!important;width:100%!important;height:100%!important;inset:0!important}
@media(min-width:1024px){html body #root section[data-testid="hero-slider"]{margin-top:var(--hk-nav-height,160px)!important;height:calc(100svh - var(--hk-nav-height,160px))!important}}

/* HKv55: responsive layout controls and stable RTL price rows. */
html body #root section[data-testid="hero-slider"]>div[style*="background-image"]{background-size:var(--hk-home-fit,contain)!important}
html body #root section[data-testid="hero-slider"] video,html body #root section[data-testid="hero-slider"] img{object-fit:var(--hk-home-fit,contain)!important}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-widgets{direction:rtl!important;text-align:right!important;align-items:stretch!important}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-widgets>div,
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-price>div{direction:rtl!important;text-align:right!important;justify-content:flex-start!important;width:100%!important}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-widgets [data-hk-label-ur],
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-widgets>div>span:first-child,
#hk-price-section .hk-price-copy[dir="rtl"] .hk-price-label{text-align:right!important;direction:rtl!important;font-family:"Noto Nastaliq Urdu",serif!important;letter-spacing:0!important}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-price>div>span:nth-child(2){order:2}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-price>div>span:nth-child(3){order:1}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-price>div>span:nth-child(n+4){order:3}
#hk-price-section .hk-price-copy #hk-qty-wrap{direction:ltr!important;flex-shrink:0!important}
#hk-price-section .hk-price-copy #hk-qty-wrap button{min-width:44px!important;min-height:44px!important}
html body #root main{min-width:0}
html body #root main img,html body #root main video,html body #root main iframe{max-width:100%}
.admin-panel main,.admin-panel fieldset,.admin-panel label{min-width:0}
.admin-panel input,.admin-panel textarea,.admin-panel select{max-width:100%}
#hk-design-dialog{width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overscroll-behavior:contain}
#hk-design-dialog label,#hk-design-dialog input,#hk-design-dialog select,#hk-design-dialog textarea{min-width:0;box-sizing:border-box}
#hk-design-dialog button,#hk-design-dialog input:not([type=checkbox]),#hk-design-dialog select{min-height:44px}
#hk-design-dialog header{position:sticky;top:-24px;background:#fff;z-index:2;padding:12px 0;gap:12px}
#hk-design-dialog input[type=checkbox]{width:22px;height:22px}
#hk-order-modal{max-height:calc(100dvh - 32px);overscroll-behavior:contain}
#hk-order-modal .hk-om-field{min-width:0}
#hk-order-modal .hk-om-input{width:100%;min-width:0;font-size:16px}
#hk-order-modal .hk-om-close,#hk-order-modal .hk-om-qty-btn{min-width:44px;min-height:44px}
@media(max-width:1023px){
 html body nav[data-testid="navbar"] [data-testid^="link-mobile-nav-"],html body nav[data-testid="navbar"] .lg\:hidden a{font-size:var(--hk-mobile-menu,15px)!important}
 html body nav[data-testid="navbar"]>div>div.lg\:hidden{max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}
 html[data-hkpage="home"] body section[data-testid="hero-slider"]{height:calc(100vw / var(--hk-mobile-hero-ratio,1))!important}
 html body #root .hk-hero h1{overflow-wrap:anywhere;max-width:100%}
 html body #hk-hero-bar>div:nth-child(2),html body #hk-sticky-tabs>div{min-width:0;max-width:100%}
 html body .hk-hero #hk-hero-bar button,html body #hk-sticky-tabs button{padding:0 clamp(7px,2.5vw,12px)!important;font-size:clamp(11px,3.3vw,13px)!important;white-space:nowrap!important}
 .admin-panel main>div.flex-1{padding:16px!important}
 .admin-panel aside{max-width:calc(100vw - 48px);height:100dvh;overflow-y:auto}
 .admin-panel main button{min-height:40px}
 #hk-design-launch{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
}
@media(max-width:767px){
 html body #root section>div[class*="max-w-"]{padding-left:var(--hk-mobile-gutter,16px)!important;padding-right:var(--hk-mobile-gutter,16px)!important}
 html body #root .hk-gal{padding:var(--hk-mobile-section-gap,52px) var(--hk-mobile-gutter,16px)!important}
 html body #root .hk-gal .hk-gal-slot{aspect-ratio:var(--hk-mobile-gallery-ratio,1.3333)!important}
 html body #root .hk-gal .hk-gal-heading,html body #root #hk-sec-description .hk-pd-title,
 html body #root #hk-sec-usage .hk-pd-title,html body #root #hk-sec-video .hk-pd-title{font-size:var(--hk-mobile-heading,28px)!important;overflow-wrap:anywhere}
 html body #root #hk-price-section{padding-top:var(--hk-mobile-price-gap,72px)!important}
 html body #root #hk-price-section .hk-price-copy{width:310px!important;max-width:100%!important;margin-inline:auto!important}
 html body #root #hk-price-section .grid>div{min-width:0}
 html body #root .hk-home-intro{padding-inline:var(--hk-mobile-gutter,16px)!important}
 html body #root .hk-home-intro p{font-size:var(--hk-mobile-intro-size,19px)!important}
 html body #root .hk-home-intro h2{overflow-wrap:anywhere}
 html body #root input:not([type=checkbox]):not([type=radio]):not([type=range]),html body #root select,html body #root textarea{font-size:16px;max-width:100%;min-width:0}
 html body #root footer{overflow-wrap:anywhere}
 #hk-design-dialog{padding:16px}#hk-design-dialog header{top:-16px}#hk-design-dialog fieldset{padding:12px}
 #hk-orders-panel{max-width:100%;min-width:0}#hk-orders-filters{padding:12px!important}#hk-orders-content{padding:12px!important;max-width:100%}
}
@media(max-width:359px){
 html body nav[data-testid="navbar"] [data-testid="link-home-logo"] svg{width:20px!important;height:20px!important}
 html body nav[data-testid="navbar"] [data-testid="link-home-logo"]>div>div{gap:4px!important}
 html body nav[data-testid="navbar"] [data-testid="link-home-logo"] span[style*="Playfair"]{font-size:11px!important;letter-spacing:.01em!important}
 html body #root #hk-price-section .lg\:col-span-1>div{padding:16px!important}
 html body #root #hk-price-section #hk-about-widgets>div:has(>#hk-qty-wrap)>span{width:62px!important;flex-basis:62px!important}
}
@media(max-width:767px){
 #hk-dash-order-stats>div[style*="1fr 2fr"]{grid-template-columns:minmax(0,1fr)!important}
 #hk-dash-order-stats>div>div{min-width:0}
 #hk-dash-order-stats table{min-width:440px}
 #hk-orders-panel input,#hk-orders-panel select{min-height:44px;max-width:100%;font-size:16px!important}
}

/* Local Urdu fonts: consistent rendering without third-party font requests. */
/* noto-nastaliq-urdu-arabic-400-normal */
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(/fonts/noto-nastaliq-urdu-arabic-400-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* noto-nastaliq-urdu-latin-ext-400-normal */
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(/fonts/noto-nastaliq-urdu-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* noto-nastaliq-urdu-latin-400-normal */
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(/fonts/noto-nastaliq-urdu-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* noto-nastaliq-urdu-arabic-700-normal */
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: url(/fonts/noto-nastaliq-urdu-arabic-700-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* noto-nastaliq-urdu-latin-ext-700-normal */
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: url(/fonts/noto-nastaliq-urdu-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* noto-nastaliq-urdu-latin-700-normal */
@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: url(/fonts/noto-nastaliq-urdu-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
#hk-price-section .hk-price-copy[dir="rtl"] h2{line-height:2.1!important}
#hk-price-section .hk-price-copy[dir="rtl"] #hk-about-price>div{line-height:1.8!important}
#hk-price-section .hk-price-copy[dir="rtl"] .hk-pd-pack,
#hk-price-section .hk-price-copy[dir="rtl"] .hk-pd-pack *,
#hk-price-section.hk-price-urdu .lg\:col-span-1 p,
#hk-price-section.hk-price-urdu .lg\:col-span-1 li,
#hk-price-section.hk-price-urdu .lg\:col-span-1 span,
#hk-price-section.hk-price-urdu #hk-sidebar-cart,
#hk-price-section.hk-price-urdu [data-hk-sidebar-wa]{font-family:"Noto Nastaliq Urdu",serif!important;letter-spacing:0!important;line-height:2.1!important}
@media(max-width:1023px){
 html body nav[data-testid="navbar"] [class~="lg:hidden"][class*="bg-background/98"]{background:#f8f6f0!important;backdrop-filter:none!important;max-height:calc(100dvh - 74px)!important;overflow-y:auto!important;overscroll-behavior:contain}
 html body nav[data-testid="navbar"] [class~="lg:hidden"][class*="bg-background/98"]>div>div{opacity:1!important;transform:none!important}
}

/* HKv57: previous hero container dimensions, complete image fitted inside. */
html body #root section[data-testid="hero-slider"].hk-home-image-banner{
 display:block!important;position:relative!important;width:100%!important;
 height:calc(100svh - var(--hk-home-header-height,160px))!important;min-height:0!important;max-height:none!important;
 margin-top:var(--hk-home-header-height,160px)!important;margin-bottom:0!important;
 padding:0!important;border:0!important;overflow:hidden!important;aspect-ratio:auto!important;background:#071b12!important
}
html body #root section[data-testid="hero-slider"].hk-home-image-banner::before,
html body #root section[data-testid="hero-slider"].hk-home-image-banner::after{display:none!important;content:none!important}
html body #root section[data-testid="hero-slider"].hk-home-image-banner>img{
 display:block!important;position:static!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 object-fit:contain!important;object-position:center!important;transform:none!important;
 filter:none!important;opacity:1!important;border:0!important;border-radius:0!important
}
@media(max-width:1023px){html body #root section[data-testid="hero-slider"].hk-home-image-banner{margin-top:var(--hk-home-header-height,74px)!important;height:calc(100vw / var(--hk-mobile-hero-ratio,1))!important}}
/* HKv58: home banner has no empty space on any screen.
   "Show complete image" (default): banner takes the image's own shape, full width, nothing cropped.
   "Fill banner (may crop)": fixed banner height, image fills it completely. */
html body #root section[data-testid="hero-slider"].hk-home-image-banner{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;line-height:0!important}
html body #root section[data-testid="hero-slider"].hk-home-image-banner>img{width:100%!important;height:auto!important;object-fit:fill!important}
html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner{height:calc(100svh - var(--hk-home-header-height,160px))!important}
html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner>img{height:100%!important;object-fit:cover!important}
@media(max-width:1023px){html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner{height:calc(100vw / var(--hk-mobile-hero-ratio,1))!important}}
/* HKv60: desktop banner = full width, never taller than the screen (below the menu), image fills it. */
@media(min-width:1024px){
 html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner{height:min(calc((100svh - var(--hk-home-header-height,160px)) * var(--hk-desktop-banner-h,100) / 100),56.25vw)!important}
 html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner>img{height:100%!important;object-fit:cover!important;object-position:center!important}
}
/* HKv61: home banner video (uploaded in Pages) behaves exactly like the image. */
html body #root section[data-testid="hero-slider"].hk-home-image-banner>video{display:block!important;width:100%!important;height:auto!important;object-fit:fill!important;margin:0!important;border:0!important}
html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner>video{height:100%!important;object-fit:cover!important}
@media(min-width:1024px){html.hk-banner-cover body #root section[data-testid="hero-slider"].hk-home-image-banner>video{height:100%!important;object-fit:cover!important;object-position:center!important}}
/* HKv63: Urdu (Nastaliq) text — enough line spacing so lines never overlap, and side room so letters are never clipped. */
[dir="rtl"] [style*="Nastaliq"]:not(button),
[dir="rtl"] [style*="Nastaliq"]:not(button) :not(button),
.hk-pd-prose.hk-ur,.hk-pd-prose.hk-ur *,
.hk-pd-step.hk-ur,.hk-pd-step.hk-ur *{line-height:2.3!important}
[dir="rtl"] :is(h1,h2,h3,h4)[style*="Nastaliq"],
[dir="rtl"] [style*="Nastaliq"] :is(h1,h2,h3,h4),
.hk-pd-prose.hk-ur :is(h1,h2,h3,h4),
.hk-pd-title.hk-ur{line-height:2!important}
[dir="rtl"] [style*="Nastaliq"]:not(button):not(span),
.hk-pd-prose.hk-ur,.hk-pd-step.hk-ur{padding-left:10px!important;padding-right:10px!important}
[dir="rtl"] [style*="Nastaliq"] [style*="Nastaliq"]{padding-left:0!important;padding-right:0!important}
/* HKv64: desktop banner always stays inside one screen (below the menu) and is never cut.
   If the image shape differs from the screen, the side space shows a soft blurred copy of the same image. */
@media(min-width:1024px){
 html:not(.hk-banner-cover) body #root section[data-testid="hero-slider"].hk-home-image-banner{height:calc(100svh - var(--hk-home-header-height,160px))!important;max-height:none!important;isolation:isolate}
 html:not(.hk-banner-cover) body #root section[data-testid="hero-slider"].hk-home-image-banner>img,
 html:not(.hk-banner-cover) body #root section[data-testid="hero-slider"].hk-home-image-banner>video{position:relative!important;z-index:1;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
 html:not(.hk-banner-cover) body #root section[data-testid="hero-slider"].hk-home-image-banner::before{display:block!important;content:""!important;position:absolute!important;inset:-40px!important;z-index:0;background:var(--hk-banner-bg) center/cover no-repeat!important;filter:blur(28px) brightness(.8)!important}
}
/* HKv66: MOBILE ONLY (desktop untouched) — Fraser-style home banner: full width, square (1:1), image fills the box.
   Optional separate square mobile image (Design settings > Mobile banner image). */
html body #root section[data-testid="hero-slider"].hk-home-image-banner>.hk-home-banner-mobile{display:none!important}
@media(max-width:1023px){
 html body #root section[data-testid="hero-slider"].hk-home-image-banner{height:calc(100vw / var(--hk-mobile-hero-ratio,1))!important;max-height:none!important;aspect-ratio:auto!important}
 html body #root section[data-testid="hero-slider"].hk-home-image-banner>img,
 html body #root section[data-testid="hero-slider"].hk-home-image-banner>video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
 html body #root section[data-testid="hero-slider"].hk-home-image-banner.hk-has-mobile>.hk-home-banner-mobile{display:block!important}
 html body #root section[data-testid="hero-slider"].hk-home-image-banner.hk-has-mobile>:not(.hk-home-banner-mobile){display:none!important}
}