/* Phase27: use the original site shell on every public page. */
:root{--hkt-pad:clamp(18px,4vw,64px)}
.hkt-shell-control{box-sizing:border-box;position:fixed;z-index:12020;top:max(20px,env(safe-area-inset-top));display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.34);background:rgba(7,26,72,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.hkt-shell-menu-button{left:var(--hkt-pad);right:auto;width:52px;height:46px;padding:10px 14px;border-radius:5px;gap:5px;cursor:pointer}
.hkt-shell-menu-button span{display:block;width:23px;height:1.5px;background:#fff;transition:transform .28s,opacity .28s}
.hkt-shell-menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hkt-shell-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}
.hkt-shell-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.hkt-shell-languages{right:var(--hkt-pad);left:auto;display:block;padding:5px;border-radius:5px}
.hkt-shell-flag-button,.hkt-shell-flags a{display:grid;place-items:center;width:42px;min-height:34px;height:auto;padding:3px 0;border:0;background:transparent;text-decoration:none;cursor:pointer}
.hkt-shell-flags{display:grid;gap:5px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .28s,opacity .28s,margin .28s}
.hkt-shell-languages.open .hkt-shell-flags{max-height:min(390px,calc(100dvh - 110px));overflow-y:auto;opacity:1;visibility:visible;margin-top:7px;overscroll-behavior:contain;scrollbar-width:thin}
.hkt-shell-menu{box-sizing:border-box;position:fixed;z-index:12010;inset:0 auto 0 0;width:min(470px,92vw);height:100dvh;padding:92px clamp(28px,5vw,58px) 28px;background:rgba(7,26,72,.83);border-right:1px solid rgba(255,255,255,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateX(-102%);visibility:hidden;transition:transform .32s,visibility .32s;color:#fff;overflow:auto;overscroll-behavior:contain}
.hkt-shell-menu.open{transform:none;visibility:visible}.hkt-shell-menu nav{display:grid}
.hkt-shell-menu a{color:#fff;text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14);font:400 clamp(15px,1.3vw,18px)/1.18 Georgia,'Times New Roman',serif}
.hkt-shell-menu a:hover,.hkt-shell-menu a:focus-visible{color:#f2d488;outline:1px solid currentColor;outline-offset:2px}
.hkt-menu-open{overflow:hidden}
.hkt-social-float{position:fixed!important;z-index:13000!important;right:var(--hkt-pad)!important;left:auto!important;bottom:max(22px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:9px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.hkt-social-link{box-sizing:border-box;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:50%!important;color:#fff!important;background:rgba(7,26,72,.62)!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 26px rgba(0,0,0,.22)!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
.hkt-social-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.hkt-social-link.linkedin svg{fill:currentColor;stroke:none}
body.hkt13-dairy{font-family:Arial,Helvetica,sans-serif;line-height:1.7}
body.hkt13-dairy main>.wrap{width:min(100%,1240px);margin-inline:auto;padding:clamp(30px,5vw,64px) clamp(18px,4vw,42px)}
body.hkt13-dairy .hero h1,body.hkt13-dairy .card h2{font-family:Georgia,'Times New Roman',serif;font-weight:500}
body.hkt13-dairy .cards>.card{position:relative}
body.hkt13-dairy .cards>.card:focus-within{outline:2px solid #d8af57;outline-offset:3px}
body.hkt13-dairy .hkt-phase25-dairy-geo-faq{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,42px) clamp(40px,5vw,70px);line-height:1.8;color:#172233}
body.hkt13-dairy .hkt-phase25-dairy-geo-faq h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3vw,36px);line-height:1.3;color:#071a48;margin:32px 0 18px}
body.hkt13-dairy .hkt-phase25-faq-item{padding:22px 0;border-top:1px solid #d6d9df}
body.hkt13-dairy .hkt-phase25-faq-item h3{font-size:clamp(18px,1.7vw,22px);line-height:1.5;margin:0 0 12px;color:#071a48}
body.hkt13-dairy .hkt-phase25-faq-item p{margin:0;max-width:85ch}
body.hkt13-dairy .dairy-whatsapp-enquiry{padding:0 clamp(18px,4vw,42px);max-width:1240px;margin:0 auto 36px}
@media(max-width:700px){.hkt-shell-control{top:max(16px,env(safe-area-inset-top))}.hkt-shell-menu-button{left:18px;width:48px;height:44px}.hkt-shell-languages{right:18px}.hkt-shell-menu{padding:78px 26px 20px}.hkt-shell-menu a{font-size:16px;padding:7px 0}.hkt-social-float{right:18px!important;bottom:max(18px,env(safe-area-inset-bottom))!important;gap:7px!important}.hkt-social-link{width:40px!important;height:40px!important}.hkt-social-link svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.hkt-shell-menu,.hkt-shell-flags,.hkt-shell-menu-button span{transition:none!important}}
/* Phase 23 Step 04: hero image and copy occupy separate layout rows. */
:is(section.hero:has(> picture),section.hkt22-hero:has(> picture),section.hkt-catalog-hero:has(> picture),section.page-hero:has(.hero-media > picture),section.hero-shell:has(.hero > picture)) { height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important; }
:is(section.hero:has(> picture),section.hkt22-hero:has(> picture),section.hkt-catalog-hero:has(> picture)) {display:flex!important;flex-direction:column!important;align-items:stretch!important;}
section.page-hero .hero-media:has(>picture),section.hero-shell .hero:has(>picture){display:flex!important;flex-direction:column!important;align-items:stretch!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}
:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero)>picture {position:relative!important;inset:auto!important;order:0!important;display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:0!important;}
:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero)>picture>img {position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;transform:none!important;opacity:1!important;clip-path:none!important;}
section.hero>.hero-copy,section.hkt22-hero>.hkt22-hero-copy,section.hkt-catalog-hero>.hkt-catalog-hero__copy,section.page-hero .hero-media>.hero-copy,section.hero-shell .hero>.hero-copy{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;order:1!important;display:block!important;flex:0 0 auto!important;float:none!important;transform:none!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:clamp(22px,4vw,54px) clamp(20px,5vw,72px)!important;background:#0b1b42!important;color:#fff!important;text-align:start!important;opacity:1!important;visibility:visible!important;z-index:1!important;box-sizing:border-box!important;}
section.hero>.hero-copy :is(h1,h2,h3,p,div,span,small),section.hkt22-hero>.hkt22-hero-copy :is(h1,h2,h3,p,div,span,small),section.hkt-catalog-hero>.hkt-catalog-hero__copy :is(h1,h2,h3,p,div,span,small),section.page-hero .hero-media>.hero-copy :is(h1,h2,h3,p,div,span,small),section.hero-shell .hero>.hero-copy :is(h1,h2,h3,p,div,span,small){color:#fff!important;text-shadow:none!important;}
:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero):has(>picture)::before,:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero):has(>picture)::after{display:none!important;content:none!important;}
@media(max-width:700px){section.hero>.hero-copy,section.hkt22-hero>.hkt22-hero-copy,section.hkt-catalog-hero>.hkt-catalog-hero__copy,section.page-hero .hero-media>.hero-copy,section.hero-shell .hero>.hero-copy{padding:24px 20px!important;}}
.hkt-shell-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center}