:root{
  --navy:#0b2831;
  --navy-2:#102f3a;
  --cyan:#18a7cc;
  --cyan-dark:#0e86a7;
  --bg:#f3f8fa;
  --white:#fff;
  --text:#17313b;
  --text-soft:#6c7f87;
  --line:#d9e6ea;
  --shadow:0 18px 45px rgba(11,40,49,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font:inherit}

.header{height:78px;padding:0 5%;display:flex;align-items:center;gap:30px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}
.brand{min-width:170px}
.brand-main{font-size:28px;line-height:1;font-weight:900;letter-spacing:-1px;color:var(--navy)}
.brand-sub{font-size:9px;letter-spacing:2.2px;color:var(--cyan-dark);font-weight:800;margin-top:5px}
.navbar{margin-left:auto;display:flex;align-items:center;gap:28px;height:100%}
.navbar>a,.menu-item>a{font-size:14px;font-weight:700;color:var(--navy);height:100%;display:flex;align-items:center}
.navbar>a:hover,.menu-item>a:hover{color:var(--cyan-dark)}
.menu-item{height:100%;display:flex;align-items:center}
.header-btn,.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:white;padding:14px 20px;font-weight:800;font-size:13px;border:0}
.header-btn:hover,.btn-primary:hover{background:var(--cyan-dark)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--navy);color:var(--navy);padding:13px 20px;font-weight:800;font-size:13px;background:transparent}
.btn-secondary:hover{background:var(--navy);color:#fff}
.mobile-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:28px;color:var(--navy)}

.mega-menu{position:absolute;left:5%;right:5%;top:78px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:30px;background:#fff;border-top:3px solid var(--cyan);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;max-height:620px;overflow-y:auto}
.menu-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mega-column{display:flex;flex-direction:column;gap:7px}
.mega-column a{font-size:12px;color:var(--text-soft)}
.mega-column a:hover{color:var(--cyan-dark)}
.mega-category-title{font-size:14px!important;font-weight:900!important;color:var(--navy)!important;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.view-all-menu{font-weight:800!important;color:var(--cyan-dark)!important;margin-top:4px}

.hero-slider{position:relative;min-height:620px;background:var(--bg);overflow:hidden}
.slide{display:none;min-height:620px}
.slide.active{display:block;animation:fadeSlide .45s ease}
@keyframes fadeSlide{from{opacity:.25}to{opacity:1}}
.hero-content{min-height:620px;padding:50px 7% 70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.hero-small,.eyebrow,.section-heading>span,.products-small{display:inline-block;color:var(--cyan-dark);font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:16px}
.hero-text h1{max-width:650px;color:var(--navy);font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-3px;font-weight:400}
.hero-text h1 strong{display:block;color:var(--cyan);font-weight:400}
.hero-text p{max-width:560px;margin:24px 0 30px;color:var(--text-soft);font-size:17px;line-height:1.7}
.hero-actions,.detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#deebef;border:1px solid #cbdde2}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(24,167,204,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(24,167,204,.12) 1px,transparent 1px);background-size:44px 44px}
.visual-circle{position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid var(--cyan);background:rgba(24,167,204,.04);box-shadow:0 0 0 60px rgba(11,40,49,.04)}
.hero-device{position:relative;z-index:5;width:70%;max-width:450px;max-height:390px;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(11,40,49,.22));animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.feature-box{position:absolute;z-index:8;min-width:120px;padding:14px 16px;background:rgba(11,40,49,.94);color:#fff;box-shadow:var(--shadow)}
.feature-box strong{display:block;color:var(--cyan);font-size:22px}
.feature-box span{font-size:9px;font-weight:800;letter-spacing:.8px}
.feature-1{top:35px;left:20px}.feature-2{right:20px;bottom:35px}.feature-3{left:35px;bottom:45px}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:12;width:44px;height:44px;border:0;background:rgba(11,40,49,.9);color:#fff;font-size:28px;cursor:pointer}
.slider-prev{left:15px}.slider-next{right:15px}
.slider-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;z-index:12}
.slider-dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--navy);background:transparent;cursor:pointer}
.slider-dot.active{background:var(--cyan);border-color:var(--cyan)}

.category-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy)}
.category-strip a{padding:26px 30px;color:#fff;border-right:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:14px}
.category-strip span{font-size:11px;color:var(--cyan);font-weight:900}
.category-strip strong{font-size:14px}
.category-strip a:hover{background:var(--navy-2)}

.section{padding:90px 7%}
.section-heading{max-width:780px;margin-bottom:42px}
.section-heading h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-2px;color:var(--navy);font-weight:500}
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}
.about-copy p{font-size:17px;line-height:1.8;color:var(--text-soft);margin-bottom:18px}
.about-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border:1px solid var(--line)}
.about-panel div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-panel strong{display:block;color:var(--navy);font-size:20px;margin-bottom:8px}
.about-panel span{font-size:13px;color:var(--text-soft)}

.service-section{padding:70px 7%;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.service-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.service-inner{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:40px}
.service-inner h2{font-size:clamp(32px,4vw,54px);line-height:1.05;max-width:800px;margin-bottom:18px}
.service-inner p{max-width:760px;color:#c7d3d8}
.btn-light{display:inline-flex;background:#fff;color:var(--navy);padding:15px 20px;font-size:13px;font-weight:900;white-space:nowrap}

.contact-section{background:#f8fbfc}
.contact-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border:1px solid var(--line);background:#fff}
.contact-card{padding:28px;border-right:1px solid var(--line);min-height:140px}
.contact-card:last-child{border-right:0}
.contact-card small{display:block;color:var(--cyan-dark);font-size:9px;font-weight:900;letter-spacing:1.5px;margin-bottom:15px}
.contact-card strong,.contact-card a{font-size:15px;line-height:1.6;color:var(--navy)}
.whatsapp-card a{color:#118b55;font-weight:900}

.footer{position:relative;background:#20232d;color:#fff;padding:58px 7% 18px;overflow:hidden}
.footer-grid-bg{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(35deg,transparent 47%,rgba(255,255,255,.3) 48%,transparent 49%),linear-gradient(145deg,transparent 47%,rgba(255,255,255,.2) 48%,transparent 49%);background-size:120px 120px}
.footer-content{position:relative;display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:60px}
.footer-brand{font-size:34px;font-weight:900;letter-spacing:-1px}
.footer h4{margin-bottom:14px}
.footer p{color:#d0d4da;font-size:13px;line-height:1.7}
.footer a{display:block;color:#fff;font-size:13px;margin:6px 0}
.footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:18px;font-size:11px;color:#aeb4bd}

.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:1100;background:#25D366;color:#fff;border-radius:999px;padding:12px 17px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:13px}
.whatsapp-float span{font-size:20px}.whatsapp-float b{font-weight:900}

.page-hero{padding:75px 7% 55px;background:var(--navy);color:#fff}
.page-hero span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2px}
.page-hero h1{font-size:clamp(38px,5vw,68px);line-height:1;margin:14px 0;letter-spacing:-2px}
.page-hero p{max-width:760px;color:#c6d4d9}

.products-page{padding:60px 7% 90px;display:grid;grid-template-columns:250px 1fr;gap:45px}
.product-filters{border-right:1px solid var(--line);padding-right:25px}
.product-filters h3{margin-bottom:18px;color:var(--navy)}
.product-filters button{width:100%;padding:12px 10px;text-align:left;border:0;background:transparent;color:var(--text-soft);cursor:pointer;border-left:3px solid transparent}
.product-filters button:hover,.product-filters button.active{color:var(--navy);font-weight:900;border-left-color:var(--cyan);background:rgba(24,167,204,.06)}
.products-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}
.products-top h2{font-size:34px;color:var(--navy)}
#productCount{font-size:12px;color:var(--text-soft)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{border:1px solid var(--line);background:#fff;transition:.2s}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd5dd}
.product-image{height:260px;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:25px;overflow:hidden}
.product-image img{max-height:100%;object-fit:contain}
.product-card-content{padding:22px}
.product-card-content>span,.product-brand{display:inline-block;color:var(--cyan-dark);font-size:10px;font-weight:900;letter-spacing:1.5px}
.product-card h3{font-size:22px;color:var(--navy);margin:8px 0 10px}
.product-card p{font-size:13px;color:var(--text-soft);min-height:62px}
.product-card strong{display:block;margin-top:17px;font-size:12px;color:var(--cyan-dark)}

.product-detail{padding:65px 7% 100px;display:grid;grid-template-columns:1fr 1fr;gap:65px;min-height:650px}
.product-breadcrumb{display:flex;gap:9px;font-size:12px;color:var(--text-soft);margin-bottom:18px}
.main-product-image{height:540px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:45px}
.main-product-image img{max-height:100%;object-fit:contain}
.thumbnail-list{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.thumbnail{width:78px;height:78px;border:1px solid var(--line);background:#fff;padding:7px;cursor:pointer}
.thumbnail.active{border:2px solid var(--cyan)}
.thumbnail img{width:100%;height:100%;object-fit:contain}
.detail-info{padding-top:45px}
.detail-info h1{font-size:clamp(42px,5vw,70px);line-height:1;color:var(--navy);letter-spacing:-2px;margin:10px 0 22px}
.detail-description{white-space:pre-line;color:var(--text-soft);font-size:16px;line-height:1.8}
.detail-actions{margin:28px 0 38px}
.technical-specs{border-top:1px solid var(--line);padding-top:28px}
.technical-specs h2{font-size:24px;margin-bottom:15px;color:var(--navy)}
.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.spec-row span{color:var(--text-soft)}.spec-row strong{color:var(--navy)}
.product-not-found{grid-column:1/-1;text-align:center;padding:100px 0}
.product-not-found h1{margin-bottom:25px}

@media(max-width:1100px){
  .navbar{gap:16px}
  .mega-menu{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr 1fr}
  .contact-card{border-bottom:1px solid var(--line)}
}
@media(max-width:860px){
  .header{height:68px;padding:0 20px}
  .mobile-toggle{display:block}
  .navbar{position:absolute;top:68px;left:0;right:0;height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:12px 20px;border-bottom:1px solid var(--line)}
  .navbar.open{display:flex}
  .navbar>a,.menu-item,.menu-item>a{height:auto;display:block;padding:10px 0}
  .mega-menu{display:none!important}
  .header-btn{display:none}
  .hero-content{grid-template-columns:1fr;padding:45px 22px 65px;gap:30px}
  .hero-visual{min-height:390px}
  .hero-slider,.slide{min-height:auto}
  .category-strip{grid-template-columns:1fr 1fr}
  .about-grid,.product-detail{grid-template-columns:1fr}
  .service-inner{align-items:flex-start;flex-direction:column}
  .products-page{grid-template-columns:1fr;padding:40px 20px 70px}
  .product-filters{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}
  .footer-content{grid-template-columns:1fr}
  .main-product-image{height:420px}
}
@media(max-width:560px){
  .section{padding:65px 20px}
  .hero-text h1{font-size:46px}
  .hero-visual{min-height:330px}
  .visual-circle{width:260px;height:260px}
  .feature-box{min-width:98px;padding:10px}
  .feature-box strong{font-size:18px}
  .feature-1{top:18px;left:8px}.feature-2{right:8px;bottom:20px}.feature-3{left:8px;bottom:20px}
  .category-strip{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .contact-card{border-right:0}
  .footer{padding-left:20px;padding-right:20px}
  .product-detail{padding:35px 20px 70px}
  .main-product-image{height:330px}
  .whatsapp-float b{display:none}
}
/* Ayrıntılı ürün teknik özellikleri */
.detailed-specs{margin-top:34px}
.spec-section{border:1px solid var(--line);border-bottom:0;background:#fff}
.spec-section:last-child{border-bottom:1px solid var(--line)}
.spec-section summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:900;color:var(--navy);background:var(--bg)}
.spec-section summary::-webkit-details-marker{display:none}
.spec-section summary span{font-size:22px;color:var(--cyan)}
.spec-section[open] summary span{transform:rotate(45deg)}
.spec-table{padding:0 20px}
.spec-table .spec-row:last-child{border-bottom:0}
@media(max-width:560px){.spec-row{grid-template-columns:1fr;gap:4px}.spec-section summary{padding:15px}}

/* Detailed technical specification tables */
.full-specifications{margin-top:28px}.spec-group{margin:24px 0}.spec-group h3{background:#f2f6f9;border:1px solid #dce5ec;padding:13px 16px;font-size:17px;text-align:center;margin:0}.spec-scroll{overflow-x:auto}.spec-table{width:100%;border-collapse:collapse;min-width:430px}.spec-table th,.spec-table td{padding:12px 14px;border:1px solid #e1e8ed;text-align:left;font-size:14px;line-height:1.5;vertical-align:top}.spec-table th{width:43%;font-weight:600;background:#fafcfd}.spec-table tr:nth-child(even) td{background:#fcfdfe}@media(max-width:600px){.spec-table th,.spec-table td{padding:10px;font-size:13px}}

/* Technical service page */
.service-page{background:#fff}.service-container{width:min(1160px,88%);margin:auto}.service-hero{padding:105px 0 100px;background:linear-gradient(125deg,#0b2831 5%,#164d5c 100%);color:#fff}.service-kicker,.service-heading>span{display:block;font-size:11px;letter-spacing:2px;font-weight:800;color:#41c6e4;margin-bottom:20px}.service-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.1;letter-spacing:-1.5px;max-width:860px;margin-bottom:25px}.service-hero p{font-size:18px;max-width:760px;color:#d1e3e8;line-height:1.8}.service-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.service-hero .btn-secondary{color:#fff;border-color:#7da5b0}.service-section-block{padding:85px 0}.service-heading{max-width:760px;margin-bottom:32px}.service-heading h2,.service-bottom h2{font-size:clamp(30px,3.7vw,48px);line-height:1.15;color:#0b2831;margin-bottom:14px}.service-heading p{color:#607982}.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-cards article{padding:32px;border:1px solid #dce9ed;background:#f8fbfc}.service-cards article>span{font-size:13px;color:#0e86a7;font-weight:900}.service-cards h3{font-size:22px;margin:12px 0;color:#0b2831}.service-cards p,.service-steps p{color:#607982;line-height:1.7}.service-cards a{display:inline-block;margin-top:16px;color:#0e86a7;font-weight:800}.service-process{padding:80px 0;background:#edf5f7}.service-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-steps>div{background:#fff;padding:24px;border-top:3px solid #18a7cc}.service-steps b{font-size:27px;color:#0e86a7}.service-steps h3{margin:12px 0}.service-tags{display:flex;flex-wrap:wrap;gap:12px}.service-tags span{padding:14px 18px;border:1px solid #d5e6ea;background:#f6fafb;font-weight:700}.service-note{margin-top:24px;color:#647b83;font-size:14px}.service-bottom{background:#f3f8fa;padding:85px 0}.service-bottom-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:55px;align-items:center}.service-bottom p{margin:12px 0;color:#536f78}.service-contact-box{background:#fff;padding:35px;border:1px solid #dce9ed;display:flex;flex-direction:column;gap:14px}.service-contact-box h3{font-size:23px;color:#0b2831}.service-contact-box small{color:#647b83}.spec-intro{font-size:13px;color:#617984;margin:14px 0 22px}
@media(max-width:800px){.service-cards,.service-bottom-grid{grid-template-columns:1fr}.service-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hero{padding:65px 0}.service-section-block,.service-process,.service-bottom{padding:55px 0}}@media(max-width:500px){.service-steps{grid-template-columns:1fr}.service-hero p{font-size:16px}}