/* Kenyan editorial refresh. Each store keeps its existing catalogue and theme. */
.mk-store { --color-gray-1:#59675e; --color-gray-2:#536258; --font-family-body:Inter,"Segoe UI",Arial,sans-serif!important; color:#213d32; }
.mk-store .color-medium, .mk-store .color-gray, .mk-store .product-default .product-details p, .mk-store .home-slider .slider-content>p { color:#58665c!important; }
.mk-store .form-control, .mk-store input:not([type=submit]):not([type=button]), .mk-store textarea, .mk-store select { color:#213d32; caret-color:#213d32; }
.mk-store input::placeholder, .mk-store textarea::placeholder { color:#647167; opacity:1; }
.mk-store footer input:not([type=submit]), .mk-store footer textarea, .mk-store .footer input:not([type=submit]) { color:#213d32!important; background:#fff!important; }
.mk-store .mk-store-bar { position:relative; font-family:Inter,"Segoe UI",Arial,sans-serif; font-size:11px; padding:11px 0; }
.mk-store .mk-store-bar .mk-container { max-width:1360px; width:calc(100% - 64px); }
.mk-store .mk-store-bar a { color:#e0edaf; }
.mk-store .mk-store-bar::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:repeating-linear-gradient(135deg,#b47b50 0 12px,#d5ee87 12px 24px,#47664c 24px 38px,#e9ddc1 38px 42px); opacity:.8; }
.mk-store .header .navbar-nav .nav-link { font-size:14px; font-weight:500; }
.mk-store .header .menu .menu-link { font-size:13px; }
.mk-store .header .logo img { max-width:180px!important; max-height:48px!important; }
.mk-store .header .header-bottom { border-top:1px solid #e3e7dd; background:#f6f5ef; }
.mk-store .header-search-form { border-color:#b6c3b3; background:#f6f5ef; }
.mk-store .header-search-form .search-input input { font-size:13px; }
.mk-store .btn-primary { border-radius:7px!important; box-shadow:none!important; font-size:13px; }
.mk-store .product-default { border:1px solid #e1e5dc; background:#fff; border-radius:12px; overflow:hidden; transition:box-shadow .2s,border-color .2s; }
.mk-store .product-default:hover { border-color:#a1b298; box-shadow:0 8px 25px #153e3210; }
.mk-store .product-default .product-details { padding:18px; }
.mk-store .product-default .product-title { font-size:14px; line-height:1.55; font-weight:600; }
.mk-store .product-default .product-img { background:#f6f5ef; }
.mk-store .product-default .product-img img { object-fit:contain; }
.mk-store .product-default .old-price { color:#677369!important; }
.mk-store .section-title h2, .mk-store .section-title .title { letter-spacing:-.7px; }
.mk-store .category-item { border-radius:12px; }
.mk-store .page-title-area { border-bottom:1px solid #dedfd3; }
.mk-store .page-title-area h2 { color:#153e32; }
.mk-store :focus-visible { outline:3px solid #769651; outline-offset:4px; }
.ke-refreshed-store .header.header-fixed, .ke-refreshed-store .header.sticky-header { position:relative!important; top:auto; }
.ke-refreshed-store .header.header-fixed .is-sticky { position:relative!important; }
.ke-refreshed-store .header.is-sticky :is(.header-top,.header-middle) { display:block; }
.ke-refreshed-store .header-next { margin-top:0!important; }
.ke-refreshed-store .page-title-area { padding-top:55px!important; }
.ke-editorial { --ke-ink:#183e30; --ke-earth:#8c593a; font-family:Inter,"Segoe UI",Arial,sans-serif; background:#ede7db; position:relative; }
.ke-editorial-grid { max-width:1600px; margin:auto; }
.ke-main-story { min-height:580px; position:relative; overflow:hidden; display:flex; align-items:center; }
.ke-hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ke-hero-copy { position:relative; z-index:1; padding:65px 6%; width:51%; }
.ke-kicker { display:block; color:var(--ke-earth); font:700 10px/1.5 Inter,"Segoe UI",Arial,sans-serif; letter-spacing:.19em; margin-bottom:23px; }
.ke-hero-copy h1 { color:var(--ke-ink); font:500 clamp(40px,4.9vw,72px)/1.04 "Playfair Display",Georgia,serif; letter-spacing:-2.5px; margin:0 0 25px; }
.ke-hero-copy h1 em { font-weight:500; color:var(--ke-earth); }
.ke-hero-copy p { color:#4f5a4d; max-width:370px; font-size:14px; line-height:1.9; margin:0 0 30px; }
.ke-button { display:inline-flex; align-items:center; justify-content:center; gap:27px; background:#153e32; color:#fff!important; border:1px solid #153e32; border-radius:7px; padding:15px 22px; font-size:12px; font-weight:600; min-height:48px; }
.ke-button:hover { background:#295640; text-decoration:none; }
.ke-secondary-link { display:block; width:fit-content; color:#395440; font-size:11px; margin-top:22px; text-decoration:underline; text-underline-offset:4px; }
.ke-photo-caption { position:absolute; right:35px; bottom:22px; background:#fffdf2e8; border:1px solid #eee5d3; padding:9px 12px; border-radius:4px; font-size:10px; letter-spacing:.02em; color:#5e5a45; z-index:1; }
.ke-editorial-fashion .ke-main-story { background:#efe8da; }
.ke-editorial-fashion .ke-hero-photo { width:65%; left:auto; object-position:62% center; }
.ke-editorial-fashion .ke-main-story::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#efe8da 0%,#efe8da 34%,#efe8daee 40%,transparent 58%); }
.ke-editorial-fashion .ke-hero-copy { width:53%; }
.ke-editorial-furniture .ke-hero-copy { padding-bottom:90px; }
.ke-editorial-furniture .ke-hero-photo { object-position:center; }
.ke-editorial-furniture .ke-main-story::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#eee4d7b3 0%,#eee4d740 40%,transparent 65%); }
.ke-editorial-furniture .ke-photo-caption { background:#fff9e9ed; }
.ke-editorial-electronics { background:#fff; padding:36px 0 26px; }
.ke-editorial-electronics .ke-editorial-grid { max-width:1320px; width:calc(100% - 64px); display:grid; grid-template-columns:1.9fr 1fr; gap:20px; }
.ke-editorial-electronics .ke-main-story { border-radius:12px; background:#f3f1ed; min-height:540px; }
.ke-editorial-electronics .ke-hero-photo { object-fit:cover; object-position:60% center; }
.ke-editorial-electronics .ke-main-story::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#f7f6f2 0%,#f7f6f2ed 27%,#f7f6f26e 51%,transparent 70%); }
.ke-editorial-electronics .ke-hero-copy { width:66%; padding:38px; }
.ke-editorial-electronics .ke-hero-copy h1 { font:650 clamp(36px,3.8vw,59px)/1.12 Inter,"Segoe UI",Arial,sans-serif; letter-spacing:-2px; }
.ke-editorial-electronics .ke-hero-copy h1 em { font-style:normal; color:#8e4635; }
.ke-editorial-electronics .ke-hero-copy p { max-width:285px; font-size:13px; }
.ke-tech-stories { display:grid; grid-template-rows:repeat(3,1fr); gap:16px; }
.ke-tech-story { position:relative; overflow:hidden; background:#f2f2ed; border:1px solid #e9e9e1; border-radius:10px; display:flex; align-items:center; min-height:160px; }
.ke-tech-story>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ke-tech-story>img.ke-promo-contained { left:auto; width:62%; object-fit:contain; object-position:right center; mix-blend-mode:multiply; }
.ke-tech-story::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#f7f6f2 0%,#f7f6f2ee 24%,#f7f6f288 47%,transparent 65%); }
.ke-tech-story>div { position:relative; z-index:1; padding:20px; width:65%; }
.ke-tech-story .ke-kicker { font-size:8px; letter-spacing:.12em; margin-bottom:8px; }
.ke-tech-story h2 { font:600 19px/1.3 Inter,"Segoe UI",Arial,sans-serif; letter-spacing:-.5px; color:#213d32; margin:0 0 14px; }
.ke-promo-link { font-size:10px; color:#153e32; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.ke-promo-link i { margin-left:8px; }
.ke-tech-story:hover { border-color:#a7b49c; }
.ke-store-notes { max-width:1320px; width:calc(100% - 64px); margin:0 auto 20px; padding:25px 0; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #dce3d8; }
.ke-store-notes>div, .ke-store-notes>a { display:flex; gap:16px; justify-content:center; align-items:center; padding:8px 20px; }
.ke-store-notes>:not(:last-child) { border-right:1px solid #dce3d8; }
.ke-store-notes i { font-size:24px; color:#8d6847; }
.ke-store-notes strong { color:#294431; font:600 12px Inter,"Segoe UI",Arial,sans-serif; display:block; }
.ke-store-notes small { color:#65705e; font:400 11px Inter,"Segoe UI",Arial,sans-serif; display:block; margin-top:6px; }
@media(min-width:1600px) { .ke-main-story { min-height:650px; } }
@media(max-width:1199px) { .ke-refreshed-store .header.is-sticky :is(.header-top,.header-middle) { display:none; } .ke-main-story { min-height:520px; } .ke-hero-copy { padding:45px 5%; } .ke-hero-copy h1 { font-size:53px; } .ke-editorial-electronics .ke-main-story { min-height:500px; } .ke-editorial-electronics .ke-hero-copy { width:75%; padding:28px; } .ke-editorial-electronics .ke-hero-copy h1 { font-size:43px; } .ke-tech-story h2 { font-size:17px; } }
@media(max-width:900px) { .ke-hero-copy h1 { font-size:46px; } .ke-hero-copy p { font-size:13px; } .ke-editorial-electronics .ke-editorial-grid { grid-template-columns:1fr; } .ke-editorial-electronics .ke-main-story { min-height:420px; } .ke-editorial-electronics .ke-hero-copy { width:60%; padding:35px; } .ke-tech-stories { grid-template-columns:repeat(3,1fr); grid-template-rows:auto; gap:12px; } .ke-tech-story { min-height:210px; align-items:flex-start; } .ke-tech-story>div { width:95%; padding:18px; } .ke-tech-story img { object-position:65% 100%; } .ke-tech-story::after { background:linear-gradient(180deg,#f7f6f2 0%,#f7f6f2cc 30%,transparent 85%); } .ke-store-notes { width:calc(100% - 36px); } .ke-store-notes>div, .ke-store-notes>a { padding:8px 12px; gap:10px; } }
@media(max-width:600px) { .mk-store .mk-store-bar .mk-container { width:calc(100% - 32px); justify-content:space-between; } .mk-store .mk-store-bar { font-size:10px; } .ke-editorial-grid { width:100%; } .ke-main-story { min-height:0; display:flex; flex-direction:column; align-items:stretch; } .ke-hero-copy, .ke-editorial-fashion .ke-hero-copy { order:0; width:100%; padding:38px 24px 32px; } .ke-hero-copy h1 { font-size:46px; letter-spacing:-1.6px; margin-bottom:20px; } .ke-hero-copy p { max-width:360px; margin-bottom:24px; } .ke-kicker { font-size:9px; margin-bottom:18px; } .ke-hero-photo, .ke-editorial-fashion .ke-hero-photo { position:relative; width:100%; height:310px; object-position:65% center; order:1; } .ke-editorial-fashion .ke-main-story::after, .ke-editorial-furniture .ke-main-story::after { display:none; } .ke-photo-caption { bottom:12px; right:12px; max-width:90%; font-size:9px; padding:7px; } .ke-editorial-furniture .ke-hero-copy { padding-bottom:32px; } .ke-editorial-furniture .ke-hero-photo { height:265px; object-fit:cover; object-position:85% center; } .ke-editorial-electronics { padding:20px 0 0; } .ke-editorial-electronics .ke-editorial-grid { width:calc(100% - 32px); gap:12px; } .ke-editorial-electronics .ke-main-story { min-height:400px; } .ke-editorial-electronics .ke-hero-photo { position:absolute; height:100%; object-position:70% center; } .ke-editorial-electronics .ke-hero-copy { padding:30px 22px; width:82%; } .ke-editorial-electronics .ke-hero-copy h1 { font-size:42px; } .ke-editorial-electronics .ke-hero-copy p { max-width:230px; font-size:12px; } .ke-tech-stories { grid-template-columns:1fr; gap:10px; } .ke-tech-story { min-height:145px; align-items:center; } .ke-tech-story>div { width:65%; padding:20px; } .ke-tech-story::after { background:linear-gradient(90deg,#f7f6f2 0%,#f7f6f2ee 25%,transparent 85%); } .ke-tech-story h2 { font-size:20px; max-width:190px; } .ke-tech-story img { object-position:right center; } .ke-store-notes { grid-template-columns:1fr; padding:14px 0; margin-bottom:12px; } .ke-store-notes>div, .ke-store-notes>a { justify-content:flex-start; padding:12px 8px; gap:15px; } .ke-store-notes>:not(:last-child) { border-right:0; border-bottom:1px solid #e7e9e1; } .ke-store-notes strong { font-size:12px; } .ke-store-notes small { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .mk-store *, .mk-store *::before, .mk-store *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
