.sw-wrapper{margin-top:10px;padding:8px}
.sw-qty-controls{display:inline-flex;align-items:normal;gap:8px}
.sw-qty-display{width:60px;text-align:center;border:1px solid #ccc;padding:4px;border-radius:4px}
.sw-qty-btn{background:#808080;color:#000;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}
.sw-buy-buttons{display:flex;flex-direction:column;gap:8px;margin-top:10px;text-align:centre}
.sw-buy-btn{background:#fff;border:2px solid red;color:#000;padding:8px 10px;border-radius:6px;cursor:pointer;text-align:centre}
.sw-buy-btn .sw-sub{display:block;font-size:11px;color:#444}
.sw-disabled{opacity:.4;cursor:not-allowed,text-align:centre}


/* Overlay (0.05s flash when adding to cart) */
.swb-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25);
    z-index: 99998;
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s ease;
}
.swb-overlay.swb-visible {
    opacity: 1;
    pointer-events: auto;
}

/* Container so multiple toasts STACK instead of overlap */
.swb-toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 99999;
}

/* Toast – bigger, card-style */
/* Toast – bigger (half size up) */
/* Toast – larger version */
.swb-toast {
    display: flex;
    align-items: flex-start;
    max-width: 480px;            /* wider box */
    background: #f6fffa;
    border: 1px solid #b7eb8f;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.15);

    padding: 22px 28px;          /* increased padding */
    font-size: 18px;             /* bigger text */

    opacity: 0;
    transform: translateY(12px);
    transition: opacity .25s ease, transform .25s ease;
}

/* Larger tick icon */
.swb-toast::before {
    content: "\2713";
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 38px;                 /* bigger circle */
    height: 38px;
    margin-top: 2px;
    margin-right: 14px;

    border-radius: 50%;
    border: 3px solid #52c41a;
    font-size: 22px;             /* bigger tick symbol */
    color: #52c41a;
}

/* Inner content wrapper if you ever use HTML like Success + View Cart */
.swb-toast-inner {
    flex: 1;
}
.swb-toast-title {
    font-weight: 600;
    color: #389e0d;
    margin-bottom: 2px;
}
.swb-toast-body {
    color: #595959;
}
.swb-toast-body a {
    color: #52c41a;
    text-decoration: underline;
}

/* Show state */
.swb-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.sw-qty-btn:focus,
.sw-buy-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.sw-qty-btn.sw-disabled {
    opacity: 0.4;
    cursor: not-allowed !important;
}

.sw-buy-btn.sw-disabled {
    opacity: .4;
    cursor: not-allowed !important;
}

.sw-qty-display {
    width: 70px;                /* keep or adjust */
    height: 38px;
    padding: 6px 10px;
    font-size: 15px;
     border: 2px solid #d0d0d0 !important;    border-radius: 6px;
    background: #fff;
    transition: all 0.15s ease-in-out;
    outline: none;
}

/* Highlight when the box is active */
.sw-qty-display:focus,
.sw-qty-display:focus-visible {
    border: 2px solid #ff6a00 !important;
    box-shadow: 0 0 4px color:#444 !important;
    outline: none !important;
}