.sarti-pack-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    margin-top:14px;
}
.sarti-pack-actions .sarti-pack-action{
    appearance:none;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    width:100%;
    min-height:52px;
    margin:0!important;
    padding:12px 18px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    box-shadow:0 5px 14px rgba(24,46,72,.12);
    color:#fff!important;
    font-family:inherit;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.25;
    text-align:center;
    text-decoration:none!important;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.sarti-pack-actions .sarti-pack-action:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(24,46,72,.17);
    filter:brightness(.98);
}
.sarti-pack-actions .sarti-pack-action:focus-visible{
    outline:3px solid rgba(20,116,170,.22);
    outline-offset:3px;
}
.sarti-cart-action{background:#176fa6!important}
.sarti-whatsapp-action{background:#20a866!important}
.sarti-pack-action svg{width:21px;height:21px;fill:currentColor;flex:0 0 auto}

.sarti-wa-modal[hidden]{display:none!important}
.sarti-wa-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}
.sarti-wa-backdrop{position:absolute;inset:0;background:rgba(17,31,45,.58);backdrop-filter:blur(2px)}
.sarti-wa-dialog{
    position:relative;
    width:min(100%,430px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.55);
    border-radius:16px;
    background:#fff;
    box-shadow:0 22px 60px rgba(15,30,45,.28);
}
.sarti-wa-head{padding:22px 54px 18px 22px;background:linear-gradient(135deg,#f2fbf6,#fff)}
.sarti-wa-head h3{margin:0 0 6px;color:#183342;font-size:21px;line-height:1.25}
.sarti-wa-head p{margin:0;color:#61717b;font-size:13px;line-height:1.55}
.sarti-wa-close{position:absolute;top:14px;right:14px;display:grid!important;place-items:center;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:1px solid #d5e5de!important;border-radius:50%!important;background:#edf7f2!important;box-shadow:0 2px 7px rgba(34,78,61,.10)!important;color:#2d6652!important;font-size:20px!important;font-weight:500!important;line-height:1!important;cursor:pointer}
.sarti-wa-close:hover{background:#dff1e8!important;border-color:#bcdccb!important;color:#1e5944!important}
.sarti-wa-form{display:grid;gap:14px;padding:20px 22px 23px}
.sarti-wa-field{display:grid;gap:6px;color:#263c49;font-size:13px;font-weight:600}
.sarti-wa-field input{width:100%;height:47px;padding:9px 12px;border:1px solid #cbd8de;border-radius:9px;background:#fff;color:#172b36;font:inherit;font-weight:400;box-shadow:none}
.sarti-wa-field input:focus{border-color:#20a866;outline:3px solid rgba(32,168,102,.13)}
.sarti-wa-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:0;border-radius:10px;background:#20a866;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.sarti-wa-submit:disabled{cursor:wait;opacity:.7}
.sarti-wa-error{margin:0;color:#b42318;font-size:13px;line-height:1.4}
.sarti-wa-note{margin:0;color:#71808a;font-size:11.5px;line-height:1.5;text-align:center}
body.sarti-modal-open{overflow:hidden}
.sarti-order-body{padding:0 22px 23px;direction:rtl;text-align:right}
.sarti-family-summary{display:grid;gap:8px;margin:16px 0}
.sarti-family-list{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #dce6eb;border-radius:10px;background:#f8fbfc}
.sarti-family-list div{display:grid;gap:2px;min-width:0}
.sarti-family-list strong{overflow:hidden;color:#1d3847;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.sarti-family-list span{color:#647681;font-size:12px}
.sarti-remove-list{display:grid!important;place-items:center;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:1px solid #f4cfca!important;border-radius:50%!important;background:#fff1ef!important;box-shadow:none!important;color:#b42318!important;font-size:18px!important;font-weight:500!important;line-height:1!important;cursor:pointer}
.sarti-remove-list:hover{background:#fde2de!important;border-color:#eeaaa1!important;color:#912018!important}
.sarti-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.sarti-choice-actions button,.sarti-choice-primary{min-height:48px;padding:10px 14px;border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sarti-choice-primary{border:0;background:#176fa6;color:#fff}
.sarti-choice-secondary{border:1px solid #176fa6;background:#fff;color:#176fa6}
.sarti-order-body .sarti-wa-form{padding:4px 0 0}
.sarti-success-mark{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:22px auto 12px;border-radius:50%;background:#e7f7ee;color:#20a866;font-size:38px;font-weight:700}
.sarti-order-number{text-align:center;color:#405563}
.sarti-success-close{display:block;width:100%;margin-top:18px}
#sarti-order-modal .sarti-wa-head{direction:rtl;padding:22px 22px 18px 54px;text-align:right}
#sarti-order-modal .sarti-wa-close{right:auto;left:14px}

@media(max-width:640px){
    .sarti-pack-actions{grid-template-columns:1fr;gap:9px}
    .sarti-pack-actions .sarti-pack-action{min-height:50px;font-size:14px!important}
    .sarti-wa-modal{align-items:flex-end;padding:10px}
    .sarti-wa-dialog{border-radius:16px 16px 12px 12px}
    .sarti-choice-actions{grid-template-columns:1fr}
    /* Empêche Safari/iPhone de zoomer toute la page au focus. */
    .sarti-wa-field input{
        font-size:16px!important;
    }
}
