﻿/* service-img rules intentionally omitted */


.product-img {
    text-align:center;
}

.product-img img {
    min-height: 200px !important;
    height: 200px !important;
    object-fit: contain;
    text-align:center;
}


.product-img2 {
    text-align: center;
    min-height: 220px;
    display: flex;
    justify-content:center;
    align-content: center;
    align-items: center
}

    .product-img2 img {
        min-height: 100% !important;
        height: 100% !important;
        text-align: center;
        object-fit: contain;
    }

.product-img3 {
    text-align: center;
}

    .product-img3 img {
        min-height: 200px !important;
        height: 200px !important;
        width: 200px !important;
        text-align: center;
        object-fit: contain;
    }

.btn-primary {
    background-color: #003657 !important;
}


/* text-lg-nowrap sınıfı tanımı */
@media (min-width: 992px) {
    .text-lg-nowrap {
        white-space: nowrap;
    }
}


.pt-50 {
    padding-top: 60px;
}

/* Navbar shape/line overlap fix */
/* The theme positions the header SVG line absolutely. When the header becomes
   relative on narrower widths, this line can stack above the logo. Push the
   shape behind and, as a safety, hide it on mid-widths where it tends to
   collide. */
.header-ltb7 .header-logo { position: relative; z-index: 2; }
.header-ltb7 .header-shape { position: absolute; z-index: 1; pointer-events: none; }
@media (max-width: 1449px) {
    .header-ltb7 .header-shape { display: none; }
}

/* Mega menu heading underline alignment fix */
@media (min-width: 992px) {
    /* Give all top-level mega menu headings the same block height so the
       underline pseudo-element (created in style.css) aligns across columns. */
    .main-menu ul.mega-menu > li > a {
        display: flex;
        align-items: flex-end; /* keep text anchored above the underline */
        min-height: 75px; /* accommodates up to two lines of heading text */
    }
}

/* Blog cards: equal heights and clamped titles */
.blog-card {
    display: flex;
    flex-direction: column;
}

/* keep original image sizing from theme; don't constrain ratio */

.blog-card .blog-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.blog-card .link-btn { margin-top: auto; }

/* Clamp the title to 3 lines with ellipsis */
.blog-title-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

/* Blog list image fixed height */
.blog-card .blog-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}