/* SMTPCart 2.0 — cart drawer, floating cart button, sticky buy bar, trust notes and free-shipping progress.
   Logical properties (RTL-ready). Colours can be changed with --smt-cart-* on :root. */
:root{--smt-cart-brand:#0B6B5C;--smt-cart-brand-h:#08584B;--smt-cart-ink:#13221F;--smt-cart-muted:#5A6B68;--smt-cart-line:#DFE6E3;--smt-cart-bg:#fff;--smt-cart-soft:#F3F7F5;--smt-cart-good:#16704F;--smt-cart-err:#B42318}

/* ---------- drawer ---------- */
.smt-cd{position:fixed;inset:0;z-index:100000}
.smt-cd[hidden]{display:none}
.smt-cd-bg{position:absolute;inset:0;background:rgba(10,20,18,.45);opacity:0;transition:opacity .2s}
.smt-cd-p{position:absolute;inset-block:0;inset-inline-end:0;width:min(420px,100vw);background:var(--smt-cart-bg);color:var(--smt-cart-ink);display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .22s ease;outline:0;font-size:15px;line-height:1.45}
[dir=rtl] .smt-cd-p,.rtl .smt-cd-p{transform:translateX(-100%)}
.smt-cd.is-open .smt-cd-bg{opacity:1}
.smt-cd.is-open .smt-cd-p{transform:none}
@media (prefers-reduced-motion:reduce){.smt-cd-p,.smt-cd-bg{transition:none}}
html.smt-cd-open{overflow:hidden}
.smt-cd-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--smt-cart-line)}
.smt-cd-h h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em;color:inherit}
.smt-cd-n{color:var(--smt-cart-muted);font-weight:600}
.smt-cd-x{appearance:none;border:0;background:transparent;color:inherit;font-size:28px;line-height:1;width:40px;height:40px;border-radius:10px;cursor:pointer}
.smt-cd-x:hover{background:var(--smt-cart-soft)}
.smt-cd-b{flex:1;overflow:auto;padding:14px 20px}
.smt-cd.is-busy .smt-cd-b,.smt-cd.is-busy .smt-cd-f{opacity:.6;pointer-events:none}
.smt-cd-msg{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#E4F4EC;color:var(--smt-cart-good);font-weight:600;font-size:14px}
.smt-cd-msg.is-err{background:#FDECEA;color:var(--smt-cart-err)}
.smt-cd-items{list-style:none;margin:0;padding:0}
.smt-cd-it{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--smt-cart-line);margin:0}
.smt-cd-it img,.smt-cd-noimg{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--smt-cart-soft);display:block}
.smt-cd-it-t{font-weight:700;line-height:1.3}
.smt-cd-it-t a{color:inherit;text-decoration:none}
.smt-cd-it-t a:hover{text-decoration:underline}
.smt-cd-it-m{font-size:13px;color:var(--smt-cart-muted);margin-top:2px}
.smt-cd-it-r{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.smt-cd-it-p{font-weight:800;white-space:nowrap}
.smt-cd-q1{font-size:13px;color:var(--smt-cart-muted)}
.smt-cd-rm{appearance:none;border:0;background:transparent;color:var(--smt-cart-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:grid;place-items:center;align-self:start}
.smt-cd-rm:hover{background:var(--smt-cart-soft);color:var(--smt-cart-err)}
.smt-cd-rm svg{width:16px;height:16px}
.smt-qty{display:inline-flex;align-items:center;border:1px solid var(--smt-cart-line);border-radius:999px;overflow:hidden;height:36px}
.smt-qty button{appearance:none;border:0;background:transparent;color:inherit;width:36px;height:36px;font-size:18px;cursor:pointer}
.smt-qty button:hover:not(:disabled){background:var(--smt-cart-soft)}
.smt-qty button:disabled{opacity:.35;cursor:not-allowed}
.smt-qty input{width:40px;border:0;background:transparent;color:inherit;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield;padding:0}
.smt-qty input::-webkit-inner-spin-button,.smt-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.smt-cd-empty{text-align:center;padding:48px 10px;color:var(--smt-cart-muted)}
.smt-cd-empty svg{width:48px;height:48px;opacity:.5}
.smt-cd-empty b{color:var(--smt-cart-ink);font-size:16px}
.smt-cd-btn2{display:inline-block;margin-top:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--smt-cart-line);color:var(--smt-cart-ink);font-weight:700;text-decoration:none}
/* cross-sells */
.smt-cd-x2{margin-top:18px}
.smt-cd-x2 h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--smt-cart-muted);margin:0 0 8px;font-weight:800}
.smt-cd-x2 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.smt-cd-x2 li{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:var(--smt-cart-soft);border-radius:12px;padding:8px;margin:0}
.smt-cd-x2 li>div{min-width:0}
.smt-cd-x2 img,.smt-cd-x2 .smt-cd-noimg{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--smt-cart-bg)}
.smt-cd-x2 a{color:inherit;font-weight:700;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.smt-cd-x2 span{font-size:13px;color:var(--smt-cart-muted)}
.smt-cd-add{appearance:none;border:1px solid var(--smt-cart-brand);background:transparent;color:var(--smt-cart-brand) !important;border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap}
.smt-cd-add:hover{background:var(--smt-cart-brand);color:#fff !important}
/* footer */
.smt-cd-f{border-top:1px solid var(--smt-cart-line);padding:14px 20px calc(14px + env(safe-area-inset-bottom));display:grid;gap:8px;background:var(--smt-cart-bg)}
.smt-cd-f:empty{display:none}
.smt-cd-row{display:flex;justify-content:space-between;gap:12px}
.smt-cd-sub{font-size:17px}
.smt-cd-note{margin:0;font-size:13px;color:var(--smt-cart-muted)}
.smt-cd-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;background:var(--smt-cart-brand);color:#fff !important;font-weight:800;font-size:17px;text-decoration:none !important;margin-top:4px}
.smt-cd-btn:hover{background:var(--smt-cart-brand-h)}
.smt-cd-btn svg{width:18px;height:18px}
.smt-cd-links{display:flex;justify-content:space-between;align-items:center;gap:10px}
.smt-cd-links button,.smt-cd-links a{appearance:none;border:0;background:transparent;color:var(--smt-cart-brand);font:inherit;font-weight:700;font-size:14px;cursor:pointer;padding:6px 0;text-decoration:none}
.smt-cd-cpn summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--smt-cart-muted)}
.smt-cd-cpf{display:flex;gap:6px;margin:8px 0}
.smt-cd-cpf input{flex:1;min-width:0;border:1px solid var(--smt-cart-line);border-radius:10px;padding:9px 10px;font:inherit;background:transparent;color:inherit}
.smt-cd-cpf button{appearance:none;border:1px solid var(--smt-cart-ink);background:transparent;color:inherit;border-radius:10px;padding:0 14px;font-weight:700;cursor:pointer}
.smt-cd-cp{display:inline-flex;align-items:center;gap:4px;background:var(--smt-cart-soft);border-radius:999px;padding:3px 4px 3px 10px;font-size:13px;font-weight:700;margin:0 6px 6px 0}
.smt-cd-cp button{appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;width:22px;height:22px;border-radius:50%}

/* ---------- free shipping & trust ---------- */
.smt-fs{background:var(--smt-cart-soft,#F3F7F5);border-radius:12px;padding:10px 12px;margin:0 0 12px}
.smt-fs p{margin:0 0 6px;font-size:14px}
.smt-fs-bar{height:6px;border-radius:999px;background:var(--smt-cart-line,#DFE6E3);overflow:hidden}
.smt-fs-bar i{display:block;height:100%;background:var(--smt-cart-brand,#0B6B5C);border-radius:inherit;transition:width .3s}
.smt-fs.is-done p{color:var(--smt-cart-good,#16704F);font-weight:700}
.smt-trust{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--smt-cart-muted,#5A6B68)}
.smt-trust li{display:flex;align-items:center;gap:6px;margin:0}
.smt-trust svg{width:18px;height:18px;flex:none;color:var(--smt-cart-brand,#0B6B5C)}
.smt-trust-cd{margin-top:6px;font-size:13px;gap:6px 12px}
.smt-trust-page{max-width:1120px;margin:20px auto;justify-content:center}
.smt-cartx-top{max-width:1120px;margin:0 auto}

/* ---------- product page ---------- */
.smt-cartx form.cart .smt-buy-now,form.cart .smt-buy-now{background:transparent !important;color:inherit !important;border:2px solid currentColor !important;margin-inline-start:8px}
.smt-cartx form.cart .smt-buy-now:hover{background:rgba(0,0,0,.05) !important}
.smt-cartx form.cart .single_add_to_cart_button{min-height:48px}
.smt-trust-product{margin-top:16px}

/* sticky buy bar: phones only */
.smt-sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:9990;background:var(--smt-cart-bg);color:var(--smt-cart-ink);border-top:1px solid var(--smt-cart-line);box-shadow:0 -6px 20px rgba(0,0,0,.08);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none}
.smt-sticky-i{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto}
.smt-sticky-t{flex:1;min-width:0;display:grid;line-height:1.25}
.smt-sticky-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.smt-sticky-t span{font-size:14px;color:var(--smt-cart-muted)}
.smt-sticky-t del{opacity:.7}
.smt-sticky-b{appearance:none;border:0;border-radius:12px;background:var(--smt-cart-brand);color:#fff;font-weight:800;font-size:15px;min-height:46px;padding:0 20px;cursor:pointer;white-space:nowrap}
@media (max-width:782px){.smt-sticky:not([hidden]){display:block}html.smt-sticky-on body{padding-bottom:76px}}

/* floating cart button */
.smt-fab{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:9989;width:56px;height:56px;border-radius:50%;border:0;background:var(--smt-cart-brand);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;display:grid;place-items:center}
.smt-fab[hidden]{display:none}
.smt-fab svg{width:26px;height:26px}
.smt-fab-n{position:absolute;inset-block-start:-2px;inset-inline-end:-2px;min-width:22px;height:22px;border-radius:11px;background:#fff;color:var(--smt-cart-brand);font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px var(--smt-cart-brand)}
html.smt-sticky-on .smt-fab{inset-block-end:92px}

/* toast (drawer off) */
.smt-cart-toast{position:fixed;inset-block-end:20px;inset-inline-start:50%;transform:translate(-50%,20px);opacity:0;transition:.25s;z-index:100001;background:var(--smt-cart-ink);color:#fff;border-radius:12px;padding:12px 16px;display:flex;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:14px;max-width:calc(100vw - 32px)}
[dir=rtl] .smt-cart-toast{transform:translate(50%,20px)}
.smt-cart-toast.is-in{opacity:1;transform:translate(-50%,0)}
[dir=rtl] .smt-cart-toast.is-in{transform:translate(50%,0)}
.smt-cart-toast a{color:#9BE7C7;font-weight:800;text-decoration:none}