:root{--primary-color:#003366;--secondary-color:#0077B6;--accent-color:#00B4D8;--light-blue:#F0F7FF;--dark-blue:#001A33;--white:#FFFFFF;--light-gray:#F8FAFC;--medium-gray:#E2E8F0;--dark-gray:#64748B;--text-primary:#1E293B;--text-secondary:#475569;--success-color:#10B981;--warning-color:#F59E0B;--danger-color:#EF4444;--font-primary:'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:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--gradient-primary:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--gradient-accent:linear-gradient(135deg,var(--secondary-color),var(--accent-color));--gradient-dark:linear-gradient(135deg,var(--dark-blue),var(--primary-color));--gradient-light:linear-gradient(135deg,var(--light-blue),var(--white));--container-padding:0 var(--spacing-4);--container-max-width:1280px;*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card,.product-card,.category-card,.advantage-item,.factory-item,.add-to-cart-panel,.modal-content,.btn{transform:translateZ(0);will-change:transform,box-shadow}.btn,.card,.product-card,.category-card,.advantage-item,.factory-item,.nav-menu a,.main-header{transition-property:transform,box-shadow,background-color,color,border-color;transition-duration:var(--transition-base);transition-timing-function:ease}.lazy-image{opacity:0;transition:opacity 0.3s ease}.lazy-image.loaded{opacity:1}.lazy-placeholder{background:linear-gradient(135deg,var(--light-gray) 0%,var(--medium-gray) 50%,var(--light-gray) 100%);background-size:200% 200%;animation:placeholderShimmer 1.5s infinite}@keyframes placeholderShimmer{0%{background-position:-200% -200%}100%{background-position:200% 200%}}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--container-padding)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-4);color:var(--primary-color)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);gap:var(--spacing-2)}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white)}.btn-accent{background:var(--accent-color);color:var(--white)}.btn-accent:hover{background:var(--secondary-color)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--medium-gray)}.btn-outline:hover{border-color:var(--primary-color)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:2px solid var(--medium-gray);border-radius:var(--radius-md);transition:border-color var(--transition-base);font-family:var(--font-primary)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.form-textarea{resize:vertical;min-height:120px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-body{padding:var(--spacing-6)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--medium-gray)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--medium-gray)}.product-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.product-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-link{display:flex;flex-direction:column;text-decoration:none}.product-image{width:100%;height:200px;object-fit:contain;padding:var(--spacing-4);background:var(--light-gray)}.product-info{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column}.product-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--primary-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.5em;line-height:1.25}.product-moq{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.top-header{background:var(--gradient-dark);color:var(--white);padding:var(--spacing-2) 0;font-size:var(--font-size-sm)}.top-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.top-header-left,.top-header-right{display:flex;align-items:center;gap:var(--spacing-6);flex-wrap:wrap}.top-header a{color:var(--white);display:flex;align-items:center;gap:var(--spacing-2)}.main-header{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--medium-gray);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.main-header.scrolled{padding:var(--spacing-2) 0;box-shadow:var(--shadow-md)}.main-header .container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--primary-color);display:flex;align-items:flex-end;gap:8px;flex-shrink:0;letter-spacing:-0.5px}.logo img{cursor:pointer;width:120px;height:auto}.logo span{font-size:20px;vertical-align:bottom;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-box{display:flex;flex:1;max-width:500px;background:var(--light-gray);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.search-box:focus-within{box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.search-box input{flex:1;padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;font-size:var(--font-size-base);outline:none}.search-box button{padding:var(--spacing-3) var(--spacing-4);background:var(--primary-color);color:var(--white);border:none;cursor:pointer;transition:background var(--transition-base)}.search-box button:hover{background:var(--secondary-color)}.header-actions{display:flex;align-items:center;gap:var(--spacing-4)}.header-action{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;color:var(--text-primary)}.header-action:hover{background:var(--light-blue);color:var(--primary-color)}.cart-count{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:20px;text-align:center}.main-nav{background:var(--white);border-bottom:1px solid var(--medium-gray);position:relative}.main-nav .container{display:flex;justify-content:center;align-items:center}.mobile-menu-btn{display:none;background:none;border:none;font-size:var(--font-size-2xl);color:var(--primary-color);cursor:pointer;padding:var(--spacing-2);z-index:1001}.nav-menu{display:flex;list-style:none;gap:var(--spacing-2)}.nav-menu li{position:relative}.nav-menu a{display:block;padding:var(--spacing-3) var(--spacing-5);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-base);position:relative}.nav-menu a:hover{color:var(--accent-color)}.nav-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--gradient-accent);transition:width var(--transition-base)}.nav-menu a:hover::after{width:100%}@media (max-width:768px){.mobile-menu-btn{display:block;position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%)}.main-nav .container{justify-content:flex-start;padding-left:var(--spacing-12)}.nav-menu{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;background:var(--white);flex-direction:column;gap:0;padding-top:var(--spacing-16);box-shadow:var(--shadow-xl);transition:left var(--transition-base);z-index:1000}.nav-menu.mobile-open{left:0}.nav-menu li{border-bottom:1px solid var(--medium-gray)}.nav-menu a{padding:var(--spacing-4) var(--spacing-6)}.nav-menu a::after{display:none}.nav-menu a:hover{background-color:var(--light-blue)}}@media (max-width:480px){.mobile-menu-btn{font-size:var(--font-size-xl);padding:var(--spacing-1)}.main-nav .container{padding-left:var(--spacing-10)}}.hero{background:var(--gradient-dark);color:var(--white);padding:var(--spacing-20) 0;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;position:relative;z-index:2}.hero-content h1{color:var(--white);margin-bottom:var(--spacing-6);line-height:1.1}.hero-content p{color:rgba(255,255,255,0.9);font-size:var(--font-size-xl);margin-bottom:var(--spacing-8)}.hero-buttons{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 20px 25px rgba(0,0,0,0.3))}.product-categories{padding:var(--spacing-16) 0;background:var(--light-gray)}.product-categories h2{text-align:center;margin-bottom:var(--spacing-12)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}}.category-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--medium-gray)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.category-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);background:var(--light-blue);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);color:var(--primary-color)}.featured-products{padding:var(--spacing-16) 0}.featured-products h2{text-align:center;margin-bottom:var(--spacing-12)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-10);align-items:start}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}.key-benefits{padding:var(--spacing-16) 0;background:var(--light-blue)}.key-benefits .container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);align-items:start}@media (max-width:1200px){.key-benefits .container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.key-benefits .container{grid-template-columns:1fr}}.benefit-card{background:var(--white);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--medium-gray)}.benefit-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);color:var(--white);box-shadow:var(--shadow-lg)}.quick-inquiry{padding:var(--spacing-16) 0;background:var(--gradient-primary);color:var(--white)}.quick-inquiry .container{text-align:center}.quick-inquiry h2{color:var(--white);margin-bottom:var(--spacing-4)}.quick-inquiry p{color:rgba(255,255,255,0.9);font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.newsletter{padding:var(--spacing-16) 0;background:var(--white)}.newsletter .container{max-width:600px;text-align:center}.newsletter h2{margin-bottom:var(--spacing-4)}.newsletter p{margin-bottom:var(--spacing-6)}.newsletter-form{display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center}.newsletter-form input{flex:1;min-width:250px;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base)}.footer{background:var(--dark-blue);color:var(--white);padding:var(--spacing-12) 0 var(--spacing-6)}.footer .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer-column h3{color:var(--white);margin-bottom:var(--spacing-4);font-size:var(--font-size-xl)}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:var(--spacing-2)}.footer-column ul li a{color:rgba(255,255,255,0.8);display:flex;align-items:center;gap:var(--spacing-2)}.footer-column ul li a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-6);text-align:center;color:rgba(255,255,255,0.6);font-size:var(--font-size-sm)}.product-category{padding:var(--spacing-12) 0}.category-header{background:var(--light-blue);padding:var(--spacing-12) 0;margin-bottom:var(--spacing-12)}.category-header h1{margin-bottom:var(--spacing-2)}.filters{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8);border:1px solid var(--medium-gray)}.filter-row{display:flex;gap:var(--spacing-6);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:200px}.filter-group label{font-weight:var(--font-weight-medium)}.filter-group select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.results-count{color:var(--text-secondary);font-size:var(--font-size-sm)}.sort-by{display:flex;align-items:center;gap:var(--spacing-2)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8)}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--medium-gray);background:var(--white);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.pagination-btn:hover,.pagination-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--dark-gray);font-weight:var(--font-weight-medium);cursor:default}.breadcrumbs{background:var(--white);padding:var(--spacing-2) 0;border-bottom:1px solid var(--medium-gray);margin-top:var(--spacing-4)}.breadcrumbs .container{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.breadcrumbs a{color:var(--text-secondary);transition:color var(--transition-base)}.breadcrumbs a:hover{color:var(--accent-color)}.breadcrumbs span{font-weight:var(--font-weight-medium);color:var(--primary-color)}.product-detail{padding:var(--spacing-12) 0}.product-additional-info{display:flex;flex-direction:column;gap:var(--spacing-8)}.oe-numbers,.product-specs,.additional-info-content{margin-bottom:var(--spacing-8)}.oe-numbers,.product-specs{background:var(--white);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--medium-gray)}.additional-info-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.info-section{background:var(--white);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--medium-gray);margin-bottom:var(--spacing-6)}.info-section:last-child{margin-bottom:0}.policy-content{padding:var(--spacing-12) 0;background:var(--light-gray)}.policy-content .container{max-width:900px}.policy-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:var(--spacing-8)}.policy-header{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-8) var(--spacing-10);text-align:center}.policy-header h1{color:var(--white);margin-bottom:var(--spacing-2);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}.policy-header p{color:rgba(255,255,255,0.9);margin-bottom:0;font-size:var(--font-size-lg)}.policy-body{padding:var(--spacing-10)}.policy-section{margin-bottom:var(--spacing-10);padding:var(--spacing-6);background:var(--light-blue);border-radius:var(--radius-lg);border-left:4px solid var(--accent-color);transition:all var(--transition-base)}.policy-section:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.policy-section:last-child{margin-bottom:0}.policy-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4);color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-3)}.policy-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-2)}.policy-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-4)}.policy-section ul,.policy-section ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.policy-section li{margin-bottom:var(--spacing-2);color:var(--text-secondary);line-height:1.6}.policy-section strong{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.policy-section h2::before,.policy-section h3::before{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-full);font-size:var(--font-size-lg);box-shadow:var(--shadow-md)}@media (max-width:768px){.policy-header{padding:var(--spacing-6) var(--spacing-4)}.policy-header h1{font-size:var(--font-size-3xl)}.policy-body{padding:var(--spacing-6)}.policy-section{padding:var(--spacing-4)}.policy-section h2{font-size:var(--font-size-xl)}.policy-section h3{font-size:var(--font-size-lg)}.policy-section h2::before,.policy-section h3::before{width:32px;height:32px;font-size:var(--font-size-base)}}.table-container{width:100%;overflow-x:hidden;margin-bottom:var(--spacing-4)}.specs-table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--medium-gray)}.specs-table tr{transition:background-color var(--transition-base)}.specs-table tr:hover{background-color:var(--light-blue)}.specs-table td{padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-secondary);border-bottom:1px solid var(--medium-gray);vertical-align:top}.specs-table tr:last-child td{border-bottom:none}.specs-table td:first-child{font-weight:var(--font-weight-semibold);color:var(--primary-color);background-color:rgba(0,51,102,0.03);width:35%;border-right:1px solid var(--medium-gray)}.specs-table tr:hover td:first-child{background-color:rgba(0,51,102,0.06)}.specs-table tr:nth-child(even){background-color:var(--light-gray)}.specs-table tr:nth-child(even):hover{background-color:var(--light-blue)}.specs-table tr:nth-child(even) td:first-child{background-color:rgba(0,51,102,0.05)}.specs-table tr:nth-child(even):hover td:first-child{background-color:rgba(0,51,102,0.08)}.supplier-images-section{margin:var(--spacing-8) 0;padding:var(--spacing-6);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--medium-gray);grid-column:1 / -1;text-align:center}.supplier-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.supplier-image-item{background:var(--light-gray);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--medium-gray)}.supplier-image-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.supplier-image{width:100%;height:200px;object-fit:contain;padding:var(--spacing-4);background:var(--white);transition:transform var(--transition-base)}.supplier-image-item:hover .supplier-image{transform:scale(1.05)}@media (max-width:768px){.supplier-images-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-3)}.supplier-image{height:150px;padding:var(--spacing-3)}}.image-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.95);backdrop-filter:blur(8px);justify-content:center;align-items:center}.image-modal.show{display:flex}.modal-content{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);animation:modalFadeIn 0.3s ease-out;transform:scale(2);box-shadow:0 0 30px rgba(255,255,255,0.3)}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(2)}}.modal-close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;cursor:pointer}.modal-close:hover,.modal-close:focus{color:#bbb;text-decoration:none;cursor:pointer;transform:scale(1.2)}.supplier-image{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.supplier-image:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.product-detail .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12)}.product-application{margin:12px 0}.app-card{background:#fff;border:1px solid #cbd5e1;border-radius:6px}.app-card-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#003366;color:#fff;border-radius:6px 6px 0 0}.app-card-header i{font-size:16px}.app-card-header span{font-size:14px;font-weight:600}.app-card-body{padding:12px 14px}.app-table{width:100%;border-collapse:collapse;font-size:13px}.app-table th{background:#f1f5f9;color:#334155;font-weight:600;padding:8px 12px;text-align:left;border-bottom:2px solid #e2e8f0}.app-table td{padding:8px 12px;border-bottom:1px solid #e2e8f0;color:#475569}.app-table tr:last-child td{border-bottom:none}.brand-cell{font-weight:600;color:#003366;background:#f8fafc}.app-simple-text{color:#475569;line-height:1.6;margin:0;padding:8px 0}.vehicle-brand-section{margin:15px 0}.vehicle-brand-section h4{margin-bottom:12px;color:#333;font-weight:600}.brand-tags{display:flex;flex-wrap:wrap;gap:10px}.brand-tag{display:inline-block;padding:6px 14px;background-color:#f0f4f8;color:#2c5282;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #cbd5e0;transition:all 0.2s ease}.brand-tag:hover{background-color:#2c5282;color:#fff;border-color:#2c5282}.oe-cross-reference-table{margin:15px 0}.ref-section{margin-bottom:20px}.ref-section h4{margin-bottom:10px;color:#333;font-weight:600}.ref-table{width:100%;border-collapse:collapse;margin-bottom:10px}.ref-table tr{border-bottom:1px solid #eee}.ref-table td{padding:8px 12px;vertical-align:middle}.ref-brand{width:150px;font-weight:500;color:#555;background-color:#f9f9f9}.ref-number{font-family:'Courier New',monospace;color:#333;word-break:break-all;overflow-wrap:break-word;max-width:100%}.oe-number{word-break:break-all;overflow-wrap:break-word;max-width:100%}.oe-list{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;overflow:hidden}.ref-table,.specs-table,.app-table{width:100%;table-layout:fixed}.ref-table td,.specs-table td,.app-table td{word-break:break-all;overflow-wrap:break-word;max-width:100%;overflow:hidden}.product-additional-info,.product-details-info,.oe-cross-reference-table{max-width:100%;overflow:hidden}.shipping-info{display:flex;flex-direction:column;gap:20px}.shipping-section{flex:none;width:100%}.shipping-section h4{margin-bottom:12px;color:#003366;font-weight:600;font-size:15px}.shipping-section ul{padding-left:20px;margin:0}.shipping-section li{margin-bottom:6px;color:#475569}.shipping-section li:last-child{margin-bottom:0}.shipping-section p{margin:6px 0;color:#475569}.faq-new-style{display:flex;flex-direction:column;gap:16px}.faq-row{display:flex;flex-direction:column;gap:12px;background:#ffffff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid #e2e8f0}.faq-question{font-weight:700;font-size:15px;color:#003366;margin:0}.faq-answer{font-size:14px;color:#475569;line-height:1.6;margin:0}.combined-info-sections{display:flex;flex-direction:column;gap:25px;grid-column:1 / -1}.combined-info-sections .info-section{margin-bottom:0;padding:20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.combined-info-sections .info-section h3{margin-bottom:16px;color:#003366;font-size:16px;font-weight:700}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:auto;max-width:300px;text-align:center;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.wechat-qr{width:100%;height:auto;margin:20px 0;max-width:250px}.cookie-consent-bottom{position:fixed;bottom:0;left:0;width:100%;background:var(--white);border-top:2px solid var(--primary-color);box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:10000;animation:slideUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards;transform:translateY(100%)}@keyframes slideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}.cookie-bottom-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1200px;margin:0 auto;gap:2rem}.cookie-bottom-left{display:flex;align-items:center;gap:1rem;flex:1}.cookie-bottom-icon{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;box-shadow:0 4px 12px rgba(0,51,102,0.3);flex-shrink:0}.cookie-bottom-text h4{margin:0 0 0.25rem 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.cookie-bottom-text p{margin:0;font-size:0.875rem;color:var(--text-secondary);line-height:1.4}.cookie-bottom-text a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color 0.2s ease}.cookie-bottom-text a:hover{color:var(--accent-color);text-decoration:underline}.cookie-bottom-right{display:flex;gap:0.75rem;align-items:center;flex-shrink:0}.btn-small{padding:0.5rem 1.25rem;font-size:0.875rem;font-weight:500;border-radius:2rem;transition:all 0.2s ease;border:none;cursor:pointer}.btn-primary.btn-small{background:var(--primary-color);color:white;box-shadow:0 2px 8px rgba(255,107,53,0.3)}.btn-primary.btn-small:hover{background:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,0.4)}.btn-outline.btn-small{background:transparent;color:var(--text-primary);border:2px solid var(--medium-gray)}.btn-outline.btn-small:hover{background:var(--light-gray);border-color:var(--dark-gray);transform:translateY(-1px)}@media (max-width:768px){.cookie-bottom-content{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.cookie-bottom-left{flex-direction:column;text-align:center;gap:0.75rem}.cookie-bottom-right{justify-content:center}.cookie-bottom-text h4{font-size:1rem}.cookie-bottom-text p{font-size:0.8125rem}.btn-small{padding:0.4375rem 1.125rem;font-size:0.8125rem}}@media (max-width:480px){.cookie-bottom-right{flex-direction:column}.btn-small{width:100%}}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;align-items:center;gap:8px}.whatsapp-float a{display:flex;align-items:center;gap:10px;background-color:#25D366;color:white;padding:12px 20px;border-radius:50px;text-decoration:none;font-weight:500;box-shadow:0 4px 15px rgba(37,211,102,0.4);transition:all 0.3s ease}.whatsapp-float a:hover{background-color:#128C7E;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.5)}.whatsapp-float.hidden{display:none}.whatsapp-close{display:none;width:28px;height:28px;border-radius:50%;border:none;background-color:#64748B;color:white;cursor:pointer;align-items:center;justify-content:center;transition:all 0.3s ease}.whatsapp-close:hover{background-color:#EF4444}.whatsapp-float:hover .whatsapp-close{display:flex}.whatsapp-float i{font-size:24px}.whatsapp-text{font-size:14px}@media (max-width:768px){.whatsapp-float{bottom:20px;right:20px}.whatsapp-float a{padding:10px 16px}.whatsapp-float i{font-size:20px}.whatsapp-text{font-size:12px}}@media (max-width:480px){.whatsapp-float{bottom:15px;right:15px}.whatsapp-float a{padding:8px 14px}.whatsapp-float i{font-size:18px}.whatsapp-text{display:none}}.quick-inquiry-hero{background:var(--gradient-dark);color:var(--white);padding:var(--spacing-24) 0 var(--spacing-32);position:relative;overflow:hidden}.quick-inquiry-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.quick-inquiry-hero .container{position:relative;z-index:2}.hero-content{max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp 0.8s ease-out}.quick-inquiry-hero h1{color:var(--white);margin-bottom:var(--spacing-6);font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));line-height:1.1;font-weight:var(--font-weight-extrabold);text-shadow:0 4px 12px rgba(0,0,0,0.2)}.quick-inquiry-hero p{color:rgba(255,255,255,0.9);font-size:var(--font-size-xl);margin-bottom:0}.form-section{background:var(--white);padding:var(--spacing-16) 0;margin-top:calc(-1 * var(--spacing-16));position:relative;z-index:10}.form-container{max-width:800px;margin:0 auto;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-10);border:1px solid var(--medium-gray)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);transition:all var(--transition-base);background:var(--white)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.form-textarea{resize:vertical;min-height:140px}.file-upload{margin:var(--spacing-6) 0}.file-upload-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-3)}.file-upload-area{border:2px dashed var(--medium-gray);border-radius:var(--radius-md);padding:var(--spacing-8);text-align:center;transition:all var(--transition-base);background:var(--light-gray);cursor:pointer}.file-upload-area:hover{border-color:var(--accent-color);background:var(--light-blue)}.file-upload-icon{font-size:var(--font-size-4xl);color:var(--primary-color);margin-bottom:var(--spacing-3)}.file-upload-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.file-upload-hint{font-size:var(--font-size-sm);color:var(--dark-gray)}.file-upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-wrapper{position:relative}.file-preview{margin-top:var(--spacing-4);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.file-item{background:var(--light-gray);padding:var(--spacing-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;border:1px solid var(--medium-gray)}.file-info{display:flex;align-items:center;gap:var(--spacing-2)}.file-icon{color:var(--primary-color);font-size:var(--font-size-lg)}.file-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.remove-file{color:var(--danger-color);cursor:pointer;transition:color var(--transition-base)}.remove-file:hover{color:#dc2626}.terms-section{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-6) 0;flex-wrap:nowrap}.contact-form input.terms-checkbox{flex-shrink:0;width:20px;height:20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--medium-gray);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all var(--transition-base);background-color:var(--white);margin:0;padding:0}.contact-form input.terms-checkbox:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.contact-form input.terms-checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.contact-form input.terms-checkbox:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:14px;font-weight:bold}.contact-form input.terms-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(0,180,216,0.2)}.terms-label{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;min-width:0;white-space:normal;cursor:pointer;margin:0}.terms-label a{color:var(--primary-color);text-decoration:none}.terms-label a:hover{color:var(--accent-color);text-decoration:underline}.success-message{background:var(--gradient-light);color:var(--success-color);padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);display:none;align-items:center;gap:var(--spacing-4);border:1px solid var(--success-color)}.success-message i{font-size:var(--font-size-2xl);flex-shrink:0}.required-marker{color:var(--danger-color)}@media (max-width:768px){.quick-inquiry-hero{padding:var(--spacing-16) 0 var(--spacing-24)}.form-section{padding:var(--spacing-12) 0}.form-container{margin:0 var(--spacing-4);padding:var(--spacing-6)}}.contact-banner{background:var(--gradient-dark);color:var(--white);padding:var(--spacing-24) 0 var(--spacing-32);text-align:center;position:relative;overflow:hidden}.contact-info-section{background:var(--light-blue);padding:var(--spacing-16) 0;margin:var(--spacing-8) 0}.contact-info-section .section-header{margin-bottom:var(--spacing-12);text-align:center}.contact-info-section .section-title{color:var(--primary-color);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-bold)}.contact-info-section .section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-8)}@media (min-width:1024px){.contact-grid{grid-template-columns:repeat(3,1fr) !important}}.contact-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.contact-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);transition:all var(--transition-base)}.contact-icon:hover{transform:scale(1.1)}.contact-icon i{font-size:var(--font-size-3xl);color:var(--white)}.contact-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--primary-color)}.contact-details{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-6);font-size:var(--font-size-base)}.contact-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary-color);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base)}.contact-link:hover{color:var(--accent-color);transform:translateX(4px)}.map-container iframe{border:0;border-radius:var(--radius-lg);width:100%;height:500px}@media (max-width:768px){.map-container iframe{height:300px}}@media (max-width:480px){.map-container iframe{height:250px}}.contact-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>'),radial-gradient(ellipse at 20% 80%,rgba(0,180,216,0.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,119,182,0.3) 0%,transparent 50%);pointer-events:none}.contact-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--white));opacity:0.5;pointer-events:none}.contact-banner .container{position:relative;z-index:2}.related-products{padding:var(--spacing-16) 0;background:var(--light-gray)}.related-products h2{text-align:center;margin-bottom:var(--spacing-12);color:var(--primary-color)}.related-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);margin-top:var(--spacing-8)}.related-product-item{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.related-product-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.related-product-item .product-link{display:flex;flex-direction:column;flex:1;text-decoration:none}.related-product-item .product-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:var(--light-blue);padding:var(--spacing-4);overflow:hidden}.related-product-item .product-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-base)}.related-product-item:hover .product-image img{transform:scale(1.05)}.related-product-item .product-info{padding:var(--spacing-6);flex:1;display:flex;flex-direction:column}.related-product-item .product-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--primary-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.5em;line-height:1.25}.related-product-item .product-info .oe-number{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-3);font-family:'Courier New',monospace}.related-product-item .product-info .price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-top:auto}@media (max-width:1200px){.related-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.related-products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.related-product-item .product-image{height:160px}.related-product-item .product-info{padding:var(--spacing-4)}.related-product-item .product-info h3{font-size:var(--font-size-base)}}@media (max-width:480px){.related-products-grid{grid-template-columns:repeat(2,1fr)}.related-product-item .product-image{height:140px}}.banner-content{max-width:800px;margin:0 auto;animation:fadeInUp 0.8s ease-out}.contact-banner h1{color:var(--white);margin-bottom:var(--spacing-6);font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));line-height:1.1;font-weight:var(--font-weight-extrabold);text-shadow:0 4px 12px rgba(0,0,0,0.2)}.contact-banner p{color:rgba(255,255,255,0.9);font-size:var(--font-size-xl);margin-bottom:var(--spacing-8)}.banner-subtitle{color:rgba(255,255,255,0.9);font-size:clamp(var(--font-size-lg),2vw,var(--font-size-2xl));margin-bottom:var(--spacing-10);max-width:700px;margin-left:auto;margin-right:auto;font-weight:var(--font-weight-medium);line-height:1.6}.contact-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.3s both}@media (max-width:768px){.contact-buttons{flex-direction:column;align-items:center}.contact-buttons .btn{width:100%;max-width:300px}}.section-title{text-align:center;margin-bottom:var(--spacing-12);font-size:var(--font-size-4xl);position:relative}.section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-accent);border-radius:var(--radius-full)}.text-center{text-align:center}.order-detail{padding:var(--spacing-12) var(--spacing-4);background:var(--light-gray)}.order-detail-container{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--medium-gray);width:100%;max-width:var(--container-max-width);margin:0 auto}.order-header{background:var(--gradient-primary);padding:var(--spacing-8);color:var(--white)}.login-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.login-modal.show{display:flex}.share-panel{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;display:none}.share-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);animation:fadeIn 0.3s ease}.share-panel-content{position:relative;background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-6);max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl);transform:scale(0.9);opacity:0;transition:all var(--transition-base);z-index:10}.share-panel-content.show{transform:scale(1);opacity:1}.share-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--medium-gray)}.share-panel-header h3{margin:0;font-size:var(--font-size-xl);color:var(--primary-color)}.share-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--dark-gray);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.share-close:hover{background:var(--light-gray);color:var(--primary-color);transform:scale(1.1)}.share-platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.share-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all var(--transition-base);text-align:center}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.share-btn i{font-size:var(--font-size-2xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.share-btn span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.share-facebook i{background:#3b5998;color:white}.share-twitter i{background:#1da1f2;color:white}.share-linkedin i{background:#0077b5;color:white}.share-whatsapp i{background:#25d366;color:white}.share-email i{background:#ea4335;color:white}.share-copy i{background:var(--primary-color);color:white}.share-toast{position:fixed;top:20px;right:20px;background:var(--success-color);color:var(--white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-weight:var(--font-weight-medium);z-index:10000;transform:translateX(100%);opacity:0;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-2)}.share-toast::before{content:'✓';font-weight:bold;font-size:var(--font-size-lg)}.share-toast.show{transform:translateX(0);opacity:1}@media (max-width:768px){.share-panel-content{width:95%;max-width:320px;padding:var(--spacing-4)}.share-platforms{grid-template-columns:1fr}.share-btn{flex-direction:row;justify-content:center;gap:var(--spacing-3)}.share-btn i{font-size:var(--font-size-xl);width:32px;height:32px}.share-toast{top:10px;right:10px;left:10px;width:auto;max-width:calc(100% - 20px)}}@media (max-width:480px){.share-panel-content{padding:var(--spacing-3)}.share-platforms{gap:var(--spacing-2)}.share-btn{padding:var(--spacing-3)}}to{opacity:1}}.login-modal.show{display:flex;justify-content:center;align-items:center}.login-modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:420px;overflow:hidden;animation:slideUp 0.3s ease;border:1px solid var(--medium-gray);position:relative;max-height:95vh;display:flex;flex-direction:column}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-modal-header{padding:var(--spacing-4);background:var(--gradient-primary);color:var(--white);text-align:center}.login-modal-header h2{color:var(--white);margin:0;font-size:var(--font-size-2xl)}.login-modal-body{padding:var(--spacing-4);overflow-y:auto;flex:1;max-height:calc(95vh - 100px)}.login-tabs{display:flex;margin-bottom:var(--spacing-6);border-bottom:2px solid var(--medium-gray)}.login-tab{flex:1;padding:var(--spacing-3) var(--spacing-4);text-align:center;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-base);border-bottom:2px solid transparent}.login-tab:hover{color:var(--primary-color)}.login-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.login-form{display:none}.login-form.active{display:block;animation:fadeIn 0.3s ease}.form-group{margin-bottom:var(--spacing-3)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:2px solid var(--medium-gray);border-radius:var(--radius-md);transition:all var(--transition-base);font-family:var(--font-primary);background:var(--white)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.form-input.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:var(--font-size-xs);margin-top:var(--spacing-1);display:none}.error-message.show{display:block}.password-input-group{position:relative}.password-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--dark-gray);transition:color var(--transition-base)}.password-toggle:hover{color:var(--primary-color)}.btn-block{width:100%}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-3) 0}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--medium-gray)}.divider::before{margin-right:var(--spacing-3)}.divider::after{margin-left:var(--spacing-3)}.divider span{color:var(--dark-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.social-login{margin:var(--spacing-4) 0}.social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.social-btn{padding:var(--spacing-2);border:2px solid var(--medium-gray);border-radius:var(--radius-md);background:var(--white);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.social-btn.facebook{color:#1877F2}.social-btn.google{color:#DB4437}.social-btn.twitter{color:#1DA1F2}.social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.form-links{text-align:center;margin-top:var(--spacing-3);font-size:var(--font-size-sm)}.form-links a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-base)}.form-links a:hover{color:var(--secondary-color);text-decoration:underline}.login-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:var(--font-size-2xl);color:rgba(255,255,255,0.7);cursor:pointer;transition:all var(--transition-base);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:rgba(255,255,255,0.1)}.login-modal-close:hover{color:var(--white);background:rgba(255,255,255,0.2);transform:rotate(90deg)}@media (max-width:768px){.login-modal-content{margin:var(--spacing-4);max-width:none}.login-modal-body{padding:var(--spacing-4)}.social-buttons{grid-template-columns:1fr}}.error-container{background-color:white;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);text-align:center;max-width:600px;margin:0 auto}.error-container h1{color:#e74c3c;font-size:2.5em;margin-bottom:20px}.error-message{color:#333;font-size:1.1em;margin-bottom:30px;line-height:1.6}.home-link{display:inline-block;background-color:#3498db;color:white;padding:12px 24px;text-decoration:none;border-radius:4px;font-size:1em;transition:background-color 0.3s}.home-link:hover{background-color:#2980b9}.success-section{padding:80px 0;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:calc(100vh - 300px);display:flex;align-items:center}.success-content{text-align:center;max-width:800px;margin:0 auto}.success-card{background:white;border-radius:20px;padding:60px 40px;box-shadow:0 20px 60px rgba(0,0,0,0.1);animation:slideUp 0.6s ease-out}.success-icon{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(76,175,80,0.3);animation:pulse 2s infinite,fadeIn 0.8s ease-out}.success-icon i{color:white;font-size:60px;animation:scaleIn 0.8s ease-out}.success-card h1{color:#2c3e50;font-size:2.5rem;margin-bottom:15px;font-weight:800;animation:fadeInUp 0.8s ease-out 0.2s both}.success-card h2{color:#34495e;font-size:1.5rem;margin-bottom:25px;font-weight:600;animation:fadeInUp 0.8s ease-out 0.3s both}.confirmation-text{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin-bottom:40px;animation:fadeInUp 0.8s ease-out 0.4s both}.next-steps{margin-bottom:40px;animation:fadeInUp 0.8s ease-out 0.5s both}.next-steps h3{color:#2c3e50;font-size:1.3rem;margin-bottom:25px;font-weight:700}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.step-item{display:flex;align-items:flex-start;background:#f8f9fa;padding:20px;border-radius:12px;transition:all 0.3s ease}.step-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.step-icon{width:50px;height:50px;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.step-icon i{color:white;font-size:20px}.step-content strong{display:block;color:#2c3e50;margin-bottom:5px;font-weight:700}.step-content p{color:#7f8c8d;font-size:0.95rem;margin:0}.alternative-contact{margin-bottom:40px;padding:30px;background:#f0f4f8;border-radius:15px;animation:fadeInUp 0.8s ease-out 0.6s both}.alternative-contact h3{color:#2c3e50;font-size:1.3rem;margin-bottom:25px;font-weight:700}.contact-options{display:flex;justify-content:center;gap:15px;flex-wrap:nowrap}.contact-option{display:flex;align-items:center;gap:8px;background:white;padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;flex-shrink:0}.contact-option:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.12)}.contact-option i{font-size:24px}.contact-option:nth-child(1) i{color:#25D366}.contact-option:nth-child(2) i{color:#3498db}.contact-option strong{color:#2c3e50;font-weight:700}.contact-option a{color:#3498db;text-decoration:none;font-weight:600}.contact-option a:hover{text-decoration:underline}.action-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.7s both}.action-buttons .btn{padding:15px 30px;font-size:1rem;font-weight:600;border-radius:28px;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.action-buttons .btn-primary{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:white;border:none}.action-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,152,219,0.4)}.action-buttons .btn-secondary{background:linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%);color:white;border:none}.action-buttons .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(149,165,166,0.4)}.action-buttons .btn-outline{background:white;color:#34495e;border:2px solid #34495e}.action-buttons .btn-outline:hover{background:#34495e;color:white;transform:translateY(-2px)}@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 10px 30px rgba(76,175,80,0.3)}50%{transform:scale(1.05);box-shadow:0 15px 40px rgba(76,175,80,0.4)}}@media (max-width:768px){.success-section{padding:40px 0}.success-card{padding:40px 20px;margin:0 20px}.success-icon{width:100px;height:100px}.success-icon i{font-size:50px}.success-card h1{font-size:2rem}.success-card h2{font-size:1.2rem}.steps-grid{grid-template-columns:1fr}.contact-options{flex-direction:column;align-items:center}.contact-option{width:100%;justify-content:center}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn{width:100%;justify-content:center}}.order-header h1{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-2xl);color:var(--white)}.order-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-6);font-size:var(--font-size-base)}.order-meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.order-body{padding:var(--spacing-8)}.order-section{margin-bottom:var(--spacing-12)}.order-section h2{margin-top:0;margin-bottom:var(--spacing-6);font-size:var(--font-size-xl);color:var(--primary-color);border-bottom:2px solid var(--medium-gray);padding-bottom:var(--spacing-3)}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.info-card{background:var(--light-gray);padding:var(--spacing-6);border-radius:var(--radius-xl)}.info-item{margin-bottom:var(--spacing-4);display:flex;justify-content:space-between;align-items:center}.info-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.info-value{color:var(--text-primary)}.order-items{background:var(--light-gray);border-radius:var(--radius-xl);overflow:hidden}.order-items-table{width:100%;border-collapse:collapse;background:var(--white)}.order-items-table th,.order-items-table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--light-gray)}.order-items-table th{background-color:var(--gradient-primary);color:var(--white);font-weight:var(--font-weight-semibold)}.order-items-table tbody tr:hover{background-color:var(--light-gray)}.product-image{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-md)}.order-items-table th{background:var(--gradient-primary);color:var(--white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.05em;padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:2px solid var(--primary-color)}.order-items-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--light-gray);vertical-align:middle}.product-cell{display:flex;align-items:center;gap:var(--spacing-4)}.product-image-container{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-md);overflow:hidden}.product-image{width:90px;height:90px;object-fit:contain}.product-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--text-primary);line-height:1.4}.product-link{display:flex;align-items:center;gap:var(--spacing-4);text-decoration:none;transition:all var(--transition-base)}.product-link:hover .product-name{color:var(--primary-color);text-decoration:underline}.product-link:hover .product-image{transform:scale(1.05)}.product-image{transition:transform var(--transition-base)}.oe-numbers-container{position:relative}.oe-numbers-display{display:flex;flex-wrap:wrap;gap:var(--spacing-1.5);margin-bottom:var(--spacing-1)}.oe-number-tag{background:var(--light-blue);color:var(--primary-color);padding:var(--spacing-0.25) var(--spacing-1.5);border-radius:var(--radius-full);font-size:0.65rem;font-weight:600;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0.02em;box-shadow:0 2px 4px rgba(0,0,0,0.08);transition:all var(--transition-base);border:1px solid rgba(0,123,255,0.1)}.oe-number-tag:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,123,255,0.2);border-color:var(--primary-color)}.oe-numbers-toggle{background:var(--light-gray);color:var(--text-secondary);border:none;border-radius:var(--radius-sm);padding:var(--spacing-0.5) var(--spacing-2);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-1)}.oe-numbers-toggle:hover{background:var(--medium-gray);color:var(--text-primary)}.oe-numbers-hidden{display:none}.oe-numbers-expanded .oe-numbers-hidden{display:flex;flex-wrap:wrap;gap:var(--spacing-1.5);margin-top:var(--spacing-1)}.order-total{display:flex;justify-content:flex-end;margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--light-gray);border-radius:var(--radius-lg)}.total-item{display:flex;align-items:center;gap:var(--spacing-3);margin-left:var(--spacing-6);font-size:var(--font-size-base)}.total-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm)}.total-value{font-weight:var(--font-weight-bold);color:var(--primary-color);font-size:var(--font-size-lg)}.total-item.highlight{background:var(--white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.total-item.highlight .total-label{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-base)}.total-item.highlight .total-value{font-size:var(--font-size-xl);color:var(--primary-color)}.order-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-8);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;font-size:var(--font-size-base)}.btn-primary{background:var(--gradient-primary);color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:var(--white);color:var(--text-primary);border:2px solid var(--medium-gray)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-danger:hover{background:var(--dark-red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon{display:flex;align-items:center;gap:var(--spacing-2)}.status{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status.pending-quote{background:var(--warning-color);color:var(--white)}.status.quoted{background:var(--info-color);color:var(--white)}.status.processing{background:var(--primary-color);color:var(--white)}.status.shipping{background:var(--secondary-color);color:var(--white)}.status.completed{background:var(--success-color);color:var(--white)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.back-link:hover{text-decoration:underline}.status-timeline{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-12) 0;padding:var(--spacing-8);background:var(--light-gray);border-radius:var(--radius-xl)}.timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.timeline-item::after{content:'';position:absolute;top:15px;left:50%;width:100%;height:2px;background:var(--medium-gray);z-index:1}.timeline-item:last-child::after{display:none}.timeline-item.active::after{background:var(--primary-color)}.timeline-item.completed::after{background:var(--success-color)}.timeline-item.cancelled{color:var(--danger-color)}.timeline-item.cancelled .timeline-dot{background:var(--danger-color)}.timeline-item.cancelled::after{background:var(--danger-color)}.timeline-item.cancelled .timeline-label{color:var(--danger-color)}.order-cancelled-message{margin-top:var(--spacing-8);padding:var(--spacing-6);background:var(--light-red);color:var(--danger-color);border-radius:var(--radius-xl);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--font-size-lg)}.timeline-dot{width:30px;height:30px;border-radius:50%;background:var(--medium-gray);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);z-index:2;position:relative}.timeline-item.active .timeline-dot{background:var(--primary-color)}.timeline-item.completed .timeline-dot{background:var(--success-color)}.timeline-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.timeline-item.active .timeline-label,.timeline-item.completed .timeline-label{color:var(--primary-color)}@media (max-width:768px){.order-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.order-info-grid{grid-template-columns:1fr}.order-total{flex-direction:column;align-items:flex-end;gap:var(--spacing-4)}.total-item{margin-left:0}.order-actions{justify-content:center}.order-items-table{font-size:var(--font-size-sm)}.product-image{width:40px;height:40px}.status-timeline{flex-direction:column;gap:var(--spacing-6)}.timeline-item{flex-direction:row;justify-content:flex-start;gap:var(--spacing-4)}.timeline-item::after{top:50%;left:30px;width:2px;height:100%}.timeline-item:last-child::after{display:block;height:0}}.news-detail{padding:var(--spacing-8) 0;background-color:var(--light-gray)}.news-detail-container{max-width:1200px;margin:0 auto;background-color:var(--white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);overflow:hidden}.news-featured-image{width:100%;max-height:400px;object-fit:cover;display:block}.image-count-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background-color:rgba(0,0,0,0.7);color:var(--white);padding:var(--spacing-2) var(--spacing-4);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-2)}.news-article-header{padding:var(--spacing-10)}.news-article-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3;margin-bottom:var(--spacing-4)}.news-meta-info{display:flex;gap:var(--spacing-6);font-size:var(--font-size-sm);color:var(--dark-gray);margin-bottom:var(--spacing-6);flex-wrap:wrap}.news-meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.news-social-share{border-top:1px solid var(--medium-gray);border-bottom:1px solid var(--medium-gray);padding:var(--spacing-4) var(--spacing-10);background-color:var(--light-gray);margin-bottom:var(--spacing-8)}.social-share-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-3)}.social-share-buttons{display:flex;gap:var(--spacing-3)}.social-share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--white);text-decoration:none;transition:all 0.3s ease;font-size:var(--font-size-lg)}.social-share-btn.facebook{background-color:#1877f2}.social-share-btn.twitter{background-color:#1da1f2}.social-share-btn.linkedin{background-color:#0077b5}.social-share-btn.whatsapp{background-color:#25d366}.social-share-btn.pinterest{background-color:#e60023}.social-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.news-main-content{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-10);padding:0 var(--spacing-10) var(--spacing-10)}.news-article-body{font-size:var(--font-size-base);line-height:1.7;color:var(--text-secondary)}.news-article-body p{margin-bottom:var(--spacing-6)}.news-article-body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--spacing-8) 0 var(--spacing-4)}.news-article-body h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-6) 0 var(--spacing-3)}.news-article-body ul,.news-article-body ol{margin:var(--spacing-6) 0;padding-left:var(--spacing-8)}.news-article-body li{margin-bottom:var(--spacing-2)}.news-image-gallery{margin:var(--spacing-6) 0}.gallery-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}.gallery-item{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.08);cursor:pointer;transition:all 0.2s ease;aspect-ratio:4/3}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,0.12)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.03)}.news-sidebar{background-color:var(--light-gray);border-radius:6px;padding:var(--spacing-6);height:fit-content}.sidebar-widget{margin-bottom:var(--spacing-8)}.sidebar-widget:last-child{margin-bottom:0}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--accent-color)}.article-info-list{list-style:none;padding:0}.article-info-item{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.article-info-item:last-child{margin-bottom:0}.article-info-icon{color:var(--secondary-color);font-size:var(--font-size-lg);margin-top:2px;flex-shrink:0}.article-info-content{font-size:var(--font-size-sm);color:var(--dark-gray)}.article-info-label{font-weight:var(--font-weight-medium);color:var(--text-primary);display:block;margin-bottom:2px}.back-to-news{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--medium-gray)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--primary-color);color:white !important;padding:var(--spacing-3) var(--spacing-6);border-radius:4px;text-decoration:none;font-weight:var(--font-weight-medium);transition:all 0.3s ease}.btn-back i{color:white !important}.btn-back:hover{background-color:var(--dark-blue);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,51,102,0.3)}.btn-back:hover i{color:white !important}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.95);animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.lightbox-content{position:relative;margin:5% auto;max-width:90%;max-height:85%}.lightbox-image{width:100%;height:auto;border-radius:8px;max-height:70vh;object-fit:contain}.lightbox-close{position:absolute;top:-40px;right:0;color:var(--white);font-size:2rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:opacity 0.3s ease}.lightbox-close:hover{opacity:0.7}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.6);color:var(--white);border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:1001}.lightbox-nav:hover{background-color:rgba(0,0,0,0.8);transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:-20px}.lightbox-nav.next{right:-20px}.lightbox-counter{position:absolute;top:-45px;left:0;color:var(--white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}@media (max-width:992px){.news-main-content{grid-template-columns:1fr;gap:var(--spacing-8)}.news-article-title{font-size:var(--font-size-2xl)}}@media (max-width:768px){.news-article-header,.news-social-share,.news-main-content{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.news-article-title{font-size:var(--font-size-xl)}.news-meta-info{gap:var(--spacing-4)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}}@media (max-width:576px){.news-article-header{padding:var(--spacing-6)}.news-main-content{padding-bottom:var(--spacing-6)}.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:200px}}.about-banner{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-24) 0 var(--spacing-20);text-align:center;position:relative;overflow:hidden}.about-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none;opacity:0.5}.about-banner h1{color:var(--white);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4);position:relative;z-index:2;font-weight:var(--font-weight-extrabold);text-shadow:0 4px 12px rgba(0,0,0,0.2)}.about-banner p{color:rgba(255,255,255,0.9);font-size:var(--font-size-xl);margin-bottom:0;position:relative;z-index:2}.company-intro{padding:var(--spacing-20) 0;background:var(--white)}.company-intro .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}.company-intro h2{color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6);font-weight:var(--font-weight-bold)}.company-intro p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);line-height:1.7}.company-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}.stat-item{text-align:center;padding:var(--spacing-4);background:var(--light-blue);border-radius:var(--radius-xl);transition:all 0.3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--primary-color);margin-bottom:var(--spacing-1)}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.5px}.about-image{width:100%;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:transform 0.3s ease}.about-image:hover{transform:scale(1.02)}.advantages{padding:var(--spacing-20) 0;background:var(--light-gray)}.advantages h2{text-align:center;color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-12);font-weight:var(--font-weight-bold)}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-8)}.advantage-item{background:var(--white);padding:var(--spacing-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all 0.3s ease;text-align:center;border:2px solid transparent}.advantage-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.advantage-item i{font-size:var(--font-size-4xl);color:var(--primary-color);margin-bottom:var(--spacing-4);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.advantage-item h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.advantage-item p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.factory-section{padding:var(--spacing-20) 0;background:var(--white)}.factory-section h2{text-align:center;color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-12);font-weight:var(--font-weight-bold)}.factory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-8)}.factory-item{background:var(--white);padding:var(--spacing-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all 0.3s ease;text-align:center;border:2px solid var(--light-gray);position:relative;overflow:hidden}.factory-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.3s ease}.factory-item:hover::before{transform:scaleX(1)}.factory-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.factory-item img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);transition:transform 0.3s ease}.factory-item:hover img{transform:scale(1.05)}.factory-item h4{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.factory-item p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.contact-form-section{padding:var(--spacing-20) 0;background:var(--light-gray)}.contact-form-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-10);align-items:start}.form-content{background:var(--white);padding:var(--spacing-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--medium-gray)}.form-header h2{color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-bold)}.form-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:var(--spacing-2)}.form-label i{color:var(--primary-color);font-size:var(--font-size-base)}.form-input{width:100%;padding:var(--spacing-4);font-size:var(--font-size-base);border:2px solid var(--medium-gray);border-radius:var(--radius-lg);transition:all 0.3s ease;font-family:var(--font-primary);background:var(--white)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,51,102,0.1)}.form-textarea{resize:vertical;min-height:120px;font-family:var(--font-primary)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-checkbox input[type="checkbox"]{margin:0;flex-shrink:0;width:20px;height:20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--medium-gray);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;position:relative;transition:all var(--transition-base);top:2px}.form-checkbox input[type="checkbox"]:checked{background:var(--primary-color);border-color:var(--primary-color)}.form-checkbox input[type="checkbox"]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:14px;font-weight:bold}.form-checkbox input[type="checkbox"]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.form-checkbox label{margin:0;flex:1;cursor:pointer}.form-actions{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:flex-start}.btn-primary{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:var(--spacing-2);text-transform:uppercase;letter-spacing:0.5px;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-block{width:100%;justify-content:center}.form-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.map-content{background:var(--white);padding:var(--spacing-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--medium-gray);height:fit-content}.map-header h2{color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold)}.map-description{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-6);line-height:1.6}.map-container{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-6)}.map-info h4{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold)}.map-info p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}@media (max-width:1200px){.company-intro .row{grid-template-columns:1fr;gap:var(--spacing-8)}.contact-form-wrapper{grid-template-columns:1fr;gap:var(--spacing-8)}}@media (max-width:768px){.about-banner h1{font-size:var(--font-size-4xl)}.about-banner p{font-size:var(--font-size-lg)}.company-intro h2,.advantages h2,.factory-section h2,.form-header h2{font-size:var(--font-size-2xl)}.company-stats{grid-template-columns:1fr;gap:var(--spacing-4)}.advantages-grid,.factory-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.form-row{grid-template-columns:1fr;gap:var(--spacing-4)}.about-banner,.company-intro,.advantages,.factory-section,.contact-form-section{padding:var(--spacing-12) 0}.form-content,.map-content{padding:var(--spacing-6)}}@media (max-width:480px){.about-banner h1{font-size:var(--font-size-3xl)}.about-banner{padding:var(--spacing-16) 0 var(--spacing-12)}.company-intro h2,.advantages h2,.factory-section h2,.form-header h2{font-size:var(--font-size-xl)}.company-intro p,.form-header p{font-size:var(--font-size-base)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-actions{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.form-note{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0}.map-container{margin-bottom:var(--spacing-6);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base);border:3px solid transparent;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(135deg,var(--primary-color),var(--accent-color)) border-box}.map-container:hover{box-shadow:var(--shadow-xl)}@media (max-width:768px){.map-container iframe{height:300px}.map-info{padding:var(--spacing-4)}.map-info h4{font-size:var(--font-size-lg)}}@media (max-width:480px){.map-container iframe{height:250px}}.map-info{text-align:center;padding:var(--spacing-4);background:var(--light-blue);border-radius:var(--radius-md)}.map-info h4{margin-bottom:var(--spacing-2);font-size:var(--font-size-lg)}.map-info p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.cart-summary{background:var(--gradient-primary);padding:var(--spacing-6);color:var(--white)}.cart-summary h4{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-xl);color:var(--white);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4)}.summary-item{background:rgba(255,255,255,0.1);padding:var(--spacing-4);border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all var(--transition-base)}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@media (max-width:768px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-group{margin-bottom:var(--spacing-4)}.contact-form label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:var(--text-primary)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);transition:border-color var(--transition-base)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.contact-form textarea{resize:vertical;min-height:120px}.about-banner{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-16) 0;text-align:center}.about-banner h1{color:var(--white);margin-bottom:var(--spacing-4)}.about-banner p{color:rgba(255,255,255,0.9);font-size:var(--font-size-lg)}.company-intro{padding:var(--spacing-12) 0;background:var(--white)}.company-intro .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);align-items:center}@media (max-width:1024px){.company-intro .row{grid-template-columns:1fr}}.about-image{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.company-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-top:var(--spacing-8)}.stat-item{text-align:center;padding:var(--spacing-4);background:var(--light-blue);border-radius:var(--radius-lg)}.stat-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.advantages{padding:var(--spacing-12) 0;background:var(--light-gray)}.advantages h2{text-align:center;margin-bottom:var(--spacing-8)}.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);align-items:start}@media (max-width:1200px){.advantages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.advantages-grid{grid-template-columns:1fr}}.advantage-item{background:var(--white);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-base)}.advantage-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.advantage-item i{font-size:var(--font-size-3xl);color:var(--primary-color);margin-bottom:var(--spacing-4)}.factory-section{padding:var(--spacing-12) 0;background:var(--white)}.factory-section h2{text-align:center;margin-bottom:var(--spacing-8)}.factory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);align-items:start}@media (max-width:1200px){.factory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.factory-grid{grid-template-columns:1fr}}.factory-item{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.factory-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.factory-item img{width:100%;height:200px;object-fit:cover}.factory-item h4{padding:var(--spacing-4);text-align:center;margin:0;font-size:var(--font-size-lg)}.add-to-cart-panel{position:fixed;top:0;right:-500px;width:500px;height:100%;background-color:var(--white);box-shadow:-8px 0 30px rgba(0,0,0,0.15);z-index:2000;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow:hidden;border-left:none}.add-to-cart-panel.open{right:0;transform:translateX(0)}.add-to-cart-panel-content{display:flex;flex-direction:column;height:100%}.add-to-cart-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.add-to-cart-panel-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--white);display:flex;align-items:center;gap:var(--spacing-2)}.add-to-cart-panel-header h3::before{content:'🛒';font-size:var(--font-size-2xl)}.close-btn{background:none;border:2px solid rgba(255,255,255,0.3);color:var(--white);font-size:var(--font-size-2xl);cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-base);font-weight:var(--font-weight-bold)}.close-btn:hover{background-color:var(--white);color:var(--primary-color);border-color:var(--white);transform:rotate(90deg);box-shadow:var(--shadow-md)}.add-to-cart-panel-body{flex:1;padding:var(--spacing-8);overflow-y:auto;background:linear-gradient(180deg,var(--light-gray) 0%,var(--white) 20px)}.add-to-cart-panel-body::-webkit-scrollbar{width:8px}.add-to-cart-panel-body::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.add-to-cart-panel-body::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:4px}.add-to-cart-panel-body::-webkit-scrollbar-thumb:hover{background:var(--dark-gray)}.product-details{display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--medium-gray);transition:all var(--transition-base)}.product-details:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent-color)}.product-image-container{flex-shrink:0;width:140px;height:140px;background:linear-gradient(135deg,var(--light-blue),var(--light-gray));border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:2px solid var(--white)}.product-image-container img{width:95%;height:95%;object-fit:contain;transition:transform var(--transition-base)}.product-image-container:hover img{transform:scale(1.05)}.product-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.product-info h4{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.3;word-spacing:normal;letter-spacing:0.5px}.product-meta{display:flex;gap:var(--spacing-6);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.meta-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.product-info h4{display:flex;flex-direction:column;gap:var(--spacing-1)}.product-info h4 .product-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.product-info h4 .product-oe{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--primary-color);font-family:var(--font-primary);letter-spacing:1px}.oe-numbers{background:var(--light-blue);padding:var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--accent-color);margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}.oe-numbers h4{margin-bottom:var(--spacing-2);font-size:var(--font-size-lg)}.oe-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-family:'Courier New',monospace;font-size:var(--font-size-sm)}.oe-number{background:var(--white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:2px solid var(--accent-color);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.moq-info,.stock-info{display:flex;gap:var(--spacing-2)}.quantity-control-section{margin-top:var(--spacing-6)}.quantity-control-section h5{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.quantity-control{display:flex;align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);margin-bottom:var(--spacing-3);justify-content:center;width:200px}.quantity-btn{width:44px;height:44px;background:var(--white);border:none;cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;justify-content:center;align-items:center;transition:all var(--transition-base);flex-shrink:0}.quantity-btn:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}.quantity-btn:active{transform:scale(0.95)}.quantity-control input[type="number"]{width:80px;height:44px;border:none;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);color:var(--text-primary);outline:none;background:var(--white);transition:all var(--transition-base);flex-shrink:0}.quantity-control:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.quantity-input{width:80px;height:40px;border:1px solid var(--medium-gray);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-base);padding:0 var(--spacing-2);outline:none;transition:border-color var(--transition-base)}.quantity-input:focus{border-color:var(--accent-color)}.quantity-hint{font-size:var(--font-size-xs);color:var(--dark-gray)}.quantity-control-section{margin-top:var(--spacing-8);padding:var(--spacing-6);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--medium-gray)}.quantity-control-section h5{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-2)}.quantity-control-section h5::before{content:'📦';font-size:var(--font-size-xl)}.add-to-cart-panel-footer{padding:var(--spacing-8);border-top:2px solid var(--light-gray);background:var(--white);box-shadow:0 -4px 12px rgba(0,0,0,0.05)}.action-buttons{display:flex;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-6)}.action-buttons .btn{flex:1;min-width:140px;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.action-buttons .btn-primary{background:var(--gradient-primary);color:var(--white);border:none}.action-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-buttons .btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.action-buttons .btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:1999;cursor:pointer;transition:opacity var(--transition-base);opacity:0}.overlay.active{display:block;opacity:1}.toast{position:fixed;top:20px;right:20px;padding:var(--spacing-4) var(--spacing-8);background:linear-gradient(135deg,var(--success-color),#059669);color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--spacing-3);z-index:2100;font-weight:var(--font-weight-semibold);transform:translateX(100%);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.toast.show{transform:translateX(0);opacity:1;pointer-events:auto}.toast i{font-size:var(--font-size-xl)}.empty-cart{text-align:center;padding:var(--spacing-12);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px dashed var(--medium-gray)}.empty-cart i{font-size:var(--font-size-5xl);color:var(--medium-gray);margin-bottom:var(--spacing-4)}.empty-cart h4{margin:0 0 var(--spacing-2) 0;color:var(--primary-color)}.empty-cart p{margin:0 0 var(--spacing-6) 0;color:var(--text-secondary)}.cart-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);margin-bottom:var(--spacing-4);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--medium-gray);transition:all var(--transition-base)}.cart-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cart-item-image{width:80px;height:80px;background:var(--light-gray);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-image img{width:90%;height:90%;object-fit:contain}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.cart-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0}.cart-item-price{font-size:var(--font-size-sm);color:var(--text-secondary)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.cart-item-actions{display:flex;align-items:center;gap:var(--spacing-2)}.cart-summary{background:var(--gradient-primary);padding:var(--spacing-6);color:var(--white);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-md)}.cart-summary h4{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);color:var(--white)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.summary-item{background:rgba(255,255,255,0.1);padding:var(--spacing-4);border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all var(--transition-base)}.summary-item:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px)}.summary-label{font-size:var(--font-size-sm);opacity:0.9;margin-bottom:var(--spacing-1);display:block}.summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:block}.success-toast{background-color:var(--success-color);color:var(--white)}.success-toast i{font-size:var(--font-size-lg)}.close-toast{background:none;border:none;color:var(--white);font-size:var(--font-size-xl);cursor:pointer;padding:0;margin-left:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease}.close-toast:hover{background-color:rgba(255,255,255,0.2)}@media (max-width:767px){.add-to-cart-panel{width:100%;right:-100%}.product-details{flex-direction:column;align-items:center;text-align:center}.product-image-container{margin-bottom:var(--spacing-4)}}.shopping-cart{padding:var(--spacing-12) 0;background:var(--light-gray)}.cart-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-8);align-items:start}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--medium-gray)}.cart-list{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--medium-gray);align-items:center}.cart-item:last-child{border-bottom:none}.cart-item-image{width:80px;height:80px;background:var(--light-gray);border-radius:var(--radius-md);overflow:hidden;display:flex;justify-content:center;align-items:center}.cart-item-image img{max-width:100%;max-height:100%;object-fit:contain}.cart-item-info h4{margin-bottom:var(--spacing-2);font-size:var(--font-size-lg)}.cart-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cart-item-quantity{display:flex;align-items:center}.quantity-control{display:flex;align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);justify-content:center;width:200px}.quantity-control input{width:100%;height:44px;border:none;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);color:var(--text-primary);outline:none;background:var(--white);transition:all var(--transition-base);flex-shrink:0}.quantity-control:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.action-buttons{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.action-buttons .btn{flex:1;min-width:120px}.cart-item-actions{display:flex;align-items:center}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-danger:hover{background:#dc2626}.empty-cart{text-align:center;padding:var(--spacing-12);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.empty-cart i{font-size:var(--font-size-6xl);color:var(--medium-gray);margin-bottom:var(--spacing-4)}.empty-cart h3{margin-bottom:var(--spacing-2);color:var(--text-primary)}.empty-cart p{margin-bottom:var(--spacing-6);color:var(--text-secondary)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}.modal .modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:auto;max-width:300px;text-align:center;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);animation:none;transform:none}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.modal .close:hover,.modal .close:focus{color:black;text-decoration:none;cursor:pointer}.user-profile{padding:var(--spacing-12) 0;background:var(--light-gray)}.profile-container{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-8);align-items:start}@media (max-width:1024px){.profile-container{grid-template-columns:1fr}}.profile-sidebar{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:sticky;top:120px;height:fit-content}.profile-header{padding:var(--spacing-6);text-align:center;border-bottom:1px solid var(--medium-gray)}.profile-avatar{width:100px;height:100px;margin:0 auto var(--spacing-4);background:var(--light-blue);border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;font-size:var(--font-size-5xl);color:var(--primary-color)}.profile-header h2{margin-bottom:var(--spacing-1);font-size:var(--font-size-2xl)}.profile-header p{margin-bottom:0;color:var(--text-secondary)}.profile-nav{padding:var(--spacing-2)}.profile-nav ul{list-style:none}.profile-nav li{margin-bottom:var(--spacing-1)}.profile-nav a{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);transition:all var(--transition-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.profile-nav a:hover{background:var(--light-blue);color:var(--primary-color)}.profile-nav li.active a{background:var(--gradient-primary);color:var(--white)}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6);overflow:hidden}.profile-card h3{margin-bottom:var(--spacing-4);font-size:var(--font-size-2xl);border-bottom:2px solid var(--medium-gray);padding-bottom:var(--spacing-3)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}@media (max-width:768px){.profile-form .form-row{grid-template-columns:1fr}}.profile-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-form label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.profile-form input,.profile-form select,.profile-form textarea{width:100%;padding:var(--spacing-3);border:2px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);transition:border-color var(--transition-base)}.profile-form input:focus,.profile-form select:focus,.profile-form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.profile-form input[readonly]{background:var(--light-gray);cursor:not-allowed}.profile-form .form-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-4)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--medium-gray)}.settings-section h4{margin-bottom:var(--spacing-4);font-size:var(--font-size-xl);color:var(--primary-color);border-bottom:1px solid var(--medium-gray);padding-bottom:var(--spacing-2)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.settings-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}@media (max-width:768px){.settings-form .form-row{grid-template-columns:1fr}}.settings-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.settings-form label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.settings-form input,.settings-form select{width:100%;padding:var(--spacing-3);border:2px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);transition:border-color var(--transition-base)}.settings-form input:focus,.settings-form select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.settings-form .form-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-2)}.danger-section{border-left:4px solid var(--danger-color)}.danger-section h4{color:var(--danger-color)}.danger-text{color:var(--danger-color);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.order-item{background:var(--light-gray);border-radius:var(--radius-md);padding:var(--spacing-4);border:1px solid var(--medium-gray);transition:all var(--transition-base)}.order-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);flex-wrap:wrap;gap:var(--spacing-4)}.order-info{display:flex;gap:var(--spacing-6);flex-wrap:wrap}.order-id{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.order-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.order-status{flex-shrink:0}.status{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status.pending{background:var(--warning-color);color:var(--white)}.status.processing{background:var(--accent-color);color:var(--white)}.status.shipped{background:var(--secondary-color);color:var(--white)}.status.delivered{background:var(--success-color);color:var(--white)}.status.cancelled{background:var(--danger-color);color:var(--white)}.order-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.order-total{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--primary-color)}.no-orders{text-align:center;padding:var(--spacing-12);background:var(--light-gray);border-radius:var(--radius-lg);border:2px dashed var(--medium-gray)}.no-orders p{margin-bottom:var(--spacing-4);font-size:var(--font-size-lg);color:var(--text-secondary)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-primary.btn-sm:hover{transform:translateY(-1px)}@media (max-width:768px){.profile-container{gap:var(--spacing-4)}.profile-sidebar{position:static}.profile-header{padding:var(--spacing-4)}.profile-avatar{width:80px;height:80px;font-size:var(--font-size-4xl)}.profile-header h2{font-size:var(--font-size-xl)}.profile-card{padding:var(--spacing-4)}.profile-card h3{font-size:var(--font-size-xl)}.order-header,.order-details{flex-direction:column;align-items:flex-start}.order-info{flex-direction:column;gap:var(--spacing-2)}}@media (max-width:480px){.user-profile{padding:var(--spacing-6) 0}.profile-nav a{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.profile-form .form-row{grid-template-columns:1fr;gap:var(--spacing-4)}}.wechat-qr{width:100%;height:auto;margin:20px 0;max-width:250px}.inquiry-form-section{position:sticky;top:var(--spacing-8)}.inquiry-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@media (max-width:768px){.inquiry-form .form-row{grid-template-columns:1fr}}.inquiry-form .form-group{margin-bottom:var(--spacing-4)}.inquiry-form small{display:block;margin-top:var(--spacing-1);color:var(--dark-gray);font-size:var(--font-size-xs)}.product-images{display:flex;flex-direction:column;gap:var(--spacing-4)}.main-image{background:var(--light-gray);border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;justify-content:center;align-items:center;border:1px solid var(--medium-gray);cursor:pointer;transition:all var(--transition-base)}.main-image:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.main-image img{max-width:100%;max-height:300px;object-fit:contain;transition:all var(--transition-base)}.main-image:hover img{transform:scale(1.02)}.thumbnail-images{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.thumbnail{background:var(--light-gray);border-radius:var(--radius-md);padding:var(--spacing-2);display:flex;justify-content:center;align-items:center;border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.thumbnail:hover,.thumbnail.active{border-color:var(--accent-color)}.thumbnail img{width:100%;height:80px;object-fit:contain}.shopping-cart{padding:var(--spacing-16) var(--spacing-4);background:var(--light-gray)}.cart-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--medium-gray);width:100%;max-width:var(--container-max-width);box-sizing:border-box;margin:0 auto}.shopping-cart h2{text-align:center;margin-bottom:var(--spacing-12);position:relative}.shopping-cart h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-accent);border-radius:var(--radius-full)}.cart-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);align-items:start;width:100%;max-width:100%;box-sizing:border-box}.cart-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--medium-gray);width:100%;max-width:100%;box-sizing:border-box}.cart-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cart-header{background:var(--gradient-primary);padding:var(--spacing-8);color:var(--white)}.cart-header h3{margin:0;font-size:var(--font-size-2xl);color:var(--white)}.cart-header p{margin:var(--spacing-2) 0 0 0;color:rgba(255,255,255,0.9);font-size:var(--font-size-base)}.cart-items{padding:var(--spacing-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--spacing-6);padding:var(--spacing-6);margin-bottom:var(--spacing-6);background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-xl);transition:all var(--transition-base);width:100%;max-width:100%;box-sizing:border-box;align-items:center;grid-template-areas:"image details quantity remove"}.cart-item-image{grid-area:image;width:120px;height:120px;flex-shrink:0}.cart-item-details{grid-area:details;flex:1;min-width:0}.cart-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--light-blue);border-top:1px solid var(--medium-gray)}.cart-item:last-child{margin-bottom:0}.cart-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cart-item-image{width:120px;height:120px;background:var(--light-blue);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:all var(--transition-base)}.cart-item:hover .cart-item-image{background:var(--gradient-primary)}.cart-item-image img{width:90%;height:90%;object-fit:contain;transition:transform var(--transition-base)}.cart-item:hover .cart-item-image img{transform:scale(1.1)}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0 0 var(--spacing-4) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oe-numbers{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.oe-number{background:var(--light-blue);color:var(--primary-color);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--medium-gray);transition:all var(--transition-base)}.oe-number:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.oe-more{background:var(--gradient-accent);color:var(--white);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.oe-more:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cart-item-actions{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}.cart-item-quantity{display:flex;align-items:center}.quantity-control{grid-area:quantity;display:flex;align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);min-width:140px}.quantity-control:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.quantity-btn{width:48px;height:48px;background:linear-gradient(135deg,var(--light-blue),var(--white));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);transition:all var(--transition-fast);position:relative;overflow:hidden}.quantity-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast);z-index:0}.quantity-btn i{position:relative;z-index:1}.quantity-btn:hover{background:transparent;color:var(--white);transform:scale(1.05)}.quantity-btn:hover::before{opacity:1}.quantity-btn:active{transform:scale(0.98)}.quantity-btn:first-child{border-right:1px solid var(--medium-gray)}.quantity-btn:last-child{border-left:1px solid var(--medium-gray)}.quantity-input{flex:1;min-width:60px;height:48px;border:none;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--primary-color);outline:none;background:var(--white);transition:all var(--transition-base)}.quantity-input:focus{background:var(--light-blue)}.cart-item-remove{grid-area:remove;display:flex;align-items:center;justify-content:center;z-index:10}.remove-btn{background:var(--white);color:var(--danger-color);border:2px solid var(--danger-color);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-base);box-shadow:var(--shadow-sm);z-index:10;position:relative;pointer-events:auto}.remove-btn:hover{background:var(--danger-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cart-summary{background:var(--gradient-primary);padding:var(--spacing-10);color:var(--white)}.cart-summary h4{margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-2xl);color:var(--white);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.summary-item{background:rgba(255,255,255,0.1);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all var(--transition-base)}.summary-item:hover{background:rgba(255,255,255,0.15);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.summary-label{display:block;font-size:var(--font-size-sm);color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:1px}.summary-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--white);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-cart{text-align:center;padding:var(--spacing-20);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--medium-gray)}.empty-cart i{font-size:var(--font-size-8xl);color:var(--medium-gray);margin-bottom:var(--spacing-6);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-cart h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.empty-cart p{color:var(--text-secondary);margin-bottom:var(--spacing-8);font-size:var(--font-size-lg)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading{display:block}@media (min-width:1200px){.cart-item{grid-template-columns:auto 1fr auto auto;grid-template-areas:"image details quantity remove"}}@media (max-width:1199px){.cart-item{grid-template-columns:120px 1fr auto;grid-template-areas:"image details remove" "image quantity remove"}.cart-item-quantity{justify-content:flex-start}.cart-item-remove{justify-content:flex-end}}@media (max-width:1023px){.cart-item{grid-template-columns:120px 1fr;grid-template-areas:"image details" "quantity remove";text-align:left;gap:var(--spacing-6)}.top-header-left,.top-header-right{gap:var(--spacing-3)}.search-box{max-width:100%}.nav-menu{gap:var(--spacing-1)}.nav-menu a{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}}@media (max-width:767px){.cart-item{grid-template-columns:1fr;grid-template-areas:"image" "details" "quantity" "remove";text-align:center}.cart-item-quantity,.cart-item-remove{justify-content:center}.quantity-control{width:100%;max-width:200px;margin:0 auto}.quantity-btn{width:36px;height:36px;font-size:var(--font-size-base)}.quantity-control input{min-width:50px;height:36px;font-size:var(--font-size-base)}.remove-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);margin:0 auto}.shopping-cart{padding:var(--spacing-8) var(--spacing-2)}.newsletter .container{padding:var(--spacing-2)}.newsletter-form{flex-direction:column}.newsletter-form input{min-width:100%}.footer .container{grid-template-columns:1fr;gap:var(--spacing-6);padding:var(--spacing-2)}}@media (max-width:639px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.25rem;--font-size-xl:1.125rem}.shopping-cart{padding:var(--spacing-6) var(--spacing-2)}.shopping-cart h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.cart-card{margin:0 var(--spacing-2)}.cart-header{padding:var(--spacing-4)}.cart-header h3{font-size:var(--font-size-xl)}.cart-header p{font-size:var(--font-size-sm)}.cart-items{padding:var(--spacing-2)}.cart-item{padding:var(--spacing-3);gap:var(--spacing-3)}.cart-item-image{width:80px;height:80px;margin:0 auto}.cart-item-name{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.oe-numbers{gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.oe-number,.oe-more{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.cart-actions{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.cart-actions .btn{width:100%}.cart-summary{padding:var(--spacing-4)}.cart-summary h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.summary-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.summary-item{padding:var(--spacing-4)}.summary-value{font-size:var(--font-size-2xl)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.top-header .container{flex-direction:column;gap:var(--spacing-2);text-align:center}.top-header-left,.top-header-right{justify-content:center;gap:var(--spacing-2)}.nav-menu{flex-wrap:wrap;justify-content:center}.empty-cart{padding:var(--spacing-8);margin:0 var(--spacing-2)}.empty-cart i{font-size:var(--font-size-6xl)}.footer{padding:var(--spacing-6) 0}.footer-bottom p{font-size:var(--font-size-xs)}}@media (max-width:479px){.cart-item{padding:var(--spacing-2);gap:var(--spacing-2)}.cart-item-image{width:60px;height:60px}.oe-numbers{gap:var(--spacing-1)}.oe-number,.oe-more{padding:var(--spacing-0.5) var(--spacing-2);font-size:var(--font-size-xs)}}.product-details-info{display:flex;flex-direction:column;gap:var(--spacing-6)}.product-meta{display:flex;gap:var(--spacing-6);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.meta-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.oe-numbers{background:var(--light-blue);padding:var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--accent-color);margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}.oe-numbers h4{margin-bottom:var(--spacing-2);font-size:var(--font-size-lg)}.oe-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-family:'Courier New',monospace;font-size:var(--font-size-sm)}.oe-number{background:var(--white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:2px solid var(--accent-color);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.oe-number:hover{background:var(--primary-color);color:var(--white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-description{line-height:1.8;margin-bottom:var(--spacing-6)}.product-features{list-style:none;margin-bottom:var(--spacing-6)}.product-features li{padding:var(--spacing-2) 0;display:flex;align-items:flex-start;gap:var(--spacing-3);border-bottom:1px solid var(--medium-gray)}.product-features li:last-child{border-bottom:none}.product-features li i{color:var(--success-color);margin-top:2px}.product-actions{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--light-gray);border-radius:var(--radius-lg)}.quantity-selector{display:flex;align-items:center;gap:var(--spacing-3)}.quantity-selector button{width:36px;height:36px;border:1px solid var(--medium-gray);background:var(--white);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.quantity-selector button:hover{background:var(--medium-gray)}.quantity-selector input{width:60px;text-align:center;padding:var(--spacing-2);border:1px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base)}.related-products{padding:var(--spacing-12) 0;background:var(--light-gray)}.related-products h2{text-align:center;margin-bottom:var(--spacing-8)}.news-banner{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-16) 0;text-align:center;position:relative;overflow:hidden}.news-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.news-banner h1{color:var(--white);margin-bottom:var(--spacing-4);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);text-shadow:0 4px 12px rgba(0,0,0,0.2)}.news-banner p{color:rgba(255,255,255,0.9);font-size:var(--font-size-xl);margin-bottom:0}.news-articles{padding:var(--spacing-16) 0;background:var(--white)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-12)}@media (max-width:1200px){.news-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-6)}}@media (max-width:768px){.news-grid{grid-template-columns:1fr;gap:var(--spacing-6)}}.news-item-link{display:block;text-decoration:none;color:inherit;transition:transform 0.3s ease,box-shadow 0.3s ease}.news-item-link:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.news-item-link:hover .news-title{color:var(--secondary-color);transition:color 0.3s ease}.news-item-link:hover .read-more{color:var(--primary-color);transition:color 0.3s ease}.news-item{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.news-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.news-image{position:relative;overflow:hidden;height:250px}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.news-item:hover .news-image img{transform:scale(1.08)}.news-content{padding:var(--spacing-6);flex:1;display:flex;flex-direction:column}.news-meta{display:flex;gap:var(--spacing-4);align-items:center;margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.news-date{color:var(--dark-gray);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-2)}.news-date::before{content:'📅';font-size:var(--font-size-base)}.news-category{background:var(--light-blue);color:var(--primary-color);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.5px}.news-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4);color:var(--primary-color);font-weight:var(--font-weight-bold);line-height:1.3;transition:color var(--transition-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3em}.news-item:hover .news-title{color:var(--accent-color)}.news-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-6);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:5.1em}.read-more{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary-color);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);margin-top:auto}.read-more:hover{color:var(--accent-color);transform:translateX(4px)}.read-more i{transition:transform var(--transition-base)}.read-more:hover i{transform:translateX(2px)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8)}.page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--medium-gray);background:var(--white);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:var(--font-weight-medium)}.page-link:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-link.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.page-link:last-child{width:auto;padding:0 var(--spacing-4)}.newsletter{padding:var(--spacing-16) 0;background:var(--light-blue)}.newsletter .container{max-width:600px;text-align:center}.newsletter h2{margin-bottom:var(--spacing-4);font-size:var(--font-size-3xl)}.newsletter p{margin-bottom:var(--spacing-6);color:var(--text-secondary);font-size:var(--font-size-lg)}.newsletter-form{display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center}.newsletter-form input{flex:1;min-width:250px;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--medium-gray);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base)}.newsletter-form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,180,216,0.1)}.shopping-cart{padding:var(--spacing-16) var(--spacing-4);background:var(--light-gray)}.cart-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--medium-gray);width:100%;max-width:var(--container-max-width);box-sizing:border-box;margin:0 auto}.shopping-cart h2{text-align:center;margin-bottom:var(--spacing-12);position:relative}.shopping-cart h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-accent);border-radius:var(--radius-full)}.cart-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--medium-gray);width:100%;max-width:100%;box-sizing:border-box}.cart-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cart-header{background:var(--gradient-primary);padding:var(--spacing-8);color:var(--white)}.cart-header h3{margin:0;font-size:var(--font-size-2xl);color:var(--white)}.cart-header p{margin:var(--spacing-2) 0 0 0;color:rgba(255,255,255,0.9);font-size:var(--font-size-base)}.cart-items{padding:var(--spacing-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--spacing-6);padding:var(--spacing-6);margin-bottom:var(--spacing-6);background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-xl);transition:all var(--transition-base);width:100%;max-width:100%;box-sizing:border-box;align-items:center;grid-template-areas:"image details quantity remove"}.cart-item-image{grid-area:image;width:120px;height:120px;flex-shrink:0}.cart-item-details{grid-area:details;flex:1;min-width:0}.cart-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--light-blue);border-top:1px solid var(--medium-gray)}.cart-item:last-child{margin-bottom:0}.cart-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cart-item-image{width:120px;height:120px;background:var(--light-blue);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:all var(--transition-base)}.cart-item:hover .cart-item-image{background:var(--gradient-primary)}.cart-item-image img{width:90%;height:90%;object-fit:contain;transition:transform var(--transition-base)}.cart-item:hover .cart-item-image img{transform:scale(1.1)}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0 0 var(--spacing-4) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oe-numbers{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.oe-number{background:var(--light-blue);color:var(--primary-color);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--medium-gray);transition:all var(--transition-base)}.oe-number:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.oe-more{background:var(--gradient-accent);color:var(--white);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.oe-more:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cart-item-actions{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}.cart-item-quantity{display:flex;align-items:center}.quantity-control{grid-area:quantity;display:flex;align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);min-width:140px}.quantity-control:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.quantity-btn{width:48px;height:48px;background:linear-gradient(135deg,var(--light-blue),var(--white));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);transition:all var(--transition-fast);position:relative;overflow:hidden}.quantity-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast);z-index:0}.quantity-btn i{position:relative;z-index:1}.quantity-btn:hover{background:transparent;color:var(--white);transform:scale(1.05)}.quantity-btn:hover::before{opacity:1}.quantity-btn:active{transform:scale(0.98)}.quantity-btn:first-child{border-right:1px solid var(--medium-gray)}.quantity-btn:last-child{border-left:1px solid var(--medium-gray)}.quantity-input{flex:1;min-width:60px;height:48px;border:none;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--primary-color);outline:none;background:var(--white);transition:all var(--transition-base)}.quantity-input:focus{background:var(--light-blue)}.cart-item-remove{grid-area:remove;display:flex;align-items:center;justify-content:center;z-index:10}.remove-btn{background:var(--white);color:var(--danger-color);border:2px solid var(--danger-color);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-base);box-shadow:var(--shadow-sm);z-index:10;position:relative;pointer-events:auto}.remove-btn:hover{background:var(--danger-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cart-summary{background:var(--gradient-primary);padding:var(--spacing-10);color:var(--white)}.cart-summary h4{margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-2xl);color:var(--white);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.summary-item{background:rgba(255,255,255,0.1);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all var(--transition-base)}.summary-item:hover{background:rgba(255,255,255,0.15);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.summary-label{display:block;font-size:var(--font-size-sm);color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:1px}.summary-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--white);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-cart{text-align:center;padding:var(--spacing-20);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--medium-gray)}.empty-cart i{font-size:var(--font-size-8xl);color:var(--medium-gray);margin-bottom:var(--spacing-6);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-cart h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.empty-cart p{color:var(--text-secondary);margin-bottom:var(--spacing-8);font-size:var(--font-size-lg)}@media (min-width:1200px){.cart-item{grid-template-columns:auto 1fr auto auto;grid-template-areas:"image details quantity remove"}}@media (max-width:1199px){.cart-item{grid-template-columns:120px 1fr auto;grid-template-areas:"image details remove" "image quantity remove"}.cart-item-quantity{justify-content:flex-start}.cart-item-remove{justify-content:flex-end}}@media (max-width:1023px){.cart-item{grid-template-columns:120px 1fr;grid-template-areas:"image details" "quantity remove";text-align:left;gap:var(--spacing-6)}.top-header-left,.top-header-right{gap:var(--spacing-3)}.search-box{max-width:100%}.nav-menu{gap:var(--spacing-1)}.nav-menu a{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}}@media (max-width:1023px){.cart-item{grid-template-columns:120px 1fr;grid-template-areas:"image details" "quantity remove";text-align:left;gap:var(--spacing-6)}}@media (max-width:1023px){.cart-item{grid-template-columns:120px 1fr;grid-template-areas:"image details" "quantity remove";text-align:left;gap:var(--spacing-6)}.top-header-left,.top-header-right{gap:var(--spacing-3)}.search-box{max-width:100%}.nav-menu{gap:var(--spacing-1)}.nav-menu a{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}}@media (max-width:767px){.cart-item{grid-template-columns:1fr;grid-template-areas:"image" "details" "quantity" "remove";text-align:left}.cart-item-quantity,.cart-item-remove{justify-content:center}.quantity-control{width:100%;max-width:200px;margin:0 auto}.quantity-btn{width:36px;height:36px;font-size:var(--font-size-base)}.quantity-control input{min-width:50px;height:36px;font-size:var(--font-size-base)}.remove-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);margin:0 auto}.shopping-cart{padding:var(--spacing-8) var(--spacing-2)}.newsletter .container{padding:var(--spacing-2)}.newsletter-form{flex-direction:column}.newsletter-form input{min-width:100%}.footer .container{grid-template-columns:1fr;gap:var(--spacing-6);padding:var(--spacing-2)}}@media (max-width:639px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.25rem;--font-size-xl:1.125rem}.shopping-cart{padding:var(--spacing-6) var(--spacing-2)}.shopping-cart h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.cart-card{margin:0 var(--spacing-2)}.cart-header{padding:var(--spacing-4)}.cart-header h3{font-size:var(--font-size-xl)}.cart-header p{font-size:var(--font-size-sm)}.cart-items{padding:var(--spacing-2)}.cart-item{padding:var(--spacing-3);gap:var(--spacing-3)}.cart-item-image{width:80px;height:80px;margin:0 auto}.cart-item-name{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.oe-numbers{gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.oe-number,.oe-more{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.cart-actions{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.cart-actions .btn{width:100%}.cart-summary{padding:var(--spacing-4)}.cart-summary h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.summary-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.summary-item{padding:var(--spacing-4)}.summary-value{font-size:var(--font-size-2xl)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.top-header .container{flex-direction:column;gap:var(--spacing-2);text-align:center}.top-header-left,.top-header-right{justify-content:center;gap:var(--spacing-2)}.nav-menu{flex-wrap:wrap;justify-content:center}.empty-cart{padding:var(--spacing-8);margin:0 var(--spacing-2)}.empty-cart i{font-size:var(--font-size-6xl)}.footer{padding:var(--spacing-6) 0}.footer-bottom p{font-size:var(--font-size-xs)}}@media (max-width:479px){.cart-item{padding:var(--spacing-2);gap:var(--spacing-2)}.cart-item-image{width:60px;height:60px}.oe-numbers{gap:var(--spacing-1)}.oe-number,.oe-more{padding:var(--spacing-0.5) var(--spacing-2);font-size:var(--font-size-xs)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading{display:block}