/* ============================================ RESET & BASE ============================================ */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}:root{--primary:#0d3b7e;--primary-dk:#092d61;--accent:#e8a020;--accent-dk:#c87d0a;--dark:#0f1c2e;--mid:#3a4a60;--light:#f4f7fb;--white:#ffffff;--text:#2c3e50;--text-muted:#6b7c93;--border:#dce3ed;--radius:8px;--shadow:0 4px 24px rgba(13,59,126,.10);--shadow-lg:0 8px 40px rgba(13,59,126,.18);--transition:.3s ease;--bg-light:#f4f7fb;--text-light:#6b7c93;}html{scroll-behavior:smooth;}body{font-family:'Segoe UI','Inter',Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.7;overflow-x:hidden;}img{max-width:100%;display:block;}a{text-decoration:none;color:inherit;}ul{list-style:none;}.container{max-width:1220px;margin:0 auto;padding:0 24px;}.section-tag{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:var(--dark);line-height:1.25;margin-bottom:14px;}.section-sub{font-size:1.05rem;color:var(--text-muted);max-width:560px;}.section-header{margin-bottom:52px;}.section-header.center{text-align:center;}.section-header.center .section-sub{margin:0 auto;}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:var(--transition);}.btn-primary{background:var(--primary);color:var(--white);}.btn-primary:hover{background:var(--primary-dk);transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,59,126,.35);}.btn-accent{background:var(--accent);color:var(--white);}.btn-accent:hover{background:var(--accent-dk);transform:translateY(-2px);}.btn-outline{background:transparent;border-color:var(--white);color:var(--white);}.btn-outline:hover{background:var(--white);color:var(--primary);}.btn-outline-dark{background:transparent;border-color:var(--primary);color:var(--primary);}.btn-outline-dark:hover{background:var(--primary);color:var(--white);}/* ============================================ TOPBAR ============================================ */.topbar{background:var(--dark);color:rgba(255,255,255,.75);font-size:.82rem;padding:7px 0;}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}.topbar a{color:rgba(255,255,255,.75);transition:color var(--transition);}.topbar a:hover{color:var(--accent);}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px;}.topbar-item{display:flex;align-items:center;gap:6px;}.topbar-item svg{flex-shrink:0;}/* ============================================ HEADER / NAV ============================================ */.site-header{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:0 2px 16px rgba(0,0,0,.08);transition:background var(--transition);}.site-header.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}.logo{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:800;color:var(--primary);}.logo-icon{width:42px;height:42px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;}.logo-icon svg{color:var(--white);}.logo span{color:var(--accent);}/* Main Nav */.main-nav{display:flex;align-items:center;gap:4px;}.nav-item{position:relative;}.nav-link{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:.93rem;font-weight:600;color:var(--text);border-radius:var(--radius);transition:color var(--transition),background var(--transition);white-space:nowrap;}.nav-link:hover,.nav-item:hover > .nav-link{color:var(--primary);background:var(--light);}.nav-link.active{color:var(--primary);}.nav-arrow{transition:transform var(--transition);font-size:.7rem;margin-top:1px;}.nav-item:hover .nav-arrow{transform:rotate(180deg);}/* Dropdown */.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition);z-index:200;overflow:hidden;}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}.dropdown-header{padding:12px 18px 8px;font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px;}.dropdown a{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.9rem;color:var(--text);transition:background var(--transition),color var(--transition);}.dropdown a:hover{background:var(--light);color:var(--primary);}.dropdown a .dd-icon{width:30px;height:30px;background:var(--light);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary);font-size:.85rem;}.dropdown a:hover .dd-icon{background:var(--primary);color:var(--white);}/* Header Actions */.header-actions{display:flex;align-items:center;gap:10px;}.header-cta{display:flex;align-items:center;gap:12px;}.header-cta .btn{padding:10px 22px;font-size:.88rem;}/* Header Icon Button (Arama) */.header-icon-btn{width:43px;height:40px;border:1.5px solid rgba(15,52,96,.18);background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);font-size:.95rem;transition:background .22s,color .22s,border-color .22s;}.header-icon-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);}/* Lang Switcher */.lang-switcher{position:relative;}.lang-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1.5px solid rgba(15,52,96,.18);background:transparent;border-radius:20px;cursor:pointer;color:var(--primary);font-size:.85rem;font-weight:600;transition:background .22s,color .22s,border-color .22s;}.lang-btn:hover,.lang-switcher.open .lang-btn{background:var(--primary);color:var(--white);border-color:var(--primary);}.lang-flag{width:18px;height:auto;border-radius:2px;}.lang-arrow{font-size:.65rem;transition:transform .25s;}.lang-switcher.open .lang-arrow{transform:rotate(180deg);}.lang-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--white);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.14);min-width:155px;padding:8px 0;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .25s;z-index:2000;}.lang-switcher.open .lang-dropdown{opacity:1;transform:translateY(0);pointer-events:all;}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:.88rem;color:var(--text);text-decoration:none;transition:background .18s;}.lang-option img{width:18px;border-radius:2px;}.lang-option:hover,.lang-option.active{background:var(--bg-light);color:var(--primary);font-weight:600;}/* ========== ARAMA MODALı ========== */.search-overlay{position:fixed;inset:0;background:rgba(5,15,35,.75);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;opacity:0;pointer-events:none;transition:opacity .3s;}.search-overlay.active{opacity:1;pointer-events:all;}.search-modal{background:var(--white);border-radius:18px;width:100%;max-width:680px;padding:40px 40px 36px;position:relative;transform:translateY(-20px) scale(.97);transition:transform .3s;box-shadow:0 24px 64px rgba(0,0,0,.25);}.search-overlay.active .search-modal{transform:translateY(0) scale(1);}.search-close{position:absolute;top:16px;right:18px;width:36px;height:36px;border:none;background:var(--bg-light);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:.95rem;transition:background .2s,color .2s;}.search-close:hover{background:var(--primary);color:var(--white);}.search-label{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:22px;}.search-input-wrap{display:flex;align-items:center;border:2px solid var(--primary);border-radius:50px;overflow:hidden;background:var(--bg-light);transition:box-shadow .2s;}.search-input-wrap:focus-within{box-shadow:0 0 0 3px rgba(15,52,96,.15);}.search-input-icon{padding:0 14px 0 20px;color:var(--primary);font-size:1rem;}.search-input{flex:1;border:none;background:transparent;padding:14px 0;font-size:1rem;color:var(--text);outline:none;}.search-submit{width:46px;height:46px;background:var(--primary);border:none;border-radius:50%;margin:4px;cursor:pointer;color:var(--white);font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:background .2s;}.search-submit:hover{background:var(--accent);}.search-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;}.search-sug-label{font-size:.8rem;color:var(--text-light);}.search-chip{padding:5px 14px;background:var(--bg-light);border-radius:20px;font-size:.82rem;color:var(--primary);text-decoration:none;border:1px solid rgba(15,52,96,.12);transition:background .2s,color .2s;}.search-chip:hover{background:var(--primary);color:var(--white);}.search-results{margin-top:18px;}.search-result-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:color .18s;}.search-result-item:last-child{border-bottom:none;}.search-result-item:hover{color:var(--primary);}.search-result-icon{width:38px;height:38px;background:var(--bg-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:.9rem;flex-shrink:0;}.search-result-title{font-weight:600;font-size:.9rem;}.search-result-type{font-size:.75rem;color:var(--text-light);}/* Hamburger */.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:var(--radius);border:none;background:none;}.hamburger span{display:block;width:24px;height:2.5px;background:var(--dark);border-radius:2px;transition:var(--transition);}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.hamburger.open span:nth-child(2){opacity:0;}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}/* Mobile Nav */.mobile-nav{display:none;background:var(--white);border-top:1px solid var(--border);padding:16px 0 24px;}.mobile-nav.open{display:block;}.mobile-nav-item a{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-weight:600;color:var(--text);border-radius:0;transition:background var(--transition);}.mobile-nav-item a:hover{background:var(--light);color:var(--primary);}.mobile-nav-sub{display:none;background:var(--light);}.mobile-nav-sub.open{display:block;}.mobile-nav-sub a{padding:9px 24px 9px 42px;font-weight:500;font-size:.9rem;}/* ============================================ HERO SLIDER ============================================ */.hero-slider{position:relative;height:680px;overflow:hidden;}.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:flex;align-items:center;}.slide.active{opacity:1;z-index:1;}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 8s ease;}.slide.active .slide-bg{transform:scale(1);}.slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,45,97,.88) 0%,rgba(9,45,97,.45) 60%,transparent 100%);}.slide-content{position:relative;z-index:2;max-width:620px;color:var(--white);}.slide-tag{display:inline-block;background:var(--accent);color:var(--white);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:50px;margin-bottom:18px;}.slide-content h1{font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:900;line-height:1.18;margin-bottom:18px;}.slide-content p{font-size:1.1rem;opacity:.88;margin-bottom:32px;max-width:500px;}.slide-btns{display:flex;gap:14px;flex-wrap:wrap;}/* Slider Controls */.slider-controls{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:24px;}.slider-prev,.slider-next{width:44px;height:44px;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border-radius:50%;cursor:pointer;color:var(--white);display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:1rem;}.slider-prev:hover,.slider-next:hover{background:var(--accent);border-color:var(--accent);}.slider-dots{display:flex;gap:8px;}.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;border:none;transition:var(--transition);}.dot.active{background:var(--accent);width:28px;border-radius:5px;}/* ============================================ STATS BAR ============================================ */.stats-bar{background:var(--primary);padding:28px 0;}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}.stat-item{text-align:center;color:var(--white);padding:8px 16px;border-right:1px solid rgba(255,255,255,.15);}.stat-item:last-child{border-right:none;}.stat-num{font-size:2.2rem;font-weight:900;line-height:1;color:var(--accent);margin-bottom:4px;}.stat-label{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em;}/* ============================================ HAKKIMIZDA ============================================ */.about-section{padding:100px 0;background:var(--white);}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}.about-img-wrap{position:relative;}.about-img-main{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);}.about-img-main img{width:100%;height:420px;object-fit:cover;}.about-img-badge{position:absolute;bottom:-24px;right:-24px;background:var(--accent);color:var(--white);padding:20px 24px;border-radius:14px;text-align:center;box-shadow:0 8px 28px rgba(232,160,32,.35);}.about-img-badge strong{font-size:2rem;font-weight:900;display:block;}.about-img-badge span{font-size:.82rem;opacity:.9;}.about-content{padding-right:16px;}.about-features{display:flex;flex-direction:column;gap:16px;margin:28px 0 36px;}.about-feature{display:flex;align-items:flex-start;gap:14px;}.af-icon{width:42px;height:42px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),#1e6fcf);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem;}.af-text h4{font-weight:700;margin-bottom:3px;color:var(--dark);}.af-text p{font-size:.88rem;color:var(--text-muted);}/* ============================================ HİZMETLER ============================================ */.services-section{padding:100px 0;background:var(--light);}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.service-card{background:var(--white);border-radius:16px;padding:36px 28px;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden;}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition);}.service-card:hover::before{transform:scaleX(1);}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}.sc-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),#1e6fcf);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.4rem;margin-bottom:22px;}.service-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--dark);}.service-card p{font-size:.88rem;color:var(--text-muted);margin-bottom:20px;}.sc-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--primary);transition:gap var(--transition);}.sc-link:hover{gap:10px;color:var(--accent);}/* ============================================ PROJELER ============================================ */.projects-section{padding:100px 0;background:var(--white);}.projects-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px;}.filter-btn{padding:8px 20px;border-radius:50px;border:2px solid var(--border);background:transparent;font-size:.88rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition);}.filter-btn.active,.filter-btn:hover{border-color:var(--primary);background:var(--primary);color:var(--white);}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}.project-card{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);background:var(--white);}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}.project-img{position:relative;overflow:hidden;height:420px;}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}.project-card:hover .project-img img{transform:scale(1.07);}.project-view-count{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.45);color:#fff;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:15px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2;white-space:nowrap;}.project-cat{position:absolute;top:14px;left:14px;background:var(--accent);color:var(--white);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:50px;}.project-body{padding:22px 24px;}.project-body h3{font-size:1rem;font-weight:700;margin-bottom:6px;color:var(--dark);}.project-body p{font-size:.85rem;color:var(--text-muted);}/* ============================================ SSS ============================================ */.faq-section{padding:100px 0;background:var(--light);}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.faq-item{background:var(--white);border-radius:12px;border:1px solid var(--border);overflow:hidden;}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-weight:600;color:var(--dark);transition:background var(--transition);gap:12px;}.faq-question:hover{background:var(--light);}.faq-item.open .faq-question{color:var(--primary);background:var(--light);}.faq-icon{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:transform var(--transition),background var(--transition);}.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--primary);color:var(--white);}.faq-answer{display:none;padding:0 24px 20px;font-size:.92rem;color:var(--text-muted);line-height:1.75;}.faq-item.open .faq-answer{display:block;}/* ============================================ REFERANSLAR — JS Carousel ============================================ */.references-section{padding:80px 0;background:var(--white);}.ref-rows{display:flex;flex-direction:column;gap:16px;margin-top:40px;}.ref-row-wrap{overflow:hidden;width:100%;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);}.ref-track{display:flex;gap:14px;will-change:transform;}.ref-item{flex:0 0 auto;width:140px;min-width:140px;height:70px;background:#ffffff;border:1px solid #dce3ed;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 16px;user-select:none;transition:border-color .2s,box-shadow .2s;}.ref-item:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(13,59,126,.10);}.ref-item img{max-width:108px;max-height:42px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) opacity(.55);transition:filter .25s;}.ref-item:hover img{filter:grayscale(0) opacity(1);}/* ============================================ ÜRÜNLER ============================================ */.products-section{padding:100px 0;background:var(--white);}.products-section .section-header,.products-section .products-grid{opacity:1 !important;transform:none !important;}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}.product-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition);}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}.product-img{height:200px;overflow:hidden;}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}.product-card:hover .product-img img{transform:scale(1.06);}.product-body{padding:24px;}.product-badge{display:inline-block;background:rgba(13,59,126,.08);color:var(--primary);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:50px;margin-bottom:10px;}.product-body h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:var(--dark);}.product-body p{font-size:.87rem;color:var(--text-muted);margin-bottom:18px;}.product-footer{display:flex;align-items:center;justify-content:space-between;padding:0 24px 20px;}.product-price{font-size:1.15rem;font-weight:800;color:var(--primary);}.product-price small{font-size:.75rem;font-weight:500;color:var(--text-muted);}/* ============================================ HABERLER ============================================ */.news-section{padding:100px 0;background:var(--white);}.news-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px;}.news-card{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:var(--white);border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition);}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.news-img{overflow:hidden;}.news-card:first-child .news-img{height:280px;}.news-card:not(:first-child) .news-img{height:180px;}.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}.news-card:hover .news-img img{transform:scale(1.06);}.news-body{padding:22px;}.news-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--text-muted);margin-bottom:10px;}.news-cat{background:rgba(13,59,126,.08);color:var(--primary);padding:2px 10px;border-radius:50px;font-weight:700;}.news-body h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--dark);line-height:1.4;}.news-card:first-child .news-body h3{font-size:1.2rem;}.news-body p{font-size:.85rem;color:var(--text-muted);margin-bottom:14px;}.news-link{font-size:.85rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:5px;transition:gap var(--transition);}.news-link:hover{gap:9px;color:var(--accent);}/* ============================================ CTA BANNER ============================================ */.cta-section{padding:80px 0;background:linear-gradient(135deg,var(--primary-dk) 0%,var(--primary) 60%,#1a5aad 100%);position:relative;overflow:hidden;}.cta-section::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:rgba(255,255,255,.04);border-radius:50%;}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}.cta-text h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:var(--white);margin-bottom:10px;}.cta-text p{color:rgba(255,255,255,.8);max-width:480px;}.cta-btns{display:flex;gap:14px;flex-wrap:wrap;}/* ============================================ FOOTER ============================================ */.site-footer{background:var(--dark);color:rgba(255,255,255,.75);padding-top:72px;}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.1);}.footer-brand .logo{margin-bottom:18px;}.footer-brand .logo{color:var(--white);}.footer-brand p{font-size:.88rem;opacity:.7;margin-bottom:24px;max-width:300px;}.footer-social{display:flex;gap:10px;}.soc-btn{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:.9rem;transition:var(--transition);}.soc-btn:hover{background:var(--accent);color:var(--white);}.footer-col h4{font-size:.9rem;font-weight:700;color:var(--white);letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;}.footer-links{display:flex;flex-direction:column;gap:10px;}.footer-links a{font-size:.88rem;color:rgba(255,255,255,.65);transition:color var(--transition),padding-left var(--transition);}.footer-links a:hover{color:var(--accent);padding-left:6px;}.footer-contact{display:flex;flex-direction:column;gap:14px;}.fc-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:rgba(255,255,255,.65);}.fc-item svg{flex-shrink:0;margin-top:2px;color:var(--accent);}.footer-bottom{padding:22px 0;display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:rgba(255,255,255,.45);gap:16px;flex-wrap:wrap;}.footer-bottom a{color:rgba(255,255,255,.45);transition:color var(--transition);}.footer-bottom a:hover{color:var(--accent);}.footer-bottom-links{display:flex;gap:20px;}/* ============================================ BACK TO TOP ============================================ */.back-to-top{position:fixed;bottom:32px;right:32px;width:46px;height:46px;background:var(--primary);color:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(13,59,126,.35);opacity:0;visibility:hidden;transform:translateY(12px);transition:var(--transition);z-index:900;border:none;font-size:1rem;}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}.back-to-top:hover{background:var(--accent);}/* ============================================ INNER PAGE HERO ============================================ */.page-hero{background:linear-gradient(135deg,var(--primary-dk),var(--primary));padding:80px 0 70px;color:var(--white);position:relative;overflow:hidden;}.page-hero::after{content:'';position:absolute;top:-40%;right:-5%;width:450px;height:450px;background:rgba(255,255,255,.04);border-radius:50%;}.page-hero .container{position:relative;z-index:1;}.page-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;margin-bottom:12px;}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.88rem;color:rgba(255,255,255,.7);}.breadcrumb a{color:rgba(255,255,255,.7);}.breadcrumb a:hover{color:var(--accent);}.breadcrumb span{color:var(--accent);}/* ============================================ GENERAL CONTENT SECTIONS ============================================ */.content-section{padding:80px 0;}.content-section.bg-light{background:var(--light);}/* Hizmet / Urun detail grid */.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.detail-grid.reverse{direction:rtl;}.detail-grid.reverse > *{direction:ltr;}.detail-img{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);}.detail-img img{width:100%;height:360px;object-fit:cover;}/* Cards generic */.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}.cards-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}.icon-card{background:var(--white);border-radius:14px;padding:32px 28px;box-shadow:var(--shadow);border:1px solid var(--border);text-align:center;transition:transform var(--transition),box-shadow var(--transition);}.icon-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.ic-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#1e6fcf);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;margin:0 auto 20px;}.icon-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:var(--dark);}.icon-card p{font-size:.87rem;color:var(--text-muted);}/* SSS page */.faq-full{display:flex;flex-direction:column;gap:14px;}.faq-full .faq-item{width:100%;}/* Haberler page */.news-full-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}/* Iletisim */.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;}.contact-info{display:flex;flex-direction:column;gap:28px;}.ci-card{display:flex;gap:16px;align-items:flex-start;background:var(--white);border-radius:12px;padding:22px;box-shadow:var(--shadow);border:1px solid var(--border);}.ci-icon{width:46px;height:46px;flex-shrink:0;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.1rem;}.ci-text h4{font-weight:700;margin-bottom:4px;color:var(--dark);}.ci-text p{font-size:.88rem;color:var(--text-muted);}.contact-form{background:var(--white);border-radius:16px;padding:40px;box-shadow:var(--shadow);border:1px solid var(--border);}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}.form-group label{font-size:.88rem;font-weight:600;color:var(--dark);}.form-group input,.form-group select,.form-group textarea{padding:13px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:.93rem;color:var(--text);background:var(--light);transition:border-color var(--transition);font-family:inherit;outline:none;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--white);}.form-group textarea{resize:vertical;min-height:130px;}/* Map placeholder */.map-wrap{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);margin-top:60px;height:380px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);}.map-wrap iframe{width:100%;height:100%;border:0;}/* ============================================ RESPONSIVE ============================================ */@media (max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:1fr 1fr;}}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px;}.about-img-badge{bottom:-12px;right:-12px;}.projects-grid{grid-template-columns:1fr 1fr;}.news-grid{grid-template-columns:1fr 1fr;}.news-card:first-child{grid-column:1 / -1;}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;}.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:20px;}.stat-item:nth-child(2n){border-right:none;}.faq-grid{grid-template-columns:1fr;}.products-grid{grid-template-columns:1fr 1fr;}.contact-grid{grid-template-columns:1fr;}.detail-grid{grid-template-columns:1fr;}.cards-grid-3{grid-template-columns:1fr 1fr;}}@media (max-width:768px){.main-nav{display:none;}.header-cta{display:none;}.hamburger{display:flex;}.lang-btn .lang-code{display:none;}.search-modal{margin:0 16px;padding:28px 22px;}.hero-slider{height:520px;}.slide-content h1{font-size:1.7rem;}.services-grid{grid-template-columns:1fr;}.projects-grid{grid-template-columns:1fr;}.products-grid{grid-template-columns:1fr;}.news-full-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}.topbar .topbar-right{display:none;}.news-grid{grid-template-columns:1fr;}.cards-grid-3{grid-template-columns:1fr;}.cards-grid-2{grid-template-columns:1fr;}.cta-inner{flex-direction:column;text-align:center;}.footer-bottom{flex-direction:column;text-align:center;}}@media (max-width:480px){.slide-btns{flex-direction:column;}.hero-slider{height:480px;}.about-img-badge{display:none;}.contact-form{padding:24px;}}/* ============================================ PROJECTS CAROUSEL ============================================ */.carousel-viewport{overflow:hidden;}.carousel-track{display:flex;gap:0;will-change:transform;}.carousel-track .project-card{flex:0 0 auto;}@media(max-width:767px){.carousel-track{gap:14px;}}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:36px;}.carousel-btn{width:46px;height:46px;border:2px solid var(--border);background:var(--white);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mid);font-size:.95rem;transition:var(--transition);}.carousel-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);}.carousel-dots{display:flex;gap:8px;}.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:var(--transition);}.carousel-dot.active{background:var(--primary);width:24px;border-radius:5px;}/* ============================================ DETAIL PAGES ============================================ */.detail-hero-img{width:100%;height:460px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:48px;}.detail-content{max-width:860px;margin:0 auto;}.detail-content h2{font-size:1.5rem;font-weight:800;margin:36px 0 12px;color:var(--dark);}.detail-content p{color:var(--text-muted);margin-bottom:16px;line-height:1.8;}.detail-feature-list{padding-left:0;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}.detail-feature-list li{display:flex;gap:10px;align-items:flex-start;color:var(--text-muted);}.detail-feature-list li i{color:var(--primary);margin-top:3px;flex-shrink:0;}.detail-sidebar{background:var(--light);border-radius:14px;padding:28px;border:1px solid var(--border);position:sticky;top:96px;}.detail-sidebar h4{font-size:1.05rem;font-weight:800;margin-bottom:16px;color:var(--dark);}.detail-sidebar-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}.dsm-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;}.dsm-item strong{color:var(--dark);min-width:80px;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;}.dsm-item span{color:var(--text-muted);}.detail-layout{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:start;}/* Product detail */.product-spec-table{width:100%;border-collapse:collapse;margin:24px 0;border-radius:var(--radius);overflow:hidden;}.product-spec-table tr{border-bottom:1px solid var(--border);}.product-spec-table tr:last-child{border-bottom:none;}.product-spec-table td{padding:13px 18px;font-size:.9rem;}.product-spec-table td:first-child{font-weight:600;color:var(--dark);width:38%;background:var(--light);}.product-spec-table td:last-child{color:var(--text-muted);}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;}.pricing-card{border:2px solid var(--border);border-radius:16px;padding:32px 24px;text-align:center;transition:var(--transition);position:relative;}.pricing-card.featured{border-color:var(--primary);box-shadow:0 8px 32px rgba(13,59,126,.18);}.pricing-card.featured::before{content:'Popüler';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:3px 14px;border-radius:50px;}.pricing-card:hover{border-color:var(--primary);transform:translateY(-4px);}.pricing-plan-name{font-size:.85rem;font-weight:700;color:var(--mid);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;}.pricing-price{font-size:2.2rem;font-weight:900;color:var(--dark);line-height:1;margin-bottom:6px;}.pricing-price span{font-size:.88rem;font-weight:500;color:var(--text-muted);}.pricing-divider{border:none;border-top:1px solid var(--border);margin:20px 0;}.pricing-features{display:flex;flex-direction:column;gap:10px;text-align:left;margin-bottom:24px;}.pricing-features li{display:flex;gap:8px;align-items:flex-start;font-size:.87rem;color:var(--text-muted);}.pricing-features li i{color:var(--primary);flex-shrink:0;margin-top:2px;}/* News / haber detail */.news-detail-img{width:100%;height:420px;object-fit:cover;border-radius:14px;margin-bottom:36px;}.news-detail-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:24px;font-size:.88rem;color:var(--text-muted);}.news-detail-meta .news-cat{font-size:.85rem;}.news-detail-body h2{font-size:1.4rem;font-weight:800;color:var(--dark);margin:28px 0 12px;}.news-detail-body p{color:var(--text-muted);margin-bottom:18px;line-height:1.85;}.news-detail-body blockquote{border-left:4px solid var(--primary);padding:16px 24px;background:var(--light);border-radius:0 10px 10px 0;margin:24px 0;font-style:italic;color:var(--mid);}/* Related grid */.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}@media (max-width:900px){.detail-layout{grid-template-columns:1fr;}.detail-sidebar{position:static;}.pricing-grid{grid-template-columns:1fr;}.related-grid{grid-template-columns:1fr 1fr;}}@media (max-width:600px){.detail-hero-img{height:240px;}.news-detail-img{height:220px;}.related-grid{grid-template-columns:1fr;}}

/* ---- Kategori Sekmeleri ---- */
      .ux-cat-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;}
      .ux-cat-btn{padding:9px 22px;border-radius:30px;border:2px solid #d1d9e6;background:#fff;color:#4a5568;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;}
      .ux-cat-btn:hover{border-color:#0d3b7e;color:#0d3b7e;}
      .ux-cat-btn.active{background:#0d3b7e;color:#fff;border-color:#0d3b7e;}
      /* ---- Ürün Grid ---- */
      .ux-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
      @media(max-width:1200px){.ux-grid{grid-template-columns:repeat(2,1fr);}}
      @media(max-width:560px){.ux-grid{grid-template-columns:repeat(2,1fr);gap:14px;}}
      /* ---- Kart ---- */
      .ux-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #dce3ed;box-shadow:0 3px 16px rgba(13,59,126,.08);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;}
      .ux-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(13,59,126,.16);}
      .ux-card[hidden]{display:none!important;}
      /* ---- Resim Alanı ---- */
      .ux-img{position:relative;height:360px;overflow:hidden;}
      .ux-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block;}
      .ux-card:hover .ux-img img{transform:scale(1.06);}
      @media(max-width:560px){.ux-img{height:200px;}.ux-body{padding:10px 12px 8px;}.ux-body h3{font-size:.88rem;}.ux-incele{margin:0 12px 0;padding:8px 0;font-size:.82rem;}.ux-stats{font-size:.7rem;padding:8px 10px;}}
      /* ---- İndirim Ribbon ---- */
      .ux-ribbon{position:absolute;top:44px;left:-36px;width:120px;background:#e53e3e;color:#fff;font-size:.68rem;font-weight:800;text-align:center;padding:7px 0;letter-spacing:.8px;transform:rotate(-45deg);box-shadow:0 2px 8px rgba(229,62,62,.4);z-index:3;}
      /* ---- Fiyat badge sağ üst ---- */
      .ux-price-badge{position:absolute;top:10px;right:10px;background:#16a34a;color:#fff;font-size:.82rem;font-weight:800;padding:5px 13px;border-radius:22px;z-index:3;box-shadow:0 2px 8px rgba(22,163,74,.35);}
      /* ---- Alt Bilgi ---- */
      .ux-body{padding:16px 18px 10px;flex:1;text-align:center;}
      .ux-body h3{font-size:.98rem;font-weight:700;margin-bottom:4px;}
      .ux-body h3 a{color:#0f1c2e;text-decoration:none;}
      .ux-body h3 a:hover{color:#0d3b7e;}
      .ux-incele{display:block;text-align:center;margin:0 18px 0;padding:9px 0;background:#0d3b7e;color:#fff;border-radius:8px;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .2s;}
      .ux-incele:hover{background:#0a2d60;}
      .ux-stats{display:flex;justify-content:space-around;padding:10px 16px;border-top:1px solid #edf0f7;background:#f8faff;font-size:.76rem;color:#6b7c93;}
      .ux-stats span{display:flex;align-items:center;gap:4px;}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}
    @media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}
    .pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}
    .pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}
    .pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
    .pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}
    .pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .pd-thumb.active{border-color:#0d3b7e}
    .pd-thumb:hover{border-color:#0d3b7e}
    .pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}
    .pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}
    .pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}
    .pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}
    .pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}
    .pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}
    .pd-actions{display:flex;gap:14px;flex-wrap:wrap}
    .btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}
    .btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}
    .btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}
    .btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0 20px}@media(max-width:860px){.pd-layout{grid-template-columns:1fr;gap:32px}}.pd-gallery-main{width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f0f5ff;position:relative}.pd-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pd-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.active{border-color:#0d3b7e}.pd-thumb:hover{border-color:#0d3b7e}.pd-badge{display:inline-block;background:#e8eef8;color:#0d3b7e;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:14px}.pd-name{font-size:1.85rem;font-weight:800;color:#1a202c;margin-bottom:14px;line-height:1.25}.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding:14px 18px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.pd-price{font-size:2.1rem;font-weight:900;color:#16a34a}.pd-price-label{font-size:.88rem;color:#6b7c93;font-weight:500}.pd-desc{font-size:.96rem;color:#4a5568;line-height:1.8;margin-bottom:30px}.pd-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-demo{background:#0d3b7e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-demo:hover{background:#0a2d60;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,transform .15s}.btn-wa:hover{background:#1aa34a;transform:translateY(-2px)}


/* ---- Ürünler Sayfası Özel ---- */
    .filter-bar {
      background: var(--white);
      border-bottom: 1px solid var(--border);
      position: sticky;
      top: 72px;
      z-index: 100;
      box-shadow: 0 2px 12px rgba(13,59,126,.06);
    }
    .filter-bar .container {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-top: 14px;
      padding-bottom: 14px;
      flex-wrap: wrap;
    }
    .filter-btn {
      padding: 8px 20px;
      border-radius: 24px;
      border: 1.5px solid var(--border);
      background: transparent;
      cursor: pointer;
      font-size: .88rem;
      font-weight: 600;
      color: var(--text-muted);
      transition: all .22s;
    }
    .filter-btn:hover { border-color: var(--primary); color: var(--primary); }
    .filter-btn.active { background: var(--primary); color: var(--white); border-color: var(--primary); }

    .products-page-section { padding: 72px 0; }
    .products-page-section.bg-alt { background: var(--light); }

    .cat-header {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-bottom: 40px;
    }
    .cat-icon {
      width: 56px; height: 56px;
      background: var(--primary);
      border-radius: 16px;
      display: flex; align-items: center; justify-content: center;
      color: var(--white);
      font-size: 1.3rem;
      flex-shrink: 0;
    }
    .cat-header h2 { font-size: 1.6rem; margin-bottom: 4px; }
    .cat-header p  { color: var(--text-muted); font-size: .93rem; }

    .products-grid-6 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
    }
    @media(max-width:1100px){ .products-grid-6{ grid-template-columns: repeat(2,1fr); } }
    @media(max-width:600px) { .products-grid-6{ grid-template-columns: repeat(2,1fr); gap:14px; } }

    .prod-card {
      background: var(--white);
      border-radius: 14px;
      border: 1px solid var(--border);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: transform .25s, box-shadow .25s;
    }
    .prod-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
    .prod-card .prod-img {
      position: relative;
      overflow: hidden;
      height: 360px;
    }
    .prod-card .prod-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .4s;
    }
    .prod-card:hover .prod-img img { transform: scale(1.06); }
    .prod-badge-wrap {
      position: absolute;
      top: 12px; left: 12px;
      display: flex; gap: 6px;
    }
    .prod-badge {
      background: var(--primary);
      color: var(--white);
      font-size: .72rem;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 20px;
      letter-spacing: .4px;
    }
    .prod-badge.new  { background: #16a34a; }
    .prod-badge.hot  { background: #dc2626; }
    .prod-body {
      padding: 20px 20px 14px;
      flex: 1;
    }
    .prod-body h3 { font-size: 1rem; margin-bottom: 8px; }
    .prod-body h3 a { color: inherit; text-decoration: none; }
    .prod-body h3 a:hover { color: var(--primary); }
    .prod-body p { font-size: .87rem; color: var(--text-muted); line-height: 1.6; }
    .prod-features {
      list-style: none;
      padding: 0; margin: 12px 0 0;
      display: flex; flex-wrap: wrap; gap: 6px;
    }
    .prod-features li {
      background: var(--light);
      color: var(--primary);
      font-size: .75rem;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 20px;
    }
    .prod-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 20px;
      border-top: 1px solid var(--border);
    }
    .prod-price { font-size: .88rem; color: var(--text-muted); }
    .prod-price strong { font-size: 1.05rem; color: var(--primary); display: block; }

    /* ---- Ribbon İndirim ---- */
    .prod-ribbon {
      position: absolute;
      top: 44px; left: -36px;
      width: 120px;
      background: #e53e3e;
      color: #fff;
      font-size: .72rem;
      font-weight: 800;
      text-align: center;
      padding: 7px 0;
      letter-spacing: .8px;
      transform: rotate(-45deg);
      transform-origin: center center;
      box-shadow: 0 2px 8px rgba(229,62,62,.35);
      z-index: 3;
    }
    /* ---- Fiyat badge (sağ üst) ---- */
    .prod-price-top {
      position: absolute;
      top: 10px; right: 10px;
      background: #16a34a;
      color: #fff;
      font-size: .82rem;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 20px;
      z-index: 3;
      white-space: nowrap;
      box-shadow: 0 2px 8px rgba(22,163,74,.3);
    }
    /* ---- İzlenme / Sipariş istatistik satırı ---- */
    .prod-stats {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 10px 16px;
      background: #f8faff;
      border-top: 1px solid var(--border);
      font-size: .78rem;
      color: var(--text-muted);
      gap: 8px;
    }
    .prod-stats span {
      display: flex; align-items: center; gap: 5px;
    }
    .prod-stats .stat-icon-eye  { color: #0d3b7e; }
    .prod-stats .stat-icon-cart { color: #16a34a; }

/* ============================================================
   TESTIMONIALS (YORUMLAR) CAROUSEL
   ============================================================ */
.testimonials-section{padding:90px 0;background:linear-gradient(160deg,#f4f7fb 0%,#edf2ff 100%);}
.testi-viewport{overflow:hidden;margin-top:48px;}
.testi-track{display:flex;gap:0;will-change:transform;}
.testi-card{flex:0 0 auto;background:#fff;border-radius:20px;padding:36px 32px 32px;box-shadow:0 4px 24px rgba(13,59,126,.08);border:1px solid #dce3ed;display:flex;flex-direction:column;gap:20px;position:relative;transition:transform .25s,box-shadow .25s;}
.testi-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(13,59,126,.14);}
.testi-quote{font-family:Georgia,serif;font-size:5rem;line-height:.8;color:#0d3b7e;opacity:.15;position:absolute;top:18px;left:24px;pointer-events:none;user-select:none;}
.testi-text{font-size:.97rem;line-height:1.75;color:#374151;margin:0;padding-top:24px;flex:1;}
.testi-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid #edf0f7;margin-top:auto;}
.testi-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #e0e8f8;}
.testi-info{display:flex;flex-direction:column;gap:2px;}
.testi-name{font-size:.93rem;font-weight:800;color:#0f1c2e;}
.testi-company{font-size:.8rem;font-weight:600;color:#0d3b7e;}
.testi-role{font-size:.76rem;color:#6b7c93;}
.testi-dots{display:flex;justify-content:center;gap:8px;margin-top:32px;}
.testi-dot{width:9px;height:9px;border-radius:50%;background:#d1d9e6;border:none;cursor:pointer;transition:background .25s,transform .25s;padding:0;}
.testi-dot.active{background:#0d3b7e;transform:scale(1.3);}