body {
    background: var(--body-bg);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
    left: 0;
    transition: all .4s;
}

/* Reset */
a {
    color: var(--main-color);
}

a:hover {
    text-decoration: none;
    color: var(--main-color2);
}

h1 {
    font-size: 1.4rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1.15rem;
}

h4 {
    font-size: 1.05rem;
}

h5 {
    font-size: 1.03rem;
}

/* Overlay */
.overlay {
    display: flex;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, .4);
    justify-content: center;
    align-items: center;
}

.overlay .spin {
    color: var(--main-color);
    width: 3rem;
    height: 3rem;
    font-size: 20px;
}

/* Background Blur Overlay */
.overlay-blur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.overlay-blur.active {
    opacity: 1;
    pointer-events: auto;
}


/* Opacity */
.op-black,
.op-black-2,
.op-black-3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.op-black {
    z-index: 4;
}

.op-black-2 {
    z-index: 99;
}

.op-black-3 {
    z-index: 18;
    background: rgba(0, 0, 0, 0.6);
}

.op-black.show,
.op-black-2.show,
.op-black-3.show {
    opacity: 1;
    visibility: visible;
}

.op-black.hide,
.op-black-2.hide {
    visibility: hidden;
    opacity: 0;
}

/* Header (Desktop) */
header.desktop {
    background: #fff;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 20;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

.home-body header.desktop {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
    margin-top: -20px;
}

.home-body header.desktop .mega-menu .nav-link {
    color: #fff !important;
}

.home-body header.desktop .header-bar .bar-link {
    color: #fff !important;
}

header.desktop .mega-menu .dropdown:hover>.nav-link,
header.desktop .mega-menu .dropdown.show>.nav-link,
header.desktop .mega-menu .nav-link:hover {
    text-decoration: underline;
}

.home-body header.desktop.fixed .mega-menu .nav-link,
header.desktop.fixed .mega-menu .nav-link {
    color: #000 !important;
}

.home-body header.desktop.fixed .header-bar .bar-link,
header.desktop.fixed .header-bar .bar-link {
    color: #000 !important;
}

.home-body header.desktop.fixed .logo img {
    filter: brightness(0.1);
}


.home-body header.desktop.fixed-desktop .logo a img {
    max-height: 80px;
}

.home-body header.desktop.fixed-desktop {
    background: #fff;
    border-bottom: 0;
}

.home-body header.desktop.fixed-desktop .menu {
    background: transparent;
    height: 70px;
    border-right: 0;
    border-left: 0;
    width: 100%;
}

.home-body header.desktop.fixed-desktop .h-center {
    position: relative;
    border-bottom: 0;
    box-shadow: none;
}

@keyframes slideDownFade {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

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

@keyframes slideFromLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

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

@keyframes slideFromRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

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

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.home-body header.desktop .header-area:first-child .menu {
    animation: slideFromLeft 0.9s ease-out 0.2s both;
}

.home-body header.desktop .logo {
    animation: fadeInScale 0.9s ease-out 0.2s both;
}

/* Sag Bar Animasyonu */
.home-body header.desktop .header-area.last {
    animation: slideFromRight 0.9s ease-out 0.4s both;
}

header.desktop.fixed {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    top: 0;
    margin-top: 0;
}

.home-body header.desktop .mega-menu .nav-item:hover~header.desktop,
.home-body header.desktop:has(.mega-menu .nav-item:hover),
.home-body header.desktop:has(.mega-dropdown-panel.mega-visible) {
    background: #fff !important;
    transition: background 0.3s ease;
}

.home-body header.desktop:has(.mega-menu .nav-item:hover) .nav-link,
.home-body header.desktop:has(.mega-menu .nav-item:hover) .bar-link,
.home-body header.desktop:has(.mega-menu .nav-item:hover) .header-bar .bar-link,
.home-body header.desktop:has(.mega-dropdown-panel.mega-visible) .nav-link,
.home-body header.desktop:has(.mega-dropdown-panel.mega-visible) .bar-link,
.home-body header.desktop:has(.mega-dropdown-panel.mega-visible) .header-bar .bar-link,
.home-body header.desktop:has(.mega-dropdown-panel.mega-visible) .header-bar .bar-link {
    color: #000 !important;
    transition: color 0.3s ease;
}

.home-body header.desktop:has(.mega-menu .nav-item:hover) .logo a img,
.home-body header.desktop:has(.mega-dropdown-panel.mega-visible) .logo a img {
    filter: brightness(0.1);
    transition: filter 0.3s ease;
}

.dropdown-languages-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time);
}

.dropdown-languages-1 .dropdown-toggle:hover {
    color: var(--header-top-color-hover);
}

.dropdown-currencies-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time);
}

.dropdown-currencies-1 .dropdown-toggle:hover {
    color: var(--header-top-color-hover);
}

header.desktop .header-area {
    height: 90px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

header.desktop .header-area.last {
    align-items: flex-end;
}

header.desktop .logo {
    align-items: center;
}

header.desktop .h-center .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1700px;
}

header.desktop .header-wrapper-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

header.desktop .header-left {
    flex: 1;
    min-width: 0;
}

header.desktop .header-center {
    flex-shrink: 0;
}

header.desktop .header-right {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

header.desktop .header-left .menu {
    width: 100%;
}

.home-body header.desktop .header-left {
    animation: slideFromLeft 0.8s ease-out 0.2s both;
}

.home-body header.desktop .header-center {
    animation: fadeInScale 0.8s ease-out 0.3s both;
}

.home-body header.desktop .header-right {
    animation: slideFromRight 0.8s ease-out 0.4s both;
}

header.desktop .logo a img {
    max-height: 50px;
}

header.desktop .header-area.last svg {
    filter: brightness(0) invert(1);
}

header.desktop .easy-autocomplete-container {
    top: 60px;
}

header.desktop .menu {
    height: 90px;
    border-right: 0;
    border-left: 0;
    width: 100%;
}


header.desktop .h-banner {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header.desktop .mega-menu {
    padding: 0;
    position: relative;
}

header.desktop .mega-menu .navbar-nav {
    flex-direction: row;
    height: 90px;
}

header.desktop .mega-menu .nav-item {
    padding: 0;
    display: flex;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

header.desktop .mega-menu .nav-link {
    perspective: 1000px;
}

header.desktop .mega-menu .nav-link .under-category {
    display: inline-block;
}


.header-area .header-bar .bar-link {
    perspective: 1000px;
    color: #000;
}

.header-area .header-bar .bar-link .name {
    transition: transform 1s ease;
    transform-style: preserve-3d;
    display: inline-block;
}

.header-area .header-bar .bar-link svg {
    filter: brightness(0)
}

.header-area .header-bar .bar-link:hover .name {
    transform: rotateX(360deg);
    transition: transform 1s ease;
}


header.desktop.fixed .mega-menu .nav-item .nav-link {
    color: #000;
}

header.desktop .mega-menu .nav-link {
    height: 100%;
    width: 100%;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #000;
    line-height: normal;
    font-weight: 500;
    font-size: 15px;
    white-space: unset !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all var(--transition-time);
    padding-right: 5px;
    padding-left: 0;
}


header.desktop .mega-menu .nav-link::after {
    display: none;
}

header.desktop .mega-menu .dropdown {
    position: static;
}

.mega-dropdowns {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    pointer-events: none;
}

.mega-dropdowns .mega-dropdown-panel {
    pointer-events: auto;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    margin: 0;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    border: 1px solid #ebebeb;
    border-top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 19;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    display: block !important;
}

.mega-dropdowns .mega-dropdown-panel.mega-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mega-dropdown-inner {
    margin: 0 auto;
    padding: 0 15px;
}

.mega-menu-container {
    padding: 40px 20px;
}

.mega-menu-container .container-fluid {
    margin: 0 auto;
}

.mega-menu-left {
    padding: 0 20px;
}

.mega-menu-left .row {
    margin: 0 -10px;
}

.mega-menu-left .col-4,
.mega-menu-left .col-3 {
    padding: 0 10px;
}

.mega-menu-left .sub-cat {
    margin-bottom: 28px;
}

.mega-menu-left .sub-cat .sub-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #1a202c;
    padding-bottom: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.mega-menu-left .sub-cat .sub-title:hover {
    padding-left: 5px;
}

.mega-menu-left .sub-cat .sub-title:hover::after {
    width: 50px;
}

.mega-menu-left .sub-cat ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu-left .sub-cat ul li {
    margin-bottom: 8px;
}

.mega-menu-left .sub-cat ul li a {
    display: flex;
    align-items: center;
    color: #4a5568;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 4px;
}

.mega-menu-left .sub-cat ul li a::before {
    content: '\2192';
    position: absolute;
    left: 0;
    color: var(--main-color);
    font-weight: 700;
    opacity: 0;
    transform: translateX(-3px);
    transition: all 0.3s ease;
}

.mega-menu-left .sub-cat ul li a:hover {
    color: var(--main-color);
    padding-left: 20px;
}

.mega-menu-left .sub-cat ul li a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

.mega-menu-left .sub-cat ul li a .sub-category {
    flex: 1;
}

.mega-menu-right {
    padding: 0 20px;
}

.category-single-image {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.4s ease;
}

.category-single-image:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    transform: translateY(-2px);
}

.category-single-image .cat-img-link {
    position: relative;
}

.category-single-image .cat-img-wrapper {
    position: relative;
    overflow: hidden;
}

.category-single-image .cat-img-wrapper img {
    transition: transform 0.6s ease;
}

.category-single-image:hover .cat-img-wrapper img {
    transform: scale(1.08);
}

.cat-img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.85) 0%,
            rgba(0, 0, 0, 0.5) 50%,
            transparent 100%);
    padding: 30px 25px;
    color: #fff;
    transition: all 0.3s ease;
}

.cat-img-title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.cat-img-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.category-single-image:hover .cat-img-cta {
    background: rgba(255, 255, 255, 0.25);
    gap: 15px;
    padding: 10px 25px;
}

.cat-img-cta i {
    transition: transform 0.3s ease;
}

.category-single-image:hover .cat-img-cta i {
    transform: translateX(5px);
}

.mega-menu-left.col-md-12 {
    margin: 0 auto;
}


/* Search */
.special-product-search {
    position: fixed;
    top: -100%;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    transition: top 0.4s ease;
    z-index: 999;
    overflow-y: auto;
    border-radius: 5px;
}

.search-header {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 9;
    padding-top: 20px;
}

.search-header form {
    position: relative;
}

.search-header form .btn-send {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #000000;
    font-size: 17px;
    width: 35px;
}

.special-product-search.active {
    top: 50%;
    max-height: calc(100% - 80px);
}

.search-box {
    max-width: 75%;
    margin: 10px auto 30px auto;
    padding: 20px;
}

.search-header .search-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    position: relative;
}

.search-header h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.search-header #closeSpecialSearch {
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search-header #closeSpecialSearch::before {
    content: "\eb98";
    font-family: "coreicon";
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.search-header #closeSpecialSearch:hover {
    transform: rotate(90deg);
    color: var(--main-color2);
}

.search-header form {
    width: 100%;
}

.search-header form input {
    height: 50px;
    color: #535353;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    width: 100%;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 26px;
    border-radius: 8px;
    padding: 9px 16px;
    transition: all 0.3s ease;
}

.search-header form input::placeholder {
    color: #a0a0a0;
    font-size: 15px;
}

.search-header form input:hover,
.search-header form input:focus {
    border-color: #000000;
}

.search-box h4 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}

.search-box .popular-categories ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.search-box .popular-categories ul li a {
    display: flex;
    padding: 4px 15px;
    border-radius: 60px;
    border: 1px solid #e9e9e9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 13px;
    font-weight: 600;
    color: #383838;
}

.search-box .popular-categories ul li a:hover {
    color: var(--main-color2);
}

.search-box .popular-categories {
    margin-top: 20px;
}

.search-box .search-results .item img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}

.search-box .search-results .item .name {
    font-size: 13px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-weight: 500;
    text-align: start;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 38px;
}

.search-box .search-results .item:hover a {
    color: var(--main-color);
}

.search-box .search-results .item .price {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

.search-box .search-results .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    flex-direction: column;
}

.search-box .search-results .item .image-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
}

.search-box .search-results .item .image-wrapper .btn-group {
    position: absolute;
    color: #ffffff;
    opacity: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.search-box .search-results .item:hover img {
    filter: brightness(80%);
}

.search-box .search-results .item:hover .image-wrapper .btn-group {
    opacity: 1;
}

.search-box .search-results .item .image-wrapper .btn-group a {
    background-color: #ffffff;
    color: #000000;
    width: 35px;
    height: 35px;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box .search-results .item .image-wrapper .btn-group a:hover {
    opacity: 1;
    background-color: var(--main-color2);
    color: #fff;
}

.search-results .row .col-md-3 {
    padding-left: 3px;
    padding-right: 3px;
}

/* Mobile Header */

header.mobile {
    display: flex;
    align-items: center;
    background: #fff;
    height: 60px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 98;
    border-bottom: 1px solid #f2f2f2;
}

.home-body header.mobile{
    border: none;
}

header.mobile .left {
    flex: 1 1 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
}

header.mobile .right {
    flex: 1 1 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}

header.mobile .logo img {
    height: 30px;
    margin-left: 15px;
}

header.mobile .icon-group {
    position: relative;
}

.home-body header.mobile .icon-group {
    position: relative;
    color: #000;
    font-size: 21px;
    margin-left: 3px;
}

body .logo-area .icon-group {
    color: #000 !important;
}

header.mobile .icon-group {
    position: relative;
    color: #000;
    font-size: 21px;
    margin-left: 3px;
}


header.mobile .icon-group .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    min-width: 18px;
    max-width: 25px;
    padding: 0;
    text-align: center;
    height: 18px;
    background: #000000;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header.mobile .h-banner {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Stores */
.stores {
    background: #fff;
}

.stores .cards {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.stores .card {
    border: none;
    box-shadow: none;
    margin: 0 !important;
    border-left: 1px solid #e6e6e6;
}

.stores .card:first-child {
    border-left: 0;
}

.stores .card .card-body {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px;
}

.stores .card .card-body img {
    max-height: 80%;
    max-width: 60% !important;
    margin: 0 auto;
}

.stores .card .card-header {
    display: none;
}

.stores .text-white {
    font-weight: bold;
    font-size: 12px !important;
}

/* Footer */

footer {
    background: #242424;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 50px 0 0 0;
}

footer .language-wrapper {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

footer .language-wrapper .dropdown-languages-1,
footer .language-wrapper .dropdown-currencies-1{
    color: #fff;
}

footer .bottom-text {
    width: 100%;
    margin: 50px 0 30px 0;
    padding: 25px 0;
    border-top: 1px solid #ddd;
    position: absolute;
    padding-top: 30px;
}

footer .bottom-text-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 30px;
}

footer .bottom-text-content-text {
    text-align: center;
    font-size: 13px;
    line-height: 1.8;
    color: #666;
    letter-spacing: 0.2px;
}

footer .column-right {
    margin-right: 100px;
}

footer .bar {
    margin: 20px 0;
}

footer .bar * {
    color: #fff;
}

footer .bar .row {
    align-items: center;
}

footer .bar img {
    margin-bottom: 15px;
}

footer .logo-area {
    text-align: left;
    margin: 15px 0;
}

footer .logo-area .logo img {
    max-height: 100px;
    max-width: 230px;
}

footer .logo-description {
    margin-top: 15px;
}

footer .footer-main-row {
    display: flex;
    align-items: stretch;
    min-height: 350px;
}

footer .footer-left-section {
    padding: 50px;
    border-right: 1px solid #ebebeb;
    position: relative;
}

footer .title {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
    position: relative;
}

footer .info ul {
    padding: 0;
    margin: 0;
}

footer .info ul li {
    list-style: none;
    padding: 8px 0;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

footer .info ul li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: relative;
    transition: all 0.3s ease;
    font-weight: 500;
}

footer .info ul li a:hover {
    color: #fff;
    text-decoration: none;
    padding-left: 5px;
}

footer .contact-info {
    margin-top: 20px;
}

footer .contact-info .contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

footer .contact-info .contact-item:hover {
    background: #fff;
    transform: translateX(5px);
}

footer .contact-info .contact-item i {
    color: #000;
    font-size: 16px;
    margin-right: 12px;
    min-width: 20px;
    margin-top: 2px;
}

footer .contact-info .contact-item a {
    display: flex;
    align-items: center;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    width: 100%;
}

footer .contact-info .contact-item a:hover {
    color: var(--main-color);
}

footer .contact-info .contact-item span {
    word-break: break-word;
}

/* Sosyal medya ikonlari */
footer .social-media {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    justify-content: flex-start;
}

footer .social-media a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8f9fa;
    color: #555;
    font-size: 18px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

footer .social-media a:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

footer .social-media a.fb:hover {
    background: #1877f2;
    color: #fff;
    border-color: #1877f2;
}

footer .social-media a.tw:hover {
    background: #1da1f2;
    color: #fff;
    border-color: #1da1f2;
}

footer .social-media a.ins:hover {
    background: linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%);
    color: #fff;
    border-color: #833ab4;
}

footer .social-media a.yt:hover {
    background: #ff0000;
    color: #fff;
    border-color: #ff0000;
}

footer .social-media a.lnk:hover {
    background: #0077b5;
    color: #fff;
    border-color: #0077b5;
}

footer .social-media a.pnt:hover {
    background: #e60023;
    color: #fff;
    border-color: #e60023;
}

.footer-app-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #ebebeb;
    padding: 30px 0;
}

/* Mobil uygulamalar */
footer .mobile-app {
    margin-top: 25px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.footer-app-links-wrapper {
    gap: 10px;
}

footer .mobile-app-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

footer .mobile-app a img {
    height: 55px;
    width: 120px;
    height: auto;
    transition: all 0.3s ease;
    max-width: 120px;
}

footer .mobile-app a:hover img {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile Menu Tip 2 */

.sidebar-menu-type-2 {
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 9999;
    left: 0;
    margin-left: -100%;
}

.sidebar-menu-type-2 .logo-area a img {
    max-height: 40px
}

.sidebar-menu-type-2 .mobil-area-title {
    font-size: 16px
}

.sidebar-menu-type-2 .categories ul li a {
    font-size: 15px;
    font-weight: 500
}

.sidebar-menu-type-2 .categories ul .multi a {
    padding: 6px 0;
    font-size: 14px;
    font-weight: 400
}

.sidebar-menu-type-2 .categories ul .multi .multi a {
    font-size: 14px
}

.sidebar-menu-type-2 .categories ul .multi li:first-child {
    display: block
}

.sidebar-menu-type-2.active {
    margin-left: 0;
}

.sidebar-menu-type-2 .scrollbar {
    height: 100% !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}

.sidebar-menu-type-2 .categories {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


/* Scrollbar styling */
.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar {
    width: 6px;
}

.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 3px;
    transition: background 0.2s ease;
}

.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.sidebar-menu-type-2 .title {
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.sidebar-menu-type-2 .title .btn-close {
    color: #fff;
}

.sidebar-menu-type-2 .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, .15);
    font-size: 14px;
    font-weight: 500;
}

.sidebar-menu-type-2 .links a {
    display: block;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-menu-type-2 .links a i {
    float: right;
}

.sidebar-menu-type-2 .categories {
    /* display: none; */
}

.sidebar-menu-type-2 .categories ul {
    margin: 0;
    padding: 10px;
}

.sidebar-menu-type-2 .categories ul li {
    padding: 0;
    list-style: none;
    border: 1px solid #e2e2e2;
    margin-bottom: 15px;
    position: relative;
}

.sidebar-menu-type-2 .categories ul li a img {
    height: 35px;
    margin-right: 10px;
}

.sidebar-menu-type-2 .categories ul li a {
    display: flex;
    padding: 15px 10px;
    border-bottom: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
}

.sidebar-menu-type-2 .categories ul li a .name {
    width: 80%;
}

.sidebar-menu-type-2 .categories ul li a .icon {
    color: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 17px;
    position: absolute;
    right: 22px;
}

.sidebar-menu-type-2 .categories .multi li a .icon {
    right: 13px;
}

.sidebar-menu-type-2 .easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb;
    top: 65px;
}

.sidebar-menu-type-2 .categories ul li a .icon .fa-angle-right:before {
    content: "\f078";
}

.sidebar-menu-type-2 .categories .multi .icon .fa-angle-right:before {
    content: "\f078";
}

.sidebar-menu-type-2 .categories ul .multi {
    display: none;
}

.sidebar-menu-type-2 .categories ul .multi li:first-child {
    display: none;
}

.sidebar-menu-type-2 .categories ul .multi a {
    padding-left: 20px;
}

.sidebar-menu-type-2 .categories .multi li {
    border: 0 !important;
    margin-bottom: 5px;
}

.sidebar-menu-type-2 .categories ul .multi a {
    padding: 0;
}

.sidebar-menu-type-2 .categories ul .multi .multi a {
    font-size: 12px;
}

.sidebar-menu-type-2 .mobil-area-title {
    color: #000;
    margin: 15px 10px 10px 13px;
    display: block;
    font-weight: 500;
    font-size: 15px;
}

.sidebar-menu-type-2 .logo-area a img {
    height: 70px;
    max-width: 250px;
}

.sidebar-menu-type-2 .logo-area {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}

.mobile-menu-close {
    display: flex;
    justify-content: center;
    font-size: 20px;
    align-items: center;
}

.mobile-menu-close i {
    border: 1px solid #e2e2e2;
    padding: 0.5rem;
    text-align: center;
    color: #e2e2e2;
    padding-top: 10px;
    padding-left: 9px;
}

.mobil-area-2 {
    margin: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.sidebar-menu-type-2 .short-link {
    width: 50%;
    padding: 15px 10px;
}

.sidebar-menu-type-2 .short-link.border-1 {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.sidebar-menu-type-2 .short-link.border-2 {
    border-bottom: 1px solid #e2e2e2;
}

.sidebar-menu-type-2 .short-link.border-3 {
    border-right: 1px solid #e2e2e2;
}

.sidebar-menu-type-2 .short-link a {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.sidebar-menu-type-2 .short-link a i {
    margin-right: 10px;
    font-size: 20px;
}

.mobil-area-footer {
    text-align: center;
    color: #000;
}

.sidebar-menu-type-2 .scrollbar {
    width: 100%;
    height: 90%;
    box-sizing: border-box;
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* Custom */
.sidebar-cart {
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    box-shadow: -20px 0px 15px 0 rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform .3s ease;
    will-change: transform;
}

.sidebar-cart.active {
    transform: translateX(0);
}

.sidebar-cart .sc-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #e8e8e8;
}

.sidebar-cart .sc-header .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 10px;
}

.sidebar-cart .sc-header .close-icon {
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.3s ease;
    color: #555;
    border-radius: 50%;
}

.sidebar-cart .sc-header .close-icon:hover {
    background: #000000;
    color: #ffffff;
}

.cart-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #181818;
}

.sidebar-cart .cart-empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    height: 100%;
    gap: 10px
}

.sidebar-cart .cart-empty .title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.sidebar-cart .cart-empty .description {
    font-size: 14px;
    color: #555;
}

.sidebar-cart .cart-empty .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 10px 20px;
    gap: 5px;
    background: #000000;
    color: #ffffff;
    border-radius: 30px;
    font-weight: 600;
}

.sidebar-cart .cart-empty .btn:hover {
    background-color: #000;
    color: #fff;
}

.sidebar-cart .shipping-info {
    background: #f5f6ec;
    padding: 15px;
    border-radius: 3px;
    margin: 10px;
    font-size: 14px;
    gap: 15px;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: 600;
}

.sidebar-cart .shipping-info.active {
    background: var(--success);
    color: #fff;
}

.sidebar-cart .shipping-info .cart-progress {
    border-radius: 10px;
    width: 100%;
    height: 7px;
}

.sidebar-cart .shipping-info .cart-progress::-webkit-progress-bar {
    background-color: #e1e1e1;
    border-radius: 7px;
}

.sidebar-cart .shipping-info .cart-progress::-webkit-progress-value {
    background-color: var(--success);
    border-radius: 7px;
}

.sidebar-cart .products {
    flex: 1;
    overflow-y: auto;
}

.sidebar-cart .products .items {
    padding: 10px;
    gap: 15px;
    display: flex;
    flex-direction: column;
}

.sidebar-cart .products .items .item {
    display: flex;
    gap: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.sidebar-cart .products .items .item:last-child {
    border-bottom: none;
}

.sidebar-cart .products .items .item .image {
    max-width: 80px;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
}

.sidebar-cart .products .items .item .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sidebar-cart .products .items .item .info .name {
    font-size: 14px;
    font-weight: 600;
    color: #181818;
    transition: all .4s;
}

.sidebar-cart .products .items .item .info .name:hover {
    color: var(--main-color2);
}

.sidebar-cart .products .items .item .info .variants .variant span {
    color: #a0a0a0;
    font-size: 13px;
}

.sidebar-cart .products .items .item .info .prices {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.sidebar-cart .products .items .item .info .prices .old-value {
    font-size: 14px;
    color: #a0a0a0;
    text-decoration: line-through;
    font-weight: 400;
}

.sidebar-cart .products .items .item .info .prices .value {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.sidebar-cart .products .items .item .btn-remove {
    font-size: 14px;
    color: #777;
}

.sidebar-cart .products .items .item .btn-remove:hover {
    color: #000;
}

.sidebar-cart .cart-actions {
    display: flex;
    margin-bottom: 16px;
    padding: 0 15px;
    justify-content: space-between;
}

.sidebar-cart .cart-actions a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 15px 32px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    height: 50px;
    transition: all .4s;
    flex: 1;
}

.sidebar-cart .cart-actions .btn-cart {
    border: 1px solid #181818;
    color: #181818;
    max-width: 150px;
}

.sidebar-cart .cart-actions .btn-cart:hover {
    background-color: #181818;
    border-color: #181818;
    color: #ffffff;
}

.sidebar-cart .cart-actions .btn-payment {
    color: #ffffff;
    background-color: #181818;
    margin-left: 5px;
}

.sidebar-cart .cart-actions .btn-payment:hover {
    background-color: var(--main-color2);
    border-color: var(--main-color2);
    color: #ffffff;
}

.sidebar-cart .summary .btn-cart .cart-total span {
    font-size: 16px;
}

footer .cards-container {
    text-align: right;
}

.q-form-group .checkbox-option .info {
    margin-left: 10px;
}

.pattern-group .p-g-mod-t-21,
.pattern-group .p-g-mod-t-22,
.pattern-group .p-g-mod-t-23,
.pattern-group .p-g-mod-t-24,
.pattern-group .p-g-mod-t-25,
.pattern-group .p-g-mod-t-35 {
    border-bottom: 0;
}

.p-g-mod.p-g-mod-t-93 {
    border: 1px solid #333;
    padding: 10px;
}

.tw .img-auto {
    width: 22px;
    border-radius: 22px;
}

.type-45-swiper .swiper-slide {
    filter: brightness(0.9);
}

.category-filter-list .list-wrap .list li {
    margin-top: 5px;
}

/* Sekmeli Urunler */

.sekmeli-urunler {
    margin-top: 30px;
}

.sekmeli-urunler .p-g-t-nav .nav .nav-item a {
    font-size: 1.7rem !important;
}

.sekmeli-urunler .p-g-t-nav .nav .nav-item a:after {
    font-size: 1.7rem !important;
}

.sekmeli-urunler .p-g-t-nav .nav .nav-item a {
    font-size: 1.7rem !important;
}

.sekmeli-urunler .p-g-t-nav .nav .nav-item:not(:last-child) a::after {
    content: "/";
    margin-left: 15px;
    color: #000;
    font-size: 1.7rem !important;
    font-weight: 300;
    display: inline-block;
}

/* Sag sol banner yazi stilleri */
.banner-ozel-yazili-beyaz {
    margin: 0 !important;
}

.banner-ozel-yazili-beyaz .col-list-p-v-1 {
    padding: 0;
}

.banner-ozel-yazili-beyaz .banner-btn {
    display: block;
    border: 1px solid #000;
    margin-top: 20px;
    padding: 10px 20px;
    color: #000;
    font-weight: 500;
    transition: all .4s;
}

.banner-ozel-yazili-beyaz .banner-btn:hover {
    background: #000;
    color: #fff;
    transition: all .4s;
}

.banner-ozel-yazili-beyaz .banner-item .description {
    font-size: 16px;
    color: #000;
    padding: 3px 0;
    text-align: center;
    line-height: 30px;
}

.banner-ozel-yazili-beyaz .banner-item .title {
    font-size: 23px;
    color: #000;
    font-weight: 600;
    padding: 3px 0;
}

.banner-ozel-yazili-beyaz .banner-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-ozel-yazili-beyaz .col-12:nth-child(even) .banner-item {
    flex-direction: row-reverse;
}

.banner-ozel-yazili-beyaz .banner-item .image {
    display: flex;
    flex: 1;
}


.banner-ozel-yazili-beyaz .banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10%;
    width: 50%;
}

/* Manset Stilleri */

.home-headline h5 {
    font-size: 3rem;
    font-weight: bold;
}

.home-headline .col-list {
    padding: 0;
    margin-top: -20px;
}

.home-headline img {
    filter: brightness(.8);
}

.home-headline .carousel-caption {
    top: 30%;
}

.home-headline p {
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: bold;
}

.p-g-mod-t-45 .headline-button {
    background: #fff;
    border-radius: 0;
    color: #1c1c1c;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 30px;
    width: auto !important;
}

.p-g-mod-t-45 .headline-button:hover {
    background: var(--main-color2);
    color: #fff;
    transition: all var(--transition-time);
}

.p-g-mod-t-45 .headline-button:empty {
    display: none;
    padding: 0;
    border: 0;
    background: transparent;
}

.user-account-left-wrapper,
.user-account-right-wrapper {
    background: transparent;
}

.p-g-mod-t-44 .ban-type-3 .image:after,
.p-g-mod-t-44 .ban-type-4 .image:after,
.p-g-mod-t-44 .ban-type-5 .image:after {
    background-image: none;
}

/* Manset alti banner stilleri */
.under-headline-banner .ban-type {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.under-headline-banner .col-list-p-v-1 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.under-headline-banner .ban-type .image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.under-headline-banner .ban-type .image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.under-headline-banner .ban-type:hover .image img {
    transform: scale(1.1);
}

.under-headline-banner .ban-type-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
}

.under-headline-banner .ban-type-title {
    color: #fff;
    font-size: 18px;
}

.under-headline-banner .ban-type-1 .ban-type-content {
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    top: -5%;
    position: absolute;
    width: 100%;
}

.under-headline-banner .ban-type .ban-type-btn {
    padding: 0;
}

.under-headline-banner .ban-type-btn {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}

.under-headline-banner .ban-type:hover .ban-type-btn {
    border-bottom: 1px solid #fff;
    border-radius: 0;
}

.under-headline-banner {
    position: relative;
    top: -100px;
    z-index: 2;
    margin-bottom: -100px;
}

.product-cargo-time i {
    font-size: 18px;
}

.product-cargo-time {
    margin-bottom: 10px !important;
    display: inline-flex;
    align-items: center;
}

.payment-cart-summary-1 table td .images {
    overflow: hidden;
    border-radius: 5px;
}

.payment-cart-summary-1 table td .images img {
    max-height: 50px;
}

.payment-cart-summary-1 .summary {
    background: transparent;
}

.payment-cart-summary-1 table .td-product a {
    max-height: 74px;
    height: auto;
    color: #333;
    display: flex;
}

.payment-cart-summary-1 .p-list-button {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 10px 0;
}

.shopping-buttons-1 {
    padding: 15px 0;
}

.shopping-buttons-1 .btn-continue {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 7px 0;
    font-size: 15px;
}

.pattern-group .p-g-mod.p-g-mod-t-75 .p-g-mod-body {
    padding: 5px;
}

.shopping-cart-1 .table {
    color: var(--main-color);
}

.shopping-cart-1 .product-group .product .p-info .name {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
}

@keyframes cargo-flash {

    50%,
    from,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.shopping-cart-1 .product-quantity input {
    border: 0;
}

.shopping-cart-1 .product-quantity .btn {
    background: #fff;
}

.shopping-cart-1 .product-quantity {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    overflow: hidden;
    margin-left: 10px;
}

.pattern-group .p-g-mod-t-31 .p-g-mod-header {
    padding: 0;
}

.pattern-group .p-g-mod.p-g-mod-t-75 .p-g-mod-body {
    padding: 0;
}

.p-g-mod-t-75 .shipping-info {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.p-g-mod-t-75 .shipping-info .description span {
    margin-left: 5px;
    color: #e43131;
}

.p-g-mod-t-75 .shipping-info .description {
    display: flex;
    align-items: center;
}

.p-g-mod-t-75 .shipping-info i {
    font-size: 25px;
    font-weight: 500;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    animation: cargo-flash 4s infinite;
}

.p-g-mod-t-75 .shipping-info i.core-icon-gift-line {
    color: var(--success);
}

.free-shipping-limit {
    align-items: center;
    display: flex;
    justify-content: center;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.p-g-mod-t-75 .free-shipping-limit .shipping-info.active {
    background: #3dab25;
    color: #fff;
}

.p-g-mod-t-75 .free-shipping-limit .shipping-info .cart-progress {
    border-radius: 10px;
    width: 100%;
    height: 7px;
}

.p-g-mod-t-75 .free-shipping-limit .shipping-info .cart-progress::-webkit-progress-bar {
    background-color: #e9e9e9;
    border-radius: 7px;
}

.p-g-mod-t-75 .free-shipping-limit .shipping-info .cart-progress::-webkit-progress-value {
    background-color: #3dab25;
    border-radius: 7px;
}

.p-g-mod-t-75 .free-shipping-limit .shipping-info .cart-progress-success::-webkit-progress-bar {
    background-color: #3dab25;
}

.shopping-cart-1 .product-quantity-type {
    justify-content: flex-start;
}

.shopping-cart-1 .product-group .product {
    display: flex;
    align-items: flex-start;
}

.shopping-cart-1 td {
    align-content: center;
}

.cart-body .voucher-code-form .form-control,
.payment-body .voucher-code-form .form-control {
    color: #909090;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    font-size: 13px;
    padding: 12px 18px;
    height: calc(1.5em + .75rem + 10px);
    font-weight: 600;
}

.cart-body .input-group>.form-control:not(:last-child),
.payment-body .input-group>.form-control:not(:last-child) {
    border-radius: 3px;
}

.cart-body .input-group-append .btn-secondary,
.payment-body .input-group-append .btn-secondary {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    border-radius: 3px !important;
    margin-left: 10px;
    font-weight: 500;
}

.payment-control-buttons-1 .btn-back {
    display: block;
    font-size: 14px;
    margin: 5px auto 0;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.payment-control-buttons-1 .btn-back i {
    margin-right: 6px;
    font-size: 12px;
}

.payment-control-buttons-1 {
    padding-bottom: 10px;
}

.payment-final-buttons-1 .btn-complete {
    background: #000000;
    border-color: #000000;
    color: #fff;
    border-radius: 3px;
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-final-buttons-1 {
    padding-bottom: 10px;
}

.payment-final-buttons-1 .btn-complete i {
    margin-left: 10px;
    font-size: 12px;
}

.payment-final-buttons-1 .btn-complete:hover {
    background: var(--main-color2);
    border-color: var(--main-color2);
}

.payment-cart-summary-1 .summary tfoot th {
    border-top: 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 600;
    color: var(--main-color);
    align-content: center;
    padding-left: 0;
    padding-right: 0;
}

.cart-body a.remove-vocuher,
.payment-body a.remove-vocuher {
    margin-left: 5px;
    color: #ffffff;
    background: #000000;
    padding: 5px;
    border-radius: 50%;
    display: inline-flex;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
}

.payment-cart-summary-1 .summary tfoot .final {
    font-size: 16px;
}

.payment-cart-summary-1 .summary tfoot th:last-child {
    align-content: center;
}

.cart-body .p-g-mod-base-content,
.payment-body .p-g-mod-base-content {
    border: 0;
}

.pattern-group .p-g-mod-t-37 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 16px;
}

.cart-body .col-list:nth-child(2) .p-g-b-c-wrapper .p-g-b-c-inner,
.payment-body .col-list:nth-child(2) .p-g-b-c-wrapper .p-g-b-c-inner {
    background-color: #f7f7f7;
    border-radius: 3px;
}

.cart-body .sticky-sidebar-992-2 .p-g-b-c-1 .p-g-b-c-wrapper,
.payment-body .sticky-sidebar-992-2 .p-g-b-c-1 .p-g-b-c-wrapper {
    position: sticky;
    top: 0;
}

.cart-body .shopping-cart-1 .cart-remove {
    position: absolute;
    right: 10px;
    top: 15px;
}

.cart-body .shopping-cart-1 button.btn-remove {
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b2b2b2;
    margin-left: 20px;
    font-size: 16px;
    transition: all .4s;
}

.cart-body .shopping-cart-1 button.btn-remove:hover {
    background-color: #b2b2b2;
    color: #ffffff;
}

.cart-body a.btn-continue {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 20px;
}

.cart-body a.btn-continue:hover {
    color: var(--main-color2);
}

.cart-body .shopping-cart-1 .product-group .product .image {
    margin-right: 15px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    overflow: hidden;
    width: 120px;
}

.cart-body .shopping-cart-1 .product-group {
    font-size: 14px;
    font-weight: 600;
    border-top: 1px solid #e9e9e9;
    padding: 15px 0;
    color: #a0a0a0;
    position: relative;
}

.shopping-cart-1 .td-total-price .old-value {
    color: #a0a0a0;
    font-size: 13px;
    font-weight: 600;
}

.shopping-cart-1 .td-total-price .td-price {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 20px;
    min-width: 160px;
}

.shopping-cart-1 .td-total-price {
    color: #000000;
    position: absolute;
    bottom: 20px;
    right: 0;
}

.cart-body .col-list:nth-child(2) .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod,
.payment-body .col-list:nth-child(2) .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {
    padding: 0px 15px;
}

/* Toplam satiri tasarimi */
.payment-cart-summary-1 .summary-row.total {
    border-bottom: none;
}

.payment-cart-summary-1 .summary-row.total .summary-label small {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

.remove-vocuher {
    margin-left: 8px;
    font-size: 12px;
}

.p-g-mod-t-37 .p-g-mod-header,
.p-g-mod-t-31 .p-g-mod-header {
    border-bottom: 0 !important;
}

.p-g-mod-t-31 {
    padding-right: 20px;
}

.payment-cart-summary-1 .summary tfoot th:last-child {
    text-align: right;
    font-weight: 600;
    font-size: 13px;
    color: #8a8b94;
}

.payment-cart-summary-1 .summary tfoot .final {
    font-size: 15px;
    color: #000;
}

.cart-body .p-g-mod-base-content,
.p-g-mod-t-34 {
    border: 0 !important;
}

.bar-cart,
.close-cart {
    cursor: pointer;
}

.cart-progress {
    border-radius: 7px;
    width: 100%;
    height: 8px;
}

.cart-progress::-webkit-progress-bar {
    background-color: #000;
    border-radius: 7px;
}

.cart-progress::-webkit-progress-value {
    background-color: #2dd802;
    border-radius: 7px;
}

.related-products a.active img {
    border-color: #000000;
}

.related-products {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 20px;
}

.related-products-wrapper .value {
    font-weight: 500;
    font-size: 15px;
}

.related-products a {
    color: #333;
    margin-bottom: 20px !important;
    max-width: 80px;
}

.product-profile-info-wrapper {
    padding: 0 10px;
    position: sticky;
    top: 140px;
    z-index: 1;
}

#product-profile-carousel .col-md-6 {
    padding: 0;
    margin: 0;
}

.product-body .product-profile-1 .carousel-indicators li {
    opacity: 1;
}

.product-body .sale-price-basket {
    flex: 1;
    display: flex;
    color: #d32f2f;
    font-weight: bold;
    font-size: 14px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left: .5rem;
}

.p-g-mod.p-g-mod-t-19 {
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

/* kateogori filtre */

.kategori-filtre {
    opacity: 0;
    visibility: hidden;
}

.kategori-filtre.show {
    opacity: 1;
    visibility: visible;
}

.filtreleme-title .p-g-m-h-i-title {
    font-size: 22px !important;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}

.kategori-filtre .col-list {
    position: fixed;
    transition: transform 0.4s ease-in-out;
    transform: translateX(100%);
    top: 0;
    bottom: 0;
    background: #fff;
    padding: 0 20px !important;
    z-index: 99;
    border-left: 1px solid #ebebeb;
    box-shadow: 6px 1px 20px 1px rgba(182, 182, 182, .5);
}

.kategori-filtre.show .col-list {
    transform: translateX(0);
    right: 0;
    box-shadow: 6px 1px 20px 1px rgba(182, 182, 182, .5);
}

.kategori-filtre .p-g-b-c-inner {
    overflow-y: auto;
    height: 850px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.kategori-filtre .p-g-b-c-inner::-webkit-scrollbar {
    display: none;
}

.p-g-mod-t-cat-filter .p-g-mod-body.p-g-mod-body-p-0 {
    margin-right: 0 !important;
}

.kategori-filtre .p-g-mod.p-g-mod-t-26.p-g-mod-t-cat-display-0 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}

.filtreleme-title .p-g-mod-body {
    padding: 0 !important;
}

.filtreleme-title .p-g-mod-header {
    padding: 0 !important;
}

.filtreleme-title {
    margin: 0 !important;
    border-bottom: 1px solid #dddd;
}

/* Filtreler basligi ve kapatma buton */
.p-g-mod-t-1 .p-g-mod-header {
    padding: 15px 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-g-mod-t-1 .p-g-m-h-info {
    flex: 1;
}

.p-g-mod-t-1 .close-filter {
    cursor: pointer;
    font-size: 24px;
    color: #333;
    transition: all 0.3s ease;
    padding: 5px 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.pattern-group .p-g-mod-t-21 .p-g-mod-body,
.pattern-group .p-g-mod-t-22 .p-g-mod-body,
.pattern-group .p-g-mod-t-23 .p-g-mod-body,
.pattern-group .p-g-mod-t-24 .p-g-mod-body,
.pattern-group .p-g-mod-t-25 .p-g-mod-body {
    padding: 0 !important;
    border: 0 !important;
}

.p-g-mod.p-g-mod-t-1 {
    padding: 0;
    margin: 0;
}

.p-g-mod-t-cat-filter .p-g-mod-header {
    padding: 0 !important;
}

.p-g-mod-t-1 .close-filter:hover {
    color: var(--main-color);
    transform: rotate(90deg);
}

.filtreleme-title .p-g-mod-body {
    display: none;
}

.categories-body .list .lag-checkbox img {
    margin-right: 7px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -2px;
}

.mobil-filtre-btn {
    display: none;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 17px;
    font-size: 12px;
}

.p-g-mod-t-cat-filter .p-g-mod-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    cursor: pointer;
}

.p-g-mod-t-cat-filter.p-g-mod-t-23 .p-g-mod-body,
.p-g-mod-t-cat-filter.p-g-mod-t-21 .p-g-mod-body {
    display: block;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button .btn-mod {
    font-weight: 500;
    font-size: 14px;
}

.card-product .card-product-inner .price-group.price-group-left .prices {
    align-items: flex-start;
}

.card-product .card-product-inner .title-special {
    display: -webkit-box;
    max-width: 100%;
    font-size: 14px;
    line-height: 18px;
    height: auto;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #313232;
}

.nitelik-beden {
    height: auto;
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    display: flex;
    flex-direction: row;
    position: absolute;
    left: 0;
    cursor: pointer;
    z-index: 9;
    width: 100%;
    background: #fff;
    justify-content: center;
    align-items: center;
    bottom: 0;
    transition: all .25s cubic-bezier(.455, .03, .515, .955);
}

.card-product:hover .nitelik-beden {
    opacity: .85;
    transform: translateZ(0);
}

.nitelik-beden a {
    background: #fff;
    min-width: 40px;
    height: 40px;
    padding: 1px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 15px;
}

.nitelik-beden a:hover {
    color: #000;
    background: #f0f0f0;
}

/* Carousel Oklari (Urun Karti) */

.card-product .q-carousel {
    position: relative;
}

.card-product .q-carousel .carousel-control-prev,
.card-product .q-carousel .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer;
    border: none;
    padding: 1px;
}

.card-product:hover .carousel-control-prev,
.card-product:hover .carousel-control-next {
    opacity: 0.85;
    visibility: visible;
}

.card-product .q-carousel .carousel-control-prev {
    left: 0;
}

.card-product .q-carousel .carousel-control-next {
    right: 0;
}

.card-product .q-carousel .carousel-control-prev:hover,
.card-product .q-carousel .carousel-control-next:hover {
    background: #f0f0f0;
    opacity: 1;
}

.card-product .q-carousel .carousel-control-prev i,
.card-product .q-carousel .carousel-control-next i {
    font-size: 16px;
    color: #000;
}

.card-product .card-product-inner .c-p-i-info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 40px;
}

.p-g-mod-showcase .card-product .card-product-inner .c-p-i-info {
    display: flex;
}

.p-g-mod-showcase .card-product .card-product-inner .title-special {
    max-width: 100%;
    margin: 5px 0;
    font-size: 13px;
    line-height: 15px;
    height: auto;
    font-weight: 400;
    text-align: left;
    color: #000;
    flex: 1;
    margin-right: 7px;
}

.card-product .discount-new {
    background: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    font-weight: 500;
    font-size: 12px;
}

.card-product .product-unit {
    justify-content: left;
}

.card-product .product-reviews {
    justify-content: left;
    margin-top: 20px;
    line-height: normal;
    margin-bottom: 3px;
}

.p-g-mod-showcase .owl-carousel .owl-item img.owl-lazy {
    transform-style: unset;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 24px;
}

.card-comment {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 15px;
    border-radius: 8px;
    background-color: transparent;
    text-align: center;
}

.card-comment .info .stars i {
    color: #999;
}


.card-comment .info .stars i.active {
    color: #f78018;
}

.card-comment .product .customer .comment {
    display: -webkit-box;
    max-width: 100%;
    margin-top: 15px;
    font-size: 16px;
    line-height: unset;
    height: auto;
    font-weight: 400;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    text-align: center;
}


.type-45-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 5px;
    transition: right .2s, width .2s;
}

.type-45-swiper .swiper-button-next,
.type-45-swiper .swiper-button-prev {
    width: 45px;
    height: 45px;
    border: 2px solid #000;
    transition: all .4s;
}

.type-45-swiper .swiper-button-next:hover,
.type-45-swiper .swiper-button-prev:hover {
    background: #fff;
    transition: all .4s;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 24px !important;
    color: #000;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

/* Footer Uzeri Bilgilendirme Alani */

.info-bar-1 .icon-group {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.info-bar-1 {
    border-top: 1px solid #ebebeb;
    padding: 40px 0;
}

.info-bar-1 .icon-group i {
    font-size: 2.3rem;
    color: var(--main-color);
    transition: all 0.3s ease;
}

.info-bar-1 .icon-group .description{
    text-transform: lowercase;
}

.info-bar-1 .icon-group .description::first-letter {
    text-transform: uppercase;
}

.info-bar-1 .inf {
    flex: 1;
}

.info-bar-1 .inf .name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.info-bar-1 .icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.product-body .product-reviews {
    display: flex;
    line-height: 12px;
}

.product-profile-info {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    margin-top: 5px;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
}

.product-body .product-favourite {
    font-size: 19px;
    display: flex;
    align-items: center;
    margin-left: 50px;
}

.product-body .product-installments .col-lg-4 {
    flex: 0 0 49% !important;
    max-width: 49% !important;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner {
    position: relative;
    overflow-y: scroll;
    height: 100vh;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b0b0b0;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner::-webkit-scrollbar-track {
    background-color: #e1e1e1;
    border-radius: 10px;
}

.home-body .mobile-header-space {
    height: 0;
}

.mobile-header-space {
    height: 100px;
}

.stories.carousel .story {
    margin: 0 30px !important;
}

.stories.carousel .story {
    display: inline-block;
    width: 130px !important;
    max-width: 130px !important;
    margin: 0 6px;
    vertical-align: top;
}

.stories.snapgram .story>.item-link>.item-preview {
    border-radius: 50%;
    padding: 4px !important;
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}

.stories.snapgram .story>.item-link>.item-preview img {
    border-radius: 50%;
    border: 0 !important;
}

.stories.carousel .story>.item-link>.item-preview {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    max-height: 130px !important;
    height: 130px !important;
    overflow: hidden;
    transition: transform .2s;
    width: 130px !important;
    text-align: center;
}

.product-quantity input {
    width: 50px;
    height: 50px;
    border-radius: 0;
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-color: #d9d9d9 !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    border-right: 0;
    border-left: 0;
}

.product-quantity input:focus {
    border-radius: 0;
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-color: #d9d9d9 !important;
    padding: 0;
}

.product-quantity .btn {
    background: #fff;
    color: #484848;
    border-color: #ebebeb !important;
    font-size: 11px;
    font-weight: 500;
    width: 35px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 0 !important;
}

.product-quantity .btn:hover {
    background: #f8f8f8;
    transition: all .4s;
}

.product-body .product-title-container {
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}

.product-body .product-price-group {
    display: flex;
    font-weight: 400;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    flex-wrap: wrap;
}

/* Stok Wrapper Alani */
.stok-wrapper,
.product-transfer-discount,
.product-rate {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.stok-wrapper i,
.product-transfer-discount i,
.product-rate i {
    font-size: 18px;
    position: relative;
}

.stok-wrapper i,
.product-transfer-discount i,
.product-rate i {
    animation: pulse-ring 1.5s infinite;
}

.stok-wrapper i::before,
.product-transfer-discount i::before,
.product-rate i::before {
    position: relative;
    z-index: 2;
}

.stok-wrapper i::after,
.product-transfer-discount i::after,
.product-rate i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulse-glow {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.stok-wrapper .value,
.free-cargo-badge .value {
    font-weight: 600;
}

.product-body .qk-app-social-impact {
    margin: 15px 0;
}

.product-body .qk-app-social-impact {
    display: none;
    justify-content: flex-start;
    background: transparent;
    border: none;
    border-radius: 5px;
    width: auto;
    height: auto;
    position: relative;
}

.product-body .qk-app-social-impact i {
    animation: fade-blink 1.3s ease-in-out infinite;
}

@keyframes fade-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.product-profile-info li {
    margin: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
    font-weight: 600;
}

.product-profile-info li .value {
    font-weight: 400;
}

.product-price-group .discount .rate {
    font-size: 15px;
}

.product-price-group .discount {
    background: #000;
    height: 28px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 10px;
    flex-direction: row;
    border-radius: 20px;
    padding: 0 15px;
}

.product-price-group .prices {
    display: flex;
    align-items: center;
    width: 100%;
}

.product-price-group .prices .list-price {
    margin-right: 10px;
    color: #6c6c6c;
    font-size: 15px;
    text-decoration: line-through;
}

.product-price-group .prices .sale-price {
    font-size: 25px;
    font-weight: 500;
    color: #000;
}

.product-body .product-rate {
    font-size: 14px;
    font-weight: 500;
}

.product-reviews .stars .star {
    color: #999;
    font-size: 13px;
}



.product-profile-1 h1.title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.profile-brand {
    font-size: 1.2rem;
    color: #000;
    font-weight: 500;
}

.product-profile-1 .product-code {
    color: #a6a6a6;
    letter-spacing: 1px;
}

.product-profile-1 .sale-price-discount {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: rgba(255, 114, 0, 0.08);
    margin-top: 12px;
}

.product-profile-1 .sale-price-discount-text {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    font-weight: 600;
    color: var(--main-color2);
}

.product-profile-1 .sale-price-discount .sale-price {
    font-size: 20px;
    font-weight: 700;
    color: #161616;
}

.product-profile-1 .product-label img {
    max-height: 55px;
    max-width: 120px;
}

.product-profile-1 .product-label.top-left {
    left: 10px;
    top: 10px;
}

.product-profile-1 .product-label.top-right {
    right: 10px;
    top: 10px;
}

.product-profile-1 .product-label.bottom-left {
    left: 10px;
    bottom: 10px;
}

.product-profile-1 .product-label.bottom-right {
    right: 10px;
    bottom: 10px;
}

.product-body .variant-box {
    border: 0;
    background: transparent;
    border-radius: 5px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.product-body .variant-box .name {
    margin-bottom: 10px;
}

.product-body .variant-box ul li .form-control {
    border-radius: 0 !important;
    border-color: #000;
    height: 45px;
    font-size: 14px;
}

.product-body .variant-box ul li .options {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

/* Varyant Butonlari */
.product-body .variant-box ul li .options a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #4a5568;
    text-decoration: none;
    transition: all 0.3s ease;
    flex-direction: column;
    min-height: 35px;
    background: #fff;
    border: 1px solid #ddd;
    flex-wrap: wrap;
    min-width: 65px;
}

.product-body .variant-box ul li .options a img {
    width: 50px;
    border-radius: 5px;
    max-width: 70px;
}

.product-body .variant-box ul li .options a.sold-out {
    opacity: 0.4;
    cursor: not-allowed;
    position: relative;
}

.product-body .variant-box ul li .options a.active {
    border: 1px solid #000 !important;
}

.fast-product-cart-box .variant-box {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.fast-product-cart-box .name {
    margin-bottom: 10px;
}

.fast-product-cart-box .variant-box ul li .options a {
    border-radius: 0;
    margin-bottom: 5px;
}

.product-profile-1 .carousel .carousel-inner {
    border: 0;
}

.product-body .p-g-mod-base-content,
.home-body .p-g-mod-base-content {
    border: 0;
}

.product-profile-1 .carousel .carousel-indicators {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    margin: 0;
    z-index: 0;
    flex-direction: row;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    max-height: 700px;
    overflow: auto;
}

.product-profile-1 .carousel .carousel-indicators li {
    max-width: 120px;
}

.pages-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

.pages-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.page-link {
    color: #000 !important;
    box-shadow: none !important;
}

.card-product .card-product-inner .title {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 5px 0;
    font-size: 13px;
    line-height: 15px;
    height: 30px;
    font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #000;
    margin-top: 10px;
}

.card-product .card-product-inner .price-group {
    display: flex;
    font-weight: 400;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    margin-top: 5px;
    height: 30px;
}

.card-product .sale-price-discount {
    display: flex;
    gap: 4px;
    margin-bottom: 10px;
    color: red;
    font-weight: 600;
}

.card-product .card-product-inner {
    padding: 0 !important;
}

.card-product {
    margin-bottom: 15px;
    background: transparent;
    border: 1px solid #333;
    padding: 8px;
}

.p-g-mod-t-12 .p-g-mod-body .social-share {
    margin-top: 10px;
    border-top: 0;
    margin-bottom: 10px;
}

.p-g-mod-t-12 .p-g-mod-body .date {
    margin-bottom: 20px;
}

.p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a {
    padding: .75rem 10px;
}

.category-filter-order .list-wrap {
    padding: 10px 0;
    background-color: transparent;
}

.category-filter-order .list-wrap .list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.category-filter-order .list-wrap .list li {
    flex: inherit;
    display: flex;
    align-items: center;
}

.category-filter-order .list-wrap .list li h1.category-sayfa-adi {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    color: #333;
}

.category-cover {
    margin-bottom: 50px !important;
}

/* Dropdown Select */
.category-filter-order-desktop {
    display: inline-block;
    width: 200px;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 42px;
    font-size: 14px;
    color: #2c3e50 !important;
    font-weight: 500;
    padding: 0 40px 0 16px;
    border-radius: 0;
    background: transparent url(images/select-arrow.svg) no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    outline: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.product-view-select {
    display: flex;
    justify-content: space-evenly;
    gap: 8px;
    align-items: center;
    padding: 6px;
}

.categories-body .product-view-select a {
    background: #fff;
    height: 35px;
    width: 55px;
    border-radius: 0;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.categories-body .product-view-select a:hover {
    transform: translateY(-2px);
    border-color: #e1e8ed;
}

.categories-body .product-view-select a div {
    width: 8px;
    height: 8px;
    background: #cbd5e0;
    border-radius: 2px;
    margin: 0 1.5px;
    transition: all 0.3s ease;
}

.categories-body .product-view-select a.active div {
    background: #000;
}

.categories-body .product-view-select a:hover:not(.active) div {
    background: #94a3b8;
}

/* Ek hover efektleri */
.btn-sidebar-filtre:hover {
    transform: scale(1.02);
    color: var(--main-color) !important;
}

.categories-body .pattern-group .p-g-mod-t-20>.p-g-mod-header {
    border-bottom: 0;
    padding-left: 0 !important;
}

.category-filter-order .list-wrap .list li {
    flex: inherit;
}

.category-filter-order-mobile {
    display: none;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header {
    border-bottom: 0;
}

.card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 14px;
    font-weight: 600;
    color: #313232;
    line-height: normal;
}

.card-product-content {
    color: #555;
}

.card-product .card-product-inner .product-label img {
    max-height: 35px;
}

.category-filter-order .list-wrap .list li .lag-checkbox {
    transition: all var(--transition-time);
}

.category-filter-order .list-wrap .list li.active .lag-checkbox,
.category-filter-order .list-wrap .list li:hover .lag-checkbox {
    background: transparent;
}

.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
}

.categories-body .p-g-mod-t-cat-filter .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.categories-body .p-g-mod-t-cat-filter {
    padding: 14px 20px;
    border: 1px solid #ddd;
    margin: 10px 0;
    border-radius: 0;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 0;
    margin-bottom: 0px;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    text-align: center;
    display: flex;
    margin: 0 30px 0 0;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    text-align: center;
    transition: var(--transition-time);
    border-bottom: 1px solid transparent;
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover {
    color: var(--main-color);
}

.pattern-group-p-product .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    font-size: 20px;
    font-weight: 600;
}

/* Nav-link hover animasyonu - Soldan saga cizgi */
.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    position: relative;
    overflow: hidden;
    color: #333;
}

.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--main-color2, #000);
    transition: width 0.4s ease;
}

.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav{
    justify-content: flex-start;
}

.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover::after {
    width: 100%;
}

.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active::after {
    width: 100%;
}

.product-details-tab-product-details-tab-colorful .tab-content {
    border: 0;
    border-top: 0;
    margin-bottom: 50px;
    margin-top: 30px;
}

.product-profile-1 .carousel .carousel-indicators li.active {
    border-color: var(--main-color);
}

.raw-content img,
.raw-content table {
    max-width: 100%;
    max-height: fit-content;
}

.product-badges .p-badge {
    height: 55px;
}

.p-g-mod-t-10 .p-g-mod-body a,
.p-g-mod-t-2 .p-g-mod-body a {
    transition: all var(--transition-time);
}

.contact-info {
    display: flex;
    flex-direction: column;
}

.contact-info .contact-item {
    margin: 5px 0;
    display: flex;
    align-content: center;
    cursor: pointer;
    color: #000;
}

.contact-info .contact-item i {
    margin-right: 10px;
    font-size: 17px;
    transition: all var(--transition-time);
}

.contact-info .contact-item a {
    color: #000;
}

.contact-info .contact-item:hover i {
    color: var(--main-color);
}

footer .bar .cards {
    background: inherit;
    max-width: 200px;
    background: #fff;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

footer .bar .right-image {
    text-align: right !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

footer .footer-contact,
footer .footer-contact * {
    color: #000 !important;
}

.p-g-mod-t-45 .carousel-type-1 .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.product-profile-info .sale-price-discount,
.hizli-sepet .sale-price-discount {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-top: 10px;
    font-size: 16px;
}

.product-profile-info .sale-price-discount .sale-price,
.hizli-sepet .sale-price {
    font-size: 20px;
    font-weight: 600;
}

.card-product .sale-price-basket {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: red;
    font-weight: normal;
    margin-top: 3px;
}

.card-product .sale-price-basket .sale-price {
    font-weight: 500;
    font-size: 15px;
}


.native-modal.show .hizli-sepet .related-products {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: inherit;
}

.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(181 181 181 / 50%);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.hizli-sepet {
    max-width: 960px !important;
}

.native-modal.show .hizli-sepet .modal-content {
    border: 0;
    border-radius: 0;
    position: relative;
}

.native-modal.show .hizli-sepet .modal-content .prices {
    display: flex;
    align-items: center;
}

.native-modal.show .hizli-sepet .modal-content .fast-product-title {
    font-size: 19px;
    color: #151515;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 25px;
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars .star {
    color: #dbdbdb;
    font-size: 12px;
    margin-right: 1px;
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars {
    margin: 15px 0;
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler {
    color: #858585;
    font-weight: 600;
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler .value {
    color: #000;
}

.native-modal.show .hizli-sepet .modal-content .product-price-group .prices .list-price {
    font-size: 19px;
    font-weight: 500;
    color: #6c6c6c;
    text-decoration: line-through;
    margin-right: 10px;
}

.native-modal.show .hizli-sepet .modal-content .short-desc {
    color: #454545;
    font-size: 14px;
    margin-bottom: 15px;
}

.native-modal.show .hizli-sepet .carousel-indicators li {
    width: 10px;
    height: 10px;
    background-color: #898989;
    border-radius: 50%;
    border: 4px solid transparent;
}

.native-modal.show .hizli-sepet .carousel-indicators li.active {
    opacity: 1;
    background-color: #000 !important;
    border: 4px solid #c3c3c3;
}

.native-modal.show .hizli-sepet .product-favourite2 {
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding-top: 3px;
    -webkit-box-shadow: 0px -2px 18px -3px rgb(0 0 0 / 58%);
    box-shadow: 0px -2px 18px -3px rgb(0 0 0 / 58%);
}

.native-modal.show .hizli-sepet .product-buttons {
    display: inline-flex;
    flex-wrap: nowrap;
}

.native-modal .native-modal-close {
    z-index: 9;
    outline: 0;
}

.native-modal.show .hizli-sepet .fast-product-cart-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    overflow-y: auto;
}

.native-modal.show .hizli-sepet .modal-body {
    padding: 0 !important;
}

/* 404 Sayfasi */

.e404-body {
    background: repeating-linear-gradient(45deg, transparent, transparent 10px,
            #f8f8f8 10px, #f8f8f8 20px), linear-gradient(to bottom, #fff, #fff);
}

.e404-btn {
    background: #ffffff;
    border-radius: 45px;
    color: #212121;
    padding: 20px 50px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    -moz-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}

.e404-btn:hover {
    color: var(--main-color);
    -moz-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
}

/* 404 Sayfasi - Tip 1 */

.e404-content .e404-logo img {
    max-height: 100px;
    border: none !important;
}

.e404-page-type-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.e404-page-type-1 .e404-pic {
    height: 200px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px;
}

.e404-page-type-1 .e404-title {
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0px 0px 0px;
}

.e404-description {
    color: #808080;
    font-size: 1rem;
    margin: 5px;
    text-align: center;
    font-weight: 300;
}

/* Mobil Uygulama Ikonlari */

.footer-app-link .mobile-app {
    display: flex;
    align-items: center;
}

.footer-app-link .mobile-app-title {
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #000;
}

.footer-app-link .app-store-link {
    margin-right: 10px;
}

.footer-app-link .mobile-app a {
    color: #000;
    font-size: 20px;
}

/* Musteri Etkilesim Butonlari */

.product-customer-actions {
    padding: 10px 0;
    background: #f6f6f6;
    gap: 15px;
}

.product-customer-actions .action .button i {
    font-size: 15px;
    margin-right: 10px;
}

.product-customer-actions .action:first-child {
    border-left: 0;
}

.product-customer-actions .action {
    border-right: 0;
}

/* Havale Indirimi */

.product-transfer-discount {
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
}

/* E-Bulten */


.newsletter-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.newsletter-content .newsletter-title {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.newsletter-content .newsletter-description {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px;
}

.newsletter-input {
    height: 45px;
    background: transparent !important;
    display: block;
    color: #fff;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ebecee;
}

.newsletter-input:focus {
    background: transparent !important;
    color: #fff;
    border-bottom: 1px solid #fff !important;
}

.newsletter-input::placeholder {
    color: #fff;
}

.newsletter-form .btn-submit {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.newsletter-form {
    position: relative;
    width: 100%;
    max-width: 500px;
}

/* SMS Bulteni */

.sms-newsletter-content .newsletter-title {
    color: #000;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
}

.sms-newsletter-input {
    height: 40px;
    background: #fff !important;
    display: block;
    color: #a3a2a2;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ebecee;
}

.sms-newsletter-form .btn-submit {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.sms-newsletter-form {
    position: relative;
    width: 100%;
}

/* Footer Social Media */

footer .social-media .social-media-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

footer .social-media a {
    font-size: 20px;
    margin-right: 20px;
    color: #000;
    margin-bottom: 10px;
}

footer .social-media a img {
    height: 20px;
}

footer .social-media a:last-child {
    margin-right: 0;
}

.card-product .card-product-inner .price-group .prices .list-price {
    font-size: 12px;
    color: #6c6c6c;
    text-decoration: line-through;
    font-weight: 400;
}

/* Buttons */

.card-brand,
.card-category {
    border: 1px solid #333;
}

.card-category {
    background-color: #f2f2e5;
}

.card-product .card-product-inner .free-cargo-badge {
    position: absolute;
    left: 10px;
    right: inherit;
    top: 10px;
    width: 95px;
    height: 28px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    text-align: center;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border-radius: 20px;
}

.card-product .card-product-inner .discount {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    background: #333 !important;
    height: 30px;
}

.card-product .card-product-inner .buttons .btn-cart,
.modal-content .buttons .btn-cart {
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
}

.card-product .card-product-inner .buttons .btn-cart i,
.modal-content .buttons .btn-cart i {
    margin-right: 7px;
}

.card-product .card-product-inner .buttons .btn-cart:hover,
.modal-content .buttons .btn-cart:hover {
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover);
}

.card-product .down-to-top .btn-cart {
    color: #222;
    transition: var(--transition-time);
    font-size: 13px;
    background-color: #ffffff99;
    border: 0;
    border-radius: 0;
    height: 40px;
    font-weight: 500;
    letter-spacing: 1px;
}

.product-buttons .btn-all-combines {
    background: #fff;
    border: 1px solid #aaa;
    color: #222;
    margin: 0;
    width: 100%;
    margin-top: 10px;
}

.product-buttons .btn-cart,
.product-buttons .btn-fast-buy,
.product-buttons .btn-wp {
    height: 50px;
    font-size: 16px;
}

.product-buttons .btn-favorite {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    margin: 10px 0;
    width: 45px;
    border-radius: 0;
}

.product-buttons .btn-cart {
    background: var(--add-cart-detail-bg);
    border-color: var(--add-cart-detail-bg);
    color: var(--add-cart-detail);
    transition: all var(--transition-time);
    border-radius: 0;
    flex: 1;
    border: 1px solid var(--add-cart-detail-bg-hover);
}

.product-buttons .btn-cart:hover {
    background: var(--add-cart-detail-bg-hover);
    border-color: var(--add-cart-detail-bg-hover);
    color: var(--add-cart-detail-hover);
    border-color: var(--add-cart-detail-bg);
    transition: all .4s;
}

.product-buttons .btn-fast-buy {
    background: var(--buy-now-bg);
    border-color: var(--buy-bg-hover);
    color: var(--buy-now);
    transition: all .4s;
    border-radius: 0;
    width: 100%;
    margin-right: 0;
}

.product-buttons .btn-fast-buy:hover {
    background: var(--buy-now-bg-hover);
    border-color: var(--buy-now-bg);
    color: #fff;
    transition: all var(--transition-time);
    border-color: var(--buy-now-bg);
}

.product-buttons .btn-wp {
    font-size: 14px;
    background: #0a5c54;
    border-color: #0a5c54;
    color: #fff;
    font-weight: 500;
    margin: 10px 10px 10px 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    width: 100%;
    border-radius: 0;
}

/* Urun Aksiyonlari */
.product-actions-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, max-content));
    gap: 15px;
    justify-content: start;
    align-items: stretch;
    width: auto;
    max-width: 100%;
    margin-top: 14px;
}

.product-actions-row .action-button {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: flex-start;
}

.product-actions-row .action-button:hover {
    color: var(--main-color2, #000);
}

.product-actions-row .icon-circle {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.product-actions-row .action-button:hover .icon-circle {
    background: var(--main-color2, #000);
    color: #fff;
}

.product-actions-row .icon-circle i {
    font-size: 14px;
    transition: color 0.3s ease;
}

.product-actions-row .text {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

/* Paylas Butonu */
.btn-share-toggle i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.btn-share-toggle.active i {
    transform: rotate(180deg);
}

/* Sosyal Medya Paylasim Alani */
.social-share-special {
    position: relative;
    margin-top: 15px;
    padding: 12px;
    background: #f8f8f8;
    border-radius: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.social-share-special.active {
    max-height: 200px;
    opacity: 1;
}

/* Kapatma Butonu */
.social-share-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.social-share-close:hover {
    background: #ff4444;
    color: #fff;
    border-color: #ff4444;
    transform: rotate(90deg);
}

.social-share-close i {
    font-size: 14px;
}

.social-share-content {
    padding-top: 10px;
}

/* jsSocials ozellestirmesi */
.social-share-special .jssocials-shares {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.social-share-special .jssocials-share {
    margin: 0;
}

.social-share-special .jssocials-share-link {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.social-share-special .jssocials-share-link:hover {
    transform: scale(1.1);
}

.payment-final-buttons-1 .btn-complete {
    background: var(--complete-payment-bg);
    border-color: var(--complete-payment-bg);
    color: var(--complete-payment);
    transition: all var(--transition-time);
    border-radius: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 500;
    height: 45px;
}

.payment-final-buttons-1 .btn-complete i {
    font-size: 12px;
    margin-left: 10px;
    margin-top: 2px;
}

.payment-final-buttons-1 .btn-complete:hover {
    background: var(--complete-payment-bg-hover);
    border-color: var(--complete-payment-bg-hover);
    color: var(--complete-payment-hover);
}

.product-favourite-kart {
    display: inline-block;
    position: absolute;
    left: 10px;
    z-index: 2;
}

.product-favourite-kart a {
    font-size: 20px;
    margin-right: 10px;
    margin-top: 6px;
}

/* Header */

header.desktop .header-bar .bar-link .icon {
    position: relative;
}

header.desktop .header-bar .bar-link .icon,
header.desktop .header-bar .bar-link .name {
    transition: all var(--transition-time);
}

.home-body header.desktop .header-bar .bar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    position: relative;
    line-height: normal;
    font-size: 13px;
    font-weight: 500;
    transition: all var(--transition-time);
}

header.desktop .header-bar .bar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000 !important;
    position: relative;
    line-height: normal;
    font-size: 13px;
    font-weight: 500;
    transition: all var(--transition-time);
}

header.desktop.fixed .header-bar .bar-link {
    color: #000 !important;
}

header.desktop .header-bar .bar-link.bar-user {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    transition: all var(--transition-time);
}

header.desktop .header-bar .bar-link a {
    color: #222;
}

header.desktop .header-bar .bar-user .link {
    display: flex;
    flex-direction: row;
}

header.desktop .header-bar .bar-link i {
    margin-right: 7px;
    font-size: 23px;
}

header.desktop .header-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

header.desktop .header-bar .bar-cart .icon .count {
    position: absolute;
    right: -3px;
    top: -10px;
    min-width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #db2534;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
}

header.desktop .mega-menu .nav-link {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

/* Category Page */
.product-view-select {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    align-items: center;
}

/* Card Product */
.card-product .it-over {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    width: 100%;
    background: rgb(255 255 255 / 90%);
    color: #000;
    text-align: center;
    height: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.card-product .carousel-control-next i,
.card-product .carousel-control-prev i {
    font-size: 18px;
    color: #000;
}

.card-product .buttons-wrapper.right-to-left {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: -5px;
    right: -30px;
    transition: all 0.4s !important;
    z-index: 9;
    border-radius: 5px;
}

.card-product .right-to-left .button-group {
    background: transparent;
    padding: 7px;
}

.card-product .right-to-left .cart-group {
    display: flex;
    flex-direction: column;
}

.card-product .right-to-left .cart-group button {
    padding: 0;
    margin: 5px 0;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px 0px;
}

.card-product .right-to-left .cart-group button:hover {
    background: var(--main-color2);
}

.card-product .right-to-left .cart-group button i {
    font-size: 17px;
}

.card-product .right-to-left .cart-group button:hover i {
    color: #fff;
}

.card-product:hover .right-to-left {
    opacity: 1;
    right: 10px;
    transition: all var(--transition-time);
}

/* Product Detail */
.product-carousel-mobile {
    display: none;
}

/* Header Shopping Cart */

.header-cart-hover .nav-link::after {
    display: none;
}

.header-cart-hover {
    position: relative;
    display: flex;
    flex: 1;
}

.header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 400px;
    left: inherit;
    right: -100%;
    top: 0;
    position: fixed;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0;
    height: 100%;
    z-index: 999;
    transition: all .4s;
    display: flex;
    flex-direction: column;
}

.header-cart-hover .dropdown-menu.active {
    opacity: 1;
    right: 0;
    transition: all .4s;
}

.header-cart-hover .dropdown-menu .top-header {
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.header-cart-hover .dropdown-menu .top-header .title {
    font-size: 16px;
    padding: 5px 0;
    font-weight: 500;
}

.header-cart-hover .dropdown-menu .close-cart {
    color: #555;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 33;
    border-radius: 50%;
    padding: 3px;
}

.header-cart-hover .dropdown-menu .close-cart:hover {
    background: #000000;
    color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s;
}

.header-cart-hover .dropdown-menu ul.user-links {
    margin: 0;
    padding: 0;
}

.header-cart-hover .dropdown-menu ul.user-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 10px;
}

.header-cart-hover .dropdown-menu ul.user-links li:hover {
    background: #f7f7f7;
}

.header-cart-hover .dropdown-menu ul.user-links li a {
    display: block;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #ebebeb;
    padding: 5px 0;
}

.header-cart-hover .dropdown-menu ul.user-links li:last-child a {
    border-bottom: 0px;
}

.header-cart-hover .dropdown-menu ul.user-links li a i {
    margin-right: 5px;
}

.header-cart-hover .dropdown-menu ul.auth-links {
    margin: 0;
    padding: 0;
}

.header-cart-hover .dropdown-menu ul.auth-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-cart-hover .dropdown-menu ul.auth-links li a {
    display: block;
    text-align: center;
    padding: 10px 5px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.header-cart-hover .dropdown-menu ul.auth-links li a i {
    margin-right: 10px;
}

.header-cart-hover .products {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.header-cart-hover .btn-remove {
    border: none;
    color: #000;
    font-size: 16px;
    border-radius: 20px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    background: transparent !important;
    margin-right: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Ajax Sepet Ozet Duzeni */

.header-cart-summary-1 .cart-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px 20px;
}

.header-cart-summary-1 .cart-total-row .total-label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.header-cart-summary-1 .cart-total-row .total-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--main-color, #000);
}

.header-cart-summary-1 .buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0;
    padding: 10px 20px;
}

.header-cart-summary-1 .buttons .btn {
    flex: 1;
    font-size: 14px;
    padding: 12px;
    border-radius: 4px;
    margin: 0;
    transition: all 0.3s;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
}

.header-cart-summary-1 .buttons .btn-continue {
    background: transparent;
    color: #000;
    border: 1px solid #000 !important;
}

.header-cart-summary-1 .buttons .btn-continue:hover {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

.header-cart-summary-1 .buttons .btn-continue {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

.header-cart-summary-1 .buttons .btn-continue:hover {
    background: #e8e8e8;
    color: #000;
}

.header-cart-summary-1 .buttons .btn-go-cart {
    background: var(--main-color, #000);
    color: #fff;
}

.header-cart-summary-1 .buttons .btn-go-cart:hover {
    background: var(--main-color-hover, #333);
    color: #fff;
}

.header-cart-summary-1 .buttons i {
    font-size: 10px;
    line-height: normal;
    margin-left: 5px;
}

.header-cart-summary-1 .table th {
    font-size: 12px !important;
    font-weight: 500;

}

.header-cart-summary-1 .buttons {
    display: flex;
    margin-right: 0px;
}

.dropdown-menu .summary {
    background: #fff;
    margin-bottom: 10px;
}

.header-cart-summary-1 .buttons .btn:hover {
    background: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover);
}

.header-cart-summary-1 .buttons .btn-color-2 {
    background: var(--buy-now-bg);
    color: var(--buy-now);
    transition: all var(--transition-time);
    justify-content: center;
}

.header-cart-summary-1 .buttons .btn-color-2:hover {
    background: var(--buy-now-bg-hover);
    color: var(--buy-now-hover);
}

.header-cart-summary-1 .buttons i {
    font-size: 10px;
    line-height: normal;
}


.ajax-info-cargo {
    background: var(--success);
    color: #fff;
    padding: 15px;
    border-radius: 3px;
    margin: 10px;
    font-size: 14px;
    gap: 15px;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: 600;
}

.ajax-shopping-cart {
    font-size: 12px;
    height: 100%;
    flex: 1;
    position: relative;
}

.ajax-shopping-cart .items .image img {
    max-width: 65px;
}

.ajax-shopping-cart .items {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    overflow-y: auto;
    padding: 10px;
}

.ajax-cart-empty {
    font-size: 13px !important;
    text-align: center;
    padding: 20px;
}

.ajax-shopping-cart .product {
    display: flex;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    padding-top: 5px;
    position: relative;
}

.ajax-shopping-cart .product:last-child {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}


.ajax-shopping-cart .product .price {
    font-size: 13px;
    text-align: left;
}

.ajax-shopping-cart .product .info {
    margin-left: 20px;
    flex: 1;
}

.ajax-shopping-cart .product .info .name {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #000;
}

.mobile-menu-close i {
    border: 0;
    color: #555;
    padding-right: 0;
}

.p-g-mod.p-g-mod-t-39 {
    margin-bottom: 10px;
    margin-top: -10px;
    border: 0 !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header {
    height: 35px !important;
    padding: 10px !important;
    color: #333;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 14px !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body:not(.p-g-mod-body-p-0) {
    padding: 0 !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .input-group {
    position: relative;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .input-group .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #000;
    font-size: 23px;
    z-index: 9;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
    padding: 0.275rem 0.7rem !important;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #000;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
    font-size: 16px;
    font-weight: 500;
    border-color: transparent;
    border-radius: 0;
    width: 90px;
    background: #000;
    height: 50px;
}

.product-carousel-desktop.normal .carousel-item a img {
    width: 100%;
}


.raw-content table {
    border: 1px solid #e8e8eb;
    border-collapse: collapse;
    font-size: 14px;
}

.raw-content table tr th {
    font-weight: 500;
}


.raw-content table tr th,
.raw-content table tr td {
    border: 1px solid #e8e8eb;
    border-collapse: collapse;
    font-size: 14px;
}

.raw-content table tr td {
    padding: 6px 12px;
}

.pattern-group .p-g-mod.p-g-mod-trans .p-g-mod-header.p-g-mod-header-p-0 {
    border-bottom: 0;
}

/* Blog */
.card-blog {
    padding: 10px;
    border: 1px solid #333;
}

.card-blog .title {
    padding: 0;
    margin-top: 15px;
    font-size: 1.175rem;
    font-weight: 500;
    line-height: 1.2;
    min-height: 36px;
}

.card-blog .description {
    min-height: 35px;
    font-size: 14px;
    padding: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
}

.card-blog .buttons {
    padding: 0;
    margin-top: 10px;
}

.card-blog .buttons .btn-read-more,
.card-blog .buttons .btn-read-more:hover,
.card-blog .buttons .btn-read-more:active,
.card-blog .buttons .btn-read-more:focus {
    background: transparent;
    padding: 5px 0;
    color: #32303d;
    font-size: 1rem;
    border: 0;
    border-radius: 0;
}

.p-g-mod.p-g-mod-base-content.p-g-mod-t-12 .p-g-mod-header .p-g-m-h-info {
    text-align: center;
    justify-content: center;
    align-items: center;
}


.pattern-group .p-g-mod-t-3.p-g-mod-base-content {
    border: 0;
}

.pattern-group .p-g-mod-t-3.p-g-mod-base-content .p-g-mod-body {
    font-size: 15px;
    line-height: 1.5;
}

.faq .btn-faq {
    color: rgb(34, 34, 34);
    background: rgb(247, 247, 247);
    padding: 10px;
    border-radius: 0px;
    border: 0;
    display: block;
    font-size: 16px;
}

.faq .collapse {
    padding: 10px 5px;
    font-size: 15px;
    line-height: 1.5;
}


.login-body .btn,
.register-body .btn {
    font-weight: 600;
}

.forgot-password-link {
    font-size: 14px;
    font-weight: 600;
    color: #181818;
}


.login-body .p-g-mod-t-4,
.register-body .p-g-mod-t-8 {
    padding: 30px;
    border: 1px solid #ddd;
}

.login-body .p-g-mod-t-4 .nav-tabs,
.register-body .p-g-mod-t-8 .nav-tabs {
    border: 0 !important;
    background: transparent !important;
    border-radius: 4px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item,
.register-body .p-g-mod-t-8 .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    background: #fff;
    color: #181818;
    font-weight: 600;
    font-size: 16px;
    transition: all var(--transition-time);
    padding: 12px;
}

.login-body .p-g-mod-t-4 .btn-without-login,
.register-body .p-g-mod-t-8 .btn-without-login {
    color: #fff;
    border: none;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 40px;
}

.login-body .p-g-mod-t-4 .btn-without-login i,
.register-body .p-g-mod-t-8 .btn-without-login i {
    line-height: 0;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active,
.register-body .p-g-mod-t-8 .nav-tabs .nav-item.show .nav-link,
.register-body .p-g-mod-t-8 .nav-tabs .nav-link.active {
    border: 1px solid #000000;
    background: #000000;
    color: #ffffff;
}

.login-body .p-g-mod-t-4 .btn-success,
.register-body .p-g-mod-t-8 .btn-success {
    color: #fff;
    background-color: #000;
    border-color: #000;
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    height: 50px;
    align-items: center;
}

.login-body .p-g-mod-t-4 .btn-success:hover,
.register-body .p-g-mod-t-8 .btn-success:hover {
    background-color: #1c7430;
    border-color: #1c7430;
}

.login-body .p-g-mod-t-4 .btn-fb-login,
.register-body .p-g-mod-t-8 .btn-fb-login {
    background: #4c69ba !important;
    background-image: linear-gradient(#4c69ba, #3b55a0) !important;
    text-shadow: 0 -1px 0 #354c8c !important;
    color: #fff !important;
    border: 1px solid #4c69ba !important;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.login-body .p-g-mod-t-4 .btn-fb-login i,
.register-body .p-g-mod-t-8 .btn-fb-login i {
    padding-right: 10px !important;
    border-right: 0 !important;
}

.login-body .p-g-mod-t-4 .btn-google-login,
.register-body .p-g-mod-t-8 .btn-google-login {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.login-body .p-g-mod-t-4 .btn-google-login i,
.register-body .p-g-mod-t-8 .btn-google-login i {
    padding-right: 10px !important;
    border-right: 0 !important;
}

.login-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.register-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 22px;
    font-weight: 600;
}

.login-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info,
.register-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info {
    align-items: center;
}

.login-body .pattern-group .p-g-mod .p-g-mod-header,
.register-body .pattern-group .p-g-mod .p-g-mod-header {
    border: 0;
}

.register-body .login-form .buttons,
.login-body .login-form .buttons {
    margin-top: 15px;
}


/* Responsive */
@media (max-width: 1350px) {
    header.desktop .mega-menu .nav-link {
        font-size: 11px;
    }
}

@media (max-width: 1199px) {
    .mega-menu-container {
        padding: 30px 15px;
    }

    .mega-menu-left .sub-cat .sub-title {
        font-size: 14px;
    }

    .sub-cat ul li a {
        font-size: 13px;
    }

    header.desktop .header-bar .bar-link {
        margin-right: 5px !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .product-actions-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .product-profile-info li {
        padding: 5px 0;
    }

    .product-profile-info {
        margin-top: 5px;
    }

    .product-body .product-title-container {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .cat-img-cta {
        font-size: 11px;
    }

    .product-profile-1 .product-quantity,
    .product-buttons .btn-favorite,
    .product-buttons .btn-fast-buy,
    .product-buttons .btn-wp {
        margin: 5px 0;
    }

    .product-profile-1 .product-label.top-left {
        left: 5px;
        margin-bottom: 5px;
        top: 5px;
        max-width: 120px;
    }

    .product-body .variant-box ul li .options {
        margin-bottom: 5px;
    }

    .product-buttons .btn-cart {
        margin: 5px;
    }

    .product-profile-1 .variant-box {
        margin-top: 8px;
    }

    .variant-box ul li {
        margin: 5px 0;
    }

    .product-buttons .btn-cart,
    .product-buttons .btn-fast-buy,
    .product-buttons .btn-wp {
        font-size: 12px;
    }

    .product-profile-info {
        grid-template-columns: 1fr;
    }

    .newsletter-input {
        font-size: 12px;
    }

    .product-actions-row .action-button {
        padding: 12px 10px;
        gap: 8px;
    }

    .product-actions-row .icon-circle {
        width: 38px;
        height: 38px;
    }

    .product-actions-row .icon-circle i {
        font-size: 16px;
    }

    .product-actions-row .text {
        font-size: 12px;
    }

    header.desktop .logo a img {
        max-height: 36px;
    }

    footer .title {
        font-size: 13px;
    }

    footer .info ul li a {
        font-size: 12px;
    }

    .newsletter-content .newsletter-description {
        font-size: 12px;
    }

    .newsletter-form {
        position: relative;
        width: 100%;
        max-width: unset;
    }

    footer .bottom-text {
        margin: 0;
    }

    .product-profile-1 .col-lg-8,
    .product-profile-1 .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    header.desktop .mega-menu .nav-item {
        margin-right: 0;
    }
}

@media (min-width: 992px) {

    header.mobile {
        display: none;
    }

    .product-profile-1 .carousel .carousel-indicators {
        overflow: unset !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 991px) {

    .home-body .addons-campaign-bar,
    .home-body .addons-marquee-bar {
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        margin: 0 auto;
        z-index: 2;
    }

    .login-body .p-g-mod-t-4 {
        padding: 5px;
    }

    .register-body .p-g-mod-t-8 {
        padding: 5px;
    }

    .card-product .sale-price-basket .sale-price {
        font-size: 13px;
    }

    .card-product .sale-price-basket {
        margin-top: 5px;
    }

    .categories-body .pattern-group .p-g-mod-t-20>.p-g-mod-header {
        display: none;
    }

    .sidebar-menu-type-2 .logo-area {
        display: flex;
        align-items: center;
        height: 60px;
    }

    .sidebar-menu-type-2 .logo-area .area-left {
        display: flex;
        align-items: center;
    }

    .search-header h5 {
        font-size: 12px;
    }

    .search-box {
        max-width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
    }

    .search-header {
        padding-top: 10px;
    }

    .search-header form {
        margin-bottom: 15px;
    }

    .special-product-search {
        width: 95%;
    }

    .search-header #closeSpecialSearch {
        font-size: 13px;
        width: 30px;
        height: 30px;
    }

    .search-header #closeSpecialSearch::before {
        font-size: 20px;
    }

    .search-header form input {
        height: 40px;
        font-size: 14px;
        border: 1px solid #e9e9e9;
    }

    .search-box .popular-categories {
        display: none;
    }

    .search-results .row .col-md-3 {
        width: 50%;
    }

    .search-header form input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-close {
        display: flex;
        justify-content: center;
        margin-right: 16px;
        font-size: 20px;
        align-items: center;
    }

    .sidebar-menu-type-2 .logo-area .mobile-menu-user a:first-child {
        border-right: 1px solid #000000;
        padding-right: 10px;
        margin-right: 10px;
        font-weight: 600;
        color: #000000;
    }

    .mobile-menu-wrapper {
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    .mobile-menu-wrapper .cat-img {
        height: 40px;
        max-width: 100px;
        margin-right: 10px;
    }

    .mobile-menu-wrapper .menu-list {
        list-style: none;
        padding: 0;
        margin: 0;
        background-color: #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 10px;
        box-sizing: border-box;
        padding-bottom: 80px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-menu-wrapper .sub-menu {
        transform: translateX(100%);
        transition: transform .3s ease;
        z-index: 10;
    }

    .mobile-menu-wrapper .sub-menu.active {
        transform: translateX(0);
    }

    .mobile-menu-wrapper .menu-item-row {
        display: flex;
        align-items: center;
    }

    .mobile-menu-wrapper .mobile-cat-link,
    .mobile-menu-wrapper .mobile-cat-back-btn {
        display: flex;
        align-items: center;
        padding: 12px 15px;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        background-color: #fff;
        line-height: normal;
        white-space: nowrap;
    }

    .mobile-menu-wrapper .open-submenu-btn {
        padding: 18px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: #000;
        width: 100%;
        flex-grow: 1;
    }

    .mobile-menu-wrapper .mobile-cat-back-btn {
        font-size: 16px;
    }

    .mobile-menu-wrapper .mobile-cat-back-btn i {
        font-size: 12px;
        margin-right: 10px;
    }

    footer {
        padding: 20px 0 0 0;
    }

    .info-bar-1 {
        padding-bottom: 20px;
        padding-top: 0;
        border: 0;
    }

    html .header-cart-summary-1 .buttons .btn {
        padding: 10px 15px;
        font-size: 12px;
    }

    .card-comment .product .customer .comment {
        height: auto;
    }

    .header-cart-hover .dropdown-menu {
        width: 100%;
    }

    .sekmeli-urunler .p-g-t-nav .nav .nav-item span {
        color: #000;
    }

    .product-profile-info {
        grid-template-columns: 1fr;
        margin-top: 25px;
    }

    .sidebar-menu-type-2 .scrollbar {
        height: 82%;
    }

    .type-45-swiper .swiper-slide {
        filter: brightness(1);
    }

    .product-actions-row {
        display: grid;
        gap: 15px;
        margin: 20px 0;
        grid-template-columns: 2fr 2fr;
    }

    .cart-collection-btn {
        left: 5px;
    }

    .card-product .product-reviews {
        margin-top: 5px;
    }

    .product-profile-1 .carousel .carousel-indicators {
        overflow: unset !important;
        max-height: unset !important;
    }

    .product-profile-1 .carousel .carousel-indicators li {
        max-width: 50px;
    }

    .card-product .q-carousel .carousel-control-prev,
    .card-product .q-carousel .carousel-control-next {
        opacity: 0.85;
        visibility: visible;
    }

    .mega-menu-container {
        padding: 20px 10px;
    }

    .mega-menu-left .col-4,
    .mega-menu-left .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .category-single-image {
        min-height: 250px;
        margin-top: 20px;
    }

    .home-headline h5 {
        font-size: 2rem !important;
    }

    header.mobile.fixed .logo img {
        filter: brightness(0);
    }

    .sekmeli-urunler .p-g-t-nav .nav .nav-item a {
        font-size: 1rem !important;
    }

    .nitelik-beden {
        display: none;
    }

    .header-cart-summary-1 .buttons {
        flex-direction: column;
        gap: 8px;
    }

    .header-cart-summary-1 .cart-total-row .total-label {
        font-size: 14px;
    }

    .header-cart-summary-1 .cart-total-row .total-price {
        font-size: 16px;
    }

    .variant-box ul li .options .option {
        flex: 0 0 calc(33.333% - 8px);
    }

    .product-body .variant-box ul li .options a {
        padding: 10px 8px;
        font-size: 13px;
        min-height: 45px;
    }

    .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
        font-size: 14px;
    }

    .mega-menu .dropdown-menu {
        display: none !important;
    }

    .mega-menu {
        display: none;
    }

    .banner-ozel-yazili-beyaz .banner-item .description {
        font-size: 14px;
        line-height: 25px;
    }

    .banner-ozel-yazili-beyaz .col-12:nth-child(even) .banner-item {
        flex-direction: column;
    }

    .banner-ozel-yazili-beyaz .banner-item {
        flex-direction: column;
    }

    .banner-ozel-yazili-beyaz .banner-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 7%;
        width: 100%;
        margin: 20px;
        justify-content: center;
        text-align: center;
    }

    header.mobile .left,
    header.mobile .center,
    header.mobile .right {
        position: relative;
    }

    .product-profile-1 .carousel .carousel-indicators li {
        max-width: 50px;
    }

    .header-cart-hover .dropdown-menu.active {
        width: 100%;
    }

    .product-profile-1 h1.title {
        margin-top: 10px;
    }

    .product-body .product-profile-info-wrapper {
        padding: 5px;
        top: 0;
        position: relative;
    }

    body .card-product .q-carousel .carousel-control-prev,
    body .card-product .q-carousel .carousel-control-next {
        width: 25px;
        height: 25px;
    }

    body .card-product .q-carousel svg {
        width: 14px;
        height: 14px;
    }

    body .card-product .card-product-inner .c-p-i-info {
        align-items: flex-start;
        padding: 0;
        flex-direction: column;
    }

    .card-product .card-product-inner .c-p-i-info {
        height: 45px;
    }

    footer .bottom-text {
        padding: 25px 0;
        position: relative;
        padding-top: 30px;
        padding-bottom: 0;
    }

    footer .footer-links {
        margin-bottom: 21px;
    }

    footer .footer-column,
    footer .footer-contact-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 0;
    }

    footer .footer-main-row {
        min-height: auto;
    }

    footer .bar .row {
        gap: 20px;
    }

    footer .bar {
        margin-bottom: 20px;
        text-align: center;
        gap: 10px;
        display: flex;
    }

    .row.left-to-bottom {
        flex-direction: column-reverse;
    }

    .pattern-group .p-g-mod .p-g-mod-header {
        height: 50px;
    }

    .category-short-description {
        font-size: 13px;
    }

    .ppc-ctype-3 .row:first-of-type {
        flex-direction: column-reverse;
    }

    .type-45-swiper .swiper-button-next,
    .type-45-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        transition: all .4s;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 14px !important;
        color: #000;
    }

    .p-g-mod-showcase .card-product .d-flex {
        flex-direction: column;
    }

    .product-profile-1 .carousel .carousel-indicators {
        margin-top: 10px;
    }

    .related-products a {
        width: auto;
        height: 75px;
    }

    .product-body .product-installments .col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .p-g-mod-t-31 {
        padding-right: 0px;
    }

    .product-body .product-favourite {
        margin-top: 10px;
    }

    .header-cart-hover .dropdown-menu {
        z-index: 999999;
    }

    .shopping-cart-1 .btn-remove {
        position: relative;
        top: 0;
    }

    .shopping-cart-1 .space {
        display: block;
        margin: 10px 0;
    }

    .shopping-cart-1 .table tbody tr {
        border-top: 1px solid #eaeaea;
        position: relative;
    }

    .shopping-cart-1 .td-product .product .p-info .name {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        max-width: 85%;
    }

    .product-profile-1 .carousel-outer {
        margin-left: -10px;
        margin-right: -10px;
    }

    .info-bar-1 .icons {
        grid-template-columns: repeat(2, 1fr);
    }

    .p-g-mod.sticky-banner {
        position: relative !important;
        top: auto !important;
        max-height: none;
        transform: none;
    }

    .p-g-mod-showcase .card-product .card-product-inner .title-special {
        display: -webkit-box;
        max-width: 100%;
        margin: 5px 0;
        font-size: 14px;
        line-height: 18px;
        height: auto;
        font-weight: 400;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        color: #000;
        flex: auto;
    }

    .p-g-mod-showcase .card-product .card-product-inner .c-p-i-info {
        flex-direction: column;
    }

    .card-product .sale-price-discount {
        display: block;
    }

    .shopping-cart-1 .td-product .product .p-info .btn-remove {
        padding: 0;
        margin: 0;
        margin-left: 7px;
    }

    .shopping-cart-1 .td-total-price {
        display: none !important;
    }

    .shopping-buttons-1 {
        padding: 0;
    }

    .cat-responsive-buttons .dropdown-menu .lag-checkbox.checked {
        background: #e5e5e5;
        font-weight: 500;
    }

    .cat-responsive-buttons .dropdown-menu .lag-checkbox label {
        padding-left: 20px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom: 0;
        font-size: 14px;
    }

    .cat-responsive-buttons .dropdown-menu {
        border: 0;
        background-color: #f4f4f4;
        position: relative;
        border-top: 1px solid #d8d8d8;
        transition: opacity .2s;
        padding-top: 0;
    }

    .cat-responsive-buttons .dropdown-menu:after {
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        top: -7px;
        right: 50%;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #e5e5e5;
    }

    .cat-responsive-buttons .mobile-filter-btn {
        border-right: 1px solid #e5e5e5;
        margin-right: 20px;
        padding-right: 30px;
    }

    .cat-responsive-buttons .btn {
        font-size: 15px;
    }

    .cat-responsive-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 0;
        background-color: #f4f4f4;
        padding: 14px 0;
        border-radius: 7px;
    }

    .pattern-group .p-g-mod-t-26 .p-g-mod-body .btn {
        font-size: 14px;
        margin: 0 5px;
        width: 100% !important;
        border-radius: 0 !important;
        margin: 5px 0 !important;
        height: 50px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 500;
    }

    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }

    .categories-body .p-g-mod.p-g-mod-t-26 {
        position: sticky;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .categories-body .mobil-filtre .col-list:first-child .pattern-group-header {
        padding: 15px 10px;
        display: flex;
        flex-direction: row-reverse;
        border-bottom: 1px solid #ebebeb;
        position: sticky;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9;
        background: #fff;
    }

    .categories-body .mobil-filtre .col-list:first-child .pattern-group-header .p-g-h-icon {
        width: auto;
        font-size: 20px;
        margin-right: 3px;
    }

    .categories-body .mobil-filtre .mobil-filtre-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        background: #fff;
        border-bottom: 1px solid #ebebeb;
        z-index: 9;
    }

    .categories-body .mobil-filtre .close-mobile-filter {
        font-size: 17px;
        margin-right: 5px;
    }

    .categories-body .mobil-filtre .col-list:first-child {
        border: 0;
        border-radius: 0;
        background-color: #fff;
        width: 100%;
        right: -100%;
        top: 0;
        position: fixed;
        border-radius: 0;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
        margin-top: 0 !important;
        padding-bottom: 0;
        padding: 10px;
        height: 100%;
        z-index: 99999;
        transition: all .4s;
        display: flex;
        flex-direction: column;
        overflow: auto;
        display: block !important;
    }

    .categories-body .mobil-filtre .col-list:first-child.active {
        opacity: 1;
        right: 0;
        transition: all .4s;
    }

    .type-45-swiper .swiper-button-next,
    .type-45-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        transition: all .4s;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 14px !important;
        color: #000;
    }

    .p-g-mod-showcase .card-product .d-flex {
        flex-direction: column;
    }

    .product-profile-1 .carousel .carousel-indicators {
        margin-top: 10px;
    }

    .related-products a {
        width: auto;
        height: 75px;
    }

    .product-body .product-installments .col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .p-g-mod-t-31 {
        padding-right: 0px;
    }

    .product-body .product-favourite {
        margin-top: 10px;
    }

    .header-cart-hover .dropdown-menu {
        z-index: 999999;
    }

    .shopping-cart-1 .table tr .td-total-price {
        width: 100%;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }


    .shopping-cart-1 .space {
        display: block;
        margin: 10px 0;
    }

    .shopping-cart-1 .table tbody tr {
        border-bottom: 1px solid #eaeaea;
        position: relative;
    }

    .shopping-cart-1 .td-product .product .p-info .name {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        max-width: 85%;
    }

    .categories-body .product-view-select {
        display: none;
    }

    footer .column-right {
        margin-right: 0px;
    }

    footer .bb .col {
        flex-basis: auto;
    }

    .info-bar-1 .icons .icon-group {
        flex-direction: row;
        padding: 5px;
    }

    .info-bar-1 .icons .icon-group i {
        margin-right: 15px;
    }

    .product-body .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1 !important;
    }

    .newsletter-form,
    .sms-newsletter-form {
        position: relative;
        width: 350px;
        max-width: 100%;
    }

    .stories.carousel .story>.item-link>.item-preview {
        max-height: 90px !important;
        height: 90px !important;
        width: 90px !important;
    }

    .stories.carousel .story {
        margin: 0 10px !important;
    }

    .stories.carousel .story {
        display: inline-block;
        width: 90px !important;
        max-width: 90px !important;
        margin: 0 6px;
        vertical-align: top;
    }

    .home-headline {
        margin-top: -20px;
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 17px;
    }

    .product-profile-1 h1.title {
        font-size: 19px;
        margin-top: 10px;
        width: 100%;
    }

    .product-body .product-title-container {
        margin-bottom: 20px;
    }

    .footer-app-link {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #ebebeb;
        padding: 30px 0;
        flex-direction: column;
    }

    .footer-app-link .mobile-app {
        display: flex;
        align-items: center;
        margin-left: 0 !important;
    }

    .info-bar-1 .icons {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        color: #000;
        padding: 10px 0;
        flex-direction: column;
    }

    .card-product .card-product-inner .price-group .prices {
        align-items: flex-start;
        gap: 0;
        flex-direction: column;
    }

    .home-body .sekmeli-urunler .p-g-t-nav .nav .nav-item:not(:last-child) a::after {
        font-size: 1.2em !important;
    }

    .login-body .p-g-mod-t-4 {
        padding: 7px;
    }

    .category-filter-order-desktop {
        display: none;
    }

    .product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
        height: auto;
    }

    .product-profile-1 .product-quantity {
        margin-right: 10px;
    }

    .product-badges .p-badge {
        height: 55px;
        flex: auto;
    }


    .product-buttons .btn-cart {
        margin-left: 0;
        font-size: 13px;
    }

    .product-buttons .btn-wp {
        width: 100%;
    }

    .card-product .right-to-left {
        display: none !important;
    }

    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
        width: auto;
        margin: 5px;
        border-radius: 3px;
    }

    .categories-body .p-g-mod-t-cat-filter {
        margin: 10px;
    }

    footer .bar .right-image {
        justify-content: center;
    }

    footer .bb .pr-5 {
        padding-right: 10px !important;
    }

    footer .mobile-app {
        margin-bottom: 20px;
    }

    .product-carousel-desktop.normal {
        display: none;
    }

    .product-carousel-mobile {
        display: block;
    }

    .mobile-header-space {
        display: block;
        height: 50px;
    }

    .categories-body .mobile-header-space,
    .cart-body .mobile-header-space,
    .payment-body .mobile-header-space {
        display: block;
        height: 55px;
    }

    .category-cover {
        margin-bottom: 0 !important;
    }

    .product-body .mobile-header-space {
        height: 0;
    }

    header.desktop {
        display: none;
    }

    .stores .cards {
        display: block;
        text-align: center;
    }

    .stores .card {
        display: inline-block;
        border-right: none;
        margin: 0;
        max-width: 45%;
        height: 50px;
        border: 0
    }

    footer .cards-container {
        text-align: center;
    }

    footer .bar p {
        text-align: center !important;
    }

    footer .bar .right-image {
        margin: 10px 0;
        text-align: center !important;
    }

    footer .logo-area {
        display: none;
    }

    footer .bb {
        border-top: 0;
        border-bottom: 0;
    }

    footer .info {
        padding-top: 20px;
    }

    footer .info .title {
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        text-align: left;
        margin-bottom: 5px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 5px;
    }

    footer .info .title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80px;
        height: 2px;
        background: linear-gradient(90deg, #fff 0%, transparent 100%);
        border-radius: 2px;
        transition: width 0.3s ease;
    }

    footer .info .title:hover::after {
        width: 80px;
    }

    footer .info ul {
        margin: 0;
    }

    footer .info ul li {
        color: #fff !important;
        padding: 4px 0;
    }

    footer .info ul li a {
        color: #fff;
    }

    footer .info ul li a:before {
        display: none;
    }

    footer .secure {
        text-align: center !important;
        margin: 10px 0;
    }

    .qk-app-social-impact {
        transform: inherit !important;
    }

}/* =========================================================
 TIGGER GIFT - PREMIUM DARK MODE REDESIGN (V4)
 ========================================================= */

:root {
    /* Ozel Marka Renklerimiz */
    --tigger-copper: #c29554 !important;
    --tigger-dark: #1e1c1a !important;
    --tigger-card-bg: #23211f !important; /* Kartlar icin bir tik acik siyah */
    --tigger-light: #b7a89a !important;
    --tigger-text: #e8e6e3 !important; /* Okunabilir acik renk metin */

    /* Qukasoft Degiskenlerini Ezme */
    --main-color: #c29554 !important; 
    --main-color2: #b7a89a !important; 
    --body-bg: #1e1c1a !important;

    /* Quka core bunlari bos/eksik basiyor - burada tamamliyoruz */
    --transition-time: 0.3s ease-out;
    --buy-bg-hover: var(--buy-now-bg-hover);
}

/* --- 1. GENEL ARKAPLAN VE METINLER --- */
body, .home-body, #wrapper, .main-content {
    background-color: var(--tigger-dark) !important;
    color: var(--tigger-text) !important;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--tigger-text) !important;
}
::selection {
    background-color: var(--tigger-copper) !important;
    color: var(--tigger-dark) !important;
}
a {
    color: var(--tigger-light) !important;
    transition: all 0.3s ease !important;
}
a:hover {
    color: var(--tigger-copper) !important;
    text-decoration: none !important;
}

/* --- 2. HEADER & MENU (Ust Kisim Koyu Tema) --- */


/* Mega Menu Acilir Pencere (Koyu) */
.mega-dropdowns .mega-dropdown-panel {
    background-color: var(--tigger-dark) !important;
    border: 1px solid rgba(194, 149, 84, 0.2) !important;
}
.mega-menu-left .sub-cat .sub-title {
    color: var(--tigger-copper) !important;
}
.mega-menu-left .sub-cat ul li a {
    color: var(--tigger-light) !important;
}
.mega-menu-left .sub-cat ul li a:hover {
    color: var(--tigger-copper) !important;
}

/* --- 3. URUN KARTLARI (Sifir Cerceve, Koyu Zemin, Isiltili Hover) --- */
body .card-product, .home-body .card-product {
    background: transparent !important;
    border: none !important;
    padding: 10px;
}
body .card-product-inner, .home-body .card-product-inner {
    border: none !important; /* SIYAH CERCEVE KALDIRILDI */
    border-radius: 12px !important;
    background-color: var(--tigger-card-bg) !important; /* Cok hafif acik komur */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    padding: 15px !important;
    box-shadow: none !important; /* Cerceve veya golge yok */
}

/* HOVER DURUMU (Uzerine Gelince Bakir Isiltisi) */
body .card-product:hover .card-product-inner, 
.home-body .card-product:hover .card-product-inner {
    box-shadow: 0 10px 30px rgba(194, 149, 84, 0.12) !important; /* Hafif bakir parlama */
    transform: translateY(-6px) !important;
}
/* Urun Gorseli Arkaplani (Gorsellerin etrafindaki beyazligi dengelemek icin) */
body .card-product .image-wrapper, .home-body .card-product .image-wrapper {
    background-color: #ffffff !important; /* Urun fotograflari beyaz fonlu oldugu icin gorsel kutusunu beyaz tutuyoruz */
    border-radius: 8px !important;
    padding: 5px !important;
}

/* Urun Basligi */
body .card-product .title-special, .home-body .card-product .title-special {
    color: var(--tigger-text) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-top: 15px !important;
    transition: color 0.3s ease !important;
}
body .card-product:hover .title-special, .home-body .card-product:hover .title-special {
    color: var(--tigger-copper) !important;
}

/* Fiyat Alani Duzenlemesi */
body .card-product .price-group, .home-body .card-product .price-group {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 8px !important;
}
body .card-product .price-group .sale-price {
    color: var(--tigger-copper) !important; /* Indirimli fiyat Bakir */
    font-weight: 700 !important;
    font-size: 19px !important;
}
body .card-product .price-group .list-price {
    color: var(--tigger-light) !important;
    text-decoration: line-through !important;
    font-size: 14px !important;
    margin: 0 !important;
    opacity: 0.7 !important;
}
/* Indirim Rozeti */
body .card-product .price-group .discount {
    background-color: rgba(194, 149, 84, 0.15) !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    padding: 4px 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

/* YUVARLAK BUTONLAR (Genel Hover Sorunlari Giderildi) */
body .card-product .buttons-wrapper, .home-body .card-product .buttons-wrapper {
    right: 20px !important;
    top: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
body .card-product .buttons-wrapper .btn, .home-body .card-product .buttons-wrapper .btn {
    background-color: var(--tigger-copper) !important;
    color: var(--tigger-dark) !important;
    border: none !important;
    border-radius: 50% !important; 
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    opacity: 0;
    transform: translateX(10px);
}
body .card-product:hover .buttons-wrapper .btn, .home-body .card-product:hover .buttons-wrapper .btn {
    opacity: 1;
    transform: translateX(0);
}
body .card-product .buttons-wrapper .btn:hover, .home-body .card-product .buttons-wrapper .btn:hover {
    background-color: var(--tigger-text) !important;
    color: var(--tigger-dark) !important;
    box-shadow: 0 5px 15px rgba(232, 230, 227, 0.3) !important;
    transform: scale(1.1) !important;
}

/* Kalp Ikonu (Favoriler) */
body .product-favourite-kart a i, .home-body .product-favourite-kart a i {
    color: var(--tigger-light) !important;
    font-size: 20px !important;
    transition: all 0.3s ease !important;
}
body .product-favourite-kart a:hover i, .home-body .product-favourite-kart a:hover i {
    color: var(--tigger-copper) !important;
    transform: scale(1.2) !important;
}

/* --- 4. KATEGORI SEKMELERI (Yeni Urunler / Cok Satanlar vb.) --- */
.p-g-t-nav .nav-link span {
    font-size: 18px !important;
    font-weight: 500 !important;
}
.p-g-t-nav .nav-link {
    color: var(--tigger-light) !important;
}
.p-g-t-nav .nav-link.active {
    color: var(--tigger-copper) !important;
}
.p-g-t-nav .nav-link.active::after {
    background-color: var(--tigger-copper) !important;
}

/* --- 5. ARAMA CUBUGU VE DIGER MODULLER --- */
.search-header, .special-product-search, .search-header form input {
    background-color: var(--tigger-card-bg) !important;
    color: var(--tigger-text) !important;
    border-color: rgba(194, 149, 84, 0.2) !important;
}
.search-header form input:focus {
    border-color: var(--tigger-copper) !important;
}
.search-header form .btn-send {
    color: var(--tigger-copper) !important;
}
.search-box .popular-categories ul li a {
    color: var(--tigger-light) !important;
    border-color: rgba(194, 149, 84, 0.2) !important;
}
.search-box .popular-categories ul li a:hover {
    color: var(--tigger-copper) !important;
    border-color: var(--tigger-copper) !important;
}

/* --- 6. FOOTER (Alt Kisim Koyu Tema) --- */
footer {
    background-color: #151413 !important; /* Ana arkaplandan bir tik daha koyu zemin */
    color: var(--tigger-light) !important;
    border-top: 2px solid rgba(194, 149, 84, 0.3) !important; /* Hafif bakir cizgi */
}
footer .title {
    color: var(--tigger-copper) !important;
}
footer a, footer .info ul li a, footer .contact-info .contact-item a {
    color: var(--tigger-light) !important;
}
footer a:hover, footer .info ul li a:hover, footer .contact-info .contact-item a:hover {
    color: var(--tigger-copper) !important;
}
footer .contact-info .contact-item {
    background-color: transparent !important;
    border: 1px solid rgba(183, 168, 154, 0.1) !important;
}
footer .contact-info .contact-item i {
    color: var(--tigger-copper) !important;
}
footer .social-media a {
    background-color: rgba(255,255,255,0.05) !important;
    color: var(--tigger-light) !important;
}
footer .social-media a:hover {
    background-color: var(--tigger-copper) !important;
    color: var(--tigger-dark) !important;
}

/* GENEL BUTONLAR */
.btn-mod, .btn {
    transition: all 0.4s ease !important;
}

/* --- 7. HEADER / SLIDER OVERLAP (FLEX) DUZELTMESI --- */
body header.desktop, .home-body header.desktop {
    position: sticky !important;
    top: 0 !important;
    margin-top: 0 !important;
    z-index: 9999 !important;
}
.home-body {
    padding-top: 0 !important;
}

/* --- 8. KART ICI DUZEN VE GORSEL IYILESTIRMELERI (V4.1) --- */

/* Gorsel Alani (Beyaz arkaplani daha zarif gostermek icin) */
body .card-product .image-wrapper, .home-body .card-product .image-wrapper {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 25px !important; /* Gorselin etrafinda bosluk yaratip tablo/cerceve gibi premium durmasini saglar */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05) !important; /* Gorselin icine hafif bir derinlik */
}

/* Urun Basligi */
body .card-product .title-special, .home-body .card-product .title-special {
    color: #f5f5f5 !important; /* Daha parlak, temiz bir krem/beyaz */
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.3px !important;
}

/* Fiyat Alani Duzenlemesi */
body .card-product .price-group, .home-body .card-product .price-group {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
}

/* Ustu Cizili Eski Fiyat (Kendi satirina gecmesi icin %100 genislik) */
body .card-product .price-group .list-price {
    width: 100% !important; 
    font-size: 13px !important;
    color: #8c837b !important; /* Soft ve silik bir ton */
    margin-bottom: 4px !important;
    text-decoration: line-through !important;
}

/* Ana Fiyat */
body .card-product .price-group .sale-price {
    font-size: 21px !important;
    font-weight: 600 !important;
    color: var(--tigger-copper) !important; /* Parlak Bakir */
    letter-spacing: 0.5px !important;
}

/* Indirim Rozeti (Sonuk cizgiliden net ve dolgu renkliye) */
body .card-product .price-group .discount {
    margin-left: auto !important; /* En saga yaslar */
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important; /* Yazi koyu komur */
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(194, 149, 84, 0.3) !important;
}

/* Slider Oklari (Ekrandaki beyaz yuvarlaklar) */
.swiper-button-next, .swiper-button-prev, .owl-nav button {
    background-color: #151413 !important; /* Cok koyu zemin */
    border: 1px solid var(--tigger-copper) !important; /* Bakir cizgi */
    color: var(--tigger-copper) !important; /* Ok rengi bakir */
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    transition: all 0.3s ease !important;
    opacity: 0.8 !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .owl-nav button:hover {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    opacity: 1 !important;
    box-shadow: 0 0 15px rgba(194, 149, 84, 0.4) !important;
}

/* Slider ok simgelerinin (font) rengini zorlama */
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
    font-weight: bold !important;
}

/* --- 9. URUN BASLIGI KAYBOLMA DUZELTMESI --- */
body .card-product .title-special, .home-body .card-product .title-special {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    -webkit-line-clamp: unset !important;
    white-space: normal !important;
    margin-top: 15px !important; /* Fazla boslugu biraz azalttik */
    margin-bottom: 15px !important;
    color: #f5f5f5 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* --- 10. KART ARKAPLAN VE FIYAT YERLESIM DUZELTMELERI (V4.2) --- */

/* Kart Arkaplani ve Sinirlari (Zeminden ayrismasi icin) */
body .card-product-inner, .home-body .card-product-inner {
    background-color: #2b2825 !important; /* Zeminden (1e1c1a) acik, daha sicak bir fume/kahve tonu */
    border: 1px solid rgba(194, 149, 84, 0.12) !important; /* Kartin sinirlarini belirginlestiren cok hafif bakir cizgi */
    box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important; /* Zeminle arasina siyah bir golge atarak karti havaya kaldirir */
}

/* Kart Hover Efekti Guncellemesi */
body .card-product:hover .card-product-inner, 
.home-body .card-product:hover .card-product-inner {
    border-color: rgba(194, 149, 84, 0.4) !important; /* Cerceve parlar */
    box-shadow: 0 10px 30px rgba(194, 149, 84, 0.15) !important;
}

/* FIYAT YERLESIMI (Sikisikligi Giderme) */
/* Flex duzeni ile Eski Fiyat ve Rozeti ustte, Yeni Fiyati alta aliyoruz */
body .card-product .price-group, .home-body .card-product .price-group {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    margin-top: 5px !important;
}

/* Ust Satir - Sol: Eski Fiyat */
body .card-product .price-group .list-price {
    width: auto !important;
    flex: 1 1 auto !important;
    font-size: 13px !important;
    color: #8c837b !important;
    margin-bottom: 0 !important;
    text-decoration: line-through !important;
}

/* Ust Satir - Sag: Indirim Rozeti */
body .card-product .price-group .discount {
    margin-left: auto !important;
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(194, 149, 84, 0.3) !important;
}

/* Alt Satir: Ana Fiyat (Satiri tamamen kaplayip alta gecer) */
body .card-product .price-group .sale-price {
    width: 100% !important; 
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--tigger-copper) !important;
    margin-top: 1px !important; /* Fiyatlari birbirine yaklastirdik */
    letter-spacing: 0.5px !important;
    line-height: 1.1 !important; /* Satir araligini kistik ki iyice yaklassin */
}

/* --- 11. FIYAT ALANI TASMA (YUKSEKLIK) DUZELTMESI --- */
body .card-product .price-group, .home-body .card-product .price-group {
    height: auto !important; /* Orijinal temadaki sabit 30px yuksekligi iptal eder */
    min-height: 55px !important; /* Fiyatlarin alt alta sigabilmesi icin gereken minimum alan */
    padding-bottom: 5px !important; /* Alt kisimdan hafif nefes payi */
}

body .card-product-inner, .home-body .card-product-inner {
    height: auto !important; /* Kartin da icerige gore uzamasini saglar */
    padding-bottom: 20px !important; /* Fiyatin kartin en dibine yapismasini engeller */
}

/* --- 12. HEADER VE MEGA MENU (TAM KARANLIK TEMA) --- */



/* MEGA MENU ACILIR PENCERESI (DROPDOWN) */
/* Arkaplani */
header.desktop .mega-dropdowns .mega-dropdown-panel,
header.desktop .mega-menu .dropdown-menu {
    background-color: #151413 !important; /* Ana temadan bir tik daha koyu zemin */
    border-top: 2px solid var(--tigger-copper) !important; /* Ustunde kalin bir bakir cizgi */
    box-shadow: 0 15px 40px rgba(0,0,0,0.8) !important; /* Derin golge */
}

/* Mega Menu Linkleri ve Basliklari (Duzenli ve Orijinal Harf Boyutu) */
header.desktop .mega-dropdown-panel .sub-cat .sub-title,
header.desktop .mega-dropdown-panel h4,
/* Mega Menu Linkleri (Daha derli toplu ve Ikonlu) */
header.desktop .mega-dropdown-panel .sub-cat .sub-title,
header.desktop .mega-dropdown-panel h4,
header.desktop .mega-dropdown-panel .title,
header.desktop .mega-dropdown-panel .sub-cat ul li a,
header.desktop .mega-menu .dropdown-menu li a {
    color: #b7a89a !important; 
    font-size: 13.5px !important; /* Biraz daha kucuk ve zarif */
    font-weight: 500 !important;
    text-transform: none !important;
    padding: 3px 0 !important; /* Aralarindaki boslugu epey kistik */
    margin-bottom: 2px !important;
    border-bottom: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    position: relative !important;
}

/* Linklerin Basindaki Luks Cizgi (Ikon) */
header.desktop .mega-dropdown-panel .sub-cat ul li a::before,
header.desktop .mega-menu .dropdown-menu li a::before,
header.desktop .mega-dropdown-panel .sub-cat .sub-title::before,
header.desktop .mega-dropdown-panel .title::before {
    content: "";
    display: inline-block;
    width: 5px; /* Kisa bir cizgi */
    height: 2px;
    background-color: var(--tigger-copper);
    margin-right: 8px;
    vertical-align: middle;
    transition: width 0.3s ease !important;
}

/* Alt Linklerin Hover (Uzerine Gelme) Efekti */
header.desktop .mega-dropdown-panel .sub-cat ul li a:hover,
header.desktop .mega-menu .dropdown-menu li a:hover,
header.desktop .mega-dropdown-panel .sub-cat .sub-title:hover,
header.desktop .mega-dropdown-panel .title:hover {
    color: #ffffff !important; 
    transform: translateX(4px) !important; /* Daha hafif bir saga kayma */
}

/* Hover durumunda bastaki cizgi ikonunun uzamasi */
header.desktop .mega-dropdown-panel .sub-cat ul li a:hover::before,
header.desktop .mega-menu .dropdown-menu li a:hover::before,
header.desktop .mega-dropdown-panel .sub-cat .sub-title:hover::before,
header.desktop .mega-dropdown-panel .title:hover::before {
    width: 12px; /* Uzerine gelince cizgi uzar */
}

/* Sepet Sayaci Rozeti */
header.desktop .header-bar .bar-cart .count {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    border: none !important;
}

/* --- 13. KATEGORI SAYFASI FILTRELER VE GORUNUM BUTONLARI (KESIN COZUM) --- */

/* Sol Filtre Bloklari (p-g-mod-t-cat-filter) */
.p-g-mod-t-cat-filter {
    background-color: #1e1c1a !important; /* Ana Komur */
    border: 1px solid rgba(194, 149, 84, 0.15) !important;
    color: #f5f5f5 !important;
}

/* Filtre Basliklari ("Kategoriler", "Markalar" vs.) */
.p-g-mod-t-cat-filter .p-g-mod-header {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.15) !important;
}
.p-g-mod-t-cat-filter .p-g-m-h-i-title {
    color: var(--tigger-copper) !important;
    font-weight: 600 !important;
}
.p-g-mod-t-cat-filter .p-g-m-h-icon {
    color: var(--tigger-copper) !important;
}

/* Filtre Metinleri (Mutfak Gerecleri, Markalar vb.) */
.p-g-mod-t-cat-filter .lag-checkbox label,
.p-g-mod-t-cat-filter .category-filter-list a {
    color: #b7a89a !important;
}
.p-g-mod-t-cat-filter .lag-checkbox label:hover,
.p-g-mod-t-cat-filter .category-filter-list a:hover {
    color: #ffffff !important;
}

/* Checkbox kutularinin kendisi */
.p-g-mod-t-cat-filter .lag-checkbox span {
    border-color: rgba(194, 149, 84, 0.3) !important;
    background-color: #2b2825 !important;
}
.p-g-mod-t-cat-filter .lag-checkbox input:checked + label + span,
.p-g-mod-t-cat-filter .lag-checkbox input:checked ~ span {
    background-color: var(--tigger-copper) !important;
    border-color: var(--tigger-copper) !important;
}

/* Fiyat Araligi Kutulari */
.p-g-mod-t-cat-filter .category-price-inputs input {
    background-color: #2b2825 !important;
    border: 1px solid rgba(194, 149, 84, 0.3) !important;
    color: #f5f5f5 !important;
}
.p-g-mod-t-cat-filter .category-price-inputs .seperator {
    color: #b7a89a !important;
}
.p-g-mod-t-cat-filter .category-price-inputs button {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    border: none !important;
}

/* Siralama (Dropdown) */
.category-filter-order select {
    background-color: #2b2825 !important;
    border: 1px solid rgba(194, 149, 84, 0.3) !important;
    color: #f5f5f5 !important;
}
.category-filter-order select option {
    background-color: #1e1c1a !important;
    color: #f5f5f5 !important;
}

/* Gorunum Degistirme Butonlari (Sag Ustteki Beyaz Butonlar) */
.product-view-select a {
    background-color: #2b2825 !important;
    border: 1px solid rgba(194, 149, 84, 0.3) !important;
}
.product-view-select a div {
    background-color: var(--tigger-copper) !important;
}
.product-view-select a:hover, .product-view-select a.active {
    background-color: var(--tigger-copper) !important;
}
.product-view-select a:hover div, .product-view-select a.active div {
    background-color: #1e1c1a !important;
}

/* Secimleri Temizle Butonu / Mobil Filtre Butonu */
.buttons .btn-dark,
.mobile-filter-btn {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    border: none !important;
}

/* --- 14. IC SAYFALAR (KATEGORI) HEADER VE URUN KARTLARI DUZELTMESI --- */

/* 1. Header (Ust Menu) Anasayfa ile Ayni (Karanlik Tema) Yapiliyor */
header.desktop, 
.home-body header.desktop.fixed,
.home-body header.desktop.fixed-desktop {
    background-color: #151413 !important; /* Komur Siyahi */
    border-bottom: 1px solid rgba(194, 149, 84, 0.15) !important; /* Hafif bakir alt cizgi */
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

/* Ust Menu Linkleri */
header.desktop .mega-menu .nav-link {
    color: #f5f5f5 !important;
}
header.desktop .mega-menu .nav-link:hover,
header.desktop .mega-menu .dropdown:hover > .nav-link {
    color: var(--tigger-copper) !important;
}

/* Sag Ustteki Ikonlar (Kalp, Profil, Sepet, Arama) */
header.desktop .header-bar .bar-link,
header.desktop .header-bar .bar-link .name {
    color: #f5f5f5 !important; /* Beyaz renk */
}
header.desktop .header-bar .bar-link:hover,
header.desktop .header-bar .bar-link:hover .name {
    color: var(--tigger-copper) !important; /* Hoverda Bakir */
}

/* Qukasoft'un orijinal SVG ikonlarAn 2. "rAn KartA GArselleri (Anasayfadaki gibi Beyaz ve KA...eleri Yuvarlak) */
body .card-product .image-wrapper,
.home-body .card-product .image-wrapper,
.category-page .card-product .image-wrapper {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 0 !important; /* Resim iceriyi tam kaplasin */
    overflow: hidden !important; /* Tasan koseleri gizler */
}
body .card-product .image-wrapper img {
    border-radius: 12px !important;
}

/* "Urun Gorseli Hazirlaniyor" placeholder gorselleri icin de gecerli */
.card-product-inner .image-wrapper {
    background-color: #ffffff !important;
}


/* 2. Tum Urun Karti Gorselleri (Anasayfadaki gibi Beyaz Kutulu ve Oval) */
body .card-product .image-wrapper,
.home-body .card-product .image-wrapper,
.category-page .card-product .image-wrapper,
.catalog-page .card-product .image-wrapper {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    margin: 0 !important; 
}

body .card-product .image-wrapper img {
    border-radius: 12px !important;
}

/* Kategori sayfasinda resimsiz urunlerin beyaz yer tutucusunu koruma */
.card-product-inner .image-wrapper {
    background-color: #ffffff !important;
}

/* 3. Dis Kartin Kendisi (Koyu Zemin, Padding ve Oval Koseler) */
body .card-product-inner,
.home-body .card-product-inner,
.category-page .card-product-inner {
    background-color: #2b2825 !important;
    border-radius: 12px !important;
    padding: 12px !important; /* Gorseldeki gibi kartin icine bosluk eklendi */
}

/* Urun Basligi */
body .card-product .c-p-i-info .title-special {
    margin-top: 15px !important;
    font-size: 15px !important;
    color: #e8e6e3 !important;
    text-align: left !important;
}

/* --- 15. TUM URUN KARTLARI ICIN KESIN FIYAT YERLESIMI (ANASAYFA & KATEGORI ESITLEMESI) --- */
/* Fiyat Alani (Gorseldeki gibi hizalama) */
body .card-product .price-group, 
.home-body .card-product .price-group,
.category-page .card-product .price-group {
    display: block !important; /* Flex iptal */
    position: relative !important;
    margin-top: 8px !important;
    min-height: 50px !important;
    padding-bottom: 2px !important;
}

body .card-product .price-group .prices {
    display: block !important;
}

/* Eski Fiyat (Ust Sol) */
body .card-product .price-group .list-price,
.home-body .card-product .price-group .list-price {
    display: block !important;
    font-size: 14px !important;
    color: #8c837b !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
    text-align: left !important;
    line-height: 1 !important;
}

/* Ana Fiyat (Alt Sol) */
body .card-product .price-group .sale-price,
.home-body .card-product .price-group .sale-price {
    display: block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--tigger-copper) !important;
    text-align: left !important;
    line-height: 1.1 !important;
    margin-top: 2px !important;
}

/* Indirim Rozeti (Alt Sag - Gorseldeki gibi Ana Fiyatla yanyana) */
body .card-product .price-group .discount,
.home-body .card-product .price-group .discount {
    position: absolute !important;
    bottom: 2px !important; /* Yeni fiyata gore alt hiza */
    right: 0 !important;
    top: auto !important; /* Onceki top:0'i eziyoruz */
    margin: 0 !important;
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

/* ==========================================================================
 KESIN COZUM: TUM URUN KARTLARINI (ANASAYFA & KATEGORI) ESITLEME
 ========================================================================== */

/* 1. KARTIN KENDISI (Koyu Zemin, Kenar Cizgisi ve Ic Bosluk) */
body .card-product {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

body .card-product .card-product-inner,
body.category-page .card-product .card-product-inner {
    background-color: #2b2825 !important;
    border-radius: 12px !important;
    padding: 12px !important; /* Resmin ve metnin etrafindaki asil bosluk */
    border: 1px solid rgba(194, 149, 84, 0.12) !important; /* Hafif bakir kenarlik */
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    transition: all 0.4s ease !important;
    display: block !important;
}

/* 2. RESIM KUTUSU (Beyaz Zemin, Oval Koseler ve Sifir Margin) */
/* Negatif marginleri ezerek resmin kartin kenarlarina tasmasini engelliyoruz */
body .card-product .card-product-inner .image-wrapper,
body.category-page .card-product .card-product-inner .image-wrapper {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin: 0 !important; /* TASMAYI ENGELLEYEN EN KRITIK KOD */
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

body .card-product .card-product-inner .image-wrapper .image,
body .card-product .card-product-inner .image-wrapper img {
    border-radius: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* 3. KART HOVER (UZERINE GELINCE YUKARI KALKMA) EFEKTI */
body .card-product:hover .card-product-inner,
body.category-page .card-product:hover .card-product-inner {
    transform: translateY(-8px) !important;
    box-shadow: 0 10px 30px rgba(194, 149, 84, 0.25) !important;
    border-color: rgba(194, 149, 84, 0.5) !important;
}

/* 4. BUTONLAR (Goz ve Sepet Ikonlari) HOVER EFEKTI */
body .card-product .card-product-inner .buttons-wrapper {
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(10px) !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
}

body .card-product:hover .card-product-inner .buttons-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* Buton Tasarimi */
body .card-product .card-product-inner .buttons-wrapper .btn {
    background-color: #ffffff !important;
    color: #1e1c1a !important;
    border: none !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

body .card-product .card-product-inner .buttons-wrapper .btn:hover {
    background-color: var(--tigger-copper) !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

/* --- 16. BILGI/GUVENCE CUBUGU (INFO-BAR-1) TASARIMI --- */
body .info-bar-1 {
    background-color: transparent !important;
    padding: 30px 0 !important;
    border-top: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.1) !important;
}

body .info-bar-1 .icons {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

body .info-bar-1 .icon-group {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    transition: transform 0.3s ease !important;
    flex: 1 !important;
    min-width: 250px !important;
}

body .info-bar-1 .icon-group:hover {
    transform: translateY(-3px) !important;
}

/* Ikon Tasarimi (Luks Bakir Cember) */
body .info-bar-1 .icon-group i {
    font-size: 24px !important;
    color: var(--tigger-copper) !important;
    background: rgba(194, 149, 84, 0.08) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

body .info-bar-1 .icon-group .inf {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

/* Ana Basliklar (Okunabilirlik Artirildi) */
body .info-bar-1 .icon-group .inf .name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #e8e6e3 !important; /* Acik/Parlak Krem/Beyaz */
    letter-spacing: 0.5px !important;
    margin-bottom: 3px !important;
}

/* Alt Metinler (Aciklamalar) */
body .info-bar-1 .icon-group .inf .description {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #b7a89a !important; /* Acik Kahve / Gri */
    text-transform: none !important;
    line-height: 1.3 !important;
}

/* --- BILGI/GUVENCE CUBUGU IKON VE METIN GUNCELLEMESI --- */

/* 1. Ikon alanlarini (yuvarlaklari) buyutme */
body .info-bar-1 .icon-group i {
    width: 65px !important;
    height: 65px !important;
    font-size: 28px !important;
}

/* 2. Metinleri "Sadece ilk harf buyuk, gerisi kucuk" (Sentence Case) yapma */
body .info-bar-1 .icon-group .inf .name,
body .info-bar-1 .icon-group .inf .description {
    display: block !important; /* ::first-letter icin zorunlu */
    text-transform: lowercase !important; /* Once tum harfleri kucult */
}

/* Sadece ilk harfi tekrar buyut */
body .info-bar-1 .icon-group .inf .name::first-letter,
body .info-bar-1 .icon-group .inf .description::first-letter {
    text-transform: uppercase !important;
}

/* --- GLOBAL BORDER RADIUS STANDARTLASTIRMASI (URUN KARTLARIYLA AYNI - 12px) --- */

/* Tum moduller (Sidebar Filtreleri, Sepet Ozeti, Icerik Bloklari vb.) */
body .p-g-mod,
body .p-g-mod-body,
body .dropdown-menu,
body .mega-dropdown-panel,
body .cart-box,
body .special-product-search .search-box {
    border-radius: 12px !important;
}

/* Modullerin koselerinin disari tasmamasi icin */
body .p-g-mod {
    overflow: hidden !important;
}

/* Form Elemanlari (Fiyat filtreleme kutulari, inputlar, dropdownlar) */
body input[type="text"],
body input[type="number"],
body input[type="email"],
body input[type="password"],
body select,
body textarea {
    border-radius: 12px !important;
}

/* Butonlar (Sepete Ekle, Ara, Temizle vb.) */
body .btn {
    border-radius: 12px !important;
}

/* Checkbox'lar (Hafif koseli) */
body .lag-checkbox .checkmark {
    border-radius: 4px !important;
}
/* ==========================================================================
 URUN DETAY SAYFASI (PRODUCT PAGE) PREMIUM TASARIM REVIZYONU
 ========================================================================== */

/* --- 1. GORSELLER (Image Gallery) --- */
/* Resimlerin etrafina beyaz zemin ve 12px yuvarlama */
body .carousel-inner img, 
body .xzoom-gallery {
    border-radius: 12px !important;
    background-color: #ffffff !important;
}

/* Kucuk onizleme resimlerindeki aktif/secili durumu */
body .xactive {
    border-color: var(--tigger-copper) !important;
}

/* --- 2. TIPOGRAFI VE META BILGILER (Typography) --- */
/* Marka Yazisi */
body .product-title-container .profile-brand {
    color: var(--tigger-copper) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
    display: inline-block !important;
}

/* Urun Ana Basligi */
body .product-title-container .title {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

/* Urun Kodu, Barkod vb. Liste Ogeleri */
body .product-profile-info li {
    color: #b7a89a !important; /* Acik Kahve / Gri */
    font-size: 14px !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.1) !important;
    padding: 8px 0 !important;
}

body .product-profile-info li .value,
body .product-profile-info li a .value {
    color: #e8e6e3 !important; /* Degerler daha aydinlik */
    font-weight: 500 !important;
}

/* --- 3. FIYAT BLOGU (Pricing Block) --- */
body .product-price-group {
    background: transparent !important;
    padding: 10px 0 20px 0 !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.1) !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

body .product-price-group .prices {
    display: flex !important;
    flex-direction: column !important;
}

/* Eski Fiyat (Ustu Cizili) */
body .product-price-group .list-price {
    font-size: 16px !important;
    color: #8c837b !important;
    text-decoration: line-through !important;
    margin-bottom: 5px !important;
    line-height: 1 !important;
}

/* Ana Indirimli Fiyat */
body .product-price-group .sale-price {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--tigger-copper) !important;
    line-height: 1.1 !important;
}

/* Indirim Rozeti (%22 vb.) */
body .product-price-group .discount {
    position: absolute !important;
    bottom: 22px !important;
    left: 170px !important; /* Fiyatin yanina hizala */
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Ekstra Fiyat Bilgileri (EFT vb.) */
body .product-transfer-discount, 
body .product-rate {
    color: #b7a89a !important;
    font-size: 14px !important;
}

body .product-transfer-discount .sale-eft-price {
    color: var(--tigger-copper) !important;
}

/* --- 4. BIRINCIL AKSIYON BUTONLARI (Action Buttons) --- */
body .product-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 25px !important;
}

/* Adet Secici (Quantity Box) */
body .product-quantity {
    display: flex !important;
    background-color: #1e1c1a !important; /* Koyu zemin */
    border: 1px solid rgba(194, 149, 84, 0.2) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 120px !important;
    height: 50px !important;
}

body .product-quantity .btn {
    background: transparent !important;
    color: var(--tigger-copper) !important;
    border: none !important;
    width: 40px !important;
}

body .product-quantity input {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 40px !important;
    padding: 0 !important;
}

/* SEPETE EKLE Butonu */
body .product-buttons .btn-cart {
    flex: 1 !important;
    height: 50px !important;
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.3) !important;
}

body .product-buttons .btn-cart:hover {
    background-color: #e6b265 !important; /* Daha parlak bakir */
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(194, 149, 84, 0.5) !important;
}

/* HEMEN AL Butonu */
body .product-buttons .btn-fast-buy {
    width: 100% !important; /* Alt satira at */
    height: 50px !important;
    background-color: #2b2825 !important;
    color: var(--tigger-copper) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: 1px solid var(--tigger-copper) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

body .product-buttons .btn-fast-buy:hover {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
}

/* WHATSAPP ILE SIPARIS VER Butonu */
body .product-buttons .btn-wp {
    width: 100% !important; /* Alt satira at */
    height: 50px !important;
    background-color: #116851 !important; /* Tok ve koyu yesil */
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

body .product-buttons .btn-wp:hover {
    background-color: #158668 !important;
    transform: translateY(-2px) !important;
}

/* --- 5. IKINCIL AKSIYON BUTONLARI (Secondary Actions) --- */
body .product-actions-row {
    background: transparent !important;
    border: none !important;
    margin-top: 20px !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

body .product-actions-row .action-item .action-button {
    background-color: #1e1c1a !important; /* Koyu zemin */
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-radius: 12px !important;
    color: #b7a89a !important;
    padding: 8px 15px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body .product-actions-row .action-item .action-button .icon-circle {
    background: transparent !important;
    color: var(--tigger-copper) !important;
    width: auto !important;
    height: auto !important;
}

body .product-actions-row .action-item .action-button .text {
    color: #b7a89a !important;
}

body .product-actions-row .action-item .action-button:hover {
    background-color: #2b2825 !important;
    border-color: var(--tigger-copper) !important;
    color: #ffffff !important;
}

body .product-actions-row .action-item .action-button:hover .text {
    color: #ffffff !important;
}

/* --- IKINCIL AKSIYON BUTONLARINI TAM GENISLIGE YAYMA --- */
body .product-actions-row {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important; /* Mobilde alt satira gecebilmesi icin */
    gap: 10px !important;
}

body .product-actions-row .action-item {
    flex: 1 !important; /* Kalan boslugu esit olarak paylas */
    min-width: calc(50% - 10px) !important; /* Mobilde yan yana 2'li duzen icin minimum genislik */
}

@media (min-width: 992px) {
    body .product-actions-row .action-item {
        min-width: 0 !important; /* Masaustunde hepsi tek satira sigsin */
    }
}

body .product-actions-row .action-item .action-button {
    width: 100% !important; /* Butonun kendi alanini %100 kaplamasi */
    justify-content: center !important; /* Icerigi ortala (ikon ve yazi) */
    text-align: center !important;
}


/* --- URUN DETAY SAYFASI: FIYAT ALANI SOLA YASLAMA, KUCULTME VE YUKSEKLIK ESITLEME --- */

body .product-price-group {
    display: block !important;
}

body .product-price-group .prices {
    display: grid !important;
    grid-template-columns: auto 1fr !important; /* Rozet kendi genisliginde, fiyat kalani kaplar */
    grid-template-rows: auto auto !important;
    grid-template-areas: 
        ". list"
        "badge sale" !important;
    column-gap: 12px !important; /* Rozet ile fiyat arasi bosluk */
    row-gap: 6px !important; /* Eski fiyat ile yeni fiyat arasi bosluk */
    align-items: stretch !important; /* Yukseklikleri esitlemek icin */
    width: 100% !important;
}

/* 1. Indirim Rozeti (%22) */
body .product-price-group .discount {
    grid-area: badge !important;
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important; /* Metni dikey ortala */
    justify-content: center !important;
    padding: 0 10px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    position: static !important; /* Eski absolute pozisyonu iptal */
    margin: 0 !important;
    transform: none !important;
    height: auto !important; /* Stretch sayesinde sale-price ile ayni yukseklikte olacak */
}

/* 2. Eski Fiyat (Ustu Cizili) */
body .product-price-group .list-price {
    grid-area: list !important;
    font-size: 14px !important; /* Biraz kucultuldu (onceki 16px idi) */
    color: #8c837b !important;
    text-decoration: line-through !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 1 !important;
    align-self: end !important; /* Alta hizala */
}

/* 3. Indirimli Yeni Fiyat */
body .product-price-group .sale-price {
    grid-area: sale !important;
    font-size: 32px !important;
    color: var(--tigger-copper) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important; /* Dikey ortala */
}


/* --- 13. BREADCRUMB (SAYFA ISARETCISI) PREMIUM TASARIM --- */

/* Breadcrumb alanina genis bir mizampaj (padding) sagliyoruz */
body .breadcrumb-wrapper {
    background: transparent !important;
    padding: 15px 0 25px 0 !important; /* Ustten ve alttan genis bir nefes payi */
    margin-bottom: 10px !important;
}

body .breadcrumb-wrapper .breadcrumb {
    background: transparent !important;
    padding: 0 !important; 
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* Elemanlar arasina ferah bir bosluk */
}

/* Her bir baglanti elemani */
body .breadcrumb .breadcrumb-item {
    font-size: 15px !important; /* Font boyutu buyutuldu */
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    display: flex !important;
    align-items: center !important;
}

body .breadcrumb .breadcrumb-item a,
body .breadcrumb .breadcrumb-item span {
    color: #8c837b !important; /* Soft gri */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Hover Efekti */
body .breadcrumb .breadcrumb-item a:hover,
body .breadcrumb .breadcrumb-item a:hover span {
    color: var(--tigger-copper) !important;
}

/* Ayirici Oklar (Zarif tasarim) - Karakter bozulmasini onlemek icin Unicode (\203A) kullanildi */
body .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\203A" !important; /* isareti */
    color: var(--tigger-copper) !important; 
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 0 4px 0 0 !important;
    font-weight: 400 !important;
}

/* Bulunulan Aktif Sayfa (Son Eleman) */
body .breadcrumb .breadcrumb-item:last-child a,
body .breadcrumb .breadcrumb-item:last-child span {
    color: #ffffff !important; /* Parlak beyaz */
    font-weight: 600 !important;
    pointer-events: none !important; 
}

/* --- 14. ANASAYFA SLIDER KARTLARI YONLENDIRME BUTONU (KESILME) DUZELTMESI --- */

/* Owl Carousel & Swiper Sag/Sol Oklarinin Ekrandan Tasip Kesilmesini Onleme */
body .owl-single-button.owl-single-button-prev,
body .owl-nav .owl-prev,
body .swiper-button-prev {
    left: 10px !important; /* Tasan kismi iceri cekiyoruz */
    z-index: 100 !important;
}

body .owl-single-button.owl-single-button-next,
body .owl-nav .owl-next,
body .swiper-button-next {
    right: 10px !important; /* Sagdaki olasi tasmayi da onluyoruz */
    z-index: 100 !important;
}

/* Yaridan kesik, uyumsuz beyaz yuvarlagi premium temaya uydurma */
body .owl-single-button button.btn-owl,
body .owl-nav button.owl-prev,
body .owl-nav button.owl-next,
body .swiper-button-prev,
body .swiper-button-next {
    background-color: #1e1c1a !important; /* Koyu zemin (eski hatali beyaz yerine) */
    border: 1px solid var(--tigger-copper) !important;
    color: var(--tigger-copper) !important; /* Bakir ikon */
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important; /* Tam yuvarlak */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.7) !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
}

body .owl-single-button button.btn-owl:hover,
body .owl-nav button.owl-prev:hover,
body .owl-nav button.owl-next:hover,
body .swiper-button-prev:hover,
body .swiper-button-next:hover {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
}

/* Ikon hizalamasi */
body .owl-single-button button.btn-owl i,
body .owl-nav button i {
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* Eger swiper'in kendi varsayilan oklari varsa fontlari eziyoruz */
body .swiper-button-prev::after,
body .swiper-button-next::after {
    font-size: 16px !important;
    font-weight: bold !important;
}

/* --- 15. LOGO BOYUTLANDIRMASI --- */

/* Masaustu Logosu (Varsayilan 50px -> 75px) */
header.desktop .logo a img {
    max-height: 75px !important;
    transition: all 0.3s ease !important;
}

/* Scroll edildiginde kuculen header (fixed) icin logoyu hafif kucult (Orn: 55px) */
header.desktop.fixed-desktop .logo a img {
    max-height: 55px !important;
}

/* Mobil Logosu (Varsayilan 30px -> 45px) */
header.mobile .logo img {
    height: 45px !important;
    transition: all 0.3s ease !important;
}

/* --- 16. HEADER ALANINI BUYUTME VE LOGO OPTIMIZASYONU --- */

/* Header (Ust Bar) alaninin ustune ve altina daha fazla bosluk (padding) ekleyerek logoya nefes aldiriyoruz */
header.desktop .h-center {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

/* Logonun boyutunu hafifce kucultuyoruz (75px'den 65px'e) */
header.desktop .logo a img {
    max-height: 60px !important; /* Tasarimdaki altin oran icin 60px ideal */
}

/* Sayfa asagi kaydirildiginda (Fixed/Sabit Menu) Header daralirken logonun da orantili kuculmesi */
header.desktop.fixed-desktop .h-center {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

header.desktop.fixed-desktop .logo a img {
    max-height: 45px !important;
}

/* --- 17. IC SAYFALAR BUYUK BOSLUK (MIZAMPAJ) DUZELTMESI --- */

/* Ic sayfalarda header altindaki devasa bosluga neden olan alani daraltiyoruz */
@media (min-width: 992px) {
    body:not(.home-body) .mobile-header-space {
        height: 60px !important; /* Eskiden 100px olan bu deger, aradaki fazlaligi yok etmek icin dusuruldu */
    }
}

/* Mobilde de aralik fazla ise hafifce toparlamak icin */
@media (max-width: 991px) {
    body:not(.home-body) .mobile-header-space {
        height: 35px !important; /* Mobilde de baslik ile menu arasindaki mesafeyi optimize ettik */
    }
}

/* --- 18. MOBILE-HEADER-SPACE ALANININ TAMAMEN IPTALI --- */

/* Kullanicinin talebi uzerine, ic sayfalardaki o boslugu yaratan elementi tamamen gizliyoruz */
body .mobile-header-space {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* --- 19. URUN DETAY KUCUK GORSELLER (THUMBNAILS) BORDER-RADIUS --- */
body .product-profile-1 .carousel .carousel-indicators li {
    border-radius: 8px !important;
    overflow: hidden !important;
}

body .product-profile-1 .carousel .carousel-indicators li img {
    border-radius: 8px !important;
}

/* --- 20. PREMIUM YENI NESIL IKON SETI (MUKEMMEL TASARIM) --- */

/* Eski sert hatli ikonlari sifirliyoruz */
.core-icon-heart-3-line::before,
.core-icon-user-3-line::before,
.core-icon-shopping-bag-4-line::before,
.core-icon-search-2-line::before {
    content: '' !important; 
}

/* Tum yeni ikonlar icin boyut ve maske ayari */
.core-icon-heart-3-line,
.core-icon-user-3-line,
.core-icon-shopping-bag-4-line,
.core-icon-search-2-line {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-color: currentColor !important; /* Uzerine gelince rengi otomatik degisir */
    vertical-align: middle !important;
    transition: all 0.3s ease !important;
}

/* 1. KALP (Favoriler) - Ince hatli sik tasarim */
.core-icon-heart-3-line {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 2. KULLANICI (Hesabim) - Modern minimal tasarim */
.core-icon-user-3-line {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 3. SEPET (Canta) - Zarif bir canta ikonu */
.core-icon-shopping-bag-4-line {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 4. ARAMA (Buyutec) */
.core-icon-search-2-line {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* Hover (Uzerine Gelme) Efektleri - Ikonlar hafif yukari kayar */
header.desktop .header-bar .bar-link:hover .core-icon-heart-3-line,
header.desktop .header-bar .bar-link:hover .core-icon-user-3-line,
header.desktop .header-bar .bar-link:hover .core-icon-shopping-bag-4-line,
header.desktop .header-bar .bar-link:hover .core-icon-search-2-line {
    transform: translateY(-2px);
}

/* Sepet Badge (Sepetteki Urun Sayisi) Duzenlemesi */
header.desktop .header-bar .bar-cart .icon {
    position: relative !important;
    display: inline-block !important;
}

header.desktop .header-bar .bar-cart .count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important; /* Icindeki rakam koyu olsun */
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
    border: 1px solid #1e1c1a !important; /* Arka planla karismamasi icin */
}

/* --- 21. YAN SEPET (SIDEBAR CART) PREMIUM TASARIM --- */

/* Ana Panel Kapsayicisi */
body .sidebar-cart {
    background-color: #151413 !important; /* Premium komur siyahi */
    border-left: 1px solid rgba(194, 149, 84, 0.2) !important; /* Hafif bakir sol sinir */
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.8) !important;
    color: #eaeaea !important;
}

/* Ust Kisim (Header) */
body .sidebar-cart .sc-header {
    background-color: #1e1c1a !important; /* Daha acik siyah tonu */
    border-bottom: 1px solid rgba(194, 149, 84, 0.2) !important;
}

/* "Sepetim (1)" Basligi */
body .sidebar-cart .sc-header .title {
    color: var(--tigger-copper) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    letter-spacing: 0.5px !important;
}

/* Kapatma Ikonu (X) */
body .sidebar-cart .sc-header .close-icon svg {
    stroke: #ffffff !important;
    transition: all 0.3s ease !important;
}
body .sidebar-cart .sc-header .close-icon:hover svg {
    stroke: var(--tigger-copper) !important;
    transform: rotate(90deg) scale(1.1) !important;
}

/* Icerik / Urun Listesi Alani */
body .sidebar-cart .products {
    background-color: #151413 !important;
}

/* Kargo Kampanyasi (Yesil Banner) - Daha premium ve karanlik temaya uygun */
body .sidebar-cart .products .alert,
body .sidebar-cart .products .alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
    color: #4ade80 !important; /* Canli yesil metin */
    border-radius: 8px !important;
    margin: 15px !important;
    font-weight: 600 !important;
}

/* Her Bir Urun Kutusu */
body .sidebar-cart .products > div,
body .sidebar-cart .products .item,
body .sidebar-cart .products .row {
    background-color: #1e1c1a !important;
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    margin: 15px !important;
    color: #eaeaea !important;
    transition: all 0.3s ease !important;
}
body .sidebar-cart .products > div:hover,
body .sidebar-cart .products .item:hover {
    border-color: rgba(194, 149, 84, 0.4) !important;
}

/* Urun Gorselleri */
body .sidebar-cart .products img {
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

/* Urun Isimleri (Linkler) */
body .sidebar-cart .products a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
body .sidebar-cart .products a:hover {
    color: var(--tigger-copper) !important;
}

/* Fiyat ve x 1 Ad. Yazilari */
body .sidebar-cart .products span {
    color: #a0a0a0 !important; /* Acik gri */
}
body .sidebar-cart .products strong,
body .sidebar-cart .products b {
    color: var(--tigger-copper) !important;
    font-size: 15px !important;
}

/* Silme (Cop Kutusu) Ikonu */
body .sidebar-cart .products .remove,
body .sidebar-cart .products .delete,
body .sidebar-cart .products i.fa-trash,
body .sidebar-cart .products svg.feather-trash {
    color: #ff4d4d !important;
    stroke: #ff4d4d !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
body .sidebar-cart .products .remove:hover,
body .sidebar-cart .products i.fa-trash:hover,
body .sidebar-cart .products svg.feather-trash:hover {
    color: #ff0000 !important;
    stroke: #ff0000 !important;
    transform: scale(1.15) !important;
}

/* Alt Ozet Kismi (Summary / Genel Toplam Alani) */
body .sidebar-cart .summary {
    background-color: #1e1c1a !important;
    border-top: 1px solid rgba(194, 149, 84, 0.2) !important;
    color: #ffffff !important;
}

/* "Genel Toplam" Metni */
body .sidebar-cart .summary div,
body .sidebar-cart .summary span {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Toplam Fiyat */
body .sidebar-cart .summary strong,
body .sidebar-cart .summary b {
    color: var(--tigger-copper) !important;
    font-size: 20px !important;
}

/* Butonlar Alani */
body .sidebar-cart .summary .btn {
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: none !important;
}

/* 1. Buton: "SEPETE GIT" (Seffaf Arka Planli) */
body .sidebar-cart .summary .btn:first-of-type,
body .sidebar-cart .summary a:nth-child(1) {
    background-color: transparent !important;
    color: var(--tigger-copper) !important;
}
body .sidebar-cart .summary .btn:first-of-type:hover {
    background-color: rgba(194, 149, 84, 0.1) !important;
}

/* 2. Buton: "ODEME ADIMINA GIT" (Dolu Bakir Arka Planli) */
body .sidebar-cart .summary .btn:last-of-type,
body .sidebar-cart .summary a:nth-child(2) {
    background-color: var(--tigger-copper) !important;
    color: #1e1c1a !important;
}
body .sidebar-cart .summary .btn:last-of-type:hover {
    background-color: #d1a565 !important; /* Daha acik bakir parlamasi */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.4) !important;
}

/* --- 22. YAN SEPET (SIDEBAR CART) MINIMALIST REVIZYON --- */

/* Kutucuk icindeki kutucugu kaldir (Minimalist Tek Kutu Gorunumu) */
body .sidebar-cart .products > div,
body .sidebar-cart .products .item,
body .sidebar-cart .products .row {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 25px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Uzerine gelindiginde sadece cok hafif bir aydinlanma (kutu hissi vermeden) */
body .sidebar-cart .products > div:hover,
body .sidebar-cart .products .item:hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.05) !important; 
}

/* Resimlerin etrafindaki cerceveyi (border) kaldir */
body .sidebar-cart .products img {
    border: none !important;
    border-radius: 6px !important;
}

/* Butonlari Minimalist ve Alt Alta (Dikey) Yap */
body .sidebar-cart .summary .btn,
body .sidebar-cart .summary a.btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: none !important; /* Kaba buyuk harf zorunlulugunu kaldir */
    letter-spacing: 0 !important;
    padding: 14px 20px !important;
    border: none !important; /* Kaba sinirlari tamamen kaldir */
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* 1. Buton: "SEPETE GIT" (Sade ve Minimalist) */
body .sidebar-cart .summary .btn:first-of-type,
body .sidebar-cart .summary a.btn:first-of-type {
    background-color: #1e1c1a !important; /* Hafif koyu gri-siyah, goze batmayan */
    color: #ffffff !important;
}

body .sidebar-cart .summary .btn:first-of-type:hover,
body .sidebar-cart .summary a.btn:first-of-type:hover {
    background-color: #2a2724 !important;
}

/* 2. Buton: "ODEME ADIMINA GIT" (Vurgulu ama sade) */
body .sidebar-cart .summary .btn:last-of-type,
body .sidebar-cart .summary a.btn:last-of-type {
    background-color: var(--tigger-copper) !important;
    color: #151413 !important;
    margin-bottom: 0 !important; /* Son butonun altinda fazladan bosluk olmasin */
}

body .sidebar-cart .summary .btn:last-of-type:hover,
body .sidebar-cart .summary a.btn:last-of-type:hover {
    background-color: #d1a565 !important;
    transform: none !important; /* Yukari kayma efektini iptal et (daha ciddi durus) */
    box-shadow: none !important;
}

/* --- 23. YAN SEPET (SIDEBAR CART) SUPER MINIMALIST VE KESIN COZUM --- */

/* 1. URUN KUTUCUGU ICINDEKI KUTUCUKLARI (IC ICE BORDERLARI) KESINLIKLE KALDIR */
/* Resmin etrafindaki sarici (wrapper) div'lerin border'ini sil */
body .sidebar-cart .products .image,
body .sidebar-cart .products .img,
body .sidebar-cart .products .image-wrapper,
body .sidebar-cart .products figure,
body .sidebar-cart .products .picture {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

body .sidebar-cart .products img {
    border: none !important;
    border-radius: 4px !important; /* Cok hafif bir kose ovallestirme */
}

/* Ana urun satirinin sinirlarini silip sadece alt cizgi birak */
body .sidebar-cart .products > div,
body .sidebar-cart .products .item,
body .sidebar-cart .products .row,
body .sidebar-cart .products .product-item {
    background-color: transparent !important;
    border: none !important; /* Etrafindaki kutuyu kaldir */
    border-radius: 0 !important;
    padding-top: 12px !important; padding-bottom: 12px !important; padding-right: 15px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* Sadece ince bir alt ayirici cizgi */
}

/* 2. BUTONLARI YAN YANA SIKISMAKTAN KURTAR VE ALT ALTA DIZ */
/* Butonlarin bulundugu satiri (row) alt alta (column) dizmeye zorla */
body .sidebar-cart .summary .buttons,
body .sidebar-cart .summary .row,
body .sidebar-cart .summary .cart-buttons {
    display: flex !important;
    flex-direction: column !important; /* Alt alta diz */
    gap: 8px !important; /* Butonlar arasi bosluk */
    margin-top: 15px !important;
}

/* Eger Bootstrap kolonlari (col-6 vb) kullanildiysa, %100 genislige zorla */
body .sidebar-cart .summary .row > div,
body .sidebar-cart .summary .col-6,
body .sidebar-cart .summary .col-12,
body .sidebar-cart .summary .col-sm-6,
body .sidebar-cart .summary .buttons > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. BUTONLARIN KABA GORUNUMUNU INCELT VE ZARIFLESTIR */
body .sidebar-cart .summary .btn,
body .sidebar-cart .summary a.btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 10px 15px !important; /* Cok daha ince padding (yuksekligi azaltir) */
    font-size: 13px !important; /* Daha kucuk, zarif font */
    font-weight: 500 !important; /* Daha ince font agirligi */
    border-radius: 4px !important; /* Keskin koseler yerine cok hafif oval */
    border: none !important; /* Eski kalan tum border'lari ezer */
    text-transform: capitalize !important; /* Tamamen BUYUK HARF olmasini engeller (sadece ilk harfler buyuk olur) */
    letter-spacing: 0.5px !important;
    height: auto !important;
    line-height: 1.4 !important;
}

/* Ilk Buton: "Sepete Git" */
body .sidebar-cart .summary .btn:first-of-type,
body .sidebar-cart .summary a.btn:first-of-type {
    background-color: transparent !important; 
    color: #a0a0a0 !important; /* Acik gri sade metin */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Cok ince goze batmayan cerceve */
}
body .sidebar-cart .summary .btn:first-of-type:hover,
body .sidebar-cart .summary a.btn:first-of-type:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Ikinci Buton: "Odeme Adimina Git" */
body .sidebar-cart .summary .btn:last-of-type,
body .sidebar-cart .summary a.btn:last-of-type {
    background-color: var(--tigger-copper) !important;
    color: #151413 !important; /* Koyu siyah yazi */
    border: none !important;
}
body .sidebar-cart .summary .btn:last-of-type:hover,
body .sidebar-cart .summary a.btn:last-of-type:hover {
    background-color: #d1a565 !important; /* Biraz daha acik bakir */
}

/* --- 24. YAN SEPET HOVER DUZELTMELERI (PROFESYONEL VE SADE) --- */

/* Cop Kutusu (Silme) Ikonu Hover - Ziplama/buyume efekti iptal edildi, profesyonel renk gecisi eklendi */
body .sidebar-cart .products .remove,
body .sidebar-cart .products .delete,
body .sidebar-cart .products i.fa-trash,
body .sidebar-cart .products svg.feather-trash {
    color: #666666 !important; /* Standartta goze batmayan notr gri */
    stroke: #666666 !important;
    transform: none !important; /* Olcekleme/ziplama KESINLIKLE iptal */
    transition: color 0.2s ease !important;
}

body .sidebar-cart .products .remove:hover,
body .sidebar-cart .products .delete:hover,
body .sidebar-cart .products i.fa-trash:hover,
body .sidebar-cart .products svg.feather-trash:hover {
    color: #ff4444 !important; /* Uzerine gelince kibar bir kirmizi uyari rengi */
    stroke: #ff4444 !important;
    transform: none !important; /* Hover'da ziplama iptal */
}

/* 1. Buton (Sepete Git) Hover - Kaba border kaldirildi, sabit ve puruzsuz arka plan gecisi */
body .sidebar-cart .summary .btn:first-of-type,
body .sidebar-cart .summary a.btn:first-of-type,
body .sidebar-cart .summary a:nth-child(1) {
    background-color: #1e1c1a !important;
    border: 1px solid #1e1c1a !important; /* Border'i arka planla ayni yapip stabilite sagla */
    color: #eaeaea !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    transform: none !important;
}

body .sidebar-cart .summary .btn:first-of-type:hover,
body .sidebar-cart .summary a.btn:first-of-type:hover,
body .sidebar-cart .summary a:nth-child(1):hover {
    background-color: #2b2825 !important; /* Sadece bir ton acilir */
    border-color: #2b2825 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 2. Buton (Odeme Adimina Git) Hover - Abartili parlama iptal, agirbasli gecis */
body .sidebar-cart .summary .btn:last-of-type,
body .sidebar-cart .summary a.btn:last-of-type,
body .sidebar-cart .summary a:nth-child(2) {
    background-color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    color: #151413 !important;
    transition: background-color 0.2s ease, opacity 0.2s ease !important;
    transform: none !important;
}

body .sidebar-cart .summary .btn:last-of-type:hover,
body .sidebar-cart .summary a.btn:last-of-type:hover,
body .sidebar-cart .summary a:nth-child(2):hover {
    background-color: #b58645 !important; /* Hover durumunda biraz daha tok (koyu) bir bakir */
    border-color: #b58645 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* --- 25. YAN SEPET KESIN COZUM (DOGRU SECICILER ILE) --- */

/* Cop Kutusu (Silme) Ikonu Hover Duzeltmesi */
body .sidebar-cart .products .items .item .btn-remove {
    color: #666666 !important;
    transform: none !important;
    transition: color 0.2s ease !important;
}
body .sidebar-cart .products .items .item .btn-remove:hover {
    color: #ff4444 !important;
    transform: none !important; /* Hover anindaki titreme/ziplama KESIN olarak engellendi */
}

/* Butonlari Barindiran Konteyner (.cart-actions) */
body .sidebar-cart .cart-actions {
    display: flex !important;
    flex-direction: column !important; /* Butonlari alt alta dizerek yan yana sikismalarini onle */
    gap: 8px !important; /* Aralarinda 8px bosluk birak */
    margin-bottom: 20px !important;
    padding: 0 15px !important;
}

/* Butonlarin Ortak, Minimalist Gorunumu */
body .sidebar-cart .cart-actions a {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding-top: 12px !important; padding-bottom: 12px !important; padding-right: 15px !important; /* Daha az padding = Daha zarif gorunum */
    border-radius: 4px !important; /* Hafif oval koseler, kaba sivrilige son */
    font-size: 13px !important; /* Font boyutu ufaltildi (minimalist) */
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important; /* Marginleri sifirla, gap hallediyor */
    transition: background-color 0.2s ease, color 0.2s ease !important; /* Puruzsuz gecis */
    border: none !important; /* Kaba cizgiler silindi */
    text-transform: capitalize !important;
}

/* 1. Buton: Sepete Git (.btn-cart) */
body .sidebar-cart .cart-actions .btn-cart {
    background-color: #1e1c1a !important; 
    color: #ffffff !important;
}
body .sidebar-cart .cart-actions .btn-cart:hover {
    background-color: #2b2825 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 2. Buton: Odeme Adimina Git (.btn-payment) */
body .sidebar-cart .cart-actions .btn-payment {
    background-color: var(--tigger-copper) !important;
    color: #151413 !important;
}
body .sidebar-cart .cart-actions .btn-payment:hover {
    background-color: #b58645 !important; /* Daha tok bir bakir tonuna gecer */
    color: #151413 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* --- 26. SLIDER IKONLARI (OKLAR) GORUNURLUK DUZELTMESI --- */

/* Butonun icindeki her turlu elementi (span, i, svg, path) zorla bakir rengine cevir */
body .owl-single-button button.btn-owl *,
body .owl-nav button.owl-prev *,
body .owl-nav button.owl-next *,
body .swiper-button-prev *,
body .swiper-button-next * {
    color: var(--tigger-copper) !important;
    fill: var(--tigger-copper) !important;
    stroke: var(--tigger-copper) !important;
}

/* Hover (Uzerine gelince) icindeki her sey koyu renk (siyah/gri) olsun */
body .owl-single-button button.btn-owl:hover *,
body .owl-nav button.owl-prev:hover *,
body .owl-nav button.owl-next:hover *,
body .swiper-button-prev:hover *,
body .swiper-button-next:hover * {
    color: #151413 !important;
    fill: #151413 !important;
    stroke: #151413 !important;
}

/* Swiper veya Owl'un sahte element (pseudo-element) ikonlari kullaniliyorsa onlarin da rengini duzelt */
body .swiper-button-prev::after,
body .swiper-button-next::after,
body .owl-nav button::after,
body .owl-nav button::before,
body .owl-single-button button.btn-owl::after,
body .owl-single-button button.btn-owl::before {
    color: var(--tigger-copper) !important;
}

/* Hover durumunda pseudo-element ikonlarin rengi */
body .swiper-button-prev:hover::after,
body .swiper-button-next:hover::after,
body .owl-nav button:hover::after,
body .owl-nav button:hover::before,
body .owl-single-button button.btn-owl:hover::after,
body .owl-single-button button.btn-owl:hover::before {
    color: #151413 !important;
}

/* --- 27. SEPET SAYFASI (CART PAGE) KARANLIK TEMA VE ESTETIK DUZELTMELER --- */

/* 1. Siparis Ozeti (Sagdaki Kutu) ve Ust Kargo Banner'i (Beyazi Koyu Yapma) */
body .shopping-cart-1 .cart-summary,
body .shopping-cart-1 .summary,
body .shopping-cart-summary,
body .cart-body aside > div,
body .cart-body .col-lg-4 > div,
body .shopping-cart-1 .alert,
body .shopping-cart-1 .shipping-progress,
body .cart-body .alert,
body .cart-body .free-shipping-alert {
    background-color: #1e1c1a !important;
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* Siparis Ozeti Icindeki Metinler */
body .shopping-cart-1 .cart-summary *,
body .shopping-cart-1 .summary *,
body .shopping-cart-1 .alert * {
    color: #eaeaea !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Siparis Ozeti Fiyat Vurgusu (Bakir Renk) */
body .shopping-cart-1 .cart-summary strong,
body .shopping-cart-1 .summary strong,
body .shopping-cart-1 .cart-summary b,
body .shopping-cart-1 .summary b {
    color: var(--tigger-copper) !important;
    font-size: 16px !important;
}

/* 2. Alisverisi Tamamla Butonu (Yesilden Bakira) */
body .shopping-cart-1 .cart-summary .btn-checkout,
body .shopping-cart-1 .summary .btn-checkout,
body .shopping-cart-1 .btn-success,
body .cart-body .btn-success,
body .cart-body a.btn-success {
    background-color: var(--tigger-copper) !important;
    color: #151413 !important;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 15px !important;
    text-transform: capitalize !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}
body .cart-body .btn-success:hover,
body .cart-body a.btn-success:hover {
    background-color: #d1a565 !important; /* Tok bakir */
    color: #151413 !important;
}

/* 3. Hediye Ceki Input ve Kullan Butonu */
body .shopping-cart-1 .cart-summary input[type="text"],
body .shopping-cart-1 .summary input[type="text"],
body .cart-body input[type="text"] {
    background-color: #151413 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
body .shopping-cart-1 .cart-summary button,
body .shopping-cart-1 .summary button {
    border-radius: 4px !important;
}

/* 4. Sepet Listesi (Sol Taraf) ve Tablo Cizgileri */
body .shopping-cart-1 .table,
body .shopping-cart-1 .table th,
body .shopping-cart-1 .table td,
body .shopping-cart-1 .table tbody tr {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.05) !important; /* Ince ve zayif cizgiler */
    color: #ffffff !important;
}

/* Urun Isimleri */
body .shopping-cart-1 .product-group .product .p-info .name,
body .shopping-cart-1 .td-product .product .p-info .name {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Urun Resmindeki Kaba Cerceveyi Kaldir */
body .cart-body .shopping-cart-1 .product-group .product .image,
body .cart-body .shopping-cart-1 img {
    border: none !important;
    border-radius: 6px !important;
}

/* 5. Cop Kutusu Ikonu (Kaba Daireyi ve Ziplamayi Kaldir) */
body .cart-body .shopping-cart-1 button.btn-remove,
body .shopping-cart-1 .btn-remove {
    background-color: transparent !important;
    border: none !important; /* Yuvarlak cirkin cerceveyi sil */
    color: #666666 !important;
    width: auto !important;
    height: auto !important;
    transition: color 0.2s ease !important;
    box-shadow: none !important;
}
body .cart-body .shopping-cart-1 button.btn-remove:hover,
body .shopping-cart-1 .btn-remove:hover {
    background-color: transparent !important;
    color: #ff4444 !important; /* Sik kirmizi */
    transform: none !important;
}

/* 6. Adet (Miktar) Secici Kutusu */
body .shopping-cart-1 .product-quantity,
body .shopping-cart-1 .product-quantity input,
body .shopping-cart-1 .product-quantity .btn {
    background-color: transparent !important;
    color: #eaeaea !important;
    border-color: rgba(255,255,255,0.1) !important;
}
body .shopping-cart-1 .product-quantity input {
    color: #ffffff !important;
}

/* --- 28. SEPET SAYFASI (CART PAGE) KESIN TEMA COZUMU --- */

/* Tum beyaz panellerin (.p-g-mod) arka planini temizle ve seffaf yap */
body .pattern-group-p-cart .p-g-mod,
body .pattern-group-p-cart .p-g-mod-body,
body .pattern-group-p-cart .p-g-mod-header {
    background-color: transparent !important;
}

/* BASLIKLAR (Sepet Listesi, Siparis Ozeti vb.) */
body .pattern-group-p-cart .p-g-m-h-i-title {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    margin-bottom: 15px !important;
}

/* 1. Kargo Kampanya Seridi (Ustteki "Kargo Ucretsiz" kutusu) */
body .pattern-group-p-cart .shipping-info {
    background-color: #1e1c1a !important;
    border: 1px solid rgba(194, 149, 84, 0.2) !important;
    border-radius: 8px !important;
    padding: 15px !important;
}
body .pattern-group-p-cart .shipping-info .description {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* 2. Sag Taraf - Siparis Ozeti Kutulari (.col-lg-4 icindeki paneller) */
/* (Siparis ozeti, hediye ceki, tamamlama butonu kutularini kapsar) */
body .pattern-group-p-cart .col-list:last-child .p-g-mod {
    background-color: #1e1c1a !important;
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
}

/* Siparis Ozeti Tablo Yazilari */
body .pattern-group-p-cart .payment-cart-summary-1 table.summary th,
body .pattern-group-p-cart .payment-cart-summary-1 table.summary td {
    color: #eaeaea !important;
    border: none !important;
}
body .pattern-group-p-cart .payment-cart-summary-1 table.summary tr {
    border-bottom: 1px dotted rgba(255,255,255,0.1) !important;
}
body .pattern-group-p-cart .payment-cart-summary-1 .final {
    color: var(--tigger-copper) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Hediye Ceki Alani */
body .pattern-group-p-cart .voucher-code-form input.form-control {
    background-color: #151413 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}
body .pattern-group-p-cart .voucher-code-form .btn-secondary {
    background-color: #2b2825 !important;
    border-color: #2b2825 !important;
    color: #ffffff !important;
}

/* ALISVERISI TAMAMLA Butonu (Kaba yesili iptal, bakir renk) */
body .pattern-group-p-cart .payment-final-buttons-1 .btn-complete,
body .pattern-group-p-cart .btn-theme-1 {
    background-color: var(--tigger-copper) !important;
    border: none !important;
    color: #151413 !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    border-radius: 6px !important;
    padding: 15px !important;
    width: 100% !important;
    transition: background-color 0.3s ease !important;
}
body .pattern-group-p-cart .payment-final-buttons-1 .btn-complete:hover,
body .pattern-group-p-cart .btn-theme-1:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

/* 3. Sol Taraf - Sepet Urun Listesi */
body .pattern-group-p-cart .shopping-cart-1 .product-group {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-group .image img {
    border: none !important;
    border-radius: 6px !important;
}

/* Urun Adi ve Fiyati */
body .pattern-group-p-cart .shopping-cart-1 .p-info .name {
    color: #ffffff !important;
    font-weight: 500 !important;
}
body .pattern-group-p-cart .shopping-cart-1 .td-total-price .value {
    color: var(--tigger-copper) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Adet Secici (+ / - Kisimlari) */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity-type {
    color: #a0a0a0 !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-quantity {
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 4px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn {
    background-color: transparent !important;
    color: #eaeaea !important;
    border: none !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-quantity input.form-control {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

/* Cop Kutusu (Silme) Ikonu Duzeltmesi (Ana Sayfa Sepeti Icin) */
body .pattern-group-p-cart .shopping-cart-1 button.btn-remove {
    background-color: transparent !important;
    border: none !important; /* Yuvarlak cirkin gri cerceveyi sil */
    color: #666666 !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    transition: color 0.2s ease !important;
}
body .pattern-group-p-cart .shopping-cart-1 button.btn-remove:hover {
    background-color: transparent !important;
    color: #ff4444 !important;
    transform: none !important; /* Ziplama iptal */
}

/* --- 29. SEPET SAYFASI (CART PAGE) "SUPER TEMIZLIK" VE PROFESYONEL GORUNUM --- */

/* Butun kaba arka planlari, garip hap cercevelerini ve beyazliklari KOKUNDEN TEMIZLE */
body .pattern-group-p-cart .p-g-b-c-wrapper,
body .pattern-group-p-cart .p-g-b-c-inner,
body .pattern-group-p-cart .p-g-mod,
body .pattern-group-p-cart .p-g-mod-body,
body .pattern-group-p-cart .p-g-mod-header,
body .pattern-group-p-cart .free-shipping-limit {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
}
body .pattern-group-p-cart .p-g-b-c-wrapper,
body .pattern-group-p-cart .p-g-b-c-inner {
    padding: 0 !important; /* Kaba dis bosluklari yok et */
}

/* 1. Kargo Ucretsiz Seridi (Sik ve Zarif) */
body .pattern-group-p-cart .shipping-info {
    background-color: #1a1817 !important; /* Sayfa zemininden cok az farkli, asil ton */
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-radius: 6px !important;
    padding: 15px 20px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
body .pattern-group-p-cart .shipping-info .description {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* 2. Sol Taraf (Urun Listesi) Basligi */
body .pattern-group-p-cart .col-list:first-child .p-g-m-h-i-title {
    color: var(--tigger-copper) !important; /* Basliklar bakir */
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: block !important;
}

/* Sepet Urun Satirlari (Sifir kaba cizgi) */
body .pattern-group-p-cart .shopping-cart-1 .product-group {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important; /* Sadece en altta cok ince ayirici */
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-group .image {
    padding-right: 15px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-group .image img {
    border: none !important;
    border-radius: 6px !important;
}

/* Urun Adi ve Fiyati */
body .pattern-group-p-cart .shopping-cart-1 .p-info .name {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .td-total-price .value {
    color: var(--tigger-copper) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Adet Secici (+ / -) */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity {
    background-color: #1a1817 !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 4px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-quantity input.form-control {
    background-color: transparent !important;
    color: #fff !important;
}

/* Cop Kutusu (Silme Ikonu) */
body .pattern-group-p-cart .shopping-cart-1 button.btn-remove {
    background-color: transparent !important;
    border: none !important;
    color: #666666 !important;
    box-shadow: none !important;
}
body .pattern-group-p-cart .shopping-cart-1 button.btn-remove:hover {
    color: #ff4444 !important;
}

/* 3. Sag Taraf - Siparis Ozeti */
/* Sagdaki parcali, noktali cizgili tuhaf kutulari tek bir asil panele ceviriyoruz */
body .pattern-group-p-cart .col-list:last-child .p-g-b-c-inner {
    background-color: #1a1817 !important;
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-radius: 8px !important;
    padding: 25px !important;
}

/* Sag kolon basligi */
body .pattern-group-p-cart .col-list:last-child .p-g-m-h-i-title {
    color: var(--tigger-copper) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* Icindeki modullerin padding/marginlerini temizle ki kutu icinde kutu olmasin */
body .pattern-group-p-cart .col-list:last-child .p-g-mod {
    margin-bottom: 25px !important;
}
body .pattern-group-p-cart .col-list:last-child .p-g-mod:last-child {
    margin-bottom: 0 !important;
}

/* Fiyat Tablosu */
body .pattern-group-p-cart .payment-cart-summary-1 table.summary th,
body .pattern-group-p-cart .payment-cart-summary-1 table.summary td {
    color: #eaeaea !important;
    border: none !important;
    padding: 12px 0 !important;
    font-weight: 400 !important;
}
body .pattern-group-p-cart .payment-cart-summary-1 table.summary tr {
    border-bottom: 1px solid rgba(255,255,255,0.03) !important; /* Dotted yerine temiz duz cizgi */
}
body .pattern-group-p-cart .payment-cart-summary-1 table.summary tr:last-child {
    border-bottom: none !important;
}
body .pattern-group-p-cart .payment-cart-summary-1 .final {
    color: var(--tigger-copper) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Hediye Ceki Alani */
body .pattern-group-p-cart .voucher-code-form .input-group {
    display: flex !important;
}
body .pattern-group-p-cart .voucher-code-form input.form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    padding: 12px !important;
}
body .pattern-group-p-cart .voucher-code-form .btn-secondary {
    background-color: #2b2825 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-left: none !important;
    font-weight: 600 !important;
}

/* ALISVERISI TAMAMLA Butonu */
body .pattern-group-p-cart .payment-final-buttons-1 .btn-complete,
body .pattern-group-p-cart .btn-theme-1 {
    background-color: var(--tigger-copper) !important;
    border: none !important;
    color: #151413 !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    border-radius: 6px !important;
    padding: 18px !important;
    width: 100% !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.2s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
}
body .pattern-group-p-cart .payment-final-buttons-1 .btn-complete:hover,
body .pattern-group-p-cart .btn-theme-1:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

/* --- 30. SEPET SAYFASI: URUN KARTLARI AYRIMI + MIKTAR SECICI DUZELTMESI --- */

/* Urun Kartlari: Her urunu kendi kutusunda goster */
body .pattern-group-p-cart .shopping-cart-1 div[data-cart-product-id] {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 12px !important;
    transition: border-color 0.2s ease !important;
}
body .pattern-group-p-cart .shopping-cart-1 div[data-cart-product-id]:hover {
    border-color: rgba(194, 149, 84, 0.15) !important;
}

/* Kart icindeki product-group'un eski border-bottom'ini kaldir (artik kart kendisi ayiriyor) */
body .pattern-group-p-cart .shopping-cart-1 div[data-cart-product-id] .product-group {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Miktar Secici (+/-) Tam Duzeltme */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    height: 36px !important;
}

/* - ve + Butonlari */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn,
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn-minus,
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn-plus {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border: none !important;
    border-color: transparent !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease !important;
    line-height: 1 !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn:hover,
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn-minus:hover,
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn-plus:hover {
    background-color: rgba(194, 149, 84, 0.2) !important;
    color: var(--tigger-copper) !important;
}

/* Miktar Input Alani (Ortadaki sayi) */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity input.form-control,
body .pattern-group-p-cart .product-quantity input {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
    border-bottom: none !important;
    width: 40px !important;
    height: 36px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;
}
body .pattern-group-p-cart .product-quantity input:focus {
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* +/- ikonlari */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn i,
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn-minus i,
body .pattern-group-p-cart .shopping-cart-1 .product-quantity .btn-plus i {
    font-size: 11px !important;
    color: inherit !important;
}

/* "Adet" yazisi */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity-type > div:first-child {
    color: #888888 !important;
    font-size: 12px !important;
    margin-bottom: 6px !important;
}

/* --- 31. SEPET MIKTAR SECICI KESIN DUZELTME (YUKSEK SPECIFICITY) --- */

/* Ana konteyner: O koca siskin hap seklini iptal et */
body .pattern-group-p-cart .product-quantity,
body .sepet-ozet .product-quantity,
body .cart-body .product-quantity,
body .shopping-cart-1 .product-quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important; /* 20px hap seklini 4px'e dusur */
    background-color: transparent !important;
    height: 32px !important; /* 50px yerine 32px */
    overflow: hidden !important;
    padding: 0 !important;
}

/* - ve + Butonlari: Siskin kara toplardan ince, zarif butonlara */
body .pattern-group-p-cart .product-quantity .btn,
body .pattern-group-p-cart .product-quantity a.btn,
body .pattern-group-p-cart .product-quantity .btn-minus,
body .pattern-group-p-cart .product-quantity .btn-plus,
body .sepet-ozet .product-quantity .btn,
body .sepet-ozet .product-quantity a.btn,
body .cart-body .product-quantity .btn,
body .cart-body .product-quantity a.btn,
body .shopping-cart-1 .product-quantity .btn,
body .shopping-cart-1 .product-quantity a.btn {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #cccccc !important;
    border: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transition: background-color 0.2s ease !important;
}
body .pattern-group-p-cart .product-quantity .btn:hover,
body .pattern-group-p-cart .product-quantity a.btn:hover,
body .sepet-ozet .product-quantity .btn:hover,
body .cart-body .product-quantity .btn:hover,
body .shopping-cart-1 .product-quantity .btn:hover {
    background: rgba(194, 149, 84, 0.2) !important;
    color: var(--tigger-copper) !important;
}

/* +/- ikonlari */
body .pattern-group-p-cart .product-quantity .btn i,
body .sepet-ozet .product-quantity .btn i,
body .cart-body .product-quantity .btn i,
body .shopping-cart-1 .product-quantity .btn i {
    font-size: 10px !important;
    color: inherit !important;
    line-height: 1 !important;
}

/* Ortadaki sayi input alani */
body .pattern-group-p-cart .product-quantity input,
body .pattern-group-p-cart .product-quantity input.form-control,
body .sepet-ozet .product-quantity input,
body .cart-body .product-quantity input,
body .shopping-cart-1 .product-quantity input {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
    border-bottom: none !important;
    width: 36px !important;
    height: 32px !important; /* 50px yerine 32px */
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}
body .pattern-group-p-cart .product-quantity input:focus,
body .sepet-ozet .product-quantity input:focus,
body .cart-body .product-quantity input:focus,
body .shopping-cart-1 .product-quantity input:focus {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* --- 32. SEPET KUSURSUZLASTIRMA (SON DOKUNUSLAR VE INCE AYARLAR) --- */

/* Urun resminin etrafindaki o igrenc beyaz cerceveyi SIL */
body .pattern-group-p-cart .shopping-cart-1 .product-group .product .image,
body .cart-body .shopping-cart-1 .product-group .product .image {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-group .product .image img,
body .cart-body .shopping-cart-1 .product-group .product .image img {
    border-radius: 6px !important;
}

/* Urun isimleri ve fiyatlarinin hizalamasi (Daha dengeli) */
body .pattern-group-p-cart .shopping-cart-1 .product-group {
    align-items: center !important;
}
body .pattern-group-p-cart .shopping-cart-1 .p-info .name {
    font-size: 16px !important;
    letter-spacing: 0.3px !important;
}

/* "Adet" yazisinin rengini temanin gri tonuna al (mavimsi soluk rengi kaldir) */
body .pattern-group-p-cart .shopping-cart-1 .product-quantity-type,
body .cart-body .shopping-cart-1 .product-quantity-type {
    color: #888888 !important;
    font-size: 13px !important;
    margin-right: 15px !important;
}
body .pattern-group-p-cart .shopping-cart-1 .product-quantity-type div,
body .cart-body .shopping-cart-1 .product-quantity-type div {
    color: #888888 !important;
}

/* --- KUSURSUZ VE PREMIUM +/- MIKTAR SECICI --- */
/* Ana Kutucuk (Yekpare, tok ve profesyonel) */
body .pattern-group-p-cart .product-quantity,
body .sepet-ozet .product-quantity,
body .cart-body .product-quantity,
body .shopping-cart-1 .product-quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(194, 149, 84, 0.2) !important; /* Etrafi cok ince bakir */
    border-radius: 6px !important; 
    background-color: #151413 !important; /* Ortak, yekpare siyah/gri zemin */
    height: 38px !important; /* Cok dar degil, ele oturan boyut */
    overflow: hidden !important;
    padding: 0 !important;
    min-width: 110px !important; /* Butonlarin sikismasini engelle */
}

/* - ve + Butonlari (Kopuk parcalar degil, butunun parcasi) */
body .pattern-group-p-cart .product-quantity .btn,
body .pattern-group-p-cart .product-quantity a.btn,
body .cart-body .product-quantity .btn,
body .shopping-cart-1 .product-quantity .btn {
    background-color: transparent !important; /* Zemini ana kutudan aliyor */
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    width: 35px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
/* Buton hover olunca bakir rengine zarif gecis */
body .pattern-group-p-cart .product-quantity .btn:hover,
body .cart-body .product-quantity .btn:hover,
body .shopping-cart-1 .product-quantity .btn:hover {
    background-color: var(--tigger-copper) !important;
    color: #121110 !important; /* Ikon siyah/koyu oluyor */
}

/* Ortadaki Sayi Alani (Input) */
body .pattern-group-p-cart .product-quantity input,
body .cart-body .product-quantity input,
body .shopping-cart-1 .product-quantity input {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important; /* Araya belli belirsiz ince cizgi */
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    width: 40px !important;
    height: 38px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important; /* Sadece okunabilir gibi dursun */
}

/* --- 33. MIKTAR SECICI (KENAR BOSLUKLARI VE BUTON ZEMIN DUZELTMESI) --- */

body .pattern-group-p-cart .product-quantity,
body .sepet-ozet .product-quantity,
body .cart-body .product-quantity,
body .shopping-cart-1 .product-quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 110px !important; /* Net bir genislik verelim ki fazla buyumesin */
}

body .pattern-group-p-cart .product-quantity .btn,
body .pattern-group-p-cart .product-quantity a.btn,
body .cart-body .product-quantity .btn,
body .shopping-cart-1 .product-quantity .btn {
    background: transparent !important; /* Onceki arkaplani kesin olarak ez */
    background-color: transparent !important;
    flex: 1 !important; /* Yanlardaki boslugu kapatmak icin alani doldur */
    width: 100% !important; /* Flex ile tum alani doldurmasi icin */
    border-radius: 0 !important;
}

body .pattern-group-p-cart .product-quantity input,
body .cart-body .product-quantity input,
body .shopping-cart-1 .product-quantity input {
    background: transparent !important;
    background-color: transparent !important;
    width: 40px !important;
    flex-shrink: 0 !important; /* Input kuculmesin */
}

/* --- 34. ODEME ADIMI (CHECKOUT) SAYFASI PREMIUM KARANLIK TEMA --- */

/* Kaba beyaz arka planlari ve dis bosluklari yok et */
body .payment-body .p-g-b-c-wrapper,
body .payment-body .p-g-b-c-inner,
body .payment-body .p-g-mod,
body .payment-body .p-g-mod-body,
body .pattern-group-p-payment .p-g-b-c-wrapper,
body .pattern-group-p-payment .p-g-b-c-inner,
body .pattern-group-p-payment .p-g-mod {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Sol ve Sag kolonlardaki devasa beyaz panelleri Premium Siyah/Bakir Panele Cevir */
body .payment-body .col-list .p-g-b-c-inner,
body .pattern-group-p-payment .col-list .p-g-b-c-inner {
    background-color: #1a1817 !important;
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    border-radius: 8px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
}

/* Basliklar (Orn: Adres Girisi, Kargo Bilgileri, Siparis Ozeti) */
body .payment-body .p-g-m-h-i-title,
body .pattern-group-p-payment .p-g-m-h-i-title {
    color: var(--tigger-copper) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 15px !important;
    display: block !important;
}

/* Form Elemanlari (Inputlar, Selectler) */
body .payment-body .form-control,
body .pattern-group-p-payment .form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}
body .payment-body .form-control:focus,
body .pattern-group-p-payment .form-control:focus {
    border-color: var(--tigger-copper) !important;
    box-shadow: 0 0 5px rgba(194, 149, 84, 0.2) !important;
}
/* Etiketler (Ad, Soyad vb.) */
body .payment-body label,
body .pattern-group-p-payment label {
    color: #cccccc !important;
    font-weight: 500 !important;
}

/* Kargo Secenekleri (Radio buton satirlari) */
body .payment-body .shipping-list .item,
body .pattern-group-p-payment .shipping-list .item {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
}
body .payment-body .shipping-list .item label,
body .pattern-group-p-payment .shipping-list .item label {
    color: #ffffff !important;
}
body .payment-body .shipping-list .item .price,
body .pattern-group-p-payment .shipping-list .item .price {
    color: var(--tigger-copper) !important;
    font-weight: 600 !important;
}

/* Sag Taraf - Ozet Tablosu */
body .payment-body .payment-cart-summary-1 table.summary th,
body .payment-body .payment-cart-summary-1 table.summary td {
    color: #eaeaea !important;
    border: none !important;
    padding: 12px 0 !important;
}
body .payment-body .payment-cart-summary-1 table.summary tr {
    border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}
body .payment-body .payment-cart-summary-1 .final {
    color: var(--tigger-copper) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Kaba Yesil "ODEME ISLEMLERI" Butonunu Asil Bakir Butona Cevir */
body .payment-body .payment-final-buttons-1 .btn-complete,
body .payment-body .btn-theme-1,
body .pattern-group-p-payment .btn-success {
    background-color: var(--tigger-copper) !important;
    border: none !important;
    color: #151413 !important;
    font-weight: 700 !important;
    text-transform: capitalize !important; /* BUYUK HARF kaba durusu engeller */
    border-radius: 6px !important;
    padding: 18px !important;
    width: 100% !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.2s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
}
body .payment-body .payment-final-buttons-1 .btn-complete:hover,
body .payment-body .btn-theme-1:hover,
body .pattern-group-p-payment .btn-success:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

/* Alt kisimdaki faturayi farkli girmek istiyorum uyarisi arka plani */
body .payment-body .different-billing-address,
body .pattern-group-p-payment .different-billing-address {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    color: #cccccc !important;
}

/* --- 35. ODEME SAYFASI SIYAH FIYAT DUZELTMESI (YUKSEK SPECIFICITY) --- */

/* Genel Toplam'in karsisindaki siyah kalan rakami beyaza veya bakira cevir */
body .payment-body .payment-cart-summary-1 .summary tfoot .final,
body .payment-body .payment-cart-summary-1 table.summary tfoot th,
body .payment-body .payment-cart-summary-1 table.summary tfoot td,
body .pattern-group-p-payment .payment-cart-summary-1 .summary tfoot .final,
body .pattern-group-p-payment .payment-cart-summary-1 table.summary tfoot th:last-child {
    color: #ffffff !important; /* Rakamin bembeyaz okunakli olmasi icin */
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Kargo ve diger satirlardaki rakamlar da okunakli olsun */
body .payment-body .payment-cart-summary-1 table.summary th,
body .payment-body .payment-cart-summary-1 table.summary td,
body .pattern-group-p-payment .payment-cart-summary-1 table.summary th:last-child {
    color: #ffffff !important; 
}

/* --- 36. ODEME SECENEKLERI ADIMI (KREDI KARTI / HAVALE SEKMELERI) TEMA DUZELTMESI --- */

/* Kredi Karti / Havale Sekmelerinin arkasindaki o devasa beyaz arka plani KESINLIKLE kaldir */
body .payment-body .nav-tabs,
body .payment-body .nav-tabs-wrapper,
body .payment-body .tab-content,
body .payment-body .payment-methods,
body .pattern-group-p-payment .nav-tabs,
body .pattern-group-p-payment .tab-content,
body .pattern-group-p-payment .nav-item {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Sekme Basliklari (Kredi Karti, Havale / EFT Butonlari) */
body .payment-body .nav-tabs .nav-link,
body .pattern-group-p-payment .nav-tabs .nav-link {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #cccccc !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    margin-right: 10px !important;
    padding: 12px 25px !important;
    font-weight: 500 !important;
}

/* Secili (Aktif) Sekme */
body .payment-body .nav-tabs .nav-link.active,
body .pattern-group-p-payment .nav-tabs .nav-link.active {
    background-color: transparent !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: 0 0 10px rgba(194, 149, 84, 0.1) !important;
}

/* Uyari / Bilgi Kutulari (Yesil, Beyaz Indirim Yazilari) Premium Hale Getiriliyor */
body .payment-body .alert,
body .pattern-group-p-payment .alert,
body .payment-body .alert-success,
body .payment-body .alert-info,
body .payment-body .alert-warning {
    background-color: rgba(194, 149, 84, 0.1) !important; /* Hafif bakir seffaf arka plan */
    border: 1px solid rgba(194, 149, 84, 0.3) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 15px 20px !important;
    box-shadow: none !important;
}

/* Havale / EFT Banka Listesi Tablosu */
body .payment-body table.table,
body .pattern-group-p-payment table,
body .payment-body .bank-list table {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    width: 100% !important;
}
body .payment-body table.table th,
body .pattern-group-p-payment table th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: var(--tigger-copper) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: none !important;
    padding-top: 12px !important; padding-bottom: 12px !important; padding-right: 15px !important;
}
body .payment-body table.table td,
body .pattern-group-p-payment table td {
    background-color: #121110 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
    border-top: none !important;
    padding-top: 12px !important; padding-bottom: 12px !important; padding-right: 15px !important;
}

/* Kredi Karti Gorseli (Eger gri kaliyorsa filtre uygula) */
body .payment-body .credit-card-preview,
body .pattern-group-p-payment .credit-card-preview,
body .payment-body .card-wrapper {
    background: transparent !important;
}

/* --- 37. STANDART SAYFALAR VE FORMLAR (HAVALE BILDIRIMI, ILETISIM VB.) PREMIUM TEMA --- */

/* Havale Bildirimleri gibi standart sayfalardaki form inputlari */
body .pattern-group-p-pages .q-form .form-control,
body .pattern-group-p-pages .form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}
body .pattern-group-p-pages .q-form .form-control:focus,
body .pattern-group-p-pages .form-control:focus {
    border-color: var(--tigger-copper) !important;
    box-shadow: 0 0 5px rgba(194, 149, 84, 0.2) !important;
}
body .pattern-group-p-pages .q-form label.solid,
body .pattern-group-p-pages label {
    color: #cccccc !important;
    font-weight: 500 !important;
}

/* Gonder Butonu (btn-auth-primary) Siyah kalmis, Bakir rengi yapalim */
body .pattern-group-p-pages .btn-auth-primary,
body .pattern-group-p-pages .q-form button[type="submit"] {
    background-color: var(--tigger-copper) !important;
    color: #151413 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 15px !important;
    text-transform: capitalize !important;
    transition: background-color 0.2s ease !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
}
body .pattern-group-p-pages .btn-auth-primary:hover,
body .pattern-group-p-pages .q-form button[type="submit"]:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

/* Banka Hesaplarimiz Tablosu (table-modern-style) */
body .pattern-group-p-pages .bank-accounts-section,
body .pattern-group-p-pages .table-responsive {
    background: transparent !important;
}
body .pattern-group-p-pages .table-modern-style,
body .pattern-group-p-pages table.table {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    width: 100% !important;
}
body .pattern-group-p-pages .table-modern-style thead th,
body .pattern-group-p-pages table.table thead th,
body .pattern-group-p-pages .table-modern-style th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: var(--tigger-copper) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: none !important;
    padding: 15px !important;
}
body .pattern-group-p-pages .table-modern-style tbody td,
body .pattern-group-p-pages table.table tbody td,
body .pattern-group-p-pages .table-modern-style td {
    background-color: #1a1817 !important; /* Tablo ic zeminini hafif koyu gri yapalim */
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
    border-top: none !important;
    padding: 15px !important;
}
/* Banka tablosu basligi (Orn: banka_hesaplarimiz) */
body .pattern-group-p-pages .bank-accounts-section h6 {
    color: var(--tigger-copper) !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
    text-transform: capitalize !important;
}

/* Sayfa ana basliklari (Orn: Havale Bildirimleri) */
body .pattern-group-p-pages .p-g-m-h-i-title {
    color: var(--tigger-copper) !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 15px !important;
}

/* --- 38. UYE GIRIS / KAYIT OL SAYFASI PREMIUM TEMA --- */

/* Dis Cerceve (Gri cizgiyi bakira cevir ve arka plani sabitle) */
body.login-body .p-g-mod-t-4,
body.register-body .p-g-mod-t-8 {
    background-color: #1a1817 !important;
    border: 1px solid rgba(194, 149, 84, 0.15) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* Ustteki Giris Yap / Uye Ol Sekmeleri (Tabs) */
body.login-body .p-g-mod-t-4 .nav-tabs .nav-link,
body.register-body .p-g-mod-t-8 .nav-tabs .nav-link {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: #aaaaaa !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    padding: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}
body.login-body .p-g-mod-t-4 .nav-tabs .nav-item,
body.register-body .p-g-mod-t-8 .nav-tabs .nav-item {
    padding: 0 5px !important;
}

/* Aktif (Secili) Sekme */
body.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
body.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active,
body.register-body .p-g-mod-t-8 .nav-tabs .nav-item.show .nav-link,
body.register-body .p-g-mod-t-8 .nav-tabs .nav-link.active {
    background-color: transparent !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: 0 0 10px rgba(194, 149, 84, 0.15) !important;
}

/* Form Kutulari (Inputlar - Chrome Autofill Mavisini de ezmeye calisalim) */
body.login-body .p-g-mod-t-4 .form-control,
body.register-body .p-g-mod-t-8 .form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-right: 15px !important;
    height: 50px !important;
}
body.login-body .p-g-mod-t-4 .form-control:focus,
body.register-body .p-g-mod-t-8 .form-control:focus {
    border-color: var(--tigger-copper) !important;
    box-shadow: 0 0 5px rgba(194, 149, 84, 0.2) !important;
}
/* Webkit Autofill (Otomatik doldurma beyaz/mavi arkaplani karanliga uyarlama) */
body.login-body input:-webkit-autofill,
body.login-body input:-webkit-autofill:hover, 
body.login-body input:-webkit-autofill:focus, 
body.login-body input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #121110 inset !important;
    -webkit-text-fill-color: white !important;
}

/* Form Etiketleri (E-Posta Adresiniz vb.) */
body.login-body .p-g-mod-t-4 label,
body.register-body .p-g-mod-t-8 label {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

/* Giris Yap / Uye Ol Butonu (Simsiyah kalmisti, Asil Bakir yapalim) */
body.login-body .p-g-mod-t-4 .btn-success,
body.register-body .p-g-mod-t-8 .btn-success,
body.login-body .btn-auth-primary,
body.register-body .btn-auth-primary {
    background-color: var(--tigger-copper) !important;
    color: #151413 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px !important;
    height: auto !important;
    text-transform: capitalize !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
    transition: all 0.2s ease !important;
}
body.login-body .p-g-mod-t-4 .btn-success:hover,
body.register-body .p-g-mod-t-8 .btn-success:hover,
body.login-body .btn-auth-primary:hover,
body.register-body .btn-auth-primary:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

/* Sifremi Unuttum Linki */
body.login-body .forgot-password-link {
    color: #aaaaaa !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
body.login-body .forgot-password-link:hover {
    color: var(--tigger-copper) !important;
}

/* --- 39. UYE GIRIS / KAYIT OL SAYFASI KESIN COZUM --- */

/* Dis Cerceve */
body.login-body .p-g-mod-base-content,
body.register-body .p-g-mod-base-content,
.pattern-group-p-login .p-g-mod-base-content {
    background-color: #1a1817 !important;
    border: 1px solid rgba(194, 149, 84, 0.15) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* Ustteki Giris Yap / Uye Ol Sekmeleri (Tabs) */
body.login-body .nav-tabs .nav-link,
body.register-body .nav-tabs .nav-link,
.pattern-group-p-login .nav-tabs .nav-link {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #aaaaaa !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    padding: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

/* Aktif (Secili) Sekme */
body.login-body .nav-tabs .nav-link.active,
body.register-body .nav-tabs .nav-link.active,
.pattern-group-p-login .nav-tabs .nav-link.active {
    background: transparent !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: 0 0 10px rgba(194, 149, 84, 0.15) !important;
}

/* Form Kutulari (Inputlar) */
body.login-body .form-control,
body.register-body .form-control,
.pattern-group-p-login .form-control {
    background: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding-top: 12px !important; padding-bottom: 12px !important; padding-right: 15px !important;
    height: 50px !important;
}
body.login-body .form-control:focus,
body.register-body .form-control:focus,
.pattern-group-p-login .form-control:focus {
    border-color: var(--tigger-copper) !important;
    box-shadow: 0 0 5px rgba(194, 149, 84, 0.2) !important;
}

/* Form Etiketleri */
body.login-body label,
body.register-body label,
.pattern-group-p-login label {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

/* Giris Yap / Uye Ol Butonu (BAKIR RENGINE ZORLAMA) */
body.login-body button[type="submit"].btn-success,
body.register-body button[type="submit"].btn-success,
.pattern-group-p-login button[type="submit"] {
    background: var(--tigger-copper) !important;
    color: #151413 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px !important;
    height: auto !important;
    text-transform: capitalize !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
    transition: all 0.2s ease !important;
}
body.login-body button[type="submit"].btn-success:hover,
body.register-body button[type="submit"].btn-success:hover,
.pattern-group-p-login button[type="submit"]:hover {
    background: #d1a565 !important;
    color: #151413 !important;
}

/* Sifremi Unuttum Linki */
body.login-body .forgot-password-link,
.pattern-group-p-login .forgot-password-link {
    color: #aaaaaa !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
body.login-body .forgot-password-link:hover,
.pattern-group-p-login .forgot-password-link:hover {
    color: var(--tigger-copper) !important;
}

/* --- 40. UYE OL (KAYIT) SAYFASI BEYAZLIKLARI KESIN OLARAK SILME --- */

/* Tum muhtemel beyaz arka plan tasiyan tasiyicilari siyah yap */
body.register-body .p-g-b-c-wrapper,
body.register-body .p-g-b-c-inner,
body.register-body .p-g-mod-base-content,
body.register-body .pattern-group-p-pages .p-g-b-c-inner {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Sadece ana formu barindiran kutuyu premium panele cevir */
body.register-body .p-g-mod-base-content {
    background-color: #1a1817 !important;
    border: 1px solid rgba(194, 149, 84, 0.15) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* Yeni Uyelik Basligi */
body.register-body .p-g-m-h-i-title {
    color: var(--tigger-copper) !important;
}

/* Sekmeler (Giris Yap / Uye Ol) */
body.register-body .nav-tabs .nav-link,
body.register-body .nav-tabs .nav-item {
    background-color: transparent !important;
    background: transparent !important;
}
body.register-body .nav-tabs .nav-link {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #aaaaaa !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    padding: 15px !important;
    font-weight: 500 !important;
}
body.register-body .nav-tabs .nav-link.active,
body.register-body .nav-tabs .nav-item.show .nav-link {
    background: transparent !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: 0 0 10px rgba(194, 149, 84, 0.15) !important;
}

/* Kayit Formu Inputlari */
body.register-body .form-control {
    background-color: #121110 !important;
    background: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    height: 50px !important;
}
body.register-body .form-control:focus {
    border-color: var(--tigger-copper) !important;
    box-shadow: 0 0 5px rgba(194, 149, 84, 0.2) !important;
}

/* Checkbox (Onay kutulari) yazilari */
body.register-body .q-form-group.checkbox label {
    color: #cccccc !important;
    font-size: 14px !important;
}
/* Kayit Ol Butonu */
body.register-body button[type="submit"].btn-success,
body.register-body .btn-auth-primary {
    background-color: var(--tigger-copper) !important;
    background: var(--tigger-copper) !important;
    color: #151413 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px !important;
    text-transform: capitalize !important;
}
body.register-body button[type="submit"].btn-success:hover,
body.register-body .btn-auth-primary:hover {
    background-color: #d1a565 !important;
    background: #d1a565 !important;
}

/* --- 41. UYE GIRIS / KAYIT OL HATA DUZELTMELERI (SEKMELER VE TELEFON) --- */

/* 1. Telefon Numarasi (intl-tel-input) Kirilmasini Duzeltme */
/* Onceki !important padding degerimiz bayrak eklentisini bozdugu icin telefon inputuna ozel padding veriyoruz */
body.register-body .iti input[type="tel"],
body.login-body .iti input[type="tel"],
.pattern-group-p-login .iti input[type="tel"] {
    padding-left: 85px !important;
}
/* Bayragin yanindaki +90 yazisinin rengini siyah yerine beyaz yapiyoruz */
body.register-body .iti__selected-dial-code,
body.login-body .iti__selected-dial-code,
.pattern-group-p-login .iti__selected-dial-code {
    color: #ffffff !important;
}
/* Bayrak container'inin zeminini ve hover durumunu temaya uydur */
body.register-body .iti__flag-container:hover .iti__selected-flag,
body.login-body .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(255,255,255,0.05) !important;
}

/* 2. Giris Yap / Uye Ol Sekmelerini Premium (Segmented Control) Tasarima Cevir */
/* Sekmelerin disindaki ul/nav kutusunu tek parca bir kapsayici yap */
body.login-body .nav-tabs,
body.register-body .nav-tabs,
.pattern-group-p-login .nav-tabs {
    background-color: #121110 !important;
    border-radius: 10px !important;
    padding: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: flex !important;
    margin-bottom: 30px !important;
}
/* Li / Nav-item elemanlarini esit dagit */
body.login-body .nav-tabs .nav-item,
body.register-body .nav-tabs .nav-item,
.pattern-group-p-login .nav-tabs .nav-item {
    flex: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Icerdeki tiklanabilir Linklerin standart hali */
body.login-body .nav-tabs .nav-link,
body.register-body .nav-tabs .nav-link,
.pattern-group-p-login .nav-tabs .nav-link {
    background: transparent !important;
    color: #888888 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 10px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    width: 100% !important;
    box-shadow: none !important;
}
/* Aktif olan sekmenin ozel, yukseltilmis hali */
body.login-body .nav-tabs .nav-link.active,
body.register-body .nav-tabs .nav-link.active,
.pattern-group-p-login .nav-tabs .nav-link.active {
    background-color: #1a1817 !important;
    color: var(--tigger-copper) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
    border: 1px solid rgba(194, 149, 84, 0.2) !important;
}




/* --- 42. GIRIS YAP / UYE OL SEKME (TAB) BUTONLARI SON DUZENLEMESI --- */
body.login-body .nav-tabs,
body.register-body .nav-tabs,
.pattern-group-p-login .nav-tabs {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    gap: 15px !important; /* Butonlarin arasini acar */
    margin-bottom: 30px !important;
    padding: 0 !important;
}

body.login-body .nav-tabs .nav-link,
body.register-body .nav-tabs .nav-link,
.pattern-group-p-login .nav-tabs .nav-link {
    background: #121110 !important;
    color: #888888 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    padding: 18px 20px !important; /* Yukseklik epey arttirildi */
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    width: 100% !important; 
    flex: 1 !important;
    height: auto !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

body.login-body .nav-tabs .nav-link.active,
body.register-body .nav-tabs .nav-link.active,
.pattern-group-p-login .nav-tabs .nav-link.active {
    background: #1a1817 !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
}



/* --- 43. GIRIS YAP / UYE OL SEKME (TAB) KESIN COZUM --- */

/* Parent Container */
body.login-body nav .nav.nav-tabs,
body.register-body nav .nav.nav-tabs,
.pattern-group-p-login nav .nav.nav-tabs {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    flex-direction: row !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* Tum butonlarin (aktif ve pasif) ortak, ezilemez ozellikleri */
body.login-body nav .nav.nav-tabs a.nav-item.nav-link,
body.register-body nav .nav.nav-tabs a.nav-item.nav-link,
.pattern-group-p-login nav .nav.nav-tabs a.nav-item.nav-link {
    display: block !important;
    background: #121110 !important;
    color: #888888 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    
    /* Yuksekligi belirleyen net padding degerleri */
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    flex: 1 !important;
    height: auto !important;
    min-height: 55px !important; /* Zorunlu minimum yukseklik */
    max-height: none !important;
    line-height: 1.2 !important; /* Yazi ile cercevenin icindeki orani duzeltir */
    box-sizing: border-box !important;
    box-shadow: none !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* Sadece ilk butona sagdan bosluk vererek aralarini aciyoruz (Gap calismazsa diye) */
body.login-body nav .nav.nav-tabs a.nav-item.nav-link:first-child,
body.register-body nav .nav.nav-tabs a.nav-item.nav-link:first-child,
.pattern-group-p-login nav .nav.nav-tabs a.nav-item.nav-link:first-child {
    margin-right: 15px !important;
}

/* Aktif (Secili) Buton */
body.login-body nav .nav.nav-tabs a.nav-item.nav-link.active,
body.register-body nav .nav.nav-tabs a.nav-item.nav-link.active,
.pattern-group-p-login nav .nav.nav-tabs a.nav-item.nav-link.active {
    background: #1a1817 !important;
    color: var(--tigger-copper) !important;
    border: 1px solid var(--tigger-copper) !important;
    box-shadow: 0 4px 15px rgba(194, 149, 84, 0.15) !important;
}



/* --- 44. DESKTOP HEADER MENU ARALIKLARI VE AYIRICI CIZGILER --- */
header.desktop .mega-menu ul.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* Linkleri esnek (flex) yapip yan yana diziyoruz */
header.desktop .mega-menu ul.navbar-nav > li.nav-item {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

/* Menu elemanlarinin arasina sik bir dikey cizgi (ayirici) ekliyoruz */
header.desktop .mega-menu ul.navbar-nav > li.nav-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 16px !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Cizgilerle arayi acmak icin sagdan ve soldan bosluk birakiyoruz */
header.desktop .mega-menu ul.navbar-nav > li.nav-item > a.nav-link {
    padding-left: 20px !important; 
    padding-right: 20px !important;
    transition: color 0.3s ease !important;
    display: inline-block !important; /* Dikey cizgiyi kaydirmamasi icin */
}

/* Ilk elemanin sol boslugunu siliyoruz ki logoyla hizasi bozulmasin */
header.desktop .mega-menu ul.navbar-nav > li.nav-item:first-child > a.nav-link {
    padding-left: 0 !important;
}

header.desktop .mega-menu ul.navbar-nav > li.nav-item > a.nav-link:hover {
    color: var(--tigger-copper) !important;
}



/* --- 45. KATEGORI FILTRE BUTONLARI BEYAZ KOSE HATASI DUZELTMESI --- */

/* Filtre butonlarini tutan kutularin arkasinda kalan ve koselerden siritan gizli beyazligi yok ediyoruz */
.pattern-group .p-g-mod-t-26,
.pattern-group .p-g-mod-t-26 .p-g-mod-body,
.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Butonun etrafindaki varsayilan (hayalet) kenarliklari ve golgeleri siliyoruz */
.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn {
    border: none !important; 
    outline: none !important;
    box-shadow: none !important;
    background: #000000 !important;
    color: var(--tigger-copper) !important;
    border-radius: 30px !important; /* Pill gorunumu */
    padding: 10px 25px !important;
    font-weight: 500 !important;
    -webkit-appearance: none !important;
}

.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn:hover {
    background: #1a1817 !important;
    color: var(--tigger-copper) !important;
}



/* --- 46. MEGA MENU ALT KATEGORI BOSLUK DUZELTMESI --- */
body .mega-menu-left .sub-cat {
    margin-bottom: 5px !important;
}



/* --- 47. ANASAYFA BAKIR URUNLER TANITIM BLOGU --- */
.copper-promo-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #0d0c0b;
    border-radius: 20px;
    padding: 60px;
    margin: 60px 0;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    border: 1px solid rgba(194, 149, 84, 0.1);
}

.copper-promo-left {
    flex: 1 1 50%;
    padding-right: 50px;
}

.copper-promo-left h2 {
    color: var(--tigger-copper);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.copper-promo-left p {
    color: #a0a0a0;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.copper-promo-btn {
    display: inline-block;
    background: var(--tigger-copper);
    color: #121110 !important;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(194, 149, 84, 0.3);
}

.copper-promo-btn:hover {
    background: #e6b772;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(194, 149, 84, 0.5);
    color: #000 !important;
}

.copper-promo-right {
    flex: 1 1 50%;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    cursor: zoom-in;
}

/* Mercek / Yakinlasma Efekti (Zoom) */
.copper-promo-right img {
    width: 100%;
    height: auto;
    display: block;
    /* transform-origin js ile anlik degisecegi icin sadece transform'a animasyon veriyoruz */
    transition: transform 0.3s ease-out;
    transform-origin: center center;
}

/* Mobil Uyumluluk */
@media (max-width: 991px) {
    .copper-promo-section {
        flex-direction: column;
        padding: 30px;
    }
    .copper-promo-left {
        padding-right: 0;
        margin-bottom: 40px;
        text-align: center;
    }
    .copper-promo-right {
        width: 100%;
    }
}



/* --- 48. ANASAYFA TANITIM BLOGU KUCULTME --- */
.copper-promo-section {
    padding: 30px 40px !important; /* Dis bosluklari daralttik */
    margin: 40px 0 !important;
}

.copper-promo-right {
    max-height: 380px !important; /* Gorsel alaninin yuksekligini sinirlandirdik */
    border-radius: 12px !important;
}

.copper-promo-right img {
    height: 100% !important;
    min-height: 380px !important;
    object-fit: cover !important; /* Resmin orantisini bozmadan alana sigdirir */
}

.copper-promo-left {
    padding-right: 40px !important;
}

.copper-promo-left h2 {
    font-size: 30px !important;
    margin-bottom: 15px !important;
}

.copper-promo-left p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important; /* Paragraflar arasi bosluk */
}

.copper-promo-btn {
    padding: 12px 30px !important;
    font-size: 15px !important;
    margin-top: 10px !important;
}



/* --- 49. ANASAYFA TANITIM BLOGU - ARKA PLAN VE GORSEL TAM GORUNUM DUZELTMESI --- */
.copper-promo-section {
    background: #1a1817 !important; /* Tam siyah yerine yumusak, luks koyu gri-kahve */
    border: 1px solid rgba(194, 149, 84, 0.15) !important;
}

.copper-promo-left {
    flex: 1 1 55% !important; /* Sol tarafa (yazilara) daha fazla alan ayirdik */
    padding-right: 40px !important;
}

.copper-promo-right {
    flex: 0 0 40% !important; /* Gorsel alanini daralttik ki yuksekligi de orantili olarak azalsin */
    max-width: 400px !important; /* Gorselin cok devasa olmasini engeller */
    max-height: none !important; /* Yukseklik kisitlamasini kaldirdik ki gorsel kirpilmasin */
    aspect-ratio: 1 / 1 !important; /* Gorsel kutusunu kare yapiyoruz (Gorselimiz 600x600 oldugu icin) */
    margin: 0 auto !important;
}

.copper-promo-right img {
    width: 100% !important;
    height: 100% !important;
    min-height: auto !important;
    object-fit: contain !important; /* Gorselin HICBIR YERINI KIRPMADAN oldugu gibi icine sigdirir */
    border-radius: 12px !important;
}



/* --- 50. ANASAYFA TANITIM BLOGU PROFESYONEL TASARIM --- */
.copper-promo-section {
    background: transparent !important; /* Arka plan tamamen kaldirildi, siteyle butunlesti */
    border: none !important;
    box-shadow: none !important;
    padding: 20px 0 !important; /* Kutu gorunumu iptal edildi */
    margin: 80px 0 !important;
    align-items: center !important;
}

.copper-promo-left {
    flex: 1 1 40% !important; /* Yazi alanini %40'a cektik */
    padding-right: 60px !important;
}

.copper-promo-right {
    flex: 1 1 60% !important; /* Gorsele %60'lik devasa bir alan verdik */
    max-width: none !important; /* Sinirlari kaldirdik */
    aspect-ratio: auto !important;
}

.copper-promo-right img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 20px !important; /* Modern, yumusak koseler */
    box-shadow: 0 25px 50px rgba(0,0,0,0.5) !important; /* Derinlik hissi veren luks golge */
}

/* Yazilari daha zarif ve editoryal bir havaya sokuyoruz */
.copper-promo-left h2 {
    font-size: 44px !important;
    font-weight: 300 !important; /* Ince ve zarif baslik */
    letter-spacing: -1px !important;
    margin-bottom: 25px !important;
    line-height: 1.1 !important;
}

.copper-promo-left h2 strong {
    font-weight: 700 !important; /* Vurgulanan kelimeler kalin */
}

.copper-promo-left p {
    font-size: 17px !important;
    color: #b0b0b0 !important;
    font-weight: 300 !important; /* Daha ince ve modern okuma metni */
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
}

.copper-promo-left p strong {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.copper-promo-btn {
    padding: 15px 40px !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}



/* --- 51. ANASAYFA TANITIM BLOGU - 600x600 GORSEL SABITLEME --- */
.copper-promo-left {
    flex: 1 1 calc(100% - 650px) !important; /* 600px gorsel + 50px bosluk hesabi */
    padding-right: 50px !important;
}

.copper-promo-right {
    flex: 0 0 600px !important; /* Genislik net 600px */
    width: 600px !important;
    height: 600px !important; /* Yukseklik net 600px */
    max-width: 100% !important; /* Mobilde ekrandan tasmamasi icin */
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

.copper-promo-right img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 600x600'luk kareyi tam doldurur */
}

/* Mobilde alt alta duzgun dusmesi icin kucuk ekran ayari */
@media (max-width: 991px) {
    .copper-promo-left {
        flex: 1 1 100% !important;
        padding-right: 0 !important;
        margin-bottom: 40px !important;
    }
    .copper-promo-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        height: auto !important;
    }
}



/* --- 52. .BAKIR CLASS'I ICIN YENI PROFESYONEL ARKA PLAN VE YAPI --- */
.bakir {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    /* Cok luks, koyu ve zengin bir bakir-kahve degradeli (gradient) arka plan */
    background: linear-gradient(135deg, #14100c 0%, #0a0806 100%) !important;
    border-radius: 24px !important; /* Cok modern, yumusak bir kavis */
    padding: 30px !important;
    margin: 60px 0 !important;
    border: 1px solid rgba(194, 149, 84, 0.12) !important; /* Incecik, zarif bir bakir cerceve */
    box-shadow: 0 25px 60px rgba(0,0,0,0.6) !important; /* Derinlik katan premium golge */
}

/* Mobilde alt alta dusmesi icin kalkan */
@media (max-width: 991px) {
    .bakir {
        flex-direction: column !important;
        padding: 20px !important;
    }
}



/* --- 53. .BAKIR CLASS'I ICIN ARKA PLAN IPTALI VE UST BOSLUK DUZELTMESI --- */
.bakir {
    background: transparent !important; /* Farkli arka plan tamamen iptal edildi */
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important; /* Ustteki takribi 80px'lik devasa bosluk tamamen silindi */
    padding-top: 0 !important;
}



/* --- 54. .BAKIR CLASS'I ICIN SABIT ARKA PLAN RENGI (GRADIENT IPTALI) --- */
.bakir {
    background: #151210 !important; /* Gecis (gradient) veya saydam degil, sik ve tok bir koyu kahve/siyah duz renk */
    border-radius: 20px !important;
    padding: 30px !important;
    margin-top: 0 !important; /* Ustteki 80px fazlalik bosluk iptali korundu */
    border: 1px solid rgba(194, 149, 84, 0.1) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.5) !important;
}



/* --- 55. .BAKIR CLASS'I ICIN KESIN COZUM (GRADIENT GERI GELDI VE -80PX BOSLUK KAPATMA) --- */
.bakir {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    background: linear-gradient(135deg, #14100c 0%, #0a0806 100%) !important; /* Luks gradient arka plan geri getirildi */
    border-radius: 24px !important;
    padding: 30px !important;
    /* Sitenin kendi temasindan gelen 80px'lik gizli boslugu ZORLA kapatmak icin eksi (-) margin kullaniyoruz */
    margin-top: -80px !important; 
    margin-bottom: 60px !important;
    border: 1px solid rgba(194, 149, 84, 0.12) !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.6) !important;
    position: relative !important;
    z-index: 10 !important;
}

@media (max-width: 991px) {
    .bakir {
        flex-direction: column !important;
        padding: 20px !important;
        margin-top: -40px !important; /* Mobilde de boslugu kapatir */
    }
}





/* --- 56. SARI DOKUM BOLUMU DUZENLEMESI --- */
/* Container (.sari) bolumleri ayirmak icin arka plan alir */
.sari {
    background-color: #151210 !important;
    padding: 60px 0 !important;
    overflow: visible !important;
}

/* Icindeki .bakir HTML blogunun kendi arka plani olmayacak, seffaf kalacak */
.sari .bakir {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}



/* --- 57. MOBIL UYUMLULUK DUZELTMELERI --- */
@media (max-width: 991px) {
    /* Bakir ve Sari Dokum bolum basliklari mobilde kuculsun */
    .copper-promo-left h2 {
        font-size: 28px !important;
        letter-spacing: 0 !important;
    }

    /* Paragraf metni mobilde biraz daha kucuk */
    .copper-promo-left p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Buton mobilde biraz daha kucuk */
    .copper-promo-btn {
        padding: 10px 25px !important;
        font-size: 14px !important;
    }

    /* Sari dokum container mobilde daha az padding */
    .sari {
        padding: 30px 0 !important;
    }

    /* Sari dokum icindeki bakir blogunun mobilde negatif margin almamasi */
    .sari .bakir {
        margin-top: 0 !important;
        padding: 15px !important;
    }

    /* Gorsel 600x600 sabitlemeyi mobilde iptal et, tam genislik yap */
    .copper-promo-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .copper-promo-right img {
        width: 100% !important;
        height: auto !important;
        max-height: 400px !important;
        object-fit: cover !important;
    }
}



/* --- 58. MOBIL HEADER BORDER KALDIRMA VE IKON RENKLERI --- */
@media (max-width: 991px) {
    /* Header alt cizgisini (border) kaldir */
    header.mobile,
    header.mobile .header-container,
    header.mobile .h-center {
        border-bottom: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Tum header ikonlarini koyu kahverengi yap */
    header.mobile .icon-group i,
    header.mobile .btn-sidebar-menu i,
    header.mobile .searchToggle i,
    header.mobile .bar-cart i,
    header.mobile .header-bar .bar-link i {
        color: #6B4226 !important;
    }

    /* Sepet ikonu yanindaki badge (adet sayisi) da uyumlu olsun */
    header.mobile .bar-cart .badge,
    header.mobile .bar-cart .cart-count {
        background-color: #6B4226 !important;
        color: #fff !important;
    }
}



/* --- 59. MOBIL HEADER YUKSEKLIK, LOGO BUYUTME VE MENU IKONU IYILESTIRME --- */
@media (max-width: 991px) {
    /* Header alaninin yuksekligini artir */
    header.mobile {
        height: 72px !important;
        padding: 0 8px !important;
    }

    /* Logoyu buyut */
    header.mobile .logo img {
        height: 52px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* Hamburger menu ikonu - daha buyuk ve zarif */
    header.mobile .btn-sidebar-menu {
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 10px !important;
        background: rgba(107, 66, 38, 0.08) !important;
        transition: background 0.3s ease !important;
    }

    header.mobile .btn-sidebar-menu:active {
        background: rgba(107, 66, 38, 0.18) !important;
    }

    header.mobile .btn-sidebar-menu i {
        font-size: 22px !important;
        color: #6B4226 !important;
    }

    /* Sag taraftaki ikonlar da biraz buyusun */
    header.mobile .icon-group i {
        font-size: 23px !important;
    }
}



/* --- 60. MOBIL SIDEBAR MENU RENK VE STIL DUZELTMESI --- */

/* Ana menu paneli - koyu arka plan, kose 0 */
.sidebar-menu-type-2 {
    background: #1a1714 !important;
    border-radius: 0 !important;
    color: #e8e6e3 !important;
}

/* Menu baslik alani (HESABIM | CIKIS YAP) */
.sidebar-menu-type-2 .title {
    background: #0f0d0b !important;
    color: #e8e6e3 !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.15) !important;
}

.sidebar-menu-type-2 .title .btn-close,
.sidebar-menu-type-2 .title a {
    color: #e8e6e3 !important;
}

/* Ust bar alani (HESABIM, CIKIS YAP linkleri) */
.sidebar-menu-type-2 .title-alt {
    background: rgba(194, 149, 84, 0.08) !important;
    color: #c2954e !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.12) !important;
}

.sidebar-menu-type-2 .title-alt a {
    color: #c2954e !important;
}

/* Logo alani */
.sidebar-menu-type-2 .logo-area {
    background: transparent !important;
    border-bottom: 1px solid rgba(194, 149, 84, 0.1) !important;
}

/* Kategori listesi */
.sidebar-menu-type-2 .categories ul {
    background: transparent !important;
}

/* Kategori ogeleri */
.sidebar-menu-type-2 .categories ul li {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Kategori linkleri */
.sidebar-menu-type-2 .categories ul li a {
    color: #e8e6e3 !important;
    font-weight: 500 !important;
}

.sidebar-menu-type-2 .categories ul li a:hover,
.sidebar-menu-type-2 .categories ul li a:active {
    color: #c2954e !important;
    background: rgba(194, 149, 84, 0.06) !important;
}

/* Sag ok ikonlari */
.sidebar-menu-type-2 .categories ul li a .icon {
    color: #c2954e !important;
}

/* Alt kategori linkleri */
.sidebar-menu-type-2 .categories ul .multi li a {
    color: #b0aca7 !important;
}

/* Arama alani varsa */
.sidebar-menu-type-2 .search-box input {
    background: #2b2825 !important;
    border: 1px solid rgba(194, 149, 84, 0.2) !important;
    color: #e8e6e3 !important;
    border-radius: 0 !important;
}

/* Linkler alani */
.sidebar-menu-type-2 .links a {
    color: #e8e6e3 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.sidebar-menu-type-2 .links a i {
    color: #c2954e !important;
}

/* Scrollbar */
.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar-thumb {
    background: #6B4226 !important;
}

/* Kapat (X) butonu */
.sidebar-menu-type-2 .btn-close {
    color: #c2954e !important;
}


/* ==========================================================================
   BOLGE 3 - TASARIM GUCLENDIRME KATMANI
   Mevcut koyu-bakir yonu degistirmez, rafine eder.
   Yorumlarda Turkce karakter YOKTUR - panel encoding'i bozmasin diye.
   ========================================================================== */


/* --- 3.1 TOKEN TAMAMLAMA -------------------------------------------------
   Bolge 2 rgba(194,149,84,...) degerini her yerde elle yaziyor.
   Burada tek kaynak haline getiriyoruz + eksik olcekleri tanimliyoruz. */
:root {
    --tg-copper-rgb: 194, 149, 84;

    /* Bakir tonlari */
    --tg-copper-12: rgba(var(--tg-copper-rgb), 0.12);
    --tg-copper-20: rgba(var(--tg-copper-rgb), 0.20);
    --tg-copper-40: rgba(var(--tg-copper-rgb), 0.40);

    /* Yukselti - koyu temada sicak govdeli golge, saf siyah degil */
    --tg-elev-1: 0 2px 8px rgba(8, 6, 4, 0.45);
    --tg-elev-2: 0 8px 24px rgba(8, 6, 4, 0.55);
    --tg-elev-3: 0 18px 44px rgba(8, 6, 4, 0.62);
    --tg-glow:   0 12px 34px rgba(var(--tg-copper-rgb), 0.18);

    /* Hareket egrileri */
    --tg-ease:      cubic-bezier(0.22, 1, 0.36, 1);
    --tg-ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}


/* --- 3.2 ODAK SISTEMI ----------------------------------------------------
   Dosyada 8 yerde "outline: none" var ve hic :focus-visible yok.
   Klavye kullanicisi icin gorunur odak halkasi. Fare tiklamasinda cikmaz. */
body *:focus-visible {
    outline: 2px solid var(--tigger-copper, #c29554) !important;
    outline-offset: 3px !important;
    border-radius: 4px;
}

body a:focus-visible,
body button:focus-visible,
body .btn:focus-visible,
body .bar-link:focus-visible,
body .nav-link:focus-visible {
    outline-offset: 4px !important;
}

body .card-product a:focus-visible {
    outline-offset: 2px !important;
    border-radius: 12px;
}

/* Form alanlari: halka yerine bakir kenar + hafif parilti */
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body .form-control:focus-visible {
    outline: none !important;
    border-color: var(--tigger-copper, #c29554) !important;
    box-shadow: 0 0 0 3px var(--tg-copper-20) !important;
}


/* --- 3.3 SAYFA KAYDIRMA CUBUGU ------------------------------------------
   Site koyu ama ana kaydirma cubugu tarayici varsayilani (acik) kaliyordu. */
html {
    scrollbar-width: thin;
    scrollbar-color: #6b5535 #1a1817;
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background: #1a1817;
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: #5c4a30;
    border: 3px solid #1a1817;
    border-radius: 8px;
}

body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
    background: var(--tigger-copper, #c29554);
}


/* --- 3.4 YERLESIM KARARLILIGI (CLS) --------------------------------------
   Urun gorsellerinin hicbirinde width/height niteligi yok; yuklenene kadar
   kutu yuksekligi 0 olup sayfa zipliyor. Kare oran rezerve ediyoruz. */
body .card-product .image-wrapper img,
body .card-product .image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
}


/* --- 3.5 TIPOGRAFI RAFINASYONU ------------------------------------------- */

/* Fiyatlar: tabular rakam -> rakamlar esit genislikte, kolon halinde hizalanir */
body .sale-price,
body .list-price,
body .price,
body .discount,
body .prices {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* Basliklarda dengeli satir kirilmasi (tek kelime alta dusmesin) */
body h1, body h2, body h3,
body .p-g-mod-title,
body .title-special {
    text-wrap: balance;
}

/* Baslik kapsayicisi: Bolge 1'de "height: 40px" sabit verilmis (mobilde 45px).
   Icindeki baslik 42px + 15px ust/alt margin = 72px yer istiyor; flex kutu
   justify-content:center ile tasan icerigi ortaliyor ve marginler yutuluyor.
   Sonuc: baslik gorselin dibine yapisiyordu (olculen bosluk -1px).
   Yuksekligi icerige birakiyoruz. */
body .card-product .card-product-inner .c-p-i-info,
.home-body .card-product .card-product-inner .c-p-i-info {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Urun basligi: 2 satir rezerve + tasma korumasi + dikey ritim.
   3 satirlik bir urun adi gelirse kart duzenini bozmaz. */
body .card-product .title-special,
.home-body .card-product .title-special {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 42px;
    margin-top: 14px !important;    /* gorsel ile baslik arasi */
    margin-bottom: 10px !important; /* baslik ile fiyat arasi */
}

/* Fiyat blogu da sabit 50px yerine icerige gore yukselsin */
body .card-product .price-group,
.home-body .card-product .price-group {
    margin-top: 0 !important;
    min-height: 46px !important;
    height: auto !important;
}


/* --- 3.6 URUN KARTI MIKRO ETKILESIMI -------------------------------------
   Mevcut davranis korunuyor (yukari kalkma + bakir golge), sadece
   egri, golge tonu ve gorsel yakinlasmasi rafine ediliyor. */
body .card-product .card-product-inner {
    box-shadow: var(--tg-elev-1) !important;
    transition:
        transform 0.45s var(--tg-ease),
        box-shadow 0.45s var(--tg-ease),
        border-color 0.45s var(--tg-ease) !important;
    will-change: transform;
}

body .card-product:hover .card-product-inner {
    box-shadow: var(--tg-elev-3), var(--tg-glow) !important;
    border-color: var(--tg-copper-40) !important;
}

/* Gorsel kutusu icinde yumusak yakinlasma (kutu overflow:hidden) */
body .card-product .image-wrapper {
    overflow: hidden;
}

body .card-product .image-wrapper img {
    transition: transform 0.7s var(--tg-ease) !important;
}

body .card-product:hover .image-wrapper img {
    transform: scale(1.05) !important;
}


/* --- 3.7 BUTON DOKUNSAL GERI BILDIRIMI -----------------------------------
   Basili tutma durumu tanimli degildi; tiklama hissi yoktu. */
body .btn-cart:active,
body .btn-fast-buy:active,
body .btn-wp:active,
body .product-buttons .btn:active,
body .btn-complete:active {
    transform: translateY(1px) scale(0.995) !important;
    transition-duration: 0.06s !important;
}


/* --- 3.8 HAREKET ERISILEBILIRLIGI ----------------------------------------
   Dosyada hic prefers-reduced-motion kurali yoktu.
   Isletim sisteminde hareket azaltma acik olan kullanicilar icin. */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    body .card-product:hover .card-product-inner,
    body .card-product:hover .image-wrapper img {
        transform: none !important;
    }
}


/* --- 3.9 SAYFA BASLIGI + BREADCRUMB ALANI --------------------------------
   Yapi farki: kategori sayfasinda nav.breadcrumb-wrapper icinde h1 + ol
   birlikte (baslik ustte, breadcrumb altta); urun detayda sadece ol var.
   Ikisini de tek kural setiyle karsiliyoruz.
   Bolge 2'deki "13. BREADCRUMB" blogunu bilerek eziyoruz. */

body .breadcrumb-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 2px 0 20px !important;
    margin: 0 0 24px !important;
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
    position: relative !important;
}

/* Alt cizginin uzerine oturan kisa bakir vurgu */
body .breadcrumb-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 64px;
    height: 2px;
    background: linear-gradient(90deg,
        var(--tigger-copper, #c29554) 0%,
        rgba(var(--tg-copper-rgb), 0) 100%);
}

/* Breadcrumb DOM'da h1'den SONRA geliyor; flex order ile basligin ustune
   aliyoruz. Standart hiyerarsi: once yol, sonra sayfa basligi. */
body .breadcrumb-wrapper .breadcrumb {
    order: -1 !important;
}

/* Sayfa basligi (kategori sayfasi h1) */
body .breadcrumb-wrapper h1 {
    margin: 0 !important;
    font-size: clamp(22px, 2.6vw, 32px) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    color: #f5f2ee !important;
}

/* Breadcrumb: kucuk, harf araligi acik, sessiz */
body .breadcrumb {
    gap: 0 !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    text-transform: uppercase !important;
}

body .breadcrumb .breadcrumb-item {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
}

body .breadcrumb .breadcrumb-item a,
body .breadcrumb .breadcrumb-item span {
    color: #8c837b !important;
    transition: color 0.25s ease !important;
}

body .breadcrumb .breadcrumb-item a:hover,
body .breadcrumb .breadcrumb-item a:hover span {
    color: var(--tigger-copper, #c29554) !important;
}

/* Ayirici ok - iki yaninda esit nefes payi (onceki halinde sonraki
   kelimeye yapisiyordu) */
body .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\203A" !important;
    display: inline-block !important;
    color: rgba(var(--tg-copper-rgb), 0.7) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 11px !important;
    transform: translateY(-1px) !important;
}

/* Bulunulan sayfa: bakir degil acik ton - bakir vurgu cizgisiyle
   yarismasin, hiyerarsi baslikta kalsin */
body .breadcrumb .breadcrumb-item:last-child a,
body .breadcrumb .breadcrumb-item:last-child span {
    color: #e8e6e3 !important;
    font-weight: 600 !important;
}

@media (max-width: 991px) {
    body .breadcrumb-wrapper {
        gap: 9px !important;
        padding: 0 0 16px !important;
        margin: 0 0 18px !important;
    }

    body .breadcrumb .breadcrumb-item {
        font-size: 11px !important;
        letter-spacing: 0.08em !important;
    }

    body .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        margin: 0 8px !important;
        font-size: 15px !important;
    }
}


/* --- 3.10 URUN DETAY - SAG BILGI SUTUNU ----------------------------------
   Canlida olculen sorunlar (1440px, /tutsuluk-model4):
   1) .product-title-container alt cizgisi #f2f2f2 idi - acik temadan kalma,
      koyu zeminde parlak gri cizgi olarak goruluyordu. Ustelik fiyat
      blogunun bakir cizgisiyle 31px arayla ust uste iki ayirici cikiyordu.
   2) Fiyat grid alanlari ". list" / "badge sale" idi; rozet sol kolonu
      tuttugu icin fiyatlar sutunun sol kenarindan 70px iceride basliyordu -
      marka ve baslik 0'dan basliyordu, hizalama kirikti.
   3) Bilgi listesinin son satiri tek hucre oldugu icin alt cizgisi yarim
      kaliyordu.
   4) Guven ikonlarinda (stok/havale/taksit) pulse-ring ve pulse-glow
      animasyonlari sonsuz dongude calisiyordu - sayfada surekli 6 aktif
      animasyon. pulse-glow'un hedefi seffaf ::after oldugu icin hicbir sey
      gostermiyor, sadece islemci harciyordu.
   5) Butonlarda margin 10px + gap 12px birlikte calisip dikeyde 32px,
      yatayda 22px bosluk uretiyordu.
   6) Favori butonu kenarligi #ddd (acik gri) ve yuksekligi 48px idi -
      yanindaki 50px'lik butonlarla hizasizdi.
   NOT: Bolge 2'nin hover kurallari (btn-fast-buy, btn-wp, action-button)
   yerinde birakildi; onlar zaten dogru calisiyor. */


/* 3.10.1 Ayirici temizligi - tek ve dogru renkte ayirici */
body .product-price-group {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body .product-title-container {
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
    padding-bottom: 22px !important;
    margin-bottom: 18px !important;
}


/* 3.10.2 Fiyat blogu - sol kenar hizasi
   Rozeti fiyatin arkasina aliyoruz; boylece marka, baslik ve fiyat ayni
   dikey cizgiden basliyor. Secici Bolge 2'deki ile ayni ozgullukte
   (body .product-price-group .prices) olmak zorunda. */
body .product-price-group .prices {
    grid-template-areas:
        "list list"
        "sale badge" !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 12px !important;
    row-gap: 5px !important;
    align-items: center !important;
    justify-items: start !important;
}

body .product-price-group .prices .list-price {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    align-self: end !important;
}

body .product-price-group .prices .sale-price {
    font-size: clamp(28px, 2.4vw, 34px) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.05 !important;
}

/* Rozet: 32px'lik blok yerine fiyatin yanina oturan etiket */
body .product-price-group .prices .discount {
    height: auto !important;
    align-self: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
}


/* 3.10.3 Puan yildizlari
   Notr gri (#999) idi, paletin disindaydi. Bos yildiz sonuk bakir,
   dolu yildiz tam bakir. .stars display:block oldugu icin gap degil
   margin kullaniliyor. */
body .product-reviews .stars .star {
    margin-right: 3px !important;
}

body .product-reviews .stars .star i {
    font-size: 14px !important;
}

body .product-reviews .stars .star i.far {
    color: rgba(var(--tg-copper-rgb), 0.38) !important;
}

body .product-reviews .stars .star i.fas,
body .product-reviews .stars .star i.fa {
    color: var(--tigger-copper, #c29554) !important;
}


/* 3.10.4 Urun bilgi listesi (kod / barkod / kategori)
   Etiket 600, deger 500 idi - hiyerarsi terstiydi. Ceviriyoruz.
   Satir cizgilerini li'lerden alip ul'a tasiyoruz; boylece son satir tek
   hucre oldugunda yarim cizgi kalmiyor. */
body .product-profile-info {
    column-gap: 20px !important;
    row-gap: 0 !important;
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.12) !important;
    padding-bottom: 7px !important;
    margin-bottom: 16px !important;
}

body .product-profile-info li {
    border-bottom: 0 !important;
    padding: 7px 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #9a9089 !important;
}

body .product-profile-info li .value {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #e8e6e3 !important;
}

/* Kategori bir link - bakir renk tiklanabilir oldugunu soyluyor */
body .product-profile-info li a .value {
    color: var(--tigger-copper, #c29554) !important;
    transition: color 0.25s var(--tg-ease-soft) !important;
}

body .product-profile-info li a:hover .value {
    color: #e2c194 !important;
}


/* 3.10.5 Guven satirlari (stok / havale / taksit)
   Uc dagink metin satiriydi. Ikonlari bakir zeminli kareye alarak ortak
   bir dikey ritim veriyoruz. */
body .stok-wrapper,
body .product-transfer-discount,
body .product-rate {
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 9px !important;
    font-size: 14px !important;
}

body .stok-wrapper > i,
body .product-transfer-discount > i,
body .product-rate > i {
    flex: 0 0 auto !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    border-radius: 9px !important;
    background: rgba(var(--tg-copper-rgb), 0.10) !important;
    color: var(--tigger-copper, #c29554) !important;
    /* Sonsuz nabiz animasyonunu durduruyoruz - bilgilendirme satirlari
       surekli dikkat cekmemeli, ustelik chip zemini ile birlikte tum
       kutu buyuyup kuculurdu. */
    animation: none !important;
}

/* pulse-glow'un hedefi seffaf, yani hicbir sey cizmiyordu; kaldiriyoruz */
body .stok-wrapper > i::after,
body .product-transfer-discount > i::after,
body .product-rate > i::after {
    display: none !important;
    animation: none !important;
}

/* Stok: bootstrap #28a745 koyu zeminde sert duruyordu, yumusatiyoruz.
   .text-success bizden SONRA yuklenen bootstrap.helper'da !important ile
   tanimli, bu yuzden secici ozgullugu yuksek tutuluyor. */
body .stok-wrapper > i.text-success {
    background: rgba(79, 180, 119, 0.13) !important;
    color: #4fb477 !important;
}

body .stok-wrapper .value.text-success {
    color: #4fb477 !important;
    font-weight: 600 !important;
}


/* 3.10.6 Satin alma butonlari
   margin 10px + gap 12px birlikte calisiyordu; marginleri kaldirip tek
   kaynak olarak gap birakiyoruz. */
body .product-buttons > .btn,
body .product-buttons > a.btn,
body .product-buttons > .product-quantity {
    margin: 0 !important;
}

/* Favori: kenarlik #ddd (acik gri) idi, 48px yuksekligi ile yanindaki
   50px'lik butonlara gore 2px asagida kaliyordu. */
body .product-buttons .btn-favorite {
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.22) !important;
    border-radius: 12px !important;
    transition:
        border-color 0.25s var(--tg-ease-soft),
        background-color 0.25s var(--tg-ease-soft) !important;
}

body .product-buttons .btn-favorite:hover {
    border-color: var(--tigger-copper, #c29554) !important;
    background: rgba(var(--tg-copper-rgb), 0.08) !important;
}

body .product-buttons .btn-favorite:hover i {
    color: var(--tigger-copper, #c29554) !important;
}


/* 3.10.7 Alt aksiyon satiri (koleksiyon / karsilastir / alarm / paylas)
   Yatay dolguyu 15px'ten 10px'e cekip nefes payi aciyoruz.
   Hover kurallari Bolge 2'de zaten tanimli, dokunmuyoruz. */
body .product-actions-row .action-item .action-button {
    padding: 8px 10px !important;
    gap: 7px !important;
}

/* Ikon boyutlari esit degildi: koleksiyon ikonu 21px, digerleri 14px idi;
   bu yuzden ilk buton 41px, digerleri 35px yukseklikteydi. */
body .product-actions-row .action-item .action-button .icon-circle,
body .product-actions-row .action-item .action-button .icon-circle i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* 992-1199px arasi sag sutun ~330px'e dusuyor; dort oge tek satirda
   sigmiyordu ("Fiyat Alarmi" hucresini tasiriyordu). 2x2'ye geciyoruz. */
@media (min-width: 992px) and (max-width: 1199px) {
    body .product-actions-row .action-item {
        flex: 1 1 calc(50% - 5px) !important;
    }
}


/* 3.10.8 Mobil */
@media (max-width: 991px) {

    body .product-title-container {
        padding-bottom: 16px !important;
        margin-bottom: 14px !important;
    }

    body .product-profile-info {
        grid-template-columns: 1fr !important;
        margin-bottom: 14px !important;
    }

    body .stok-wrapper > i,
    body .product-transfer-discount > i,
    body .product-rate > i {
        width: 27px !important;
        height: 27px !important;
        font-size: 14px !important;
    }
}


/* --- 3.11 MOBIL TARAMA DUZELTMELERI --------------------------------------
   iPhone 390x844 emulasyonunda anasayfa, kategori, urun detay, sepet,
   uye giris, icerik sayfasi ve 404 tek tek gezilerek olculdu.
   Ortak kok neden: koyu tema Bolge 2'de sayfa sayfa uygulanmis ama bazi
   bilesenler (mobil menu, mobil filtre cekmecesi, bos sepet, 404, telif
   seridi) acik tema degerleriyle kalmis. Bircogunda acik yazi acik zemine
   dusuyor ve metin okunamiyor.
   Yatay kaydirma hicbir sayfada yok - o kontrol temiz cikti. */


/* 3.11.1 BREADCRUMB AYIRICISI
   "\203A" karakteri Outfit fontunda 17px'e ayarli olmasina ragmen 4.7px
   genisliginde bir kirinti olarak ciziliyordu. Fonta bagimli olmayan,
   CSS ile cizilen chevron kullaniyoruz - ayni zamanda unicode escape
   ihtiyacini da ortadan kaldiriyor. */
body .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "" !important;
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    border: 0 !important;
    border-top: 1.5px solid rgba(var(--tg-copper-rgb), 0.9) !important;
    border-right: 1.5px solid rgba(var(--tg-copper-rgb), 0.9) !important;
    transform: translateY(-1px) rotate(45deg) !important;
    margin: 0 12px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    flex: 0 0 auto !important;
}

@media (max-width: 991px) {
    body .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        margin: 0 9px !important;
    }
}


/* 3.11.2 MOBIL MENU - BEYAZ PANEL DUZELTMESI
   nav.sidebar-menu-type-2 koyu (#1a1714) ama icindeki .mobile-menu-wrapper
   ve .menu-list beyaz boyuyordu. Yazi rengi #b7a89a kaliyordu; beyaz
   zeminde kontrast ~2.1:1, yani okunmuyordu. Alt menu panelinde yazi
   #e8e6e3 idi - tamamen gorunmezdi. */
body .mobile-menu-wrapper,
body .mobile-menu-wrapper .menu-list,
body .mobile-menu-wrapper .sub-menu,
body .mobile-menu-wrapper .menu-list.main-menu {
    background-color: transparent !important;
}

body .mobile-menu-wrapper .sub-menu {
    background-color: #1a1714 !important; /* ustteki menuyu kapatmasi gerek */
}

body .mobile-menu-wrapper .mobile-cat-link,
body .mobile-menu-wrapper .mobile-cat-back-btn {
    background-color: transparent !important;
    color: #e8e6e3 !important;
}

body .mobile-menu-wrapper .mobile-cat-back-btn {
    color: var(--tigger-copper, #c29554) !important;
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
}

body .mobile-menu-wrapper .mobile-cat-back-btn i {
    color: var(--tigger-copper, #c29554) !important;
}

/* Alt menu acma oku siyahti */
body .mobile-menu-wrapper .open-submenu-btn,
body .mobile-menu-wrapper .open-submenu-btn i {
    color: var(--tigger-copper, #c29554) !important;
}

body .mobile-menu-wrapper .menu-list > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body .mobile-menu-wrapper .mobile-cat-link:active,
body .mobile-menu-wrapper .menu-item-row:active {
    background-color: rgba(var(--tg-copper-rgb), 0.08) !important;
}

/* Menu ust bari: "GIRIS YAP / UYE OL" dokunma alani 17px yuksekligindeydi */
body .sidebar-menu-type-2 .mobile-menu-user a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    color: #e8e6e3 !important;
}

body .sidebar-menu-type-2 .mobile-menu-close {
    min-width: 40px !important;
    min-height: 40px !important;
}


/* 3.11.3 TELIF SERIDI (sayfa sonu)
   section.copyright-XXX-sec-XXX beyaz zeminliydi; icindeki link #b7a89a
   oldugu icin beyaz uzerinde okunmuyordu. Sinif adi sayfa basina
   uretildigi icin nitelik seciciyle yakaliyoruz. */
body section[class*="copyright-"] {
    background-color: #121110 !important;
    border-top: 1px solid rgba(var(--tg-copper-rgb), 0.12) !important;
}

body section[class*="copyright-"] a,
body section[class*="copyright-"] span,
body section[class*="copyright-"] p {
    color: #8c837b !important;
    transition: color 0.25s var(--tg-ease-soft) !important;
}

body section[class*="copyright-"] a:hover {
    color: var(--tigger-copper, #c29554) !important;
}


/* 3.11.4 FOOTER VE BULTEN ACIK KENARLIKLARI
   footer alt kenarligi #ebebeb, bulten inputunun alt kenarligi #ebecee
   idi - koyu zeminde parlak cizgi olarak goruluyordu. */
body footer {
    border-bottom-color: rgba(var(--tg-copper-rgb), 0.12) !important;
}

body .newsletter-input,
body .sms-newsletter-input {
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}


/* 3.11.5 ARAMA PANELI KAPATMA BUTONU
   Zemin #f7f7f7 (acik gri), ikon rengi #e8e6e3 (acik) idi -
   buton gorunuyordu ama X isareti gorunmuyordu. */
body #closeSpecialSearch {
    background-color: rgba(var(--tg-copper-rgb), 0.12) !important;
    color: var(--tigger-copper, #c29554) !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

body #closeSpecialSearch:hover {
    background-color: var(--tigger-copper, #c29554) !important;
    color: #1e1c1a !important;
}


/* 3.11.6 BOS SEPET EKRANI
   Beyaz kart uzerine #e8e6e3 baslik dusuyordu; baslik neredeyse hic
   gorunmuyordu. Buton da saf siyahti. */
body .cart-empty-wrapper {
    background-color: transparent !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.12) !important;
    border-radius: 12px !important;
}

body .cart-empty-wrapper .cart-empty-icon {
    background-color: rgba(var(--tg-copper-rgb), 0.07) !important;
    border-color: rgba(var(--tg-copper-rgb), 0.25) !important;
    color: var(--tigger-copper, #c29554) !important;
}

body .cart-empty-wrapper .cart-empty-icon i,
body .cart-empty-wrapper .cart-empty-icon svg {
    color: var(--tigger-copper, #c29554) !important;
    stroke: var(--tigger-copper, #c29554) !important;
}

body .cart-empty-wrapper h1,
body .cart-empty-wrapper h2,
body .cart-empty-wrapper h3,
body .cart-empty-wrapper .cart-empty-title {
    color: #f5f2ee !important;
}

body .cart-empty-wrapper p,
body .cart-empty-wrapper .cart-empty-desc {
    color: #b7a89a !important;
}

/* Buton sinifi .btn degil .btn-shopping-start; saf siyahti */
body .cart-empty-wrapper .btn,
body .cart-empty-wrapper a.btn,
body .cart-empty-wrapper .btn-shopping-start {
    background-color: var(--tigger-copper, #c29554) !important;
    border: none !important;
    color: #151413 !important;
    font-weight: 700 !important;
}

body .cart-empty-wrapper .btn-shopping-start i {
    color: #151413 !important;
}

body .cart-empty-wrapper .btn:hover,
body .cart-empty-wrapper .btn-shopping-start:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}


/* 3.11.7 KATEGORI - MOBIL FILTRE / SIRALAMA CUBUGU
   .cat-responsive-buttons zemini #f4f4f4 idi. */
@media (max-width: 991px) {

    body .cat-responsive-buttons {
        background-color: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(var(--tg-copper-rgb), 0.12) !important;
        border-radius: 12px !important;
    }

    body .cat-responsive-buttons .mobile-filter-btn {
        border-right: 1px solid rgba(var(--tg-copper-rgb), 0.2) !important;
    }

    body .cat-responsive-buttons .dropdown > .btn {
        background-color: transparent !important;
        color: #e8e6e3 !important;
    }

    body .cat-responsive-buttons .dropdown > .btn i {
        color: var(--tigger-copper, #c29554) !important;
    }

    /* Siralama acilir listesi */
    body .cat-responsive-buttons .dropdown-menu {
        background-color: #1a1817 !important;
        border: 1px solid rgba(var(--tg-copper-rgb), 0.15) !important;
    }

    body .cat-responsive-buttons .dropdown-menu:after {
        border-bottom-color: rgba(var(--tg-copper-rgb), 0.3) !important;
    }

    body .cat-responsive-buttons .dropdown-menu .lag-checkbox label {
        color: #e8e6e3 !important;
    }

    body .cat-responsive-buttons .dropdown-menu .lag-checkbox.checked {
        background-color: rgba(var(--tg-copper-rgb), 0.14) !important;
    }

    /* 3.11.8 KATEGORI - MOBIL FILTRE CEKMECESI
       Cekmece beyazdi, icindeki baslik ve etiketler acik renkti;
       yani panel acildiginda hicbir yazi okunmuyordu. */
    body.categories-body .mobil-filtre .col-list:first-child {
        background-color: #151413 !important;
        border-left: 1px solid rgba(var(--tg-copper-rgb), 0.15) !important;
    }

    body.categories-body .mobil-filtre .col-list:first-child .pattern-group-header,
    body.categories-body .mobil-filtre .mobil-filtre-btn,
    body.categories-body .mobil-filtre .p-g-mod-t-1 {
        background-color: #151413 !important;
        border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.15) !important;
    }

    body.categories-body .mobil-filtre .p-g-mod-t-1 .p-g-m-h-i-title,
    body.categories-body .mobil-filtre .mobil-filtre-btn {
        color: var(--tigger-copper, #c29554) !important;
    }

    body.categories-body .mobil-filtre .close-mobile-filter {
        color: #e8e6e3 !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.categories-body .mobil-filtre .lag-checkbox label,
    body.categories-body .mobil-filtre .category-filter-list a {
        color: #e8e6e3 !important;
    }
}


/* 3.11.9 URUN DETAY - BOS ACIKLAMA MODULU
   Aciklamasi olmayan urunlerde .p-g-mod-t-48 icerigi bos kaliyor ama
   modul yine de 30px'lik beyaz bir serit olarak ciziliyordu. */
body.product-body .p-g-mod,
body.product-body .p-g-mod-body {
    background-color: transparent !important;
}

body.product-body .p-g-mod-product-det .raw-content:empty {
    display: none !important;
}


/* 3.11.10 404 SAYFASI
   Sayfanin tamami acik temada kalmisti: zeminde beyaz cizgili desen,
   baslik #3b3a39 (koyu gri) koyu zemin uzerinde, buton beyaz zeminli
   ve uzerindeki yazi #b7a89a - yani buton metni gorunmuyordu. */
body.e404-body {
    background: repeating-linear-gradient(45deg,
        transparent,
        transparent 10px,
        rgba(255, 255, 255, 0.02) 10px,
        rgba(255, 255, 255, 0.02) 20px),
        #1e1c1a !important;
}

body.e404-body .e404-title {
    color: #f5f2ee !important;
}

body.e404-body .e404-description {
    color: #b7a89a !important;
}

body.e404-body .e404-btn {
    background: var(--tigger-copper, #c29554) !important;
    color: #151413 !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
    border: none !important;
}

body.e404-body .e404-btn:hover {
    background: #d1a565 !important;
    color: #151413 !important;
    box-shadow: 0 12px 30px rgba(var(--tg-copper-rgb), 0.28) !important;
}

/* 404 gorseli siyah cizgi cizim oldugu icin beyaz zemin kaliyor,
   sadece koseleri ve cerceveyi temaya uyduruyoruz */
body.e404-body .e404-pic {
    border: 1px solid rgba(var(--tg-copper-rgb), 0.2) !important;
    border-radius: 12px !important;
}


/* 3.11.11 MOBIL DOKUNMA HEDEFLERI
   Olculen: header ikonlari 24x32, logo baglantisi 17px yukseklik,
   breadcrumb baglantilari 17px. Apple/Google esigi 44px.
   DIKKAT: ikonlara dogrudan min-width vermek denendi ve logoyu 141px'ten
   123px'e sikistirip arama ikonuyla 7px cakismaya yol acti. Bu yuzden
   genislik yerine gorunmez ::after ile dokunma alani buyutuluyor -
   yerlesim hic degismiyor. */
@media (max-width: 991px) {

    body header.mobile .icon-group,
    body header.mobile .header-bar .bar-link {
        position: relative !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body header.mobile .icon-group::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 42px !important;
        height: 44px !important;
        transform: translate(-50%, -50%) !important;
    }

    body header.mobile .logo a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 44px !important;
    }

    body .breadcrumb .breadcrumb-item a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 32px !important;
    }

    body .product-profile-info li a,
    body .product-title-container > a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 32px !important;
    }
}


/* --- 3.12 MOBIL HEADER / KAYAN YAZI VE KART FIYAT DUZELTMESI -------------
   Sorun: anasayfa ve ic sayfalarin mobil header'i farkli duruyordu ve kayan
   yazinin ust kismi kesiliyordu.

   Kok neden: kayan yazi seridinin dikey konumu ESKI 60px'lik mobil header'a
   gore hesaplanmis; Bolge 2 (bolum 59) header'i 72px'e cikarmis ama bu
   offsetler guncellenmemis. Iki sayfada iki farkli offset kullaniliyor:

   - Anasayfa : Bolge 1 @media(max-width:991px) icinde
                .home-body .addons-marquee-bar { position:absolute; top:55px }
                -> header 0->72, serit 55->89, 17px serit header'in ALTINDA
                kaliyor (header z=98, serit z=2) ve yazinin ustu kesiliyor.

   - Ic sayfa : Eklentinin kendi enjekte ettigi <style> blogu
                .addons-marquee-bar { margin-top:95px; margin-bottom:-95px }
                -> serit body'nin ilk cocugu; bu negatif margin numarasi
                header'i 34px asagi itiyor (header 34->106), serit 95->129
                oluyor ve 11px yine header'in altinda kaliyor. Ayrica
                header'in ustunde 34px'lik bos koyu bir bant olusuyordu -
                anasayfayla farkli gorunmesinin sebebi buydu.

   Cozum: seridi normal akisa alip header'in USTUNE koyuyoruz. Boylece iki
   sayfa da ayni: serit 0->34, header 34->106, hicbir cakisma yok. */

@media (max-width: 991px) {

    body .addons-marquee-bar,
    body.home-body .addons-marquee-bar,
    body .addons-campaign-bar,
    body.home-body .addons-campaign-bar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        z-index: 3 !important;
    }

    /* Header'i tasiyan modul (.p-g-mod-t-28) Bolge 2'nin genel
       "border-radius: 12px + overflow: hidden" kuralina yakalaniyordu.
       Tam genislikteki bir header'da bu, koselerde kirpik cikintilar
       biraktigi icin sadece bu modulde iptal ediliyor. */
    body .p-g-mod-t-28 {
        border-radius: 0 !important;
        overflow: visible !important;
    }


    /* 3.12.1 URUN KARTI FIYAT/ROZET CAKISMASI
       Mobilde kart 150px genisliginde. Indirim rozeti mutlak konumlu ve
       fiyat satirinin sagini 37px ortuyordu; "1.700,00 TL" gibi dort haneli
       fiyatlarda son karakterler rozetin altinda kayboluyordu.
       Rozeti ustteki eski-fiyat satirina aliyoruz, indirimli fiyat satirin
       tamamini kullaniyor. DOM notu: .discount .prices'in degil dogrudan
       .price-group'un cocugu. */
    body .card-product .price-group .prices,
    .home-body .card-product .price-group .prices {
        display: block !important;
    }

    body .card-product .price-group .list-price,
    .home-body .card-product .price-group .list-price {
        display: block !important;
        width: auto !important;
        min-height: 21px !important;
        line-height: 21px !important;
        padding-right: 44px !important; /* rozetin altina girmesin */
        margin: 0 !important;
    }

    /* height:auto sart - Bolge 1'de .discount'a sabit 30px verilmis,
       o kalirsa rozet alttaki fiyat satirina sarkiyor. */
    body .card-product .price-group .discount,
    .home-body .card-product .price-group .discount {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        height: auto !important;
        min-height: 0 !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        padding: 3px 7px !important;
        border-radius: 4px !important;
        margin: 0 !important;
    }

    body .card-product .price-group .sale-price,
    .home-body .card-product .price-group .sale-price {
        font-size: 20px !important;
        width: 100% !important;
    }
}

/* --- 3.13 URUN DETAY - TAKSIT SECENEKLERI TABLOSU ------------------------
   Canlida olculen (390x844 ve 1440x900, /tutsuluk-model4 > Taksit sekmesi):

   1) Tablo metni okunmuyordu. Baslik hucreleri #212529, govde hucreleri
      #111111 renginde; zemin #1e1c1a. Olculen kontrast 1.10:1 ve 1.11:1 -
      WCAG asgari degeri 4.5:1. Ekranda rakamlar zeminle neredeyse ayni
      tondaydi. 9 bankanin 9 tablosunda da ayni.
   2) Banka logosu seridi (.title) #f5f5f5 zeminliydi - acik temadan kalma.
      Keskin koseli, tam genislikte beyaz bir bant olarak siritiyordu.
   3) Tablo cizgileri #e8e8eb (acik gri) - koyu zeminde parlak izgara.
   4) .table-hover satir uzerine gelince zemini rgba(0,0,0,0.075) yapip
      metni #212529'a zorluyordu; yani koyu temada hover okunabilirligi
      daha da bozuyordu.
   5) Baslik ve govde hucrelerinin yatay dolgusu farkliydi: th 3.2px,
      td 12px. Basliklar hucre kenarina yapisiyordu.
   6) Banka kartlari arasinda bosluk yoktu (olculen 0px); 9 kart bitisik
      duruyordu.

   Yaklasim: banka logosu PNG'leri acik zemin icin uretilmis (Axess siyah
   yazili), bu yuzden logo plakasi acik kaliyor - ama artik kartin basligi
   gibi duruyor. Tablo tamamen koyu temaya aliniyor. */


/* 3.13.1 Banka karti
   .group basliksiz bir sarmalayiciydi; kart haline getiriyoruz. */
body .product-installments [class*="installment-"] {
    margin-bottom: 22px !important;
}

body .product-installments .group {
    /* 10px ic dolgusu vardi; kaldirinca logo plakasi ve tablo kartin
       kenarlarina dayaniyor - mobilde tabloya 20px ek genislik kazandirir */
    padding: 0 !important;
    background: #23211f !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--tg-elev-1) !important;
}


/* 3.13.2 Logo plakasi - kartin baslik seridi */
body .product-installments .group .title {
    background: #f2f0ed !important;
    padding: 13px 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.22) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
}

body .product-installments .group .title img {
    max-height: 24px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* 3.13.3 Tablo govdesi
   Dis cerceveyi kart sagliyor; table-bordered'in izgarasini kaldirip
   sadece yatay ince ayiricilar birakiyoruz. */
body .product-installments .group table {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

body .product-installments .group table th,
body .product-installments .group table td {
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Sutunlar arasi cok sonuk dikey ayirici - izgara hissi olmadan hizalama */
body .product-installments .group table th + th,
body .product-installments .group table td + td {
    border-left: 1px solid rgba(255, 255, 255, 0.04) !important;
}


/* 3.13.4 Baslik satiri */
body .product-installments .group table thead th {
    background: rgba(var(--tg-copper-rgb), 0.08) !important;
    color: var(--tigger-copper, #c29554) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 11px 8px !important;
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.18) !important;
    white-space: nowrap !important;
}


/* 3.13.5 Govde hucreleri */
body .product-installments .group table tbody td {
    color: #e8e6e3 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 10px 8px !important;
    background: transparent !important;
}

/* Taksit adedi sadece sayac - sessiz kalsin, tutarlar one ciksin */
body .product-installments .group table tbody td:first-child {
    color: #9a9089 !important;
    font-weight: 600 !important;
}

/* Aylik tutar bu tablonun asil bilgisi */
body .product-installments .group table tbody td:nth-child(2) {
    color: #f5f2ee !important;
    font-weight: 600 !important;
}

/* 12 satirda goz kaymasin diye cok hafif zebra */
body .product-installments .group table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.018) !important;
}

body .product-installments .group table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* 3.13.6 Hover
   Bootstrap .table-hover zemini karartip metni #212529 yapiyordu. */
body .product-installments .group table.table-hover tbody tr:hover td,
body .product-installments .group table tbody tr:hover td {
    background: rgba(var(--tg-copper-rgb), 0.09) !important;
    color: #ffffff !important;
}

body .product-installments .group table tbody tr:hover td:first-child {
    color: var(--tigger-copper, #c29554) !important;
}


/* 3.13.7 Sekme cubugu (Urun Ozellikleri / Taksit Secenekleri / Yorumlar)
   Mobilde uc sekme 370px'e sigmayip "Yorumlar" tek basina ikinci satira
   dusuyordu (olculen sarmalayici yuksekligi 94px). Tek satirda yatay
   kaydirilabilir seride ceviriyoruz - standart mobil sekme davranisi. */
@media (max-width: 991px) {

    body.product-body .p-g-tab-wrapper .p-g-t-nav .nav {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.product-body .p-g-tab-wrapper .p-g-t-nav .nav::-webkit-scrollbar {
        display: none !important;
    }

    body.product-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
        flex: 0 0 auto !important;
        margin: 0 14px 0 0 !important;
    }

    body.product-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item:last-child {
        margin-right: 0 !important;
    }

    body.product-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
        white-space: nowrap !important;
    }
}


/* 3.13.8 Mobil - dar ekranda hucre dolgusunu kis */
@media (max-width: 575px) {

    body .product-installments .group table thead th {
        font-size: 10px !important;
        letter-spacing: 0.04em !important;
        padding: 10px 4px !important;
    }

    body .product-installments .group table tbody td {
        font-size: 13px !important;
        padding: 9px 4px !important;
    }

    body .product-installments .group .title {
        min-height: 44px !important;
        padding: 11px 10px !important;
    }
}

/* --- 3.14 KATEGORI - SIRALAMA MENUSUNUN KIRPILMASI ----------------------
   Canlida uretildi (390x500, /hediyelik):
   Siralama menusu asagi sigmayinca YUKARI aciliyor (Popper flip modulu
   sinir olarak GORUNTU ALANINI kullanir; buton alt kenari + 233px menu
   ekrana sigmiyorsa yukari cevirir). Buraya kadari dogru davranis.

   Asil hata bundan sonrasi: siralama cubugu, kendi modulunun (.p-g-mod-t-20)
   ust kenarindan sadece 25px asagida duruyor. Bolge 2'deki genel
   "body .p-g-mod { overflow: hidden !important; }" kurali - 12px kose
   yaricapi tasmasin diye eklenmisti - modulu kirpan bir kutu haline
   getiriyor. Sonuc: yukari acilan 233px'lik menunun 208px'i kirpiliyor,
   ekranda sadece 25px'lik bir serit (son satirin yarisi) kaliyor.

   Ayni kural asagi acilan menuyu de kirpiyor: urun bulunmayan bir filtre
   sonucunda modul 164px'e dusuyor ve menunun alt 132px'i kayboluyor.

   Cozum: sadece bu modulde kirpmayi kaldiriyoruz (kose yaricapi zaten
   tam genislikteki bir listede gorunmuyor), ve yukari acilan duruma ait
   ok yonunu duzeltiyoruz - Bolge 1'deki ok her zaman yukari bakiyordu. */

@media (max-width: 991px) {

    /* Kirpmayi kaldir. :has() destekleyen tarayicilar icin genel kural,
       desteklemeyenler icin modul tipiyle acik hedef - ikisi de var. */
    body .p-g-mod.p-g-mod-t-20,
    body .p-g-mod:has(.cat-responsive-buttons) {
        overflow: visible !important;
    }

    /* Menu artik icerigin uzerinde yuzuyor; katman hissi icin golge ve
       net bir zemin. Ust dolgu 0 idi, secili satirin zemini yuvarlak
       koselerin uzerine tasiyordu. */
    body .cat-responsive-buttons .dropdown-menu {
        padding: 6px 0 !important;
        box-shadow: var(--tg-elev-3) !important;
        z-index: 1001 !important;
    }

    /* Ok: Bolge 1'de "top: -7px" + alt kenarlikla YUKARI bakacak sekilde
       sabitlenmis. Asagi acilan menude dogru. */
    body .cat-responsive-buttons .dropdown-menu[x-placement^="bottom"]::after {
        top: -7px !important;
        bottom: auto !important;
        border-top: 0 !important;
        border-bottom: 7px solid rgba(var(--tg-copper-rgb), 0.45) !important;
    }

    /* Yukari acildiginda ok da asagi bakmali - yoksa menunun tepesinde
       hicbir seye baglanmayan ters bir ucgen kaliyor. */
    body .cat-responsive-buttons .dropdown-menu[x-placement^="top"]::after {
        top: auto !important;
        bottom: -7px !important;
        border-bottom: 0 !important;
        border-top: 7px solid rgba(var(--tg-copper-rgb), 0.45) !important;
    }

    /* Menude gezinirken satir tam genislikte tepki versin */
    body .cat-responsive-buttons .dropdown-menu .lag-checkbox label {
        width: 100% !important;
    }
}

/* 3.14.1 KATEGORI - "URUN BULUNAMADI" KUTUSU
   Ayni ekranda cikti: bootstrap .alert-warning varsayilanlari duruyordu -
   zemin #fff3cd, metin #856404, kenarlik #ffeeba. Okunuyor ama koyu
   temanin ortasinda acik krem bir bant olarak siritiyor. Bolge 2 .alert
   kurallarini yalnizca sepet/odeme sayfalari icin yazmis. */
body.categories-body .alert,
body.categories-body .alert-warning,
body.categories-body .alert-info {
    background-color: rgba(var(--tg-copper-rgb), 0.09) !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.26) !important;
    color: #e8c992 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    font-weight: 500 !important;
}

body.categories-body .alert-success {
    background-color: rgba(79, 180, 119, 0.10) !important;
    border: 1px solid rgba(79, 180, 119, 0.28) !important;
    color: #7fd3a1 !important;
}

body.categories-body .alert-danger {
    background-color: rgba(226, 90, 90, 0.10) !important;
    border: 1px solid rgba(226, 90, 90, 0.30) !important;
    color: #f0a0a0 !important;
}


/* NOTLAR
   1) Menuye max-height + overflow-y VERILMEDI. Ok (::after) kutunun 7px
      disinda duruyor, kaydirilabilir bir menude kirpilirdi. Liste
      platformdan gelen sabit 7 satir.
   2) Satir yuksekligi 32px'te birakildi. 42px'e cikarmak denendi: menu
      233px'ten 306px'e cikiyor ve yukari acildiginda ust kismi ekranin
      disina tasiyor (500px'lik gorunum alaninda -44px). Dokunma hedefi
      buyutmek burada menuyu tamamen erisilemez yapiyor, bu yuzden
      vazgecildi. */


/* --- 3.15 TAM SITE TARAMASI - MIZANPAJ VE GORUNUM DUZELTMELERI -----------
   390x844 (mobil) ve 1440x900 (masaustu) ile su sayfalar tek tek gezildi:
   anasayfa, kategori, urun detay, bos sepet, dolu sepet, odeme, uye ol,
   icerik sayfasi. Asagidaki maddelerin hepsi canlida olculdu.

   NOT - "Benzer Urunler" hakkinda: bu bolum CSS ile gizlenmiyor. Modul
   (p-g-mod-t-57) sunucu tarafinda uretiliyor ve iPhone ile masaustu
   tarayici kimligiyle indirilen HTML BIREBIR AYNI cikiyor. Yani mobile
   ozel bir kayip yok; modul yalnizca benzer urunu bulunmayan urunlerde
   hic basilmiyor (orn. /isimli-fincan-seti-2li-kirmizi-islemeli - orada
   masaustunde de yok). Bu bir panel/icerik ayari, tasarim sorunu degil. */


/* --- 3.15.1 URUN GALERISI GECISTE COKUYOR (masaustu) ---------------------
   Olculen: /tutsuluk-model4, 1440px. Galeri kendiliginden slayt
   degistiriyor. Gelen fotograf henuz cozulmemisken yuksekligi 0 oldugu
   icin .carousel-inner 573px'ten 20px'e dusuyor; ekranda bir anlik
   "bozuk gorsel" simgesi ve alt yazi cikiyor, sag sutun yukari ziplayip
   geri iniyor. Her donusta tekrarliyor (min 20 / max 20 px olculdu).

   Sebep: fotograflarda width/height niteligi yok ve aspect-ratio auto.
   Cozum: kutuyu 1/1 olarak rezerve ediyoruz - fotograf gelmeden once de
   yerini tutuyor. Urun fotograflarinin tamami 1000x1000 (kare) olarak
   servis ediliyor, object-fit: contain oldugu icin kare olmayan bir
   fotograf gelirse kirpilmaz, beyaz zeminde ortalanir. */

body .product-profile-1 .carousel-inner .carousel-item {
    aspect-ratio: 1 / 1 !important;
}

body .product-profile-1 .carousel-inner .carousel-item img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    background-color: #ffffff !important;
}

/* Kucuk onizleme seridi: 2. fotografin kutusu cozulene kadar 43px yerine
   20px cikiyor ve serit tirtikli duruyor. Ayni rezervasyon. */
body .product-profile-1 .carousel .carousel-indicators li img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    background-color: #ffffff !important;
    display: block !important;
}


/* --- 3.15.2 MOBIL HEADER ACIK TEMADA KALMIS -----------------------------
   Olculen: header.mobile zemini #ffffff, masaustu header'i #151413.
   Koyu bir sitenin tepesinde tam genislikte beyaz bir bant duruyordu.

   DIKKAT - logo: panelde iki ayri logo dosyasi var ve mobil olani ACIK
   ZEMIN icin uretilmis. Piksel olcumu: masaustu logosu ortalama parlaklik
   0.871 (acik piksel %66.8, koyu piksel %0), mobil logosu 0.277
   (koyu piksel %66.5, acik piksel %0). Yani header'i karartip logoya
   dokunmasak logo tamamen gorunmez olurdu. Bu yuzden mobilde de masaustu
   logosunu gosteriyoruz - ayni dosya, ayni marka goruntusu.
   Panelden logo degistirilirse asagidaki adresin de guncellenmesi gerekir;
   ya da panele acik renkli bir "mobil logo" yuklenip bu kural silinebilir. */

@media (max-width: 991px) {

    body header.mobile {
        background: #151413 !important;
        border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
    }

    body header.mobile .logo img {
        content: url("https://percdn.com/f/915741/bzR6YWFtNG0vcUp3ZUdFOVU1NG5hQT09/l/logo-6a61ea3d4c17e-11050699-sw1129sh381.png");
    }

    /* Ikonlar #6B4226 (koyu kahve) idi - acik header icin secilmisti,
       koyu zeminde neredeyse gorunmuyor. Masaustuyle ayni acik tona. */
    body header.mobile .icon-group i,
    body header.mobile .searchToggle i,
    body header.mobile .bar-cart i,
    body header.mobile .header-bar .bar-link i {
        color: #f0ece7 !important;
    }

    body header.mobile .icon-group:active i {
        color: var(--tigger-copper, #c29554) !important;
    }

    /* Hamburger dugmesinin zemini rgba(107,66,38,0.08) idi; koyu zeminde
       hicbir sey gostermiyordu. */
    body header.mobile .btn-sidebar-menu {
        background: rgba(var(--tg-copper-rgb), 0.12) !important;
    }

    body header.mobile .btn-sidebar-menu i {
        color: var(--tigger-copper, #c29554) !important;
    }

    body header.mobile .btn-sidebar-menu:active {
        background: rgba(var(--tg-copper-rgb), 0.24) !important;
    }

    /* Sepet sayaci #6B4226 zeminliydi - masaustundeki bakir rozetle esitle */
    body header.mobile .icon-group .badge {
        background-color: var(--tigger-copper, #c29554) !important;
        color: #151413 !important;
        font-weight: 700 !important;
    }
}


/* --- 3.15.3 MOBIL ALT SABIT MENU ----------------------------------------
   .addons-mobile-menu zemini duz bakir (#c29554) idi. Eklenti kendi
   rengini --main-color'dan aliyor, Bolge 2 de o degiskeni bakir yapinca
   her mobil sayfanin dibinde tam genislikte parlak bir bakir levha
   olusmus. Sayfadaki bakir CTA butonlariyla yarisiyordu.
   Koyu zemin + bakir vurgu: hiyerarsi geri geliyor. */

@media (max-width: 991px) {

    body .addons-mobile-menu {
        background: #151413 !important;
        border-top: 1px solid rgba(var(--tg-copper-rgb), 0.18) !important;
        box-shadow: 0 -8px 26px rgba(8, 6, 4, 0.55) !important;
    }

    body .addons-mobile-menu a .icon,
    body .addons-mobile-menu a .title {
        color: #b7a89a !important;
        transition: color 0.2s var(--tg-ease-soft) !important;
    }

    body .addons-mobile-menu a.active .icon,
    body .addons-mobile-menu a.active .title,
    body .addons-mobile-menu a:active .icon,
    body .addons-mobile-menu a:active .title {
        color: var(--tigger-copper, #c29554) !important;
    }

    body .addons-mobile-menu a .count {
        background-color: var(--tigger-copper, #c29554) !important;
        color: #151413 !important;
        font-weight: 700 !important;
    }
}


/* --- 3.15.4 SABIT ALT BUTON BEYAZDI VE ICERIGI ORTUYORDU ----------------
   Olculen: mobilde /sepet ve /odeme sayfalarinda .payment-final-buttons-1
   position:fixed, yukseklik 70px ve zemini #ffffff. Bakir butonun
   etrafinda beyaz bir cerceve olarak goruluyordu.

   Ayrica altta kalan icerigi ortuyordu: hediye ceki formu 749-799,
   sabit bar 774'ten basliyor - "Kullan" dugmesi ve kod alani barin
   altinda kaliyordu. Sayfaya alt bosluk ekleyerek son icerik barin
   uzerinde kaliyor. */

@media (max-width: 991px) {

    body .payment-final-buttons-1 {
        background: #151413 !important;
        border-top: 1px solid rgba(var(--tg-copper-rgb), 0.18) !important;
        box-shadow: 0 -8px 26px rgba(8, 6, 4, 0.55) !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.cart-body,
    body.payment-body {
        padding-bottom: 96px !important;
    }
}


/* --- 3.15.5 ODEME: YESIL BUTON VE ADIM GOSTERGESI -----------------------
   "ODEME ISLEMLERI" butonu rgb(0, 209, 63) - parlak yesil. Adim
   gostergesinin aktif dairesi rgb(49, 171, 69), pasifleri rgb(198, 202, 205)
   (acik gri). Ucu de temanin disinda.

   Kok neden: Bolge 2'nin 34-36. bolumleri secicileri "body .payment-body"
   seklinde yazmis. Ama payment-body sinifi <body>'nin KENDISINDE, yani
   bu secici hicbir sey secmiyor ve o kurallar sessizce oluyor. Dosyada
   ayni hatadan 42 tane "body .payment-body", 31 tane de "body .cart-body"
   var. Sayfa yine de cogunlukla koyu duruyor cunku ayni kurallarin
   "body .pattern-group-p-payment" ikizleri calisiyor - ama bu buton
   yalnizca olu seciciyle hedeflenmis, o yuzden yesil kalmis.
   Burada bilesik (body.payment-body) yazarak kapatiyoruz. */

body.payment-body .payment-final-buttons-1 .btn-complete,
body.payment-body button.btn-complete,
body.payment-body .btn-theme-1 {
    background-color: var(--tigger-copper, #c29554) !important;
    background-image: none !important;
    border: none !important;
    color: #151413 !important;
    font-weight: 700 !important;
}

body.payment-body .payment-final-buttons-1 .btn-complete:hover,
body.payment-body button.btn-complete:hover,
body.payment-body .btn-theme-1:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

body.payment-body .payment-final-buttons-1 .btn-complete i,
body.payment-body button.btn-complete i {
    color: #151413 !important;
}

/* Adim gostergesi */
body.payment-body .step .circle {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #8c837b !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-weight: 600 !important;
}

body.payment-body .step.active .circle {
    background-color: var(--tigger-copper, #c29554) !important;
    color: #151413 !important;
    border-color: var(--tigger-copper, #c29554) !important;
    box-shadow: 0 0 0 5px rgba(var(--tg-copper-rgb), 0.14) !important;
}

body.payment-body .step.active {
    color: var(--tigger-copper, #c29554) !important;
}

/* Adimlari birlestiren cizgi de #c6cacd (acik gri) idi */
body.payment-body .step::after {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

body.payment-body .step.active::after {
    background-color: rgba(var(--tg-copper-rgb), 0.45) !important;
}

/* Bootstrap yesili (#28a745) - kargo "Ucretsiz" etiketi ve benzerleri.
   3.10.5'te stok satiri icin kullanilan yumusak yesille ayni tona. */
body .text-success {
    color: #4fb477 !important;
}


/* --- 3.15.6 SEPETTE MOBILDE URUN FIYATI HIC GORUNMUYOR ------------------
   Bolge 1'de "@media (max-width:991px) .shopping-cart-1 .td-total-price
   { display: none !important }" var. Sonuc: telefonda sepet satirinda
   gorsel, ad, adet ve silme dugmesi var ama URUNUN FIYATI YOK - sadece
   en alttaki genel toplam gorunuyor. Satirin altina normal akista bir
   fiyat satiri olarak geri getiriyoruz. */

@media (max-width: 991px) {

    /* .td-total-price, .product'in (flex satir) dogrudan cocugu. Sadece
       position'i static yapmak onu gorselin yanina bir sutun olarak
       sokusturuyordu; satiri sardirip tam genislige aliyoruz. */
    body.cart-body .shopping-cart-1 .product-group .product {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    body.cart-body .shopping-cart-1 .td-total-price {
        display: flex !important;
        position: static !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        flex-direction: row !important;
        margin: 14px 0 0 !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
        bottom: auto !important;
        right: auto !important;
    }

    /* Fiyatin ne oldugunu soyleyen etiket - tabloda baslik satiri yok */
    body.cart-body .shopping-cart-1 .td-total-price::before {
        content: "Tutar";
        color: #8c837b !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    body.cart-body .shopping-cart-1 .td-total-price .value {
        color: var(--tigger-copper, #c29554) !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        text-align: right !important;
    }

    body.cart-body .shopping-cart-1 .td-total-price .old-value {
        color: #8c837b !important;
        font-size: 13px !important;
        margin-right: 8px !important;
    }
}


/* --- 3.15.7 BOS PANELLER ------------------------------------------------
   Sepet ve odeme sayfalarinin tepesinde tamamen bos bir <div
   class="p-g-b-c-inner"></div> var. Bolge 2 bu sinifa cerceve + zemin
   verdigi icin sayfanin en ustunde 51px yuksekliginde, icinde hicbir sey
   olmayan bir kutu ciziliyordu (hem masaustunde hem mobilde, sepet dolu
   veya bos farketmeksizin). Icerigi olmayanlari gizliyoruz. */

body .p-g-b-c-inner:empty {
    display: none !important;
}


/* --- 3.15.8 ONAY KUTULARI VE SECIM DUGMELERI ----------------------------
   Uye ol sayfasinda onay kutulari beyaz kare (appearance:none + #fff
   zemin, tema varsayilani). Odeme sayfasinda ise isletim sisteminin
   kendi kutusu/dugmesi (13x13, mavi) kullaniliyordu. Ikisi de koyu
   temanin disinda ve odeme sayfasindakiler dokunmak icin cok kucuktu. */

body input[type="checkbox"],
body input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 auto !important;
    background-color: #121110 !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.35) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    transition: background-color 0.2s var(--tg-ease-soft),
                border-color 0.2s var(--tg-ease-soft) !important;
}

body input[type="checkbox"] {
    border-radius: 5px !important;
}

body input[type="radio"] {
    border-radius: 50% !important;
}

body input[type="checkbox"]:hover,
body input[type="radio"]:hover {
    border-color: rgba(var(--tg-copper-rgb), 0.65) !important;
}

body input[type="checkbox"]:checked {
    background-color: var(--tigger-copper, #c29554) !important;
    border-color: var(--tigger-copper, #c29554) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23151413' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.4l3.4 3.4L13 5'/%3E%3C/svg%3E") !important;
    background-size: 74% !important;
}

body input[type="radio"]:checked {
    border-color: var(--tigger-copper, #c29554) !important;
    background-image: radial-gradient(circle at center,
        var(--tigger-copper, #c29554) 0 42%, transparent 44%) !important;
}

/* Kategori filtresindeki .lag-checkbox kendi <span>'ini gorsel olarak
   kullaniyor, gercek input gizli. Yukaridaki olculeri oraya tasimayalim. */
body .lag-checkbox input[type="checkbox"],
body .lag-checkbox input[type="radio"] {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

/* Onay kutusunun yanindaki metin - dokunma alanini satira yay */
body .checkbox-option label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    cursor: pointer !important;
}

body .checkbox-option label .info {
    flex: 1 1 auto !important;
}


/* --- 3.15.9 SEPET / ODEME SAG SUTUNUNDA IC ICE CERCEVE ------------------
   Bolge 2'nin 28. bolumu son sutundaki her .p-g-mod'a cerceve + zemin
   veriyor, 29. bolum ise ayni sutunun .p-g-b-c-inner sarmalayicisina da
   cerceve + zemin veriyor. Ikisi birden calistigi icin "Siparis Ozeti",
   "Hediye Ceki" ve "Alisverisi Tamamla" kutunun icinde ayri ayri
   kutular halinde ciziliyordu (olculen genislikler 387 -> 335).
   Tek panel birakip icerideki modulleri ince ayiricilarla boluyoruz. */

body.cart-body .col-list:last-child .p-g-b-c-inner .p-g-mod,
body.payment-body .col-list:last-child .p-g-b-c-inner .p-g-mod {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

body.cart-body .col-list:last-child .p-g-b-c-inner .p-g-mod + .p-g-mod,
body.payment-body .col-list:last-child .p-g-b-c-inner .p-g-mod + .p-g-mod {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
}

/* Bos sepet ekraninda da ayni katlanma vardi: dis sarmalayici, modul ve
   .cart-empty-wrapper - uc ust uste cerceve (370 -> 319 -> 287).
   Ortadaki modulun cercevesini kaldiriyoruz. */
body.cart-body .p-g-mod-t-40:has(.cart-empty-wrapper) {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* --- 3.15.10 KARGO ILERLEME CUBUGU --------------------------------------
   "Tum Alisverislerinizde Kargo Ucretsiz!" seridindeki cubuk ve hediye
   ikonu bootstrap yesili (#3dab25) - paletin disinda, koyu zeminde cok
   doygun duruyor.

   DIKKAT: hedefe ulasildiginda tema value'yu degil, cubugun KENDISINI
   (.cart-progress-success::-webkit-progress-bar) yesile boyuyor - value
   0/1 kaliyor. Ilk denemede yalnizca genel ::-webkit-progress-bar
   ezilince cubuk tamamen bosalmisti; iki durumu ayri yaziyoruz. */

body .cart-progress::-webkit-progress-bar {
    background-color: rgba(255, 255, 255, 0.07) !important;
}

body .cart-progress::-webkit-progress-value {
    background-color: #4fb477 !important;
}

body .cart-progress.cart-progress-success::-webkit-progress-bar {
    background-color: #4fb477 !important;
}

body .cart-progress {
    height: 6px !important;
}

body .p-g-mod-t-75 .shipping-info i.core-icon-gift-line,
body .shipping-info i.core-icon-gift-line {
    color: #4fb477 !important;
}


/* --- 3.15.11 BILGI CUBUGU DIKEY HIZALAMA --------------------------------
   Alt bilgi seridinde ("Guvenli alisveris / Hizli teslimat / 7-24 destek /
   Sorunsuz iade") her oge kendi icinde dikey ortalandigi icin, aciklamasi
   iki satir olanlarda baslik 8px yukari kayiyor ve dort baslik ayni
   cizgide durmuyor. Ustten hizaliyoruz. */

body .info-bar-1 .icons {
    align-items: stretch !important;
}

body .info-bar-1 .icon-group {
    align-items: flex-start !important;
}

body .info-bar-1 .icon-group i {
    flex: 0 0 auto !important;
}

body .info-bar-1 .icon-group .inf {
    justify-content: flex-start !important;
    padding-top: 8px !important;
}


/* NOTLAR
   1) Mobil header'da logo "content: url(...)" ile masaustu logosuna
      cevriliyor. Alternatifi filter ile beyazlatmakti ama o, tigger
      figurundeki bakir tonlarini da yok ediyordu. Panelden ACIK renkli
      bir mobil logo yuklenirse bu tek kural silinebilir.
   2) Onay kutularinda "appearance: none" tum siteye uygulaniyor ve isaret
      SVG ile ciziliyor; boylece uye ol (appearance zaten none idi) ile
      odeme (isletim sistemi kutusu) sayfalari ayni gorunuyor.
      .lag-checkbox icindeki gercek input'lar disarida birakildi.
   3) Anasayfadaki urun seritleri mobilde tek kart gosteriyor (masaustunde
      dort). Bu owl carousel'in JS ayari; genislikler JS tarafindan satir
      ici stil olarak yaziliyor, CSS ile degistirmek kaydirma matematigini
      bozar. Panelden modulun "mobil sutun sayisi" 2 yapilmali. */


/* --- 3.16 MOBIL ALT MENU: KATMAN SIRASI VE KOSE YUVARLAMA ---------------

   3.16.1 ALT MENUNUN BAZI YERLERDE KAYBOLMASI
   Olculen: .addons-mobile-menu z-index degeri 9. Anasayfada, .bakir
   sinifini tasiyan bolum "position: relative + z-index: 10" aliyor
   (Bolge 2'nin 55. bolumu, ustteki 80px'lik boslugu kapatmak icin
   eklenmisti) ve o bolum 1823px yuksekliginde. Kendi yigin baglamini
   (stacking context) yarattigi icin icindeki HER SEY - metinler,
   gorseller, urun kartlari - z=10 katmaninda ciziliyor ve z=9 olan
   sabit alt menunun ustune biniyor.

   Sayfa boyunca 240px araliklarla ornekleme yapildi: barin uzerindeki
   5 noktada TOPLAM 57 ornek icerik tarafindan ortuluyordu. Kategori ve
   urun detay sayfalarinda sorun yoktu (0) - cunku orada .bakir yok.
   Kullanicinin "bazi yerlerde gorunmuyor" dedigi durum tam olarak bu.

   Yeni deger 97. Bilincli olarak secildi:
     97  alt menu        <- tum sayfa icerigin ustunde
     98  header.mobile   (ust tarafta, cakismiyor)
     99  .overlay-blur / .op-black-2  <- menu/sepet acilinca karartma
                                        katmani BARIN DA USTUNDE kalmali
     999 arama paneli
     9999 yan menu ve yan sepet
   Yani menu acildiginda alt bar da kararmaya dahil oluyor; test edildi.

   Ayrica Bolge 2'nin 14. bolumu carousel oklarina z-index 100 vermis.
   Bunlar bazi sayfalarda kok yigin baglaminda kalip barin uzerine
   cikabiliyordu; mobilde 11'e cekiliyor (slaytlarin ustunde kalmalari
   icin fazlasiyla yeterli). */

@media (max-width: 991px) {

    body .addons-mobile-menu {
        z-index: 97 !important;
    }

    body .owl-single-button.owl-single-button-prev,
    body .owl-single-button.owl-single-button-next,
    body .owl-nav .owl-prev,
    body .owl-nav .owl-next,
    body .swiper-button-prev,
    body .swiper-button-next {
        z-index: 11 !important;
    }


    /* 3.16.2 UST KOSELERE YUVARLAMA + HAFIF GOLGE
       overflow: hidden guvenli - bar icindeki hicbir oge kutusunun
       disina tasmiyor (sepet sayaci barin ust kenarindan 4px iceride
       olculdu). */
    body .addons-mobile-menu {
        border-radius: 18px 18px 0 0 !important;
        overflow: hidden !important;
        box-shadow: 0 -6px 20px rgba(8, 6, 4, 0.45) !important;
    }


    /* 3.16.3 HEADER - ALT IKI KOSEYE AYNI YUVARLAMA
       DIKKAT: header.mobile'a overflow: hidden VERILMEZ. Yan menu
       (nav.sidebar-menu-type-2, position: fixed, tam ekran) header'in
       COCUGU; kirpilirsa mobil menu tamamen kullanilamaz hale gelir.
       Kose yuvarlamasi tek basina yeterli - logo ve ikonlar zaten
       koselere ulasmiyor. */
    body header.mobile {
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 6px 20px rgba(8, 6, 4, 0.45) !important;
    }
}


/* --- 3.17 ANASAYFA - OLU DIKEY BOSLUK TEMIZLIGI -------------------------

   Canlida olculdu (390x844 ve 1440x900, anasayfa). Sayfa bastan sona
   8px cozunurlukte tarandi; icerik kutulari birlestirilip aralarindaki
   BOS dikey araliklar cikarildi. 45px ve uzeri 10 bosluk vardi;
   masaustunde toplam ~1100px, mobilde ~1160px olu alan.

   Kok neden tek: anasayfadaki uc tanitim blogu UC FARKLI markup ile
   yazilmis ve Bolge 2 bunlara ust uste binen bosluk kurallari vermis.

     Blok 1  SECTION.bakir            > DIV.copper-promo-section
     Blok 2  DIV#hediyelik-bolumu.bakir  (copper-promo-section YOK)
     Blok 3  SECTION.sari > DIV.bakir    (copper-promo-section YOK)

   Blok 1'de bosluklar CIFT sayiliyor: .bakir'in kendi 30px dolgusunun
   USTUNE .copper-promo-section'in 80px margin + 20px dolgusu biniyor.
   Ustelik .p-g-mod'da "overflow: hidden" oldugu icin (Bolge 2, genel
   kose yaricapi kurali) margin cokmesi de calismiyor; 80px oldugu gibi
   ekleniyor. Sonuc: baslikla blogun ust kenari arasinda masaustunde
   130px, mobilde 120px bos alan. Kullanicinin isaret ettigi bosluk bu.


   3.17.1 MANSET GORSELININ ALTI KIRPILIYORDU
   Bolge 2'nin 55. bolumu ".bakir { margin-top: -80px }" veriyor;
   yorumunda "temadan gelen 80px'lik gizli bosluk" deniyor. Olcum:
   manset gorselinin alti 648, bolumun alti 668 - yani gercek bosluk
   80 degil, headline modulunun 20px'lik margin-bottom'i. -80px bu
   yuzden 60px FAZLA cekiyor ve koyu blok (z-index 10, gradient zemin)
   mansetin alt 60px'ini ortuyordu; slayt noktalari da gorunmuyordu.
   Mobilde ayni hata -40px ile 20px kirpiyordu.
   Dogru deger her ikisinde de -20px: bitisik duruyor, kirpma yok. */

body section.pattern-group.bakir {
    margin-top: -20px !important;
    margin-bottom: 24px !important;
}


/* 3.17.2 IC SARMALAYICININ CIFT BOSLUGU
   .copper-promo-section yalnizca blok 1'de var ve gorsel olarak hicbir
   sey tasimiyor (zemini seffaf; kartin zemini disaridaki .bakir'dan
   geliyor). Dikey boslugu .bakir'in dolgusu zaten sagliyor. */
body .copper-promo-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* 3.17.3 IC .BAKIR BLOKLARININ DIKEY DOLGUSU
   Blok 2 ve 3 modul govdesinin dogrudan cocugu ve ZEMINLERI SEFFAF
   (blok 2'ye panelden "background: transparent", blok 3'e Bolge 2'nin
   57. bolumunden). Yani 30px dolgulari bir kartin ic boslugu degil,
   duz olu alan. Yatay dolgu korunuyor - dar ekranda metni kenardan
   uzak tutuyor.
   Yapisal secici bilerek id yerine kullanildi: panelde yeni bir blok
   eklenirse otomatik kapsanir. */
body .p-g-mod-body > .bakir {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

/* Blok 3 zaten .sari bandinin dolgusu icinde; kendi margin'i o dolguya
   ekleniyordu. Bu kural yukaridakiyle AYNI ozgullukte (0,2,1), bu
   yuzden ondan SONRA gelmek zorunda. */
body .sari .bakir {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Blok 2'nin 60px'lik ust margin'i style.css'te DEGIL - panelde o
   blogun kendi <style> etiketinde "#hediyelik-bolumu { margin-top:
   60px !important }" olarak yaziyor. Id secicisini yenmek icin tek yol
   ozgullugu bir tik artirmak (1,0,1). Panelde blogun id'si degisirse
   bu kural sessizce islevsiz kalir, bir sey bozulmaz - o durumda ustteki
   yapisal kural devreye girer. */
body #hediyelik-bolumu {
    margin-top: 24px !important;
}


/* 3.17.4 SARI DOKUM BANDI
   Band dolgusu 60px + icindeki blogun 30px'i = 90px. Blok dolgusu
   3.17.3'te sifirlandi; band dolgusu tek kaynak olarak kaliyor. */
body .sari {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}


/* 3.17.5 BILGI CUBUGU VE FOOTER UST BOSLUGU
   .info-bar-1 dolgusu 30px, ustune icon-group'un kendi 20px'i biniyor;
   footer'in 50px ust dolgusunun ustune de .info'nun 20px'i biniyor. */
body .info-bar-1 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

body footer {
    padding-top: 40px !important;
}


/* 3.17.6 FOOTER'DA ZORLANMIS BOS ALAN
   Bolge 1: "footer .footer-main-row { min-height: 350px }" - solda logo
   bloguyla birlikte tasarlanmis bir olcu. Logo alani mobilde gizli,
   masaustunde de artik kullanilmiyor; en uzun sutunun icerigi 258px'te
   bitiyor. Kalan 92px her sayfanin footer'inda bos duruyordu. */
body footer .footer-main-row {
    min-height: 0 !important;
}


@media (max-width: 991px) {

    body section.pattern-group.bakir {
        margin-top: -20px !important;
        margin-bottom: 16px !important;
    }

    body .p-g-mod-body > .bakir {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    body #hediyelik-bolumu {
        margin-top: 16px !important;
    }

    body .sari {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    /* Mobilde metin ve gorsel alt alta; aradaki 40px'i kisiyoruz */
    body .copper-promo-left {
        margin-bottom: 26px !important;
    }

    body .info-bar-1 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    body footer {
        padding-top: 24px !important;
    }
}


/* SONUC (canlida olculdu)
   Masaustu 1440px : sayfa 5413 -> 4839px  (-574, %10.6)
                     45px+ bosluk sayisi 9 -> 6, en buyuk 235 -> 143
   Mobil 390px     : sayfa 6748 -> 6280px  (-468, %6.9)
                     45px+ bosluk sayisi 10 -> 8, en buyuk 215 -> 121
   Manset kirpmasi : masaustu 60px, mobil 20px -> 0
   Yatay tasma     : 0 (degismedi)

   NOT: Geriye kalan 80-143px'lik araliklar bolum ARASI ritim; hepsi
   ayri gorsel bantlarin sinirlarinda ve icerik tasiyan kenar bosluklari.
   Daha fazla kisilirsa bloklar birbirine yapisir. */


/* --- 3.18 URUN SERIDI OKLARI MOBILDE ELIPS CIKIYOR ----------------------

   Olculen (390x844; anasayfa ve /tutsuluk-model4, sekiz okun hepsi ayni):
   ok butonu 34,33 x 40 px. Kutu kare olmadigi icin "border-radius: 50%"
   daire degil DIKEY ELIPS ciziyor - ekranda ezilmis, bozuk bir sekil.
   Masaustunde ayni butonlar 40 x 40, yani sorun yalnizca mobilde.

   Zincir:
   1) Tema, oku bir sarmalayiciya koyuyor:
        .owl-wrapper .owl-single-button { width: 40px; height: 40px;
                                          display: flex; background: #fff }
      ve mobilde kucultuyor:
        @media (max-width: 995px) { ... width: 25px; height: 25px }
   2) Bolge 2'nin 14. bolumu butona "width: 40px !important" veriyor.
   3) Ama buton bir FLEX OGESI ve "flex: 0 1 auto" ile kuculebiliyor.
      Kapsayici 25px kalinca 40px'lik taban genislik 34,33px'e sikisiyor -
      bu deger butonun min-content olcusu: ikon 9px + .btn dolgusu
      (12+12px) + kenarlik 1,33px. Yukseklik kuculmedigi icin 40'ta
      kaliyor. Sonuc: 34,33 x 40 elips.

   Cozum uc parcali:
   - Sarmalayici mobilde de butonu sigdiracak olcude olsun (36px).
   - Buton kucultulemesin: flex: 0 0 auto.
   - Bootstrap .btn dolgusu (6px 12px) sifirlansin; olcuyu belirleyen
     tek sey width/height olsun.

   Ayrica sarmalayicidaki acik tema artiklari temizleniyor: beyaz zemin
   (#fff) ve kendi golgesi (0 0 8px rgba(0,0,0,0.24)). Beyaz daire su an
   butonun tam altinda kaldigi icin gorunmuyor, ama olculer degisirse
   siritir; golge de Bolge 2'nin butona verdigi golgeyle ust uste biniyor.

   Ozgulluk: tema kurali ".owl-wrapper .owl-single-button" (0,2,0) -
   basina body eklemek yetiyor (0,2,1). Buton kurali Bolge 2'deki ile
   AYNI ozgullukte (0,2,2), bu yuzden dosyada ondan sonra gelmesi sart. */

body .owl-wrapper .owl-single-button {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

body .owl-single-button button.btn-owl {
    flex: 0 0 auto !important;
    padding: 0 !important;
    min-width: 0 !important;
}

@media (max-width: 991px) {

    /* Temanin 25px'i cok kucuktu (dokunma hedefi olarak da yetersiz);
       36px hem tam daire cikariyor hem urun kartlarini ezmiyor. */
    body .owl-wrapper .owl-single-button {
        width: 36px !important;
        height: 36px !important;
    }

    body .owl-single-button button.btn-owl {
        width: 36px !important;
        height: 36px !important;
    }

    body .owl-single-button button.btn-owl i {
        font-size: 15px !important;
    }
}


/* SONUC (canlida olculdu)
   Mobil 390px  : sekiz okun tamami 34,3x40 -> 36x36 (tam daire)
   Masaustu     : 40x40 idi, 40x40 kaldi - degisiklik yok
   Manset (swiper) oklari zaten 40x40 dogruydu, dokunulmadi. */


/* --- 3.19 POPUP PENCERELERI ACIK TEMADA KALMIS -------------------------

   Canlida olculdu (/ceviz-kiracagi-sari-dokum, 1440x900 ve 390x844).
   Urun detaydaki "Karsilastir", "Fiyat Alarmi" ve "Paylas" dugmelerinin
   actigi pencerelerin hicbirine koyu tema uygulanmamis.

   Olculen degerler:
     .modal-content   arka plan rgb(255,255,255)  metin rgb(232,230,227)
     .modal-header    arka plan rgb(255,255,255)  metin rgb(232,230,227)
     .modal-title     rgb(232,230,227) uzerinde beyaz  -> kontrast 1,07:1
     .social-share-special  arka plan rgb(248,248,248)
     .swal-modal      arka plan rgb(255,255,255)

   Kok neden: pencerelerin govdesi Quka cekirdeginden geliyor ve beyaz
   (bootstrap ".modal-content { background: #fff }" + cekirdegin
   ".native-modal .sticky-top { background: #fff }"). Metin rengi ise
   Bolge 2'nin "body { color: var(--tigger-text) }" kuralindan miras
   aliniyor - yani ACIK. Acik metin + beyaz zemin = okunmuyor.
   Ekran goruntusundeki "silik gri yazi" gorunumu tam olarak bu.

   Karsit ornek: pencere govdesinin KENDI rengi olan yerler (urun adi
   #333, fiyat #333, kapatma ikonu #333) su an okunuyor; kabuk
   karartilinca onlar ters cevrilmek zorunda. Asagida ikisi birden var.

   Ozgulluk notu: cekirdek kurallari !important KULLANMIYOR, dolayisiyla
   buradaki her kural onlari zaten yener. Asil rekabet SweetAlert ile:
   onun CSS'i calisma aninda <style> olarak <head>'e enjekte ediliyor,
   yani bizden SONRA geliyor - orada !important sart. */


/* 3.19.1 PENCERE KABUGU (tum native-modal pencereleri) */

body .native-modal .modal-content {
    background-color: #1a1817 !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.16) !important;
    border-radius: 14px !important;
    box-shadow: var(--tg-elev-3) !important;
}

/* .sticky-top pencerenin basligi, .sticky-bottom alt butonlari tasiyor;
   ikisi de cekirdekte acik acik "#fff" olarak yazilmis. */
body .native-modal .modal-header,
body .native-modal .modal-footer,
body .native-modal .sticky-top,
body .native-modal .sticky-bottom {
    background-color: #1a1817 !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
}

body .native-modal .modal-content .modal-header .modal-title {
    color: var(--tigger-copper, #c29554) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Kapatma (X): koyu zeminde gorunmeyen #333 idi */
body .native-modal .modal-content .modal-header .close,
body .native-modal .modal-content .modal-header .close i {
    color: #b7a89a !important;
    opacity: 1 !important;
    transition: color 0.2s var(--tg-ease-soft) !important;
}

body .native-modal .modal-content .modal-header .close:hover,
body .native-modal .modal-content .modal-header .close:hover i {
    color: var(--tigger-copper, #c29554) !important;
}

/* Kose disina tasan yuvarlak kapatma dugmesi (bazi pencerelerde) */
body .modal .native-modal-close,
body .native-modal .native-modal-close {
    background: #23211f !important;
    border: 2px solid rgba(var(--tg-copper-rgb), 0.4) !important;
    color: #e8e6e3 !important;
}

/* Arka karartma: koyu tema uzerinde %50 yeterince ayirmiyordu */
body .modal-backdrop.show {
    opacity: 0.72 !important;
}


/* 3.19.2 PENCERE ICI FORM VE BUTONLAR
   Uye girisi penceresinde de ayni sorun vardi: form kutulari beyaz,
   "Giris Yap" bootstrap yesili (#28a745), "Kayit Ol" bootstrap grisi
   (#6c757d) uzerine acik bej yazi (rgb 183,168,154) - okunmuyordu. */

body .native-modal label {
    color: #cccccc !important;
    font-weight: 500 !important;
}

body .native-modal .form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

body .native-modal .form-control:focus {
    border-color: var(--tigger-copper, #c29554) !important;
    box-shadow: 0 0 0 3px var(--tg-copper-20) !important;
}

body .native-modal .form-control::placeholder {
    color: #6f6862 !important;
}

/* Onay butonlari -> bakir */
body .native-modal .btn-success,
body .native-modal .btn-primary {
    background-color: var(--tigger-copper, #c29554) !important;
    border-color: var(--tigger-copper, #c29554) !important;
    color: #151413 !important;
    font-weight: 700 !important;
}

body .native-modal .btn-success:hover,
body .native-modal .btn-primary:hover {
    background-color: #d1a565 !important;
    border-color: #d1a565 !important;
    color: #151413 !important;
}

/* Iptal / ikincil butonlar. Panelin hangi sinifi kullandigi pencereye
   gore degisiyor (btn-secondary / btn-light / btn-default), ucu de
   karsilaniyor. */
body .native-modal .btn-secondary,
body .native-modal .btn-light,
body .native-modal .btn-default {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e8e6e3 !important;
}

body .native-modal .btn-secondary:hover,
body .native-modal .btn-light:hover,
body .native-modal .btn-default:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}


/* 3.19.3 URUN KARSILASTIR PENCERESI */

body .pre-compare-wrapper .message i {
    color: #b7a89a !important;
}

body .pre-compare-wrapper .message.success-message i {
    color: #4fb477 !important;
}

body .pre-compare-wrapper .message.error-message i {
    color: #e07b7b !important;
}

body .pre-compare-wrapper .message span {
    color: #e8e6e3 !important;
}

/* "Bir urun daha ekleyin" bir hata degil, yonlendirme - sessiz kalsin */
body .pre-compare-wrapper .message.error-message span {
    color: #b7a89a !important;
}

/* Urun kutulari: 5px kalinliginda duz gri (#eee) cerceveleri vardi */
body .pre-compare-wrapper .list-wrapper .list .item,
body .pre-compare-wrapper .list-wrapper .list .item-fill {
    border: 1px solid rgba(var(--tg-copper-rgb), 0.16) !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.02) !important;
    overflow: hidden !important;
    margin-right: 12px !important;
}

body .pre-compare-wrapper .list-wrapper .list .item:hover {
    border-color: rgba(var(--tg-copper-rgb), 0.45) !important;
}

/* Bos slot: dolu bir gri blok (#eee) olarak ciziliyordu */
body .pre-compare-wrapper .list-wrapper .list .item-fill {
    background-color: transparent !important;
    border-style: dashed !important;
    color: #6f6862 !important;
}

/* Gorsel kutusuna beyaz plaka DENENDI ve vazgecildi: urun fotograflari
   burada tam kutuyu doldurmadigi icin fotografin etrafinda cerceve gibi
   duran beyaz bir bant birakiyordu. Kutu koyu kaliyor; zemini beyaz olan
   urun fotograflari zaten kendiliginden beyaz plaka gibi gorunuyor. */

body .pre-compare-wrapper .list-wrapper .list .item .name {
    color: #e8e6e3 !important;
}

body .pre-compare-wrapper .list-wrapper .list .item .sale-price {
    color: var(--tigger-copper, #c29554) !important;
    font-weight: 600 !important;
}

/* Kaldirma dugmesi: bootstrap grisi kare -> koyu daire */
body .pre-compare-wrapper .list-wrapper .list .item .btn-remove {
    top: 8px !important;
    right: 8px !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background-color: rgba(18, 17, 16, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #e8e6e3 !important;
}

body .pre-compare-wrapper .list-wrapper .list .item .btn-remove:hover {
    background-color: #e05555 !important;
    border-color: #e05555 !important;
    color: #ffffff !important;
}

/* Yatay kaydirma cubugu (dorttten fazla urun karsilastirilinca cikar).
   Cekirdek acik tema degerleriyle biraktigi icin koyu pencerenin
   dibinde beyaz bir serit olarak ciziliyordu:
     ::-webkit-scrollbar       arka plan #fff, yukseklik 12px
     ::-webkit-scrollbar-thumb #ccc
     ::-webkit-scrollbar-track #eee
   Cekirdegin "position: fixed" verdigi track de sifirlaniyor. */
body .native-modal .scrollbar-1 {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(var(--tg-copper-rgb), 0.5) rgba(255, 255, 255, 0.05) !important;
}

body .native-modal .scrollbar-1::-webkit-scrollbar {
    background-color: transparent !important;
    height: 8px !important;
}

body .native-modal .scrollbar-1::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    position: static !important;
    height: auto !important;
}

body .native-modal .scrollbar-1::-webkit-scrollbar-thumb {
    background-color: rgba(var(--tg-copper-rgb), 0.45) !important;
    border-radius: 8px !important;
    margin: 0 !important;
}


/* 3.19.4 FIYAT ALARMI PENCERESI
   Yapisi cekirdekten: .description, ardindan uc .group satiri
   (.name etiketi + .value / .price + .comma + .price-2 / .days),
   en altta .buttons. */

body .customer-product-price-alert-form .description {
    color: #b7a89a !important;
    line-height: 1.6 !important;
}

body .customer-product-price-alert-form .group .name {
    color: #cccccc !important;
    width: 130px !important;
}

/* Urun fiyati: bootstrap yesili (#27a744) yerine 3.15.5'te belirlenen
   yumusak yesil - koyu zeminde cok doygun durmasin */
body .customer-product-price-alert-form .group .value {
    color: #4fb477 !important;
}

body .customer-product-price-alert-form .group .tax-inc {
    color: #8c837b !important;
}

body .customer-product-price-alert-form .group .comma {
    color: #b7a89a !important;
}

body .customer-product-price-alert-form .group .price .form-control,
body .customer-product-price-alert-form .group .price-2 .form-control,
body .customer-product-price-alert-form .group .days .form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    height: 40px !important;
    padding: 0 10px !important;
}

/* Lira hanesi vurgulu (cekirdekte koyu kirmizi #ab0f0f idi) */
body .customer-product-price-alert-form .group .price .form-control {
    color: var(--tigger-copper, #c29554) !important;
    font-weight: 700 !important;
}

/* Kurus ve gun haneleri (cekirdekte #000 - koyu zeminde gorunmezdi) */
body .customer-product-price-alert-form .group .price-2 .form-control,
body .customer-product-price-alert-form .group .days .form-control {
    color: #ffffff !important;
}

body .customer-product-price-alert-form .buttons {
    gap: 10px !important;
    margin-top: 18px !important;
}

body .customer-product-price-alert-form .buttons .btn {
    font-size: 14px !important;
    padding: 10px 22px !important;
}


/* 3.19.5 PAYLAS SERIDI
   Bolge 1 bu seride "background: #f8f8f8" veriyor; koyu sayfanin
   ortasinda tam genislikte beyaz bir bant olarak siritiyordu.
   Ikonlarin rengi de rgb(183,168,154) - Bolge 2'nin genel "a { color:
   var(--tigger-light) }" kuralindan geliyor ve marka renkli dairelerin
   uzerinde soluk duruyordu. */

body .social-share-special {
    background: #1a1817 !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
    border-radius: 12px !important;
    padding: 14px !important;
}

body .social-share-special .jssocials-share-link,
body .social-share-special .jssocials-share-link i {
    color: #ffffff !important;
}

body .social-share-special .jssocials-share-link {
    box-shadow: var(--tg-elev-1) !important;
}

body .social-share-close {
    background: #23211f !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #b7a89a !important;
}

body .social-share-close:hover {
    background: #e05555 !important;
    border-color: #e05555 !important;
    color: #ffffff !important;
}


/* 3.19.6 UYARI / BILGI KUTUCUKLARI (SweetAlert)
   Sepete ekleme, alarm olusturma, hata mesajlari - hepsi bu pencereden
   cikiyor. Beyaz zemin + #555 metin + bootstrap mavisi buton ile
   tamamen acik temadaydi. Okunuyordu ama sitenin disindaydi.
   CSS'i calisma aninda enjekte edildigi icin !important zorunlu. */

body .swal-overlay {
    background-color: rgba(8, 6, 4, 0.66) !important;
}

body .swal-modal {
    background-color: #1a1817 !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.16) !important;
    border-radius: 14px !important;
    box-shadow: var(--tg-elev-3) !important;
}

body .swal-title {
    color: #f5f2ee !important;
}

body .swal-text {
    color: #b7a89a !important;
    text-align: center !important;
}

body .swal-footer {
    background-color: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    text-align: center !important;
    padding: 14px !important;
}

body .swal-button {
    border-radius: 8px !important;
    font-weight: 600 !important;
}

body .swal-button--confirm {
    background-color: var(--tigger-copper, #c29554) !important;
    color: #151413 !important;
    font-weight: 700 !important;
}

body .swal-button--confirm:hover {
    background-color: #d1a565 !important;
    color: #151413 !important;
}

body .swal-button--cancel {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8e6e3 !important;
}

body .swal-button--cancel:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

/* Basari ikonunun kose maskeleri: SweetAlert yesil halkanin iki kosesini
   60x120 BEYAZ dikdortgenlerle (::before / ::after) ortuyor - beyaz
   pencere varsayimiyla yazilmis. Koyu pencerede ikonun arkasinda kocaman
   beyaz bir sekil olarak goruluyordu; pencere zeminiyle esitliyoruz.
   Hata / uyari / bilgi ikonlarinda boyle bir maske yok, olculdu. */
body .swal-icon--success::before,
body .swal-icon--success::after {
    background: #1a1817 !important;
}


/* 3.19.7 MOBIL
   390px'te karsilastirma listesi 200px'lik kutulardan olusuyor ve
   pencere kenarina dayaniyordu; kutulari daraltip pencereye nefes
   payi biraktik. */

@media (max-width: 991px) {

    body .native-modal .modal-content {
        border-radius: 12px !important;
    }

    body .pre-compare-wrapper .list-wrapper .list .item,
    body .pre-compare-wrapper .list-wrapper .list .item-fill {
        width: 150px !important;
        height: 235px !important;
        margin-right: 10px !important;
    }

    body .pre-compare-wrapper .list-wrapper {
        height: 255px !important;
    }

    body .pre-compare-wrapper .list-wrapper .list .item .image {
        height: 120px !important;
    }

    body .pre-compare-wrapper .list-wrapper .list .item .image img {
        max-height: 120px !important;
    }

    /* Fiyat alarmi satirlari 130px etiket + kutular ile tasiyordu */
    body .customer-product-price-alert-form .group {
        flex-wrap: wrap !important;
    }

    body .customer-product-price-alert-form .group .name {
        width: 100% !important;
        margin-bottom: 6px !important;
    }
}


/* SONUC (canlida olculdu, /ceviz-kiracagi-sari-dokum)
   Pencere govdesi  rgb(255,255,255) -> rgb(26,24,23), baslik bakir
   Karsilastir      urun adi #333 -> #e8e6e3, fiyat bakir, bos slot
                    dolu gri blok -> kesikli cizgili bos cerceve
   Uye girisi       form kutulari, etiketler ve iki buton koyu temaya
                    alindi (fiyat alarmi penceresi de ayni kabugu
                    kullaniyor)
   Paylas seridi    rgb(248,248,248) -> rgb(26,24,23), ikonlar
                    rgb(183,168,154) -> #ffffff
   Uyari penceresi  beyaz -> koyu; basari ikonundaki beyaz maskeler
                    kaldirildi
   Mobil 390px      pencere 374px, karsilastirma kutulari 150x235,
                    iki kutu yan yana siyor, yatay tasma 0 */


/* --- 3.20 TAKSIT SECENEKLERI - MASAUSTUNDE DORTLU DUZEN ----------------

   Talep: taksit tablolari masaustunde yan yana dort tane olsun.

   Mevcut durum (canlida olculdu, 1440x900, /ceviz-kiracagi-sari-dokum):
   satir genisligi 1190px, her kolon 583px -> satir basina IKI tablo.

   Markup: her banka bir kolon, sinifi
     "col-12 col-md-6 col-lg-4 installment-N"
   yani cekirdek zaten uc sutunluk (col-lg-4) bir izgara kurmus. Bolge 1
   bunu ezip ikiye dusuruyor:
     .product-body .product-installments .col-lg-4 {
         flex: 0 0 49% !important; max-width: 49% !important; }

   OZGULLUK TUZAGI: o kural "body .product-body ..." diye yazilamaz -
   .product-body sinifi <body>'nin KENDISINDE oldugu icin oyle bir secici
   hicbir sey secmez (dosyada bu hatadan 73 tane var). Bilesik yazmak
   sart: "body.product-body ..." = (0,3,1) ve Bolge 1'in (0,3,0)
   kuralini yener. Ikinci secici de ayni ozgullukte (0,3,1) yazildi;
   panelde col-lg-4 sinifi degisirse yapisal olarak devreye girer.

   TABLO GENISLIGI - neden baslik olculeri de kisiliyor:
   Basliklara 3.13.4'te "white-space: nowrap" verilmisti, bu yuzden
   tablonun bir min-content genisligi var ve .group "overflow: hidden"
   oldugu icin altina inildiginde tablo KAYDIRILMAZ, KIRPILIR.
   Olculen min-content:
     mevcut baslik olculeriyle (11px, 0.06em, 8px dolgu)  269px
     asagidaki kisilmis olculerle (10px, 0.02em, 4px dolgu) 210px
   1200px ekranda kolon 290 -> govde 270 kaliyor. 269px ile pay 1px
   olurdu; kisilmis olculerle 60px pay kaliyor. Bu yuzden dortlu duzen
   ile baslik olculeri birlikte devreye giriyor.

   ESIK NEDEN 1200: 992-1199 arasinda satir ~980px'e dusuyor, dortlu
   duzende govde 225px kalir - sigiyor ama uc sutun cok sikisir.
   O aralikta ikili duzen (mevcut hali) korunuyor, 991px altinda zaten
   tek sutun. */

@media (min-width: 1200px) {

    body.product-body .product-installments .col-lg-4,
    body .product-installments .row > [class*="installment-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    body .product-installments .group table thead th {
        font-size: 10px !important;
        letter-spacing: 0.02em !important;
        padding: 11px 4px !important;
    }

    body .product-installments .group table tbody td {
        padding: 10px 4px !important;
    }
}


/* SONUC (canlida olculdu, 1440x900)
   Satir basina tablo : 2 -> 4
   Kolon genisligi    : 583px -> 298px (govde 278, tablo 276)
   Baslik hucreleri   : 57 / 107 / 112 px - tasma yok, kirpma yok
   En genis banka logosu 113px, 278px govdeye rahat siyor
   Yatay tasma        : 0 (degismedi)
   1200px alti ve mobil duzen degismedi. */


/* --- 3.21 SEPET SAYFASI NEFES PAYI + ODEME ADIM GOSTERGESI -------------

   Iki ayri sorun, ikisi de canlida olculdu (1440x900 ve 390x844).


   3.21.1 SEPET SAYFASI ICERIGI HEADER'A VE ALT SERIDE YAPISIK

   Olculen (/sepet, sepette 1 urun, 1440px):
     header alt kenari          121
     sepet icerik bolumu ust    121   -> UST BOSLUK 0
     sepet icerik bolumu alt    594
     bilgi seridi ust kenarligi 594   -> ALT BOSLUK 0

   Yani "Siparis Ozeti" paneli yukarida header'in dibine, asagida da
   guvence seridinin ayirici cizgisine yapisiyor.

   Karsilastirma: odeme sayfasinda ayni yerde 20px bosluk var, sepette 0.
   Fark, sepet duzeninde ilk bolumun kendi dikey dolgusunun olmamasindan
   geliyor.

   HANGI BOLUM? Sepet sayfasinda arka arkaya IKI icerik bolumu basiliyor
   ve icerigi hangisinin tasidigi sepetin durumuna gore DEGISIYOR:
     sepet doluysa : 2. bolum tasiyor  (1. bolum tamamen bos, 0px)
     sepet bossa   : 1. bolum tasiyor  (2. bolum tamamen bos, 0px)
   Sabit bir siraya (nth-of-type) dolgu verilirse bos olan bolum de
   dolgu alir ve sayfada sebepsiz bir bosluk olusur. Bu yuzden icerigi
   GERCEKTEN tasiyan bolum :has() ile secildi - dosyada 3.14 ve 3.15.9
   zaten ayni yontemi kullaniyor.

   Kullanicinin talebi geregi kural yalnizca sepet sayfasina baglandi
   (body.cart-body); odeme, kategori vb. sayfalar degismedi. */

body.cart-body section.pattern-group:has(.shopping-cart-1),
body.cart-body section.pattern-group:has(.cart-empty-wrapper) {
    padding-top: 32px !important;
    padding-bottom: 40px !important;
}


/* 3.21.2 BOS SEPET - IC ICE IKI CERCEVE
   Bosluk olcumu sirasinda cikti: bos sepet ekraninda ust uste iki
   cerceve ciziliyordu -
     .p-g-b-c-inner    1200x700  kenarlik rgba(bakir,0.10)  zemin #1a1817
     .cart-empty-wrapper 1149x579 kenarlik rgba(bakir,0.12) zemin seffaf
   Ikisi arasinda 23px'lik bir bosluk kaliyor ve kutu icinde kutu gibi
   duruyordu. 3.15.9 bu katlanmanin ORTA katmanini kaldirmisti; geriye
   kalan bu iki katmandan icteki, kendi zemini olmadigi icin gereksiz.
   Dis panel tek kart olarak kaliyor. */

body.cart-body .cart-empty-wrapper {
    border: 0 !important;
    border-radius: 0 !important;
}


/* 3.21.3 ODEME SAYFASI - ADIM GOSTERGESINDE BEYAZ CIZGI

   Olculen (/odeme, 1. adim aktif):
     .step.active::after         rgba(194,149,84,0.45)  bakir   DOGRU
     .step-2::after              rgba(255,255,255,0.12)  sonuk  DOGRU
     .step-2::before             rgb(198,202,205)        BEYAZ  HATA
     .step-3::before             rgb(198,202,205)        BEYAZ  HATA

   Iki daire arasindaki her baglayici IKI parcadan olusuyor: soldaki
   adimin ::after'i (sol yari) + sagdaki adimin ::before'u (sag yari).
   3.15.5 yalnizca ::after'i koyu temaya almisti, ::before cekirdegin
   acik tema grisi (#c6cacd) olarak kalmisti. Ekranda 1 ile 2 arasindaki
   cizginin sol yarisi bakir, sag yarisi bembeyaz cikiyordu; 2 ile 3
   arasinda da sag yari beyazdi. Kullanicinin gordugu sorun bu.

   Ayrica olculen ikincil kusurlar:
   a) Cizgiler daire merkezinden 3px asagida. Daire 50px, yani merkez
      25px'te; cizgiye "top: 28px" verilmis, 2px kalinlikla merkezi
      29px'e dusuyor. 24px yapilinca merkez tam 25 oluyor.
   b) Pasif adim etiketleri rgb(119,119,119). #1a1817 zeminde olculen
      kontrast 3,9:1 - WCAG asgari 4,5:1. #8c837b ile 4,9:1.
   c) Pasif daire rakami rgb(140,131,123), daire zemininde 3,8:1.
      #b7a89a ile 6,1:1.
   d) Pasif daire zemini rgba(255,255,255,0.05) yani YARI SAYDAM. Daire
      z-index 2 ile cizginin ustunde duruyor ama saydam oldugu icin
      baglayici cizgi dairenin icinden hafifce siziyordu. Ayni tonun
      duz karsiligi (#262422 = #1a1817 + %5 beyaz) verildi.

   ILERLEME MANTIGI: cekirdek yalnizca bulunulan adima .active veriyor,
   tamamlanmis adimlar icin ayri bir sinif yok. Onlari "aktif adimdan
   once gelen adim" olarak :has(~ .active) ile yakaliyoruz. Sonuc gercek
   bir ilerleme cubugu:
     1. adimda : [1]==bakir==|--sonuk--[2]--sonuk--|--sonuk--[3]
     2. adimda : [1]==bakir==|==bakir==[2]==bakir==|--sonuk--[3]
     3. adimda : hepsi bakir
   Yani cizgi bir sonraki daireye kadar yarim doluyor - temanin zaten
   amacladigi davranis, sadece bos yarisi artik beyaz degil.

   OZGULLUK: 3.15.5'teki kurallar "body.payment-body .step..." (0,3,1) ve
   ".step.active .circle" (0,4,1). Buradakiler araya .payment-steps-1
   girdigi icin bir basamak yuksek; ayrica .active kurallari kendi genel
   kurallarimdan SONRA geliyor - sirasi degistirilmemeli. */

body.payment-body .payment-steps-1 .step::before,
body.payment-body .payment-steps-1 .step::after {
    background-color: rgba(255, 255, 255, 0.10) !important;
    height: 2px !important;
    top: 24px !important;
    border-radius: 2px !important;
}

/* Katedilen yol: tamamlanan adimlarin iki yarisi + aktif adimin
   kendisine giren ve kendisinden cikan yarim */
body.payment-body .payment-steps-1 .step:has(~ .active)::before,
body.payment-body .payment-steps-1 .step:has(~ .active)::after,
body.payment-body .payment-steps-1 .step.active::before,
body.payment-body .payment-steps-1 .step.active::after {
    background-color: rgba(var(--tg-copper-rgb), 0.55) !important;
}

/* Daireler */
body.payment-body .payment-steps-1 .step .circle {
    background-color: #262422 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #b7a89a !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body.payment-body .payment-steps-1 .step:has(~ .active) .circle {
    background-color: #352c21 !important;
    border-color: rgba(var(--tg-copper-rgb), 0.55) !important;
    color: var(--tigger-copper, #c29554) !important;
}

body.payment-body .payment-steps-1 .step.active .circle {
    background-color: var(--tigger-copper, #c29554) !important;
    border-color: var(--tigger-copper, #c29554) !important;
    color: #151413 !important;
    box-shadow: 0 0 0 6px rgba(var(--tg-copper-rgb), 0.13) !important;
}

/* Etiketler */
body.payment-body .payment-steps-1 .step {
    color: #8c837b !important;
    font-weight: 500 !important;
}

body.payment-body .payment-steps-1 .step:has(~ .active) {
    color: #b7a89a !important;
}

body.payment-body .payment-steps-1 .step.active {
    color: var(--tigger-copper, #c29554) !important;
    font-weight: 600 !important;
}


@media (max-width: 991px) {

    /* Mobilde header 72px ve sayfa zaten daha sikisik; 32/40 fazla
       geliyor. */
    body.cart-body section.pattern-group:has(.shopping-cart-1),
    body.cart-body section.pattern-group:has(.cart-empty-wrapper) {
        padding-top: 20px !important;
        padding-bottom: 28px !important;
    }
}


/* SONUC (canlida olculdu)
   Sepet 1440px : ust bosluk 0 -> 32px, alt bosluk 0 -> 40px
                  (sepet dolu ve bos halde ayri ayri dogrulandi; bos olan
                  kardes bolum dolgu ALMIYOR, hayalet bosluk yok)
   Sepet 390px  : ust 0 -> 20px, alt 0 -> 28px
   Bos sepet    : ic ice iki cerceve -> tek panel
   Adim cubugu  : beyaz yarim cizgiler rgb(198,202,205) -> rgba(255,255,255,0.10)
                  cizgi merkezi 29px -> 25px (daire merkeziyle ayni)
                  pasif etiket 3,9:1 -> 4,9:1, pasif rakam 3,8:1 -> 6,1:1
                  2. adim aktifken tamamlanan 1. adim bakir tonda
   Yatay tasma  : 0 (degismedi) */


/* --- 3.22 ODEME SAYFASI SIPARIS OZETI PANELI ---------------------------


   3.22.1 "SEPETTEKI URUNLER" LISTESI KAPALI GELIYOR

   Markup cekirdekten:
     <a class="p-list-button"
        onclick="$('.payment-cart-summary-1 .p-list').toggleClass('d-none')">
       <i class="fas fa-caret-down"></i><span>Sepetteki Urunler</span></a>
     <div class="p-list d-none"> ... urun tablosu ... </div>

   Yani liste sunucudan zaten "d-none" ile, KAPALI basiliyor; acilip
   kapanmasi da satir ici jQuery ile yapiliyor. CSS'in varsayilan durumu
   "acik" yapabilmesinin tek yolu bootstrap'in .d-none kuralini ezmek -
   bu da dugmeyi islevsiz birakiyor (tiklaninca sinif degisiyor ama
   gorunum degismiyor). Baslik bu yuzden bir BOLUM ETIKETINE cevrildi:
   ok ikonu gizlendi, dugme gorunumu birakildi. Talep zaten "full acik".

   ONEMLI: pointer-events KAPATILMADI. Ilk denemede kapatilmisti ve o
   zaman basligin metni fare ile SECILEMIYORDU. Dugme tiklanabilir
   kaliyor, ama liste display:block ile zorlandigi icin tiklama hicbir
   sey degistirmiyor - yani islevsiz ama metin secilebilir.

   OZGULLUK: bootstrap ".d-none { display: none !important }" (0,1,0).
   Asagidaki secici (0,3,1); ikisi de !important oldugu icin yuksek
   ozgulluklu olan kazaniyor.

   KAPSAM: .p-list yalnizca odeme sayfasinda basiliyor - sepet
   sayfasinda hic yok (olculdu), yani orada mukerrer bir urun listesi
   olusmuyor. Kural yine de body.payment-body ile sinirli. */

body.payment-body .payment-cart-summary-1 .p-list,
body.payment-body .payment-cart-summary-1 .p-list.d-none {
    display: block !important;
    margin-bottom: 18px !important;
}

body.payment-body .payment-cart-summary-1 .p-list-button {
    pointer-events: auto !important;
    cursor: default !important;
    display: block !important;
    color: #8c837b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
}

body.payment-body .payment-cart-summary-1 .p-list-button i {
    display: none !important;
}


/* 3.22.2 OZET TABLOLARININ TASARIMI

   ILK DENEME NEDEN YETMEDI (kayit icin):
   Once tablolara "-12px yatay margin + 12px dolgu" verilmisti. Amac
   metni panelin 25px'lik ic hizasinda tutup zeminli seridi disari
   tasirmakti. Matematik dogruydu ama GORSEL sonuc yanlisti: metin yine
   seridin kendi kenarina cok yakin kaliyordu, yani ekranda "sol dolgu
   hala 0" gibi duruyordu. Hiza ile nefes payi arasinda secim gerekti;
   nefes payi secildi.

   YENI KURULUS (canlida olculdu, 1440px):
     panel .p-g-b-c-inner   928..1315, dolgu 25px -> ic alan 953..1290
     tablolar              954..1289  (negatif margin YOK, tam ic alan)
     metin                 970..1273  -> her iki yanda net 16px

   Yani serit panelin ic alanini kapliyor, metin de seridin 16px
   icinde. "Siparis Ozeti" basligi ile tablo metni arasinda 16px'lik
   bilincli bir kademe var - tablolar artik panelin icinde ayri birer
   KART gibi okunuyor, o yuzden bu kayma hata degil, hiyerarsi.

   Tasarim kararlari:
   - Iki tablo da 10px yuvarlatilmis, overflow:hidden ile kart.
     (border-collapse: separate sart - collapse'ta yaricap calismaz.)
   - Kolon basliklari kucuk, harf araligi acik, buyuk harf, sessiz gri.
   - Urun satirlari koyu (#121110), aralarinda sac teli ayirici.
   - Hizalama: urun sol, miktar orta, tutar sag; rakamlar tabular.
   - Ara toplamlar (Urunler Toplami / Kargo) 14px, Genel Toplam 19px ve
     bakir zeminli - tek bir vurgu noktasi kaliyor.

   OZGULLUK TUZAGI: Bolge 2'nin 35. bolumundeki
     "body .pattern-group-p-payment .payment-cart-summary-1
      table.summary tfoot th:last-child" = (0,4,4)
   ara toplamlarin tutarini 18px'e zorluyordu. Ilk yazdigim
   ".summary tfoot th:last-child" (0,4,3) bir ELEMAN eksik kaldigi icin
   kaybediyordu. Asagida "table.summary tfoot tr th:last-child" (0,4,5)
   ile yeniliyor - araya "table" ve "tr" bilerek eklendi.

   Sepet sayfasindaki ayni ozet tablosuna DOKUNULMADI - orada dolgular
   zaten 0/0 ve satirlarin zemini seffaf, yani simetrik duruyor. */

body.payment-body .payment-cart-summary-1 table {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    font-variant-numeric: tabular-nums;
}

body.payment-body .payment-cart-summary-1 table th,
body.payment-body .payment-cart-summary-1 table td {
    border: 0 !important;
    padding: 13px 16px !important;
    vertical-align: middle !important;
}

body.payment-body .payment-cart-summary-1 table th:first-child,
body.payment-body .payment-cart-summary-1 table td:first-child {
    text-align: left !important;
}

body.payment-body .payment-cart-summary-1 table th:last-child,
body.payment-body .payment-cart-summary-1 table td:last-child {
    text-align: right !important;
}


/* Urun tablosu - kolon basliklari */
body.payment-body .payment-cart-summary-1 .p-list table th {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #8c837b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

/* Urun tablosu - satirlar */
body.payment-body .payment-cart-summary-1 .p-list table tbody td {
    background-color: #121110 !important;
    color: #e8e6e3 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
}

body.payment-body .payment-cart-summary-1 .p-list table tbody tr + tr td {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Urun adi: Bolge 1'de "max-height: 74px" var, uzun adlarda metni
   kirpiyordu; kaldirildi. */
body.payment-body .payment-cart-summary-1 .p-list table .td-product a {
    display: block !important;
    max-height: none !important;
    color: #e8e6e3 !important;
    transition: color 0.2s ease !important;
}

body.payment-body .payment-cart-summary-1 .p-list table .td-product a:hover {
    color: var(--tigger-copper, #c29554) !important;
}

body.payment-body .payment-cart-summary-1 .p-list table tbody td:nth-child(2) {
    text-align: center !important;
    color: #8c837b !important;
    white-space: nowrap !important;
}

body.payment-body .payment-cart-summary-1 .p-list table tbody td:last-child {
    color: #ffffff !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}


/* Ozet tablosu - ara satirlar */
body.payment-body .payment-cart-summary-1 .summary tfoot th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #b7a89a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 13px 16px !important;
}

body.payment-body .payment-cart-summary-1 table.summary tfoot tr th:last-child {
    color: #f5f2ee !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* Genel Toplam - tek vurgu noktasi */
body.payment-body .payment-cart-summary-1 .summary tfoot tr:last-child th {
    background-color: rgba(var(--tg-copper-rgb), 0.09) !important;
    border-bottom: 0 !important;
    color: var(--tigger-copper, #c29554) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

body.payment-body .payment-cart-summary-1 table.summary tfoot tr:last-child th:last-child {
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}


@media (max-width: 991px) {

    /* 390px'te panelin ic alani ~320px. 16px dolgu ile uc hucrede
       96px dolgu + sabit genislikli tutarlar kaliyor, urun adina cok
       az yer kaliyordu. 12px'e cekiliyor. */
    body.payment-body .payment-cart-summary-1 table th,
    body.payment-body .payment-cart-summary-1 table td,
    body.payment-body .payment-cart-summary-1 .summary tfoot th {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.payment-body .payment-cart-summary-1 table.summary tfoot tr:last-child th:last-child {
        font-size: 17px !important;
    }
}


/* SONUC (canlida olculdu, 1440x900)
   Urun listesi   : kapali -> her zaman acik
   Baslik         : pointer-events acik, metin secilebilir
   Metin dolgusu  : sol 0-5px / sag 15px  ->  her iki yanda 16px
                    (metin 970..1273, serit 954..1289)
   Ara toplamlar  : 18px -> 14px  (ozgulluk (0,4,5) ile alindi)
   Genel Toplam   : 19px beyaz, bakir zeminli satir
   Yatay tasma    : 0 */


/* --- 3.23 URUN DETAY - OZEL ALAN KUTULARI (KISISELLESTIRME) ------------

   Talep: urune ozel doldurulan alanlar (Ad Soyad, 1. Bardak Ismi, 2.
   Bardak Ismi) arama kutusuyla ayni gorunumde olsun.

   Markup (cekirdek):
     <div class="special-field-box">
       <ul>
         <li class="field">
           <div class="info">
             <div class="name">Ad Soyad <span class="text-danger">*</span></div>
             <div class="description"></div>
           </div>
           <div class="value">
             <input class="form-control field-input" data-label="Ad Soyad">
           </div>
         </li>
       </ul>
     </div>

   Bu alanlar panelden urun bazinda tanimlaniyor, yani hangi urunde kac
   tane cikacagi degisken. Kural bu yuzden sayiya veya siraya degil,
   yapiya bagli - yeni bir alan eklenince otomatik kapsaniyor.

   OLCULEN (1440px, /ehlikeyf-isimli-aile-seti-gumus-kutusuz):

                       ONCE                        SONRA (= arama kutusu)
     zemin        rgb(255,255,255)            rgb(35,33,31)
     metin        rgb(73,80,87)               rgb(232,230,227)
     kenarlik     1px solid rgb(206,212,218)  1px solid rgba(194,149,84,0.20)
     yukseklik    33,5px                      40px
     yazi         13px                        14px
     dolgu        6px 12px                    9px 16px
     kose         12px                        12px

   Yani alanlar bootstrap'in .form-control varsayilanlarinda kalmis.
   Bolge 2'nin koyu .form-control kurallari yalnizca odeme / uye girisi /
   icerik sayfalari icin yazilmis, urun detay kapsam disindaydi.
   Degerler arama kutusundan (.search-header form input) BIREBIR
   kopyalandi - canlida iki kutunun computed style'i karsilastirildi.

   Ek olarak:
   - Zorunluluk yildizi bootstrap kirmizisiydi (rgb 220,53,69). Koyu
     bakir zeminde sert duruyordu; bakir tonuna alindi.
   - Bos <div class="description"></div> her satirda yer kapliyordu.
   - Odak durumu tanimli degildi (tarayici varsayilan mavi halkasi).
   - Chrome otomatik doldurma bu alanlari beyaza cevirirdi - inset
     box-shadow numarasi ile engellendi (uye giris sayfasinda da ayni
     yontem kullaniliyor).

   DUZEN: masaustunde etiket solda (120px), kutu sagda - cekirdegin
   flex satiri korundu. 991px altinda etiket kutunun USTUNE aliniyor;
   dar ekranda 120px'lik etiket sutunu kutuya 200px'in altinda yer
   birakiyor ve isim yazmak icin cok dar kaliyor. */

body.product-body .special-field-box {
    margin: 18px 0 0 !important;
    padding: 0 !important;
}

body.product-body .special-field-box ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.product-body .special-field-box li.field {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

body.product-body .special-field-box li.field:last-child {
    margin-bottom: 0 !important;
}


/* Etiket sutunu */
body.product-body .special-field-box li.field .info {
    flex: 0 0 120px !important;
}

body.product-body .special-field-box .name {
    color: #b7a89a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

body.product-body .special-field-box .name .text-danger {
    color: rgba(var(--tg-copper-rgb), 0.85) !important;
    font-weight: 700 !important;
    margin-left: 2px !important;
}

body.product-body .special-field-box .description:empty {
    display: none !important;
}


/* Kutu sutunu */
body.product-body .special-field-box .value {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* ASIL KURAL - arama kutusuyla ayni gorunum */
body.product-body .special-field-box .field-input,
body.product-body .special-field-box .form-control.field-input {
    width: 100% !important;
    height: 40px !important;
    background-color: #23211f !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.20) !important;
    border-radius: 12px !important;
    color: #e8e6e3 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 9px 16px !important;
    box-shadow: none !important;
    outline: none !important;
    transition:
        border-color 0.25s var(--tg-ease-soft),
        box-shadow 0.25s var(--tg-ease-soft),
        background-color 0.25s var(--tg-ease-soft) !important;
}

body.product-body .special-field-box .field-input::placeholder {
    color: #6f6862 !important;
}

body.product-body .special-field-box .field-input:hover {
    border-color: rgba(var(--tg-copper-rgb), 0.38) !important;
}

body.product-body .special-field-box .field-input:focus {
    border-color: var(--tigger-copper, #c29554) !important;
    background-color: #262422 !important;
    box-shadow: 0 0 0 3px rgba(var(--tg-copper-rgb), 0.16) !important;
}

/* Panelde alan tipi metin yerine cok satirli / secim olarak
   tanimlanabiliyor; ikisi de ayni kabugu kullansin. */
body.product-body .special-field-box textarea.field-input {
    height: auto !important;
    min-height: 78px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    resize: vertical !important;
}

body.product-body .special-field-box select.field-input {
    cursor: pointer !important;
}

/* Chrome otomatik doldurma alani beyaza ceviriyordu */
body.product-body .special-field-box .field-input:-webkit-autofill,
body.product-body .special-field-box .field-input:-webkit-autofill:hover,
body.product-body .special-field-box .field-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 40px #23211f inset !important;
    -webkit-text-fill-color: #e8e6e3 !important;
    caret-color: #e8e6e3 !important;
}


@media (max-width: 991px) {

    body.product-body .special-field-box li.field {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 7px !important;
        margin-bottom: 13px !important;
    }

    body.product-body .special-field-box li.field .info {
        flex: 0 0 auto !important;
    }
}


/* SONUC (canlida olculdu)
   Kutu       : arama kutusuyla BIREBIR ayni computed style
                zemin rgb(35,33,31) / metin rgb(232,230,227) /
                kenarlik rgba(194,149,84,0.20) / 40px / 14px / 9px 16px
   Odak       : kenarlik #c29554, zemin #262422,
                golge 0 0 0 3px rgba(194,149,84,0.16)
   Masaustu   : etiket 120px + kutu 333px, satir 40px, blok 141px
   Mobil      : etiket ustte, kutu tam genislik
   Yatay tasma: 0 */


/* --- 3.24 HESABIM ALANI - KOYU TEMAYA ALMA ----------------------------

   Body sinifi: account-body  (yine BILESIK yazilmali - sinif <body>'nin
   kendisinde. Dosyadaki 146 olu secici hep bu tuzaktan cikti.)

   OLCULEN (1440px, giris yapilmis oturum):

     oge                     renk / zemin                  kontrast
     sayfa basligi .title    rgb(72,72,72) / #1e1c1a          1,86
     kullanici adi .name     rgb(72,72,72) / #1e1c1a          1,86
     bos durum paneli        zemin BEYAZ                        -
     aciklama .description-2 #e8e6e3 / beyaz                  1,25
     buton .btn-success      #b7a89a / bootstrap yesili       1,35
     avatar .user-letters    siyah metin / acik gradient        -
     menu aktif satir        pasifle AYNI renk - ayrim yok      -

   WCAG asgari 4,5:1. Yani bu ekranlarin yarisi okunmuyordu.


   ASIL BULUS - TEMANIN KENDI KOYU VARYANTI VAR
   Hesap alani ayri bir stil dosyasindan besleniyor (account.css, 542
   kural) ve o dosya bir acik/koyu anahtari tanimliyor:

     .user-account-styles      { --account-bg: #fff;
                                 --account-primary: #000;
                                 --account-border: #E2E2E2; }
     .user-account-style-dark  { --account-bg: transparent;
                                 --account-primary: #fff;
                                 --account-border: rgba(255,255,255,.2); }

   Canli sayfadaki kapsayici:
     <div class="user-account-styles user-account-style-light ...">

   Yani tema ACIK varyantta duruyor. Panelde buna karsilik gelen bir
   ayar olmasi kuvvetle muhtemel; oradan "koyu" secilirse bu bolumun
   buyuk kismi zaten yerlesik olarak duzelir. Asagidaki kurallar o ayar
   bulunamasa da calisir, bulunup acilirsa da bozulmaz (kendi
   ozgullugumuz her iki sinifi da yeniyor).

   NEDEN DEGISKENLERI EZIYORUZ
   account.css icinde bu uc degiskeni kullanan kural sayisi:
     --account-bg      18 bilesen
     --account-primary 12 bilesen
     --account-border  50 bilesen
   Bunlarin arasinda henuz ICERIGI OLMAYAN ve bu yuzden goremedigim
   ekranlar da var: siparis detayi, talep detayi, kupon listesi,
   koleksiyonlar, bakiye/cuzdan, bayilik raporlari. Tek tek secici
   yazmak yerine degiskeni ezmek o sayfalari da simdiden kapsiyor.
   Uc bildirim, yaklasik seksen bilesen.

   --account-bg icin "transparent" degil #1a1817 secildi: paneller
   sepet/odeme sayfalarindaki kartlarla ayni tonda kalsin diye.
   Not: .user-account-left-wrapper ve -right-wrapper Bolge 1'de zaten
   "background: transparent" aliyor, yani iki buyuk sarmalayici bu
   degisiklikten etkilenmiyor - sadece ic kartlar renk aliyor. */

body.account-body .user-account-styles,
body.account-body .user-account-style-light,
body.account-body .user-account-style-dark {
    --account-bg: #1a1817;
    --account-primary: var(--tigger-copper, #c29554);
    --account-border: rgba(var(--tg-copper-rgb), 0.14);
}


/* 3.24.1 SOL SUTUN

   Avatar: account.css "background: linear-gradient(...)" veriyor, yani
   bir arka plan GORSELI. Sadece background-color ezmek yetmiyordu -
   gradient ustte kalip daireyi beyaz gosteriyordu. background-image
   ayrica sifirlaniyor. Temanin kendi koyu varyanti bile bu daireyi
   duzeltmiyor, o yuzden panelden koyu secilse de bu kural gerekli. */

body.account-body .user-letters {
    background: rgba(var(--tg-copper-rgb), 0.12) !important;
    background-image: none !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.30) !important;
    color: var(--tigger-copper, #c29554) !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}

body.account-body .user-band .name {
    color: #f5f2ee !important;
    font-weight: 600 !important;
}

body.account-body .user-band {
    color: #8c837b !important;
}

/* Menu: aktif satir pasifle ayni renkteydi. Sebep, account.css'in
   aktif kuralini Bolge 2'nin genel "a { color: ... !important }"
   kuralinin ezmesi. Burada acik acik geri aliniyor. */
body.account-body .user-account-menu a {
    color: #b7a89a !important;
    border-radius: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    transition:
        background-color 0.2s var(--tg-ease-soft),
        color 0.2s var(--tg-ease-soft) !important;
}

body.account-body .user-account-menu a:hover {
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: #f5f2ee !important;
}

body.account-body .user-account-menu a.active {
    background-color: rgba(var(--tg-copper-rgb), 0.10) !important;
    color: var(--tigger-copper, #c29554) !important;
    font-weight: 600 !important;
}

body.account-body .user-account-menu a.active i {
    color: var(--tigger-copper, #c29554) !important;
}


/* 3.24.2 SAYFA BASLIGI
   3.9'daki breadcrumb basligiyla ayni dil: ince ayirici + kisa bakir
   vurgu. Boylece hesap sayfalari sitenin geri kalaniyla ayni ritimde. */

body.account-body .user-account-page-header {
    border-bottom: 1px solid rgba(var(--tg-copper-rgb), 0.14) !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

body.account-body .user-account-page-header::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;
    width: 56px !important;
    height: 2px !important;
    background: linear-gradient(90deg,
        var(--tigger-copper, #c29554) 0%,
        rgba(var(--tg-copper-rgb), 0) 100%) !important;
}

body.account-body .user-account-page-header .title {
    color: #f5f2ee !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}


/* 3.24.3 BOS DURUM PANELI
   Zemin ve kenarlik artik degiskenden geliyor; burada sadece olcu ve
   metin renkleri kaliyor.

   IKON EZILMESI - olculen ve duzeltilen:
   account.css panele SABIT yukseklik veriyor ve dikey bir flex kutusu
   kuruyor:
     .user-account-no-records { display:flex; flex-direction:column;
                                height: 250px }
     .user-account-no-records .icon { width:60px; height:60px;
                                      border-radius:100% }
   Dikey flex'te yukseklik ANA EKSEN olcusudur, yani ikonun 60px'i bir
   hedef degil bir baslangic degeri - kutu tasarsa kuculebilir
   (varsayilan flex-shrink: 1).

   Asagidaki 44px'lik dikey dolgu eklenince gereken toplam yukseklik
   250px'i asti:
     44 + 60 + 10 + 25,5 + 10 + 22,5 + 20 + 47,6 + 44 = 283,6
   Fazlalik ikondan kesildi ve ikon 60x26,6'ya dustu. Yaricap "100%"
   oldugu icin de daire degil YATAY ELIPS ciziliyordu. Kenarlik ayni
   revizyonda eklendigi icin bicim ilk kez gorunur hale geldi.

   Iki tarafli cozum:
   - Ikon artik kuculemez (flex: 0 0 auto) ve olcusu acik yaziliyor.
   - Panelin sabit yuksekligi asgariye cevriliyor; icerik uzun olursa
     (orn. iki satirlik aciklama) panel BUYUYOR, ogeleri sikistirmiyor.
   Ayni panel butun hesap alt sayfalarinda kullaniliyor - favoriler,
   siparisler, kuponlar, talepler, koleksiyonlar - hepsi kapsandi. */

body.account-body .user-account-no-records {
    height: auto !important;
    min-height: 250px !important;
    border-radius: 12px !important;
    padding: 44px 24px !important;
}

body.account-body .user-account-no-records .icon {
    flex: 0 0 auto !important;
    width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    margin-bottom: 16px !important;
    font-size: 24px !important;
    line-height: 1 !important;
    background-color: rgba(var(--tg-copper-rgb), 0.10) !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.22) !important;
}

body.account-body .user-account-no-records .icon i {
    line-height: 1 !important;
}

body.account-body .user-account-no-records .description-2 {
    color: #b7a89a !important;
}


/* 3.24.4 BUTONLAR
   "Alisverise Devam Et" ve form kaydetme butonlari bootstrap yesiliydi
   (#28a745) ve uzerindeki yazi Bolge 2'nin acik bej "a" rengiydi -
   olculen kontrast 1,35. */

body.account-body .btn-success,
body.account-body a.btn-success,
body.account-body button.btn-success {
    background-color: var(--tigger-copper, #c29554) !important;
    border-color: var(--tigger-copper, #c29554) !important;
    color: #151413 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 11px 26px !important;
    transition: background-color 0.2s var(--tg-ease-soft) !important;
}

body.account-body .btn-success:hover,
body.account-body a.btn-success:hover,
body.account-body button.btn-success:hover {
    background-color: #d1a565 !important;
    border-color: #d1a565 !important;
    color: #151413 !important;
}


/* 3.24.5 SEKMELER VE HAP DUGMELERI

   Iki ayri bilesen var:
     .user-account-tabs  .nav-tabs   -> Hesap Ayarlarim
     .user-account-pills .nav-pills  -> Degerlendirmelerim

   DIKKAT - hap dugmeleri: --account-primary'yi bakir yapinca aktif hap
   BAKIR ZEMIN aliyor, ama account.css o duruma "color: #fff" yaziyor
   ve Bolge 2'nin "a { color: ... !important }" kurali onu acik beje
   ceviriyor. Olculen kontrast 1,18 - yani yazi kayboluyordu.
   Aktif ve hover durumunda metin bilincli olarak KOYU yapiliyor. */

body.account-body .user-account-tabs .nav-tabs .nav-link {
    color: #8c837b !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 10px 4px !important;
    margin-right: 22px !important;
    font-weight: 500 !important;
}

body.account-body .user-account-tabs .nav-tabs .nav-link:hover {
    color: #e8e6e3 !important;
}

body.account-body .user-account-tabs .nav-tabs .nav-link.active {
    color: var(--tigger-copper, #c29554) !important;
    background: transparent !important;
    border-bottom-color: var(--tigger-copper, #c29554) !important;
    font-weight: 600 !important;
}

body.account-body .user-account-pills .nav-pills .nav-link {
    color: #b7a89a !important;
    border-color: rgba(var(--tg-copper-rgb), 0.14) !important;
}

body.account-body .user-account-pills .nav-pills .nav-link:hover,
body.account-body .user-account-pills .nav-pills .nav-link.active,
body.account-body .user-account-pills .nav-pills .show > .nav-link {
    color: #151413 !important;
    font-weight: 600 !important;
}


/* 3.24.6 FORMLAR (Hesap Ayarlarim / Sifre ve Guvenlik / Iletisim)
   Olculen: .form-control beyaz zemin + #222 metin, label #333.
   Uye giris / kayit sayfalarindaki ayni kaliba oturtuluyor. */

body.account-body .user-account-right-wrapper label,
body.account-body .q-form label.solid {
    color: #cccccc !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 7px !important;
}

body.account-body .user-account-right-wrapper .form-control {
    background-color: #121110 !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    height: 45px !important;
    transition:
        border-color 0.2s var(--tg-ease-soft),
        box-shadow 0.2s var(--tg-ease-soft) !important;
}

body.account-body .user-account-right-wrapper textarea.form-control {
    height: auto !important;
    min-height: 90px !important;
}

body.account-body .user-account-right-wrapper .form-control:focus {
    border-color: var(--tigger-copper, #c29554) !important;
    box-shadow: 0 0 0 3px rgba(var(--tg-copper-rgb), 0.16) !important;
}

body.account-body .user-account-right-wrapper .form-control::placeholder {
    color: #6f6862 !important;
}

/* Acilir listenin secenekleri isletim sisteminden beyaz geliyordu */
body.account-body .user-account-right-wrapper select.form-control option {
    background-color: #1a1817 !important;
    color: #ffffff !important;
}

body.account-body .user-account-right-wrapper .form-control:-webkit-autofill,
body.account-body .user-account-right-wrapper .form-control:-webkit-autofill:hover,
body.account-body .user-account-right-wrapper .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 40px #121110 inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

/* Telefon alani (intl-tel-input) - kayit sayfasindaki ile ayni tedavi */
body.account-body .user-account-right-wrapper .iti input[type="tel"] {
    padding-left: 85px !important;
}

body.account-body .user-account-right-wrapper .iti__selected-dial-code {
    color: #ffffff !important;
}

body.account-body .user-account-right-wrapper .iti__country-list {
    background-color: #1a1817 !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.2) !important;
    color: #e8e6e3 !important;
}

body.account-body .user-account-right-wrapper .iti__country.iti__highlight {
    background-color: rgba(var(--tg-copper-rgb), 0.14) !important;
}


/* 3.24.7 TABLOLAR VE UYARI KUTULARI
   Bu hesapta hic siparis / favori / kupon kaydi olmadigi icin tablolar
   canlida GORULEMEDI. Kurallar bu yuzden sinif adi tahminine degil,
   dogrulanmis kapsayicinin (.user-account-right-wrapper) icindeki
   "table" ogesine baglandi - yapisal, yani tema sinif adini
   degistirse bile calisir. */

body.account-body .user-account-right-wrapper table thead th,
body.account-body .user-account-table .table thead th {
    background-color: rgba(var(--tg-copper-rgb), 0.08) !important;
    color: var(--tigger-copper, #c29554) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

body.account-body .user-account-right-wrapper table tbody td {
    background-color: transparent !important;
    color: #e8e6e3 !important;
    vertical-align: middle !important;
}

body.account-body .user-account-right-wrapper table.table-striped tbody tr:nth-of-type(odd) td {
    background-color: rgba(255, 255, 255, 0.018) !important;
}

body.account-body .user-account-right-wrapper table.table-hover tbody tr:hover td {
    background-color: rgba(var(--tg-copper-rgb), 0.07) !important;
    color: #ffffff !important;
}

body.account-body .user-account-right-wrapper table a {
    color: var(--tigger-copper, #c29554) !important;
}

body.account-body .user-account-right-wrapper .alert {
    background-color: rgba(var(--tg-copper-rgb), 0.09) !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.26) !important;
    color: #e8c992 !important;
    border-radius: 12px !important;
}


/* SONUC (canlida olculdu, giris yapilmis oturum, 1440x900)

                          ONCE     SONRA
     sayfa basligi        1,86  ->  15,22
     kullanici adi        1,86  ->  15,22
     hosgeldiniz          4,18  ->   4,57
     aciklama metni       1,25  ->   ~7 (koyu panel uzerinde)
     buton                1,35  ->   6,76
     form etiketi            -  ->  10,58
     form kutusu             -  ->  18,86
     menu aktif satiri    ayrim yok -> bakir zemin + bakir metin, 6,25
     hap dugmesi (aktif)  1,18  ->   6,76
     hap dugmesi (pasif)  2,31  ->   7,65

   Bos durum paneli beyaz -> rgb(26,24,23) + bakir kenarlik
   Avatar acik gradient -> bakir tonlu daire
   Yatay tasma: 0

   Dogrulanan sayfalar: siparisler, favori-listem, fiyat-alarmlari,
   kuponlar, degerlendirmeler, talepler, ayarlar. */


/* --- 3.25 ANASAYFA - MASAUSTUNDE BOLUM RITMI --------------------------

   3.17'de anasayfadaki olu dikey bosluklar temizlenmisti (sayfa 1440px'te
   5413 -> 4839). O temizlik dogru bir kok nedene dayaniyordu (uc tanitim
   blogu uc farkli markup ile yazilmis ve bosluklar CIFT sayiliyordu) ama
   sonucta fazla siki kaldi: tanitim metni ile hemen altindaki urun seridi
   birbirine yapisik okunuyordu.

   OLCULEN (1440px, duzeltme oncesi):

     tanitim blogu -> urun seridi
       Blok 1 (Geleneksel Bakir Islemeciligi)     20 px
       Blok 2 (Sevdiklerinize Ozel)               26 px
       Blok 3 (Sari Dokum Koleksiyonu)             2 px   <- neredeyse sifir
     urun seridi -> sonraki bolum                 117 / 38 px
     sari band ust / alt dolgusu                   62 / 64 px

   Yani ayni iliski uc blokta 20, 26 ve 2 px cikiyor - tutarli bir ritim
   yok. Blok 3'un 2px'e dusmesinin sebebi 3.17.3'teki kural cifti:
   ".p-g-mod-body > .bakir { margin-bottom: 24px }" genel kurali, hemen
   ardindan gelen ".sari .bakir { margin-bottom: 0 }" ile eziliyor - band
   icindeki blok alt boslugunu tamamen kaybediyor.

   NEDEN MARGIN DEGIL DE SERIT MODULU
   Ilk denemede bosluk yine .bakir'in alt margini ile verildi ve TUTMADI.
   Sebep: .bakir bir .p-g-mod-body icinde duruyor, o da overflow:hidden
   olan .p-g-mod'un cocugu. .bakir'a verilen dikey margin kapsayicisinin
   yuksekligine YANSIMIYOR - blok kutusundan tasip alttaki seride
   yaklasiyor. Olculen tasma 18px idi.
   Bu yuzden bosluk tek kaynaga baglandi: urun seridi modulunun kendi
   dikey margini. Modul overflow:hidden oldugu icin margini guvenilir,
   ustelik uc blokta da AYNI mekanizma calisiyor - blok 1'in seridi ayni
   bolumun icinde, blok 2 ve 3'unkiler ayri modul olmasina ragmen sonuc
   ayni.

   Kardes moduller arasinda margin cokmesi devrede: onceki modulun 20px
   alt margini ile seridin 64px ust margini birlesip 64 kaliyor, toplanip
   84 olmuyor. Deger bu yuzden dogrudan okunabiliyor.

   SADECE MASAUSTU: kullanicinin talebi masaustu goruntusuydu. Mobilde
   ekran zaten dar ve 3.17'nin 16px'lik ritmi orada dogru duruyor -
   min-width: 992px ile sinirlandirildi, mobil hic degismedi.

   OLCUM NOTU: bu bloklar scroll-reveal ile geliyor (scripts.js) ve
   goruse girene kadar .tg-reveal sinifiyla 18px asagi otelenmis
   durumdalar. Olcum yapmadan once sayfa bastan sona gezilip 11 ogenin
   tamaminin acildigi dogrulandi; asagidaki degerler acilmis haldeki
   gercek degerler.

   OLCEK SECIMI - UC TUR: ilk uygulamada blok ici 48px / bolum arasi
   103-108px verilmisti. Kullanici "tam istedigim gibi degil" deyince
   bir kademe yukari alindi (64 / 127-128). Ucuncu turda kullanici
   gecis bolgelerinin ekran goruntusunu isaretleyip "hepsi ayni olsun,
   mesela 70px" dedi.

   O ANDA OLCULEN UC BOSLUK - ucu de "bir kenar cizgisinden blogun
   icerigine" mesafesi, ama ucu de BASKA bir mekanizmadan geliyordu:

     1) manset gorselinin alti -> blok 1 basligi     30,8 px
        kaynak: blok 1 kartinin ust dolgusu (.bakir padding: 30px)
     2) kartin bakir alt cizgisi -> blok 2 gorseli   32,0 px
        kaynak: kartin alt margini
     3) sari bandin ust kenari -> blok 3 basligi     64,0 px
        kaynak: bandin ust dolgusu

   Yani ekranda "ayni sey" gibi duran uc bosluk 30 / 32 / 64 cikiyordu.
   Uctu de 70'e cekildi.

   BLOK 1 BIR KART: section.pattern-group.bakir yalnizca bir sarmalayici
   degil - gradient zemini (#14100c -> #0a0806), 1px bakir kenarligi ve
   24px kose yaricapi olan gorunur bir kart; hem tanitim blogunu hem
   urun seridini birlikte tasiyor. Bu yuzden ust dolgusu artirilirken
   alt dolgusu da 70'e cekildi, kart 70/70 simetrik kaliyor. Kartin ve
   bandin ICINDEKI seridin alt margini ayrica sifirlaniyor - yoksa
   dolguyla toplanip alt tarafi 140 gosteriyor ve simetri bozuluyordu.

   TEK DEGER, DOGAL HIYERARSI: ritim artik tek sayiya bagli (70). Iki
   bosluk yan yana geldigi yerde - kartin alt dolgusu + karti izleyen
   margin, ya da seridin alt margini + bandin ust dolgusu - toplam
   kendiliginden 140 oluyor. "Ayni bolumun parcasi" ile "ayri bolum"
   ayrimi 70/140 olarak korunuyor, ikinci bir deger tanimlamaya gerek
   kalmiyor. */

@media (min-width: 992px) {

    /* Bloklarin kendi dikey margini sifirlanir - kapsayicidan tasiyordu */
    body.home-body .p-g-mod-body > .bakir,
    body.home-body #hediyelik-bolumu,
    body.home-body .sari .bakir {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Tek ritim degeri */
    body.home-body .p-g-mod-showcase {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    /* Kartin ve bandin kendi alt dolgusu zaten bosluk veriyor; icerideki
       seridin alt margini de eklenirse alt taraf 140'a cikip simetriyi
       bozuyor. */
    body.home-body section.pattern-group.bakir .p-g-mod-showcase,
    body.home-body .sari .p-g-mod-showcase {
        margin-bottom: 0 !important;
    }

    /* Blok 1 karti: ust dolgu manset kenarindan basliga olan boslugu,
       alt margin de kartin bakir cizgisinden blok 2'ye olan boslugu
       veriyor. */
    body.home-body section.pattern-group.bakir {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
        margin-bottom: 70px !important;
    }

    /* Sari band: kenarindan icerige 70, iki tarafta da */
    body.home-body .sari {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}


/* SONUC (canlida olculdu, 1440x900, scroll-reveal acilmis halde)

   Kullanicinin isaretledigi uc bosluk:

                                          ONCE      SONRA
     1 manset alti -> blok 1 basligi      30,8  ->   70,8
     2 kart cizgisi -> blok 2 gorseli     32,0  ->   70,0
     3 bant kenari -> blok 3 basligi      64,0  ->   70,0

   Yan etkiler:

     tanitim -> urun seridi (uc blokta)     64   ->   70
     kart ic dolgusu ust / alt           30/94   ->   70,8 / 70,8
     sari band ust / alt                 64/64   ->   70 / 70
     bolum arasi (iki bosluk yan yana)  127/128  ->  140,8 / 140,0
     sayfa yuksekligi                     5038   ->   5128 px
     yatay tasma                             0   ->   0

   1. maddedeki 0,8px fark kartin ust kenarligindan geliyor: dolgu 70,
   kenarlik 0,8 - kartin dis kenarindan olculunce 70,8. Gozle ayirt
   edilmez.
   Mobil (991px alti) hic degismedi - 3.17'nin degerleri yerinde. */


/* --- 3.26 MASAUSTU LOGOSU BUYUTME ------------------------------------

   Bolge 2'nin 15. ve 16. bolumleri logoyu once 75px yapip sonra 60px'e
   cekmis (sabit/kaydirilmis header icin 45px). Olculen: 178 x 60 px.

   NEDEN 78px SECILDI - header'i buyutmeden gidilebilecek en ust deger:

     header.desktop .header-area { height: 90px }   <- tema, sabit
     header.desktop .h-center    { padding: 15px 0 }  <- Bolge 2, bolum 16

   Yani logo 90px'lik bir kutunun icinde duruyor ve header'in toplam
   yuksekligi 121px. 78px logo bu kutuya ust/alt 6px payla giriyor -
   header yuksekligi DEGISMIYOR, sayfa icerigi bir piksel kaymiyor.
   Daha buyugu (orn. 92px) icin .header-area'nin da buyutulmesi, yani
   tum sayfanin asagi kaymasi gerekirdi; kullaniciya secenek olarak
   sunuldu ve 78px tercih edildi.

   YATAY YER KONTROLU (canlida olculdu, 1440px):
   Logo merkez sutunda (flex-shrink: 0), menu solda ve ikonlar sagda
   esnek sutunlarda. Logo genisledikce yanlardan yer aliyor:
     logo 178px -> merkez 627..805
     logo 231px -> merkez 600..832
   Sol sutunun ICINDEKI menu 116..463 arasinda bitiyor, yani sutunun
   sag kenarinda (600) hala 137px bos alan var. Menu tasmiyor
   (scrollWidth = clientWidth), sag ikon grubu 1128'de basliyor.
   Ozetle 78px'de hicbir cakisma yok; olcu daha da buyutulurse once bu
   137px'lik pay tukenir.

   Sabit header (sayfa kaydirilinca) 45 -> 58px: ayni oran korunuyor
   (60/45 = 1,33 ; 78/58 = 1,34).

   Mobil logo (3.15.2'de masaustu dosyasina cevrilen 52px'lik logo)
   bilincli olarak DEGISTIRILMEDI - talep masaustu icindi. */

@media (min-width: 992px) {

    header.desktop .logo a img {
        max-height: 78px !important;
    }

    header.desktop.fixed-desktop .logo a img {
        max-height: 58px !important;
    }
}


/* SONUC (canlida olculdu, 1440x900)
   Logo            178 x 60  ->  231 x 78 px  (+%30)
   Header yuksekligi   121   ->  121 px  (degismedi)
   Logo kutusu icindeki pay  ust 6 / alt 6 px
   Menu ile logo arasi bos alan  137 px  (cakisma yok)
   Yatay tasma     0  ->  0 */


/* --- 3.27 HESABIM - MOBIL UST BAR VE SIPARIS LISTESI OKUNURLUGU ------

   Talep: "mobilde hesabim kisminda ... arka plani beyaz kalabilir ama
   yazilar okunmuyor."

   BU BAR MOBILE OZEL. account.css:
     .user-account-top-wrapper { display: none; background: #f2f2f2 }
     @media (max-width: 991px) { .user-account-top-wrapper { display: block } }
   Yani acik zeminli bar YALNIZCA mobilde ciziliyor; masaustunde ayni
   bilgi sol sutunda, koyu zemin uzerinde duruyor. 3.24 masaustunde
   yapildigi icin bu bar hic gorulmemisti.

   SORUNUN BIR KISMI BENIM KURALIMDAN: 3.24.1'de
     body.account-body .user-band .name { color: #f5f2ee }
     body.account-body .user-band      { color: #8c837b }
   yazilmisti - koyu sol sutun varsayimiyla. Ayni siniflar mobil barda da
   kullaniliyor ve orada zemin ACIK. Sonuc: kullanici adi acik zemin
   uzerinde acik renk, olculen kontrast 1,00 - yani tamamen gorunmez.

   Bu yuzden yeni kurallar .user-account-top ile SINIRLANDI; masaustu sol
   sutun 3.24'teki acik metinleriyle aynen kaliyor.

   Kullanicinin tercihi geregi bar ACIK BIRAKILDI, yalnizca uzerindeki
   metin ve ikon renkleri koyulastirildi.

   OLCULEN (mobil, /hesabim/siparisler; WCAG AA metin esigi 4,5:1):

                            ONCE                  SONRA
     kullanici adi          1,00  (gorunmez)  ->  15,80
     "Tekrar hos geldiniz"  3,32              ->   4,89
     avatar (AB)            2,43              ->   6,76
     "Hesabim" dugmesi      2,31              ->  17,69
     dugme ikonu            2,72              ->   4,27

   AVATAR: 3.24.1 daireye %12 bakir dolgu + bakir metin veriyor; koyu sol
   sutunda dogru ama acik barda 2,43'te kaliyor. Mobil barda daire DOLU
   bakir, harfler koyu - ayni ogenin acik zemindeki karsiligi.

   DUGME IKONU: marka bakiri (#c29554) beyaz uzerinde 2,72 veriyor, ikon
   icin gereken 3,00'in altinda. Yalnizca burada ayni hueden bir kademe
   koyu ton (#9a7434) kullaniliyor.
*/

body.account-body .user-account-top-wrapper {
    color: #1a1817 !important;
}

body.account-body .user-account-top .user-account-information .user-band .name {
    color: #1a1817 !important;
}

body.account-body .user-account-top .user-account-information .user-band {
    color: #6f6862 !important;
}

body.account-body .user-account-top .user-account-information .user-letters {
    background: var(--tigger-copper, #c29554) !important;
    background-image: none !important;
    border: 0 !important;
    color: #151413 !important;
}

body.account-body .user-account-top .buttons .btn-ua-menu {
    background: #ffffff !important;
    border: 1px solid rgba(var(--tg-copper-rgb), 0.35) !important;
    color: #1a1817 !important;
    font-weight: 600 !important;
}

body.account-body .user-account-top .buttons .btn-ua-menu i {
    color: #9a7434 !important;
}


/* 3.27.1 SIPARIS LISTESI - AYNI EKRANDA IKINCI VE DAHA AGIR SORUN

   Bar olculurken cikti: siparis kartindaki metinlerin bir kismi KOYU
   zemin uzerinde KOYU renkte kalmis, yani hic gorunmuyordu.

                            ONCE                  SONRA
     siparis tarihi         1,19  (siyah)     ->   7,65
     siparis numarasi       1,40  (#333)      ->  15,85
     "Siparis Numarasi"     3,57              ->   5,67
     alici adi              3,57              ->   7,65
     ileri oku (chevron)    3,08              ->   7,65
     durum etiketi (Iptal)  3,91              ->   8,63
     arama kutusu ikonu     2,28              ->   4,57

   KOK NEDEN 3.24'tekiyle ayni: account.css'in tam bir KOYU VARYANTI var
   ve o varyant bu ogelerin hepsini dogru renklendiriyor -
     .user-account-style-dark .user-account-orders .order-list ...
   ama canli kapsayici hala "user-account-style-light". 3.24'te uc CSS
   degiskeni (--account-bg / -primary / -border) ezilmisti; bu metin
   renkleri ise degiskene bagli DEGIL, dogrudan yazilmis. Degisken ezmek
   bu yuzden onlari kapsamiyordu.

   Stil dosyasinda toplam 103 adet .user-account-style-dark kurali var.
   Burada yalnizca canlida GORULEBILEN ogeler duzeltildi - alt sayfalarin
   cogunda henuz veri yok. Notlara bakiniz.

   TUTAR RENGI: bootstrap yesili (#28a745) idi; okunuyordu ama sitedeki
   her fiyat bakir. Tutarlilik icin bakira alindi.

   DURUM RENKLERI: bootstrap danger / success / primary koyu zeminde
   sirasiyla 3,91 / 5,60 / 4,45 veriyor. Ucu de ayni hueden acik tonlara
   alindi. account.css'te tanimli uc durum sinifinin hepsi karsilandi -
   "Iptal" disindakiler canlida gozlemlenemedi ama sinif adlari stil
   dosyasindan dogrulandi. */

body.account-body .user-account-orders .order-list .info .code .name {
    color: #9a9089 !important;
}

body.account-body .user-account-orders .order-list .info .code .value {
    color: #f5f2ee !important;
}

body.account-body .user-account-orders .order-list .info .delivery {
    color: #b7a89a !important;
}

body.account-body .user-account-orders .order-list .images .count {
    color: #b7a89a !important;
}

body.account-body .user-account-orders .order-list .actions .summary .date {
    color: #b7a89a !important;
}

body.account-body .user-account-orders .order-list .actions .summary .amount {
    color: var(--tigger-copper, #c29554) !important;
    font-weight: 700 !important;
}

body.account-body .user-account-orders .order-list .icon,
body.account-body .user-account-orders .order-list .icon i {
    color: #b7a89a !important;
}

/* Durum etiketleri */
body.account-body .order-status.order-status-danger .order-status-value,
body.account-body .order-status.order-status-danger .order-status-icon-2 {
    color: #f0a0a0 !important;
}

body.account-body .order-status.order-status-success .order-status-value,
body.account-body .order-status.order-status-success .order-status-icon-2 {
    color: #7fd3a1 !important;
}

body.account-body .order-status.order-status-primary .order-status-value,
body.account-body .order-status.order-status-primary .order-status-icon-2 {
    color: #93c0f0 !important;
}

/* Form kutusu ikonlari (arama buyuteci, acilir liste oku) - #555 idi */
body.account-body .user-account-right-wrapper .q-form-group .input-icon .icon,
body.account-body .user-account-right-wrapper .q-form-group .input-icon .icon i,
body.account-body .user-account-right-wrapper .q-form-group .select-wrapper::after {
    color: #8c837b !important;
}


/* 3.27.2 MOBIL YAN MENU KAPATMA (X) IKONU
   Ayni taramada cikti, hesap alani disinda: ikon #555, menu zemini
   #1a1714 - olculen 2,39. 3.11.2 menuyu koyu temaya almisti ama bu
   ikonu atlamisti. Her sayfada gorunen bir kontrol oldugu icin dahil
   edildi. */
body .sidebar-menu-type-2 .mobile-menu-close i {
    color: #b7a89a !important;
}


/* SONUC (canlida olculdu, mobil; /hesabim/siparisler ve /hesabim/ayarlar)
   Iki sayfada da 4,5:1 esiginin altinda kalan METIN sayisi: 0
   Tek kalan kayit "Hesabim" dugmesinin ikonu (4,27) - ikonlar icin
   gecerli esik 3,00 oldugu icin o da geciyor.
   Acik bar zemini (#f2f2f2) talep uzerine DEGISTIRILMEDI.
   Masaustu hesap ekrani etkilenmedi - kurallar .user-account-top ile
   sinirli, o bar masaustunde display:none.

   ACIK KALAN: account.css'teki 103 koyu-varyant kuralinin tamami
   portlanmadi. Veri olmadigi icin goremedigim ekranlar - siparis
   detayi, talepler, kuponlar, koleksiyonlar, cuzdan, bayilik raporlari -
   ayni sorunu tasiyor olabilir. Kalici cozum, kapsayicidaki
   "user-account-style-light" sinifini "user-account-style-dark" ile
   degistirmek olurdu (panelde bir ayar varsa oradan, yoksa scripts.js
   icinde tek satir); o zaman 103 kural birden dogru calisir. Ancak bu,
   yukaridaki acik bari da koyuya cevirir - kullanicinin tercihi acik
   kalmasi yonundeydi. */