:root{--primary-color:#06c;--primary-dark:#049;--primary-light:#3385d6;--secondary-color:#f8f9fa;--accent-color:#ff6b35;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--text-dark:#2c3e50;--text-light:#6c757d;--text-muted:#adb5bd;--white:#fff;--background-color:#f8f9fa;--card-background:#fff;--overlay-background:rgba(0,0,0,0.5);--border-color:#e9ecef;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 8px rgba(0,0,0,0.12);--shadow-lg:0 8px 24px rgba(0,0,0,0.15);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--transition:all 0.3s ease;--transition-fast:all 0.15s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-dark);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.btn{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:500;line-height:1;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,102,204,.25)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}.btn-outline{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--white)}.btn-secondary{background-color:var(--secondary-color);border-color:var(--border-color);color:var(--text-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-lg)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.container{max-width:1200px;margin:0 auto}.container,.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{display:-webkit-box;display:flex;flex-wrap:wrap;margin:0 -var(--spacing-sm)}.col{-webkit-box-flex:1;flex:1;padding:0 var(--spacing-sm)}.col-12{flex:0 0 100%;max-width:100%}.col-6,.col-12{-webkit-box-flex:0}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3,.col-4{-webkit-box-flex:0}.col-3{flex:0 0 25%;max-width:25%}.pagination{display:-webkit-box;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:20px 0;list-style:none;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.page-item{display:-webkit-inline-box;display:inline-flex;margin:0}.page-link{display:block;padding:8px 14px;color:#4b5563;text-decoration:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;-webkit-transition:all .2s ease;transition:all .2s ease;font-size:14px;line-height:1.4;min-width:36px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.05)}.page-link:hover{background-color:#f9fafb;border-color:#d1d5db;color:#1d4ed8;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page-item.active .page-link{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.page-item.disabled .page-link{color:#9ca3af;background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed;opacity:.7;box-shadow:none}@media (max-width:576px){.pagination{gap:4px}.page-link{padding:6px 10px;font-size:13px;min-width:32px}.page-item:nth-child(n+4):nth-child(-n+8) .page-link{display:none}.page-item:nth-child(9),.page-item:nth-child(10),.page-item:nth-child(11){display:block!important}}.card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;-webkit-transition:var(--transition);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-color);background-color:var(--secondary-color)}.card-body,.card-footer,.card-header{padding:var(--spacing-lg)}.card-footer{border-top:1px solid var(--border-color);background-color:var(--secondary-color)}.navbar{background-color:var(--white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{-webkit-box-pack:justify;justify-content:space-between;padding:var(--spacing-md) 0}.navbar-brand,.navbar-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.navbar-brand{gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.navbar-brand i{font-size:var(--font-size-2xl)}.navbar-nav{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:var(--spacing-xl);list-style:none}.nav-link{font-weight:500;color:var(--text-dark);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.nav-link.active,.nav-link:hover{color:var(--primary-color)}.navbar-toggle{display:none;background:none;border:none;font-size:var(--font-size-xl);color:var(--text-dark);cursor:pointer}.language-switcher{position:relative;margin-left:var(--spacing-lg)}.language-btn{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-dark);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.language-btn:hover{background:var(--secondary-color);border-color:var(--primary-color)}.language-btn i{font-size:.75rem;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.language-dropdown.show .language-btn i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;min-width:160px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:var(--transition-fast);transition:var(--transition-fast);z-index:1001;margin-top:var(--spacing-xs)}.language-dropdown.show{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.language-option{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-dark);font-size:var(--font-size-sm);text-decoration:none;-webkit-transition:var(--transition-fast);transition:var(--transition-fast);border-bottom:1px solid var(--border-color)}.language-option:last-child{border-bottom:none}.language-option:hover{background:var(--secondary-color);color:var(--primary-color)}.hero{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);padding:var(--spacing-xxl) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}.hero-content{position:relative;z-index:1}.hero h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.2}.hero p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.search-section{background-color:var(--secondary-color);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.search-form{display:-webkit-box;display:flex;gap:var(--spacing-md);max-width:800px;margin:0 auto;background-color:var(--white);padding:var(--spacing-md);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.search-input{-webkit-box-flex:1;flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.search-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white);font-size:var(--font-size-base);cursor:pointer;min-width:150px}.products-section{padding:var(--spacing-xxl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-xxl)}.section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-light);max-width:600px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.product-card{background-color:var(--white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);-webkit-transition:var(--transition);transition:var(--transition);position:relative}.product-card:hover{box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.product-image{position:relative;height:200px;overflow:hidden;background:linear-gradient(45deg,var(--secondary-color),var(--border-color))}.product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:var(--transition);transition:var(--transition)}.product-card:hover .product-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.product-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background-color:var(--accent-color);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.product-info{padding:var(--spacing-lg)}.product-category{font-size:var(--font-size-sm);color:var(--text-light);text-transform:uppercase;font-weight:500;margin-bottom:var(--spacing-xs)}.product-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-sm);line-height:1.3}.product-description{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.5}.product-specs{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.product-specs,.spec-item{display:-webkit-box;display:flex}.spec-item{-webkit-box-align:center;align-items:center;gap:var(--spacing-xs);color:var(--text-light);background-color:var(--secondary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius)}.spec-item,.spec-more{font-size:var(--font-size-xs)}.spec-more{color:var(--primary-color);font-weight:500;cursor:pointer}.key-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,var(--secondary-color),rgba(var(--primary-rgb),.05));border-radius:var(--border-radius);border:1px solid rgba(var(--primary-rgb),.1)}.key-info-item{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-dark);font-weight:500}.key-info-item i{color:var(--primary-color);width:14px;text-align:center;flex-shrink:0}.key-info-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-footer{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.product-price{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.price-label{font-size:var(--font-size-xs);color:var(--text-light);display:block}.filters-section{background-color:var(--secondary-color);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.filters-container{gap:var(--spacing-lg);flex-wrap:wrap}.filter-group,.filters-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.filter-group{gap:var(--spacing-sm)}.filter-label{font-weight:500;color:var(--text-dark);white-space:nowrap}.filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white);font-size:var(--font-size-sm);cursor:pointer;min-width:120px}.footer{background-color:var(--text-dark);color:var(--white);padding:var(--spacing-xxl) 0 var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--white)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-sm)}.footer-section a{color:hsla(0,0%,100%,.8);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.footer-section a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6)}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.navbar-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--white);border-top:1px solid var(--border-color);-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md)}.navbar-nav.show{display:-webkit-box;display:flex}.navbar-toggle{display:block}.hero h1{font-size:var(--font-size-2xl)}.search-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.products-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.filters-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch;gap:var(--spacing-md)}.filter-group{-webkit-box-pack:justify;justify-content:space-between}.col-3,.col-4,.col-6{-webkit-box-flex:0;flex:0 0 100%;max-width:100%}}@media (max-width:480px){.hero{padding:var(--spacing-xl) 0}.hero h1,.section-title{font-size:var(--font-size-xl)}.product-card{margin:0 var(--spacing-sm)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:-webkit-box;display:flex}.d-grid{display:grid}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.align-center{-webkit-box-align:center;align-items:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.fade-in{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out}.slide-in{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);border-top-color:var(--primary-color);-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-background);z-index:2000;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.modal.show{display:-webkit-box;display:flex}.modal-content{background-color:var(--white);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.modal-title{font-weight:600;color:var(--text-dark)}.modal-close,.modal-title{font-size:var(--font-size-lg)}.modal-close{background:none;border:none;color:var(--text-light);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.modal-close:hover{background-color:var(--secondary-color);color:var(--text-dark)}.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--border-color);display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-dark)}.form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);-webkit-transition:var(--transition-fast);transition:var(--transition-fast);background-color:var(--white)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.form-control:disabled{background-color:var(--secondary-color);opacity:.6;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:100px}.badge{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:600;line-height:1;text-align:center;white-space:nowrap;border-radius:var(--border-radius)}.badge-primary{background-color:var(--primary-color);color:var(--white)}.badge-secondary{background-color:var(--secondary-color);color:var(--text-dark)}.badge-success{background-color:var(--success-color);color:var(--white)}.badge-warning{background-color:var(--warning-color);color:var(--text-dark)}.badge-danger{background-color:var(--danger-color);color:var(--white)}.badge-info{background-color:var(--info-color);color:var(--white)}[dir=rtl]{text-align:right}[dir=rtl] .navbar-brand,[dir=rtl] .navbar-container,[dir=rtl] .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}[dir=rtl] .language-switcher{margin-left:0;margin-right:var(--spacing-lg)}[dir=rtl] .language-dropdown{right:auto;left:0}[dir=rtl] .card,[dir=rtl] .hero-content,[dir=rtl] .section-header{text-align:right}[dir=rtl] .btn{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}[dir=rtl] .btn i{margin-left:var(--spacing-sm);margin-right:0}[dir=rtl] .stats-grid{direction:rtl}[dir=rtl] .footer-content,[dir=rtl] .footer-links,[dir=rtl] .footer-section h3{text-align:right}[dir=rtl] .social-links{-webkit-box-pack:start;justify-content:flex-start}@media (max-width:768px){[dir=rtl] .navbar-nav{text-align:right}[dir=rtl] .hero-content{text-align:center}}