@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090f19;--surface:#131d2c;--surface2:#19263a;--line:#29384b;--text:#eef5ff;--muted:#a8b9cc;--blue:#1b9cff;--cyan:#67d4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{background:#0d1725;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.topbar .container{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.header{position:sticky;top:0;background:#0b1421f5;border-bottom:1px solid var(--line);z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}.brand{font-size:24px;letter-spacing:-.8px;font-weight:800;line-height:1}.brand span{color:var(--blue)}.brand small{display:block;letter-spacing:2.5px;font-size:9px;color:var(--muted);margin-top:7px}.links{display:flex;gap:21px;flex-wrap:wrap}.links a{font-size:13px;font-weight:600;color:#d7e5f6}.links a:hover,.links .active{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:12px 19px;border-radius:10px;border:0;font-weight:700;cursor:pointer;font:inherit;text-align:center}.btn.alt{background:#21344c;border:1px solid #45617e}.btn:hover{filter:brightness(1.15)}.hero{background:radial-gradient(ellipse at 85% 35%,#154d85 0,transparent 48%),linear-gradient(135deg,#0c1728,#101d30);border-bottom:1px solid var(--line)}.hero .container{padding:85px 0 95px}.eyebrow{font-size:12px;color:var(--cyan);font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(34px,5.5vw,66px);max-width:790px;line-height:1.1;margin:14px 0 19px;letter-spacing:-2px}.hero p{max-width:610px;font-size:18px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:64px 0}.section h2{font-size:clamp(25px,3vw,34px);margin:0 0 12px}.lead{color:var(--muted);margin:0 0 28px;max-width:790px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px;min-width:0}.card h3{margin:10px 0;font-size:19px}.card p{color:var(--muted);margin:0 0 12px}.card .symbol{font-size:30px}.card a.more{color:var(--cyan);font-weight:700}.pagehead{padding:55px 0 40px;background:linear-gradient(130deg,#101f34,#0b1421);border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(30px,4vw,46px);margin:6px 0}.pagehead p{color:var(--muted);max-width:800px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{overflow:hidden;padding:0}.product .photo{height:210px;background:linear-gradient(145deg,#243852,#111d2e);display:flex;align-items:center;justify-content:center;color:#7f9dbb;font-size:55px}.product .photo img{width:100%;height:100%;object-fit:cover}.product .details{padding:20px}.product h3{margin:0 0 6px}.price{font-size:23px;color:#75d5ff;font-weight:800}.tag{display:inline-block;border-radius:6px;background:#263c54;padding:3px 9px;color:#b9d6f0;font-size:12px}.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filter input,.filter select,.field{padding:12px 13px;border-radius:9px;border:1px solid #3a4c62;background:#111c2a;color:#fff;font:inherit;max-width:100%}.filter input{flex:1;min-width:180px}.footer{border-top:1px solid var(--line);background:#0d1624;padding:32px 0;color:var(--muted)}.footer .container{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer strong{color:white}.whatsapp{position:fixed;right:20px;bottom:20px;background:#16a36a;color:white;padding:13px 17px;border-radius:99px;font-weight:800;box-shadow:0 7px 22px #0007;z-index:10}.prose{max-width:850px;color:#c7d5e5;font-size:17px}.prose p{margin:0 0 20px}.admin-wrap{max-width:1050px;margin:35px auto;padding:0 18px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.admin-nav a{padding:9px 13px;border-radius:8px;background:#1c2c40}.form-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-grid label{display:grid;gap:6px}.form-grid .full{grid-column:1/-1}textarea.field{min-height:110px;resize:vertical}table{border-collapse:collapse;width:100%;min-width:630px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.scroll{overflow-x:auto}.notice{padding:12px 16px;background:#1b3d39;border:1px solid #286958;border-radius:8px;margin:15px 0}.danger{background:#93333b}.muted{color:var(--muted)}@media(max-width:860px){.nav{align-items:flex-start;flex-direction:column;padding:15px 0}.links{gap:12px}.grid,.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.grid,.products,.form-grid{grid-template-columns:1fr}.topbar .container{flex-direction:column;gap:2px}.hero .container{padding:65px 0}.hero h1{letter-spacing:-1px}.brand{font-size:21px}}

/* Webnet ana sayfa slider ve hizmet kartlari */
.webnet-slider{height:480px;position:relative;overflow:hidden;background:#071629;border-bottom:1px solid #15416a}.webnet-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;pointer-events:none}.webnet-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.webnet-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-image:radial-gradient(ellipse at 85% 40%,#1163a5 0%,transparent 45%),linear-gradient(120deg,#071322,#0b3154)}.webnet-slide-inner{position:relative;height:100%;display:flex;align-items:center}.webnet-slide-copy{max-width:700px;padding:30px 50px}.webnet-kicker{display:inline-block;color:#65d7ff;border:1px solid #1d9de8;background:#0b2b48c9;padding:5px 13px;border-radius:99px;font-size:12px;letter-spacing:1.3px;font-weight:800}.webnet-slide h1{font-size:clamp(32px,4.1vw,55px);line-height:1.13;letter-spacing:-1.5px;margin:17px 0}.webnet-slide h1 em{font-style:normal;color:#30bfff}.webnet-slide p{font-size:17px;max-width:610px;color:#e2ecf7;line-height:1.65}.webnet-arrow{position:absolute;z-index:3;top:48%;transform:translateY(-50%);border:1px solid #b8d7ef80;background:#091c33a6;color:#fff;width:43px;height:43px;border-radius:50%;font-size:22px;cursor:pointer}.webnet-prev{left:12px}.webnet-next{right:12px}.webnet-arrow:hover{background:#1379be}.webnet-dots{position:absolute;z-index:3;bottom:19px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.webnet-dot{width:12px;height:12px;border-radius:50%;border:1px solid #fff;background:#d9e4ed;cursor:pointer}.webnet-dot.is-active{background:#14aaf4;border-color:#14aaf4;box-shadow:0 0 0 3px #0b80d34d}.webnet-blue{color:#28b7ff}.webnet-services{background:#0b1727}.webnet-service-card{display:flex;gap:17px;align-items:center;padding:12px;border-color:#17649c;background:#0d1a2a}.webnet-service-card img{width:39%;height:165px;object-fit:cover;border-radius:10px}.webnet-service-card>div{flex:1;min-width:0}.webnet-service-card h3{margin:0 0 9px}.webnet-service-card p{font-size:13px}.webnet-announcements{background:#081422;padding-top:10px}.webnet-announcement{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #205782;background:linear-gradient(120deg,#12263d,#0c1a2b);border-radius:15px;padding:26px}.webnet-announcement h2{margin:5px 0}.webnet-announcement p{color:var(--muted);margin:0}@media(max-width:900px){.webnet-service-card{display:block}.webnet-service-card img{width:100%;height:150px}.webnet-service-card>div{padding:10px}.webnet-slide-copy{padding:25px 45px}}@media(max-width:600px){.webnet-slider{height:540px}.webnet-slide-bg{background-position:65% center}.webnet-slide-copy{padding:25px 34px}.webnet-slide h1{font-size:34px}.webnet-slide p{font-size:15px}.webnet-arrow{width:30px;height:36px;font-size:17px}.webnet-prev{left:3px}.webnet-next{right:3px}.webnet-service-card{display:flex}.webnet-service-card img{width:38%;height:155px}.webnet-announcement{display:block}.webnet-announcement .btn{margin-top:18px}}@media(prefers-reduced-motion:reduce){.webnet-slide{transition:none}}

/* Six-page slider refinements */
.webnet-multi-slider{height:480px}.webnet-multi-slider .webnet-slide-bg{background-position:center 45%;background-size:cover}.webnet-multi-slider .webnet-slide-copy{max-width:620px}.webnet-multi-slider .webnet-slide h1 em{font-style:normal;color:#4eb9ff}.webnet-multi-slider .webnet-slide h1{font-size:clamp(32px,4.3vw,56px)}.webnet-multi-slider .webnet-slide p{max-width:520px}.webnet-multi-slider .webnet-arrow{z-index:5}.webnet-multi-slider .webnet-dots{z-index:5}@media(max-width:600px){.webnet-multi-slider{height:490px}.webnet-multi-slider .webnet-slide-bg{background-position:65% center}.webnet-multi-slider .webnet-slide-bg:after{content:"";position:absolute;inset:0;background:#06101f77}.webnet-multi-slider .webnet-slide-copy{position:relative;z-index:2}.webnet-multi-slider .webnet-slide h1{font-size:32px}}

/* 2026 Webnet: four slides only on home, fixed images on internal pages */
.webnet-static-hero{height:410px}.webnet-static-hero .webnet-slide{position:absolute;visibility:visible;opacity:1;pointer-events:auto}.webnet-static-hero .webnet-slide-copy{max-width:620px}.webnet-static-hero .webnet-slide-bg{background-position:center 50%}.webnet-static-hero .webnet-arrow,.webnet-static-hero .webnet-dots{display:none!important}
.webnet-multi-slider{height:480px}.webnet-slider .webnet-slide-bg{background-repeat:no-repeat;background-size:cover;background-position:center}.webnet-slider .webnet-slide h1{font-size:clamp(32px,4.2vw,54px)}
@media(max-width:600px){.webnet-static-hero{height:440px}.webnet-multi-slider{height:510px}.webnet-slider .webnet-slide-bg{background-position:62% center}.webnet-slider .webnet-slide-bg:after{content:'';position:absolute;inset:0;background:#06101f50}.webnet-slider .webnet-slide-copy{padding:20px 30px;position:relative;z-index:2}.webnet-slider .webnet-slide h1{font-size:32px}}

/* Final photo-banner refinement: source images bundled locally, no SVG placeholders. */
.webnet-slider .webnet-slide-bg{background-size:cover;background-position:center center}
.webnet-slide-copy{filter:drop-shadow(0 2px 8px #0007)}
@media(max-width:600px){.webnet-slider .webnet-slide-bg{background-position:58% center}}

/* Webnet responsive visual refresh - 2026-11 */
html{scroll-behavior:smooth}body{font-size:15px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #67d4ff;outline-offset:3px}
.topbar a:hover{color:var(--cyan)}.topbar-contact{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.topbar-location{min-width:0}.menu-toggle{display:none;background:#14263a;border:1px solid #3c6a91;border-radius:10px;color:white;font-size:25px;width:46px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.section{padding:clamp(44px,5vw,76px) 0}.section h2{font-size:clamp(26px,2.4vw,36px);line-height:1.23;letter-spacing:-.6px;max-width:900px}.lead{font-size:clamp(14px,1.1vw,17px);line-height:1.7}.card{padding:clamp(18px,2vw,26px)}.card h3{font-size:clamp(17px,1.25vw,20px);line-height:1.3}.card p{line-height:1.65}
.webnet-slider .webnet-slide-copy{padding:24px 40px;max-width:640px}.webnet-slider .webnet-slide h1{font-size:clamp(35px,3.5vw,52px);line-height:1.14;letter-spacing:-1.3px;max-width:590px}.webnet-slider .webnet-slide p{font-size:clamp(15px,1.15vw,18px);line-height:1.6;max-width:520px}.webnet-slider .webnet-slide-bg{background-position:center center}.webnet-slider .actions{margin-top:22px}.webnet-slider .btn{font-size:15px}.webnet-slider .webnet-slide-bg:after{display:none}
.service-card-photo{width:100%;height:180px;object-fit:cover;object-position:center;border-radius:11px;border:1px solid #225b87;display:block;margin:0 0 16px}.section .grid>.card:has(.service-card-photo){overflow:hidden;border-color:#244966;transition:transform .2s,border-color .2s}.section .grid>.card:has(.service-card-photo):hover{transform:translateY(-3px);border-color:#249be4}
@media(max-width:900px){.topbar .container{gap:8px}.nav{flex-direction:row;align-items:center;padding:12px 0;min-height:68px}.menu-toggle{display:inline-flex;margin-left:auto}.links{display:none;position:absolute;top:100%;left:0;right:0;padding:14px max(18px,calc((100vw - 1160px)/2));background:#0b1421;border-bottom:1px solid #29455e;box-shadow:0 15px 30px #0007;flex-direction:column;gap:0}.links.is-open{display:flex}.links a{font-size:15px;padding:12px 10px;border-bottom:1px solid #223448}.links a:last-child{border-bottom:0}.webnet-slider .webnet-slide-copy{padding:20px 38px}}
@media(max-width:600px){.topbar .container{padding:6px 0;flex-direction:column;gap:2px}.topbar-location{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-contact{font-size:11px;gap:10px}.brand{font-size:22px}.webnet-slider.webnet-multi-slider{height:460px}.webnet-slider.webnet-static-hero{height:395px}.webnet-slider .webnet-slide-copy{padding:15px 22px 28px;max-width:100%}.webnet-slider .webnet-slide h1{font-size:clamp(27px,7.4vw,36px);letter-spacing:-.8px;line-height:1.16;margin:13px 0}.webnet-slider .webnet-slide p{font-size:14px;line-height:1.55;max-width:95%}.webnet-slider .webnet-kicker{font-size:10px;letter-spacing:.8px}.webnet-slider .webnet-slide-bg{background-position:61% center}.webnet-slider .webnet-slide-bg:after{display:block;background:linear-gradient(90deg,#06101fc9,#06101f44)}.webnet-slider .actions{margin-top:18px}.webnet-slider .btn{padding:11px 15px;font-size:13px}.webnet-arrow{width:30px;height:34px}.webnet-prev{left:2px}.webnet-next{right:2px}.webnet-dots{bottom:13px}.whatsapp{bottom:15px;right:12px;padding:10px 13px;font-size:13px}.section{padding:42px 0}.section h2{font-size:26px}.service-card-photo{height:190px}.card{padding:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section .grid>.card:has(.service-card-photo){transition:none}}

/* Webnet image correction - 2026-11-05 */
.service-card-photo{display:block!important;width:100%;height:188px;object-fit:cover;border:1px solid #24628b;border-radius:12px;margin:0 0 17px;background:#102238}
.wb-campaign-photo{display:block;width:100%;height:205px;object-fit:cover;object-position:center;border-radius:12px;margin:0 0 16px;border:1px solid #244b70;background:#12243b}
@media(max-width:600px){.service-card-photo{height:185px}.wb-campaign-photo{height:185px}}

/* Son duzeltme: card proportions, sharp image fit, safe responsive layout */
.section .grid>.card:has(.service-card-photo){min-width:0;overflow:hidden}
.service-card-photo{display:block!important;width:100%!important;height:132px!important;object-fit:contain!important;object-position:center!important;background:#0c1929!important;border:1px solid #234b6b!important;border-radius:10px!important;margin:0 0 12px!important;padding:2px!important}
.wb-campaign-photo{display:block;width:100%;height:170px;object-fit:contain;object-position:center;background:#0c1929;border:1px solid #234b6b;border-radius:10px;margin-bottom:12px}
@media(max-width:600px){.service-card-photo{height:125px!important}.wb-campaign-photo{height:150px}}

/* Webnet 2026-11: single clean photograph per service card; no duplicate icons */
.service-card-photo{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0 0 13px!important;background:#0c1929!important;display:block!important;border-radius:10px!important;}
.section .grid>.card:has(.service-card-photo){overflow:hidden;min-width:0;}
.section .grid>.card:has(.service-card-photo) .symbol{display:none!important;}
.webnet-static-hero .webnet-slide-bg{background-size:cover;background-repeat:no-repeat;background-position:65% center;}
@media(max-width:600px){.service-card-photo{height:auto!important;aspect-ratio:16/9!important}.webnet-static-hero .webnet-slide-bg{background-position:64% center;}}

/* 2026-11-05 SAFE IMAGE PATCH: correct banner composition and card image sizing */
.webnet-static-hero .webnet-slide-bg{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.service-card-photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0 0 14px!important;border-radius:10px!important}
.section .grid>.card:has(.service-card-photo){overflow:hidden;min-width:0}
.section .grid>.card:has(.service-card-photo) .symbol{display:none!important}
@media(max-width:600px){.webnet-static-hero .webnet-slide-bg{background-position:56% center!important}.service-card-photo{height:auto!important}}

/* Inner-page hero only: match the full banner to the actual hero rectangle. */
@media(min-width:601px){
 .webnet-slider.webnet-static-hero .webnet-slide-bg{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important}
}
@media(max-width:600px){
 .webnet-slider.webnet-static-hero .webnet-slide-bg{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important}
}

/* 2026-11-05: shift only inner-page desktop banner artwork slightly left. Home untouched. */
@media(min-width:901px){
 .webnet-slider.webnet-static-hero .webnet-slide-bg{background-size:calc(100% + 110px) 100%!important;background-position:right center!important}
}

/* 2026-11-05: Only small service-card photos, not hero images */
.section .grid > .card img.service-card-photo {
  width:100% !important; height:180px !important; aspect-ratio:auto !important;
  object-fit:contain !important; object-position:center center !important;
  background:#0c1929 !important; padding:0 !important; display:block !important;
}
@media(max-width:600px){.section .grid > .card img.service-card-photo{height:175px !important;}}

/* WEBNET CARD IMAGE FINAL: scoped only to technical service and services cards */
.section .grid > .card img.service-card-photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0 0 14px!important;background:#0b1829!important;border-radius:10px!important;}