.w-cart .w-cart-content,
.w-cart .w-cart-notification{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

.satcg-lock{overflow:hidden!important;touch-action:none}
.satcg-root,.satcg-root *{box-sizing:border-box}
.satcg-root{position:fixed;inset:0;z-index:2147482000;pointer-events:none;overflow:visible;font-family:inherit;color:var(--satcg-text)}
.satcg-root a{text-decoration:none}

.satcg-overlay{position:absolute;inset:0;border:0;margin:0;padding:0;background:rgba(0,0,0,var(--satcg-overlay));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease;cursor:pointer}
.satcg-panel{position:fixed;display:flex;flex-direction:column;background:var(--satcg-bg);color:var(--satcg-text);border:1px solid var(--satcg-border);box-shadow:0 18px 55px rgba(0,0,0,.2);outline:0;overflow:hidden;pointer-events:auto}
.satcg-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:13px 16px;border-bottom:1px solid var(--satcg-border);background:var(--satcg-bg);flex:0 0 auto}
.satcg-title{font:800 16px/1.4 inherit!important;color:var(--satcg-text)!important;margin:0!important;padding:0!important}
.satcg-close{display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--satcg-muted);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.satcg-close:hover{background:color-mix(in srgb,var(--satcg-text) 8%,transparent);color:var(--satcg-text)}
.satcg-close:active{transform:scale(.94)}
.satcg-close svg,.satcg-remove svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.satcg-content{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;background:var(--satcg-bg)}

.satcg-items{padding:4px 14px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1 1 auto}
.satcg-item{display:grid;grid-template-columns:72px minmax(0,1fr) 34px;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--satcg-border)}
.satcg-thumb{width:72px;height:72px;border:1px solid var(--satcg-border);border-radius:10px;overflow:hidden;background:#fff}
.satcg-thumb a{display:block;width:100%;height:100%}
.satcg-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}
.satcg-item-main{min-width:0}
.satcg-item-title{font:700 13.5px/1.65 inherit!important;color:var(--satcg-text)!important;margin:0 0 4px!important;padding:0!important}
.satcg-item-title a{color:inherit!important}
.satcg-item-title a:hover{color:var(--satcg-primary)!important}
.satcg-meta{font:400 11px/1.55 inherit;color:var(--satcg-muted);margin:2px 0 6px}
.satcg-meta dl,.satcg-meta p{margin:0!important}
.satcg-meta dt,.satcg-meta dd{display:inline;margin:0 0 0 3px}
.satcg-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.satcg-line-price{font:700 12px/1.4 inherit;color:var(--satcg-text);white-space:nowrap}
.satcg-line-price del{font-size:.84em;color:var(--satcg-muted);opacity:.72}
.satcg-line-price ins{text-decoration:none}
.satcg-persian-prices .satcg-line-price,
.satcg-persian-prices .satcg-line-price *,
.satcg-persian-prices .satcg-subtotal strong,
.satcg-persian-prices .satcg-subtotal strong *{font-family:var(--satcg-price-font)!important;font-weight:700!important;font-variant-numeric:normal!important}

.satcg-remove{display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;border:0;border-radius:9px;background:transparent;color:var(--satcg-muted);cursor:pointer}
.satcg-remove:hover{background:#fee2e2;color:#b42318}
.satcg-qty{display:flex;align-items:center;border:1px solid var(--satcg-border);border-radius:9px;overflow:hidden;height:30px}
.satcg-qty-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--satcg-text);font:700 16px/1 inherit;cursor:pointer}
.satcg-qty-btn:hover{background:color-mix(in srgb,var(--satcg-text) 7%,transparent)}
.satcg-qty-value{display:grid;place-items:center;min-width:24px;height:28px;border-inline:1px solid var(--satcg-border);font:700 11px/1 inherit}
.satcg-qty-static{font:600 11px/1 inherit;color:var(--satcg-muted)}

.satcg-summary{flex:0 0 auto;margin-top:auto;padding:14px;border-top:1px solid var(--satcg-border);background:var(--satcg-bg);box-shadow:0 -8px 24px rgba(0,0,0,.035)}
.satcg-subtotal{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:1px 0 12px;font:700 13px/1.5 inherit}
.satcg-subtotal strong{font-weight:900;color:var(--satcg-text)}
.satcg-actions{display:grid;grid-template-columns:1fr;gap:7px}
.satcg-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;margin:0!important;padding:10px 14px!important;border:0!important;border-radius:6px!important;color:#fff!important;font-size:13.5px!important;font-weight:800!important;line-height:1.25!important;font-family:inherit!important;text-align:center!important;box-shadow:none!important;transition:filter .2s,transform .2s!important}
.satcg-btn:hover{color:#fff!important;filter:brightness(.96)}
.satcg-btn:active{transform:translateY(1px)}
.satcg-btn-primary{background:var(--satcg-primary)!important}
.satcg-btn-checkout{background:var(--satcg-checkout)!important}

.satcg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-height:330px;padding:34px 24px;text-align:center}
.satcg-empty-icon{width:100px;height:100px;margin:4px auto 18px;color:color-mix(in srgb,var(--satcg-muted) 35%,transparent)}
.satcg-empty-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.satcg-empty p{margin:0 0 22px!important;color:var(--satcg-text);font:500 13px/1.8 inherit}
.satcg-empty .satcg-btn{width:auto!important;min-width:145px!important}

.satcg-loading{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:7px;min-height:220px;padding:32px;color:var(--satcg-muted)}
.satcg-loading span{width:8px;height:8px;border-radius:50%;background:var(--satcg-primary);animation:satcg-pulse .9s infinite alternate}
.satcg-loading span:nth-child(2){animation-delay:.15s}.satcg-loading span:nth-child(3){animation-delay:.3s}
.satcg-loading p{flex-basis:100%;margin:10px 0 0!important;text-align:center;font-size:12px}
.satcg-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:28px;text-align:center}
.satcg-error strong{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fee2e2;color:#b42318;font-size:22px}
.satcg-error p{margin:14px 0!important;color:var(--satcg-muted);font-size:12px;line-height:1.7}
.satcg-retry{padding:8px 14px;border:1px solid var(--satcg-border);border-radius:8px;background:transparent;color:var(--satcg-text);cursor:pointer}
.satcg-is-loading .satcg-content{cursor:progress}
.satcg-is-loading .satcg-content>*{pointer-events:none;opacity:.76}

/* Mobile uses the full root only for the visible overlay/drawer. */
.satcg-mode-mobile{inset:0;width:auto;height:auto}
.satcg-mode-mobile .satcg-overlay{display:block}
.satcg-mode-mobile.satcg-open .satcg-overlay{opacity:1;visibility:visible;pointer-events:auto}
.satcg-mode-mobile .satcg-panel{top:0;bottom:0;left:0;width:min(var(--satcg-mobile-width),var(--satcg-mobile-max));height:100dvh;max-height:none;border-width:0 1px 0 0;border-radius:0;transform:translate3d(-102%,0,0);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.satcg-mode-mobile.satcg-open .satcg-panel{transform:translate3d(0,0,0)}
.satcg-mode-mobile .satcg-header{min-height:58px;padding:11px 14px}
.satcg-mode-mobile .satcg-title{font-size:14px!important}
.satcg-mode-mobile .satcg-item{grid-template-columns:62px minmax(0,1fr) 30px;gap:8px;padding:12px 0}
.satcg-mode-mobile .satcg-thumb{width:62px;height:62px}
.satcg-mode-mobile .satcg-item-title{font-size:12px!important;line-height:1.55!important}
.satcg-mode-mobile .satcg-line-price{font-size:11px}
.satcg-mode-mobile .satcg-summary{padding:12px 14px 14px}
.satcg-mode-mobile .satcg-btn{min-height:42px!important;font-size:13px!important;font-weight:800!important}

/* Desktop root has zero geometry: there is no invisible full-screen box over banners/links. */
.satcg-mode-desktop{inset:auto!important;top:0!important;left:0!important;width:0!important;height:0!important}
.satcg-mode-desktop .satcg-overlay{display:none!important}
.satcg-mode-desktop .satcg-panel{top:var(--satcg-top,80px);left:var(--satcg-left,16px);width:var(--satcg-desktop-width);max-height:var(--satcg-max-height,560px);border-radius:6px;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.99);transform-origin:top center;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.satcg-mode-desktop.satcg-open .satcg-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.satcg-mode-desktop .satcg-header{min-height:50px;padding:9px 13px}
.satcg-mode-desktop .satcg-title{font-size:13px!important}
.satcg-mode-desktop .satcg-close{width:30px;height:30px}
.satcg-mode-desktop .satcg-items{padding-inline:12px;max-height:350px}
.satcg-mode-desktop .satcg-item{grid-template-columns:58px minmax(0,1fr) 28px;gap:8px;padding:11px 0}
.satcg-mode-desktop .satcg-thumb{width:58px;height:58px}
.satcg-mode-desktop .satcg-item-title{font-size:11.5px!important;line-height:1.55!important}
.satcg-mode-desktop .satcg-meta{font-size:10px}
.satcg-mode-desktop .satcg-item-bottom{margin-top:5px}
.satcg-mode-desktop .satcg-line-price{font-size:11px}
.satcg-mode-desktop .satcg-remove{width:28px;height:28px}
.satcg-mode-desktop .satcg-remove svg{width:19px;height:19px}
.satcg-mode-desktop .satcg-summary{padding:11px 13px 13px}
.satcg-mode-desktop .satcg-subtotal{font-size:11.5px;padding-bottom:10px}
.satcg-mode-desktop .satcg-btn{min-height:40px!important;padding:9px 12px!important;font-size:13px!important;font-weight:800!important}

/* Empty cart on desktop is intentionally compact and no longer drops a tall box over the hero banner. */
.satcg-mode-desktop .satcg-empty{justify-content:flex-start;min-height:0;padding:16px 16px 18px}
.satcg-mode-desktop .satcg-empty-icon{width:54px;height:54px;margin:0 auto 10px}
.satcg-mode-desktop .satcg-empty p{font-size:11.5px;line-height:1.65;margin:0 0 12px!important}
.satcg-mode-desktop .satcg-empty .satcg-btn{min-width:148px!important;min-height:38px!important;padding:8px 14px!important;font-size:13px!important;font-weight:800!important}
.satcg-mode-desktop .satcg-loading{min-height:160px;padding:24px}
.satcg-mode-desktop .satcg-error{min-height:190px;padding:22px}

@keyframes satcg-pulse{to{opacity:.3;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.satcg-root *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}