/* Storefront notifications keep Toastr behavior and use a quiet RTL surface. */
.op-store #toast-container { top:calc(env(safe-area-inset-top,0px) + 12px); bottom:auto; right:auto; left:50%; width:min(380px,calc(100% - 32px)); transform:translateX(-50%); pointer-events:none; }
.op-store #toast-container>.toast { display:grid; grid-template-columns:28px minmax(0,1fr) 36px; align-items:center; column-gap:10px; width:100%; min-height:64px; margin:0 0 8px; padding:10px 12px; border:1px solid #dfe8ed; border-radius:14px; background:#fff; background-image:none!important; box-shadow:0 8px 28px #17374614; color:#264352; direction:rtl; text-align:right; font-family:Vazirmatn,sans-serif; opacity:1; pointer-events:auto; cursor:default; }
.op-store #toast-container>.toast:hover { box-shadow:0 8px 28px #17374614; opacity:1; }
.op-store #toast-container>.toast::before { content:''; grid-column:1; grid-row:1 / span 2; width:28px; height:28px; border-radius:50%; background:#edf5f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087fae' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 7v.01M12 11v6'/%3E%3C/svg%3E") center/22px no-repeat; }
.op-store #toast-container>.toast-success::before { background-color:#edf7f1; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23347b60' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E"); }
.op-store #toast-container>:is(.toast-error,.toast-warning)::before { background-color:#fff1f3; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b35060' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 6v8m0 4v.01'/%3E%3C/svg%3E"); }
.op-store #toast-container>.toast { padding:10px 12px!important; }
.op-store #toast-container .toast-message { grid-column:2; grid-row:1 / span 2; min-width:0; margin:0!important; font-size:13px; font-weight:500; line-height:1.9; overflow-wrap:anywhere; }
.op-store #toast-container .toast-title { grid-column:2; grid-row:1; min-width:0; margin:0; font-size:13px; font-weight:600; line-height:1.9; overflow-wrap:anywhere; }
.op-store #toast-container>.toast:has(>.toast-title) .toast-message { grid-row:2; }
.op-store #toast-container .toast-close-button { position:static; grid-column:3; grid-row:1 / span 2; display:grid; place-items:center; width:36px; height:44px; float:none; padding:8px; border:0; border-radius:9px; background:transparent; color:#80919c; opacity:1; text-shadow:none; }
.op-store #toast-container .toast-close-button svg { display:block; width:18px; height:18px; }
.op-store #toast-container .toast-close-button:hover { background:#f4f7f9; color:#3e6072; }
.op-store #toast-container .toast-close-button:focus-visible { outline:2px solid #087fae; outline-offset:0; }