/* Office Choice Kenya v0.9.1 — simple retail homepage with restrained neumorphism.
   Scoped to .ock-choice-home only. The approved header is intentionally untouched. */

.ock-choice-home{
  --och-canvas:#F2F0EC;
  --och-surface:#E9EFED;
  --och-surface-2:#F4F5F2;
  --och-ink:#102E36;
  --och-primary:#14758A;
  --och-primary-dark:#174D5B;
  --och-cyan:#08A4C1;
  --och-muted:#65777A;
  --och-line:rgba(16,46,54,.10);
  --och-shadow-raised:8px 8px 20px rgba(73,88,86,.13),-8px -8px 20px rgba(255,255,255,.82);
  --och-shadow-raised-sm:5px 5px 12px rgba(73,88,86,.12),-5px -5px 12px rgba(255,255,255,.76);
  --och-shadow-inset:inset 4px 4px 9px rgba(84,101,98,.12),inset -4px -4px 9px rgba(255,255,255,.78);
  background:var(--och-canvas);
  color:var(--och-ink);
  overflow:hidden;
}
.ock-choice-home *{box-sizing:border-box}
.ock-choice-home a{text-decoration:none}
.ock-choice-section{padding:clamp(48px,6vw,82px) 0}
.ock-choice-kicker,.ock-choice-heading>div>span{
  display:block;margin:0 0 10px;color:var(--och-primary);
  font:800 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;
}
.ock-choice-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.ock-choice-heading h2{margin:0;max-width:760px;color:var(--och-ink);font:700 clamp(30px,4vw,50px)/1.03 Archivo,Inter,Arial,sans-serif;letter-spacing:-.045em}
.ock-choice-heading>a,.ock-choice-text-link{color:var(--och-ink)!important;font:750 13px/1.2 Inter,Arial,sans-serif;border-bottom:1px solid rgba(20,117,138,.34);padding-bottom:3px}
.ock-choice-heading>a:hover,.ock-choice-text-link:hover{color:var(--och-primary)!important;border-color:var(--och-primary)}

/* Split hero: calm, tactile, and different from the donor image-overlay composition. */
.ock-choice-hero{padding:clamp(30px,4vw,56px) 0 0}
.ock-choice-hero__frame{position:relative;min-height:clamp(430px,54vw,620px);border:1px solid rgba(255,255,255,.70);border-radius:12px;background:var(--och-surface);box-shadow:var(--och-shadow-raised);overflow:hidden}
.ock-choice-hero__slides{position:relative;min-height:inherit}
.ock-choice-hero__slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(320px,42%) minmax(0,58%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.ock-choice-hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.ock-choice-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,76px);background:var(--och-surface-2);border-right:1px solid var(--och-line)}
.ock-choice-hero__copy h2{margin:0;color:var(--och-ink);font:750 clamp(42px,5vw,70px)/.97 Archivo,Inter,Arial,sans-serif;letter-spacing:-.055em;max-width:700px}
.ock-choice-hero__copy p{margin:20px 0 0;max-width:560px;color:var(--och-muted);font:500 16px/1.65 Inter,Arial,sans-serif}
.ock-choice-hero__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.ock-choice-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border-radius:7px;font:800 13px/1 Inter,Arial,sans-serif}
.ock-choice-button--primary{background:var(--och-primary);color:#fff!important;box-shadow:4px 4px 10px rgba(61,84,84,.18),-3px -3px 9px rgba(255,255,255,.58)}
.ock-choice-button--primary:hover{background:var(--och-primary-dark);color:#fff!important}.ock-choice-button--primary:active{box-shadow:inset 3px 3px 7px rgba(5,46,55,.28),inset -2px -2px 5px rgba(255,255,255,.10)}
.ock-choice-hero__media{display:block;min-width:0;overflow:hidden;background:#DDE5E2}.ock-choice-hero__media img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .55s ease}.ock-choice-hero__slide.is-active .ock-choice-hero__media:hover img{transform:scale(1.015)}
.ock-choice-hero__controls{position:absolute;right:18px;bottom:18px;z-index:6;display:flex;align-items:center;gap:10px;padding:7px;border-radius:9px;background:rgba(233,239,237,.92);backdrop-filter:blur(10px);box-shadow:var(--och-shadow-raised-sm)}
.ock-choice-hero__dots{display:flex;align-items:center;gap:4px}.ock-choice-hero__dots button,.ock-choice-hero__arrows button{border:0;cursor:pointer;color:var(--och-muted);background:transparent}.ock-choice-hero__dots button{width:36px;height:34px;border-radius:6px;font:800 10px/1 Inter,Arial,sans-serif}.ock-choice-hero__dots button.is-active{background:var(--och-primary);color:#fff;box-shadow:inset 2px 2px 5px rgba(0,0,0,.16)}
.ock-choice-hero__arrows{display:flex;gap:4px;padding-left:6px;border-left:1px solid var(--och-line)}.ock-choice-hero__arrows button{display:grid;place-items:center;width:36px;height:34px;border-radius:6px;background:var(--och-surface);box-shadow:3px 3px 7px rgba(72,91,91,.13),-3px -3px 7px rgba(255,255,255,.72)}.ock-choice-hero__arrows button:active{box-shadow:var(--och-shadow-inset)}.ock-choice-hero__arrows button:first-child svg{transform:rotate(180deg)}.ock-choice-hero__arrows svg{width:15px;height:15px}
.ock-choice-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 0 0}.ock-choice-assurance>span{padding:16px 18px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:var(--och-surface);box-shadow:var(--och-shadow-raised-sm);color:var(--och-muted);font:500 13px/1.45 Inter,Arial,sans-serif}.ock-choice-assurance strong{display:block;margin-bottom:2px;color:var(--och-ink);font-weight:750}

/* Categories: compact raised selectors with inset image wells. */
.ock-choice-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ock-choice-category{display:grid;grid-template-columns:78px minmax(0,1fr) 28px;align-items:center;gap:15px;min-height:106px;padding:13px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:var(--och-surface);box-shadow:var(--och-shadow-raised-sm);color:var(--och-ink)!important;transition:transform .18s ease,box-shadow .18s ease}
.ock-choice-category:hover{transform:translateY(-2px);box-shadow:7px 7px 16px rgba(73,88,86,.14),-7px -7px 16px rgba(255,255,255,.82)}
.ock-choice-category:active{transform:none;box-shadow:var(--och-shadow-inset)}
.ock-choice-category__media{display:block;width:78px;height:78px;border-radius:8px;background:var(--och-surface-2);box-shadow:var(--och-shadow-inset);overflow:hidden;padding:5px}.ock-choice-category__media img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
.ock-choice-category__content{display:grid;gap:5px;min-width:0}.ock-choice-category__content strong{font:700 17px/1.18 Archivo,Inter,Arial,sans-serif}.ock-choice-category__content small{color:var(--och-muted);font:500 12px/1.2 Inter,Arial,sans-serif}.ock-choice-category__arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--och-primary);background:var(--och-surface-2);box-shadow:3px 3px 7px rgba(72,91,91,.11),-3px -3px 7px rgba(255,255,255,.72);transition:transform .18s ease}.ock-choice-category:hover .ock-choice-category__arrow{transform:translateX(2px)}

/* Actionable homepage product cards. */
.ock-choice-shop-now{background:rgba(255,255,255,.14)}
.ock-home-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ock-home-product{min-width:0;display:flex;flex-direction:column;padding:12px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:var(--och-surface);box-shadow:var(--och-shadow-raised-sm);transition:transform .18s ease,box-shadow .18s ease}
.ock-home-product:hover{transform:translateY(-2px);box-shadow:7px 7px 17px rgba(73,88,86,.14),-7px -7px 17px rgba(255,255,255,.82)}
.ock-home-product__media{position:relative;display:block;aspect-ratio:1/1;border-radius:8px;background:var(--och-surface-2);box-shadow:var(--och-shadow-inset);overflow:hidden}.ock-home-product__media img{display:block;width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .2s ease}.ock-home-product:hover .ock-home-product__media img{transform:scale(1.018)}
.ock-home-product__badge{position:absolute;z-index:2;top:10px;left:10px;padding:6px 8px;border-radius:5px;background:var(--och-primary);color:#fff;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.03em}
.ock-home-product__body{display:flex;flex:1;flex-direction:column;padding:15px 3px 2px}.ock-home-product__category{color:var(--och-primary);font:800 9px/1.2 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.10em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ock-home-product h3{margin:7px 0 13px;min-height:44px;font:700 17px/1.28 Archivo,Inter,Arial,sans-serif;letter-spacing:-.015em}.ock-home-product h3 a{color:var(--och-ink)!important}
.ock-home-product__meta{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--och-line)}.ock-home-product__price{min-width:0;color:var(--och-ink);font:800 17px/1.15 Archivo,Inter,Arial,sans-serif}.ock-home-product__price del{display:block;margin-bottom:3px;color:#8A8580;font:600 10px/1 Inter,Arial,sans-serif}.ock-home-product__price ins{text-decoration:none}.ock-home-product__stock{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--och-muted);font:600 10px/1.15 Inter,Arial,sans-serif}.ock-home-product__stock i{width:7px;height:7px;border-radius:50%;background:#1F7A52;box-shadow:0 0 0 3px rgba(31,122,82,.09)}.ock-home-product__stock.is-out-of-stock i{background:#B34747;box-shadow:0 0 0 3px rgba(179,71,71,.09)}
.ock-home-product__actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:9px;margin-top:14px}.ock-home-product__cart,.ock-home-product__whatsapp{display:flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:7px;font:800 12px/1 Inter,Arial,sans-serif;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ock-home-product__cart{padding:0 12px;background:var(--och-primary);color:#fff!important;box-shadow:4px 4px 9px rgba(53,75,75,.16),-3px -3px 8px rgba(255,255,255,.55)}.ock-home-product__cart:hover{background:var(--och-primary-dark);color:#fff!important}.ock-home-product__cart:active{box-shadow:inset 3px 3px 7px rgba(3,47,56,.26),inset -2px -2px 5px rgba(255,255,255,.08)}
.ock-home-product__whatsapp{width:44px;background:var(--och-surface-2);color:var(--och-primary)!important;box-shadow:4px 4px 9px rgba(73,88,86,.12),-4px -4px 9px rgba(255,255,255,.74)}.ock-home-product__whatsapp:hover{color:#fff!important;background:#25D366}.ock-home-product__whatsapp:active{box-shadow:var(--och-shadow-inset)}.ock-home-product__whatsapp svg{width:18px;height:18px;fill:currentColor}
/* v0.9.2: WhatsApp is the primary homepage conversion action. */
.ock-home-product__actions.has-whatsapp{grid-template-columns:minmax(0,1fr) 44px}.ock-home-product__whatsapp--primary{width:auto!important;gap:8px;padding:0 13px;background:#25D366!important;color:#fff!important;box-shadow:4px 4px 10px rgba(37,211,102,.20),-3px -3px 8px rgba(255,255,255,.58)}.ock-home-product__whatsapp--primary:hover{background:#1fbd59!important;color:#fff!important;transform:translateY(-1px)}.ock-home-product__whatsapp--primary:active{transform:none;box-shadow:inset 3px 3px 7px rgba(11,110,49,.24),inset -2px -2px 5px rgba(255,255,255,.18)}.ock-home-product__whatsapp--primary svg{width:18px;height:18px;fill:currentColor}.ock-home-product__whatsapp--primary span{display:inline}.ock-home-product__cart--secondary{width:44px;padding:0!important;background:var(--och-surface-2)!important;color:var(--och-primary)!important;box-shadow:4px 4px 9px rgba(73,88,86,.12),-4px -4px 9px rgba(255,255,255,.74)}.ock-home-product__cart--secondary:hover{background:var(--och-surface-2)!important;color:var(--och-primary-dark)!important}.ock-home-product__cart--secondary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ock-home-product__cart--secondary:active{box-shadow:var(--och-shadow-inset)}

.ock-choice-reviews{padding:0 0 clamp(46px,6vw,78px)}

/* Editorial notes remain simple so commerce stays visually dominant. */
.ock-choice-guides{border-top:1px solid var(--och-line)}.ock-choice-guides__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ock-choice-guide{padding:12px;border:1px solid rgba(255,255,255,.70);border-radius:10px;background:var(--och-surface);box-shadow:var(--och-shadow-raised-sm)}.ock-choice-guide__image{display:block;height:190px;border-radius:8px;overflow:hidden;background:var(--och-surface-2);box-shadow:var(--och-shadow-inset)}.ock-choice-guide__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.ock-choice-guide:hover .ock-choice-guide__image img{transform:scale(1.02)}.ock-choice-guide>div{padding:16px 3px 3px}.ock-choice-guide>div>span{color:var(--och-muted);font:700 10px/1.2 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em}.ock-choice-guide h3{margin:8px 0 12px;font:700 20px/1.25 Archivo,Inter,Arial,sans-serif}.ock-choice-guide h3 a{color:var(--och-ink)!important}.ock-choice-guide>div>a{color:var(--och-primary)!important;font:800 12px/1.2 Inter,Arial,sans-serif}

/* Business ordering stays tertiary. */
.ock-choice-business{padding:0 0 clamp(54px,7vw,90px)}.ock-choice-business__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid rgba(255,255,255,.70);border-radius:9px;background:var(--och-surface);box-shadow:var(--och-shadow-raised-sm)}.ock-choice-business__bar>div{display:grid;gap:4px}.ock-choice-business__bar span{color:var(--och-muted);font:600 12px/1.3 Inter,Arial,sans-serif}.ock-choice-business__bar strong{font:700 19px/1.25 Archivo,Inter,Arial,sans-serif;color:var(--och-ink)}.ock-choice-business__bar>a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:7px;background:var(--och-surface-2);box-shadow:4px 4px 9px rgba(73,88,86,.12),-4px -4px 9px rgba(255,255,255,.72);color:var(--och-primary)!important;font:800 12px/1.2 Inter,Arial,sans-serif;white-space:nowrap}.ock-choice-business__bar>a:active{box-shadow:var(--och-shadow-inset)}

@media(max-width:1120px){.ock-home-products{grid-template-columns:repeat(3,minmax(0,1fr))}.ock-choice-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ock-choice-hero__frame{min-height:560px}.ock-choice-hero__slide{grid-template-columns:46% 54%}.ock-choice-hero__copy{padding:36px}.ock-choice-hero__copy h2{font-size:clamp(38px,5.4vw,56px)}.ock-home-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .ock-choice-section{padding:42px 0}.ock-choice-heading{align-items:start}.ock-choice-heading h2{font-size:31px}.ock-choice-heading>a{margin-top:6px;white-space:nowrap}
  .ock-choice-hero{padding-top:16px}.ock-choice-hero__frame{min-height:650px;border-radius:10px}.ock-choice-hero__slide{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ock-choice-hero__copy{padding:30px 24px 28px;border-right:0;border-bottom:1px solid var(--och-line)}.ock-choice-hero__copy h2{font-size:40px}.ock-choice-hero__copy p{font-size:15px;margin-top:14px}.ock-choice-hero__actions{margin-top:22px}.ock-choice-hero__media{min-height:290px}.ock-choice-hero__media img{min-height:290px}.ock-choice-hero__controls{right:12px;bottom:12px}
  .ock-choice-assurance{grid-template-columns:1fr;gap:9px}.ock-choice-assurance>span{padding:13px 15px}
  .ock-choice-category{grid-template-columns:66px minmax(0,1fr) 26px;gap:11px;min-height:92px;padding:10px}.ock-choice-category__media{width:66px;height:66px}.ock-choice-category__content strong{font-size:15px}
  .ock-choice-guides__grid{grid-template-columns:1fr}.ock-choice-guide{display:grid;grid-template-columns:120px 1fr;gap:14px}.ock-choice-guide__image{height:110px}.ock-choice-guide>div{padding-top:2px}.ock-choice-guide h3{font-size:17px}
  .ock-choice-business__bar{align-items:flex-start;flex-direction:column}.ock-choice-business__bar strong{font-size:18px}
}
@media(max-width:520px){
  .ock-choice-heading{display:block}.ock-choice-heading>a{display:inline-block;margin-top:12px}.ock-choice-heading h2{font-size:29px}
  .ock-choice-hero__frame{min-height:620px}.ock-choice-hero__copy h2{font-size:36px}.ock-choice-hero__copy{padding:26px 20px 24px}.ock-choice-hero__actions{gap:12px}.ock-choice-button{min-height:46px;padding-inline:17px}
  .ock-choice-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ock-choice-category{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:9px;min-height:0}.ock-choice-category__media{width:100%;height:auto;aspect-ratio:1.35/1}.ock-choice-category__content{padding:0 2px}.ock-choice-category__content strong{font-size:14px}.ock-choice-category__content small{font-size:10px}.ock-choice-category__arrow{position:absolute;right:12px;bottom:12px;width:24px;height:24px}.ock-choice-category{position:relative;padding-bottom:38px}
  .ock-home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ock-home-product{padding:8px;border-radius:8px}.ock-home-product__media{border-radius:7px}.ock-home-product__media img{padding:6px}.ock-home-product__badge{top:7px;left:7px;padding:5px 6px;font-size:8px}.ock-home-product__body{padding:11px 1px 1px}.ock-home-product__category{font-size:8px}.ock-home-product h3{min-height:38px;margin:5px 0 9px;font-size:14px;line-height:1.25}.ock-home-product__meta{display:block;padding-top:9px}.ock-home-product__price{font-size:15px}.ock-home-product__stock{margin-top:6px;font-size:9px}.ock-home-product__actions{grid-template-columns:minmax(0,1fr) 38px;gap:6px;margin-top:10px}.ock-home-product__cart,.ock-home-product__whatsapp{min-height:38px;font-size:10px;border-radius:6px}.ock-home-product__whatsapp{width:38px}.ock-home-product__whatsapp svg{width:16px;height:16px}.ock-home-product__actions.has-whatsapp{grid-template-columns:minmax(0,1fr) 38px}.ock-home-product__whatsapp--primary{width:auto!important;padding-inline:8px;gap:5px}.ock-home-product__whatsapp--primary svg{width:15px;height:15px}.ock-home-product__cart--secondary{width:38px}.ock-home-product__cart--secondary svg{width:16px;height:16px}
  .ock-choice-guide{grid-template-columns:96px 1fr}.ock-choice-guide__image{height:94px}
}