/* Fontlar start */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Notera';
    src: url('fonts/Notera_PersonalUseOnly.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WinslowBook';
    src: url('fonts/WinslowBook-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Didot';
    src: url('fonts/Didot.otf') format('opentype');
}

@font-face {
    font-family: 'Lucida';
    src: url(fonts/Lucida-Grande-Regular-Font.ttf) format('truetype');
}

@font-face {
    font-family: 'SKGun';
    src: url('fonts/Gunaydin-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Galins';
    src: url('fonts/Galins.otf') format('opentype');
}

.content-loader-section {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(145, 145, 145, 0.7);
    width: 100%;
    height: 100%;
    z-index: 1111111;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* */

.modal-content-custom {
    width: max-content;
}

.siparis-iptal-custom {
    margin: 20px 0;
}

.goncabgcolor {
    background: #2E5160 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
}

.goncabgcolor:hover {
    background: #ffffff !important;
    color: #2E5160 !important;
    border: 1px solid #2E5160 !important;
}

.adressflex {
    display: flex;
    flex-direction: column-reverse;
    width: max-content;
}

.gonca-button-custom {
    padding: 8px 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent !important;
    background: #2e5160;
    cursor: pointer !important;
    border-radius: 0 !important;
    border: 1px solid transparent;
}

.gonca-button-custom:hover {
    color: #2E5160;
    background: #fff;
    border: 1px solid #2e5160 !important;
}

html {
    overflow-x: hidden;
}

.index-first-popup-container {
    position: fixed;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    background: linear-gradient(rgba(30, 30, 30, .5), #000 1810%);
}

.index-first-popup-main-container {
    max-width: 540px;
    padding: .5rem;
}

.index-first-popup-button-container {
    background: transparent;
    border: none;
    position: relative;
    top: 17px;
    right: -97.5%;
    font-size: 1.5rem;
    color: #fff;
}

.index-first-popup-button-container button i {
    color: #fff !important;
}

.index-first-popup-container.hidden {
    display: none;
}

.index-first-popup-image a {
    display: inline-block;
    width: max-content;
    height: 730px;
}

.index-first-popup-image a img {
    width: 100%;
    height: 100%;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    /*left: 9.5%;*/
    /*margin: 21px;*/
    /*transform: translateX(-50%);*/
    background: white;
    padding: 15px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    /*border-radius: 8px;*/
    width: 335px;
    text-align: center;
    font-family: Arial, sans-serif;
    z-index: 999;
    flex-direction: column;
    display: flex;
    justify-content: space-around;
    margin: 0 0 1% 1%;
}

.cookie-banner h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.cookie-banner p {
    font-family: "Fira Sans";
    font-size: 10.95px;
    color: #333;
    margin: 10px 0;
    text-align: left;
    line-height: 15px;
    margin-top: -3px;
}

.cookie-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
}

.cookie-buttons button {
    padding: 4px 12px;
    width: 50%;
}

.accept-btn, .customize-btn {
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.accept-btn {
    background-color: #2E5160;
    color: white;
}

.customize-btn {
    background-color: #e0e0e0;
    color: #333;
}



.mobil-bars-container {
    z-index: 999;
}

.mobil-navbar-section-1 {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 15px;
    width: 55%;
    z-index: 5;
}

.mobil-navbar-section-2 {
    display: flex;
    justify-content: right;
    z-index: 3;
}

.mobil-navbar-icon-container a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
}

.mobil-navbar-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.mobil-navbar-search-box-child {
    width: 100%;
    height: 40px;
    border: 1px solid #2e5160;
    background: #F9F7F3;
    border-radius: 15px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.mobil-navbar-search-box-child input {
    background: #F9F7F3;
}

.mobil-navbar-search-box-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px !important;
    height: 24px;
    width: 24px;
}

.mobil-hesap-links-main-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobil-hesap-links-child-container {
    display: none;
}

.mobil-hesap-links-header h3 {
    font-size: 20px;
    font-weight: 400;
}

.mobil-hesap-links-child-container {
    background: #cecece;
    width: 100%;
    padding: 5px;
}

.mobil-hesap-links-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    padding: 15px !important;
}

.mobil-hesap-links-child {
    padding: 5px 15px;
}

.mobil-hesap-links-main-container {
    margin-top: 20px;
    position: sticky !important;
}

.mobil-hesap-links-container-child {
    display: none;
}

.mobil-navbar-section-3 {
    display: none;
}

.mobil-navbar-slide-body ul {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
}

.mobil-navbar-slide-body li {
    margin-bottom: 12px;
    font-size: 13px;
}

.mobil-navbar-side-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobil-navbar-side-links > li {
    margin-bottom: 1rem;
    list-style-type: none;
}

.mobil-navbar-slide-body {
    display: none !important;
    padding-left: 15px;

}

.has-submenu.open > .mobil-navbar-slide-body {
    display: block !important;
}

.has-submenu.open .mobil-navbar-slide-body {
    display: block;
    border-bottom: 1px solid black;
    margin-top: 10px;
}

.submenu-toggle-btn {
    background: none;
    border: none;
    padding: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* MENÜ KAPALI HALİ */
.mobil-navbar-slide-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}

.mobil-navbar-slide-body.open {
    opacity: 1;
    max-height: 400px; /* Sabit yükseklik veriyoruz */
    overflow-y: auto; /* İçerik fazlaysa scroll aktif olur */
    -webkit-overflow-scrolling: touch;
}

/* MENÜ AÇILDIĞINDA */
.has-submenu.open > .mobil-navbar-slide-body {
    max-height: 1000px; /* Yeterince büyük bir değer olmalı */
    opacity: 1;
    transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out;
    padding-left: 10px;
}

/* ALT BAŞLIKLAR */
.mobil-navbar-slide-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

/* OK (SVG) DÜZENİ */
.submenu-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

/* SVG ÇİZGİLER */
.mobil_plus .horizontal,
.mobil_plus .vertical {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* KAPALI HAL: + işareti (dikey çizgi görünür) */
.mobil_plus .vertical {
    opacity: 1;
    transform: rotate(0deg);
}

/* Yatay çizgi hep görünür */
.mobil_plus .horizontal {
    transform: rotate(0deg);
}

/* Buton döndürme (opsiyonel) */
.has-submenu.open .submenu-toggle-btn {
    transform: rotate(180deg);
}

.mobil_plus {
    transition: transform 0.3s ease-in-out;
}

.mobil_plus .vertical {
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.has-submenu.open > .mobil-navbar-slide-header > .submenu-toggle-btn > .mobil_plus > .vertical {
    opacity: 0 !important;
}

.mobil_plus.rotated {
    transform: rotate(180deg);
}

.mobil_plus.rotated .vertical {
    transform: scaleY(0);
    opacity: 0;
}

.mobil-navbar-side-links-main-container {
    display: none; /* BaÅŸlangÄ±Ã§ta gizli */
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 4;
    transform: translateX(-200px);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto; /* ✅ dikey scroll aktif */
    -webkit-overflow-scrolling: touch;
}

.mobil-navbar-side-links-container {
    width: 100%;
    margin-top: 110px;
    padding: 0 20px;
}

.mobil-navbar-side-links a {
    font-weight: 400;
    display: block;
    height: max-content;
    flex-direction: column;
    color: black !important;
}

.mobil-logo-container {
    z-index: 999;
}

.mobil-navbar-footer-side-links {
    font-weight: 400;
    margin-top: 2.5rem;
}

.toggle-menu-link .mobil-navbar-slide-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 1rem;
    width: 100%;
}

.mobil-navbar-slide-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

.mobil-navbar-slide-body a:hover {
    color: #2E5160 !important;
    padding-left: 10px;
}

.toggle-menu-link p {
    margin-bottom: 0;
    font-weight: 400;
}

.mobil-navbar-toggle-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 1rem;
}

.mobil-navbar-toggle-link p {
    margin-bottom: 0;
    font-weight: 400;
}

.mobil-logo h4 {
    font-family: 'Galins', serif;
    font-size: 1.75rem;
    text-align: center;
    color: #2E5160;
    line-height: 1;
    position: relative;
    width: max-content;
    margin: 1rem 0;
}

.mobil-logo h4 span {
    display: block;
    font-family: 'Notera', serif;
    font-size: 0.375em;
    margin-top: -0.75em;
}

.mobil-logo h4 sup {
    position: absolute;
    right: -0.75em;
    top: 0.75em;
    font-size: 0.35em;
    font-weight: bold;
}

.mobil-bars-container {
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Ã‡izgileri ortalamak iÃ§in */
    align-items: center;
    cursor: pointer;
    z-index: 200;
    gap: 4px; /* Ã‡izgiler arasÄ±ndaki boÅŸluk */
    position: relative;
}

.bar {
    width: 100%;
    height: 1px;
    background: #333;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
    position: absolute;
}

.bar:nth-child(1) {
    transform: translateY(-6px);
}

.bar:nth-child(2) {
    transform: translateY(0);
}

.bar:nth-child(3) {
    transform: translateY(6px);
}

.mobil-bars-container.active .bar:nth-child(1),
.mobil-bars-container.active .bar:nth-child(3) {
    transform: translateY(0);
}

.mobil-bars-container.active .bar:nth-child(1) {
    animation: merge-then-rotate-1 0.4s forwards;
}

.mobil-bars-container.active .bar:nth-child(3) {
    animation: merge-then-rotate-2 0.4s forwards;
}

.mobil-bars-container.active .bar:nth-child(2) {
    opacity: 0;
}

@keyframes merge-then-rotate-1 {
    0% {
        transform: translateY(-6px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes merge-then-rotate-2 {
    0% {
        transform: translateY(6px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobil-bars-container:not(.active) .bar:nth-child(1) {
    animation: rotate-then-merge-1 0.4s forwards;
}

.mobil-bars-container:not(.active) .bar:nth-child(3) {
    animation: rotate-then-merge-2 0.4s forwards;
}

.mobil-bars-container:not(.active) .bar:nth-child(2) {
    opacity: 1;
}

@keyframes rotate-then-merge-1 {
    0% {
        transform: translateY(0) rotate(45deg);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-6px);
    }
}

@keyframes rotate-then-merge-2 {
    0% {
        transform: translateY(0) rotate(-45deg);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(6px);
    }
}

.mobil-navbar-dark-background {
    width: 100%;
    height: 100%;
}

.footer_copy_right p {
    font-size: 10px !important;
}

.input-group {
    gap: 15px;
}

.input-group input {
    border-radius: 5px !important;
}

.input-group .btn {
    border-radius: 0px !important;
}

/* Fontlar end */

.mobil-navbar {
    display: none;
}

.mobil-navbar-image {
    height: 200px;
    width: 200px;
}

.mobil-navbar-image img {
    height: 100%;
    width: 100%;
}

/* universal start*/
body {
    margin: 0;
    /*background: #F9F7F3 !important;*/
    font-family: "Fira Sans", sans-serif !important;
}

a {
    text-decoration: none;
}

.account-login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 180px;
    margin-bottom: 80px;
}

.form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.email-text {
    font-weight: 200;
    margin-bottom: .3rem;
}

.email {
    font-size: 16px;
    padding-left: 15px;
    background: transparent;
    border: 1px solid rgb(0, 0, 0, 0.2);
    width: 100%;
    height: 3.3rem;
    box-sizing: border-box;
}

.email:-webkit-autofill,
.email:-webkit-autofill:hover,
.email:-webkit-autofill:focus,
.email:-webkit-autofill:active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.password-text {
    font-weight: 200;
    margin-bottom: .3rem;
}

.password {
    padding-left: 15px;
    letter-spacing: 10px;
    /*background: #F9F7F3;*/
    border: 1px solid rgb(0, 0, 0, 0.2);
    width: 100%;
    height: 3.3rem;
    box-sizing: border-box;
}

.password:-webkit-autofill,
.password:-webkit-autofill:hover,
.password:-webkit-autofill:focus,
.password:-webkit-autofill:active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    width: 500px;
}

.login-container-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.login-container-text {
    width: 100%;
}

.login-container-text h3 {
    font-size: 28px;
    font-weight: 350;
    margin-bottom: 5px;
}

.login-container-text p {
    margin-bottom: 0;
}

.login-button-container {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 20px;
    width: 100%;
    flex-direction: column;
}

.login-button-container button {
    padding: 12px 140px;
    color: #fff;
    background: #2e5160;
    font-size: 14px;
    border: 1px solid transparent;
    width: 100%;
}

.login-button-container button:hover {
    cursor: pointer;
    color: #2e5160;
    background-color: #fff;
    border: 1px solid #2e5160;
}

/* DUR */
.login-button-container a {
    color: #2e5160;
    text-decoration: underline;
    font-size: 18px;
    border-radius: 5px;
    width: 100%;
    text-align: left;
}

.account-create-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30%;
    gap: 204px;
    padding: 0 0 0 70px;
    position: relative;
    top: -21px;
}


.account-create-container-text p {
    font-size: 25px;
    margin: 0;
}

.account-create-container-text span {
    font-size: 16px;
    width: 15%;
}

.account-create-container-button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.account-create-container-button button {
    padding: 12px;
    color: #fff;
    background: #2e5160;
    font-size: 14px;
    white-space: nowrap;
    border: 1px solid transparent;
    width: 100%;
}

.account-create-container-button button:hover {
    cursor: pointer;
    color: #2e5160;
    background: #fff;
    border: 1px solid #2e5160;
}

.blue {
    background: #9aa5b1 !important;
}

.bronz {
    background: #c3987e !important;
}

.silver {
    background: #c8c4c1 !important;
}

/* Gonca Main */

.gonca-bilgilendirme-text h1 {
    font-size: 1.2rem;
    color: #575757;
    font-weight: 300;
}

.gonca-bilgilendirme-text p:nth-child(2), .gonca-bilgilendirme-text p:nth-child(3), .gonca-bilgilendirme-text p:nth-child(4) {
    font-size: 2.2rem;
    line-height: 3rem;
    color: #000000;
    font-weight: normal;
}

.gonca-bilgilendirme-text p:nth-child(4) {
    margin-bottom: 1rem;
}

.gonca-bilgilendirme-text p {
    line-height: 3vh;
    font-size: 1.3rem;
    font-weight: 300;
    color: #575757;
    margin-bottom: 0;
}

.nav-links svg {
    width: .85rem;
    height: .85rem;
}

.red-circle {
    position: absolute;
    top: -11rem;
    right: 3rem;
    margin: 5vh 1vw;
    height: 33vh;
    width: 16vw;
    border-radius: 50%;
    background: rgba(255, 0, 0, 0.4);
    opacity: 1;
    z-index: 50;
    text-align: center;
    justify-content: center;
    align-items: center;
    transform: translateY(200px);
    transition: 2s;
}

.red-circle-text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 6vh;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

.red-circle-text h1 {
    font-size: 2rem;
    margin-bottom: 0;
    font-weight: 400;
}

.red-circle-text h2 {
    font-size: 6.5rem;
    margin-bottom: 0;
    line-height: 80px;
    font-weight: 400;
}

.red-circle h4 {
    margin: 0;
    font-family: "Fira Sans";
    font-size: 3vh;
    font-weight: 200;
    opacity: 1;
    color: #fff;
}

.red-circle h3 {
    font-family: "Didot";
    font-weight: lighter;
    font-size: 3.1vh;
    letter-spacing: 2px;
    margin: 0;
    color: #fff;
}

.red-circle h5 {
    font-family: "Fira Sans";
    font-size: 3vh;
    font-weight: 200;
    margin: 0;
    opacity: 1;
    color: #fff;
}

.red-circle p {
    font-size: 1.4vh;
    line-height: 1.7vh;
    color: #f5f5f5;
    margin: 0;
}

.product {
    height: 500px !important;
    width: 350px !important;
    object-fit: cover;
    transition: opacity 1s ease;
}


/* universal end*/
/* hud start */

.whatsapp {
    z-index: 99;
    transition: transform 0.5s;
    width: 80%;
    height: 100%;
}

.whatsapp img {
    width: 80%;
    height: 80%;
}

.whatsapp:hover {
    transform: scale(1.2);
}

.whatsapp-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5vw;
    width: 5vw;
    border-radius: 50%;
    background: transparent;
    z-index: 92;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.fade-in {
    opacity: 1;
}

/* hud end */


/* dropdown start*/
.btn-active {
    background: rgb(132, 132, 132) !important;
    border: 1px solid black;
    border-radius: 50px;
}

.dropdown-content {
    width: 100%;
    height: max-content;
    min-height: 35vh;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 25;
    padding: 10px;
    box-sizing: border-box;
    animation: slideDown 0.3s ease forwards;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}

.dropdown-content p {
    margin: 0;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-2vh);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-list h4 {
    font-family: "fira sans";
    font-weight: 300;
    position: relative;
}

.dropdown-line-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.dropdown-line {
    position: absolute;
    top: 11vh;
    height: 1px;
    width: 85%;
    background: gray;
    opacity: .30;
}

.dropdown-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: self-start;
    gap: 20px;
}

.Colecdropdown-container {
    display: flex;
    justify-content: center;
    align-items: self-start;
    gap: 70px;
}

.dropdown-list a {
    font-family: "Fira Sans";
    font-weight: 200 !important;
    color: rgb(153, 153, 153);
    font-size: .85vw;
    line-height: 3.5vh;
}

.dropdown-list a:hover {
    color: rgb(0, 0, 0);
}

.Colecdropdown-list h4 {
    font-family: "Didot";
    font-size: 1vw;
    color: #2E5160;
    padding-left: 10px;
}

.Colecdropdown-line {
    position: absolute;
    left: 30vh;
    top: 11vh;
    height: 1px;
    width: 70%;
    background: gray;
    opacity: .30;
}

.Colecdropdown-contaier {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown-list {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
}

.Colecdropdown-list {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
}

.Colecdropdown-list a {
    font-family: "Fira Sans";
    font-weight: 200;
    color: rgb(153, 153, 153);
    font-size: 1vw;
    line-height: 3.5vh;
}

/* dropdown end*/

/*logo/icons start*/
.icons {
    position: absolute;
    top: 4.75rem;
    right: 7.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.icons a span {
    font-size: 35px;
}

.navbar-head.scrolled .icons {
    position: static;
}

.navbar-head.scrolled .icons a span:first-child {
    color: #2e5160;
}

.search-box-flex.scrolled .search-box {
    border-color: #2E5160;
}

.icons a {
    margin: 0 0.5rem;
    color: #fff;
}

.navbar-head.scrolled .icons a svg {
    fill: #2E5160;
}

/*logo/icons end*/

.search-box-flex {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 8vh;
}

.search-box {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 4.5vh;
    width: 25vw;
    display: none;
    visibility: hidden;
    opacity: 0;
    border: .5px solid #7b7b7b;
    border-radius: 2.5vh;
    transform: translateY(-10px);
    transition: opacity 0.5s ease;
}

.search-box:hover {
    border: .5px solid black;
}

.search-box.visible {
    display: flex;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.search-box.hidden {
    opacity: 0;
    visibility: hidden;
}

.search-box-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 15px;
}

.search-box-container input {
    outline: none;
}

.search-box-container a {
    font-size: 1vw;
}

.search-box-container form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    align-items: center;
}

.search-box a {
    color: black;
}

.main-page {
    position: relative;
}

.text-area-container {
    position: absolute;
    bottom: 5%;
    right: 14vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-area {
    z-index: 3;
    position: relative;
    bottom: 8vh;
}

.text-area p:first-child {
    font-family: 'Didot';
    font-size: 4vw;
    font-weight: lighter !important;
    line-height: 4vw;
    font-style: normal;
    text-align: left;
    letter-spacing: .2vw;
    color: #ffffff;
    margin-bottom: 2.5rem;
}

.text-area span {
    font-family: "Fira Sans";
    font-size: 1vw;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    letter-spacing: .5px;
}

.text-area-button {
    width: 14vw;
    height: 5vh;
    background: #faf6f3;
}

.text-area-button:hover {
    background: #2e5160;
}

.text-area-button:hover a {
    color: #fff;
}

/*  */

.text-area-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-link {
    position: relative;
    left: 1vw;
    display: inline-block;
    text-decoration: none;
    font-family: Arial, sans-serif;
    color: #333;
    padding: 10px;
    transition: all 0.2s ease;
}


.icon-arrow {
    opacity: 0;
    transition: all 0.2s ease;
    transform: translateX(-2px);
    z-index: 99;
}

.btn-link.animate-text {
    transform: translateX(-10px);
    transition: transform 0.2s ease;
}

.icon-arrow.animate-icon {
    opacity: 1;
    transform: translateX(2px);
    transition: all 0.2s ease;
}

.btn-link.reset-text {
    transform: translateX(0);
}

.icon-arrow.reset-icon {
    opacity: 0;
    transform: translateX(-20px);
}

/*  */

.text-area-button a {
    font-family: "Didot";
    font-size: 1.1vw;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #2e5160;
    letter-spacing: .5px;
}

.background-effect {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #2e5160;
    z-index: 2;
    overflow: hidden;
}

.image-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: 0;
}

.satis-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vh 0;
    gap: 3vw;
}

.satis-container-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

.satis-container-child span {
    font-family: "Fira Sans";
    font-size: .9vw;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    color: #2e5160;
}

.box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8vw;
    height: 3.5vh;
    background: transparent;
    border: .150vw solid #2e5160;
    border-radius: 15%;
}

.box-container svg {
    display: flex;
    width: 3vw !important;
    height: 3.5vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


.satis-navbar-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.satis-navbar-1 .header {
    font-family: "Didot";
    font-size: 40px;
    font-weight: normal;
    line-height: 82px;
    font-style: normal;
    text-align: left;
    color: #2e5160;
}

.satis-navbar-1 .header h3 {
    font-family: "Didot";
    font-size: 2vw;
    font-weight: normal;
    line-height: 82px;
    font-style: normal;
    text-align: left;
    color: #2e5160;
}

.satis-navbar {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: thin solid #2e516080;
    margin: 0 15px 3rem 15px;
}

.satis-navbar .header {
    font-family: "Didot";
    font-size: 40px;
    font-weight: normal;
    line-height: 82px;
    font-style: normal;
    text-align: left;
    color: #2e5160;
}

.satis-navbar .header h3 {
    font-family: "Didot";
    font-size: 2vw;
    font-weight: normal;
    line-height: 82px;
    font-style: normal;
    text-align: left;
    color: #2e5160;
}

.satis-nav-links {
    display: flex;
    gap: 5vh;
    position: relative;
    right: 0rem;
    top: .6rem;
}

.satis-nav-link-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.satis-nav-link-child-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

.satis-nav-link-child-1 a {
    font-weight: 300;
}

.satis-nav-link-child:hover a {
    color: #222222;
}

.satis-nav-links a {
    font-family: "Fira Sans";
    font-size: 1vw;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    color: #6c6c6c;
}

.line-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 15px;
}

.line {
    background: #5b6f75;
    width: 100%;
    height: .1vh;
    opacity: 0.24;
    margin-top: -1rem;
}

.white-line {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wide-line {
    background: #5b6f75;
    width: 100%;
    height: 0.1vh;
    opacity: .5;
    margin-bottom: 5rem;
}

.gonca-white-page .wide-line {
    margin-top: 1rem;
}

.satis-page-1 .wide-line {
    margin-bottom: 4rem !important;
}

.satis-page-1 {
    position: relative;
    z-index: 50;
    width: 100%;
    height: 180vh;
    /*background: #F9F7F3;*/
    margin-bottom: 20vh;
}

.satis-shop {
    transition: opacity .5s ease;
    opacity: 1;
    margin-top: 3rem;
}


.satis-shop.hidden {
    opacity: 0;
}

.satis-shop-container {
    display: flex;
    flex-wrap: wrap;
}

.satis-shop-container i {
    width: 15px;
    height: 15px;
    color: #6c6c6c;
}

.satis-shop-container-child {
    display: flex;
    flex-direction: column;
    opacity: 1;
    justify-content: center;
    transition: opacity 0.5s ease-in-out;
    align-items: center;
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 2rem;
}

.satis-shop-image {
    position: relative;
    display: flex;
    justify-content: right;
    align-items: flex-start;
    background: #d3d3d3;
    width: 100%;
    height: 68vh;
    cursor: pointer;
    overflow: hidden;
    transition: 0.5s;
}

.satis-shop-image img {
    position: absolute;
    margin: .2vh 0.2vw;;
    height: 6vh;
    width: 3vw;
}

/*shop resim animasyon start*/

/* .satis-shop-image-1 {
    background: url(img/BELAVIOsofaRelaxFlashNew01front.png);
    background-size: 350px 500px;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
    height: 500px;
    width: 350px;
}

.satis-shop-image-1:hover {
    background: url(img/BELAVIO-sofa-Relax-Flash-detail.png);
    background-size: 350px 500px;
    background-repeat: no-repeat;
    background-position: center;
} */

.satis-add-basket-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    top: 57vh;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.satis-shop-container-child:hover .satis-add-basket-container {
    opacity: 1;
}

.satis-add-basket:hover {
    background: #406f83 !important;
}

.satis-add-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7vh;
    width: 18vw;
    background: #2e5160;
}


.satis-add-basket a {
    font-family: "Fira Sans";
    font-size: 1vw;
    font-weight: 200;
    letter-spacing: 1px;
    color: white;
}

/*shop resim animasyon end*/

/* inspect start */

@keyframes wave {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
}

@keyframes Outwave {
    0% {
        box-shadow: 0 0 0 0 rgba(175, 175, 175, 0.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(175, 175, 175, 0.5);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(175, 175, 175, 0);
    }
}

.inspect-page {
    width: 100%;
    height: 96vh;
    margin-top: 20vh;
    margin-bottom: 10vh;
    overflow: hidden;
}

.inspect-image-container {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.inspect-image-1 {
    display: flex;
    justify-content: right;
    width: 80%;
    height: 96vh;
    overflow: hidden;
    object-fit: cover;
}

.inspect-image-1 img:first-child {
    scale: -1 1;
    margin-right: -1px;
}

.inspect-image-2 {
    display: flex;
    justify-content: left;
    width: 53%;
    height: 96vh;
    overflow: hidden;
    object-fit: cover;
}

.inspect-image-2 img:first-child {
    scale: -1 1;
    margin-right: -1px;
}

.inspect-button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.inspect-button-gui {
    position: absolute;
    top: 5.5vh;
    opacity: 0;
    transition: opacity 0.3s ease;
    height: 17.2vh;
    width: 10vw;
    background: white;
}

.inspect-button-container {
    cursor: default;
    position: relative;
    left: 1vw;
}

.inspect-button-container p {
    font-family: "Didot";
    font-size: .8vw;
}

.inspect-button-container span {
    font-family: "Didot";
    color: #b06361;
    font-size: .8vw;
    margin-top: -5vh;
}

.inspect-button-container a {
    font-family: "Didot";
    text-decoration: underline;
    color: #2e5160;
    font-size: .8vw;
    position: absolute;
    top: 12vh;

}

.gonca-text-haber h1 {
    font-size: 1.2rem;
    color: #575757;
    font-weight: 300;
}

.gonca-text-haber p:nth-child(2) {
    font-size: 2.2rem;
    width: 60%;
    line-height: 3rem;
}

.gonca-text-haber p:nth-child(3) {
    width: 70%;
    line-height: 3vh;
    font-size: 1.3rem;
    font-weight: 300;
    color: #575757;
}

.gonca-text-sosyal h1 {
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 15px;
}

.effect-button {
    position: relative;
    top: -65.9vh;
    left: 23.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    background: transparent;
    animation-delay: 5s;
    animation: Outwave 3s infinite;
    z-index: 40;
}

.effect-button:first-child .inspect-button {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    background: #2E5160;
    z-index: 69;
    animation: wave 3s infinite;
}

.effect-button:nth-child(2) {
    position: relative;
    top: -50.9vh;
    left: 48vw;
}

.effect-button:nth-child(2) .inspect-button {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    background: #2E5160;
    z-index: 69;
    animation: wave 3s infinite;
}

.effect-button:nth-child(3) {
    position: relative;
    top: -53vh;
    left: 63.7vw;
}

.effect-button:nth-child(3) .inspect-button {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    background: #2E5160;
    z-index: 69;
    animation: wave 3s infinite;
}

.effect-button:nth-child(4) {
    position: relative;
    top: -45vh;
    left: 77vw;
}

.effect-button:nth-child(4) .inspect-button {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    background: #2E5160;
    z-index: 69;
    animation: wave 3s infinite;
}

.inspect-button-menu {
    width: 150px;
    height: 150px;
    background: white;
}

/* inspect end */

.gonca-white-page {
    margin-top: 15vh;
    margin-bottom: 5rem;
    background: #d5e2e8;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    transition: 1s ease;
}

.gonca-image {
    position: relative;
    height: 100%;
    width: 50%;
    object-fit: cover;
    overflow: hidden;
}

.gonca-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;
}

.gonca-text-container {
    width: 50%;
    padding-left: 3%;
}

.gonca-text-container h6 {
    display: inline;
    font-family: "Fira Sans";
    font-size: 1vw;
    font-weight: 250;
    line-height: 3vw;
    font-style: normal;
    text-align: left;
    color: #000000;
}

.gonca-text-container h5 {
    display: inline;
    font-family: "Didot";
    font-size: 2.5vw;
    font-weight: normal;
    line-height: 3.6vw;
    font-style: normal;
    text-align: left;
    color: #000000;
}

.gonca-text-container span {
    font-family: "Fira Sans";
    font-size: 1.1vw;
    font-weight: 300;
    line-height: 1.7vw;
    font-style: normal;
    letter-spacing: .3px;
    text-align: left;
    color: #575757;
}

.gonca-icon-arrow {
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateX(-2px);
    z-index: 99;
}

.gonca-link {
    transition: transform 0.2s ease;
}

.gonca-link.animate-text {
    transform: translateX(-10px);
    transition: transform 0.5s ease;
}

.gonca-icon-arrow.animate-icon {
    opacity: 1;
    transform: translateX(2px);
    transition: all 0.2s ease;
}

.gonca-link.reset-text {
    transform: translateX(0);
}

.gonca-icon-arrow.reset-icon {
    opacity: 0;
    transform: translateX(-20px);
}

.gonca-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    width: 16vw;
    height: 6vh;
    background: #2e5160;
    margin-top: 3rem;
    cursor: pointer;
    transition: transform 0.5s ease;
}

.gonca-button-container a {
    position: relative;
    /*left: 1rem;*/
    font-family: 'Didot';
    font-size: 1.2vw;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    color: #ffffff;
}

.gonca-button-container:hover {
    background: #ffffff;
    border: 1px solid #2E5160;
}

.gonca-button-container:hover a {
    color: #2e5160;
}

.gonca-button-container .icon-arrow {
    background: white;
}

.social_page {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 1vh;
    transition: 1s;
}

.social_page_desc_div {
    width: 50%;
    height: 100%;
    background-color: #d5e2e8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.social_page_desc_div_center p {
    font-size: 3.5vh;
    font-weight: 300;
    font-family: "fira sans";
    margin: 0;
    line-height: 2.5rem;
}

.social_page_desc_div_center span {
    font-size: 2.5vh;
    font-weight: lighter;
    font-family: "fira sans";
    display: inline-block;
    margin-bottom: 1vh;
}

.social_page_desc_div_center a {
    background: #2e5160;
    color: #fff;
    padding: 1.5vh 12vh;
    display: inline-block;
    margin-top: 15vh;
    font-size: 2vh;
    border: 1px solid #2e5160;
}

.social_page_desc_div_center a:hover {
    background: #fff;
    color: #2e5160;
}

.social_page_image_div {
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.social_page_image_div_split {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.social-media {
    display: flex;
    justify-content: left;
    align-items: center;
}

.social-media img {
    opacity: 0.30;
    width: 2vw;
    height: 4vh;
}

.social_page_image_child {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.social_page_image_child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1.1;
    transition: 0.6s;
}

.social_page_image_child:hover img {
    scale: 1;
}

.split_2 .social_page_image_child:nth-child(1) {
    height: 60vh;
}

.split_2 .social_page_image_child:nth-child(2) {
    height: 40vh;
}

.social_page_image_child:nth-child(1) {
    height: 50vh;
}

.social_page_image_child:nth-child(2) {
    height: 50vh;
}

.insta_icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.insta_icon img {
    width: 5vh;
    height: 5vh;
    filter: brightness(0) invert(1);
    position: absolute;
    left: 2vh;
    bottom: 2vh;
}

/*--Blog Start---*/
.blog-page {
    margin-top: 5rem;
    background: #d5e2e8;
    gap: 5rem;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    height: 100vh;
    opacity: 1;
    transition: 0.5s;
}

.blog-text-container {
    justify-content: left;
    padding-left: 3%;
}

.blog-text-container h6 {
    display: inline;
    font-family: "Fira Sans";
    font-size: 1vw;
    font-weight: 250;
    line-height: 3vw;
    font-style: normal;
    text-align: left;
    color: #000000;
}

.blog-text-container h5 {
    display: inline;
    font-family: "Didot";
    font-size: 2.5vw;
    font-weight: normal;
    line-height: 3.4vw;
    font-style: normal;
    text-align: left;
    color: #000000;
}

.blog-text-container span {
    font-family: "Fira Sans";
    font-size: 1.1vw;
    font-weight: 300;
    line-height: 1.7vw;
    font-style: normal;
    letter-spacing: .3px;
    text-align: left;
    color: #575757;
}

.blog-image {
    position: relative;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.blog-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.all-blog {
    font-size: 25px;
    font-family: Didot;
}

/*---Blog End---*/

/*---More Start---*/
.more-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10vh 0;
}

.more-container-wrapper {
    width: 80%;
    height: 100%;
    overflow: hidden;
}

.more-container-child {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 33.33%;
    gap: 2vw;
}

.more-container-child-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    transition: transform 0.5s ease;
}

.more-box-container {
    border: .3rem solid transparent;
    width: 8vw;
    height: 16vh;
    overflow: hidden;
    transition: .4s;
}

/*.more-box-container:hover {*/
/*    border: .3rem solid #c6cacc;*/
/*    width: 8vw;*/
/*    height: 16vh;*/
/*}*/

/*.more-box-container img {*/
/*    width: 8vw;*/
/*    height: 16vh;*/
/*    scale: 1.1;*/
/*    transition: .4s;*/
/*}*/

.more-box-container:hover img {
    scale: 1;
}

.more-box-text-container {
    font-family: "Fira Sans";
    font-size: 1vw;
    font-weight: 300;
    line-height: 1vw;
    font-style: normal;
    text-align: left;
    color: #000000;
    /*margin-left: -1vw;*/
}

.more-box-text-container a {
    font-family: "Didot" !important;
    color: #2e5160 !important;
    text-decoration: underline;
    letter-spacing: .1rem;
}

.more-box-text-container a:hover {
    color: #2e6e8a !important;
}

.arrow-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2vw;
    height: 8vh;
    border-color: transparent;
    border-width: 0.1vw;
    border-style: solid;
    margin: 0 3rem;
    text-decoration: none;
    z-index: 60;
    transition: .2s;
    cursor: pointer;
}

.arrow-box a svg path {
    fill: #6c6c6c;
}

.arrow-box:hover {
    border-color: #d6d6d6;
    background: transparent;
}

.arrow-box a i {
    color: #6C6C6C;
    height: 11vh;
    width: 10vw;
    font-size: 1vw;
    position: relative;
    top: 4.5vh;
}

.arrow-box a {
    height: 1vh;
    width: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-box:first-child a i {
    position: relative;
    left: .2vw;
}

.arrow-box:last-child a i {
    position: relative;
    left: .1vw;
}

/*---More End---*/

/*---Footer Start---*/

.footer {
    width: 100%;
    background: rgb(213, 226, 232);;
    padding: 0 25px;
}

.footer_inner {
    max-width: 1530px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 50px 0;
    row-gap: 30px;
}

.footer_info_form {
    flex: 0 0 40%;
    padding: 10px 6px;
    text-align: left;
}

.footer_info_form h3 {
    font-size: 15px;
    font-weight: 500;
}

.footer_links {
    flex: 0 0 50%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.footer_link:first-child {
    max-width: max-content;
}

.footer_link {
    flex: 0 0 23%;
    padding: 20px 0;
}

.footer_link:first-child .footer_link_body p {
    font-size: 13px;
    color: #2E5160;
}

.footer_copy_right {
    flex: 0 0 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.footer_copy_right p {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 20px;
    font-style: normal;
    letter-spacing: 1px;
    color: rgb(177, 177, 177);
    margin: 0;
}

.footer_copy_right p a {
    font-size: 1rem;
    font-family: SKGun;
    letter-spacing: -1px;
    font-weight: bolder;
    color: rgb(255, 255, 255);
    text-align: left;
}

.footer_social {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 5px;
    opacity: 0.8;
}

.footer_social a {
    width: 40px;
    height: 40px;
}

.footer_social img {
    width: 35px;
}

.footer_link_body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    row-gap: 10px;
}

.footer_link_body p b {
    font-weight: 400;
}

.footer_link_body a {
    font-size: 13px;
    color: #2E5160;
}

.footer_link:first-child .footer_link_body p {
    margin-bottom: 0;
}

.footer_link_header {
    margin-bottom: 10px;
}

.footer_link_header a {
    font-weight: 400;
    font-size: 13px;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: unset;
    color: #2E5160;
    font-weight: 700;
}

.footer .mobil_plus {
    display: none;
}

.footer_info_form h4 {
    font-family: 'WinslowBook';
    font-size: 50px;
    text-align: center;
    color: #2E5160;
    line-height: 1;
    position: relative;
    width: max-content;
    margin: 1.5rem 0;
}

.footer_info_form h4 span {
    display: block;
    font-family: 'Notera', serif;
    font-size: 0.375em;
    margin-top: -0.25em;
}

.footer_info_form h4 sup {
    position: absolute;
    right: -0.75em;
    top: 0.75em;
    font-size: 0.25em;
    font-weight: bold;
}

.footer_info_form p {
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 200;
    line-height: 1.2vw;
    font-style: normal;
    color: rgb(46, 81, 96);
    margin: 0;
    padding-top: 25px;
}

.footer_info_form hr {
    margin: 0;
    width: 100%;
}

.footer_info_form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    padding: 0;
}

.footer_form input {
    border: 0;
    outline: none;
    border-radius: 0 !important;
    height: 50px;
    width: 73%;
    padding-left: 16px;
}

.footer_form button {
    width: 25%;
    border: 0;
    background: #2E5160;
    color: white;
    height: 50px;
    border-radius: 5px;
    font-weight: 300;
}

.footer_form button:hover {
    background: #628fa7;
}

.footer_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 33px 0;
}

/*---Footer End---*/

.kategori {
    /* opacity: 0; */
    transition: opacity 0.5s ease;
    /* display: none; */
}

.kategori.show {
    opacity: 1;
    display: flex;
}

.kategori-1 {
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none;
}

.kategori-1.show {
    opacity: 1;
    display: flex;
}

#transfer {
    position: absolute;
    width: 10vw;
    height: 10vh;
}

.triangle-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 1vw solid transparent;
    border-right: 1vw solid transparent;
    border-bottom: 1vw solid #fff;
}

/* page */
.page-image {
    height: 75vh;
    width: 100%;
    background: #ededed;
    margin-top: 13vh;
}

.page-icerik-container {
    flex-direction: column;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.page-baslik {
    margin: 4rem 0 0 0;
}

.page-baslik h4 {
    font-family: "Fira Sans";
    font-weight: lighter;
    font-size: 16px;
}

.page-baslik h1 {
    font-family: 'Times New Roman', sans-serif;
    font-weight: lighter;
    color: #baa38d;
    margin-top: -0.5vh;
    font-size: 25px;
    letter-spacing: .12rem;
}

.page-alt-baslik {
    font-family: "Fira Sans";
    font-weight: 200;
    color: #000000;
    font-size: 19px;
}

.page-icerik-sub-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.page-icerik {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-content: center;
    width: 100%;
    padding: 10px 10%;
}

.page-icerik p {
    font-family: "Fira Sans";
    font-weight: 200;
    color: #000000;
    font-size: 16px;
    text-align: left;
    width: 100%;
}


.page-gallery-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-gallery {
    margin-top: 15vh;
    background: #567987;
    width: 100%;
    height: 80vh;
}

.page-border:first-child {
    position: relative;
    top: 7vh;
    left: 3vw;
    transform: rotate(5deg);
    z-index: 3;
}

.page-border:nth-child(2) {
    z-index: 2;
}

.page-border:last-child {
    position: relative;
    top: 7vh;
    transform: rotate(350deg);
    z-index: 1;
}

.page-border {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53vh;
    width: 16vw;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.page-border-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50.5vh;
    width: 14.7vw;
    background: #d8d8d8;
}

.page-gallery-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 14%;
}

.page-gallery-text {
    position: relative;
    top: 17vh;
    left: 11vw;
    font-family: 'Notera';
    font-size: 2vw;
    font-weight: lighter;
}

.page-social-container {
    margin-top: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    width: 100%;
    height: 20vh;
    background: #e9e9e9;
}

.page-social-child {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2E5160;
    height: 5.5vh;
    width: 5.5vh;
    border-radius: 100% !important;
}

.page-social-child img {
    height: 4vh;
    width: 2vw;
    filter: brightness(0) invert(1);
}

.page-sertifika-container {
    width: 100%;
    height: 30vh;
    background: #2E5160;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6vw;
}

.page-sertifika-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-sertifika-child img {
    height: 6vh;
    width: 2vw;
}

.page-sertifika-child p {
    width: 22vw;
    font-family: "Fira Sans";
    font-weight: lighter;
    font-size: 1.1vw;
    text-align: center;
    color: #fff;
}

/* yeni koleksiyon sayfasi */

.yeni-koleksiyon-satis-nav-header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Didot";
    font-weight: lighter;
    font-size: 1.5vw;
    color: #2E5160;
}

.yeni-koleksiyon-satis-nav-child-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #e6e6e6;
}

.yeni-koleksiyon-satis-nav-child:nth-child(2) {
    font-family: "Fira Sans";
    position: relative;
    left: 4vw;
}

.yeni-koleksiyon-satis-nav-child {
    font-family: "Fira Sans";
    font-size: .9vw;
    color: #2E5160;
}

.yeni-koleksiyon-satis-nav-child:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}

.yeni-koleksiyon-satis-nav-child:first-child button {
    position: relative;
    border: none;
    background-color: transparent;
    top: .3vh;
    cursor: pointer;
}

.search-container-product {
    display: flex;
    flex-wrap: wrap;
}

.page-content {
    margin-top: 1rem;
}

.yeni-koleksiyon-satis-page-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.yeni-koleksiyon-satis-page {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    transition: opacity 0.5s ease;
    justify-content: left;
    /*align-items: center;*/
    margin-bottom: 10vh;
}

.yeni-koleksiyon-satis-page-child {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
    opacity: 1;
    width: 25%;
    /*height: 80vh;*/
    transition: opacity 0.5s ease;
    box-sizing: border-box;
    padding: 0 8px;
}

.yeni-koleksiyon-satis-page-child:hover img:last-child {
    opacity: 1;
}

.yeni-koleksiyon-satis-page-child.visible {
    opacity: 1;
    visibility: visible;
}

.yeni-koleksiyon-satis-image {
    position: relative;
    display: flex;
    justify-content: right;
    align-items: flex-start;
    /*background: #d3d3d3;*/
    width: 100%;
    /*height: 700px;*/
    cursor: default;
    overflow: hidden;
    transition: 0.5s;
    margin-bottom: .6vw;
}

.yeni-koleksiyon-satis-product-image {
    /*position: absolute;*/
    /*height: 100%;*/
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.yeni-koleksiyon-satis-product-image img {
    /* position: absolute; */
    top: 0;
    left: 0;
    /* opacity: 0; */
    /*height: 100%;
    width: 100%;
    object-fit: cover;*/
    max-width: 100%;
    transition: opacity 0.5s ease;
}

.yeni-koleksiyon-satis-child {
    /*display: flex;*/
    font-family: "Fira Sans";
    font-weight: 300;
    font-size: 20px;
    justify-content: space-between;
    align-items: center;
    line-height: 19px;
}

.yeni-koleksiyon-satis-child p {
    margin: 0;
}

.yeni-koleksiyon-satis-text {
    width: 100%;
    height: 75px;
}

.yeni-koleksiyon-satis-child-price {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* flex-direction: column; */
}

.yeni-koleksiyon-satis-child-price p {
    font-family: "Fira Sans";
    font-size: .9vw;
    white-space: nowrap;
}

.yeni-koleksiyon-satis-child-price s {
    margin-top: -2vh;
    font-family: "Fira Sans";
    font-size: .9vw;
}

.yeni-koleksiyon-satis-text span {
    font-family: "Fira Sans";
    font-weight: 150;
    font-size: .8vw;
}

.yeni-koleksiyon-satis-image-child img:first-child {
    height: 3vh;
    width: 3vh;
    position: relative;
    top: 1vh;
    left: 1.1vw;
}

.yeni-koleksiyon-satis-image-child img:last-child {
    height: 3vh;
    width: 3vh;
    position: relative;
    top: 63vh;
    right: .5vw;
}

.genel-opac-line-up {
    width: 100%;
    height: .1vh;
    background: gray;
    opacity: 0.2;
    margin-bottom: 2vh;
}

.genel-opac-line-down {
    width: 100%;
    height: .1vh;
    background: gray;
    opacity: 0.2;
    margin-top: 2vh;
    margin-bottom: 5vh;
}

.yeni-koleksiyon-satis-nav-child:first-child {
    border-right: 1px solid #e6e6e6;
}

.yeni-koleksiyon-satis-nav-child:first-child .genel-opac-line-mid {
    width: .1vh;
    height: 7.8vh;
    background: gray;
    opacity: 0.2;
    position: absolute;
    top: -2.2vh;
    left: 15vh;
}

.yeni-koleksiyon-satis-nav-child:last-child a:hover {
    color: #317d9e;
}

.yeni-koleksiyon-satis-nav-child:last-child button:hover {
    color: #317d9e;
}

.yeni-koleksiyon-satis-nav-child:last-child .genel-opac-line-mid:first-child {
    width: .1vh;
    height: 7.3vh;
    background: gray;
    opacity: 0.2;
    position: absolute;
    margin-right: 17vw;
}

.yeni-koleksiyon-satis-nav-child:last-child .genel-opac-line-mid:last-child {
    width: .1vh;
    height: 7.3vh;
    background: gray;
    opacity: 0.2;
    position: absolute;
    margin-left: 4vw;
}

.yeni-koleksiyon-indirim {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 5vh;*/
    width: 20%;
    color: #fff;
    background-color: #2E5160;
    font-family: "Didot";
    position: absolute;
    left: 10px;
    top: 10px;
}

.yeni-koleksiyon-indirim p {
    font-size: 20px;
    margin: 0;
    font-family: "Fira Sans";
}


.yeni-koleksiyon-satis-nav-child {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2E5160;
    position: relative;
    height: 90px;
}

.yeni-koleksiyon-satis-nav-child a {
    cursor: pointer;
}

/*  */

.yeni-dropbtn {
    font-family: "Fira Sans";
    background: transparent;
    color: #2E5160;
    font-size: 1vw;
    border: none;
    cursor: pointer;
}

.yeni-dropdown {
    position: relative;
    display: grid;
    height: 100%;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0 15px;
}

.yeni-dropdown-content {
    transition: opacity 0.3s ease-in-out;
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    background: transparent;
    top: 70px;
    /*left: 28px;*/
}

.yeni-dropdown-content a {
    font-family: "Fira Sans";
    font-size: .8vw;
    color: #2E5160;
    width: 186px;
    height: 5vh;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(128, 128, 128, 0.2);
    position: relative;
    top: 2vh;
    /*left: -1.51vw;*/
    transition: opacity 0.3s ease-in-out;
}

.yeni-dropdown-content a {
    /*background: #F9F7F3;*/
}

.yeni-dropdown-content a:hover {
    background-color: #f1f1f1;
}

.yeni-dropdown:hover .yeni-dropdown-content {
    display: block;
}

.yeni-dropdown.open #sort-icon {
    transform: rotate(180deg);
}

.dropdown-main {
    border-bottom: thin solid rgba(128, 128, 128, 0.15);
}

/* ÃœrÃ¼n SayfasÄ± Start */

.urun-sayfa-container {
    display: flex;
    flex-wrap: wrap;
    margin: 3rem 0 2rem;
    box-sizing: border-box;
    padding: 0 5%;
    width: 100%;
}

.bottom-slider-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 1.25rem;
}

.urun-sayfa-benzer-urun {
    padding: 0 5%;
}

.breadcrumb1 {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.breadcrumb1 a {
    text-decoration: underline;
    color: #2E5160;
}

.urun-child-right-section {
    flex: 1 1 30%;
    max-width: 30%;
    padding-left: 2.5%;
}

.urun-child-right-section .detay_mid {
    position: sticky;
    top: 15%;
}

.urun-child-left-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

.urun-child-left-section .product-image {
    margin-bottom: 1rem;
}

.urun-child-left-section-image-preview {
    display: flex;
    flex-direction: column;
}

.urun-child-left-section-image-preview-child img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.urun-child-left-section-image-preview-child {
    height: 25vh;
    width: 7.5vw;
    margin-bottom: 1vh;
    background: #ebebeb;
    border: .3vh solid transparent;
}

.urun-child-left-section-image-preview-child:hover {
    border: .3vh solid #2E5160;
}

.urun-child-left-section-image-main-child {
    height: 105vh;
    width: 33.5vw;
    background: #ebebeb;
}

.urun-child-left-section-image-main-child img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.urun-child-right-color-container {
    margin: 4vh 0;
}


.urun-child-right-color-box-container {
    display: flex;
    gap: .5vw;
}

.urun-child-right-color-box {
    height: 3.5vh;
    width: 3.5vh;
    border-radius: 50%;
    border: .1vw solid transparent;
    cursor: pointer;
}

.urun-child-right-color-box:hover {
    border: .1vw solid #000000;
}

.urun-child-right-size-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3vh;
    width: 3vw;
    border-radius: 15%;
    color: #000000;
    font-family: "Fira Sans";
    font-size: .7vw;
    border: .1vh solid rgba(0, 0, 0, 0.1);
    /*background: #F9F7F3;*/
}

.urun-child-right-size-box:hover {
    background: #d7d5d3;
}

.urun-text h2 {
    font-family: "Fira Sans";
    font-weight: 400;
    font-size: 1.5vw;
}

.urun-text p:first-child {
    font-weight: 300;
}

.urun-text p {
    font-family: "Fira Sans";
    font-weight: lighter;
    font-size: .8vw;
    margin-top: -1vh;
}

.urun-text a {
    font-family: "Fira Sans";
    font-size: .7vw;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}

.urun-text p:last-child {
    font-family: "Fira Sans";
    font-weight: 500;
    font-size: 1vw;
    margin-top: 5vh;
}

.urun-text span {
    font-family: "Fira Sans";
    font-weight: 500;
    margin-top: 5vh;
    font-size: 1vw;
}

.urun-child-right-size-dropdown-text {
    display: flex;
    justify-content: space-between;
    width: 26.8vw;
    align-items: center;
    margin-bottom: .5vh;

}

.urun-child-right-size-dropdown-text span:first-child {
    font-family: "Fira Sans";
    font-weight: bold;
    font-size: .7vw;
}

.urun-child-right-size-dropdown-text a {
    font-family: "Fira Sans";
    font-size: .7vw;
    font-weight: 300;
    cursor: pointer;
}

.urun-child-right-size-dropdown-container {
    width: 26.9vw;
}

.urun-dropbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 26.70vw;
    height: 4.5vh;
    border-radius: .4vw;
    border: .1vh solid rgb(0, 0, 0, 0.2);
}

.urun-dropbtn span {
    font-family: "Fira Sans";
    font-size: .6vw;
    margin-left: 1vw;
}

.urun-dropbtn img {
    height: 2vh;
    width: 2vh;
    margin-right: .3vw;
    transition: transform 0.3s ease;
}

.urun-child-right-item-header {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 5vh;
    height: 5.5vh;
    width: 6vw;
    border: .1vh solid transparent;
}

.urun-child-right-item span {
    font-size: 1vw;
    font-family: "Fira Sans";

}

.urun-child-right-item a {
    color: #000000;
    font-size: 1vw;
    font-family: "Didot";
}

.urun-child-right-item-content {
    font-family: "Fira Sans";
    position: absolute;
    display: flex;
    left: 1.3vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.urun-child-right-item-content a {
    height: 3vh;
}

.urun-child-right-buy {
    position: relative;
    top: 2.4vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Fira Sans";
    font-weight: 500;
    background: #2E5160;
    height: 5.5vh;
    width: 20vw;
    cursor: pointer;
    z-index: 1;
}

.urun-child-right-buy a {
    cursor: pointer;
    color: #d0d0d0;
    font-size: .8vw;
}

.urun-child-right-buy-item {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: .2vw;
}

.urun-child-right-buy:hover {
    background: #406f83;
}

.urun-child-right-buy-cargo-desc {
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    gap: 1vw;
    bottom: 9vh;
}

.urun-child-right-buy-cargo-desc-text {
    position: relative;
    font-family: "Fira Sans";
}

.urun-child-right-buy-cargo-icon {
    width: 1vw;
    height: 1vw;
}

.urun-child-right-buy-cargo-desc-text span {
    color: #2E5160;
    font-size: .7vw;
    font-weight: normal;
}

.urun-child-right-buy-store-find {
    display: flex;
    justify-content: left;
    align-items: center;
}

.urun-child-right-buy-store-find a {
    color: #2e5160;
    text-decoration: underline;
    font-size: .9vw;
    text-underline-offset: .5vh;
}

.urun-child-right-buy-store-find img {
    rotate: 270deg;
    width: .8vw;
}

.urun-child-right-info-container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    position: relative;
    top: 10vh;
    left: 1.5vw;
}

.urun-child-right-info-child {
    border-top: .1vh solid rgb(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.urun-child-right-info-child:last-child {
    margin-bottom: 25vh;
    border-bottom: .1vh solid rgb(0, 0, 0, 0.2);
}

.urun-child-right-info-child-head {
    display: flex;
    justify-content: center;
    align-items: center;
}

.urun-child-right-info-child-header {
    display: flex;
    align-items: center;
    width: 24.6vw;
}

.urun-child-right-info-child-header-text {
    font-size: .8vw;
    font-family: "Fira Sans";
    letter-spacing: .01vw;
    color: #2E5160;
}

.urun-child-right-info-child-header-image img {
    width: 1.7vh;
}

.urun-child-right-info-child-content-text {
    display: flex;
    justify-content: left;
    font-family: "Fira Sans";
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.8s ease, max-height 0.8s ease;
}

.urun-child-right-info-child-content-text.active {
    opacity: 1;
    max-height: 50vh;
}

.urun-child-right-info-more {
    transition: transform 0.3s ease;
}

.urun-child-right-info-more a img {
    rotate: 270deg;
    width: 0.8vw;
}

.product-image {
    width: 100%;
}

.fill-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details-row-size {
    display: flex;
    flex-direction: column;
}

.side-box-container {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
}

.side-box {
    display: block;
    width: 50vh;
    height: 100vh;
    background: #F9F7F3;
    border-bottom-left-radius: 2%;
    border-top-left-radius: 2%;
}

.side-box-header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Fira Sans";
    font-weight: normal;
    font-size: 1.2vw;
    gap: 7vw;
    padding-top: 2vh;
    padding-left: 5vh;
}

.side-box-header-mark {
    cursor: pointer;
    width: 5%;
    margin-right: 2.5vw;
}

.side-box-header-text {
    width: 80%;
}

.side-box-info-content {
    padding-right: 20px;
}

.side-box-info-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.side-box-info-content-container::after {
    content: '';
    position: absolute;
    bottom: -2vh;
    width: 85%;
    border-bottom: .01vh solid rgba(0, 0, 0, 0.2);
}

.side-box-info-content-text-header {
    font-family: "Fira Sans";
    font-size: .8vw;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-top: 4vh;
    padding-left: 5vw;
    width: 100%;
}

.side-box-header-text p {
    color: #2e5160;
}

.side-box-info-content-text-head {
    font-family: "Fira Sans";
    font-size: .8vw;
    width: 50%;
}

.side-box-info-content-text-container {
    display: flex;
    justify-content: left;
    align-items: baseline;
    padding-top: 1.3vh;
    padding-left: 5vw;
    width: 100%;
}

.side-box-info-content-text {
    font-family: "Fira Sans";
    font-size: .9vw;
    width: 10vw;
}

.custom-yorum-container {
    margin-top: 10px;
}

.custom-yorum-container-main {
    text-align: center;
}

.side-box-comment-container-child {
    margin-top: 5vh;
    padding-left: 2.5vw;
    position: relative;
}

.side-box-comment-container-child-head {
    display: flex;
    justify-content: left;
    align-items: center;
    font-family: "Fira Sans";
    font-size: .7vw;
    gap: .8vw;
}

.side-box-comment-container-child-text {
    font-family: "Fira Sans";
    font-size: .7vw;
}

.side-box-comment-container-child:first-child:before {
    content: '';
    position: absolute;
    bottom: 9vh;
    left: 2vw;
    width: 83%;
    border-bottom: .01vh solid rgba(0, 0, 0, 0.2);
}

.side-box-comment-container-child::after {
    content: '';
    position: absolute;
    bottom: -3vh;
    left: 2vw;
    width: 83%;
    border-bottom: .01vh solid rgba(0, 0, 0, 0.2);
}

.side-box-comment-container {
    overflow-y: scroll;
}

.side-box-comment-content-header {
    padding-top: .5vh;
    padding-left: 2.5vw;
    position: relative;
}

.side-box-comment-content-rate-container {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: .4vw;
    margin-top: -4vh;
}

.side-box-comment-content-header h2 {
    font-family: "Fira Sans";
    font-weight: normal;
    font-size: 1.6vw;
    color: #2e5160;
}

.side-box-comment-content-star-container i {
    font-size: .5vw;
    color: #2E5160;
}

.side-box-comment-content-counter p {
    font-family: "Fira Sans";
    font-weight: bold;
    font-size: .7vw;
    opacity: .6;
    color: #2e5160;
}

.side-box-size-guide-container.show {
    display: flex;
}

.side-box-size-guide-text-container-header {
    font-family: "Fira Sans";
    font-weight: 500;
    padding-left: 5vh;
    width: 80%;
}

.side-box-size-guide-text-container-child {
    font-family: "Fira Sans";
    font-size: .8vw;
    padding-left: 5vh;
    width: 70%;
}

.side-box-size-guide-info-child {
    padding-left: 5vh;
    font-family: "Fira Sans";
    font-size: .8vw;
}

/* SEPET */

/* .sepet-content {
    display: flex;
    justify-content: center;
    align-items: unset;
    gap: 4vw;
} */

.sepet-content {
    flex-direction: column;
}

.sepet-content-top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 4vw;
    margin-bottom: 10vh;
}

.sepet-product-header-container h2 {
    font-family: "Fira Sans";
    font-weight: 500;
    font-size: 19px;
    color: #2e5160;
}

.product-container {
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    gap: 7.2vw;
}

.product-content-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5vw;
}

.product-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 120px;
    margin-bottom: 1vh;
    background: #ebebeb;
    border: .3vh solid transparent;
}

.product-image-container img {
    width: 100px;
    height: 100px;
}

.product-container {
    font-family: "Fira Sans";
    height: 20vh;
    width: 52.5vw;
    border-top: 1px solid rgb(0, 0, 0, 0.2);
}

.product-id {
    font-size: 14px;
}

.product-size {
    font-size: 12px;
}

.summary-content {
    display: flex;
    justify-content: center;
    align-items: unset;
    background: #fafafa;
    font-family: "Fira Sans";
    width: 37.5vw;
    height: 68vh;

}

.summary-product {
    width: 65%;
}

.summary-product-container {
    width: 98.9%;
    display: flex;
    justify-content: left;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    align-items: center;
    gap: 170px;
}

.summary-product p:first-child {
    font-size: 16px;
}

.summary-product p:last-child {
    font-size: 16px;
}

.summary-product span {
    font-size: 16px;

}

.summary .btn-checkout {
    background-color: #000;
    color: #fff;
    border-radius: 0;
}

.sepet-product-campaign-text-container {
    font-family: "Fira Sans";
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2E5160;
    color: #F9F7F3;
    width: 53vw;
    height: 8vh;
}

.product-amount {
    font-size: 16px;
}

.product-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 0;
    cursor: pointer;
}

.summary-product-total {
    font-size: 16px;
}

.summary-buy-button button {
    margin-top: 4px;
    border: 1px solid #2e5160;
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2e5160;
    width: 100%;
    padding: 15px 0;
    cursor: not-allowed;
    transition: background 0.3s, border 0.3s;
}

.summary-buy-button button:hover {
    border: 1px solid #2e5160;
    background: #fff;
    color: #2e5160;
    transition: color 0.3s;

}

.summary-header {
    font-size: 16px;
    font-weight: lighter;
}

.summary-buy-button-text-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}

.summary-desc {
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 11px;
    gap: 5px;
}

.summary-desc-image-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 15px;
}

.summary-desc-image-container img {
    height: 22px;
    width: 80px;
    object-fit: cover;
}

.summary-desc-image-container img:last-child {
    height: 22px;
    width: 100px;
    object-fit: cover;
}

.value {
    font-family: "Fira Sans";
    font-size: .6vw;
}

.sepet-gift-options-child {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10vw;
    width: 100%;
    padding: 2vh 0;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2)
}

.sepet-gift-options-child-image-container img {
    height: 100px;
}

.sepet-gift-options-container-header {
    color: #2e5160;
    font-family: "Fira Sans";
    font-size: 19px;
}

.sepet-gift-options-child-header {
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 400;
}

.sepet-gift-options-child-text {
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 300;
}

.sepet-gift-options-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    width: 25vw;
}

.sepet-gift-options-price {
    font-family: "Fira Sans";
    font-size: 16px;
    color: #2e5160;

}

.sepet-gift-options-price:first-child {
    color: #000;
}

.sepet-gift-options-add-basket button {
    font-family: "Fira Sans";
    background: transparent;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(46, 81, 96, .4);
    border-radius: 5%;
    width: 100%;
    padding: 10px 8px;
    cursor: pointer;
    transition: background 0.3s, border 0.3s;
}

.sepet-gift-options-add-basket button {
    color: #2e5160;
}


.sepet-gift-options-add-basket button:hover {
    background: #2e5160;
}

.sepet-gift-options-add-basket button:hover {
    color: #fff;

}

/* COLORS / RENKLER */

.green {
    color: #16a34a;
}

.light-peach {
    background: #F2D7BD;
}

.light-khaki {
    background: #E8E3BD;
}

.olive-brown {
    background: #BAA38D;
}

.pale-silver {
    background: #DDD7CE;
}

.royal-blue {
    background: #1A3D99;
}

.crimson-red {
    background: #C3171F;
}

.heart-icon {
    cursor: pointer;
}

.custom-select {
    appearance: none;
    background: no-repeat calc(100% - 16px) center url('../img/svg/down-arrow-backup-2-svgrepo-com.svg') #F9F7F3;
    background-size: 20px;
    padding: 12px 48px 12px 12px;
    border: 1px solid rgb(46, 81, 96, 0.2);
    border-radius: 10px;
    color: #000;
    outline: none;
    cursor: pointer;
    transition: border-color 0.3s ease;
    height: 50px;
    min-width: 100px;
}

.custom-select option {
    font-size: 12px;
}

.counter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    background-color: #f9f9f9;
}

.value {
    font-size: 16px;
    font-weight: bold;
}

.promo-container {
    display: flex;
    align-items: center;
    border: 1px solid #2e5160;
    border-radius: 6px;
    padding: 12px;
    width: 95%;
    background-color: #fff;
    margin-bottom: 20px;
}

.promo-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 6px;
    color: #888;
    background: transparent;
}

.promo-input::placeholder {
    color: #bbb;
}

.promo-button {
    border: none;
    background: none;
    color: #2e5160;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 98;
    pointer-events: none;
    transition: 1s ease;
}

.overlay.show {
    background-color: rgba(0, 0, 0, 0.15);
    pointer-events: unset;
}

.message-container {
    font-family: "Fira Sans";
    width: 85%;
    max-width: 500px;
    margin: 20px auto;
    padding: 10px;
}

.message-container label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: normal;
}

textarea {
    width: 100%;
    height: 210px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    resize: vertical;
    box-sizing: border-box;
}

textarea::placeholder {
    color: #999;
}

.character-count {
    text-align: right;
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.save-button {
    background-color: #2e5160;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 24px;
    border: 1px solid #2e5160;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.save-button:hover {
    color: #2e5160;
    background-color: white;
}

.discount-notice-container {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    gap: 20px;
}

.discount-notice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ff4d4d;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    width: 300px;
}

.discount-notice .message {
    flex: 1;
}

.discount-notice .close-button {
    background-color: #ff4d4d;
    color: white;
    border: none;
    padding: 5px 15px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
}

.discount-notice .close-button:hover {
    background-color: #e03e3e;
}

.blog-page-section-1-container {
    font-family: "Fira Sans";
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
}

.blog-page-section-1-header {
    font-size: 19px;
    font-weight: 200;
}

.blog-page-section-1-text {
    font-size: 16px;
    font-weight: 350;
    width: 64%;
}

.blog-page-section-1-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.blog-page-section-1-links a {
    /*background: #F9F7F3;*/
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid #2e5160;
}

.blog-page-section-1-links a:hover {
    background: #2e5160;
    color: #F9F7F3;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid #2e5160;
}

.blog-page-section-2-container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 100px;
}

.blog-page-section-2-content {
    display: flex;
    justify-content: center;
    background: #f6f4ea;
    padding: 10px;
    gap: 45px;
}

.blog-page-section-2-big-image {
    height: 400px;
    width: 751px;
    background: transparent;
}

.blog-page-section-2-text {
    font-family: "Fira Sans";
    flex-direction: column;
    width: 22rem;

}

.blog-page-section-2-text h3 {
    letter-spacing: 1px;
    font-weight: 200;
    font-size: 14px;
}

.blog-page-section-2-text p {
    line-height: 40px;
    font-size: 35px;
    width: 70%;
    font-weight: 300;
}

.blog-page-section-2-text a {
    letter-spacing: 3px;
    text-decoration: underline;
    text-underline-offset: 10px;
}

.blog-page-section-2-trends-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 51px;
}

.blog-page-section-2-trends-child {
    height: 365px;
    cursor: pointer;
}

.blog-page-section-2-trends-child:hover {
    background: #ececec;
}

.blog-page-section-2-trends-child-image {
    height: 250px;
    width: 350px;
    background: gray;
}

.blog-page-section-2-trends-child-text {
    font-family: "Fira Sans";
    width: 350px;
}

.blog-page-section-2-trends-child-text h3 {
    letter-spacing: 1px;
    font-weight: 200;
    font-size: 14px;
}

.blog-page-section-2-trends-child-text p {
    font-weight: 200;
    font-size: 19px;
}

.blog-page-section-3-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blog-page-section-3-content {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 72rem;
}

.blog-page-section-3-content-header {
    font-family: "Fira Sans";
    text-align: left;
    margin-bottom: 30px;
}

.blog-page-section-3-content-header h3 {
    font-size: 40px;
    font-weight: 200;
    text-align: left;
    margin-bottom: 3px;
}

.blog-page-section-3-content-header span {
    letter-spacing: -1px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
}

.blog-page-section-3-big-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blog-page-section-3-big-image-child {
    height: 35rem;
    width: 72rem;
}

.blog-page-section-3-big-image-text-container {
    margin-top: -80px;
    display: flex;
    justify-content: left;
    text-align: center;
    align-items: center;
    flex-direction: column;
    /*background: #F9F7F3;*/
    width: 43%;
    height: 300px;
    z-index: 10;

}

.blog-page-section-3-big-image-text-container h3 {
    font-family: "Fira Sans";
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;

    padding-top: 20px;
}

.blog-page-section-3-big-image-text-container p {
    font-family: "Fira Sans";
    font-weight: 350;
    margin-top: -15px;
    font-size: 35px;
    /*background: #F9F7F3;*/
    padding: 10px 35px;
    box-sizing: border-box;
}

.blog-page-section-3-koleksiyon-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 50px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    height: 490px;

}

.blog-page-section-3-koleksiyon-child {
    cursor: pointer;
    height: 460px;
}

.blog-page-section-3-koleksiyon-child:hover {
    background: #ececec;
}

.blog-page-section-3-koleksiyon-child-image {
    height: 350px;
    width: 250px;
    background: gray;
}

.blog-page-section-3-koleksiyon-child-text {
    font-family: "Fira Sans";
    width: 250px;
}

.blog-page-section-3-koleksiyon-child-text h3 {
    letter-spacing: 1px;
    font-weight: 200;
    font-size: 14px;
}

.blog-page-section-3-koleksiyon-child-text p {
    font-weight: 200;
    font-size: 18px;
}

.blog-page-section-4-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.video-container {
    position: relative;
    width: 1150px;
    height: auto;
}

video {
    width: 100%;
    height: 100%;
}

.controls {
    position: absolute;
    bottom: 15px;
    right: -40px;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
    padding: 10px 15px;
    border-radius: 10px;
}

.controls i {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    transition: transform 0.2s;
}

.controls i:hover {
    transform: scale(1.2);
}

.blog-page-section-4-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #2e5160;
    height: 30rem;
}

.blog-page-section-4-content-header h3 {
    font-family: "Fira Sans";
    font-weight: 200;
    font-size: 40px;
    color: #F9F7F3;
}

.blog-page-section-5-container {
    margin-top: 350px;
    margin-left: -80px;
    margin-bottom: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blog-page-section-5-big-image-child {
    width: 684px;
    height: 387px;
    background: gray;
}

.blog-page-section-5-more-content-child-image {
    width: 100px;
    height: 100px;
    background: gray;
}

.blog-page-section-5-more-content-child-text {
    width: 40%;
    font-family: 'Fira Sans';
    font-size: 16px;
}

.blog-page-section-5-more-content-child {
    position: relative;
    top: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    gap: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.blog-page-section-5-more-content-child:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.blog-page-section-5-content {
    display: flex;
    justify-content: center;
}

.blog-page-section-5-more-content-child-text {
    font-family: "Fira Sans";
    width: 350px;
}

.blog-page-section-5-more-content-child-text h3 {
    letter-spacing: 1px;
    font-weight: 200;
    font-size: 14px;
}

.blog-page-section-5-more-content-child-text a {
    color: #000000 !important;
    margin-top: -3px;
    font-weight: 200;
    font-size: 18px;
}

.blog-page-section-5-content-header {
    width: 72rem;
    font-family: "Fira Sans";
    font-size: 16px;
    margin-bottom: 18px;
    margin-left: 70px;
}

.blog-page-section-5-content-header h3 {
    margin-bottom: 0;
    font-size: 55px;
    font-weight: 200;
}

.blog-page-section-5-big-image-text-container {
    margin-top: -80px;
    display: flex;
    justify-content: center;
    text-align: justify;
    align-items: center;
    flex-direction: column;
    /*background: #F9F7F3;*/
    width: 60%;
    height: 175px;
    z-index: 10;
}

.blog-page-section-5-big-image-text-container p {
    font-family: "Fira Sans";
    font-weight: 350;
    margin-top: -15px;
    font-size: 40px;
    /*background: #F9F7F3;*/
    padding: 10px 20px;
}

.blog-page-section-5-big-image-text-container h3 {
    font-family: "Fira Sans";
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    padding-top: 20px;
}

.blog-page-section-5-big-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: -70px;
}

.blog-page-section-6-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #2e5160;
    padding-bottom: 70px;
    margin-bottom: 25px;
}

.blog-page-section-6-header {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.blog-page-section-6-header h3 {
    font-family: "Fira Sans";
    font-size: 50px;
    font-weight: 200;
    margin-bottom: 0;
    color: #F9F7F3;
}

.blog-page-section-6-header span {
    font-family: "Fira Sans";
    font-size: 19px;
    color: #F9F7F3;
    font-weight: 350;
}

.blog-page-section-6-content-container {
    display: flex;
    justify-self: center;
    align-items: center;
    gap: 25px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    padding-bottom: 20px;
}

.blog-page-section-6-content-child-image {
    height: 200px;
    width: 390px;
    background: gray;
}

.blog-page-section-6-content-child-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #F9F7F3;
}

.blog-page-section-6-content-child {
    font-family: "Fira Sans";
}

.blog-page-section-6-content-child p {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Fira Sans";
    font-weight: 200;
    font-size: 16px;
}

.blog-page-section-6-content-child span {
    font-weight: 300;
    font-size: 30px;
}

.blog-page-section-7-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.blog-page-section-7-header {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-right: 55rem;
}

.blog-page-section-7-header h3 {
    font-family: "Fira Sans";
    font-weight: 300;
    font-size: 35px;
}

.blog-page-section-7-content-child-image {
    height: 300px;
    width: 280px;
    background: gray;
    box-sizing: border-box;
}

.blog-page-section-7-content-child-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-page-section-7-content-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

.blog-page-section-7-content-child-text {
    font-family: "Fira Sans";
    width: 90%;
}

.blog-page-section-7-content-child-text p {
    font-size: 15px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.blog-page-section-7-content-child-text span {
    font-size: 16px;
    font-weight: 200;
}

.payment-methods-container {
    margin-top: 125px;
    display: flex;
    justify-content: center;
    font-family: "Fira Sans";
    align-items: center;
    flex-direction: column;
}

.payment-methods-container-header h3 {
    font-size: 35px;
    font-weight: 450;
    letter-spacing: 5px;
}

.payment-methods-container-image {
    background: gray;
    width: 100%;
    height: 650px;
}

.payment-methods-container-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.payment-methods-container-text-content-container-child {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 10%;
}

.payment-methods-container-text-content-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 35px;
    text-align: center;
    width: 100%;
    margin-top: 70px;
}

.payment-methods-container-text-content-header p {
    width: 60%;
}

.payment-methods-container-text-content-container-child-header h3 {
    font-size: 35px;
    font-weight: 500;
}

.payment-methods-container-text-content-container-child-text {
    width: 100%;
}

.payment-methods-container-text-content-container-child-text h4 {
    font-size: 28px;
    font-weight: 400;
}

.payment-methods-container-text-content-container-child-text p {
    font-size: 20px;
}

.payment-methods-container-text-content-container-child-text h5 {
    font-size: 20px;
    margin-bottom: -10px;
}

.payment-methods-container-text-content-container-child-text span {
    font-size: 20px;
    margin-bottom: -10px;
}

.payment-methods-container-button-container {
    margin-top: 80px;
}

.payment-methods-container-button-container a {
    padding: 15px 35px;
    font-size: 14px;
    border: 2px solid #2e5160;
}

.payment-methods-container-button-container a:hover {
    padding: 15px 35px;
    font-size: 14px;
    color: #F9F7F3;
    background: #2e5160;
    border: 2px solid #2e5160;
}

.payment-methods-container-more-info-child-text {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 1000px;
    gap: 40px;
}

.payment-methods-container-more-info-header {
    margin-left: 65px;
}

.payment-methods-container-more-info-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-top: 1px solid rgb(0, 0, 0, 0.2);
    width: 90%;
    margin: 0 30px;
    padding: 0 40px;
    cursor: pointer;
}

.payment-methods-container-more-info-child:last-child {
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.payment-methods-container-more-info-child-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 23rem;
}

.payment-methods-container-more-info-child-text span {
    opacity: .6;
}

.hesap-links-header h3 {
    color: #2e5160;
    font-size: 20px;
    font-weight: 400;
}

.hesap-links-main-container {
    background: #e6e5e5;
    height: max-content;
    margin-left: 40px;
    margin-top: 25px;
    width: 32%;
    height: 440px;
}

.hesap-links-child-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    margin-left: 28px;
}

.hesap-links-child {
    color: #2e5160;
    font-size: 17px;
    padding: 8px 0;
}

.hesap-active {
    text-decoration: underline;
}

.ColectoggleDropdown,
.toggleGrup {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7vh;
    font-family: "Fira Sans";
    font-size: .85rem;
    text-decoration: none;
    color: #2E5160;
    font-weight: normal;
    background: transparent;
    border: none;
    padding: 5px 10px;
    transition: background-color 0.3s;
    /*margin-right: 7px;*/
    z-index: 10;
    cursor: pointer;
}

.summary .summary-title a {
    font-size: 13px;
    font-weight: 400;
}

.summary-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 15px;
}

.summary-title h3 {
    font-size: 1rem;
}

.coupon-code-wrapper .coupon-checker {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    color: #000;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.coupon-code-wrapper .coupon-checker svg {
    margin-left: 5px;
}

.summary-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.summary-line .highlight {
    color: #60B268;
}

.summary-cart {
    padding: 2.75rem;
    background-color: #fafafa;
}

.summary-cart .table tr td {
    background: none !important;
    font-size: 14px;
}

.cart {
    position: relative;
}

.cart-product-quantity {
    width: 100px;
    margin: 0 auto;
}

.swal2-popup{
    border-radius: 0 !important;
}

.swal2-styled:focus{
    box-shadow: 0 0 0 3px rgb(255 255 255 / 50%) !important;
}

.table.table-summary tbody td {
    height: 47px;
    font-size: 14px !important
}

.table.table-summary tbody td:nth-child(even) {
    text-align: right;
}

.product-col .product-cart {
    background: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 2rem;
    box-shadow: none;
}

.page-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page-border-child img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bulten-abonelik-main-content-container {
    margin-left: 35px;
}

.bulten-abonelik-main-container {
    margin-top: 120px;
    font-family: "Fira Sans";
    display: flex;
}

.bulten-abonelik-button-container {
    display: flex;
    gap: 20px;
}

.bulten-abonelik-checkbox-container input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(46, 81, 96, 0.2);
    border-radius: 5px;
    background-color: #F9F7F3;
    cursor: pointer;
    position: relative;
}

.bulten-abonelik-checkbox-container input[type="checkbox"]:checked {
    background-color: #2E5160;
    border-color: #1a3a42;
}

.bulten-abonelik-checkbox-container input[type="checkbox"]:checked::before {
    content: '\2713';
    position: absolute;
    top: -2px;
    left: 4px;
    font-size: 18px;
    color: white;
}

.bulten-abonelik-checkbox-container label {
    display: flex;
    justify-content: left;
    align-items: center;
}

.bulten-abonelik-checkbox-container {
    margin-bottom: 15px;
}

.bulten-abonelik-checkbox-container label {
    display: flex;
    gap: 5px;
}

.bulten-abonelik-button-child-container:first-child button {
    margin-top: 10px;
    margin-bottom: 25px;
    width: 300px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0, 0.2);
    font-size: 14px !important;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    color: #F9F7F3;
    background: #2e5160;
    font-size: 14px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
}

.bulten-abonelik-button-child-container:last-child button {
    margin-top: 10px;
    margin-bottom: 25px;
    width: 300px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0, 0.2);
    font-size: 14px !important;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    color: #2e5160;
    /*background: #F9F7F3;*/
    font-size: 14px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
}

.bulten-abonelik-button-child-container:first-child button:hover {
    color: #2e5160;
    /*background: #F9F7F3;*/
}

.bulten-abonelik-button-child-container:last-child button:hover {
    border: 1px solid rgb(0, 0, 0, 1);
}

.bulten-abonelik-header-container h3 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px;
}

.gizlilik-ayarlari-main-container {
    display: flex;
    justify-content: left;
    margin-top: 120px;
    font-family: "Fira Sans";
    gap: 48px;
}

.gizlilik-ayarlari-content-current-password {
    display: flex;
    flex-direction: column;
}

.gizlilik-ayarlari-content-child-checkbox label {
    display: flex;
    gap: 5px;
}

.gizlilik-ayarlari-content-button-child button {
    margin-top: 10px;
    margin-bottom: 25px;
    width: 300px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0, 0.2);
    font-size: 14px !important;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    color: #F9F7F3;
    background: #2e5160;
    font-size: 14px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
}

.gizlilik-ayarlari-content-button-child button:hover {
    color: #2e5160;
    /*background: #F9F7F3;*/
}

.gizlilik-ayarlari-content-child-checkbox {
    margin-bottom: 20px;
}

.gizlilik-ayarlari-content-child:first-child {
    margin-bottom: 20px;
}

.gizlilik-ayarlari-content-child-container {
    width: 930px;
}

.gizlilik-ayarlari-content-child-header-container h3 {
    font-size: 23.5px;
    font-weight: 400;
}

.gizlilik-ayarlari-content-child-text span {
    font-size: 13px;
    font-weight: 400;
    opacity: .8;
}

.gizlilik-ayarlari-content-child-text {
    margin-bottom: 20px;
}

.gizlilik-ayarlari-content-child-checkbox label {
    display: flex;
    justify-content: left;
    align-items: center;
}

.gizlilik-ayarlari-content-child-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(46, 81, 96, 0.2);
    border-radius: 5px;
    background-color: #F9F7F3;
    cursor: pointer;
    position: relative;
}

.gizlilik-ayarlari-content-child-checkbox input[type="checkbox"]:checked {
    background-color: #2E5160;
    border-color: #1a3a42;
}

.gizlilik-ayarlari-content-child-checkbox input[type="checkbox"]:checked::before {
    content: '\2713';
    position: absolute;
    top: -2px;
    left: 4px;
    font-size: 18px;
    color: white;
}

.gizlilik-ayarlari-content-container {
    margin-top: 20px;
}

.gizlilik-ayarlari-content-button-child button {
    font-family: "Fira Sans";
}

.istek-listem-main-container {
    display: flex;
    font-family: "Fira Sans";
    margin-top: 120px;
    gap: 35px;
}

.istek-listem-content-child {
    display: flex;
    gap: 20px;
}

.istek-listem-content-child-image {
    width: 250px;
    height: 250px;
}

.istek-listem-content-child-image img {
    width: 250px;
    height: 250px;
    object-fit: cover;
}

.istek-listem-content-header-container h3 {
    font-size: 22px;
    font-weight: 400;
}

.istek-listem-content-child-product-name {
    font-size: 18px;
}

.comment-container {
    display: flex;
    flex-direction: column;
}

.comment-container textarea {
    width: 669px;
    height: 50px;
}

.comment-container label {
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 14px;
}

.istek-listem-content-child-button-container {
    display: flex;
    gap: 20px;
}

.istek-listem-content-child-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.istek-listem-content-child-main-button-container button {
    width: 670px;
    height: 45px;
    background: #2e5160;
    color: #F9F7F3;
    border: 1px solid rgb(0, 0, 0, 0.2);
    margin: 10px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.istek-listem-content-child-main-button-container button:hover {
    /*background: #F9F7F3;*/
    color: #2e5160;
}

.istek-listem-content-child-button button {
    /*background: #F9F7F3;*/
    height: 50px !important;
    width: 325px !important;
    border: 1px solid rgb(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.istek-listem-content-child-button button:hover {
    border: 1px solid rgb(0, 0, 0, 1);
}

.istek-listem-content-child-product-name span:last-child {
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: lighter;
}

.istek-listem-content-child-product-link {
    margin-top: 10px;
    margin-bottom: 18px;
    text-decoration: underline;
    text-decoration-color: #2e5160;
}

.istek-listem-content-child-link {
    height: 75px;
    width: 250px;
    top: 95px;
    position: absolute;
    left: 52%;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.istek-listem-content-child-link-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    background: #fff;
    text-decoration: none;
    border-radius: 15px;
    padding: 10px 25px;
}

.istek-listem-content-child-link-container p {
    margin-top: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 15px;
}

.istek-listem-content-child-link-container span {
    font-size: 12px;
}


.istek-listem-content-child-product-link:hover + .istek-listem-content-child-link {
    opacity: 1;
}

.oturum-kapatma-main-container {
    font-family: "Fira Sans";
    margin-top: 180px;
}

.oturum-kapatma-content-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    margin-left: 50px;
}

.oturum-kapatma-content-container h3 {
    font-weight: 400;
}

.oturum-kapatma-content-container p {
    font-size: 16px;
}

.siparislerim-main-container {
    font-family: "Fira Sans";
    display: flex;
    margin-top: 120px;
}

.siparislerim-child-container {
    margin-left: 37px;
    margin-top: 19px;
}

.siparislerim-child-header-container h3 {
    color: #2e5160;
    font-size: 22px;
    font-weight: 400;
}

.siparislerim-child-text-container span {
    font-size: 17px;
}

.siparislerim-adres-bilgileri-child-content-button-child-container button {
    font-family: "Fira Sans";
    padding: 15px 140px;
    border: 1px solid rgb(0, 0, 0, 0.2);
    box-sizing: border-box;
    color: #2e5160;
    /*background: #F9F7F3;*/
    font-size: 14px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
}

.siparislerim-adres-bilgileri-child-content-button-child-container button:hover {
    border: 1px solid rgb(0, 0, 0, 1);
}

.ucgen {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff;
    left: 25px;
    top: 30px;
    position: relative;
}


/* Popup container */
.account_popup_login {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1001;
    top: 0;
    left: 0;
    pointer-events: none;
}

.account_popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* Popup aÃ§Ä±kken */
.account_popup_login.active {
    pointer-events: unset;
}

.account_popup_overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Popup iÃ§erik */
.account_popup {
    width: 30%;
    height: 100%;
    background: white;
    padding: 2.5rem;
    position: absolute;
    z-index: 1001;
    transition: .6s;
    right: -100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.account_popup_login.active .account_popup {
    right: 0;
}

.account_popup_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.account_popup_header p {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Fira Sans", sans-serif;
}

.account_popup_body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.account_popup_form_section {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.account_popup_form_section input {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
}

.account_popup_form_section label {
    font-size: 0.8125rem;
    color: rgba(112, 113, 112, 1);
}

.account_popup_body form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 25px;
}

.account_popup_body form a {
    color: #000;
    font-size: 1rem;
    text-decoration: underline;
    font-family: "Fira Sans", sans-serif;
}

.account_popup_form_section button {
    padding: 15px;
    background-color: #2E5160;
    color: white;
    border: none;
    font-size: 16px;
}

.account_popup_body > a {
    padding: 15px;
    font-size: 16px;
    color: white;
    background: #2E5160;
    width: 100%;
    text-align: center;
}

.account_popup_body > p {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-bottom: 0;
}

.close-popup {
    background: transparent;
    border: 0;
    color: #2E5160;
}

.contact_page_form input, .contact_page_form textarea {
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    /*border-radius: 0.188rem;*/
    padding: 8px 12px;
}

.contact_page_form input {
    height: 4rem;
}

.contact_page_form input:hover, .contact_page_form textarea:hover {
    border: 1px solid rgba(148, 149, 148, 1);
}

.contact_page_form input:focus, .contact_page_form textarea:focus {
    border: 1px solid rgba(148, 149, 148, 1);
}

.contact_page_form label {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 0.8125rem;
    font-family: "Fira Sans";
    line-height: 1rem;
    color: #2E5160;
    font-weight: 300;
}

.iletisim-button-container button {
    color: white;
    padding: 15px 40px;
    font-family: "Fira Sans";
    font-size: 0.6875rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    transition: .3s;
    border-radius: 0.188rem;
}

.contact_sss_link_div {
    background: #2E5160;
    padding: 24px 20px;
    width: 100%;
}

.contact_bize_ulasin_div {
    background: #2b3b4e;
    padding: 24px 20px;
    width: 100%;
}

.contact_sss_link_div span, .contact_bize_ulasin_div span {
    opacity: 0.6;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 1.5px;
    color: #f5f5f5;
    text-transform: uppercase;
}

.contact_sss_link_div h3, .contact_bize_ulasin_div h3 {
    margin: 10px 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #f5f5f5;
}

.contact_sss_link_div p, .contact_bize_ulasin_div p {
    opacity: 0.6;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.12px;
    color: #f5f5f5;
}

.contact_sss_link_div a {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #f5f5f5;
    border-bottom: 1px solid #fff;
}

.contact_social {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    column-gap: 4%;
    row-gap: 15px;
}

.contact_social a {
    background: #fff;
    width: 48%;
    text-align: center;
    color: #2E5160;
    padding: 12px 15px;
    border-radius: 3px;
}

.iletisim-child-header {
    width: 100%;
    margin-bottom: 20px;
}

.iletisim-child-header h3 {
    font-size: 2.5rem;
    color: #2E5160;
}

.contact_other_info_div p {
    font-size: 14px;
    font-family: "Fira Sans", sans-serif;
    color: rgba(0, 0, 0, 0.7);
}

.contact_other_info_div a {
    color: black;
    font-weight: bold;
}

.contact_header h1 {
    color: #2E5160;
}

.contact_header_img {
    height: 50vh;
    position: relative;
    overflow: hidden;
}

.contact_header_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: brightness(0.6);
}

.contact_header_img .write {
    position: absolute;
    bottom: 10%;
    padding-left: 5%;
    width: 50%;
}

.contact_header_img .write p {
    color: rgba(245, 245, 245, 1);
    font-size: 0.8125rem;
}

.contact_header_img .write h2 {
    color: rgba(245, 245, 245, 1);
    font-size: 3rem;
}

.blog-page-header {
    background-image: url("../../../../assets/main/img/blog-banner.jpg");
    width: 100%;
    height: 100px;
    text-align: center;
    font-family: Didot;
}

.blog-page-header h3 {
    line-height: 100px;
}

.blog-main-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: left;
    align-items: baseline;
    row-gap: 40px;
    /*column-gap: 10px;*/
    max-width: 1200px;
    margin: 30px auto;
}

.blog-article {
    padding: 5px;
    width: 285px;
}

.blogLink .footer {
    background: transparent;
    padding: 15px 0;
    font-family: Didot;
}

.blogLink-img {
    width: 100%;
    height: 285px;
    overflow: hidden;
}

.blogLink-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-box-text font {
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
}

.blogLink .footer a {
    color: black !important;
}

.blogLink .footer h3 {
    font-size: 1.2rem;
    color: #000000;
    margin-bottom: 15px;
}

.blog-banner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.blog-banner h1 {
    color: #2E5160 !important;
}

.blog-banner img {
    display: none;
}

.blogcont p {
    color: #2E5160;
    margin: 0 auto;
    margin-bottom: 40px;
    font-family: "Fira Sans", sans-serif;
    max-width: 1200px;
}

.blogLink:hover .article-box {
    background: #f7f7f7;
}

.satis-page .yeni-koleksiyon-satis-page-child {
    width: 100%;
}

.hidden {
    display: none !important;
}

.blog_main_cont {
    max-width: 900px;
    width: calc(100% - 5rem);
    font-family: "Fira Sans", sans-serif !important;
}

.blog_main_cont > img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.blog_details_desc {
    width: 80%;
    margin: 40px 0;
}

.blog_details_desc p {
    text-align: justify;
    line-height: 2;
}

.blog_details_desc p:first-child::first-letter {
    font-size: 4rem;
    font-weight: bold;
    float: left;
    line-height: 1;
    margin-right: 8px;
}

.blog_details_desc img {
    width: 100%;
}

.reset_password_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.reset_password_div form {
    /*width: 500px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
}

.reset_password_div form div:first-child {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
}

.reset_password_div input {
    width: 100%;
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    border-radius: 0.188rem;,
outline: none;
    padding: 8px 12px;
}

.reset_password_div label {
    border: none;
}

.reset_password_div h1 {
    font-family: "Fira Sans";
    font-weight: 300;
    margin-bottom: 30px;
}

.reset_password_div small {
    font-size: .7rem;
}

.reset_password_div button {
    padding: 12px 24px;
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid transparent;
}

.reset_password_div button:hover {
    background: #ffffff;
}

#paymentCreditCard .form-group input {
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    border-radius: 0.188rem;,
outline: none;
    padding: 8px 12px;
}

#paymentCreditCard .form-group input:hover {
    border: 1px solid rgba(148, 149, 148, 1);
}

#paymentCreditCard .form-group input:focus {
    border: 1px solid rgba(148, 149, 148, 1);
}

.sidebar-cartList {
    padding: 0;
    list-style: none;
}

.payment-sidebar .summary-cart {
    padding: 1.5rem;
    border: 1px solid #ddd;
}

.contratConfirm {
    display: flex;
    margin: 20px 0;
}

#guestUserAddressForm .form-group input:not([type="radio"]) {
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    border-radius: 0.188rem;
    padding: 8px 12px;
}

#guestUserAddressForm .form-group input:hover {
    border: 1px solid rgba(148, 149, 148, 1);
}

#guestUserAddressForm .form-group input:focus {
    border: 1px solid rgba(148, 149, 148, 1);
}

.account_infos_form .form-group input:not([type="radio"]) {
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    border-radius: 0;,
outline: none;
    padding: 8px 12px;
}

.account_infos_form .form-group input:hover {
    border: 1px solid rgba(148, 149, 148, 1);
}

.account_infos_form .form-group input:focus {
    border: 1px solid rgba(148, 149, 148, 1);
}

.address_edit_div .form-group input:not([type="radio"]) {
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    border-radius: 0.188rem;,
outline: none;
    padding: 8px 12px;
}

.address_edit_div .form-group input:hover {
    border: 1px solid rgba(148, 149, 148, 1);
}

.address_edit_div .form-group input:focus {
    border: 1px solid rgba(148, 149, 148, 1);
}

.cart .box-title h4 {
    margin: 0 0 30px 0;
}

.cart .form-check-input:checked, .address_edit_div .form-check-input:checked, .account_infos_form .form-check-input:checked {
    border-color: #2E5160;
    background-color: #2E5160;
    outline: none !important;
}

.cart .form-check-input:checked, .address_edit_div .form-check-input:checked, .account_infos_form .form-check-input:focus {
    outline: none;
    border-color: unset;
}

.box-address {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.sidebar-cartList li {
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}

.sidebar-cartList li .product {
    display: flex;
    width: 100% !important;
    height: max-content !important;
    justify-content: space-between;
    align-items: flex-start;
}

.sidebar-cartList li .product .product-media {
    width: 20%;
    height: 70px;
    margin: 0;
    overflow: hidden;
}

.sidebar-cartList li .product .product-media img {
    /* width: 100%; */
    /* height: 100%; */
    object-fit: cover;
}

.sidebar-cartList li .product .product-detail {
    width: 80%;
}

.sidebar-cartList li .product .product-detail h3 {
    color: #000;
}

.footer_bank_banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin: 0 auto;
}

.footer_bank_banner img {
    max-width: 9%;
    filter: grayscale(100);
    opacity: 0.5;
    transition: .4s;
    margin: 0 10px;
}

/*Payment*/
.success-container {
    max-width: 800px;
    margin: 30px auto;
    background: linear-gradient(135deg, #ffffff, #f8f9fc);
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.success-icon {
    font-size: 80px;
    color: #28a745;
    animation: bounce 1s infinite ease-in-out;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.order-summary, .delivery-info {
    margin-top: 30px;
}

.order-summary h5, .delivery-info h5 {
    font-weight: bold;
    margin-bottom: 15px;
    color: #495057;
}

.product-list {
    list-style: none;
    padding: 0;
}

.product-list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dee2e6;
    padding-bottom: 8px;
}

.product-list li:last-child {
    border-bottom: none;
}

.product-list li span {
    font-size: 16px;
}

.total {
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

/*SipariÅŸ Sorgulama*/
.order-detail .order-bar {
    display: flex;
    padding: 15px;
    font-size: 14px;
    background: #f7f7f7;
    margin-bottom: 15px;
    align-items: center;
}

.order-detail .order-bar > div {
    margin-right: 15px;
    border-right: 1px solid #DDD;
    padding-right: 15px;
    color: #000000b5;
    font-weight: 500;
}

.order-detail .box {
    font-style: italic;
    font-size: 14px;
}

.order-detail .order-bar > div b {
    font-weight: 400;
    margin-right: 7px;
    color: #afafaf;
}

.order-detail .order-bar > div:last-child {
    border: none;
}

.box {
    border: 1px solid #DDD;
    margin-bottom: 20px;
}

.box .box-content {
    padding: 15px;
}

.box-content ul {
    padding-left: 0;
}

.box .box-title {
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

.order-detail .col-md-6 .box-content {
    min-height: 330px;
}

.box .box-title h4 {
    font-size: 19px;
    margin: 0;
}

.order-detail .col-md-6 .box-content {
    min-height: 330px;
}

.order-detail .col-md-6 ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #efefef;
}

.order-detail .col-md-6 ul li strong {
    font-weight: 500;
}

.order-detail .product-list > div:nth-of-type(odd) .item {
    background: #f7f7f7;
}

.order-detail .product-list .item {
    display: flex;
    /*justify-content: space-between;*/
    padding: 15px;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1);
}

.order-detail .product-list .item .product {
    display: flex;
    background: none;
    box-shadow: none !important;
    height: auto !important;
    width: auto !important;
}

.order-detail .product-list .item .product .media {
    width: 130px;
    margin-right: 20px;
    min-width: 130px;
}

.order-detail .product-list .item .product .media img {
    max-width: 100%;
}

.order-detail .product-list .item .product .detail .title {
    color: #000;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

/*profil sipariÅŸlerim*/

.order-list .item {
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 2px 0 rgba(72, 72, 72, .08);
    box-shadow: 0 1px 2px 0 rgba(72, 72, 72, .08);
    margin-bottom: 15px;
    padding: 16px 24px;
    font-size: 13px;
    color: #9e9e9e
}

.order-list .item.cancel-order {
    background: #ffefe8
}

.order-list .item.cancel-order .status {
    color: #ff4f00
}

.order-list .item .detail > div b {
    font-size: 16px;
    color: #0c0c0c;
    font-weight: 500
}

.order-list .item .status small {
    display: block;
    width: 100%;
    text-align: center
}

.order-list .item .status {
    align-items: center;
    color: #404040;
    font-weight: 500
}

.order-list .item .status i {
    margin-right: 8px
}

.order-list .item .payment .price {
    font-size: 17px;
    color: #45b794;
    font-weight: 700;
    text-align: left
}

.order-list .item .payment .price span {
    font-size: 13px
}

.order-list .item .action {
    display: flex;
    align-items: center
}

.order-list .item .action a.btn {
    min-width: 0;
    padding: 6px 9px;
    background: #2e5160;
}

.order-list .item .action a.btn i {
    font-size: 19px
}

.bank-list .item {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #DDD;
    padding: 10px 20px;
    cursor: pointer;
}

.form-control {
    border-radius: 0 !important;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: unset;
}

.bank-list .item.active {
    border-color: #2E5160;
}

.bank-list .item .greenTriangle {
    display: none;
}

.bank-list .item.active .greenTriangle {
    display: block
}

.greenTriangle {
    border-color: transparent transparent #2E5160;
    border-width: 0 0 25px 25px;
    border-style: solid;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
}

.greenTriangle svg {
    position: absolute;
    color: #fff;
    left: -12px;
    top: 11px;
    font-size: 11px;
    transform: rotate(-10deg);
}

svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    transition: 0.5s !important;
}

::selection {
    background-color: #32be23;
}

.bank-list .item .input {
    padding-right: 20px;
    padding-top: 30px;
}

.bank-list .item .detail {
    display: flex;
    min-width: 100%;
}

.bank-list .item .detail .img {
    width: 80px;
    height: 80px;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
    margin-right: 20px;
    padding-right: 10px;
}

.bank-list .item .detail .img img {
    max-width: 100%
}

.bank-list .item .detail .description {
    font-size: 13px;
}

.bank-list .item .detail .description span b {
    font-weight: 500
}

.bank-list .item .detail .description > * {
    display: block;
}

.help-block {
    width: 100%;
    color: red;
    float: left;
    font-size: 13px;
}

.text-info {
    color: #000 !important;
}

.satip-shop-main-contain {
    display: flex;
    flex-direction: column-reverse;
}

.payment-sticky-custom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.box-advantage {
    background-color: #2E5160 !important;
    color: #fff;
}

.account-menu {
    padding: 2.75rem;
    background-color: #fafafa;
    margin-bottom: 20px;
}

.account-menu li {
    background: none;
}

.account-menu a {
    color: #52525b !important;
}

.address-list .item {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 230px;
    display: flex;
    flex-direction: column;
}

.address-list .item .action {
    margin-top: auto;
}

.address-list .item .action a {
    font-size: 12px;
}

.address-list .item .title {
    border-bottom: 2px solid #00000085;
}

.address-list .item .detail {
    font-style: italic;
    font-size: 14px;
}

.icon-box-content {
    font-size: 14px;
}

.payment-result {
    margin-top: 20vh;
}

.card-payment-error {
    background: linear-gradient(45deg, #af3535 32%, #f55252 100%)
}

.card-payment-error .icon i {
    font-size: 90px
}

.card-payment-result .img-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px
}

.card-payment-result .img-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 175px
}

.card-payment-result .icon {
    margin-bottom: 10px
}

.card.text-white * {
    color: #FFF
}

.card-payment-result .card-body {
    padding-top: 15px
}

.card-payment-result {
    margin-bottom: 2.2rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: none;
    border-radius: .5rem;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1)
}

.custom-control-input {
    width: 16px;
    height: 16px;
}

.custom-control-input:checked {
    background-color: #2e5160 !important;
}

.custom-control-input:checked::after {
    content: "";
    font-size: 12px;
    color: white;
    position: absolute;
    left: 2px;
    top: -2.4px;
}

.urun-degerlendirmeler {
    width: 50%;
    margin-block: 25px 80px;
}

.urun-degerlendirme-baslik {
    text-align: center;
    font-size: 21px;
    font-weight: 500;
}

.urun-degerlendirme-content {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.urun-detay-container .yorum-container {
    width: 100%;
    margin-inline: auto;
    display: grid;
    row-gap: 5%;
}

.yorum-container .yorum-top {
    width: 100%;
    display: grid;
    justify-content: space-between;
    align-items: center;
    row-gap: 30%;
}

.yorum-top {
    margin-top: 10px;
}

.yorum-container .yorum-top .yorum-top-left {
    display: flex;
    position: relative;
}

.yorum-container .yorum-top .yorum-top-right {
    justify-content: space-between;
}

.yorum-sayisi svg {
    transition: 1s ease !important;
}

.yorum-sayisi svg {
    transition: 1s !important;
}

.yorum-container .deeg {
    transform: rotate(180deg);
}

.yorum-top-left .degerlendirme-dropdown {
    top: 100%;
    width: 400px;
    background: #fff;
    padding: 15px 15px 25px;
    transition: 0.8s ease-in;
    transform: translate(0) !important;

}

.degerlendirme-dropdown .degerlendirme-puan {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.degerlendirme-dropdown .degerlendirme-puan .fa-star {
    color: #f6ca5b;
    font-size: 28px;
    margin-right: 10px;
}

.degerlendirme-dropdown .degerlendirme-puan span {
    font-size: 28px;
    font-weight: bold;
}

.degerlendirme-rows .degerlendirme-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.degerlendirme-rows .degerlendirme-row:not(:last-of-type) {
    margin-bottom: 5px;
}

.degerlendirme-rows .degerlendirme-row .degerlendirme-stars {
    color: #f6ca5b;
    white-space: nowrap;
}

.degerlendirme-rows .degerlendirme-row .degerlendirme-bar {
    width: 60%;
    background: #e9e8e8;
    height: 12px;
    margin-right: 10px;
    border-radius: 3px;
}

.degerlendirme-rows .degerlendirme-row .degerlendirme-sayi {
    font-size: 15px;
}

.yorum-top-left .yorum-sayisi {
    cursor: pointer !important;
}

.yorum-top-left .dropdown-menu {
    scale: 0.8 !important;

}

.yorum-top-left .dropdown-menu.show {
    left: -63% !important;
    display: block !important;
    scale: 1 !important;
}

.yorum-top-right .dropdown-menu.show {
    left: -63% !important;
    display: block !important;

}

.modal-contentx {
    border: none !important;
    width: 500px;
    height: 500px;
    border-radius: 0;
}

.modal-content .modal-body {
    padding-top: 10px;
}

.swiper-slide .swiper-header {
    width: 100%;
}

.mySwiperRline .swiper-body {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 90%;
    justify-content: center;
}

.swiper-slide-3 .swiper-body {
    height: 100%;
}

.swiper-slide-1
.starrating > input {
    display: none;
}

/* Remove radio buttons */

.swiper-slide-1 .starrating > label:before {
    content: "\f005"; /* Star */
    margin: 2px;
    font-size: 50px;
    font-family: FontAwesome;
    display: inline-block;
}

.swiper-slide-1 .starrating > label {
    transition: 0.1s ease-in;
    background-image: linear-gradient(to right, rgb(87, 87, 87), #0e0e0e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.swiper-slide-1 .starrating > input:checked ~ label {
    color: #ffca08;
    content: "\f005";
}

/* Set yellow color when star checked */

.swiper-slide-1 .starrating > input:hover ~ label {
    color: #ffca08;
    content: "\f005";
    opacity: 0.8;
}

.swiper-slide-1 .swiper-body {
    align-items: start;
}

.swiper-slide-1 .swiper-body .star-row {
    width: 100%;
    margin: auto;
    justify-content: center;
}

/* Set yellow color when star hover */

.swiper-container.main-slider.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Karartma rengi */
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.urun-detay-left .swiper-container.main-slider img {
    max-height: 100%;
    height: auto;
    object-fit: cover;
}

.urun-detay-left .thumbs-slider img {
    max-height: 90px !important;
    max-width: 139px !important;
}

.urun-detay-left-modal {
    position: fixed;
    width: 90%;
    height: 90%;
    background: #000000B2;
    display: none;
    opacity: 0;
    transform: scale(0.9);
}

.blog-article {
    width: auto;
}

.custom-qty {
    display: block;
    width: 15%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    outline: none !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.adet-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.urun-takim-modulex .adet-box input {
    width: 100% !important;
}

.main-adet-colagion span:first-child {
    font-size: 12px;
}

.custom-spin-relative .main-adet-colagion {
    display: flex;
    padding: 0 0 5%;
    align-items: center;
    column-gap: 20px;
}

.mySwiperRline .swiper-slide-2 .compenent-box .textarea:focus {
    border: 1px solid #2e5160 !important;
    outline: none
}

.mySwiperRline .swiper-slide-2 .swiper-body-header {
    margin: 5% 0;
    width: 100%;
}

.mySwiperRline .swiper-slide-2 .swiper-body-header h1 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.mySwiperRline .swiper-slide-2 .compenent-row {
    width: 100%;
}

.mySwiperRline .swiper-slide-2 .compenent-row .compenent-box {
    gap: 10px;
    display: flex;
    flex-flow: column;
}

.mySwiperRline .swiper-slide-2 .compenent-box .textarea {
    width: 100%;
    height: 256px;
    max-height: 300px !important;
    display: block;
    border-radius: 0px;
    border: 1px solid #777777 !important;
    padding: 16px;
}

.modal-custom-background {
    background: rgba(0, 0, 0, 0.53) !important;
    margin: 0;
    border: 1px solid #fff;
    width: 100%;
}

.modal-custom-button {
    color: #2E5160 !important;
    border-radius: 0 !important;
}

.modal-custom-button:hover {
    color: #fff !important;
    background-color: #2E5160 !important;
}

.mySwiperRline .swiper-slide-2 .compenent-box .textarea:first-child {

    height: 56px;
}

.mySwiperRline .swiper-slide-2 .compenent-box .textarea::placeholder {
    color: black;
}

.mySwiperRline .swiper-slide-3 .swiper-body .swiper-body-header {
    margin-bottom: 2%;

}

.mySwiperRline .swiper-slide-3 .swiper-body .swiper-body-header > * {
    font-weight: bold;
    font-size: 28px;
}

.mySwiperRline .swiper-slide-3 .form-col {
    margin: auto;
}

.mySwiperRline .swiper-slide-3 .form-col .row {
    --bs-gutter-y: 6%;
}

.mySwiperRline .swiper-slide-3 .form-col .row .input-parameter:nth-child(3) {
    margin-top: 4%;
}

.mySwiperRline .swiper-slide-3 .form-col .input-parameter {
    text-align: left;
}

.mySwiperRline .swiper-slide-3 .form-col .kvkk-politic {
    color: #474747D7;
    font-size: 14px;
    font-weight: 600;
}


.mySwiperRline .swiper-slide-3 .form-col .input-parameter > * {
    margin: 1% 0;
}

.mySwiperRline .swiper-slide-3 .form-col .input-parameter label {
    font-weight: bold;
    font-size: 16px;
}

.mySwiperRline .swiper-slide-3 .form-col .input-parameter label > * {
    color: #FF0000FF;
}

.mySwiperRline .swiper-slide-3 .form-col .input-parameter input {
    padding: 5%;
    width: 100%;
    height: 48px;
    border: 1px solid #777777 !important;
    border-radius: 8px;
}

.modal-cont .show {
    display: flex !important;
    align-items: center !important;
    background: rgba(0, 0, 0, 0.53) !important;
}

.social-btn {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 0 !important;
    padding: 8px 15px;
    text-decoration: none !important;
    color: black;
    width: 180px;
    justify-content: left !important;
    background-color: transparent !important;
    width: 50%;
}

.social-btn:hover {
    background-color: #e6e6e6;
}

.social-btn i {
    font-size: 20px;
    margin-right: 10px;
}

.facebook {
    background-color: #f8f9fa;
    border-color: #ccc;
}

.google {
    background-color: #f8f9fa;
    border-color: #ccc;
}

.social-btn span {
    display: block;
    font-size: 12px;
    color: #777;
    font-weight: normal;
}

.share-wp {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.swal2-styled{
    border-radius: 0 !important;
}



