.sps-widget{--sps-green:#98c9a3;--sps-pink:#efb5af;--sps-dark:#303b34;--sps-bg:#f7faf7;direction:rtl;width:100%;margin:20px 0;padding:22px;border-radius:22px;background:linear-gradient(135deg,var(--sps-bg),#fff8f7);box-sizing:border-box;overflow:hidden;font-family:inherit}
.sps-widget *{box-sizing:border-box}
.sps-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.sps-heading{display:flex;align-items:center;gap:12px}
.sps-heading-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:var(--sps-green);color:#fff;border-radius:14px;font-size:23px}
.sps-heading h2{font-size:19px;font-weight:800;color:var(--sps-dark);margin:0 0 5px}
.sps-heading p{font-size:12px;color:#858d87;margin:0}
.sps-controls{display:flex;align-items:center;gap:7px}
.sps-count{font-size:11px;color:#858d87;margin-left:5px}
.sps-arrow{width:32px;height:32px;border:0;border-radius:10px;background:#fff;color:var(--sps-dark);font-size:23px;cursor:pointer;box-shadow:0 2px 8px #0000000b}
.sps-arrow:hover{background:var(--sps-green);color:#fff}
.sps-track{--sps-columns:4;display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px 1px 12px}
.sps-track::-webkit-scrollbar{display:none}
.sps-card{flex:0 0 calc((100% - (var(--sps-columns) - 1)*12px)/var(--sps-columns));min-width:0;scroll-snap-align:start;background:#fff;border-radius:17px;padding:9px;box-shadow:0 5px 18px #2a46300e;border:1px solid #98c9a333;transition:transform .25s,box-shadow .25s}
.sps-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #2a46301f}
.sps-image{display:block;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1;background:#f5f7f5}
.sps-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}
.sps-card:hover .sps-image img{transform:scale(1.06)}
.sps-discount{position:absolute;top:8px;right:8px;background:var(--sps-pink);color:#633c39;font-size:10px;font-weight:800;border-radius:8px;padding:5px 8px;z-index:2}
.sps-out{position:absolute;top:8px;left:8px;z-index:2;background:#555;color:#fff;padding:5px 8px;border-radius:7px;font-size:10px}
.sps-content{padding:11px 3px 3px}
.sps-product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px;font-size:12px;line-height:1.8;font-weight:700;color:var(--sps-dark);text-decoration:none}
.sps-rating{display:flex;align-items:center;gap:4px;color:#999;font-size:10px;margin:7px 0}
.sps-star{color:#e8ae55;font-size:13px}
.sps-price{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:43px;margin:8px 0;color:#477d56;font-size:13px;font-weight:800}
.sps-price del{font-size:10px;color:#aaa;font-weight:400}
.sps-price ins{text-decoration:none;color:#477d56}
.sps-add-button{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;min-height:37px;padding:7px 4px;border:0;border-radius:10px;background:var(--sps-green);color:#233a29!important;text-decoration:none!important;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}
.sps-add-button:hover{background:var(--sps-pink);color:#593c39!important}
.sps-disabled{opacity:.5;cursor:not-allowed}
.sps-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #98c9a344;padding-top:13px;margin-top:5px;font-size:11px;color:#84978a}
.sps-footer-decoration{color:var(--sps-pink);font-size:19px}
.sps-empty{padding:15px;border:1px dashed #98c9a3;border-radius:10px;color:#52665a;text-align:center}
@media(max-width:1024px){.sps-track{--sps-columns:3}}
@media(max-width:767px){.sps-widget{padding:15px 12px;border-radius:17px;margin:15px 0}.sps-heading h2{font-size:15px}.sps-heading p{font-size:10px}.sps-heading-icon{width:36px;height:36px;font-size:19px}.sps-count{display:none}.sps-track{--sps-columns:2.5;gap:3.2%}.sps-card{padding:7px;border-radius:13px}.sps-product-title{font-size:10px;height:36px}.sps-price{font-size:11px}.sps-add-button{font-size:10px;min-height:34px}.sps-arrow{width:29px;height:29px}}
@media(max-width:380px){.sps-heading p{display:none}}