.sa-shop-wrap *,.sa-shop-wrap *::before,.sa-shop-wrap *::after{box-sizing:border-box}.sa-shop-wrap ul{list-style:none;padding:0;margin:0}.sa-shop-wrap a{text-decoration:none;color:inherit}.sa-shop-wrap{background:var(--bg-body);direction:rtl;min-height:60vh}.sa-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.375rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:150;gap:.75rem;}.sa-page-title{font-size:clamp(.95rem,1.4vw,1.3rem);font-weight:700;color:var(--text-primary);margin:0;}.sa-view-toggle{display:flex;gap:2px;background:var(--bg-surface-alt);border-radius:var(--border-radius-sm);padding:3px}.sa-view-btn{background:none;border:none;padding:.3rem .45rem;border-radius:calc(var(--border-radius-sm) - 2px);color:var(--text-muted);display:flex;align-items:center;cursor:pointer;transition:background var(--transition),color var(--transition)}.sa-view-btn.active{background:var(--bg-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.sa-view-btn:hover:not(.active){color:var(--text-primary)}.sa-cats-bar{display:none;background:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:44px;z-index:140;}.sa-cats-scroll{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .875rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.sa-cats-scroll::-webkit-scrollbar{display:none}.sa-cats-pill{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;scroll-snap-align:start;white-space:nowrap;background:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:99px;padding:.3rem .875rem .3rem .625rem;font-size:.78rem;color:var(--text-secondary);transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition);text-decoration:none;}.sa-cats-pill:hover{background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-surface-alt));border-color:color-mix(in srgb,var(--color-primary) 30%,var(--border-color));color:var(--text-primary);}.sa-cats-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(127,109,251,.3);}.sa-pill-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:currentColor;}.sa-pill-icon--img img{width:20px;height:20px;object-fit:contain;border-radius:4px;display:block;}.sa-layout{display:flex;align-items:flex-start;max-width:1320px;margin:0 auto;padding:1.25rem 1.375rem;gap:1.5rem;}.sa-sidebar{width:210px;min-width:210px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;position:sticky;top:calc(52px + .875rem);max-height:calc(100vh - 52px - 1.75rem);overflow-y:auto;scrollbar-width:thin;box-shadow:var(--shadow-sm);}.sa-cats-list{padding:.5rem}.sa-cat-item+.sa-cat-item{margin-top:1px}.sa-cat-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--border-radius-sm);font-size:.825rem;color:var(--text-secondary);transition:background var(--transition),color var(--transition);}.sa-cat-link:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.sa-cat-item.active .sa-cat-link{background:rgba(127,109,251,.1);color:var(--color-primary);font-weight:600}.sa-cat-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-muted);flex-shrink:0}.sa-cat-icon.has-img img{width:22px;height:22px;object-fit:contain;border-radius:4px}.sa-cat-item.active .sa-cat-icon{color:var(--color-primary)}.sa-cat-name{flex:1;line-height:1.3}.sa-cat-count{font-size:.7rem;color:var(--text-muted);background:var(--bg-surface-alt);border-radius:99px;padding:1px 7px;font-weight:600;flex-shrink:0}.sa-cat-item.active .sa-cat-count{background:rgba(127,109,251,.15);color:var(--color-primary)}.sa-main{flex:1;min-width:0}.sa-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sa-products-grid.sa-list-view{grid-template-columns:1fr}.sa-products-grid.sa-list-view .sa-product-card{flex-direction:row;height:110px}.sa-products-grid.sa-list-view .sa-card-img{width:110px;min-width:110px;height:100%;aspect-ratio:unset;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}.sa-products-grid.sa-list-view .sa-card-body{flex:1;padding:.75rem 1rem;text-align:right;justify-content:center}.sa-product-card{display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition);}.sa-product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.sa-card-img{position:relative;aspect-ratio:1/1;overflow:hidden}.sa-card-img img{width:100%;border-radius:1rem;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.sa-product-card:hover .sa-card-img img{transform:scale(1.04)}.sa-card-img a{display:block;height:100%}.sa-badge{position:absolute;top:.5rem;right:.5rem;border-radius:var(--border-radius-sm);padding:2px .55rem;font-size:.68rem;font-weight:700;z-index:2;line-height:1.5}.sa-badge--sale{background:#e02424;color:#fff}.sa-badge--new{background:var(--color-primary);color:#fff}.sa-card-body{padding:.55rem .625rem .625rem;display:flex;flex-direction:column;flex:1}.sa-card-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;text-align:center}.sa-card-title a{color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-card-title a:hover{color:var(--color-primary)}.app-stretched-link::after {content: "";position: absolute;inset: 0;z-index: 1;}.loop-fav-btn {background: rgba(127,109,251,0.05);border: 1px solid rgba(127,109,251,0.15);color: var(--color-primary, #7f6dfb);width: 26px;height: 26px;border-radius: 6px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;outline: none;position: absolute;top: 0.4rem;left: 0.4rem;z-index: 2;}.loop-fav-btn:hover {background: rgba(127,109,251,0.15);}.loop-fav-btn.active {background: var(--color-primary, #7f6dfb);color: #fff;}.loop-fav-btn.active svg {fill: currentColor;}.sa-pagination{margin-top:2rem}.sa-pagination .page-numbers{display:flex;align-items:center;justify-content:center;gap:.375rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}.sa-pagination .page-numbers a, .sa-pagination .page-numbers span{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.82rem;color:var(--text-secondary);transition:all var(--transition);padding:0 .5rem}.sa-pagination .page-numbers a:hover{border-color:var(--color-primary);color:var(--color-primary)}.sa-pagination .page-numbers .current{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.sa-pagination .page-numbers .dots{border:none;background:none;color:var(--text-muted)}.sa-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;color:var(--text-muted);gap:.875rem}.sa-empty svg{opacity:.35}.sa-empty p{font-size:.9rem;margin:0}.sa-empty a{background:var(--color-primary);color:#fff;border-radius:var(--border-radius);padding:.55rem 1.5rem;font-size:.875rem;font-weight:600;transition:background var(--transition)}.sa-empty a:hover{background:var(--color-primary-hover,#6a58e0)}@media(max-width:1100px){.sa-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sa-sidebar{display:none}.sa-cats-bar{display:block}.sa-toolbar{top:0}.sa-cats-bar{top:44px}.sa-layout{padding:.75rem;gap:0}.sa-products-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.sa-page-title{font-size:.9rem}.sa-toolbar{padding:.45rem .875rem}}@media(max-width:360px){.sa-products-grid{grid-template-columns:repeat(2,1fr)}}[data-theme="dark"] .sa-cat-item.active .sa-cat-link{background:rgba(168,157,253,.12)}[data-theme="dark"] .sa-cats-pill.active{box-shadow:0 2px 8px rgba(168,157,253,.25)}