.shop-popup-open { overflow:hidden; }
.shop-added { position:fixed; inset:0; margin:auto; width:min(440px,calc(100% - 32px)); max-height:calc(100dvh - 40px); padding:30px; border:1px solid #fff; border-radius:24px; color:#193b2d; background:rgb(243 252 247 / .94); box-shadow:inset 0 1px 0 #fff,0 24px 80px #173c2c30; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); font:14px/1.8 Vazir,Tahoma,sans-serif; overflow:auto; }
.shop-added:not([open]) { display:none; }
.shop-added::backdrop { background:#102b2052; backdrop-filter:blur(5px); }
.shop-added-close { position:absolute; top:10px; left:10px; display:grid; place-items:center; height:44px; width:44px; padding:0; border:0; border-radius:50%; font:26px/1 Tahoma; cursor:pointer; color:#234e35; background:transparent; }
.shop-added-close img,.shop-added-heading img { width:22px; height:22px; }
.shop-added-heading { display:flex; align-items:center; gap:12px; margin-block:5px 24px; padding-left:24px; }
.shop-added-heading>span { display:grid; place-items:center; width:36px; height:36px; flex:none; border:1px solid #9ac7ad; border-radius:50%; background:#d5ecde; color:#185335; font-size:21px; }
.shop-added h2 { font-size:22px; margin:0; font-weight:700; }
.shop-added-product { display:flex; align-items:center; gap:18px; padding-block:18px; border-block:1px solid #d0e3d7; }
.shop-added-product img { width:82px; height:82px; object-fit:cover; border-radius:12px; }
.shop-added h3 { margin:0; font-size:16px; }
.shop-added-product p { margin:5px 0 0; font-size:12px; color:#52685c; }
.shop-added-total { display:flex; justify-content:space-between; gap:14px; font-size:12px; padding-block:19px; }
.shop-added-actions { display:grid; gap:8px; }
.shop-added .shop-primary,.shop-added .shop-secondary { display:flex; align-items:center; justify-content:center; min-height:48px; padding:9px 18px; border:1px solid #b7d1c1; border-radius:10px; font:600 14px/1.8 Vazir,Tahoma,sans-serif; text-decoration:none; cursor:pointer; }
.shop-added .shop-primary { background:#1c6242; color:white; border-color:#1c6242; }
.shop-added .shop-secondary { background:#fff8; color:#1d4832; }
.shop-added :focus-visible { outline:3px solid #27734d; outline-offset:3px; }
.shop-status { position:fixed; z-index:150; bottom:20px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 28px); width:max-content; background:#1c4832; color:white; border-radius:12px; padding:10px 18px; font:13px/1.8 Vazir,Tahoma,sans-serif; }
@media(max-width:600px) { .shop-added { padding:25px 20px 20px; } .shop-added h2 { font-size:20px; } .shop-added-total { flex-wrap:wrap; } }
@media(prefers-reduced-transparency:reduce) { .shop-added { background:#f3faf5; backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media(prefers-reduced-motion:no-preference) { .shop-added[open] { animation:shop-added-in 180ms ease-out; } @keyframes shop-added-in { from { opacity:0; transform:translateY(8px); } } }