/* Olengugih: responsive fixed quick actions. Scoped to tablets and phones. */
.oc-quicknav,.oc-quicknav-toast{display:none}
@media(max-width:1100px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .oc-quicknav{
    position:fixed;z-index:190;bottom:0;left:0;right:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
    padding:7px max(10px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));
    min-height:72px;border-top:1px solid #eddfd6;background:#fff;
    box-shadow:0 -8px 28px rgba(67,35,23,.09);font-family:var(--mc-body-font,'Kumbh Sans',Arial,sans-serif);
  }
  .oc-quicknav__item{
    border:0;background:transparent;color:#4e281b;text-decoration:none;cursor:pointer;
    font-family:inherit;display:flex;flex-direction:column;justify-content:center;
    align-items:center;gap:4px;min-width:0;min-height:55px;padding:5px 6px;
    border-radius:11px;transition:color .18s ease,background-color .18s ease,transform .18s ease;
  }
  .oc-quicknav__item svg{flex:0 0 23px;width:23px;height:23px;display:block}
  .oc-quicknav__item span{font-size:11px;font-weight:650;text-align:center;line-height:1.25;overflow-wrap:normal}
  .oc-quicknav__item--primary{color:#ee6a29}
  .oc-quicknav__item--whatsapp{color:#ee6a29}
  .oc-quicknav__item:hover,.oc-quicknav__item:focus-visible,.oc-quicknav__item[aria-current="page"]{background:#fff2e9;color:#b44e23;transform:translateY(-2px)}
  .oc-quicknav__item:focus-visible{outline:2px solid #ee6a29;outline-offset:-2px}
  .oc-quicknav-toast:not([hidden]){
    position:fixed;z-index:301;display:block;bottom:calc(90px + env(safe-area-inset-bottom,0px));
    left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);
    padding:11px 15px;border-radius:10px;background:#4e281b;color:#fff;
    box-shadow:0 8px 25px rgba(38,22,15,.2);font-size:12px;line-height:1.4;text-align:center;
  }
}
@media(max-width:450px){.oc-quicknav__item span{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.oc-quicknav__item{transition:none}.oc-quicknav__item:hover,.oc-quicknav__item:focus-visible{transform:none}}