html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0;overflow:visible}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:36px;font-weight:700}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
.st-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.st-image{max-width:100%;height:auto}
img{vertical-align:middle}
a{color:inherit}
a:active,a:hover,a:link,a:visited{text-decoration:none}
table th,table td,table th[scope=col]{word-break:break-word}
td:hover,tr:hover{background-color:#fff}
table{width:100%;background:#b9bbc8}
table,td,th{border:1px solid #999;border-collapse:collapse;font-size:12px}
.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}
td{text-align:center;background-color:#ccc}
.st-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.st-button{user-select:none}
.st-ul{list-style-type:none;padding:0;margin:0}
.st-ul li{padding:8px 16px;border-bottom:1px solid #ddd}
.st-ul li:last-child{border-bottom:none}
.st-tooltip,.st-display-container{position:relative}
.st-tooltip .st-text{display:none}
.st-tooltip:hover .st-text{display:inline-block}
#main{transition:margin-left .4s}
.st-bar{width:100%;overflow:hidden}
.st-center .st-bar{display:inline-block;width:auto}
.st-bar{position:static;float:left}
.st-bar .st-button{white-space:normal}
.st-center .st-bar-item{text-align:center}
.st-block{display:block;width:100%}
.st-container:after,.st-container:before,.st-panel:after,.st-panel:before,.st-row:after,.st-row:before,.st-row-padding:after,.st-row-padding:before,.st-clear:after,.st-clear:before,.st-bar:before,.st-bar:after{content:"";display:table;clear:both}
.st-col,.st-half,.st-third,.st-twothird,.st-quarter{float:left;width:100%}
.st-col.s3{width:24.99999%}
@media (min-width:601px){.st-third{width:33.33333%}.st-half{width:49.99999%}.st-twothird{width:66.66666%}}
.st-content{margin-left:auto;margin-right:auto;max-width:980px}
@media (max-width:600px){.st-button{width:100%}}
.st-top{position:fixed;width:100%;z-index:1;top:0}
.st-display-container:hover .st-display-hover{display:block}
.st-display-container:hover span.st-display-hover{display:inline-block}
.st-display-position{position:absolute}
.st-row-padding,.st-row-padding>.st-half,.st-row-padding>.st-third,.st-row-padding>.st-twothird,.st-row-padding>.st-row-padding>.st-quarter,.st-row-padding>.st-col{padding:0 8px}
.st-container,.st-panel{padding:.01em 16px}
.st-panel{margin-top:16px;margin-bottom:16px}
.st-card,.st-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.st-card-4,.st-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19)}
.st-opacity,.st-hover-opacity:hover{opacity:.9}
.st-large{font-size:18px!important}
.st-xlarge{font-size:24px!important}
.st-xxlarge{font-size:36px!important}
.st-xxxlarge{font-size:48px!important}
.st-center{text-align:center!important}
.st-topbar{border-top:6px solid #ccc!important}
.st-bottombar{border-bottom:6px solid #ccc!important}
.st-section{margin-top:16px!important;margin-bottom:16px!important}
.st-margin{margin:16px!important}
.st-margin-top{margin-top:16px!important}
.st-margin-bottom{margin-bottom:16px!important}
.st-margin-left{margin-left:16px!important}
.st-margin-right{margin-right:16px!important}
.st-padding{padding:8px 16px!important}
.st-padding-large{padding:12px 24px!important}
.st-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.st-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.st-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.st-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.st-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.st-button:hover{color:#000!important;background-color:#ccc!important}
.st-hover-none:hover{box-shadow:none!important}
.st-black,.st-hover-black:hover{color:#fff!important;background-color:#000!important}
.st-light-grey,.st-hover-light-grey:hover,.st-light-gray,.st-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
iframe{display:inline-block;width:auto}

/* ===========================
   MENÜ CSS (AYNEN)
   =========================== */
.site-header{background:#111;color:#fff}
.site-header-inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.site-logo{display:flex;align-items:center;gap:8px}
.site-logo img{height:20px;display:block}
.site-title{font-size:18px;font-weight:700;color:#fff}
.main-nav{background:#111}
.main-nav-inner{max-width:1200px;margin:0 auto;padding:0 16px 8px}
.main-menu{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center;flex-wrap:nowrap}
.main-menu>li>a{color:#fff;padding:8px 6px;display:block;white-space:nowrap}
.main-menu>li>a:hover{text-decoration:underline}
.dropdown{position:relative}
.submenu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#222;border:1px solid #333;list-style:none;padding:0;margin:0;z-index:100}
.submenu li a{display:block;padding:8px 12px;color:#fff;white-space:normal}
.submenu li a:hover{background:#333}
@media (min-width:901px){.dropdown:hover>.submenu{display:block}}
.nav-toggle{background:none;border:1px solid #fff;border-radius:4px;padding:6px 8px;cursor:pointer;display:none}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:4px 0;transition:0.3s}
@media (max-width:900px){
  .site-header-inner{padding:10px 12px}
  .nav-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .main-nav-inner{padding:0 12px 10px}
  .main-menu{flex-direction:column;align-items:flex-start;gap:4px}
  .main-menu>li>a{width:100%;padding:10px 4px}
  .dropdown .submenu{position:static;border:none;background:#222;margin-left:10px;margin-top:4px}
  .dropdown>a::after{content:" ▼";font-size:11px}
  .dropdown.open>.submenu{display:block}
}

/* ===========================
   SAYFA DÜZENİ
   =========================== */
.page-wrapper{max-width:1100px;margin:80px auto 80px}
.calc-box{max-width:820px;margin:0 auto 18px;background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:14px}
.calc-box h3{margin:0 0 12px}
.calc-box label{display:block;font-weight:700;margin:10px 0 6px}
.calc-box input{width:100%;padding:10px 12px;border:1px solid #e3e3e3;border-radius:12px;font-size:1rem;outline:none}
.calc-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.calc-row button{padding:10px 12px;border:1px solid #e3e3e3;border-radius:12px;background:#f7f7f7;cursor:pointer;font-weight:700}
.calc-row button:hover{background:#eee}
.calc-check{display:flex;gap:8px;align-items:center;font-weight:700}
.calc-out{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fafafa;border:1px dashed #e3e3e3}
.controls{margin:12px 0 10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.controls #counter{font-size:13px;color:#111;background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:7px 10px}
.controls button{border:1px solid #e3e3e3;border-radius:10px;background:#f7f7f7;padding:8px 12px;font-weight:800;cursor:pointer}
.controls button:hover{background:#eee}
@media (max-width:600px){.controls{align-items:stretch}.controls button{width:100%}}
.note{font-size:13px;color:#333;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px;margin:10px 0}
.notice{padding:10px 12px;border:1px solid #f0f0f0;border-radius:12px;background:#fbfbfb}
.faq{margin-top:22px}
.faq details{border:1px solid #ececec;border-radius:10px;padding:10px 12px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:8px 0 0;line-height:1.65}
#priceRows tr.is-hidden{display:none!important}

/* basit breadcrumb */
.bread ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.bread li{color:#111}
.bread a{color:#111;text-decoration:underline}
.update-date{font-size:13px;color:#333}
/* HTML breadcrumb görünümü */
.bread {
  font-size: 13px;
  margin: 8px 0 16px;
}

.bread ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bread li {
  color: #111;
  display: flex;
  align-items: center;
}

.bread li + li::before {
  content: "›";
  margin: 0 4px;
  color: #777;
  font-size: 11px;
}

.bread a {
  color: #111;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bread a:hover {
  text-decoration: none;
}
.related-box-profiles {
  margin-top: 40px;
  padding: 24px;
  border-radius: 8px;
  background: #f7f9fb;
  border: 1px solid #e2e6ea;
}

.related-box-profiles h2 {
  margin-bottom: 12px;
  font-size: 1.2rem;
}

.related-box-profiles ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: center;
  text-align: center;
}
.related-box-profiles li a {
  text-decoration: none;
  color: #0d6efd;
  font-weight: 500;
}

.related-box-profiles li a:hover {
  text-decoration: underline;
}