:root{--bg: #ffffff;--bg-secondary: #fafafa;--bg-card: #f6f6f6;--text: #111111;--text-muted: #555555;--text-light: #777777;--border: #e5e5e5;--border-dark: #a8a8a8;--accent: #000000;--accent-hover: #222222;--font: "Vazirmatn", sans-serif;--radius: 4px;--transition: all .18s cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}body{overflow-x:hidden;line-height:1.85}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;outline:none}.app-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:75px;padding:0 24px}.logo-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}.logo-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.logo-text{font-size:1.3rem;font-weight:800;letter-spacing:-.5px}.main-navigation ul{display:flex;list-style:none;gap:36px}.main-navigation a{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:var(--transition)}.main-navigation a:hover,.main-navigation a.active{color:var(--accent);font-weight:700}.page-view{display:none;opacity:0;animation:viewFadeIn .35s ease forwards}.page-view.active{display:block}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-weight:600;font-size:.9rem;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:var(--transition)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border-dark)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:.98rem}.btn-block{display:flex;width:100%}.tagline-badge{display:inline-block;font-size:.72rem;font-weight:700;color:var(--text);border:1px solid var(--text);padding:3px 8px;border-radius:var(--radius);margin-bottom:20px;letter-spacing:.5px}.hero-section{padding:90px 0;border-bottom:1px solid var(--border)}.hero-container{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 24px}.hero-content h1{font-size:3rem;font-weight:900;line-height:1.28;margin-bottom:24px;letter-spacing:-.8px}.brand-highlight{border-bottom:3px solid var(--accent);padding-bottom:2px}.hero-content p{font-size:1.1rem;color:var(--text-muted);margin-bottom:36px;max-width:550px}.hero-actions{display:flex;gap:16px}.hero-svg{max-width:450px;border:1px solid var(--border);box-shadow:0 10px 30px #00000005}.material-finder-section{border-bottom:1px solid var(--border);max-width:1200px;margin:0 auto;padding:90px 24px}.finder-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.finder-controls-card{background:var(--bg-secondary);border:1px solid var(--border);padding:36px;border-radius:var(--radius)}.finder-controls-card h3{font-size:1.15rem;font-weight:700;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:10px}.control-group{margin-bottom:20px}.control-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.form-select{width:100%;background:var(--bg);border:1px solid var(--border-dark);border-radius:var(--radius);color:var(--text);padding:10px 14px;font-size:.88rem;transition:var(--transition)}.form-select:focus{border-color:var(--accent)}.finder-result-panel{border:1px dashed var(--border-dark);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;justify-content:center;background:var(--bg)}.result-placeholder-state{text-align:center;font-size:.92rem;color:var(--text-light)}.result-active-state{animation:viewFadeIn .3s ease forwards}.rec-label{display:block;font-size:.78rem;font-weight:700;color:var(--text-light);margin-bottom:6px}.result-active-state h4{font-size:1.6rem;font-weight:800;margin-bottom:12px}.rec-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:24px;line-height:1.7}.rec-specs-table{width:100%;border-collapse:collapse;margin-bottom:24px}.rec-specs-table tr{border-bottom:1px dashed var(--border)}.rec-specs-table td{padding:10px 4px;font-size:.85rem}.rec-specs-table td:first-child{color:var(--text-light);font-weight:600;width:45%}.rec-specs-table td:last-child{font-weight:700;text-align:left}.benefits-section{border-bottom:1px solid var(--border);max-width:1200px;margin:0 auto;padding:70px 24px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.benefit-card h3{font-size:1.15rem;font-weight:700;margin-bottom:12px}.benefit-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.section-header{margin-bottom:44px}.section-header h2,.section-header h1{font-size:2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.section-header p{font-size:.95rem;color:var(--text-light)}.listings-container{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.search-filter-box{display:block;margin-top:20px}.filter-row{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:4px}.filter-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:6px 16px;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.filter-btn:hover{color:var(--accent)}.filter-btn.active{background:var(--accent);color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:32px}.product-item-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.product-item-card:hover{border-color:var(--accent)}.product-visual-box{width:100%;border-bottom:1px solid var(--border)}.product-summary-info{padding:24px;display:flex;flex-direction:column;flex-grow:1}.product-category-lbl{font-size:.72rem;font-weight:700;color:var(--text-light);margin-bottom:6px}.product-summary-info h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.product-desc-text{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:24px;flex-grow:1}.product-buy-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:16px;margin-top:auto}.product-price-val{font-size:.95rem;font-weight:700}.card-btn-group{display:flex;gap:8px}.faq-section{border-bottom:1px solid var(--border);max-width:800px;margin:0 auto;padding:80px 24px}.faq-accordion{display:flex;flex-direction:column}details[name=faq]{border-bottom:1px solid var(--border);padding:16px 0}details[name=faq]:last-child{border-bottom:none}summary{list-style:none;font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;-webkit-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}.faq-arrow{width:10px;height:10px;border-left:2px solid var(--text-light);border-bottom:2px solid var(--text-light);transform:rotate(-45deg);transition:var(--transition)}details[open] summary .faq-arrow{transform:rotate(135deg);border-color:var(--accent)}.faq-content{padding:12px 0 4px;font-size:.9rem;color:var(--text-muted)}.consultation-section{padding:90px 0;background-color:var(--bg-secondary)}.consultation-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;padding:0 24px;align-items:center}.consult-info h2{font-size:1.8rem;font-weight:800;margin-bottom:16px}.consult-info p{color:var(--text-muted);font-size:.95rem;margin-bottom:30px}.consult-direct-contacts{font-size:.9rem;display:flex;flex-direction:column;gap:10px}.consult-direct-contacts strong{color:var(--accent)}.consult-form-box{background:var(--bg);border:1px solid var(--border);padding:40px;border-radius:var(--radius)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border-dark);border-radius:var(--radius);color:var(--text);padding:10px 14px;font-size:.9rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.error-text{font-size:.75rem;color:#ef4444;margin-top:3px;display:none}.error-text.show{display:block}.form-success-alert{text-align:center;padding:30px 0}.form-success-alert strong{font-size:1.15rem;display:block;margin-bottom:8px}.product-view-container{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.product-view-nav{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:40px}.btn-back{background:none;border:none;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;transition:var(--transition)}.btn-back:hover{text-decoration:underline}.breadcrumb-text{font-size:.8rem;color:var(--text-light)}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-detail-visuals{display:flex;flex-direction:column;gap:20px}.main-detail-placeholder{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.gallery-group{display:none}.gallery-group.active{display:block}.product-thumbnails-row{display:flex;gap:12px}.thumb-btn{flex-grow:1;background:var(--bg-secondary);border:1px solid var(--border);padding:10px;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:var(--radius);transition:var(--transition);text-align:center}.thumb-btn:hover{background:var(--border)}.thumb-btn.active{background:var(--bg);border-color:var(--text)}.product-detail-badge{display:inline-block;background:var(--bg-card);color:var(--text);font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:var(--radius);margin-bottom:12px}.product-detail-info h1{font-size:2.2rem;font-weight:800;line-height:1.35;margin-bottom:10px}.product-tagline{font-size:1rem;color:var(--text-muted);margin-bottom:24px}.product-price-section{display:flex;flex-direction:column;gap:4px;margin-bottom:30px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0}.price-lbl{font-size:.82rem;color:var(--text-light)}.price-amount{font-size:1.8rem;font-weight:800}.text-glow-black{color:var(--accent)}.stock-status{font-size:.8rem;font-weight:600;color:#10b981}.option-selection-group{margin-bottom:24px}.option-title{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.options-tags-row{display:flex;flex-wrap:wrap;gap:10px}.tag-option-label{cursor:pointer;display:inline-flex}.tag-option-label input{display:none}.tag-option-label span{display:block;padding:8px 16px;border:1px solid var(--border-dark);border-radius:var(--radius);font-size:.82rem;font-weight:500;transition:var(--transition);background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none}.tag-option-label:hover span{border-color:var(--text)}.tag-option-label input:checked+span{background:var(--accent);color:#fff;border-color:var(--accent)}.easy-buy-box{margin-bottom:40px;background:var(--bg-secondary);border:1px solid var(--border);padding:24px;border-radius:var(--radius)}.easy-buy-hint{font-size:.78rem;color:var(--text-light);margin-top:12px;line-height:1.6}.product-technical-specs h3{font-size:1.1rem;font-weight:700;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.specs-minimal-table{width:100%;border-collapse:collapse}.specs-minimal-table tr{border-bottom:1px dashed var(--border)}.specs-minimal-table tr:last-child{border-bottom:none}.specs-minimal-table td{padding:10px 4px;font-size:.85rem}.specs-minimal-table td:first-child{font-weight:600;color:var(--text-muted);width:40%}.specs-minimal-table td:last-child{color:var(--text);text-align:left}.checkout-drawer-dialog{margin:auto;border:1px solid var(--text);background:var(--bg);color:var(--text);border-radius:var(--radius);width:calc(100% - 32px);max-width:480px;overflow:hidden;box-shadow:0 30px 90px #00000038;padding:0;outline:none;animation:drawerIn .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes drawerIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.checkout-drawer-dialog::backdrop{background:#ffffffdb;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.drawer-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-header h3{font-size:1.15rem;font-weight:700}.drawer-close-btn{background:none;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer;line-height:.8;transition:var(--transition)}.drawer-close-btn:hover{color:var(--accent)}.drawer-body{padding:24px}.summary-checkout-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.summary-lbl{font-size:.72rem;font-weight:600;color:var(--text-light)}.summary-checkout-card strong{font-size:1rem}.summary-specs-row{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted)}.summary-price-row{border-top:1px dashed var(--border);padding-top:10px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.summary-price-row strong{font-size:1.1rem;font-weight:700}.checkout-form{display:flex;flex-direction:column}.checkout-success-view{text-align:center;padding:30px 0;display:flex;flex-direction:column;align-items:center}.success-check-badge{width:50px;height:50px;border:2px solid var(--text);color:var(--text);font-size:1.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.checkout-success-view h4{font-size:1.25rem;font-weight:700;margin-bottom:12px}.checkout-success-view p{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:24px}body:has(dialog[open]){overflow:hidden}.app-footer{border-top:1px solid var(--border);padding:50px 0;background:var(--bg)}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}.footer-brand strong{font-size:1rem;display:block;margin-bottom:6px}.footer-brand p{font-size:.8rem;color:var(--text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.85rem;color:var(--text-muted);transition:var(--transition)}.footer-links a:hover{color:var(--text)}.footer-copyright{width:100%;border-top:1px solid var(--border);padding-top:16px;margin-top:12px;font-size:.72rem;color:var(--text-light)}@media (max-width: 992px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content p{margin:0 auto 32px}.hero-actions{justify-content:center}.finder-layout{grid-template-columns:1fr;gap:30px}.benefits-grid{grid-template-columns:1fr;gap:24px}.product-detail-layout,.consultation-container{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.main-navigation{display:none}.header-container{padding:0 16px}.hero-content h1{font-size:2.3rem}.consult-form-box{padding:24px}}
