/* =====================================================================
   NSN Search - layout modeled on ParTarget (search / results / detail)
   and WBParts (compare). Colors: blue #005DA4, red #971C15.
   ===================================================================== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;color:#333;font:400 12.8px/1.45 Arial,Tahoma,Verdana,sans-serif}
a{color:#005DA4;text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
.wrapper{width:980px;margin:0 auto;position:relative}

/* ---------- Header ---------- */
#header .wrapper{height:90px;border-bottom:1.6px solid #005DA4;margin-bottom:20px}
#header .logo{position:absolute;left:0;top:12px;margin:0}
#header .logo img{height:52px;width:auto;display:block}
#top_search_form{position:absolute;right:0;top:0;width:363px;margin:0}
#top_search_form .advanced-search{margin:3px 0 0;text-align:right;font-size:11px}
#top_search_form .advanced-search a{color:#333}
.top-search{position:relative;margin-top:4px;height:24px}
#searchtext{width:100%;height:24px;padding:1px 118px 1px 4px;border:1px solid #b8b8b8;border-bottom-color:#d8d8d8;font:12px Arial,sans-serif;color:#333}
#searchtext::placeholder{color:#aaa}
.search-options{position:absolute;right:28px;top:4px;font-size:11px;color:#333}
.search-options label{margin-left:6px;cursor:pointer}
.search-options input{margin:0 2px 0 0;vertical-align:-2px}
.btn-go{position:absolute;right:0;top:0;width:24px;height:24px;border:0;background:#971C15;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.btn-go svg{width:14px;height:14px}
.btn-go:hover{background:#7a160f}
#top-nav{position:absolute;right:0;bottom:0;border-collapse:collapse;background:#fff}
#top-nav td{padding:6px 0 0;font-weight:700;font-size:14px}
#top-nav .tn-a{display:block;margin-left:2px;padding:6px 14px;background:#efefef;color:#666;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;border-top:4px solid #efefef}
#top-nav .tn-a:hover{color:#005DA4}
#top-nav .tn-current .tn-a{background:#fff;color:#333;border-top:4px solid #005DA4;padding-bottom:8px}
#navSepet{display:inline-block;min-width:16px;padding:0 4px;background:#971C15;color:#fff;border-radius:8px;font-size:11px;line-height:16px;text-align:center}
#navSepet:empty{display:none}

/* ---------- Content ---------- */
.breadcrumbs{font-size:10.88px;padding:0 6px 20px;margin:0}
.breadcrumbs a{color:#005DA4}
#content h1{background:#005DA4;color:#fff;font:400 28px/32px Arial,Ubuntu,Tahoma,Verdana,sans-serif;letter-spacing:-1px;padding:5px 20px;margin:0 0 20px}
#middlePane{display:flex;gap:20px;align-items:flex-start}
#contentBar{width:648px;flex:0 0 648px}
#middlePane.layout-c #contentBar{width:100%;flex:1 1 auto}
#rightSidebar{width:312px;flex:0 0 312px}
.content-pane h2,#contentBar h2{color:#005DA4;font:400 19.2px Arial,Tahoma,sans-serif;padding:0 6px 5px;margin:0}
.block-wrapper{margin-bottom:20px}

/* Banner (search page) */
.promo{border:4px solid #005DA4;margin:0 0 20px;background:#005DA4;display:flex;align-items:stretch}
.promo .promo-txt{background:#fff;width:300px;flex:0 0 300px;padding:12px 14px}
.promo .rfq + .promo-img{border-left:4px solid #005DA4}
.promo .promo-txt .title{color:#971C15;font:400 26px Arial,sans-serif;text-transform:uppercase;letter-spacing:-.5px;margin:0 0 8px}
.promo .promo-txt table{border-collapse:collapse;width:100%}
.promo .promo-txt td{padding:3px 0;font-size:12.8px}
.promo .promo-txt td.v{text-align:right;font-weight:700;color:#005DA4;font-size:15px}
.promo .promo-img{flex:1 1 auto;background:#005DA4 url(banner.jpg?v=2) center/100% 100% no-repeat;min-height:150px}

/* Advanced search form */
.table-form{border-collapse:collapse;margin:0 0 0 10px}
.table-form td{padding:3px 4px 3px 0;vertical-align:middle}
.table-form td:first-child{width:118px;white-space:nowrap}
.table-form label{font-size:12.8px;color:#333}
.table-form .field{width:338px;height:22.8px;padding:3px 0 3px 2px;border:1px solid #b8b8b8;border-bottom-color:#d8d8d8;font:13px Arial,sans-serif;color:#000;background:#fff}
.table-form select.field{height:auto;padding:1px}
.td-boolean{padding:3px 0 3px 3px !important}
.td-boolean label{display:inline-block;width:30px;height:21px;line-height:20px;text-align:center;background:#efefef;color:#333;border:1px solid #d8d8d8;cursor:pointer;font-size:12.8px;user-select:none}
.td-boolean label.current{background:#005DA4;color:#fff;border-color:#005DA4}
.td-boolean input{display:none}
.i_remove{display:inline-block;width:16px;height:16px;margin:2px 0 0 5px;cursor:pointer;color:#999;font-size:15px;line-height:16px;text-align:center}
.i_remove:hover{color:#971C15}
.btn-submit{display:inline-block;background:#971C15;color:#fff;border:0;font:700 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;padding:5px 18px;cursor:pointer;margin:12px 0 0;font-variant:small-caps}
.btn-submit:hover{background:#7a160f}
.field-note{color:#888;font-size:11px;margin-left:4px}

/* Sidebar */
.sidebar .side-box{background:#efefef;margin-bottom:20px}
.sidebar .side-box h2{color:#005DA4;font:400 18px Arial,sans-serif;padding:6px 20px;margin:0}
.sidebar .side-box .block{padding:8px 20px 12px}
.sidebar .side-box p{margin:0 0 10px}
.sidebar .side-box ul{margin:0 0 10px;padding-left:16px}
.sidebar .side-box li{margin-bottom:4px}
.rfq-box{border:4px solid #005DA4;background:#fff;padding:10px 12px;margin-bottom:20px}
.rfq-box .title{color:#c8202b;font:400 28px/1 Lato,Arial,sans-serif;font-variant:small-caps;letter-spacing:.3px;margin:2px 0 12px}
.rfq-box table{border-collapse:collapse;width:100%}
.rfq-box td{padding:4px 0;font-size:12.8px}
.rfq-box td.v{text-align:right;font-weight:700}
.btn-red{display:inline-block;background:#971C15;color:#fff !important;font:400 16px Arial,sans-serif;text-transform:uppercase;padding:5px 12px;border:0;cursor:pointer;text-decoration:none !important}
.btn-red:hover{background:#7a160f}

/* Messages */
.search-info{background:#BDE5F5;padding:10px 20px 8px;margin:1px 0 20px}
.search-info p{margin:0 0 6px}
.message.error{background:#fdecea;border:1px solid #f3c7c2;color:#971C15;padding:10px 20px;margin-bottom:20px}

/* Catalog tables (results + detail) */
.table-catalog{width:100%;border-collapse:collapse;border-bottom:1.6px solid #dadada;margin-bottom:20px}
.table-catalog th{background:#dadada;color:#000;font:700 15.36px Arial,sans-serif;font-variant:small-caps;text-align:left;padding:8px 6px;vertical-align:bottom}
.table-catalog td{padding:8px 6px;vertical-align:top;background:#fff}
.table-catalog tr.even-row td,.table-catalog tbody tr:nth-child(even) td{background:#efefef}
.table-catalog td a{font-weight:700}
.td_details .str1{font-size:10.88px;font-style:italic}
.td_suppl a{font-weight:400;text-decoration:underline}
.btn-quote{display:inline-block;background:#971C15;color:#fff !important;font:700 10px Arial,sans-serif;padding:2px 5px;border:1px solid #6d120c;cursor:pointer;text-decoration:none !important;white-space:nowrap}
.btn-quote.secili{background:#005DA4;border-color:#00467c}
.price{font-weight:700;color:#000}
.price-low{color:#0a7a2f;font-weight:700}
.price-high{color:#971C15;font-weight:700}
.muted{color:#888}
.nw{white-space:nowrap}
.r{text-align:right}
.status-open{color:#0a7a2f;font-weight:700}
.status-closed{color:#888}

/* Paging */
.paging{padding:10px 20px 0;font-size:10.88px;text-align:center}
.paging a,.paging .current-span{display:inline-block;padding:0 3px;min-width:16px}
.paging .current-span{background:#005DA4;color:#fff;font-size:11.97px;padding:1px 4px}

/* ---------- Footer ---------- */
#footer{width:980px;margin:0 auto 30px;padding-top:20px}
#footer .bnav{background:#efefef;color:#999;padding:7.7px;margin:0 0 10px;text-align:center}
#footer .bnav a{color:#005DA4;font-weight:700}
#footer .copyright{font-size:10.88px;text-align:center;margin:0;padding:5px 0 22px}

/* ---------- Compare basket bar ---------- */
.kar-sepet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#005DA4;color:#fff;padding:8px 16px;display:none;align-items:center;gap:12px;font-size:13px;box-shadow:0 -2px 6px rgba(0,0,0,.2)}
.kar-sepet.on{display:flex}
.kar-sepet b{font-size:15px}
.kar-sepet #sepetListe{flex:1;font-family:monospace}
.kar-sepet .btn-red{font-size:13px;padding:4px 12px}
.kar-sepet .sepet-x{color:#fff;font-size:20px;text-decoration:none}

/* ---------- Login ---------- */
.login-box{width:420px;margin:30px auto 40px;border:4px solid #005DA4;padding:14px 18px}
.login-box .title{color:#971C15;font:400 26px Arial,sans-serif;text-transform:uppercase;margin:0 0 12px}
.login-box label{display:block;margin:8px 0 3px}
.login-box input[type=text],.login-box input[type=password]{width:100%;height:28px;border:1px solid #b8b8b8;padding:3px 5px;font:13px Arial,sans-serif}

/* =====================================================================
   NSN Compare (WBParts layout)
   ===================================================================== */
body.kar #content .wrapper{width:auto}
.wb{font-family:Poppins,Arial,sans-serif;font-size:14px;color:#000}
.wb .page-header{background:#f4f4f4;padding:30px 0;margin:0 0 30px}
.wb .page-header .in{width:1140px;max-width:100%;margin:0 auto;padding:0 12px;display:flex;justify-content:space-between;align-items:center}
.wb .page-header h1{background:none !important;color:#212529 !important;font:400 20px Poppins,Arial,sans-serif !important;letter-spacing:-1px !important;padding:0 !important;margin:0 !important}
.wb .crumb{font-size:12px;text-transform:uppercase;color:#212529}
.wb .crumb a{color:#0c78ae}
.wb .crumb span{margin:0 8px;color:#999}
.wb .container{width:1140px;max-width:100%;margin:0 auto;padding:0 12px 30px}
.wb .alert{background:#cff4fc;border:1px solid #b6effb;color:#055160;padding:12px 16px;margin-bottom:20px;border-radius:4px;display:flex;justify-content:space-between}
.wb .alert b{margin-right:4px}
.wb table.cmp{width:100%;border-collapse:collapse;table-layout:fixed}
.wb table.cmp th{text-align:left;font-weight:700;padding:8px;font-size:14px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:bottom}
.wb table.cmp td{padding:8px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top;word-wrap:break-word;text-transform:uppercase;font-size:13.5px}
.wb table.cmp td.lbl{text-transform:uppercase;font-size:13px;width:180px}
.wb table.cmp th.lbl{width:180px}
.wb table.cmp a.nsnlink{color:#0c78ae;font-weight:700}
.wb table.cmp .add-col{border-left:1px solid #ccc}
.wb table.cmp .sep{border-right:1px solid #ccc}
.wb table.cmp input.typeahead{width:100%;padding:6px 12px;font:13.6px Poppins,Arial,sans-serif;border:1px solid #dee2e6;border-radius:4px;color:#212529}
.wb table.cmp input.typeahead:focus{outline:0;border-color:#86b7fe;box-shadow:0 0 0 3px rgba(13,110,253,.15)}
.wb .dotted{border-bottom:1px dotted #000;cursor:help}
.wb .count{font-style:italic;text-transform:none}
.wb tr.grp td{background:#f4f4f4;font-weight:700;font-size:12px;letter-spacing:.5px;color:#555}
.wb td.best{color:#0a7a2f;font-weight:700}
.wb .btn-rfq{display:inline-block;background:#0c78ae;color:#fff !important;padding:5px 12px;border-radius:4px;font-size:12px;text-decoration:none !important;text-transform:none}
.wb .btn-x{display:inline-block;margin-left:6px;color:#dc3545 !important;font-weight:700;font-size:15px;text-decoration:none !important}
.wb .help{margin:40px 0 0;text-align:center;background:#f4f4f4;padding:30px}
.wb .help h2{font:600 22px Poppins,Arial,sans-serif;margin:0 0 6px}
.wb .help p{margin:0 0 14px;color:#555}
.wb .help a{display:inline-block;margin:0 6px;padding:8px 18px;border-radius:4px;background:#0c78ae;color:#fff;text-decoration:none}
.wb .tools{display:flex;justify-content:flex-end;margin:0 0 8px;font-size:13px}
.ta-wrap{position:relative}
.ta-menu{position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.08);max-height:260px;overflow:auto;display:none}
.ta-menu div{padding:6px 10px;cursor:pointer;font-size:12.5px;text-transform:none}
.ta-menu div:hover,.ta-menu div.on{background:#e7f1ff}
.ta-menu small{color:#777}

@media (max-width:1000px){
  .wrapper,#footer{width:auto;margin-left:10px;margin-right:10px}
  #header .wrapper{height:auto;padding-bottom:6px}
  #header .logo,#top_search_form,#top-nav{position:static}
  #top_search_form{width:100%;margin-top:8px}
  #top-nav{margin-top:8px}
  #middlePane{flex-direction:column}
  #contentBar,#rightSidebar{width:100%;flex:1 1 auto}
  .table-form .field{width:100%}
  .promo{flex-direction:column}
  .promo .promo-txt{width:auto}
  .tablo-sar{overflow-x:auto}
}

/* ---------- ParTarget "Request a Quote" kutusu ---------- */
.rfq{background:#fff;padding:12px 16px 10px;font-family:Arial,Tahoma,sans-serif}
.rfq .rfq-title{color:#c8202b;font:400 30px/1 Lato,Arial,sans-serif;font-variant:small-caps;letter-spacing:.3px;margin:2px 0 14px}
.rfq table{border-collapse:collapse;width:100%}
.rfq td{padding:4px 0;font-size:13px;color:#333;vertical-align:middle}
.rfq td.cap{width:100px}
.rfq input[type=text]{height:24px;border:1px solid #c9c9c9;padding:2px 5px;font:13px Arial,sans-serif;color:#000;width:178px}
.rfq input.qty{width:88px}
.rfq .hint{font-size:11px;color:#666;margin:4px 0 8px}
.rfq .hint a{color:#666;text-decoration:underline}
.rfq .rfq-alt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rfq .resp{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.25;color:#999}
.rfq .b24{position:relative;width:34px;height:34px;border-radius:50%;border:3px solid #cfcfcf;border-top-color:#9a9a9a;display:flex;align-items:center;justify-content:center;color:#c8202b;font:700 15px Arial,sans-serif}
.rfq .btn-gq{background:#c8202b;color:#fff;border:0;font:400 22px/1 Lato,Arial,sans-serif;font-variant:small-caps;letter-spacing:.3px;padding:6px 14px 8px;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.rfq .btn-gq:hover{background:#a8161f}
.promo .rfq{width:330px;flex:0 0 330px}
.rfq-box.rfq-side{padding:0}
.rfq-box.rfq-side .rfq{padding:12px 12px 10px}
.rfq-box.rfq-side .rfq input[type=text]{width:100%}
.rfq-box.rfq-side .rfq input.qty{width:80px}
.quote-est{background:#BDE5F5;padding:10px 14px;margin:0 0 20px}
.quote-est .t{color:#005DA4;font-size:18px;margin:0 0 6px}
.quote-est table{border-collapse:collapse;width:100%}
.quote-est td{padding:3px 0;font-size:12.8px}
.quote-est td.v{text-align:right;font-weight:700}
.db-stats{background:#efefef;margin-bottom:20px;padding:8px 20px 10px}
.db-stats h2{color:#005DA4;font:400 18px Arial,sans-serif;margin:0 0 6px;padding:0}
.db-stats table{width:100%;border-collapse:collapse}
.db-stats td{padding:3px 0}
.db-stats td.v{text-align:right;font-weight:700;color:#005DA4}

/* ---------- Menu: kucuk sekmeler + acilir listeler (ParTarget) ---------- */
#header .logo img{height:48px}
#top-nav .tn-a{padding:6px 11px;font-size:13px}
#top-nav .tn-current .tn-a{padding-bottom:8px}
#top-nav td{position:relative}
#top-nav .tn-quote::before{content:"";display:inline-block;border:4px solid transparent;border-left:6px solid #c8202b;margin-right:5px;vertical-align:0}
#top-nav .tn-drop .tn-a em{display:inline-block;border:4px solid transparent;border-top:5px solid #888;margin-left:6px;vertical-align:-3px}
#top-nav .tnm{display:none;position:absolute;left:2px;top:100%;z-index:60;background:#fff;border:1px solid #cfcfcf;border-top:3px solid #005DA4;box-shadow:0 4px 10px rgba(0,0,0,.15);min-width:250px}
#top-nav .tn-drop:hover .tnm{display:block}
#top-nav .tnm ul{list-style:none;margin:0;padding:4px 0}
#top-nav .tnm a{display:block;padding:5px 12px;font:400 12.5px Arial,sans-serif;color:#333;white-space:nowrap}
#top-nav .tnm a:hover{background:#efefef;color:#005DA4;text-decoration:none}
.foot-iso{text-align:center;margin:0 0 6px;font-size:12px;color:#333}
.b-iso{display:inline-block;background:#005DA4;color:#fff;font:700 11px Arial;border-radius:50%;width:30px;height:30px;line-height:30px;margin-right:6px;vertical-align:middle}

/* ---------- Ana sayfa (ParTarget home) ---------- */
.home-cols{display:flex;gap:10px;margin-bottom:20px}
.home-col{flex:1;background:#efefef}
.home-col h2{color:#005DA4;font:400 18px Arial,sans-serif;padding:6px 12px;margin:0}
.home-col img{display:block;width:100%;height:120px;object-fit:cover;background:#fff}
.home-col ul{margin:10px 0 12px;padding:0 12px 0 28px;columns:1}
.home-col ul.c2{columns:2}
.home-col li{margin-bottom:3px;list-style:square;color:#333}
.home-col li a{color:#333}
#leftSidebar{width:250px;flex:0 0 250px}
.linecard{background:#efefef;margin-bottom:20px}
.linecard h2{color:#005DA4;font:400 18px Arial,sans-serif;padding:6px 14px;margin:0}
.linecard ul{list-style:none;margin:0;padding:4px 0 10px}
.linecard li a{display:flex;justify-content:flex-start;gap:3px;padding:4px 14px;color:#005DA4;font-size:12.5px}
.linecard li a:before{content:"- ";color:#999;margin-right:2px}
.linecard li a span{color:#999;margin-left:auto}
.linecard li a:hover{background:#e2e2e2;text-decoration:none}
.home-main{flex:1 1 auto}
.home-main p{margin:0 0 12px}
.home-main h2{color:#005DA4;font:400 19.2px Arial,sans-serif;margin:18px 0 8px}
.home-main .urun-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}
.home-main .urun-grid a{display:block;background:#efefef;color:#333;text-align:center;font-weight:700;font-size:12px;padding-bottom:6px}
.home-main .urun-grid a img{display:block;width:100%;height:90px;object-fit:cover;margin-bottom:5px}
.home-main .urun-grid a:hover{color:#005DA4;text-decoration:none;outline:2px solid #005DA4}
.son-ilan td{font-size:12px}

/* ---------- Icerik sayfalari (quality / about / contact / nsn) ---------- */
.article p{margin:0 0 12px}
.article ul{margin:0 0 12px;padding-left:20px}
.article li{margin-bottom:4px}
.article h2{color:#005DA4;font:400 19.2px Arial,sans-serif;margin:16px 0 8px;padding:0}
.article img.yan{float:right;margin:0 0 10px 16px;width:290px;border:1px solid #ddd}
.glossary dt{font-weight:700;color:#005DA4;margin-top:10px}
.glossary dd{margin:2px 0 0 0;padding-left:14px;border-left:3px solid #efefef}
.harf-nav{margin:0 0 14px;padding:8px 10px;background:#efefef}
.harf-nav a,.harf-nav span{display:inline-block;padding:1px 6px;font-weight:700}
.harf-nav span.on{background:#005DA4;color:#fff}
.quote-lines td{padding:3px 6px 3px 0}
.quote-lines input{height:24px;border:1px solid #c9c9c9;padding:2px 5px;font:13px Arial,sans-serif}
.contact-grid{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:0 0 16px}
.contact-grid b{color:#333}

.rfq input[type=email]{height:24px;border:1px solid #c9c9c9;padding:2px 5px;font:13px Arial,sans-serif;color:#000;width:178px}
.rfq select.birim{height:24px;border:1px solid #c9c9c9;font:13px Arial,sans-serif;margin-left:4px;vertical-align:top}
.rfq .usd{display:inline-block;width:12px;color:#333;font-weight:700}
.rfq-box.rfq-side .rfq input[type=email]{width:100%}

.top-mail{color:#005DA4 !important;font-weight:700;font-size:12px}
.foot-mail{text-align:center;margin:0 0 8px;font-size:14px;color:#333}
.foot-mail a{color:#c8202b;font-weight:700}
.mail-box{border:4px solid #005DA4;background:#fff;padding:12px 14px;margin-bottom:20px;text-align:center}
.mail-box .t{color:#c8202b;font:400 22px/1 Lato,Arial,sans-serif;font-variant:small-caps;margin:0 0 8px}
.mail-box a{font-size:15px;font-weight:700;color:#005DA4}

.top-cage{font-weight:700;color:#c8202b;font-size:12px;letter-spacing:.3px}
.foot-cage{color:#005DA4}
.rfq .rfq-cage{display:inline-block;margin:-6px 0 10px;padding:2px 8px;background:#005DA4;color:#fff;font:700 12px Arial,sans-serif;letter-spacing:.5px}
.mail-box .mb-cage{margin-top:8px;padding-top:8px;border-top:1px solid #ddd;font-weight:700;color:#c8202b;letter-spacing:.5px}
#top_search_form{width:auto;min-width:363px}
#top_search_form .advanced-search{white-space:nowrap}
#top_search_form .top-search{width:363px;margin-left:auto}