:root {    --font1: "Urbanist", Helvetica, Arial, sans-serif;    --primary-orange: #877461;    --radius: 3px;}body {    font-family: var(--font1);    padding: 0px;    margin: 0px;}body.menu-open {    overflow: hidden;}a {    text-decoration: none;}.container2 {    max-width: 1200px;}/**/.btn-genel {    position: relative;    display: inline-block;    overflow: hidden;    background-color: transparent;    border: 2px solid #1D1D1B;    border-radius: 25px;    color: #1D1D1B;    font-size: 14px;    cursor: pointer;    transition: background-color 0.3s, color 0.3s, border-color 0.3s;    text-transform: uppercase;    height: 43px;    padding: 0px 25px;    font-weight: 600;}.btn-genel i {    margin-right: 15px;    display: none;}.btn-genel .text1,.btn-genel .text2 {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    display: flex;    justify-content: center;    align-items: center;    transition: transform 0.3s ease-in-out;}.btn-genel .text1 {    position: relative;}.btn-genel .text2 {    transform: translateY(103%);    background: #877461;    color: #fff;}.btn-genel:hover .text1 {    transform: translateY(-100%);}.btn-genel:hover .text2 {    transform: translateY(0);}.btn-genel:hover {    border-color: #877461;}/* buton 2*/.btn-genel.btn-renk {    background-color: #877461;    border-color: #877461;    color: #fff;}.btn-genel.btn-renk .text2 {    background: #877461;    color: #fff;}.btn-genel.btn-renk:hover {    background-color: #fff;    border-color: #877461;    color: #000;}.btn-genel.btn-renk .text2 {    background: #fff;    color: #000;}.btn-genel.btn-beyaz {    background-color: #fff;    border-color: #fff;}.btn-genel.btn-beyaz .text2 {    background: #fff;    color: #000;}.btn-genel.btn-border-beyaz {    border-color: #fff;    color: #fff;}.btn-genel.btn-border-beyaz .text2 {    background: #fff;    color: #000;}/**/.toplam {    position: fixed;    top: 0;    left: 0;    width: 100%;    background-color: #ac9b8b;    z-index: 1000;    transition: background-color 0.3s ease;    box-shadow: 0px 0px 10px 0px #0000004f;    padding-top: 0;    border-top: solid 6px #877461;}.site-header {    display: flex;    justify-content: space-between;    align-items: center;    padding-top: 30px;    padding-bottom: 30px;}.logo {    font-size: 32px;    font-weight: 700;    color: #fff;    text-decoration: none;    flex-shrink: 0;    line-height: 1;    display: flex;    align-items: center;}.main-nav {    flex-grow: 1;    display: flex;    justify-content: end;    padding-right: 0;    margin-right: 0;}.main-nav ul {    display: flex;    list-style: none;    gap: 20px;    margin-bottom: 0;    align-items: center;    margin-top: 0;    padding: 0;    margin: 0 auto;}.main-nav ul li:nth-child(1) {    display: none;}.main-nav a {    transition: color 0.3s ease;    letter-spacing: 0.1rem;    display: block;    padding: 0.65rem 0rem;    color: #fff;    font-size: 15px;    text-decoration: none;    font-weight: 700;    text-transform: uppercase;    position: relative;}.main-nav a:hover {    color: #000;}.has-dropdown > a {    display: flex;    align-items: center;    gap: 5px;}.has-dropdown > a::after {    content: "∨";    font-size: 12px;}.header-right {    display: flex;    align-items: center;    gap: 14px;}.contact-info {    color: #000;    font-size: 15px;    white-space: nowrap;    font-size: 16px;    font-weight: 600;    text-decoration: none;}.contact-info a {    font-weight: 700;    text-decoration: none;    color: #000;}.cart-icon {    position: relative;    display: flex;    align-items: center;    justify-content: center;    width: auto;    height: auto;    color: #fff;    font-size: 14px;    padding-left: 25px;    border-left: 1px solid #ffffff1f;}.cart-icon svg {    width: 22px;    height: 22px;}.cart-count {    margin-left: 5px;    font-weight: 700;    line-height: 1;    display: flex;    align-items: center;}.cta-button {    background-color: #000;    color: #fff;    padding: 12px 25px;    font-weight: 700;    text-transform: uppercase;    font-size: 14px;    border-radius: 4px;    transition: background-color 0.3s ease;    white-space: nowrap;    text-decoration: none;}.cta-button:hover {    background-color: #b84d12;    color: #fff;}.menu-toggle {    display: none;    background: none;    border: none;    cursor: pointer;    padding: 10px;    z-index: 1001;}.menu-toggle .bar {    display: block;    width: 25px;    height: 3px;    background-color: #fff;    margin: 5px 0;    transition: all 0.4s;}.menu-toggle.is-active .bar:nth-child(1) {    transform: translateY(8px) rotate(45deg);}.menu-toggle.is-active .bar:nth-child(2) {    opacity: 0;}.menu-toggle.is-active .bar:nth-child(3) {    transform: translateY(-8px) rotate(-45deg);}.nav-overlay {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: #0009;    z-index: 998;    opacity: 0;    visibility: hidden;    transition: opacity 0.5s ease, visibility 0.5s ease;}.nav-overlay.is-active {    opacity: 1;    visibility: visible;}.header-top-dil {    display: flex;    padding-left: 10px;    padding-right: 10px;    margin-bottom: 0px;    margin-top: 0;}.header-top-dil li {    list-style: none;    margin-right: 20px;    position: relative;}.header-top-dil li span {    display: none;}.header-top-dil li a {    color: #333333;    font-size: 13px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0;    display: flex;    align-items: center;}.header-top-dil li:first-child:before {    display: none;}.header-top-dil li:before {    content: "";    display: block;    position: absolute;    left: -12px;    top: 50%;    margin-top: -4px;    height: 9px;    width: 1px;    background-color: #ffffff;}.header-top-dil li a .icon {    height: 17px;    margin-right: 5px;}.header-top-dil li a .icon img {    height: 100%;}@media (max-width: 1150px) {    .contact-info {        display: none;    }}@media (max-width: 991.98px) {    .menu-toggle {        display: block;    }    .main-nav {        justify-content: flex-end;    }    .main-nav ul {        flex-direction: column;        position: fixed;        top: 0;        left: -100%;        width: 80%;        max-width: 320px;        height: 100vh;        background-color: #1a1a1a;        padding: 120px 40px 40px;        align-items: flex-start;        gap: 25px;        transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1);        z-index: 999;    }    .main-nav ul.is-active {        left: 0;    }    .main-nav ul a {        font-size: 20px;    }    .cta-button {        display: none;    }    .about-section, .services-section {        text-align: center;    }    .about-image {        margin-top: 40px;    }    .button-group {        justify-content: center;    }    .about-headline {        font-size: 30px;    }}@media (max-width: 768px) {    .services-section {        margin-top: -80px;        padding: 0 20px;        margin-bottom: 60px;    }}/**/footer.footer9 {    width: 100%;    height: auto;    background-color: #877461;    color: #fff;    position: relative;}footer.footer9::before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background-image: url(../../images/bg.png);    opacity: 20%;}footer.footer9 .footer-sosyal {    display: flex;    align-items: center;    margin: 0;}footer.footer9 .footer-sosyal li:first-child {    margin-left: 0px;}footer.footer9 .footer-sosyal li {    list-style: none;    margin-left: 15px;}footer.footer9 .footer-sosyal li a {    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    background: rgba(255, 255, 255, 0.096);    color: #fff;}footer.footer9 .footer-sosyal li a svg {    width: 20px;    height: 50px;    overflow: inherit;    fill: #fff;}footer.footer9 .footer-ust {    width: 100%;    height: auto;    padding: 50px 0px;    display: flex;    align-items: center;    position: relative;}footer.footer9 .footer-logo {    width: 350px;    height: auto;}footer.footer9 .footer-logo img {    width: 100%;    height: auto;}footer.footer9 .footer-text {    width: calc(100% - 150px);    height: auto;    padding-left: 50px;    font-size: 16px;}footer.footer9 .footer-orta {    width: 100%;    height: auto;    padding: 40px 0px;    border-top: 1px solid #ffffff2b;    border-bottom: 1px solid #ffffff2b;    position: relative;}footer.footer9 .footer-liste {    width: 100%;    height: auto;    display: flex;    flex-wrap: wrap;    list-style: none;    padding: 0;}footer.footer9 .footer-liste li:first-child {    margin-left: 0px;}footer.footer9 .footer-liste li {    list-style: none;    margin-left: 40px;}footer.footer9 .footer-liste li a {    color: #ffffff;}footer.footer9 .footer-alt {    width: 100%;    height: auto;    display: flex;    padding: 40px 0px;    position: relative;    align-items: center;}footer.footer9 .footer-alt .logolar {    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto;}footer.footer9 .footer-alt .logolar img {    height: 50px;    object-fit: contain;    background: white;    padding: 10px 30px;    border-radius: 50px;    width: 190px;    margin: 0 15px;}footer.footer9 .footer-alt .footer-unvani {    display: block;}footer.footer9 .footer-alt .hasem-logo {    width: auto;    display: block;    margin-left: 0 !important;}footer.footer9 .footer-alt .hasem-logo img {    width: auto;    height: 20px;    display: block;}@media(max-width: 1024px) {    footer.footer9 .footer-orta, footer.footer9 .footer-ust {        display: none;    }}@media(max-width: 1024px) {    .logo img {        width: 160px;    }    .header-right .btn-genel.btn-renk {        display: none;    }    .main-nav a:hover {        color: white;    }    footer.footer9 {        margin-bottom: 40px;    }    footer.footer9 .footer-alt .logolar{        display: none;    }    footer.footer9 .footer-alt .hasem-logo {        margin-left: auto !important;    }}