:root{--neutral-50:oklch(98% 0.005 80);--neutral-100:oklch(95% 0.008 80);--neutral-200:oklch(90% 0.010 80);--neutral-300:oklch(82% 0.012 80);--neutral-400:oklch(65% 0.012 80);--neutral-500:oklch(50% 0.010 80);--neutral-600:oklch(38% 0.010 80);--neutral-700:oklch(28% 0.008 80);--neutral-800:oklch(18% 0.006 80);--neutral-900:oklch(10% 0.004 80);--fire-300:oklch(88% 0.13 75);--fire-400:oklch(78% 0.16 65);--fire-500:oklch(68% 0.19 55);--fire-600:oklch(56% 0.20 45);--fire-700:oklch(44% 0.18 40);--color-bg:var(--neutral-50);--color-surface:#ffffff;--color-surface-2:var(--neutral-100);--color-border:var(--neutral-200);--color-text:var(--neutral-800);--color-text-muted:var(--neutral-500);--primary:var(--fire-500);--primary-dark:var(--fire-600);--primary-light:var(--fire-400);--primary-gradient:linear-gradient(135deg,var(--fire-500) 0%,var(--fire-400) 100%);--secondary:var(--neutral-800);--secondary-light:var(--neutral-700);--secondary-dark:var(--neutral-900);--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--gray-light:var(--neutral-100);--gray:var(--neutral-500);--gray-dark:var(--neutral-700);--white:#ffffff;--black:#000000;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 15px rgba(0,0,0,0.08);--shadow-lg:0 10px 30px rgba(0,0,0,0.12);--shadow-xl:0 20px 50px rgba(0,0,0,0.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:0.3s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Vazirmatn',sans-serif;background:var(--color-bg);color:var(--color-text);direction:rtl;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:'BTitr','Vazirmatn',sans-serif;font-weight:bold;line-height:1.3;margin-bottom:0.5em;color:var(--neutral-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h2{position:relative;display:inline-block}h2::after{content:'';position:absolute;bottom:-10px;right:0;width:60px;height:3px;background:var(--primary-gradient);border-radius:3px}p{margin-bottom:1rem;line-height:1.8;color:var(--neutral-700)}a{color:var(--fire-600);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--fire-700)}.container{max-width:1300px;margin:0 auto;padding:0 20px;width:100%}.main-header{padding:6px 0;position:sticky;top:0;z-index:1000;background:var(--neutral-900);border-bottom:3px solid var(--fire-500);box-shadow:0 2px 16px rgba(0,0,0,0.2)}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap}.header-logo{flex-shrink:0}.header-logo a{display:flex;align-items:center;gap:10px;text-decoration:none;transition:transform 0.3s}.header-logo a:hover{transform:scale(1.02)}.logo-img{max-height:50px;width:auto;filter:drop-shadow(0 0 10px rgba(230,126,34,0.3))}.logo-text h2{color:var(--fire-400);margin:0;font-size:20px;font-weight:900;letter-spacing:1px}.logo-text span{color:var(--neutral-400);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:block;margin-top:-2px}.main-nav{flex:1;display:flex;justify-content:center}.nav-menu{display:flex !important;list-style:none !important;gap:4px !important;margin:0 !important;padding:0 !important;align-items:center;flex-wrap:nowrap}.nav-menu li{position:relative;list-style:none;white-space:nowrap}.nav-menu li a{font-size:0.85rem;font-weight:700;color:var(--neutral-300);text-decoration:none;transition:all 0.3s ease;display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;border:1px solid transparent;letter-spacing:0.3px}.nav-menu li a i{color:var(--fire-500);font-size:13px;transition:all 0.3s ease}.nav-menu li a:hover{color:var(--fire-300);background:rgba(255,255,255,0.06);border-color:rgba(230,126,34,0.3);transform:translateY(-2px)}.nav-menu li a:hover i{color:var(--fire-300);transform:scale(1.15)}.nav-menu li a.active{color:var(--fire-400);background:rgba(230,126,34,0.15);border-color:var(--fire-500)}.nav-menu li a.active i{color:var(--fire-400)}.dropdown>a::after{content:' ▾';font-size:10px;color:var(--fire-500)}.header-contact{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;border-radius:50px;background:rgba(230,126,34,0.12);border:1px solid rgba(230,126,34,0.25);flex-shrink:0}.contact-numbers{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2;direction:ltr}.contact-label{font-size:8px;color:var(--neutral-400);font-weight:600;text-transform:uppercase;letter-spacing:1px;line-height:1.2}.contact-number{font-size:13px;font-weight:700;color:var(--fire-400);direction:ltr;line-height:1.4;font-family:'Vazirmatn',sans-serif;letter-spacing:0.3px;display:block}.contact-icon{font-size:18px;color:var(--fire-500);line-height:1}.nav-toggle{display:none !important;background:none;border:1px solid rgba(230,126,34,0.3);color:var(--fire-400);font-size:24px;cursor:pointer;padding:4px 12px;border-radius:8px;transition:all 0.3s}.nav-toggle:hover{background:rgba(230,126,34,0.15);color:var(--fire-300);border-color:var(--fire-500)}.hero-banner{background-size:cover;background-position:center;padding:80px 0;text-align:center;color:var(--neutral-900);position:relative;background-color:var(--neutral-100);border-bottom:3px solid var(--fire-500)}.hero-content h1{font-size:42px;margin-bottom:15px;color:var(--neutral-900)}.hero-content p{font-size:18px;margin-bottom:25px;max-width:700px;margin-left:auto;margin-right:auto;color:var(--neutral-700)}.hero-btn{display:inline-block;background:var(--primary-gradient);color:var(--white);padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:bold;transition:all var(--transition);box-shadow:0 4px 20px rgba(230,126,34,0.3)}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(230,126,34,0.45);color:var(--white)}.btn,button:not(.nav-toggle):not(.qty-minus):not(.qty-plus):not(.zoom-close){background:var(--primary-gradient);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-family:'Vazirmatn',sans-serif;font-weight:600;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,126,34,0.3)}.btn-outline{background:transparent;border:2px solid var(--fire-500);color:var(--fire-600)}.btn-outline:hover{background:var(--fire-500);color:var(--white)}.btn-glow{background:var(--primary-gradient);color:var(--white);border:none;padding:12px 30px;border-radius:50px;font-weight:700;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden;cursor:pointer}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(230,126,34,0.4),0 0 60px rgba(230,126,34,0.2)}.btn-glow::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,transparent 60%);opacity:0;transition:opacity 0.3s}.btn-glow:hover::after{opacity:1}.product-card-modern{background:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:var(--shadow-sm);position:relative}.product-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(230,126,34,0.12);border-color:var(--fire-500)}.product-badge{position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:var(--white);padding:4px 14px;border-radius:30px;font-size:11px;font-weight:700;z-index:5;box-shadow:0 4px 15px rgba(230,126,34,0.3)}.section-header{text-align:center;margin-bottom:40px}.section-badge{display:inline-block;background:var(--primary-gradient);color:var(--white);padding:4px 18px;border-radius:30px;font-size:12px;font-weight:700;margin-bottom:10px;letter-spacing:0.5px}.section-header h2{font-size:32px;margin-bottom:10px}.section-header p{color:var(--neutral-500);font-size:15px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.category-chip{display:inline-block;padding:6px 18px;border-radius:30px;background:rgba(230,126,34,0.08);color:var(--fire-600);font-size:13px;font-weight:600;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid rgba(230,126,34,0.2);cursor:pointer}.category-chip:hover{background:var(--primary-gradient);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,126,34,0.2);border-color:transparent}.compare-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin:20px 0}.compare-table th{background:var(--primary-gradient);color:var(--white);padding:15px 20px;text-align:right;border-radius:12px 12px 0 0;font-weight:700}.compare-table td{background:var(--color-surface);padding:15px 20px;border-radius:12px;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border);color:var(--neutral-700)}.compare-table tr:hover td{background:var(--neutral-50)}.compare-table .highlight{background:rgba(230,126,34,0.06) !important;border-right:3px solid var(--fire-500)}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient{border-image:var(--primary-gradient) 1;border-radius:12px;border:2px solid}.bg-gradient-soft{background:linear-gradient(135deg,rgba(230,126,34,0.03) 0%,rgba(243,156,18,0.03) 100%)}.skeleton{background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.delay-1{transition-delay:0.1s}.animate-on-scroll.delay-2{transition-delay:0.2s}.animate-on-scroll.delay-3{transition-delay:0.3s}.animate-on-scroll.delay-4{transition-delay:0.4s}.nav-toggle-animated{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:5px;cursor:pointer;align-items:center;justify-content:center}.nav-toggle-animated span{display:block;width:28px;height:3px;background:var(--fire-500);border-radius:3px;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.nav-toggle-animated.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.nav-toggle-animated.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle-animated.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.hero-gradient{background:linear-gradient(135deg,rgba(230,126,34,0.9) 0%,rgba(243,156,18,0.8) 50%,rgba(230,126,34,0.6) 100% );position:relative;overflow:hidden}.hero-gradient::before{content:'';position:absolute;width:300px;height:300px;background:rgba(255,255,255,0.1);border-radius:50%;top:-100px;left:-100px;animation:float 6s ease-in-out infinite}.hero-gradient::after{content:'';position:absolute;width:200px;height:200px;background:rgba(255,255,255,0.05);border-radius:50%;bottom:-50px;right:-50px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}.price{font-family:'Vazirmatn',sans-serif;font-weight:bold;color:var(--fire-600);font-size:18px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin:30px 0}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--fire-500)}.product-card::before{content:'';position:absolute;top:0;right:0;width:100%;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition)}.product-card:hover::before{transform:scaleX(1)}.qty-minus,.qty-plus{width:36px;height:36px;background:var(--neutral-100);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;font-size:20px;font-weight:bold;color:var(--neutral-700);transition:all var(--transition);display:flex;align-items:center;justify-content:center}.qty-minus:hover,.qty-plus:hover{background:var(--fire-500);color:var(--white);border-color:var(--fire-500);transform:scale(1.05)}.qty-input{width:60px;text-align:center;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--neutral-800)}.messages-container{margin:20px 0}.alert{padding:12px 18px;border-radius:var(--radius-md);margin-bottom:15px;display:flex;align-items:center;gap:10px;animation:slideIn 0.3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#eafaf1;color:#1e8449;border-right:4px solid var(--success)}.alert-danger,.alert-error{background:#fdedec;color:#a93226;border-right:4px solid var(--danger)}.alert-info{background:#ebf5fb;color:#21618c;border-right:4px solid var(--info)}.alert-warning{background:#fef5e7;color:#9c640c;border-right:4px solid var(--warning)}footer{background:var(--neutral-100);color:var(--neutral-700);padding:50px 0 20px;margin-top:60px;border-top:3px solid var(--fire-500)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-bottom:30px}.footer-col h3,.footer-col h4{color:var(--neutral-900);margin-bottom:18px;font-size:17px;font-weight:800}.footer-col p{color:var(--neutral-600);font-size:13px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:6px}.footer-col a{color:var(--neutral-600);text-decoration:none;transition:color var(--transition);font-size:13px}.footer-col a:hover{color:var(--fire-600)}.social-links{display:grid;grid-template-columns:repeat(3,auto);gap:10px;margin-top:15px;justify-content:start;align-items:center}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--neutral-200);border-radius:50%;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);text-decoration:none;border:1px solid var(--neutral-300)}.social-links a img{width:24px;height:24px;object-fit:contain;display:block;transition:transform 0.3s ease}.social-links a:hover{transform:translateY(-4px);background:rgba(230,126,34,0.15);border-color:var(--fire-500);box-shadow:0 4px 20px rgba(230,126,34,0.2)}.social-links a:hover img{transform:scale(1.15)}.contact-info-footer p{margin-bottom:8px;font-size:13px;color:var(--neutral-600);display:flex;align-items:center;gap:8px}.contact-info-footer p i{color:var(--fire-500)}.copyright{text-align:center;padding-top:20px;border-top:1px solid var(--neutral-300);font-size:13px;color:var(--neutral-500)}.copyright span{color:var(--fire-600);font-weight:700}.fade-in{animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.slide-up{animation:slideUp 0.4s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--fire-500);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--fire-600)}::selection{background:var(--fire-500);color:var(--white)}@media print{header,footer,.hero-banner,.related-products,.product-actions,.cart-actions,.btn,button{display:none !important}body{background:white;color:black}.container{max-width:100%;padding:0}.product-detail{box-shadow:none;padding:0}}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}.container{padding:0 15px}}@media (max-width:900px){.header-wrapper{flex-wrap:wrap}.nav-toggle{display:block !important;order:2}.header-contact{order:3;margin-right:auto}.main-nav{order:4;width:100%}.nav-menu{display:none !important;flex-direction:column;align-items:center;gap:10px;padding:15px 0;background:var(--neutral-800);border-radius:12px;margin-top:10px !important;border:1px solid rgba(230,126,34,0.2)}.nav-menu.active{display:flex !important}.nav-menu li a{color:var(--neutral-300) !important;padding:10px 15px !important;border-bottom:1px solid rgba(255,255,255,0.05) !important}.nav-menu li a:hover{color:var(--fire-300) !important;background:rgba(255,255,255,0.05);border-bottom-color:var(--fire-500) !important}.nav-menu li a.active{color:var(--fire-400) !important;border-bottom-color:var(--fire-500) !important}.social-links{grid-template-columns:repeat(3,auto);justify-content:center;gap:10px}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}h1{font-size:28px}h2{font-size:24px}.featured-grid{grid-template-columns:repeat(2,1fr)}.compare-table{font-size:13px}.compare-table th,.compare-table td{padding:10px 12px}}@media (max-width:550px){.header-wrapper{flex-direction:column;text-align:center}.header-logo a{flex-direction:column}.header-contact{margin:0}.nav-toggle{order:1}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.social-links{grid-template-columns:repeat(3,auto);justify-content:center;gap:10px;margin:15px auto 0}.social-links a{width:40px;height:40px}.social-links a img{width:20px;height:20px}.btn,button{padding:8px 16px;font-size:13px}.hero-content h1{font-size:28px}.hero-content p{font-size:14px}.featured-grid{grid-template-columns:1fr}.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:8px 10px;display:block;width:100%;text-align:center}.compare-table tr{display:block;margin-bottom:15px;border:1px solid var(--color-border);border-radius:12px;padding:10px}}@media (max-width:380px){h1{font-size:24px}h2{font-size:20px}.container{padding:0 10px}.logo-img{height:30px}.logo-text h2{font-size:16px}.social-links{grid-template-columns:repeat(3,auto);gap:8px}.social-links a{width:36px;height:36px}.social-links a img{width:18px;height:18px}}.no-image-logo{background:var(--neutral-100);border-radius:50%;padding:20px}.invoice-a4{width:210mm;min-height:297mm;margin:0 auto;padding:15mm;background:white;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:4px;box-sizing:border-box}@media print{.invoice-container{background:white !important;padding:0 !important;margin:0 !important}.invoice-a4{width:100% !important;min-height:100vh !important;padding:15mm !important;box-shadow:none !important;border-radius:0 !important;margin:0 !important;background:white !important}@page{size:A4;margin:0mm}.btn-print,.btn-close,.print-btn{display:none !important}table{page-break-inside:avoid;width:100% !important}body{font-size:12px !important;line-height:1.4 !important;margin:0 !important;padding:0 !important}.invoice-header{padding-bottom:10px !important;margin-bottom:15px !important}.customer-info{padding:10px 15px !important;margin-bottom:15px !important}.products-table{margin-bottom:15px !important}.additional-info{margin:15px 0 !important;gap:15px !important}.footer-note{padding-top:15px !important;margin-top:15px !important}.signature{margin-top:15px !important;padding-top:15px !important}.logo-section h1{font-size:24px !important}.invoice-title h2{font-size:18px !important}th,td{padding:8px 10px !important;font-size:12px !important}.total-price{font-size:18px !important}}.logo-text h2::after{display:none !important}