.sar-symbol{display:inline-block;width:.85em;height:.95em;vertical-align:middle;margin-right:.15em;background:currentColor;-webkit-mask:url(/images/sar-symbol.svg) no-repeat center;mask:url(/images/sar-symbol.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.sar-symbol-img{height:.9em;width:auto;vertical-align:middle;margin-right:.1em}.page-transition{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-icon.animate{animation:cartBounce .5s ease}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.product-image-zoom{overflow:hidden;border-radius:var(--radius-xl)}.product-image-zoom img{transition:transform .5s ease}.product-image-zoom:hover img{transform:scale(1.1)}.price-original{color:var(--text-muted);text-decoration:line-through;font-size:.9rem}.price-sale{color:var(--success-color);font-weight:700;font-size:1.25rem}.price-discount-badge{background:var(--danger-color);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.link-hover-effect{position:relative;display:inline-block}.link-hover-effect:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary-color);transition:width .3s ease}.link-hover-effect:hover:after{width:100%}.toast-notification{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:9999;animation:slideInUp .3s ease;display:flex;align-items:center;gap:.75rem}[dir=rtl] .toast-notification{right:auto;left:20px}.toast-notification.success{border-left:4px solid var(--success-color)}[dir=rtl] .toast-notification.success{border-left:none;border-right:4px solid var(--success-color)}.toast-notification.error{border-left:4px solid var(--danger-color)}[dir=rtl] .toast-notification.error{border-left:none;border-right:4px solid var(--danger-color)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[dir=rtl] .bi-arrow-left:before{content:""}[dir=rtl] .bi-arrow-right:before{content:""}header.scrolled .navbar{box-shadow:0 4px 20px #00000014}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;transform:none!important}.quantity-input{display:flex;align-items:center;gap:.5rem}.quantity-input button{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;transition:all var(--transition-fast)}.quantity-input button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.quantity-input input{width:60px;text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem}.breadcrumb-custom{background:transparent;padding:0}.breadcrumb-custom li{color:var(--text-muted)}.breadcrumb-custom li a{color:var(--text-dark)}.breadcrumb-custom li a:hover{color:var(--primary-color)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state i{font-size:4rem;color:var(--text-light);margin-bottom:1rem}.empty-state h4{color:var(--text-dark);margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.nav-tabs-custom{border-bottom:2px solid var(--border-color)}.nav-tabs-custom .nav-link{border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-muted);font-weight:600;padding:1rem 1.5rem}.nav-tabs-custom .nav-link:hover{color:var(--primary-color)}.nav-tabs-custom .nav-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.rating-stars{display:flex;gap:.125rem}.rating-stars i{color:var(--warning-color)}.rating-stars i.empty{color:var(--text-light)}.progress-custom{height:8px;border-radius:var(--radius-full);background:var(--bg-light);overflow:hidden}.progress-custom .progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full)}.product-detail-card .trust-badge{background:#f0fdf4;border-radius:.75rem;padding:.75rem}.product-detail-card .nav-tabs .nav-link{border:none;color:#64748b;font-weight:500;padding:1rem 1.5rem}.product-detail-card .nav-tabs .nav-link.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background:transparent}.filter-sidebar{background:#fff;border-radius:var(--radius-lg);padding:1.5rem}.filter-sidebar .form-check{padding:.5rem 0}.cart-item{background:#fff;border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color);transition:all var(--transition-fast)}.cart-item:hover{border-color:var(--primary-light)}.cart-summary{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;position:sticky;top:90px}.order-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast)}.order-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.order-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem}.order-status.pending{background:#fef3c7;color:#92400e}.order-status.processing{background:#dbeafe;color:#1e40af}.order-status.completed{background:#d1fae5;color:#065f46}.order-status.cancelled{background:#fee2e2;color:#991b1b}.auth-card{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-xl);max-width:450px;width:100%}.auth-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);min-height:100vh;display:flex;align-items:center;justify-content:center}.seller-hero{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-xl);padding:2rem}.seller-stats{display:flex;gap:2rem;flex-wrap:wrap}.seller-stat-item{text-align:center}.seller-stat-item .value{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.seller-stat-item .label{font-size:.875rem;color:var(--text-muted)}.search-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:3rem 0}.search-input-large{padding:1rem 1.5rem;font-size:1.1rem;border-radius:var(--radius-full);border:none;box-shadow:var(--shadow-lg)}.payment-result-card{background:#fff;border-radius:var(--radius-xl);padding:3rem;text-align:center;max-width:500px;margin:0 auto}.payment-result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem}.payment-result-icon.success{background:#d1fae5;color:#065f46}.payment-result-icon.failed{background:#fee2e2;color:#991b1b}.product-card{transition:all .3s ease;height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-light)!important}.product-card .p-3{flex:1;display:flex;flex-direction:column}.product-card h6{flex-grow:0;min-height:2.5em;line-height:1.3}.product-card .text-muted.small{flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .btn{margin-top:auto}.product-card .seller-link:hover,.product-card .seller-link:hover span{color:var(--primary-color)!important}.btn-primary{transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-success{transition:all .2s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-outline-primary{transition:all .2s ease}.btn-outline-primary:hover{transform:translateY(-2px)}.btn-add-to-cart{position:relative;overflow:hidden}.btn-add-to-cart:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-add-to-cart:active:after{width:200%;height:200%}.btn.is-loading{position:relative;color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.category-item{transition:all .3s ease;display:block}.category-item:hover{transform:translateY(-4px)}.category-item:hover img,.category-item:hover .category-icon{transform:scale(1.05)}.category-item img,.category-item .category-icon{transition:transform .3s ease}.seller-card{transition:all .3s ease}.seller-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.form-control::-moz-placeholder{color:#94a3b8;opacity:1}.form-control::placeholder{color:#94a3b8;opacity:1}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-control.is-invalid{border-color:#ef4444;background-image:none}.form-control.is-valid{border-color:#22c55e;background-image:none}.invalid-feedback{color:#ef4444;font-size:.875rem;margin-top:.25rem}.text-decoration-line-through{text-decoration:line-through!important;color:#94a3b8!important;font-weight:400!important}.badge.bg-danger{background-color:#ef4444!important;font-weight:600}@media (max-width: 767.98px){.product-card h6{font-size:.9rem;min-height:auto}.product-card .h6{font-size:.9rem}.product-card .btn-sm{padding:.4rem .75rem;font-size:.8rem}.btn{min-height:44px}.navbar-nav .nav-link{padding:.75rem 1rem}.hero-section h1{font-size:1.75rem}.footer .btn{min-width:100px}}@media (max-width: 575.98px){.product-grid .col-6{padding-left:.375rem;padding-right:.375rem}.product-card{border-radius:.75rem}.product-card .p-3{padding:.75rem!important}}.toast-notification{max-width:320px;font-size:.9rem}.toast-notification i{font-size:1.25rem}.empty-state{background:#f8fafc;border-radius:var(--radius-xl);padding:3rem 2rem}.empty-state .bi{display:block;margin-bottom:1rem}.btn:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:.5rem 1rem;z-index:9999;transition:top .3s}.skip-to-content:focus{top:0}
