:root {
    --color-primary: #0081C6;
    --color-primary-dark: #00659E;
    --color-secondary: #2C3E50;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-background: #ffffff;
    --color-background-alt: #f8f9fa;
    --color-border: #e2e8f0;
    --font-main: 'Manrope', sans-serif;
    --font-data: 'Inter', sans-serif;
    --container-width: 1280px;
    --radius-md: 4px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-main); color: var(--color-text); line-height: 1.6; background-color: var(--color-background); }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

.container { max-width: var(--container-width); margin: 0 auto; padding: 0 24px; }
.flex { display: flex; }
.gap-2 { gap: 8px; }
.text-sm { font-size: 14px; }
.text-gray { color: var(--color-text-light); }
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.font-weight-bold { font-weight: 600; }
.font-weight-extrabold { font-weight: 800; }
.bg-light { background-color: var(--color-background-alt); }
.py-3 { padding-top: 12px; padding-bottom: 12px; }
.py-5 { padding-top: 40px; padding-bottom: 40px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-5 { margin-bottom: 24px; }
.border-bottom { border-bottom: 1px solid var(--color-border); }
.border-radius { border-radius: var(--radius-md); }

.btn { display: inline-block; padding: 14px 28px; font-weight: 600; border-radius: var(--radius-md); transition: all 0.3s ease; cursor: pointer; border: none; text-align: center; }
.btn-primary { background-color: var(--color-primary); color: #fff; }
.btn-primary:hover { background-color: var(--color-primary-dark); }
.btn-outline { border: 2px solid var(--color-primary); color: var(--color-primary); background: transparent; }
.btn-outline:hover { background-color: var(--color-primary); color: #fff; }

/* TOP BAR */
.top-bar { background-color: var(--color-secondary); color: #fff; padding: 8px 0; font-size: 13px; font-family: var(--font-data); }
.top-bar-inner { display: flex; justify-content: space-between; align-items: center; }
.top-bar a { color: #cbd5e1; transition: color 0.2s; }
.top-bar a:hover { color: #fff; }
.top-icon { display: inline-flex; align-items: center; gap: 6px; }

/* HEADER & MENU */
.main-header { position: sticky; top: 0; z-index: 1000; background: #fff; border-bottom: 1px solid var(--color-border); }
.header-inner { display: flex; justify-content: space-between; align-items: center; height: 80px; }
.logo-img { height: 45px; width: auto; object-fit: contain; }
.main-nav-wrapper { flex: 1; display: flex; justify-content: center; }
.main-nav { display: flex; gap: 28px; align-items: center; }

/* MENÜ FONT GÜNCELLEMESİ (15px -> 16px, 600 -> 700) */
.main-nav > li > a { font-weight: 700; font-size: 16px; color: var(--color-secondary); transition: color 0.2s; }
.main-nav > li > a:hover { color: var(--color-primary); }
.main-nav > li > a.active { color: var(--color-primary) !important; font-weight: 800; }

/* DROPDOWN (MASAÜSTÜ) */
.has-dropdown { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.dropdown-toggle { cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--color-secondary); opacity: 0.6; transition: all 0.3s; padding-left: 4px; pointer-events: none; }
.dropdown-toggle svg { transition: transform 0.3s; }
.has-dropdown:hover .dropdown-toggle { color: var(--color-primary); opacity: 1; }
.dropdown-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.dropdown { display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.1); border-top: 3px solid var(--color-primary); width: 250px; z-index: 1000; padding: 10px 0; border-radius: 0 0 8px 8px; }


.dropdown li { width: 100%; }
.dropdown li a { display: block; padding: 12px 24px; font-size: 14px; font-weight: 600; color: var(--color-secondary); border-bottom: 1px solid #f1f5f9; transition: all 0.2s; }
.dropdown li a:last-child { border-bottom: none; }
.dropdown li a:hover { background-color: #f8fafc; color: var(--color-primary); padding-left: 30px; }

/* HEADER BUTONLARI & HAMBURGER */
.header-actions { display: flex; align-items: center; gap: 24px; }
.btn-katalog { padding: 10px 20px; }
.mobile-menu-btn { display: none; position: relative; width: 30px; height: 22px; background: none; border: none; cursor: pointer; z-index: 1001; padding: 0; }
.mobile-menu-btn span { display: block; position: absolute; height: 3px; width: 100%; background: var(--color-primary); border-radius: 3px; opacity: 1; left: 0; transform: rotate(0deg); transition: .3s ease-in-out; }
.mobile-menu-btn span:nth-child(1) { top: 0px; }
.mobile-menu-btn span:nth-child(2) { top: 9px; }
.mobile-menu-btn span:nth-child(3) { top: 18px; }
.mobile-menu-btn.is-active span:nth-child(1) { top: 9px; transform: rotate(135deg); }
.mobile-menu-btn.is-active span:nth-child(2) { opacity: 0; left: -20px; }
.mobile-menu-btn.is-active span:nth-child(3) { top: 9px; transform: rotate(-135deg); }

/* ÜRÜNLER LAYOUT (MASAÜSTÜ) */
.product-layout { display: flex; gap: 40px; align-items: flex-start; }
.layout-sidebar { flex: 0 0 280px; width: 280px; }
.layout-content { flex: 1; min-width: 0; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.product-card { background: #fff; border: 1px solid var(--color-border); overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }

/* FOOTER */
footer { background-color: var(--color-secondary); color: #fff; padding: 60px 0 24px; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 40px; margin-bottom: 40px; }
.footer-col h4 { font-size: 18px; margin-bottom: 20px; color: #fff; }
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul li a { color: #a0aec0; transition: color 0.2s; }
.footer-col ul li a:hover { color: #fff; }

/* MOBİL VE TABLET UYUMU */
@media (max-width: 992px) {
    .top-bar-inner { flex-direction: row; gap: 10px; justify-content: space-between; font-size: 11.5px; }
    
    .header-actions { gap: 28px; }
    .mobile-menu-btn { display: block; }
    .btn-katalog { padding: 8px 16px !important; font-size: 13px !important; }
    
    .main-nav-wrapper { width: 100%; }
    .main-nav { display: none !important; }
    .main-nav.active { display: block !important; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; padding: 0; margin: 0; box-shadow: 0 10px 15px rgba(0,0,0,0.1); border-top: 1px solid #e2e8f0; z-index: 9999; }
    
    .main-nav > li { border-bottom: 1px solid #f1f5f9; text-align: left !important; }
    .main-nav > li > a { display: block; padding: 14px 24px; text-align: left !important; }
    
    /* Mobil Açılır Menü ve Ok Tıklama Alanı */
    .has-dropdown { display: flex; flex-wrap: wrap; align-items: stretch; }
    .has-dropdown > a { flex: 1; border-bottom: none !important; }
    .dropdown-toggle { width: 60px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #f1f5f9; pointer-events: auto !important; cursor: pointer; }
    .dropdown-toggle.active svg { transform: rotate(180deg); }
    
    .dropdown { position: static; flex-basis: 100%; width: 100%; box-shadow: none; border: none; background: #f8fafc; padding: 0; border-radius: 0; display: none; }
    .dropdown.show-dropdown { display: block !important; }
    .dropdown li a { text-align: left !important; padding: 12px 24px 12px 36px; font-size: 13px; border-bottom: 1px solid #e2e8f0; }
    
    /* Layout Mobilde Ters Çevrilir (Sidebar Altta) */
    .product-layout { flex-direction: column-reverse; }
    .layout-sidebar, .layout-content { flex: 1 1 100%; width: 100%; max-width: 100%; }
    
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; }
}


/* Shared visual system — original cascade order preserved. */
/* Floplast: product-led industrial design, October 2026. */
:root{--color-primary:#007dbb;--color-primary-dark:#005e90;--color-secondary:#142f43;--color-text:#223d4e;--color-text-light:#526875;--color-background-alt:#f0f5f8;--color-border:#d7e3eb;--radius-md:10px;--container-width:1320px}
[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:110px}body{overflow-wrap:break-word}button,input,textarea{font:inherit}button{color:inherit}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}a,button,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #007dbb;outline-offset:5px}svg{flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:10000;background:#fff;padding:14px 22px;border:2px solid var(--color-primary)}.skip-link:focus{top:12px}main:focus{outline:none}.container{padding-inline:32px}.top-bar{background:#142f43}.top-bar a{color:#ecf4f8}.main-header{background:rgba(255,255,255,.97);box-shadow:0 4px 25px #142f4307}.header-inner{height:94px;gap:24px}.logo-img{height:65px;width:auto}.main-nav{gap:20px}.main-nav>li>a{font-size:13px;font-weight:700;white-space:nowrap;padding:28px 0;position:relative}.main-nav>li>a.active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:18px;background:var(--color-primary);border-radius:2px}.header-actions{gap:20px}.btn{border-radius:6px;font-size:14px;padding:15px 25px;transition:background-color .2s,color .2s,box-shadow .2s}.btn-primary{background:#0074ac}.btn-primary:hover{box-shadow:0 5px 15px #0074ac25}.btn-outline{border-width:1px;color:#006395;border-color:#006395}.dropdown-toggle{border:0;background:transparent;pointer-events:auto;padding:10px;opacity:1}.has-dropdown:focus-within .dropdown,.dropdown.show-dropdown{display:block}.dropdown{border-radius:0 0 10px 10px;top:100%}.breadcrumb{flex-wrap:wrap;align-items:center;font-size:12px}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-wrapper{background:#f4f7f9}.py-5{padding-top:56px;padding-bottom:56px}.page-header{padding-bottom:20px}.page-header p{max-width:720px}.inner-hero{position:relative;overflow:hidden;text-align:left!important;background:#142f43!important;padding:76px 0!important;border-bottom:6px solid #0081c6}.inner-hero:after{content:'';width:380px;height:380px;border:1px solid #ffffff18;border-radius:50%;position:absolute;right:8%;top:-180px;pointer-events:none;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.inner-hero h1{position:relative;max-width:820px;font-size:clamp(32px,4vw,56px)!important;z-index:1}.inner-hero p{margin:0!important;position:relative;z-index:1;max-width:720px!important;color:#d4e4ed}.layout-sidebar{flex-basis:250px;width:250px}.product-sidebar{padding:22px!important}.sidebar-title{letter-spacing:0;text-transform:none}.sidebar-menu a:hover{color:#0074ac!important}.sidebar-sublink[aria-current],.sidebar-link[aria-current]{color:#006395!important;font-weight:800}.product-card{border-radius:10px!important;transition:border-color .2s,box-shadow .2s}.product-card:hover{transform:none;box-shadow:0 12px 28px #142f430e;border-color:#77adc9!important}.product-photo{width:100%;height:100%;object-fit:contain;padding:20px;background:#fff}.sector-photo{width:100%;height:100%;object-fit:cover}.catalog-figure{height:100%;width:100%;position:relative;overflow:hidden;border-radius:10px}.catalog-figure img{height:100%;width:100%;object-fit:contain;background:#fff}.catalog-figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:8px 16px;background:#142f43d9;color:#fff;font-size:11px}.media-pending{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;padding:24px;color:#496d81;width:100%;font-size:13px}.media-pending small{color:#526875}.history-panel{width:100%;height:100%;background:#142f43;color:#fff;padding:40px}.history-panel strong{font-size:66px;letter-spacing:-.06em;display:block;line-height:1.1;margin-top:20px}.history-panel p,.history-panel span{font-size:13px}.product-search{margin-bottom:28px;max-width:650px}.product-search label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}.product-search input{width:100%;border:1px solid var(--color-border);border-radius:6px;padding:14px 18px;background:#f7fafc}.product-search p{font-size:13px;margin-top:8px;color:#526875}.data-note{font-size:12px;color:#526875;line-height:1.6}.layout-content table th,.layout-content table td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--color-border);font-size:14px}.layout-content table th{width:42%;font-weight:600}.layout-content table tr:nth-child(odd){background:#f2f6f9}.sector-cta{margin-bottom:75px;padding-top:30px;border-top:1px solid var(--color-border)}.sector-cta p{margin:16px 0 24px}.sector-cta .text-link{margin-left:20px}.form-help{font-size:13px;line-height:1.7;background:#f0f6fa;padding:16px;border-radius:6px;margin-bottom:24px;color:#3f596a}.form-help a{text-decoration:underline}.form-status{font-size:13px;margin-top:15px}.form-status a{text-decoration:underline}.form-control:focus{outline:2px solid #007dbb;outline-offset:2px}.contact-box:hover{transform:none!important}.contact-form-card{box-shadow:0 20px 50px #142f4308!important}.w-100{width:100%}.content{max-width:900px}.content h3{line-height:1.4;scroll-margin-top:110px}footer{background:#142f43;padding-top:70px}.footer-col a,.footer-col p{color:#bbccd7!important}.footer-col a:hover{color:#fff!important}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.4fr}.floating-contact{position:fixed;bottom:22px;right:24px;z-index:900;border-radius:6px;background:#fff;color:#005e90;font-size:12px;font-weight:800;padding:12px 16px;border:1px solid #c7dce8;box-shadow:0 5px 25px #142f4315}.floating-contact span{margin-left:15px}.back-top{position:fixed;bottom:76px;right:24px;border:1px solid #c7dce8;background:#fff;width:40px;height:40px;border-radius:6px;cursor:pointer;z-index:900}
/* Homepage: broad product stage and deliberate user-driven motion. */
.section-space{padding-block:96px}.home-hero{background:#142f43;color:#fff;padding-top:58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-intro{font-size:13px;color:#b6d5e5;margin-bottom:24px}.hero-copy h1{font-size:clamp(46px,5.4vw,74px);line-height:1.05;font-weight:800;letter-spacing:-.06em}.hero-description{max-width:440px;color:#c7dbe7;font-size:15px;line-height:1.8;margin-top:26px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.hero-contact{font-size:13px;font-weight:700}.hero-contact span{margin-left:10px}.hero-stage{position:relative;background:#eaf2f7;min-height:445px;isolation:isolate;color:#142f43;border-radius:160px 8px 8px 8px;overflow:hidden}.stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b9d0df40 1px,transparent 1px),linear-gradient(90deg,#b9d0df40 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000)}.stage-note{position:absolute;top:30px;right:30px;font-size:11px;color:#4f7083;max-width:220px;text-align:right}.hero-product{padding:75px 25px 25px;animation:product-in .4s ease-out}.hero-product>.product-photo{height:280px;padding:10px 30px;background:transparent;mix-blend-mode:multiply}.hero-product-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 8px 0;border-top:1px solid #bed3e0}.hero-product-caption span{font-size:11px;color:#3f6479}.hero-product-caption h2{font-size:21px;margin-top:3px}.hero-product-caption>a{background:#0074ac;color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:24px;flex-shrink:0}.hero-selector{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;padding-bottom:0}.hero-choice{position:relative;border:0;border-top:1px solid #ffffff26;border-right:1px solid #ffffff12;background:transparent;color:#fff;text-align:left;padding:25px 18px;cursor:pointer}.hero-choice:first-child{padding-left:0}.hero-choice span{font-weight:700;font-size:14px;display:block}.hero-choice small{font-size:11px;color:#b6cddc;display:block;margin-top:6px}.hero-choice:before{content:'';position:absolute;top:-2px;left:0;width:0;height:3px;background:#41b8f0;transition:width .25s}.hero-choice.is-selected:before{width:100%}.hero-choice:hover{background:#ffffff06}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-heading h2,.smart-copy h2,.heritage-grid h2{font-size:clamp(28px,3.1vw,42px);letter-spacing:-.045em;font-weight:800}.section-heading p{color:#526875;font-size:14px;margin-top:13px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;color:#006395;font-weight:800}.text-link:hover{text-decoration:underline}.home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-product-card{border:1px solid #d7e3eb;border-radius:10px;overflow:hidden}.home-product-image{height:235px;background:#f0f5f8;overflow:hidden}.home-product-image .product-photo{background:transparent;mix-blend-mode:multiply;transition:transform .35s}.home-product-card:hover .product-photo{transform:scale(1.07)}.home-product-info{position:relative;padding:23px 20px}.home-product-info h3{font-size:17px;padding-right:25px}.home-product-info>span{position:absolute;right:20px;top:20px;font-size:24px;color:#0074ac}.home-product-info p{font-size:12px;color:#526875;margin-top:8px}.smart-section{background:#f0f5f8}.smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.smart-visual{padding:35px;background:#fff;border-radius:12px;border:1px solid #d7e3eb}.smart-visual>div:not(.fold-controls){height:310px;animation:product-in .3s ease-out}.smart-visual .product-photo{padding:0 24px}.fold-controls{display:flex;gap:6px;background:#edf3f7;padding:5px;border-radius:7px;margin:24px auto 0;width:max-content;max-width:100%}.fold-controls button{border:0;background:transparent;padding:11px 20px;font-size:12px;font-weight:700;border-radius:4px;cursor:pointer}.fold-controls button[aria-pressed=true]{background:#142f43;color:#fff}.smart-copy>p{font-size:14px;color:#526875;line-height:1.8;margin-top:24px;max-width:490px}.smart-data{display:flex;gap:40px;margin:28px 0 0;padding-top:24px;border-top:1px solid #cbdde7}.smart-data dt{font-size:12px;color:#526875}.smart-data dd{font-size:44px;line-height:1.4;font-weight:800;color:#006395;letter-spacing:-.05em}.smart-data dd span{font-size:12px;font-weight:500;letter-spacing:0}.smart-copy .data-note{font-size:11px;margin:12px 0 24px}.home-sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.home-sector-card{border-bottom:1px solid #d7e3eb;padding-bottom:22px}.sector-media{height:220px;background:#eef4f8;overflow:hidden;border-radius:7px}.sector-media img{width:100%;height:100%;object-fit:cover}.home-sector-card>div:last-child{position:relative;padding-top:20px}.home-sector-card h3{font-size:19px;padding-right:28px}.home-sector-card p{font-size:12px;color:#526875;margin-top:8px}.home-sector-card span{position:absolute;top:18px;right:0;font-size:24px;color:#006395;transition:transform .2s}.home-sector-card:hover span{transform:translate(3px,-3px)}.heritage-section{background:#edf4f8}.heritage-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.heritage-mark{border-left:5px solid #007dbb;padding-left:35px}.heritage-mark>span{font-size:13px;color:#526875}.heritage-mark strong{display:block;font-size:clamp(100px,13vw,180px);letter-spacing:-.08em;line-height:1.2;color:#0074ac}.heritage-mark p{font-size:14px}.heritage-grid>div:last-child>p{font-size:15px;line-height:1.8;color:#526875;margin:24px 0}.heritage-grid .text-link{display:flex;margin-top:18px}.home-cta{padding:72px 0;background:#0074ac;color:#fff}.home-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:35px}.home-cta h2{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.045em}.home-cta p{font-size:14px;margin-top:20px;color:#deeff8}.home-cta .btn{background:#fff;color:#005e90;flex-shrink:0}.home-cta .btn span{margin-left:22px}@keyframes product-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.header-inner{height:86px}.main-nav{gap:13px}.main-nav>li>a{font-size:12px}.logo-img{height:55px}.header-actions{gap:12px}.btn-katalog{padding:10px 14px}.hero-grid{gap:35px}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-image{height:260px}.smart-grid,.heritage-grid{gap:50px}}
@media(max-width:1100px){.main-nav-wrapper{flex:0}.mobile-menu-btn{display:block}.main-nav{display:none!important}.main-nav.active{display:block!important;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:10px 24px 20px;max-height:calc(100dvh - 125px);overflow-y:auto;box-shadow:0 15px 30px #142f4320}.main-nav>li{border-bottom:1px solid #e5eef4}.main-nav>li>a{padding:14px 5px;display:block;font-size:15px}.main-nav>li>a.active:after{display:none}.has-dropdown{display:flex;flex-wrap:wrap}.has-dropdown>a{flex:1}.dropdown-toggle{width:48px}.dropdown{position:static;flex-basis:100%;width:100%;box-shadow:none;border:0;background:#f0f5f8}.has-dropdown:focus-within .dropdown{display:none}.has-dropdown .dropdown.show-dropdown{display:block}.has-dropdown:hover .dropdown-toggle svg{transform:none}.dropdown-toggle[aria-expanded=true] svg{transform:rotate(180deg)!important}.footer-grid{grid-template-columns:1fr 1fr}.main-nav-wrapper{margin-left:auto}.header-actions{gap:22px}.hero-copy h1{font-size:56px}}
@media(max-width:800px){.container{padding-inline:22px}.section-space{padding-block:65px}.hero-grid{grid-template-columns:1fr;gap:35px}.home-hero{padding-top:38px}.hero-copy h1{font-size:clamp(42px,8vw,64px)}.hero-copy h1 br:last-of-type{display:none}.hero-description{max-width:550px}.hero-stage{min-height:360px;border-radius:100px 8px 8px 8px}.hero-product{padding-top:50px}.hero-product>.product-photo{height:230px}.stage-note{top:20px;right:20px}.hero-selector{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}.hero-choice,.hero-choice:first-child{padding:18px 12px}.hero-choice span{font-size:13px}.hero-choice small{font-size:10px}.hero-stage .product-photo{padding:10px 25px}.smart-grid,.heritage-grid{grid-template-columns:1fr;gap:35px}.smart-copy{order:-1}.home-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heritage-mark strong{font-size:120px}.home-cta>.container{align-items:start;flex-direction:column}.section-heading{align-items:start;flex-direction:column;gap:18px}.product-layout{flex-direction:column}.layout-content{order:0}.layout-sidebar{order:1;width:100%;flex-basis:auto}.responsive-split{grid-template-columns:1fr!important;gap:30px!important}.responsive-split>[style*="grid-column"]{grid-column:1!important}.inner-hero{padding:50px 0!important}.inner-hero:after{right:-220px}.py-5{padding-top:35px;padding-bottom:35px}.responsive-grid{min-width:0}.responsive-grid>*,.hero-grid>*,.smart-grid>*{min-width:0}.footer-grid{gap:32px}.contact-layout{gap:30px!important}.catalog-figure{min-height:260px}.sector-cta .text-link{margin:20px 0 0;display:flex}.floating-contact{font-size:11px;padding:10px 12px;right:14px;bottom:14px}.back-top{right:14px;bottom:64px}.home-product-info h3{font-size:16px}}
@media(max-width:480px){.container{padding-inline:18px}.logo-img{height:48px}.header-inner{height:76px;gap:10px}.header-actions{gap:16px}.top-bar-inner{font-size:10px;gap:5px}.top-icon{gap:4px}.btn-katalog{padding:9px 10px!important;font-size:11px!important}.btn-katalog svg{width:14px}.hero-copy h1{font-size:44px}.hero-intro{font-size:11px}.hero-actions{gap:20px}.hero-contact{font-size:12px}.hero-stage{min-height:345px}.hero-product-caption h2{font-size:18px}.home-product-grid{gap:14px}.home-product-image{height:160px}.home-product-image .product-photo{padding:10px}.home-product-info{padding:16px 12px}.home-product-info h3{font-size:14px;padding-right:18px}.home-product-info>span{right:10px;top:14px;font-size:19px}.home-product-info p{font-size:10px}.home-sector-grid{grid-template-columns:1fr;gap:25px}.sector-media{height:220px}.smart-visual{padding:20px}.smart-visual>div:not(.fold-controls){height:250px}.smart-data{gap:24px}.smart-data dd{font-size:38px}.smart-data dd span{display:block}.fold-controls button{padding:10px 15px}.footer-grid{grid-template-columns:1fr}.hero-selector{padding-inline:18px}.contact-form-card{padding:22px!important}.layout-content table th,.layout-content table td{padding:12px 8px;font-size:12px}.content h1{font-size:25px!important}.content h3{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.category-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.category-nav a{padding:10px 14px;border:1px solid #d7e3eb;border-radius:6px;font-size:12px;font-weight:700}.category-nav a[aria-current]{background:#142f43;border-color:#142f43;color:#fff}.category-nav a:hover{border-color:#0074ac}.hero-stage{background:#fff}.hero-copy{animation:product-in .6s ease-out}.hero-stage{animation:product-in .7s ease-out}.has-dropdown:focus-within .dropdown{display:none}.has-dropdown .dropdown.show-dropdown{display:block}
@media(max-width:576px){.contact-boxes{grid-template-columns:1fr 1fr!important;gap:12px!important}.contact-box{padding:20px 12px!important}.contact-box-title{font-size:13px!important}.contact-box-text{font-size:11px!important}.contact-icon{width:38px!important;height:38px!important;margin-bottom:12px!important}.contact-icon svg{width:20px}.hero-copy h1{font-size:clamp(36px,10.5vw,44px)}.category-nav a{font-size:11px;padding:9px 12px}.request-form{scroll-margin-top:110px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-stage{animation:none}}
.blog-cover{width:100%;height:100%;object-fit:contain;padding:16px;background:#fff}.has-dropdown .dropdown.show-dropdown{display:block}

/* Shared dropdown state is controlled by pointer, click and keyboard events. */
.home-sector-grid { column-gap: 38px; row-gap: 58px; }
.home-cta { position: relative; isolation: isolate; overflow: hidden; }
.home-cta::before { content: ''; position: absolute; z-index: -1; width: min(68vw, 950px); height: 430px; right: -70px; top: 50%; transform: translateY(-50%) rotate(-12deg); background: url('/assets/images/palet-teknik.jpg') center / contain no-repeat; filter: invert(1) grayscale(1); mix-blend-mode: screen; opacity: .15; pointer-events: none; }
.home-cta > .container { position: relative; }
.home-cta .btn { box-shadow: 0 8px 28px #005e901f; }
@media (max-width: 800px) {
    .home-sector-grid { column-gap: 28px; row-gap: 44px; }
    .home-cta::before { width: 800px; right: -340px; opacity: .11; }
}
@media (max-width: 480px) {
    .home-sector-grid { row-gap: 38px; }
    .home-cta::before { width: 670px; right: -300px; transform: translateY(-35%) rotate(-20deg); }
}
.has-dropdown .dropdown {
    display: none;
}
.has-dropdown .dropdown.show-dropdown {
    display: block;
}
.product-image-link {
    height: 200px;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light);
    overflow: hidden;
}
.product-image-link:focus-visible {
    outline-offset: -4px;
}
.product-image-link .product-photo {
    transition: transform .3s ease;
}
.product-image-link:hover .product-photo,
.product-image-link:focus-visible .product-photo {
    transform: scale(1.045);
}

/* Sector overview: a photographic invitation to discuss a project. */
.solutions-cta {
    padding: 0 0 80px;
}
.solutions-cta-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 420px;
    border-radius: 16px;
    background: #102f46;
    color: #fff;
}
.solutions-cta-panel::before {
    content: '';
    position: absolute;
    inset: 0 0 0 37%;
    z-index: -2;
    background: url('/assets/images/urunler/square-l/03-lojistik.webp') center / cover no-repeat;
    filter: saturate(.75);
}
.solutions-cta-panel::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #102f46 12%, #102f46f5 38%, #102f469e 68%, #102f4638 100%);
}
.solutions-cta-copy {
    padding: 65px 58px;
    max-width: 730px;
}
.solutions-cta h2 {
    font-size: clamp(30px, 3.3vw, 44px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.18;
}
.solutions-cta-copy > p {
    max-width: 500px;
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.8;
    color: #d4e5ef;
}
.solutions-cta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}
.solutions-cta-actions .btn {
    background: #fff;
    color: #075782;
}
.solutions-cta-actions .btn:hover {
    background: #e6f4fc;
}
.solutions-cta-actions .btn span {
    margin-left: 18px;
}
.solutions-cta-link {
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: #83b4cf;
}
.solutions-cta-caption {
    position: absolute;
    right: 26px;
    bottom: 24px;
    color: #fff;
    background: #102f46d9;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 11px;
}

/* The supplied photograph is already dark; brighten its CSS layer before tinting. */
.site-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #102b40;
    border-top: 1px solid #6a9ab745;
    padding-top: 76px;
    padding-bottom: 120px;
}
.site-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background: url('/assets/images/footer.webp') center 48% / cover no-repeat;
    filter: brightness(3.2) saturate(.55);
}
.site-footer::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #102b40d9, #102b4066 60%, #102b4099),
                linear-gradient(0deg, #102b40f5, #102b401a 70%);
}
.site-footer .footer-col a,
.site-footer .footer-col p {
    color: #d6e4ed !important;
}
.site-footer .footer-col a:hover,
.site-footer .footer-bottom a:hover {
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.site-footer .footer-bottom,
.site-footer .footer-bottom div,
.site-footer .footer-bottom a {
    color: #c7dbe7 !important;
}
@media (max-width: 800px) {
    .solutions-cta { padding-bottom: 54px; }
    .solutions-cta-copy { padding: 44px 32px 90px; }
    .solutions-cta-panel::before { left: 0; }
    .solutions-cta-panel::after {
        background: linear-gradient(90deg, #102f46f0, #102f46b8),
                    linear-gradient(0deg, #102f4620, #102f4670);
    }
    .solutions-cta-caption { left: 32px; right: auto; bottom: 24px; }
    .site-footer::before {
        background-size: auto 560px;
        background-position: 58% top;
    }
    .site-footer::after {
        background: linear-gradient(0deg, #102b40 25%, #102b4066 100%),
                    linear-gradient(90deg, #102b40b3, #102b404d);
    }
}
@media (max-width: 480px) {
    .solutions-cta-copy { padding: 36px 24px 84px; }
    .solutions-cta h2 { font-size: 30px; }
    .solutions-cta-copy > p { font-size: 14px; }
    .solutions-cta-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
    .solutions-cta-caption { left: 24px; font-size: 10px; }
    .site-footer { padding-top: 55px; }
}
@media (prefers-reduced-motion: reduce) {
    .product-image-link .product-photo { transition: none; }
}

/* Original sector scenes share the same crop across cards and detail pages. */
.sector-figure{width:100%;height:100%;margin:0;overflow:hidden;border-radius:10px}
.sector-figure img{display:block;width:100%;height:100%;object-fit:cover}

.sidebar-group-heading { display: flex; align-items: center; gap: 8px; }
.sidebar-group-heading .sidebar-link { flex: 1; min-width: 0; display: block; font-size: 15px; color: var(--color-secondary); }
.sidebar-toggle { flex: 0 0 36px; width: 36px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid #d7e3eb; border-radius: 6px; background: #f5f9fc; color: #006395; font-size: 24px; line-height: 1; cursor: pointer; }
.sidebar-toggle:hover, .sidebar-toggle[aria-expanded="true"] { background: #e6f1f8; border-color: #89b6ce; }
.sidebar-item.is-current .sidebar-group-heading .sidebar-link { color: #006395; }
.sidebar-submenu { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding-left: 12px; border-left: 2px solid #d7e3eb; }
.sidebar-submenu .sidebar-sublink { display: block; padding-block: 4px; }

/* Navigation keeps the same readable size at every breakpoint. */
.main-nav > li > a, .dropdown li a { font-size: 15px; }

.corporate-photo {
    position: relative;
    isolation: isolate;
    margin: 0;
    padding: 0 18px 18px 0;
}
.corporate-photo::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 24px 0 0 24px;
    border: 1px solid #bed8e7;
    border-right: 4px solid #007dbb;
    border-bottom: 4px solid #007dbb;
    border-radius: 12px;
    background: #eaf3f8;
}
.corporate-photo img {
    width: 100%;
    height: auto;
    border-radius: 12px 40px 12px 12px;
    box-shadow: 0 22px 48px -18px #142f4359, 0 4px 12px #142f4314;
}
.benefit-card.reveal-ready {
    opacity: 0;
    transform: translateX(-56px);
}
.benefit-card.reveal-ready.is-visible {
    opacity: 1;
    transform: none;
    transition: opacity 650ms ease, transform 650ms cubic-bezier(.2,.7,.2,1);
    transition-delay: var(--reveal-delay, 0ms);
}
@media (max-width: 480px) {
    .corporate-photo { padding: 0 12px 12px 0; }
    .corporate-photo::before { inset: 18px 0 0 18px; }
    .corporate-photo img { border-top-right-radius: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .benefit-card.reveal-ready { opacity: 1; transform: none; transition: none; }
}

/* Contact page */

    .contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 80px; align-items: start; }
    
    /* 2 Üste 2 Altta Kutu Düzeni (Grid) */
    .contact-boxes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .contact-box { background-color: #f8fafc; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 32px 24px; text-align: center; transition: all 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: inherit; }
    .contact-box:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-color: var(--color-primary); background-color: #fff; }
    .contact-icon { width: 50px; height: 50px; background-color: #e0f2fe; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; color: var(--color-primary); }
    .contact-box-title { font-size: 16px; font-weight: 800; color: var(--color-secondary); margin-bottom: 8px; }
    .contact-box-text { font-size: 14px; color: var(--color-text-light); line-height: 1.5; }

    /* Contact card */
    .contact-form-card { background: #fff; border: 1px solid var(--color-border); border-radius: 12px; padding: 40px; box-shadow: 0 10px 30px #142f4308; }
    /* Mobile */
    @media (max-width: 992px) {
        .contact-layout { grid-template-columns: 1fr; gap: 40px; }
        .contact-form-card { padding: 24px; }
    }
    @media (max-width: 576px) {
        .contact-boxes { grid-template-columns: 1fr; } /* Telefonda kutular çok sıkışmasın diye alt alta dizilir */
    }

/* Sector detail: an invitation built around the actual pallet drawing. */
.sector-consultation { margin-bottom: 80px; }
.sector-consultation-panel { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 1.3fr 1fr; border-radius: 16px; background: #12364d; color: #fff; }
.sector-consultation-copy { position: relative; z-index: 1; padding: 54px 0 42px 52px; }
.sector-consultation h2 { max-width: 640px; font-size: clamp(30px, 3.3vw, 44px); font-weight: 800; line-height: 1.18; letter-spacing: -.04em; }
.sector-consultation-copy > p { max-width: 480px; margin-top: 22px; color: #d2e5f0; font-size: 14px; line-height: 1.85; }
.sector-consultation-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.sector-consultation-actions .btn { background: #fff; color: #075782; font-size: 14px; }
.sector-consultation-actions .btn:hover { background: #e3f3fc; }
.sector-consultation-actions .btn span { margin-left: 24px; font-size: 19px; }
.sector-consultation-phone { color: #fff; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #7fadc7; }
.sector-consultation-drawing { position: relative; display: flex; align-items: center; padding: 40px 25px 30px 0; background-image: linear-gradient(#94c9e611 1px, transparent 1px), linear-gradient(90deg, #94c9e611 1px, transparent 1px); background-size: 36px 36px; }
.sector-consultation-drawing::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #12364d, transparent 65%); }
.sector-consultation-drawing img { width: 115%; max-width: none; filter: invert(1) grayscale(1); mix-blend-mode: screen; opacity: .28; transform: rotate(-16deg) translate(5%, 4%); }
.sector-consultation-bottom { position: relative; z-index: 1; grid-column: 1 / -1; margin: 0 52px; padding: 23px 0; border-top: 1px solid #7bacc63d; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.sector-consultation-bottom p { color: #adcddd; font-size: 12px; }
.sector-consultation-bottom a { color: #fff; font-size: 12px; }
.sector-consultation-bottom a:hover { text-decoration: underline; text-underline-offset: 4px; }
.sector-consultation-bottom a span { margin-left: 18px; }
.sector-consultation :focus-visible { outline-color: #a4ddff; }

/* Shared contact and engineering forms. */
.project-form-card { max-width: 980px; margin: 0 auto; background: #f1f6f9; padding: 44px 56px; border-radius: 14px; border: 1px solid #d7e3eb; }
.request-form-intro { font-size: 14px; line-height: 1.8; color: #526875; margin: 0 0 26px; }
.project-form-card .request-form-intro { max-width: 580px; margin-inline: auto; text-align: center; }
.request-form { position: relative; scroll-margin-top: 120px; }
.request-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.request-field { min-width: 0; }
.request-field-wide { grid-column: 1 / -1; }
.request-field label { display: block; font-size: 13px; font-weight: 700; color: #203f54; margin-bottom: 8px; }
.request-field label span { color: #006395; }
.request-field input, .request-field textarea { display: block; width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #c7d7e2; border-radius: 6px; background: #fff; color: #203f54; font: inherit; font-size: 15px; transition: border-color .2s, box-shadow .2s; }
.request-field textarea { min-height: 140px; resize: vertical; }
.request-field input:focus, .request-field textarea:focus { outline: 2px solid #0074ac; outline-offset: 2px; border-color: #0074ac; }
.request-field [aria-invalid="true"] { border-color: #a83232; }
.request-field textarea::placeholder { color: #637887; font-size: 13px; }
.field-error { display: block; color: #9d2727; font-size: 12px; line-height: 1.6; margin-top: 5px; }
.field-error:empty { display: none; }
.request-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 24px; }
.request-consent input { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; accent-color: #0074ac; }
.request-consent label { font-size: 12px; line-height: 1.8; color: #526875; }
.request-consent a { color: #006395; text-decoration: underline; text-underline-offset: 3px; }
.request-form-submit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-top: 28px; }
.request-form-submit .btn { display: inline-flex; align-items: center; gap: 32px; font: inherit; font-weight: 700; font-size: 14px; min-height: 50px; }
.request-form-submit .btn span { font-size: 20px; }
.request-form-submit > span { font-size: 11px; color: #526875; }
.request-form-submit .btn:disabled { opacity: .65; cursor: wait; }
.request-form .form-status { font-size: 13px; line-height: 1.8; border-radius: 6px; }
.request-form .form-status:empty { margin: 0; }
.request-form .form-status.is-success { padding: 14px 16px; background: #eaf6ef; color: #235a39; border: 1px solid #b9d9c5; }
.request-form .form-status.is-error { padding: 14px 16px; background: #fff3f2; color: #862828; border: 1px solid #ecc3bf; }
.form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 800px) {
    .sector-consultation { margin-bottom: 56px; }
    .sector-consultation-panel { grid-template-columns: 1fr; }
    .sector-consultation-copy { padding: 38px 30px 30px; }
    .sector-consultation-copy > p { max-width: 530px; }
    .sector-consultation-drawing { position: absolute; inset: 0 -180px 0 25%; opacity: .32; padding: 0; pointer-events: none; }
    .sector-consultation-bottom { margin-inline: 30px; }
    .project-form-card { padding: 32px 26px; }
}
@media (max-width: 480px) {
    .sector-consultation-copy { padding: 32px 24px; }
    .sector-consultation h2 { font-size: 29px; }
    .sector-consultation h2 br { display: none; }
    .sector-consultation-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
    .sector-consultation-bottom { margin-inline: 24px; align-items: flex-start; flex-direction: column; gap: 14px; }
    .request-form-grid { grid-template-columns: 1fr; gap: 18px; }
    .request-form-submit .btn { width: 100%; justify-content: space-between; }
    .project-form-card { padding: 28px 20px; }
}

/* Product detail: gallery, catalogue specifications and configuration options. */
.product-detail { min-width: 0; }
.product-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: start; margin-bottom: 52px; }
.product-gallery { min-width: 0; }
.product-gallery-stage { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1.1; overflow: hidden; border: 1px solid #dce5ea; border-radius: 14px; background: linear-gradient(155deg, #fff 55%, #eef4f7); }
.product-gallery-stage > img { width: 100%; height: 100%; object-fit: contain; padding: 24px; mix-blend-mode: multiply; transition: transform .3s ease; }
.product-gallery-stage:hover > img { transform: scale(1.035); }
.product-gallery-zoom { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #dce5ea; border-radius: 30px; background: #fff; color: #234457; font-size: 11px; font-weight: 600; }
.product-gallery-caption { margin: 12px 2px; color: #546b79; font-size: 11px; line-height: 1.6; }
.product-gallery-thumbs { display: flex; flex-wrap: wrap; gap: 9px; }
.product-gallery-thumbs[hidden] { display: none; }
.product-gallery-thumb { display: flex; width: 74px; height: 64px; padding: 5px; border: 1px solid #dce5ea; border-radius: 8px; background: #fff; transition: border-color .2s ease; }
.product-gallery-thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-gallery-thumb:hover, .product-gallery-thumb.is-active { border-color: #0078b6; }
.product-gallery-thumb.is-active { box-shadow: 0 0 0 1px #0078b6; }
.product-gallery-empty .media-pending { min-height: 0; padding: 24px; }
.product-category-label { display: block; color: #0074ac; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 4px 0 14px; }
.product-intro-copy h1 { font-size: clamp(28px, 3vw, 38px); line-height: 1.15; letter-spacing: -.035em; color: #183748; margin-bottom: 20px; }
.product-description { color: #566b78; font-size: 14px; line-height: 1.9; margin-bottom: 28px; }
.product-quote { padding: 23px; background: #edf5f9; border: 1px solid #dbeaf2; border-radius: 12px; }
.product-quote h2 { color: #173f56; font-size: 17px; margin-bottom: 10px; }
.product-quote p { color: #516b7b; font-size: 12px; line-height: 1.8; margin-bottom: 18px; }
.product-quote .btn { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 12px; }
.product-quote .btn span { font-size: 20px; }
.product-info-section { margin-bottom: 42px; }
.product-info-section h2, .product-feature-panel h2 { color: #183748; font-size: 22px; line-height: 1.35; letter-spacing: -.025em; margin-bottom: 20px; }
.product-section-heading { display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #dae5eb; margin-bottom: 16px; padding-bottom: 15px; }
.product-section-heading > span { color: #0074ac; font: 600 11px var(--font-data); }
.product-section-heading h2 { margin: 0; }
.product-spec-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.product-spec-table th, .product-spec-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #e2ebef; color: #304d5f; }
.product-spec-table tbody tr:nth-child(odd) { background: #f4f8fa; }
.product-spec-table tbody th { font-weight: 500; width: 49%; }
.product-spec-table td { font-family: var(--font-data); font-weight: 500; }
.product-spec-table thead th { color: #506c7d; background: #eaf2f6; font-size: 11px; font-weight: 600; }
.product-spec-table caption { text-align: left; padding: 0 0 12px; color: #526b7b; font-size: 12px; }
.product-table-wrap { overflow-x: auto; }
.product-variant-table { margin-bottom: 22px; }
.product-variant-table tbody th, .product-loading-table tbody th { width: auto; }
.product-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 42px; }
.product-feature-panel { border: 1px solid #dbe6ec; border-radius: 12px; padding: 27px; }
.product-feature-panel:only-child { grid-column: 1 / -1; }
.product-feature-panel.is-optional { background: #f0f7fa; border-color: #deecf3; }
.product-feature-label { display: block; font-size: 10px; font-weight: 600; color: #0074ac; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 9px; }
.product-feature-panel h2 { font-size: 20px; }
.product-feature-panel ul, .product-benefit-grid ul { padding: 0; margin: 0; list-style: none; }
.product-feature-panel li, .product-benefit-grid li { position: relative; padding-left: 18px; margin: 13px 0; color: #4b6575; font-size: 13px; line-height: 1.8; }
.product-feature-panel li::before, .product-benefit-grid li::before { content: ''; position: absolute; left: 0; top: .75em; width: 5px; height: 5px; border-radius: 50%; background: #1683b8; }
.product-applications ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.product-applications li { border: 1px solid #d8e5ec; border-radius: 7px; color: #355a70; background: #f8fbfc; padding: 10px 15px; font-size: 12px; }
.product-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.product-benefit-grid > div { border-top: 2px solid #1683b8; padding-top: 18px; }
.product-benefit-grid h3 { color: #264c62; font-size: 16px; line-height: 1.5; }
.gallery-modal-open { overflow: hidden; }
.product-lightbox { border: 0; padding: 0; margin: auto; background: #fff; color: #24475b; border-radius: 16px; width: min(1000px, calc(100% - 36px)); max-width: none; max-height: 92dvh; box-shadow: 0 28px 90px #001c3b55; }
.product-lightbox::backdrop { background: #0b253de6; backdrop-filter: blur(5px); }
.product-lightbox-inner { position: relative; padding: 52px 22px 18px; }
.product-lightbox-inner > img { display: block; width: 100%; height: min(65dvh, 650px); object-fit: contain; }
.product-lightbox button { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: 1px solid #d7e3eb; border-radius: 50%; background: #f3f7fa; color: #234b62; font-size: 22px; cursor: pointer; }
.product-lightbox button[hidden] { display: none; }
.product-lightbox button:hover { background: #deedf5; }
.product-lightbox .product-lightbox-close { position: absolute; top: 10px; right: 12px; font-size: 30px; }
.product-lightbox-controls { display: flex; justify-content: center; align-items: center; gap: 20px; padding-top: 15px; }
.product-lightbox-controls p { font-size: 12px; text-align: center; line-height: 1.7; margin: 0; }
@media (max-width: 1100px) {
    .product-intro { gap: 24px; }
    .product-feature-panel { padding: 22px; }
}
@media (max-width: 650px) {
    .product-intro, .product-feature-grid, .product-benefit-grid { grid-template-columns: 1fr; }
    .product-intro { gap: 30px; margin-bottom: 38px; }
    .product-gallery-stage { aspect-ratio: 1.2; }
    .product-intro-copy h1 { font-size: 32px; }
    .product-spec-table th, .product-spec-table td { padding: 12px 10px; font-size: 12px; overflow-wrap: anywhere; }
    .product-info-section { margin-bottom: 32px; }
    .product-feature-grid { gap: 16px; }
    .product-lightbox-inner { padding: 58px 12px 16px; }
    .product-lightbox-inner > img { height: 55dvh; }
    .product-lightbox-controls { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .product-gallery-stage > img, .product-gallery-thumb { transition: none; }
    .product-gallery-stage:hover > img { transform: none; }
}

/* Kurumsal içerik */
.corporate-award { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; margin-bottom: 80px; }
.corporate-award-copy h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; color: var(--color-secondary); margin-bottom: 24px; }
.corporate-award-copy p { font-size: 16px; line-height: 1.8; color: var(--color-text-light); margin: 0 0 16px; }
.corporate-brands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-bottom: 72px; }
.corporate-brands a { display: flex; align-items: center; justify-content: center; min-height: 136px; padding: 24px; border: 1px solid #dbe7ee; border-radius: 12px; background: #fff; transition: box-shadow .2s, border-color .2s; }
.corporate-brands a:hover, .corporate-brands a:focus-visible { border-color: #1683b8; box-shadow: 0 10px 28px #163d5512; }
.corporate-brands img { display: block; width: auto; max-width: 100%; height: auto; max-height: 68px; object-fit: contain; }
.corporate-video { scroll-margin-top: 120px; }
.corporate-video h2 { text-align: center; color: var(--color-secondary); font-size: 28px; margin-bottom: 28px; }
.corporate-video-frame { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #102e43; box-shadow: 0 18px 44px #163d5520; }
.corporate-video iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 800px) {
    .corporate-award { grid-template-columns: 1fr; gap: 32px; margin-bottom: 48px; }
    .corporate-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 48px; }
    .corporate-brands a { min-height: 110px; padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { .corporate-brands a { transition: none; } }

/* Teknik model tabloları ve sektör ürünleri */
.sector-products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 30px; }
.sector-products-grid > :only-child { max-width: 560px; width: 100%; justify-self: center; }
.food-spec-wrap { margin-bottom: 28px; border: 1px solid #dbe6ec; border-radius: 10px; }
.food-spec-table caption { padding: 16px; font-weight: 600; color: #183748; }
.food-spec-table th, .food-spec-table td { padding: 14px 12px; }
.food-spec-table tbody th { width: auto; min-width: 160px; }
.food-spec-table td { white-space: nowrap; }

.food-drawing { margin: 0 0 28px; border: 1px solid #dbe6ec; border-radius: 10px; overflow: hidden; background: #fff; }
.food-drawing-crop { aspect-ratio: 985 / 530; overflow: hidden; max-width: 650px; margin: auto; }
.food-drawing-crop img { display: block; width: 100%; height: auto; }
.food-drawing figcaption { padding: 16px; background: #f4f8fa; color: #506c7d; font-size: 13px; line-height: 1.6; }