::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b,#475569);border:1px solid #e2e8f0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#475569,#334155)}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animate-slideInFromLeft{animation:slideInFromLeft .6s cubic-bezier(.16,1,.3,1)}.animate-slideInFromRight{animation:slideInFromRight .6s cubic-bezier(.16,1,.3,1)}.animate-fadeInUp{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1)}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.product-card:hover{transform:translateY(-4px)}.product-card img{transition:transform .7s cubic-bezier(.4,0,.2,1)}.product-card:hover img{transform:scale(1.05)}.list-view-card{transition:all .3s cubic-bezier(.4,0,.2,1);min-height:200px}.list-view-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.list-view-card .product-image{transition:transform .5s cubic-bezier(.4,0,.2,1)}.list-view-card:hover .product-image{transform:scale(1.02)}.list-view-card .product-info{display:flex;flex-direction:column;justify-content:space-between;height:100%}.list-view-card .product-actions{opacity:0;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.list-view-card:hover .product-actions{opacity:1;transform:translate(0)}.list-view-card .cta-section{border-top:1px solid #f3f4f6;padding-top:1rem;margin-top:auto}.filter-sidebar{backdrop-filter:blur(10px);background:#fffffff2}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.btn-primary{background:linear-gradient(135deg,#111827,#374151);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px #00000026}.form-input{transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e5e7eb}.form-input:focus{border-color:#111827;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.pagination-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover{transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#111827,#374151);color:#fff;transform:scale(1.05)}.toast-notification{backdrop-filter:blur(10px);background:#111827f2}.toast-notification.show{animation:slideInFromRight .4s cubic-bezier(.16,1,.3,1)}.price-slider{-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,#111827,#6b7280);outline:none;opacity:.7;transition:opacity .2s}.price-slider:hover{opacity:1}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#111827;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all .2s}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.price-slider::-moz-range-thumb{width:20px;height:20px;background:#111827;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all .2s}.price-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.products-grid{display:grid;gap:1.5rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.products-grid.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-grid.list-view{grid-template-columns:1fr}.products-list{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}@media (max-width: 768px){.products-grid{gap:1rem}.products-grid.grid-view{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.list-view-card{flex-direction:column}.list-view-card .product-image{width:100%;height:200px}.list-view-card .product-info{padding:1rem}.list-view-card .product-actions{opacity:1;transform:none;flex-direction:row;gap:.5rem}.list-view-card .cta-section{flex-direction:column;gap:1rem;align-items:stretch}.filter-sidebar{position:fixed;top:0;left:0;height:100vh;width:85vw;max-width:320px;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.filter-sidebar.open{transform:translate(0)}}*:focus-visible{outline:1px solid #6b7280;outline-offset:1px}@media print{.no-print,.filter-sidebar,.pagination,.btn-primary{display:none!important}.products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-card,.list-view-card{break-inside:avoid;margin-bottom:1rem}}@media (prefers-color-scheme: dark){.filter-sidebar{background:#111827f2;color:#fff}.form-input{background:#374151;border-color:#4b5563;color:#fff}.product-card,.list-view-card{background:#1f2937;border-color:#374151}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.product-card,.list-view-card,.btn-primary{border:2px solid}}::selection{background:#111827;color:#fff}::-moz-selection{background:#111827;color:#fff}body{background-color:#f9fafb}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{transition-property:color,background-color,border-color,transform,opacity,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:focus-visible{outline:1px solid #6b7280;outline-offset:1px}button:focus{outline:none}button:focus-visible{outline:1px solid #6b7280;outline-offset:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.container{max-width:1200px}@media (max-width: 768px){.container{padding-left:1rem;padding-right:1rem}}@media print{.no-print{display:none!important}}