/*
Theme Name: Meltak
Theme URI: https://melltech.co
Author: Meltak Team
Author URI: https://melltech.co
Description: قالب شرکتی مل تک - تولیدکننده سیستم های تهویه مطبوع از سال 1355
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meltak
*/

:root {
    --meltak-red: #C8102E;
    --meltak-blue: #003DA5;
    --meltak-dark: #1A1A2E;
    --meltak-gray: #2D3436;
    --meltak-light-gray: #F5F6FA;
    --meltak-white: #FFFFFF;
    --meltak-accent: #E84118;
    --meltak-green: #27AE60;
    --meltak-border: #E0E0E0;
    --meltak-shadow: 0 10px 40px rgba(0,0,0,0.1);
    --meltak-shadow-hover: 0 20px 60px rgba(0,0,0,0.15);
    --meltak-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --meltak-radius: 16px;
    --meltak-radius-sm: 10px;
    --font-primary: 'Vazirmatn', 'Tahoma', sans-serif;
    --font-heading: 'Vazirmatn', 'Tahoma', sans-serif;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--font-primary); font-weight:400; line-height:1.8; color:var(--meltak-gray); background:var(--meltak-white); overflow-x:hidden; direction:rtl; }
a { text-decoration:none; color:inherit; transition:var(--meltak-transition); }
img { max-width:100%; height:auto; display:block; }
ul, ol { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-heading); font-weight:700; line-height:1.4; color:var(--meltak-dark); }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.container-wide { max-width:1400px; margin:0 auto; padding:0 20px; }

/* ===== Preloader ===== */
.preloader { position:fixed; top:0; left:0; width:100%; height:100%; background:var(--meltak-dark); display:flex; align-items:center; justify-content:center; z-index:99999; transition:opacity 0.5s, visibility 0.5s; }
.preloader.loaded { opacity:0; visibility:hidden; }
.preloader-spinner { width:60px; height:60px; border:4px solid rgba(255,255,255,0.1); border-top-color:var(--meltak-red); border-radius:50%; animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* ===== Top Bar ===== */
.top-bar { background:var(--meltak-dark); color:var(--meltak-white); padding:10px 0; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.08); }
.top-bar .container { display:flex; justify-content:space-between; align-items:center; }
.top-bar-right { display:flex; align-items:center; gap:25px; }
.top-bar-right span { display:flex; align-items:center; gap:8px; opacity:0.85; }
.top-bar-right i { color:var(--meltak-red); font-size:14px; }
.top-bar-left { display:flex; align-items:center; gap:15px; }
.social-links a { color:var(--meltak-white); opacity:0.6; font-size:15px; transition:var(--meltak-transition); width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,0.05); }
.social-links a:hover { opacity:1; color:var(--meltak-red); background:rgba(200,16,46,0.15); transform:translateY(-2px); }

/* ===== Header ===== */
.site-header { background:rgba(255,255,255,0.98); backdrop-filter:blur(20px); box-shadow:0 2px 30px rgba(0,0,0,0.04); position:sticky; top:0; z-index:1000; transition:var(--meltak-transition); }
.site-header.scrolled { box-shadow:0 5px 40px rgba(0,0,0,0.08); }
.header-main { padding:12px 0; }
.header-main .container { display:flex; justify-content:space-between; align-items:center; }
.site-logo { display:flex; align-items:center; gap:15px; }
.site-logo img { height:55px; width:auto; }
.logo-text { display:flex; flex-direction:column; }
.logo-text .brand-name { font-size:26px; font-weight:900; color:var(--meltak-dark); letter-spacing:-0.5px; }
.logo-text .brand-name span { color:var(--meltak-red); }
.logo-text .brand-slogan { font-size:10px; color:#999; letter-spacing:2px; text-transform:uppercase; }
.main-navigation ul { display:flex; align-items:center; gap:2px; }
.main-navigation ul li { position:relative; }
.main-navigation ul li a { display:block; padding:10px 16px; font-size:14px; font-weight:500; color:var(--meltak-gray); border-radius:var(--meltak-radius-sm); transition:var(--meltak-transition); }
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a { color:var(--meltak-red); background:rgba(200,16,46,0.05); }
.sub-menu { position:absolute; top:100%; right:0; min-width:220px; background:var(--meltak-white); box-shadow:var(--meltak-shadow); border-radius:var(--meltak-radius); padding:10px 0; opacity:0; visibility:hidden; transform:translateY(10px); transition:var(--meltak-transition); border-top:3px solid var(--meltak-red); }
.main-navigation ul li:hover .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.sub-menu li a { padding:10px 22px; font-size:13px; border-radius:0; }
.sub-menu li a:hover { background:var(--meltak-light-gray); padding-right:28px; }
.header-actions { display:flex; align-items:center; gap:12px; }
.btn-header { display:inline-flex; align-items:center; gap:8px; padding:10px 22px; background:linear-gradient(135deg, var(--meltak-red), #E84118); color:var(--meltak-white); border-radius:var(--meltak-radius-sm); font-weight:600; font-size:13px; transition:var(--meltak-transition); box-shadow:0 4px 15px rgba(200,16,46,0.25); }
.btn-header:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(200,16,46,0.35); }
.menu-toggle { display:none; background:none; border:none; cursor:pointer; padding:10px; }
.menu-toggle span { display:block; width:25px; height:3px; background:var(--meltak-dark); margin:5px 0; border-radius:2px; transition:var(--meltak-transition); }
.mobile-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; opacity:0; visibility:hidden; transition:var(--meltak-transition); }
.mobile-overlay.active { opacity:1; visibility:visible; }

/* ===== HERO ===== */
.hero-section { position:relative; overflow:hidden; }
.hero-slider { position:relative; min-height:650px; }
.hero-slide { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.8s ease; pointer-events:none; }
.hero-slide.active { opacity:1; pointer-events:all; }
.hero-slide-bg { position:absolute; top:0; left:0; width:100%; height:100%; }
.hero-slide-bg::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:200px; background:linear-gradient(to top, rgba(255,255,255,1), transparent); }
.hero-content { position:relative; z-index:2; height:100%; display:flex; align-items:center; }
.hero-content .container { width:100%; }
.hero-text { max-width:650px; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 22px; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.15); border-radius:50px; color:var(--meltak-white); font-size:14px; font-weight:500; margin-bottom:25px; }
.hero-badge i { color:#FFD700; }
.hero-text h1 { font-size:50px; font-weight:900; color:var(--meltak-white); line-height:1.3; margin-bottom:20px; }
.hero-text h1 span { color:var(--meltak-red); position:relative; }
.hero-text p { font-size:17px; color:rgba(255,255,255,0.8); line-height:1.9; margin-bottom:35px; max-width:520px; }
.hero-buttons { display:flex; gap:15px; flex-wrap:wrap; }
.hero-stats-bar { display:flex; gap:0; margin-top:70px; background:rgba(255,255,255,0.08); backdrop-filter:blur(15px); border:1px solid rgba(255,255,255,0.1); border-radius:var(--meltak-radius); overflow:hidden; }
.hero-stat { flex:1; text-align:center; padding:30px 20px; border-left:1px solid rgba(255,255,255,0.08); }
.hero-stat:last-child { border-left:none; }
.hero-stat .number { font-size:38px; font-weight:900; color:var(--meltak-white); display:block; line-height:1; }
.hero-stat .number::after { content:'+'; color:var(--meltak-red); font-size:24px; }
.hero-stat .label { font-size:13px; color:rgba(255,255,255,0.6); margin-top:8px; display:block; }
.slider-nav { position:absolute; bottom:30px; right:50%; transform:translateX(50%); display:flex; gap:10px; z-index:10; }
.slider-dot { width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.25); border:none; cursor:pointer; transition:var(--meltak-transition); }
.slider-dot.active { background:var(--meltak-red); width:35px; border-radius:6px; }
.slider-arrow { position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.15); color:var(--meltak-white); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:var(--meltak-transition); font-size:18px; z-index:10; }
.slider-arrow:hover { background:var(--meltak-red); border-color:var(--meltak-red); }
.slider-prev { right:30px; }
.slider-next { left:30px; }

/* ===== SECTIONS ===== */
.section { padding:100px 0; }
.section-gray { background:var(--meltak-light-gray); }
.section-dark { background:var(--meltak-dark); color:var(--meltak-white); }
.section-header { text-align:center; margin-bottom:60px; }
.section-header .section-badge { display:inline-block; padding:6px 18px; background:rgba(200,16,46,0.08); color:var(--meltak-red); border-radius:50px; font-size:13px; font-weight:600; margin-bottom:15px; letter-spacing:1px; }
.section-header h2 { font-size:36px; font-weight:800; margin-bottom:15px; }
.section-header h2 span { color:var(--meltak-red); }
.section-header p { font-size:16px; color:#777; max-width:600px; margin:0 auto; line-height:1.8; }

/* ===== BUTTONS ===== */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 32px; border-radius:var(--meltak-radius-sm); font-family:var(--font-primary); font-weight:600; font-size:14px; cursor:pointer; transition:var(--meltak-transition); border:none; outline:none; position:relative; overflow:hidden; }
.btn::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition:left 0.5s; }
.btn:hover::before { left:100%; }
.btn-primary { background:linear-gradient(135deg, var(--meltak-red), #E84118); color:var(--meltak-white); box-shadow:0 4px 15px rgba(200,16,46,0.25); }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(200,16,46,0.35); }
.btn-secondary { background:linear-gradient(135deg, var(--meltak-blue), #0052D4); color:var(--meltak-white); box-shadow:0 4px 15px rgba(0,61,165,0.25); }
.btn-secondary:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,61,165,0.35); }
.btn-outline { background:transparent; color:var(--meltak-white); border:2px solid rgba(255,255,255,0.4); }
.btn-outline:hover { background:var(--meltak-white); color:var(--meltak-dark); border-color:var(--meltak-white); transform:translateY(-3px); }
.btn-white { background:var(--meltak-white); color:var(--meltak-dark); box-shadow:0 4px 15px rgba(0,0,0,0.1); }
.btn-white:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,0,0,0.15); }
.btn i { font-size:15px; }
.btn-lg { padding:16px 36px; font-size:15px; }
.btn-sm { padding:8px 18px; font-size:12px; }

/* ===== FEATURES ===== */
.features-section { padding:60px 0; }
.features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }
.feature-card { background:var(--meltak-white); border-radius:var(--meltak-radius); padding:35px 25px; text-align:center; transition:var(--meltak-transition); border:1px solid var(--meltak-border); position:relative; overflow:hidden; }
.feature-card::before { content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg, var(--meltak-red), var(--meltak-blue)); transform:scaleX(0); transform-origin:right; transition:var(--meltak-transition); }
.feature-card:hover { transform:translateY(-8px); box-shadow:var(--meltak-shadow); }
.feature-card:hover::before { transform:scaleX(1); transform-origin:left; }
.feature-icon { width:70px; height:70px; margin:0 auto 20px; background:linear-gradient(135deg, rgba(200,16,46,0.08), rgba(0,61,165,0.08)); border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:30px; color:var(--meltak-red); transition:var(--meltak-transition); }
.feature-card:hover .feature-icon { background:linear-gradient(135deg, var(--meltak-red), var(--meltak-blue)); color:var(--meltak-white); transform:rotateY(180deg); }
.feature-card h3 { font-size:17px; font-weight:700; margin-bottom:10px; }
.feature-card p { font-size:13px; color:#777; line-height:1.8; }

/* ===== WHY US / ABOUT ===== */
.why-us-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.why-us-image { position:relative; border-radius:var(--meltak-radius); overflow:hidden; }
.why-us-image img { width:100%; height:500px; object-fit:cover; border-radius:var(--meltak-radius); }
.why-us-image .experience-badge { position:absolute; bottom:25px; left:25px; background:var(--meltak-red); color:var(--meltak-white); padding:18px 28px; border-radius:var(--meltak-radius); text-align:center; box-shadow:0 10px 30px rgba(200,16,46,0.3); }
.experience-badge .number { font-size:44px; font-weight:900; display:block; line-height:1; }
.experience-badge .text { font-size:13px; opacity:0.9; }
.why-us-list { margin-top:25px; }
.why-us-item { display:flex; gap:18px; margin-bottom:22px; padding:18px; border-radius:var(--meltak-radius-sm); transition:var(--meltak-transition); }
.why-us-item:hover { background:var(--meltak-white); box-shadow:0 5px 20px rgba(0,0,0,0.05); }
.why-us-item-icon { width:50px; height:50px; min-width:50px; background:linear-gradient(135deg, rgba(200,16,46,0.08), rgba(0,61,165,0.08)); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--meltak-red); }
.why-us-item h4 { font-size:16px; font-weight:700; margin-bottom:6px; }
.why-us-item p { font-size:13px; color:#777; line-height:1.7; }

/* ===== CATEGORIES ===== */
.categories-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.category-card { position:relative; height:320px; border-radius:var(--meltak-radius); overflow:hidden; cursor:pointer; }
.category-card-bg { position:absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.6s; }
.category-card:hover .category-card-bg { transform:scale(1.08); }
.category-card::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(26,26,46,0.9), rgba(26,26,46,0.2)); z-index:1; transition:var(--meltak-transition); }
.category-card:hover::before { background:linear-gradient(to top, rgba(200,16,46,0.85), rgba(200,16,46,0.15)); }
.category-content { position:absolute; bottom:0; right:0; left:0; padding:30px; z-index:2; }
.category-content .cat-icon { width:55px; height:55px; background:rgba(255,255,255,0.12); backdrop-filter:blur(10px); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--meltak-white); margin-bottom:15px; transition:var(--meltak-transition); }
.category-card:hover .category-content .cat-icon { background:var(--meltak-white); color:var(--meltak-red); }
.category-content h3 { font-size:22px; font-weight:700; color:var(--meltak-white); margin-bottom:6px; }
.category-content p { font-size:14px; color:rgba(255,255,255,0.75); margin-bottom:12px; }
.category-content .cat-link { display:inline-flex; align-items:center; gap:8px; color:var(--meltak-white); font-weight:600; font-size:14px; transition:var(--meltak-transition); }
.category-content .cat-link:hover { gap:14px; }

/* ===== PRODUCTS ===== */
.products-tabs { display:flex; justify-content:center; gap:10px; margin-bottom:45px; flex-wrap:wrap; }
.products-tab { padding:10px 24px; border:2px solid var(--meltak-border); border-radius:50px; background:transparent; font-family:var(--font-primary); font-weight:600; font-size:13px; color:var(--meltak-gray); cursor:pointer; transition:var(--meltak-transition); }
.products-tab:hover, .products-tab.active { background:var(--meltak-red); color:var(--meltak-white); border-color:var(--meltak-red); box-shadow:0 4px 15px rgba(200,16,46,0.25); }
.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.product-card { background:var(--meltak-white); border-radius:var(--meltak-radius); overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.04); transition:var(--meltak-transition); border:1px solid var(--meltak-border); }
.product-card:hover { transform:translateY(-10px); box-shadow:var(--meltak-shadow-hover); }
.product-image { position:relative; height:220px; overflow:hidden; background:var(--meltak-light-gray); }
.product-image img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s; }
.product-card:hover .product-image img { transform:scale(1.08); }
.product-badge { position:absolute; top:15px; right:15px; padding:5px 12px; background:var(--meltak-red); color:var(--meltak-white); border-radius:50px; font-size:11px; font-weight:600; z-index:3; }
.product-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(26,26,46,0.7); display:flex; align-items:center; justify-content:center; gap:12px; opacity:0; transition:var(--meltak-transition); z-index:2; }
.product-card:hover .product-overlay { opacity:1; }
.product-content { padding:22px; }
.product-category { display:inline-block; padding:4px 10px; background:rgba(0,61,165,0.08); color:var(--meltak-blue); border-radius:4px; font-size:11px; font-weight:600; margin-bottom:10px; }
.product-content h3 { font-size:16px; font-weight:700; margin-bottom:8px; line-height:1.5; transition:var(--meltak-transition); }
.product-card:hover .product-content h3 { color:var(--meltak-red); }
.product-content h3 a { color:inherit; }
.product-excerpt { font-size:13px; color:#777; line-height:1.7; margin-bottom:15px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.product-features { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:15px; }
.product-features span { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; background:var(--meltak-light-gray); border-radius:4px; font-size:11px; color:#666; }
.product-features span i { color:var(--meltak-green); font-size:10px; }
.product-footer { display:flex; justify-content:space-between; align-items:center; padding-top:15px; border-top:1px solid var(--meltak-border); }
.product-footer .btn { padding:10px 20px; font-size:12px; }

/* ===== STATS ===== */
.stats-section { background:linear-gradient(135deg, var(--meltak-dark), #16213E); padding:80px 0; position:relative; overflow:hidden; }
.stats-section::before { content:''; position:absolute; top:-50%; right:-15%; width:500px; height:500px; background:radial-gradient(circle, rgba(200,16,46,0.12), transparent 70%); border-radius:50%; }
.stats-section::after { content:''; position:absolute; bottom:-50%; left:-15%; width:500px; height:500px; background:radial-gradient(circle, rgba(0,61,165,0.12), transparent 70%); border-radius:50%; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; position:relative; z-index:2; }
.stat-item { text-align:center; padding:30px 20px; border-radius:var(--meltak-radius); background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); transition:var(--meltak-transition); }
.stat-item:hover { background:rgba(255,255,255,0.08); transform:translateY(-5px); }
.stat-icon { width:65px; height:65px; margin:0 auto 18px; background:linear-gradient(135deg, var(--meltak-red), var(--meltak-blue)); border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--meltak-white); }
.stat-number { font-size:40px; font-weight:900; color:var(--meltak-white); margin-bottom:6px; line-height:1; }
.stat-label { font-size:14px; color:rgba(255,255,255,0.6); }

/* ===== BLOG ===== */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.blog-card { background:var(--meltak-white); border-radius:var(--meltak-radius); overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.04); transition:var(--meltak-transition); border:1px solid var(--meltak-border); }
.blog-card:hover { transform:translateY(-10px); box-shadow:var(--meltak-shadow-hover); }
.blog-image { position:relative; height:200px; overflow:hidden; }
.blog-image img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s; }
.blog-card:hover .blog-image img { transform:scale(1.08); }
.blog-date { position:absolute; top:12px; right:12px; background:var(--meltak-red); color:var(--meltak-white); padding:6px 14px; border-radius:var(--meltak-radius-sm); font-size:12px; font-weight:600; }
.blog-content { padding:22px; }
.blog-meta { display:flex; gap:18px; margin-bottom:12px; font-size:12px; color:#999; }
.blog-meta span { display:flex; align-items:center; gap:5px; }
.blog-meta i { color:var(--meltak-red); font-size:11px; }
.blog-content h3 { font-size:16px; font-weight:700; margin-bottom:10px; line-height:1.6; transition:var(--meltak-transition); }
.blog-card:hover .blog-content h3 { color:var(--meltak-red); }
.blog-content h3 a { color:inherit; }
.blog-excerpt { font-size:13px; color:#777; line-height:1.7; margin-bottom:15px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.blog-footer { display:flex; justify-content:space-between; align-items:center; padding-top:12px; border-top:1px solid var(--meltak-border); }
.blog-footer .read-more { display:inline-flex; align-items:center; gap:8px; color:var(--meltak-red); font-weight:600; font-size:13px; transition:var(--meltak-transition); }
.blog-footer .read-more:hover { gap:14px; }

/* ===== CTA ===== */
.cta-section { background:linear-gradient(135deg, var(--meltak-red), #E84118 50%, var(--meltak-blue)); padding:90px 0; position:relative; overflow:hidden; }
.cta-section::before { content:''; position:absolute; top:-100px; right:-100px; width:300px; height:300px; background:rgba(255,255,255,0.08); border-radius:50%; }
.cta-content { position:relative; z-index:2; text-align:center; max-width:700px; margin:0 auto; }
.cta-content h2 { font-size:38px; font-weight:800; color:var(--meltak-white); margin-bottom:15px; }
.cta-content p { font-size:17px; color:rgba(255,255,255,0.9); margin-bottom:35px; line-height:1.8; }
.cta-buttons { display:flex; justify-content:center; gap:15px; flex-wrap:wrap; }
.cta-info { display:flex; justify-content:center; gap:40px; margin-top:45px; padding-top:25px; border-top:1px solid rgba(255,255,255,0.15); }
.cta-info-item { display:flex; align-items:center; gap:10px; color:var(--meltak-white); }
.cta-info-item i { font-size:20px; opacity:0.7; }
.cta-info-item span { font-size:14px; font-weight:500; }

/* ===== CONTACT ===== */
.contact-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:40px; align-items:start; }
.contact-form-wrapper { background:var(--meltak-white); padding:40px; border-radius:var(--meltak-radius); box-shadow:0 5px 25px rgba(0,0,0,0.06); border:1px solid var(--meltak-border); }
.contact-form { display:flex; flex-direction:column; gap:18px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-group label { font-size:13px; font-weight:600; color:var(--meltak-gray); }
.form-group input, .form-group select, .form-group textarea { padding:12px 16px; border:2px solid var(--meltak-border); border-radius:var(--meltak-radius-sm); font-family:var(--font-primary); font-size:14px; color:var(--meltak-gray); transition:var(--meltak-transition); outline:none; direction:rtl; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--meltak-red); box-shadow:0 0 0 3px rgba(200,16,46,0.08); }
.form-group textarea { resize:vertical; min-height:120px; }
.contact-info-wrapper { display:flex; flex-direction:column; gap:18px; }
.contact-info-card { background:var(--meltak-white); padding:25px; border-radius:var(--meltak-radius); box-shadow:0 3px 15px rgba(0,0,0,0.04); border:1px solid var(--meltak-border); display:flex; align-items:center; gap:18px; transition:var(--meltak-transition); }
.contact-info-card:hover { transform:translateX(-5px); border-color:var(--meltak-red); box-shadow:0 5px 20px rgba(200,16,46,0.1); }
.contact-info-icon { width:55px; height:55px; min-width:55px; background:linear-gradient(135deg, rgba(200,16,46,0.08), rgba(0,61,165,0.08)); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--meltak-red); }
.contact-info-card h4 { font-size:14px; font-weight:700; margin-bottom:4px; }
.contact-info-card p { font-size:13px; color:#777; }

/* ===== FOOTER ===== */
.site-footer { background:var(--meltak-dark); color:var(--meltak-white); padding-top:80px; }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,0.08); }
.footer-col h3 { font-size:17px; font-weight:700; color:var(--meltak-white); margin-bottom:22px; position:relative; padding-bottom:14px; }
.footer-col h3::after { content:''; position:absolute; bottom:0; right:0; width:35px; height:3px; background:var(--meltak-red); border-radius:2px; }
.footer-about p { font-size:13px; color:rgba(255,255,255,0.6); line-height:1.9; margin-bottom:22px; }
.footer-contact-info { display:flex; flex-direction:column; gap:12px; }
.footer-contact-info .info-item { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:rgba(255,255,255,0.6); }
.footer-contact-info .info-item i { color:var(--meltak-red); font-size:14px; margin-top:3px; min-width:18px; }
.footer-links ul { display:flex; flex-direction:column; gap:10px; }
.footer-links ul li a { font-size:13px; color:rgba(255,255,255,0.6); display:flex; align-items:center; gap:8px; transition:var(--meltak-transition); }
.footer-links ul li a:hover { color:var(--meltak-white); padding-right:5px; }
.footer-newsletter p { font-size:13px; color:rgba(255,255,255,0.6); margin-bottom:18px; line-height:1.8; }
.newsletter-form { display:flex; gap:8px; }
.newsletter-form input { flex:1; padding:12px 16px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); border-radius:var(--meltak-radius-sm); color:var(--meltak-white); font-family:var(--font-primary); font-size:13px; outline:none; transition:var(--meltak-transition); }
.newsletter-form input::placeholder { color:rgba(255,255,255,0.4); }
.newsletter-form input:focus { border-color:var(--meltak-red); background:rgba(255,255,255,0.12); }
.newsletter-form button { padding:12px 18px; background:var(--meltak-red); color:var(--meltak-white); border:none; border-radius:var(--meltak-radius-sm); cursor:pointer; transition:var(--meltak-transition); }
.newsletter-form button:hover { background:#E84118; }
.footer-social { display:flex; gap:8px; margin-top:22px; }
.footer-social a { width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,0.06); display:flex; align-items:center; justify-content:center; color:var(--meltak-white); font-size:15px; transition:var(--meltak-transition); }
.footer-social a:hover { background:var(--meltak-red); transform:translateY(-3px); }
.footer-bottom { padding:22px 0; text-align:center; }
.footer-bottom p { font-size:12px; color:rgba(255,255,255,0.4); }
.footer-bottom a { color:var(--meltak-red); }

/* ===== SCROLL TOP & WHATSAPP ===== */
.scroll-top { position:fixed; bottom:30px; left:30px; width:48px; height:48px; background:var(--meltak-red); color:var(--meltak-white); border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(20px); transition:var(--meltak-transition); z-index:999; box-shadow:0 5px 15px rgba(200,16,46,0.3); }
.scroll-top.visible { opacity:1; visibility:visible; transform:translateY(0); }
.scroll-top:hover { background:#E84118; transform:translateY(-5px); }
.whatsapp-btn { position:fixed; bottom:30px; right:30px; width:55px; height:55px; background:#25D366; color:var(--meltak-white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; z-index:999; box-shadow:0 5px 20px rgba(37,211,102,0.35); transition:var(--meltak-transition); animation:pulse 2s infinite; }
.whatsapp-btn:hover { transform:scale(1.1); box-shadow:0 8px 30px rgba(37,211,102,0.45); }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(37,211,102,0.35)} 70%{box-shadow:0 0 0 18px rgba(37,211,102,0)} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0)} }

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){
    .hero-text h1{font-size:40px}
    .features-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:992px){
    .menu-toggle{display:block}
    .main-navigation{position:fixed; top:0; right:-100%; width:300px; height:100vh; background:var(--meltak-white); box-shadow:-5px 0 30px rgba(0,0,0,0.1); z-index:10001; transition:var(--meltak-transition); padding:80px 20px 20px; overflow-y:auto}
    .main-navigation.active{right:0}
    .main-navigation ul{flex-direction:column}
    .main-navigation ul li a{padding:14px; border-bottom:1px solid var(--meltak-border); font-size:15px}
    .sub-menu{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:none; padding-right:20px}
    .hero-slider{min-height:550px}
    .hero-text h1{font-size:34px}
    .hero-stats-bar{flex-wrap:wrap}
    .hero-stat{flex:1 1 50%}
    .products-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}
    .why-us-grid{grid-template-columns:1fr}
    .why-us-image{display:none}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .categories-grid{grid-template-columns:repeat(2,1fr)}
    .contact-grid{grid-template-columns:1fr}
    .form-row{grid-template-columns:1fr}
}
@media(max-width:768px){
    .top-bar{display:none}
    .hero-slider{min-height:500px}
    .hero-text h1{font-size:26px}
    .hero-text p{font-size:14px}
    .hero-buttons{flex-direction:column}
    .hero-stats-bar{flex-wrap:wrap}
    .hero-stat{flex:1 1 50%; padding:20px 15px}
    .hero-stat .number{font-size:28px}
    .section{padding:60px 0}
    .section-header h2{font-size:26px}
    .products-grid,.blog-grid{grid-template-columns:1fr}
    .features-grid{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:1fr}
    .categories-grid{grid-template-columns:1fr}
    .cta-content h2{font-size:26px}
    .cta-info{flex-direction:column; gap:12px}
    .footer-grid{grid-template-columns:1fr}
    .products-tabs{gap:6px}
    .products-tab{padding:8px 14px; font-size:11px}
    .contact-form-wrapper{padding:25px}
}
@media(max-width:576px){
    .hero-slider{min-height:450px}
    .hero-text h1{font-size:22px}
    .hero-badge{font-size:11px; padding:6px 14px}
    .logo-text .brand-name{font-size:20px}
    .header-actions .btn-header{display:none}
    .stat-number{font-size:30px}
    .slider-arrow{display:none}
}