@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/PlayfairDisplay-Variable.ttf') format('truetype');font-weight:400 900;font-display:swap}
/* Official MH Kenya v1.0 tokens. Legacy aliases keep all existing shopping pages on this palette. */
:root{--color-primary:#1F3A4D;--color-primary-hover:#152B3A;--color-secondary:#D07945;--color-secondary-hover:#A9552C;--color-background:#FAFAF8;--color-surface:#EAE0D2;--color-white:#FFFFFF;--color-text:#25323C;--color-text-muted:#6B7280;--color-border:#DDD9D2;--color-success:#28734A;--color-danger:#B83D3D;
--color-on-secondary:#152B3A;--color-muted-on-surface:#535C69;
--mh-primary:var(--color-primary);--mh-primary-dark:var(--color-primary-hover);--mh-accent:var(--color-secondary);--mh-background:var(--color-background);--mh-surface:var(--color-surface);--mh-text:var(--color-text);--mh-white:var(--color-white);--mh-border:var(--color-border);--mh-success:var(--color-success);--mh-error:var(--color-danger);--mh-muted:var(--color-muted-on-surface);--mh-shadow:0 8px 28px rgb(31 58 77 / 9%);
--mh-effect-1:rgb(0 0 0 / 48%);--mh-effect-2:rgba(58,43,17,.07);--mh-effect-3:rgba(0,0,0,.72);--mh-effect-4:rgba(0,0,0,.08);--mh-effect-5:rgba(0,0,0,.04);--mh-effect-6:rgba(255,255,255,.94);--mh-effect-7:rgba(0,0,0,.68);--mh-effect-8:rgba(39,29,17,.08);
--gold:var(--mh-primary);--gold2:var(--mh-primary);--black:var(--mh-primary-dark);--ink:var(--mh-text);--muted:var(--mh-muted);--line:var(--mh-border);--bg:var(--mh-background);--green:var(--mh-success);--red:var(--mh-error)}
body{font-family:Montserrat,system-ui,sans-serif;background:var(--mh-background);color:var(--mh-text);line-height:1.6}input,button,select,textarea{font:inherit}h1,h2,h3,h4{color:var(--mh-primary-dark);font-weight:600;line-height:1.25}h1{font-size:clamp(1.8rem,4vw,3rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}button,a,input,select,textarea{scroll-margin-top:155px}:focus-visible{outline:3px solid var(--mh-primary);outline-offset:4px}.search:focus-within{outline:2px solid var(--mh-primary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:12px;background:var(--mh-white);color:var(--mh-primary)}.skip-link:focus{top:12px}.topbar{background:var(--mh-surface);color:var(--mh-primary-dark);height:auto;min-height:34px;gap:12px}.site-header{background:var(--mh-white);grid-template-columns:minmax(190px,260px) minmax(180px,1fr) auto;gap:24px}.site-logo img{width:250px;height:auto;max-height:none;object-fit:contain}.search{border-color:var(--mh-border);background:var(--mh-white)}.search input{min-width:0;width:100%;background:var(--mh-white);color:var(--mh-text)}.search button,.btn.gold,.gold{background:var(--mh-primary);color:var(--mh-white)}.search button:hover,.btn.gold:hover,.gold:hover{background:var(--mh-primary-dark)}.head-actions{gap:16px;color:var(--mh-primary-dark);font-size:13px}.head-actions a{min-height:44px;display:flex;align-items:center;gap:5px}.main-nav{background:var(--mh-primary);color:var(--mh-white);gap:clamp(20px,4vw,60px);height:auto;min-height:48px}.main-nav a{display:flex;align-items:center;min-height:48px;border-bottom:2px solid transparent}.main-nav a:hover{border-color:var(--mh-accent)}.main-nav a:focus-visible,.footer a:focus-visible{outline-color:var(--mh-white)}.menu-toggle{display:none}.mh-hero{width:100%;background:var(--mh-surface)}.mh-hero a,.mh-hero picture{display:block}.mh-hero img{display:block;width:100%;height:auto;aspect-ratio:2078/757;object-fit:contain}.section{max-width:1440px;margin-inline:auto}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.category-card{border:1px solid var(--mh-border);border-radius:12px;background:var(--mh-white);overflow:hidden;transition:box-shadow .15s,border-color .15s}.category-card:hover{border-color:var(--mh-accent);box-shadow:var(--mh-shadow);transform:none}.category-card b{color:var(--mh-primary);font-weight:600}.category-art{background:var(--mh-surface)}.product-card{border-radius:12px;background:var(--mh-white);border-color:var(--mh-border)}.price,.product-price{font-weight:600;color:var(--mh-primary-dark)}.btn{min-height:44px;border-radius:10px}.trust-strip{background:var(--mh-surface);border-color:var(--mh-border)}.footer{background:var(--mh-primary-dark);color:var(--mh-white);gap:32px}.footer h4{color:var(--mh-white);border-bottom:1px solid var(--mh-accent);padding-bottom:12px}.footer p,.footer a,.footer small{color:var(--mh-white)}.footer a:hover{text-decoration:underline;text-decoration-color:var(--mh-accent);text-underline-offset:4px}.footer .site-logo img{width:280px}.footer address{font-style:normal;font-size:14px}.footer-company{font-weight:600}.footer a{overflow-wrap:anywhere}.brand-copyright{background:var(--mh-primary-dark);color:var(--mh-white);border-top:1px solid var(--mh-accent);padding:18px 3%;text-align:center;font-size:12px}
@media(max-width:1000px){.site-header{grid-template-columns:200px 1fr;gap:14px}.head-actions{grid-column:2;grid-row:1}.search{grid-column:1/-1}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-nav{gap:22px}}
@media(max-width:640px){.topbar{justify-content:center;padding:6px 12px;font-size:11px}.topbar span:not(:first-child){display:none}.site-header{position:sticky;top:0;z-index:50;grid-template-columns:44px minmax(0,1fr) auto;padding:10px 14px;gap:8px;border-bottom:1px solid var(--mh-border)}.site-header .site-logo{justify-content:center}.site-header .site-logo img{width:180px}.head-actions{grid-column:3;grid-row:1;font-size:11px;gap:8px}.head-actions a{max-width:90px;flex-wrap:wrap;justify-content:center}.search{grid-row:2;grid-column:1/-1;height:44px;margin:0}.search input{font-size:12px;padding-inline:12px}.menu-toggle{display:block;width:44px;height:44px;border:1px solid var(--mh-border);border-radius:8px;background:var(--mh-white);color:var(--mh-primary);font-size:23px}.main-nav{flex-wrap:wrap;gap:0;padding:8px 14px}.main-nav a{width:50%;justify-content:center;font-size:13px}.js .main-nav:not(.is-open){display:none}.mh-hero img{aspect-ratio:1122/1402}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card b{font-size:14px}.section{padding:26px 16px}.footer{grid-template-columns:1fr;padding:32px 20px}.footer .site-logo{justify-content:flex-start}.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trust-strip>div{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.footer .site-logo{background:transparent}.site-header .site-logo{max-width:100%}

/* Navy / terracotta storefront identity */
.site-header{max-width:1440px;margin:auto;padding-block:14px;grid-template-columns:minmax(240px,320px) minmax(180px,1fr) auto}.site-logo img{width:310px;height:auto}.main-nav{background:var(--color-white);color:var(--color-primary);border-block:1px solid var(--color-border);gap:36px}.main-nav a{font-weight:600;position:relative}.main-nav a:hover,.main-nav a[aria-current=page]{border-bottom-color:var(--color-secondary)}.main-nav a:focus-visible{outline-color:var(--color-primary)}.site-header .site-logo{width:100%}.head-actions .cart-link svg{width:22px;height:22px}.head-actions .cart-link{flex-wrap:nowrap}.head-actions .cart-link .badge{background:var(--color-primary);color:var(--color-white)}.footer{background:var(--color-primary);max-width:none}.footer .site-logo{padding:10px;border-radius:10px;background:var(--color-white);width:100%;max-width:330px}.brand-copyright{background:var(--color-primary)}.footer-credit{display:inline-block;margin-inline-start:12px}.footer-credit a{text-decoration:underline;text-underline-offset:3px}.btn.secondary{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-secondary);font-weight:700}.btn.secondary:hover{background:var(--color-secondary-hover);color:var(--color-white);border-color:var(--color-secondary-hover)}.btn.outline{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-white)}.btn.outline:hover{background:var(--color-surface)}.section-title{gap:20px;flex-wrap:wrap}.mh-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--color-primary);display:block;margin-bottom:8px}.mh-section-copy{max-width:640px;margin:8px 0 24px;color:var(--mh-muted)}.mh-featured-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{box-shadow:0 2px 10px var(--mh-shadow-color)}.category-card .category-art{height:auto;aspect-ratio:4/3;display:grid;place-items:center;background:var(--color-surface)}.category-art svg{width:55%;height:65%;color:var(--color-primary);stroke-width:1.2}.category-card img{width:100%;height:100%;object-fit:cover}.category-card small{color:var(--mh-muted)}.mh-product-photo{width:100%;aspect-ratio:1/1;background:var(--color-background);display:grid;place-items:center;overflow:hidden;border-radius:8px;color:var(--mh-muted);font-size:13px}.mh-product-photo img{width:100%;height:100%;object-fit:contain}.mh-products .product-card{display:flex;flex-direction:column;gap:10px;padding:16px;min-width:0}.mh-products .product-card h3{font-size:16px;margin:0}.mh-products .product-card .btn{margin-top:auto;text-align:center;font-size:13px}.mh-products .price{margin:0}.mh-products .product-card small{color:var(--mh-muted)}.mh-decoration{background:var(--color-surface);padding-block:42px}.mh-decoration-inner{max-width:1440px;margin:auto;padding-inline:3%}.mh-decoration-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mh-decoration-links a{padding:24px;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;color:var(--color-primary);font-weight:600;display:flex;justify-content:space-between;align-items:center;min-height:85px}.mh-decoration-links a:hover{border-color:var(--color-secondary);box-shadow:var(--mh-shadow)}.mh-inspiration{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.mh-inspiration-art{overflow:hidden;border-radius:14px;aspect-ratio:1/1}.mh-inspiration-art img{width:100%;height:100%;object-fit:cover;object-position:right}.mh-inspiration h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,4vw,52px)}.mh-inspiration p{max-width:480px}.mh-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mh-why article{border-top:3px solid var(--color-secondary);padding:24px;background:var(--color-white);border-radius:0 0 12px 12px}.mh-why h3{font-size:18px}.mh-why p{font-size:14px;color:var(--mh-muted)}.mh-catalog-unavailable{padding:24px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-white);grid-column:1/-1}.mh-catalog-unavailable a{text-decoration:underline}.product-card a:focus-visible{outline-offset:2px}
@media(min-width:1441px){.site-header{padding-inline:0}.main-nav{padding-inline:calc((100% - 1440px)/2)}}
@media(max-width:1000px){.site-header{grid-template-columns:240px 1fr}.mh-featured-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.main-nav{gap:20px}.mh-inspiration{gap:24px}}
@media(max-width:640px){.site-header{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 12px;gap:8px}.site-header .site-logo img{width:100%;max-width:230px}.head-actions>a:not(.cart-link){display:none}.head-actions .cart-link{max-width:none;min-width:44px;gap:3px}.head-actions .cart-word{display:none}.head-actions .badge{min-width:18px;height:18px}.main-nav{gap:0}.mh-featured-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-decoration-links{grid-template-columns:1fr 1fr;gap:12px}.mh-decoration-links a{padding:16px;font-size:13px}.mh-inspiration{grid-template-columns:1fr;gap:24px}.mh-inspiration-art{aspect-ratio:4/3}.mh-why{grid-template-columns:1fr;gap:16px}.mh-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mh-products .product-card{padding:12px}.mh-products .product-card h3{font-size:14px}.mh-products .product-card .btn{padding:10px;font-size:12px}.mh-products .price{font-size:16px}.footer-credit{display:block;margin:8px 0 0}}

:root{--mh-shadow-color:rgb(31 58 77 / 8%)}
/* Forms must shrink inside tablet columns without overflowing the page. */
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>*,.form-grid input,.form-grid select,.contact-form-card{min-width:0}.form-grid input,.form-grid select{max-width:100%}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}

/* Supplied square category photography: show the complete composition. */
.mh-featured-categories .category-art{aspect-ratio:1/1;overflow:hidden}.mh-featured-categories .category-art img{display:block;width:100%;height:100%;object-fit:contain}