/* Offcanvas (no Bootstrap needed) */
/*.oc-toggle {*/
/*  background: #1585A4; color:#fff; border:0; padding:0px 10px; border-radius:6px; cursor:pointer;*/
/*}*/
/*.oc-toggle:hover { filter: brightness(0.95); }*/

/*.oc {*/
/*  position: fixed; top: 0; right: -340px; width: 320px; height: 100%;*/
/*  background: #fff; box-shadow: -2px 0 12px rgba(0,0,0,.18);*/
/*  display: flex; flex-direction: column; transition: right .35s ease; z-index: 1050;*/
  /* optional: click-outside support overlay (created in PHP/JS) */
/*}*/
/*.oc.is-open { right: 0; }*/

/*.oc__header {*/
/*  display: flex; align-items: center; justify-content: space-between;*/
/*  padding: 14px 16px; border-bottom: 1px solid #eee; background:#f8f9fa;*/
/*}*/
/*.oc__title { margin: 0; font-size: 17px; font-weight: 700; }*/

/*.oc__close {*/
/*  appearance: none; border:0; background:transparent; font-size: 28px; line-height:1;*/
/*  cursor: pointer; color:#333;*/
/*}*/

/*.oc__body { padding: 16px; overflow: auto; flex: 1; }*/

/* Page overlay */
/*.oc-overlay {*/
/*  position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: opacity .25s ease; z-index: 1049;*/
/*}*/
/*.oc-overlay.is-open { opacity: 1; pointer-events: auto; }*/

/* Small devices width tweak (optional) */
/*@media (max-width: 480px) {*/
/*  .oc { width: 92vw; right: -92vw; }*/
/*  .oc.is-open { right: 0; }*/
/*}*/