/* Dry Center — düzen düzeltmeleri (mobil + masaüstü hizalama) */

/* 1) Kampanya listesi: kartlar eşit yükseklikte ve hizalı */
.row.campaignList {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.row.campaignList > .col {
  display: -webkit-flex;
  display: flex;
}
.row.campaignList a.campaignItem {
  width: 100%;
  height: auto;
  align-self: stretch;
}
.row.campaignList a.campaignItem span.img {
  display: -webkit-flex;
  display: flex;
}
.row.campaignList a.campaignItem span.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.row.campaignList a.campaignItem span.txt {
  padding-bottom: 110px;
}
@media (max-width: 767px) {
  .row.campaignList a.campaignItem span.txt {
    padding-bottom: 45px;
  }
  .row.campaignList a.campaignItem span.img img {
    height: auto;
  }
}


/* 2) Sadece kart tipi slider'larda eşit yükseklik (ana slider etkilenmez) */
#servicesSlider .owl-stage,
.pricesSlider .owl-stage,
.campaignCategories .owl-stage,
#blogCategorySlider .owl-stage {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}
#servicesSlider .owl-item,
.pricesSlider .owl-item,
.campaignCategories .owl-item,
#blogCategorySlider .owl-item {
  display: -webkit-flex;
  display: flex;
  height: auto;
}
#servicesSlider .owl-item > .item,
.pricesSlider .owl-item > .item,
.campaignCategories .owl-item > .item,
#blogCategorySlider .owl-item > .item {
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
#servicesSlider .owl-item > .item > a,
.pricesSlider .owl-item > .item > a,
.campaignCategories .owl-item > .item > a,
#blogCategorySlider .owl-item > .item > a {
  width: 100%;
}


/* 3) Ana sayfa hizmet kartları: eşit yükseklik ve ortalı hizalama */
section.services #servicesSlider .item a {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
section.services #servicesSlider .item a span {
  margin-top: auto;
}

/* 4) Form gönder butonu: özgün stiliyle ve doğru hizada */
.formContent .fCol input[type="submit"],
.formContent input#contentHolder_submitBtn {
  border: 1px solid #2152BE;
  color: #2152BE;
  background: url(../images/icons/arrowBlue.svg) no-repeat 90% center;
  font-size: 18px;
  font-weight: 300;
  height: 60px;
  float: right;
  margin-top: 40px;
  border-radius: 10px;
  padding: 0 60px 0 30px;
  cursor: pointer;
}
.formContent .fCol.w100 { clear: both; overflow: hidden; }
@media (max-width: 767px) {
  .formContent .fCol input[type="submit"],
  .formContent input#contentHolder_submitBtn {
    float: none;
    width: 100%;
    margin-top: 25px;
    background-position: 95% center;
  }
}

/* 5) Makine Çeşitleri kartları: eşit yükseklik */
.row.pCategoryRow {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.row.pCategoryRow > .col {
  display: -webkit-flex;
  display: flex;
}
.row.pCategoryRow .pCategoryItem {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  align-self: stretch;
}
.row.pCategoryRow .pCategoryItem span {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  width: 100%;
}
@media (max-width: 767px) {
  .row.pCategoryRow .pCategoryItem span { min-height: 0; }
}

/* 5b) Minimal kart görünümü */
.row.pCategoryRow { gap: 0; }
.row.pCategoryRow > .col { padding-left: 7px; padding-right: 7px; }
.row.pCategoryRow .pCategoryItem {
  padding: 26px 16px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #eceef2;
  transition: box-shadow .25s, border-color .25s;
}
.row.pCategoryRow .pCategoryItem:hover {
  box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.12);
  border-color: #dfe3ea;
}
.row.pCategoryRow .pCategoryItem svg {
  height: 52px;
  max-width: 52px;
}
.row.pCategoryRow .pCategoryItem span {
  font-size: 15px;
  font-weight: 700;
  padding-top: 14px;
  min-height: 42px;
  line-height: 1.35;
}
@media (max-width: 767px) {
  .row.pCategoryRow .pCategoryItem { padding: 20px 12px; }
  .row.pCategoryRow .pCategoryItem svg { height: 44px; max-width: 44px; }
  .row.pCategoryRow .pCategoryItem span { font-size: 14px; }
}
/* 5c) Kart genişliği 200px */
.row.pCategoryRow {
  justify-content: center;
}
.row.pCategoryRow > .col {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.row.pCategoryRow .pCategoryItem {
  width: 200px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .row.pCategoryRow > .col { flex: 1 1 auto; }
  .row.pCategoryRow .pCategoryItem { width: 100%; }
}

/* Makine kategori sayfası SEO metin alanı */
.dcSeoText { padding: 10px 0 25px; line-height: 1.7; color: #333; }
.dcSeoText:empty { display: none; }

/* Makine kategori SEO metin bloğu */
.dcSeoSection { background: #EFEFEF; }
.dcSeoBlock h2 { font-size: 30px; font-weight: 700; margin-bottom: 20px; }
.dcSeoBlock h3 { font-size: 20px; font-weight: 700; margin: 20px 0 8px; }
.dcSeoBlock h4 { font-size: 18px; font-weight: 700; margin: 20px 0 8px; }
.dcSeoBlock p { margin-bottom: 12px; line-height: 1.6; }
.dcSeoBlock ul { list-style: none; padding: 0; margin: 0; }
.dcSeoBlock ul li { line-height: 1.7; }

/* Machine detail — description tab typography */
.productDetail .tabContent .tabItem h3{font-size:16px;font-weight:700;margin:16px 0 8px;color:#12284c}
.productDetail .tabContent .tabItem p{margin:0 0 10px;line-height:1.65}
.productDetail .tabContent .tabItem ul{margin:0 0 12px;padding-left:18px;list-style:disc}
.productDetail .tabContent .tabItem ul li{margin:0 0 6px;line-height:1.6}
/* Breadcrumb — tutarlı görünüm (link + aktif sayfa aynı tipografi) */
.breadCrumb{align-items:center;flex-wrap:wrap;row-gap:4px}
.breadCrumb a,
.breadCrumb span{
  color:#12284c;font-size:12px;font-weight:400;line-height:18px;
  position:relative;padding-left:10px;display:block;margin-right:10px;text-decoration:none;
}
.breadCrumb a:hover{color:#3f7fb5}
.breadCrumb span{color:#7c8b9c}
.breadCrumb span:before{
  content:"";width:5px;height:5px;background:currentColor;display:block;border-radius:100%;
  top:50%;transform:translateY(-50%);left:0;position:absolute;opacity:.6;
}
.breadCrumb a:before{opacity:.6}
.breadCrumb a:last-child{pointer-events:auto}
.breadCrumb > :last-child{margin-right:0}

/* Makine kategori banner */
.dcCatBanner{position:relative;overflow:hidden;background:linear-gradient(90deg,#fdfefe 0%,#d6dfe6 18%,#b0c0ca 30%,#9cc2d8 32%,#8cbed6 38%,#8cbed6 100%);min-height:290px;display:flex;align-items:center;padding-top:80px}
.dcCatBanner .content{position:relative;z-index:2;width:100%;max-width:none;padding-left:70px;padding-right:70px;box-sizing:border-box}
@media (max-width:1200px){.dcCatBanner .content{padding-left:24px;padding-right:24px}}
.dcCatBannerText{max-width:640px;padding:38px 0}
.dcCatBanner .breadCrumb{margin-bottom:10px;font-size:14px;color:#4b6478}
.dcCatBanner .breadCrumb a{color:#4b6478;text-decoration:none}
.dcCatBanner .breadCrumb a:last-child{color:#3f7fb5}
.dcCatBanner .breadCrumb span{color:#4b6478;font-size:14px;line-height:20px}
.dcCatBanner h1{font-size:40px;line-height:1.15;font-weight:800;color:#0f2233;margin:0 0 14px}
.dcCatBannerText p{font-size:15px;line-height:1.6;color:#33556e;margin:0;max-width:520px}
.dcCatBannerImg{position:absolute;right:0;top:80px;height:calc(100% - 80px);width:auto;max-width:65%;object-fit:contain;object-position:right center;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%);mask-image:linear-gradient(to right,transparent 0,#000 12%)}
@media (max-width:900px){
.dcCatBanner{min-height:auto;padding-top:70px}
.dcCatBanner h1{font-size:28px}
.dcCatBannerText{max-width:100%;padding:26px 0 22px}
.dcCatBannerImg{top:70px;height:calc(100% - 70px);max-width:52%;opacity:.6}
}

/* Makine detay gorseli: orijinal Realstar RS olcusu */
#productSlider .item{display:flex;align-items:center;justify-content:center;min-height:471px;padding:16px 0 0}
#productSlider .item img{max-height:439px;height:auto;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto}



/* Ürün kartı: indirim rozeti fiyatın yanında dursun */
.productItem a { align-items: flex-end; }
.productItem a > span.caption { flex: 0 0 100%; }
.productItem a > span.img { flex: 0 0 100%; }
.productItem a span.price {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 6px;
  font-size: 18px;
  white-space: nowrap;
}
.productItem a span.price small { font-size: 14px; }
.productItem a i.discount {
  position: static;
  flex: 0 0 auto;
  align-self: flex-end;
  width: 64px;
  height: 64px;
  background-size: contain;
  padding-top: 18px;
  font-size: 13px;
}
.productItem a i.discount small { font-size: 9px !important; }
@media (max-width: 480px) {
  .productItem a { padding: 25px; }
  .productItem a span.price { font-size: 17px; }
}

/* Machine detail — gallery thumbnails */
.dcProductThumbs {
    display: grid; grid-template-columns: repeat(3, minmax(0, 104px)); gap: 10px; margin-top: 10px;
}
.dcProductThumbs .dcThumb {
    width: 100%; aspect-ratio: 1 / 1; height: auto; padding: 6px; background: #fff; cursor: pointer;
    border: 1px solid #e2e6ee; border-radius: 8px; transition: border-color .2s, box-shadow .2s;
}
.dcProductThumbs .dcThumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dcProductThumbs .dcThumb:hover { border-color: #2152be; }
.dcProductThumbs .dcThumb.active { border-color: #2152be; box-shadow: 0 0 0 2px rgba(33, 82, 190, .18); }
#productSlider .owl-dots { text-align: center; margin-top: 4px; line-height: 1; }
#productSlider .owl-stage-outer { margin-bottom: 0; }
.dcProductThumbs { margin-top: 10px !important; }

/* Ürün kartı: tüm görseller aynı beyaz plaka içinde, aynı ölçüde */
.productItem a span.img {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    overflow: hidden;
}
.productItem a span.img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.productItem a:hover span.img { background: #fff; }

/* Makine detay görseli: sabit beyaz plaka, geçişte zıplama olmasın */
#productSlider .item {
    background: #fff;
    border-radius: 10px;
}

/* Ürün listesi: tablet ve mobilde sütun sayısı düşsün, görsel alanı ezilmesin */
@media (max-width: 1024px) {
    .productList.four .productItem { width: 33.333%; }
}
@media (max-width: 780px) {
    .productList .productItem,
    .productList.four .productItem { width: 50%; padding: 0 12px 30px 12px; }
    .productList { margin: 0 -12px; }
    .productItem a { padding: 20px; }
    .productItem a span.img { height: 170px; }
}
@media (max-width: 480px) {
    .productList .productItem,
    .productList.four .productItem { width: 100%; }
    .productItem a span.img { height: 200px; }
}

/* ---- Kart yükseklikleri: içerik farkı olsa da kartlar eşit ---- */
.productList { align-items: stretch; }
.productList .productItem { display: flex; }
.productItem > a { width: 100%; height: 100%; }
/* başlık alanı iki satır için sabit yer ayırsın */
.productItem a > span.caption {
    min-height: 52px;
    display: block;
}
/* fiyat satırı: eski fiyat / rozet olmasa da aynı yüksekliği korusun */
.productItem a { align-content: flex-start; }
.productItem a > span.price { min-height: 64px; display: flex; flex-direction: column; justify-content: flex-end; }
.productItem a > span.price small { display: block; min-height: 22px; }

/* Diğer Ürünlerimiz kaydırıcısı: kartlar eşit yükseklikte */
#otherProductSlider .owl-stage { display: flex; align-items: stretch; }
#otherProductSlider .owl-item { display: flex; float: none; }
#otherProductSlider .owl-item > .item { width: 100%; display: flex; }
#otherProductSlider .owl-item .productItem { width: 100%; }

/* Popüler Makineler carousel */
.popularProducts .popularHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.popularProducts .popularHead h2{margin:0}
.popularProducts .popularNav{display:flex;gap:12px}
.popularProducts .popularNav .owl-prev,
.popularProducts .popularNav .owl-next{width:48px;height:48px;border-radius:10px;background:#f4f5f7;color:#1b2a4e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;margin:0}
.popularProducts .popularNav .owl-prev:hover,
.popularProducts .popularNav .owl-next:hover{background:#e6e9ef}
.popularProducts .popularNav .owl-prev.disabled,
.popularProducts .popularNav .owl-next.disabled{opacity:.4;cursor:default}
.popularProducts .productList.owl-carousel{display:block}
.popularProducts .productList.owl-carousel .owl-stage{display:flex}
.popularProducts .productList.owl-carousel .owl-item{display:flex}
.popularProducts .productList.owl-carousel .owl-item .productItem{width:100%;display:flex;margin:0}
.popularProducts .productList.owl-carousel .owl-item .productItem > a{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:stretch;width:100%;height:100%}
.popularProducts .popularDots{display:flex;justify-content:center;gap:8px;margin-top:28px}
.popularProducts .popularDots .owl-dot{width:10px;height:10px;border-radius:50%;background:#d8dce3;border:0;padding:0;cursor:pointer}
.popularProducts .popularDots .owl-dot.active{background:#1273eb}
.popularProducts .productList.owl-carousel .owl-item .productItem > a > span.caption,
.popularProducts .productList.owl-carousel .owl-item .productItem > a > span.price{width:100%;flex:0 0 auto}
.popularProducts .productList.owl-carousel .owl-item .productItem > a > span.price{margin-top:auto}
.popularProducts .productList.owl-carousel .owl-item .productItem > a > span.img{flex:0 0 auto;height:200px}

/* Popüler Makineler: görsel üstte, başlık ve fiyat altta, indirim rozeti görselin sağ üstünde */
.popularProducts .productList .productItem > a{position:relative}
.popularProducts .productList .productItem > a > span.img{order:1;margin:0 0 14px}
.popularProducts .productList .productItem > a > span.caption{order:2;margin:0 0 8px}
.popularProducts .productList .productItem > a > span.price{order:3;margin-top:auto}
.popularProducts .productList .productItem > a > i.discount{order:0;position:absolute;top:10px;right:10px;left:auto;bottom:auto;margin:0;z-index:3}

/* Popüler Makineler: görsel alanı genişletildi, yanlardaki gri boşluk azaltıldı */
.popularProducts .productList .productItem > a{padding-left:12px;padding-right:12px}
.popularProducts .productList .productItem > a > span.img{padding:6px;height:240px}
.popularProducts .productList .productItem > a > span.caption,
.popularProducts .productList .productItem > a > span.price{padding-left:6px;padding-right:6px}
@media (max-width:768px){
  .popularProducts .productList .productItem > a > span.img{height:210px}
}
.popularProducts .productList .productItem > a > span.caption{font-size:16px;line-height:1.35}
.popularProducts .productList .productItem > a > span.caption{font-size:13px}
.popularProducts .productList .productItem > a > i.discount,
.popularProducts .productList .productItem > a > i.discount small{font-weight:700}

/* Popüler makineler: yeni fiyat solda, eski fiyat sağda yan yana */
.popularProducts .productList .productItem > a > span.price{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:8px;flex-wrap:wrap}
.popularProducts .productList .productItem > a > span.price small{display:inline-block;margin:0}
.popularProducts .productList .productItem > a > span.price{padding-top:0}
.popularProducts .productList .productItem > a > span.price small{position:static;top:auto;left:auto;font-size:16px;line-height:1;white-space:nowrap}

/* Popüler makineler: kart altındaki fazla boşluğu azalt */
.popularProducts .productList .productItem > a{padding-top:16px;padding-bottom:16px}
.popularProducts .productList .productItem > a > span.price{min-height:0;font-size:26px;line-height:1.1}
.popularProducts .productList .productItem > a > span.price small{min-height:0}
.popularProducts .productList .productItem{padding-bottom:24px}

/* Popüler makineler: fiyatlar tek satırda yan yana (yeni solda, eski sağda) */
.popularProducts .productList .productItem > a > span.price{flex-wrap:nowrap;align-items:baseline;gap:6px;font-size:20px;line-height:1.2;padding-bottom:0}
.popularProducts .productList .productItem > a > span.price small{font-size:13px;white-space:nowrap}
.popularProducts .productList .productItem > a{padding-bottom:14px}

/* Popüler makineler: fiyat satırı ortalı, başlık ile arası dar */
.popularProducts .productList .productItem > a > span.caption{margin-bottom:6px}
.popularProducts .productList .productItem > a > span.price{justify-content:center;text-align:center;margin-top:0}
.popularProducts .productList .productItem > a > span.caption{min-height:36px}

/* Markalar: her logo beyaz kart içinde */
.brands .brandSlider .item {
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(16, 34, 66, 0.14), 0 2px 6px rgba(16, 34, 66, 0.08);
  transition: box-shadow .25s ease, transform .25s ease;
  padding: 14px 18px;
  min-height: 84px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.brands .brandSlider .item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.brands .brandSlider .item img {
  max-height: 52px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.brands .brandSlider .item:hover {
  box-shadow: 0 12px 26px rgba(16, 34, 66, 0.18), 0 3px 8px rgba(16, 34, 66, 0.1);
  transform: translateY(-2px);
}

/* Markalar: gölgelerin kesilmemesi için taşmaya izin ver */
.brands .brandSlider,
.brands .brandSlider .owl-carousel,
.brands .brandSlider .owl-stage-outer,
.brands .brandSlider .owl-stage {
  overflow: visible !important;
}
.brands .brandSlider {
  padding: 14px 6px 28px;
}
.brands .brandSlider .item {
  margin: 4px 0;
}

/* Markalar: bölüm yüksekliğini standart seviyeye indir */
section.brands.padded {
  padding-top: 50px;
  padding-bottom: 50px;
}
section.brands .top {
  margin-bottom: 24px;
}
.brands .brandSlider {
  padding: 10px 6px 14px;
}

/* SEO yazı alanı: liste maddelerinde nokta göster */
.dcSeoText ul {
  list-style: disc outside;
  margin: 10px 0 18px;
  padding-left: 22px;
}
.dcSeoText ul li {
  list-style: disc outside;
  display: list-item;
  margin-bottom: 6px;
}
.dcSeoText ol {
  list-style: decimal outside;
  margin: 10px 0 18px;
  padding-left: 22px;
}
.dcSeoText ol li { display: list-item; margin-bottom: 6px; }

/* Ürün detayı: başlık yanındaki ürün kodunu gizle */
.productDetail h1 span.code{display:none}

/* Diğer Ürünlerimiz: slider ile footer arasındaki fazla boşluğu azalt */
#otherProductSlider .productItem{padding-bottom:0}
#otherProductSlider{margin-bottom:0}

/* Ürün detayı: breadcrumb ile detay arası ve alt boşluğu sadeleştir */
.breadCrumb:has(+ .row .productDetail){margin-bottom:6px}
.row:has(> .productDetail){margin-top:0}
section.padded:has(.productDetail){padding-bottom:40px}

/* Ürün detay görseli: fazla iç boşluğu azalt, sağ sütunla hizala */
#productSlider .owl-item > .item{padding:16px}

/* Ürün detay: ana görsel ile küçük görseller arasındaki boşluğu kaldır */
#productSlider .owl-dots{display:none !important}
#productSlider .owl-stage-outer{margin-bottom:0 !important;padding-bottom:0 !important}
#productSlider{margin-bottom:0 !important}
#productSlider .owl-item > .item{padding:16px 16px 0}
.dcProductThumbs{margin-top:8px !important}
#productSlider .owl-nav{position:absolute;top:50%;left:0;right:0;margin:0 !important;transform:translateY(-50%);pointer-events:none}
#productSlider .owl-nav [class*="owl-"]{pointer-events:auto}
#productSlider .owl-thumbs:empty{display:none}
#productSlider .owl-thumbs{padding-top:0}

/* Blog kategori kenar çubuğu: Leke Çıkarma listesi */
.dcStainAside{margin-top:20px;background:#f5f6f8;border-radius:12px;padding:16px}
.dcStainAside h3{font-size:18px;font-weight:700;color:#2152be;margin:0 0 12px}
.dcStainAside ul{list-style:none;margin:0;padding:0 6px 0 0;max-height:600px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3c8d2 transparent}
.dcStainAside ul::-webkit-scrollbar{width:6px}
.dcStainAside ul::-webkit-scrollbar-thumb{background:#c3c8d2;border-radius:3px}
.dcStainAside ul::-webkit-scrollbar-track{background:transparent}
@media (max-width:767px){.dcStainAside ul{max-height:560px}}
.dcStainAside ul li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e4e7ee}
.dcStainAside ul li:last-child{border-bottom:0}
.dcStainAside ul li img{width:32px;height:32px;object-fit:contain;flex:0 0 32px}
.dcStainAside ul li a{font-size:14px;line-height:1.3;color:#26303e;text-decoration:none}
.dcStainAside ul li a:hover{color:#2152be}

/* Blog yazı gövdesine eklenen görseller sütuna sığsın */
.blogDetail img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 0 20px;
  border-radius: 8px;
}
