/* طرح رویا | سبد خرید کناری (Side Cart WooCommerce) با تم سایت + فونت وزیر — سراسری */
@font-face{font-family:Vazir;src:url(fonts/Vazirmatn-FD-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/Vazirmatn-FD-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/Vazirmatn-FD-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/Vazirmatn-FD-Black.woff2) format("woff2");font-weight:900;font-display:swap}

/* قاب کشویی */
html body .xoo-wsc-modal .xoo-wsc-container{--w:min(410px,calc(100vw - 20px));width:var(--w);max-width:none;top:10px;bottom:10px;left:calc(-1 * var(--w) - 40px);border-radius:26px;overflow:hidden;background:#fff;color:#18181B;font-family:Vazir,Tahoma,sans-serif;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);transition:left .55s cubic-bezier(.2,.75,.2,1)}
html body .xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-container,html body.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-container{left:10px}
html body .xoo-wsc-modal .xoo-wsc-container a,html body .xoo-wsc-modal .xoo-wsc-container button,html body .xoo-wsc-modal .xoo-wsc-container input,html body .xoo-wsc-modal .xoo-wsc-container span:not([class*=xoo-wsc-icon]){font-family:Vazir,Tahoma,sans-serif}
html body .xoo-wsc-modal .xoo-wsc-opac{background:#0A0A0B;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body .xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-opac,html body.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-opac{opacity:.55}

/* سربرگ */
html body .xoo-wsc-modal .xoo-wsc-header{position:relative;padding:20px 22px 16px;background:#fff;color:#18181B;border-bottom:1px solid #F0F0F1}
html body .xoo-wsc-modal .xoo-wsch-top{justify-content:flex-start;gap:12px;margin:0}
html body .xoo-wsc-modal .xoo-wsch-basket{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0A0A0B;color:#fff}
html body .xoo-wsc-modal .xoo-wscb-icon{font-size:20px;color:#fff}
html body .xoo-wsc-modal .xoo-wscb-count{display:none}
html body .xoo-wsc-modal .xoo-wsch-text{font-size:18px;font-weight:900;color:#18181B}
html body .xoo-wsc-modal span.xoo-wsch-close{position:absolute;top:50%;right:auto;left:18px;display:grid;place-items:center;width:38px;height:38px;margin:0;border-radius:50%;background:#F4F4F5;color:#18181B;font-size:13px;transform:translateY(-50%);transition:background .3s,color .3s,transform .4s cubic-bezier(.2,.75,.2,1)}
html body .xoo-wsc-modal span.xoo-wsch-close:hover{background:#18181B;color:#fff;transform:translateY(-50%) rotate(90deg)}
html body .xoo-wsc-modal ul.xoo-wsc-notices{margin:10px 0 0;padding:0;list-style:none}
html body .xoo-wsc-modal ul.xoo-wsc-notices li{margin:0;padding:9px 14px;border-radius:12px;background:#F4F4F5;font-size:13px;color:#18181B}
html body .xoo-wsc-modal .xoo-wsc-notice-error{background:#FEF2F2!important;color:#B91C1C!important}

/* محصولات */
html body .xoo-wsc-modal .xoo-wsc-body{background:#fff;padding:12px}
html body .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:12px;border:1px solid #EFEFF1;border-radius:18px;background:#F7F7F8;animation:trwWscIn .5s cubic-bezier(.2,.75,.2,1) both}
@keyframes trwWscIn{from{opacity:0;transform:translateY(10px)}}
html body .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col{flex:none;width:72px;align-self:center}
html body .xoo-wsc-modal .xoo-wsc-img-col img{display:block;width:72px;height:72px;object-fit:cover;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
html body .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col{flex:1;width:auto;min-width:0}
html body .xoo-wsc-modal .xoo-wsc-sm-info{display:flex;align-items:flex-start;gap:10px}
html body .xoo-wsc-modal .xoo-wsc-sm-left{flex:1;min-width:0}
html body .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-pname a,html body .xoo-wsc-modal .xoo-wsc-pname{display:block;font-size:14px;font-weight:800;line-height:1.75;color:#18181B;text-decoration:none}
html body .xoo-wsc-modal .xoo-wsc-sml-qty{display:block;margin-top:2px;font-size:12px;color:#71717A}
html body .xoo-wsc-modal .xoo-wsc-priceBox{margin-top:4px}
html body .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-pprice .amount,html body .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount{font-size:15px;font-weight:900;color:#0A0A0B}
html body .xoo-wsc-modal .xoo-wsc-smr-del{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:#71717A;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px #E4E4E7;transition:background .25s,color .25s,box-shadow .25s}
html body .xoo-wsc-modal .xoo-wsc-smr-del:hover{background:#FEE2E2;color:#DC2626;box-shadow:inset 0 0 0 1px #FECACA}
html body .xoo-wsc-modal .xoo-wsc-qty-box{border-radius:999px;overflow:hidden}

/* سبد خالی */
html body .xoo-wsc-modal .xoo-wsc-empty-cart{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 22px;text-align:center}
html body .xoo-wsc-modal .xoo-wsc-empty-cart::before{content:"";width:84px;height:84px;border-radius:50%;background:#F4F4F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318181B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center/36px no-repeat}
html body .xoo-wsc-modal .xoo-wsc-emp-txt{font-size:15px;font-weight:800;color:#18181B}

/* پایین: جمع و دکمه‌ها */
html body .xoo-wsc-modal .xoo-wsc-footer{padding:16px 20px 20px;background:#fff;color:#18181B;border-top:1px solid #F0F0F1;box-shadow:0 -14px 30px -20px rgba(0,0,0,.2)}
html body .xoo-wsc-modal .xoo-wsc-ft-totals{margin:0 0 14px;padding:0}
html body .xoo-wsc-modal .xoo-wsc-ft-amt{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border:0}
html body .xoo-wsc-modal .xoo-wsc-ft-amt-label{font-size:13.5px;color:#71717A}
html body .xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-ft-amt-value .amount{font-size:21px;font-weight:900;color:#0A0A0B}
html body .xoo-wsc-modal .xoo-wsc-footer .woocommerce-Price-currencySymbol{font-size:.62em;opacity:.6;margin-inline-start:3px}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont{display:grid;gap:8px}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,html body .xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:10px 20px;border:0;border-radius:999px;background:#0A0A0B;color:#fff;font:900 15px/1.4 Vazir,Tahoma,sans-serif;text-decoration:none;box-shadow:0 16px 30px -18px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s,background .3s}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn::after,html body .xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(120%);transition:transform .8s cubic-bezier(.2,.75,.2,1)}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,html body .xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn:hover{background:#000;color:#fff;border:0;transform:translateY(-1px);box-shadow:0 20px 36px -16px rgba(0,0,0,.7)}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover::after,html body .xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn:hover::after{transform:translateX(-120%)}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:not(.xoo-wsc-ft-btn-checkout){background:#fff;color:#18181B;box-shadow:inset 0 0 0 1.5px #E4E4E7;min-height:48px}
html body .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn .amount,html body .xoo-wsc-modal .xoo-wsc-btn .amount{color:inherit}
html body .xoo-wsc-modal .xoo-wsc-loader{background:rgba(255,255,255,.6)}

/* دکمه‌ی شناور سبد */
html body .xoo-wsc-modal .xoo-wsc-basket{width:58px;height:58px;background:#0A0A0B;color:#fff;border-radius:50%;box-shadow:0 18px 34px -14px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .35s cubic-bezier(.2,.75,.2,1),opacity .3s,bottom .45s cubic-bezier(.2,.75,.2,1)}
html body .xoo-wsc-modal .xoo-wsc-basket:hover{transform:scale(1.06)}
html body .xoo-wsc-modal .xoo-wsc-bki{font-size:24px;color:#fff}
html body .xoo-wsc-modal .xoo-wsc-items-count{top:-5px;left:-5px;width:24px;height:24px;line-height:24px;background:#fff;color:#0A0A0B;box-shadow:0 0 0 2px #0A0A0B;font:900 12px/24px Vazir,Tahoma,sans-serif}
html body .xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-basket,html body.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-basket{left:45px;opacity:0;pointer-events:none;transform:scale(.6)}

@media (max-width:600px){
	html body .xoo-wsc-modal .xoo-wsc-container{top:8px;bottom:8px;border-radius:22px}
	html body .xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-container,html body.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-container{left:8px}
	html body .xoo-wsc-modal .xoo-wsc-basket{width:54px;height:54px}
}
@media (prefers-reduced-motion:reduce){html body .xoo-wsc-modal *{animation:none!important}}