/* Component 2 right canvas: mirrors the theme's left Location off-canvas (Component 1): same backdrop
   rgba(0,0,0,.75), 500ms cubic-bezier(.4,0,.2,1) slide, edge shadow and corner close. 389px x full height on
   desktop, full screen at <=768px. Palette #0c100e / #f4f0e6 / #c8f54a / #8f897c. */
.agl9333-c2-canvas{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.agl9333-c2-canvas[hidden]{display:none}
.agl9333-c2-canvas.is-open{pointer-events:auto}
.agl9333-c2-canvas__bg{position:absolute;inset:0;background:rgba(0,0,0,.75);opacity:0;transition:opacity 500ms cubic-bezier(.4,0,.2,1)}
.agl9333-c2-canvas.is-open .agl9333-c2-canvas__bg{opacity:1}
.agl9333-c2-canvas__content{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;
  width:389px;max-width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#0c100e;color:#f4f0e6;
  box-shadow:0 0 2em 0 rgba(0,0,0,.25);transform:translateX(100%);transition:transform 500ms cubic-bezier(.4,0,.2,1);
  padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 0;outline:0;overscroll-behavior:contain}
.agl9333-c2-canvas.is-open .agl9333-c2-canvas__content{transform:none}
.agl9333-c2-canvas__mount{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
.agl9333-c2-canvas__close{position:absolute;top:calc(env(safe-area-inset-top) + 4px);right:calc(env(safe-area-inset-right) + 4px);z-index:2;
  display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;
  background:rgba(12,16,14,.85);color:#8f897c;cursor:pointer;transition:color .3s ease-in-out}
.agl9333-c2-canvas__close:hover,.agl9333-c2-canvas__close:focus-visible{color:#c8f54a;outline:2px solid #c8f54a;outline-offset:-2px}
.agl9333-c2-canvas__status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;
  padding:2rem;text-align:center;font:500 1rem/1.4 system-ui,sans-serif;color:#8f897c}
.agl9333-c2-canvas__status[hidden],.agl9333-c2-canvas__status:empty{display:none}
.agl9333-c2-canvas__status p{margin:0;color:#f4f0e6}
.agl9333-c2-canvas__tel{display:inline-flex;align-items:center;min-height:48px;padding:0 1.5rem;border-radius:999px;background:#c8f54a;color:#0c100e;font-weight:700;text-decoration:none}
@media (max-width:768px){.agl9333-c2-canvas__content{width:100vw;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.agl9333-c2-canvas__bg,.agl9333-c2-canvas__content{transition:none}}