/*
 * Office Choice Kenya — stronger neumorphism + motion finish
 * v0.9.3
 *
 * This layer intentionally does NOT target the approved header.
 * Pale blue is used as the continuous material canvas so raised and inset
 * surfaces read as actual neumorphism instead of tinted flat cards.
 */

html body.ock-site{
  background:#E6EDEF!important;
}

/* Shared material tokens, scoped to content surfaces only. */
.ock-choice-home,
html body.ock-site .ock-single-product,
html body.ock-site .ock-commerce-page,
html body.ock-site .ock-cart-page,
html body.ock-site .ock-checkout-page,
html body.ock-site .ock-account-page,
html body.ock-site .ock-content-page,
html body.ock-site .ock-policy-page,
html body.ock-site .ock-rfq-page,
html body.ock-site .ock-lead-page,
html body.ock-site .ock-categories-page,
html body.ock-site .ock-blog-index,
html body.ock-site .ock-about-page,
html body.ock-site .ock-contact-page,
html body.ock-site .ock-furniture-landing,
html body.ock-site .ock-article,
html body.ock-site .ock-elementor-product-archive{
  --ocn-bg:#E6EDEF;
  --ocn-bg-deep:#DDE7E9;
  --ocn-highlight:rgba(255,255,255,.96);
  --ocn-shadow:rgba(83,104,110,.23);
  --ocn-shadow-soft:rgba(83,104,110,.16);
  --ocn-ink:#102E36;
  --ocn-primary:#14758A;
  --ocn-primary-dark:#174D5B;
  --ocn-cyan:#08A4C1;
  --ocn-muted:#5E7479;
  --ocn-line:rgba(16,46,54,.095);
  --ocn-raised:12px 12px 27px var(--ocn-shadow),-12px -12px 27px var(--ocn-highlight);
  --ocn-raised-md:8px 8px 18px rgba(83,104,110,.20),-8px -8px 18px rgba(255,255,255,.92);
  --ocn-raised-sm:5px 5px 12px rgba(83,104,110,.18),-5px -5px 12px rgba(255,255,255,.90);
  --ocn-inset:inset 6px 6px 13px rgba(83,104,110,.19),inset -6px -6px 13px rgba(255,255,255,.88);
  --ocn-inset-sm:inset 3px 3px 7px rgba(83,104,110,.18),inset -3px -3px 7px rgba(255,255,255,.86);
}

/* Remove the warm donor-like canvas from visible content surfaces. */
.ock-choice-home,
html body.ock-site.single-product .jfc-main,
html body.ock-site.woocommerce-shop .jfc-main,
html body.ock-site.tax-product_cat .jfc-main,
html body.ock-site .ock-single-product,
html body.ock-site .ock-commerce-page,
html body.ock-site .ock-content-page,
html body.ock-site .ock-rfq-page{
  background-color:var(--ocn-bg,#E6EDEF)!important;
}
html body.ock-site .jfc-main,
html body.ock-site .jfc-commerce-main,
html body.ock-site .jfc-page-shell,
html body.ock-site .jfc-commerce-main>.jfc-container{
  background-image:none!important;
}

/* Neutralize remaining old warm/mauve price and border tones. */
html body.ock-site del,
html body.ock-site del .woocommerce-Price-amount,
html body.ock-site .price del,
html body.ock-site .ock-home-product__price del,
html body.ock-site .ock-product-card__price del,
html body.ock-site .ock-product-summary__price del{
  color:#73858A!important;
  opacity:1!important;
}
html body.ock-site .ock-product-summary__excerpt,
html body.ock-site .ock-product-summary__meta,
html body.ock-site .ock-product-breadcrumb,
html body.ock-site .woocommerce-breadcrumb{
  color:var(--ocn-muted,#5E7479)!important;
}

/* --------------------------------------------------------------------------
   Homepage material system
   -------------------------------------------------------------------------- */
.ock-choice-home{
  --och-canvas:var(--ocn-bg);
  --och-surface:var(--ocn-bg);
  --och-surface-2:var(--ocn-bg);
  --och-ink:var(--ocn-ink);
  --och-primary:var(--ocn-primary);
  --och-primary-dark:var(--ocn-primary-dark);
  --och-cyan:var(--ocn-cyan);
  --och-muted:var(--ocn-muted);
  --och-line:var(--ocn-line);
  --och-shadow-raised:var(--ocn-raised);
  --och-shadow-raised-sm:var(--ocn-raised-sm);
  --och-shadow-inset:var(--ocn-inset);
  background:var(--ocn-bg)!important;
}

.ock-choice-hero__frame{
  border:1px solid rgba(255,255,255,.78)!important;
  background:var(--ocn-bg)!important;
  box-shadow:var(--ocn-raised)!important;
  overflow:hidden!important;
}
.ock-choice-hero__copy{
  background:var(--ocn-bg)!important;
  border-right:1px solid rgba(255,255,255,.42)!important;
  box-shadow:inset -8px 0 18px rgba(83,104,110,.055)!important;
}
.ock-choice-hero__media{
  background:var(--ocn-bg-deep)!important;
  box-shadow:var(--ocn-inset)!important;
  margin:13px 13px 13px 0!important;
  border-radius:9px!important;
}
.ock-choice-hero__media img{
  border-radius:8px!important;
  transform:scale(1.045) translateX(10px);
  transition:transform .95s cubic-bezier(.22,.61,.36,1),filter .65s ease!important;
}
.ock-choice-hero__slide{
  transform:translateX(22px);
  transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1),visibility .62s ease!important;
}
.ock-choice-hero__slide.is-prev{transform:translateX(-22px)}
.ock-choice-hero__slide.is-next{transform:translateX(22px)}
.ock-choice-hero__slide.is-active{transform:translateX(0)}
.ock-choice-hero__slide.is-active .ock-choice-hero__media img{transform:scale(1) translateX(0)}
.ock-choice-hero__copy>.ock-choice-kicker,
.ock-choice-hero__copy>h2,
.ock-choice-hero__copy>p,
.ock-choice-hero__copy>.ock-choice-hero__actions{
  opacity:0;
  transform:translateY(16px);
}
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>.ock-choice-kicker,
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>h2,
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>p,
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>.ock-choice-hero__actions{
  animation:ockHeroRise .68s cubic-bezier(.22,.61,.36,1) both;
}
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>h2{animation-delay:.07s}
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>p{animation-delay:.13s}
.ock-choice-hero__slide.is-active .ock-choice-hero__copy>.ock-choice-hero__actions{animation-delay:.19s}
@keyframes ockHeroRise{to{opacity:1;transform:translateY(0)}}

.ock-choice-hero__controls{
  background:var(--ocn-bg)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:var(--ocn-raised-md)!important;
  backdrop-filter:none!important;
}
.ock-choice-hero__dots button{
  position:relative;
  overflow:hidden;
  background:transparent!important;
  box-shadow:none!important;
}
.ock-choice-hero__dots button.is-active{
  background:var(--ocn-bg)!important;
  color:var(--ocn-primary-dark)!important;
  box-shadow:var(--ocn-inset-sm)!important;
}
.ock-choice-hero__dots button.is-active::after{
  content:"";
  position:absolute;
  left:6px;right:6px;bottom:4px;
  height:2px;
  border-radius:2px;
  background:var(--ocn-cyan);
  transform-origin:left;
  animation:ockHeroProgress var(--ock-slider-speed,6500ms) linear both;
}
@keyframes ockHeroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ock-choice-hero__arrows button,
.ock-choice-button--primary{
  box-shadow:var(--ocn-raised-sm)!important;
  transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,background .22s ease!important;
}
.ock-choice-hero__arrows button:hover,
.ock-choice-button--primary:hover{transform:translateY(-2px)}
.ock-choice-hero__arrows button:active,
.ock-choice-button--primary:active{transform:translateY(0);box-shadow:var(--ocn-inset-sm)!important}

.ock-choice-assurance>span,
.ock-choice-category,
.ock-home-product,
.ock-choice-guide,
.ock-choice-business__bar{
  background:var(--ocn-bg)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:var(--ocn-raised-md)!important;
}
.ock-choice-assurance>span{
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease!important;
}
.ock-choice-assurance>span:hover{transform:translateY(-3px);box-shadow:var(--ocn-raised)!important}

.ock-choice-category{
  transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s ease!important;
}
.ock-choice-category:hover{
  transform:translateY(-5px)!important;
  box-shadow:var(--ocn-raised)!important;
}
.ock-choice-category:active{transform:translateY(0)!important;box-shadow:var(--ocn-inset)!important}
.ock-choice-category__media,
.ock-choice-category__arrow{
  background:var(--ocn-bg)!important;
  box-shadow:var(--ocn-inset-sm)!important;
}
.ock-choice-category__media img{transition:transform .38s cubic-bezier(.22,.61,.36,1)!important}
.ock-choice-category:hover .ock-choice-category__media img{transform:scale(1.055)}
.ock-choice-category__arrow{transition:transform .28s ease,box-shadow .28s ease!important}
.ock-choice-category:hover .ock-choice-category__arrow{transform:translateX(4px)!important;box-shadow:var(--ocn-raised-sm)!important}

/* Homepage product cards: visibly raised shell + deeply inset image stage. */
.ock-home-product{
  border-radius:12px!important;
  box-shadow:var(--ocn-raised)!important;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s ease!important;
}
.ock-home-product:hover{
  transform:translateY(-6px)!important;
  box-shadow:16px 16px 31px rgba(83,104,110,.24),-16px -16px 31px rgba(255,255,255,.97)!important;
}
.ock-home-product__media{
  background:var(--ocn-bg)!important;
  box-shadow:var(--ocn-inset)!important;
  border:1px solid rgba(255,255,255,.42)!important;
}
.ock-home-product__media img{
  transform:scale(.975);
  transition:transform .48s cubic-bezier(.22,.61,.36,1),filter .35s ease!important;
}
.ock-home-product:hover .ock-home-product__media img{transform:scale(1.025)!important}
.ock-home-product__badge{
  background:var(--ocn-primary-dark)!important;
  box-shadow:var(--ocn-raised-sm)!important;
}
.ock-home-product__meta{border-color:var(--ocn-line)!important}
.ock-home-product__price del{color:#73858A!important}
.ock-home-product__actions{gap:10px!important}
.ock-home-product__whatsapp--primary{
  box-shadow:6px 6px 14px rgba(34,139,75,.22),-5px -5px 13px rgba(255,255,255,.88)!important;
  transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease,background .25s ease!important;
}
.ock-home-product__whatsapp--primary:hover{
  transform:translateY(-3px)!important;
  box-shadow:8px 8px 17px rgba(34,139,75,.25),-7px -7px 16px rgba(255,255,255,.92)!important;
}
.ock-home-product__whatsapp--primary:active{transform:translateY(0)!important;box-shadow:inset 4px 4px 9px rgba(11,110,49,.30),inset -3px -3px 7px rgba(255,255,255,.20)!important}
.ock-home-product__cart--secondary{
  background:var(--ocn-bg)!important;
  color:var(--ocn-primary)!important;
  box-shadow:var(--ocn-raised-sm)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.ock-home-product__cart--secondary:hover{transform:translateY(-2px);box-shadow:var(--ocn-raised-md)!important}
.ock-home-product__cart--secondary:active{transform:none;box-shadow:var(--ocn-inset-sm)!important}

/* --------------------------------------------------------------------------
   Shop/category product cards
   -------------------------------------------------------------------------- */
html body.ock-site .ock-product-card,
html body.ock-site .ock-loop-item .ock-product-card,
html body.ock-site .ock-storefront-v4 .ock-product-card{
  background:#E6EDEF!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:var(--ocn-raised,12px 12px 27px rgba(83,104,110,.23),-12px -12px 27px rgba(255,255,255,.96))!important;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s ease!important;
}
html body.ock-site .ock-product-card:hover,
html body.ock-site .ock-loop-item .ock-product-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:16px 16px 31px rgba(83,104,110,.24),-16px -16px 31px rgba(255,255,255,.98)!important;
}
html body.ock-site .ock-product-card__media,
html body.ock-site .ock-storefront-v4 .ock-product-card__media{
  background:#E6EDEF!important;
  box-shadow:var(--ocn-inset, inset 6px 6px 13px rgba(83,104,110,.19), inset -6px -6px 13px rgba(255,255,255,.88))!important;
}
html body.ock-site .ock-product-card__media img{
  transform:scale(.975)!important;
  transition:transform .48s cubic-bezier(.22,.61,.36,1)!important;
}
html body.ock-site .ock-product-card:hover .ock-product-card__media img{transform:scale(1.025)!important}
html body.ock-site .ock-product-card__view,
html body.ock-site .ock-product-card__mini{
  background:#E6EDEF!important;
  box-shadow:var(--ocn-raised-sm,5px 5px 12px rgba(83,104,110,.18),-5px -5px 12px rgba(255,255,255,.90))!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
html body.ock-site .ock-product-card__view:hover,
html body.ock-site .ock-product-card__mini:hover{transform:translateY(-2px);box-shadow:var(--ocn-raised-md)!important}
html body.ock-site .ock-product-card__view:active,
html body.ock-site .ock-product-card__mini:active{transform:none;box-shadow:var(--ocn-inset-sm)!important}

/* --------------------------------------------------------------------------
   Single product: make the material language obvious, not cosmetic.
   -------------------------------------------------------------------------- */
html body.ock-site .ock-product-gallery__main,
html body.ock-site .ock-product-summary,
html body.ock-site .ock-product-summary-v4{
  background:#E6EDEF!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:var(--ocn-raised,12px 12px 27px rgba(83,104,110,.23),-12px -12px 27px rgba(255,255,255,.96))!important;
}
html body.ock-site .ock-product-gallery__image-button,
html body.ock-site .ock-product-buybox,
html body.ock-site .ock-product-buybox-v4,
html body.ock-site .ock-product-summary__availability,
html body.ock-site .ock-product-buybox .quantity .qty,
html body.ock-site .ock-product-buybox table.variations select{
  background:#E6EDEF!important;
  box-shadow:var(--ocn-inset, inset 6px 6px 13px rgba(83,104,110,.19), inset -6px -6px 13px rgba(255,255,255,.88))!important;
}
html body.ock-site .ock-product-gallery__image-button{
  transition:box-shadow .32s ease!important;
}
html body.ock-site .ock-product-gallery__image-button:hover{box-shadow:inset 8px 8px 17px rgba(83,104,110,.21),inset -8px -8px 17px rgba(255,255,255,.92)!important}
html body.ock-site .ock-product-gallery__image-button img{
  transition:opacity .17s ease,transform .4s cubic-bezier(.22,.61,.36,1)!important;
}
html body.ock-site .ock-product-gallery__image-button:hover img{transform:scale(1.015)!important}
html body.ock-site .ock-product-gallery__image-button.is-switching img{opacity:.12!important;transform:scale(.985)!important}
html body.ock-site .ock-product-gallery__thumb,
html body.ock-site .ock-product-gallery__zoom,
html body.ock-site .ock-product-buybox__secondary .ock-btn--secondary{
  background:#E6EDEF!important;
  box-shadow:var(--ocn-raised-sm,5px 5px 12px rgba(83,104,110,.18),-5px -5px 12px rgba(255,255,255,.90))!important;
}
html body.ock-site .ock-product-gallery__thumb{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
html body.ock-site .ock-product-gallery__thumb:hover{transform:translateY(-2px)}
html body.ock-site .ock-product-gallery__thumb.is-active{transform:translateY(0);box-shadow:var(--ocn-inset-sm),0 0 0 1px rgba(8,164,193,.28)!important}
html body.ock-site .ock-product-buybox .single_add_to_cart_button{
  box-shadow:6px 6px 14px rgba(64,93,99,.24),-5px -5px 13px rgba(255,255,255,.88)!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
html body.ock-site .ock-product-buybox .single_add_to_cart_button:hover{transform:translateY(-3px)!important;box-shadow:8px 8px 18px rgba(64,93,99,.26),-7px -7px 17px rgba(255,255,255,.92)!important}
html body.ock-site .ock-product-buybox .single_add_to_cart_button:active{transform:none!important;box-shadow:inset 4px 4px 9px rgba(7,63,74,.31),inset -3px -3px 7px rgba(255,255,255,.12)!important}
html body.ock-site .ock-product-buybox__secondary .ock-btn--whatsapp,
html body.ock-site .ock-product-card__whatsapp{
  background:#25D366!important;
  color:#fff!important;
}
html body.ock-site .ock-product-buybox__secondary .ock-btn--whatsapp{
  box-shadow:6px 6px 14px rgba(34,139,75,.22),-5px -5px 13px rgba(255,255,255,.88)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}
html body.ock-site .ock-product-buybox__secondary .ock-btn--whatsapp:hover{transform:translateY(-3px);box-shadow:8px 8px 18px rgba(34,139,75,.25),-7px -7px 17px rgba(255,255,255,.92)!important}
html body.ock-site .ock-product-buybox__secondary .ock-btn--whatsapp:active{transform:none;box-shadow:inset 4px 4px 9px rgba(11,110,49,.30),inset -3px -3px 7px rgba(255,255,255,.20)!important}

/* --------------------------------------------------------------------------
   Scroll reveals. Only enabled after JS adds .ock-motion-ready.
   -------------------------------------------------------------------------- */
html.ock-motion-ready .ock-choice-home .ock-motion-item{
  opacity:0;
  transform:translateY(26px) scale(.985);
  transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--ock-reveal-delay,0ms);
}
html.ock-motion-ready .ock-choice-home .ock-motion-item.is-revealed{
  opacity:1;
  transform:translateY(0) scale(1);
}

@media(max-width:760px){
  .ock-choice-hero__media{margin:0 10px 10px!important}
  .ock-choice-hero__copy{box-shadow:inset 0 -8px 18px rgba(83,104,110,.055)!important}
  .ock-home-product{box-shadow:7px 7px 16px rgba(83,104,110,.20),-7px -7px 16px rgba(255,255,255,.94)!important}
  .ock-home-product:hover{transform:translateY(-3px)!important}
}

@media(prefers-reduced-motion:reduce){
  .ock-choice-home *,
  html body.ock-site .ock-product-card *,
  html body.ock-site .ock-single-product *{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  html.ock-motion-ready .ock-choice-home .ock-motion-item{opacity:1!important;transform:none!important}
}