.hero {    overflow-x: hidden;    padding: 0;}.hero .breadcrumbs {    padding: 140px 0 60px 0;    min-height: 40vh;    position: relative;    background-size: cover;    background-position: center;    background-repeat: no-repeat;}.hero .breadcrumbs:before {    content: "";    background-color: rgba(0, 0, 0, 0.6);    position: absolute;    inset: 0;}section {    padding: 80px 0;    overflow: hidden;}.section-bg {    background-color: #f5f6f7;}.section-header {    text-align: center;    padding-bottom: 70px;}.section-header h2 {    font-size: 32px;    font-weight: 700;    position: relative;    color: #2e3135;}.section-header h2:before,.section-header h2:after {    content: "";    width: 50px;    height: 2px;    background: #feb900;    display: inline-block;}.section-header h2:before {    margin: 0 15px 10px 0;}.section-header h2:after {    margin: 0 0 10px 15px;}.section-header p {    margin: 0 auto 0 auto;}@media (min-width: 1199px) {    .section-header p {        max-width: 60%;    }}.constructions .card-item {    border: 1px solid rgba(82, 86, 94, 0.2);    background: #fff;    position: relative;    border-radius: 0;    margin-bottom: 30px;}.constructions .card-item .card-bg {    min-height: 300px;    background-size: cover;    background-position: center;    background-repeat: no-repeat;}.constructions .card-item .card-body {    padding: 30px;}.constructions .card-item h4 {    font-weight: 700;    font-size: 20px;    margin-bottom: 15px;    color: var(--color-secondary);}.constructions .card-item p {    color: var(--color-secondary);    margin: 0;}.features .nav-tabs {    border: 0;    list-style: none;    padding: 0;}.features .nav-link2 {    padding: 15px 0;    transition: 0.3s;    color: var(--color-secondary);    border-radius: 0;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    height: 100%;    border: 0;    border-bottom: 4px solid #e2e4e6;}.features img {    width: 100%;}.features .nav-link2 i {    padding-right: 15px;    font-size: 48px;}.features .nav-link2 h4 {    font-size: 18px;    font-weight: 600;    margin: 0;}@media (max-width: 575px) {    .features .nav-link2 h4 {        font-size: 16px;    }}.features .nav-link2:hover {    color: #feb900;}.features .nav-link2.active {    color: #feb900;    background-color: transparent;    border-color: #feb900;}.features .tab-content {    margin-top: 30px;}.features .tab-pane h3 {    font-weight: 700;    font-size: 32px;    position: relative;    margin-bottom: 20px;    padding-bottom: 20px;}.features .tab-pane h3:after {    content: "";    position: absolute;    display: block;    width: 60px;    height: 3px;    background: #feb900;    left: 0;    bottom: 0;}.features .tab-pane ul {    list-style: none;    padding: 0;}.features .tab-pane ul li {    padding-top: 10px;}.features .tab-pane ul i {    font-size: 20px;    padding-right: 4px;    color: #feb900;}.features .tab-pane p:last-child {    margin-bottom: 0;}/* Genel yapı */.page-resimler {    margin-top: 0;}/* Pinterest-style grid */.page-resimler .row {    --bs-gutter-x: 0;    --bs-gutter-y: 0;    display: block !important;    column-count: 4;    column-gap: 0;}@media (max-width: 992px) {    .page-resimler .row {        column-count: 3;    }}@media (max-width: 768px) {    .page-resimler .row {        column-count: 2;    }}@media (max-width: 480px) {    .page-resimler .row {        column-count: 1;    }}/* Kart yapısı */.page-urunler-listele-resimler {    display: inline-block;    width: 100%;    margin: 0 0 1rem 0;    padding: 0;    position: relative;    /* border-radius: 1rem; */    /* background: #fff; */    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */    transition: transform 0.3s ease, box-shadow 0.3s ease;    break-inside: avoid;}.page-urunler-listele-resimler:hover {    /* transform: translateY(-5px); */    /* box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); */}/* Görsel */.image-container img {    width: 100%;    height: auto;    display: block;    object-fit: cover;    /* transition: opacity 0.4s ease, filter 0.4s ease; */    opacity: 1;    padding: 0 10px;}/* Hover efekti */.page-urunler-listele-resimler:hover .image-container img {    filter: brightness(0.85);}/* Zoom overlay ikonu */.page-urunler-listele-resimler .zoom {    position: absolute;    inset: 0;    display: flex;    align-items: center;    justify-content: center;    opacity: 0;    /* background: rgba(0, 0, 0, 0.4); */    /* transition: opacity 0.3s ease; */    z-index: 2;}.page-urunler-listele-resimler:hover .zoom {    opacity: 0;}.page-urunler-listele-resimler .zoom svg {    width: 20px;    height: 20px;    fill: #fff;    transform: scale(0.8);    transition: transform 0.3s ease;}.page-urunler-listele-resimler:hover .zoom svg {    transform: scale(1);}/* Başlık */.images-list-text {    text-align: center;    font-size: 1rem;    font-weight: 500;    color: #333;    padding: 0.8rem 0.5rem;    background: #f9f9f9;    border-radius: 0 0 1rem 1rem;}/* Responsive */@media (max-width: 767px) {    .images-list-text {        font-size: 0.9rem;    }}.footer {    color: #fff;    background: rgba(0, 0, 0, 0.8);    background-size: cover;    font-size: 14px;    padding: 80px 0 60px 0;    position: relative;}.footer .footer-content .footer-info {    margin-bottom: 30px;}.footer .footer-content .footer-info h3 {    font-size: 28px;    margin: 0 0 20px 0;    padding: 2px 0 2px 0;    line-height: 1;    font-weight: 700;    text-transform: uppercase;}.footer .footer-content .footer-info h3 span {    color: #feb900;}.footer .footer-content .footer-info p {    font-size: 14px;    line-height: 24px;    margin-bottom: 0;    font-family: var(--font-primary);    color: #fff;    margin-bottom: 20px;}.footer .footer-content .social-links a {    font-size: 18px;    display: inline-flex;    background: rgba(255, 255, 255, 0.1);    color: #fff;    line-height: 1;    margin-right: 8px;    border-radius: 4px;    width: 36px;    height: 36px;    transition: 0.3s;    align-items: center;    justify-content: center;}.footer .footer-content .social-links a svg {    width: 20px;    height: 20px;    overflow: inherit;    fill: #fff;}.footer .footer-content .social-links a:hover {    background: #feb900;    text-decoration: none;}.footer .footer-content h4 {    font-size: 16px;    font-weight: 600;    color: #fff;    position: relative;    padding-bottom: 12px;}.footer .footer-content .footer-links {    margin-bottom: 30px;}.footer .footer-content .footer-links ul {    list-style: none;    padding: 0;    margin: 0;}.footer .footer-content .footer-links ul li {    padding: 8px 0;}.footer .footer-content .footer-links ul li:first-child {    padding-top: 0;}.footer .footer-content .footer-links ul a {    color: rgba(255, 255, 255, 0.6);    transition: 0.3s;    display: inline-block;    line-height: 1;}.footer .footer-content .footer-links ul a:hover {    color: #fff;}.footer .footer-legal .copyright {    padding-top: 30px;    border-top: 1px solid rgba(255, 255, 255, 0.15);    text-align: center;}.footer .footer-legal .credits {    padding-top: 4px;    font-size: 13px;    color: #fff;}.footer .footer-legal .credits a {    color: #feb900;}@media(max-width: 1024px) {    section {        padding: 40px 0;    }    .features img {        margin-top: 30px;    }    .buton{        display: none !important;    }}