body {
    background: var(--body-bg);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    font-family: "Monsterrat", sans-serif;
} 

.home-body{
    background: #fff;
}

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

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


/* 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;
}


/* Opacity */
.op-black {
    background: rgba(0,0,0,.5);
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

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

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

/* Opacity 2 */
.op-black-2 {
    background: rgba(0,0,0,.5);
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition:all .4s;
}


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

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


/* Header (Desktop) */
header.desktop  {
    background: #fff;
    position: relative;
    z-index: 20;
    left: 0;
    right: 0;
    top: 0;
}

header.desktop .h-contact {
    background: var(--main-color);
    border-bottom: 1px solid #fff;
}

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

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

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

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

header.desktop .h-contact .info {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

header.desktop .h-contact .info .item {
    font-size: 13px;
    color: var(--header-top-color);
    transition: all var(--transition-time);
    margin-right: 20px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

header.desktop .h-contact .info .item:hover{
    color: var(--header-top-color-hover);
}

header.desktop .h-contact .info .item i {
    margin-right: 6px;
    font-size: 13px;
}

header.desktop .h-contact .info .item.wp i {
    font-weight: normal;
    font-size: 20px;
}

header.desktop .h-contact .social-media {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}

header.desktop .h-contact .social-media a {
    margin-left: 15px;
    font-size: 14px;
    color: var(--header-top-color);
}

header.desktop .h-contact .social-media a:hover{
    color: var(--header-top-color-hover);
    transition: all var(--transition-time);
}

header.desktop .header-area {
    height: 75px;
    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;
    -webkit-align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

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

header.desktop .search {
    width: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 0px;
    max-width: 600px;
    position: relative;
    transition: all var(--transition-time);
    border-radius: 20px;
    background: #fff;
}

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

header.desktop .search form .input-box {
    width: 100%;
    padding-right: 45px;
    box-sizing: border-box;
}

header.desktop .search form input {
    float: left;
    color: #666;
    font-weight: 400;
    width: 100%;
    font-size: 13px;
    border-color: transparent !important;
    border-width: 0 !important;
    background: transparent !important;
    height: 45px;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
    padding-left: 20px;
}

.easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb;
}

.easy-autocomplete-container ul .eac-category, .easy-autocomplete-container ul li {
    font-size: 13px;
    padding: 3px 10px;
    border-bottom: 1px solid #ebebeb;
}

header.desktop .search form input::placeholder {
    color: #666;
}

header.desktop .search:hover,
header.desktop .search:focus,
header.desktop .search:active{
    border-color: var(--main-color);
}

header.desktop .search form .btn-send {
    position: absolute;
    width: 60px;
    height: 35px;
    background: var(--main-color);
    border-width: 0;
    color: #fff;
    right: 8px;
    border-radius: 0;
    font-size: 16px;
    top: 5px;
    transition: all var(--transition-time);
    border-radius: 20px;
    
}

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

header.desktop .menu {
    background: var(--menu-bg-color);
    height: 70px;
    border: 1px solid #ebebeb;
    border-right: 0;
    border-left: 0;
}

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

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

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

header.desktop .mega-menu .nav-link {
    padding: 0;
    display: flex;
    height: 100%;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--menu-color);
    line-height: normal;
    font-weight: 500;
    font-size: 13px;
    padding: 0 5px;
    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);
}

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

header.desktop .mega-menu .nav-link:hover {
    color: var(--menu-color-hover);
}

header.desktop .mega-menu .nav-item:last-child .nav-link {
    border-right: 0;
}
  
header.desktop .mega-menu .dropdown {
    position: static;
}

header.desktop .mega-menu .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    width:100%;
    left:-1px;
    right:0;
    top:66px;
    position: absolute;
    -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;
}

header.desktop .mega-menu .dropdown:hover .dropdown-menu, 
header.desktop .mega-menu .dropdown .dropdown-menu:hover {
    display:block!important;
}

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


/* Mega Menu Container */
.mega-menu-container {
    padding: 20px;
}

.mega-menu-container .sub-cat{
    margin-bottom: 15px;
}

.mega-menu-container .sub-title {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    transition: all var(--transition-time);
}

.mega-menu-container .sub-title:hover{
    color: var(--main-color);
}

.mega-menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.mega-menu-container ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.mega-menu-container ul li a {
    font-size: 13px;
    color: #222;
    font-weight: 400;
    line-height: 25px;
    transition: var(--transition-time);
}

.mega-menu-container ul li a.sub-title {
    color: #333;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
}

.mega-menu-container ul li a:hover {
    color: var(--main-color);
}




/* Mega Menu Side */

.mega-menu.side .mega-menu-container ul li{
    display: inline-block;
}

.mega-menu.side .mega-menu-container .comma{
    margin-right:4px;
}

.mega-menu.side .mega-menu-container ul li:last-child .comma{
    display:none;
}
/* Single Menu */
.single-menu-container{
    display: block;
}
.single-menu-container .single-menu{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    height: 70px;
    align-items: center;
}

.single-menu-container .single-menu li:first-child{
    margin-left: 0;
}

.single-menu-container .single-menu li{
    display: inline-block;
    position: relative;
    z-index: 100;
}

.single-menu-container .single-menu li .sub-single-item {
    font-weight: 400;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: var(--menu-color);
    transition: all 0.2s ease-in-out 0s;
    font-size: 15px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.single-menu-container .single-menu li:hover>a:after {
    width: 100%;
}

.single-menu-container .single-sub-menu li a{
    border: 1px solid #ebebeb;
    animation: all ease .5s;
    -webkit-animation: all ease .5s;
    padding: 20px 15px;
    border-top: 0;
}

.single-menu-container .single-menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all 0.2s ease-out;
    -webkit-box-shadow: 1px 1px 6px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 6px -4px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 6px -4px rgba(0,0,0,0.75);
}


.single-menu-container .single-menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.single-menu-container .single-menu ul li a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #333;
    background: #fff;
    transition: var(--transition-time);
}

.single-menu-container .single-menu ul li a:hover,.single-menu ul li:hover>a {
    color: var(--main-color);
}

.single-menu-container .single-menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.single-menu-container .single-menu ul ul {
    left: 100%;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px,20px);
    transition: all 0.2s ease-out;
}


.single-menu-container .single-menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

/* Mobile Header */
.mobile-header-space {
    height: 60px;
    display: none; 
}

header.mobile {
    display: none;
    background: #fff;
    height: 60px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

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

header.mobile .center {
    width: 60%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

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

header.mobile .logo img {
    max-height: 55px;
}

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

header.mobile .icon-group {
    position: relative;
    color: #333;
    font-size: 21px;
}

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

header.mobile .mobile-search {
    padding: 0;
    background: #f3f3f3;
}

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

header.mobile .mobile-search form .input-box {
    width: 80%;
}

header.mobile .mobile-search form input {
    float: left;
    color: #444;
    width: 100%;
    font-size: 15px;
    border-color: transparent;
    background: transparent !important;
    height: 65px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    outline: 0 !important
}

header.mobile .mobile-search form input::placeholder {
    color: #444;
}

header.mobile .mobile-search form input:focus,
header.mobile .mobile-search form input:hover {
    border-color: transparent !important;
}

header.mobile .mobile-search form .btn-send {
    float: right;
    width: 20%;
    height: 65px;
    border: 0;
    background: transparent !important;
    color: #333;
    font-size: 19px;
}

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

/* Sidebar User */
.sidebar-user {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 21;
    right: 0;
    margin-right: -250px;
}

.sidebar-user.active {
    margin-right: 0;
    width: 300px;
}

.sidebar-user .title {
    padding: 10px;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.sidebar-user .title .btn-close {
    color: #fff;
}

.sidebar-user .login-menu a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.sidebar-user .login-menu a i {
    width: 30px;
    margin-right: 10px;
    text-align: left;
}

.sidebar-user .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

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

.sidebar-user .footer-links ul {
    margin: 0;
    padding: 0;
}

.sidebar-user .footer-links ul li {
    padding: 0;
    list-style: none;
}

.sidebar-user .footer-links ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-user .footer-links ul li a.wp i {
    color: #21bd5c;
}

.sidebar-user .footer-links ul li a i {
    text-align: center;
    width: 40px;
    font-size: 16px;
}

/* Sidebar Menu */
.sidebar-menu {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 9999;
    left: 0;
    margin-left: -250px;
}

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

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

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

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

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

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

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

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

.sidebar-menu .categories ul {
    margin: 0;
    padding: 0;
}

.sidebar-menu .categories ul li {
    padding: 0;
    list-style: none;
}

.sidebar-menu .categories ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

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

.sidebar-menu .categories ul li a .icon {
    color: #777;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
}

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

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

.sidebar-menu .categories ul .multi .multi a {
    padding-left: 40px;
}

.sidebar-menu .categories ul .multi .multi .multi a {
    padding-left: 60px;
}

/* Stores */
.stores {
    background: #fff;
    border-top: solid 1px #e6e6e6;
    padding: 10px 0;
}

.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 {
}

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 .info {
    padding: 35px 55px;
}

footer .title {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}

footer .title-2 {
    color: #00aaff;
    font-size: 13px;
    
}

footer .title-3 {
    color: #333;
    font-size: 17px;
    
}

footer .secure .description {
    color: #000;
    margin: 5px 0;
}

footer .secure img {
    opacity: .5;
}

footer .info ul {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

footer .info ul li {
    list-style: none;
    padding: 3px 0;
    color: #000;
    font-size: 13px;
}

footer .info ul li a {
    display: block;
    color: #7c7c7c;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    line-height: 25px;
    transition: all var(--transition-time);
}

footer .bar .col-md-9 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

footer .bar .container .row {
    padding: 20px 55px;
}

footer .bar .container {
    padding: 0;
}

footer .container{
    background: #fafafa;
}

footer .bar .container {
    border-radius: 0 0 30px 30px;
}

footer .bar a {
    color: #333;
    text-align: center;
}

footer .bar a:hover {
    color: #333;
}

footer .bb,
footer .bar{
    background: #fff;
}

.google-review-badge.gwb-footer {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 0;
    text-align: center;
    background: #fff;
}

footer .bar p {
    margin: 0;
    color: #333;
}

/* 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.active {
    margin-left: 0;
}

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

.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: 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 {
    padding-left: 20px;
    font-size:12px;
}

.sidebar-menu-type-2 .mobile-search i{
    font-size: 25px;
    margin-right: 10px;
}

.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 .mobil-area-1 {
    display: flex;
    position: relative;
    text-align: center;
}

.sidebar-menu-type-2 .mobil-area-1 a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    justify-content: center;
    border: 1px solid #e2e2e2;
    margin: 0 10px;
    padding: 7px 1rem;
    color: #000;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}

.sidebar-menu-type-2 .mobil-area-1 a img {
    margin-right: 10px;
    padding: 0;
    width: 41px;
    height: 41px;
}

.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;
    margin-right: 19px;
    font-size: 20px;
    align-items: center;
}

.mobile-menu-close i {
    border: 1px solid #e2e2e2;
    padding: 0.5rem;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    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;
}

header.desktop .btn-categories {
    height: 45px;
    background: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 10px;
    transition: all .4s;
    width: 250px;
    background: var(--main-color);
    top: 10px;
}

header.desktop .btn-categories:hover,
header.desktop .dropdown-category:hover .btn-categories{
    background: var(--main-color);
    color:#fff;
    transition:all .4s;
}

header.desktop .btn-categories:hover i,
header.desktop .dropdown-category:hover .btn-categories i{
    color:#fff;
    transition:all .4s;
}

header.desktop .btn-categories i{
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}

/* Menu Left */
.dropdown-category .menu-left {
    display: none;
    z-index: 5;
    position: relative;
    background: #f9f9f9;
    border-top: 0;
    height: auto;
    min-height: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    left: 0;
    right: auto;
    width: 380px;
    top:100%;
}

.dropdown-category:hover .menu-left,
.dropdown-category:focus .menu-left{
    display: block;
}

.menu-left:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    margin: auto;
    height: 24px;
    width: 380px;
}

.menu-left ul.f-ul {
    padding: 0;
    list-style: none;
    display: block;
    margin: 0;
}

.menu-left ul.f-ul li.f-li {
    list-style: none;
    transition: .4s;
    padding: 5px 10px;
}

.menu-left ul.f-ul li.f-li img{
   background-color: #fff;
    padding: 3px;
    border-radius: 10px;
    width:26.5px;
}

.menu-left ul.f-ul li.f-li:last-child{
   background: var(--main-color);
}

.menu-left ul.f-ul li.f-li:last-child a.f-item{
   color:#fff;
}

.menu-left ul.f-ul li.f-li:last-child:hover a.f-item{
   color:#fff;
}

.menu-left ul.f-ul li.f-li:hover .menu-left ul.f-ul li .name{
    color: var(--main-color);
}

.menu-left ul.f-ul li.f-li:hover .menu-deep-box {
    display:block;
    opacity:1;
    transition:all .4s;
}

.menu-left ul.f-ul li.f-li a.f-item {
    display: block;
    color: #222;
    font-size: 14px;
    padding: 7px 25px;
    transition: all .4s;
    border-radius: 20px;
}

.menu-left ul.f-ul li.f-li:hover a.f-item {
    background: var(--main-color);
    color: #fff;
    border-radius: 20px;
}

.menu-left ul.f-ul li.f-li a.f-item .name {
    width: 80%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.menu-left ul.f-ul li.f-li a.f-item .icon {
    color: #222;
    text-align: right;
    border-radius: 2px;
    font-size: 10px;
    padding-top: 5px;
    transition: all .4s;
}

.menu-left ul.f-ul li.f-li a.f-item:hover .icon {
    color: #fff;
    transition:all .4s;
}

.menu-left ul.f-ul li.f-li a.f-item:hover .menu-left ul.f-ul li.f-li a.f-item .icon:last-child{
    color: #fff !important;
}

/* Deep Menu */
.menu-deep-box {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 100%;
    box-sizing: border-box;
    width: 250px;
    z-index: 99;
    display:none;
    opacity:0;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 99%;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #ebebeb;
    transition:all .4s;
}

.menu-deep-box .title {
    display: block;
    font-size: 13px;
    color: #222;
    padding: 5px 0;
    text-align: left;
}

.menu-deep-box .title:hover {
    color: var(--main-color);
}


/* Custom */
.urun-marka-banner-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.urun-marka-banner-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.urun-marka-banner-item {
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
}

.urun-marka-banner-link {
    display: block;
    line-height: 0;
    text-decoration: none;
}

.urun-marka-banner-link img,
.urun-marka-banner-link picture,
.urun-marka-banner-link .lazy-image,
.urun-marka-banner-link > * {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

.p-g-mod-t-44 {
    background: #fff;
    margin-bottom: 0px !important;
}
.product-badges .p-badge i{
    color: var(--main-color);
}
.product-badges .p-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin: 0 5px 5px 0;
    height: 60px;
    width: 150px;
}

.currency-area .dropdown-languages-1,
.currency-area .dropdown-currencies-1{
    height: auto;
}
.currency-area .dropdown-languages-1 .dropdown-toggle {
    border: 1px solid #ddd;
    padding: 9px 15px;
}

.currency-area .dropdown-currencies-1 .dropdown-toggle {
    border: 1px solid #ddd;
    padding: 9px 15px;
}



.currency-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 65px;
}

.short-links {
    height: 65px;
    display: flex;
    align-items: center;
}

.short-links a {
    color: #000000;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    padding: 0 20px;
    transition: all .4s;
    display: flex;
    align-items: center;
    gap: 7px;
}

.short-links a:hover{
    color:var(--main-color2);
}

.currency-area .dropdown-languages-1 .dropdown-toggle{
    border-radius: 15px;
}
.currency-area .dropdown-currencies-1 .dropdown-toggle{
    border-radius: 15px;
}

header.desktop .header-bar .bar-cart .name,
header.desktop .header-bar .bar-cart i{
    color: var(--main-color);
}

section.header-menu {
    height: 65px;
    border-bottom: 2px solid #1f4f9c;
}

.variant-box ul li .options a {
    background: #fdffff;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    margin-right: 5px;
    position: relative;
    width: 60px;
    height: 40px;
    text-align: center;
    height: auto;
}

.variant-box {
    border: 0;
    background: transparent;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}
.product-quantity .btn:hover{
    background: #fff;
}
.product-profile-1 .product-quantity {
    margin: 10px 0;
    border: 1px solid #ddd;
}
.product-quantity input {
    border-color: #fff !important;
}

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

ul.attiributies {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px;
}
.attiributies li {
    padding: 3px;
    font-weight: 600;
}
.product-rate {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid var(--main-color);
    background: #ff3230;
    padding: 10px 15px;
    border-radius: 10px;
}

.product-right-block {
    background: #fff;
    padding: 10px 30px;
    border-radius: 15px;
    box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.184598);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.product-body .product-title-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
    background: #fff;
    padding: 25px 30px;
    border-radius: 15px;
    flex-direction: column;
    box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.184598);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.product-body .brand-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.product-profile-1 .carousel .carousel-inner{
    border: 0;
}
.product-profile-1 .carousel {
    background: #fff;
    border-radius: 20px;
    padding: 10px;
    box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.184598);
}
.product-body .pattern-group .p-g-mod{
    background: transparent!important;
    border: none!important;
}

.product-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    padding: 0;
}

.product-profile-1 h1.title {
    font-size: 27px;
    font-weight: 600;
    color: #000;
    padding-bottom: 0;
    border-bottom: 0;
    margin-top: 15px;
}

.button-shipping-location {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    width: 120px;
    margin-right: 5px;
}

.button-shipping-location .icon {
    font-size: 25px;
    margin-right: 8px;
    color: var(--main-color);
}

.button-shipping-location .text .name {
    font-size: 13px;
    font-weight: 600;
    color: var(--main-color);
}

.h-center .dropdown-category {
    height: 100%;
    display: flex;
    align-items: center;
}

.h-center .h-btn{
    height: 100%;
    display: flex;
    align-items: center;
}

footer .col-margin-right{
    margin-right: 30px;
}

footer .mobile-app{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

footer .social-media{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

footer .newsletter-container{
    padding: 20px 35px;
    width: 100%;
    border-top: 1px solid #ddd;
}

footer .right-image .img-fluid{
    border-radius: 10px;
    margin-bottom: 15px;
}

.card-product .quantity-unit-container{
   position: relative;
}

.card-product .cart-unit-basket-container {
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: flex-start;
}

.card-product .product-unit {
    display: flex;
    justify-content: center;
    margin: 2px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    right: 50%;
}
.card-product .card-product-inner {
    padding: 5px;
}

.card-product .card-product-inner .price-group .discount {
    background: var(--main-color);
    border-radius: 15px;
    height: 28px;
    width: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 10px;
}

.card-product .card-product-inner .price-group{
    margin-bottom: 5px;
    justify-content: flex-start;
}

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

.card-product{
    border: 1px solid #edeff1 !important;
    border-radius: 8px !important;
}

.card-product:hover {
    box-shadow: 0 0 5px 3px #edeff1;
}

.card-product .card-product-inner .image-wrapper .image {
    display: block;
    margin-bottom: 10px;
}

/* =======================================================
   OYUNCAK VİTRİN BAŞLIK TASARIMI
======================================================= */

.pattern-group .p-g-mod-showcase .p-g-mod-header {
    margin: 34px auto 30px;
    display: flex;
    justify-content: center;
    overflow: visible;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

/* Arka yumuşak alan */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before {
    content: "";
    position: absolute;
    inset: -10px -18px;
    background:
        linear-gradient(
            135deg,
            #fff5f5 0%,
            #ffffff 45%,
            #fff7ef 100%
        );
    border-radius: 999px;
    box-shadow:
        0 10px 35px rgba(255, 49, 49, 0.08),
        0 4px 10px rgba(0,0,0,0.03);
    z-index: 0;
}

/* Ana başlık */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    position: relative;
    z-index: 2;

    width: auto;
    margin: 0;

    padding: 15px 34px 15px 34px;

    border-radius: 999px;

    background:
        radial-gradient(circle at 18% 30%,
        rgba(255,255,255,.45) 0 8px,
        transparent 9px),

        linear-gradient(
            135deg,
            #ff3131 0%,
            #ff5f6d 45%,
            #ff2fb3 100%
        );

    color: #fff;

    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.4px;

    border: 2px solid rgba(255,255,255,.7);

    box-shadow:
        0 16px 35px rgba(255,49,49,.22),
        inset 0 1px 0 rgba(255,255,255,.35);

    transition: all .25s ease;
}


/* Alt glow */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;
    bottom: -8px;

    height: 10px;

    background: rgba(255,49,49,.18);

    filter: blur(10px);

    border-radius: 999px;

    z-index: -1;
}

/* Hover */
.pattern-group .p-g-mod-showcase .p-g-mod-header:hover .p-g-m-h-i-title {
    transform: translateY(-2px) scale(1.01);

    box-shadow:
        0 20px 40px rgba(255,49,49,.25),
        inset 0 1px 0 rgba(255,255,255,.35);
}

/* =======================================================
   MOBİL
======================================================= */

@media (max-width: 768px) {

    .pattern-group .p-g-mod-showcase .p-g-mod-header {
        margin: 26px auto 22px;
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before {
        inset: -8px -10px;
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::after {
        top: -12px;
        font-size: 9px;
        padding: 4px 9px;
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {

        font-size: 18px;

        padding:
            13px
            22px
            13px
            44px;

        border-radius: 18px;
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {

        left: 12px;

        width: 24px;
        height: 24px;

        font-size: 13px;
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::after {
        bottom: -6px;
    }
}

/*Kategori Başlıklar Sonu*/


.pattern-group .p-g-mod-t-56 .p-g-mod-header .p-g-m-h-button .btn-mod {
    font-size: 13px;
    padding: 0;
}

.card-list-product .card-list-product-inner {
    position: relative;
    border: 1px solid #ebebeb;
    padding: 10px;
}

.card-list-product .card-list-product-inner .price-group .prices .list-price {
    color: #a6a6a6;
}

.card-list-product .card-list-product-inner .price-group .prices .sale-price {
    color: var(--main-color);
    font-weight: 500;
}

.card-list-product .card-list-product-inner .info .title {
    font-size: 13px;
    height: 55px;
}

.stories.carousel .story {
    max-width: 120px !important;
}

.stories.carousel .story>.item-link>.item-preview {
    max-height: 120px !important;
}

.p-g-mod-t-45 .carousel-type-1 .carousel-control-next, .p-g-mod-t-45 .carousel-type-1 .carousel-control-prev {
    font-size: 17px;
    width: 40px!important;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    top: 45%;
    margin: 0 10px;
    color: #757575;
    opacity: 1;
}

.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: 10px;
    display: flex;
    flex-wrap: wrap;
    max-height: 500px;
    overflow: scroll;
}

.info-bar-1 {
    background: #fff;
    margin-top: 50px;
}

.info-bar-1 .container {
    width: 100%!important;
    padding: 0!important;
}

.info-bar-1 .container img{
    border-radius: 30px 30px 0 0;
}

.info-bar-1 .icons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #000;
    padding: 10px 0;
}

.info-bar-1 .icons .icon-group {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    flex-direction: column;
    text-align: center;
}

.info-bar-1 .icons .icon-group:last-child {
    border-right: 0;
}

.info-bar-1 .icons .icon-group i {
    font-size: 26px;
    color: #000;
}

.info-bar-1 .icons .icon-group .inf .name {
    font-size: 13px;
    font-weight: 500;
    display: block;
    color: #000;
}

.info-bar-1 .icons .icon-group .inf .description {
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.login-body .p-g-mod-t-4{
    padding: 30px;
}

.login-body .p-g-mod-t-4 .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 {
    flex: 1;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #000 !important;
    background: transparent;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    transition: all var(--transition-time);
    padding: 10px 15px;
}

.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 {
    border: 1px solid var(--main-color)!important;
    background: var(--main-color) !important;
    color: #fff !important;
}

.login-form input,
.common-register-form .row input {
    padding: 24px;
    font-size: 14px;
}

.login-body .p-g-mod-t-4 .btn-without-login {
    color: #fff;
    background: var(--main-color) !important;
    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{
    line-height: 0;
}

.login-body .p-g-mod-t-4 .btn-success {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    height: 45px;
    align-items: center;
    font-weight: 500;
}

.login-body .p-g-mod-t-4 .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-weight: 500;
    font-size: 14px;
}

.login-body .p-g-mod-t-4 .btn-fb-login i {
    padding-right: 10px!important;
    border-right: 0 !important;
}

.login-body .p-g-mod-t-4 .btn-google-login {
    background: #db4437!important;
    background-image: linear-gradient(#db4437,#cc3e32)!important;
    text-shadow: 0 -1px 0 #db4437!important;
    color: #fff!important;
    border: 1px solid #db4437!important;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
}

.login-body .p-g-mod-t-4 .btn-google-login i{
    padding-right: 10px!important;
    border-right: 0 !important;
}

.p-g-mod-t-12 .p-g-mod-body .social-share {
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 12px;
    margin-top: 10px;
}

.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;
}

.card-blog .buttons .btn-read-more {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 13px;
    border-radius: 3px;
    padding: 5px 15px;
}

.card-blog .buttons .btn-read-more i {
    font-size: 9px;
    margin-left: 5px;
}

.category-filter-order-desktop{
    display: inline-block;
    width: 170px;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 35px;
    font-size: 13px;
    color: #4a4a4a !important;
    font-weight: 400;
    padding-left: 14px;
    border: 1px solid #e7e3e3 !important;
    border-radius: 3px;
    background: url(images/select-arrow.svg) no-repeat;
    background-position: right 10px center;
    background-color: #fff;
    outline: none;
}

.category-filter-order-desktop:focus{
    border-color: #e7e3e3 !important;
}

.categories-body .product-view-select a div {
    width: 9px;
    height: 13px;
    background: #e2e6eb;
    border-radius: 1px;
    margin:0 2px;
}

.categories-body .product-view-select a.active div {
    background: var(--main-color);
}

.categories-body .product-view-select a {
    background: #fff;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #e7e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-left: 10px;
    transition: var(--transition-time);
    padding:0 10px;
}

.category-filter-order .list-wrap {
    background: #eeeeee;
    border-radius: 5px;
    padding: 10px 20px;
}

.category-filter-order .list-wrap .list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
}

.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: 18px;
    font-weight: bold;
    color: #000;
    line-height: normal;
}

.card-product-content{
    text-align: center;
    color: #ff3230;
    font-weight: bold;
}

.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: var(--main-color);
    color: #fff;
}

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

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

.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;
    margin-bottom: 0px;
}

.product-body .raw-content ul {
    padding: 10px;
    margin: 0;
    list-style: none!important;
}

.raw-content .value{
    width: 200px;
}

.raw-content li {
    display: flex;
}

.raw-content .attr-value {
    color: #333;
}

.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: 65px;
    background: #fff;
    padding-left: 15px!important;
    margin-bottom: 15px;
}

.product-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active {
    color: red;
    border-bottom: 1px solid red;
    height: 65px;
}

.product-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    color: #000;
    height: 65px;
    font-weight: bold;
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link{
    transition: var(--transition-time);
}

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

.product-body .p-g-tab-wrapper.p-g-tab-direction-0 {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    padding: 20px;
    background: #fff;
    border-radius: 20px;
}

.product-details-tab-product-details-tab-colorful .tab-content{
    border-top: 0;
    background: #fff;
}

.product-profile-1 .carousel .carousel-indicators li.active {
    border-color: #ee7f1b;
}

.p-g-mod-base-content{
    border: 1px solid #ebebeb;
}

.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: row;
    gap: 15px;
}

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

.contact-info .contact-item i{
    margin-right: 5px;
    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 {
    min-height: auto;
    background: inherit;
}

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

.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: center;
    align-items: center;
    border: 1px solid var(--main-color);
    padding: 5px 0;
    margin: 0 auto;
    flex-direction: column;
    border-radius: 4px;
    width: 150px;
    color: #898989;
}

.card-product .sale-price-basket .sale-price{
    font-weight: 600;
    font-size: 16px;
    color: var(--main-color);
}

.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;
}

.cargo-wrapper .cargo-time {
    padding-left: 20px;
    width: 100%;
}

.cargo-wrapper {
    display: flex;
    align-items: center;
    height: 120px;
}

.cargo-day {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.cargo-day i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
}

.free-cargo {
    display: flex;
    align-items: center;
    gap: 5px;
}

.free-cargo i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
}

.brand-wrapper .value {
    color: #1f4f9c;
    font-weight: bold;
}


.brand-wrapper a {
    color: #333;
    font-weight: bold;
}

.product-price-group .discount {
    background: #f83838;
    height: 60px;
    width: 60px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 20px;
    flex-direction: column;
    border-radius: 10px;
}

.product-price-group {
    align-items: center;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    justify-content: flex-start;
    width: 100%;
    border-right: 1px solid #ddd;
}

.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: #999;
    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;
}


/* Ürün Detay - Birim */

.product-body .product-profile-1 .product-unit {
    display: flex;
    justify-content: center;
    font-weight: 500;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #d9d9d9;
    width: 95px;
    padding: 5px 0;
    margin-right: 10px !important;
    height: 46px;
    margin: 10px 0;
}

.product-body .product-profile-1 .product-unit  input[type=checkbox],
.product-body .product-profile-1 .product-unit  input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
}

.product-body .product-profile-1 .product-unit input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #96be67;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #ebebeb;
}

/* Ürün Kartı - Adet Seçimi */

.card-product .card-product-inner .quantity {
    margin: 5px 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-basis: auto;
    justify-content: center;
}

.card-product .card-product-inner .quantity .btn {
    display: flex;
    width: 29px;
    height: 35px;
    color: #555;
    font-size: 10px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}

.card-product .card-product-inner .quantity .btn:first-child {
    border-radius: 0;
}

.card-product .card-product-inner .quantity .btn:hover {
    color: #333;
    background: #f2f2f2;
    border-color: #f5f5f5;
}

.card-product .card-product-inner .quantity input {
    min-width: 30px;
    max-width: 50px;
    height: 35px;
    border-radius: 0;
    border-color: #dbdbdb !important;
    background: #fff;
    color: #555;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-right: 0;
    border-left: 0;
}

.subtitle-img {
    max-height: 25px;
    margin-bottom: 5px;
}

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

.single-menu-container .single-menu li .subtitle-img{
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    font-size: 16px;
}

.single-menu-container .single-menu li {
    text-align: center;
    height: 100%;
}

.single-menu-container .single-menu li .sub-single-item{
    padding: 0 15px;
}

/* 404 Sayfası */

.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 Sayfası - 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;
}
    
/* İki Bölümlü 404 Sayfası - Tip 2*/

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

.e404-page-type-2 .e404-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 100px;
    padding: 0 10%;
    border-top: 0;
    border-left: 0;
}

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

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

/* Mobil Uygulama İkonları  */

footer .mobile-app-title{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

footer .mobile-app img{
    max-height: 40px;
}

/* Müşteri Etkileşim Butonları */

.product-customer-actions{
    padding: 10px 0;
    background: #fff;
}

.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 İndirimi */

.product-transfer-discount{
    background: #f2f2f2;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border-left: 5px solid var(--main-color);
    font-size:14px;
    color:#7a7a7a;
}

/* E-Bülten */

.newsletter-content {
    display: flex;
    align-items: center;
}

.newsletter-content .newsletter-title {
    color: #222;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}

.newsletter-input {
    height: 40px;
    background: transparent;
    display: block;
    color: #a3a2a2;
    position: relative;
    line-height: 23px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 25px;
    box-shadow: none;
    border: 1px solid #bababa !important;
    padding-left: 20px;
}

.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;
}

.newsletter-form {
    position: relative;
    width: 300px;
    margin-left: 10px;
}

/* SMS Bülteni */

.sms-newsletter-content .newsletter-title{
    color: #222;
    font-weight: 400;
    font-size: 14px;
    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-right: 25px;
    font-size: 15px;
    font-weight: bold;
}

footer .social-media a {
    color: #333;
    font-size: 17px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-time);
}

footer .social-media a:hover{
    color: var(--main-color);
    border-color: var(--main-color);
    transition: all var(--transition-time);
}

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

.card-product .card-product-inner .price-group .prices .list-price{
    text-decoration: line-through;
}

/* Buttons */

.card-blog,
.card-brand,
.card-category,
.card-product {
    background:#fff;

    border:1px solid #e9eef5; /* Sert mavi yerine yumuşak çerçeve */
    
    border-radius:22px;

    overflow:hidden;

    transition:all .3s ease;

    box-shadow:
        0 4px 12px rgba(0,0,0,0.05),
        0 2px 4px rgba(0,0,0,0.03);
}

/* Hover efekti */
.card-blog:hover{
    transform:translateY(-6px);

    box-shadow:
        0 14px 30px rgba(0,0,0,0.10),
        0 6px 12px rgba(0,0,0,0.06);

    border-color:#ff7ac3;
}

.card-blog .image a img{
    border-radius: 7px;
}
.card-blog .date{
    display:flex;
    justify-content:center;
    align-items:center;

    background: linear-gradient(90deg,#ff4fa3,#ff7cc2);
    color:white;

    padding:8px 18px;
    border-radius:30px;

    width:fit-content;
    margin:12px auto;

    font-size:13px;
    font-weight:500;
}

.card-blog .title{
    font-size:19px;
    font-weight:700;
    line-height:1.35;

    color:#1f2937;

    padding:0 20px;
    margin:12px 0 10px;

    text-align:center;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;
    text-overflow:ellipsis;

    transition:.3s;
}

.card-blog:hover .title{
    color:#ff4fa3;
}

.card-blog .description{
    font-size:15px;
    line-height:1.7;

    color:#6b7280;

    padding:0 20px 20px;

    text-align:center;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;
    text-overflow:ellipsis;

    min-height:52px;

    transition:.3s;
}

.card-blog:hover .description{
    color:#4b5563;
}

.card-blog .buttons .btn-read-more {
    background: #00bf5f;
    color: #fff;
    border: 1px solid #00bf5f;
    border-radius: 30px;
}

/* Hover efekti */
/* Sağ sidebar kutuları */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e9edf5;
  box-shadow: 0 8px 24px rgba(0,0,0,0.07);
  margin-bottom: 22px;
}

/* Başlık alanı */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-header {
  background: linear-gradient(135deg, #245aa8, #ff3038);
  padding: 16px 18px;
}

/* Başlık yazısı */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-m-h-i-title {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* İç alan */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-body {
  padding: 0 !important;
  background: #fff;
}

/* Liste */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-body ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Satırlar */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-body ul li {
  margin: 0 !important;
  border-bottom: 1px solid #edf0f5;
}

.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-body ul li:last-child {
  border-bottom: none;
}

/* Linkler */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-body ul li a {
  display: block;
  background: transparent !important;
  color: #222 !important;
  padding: 15px 16px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all .2s ease;
}

/* Hover */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-15 .p-g-mod-body ul li a:hover {
  background: #f5f8ff !important;
  color: #245aa8 !important;
  padding-left: 20px !important;
}

/*En Çok Okunan Bloglar*/
/* En Çok Okunanlar özel tasarım */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e9edf5;
  box-shadow: 0 8px 24px rgba(0,0,0,0.07);
  margin-bottom: 22px;
}

/* Başlık */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-header {
  background: #ffffff;
  border-bottom: 1px solid #edf0f5;
  padding: 16px 18px;
}

/* Başlık yazısı */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-m-h-i-title {
  color: #111 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  position: relative;
}

/* Başlığın sol çizgisi */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-m-h-i-title::before {
  content: "";
  width: 5px;
  height: 20px;
  background: linear-gradient(180deg, #245aa8, #ff3038);
  border-radius: 20px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

/* İç alan */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-body {
  padding: 0 !important;
}

/* Liste */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Satırlar */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-body ul li {
  border-bottom: 1px solid #f1f3f7;
}

.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-body ul li:last-child {
  border-bottom: none;
}

/* Linkler */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-body ul li a {
  display: block;
  padding: 15px 18px !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none !important;
  transition: all .2s ease;
  position: relative;
}

/* Hover */
.blogs-body .p-g-b-c-wrapper .p-g-mod-t-16 .p-g-mod-body ul li a:hover {
  background: #f8fbff;
  color: #245aa8 !important;
  padding-left: 24px !important;
}
/*BAŞLIKLAR*/
/* Sayfa başlığı */
.blogs-body .p-g-mod-t-17 .p-g-mod-header {
  background: transparent !important;
  padding: 0 0 20px 0 !important;
  border-bottom: 1px solid #e9edf5;
  margin-bottom: 30px;
}

/* Başlık */
.blogs-body .p-g-mod-t-17 .p-g-m-h-i-title {
  position: relative;
  display: inline-block;

  font-size: 23px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;

  margin: 0 !important;
  padding-left: 18px;

  letter-spacing: -0.3px;
  line-height: 1.2;
}

/* Sol vurgu çizgisi */
.blogs-body .p-g-mod-t-17 .p-g-m-h-i-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;

  width: 5px;
  height: 30px;

  border-radius: 20px;

  background: linear-gradient(180deg, #245aa8, #ff3038);
}

/* Küçük alt vurgu */
.blogs-body .p-g-mod-t-17 .p-g-m-h-i-title::after {
  content: "";

  position: absolute;
  left: 18px;
  bottom: -8px;

  width: 55px;
  height: 3px;

  border-radius: 20px;

  background: linear-gradient(90deg, #245aa8, #ff3038);
}

/*DESTEK BÖLÜMÜ*/
/* Destek sol menü kutusu */
.p-g-mod-t-2 {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e9edf5;
  box-shadow: 0 8px 24px rgba(0,0,0,0.07);
}

/* Başlık alanı */
.p-g-mod-t-2 .p-g-mod-header {
  background: linear-gradient(135deg, #245aa8, #ff3038);
  padding: 16px 18px;
}

/* Başlık yazısı */
.p-g-mod-t-2 .p-g-m-h-i-title {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Menü alanı */
.p-g-mod-t-2 .p-g-mod-body {
  padding: 0 !important;
  background: #fff;
}

/* Linkler */
.p-g-mod-t-2 .list-menu a {
  display: block;
  padding: 15px 18px !important;

  color: #222 !important;
  font-size: 14px !important;
  font-weight: 500 !important;

  text-decoration: none !important;

  border-bottom: 1px solid #edf0f5;

  transition: all .2s ease;

  background: transparent !important;
}

/* Son eleman çizgisi */
.p-g-mod-t-2 .list-menu a:last-child {
  border-bottom: none;
}

/* Hover efekti */
.p-g-mod-t-2 .list-menu a:hover {
  background: #f5f8ff !important;
  color: #245aa8 !important;
  padding-left: 24px !important;
}

/* Aktif sayfa */
.p-g-mod-t-2 .list-menu a.active,
.p-g-mod-t-2 .list-menu a.router-link-active {
  background: #f5f8ff !important;
  color: #245aa8 !important;
  font-weight: 700 !important;
}

/* İçerik alanı kutusu */
.p-g-mod-t-3 {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e9edf5;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

/* İçerik başlık alanı */
.p-g-mod-t-3 .p-g-mod-header {
  background: #fff;
  padding: 22px 28px 18px 28px;
  border-bottom: 1px solid #edf0f5;
}

/* Başlık */
.p-g-mod-t-3 .p-g-m-h-i-title {
  position: relative;

  display: inline-block;

  margin: 0 !important;
  padding-left: 18px;

  font-size: 28px !important;
  font-weight: 700 !important;
  color: #1c1c1c !important;

  letter-spacing: -0.3px;
  line-height: 1.2;
}

/* Sol vurgu çizgisi */
.p-g-mod-t-3 .p-g-m-h-i-title::before {
  content: "";

  position: absolute;
  left: 0;
  top: 4px;

  width: 5px;
  height: 30px;

  border-radius: 20px;

  background: linear-gradient(180deg, #245aa8, #ff3038);
}

/* Alt mini çizgi */
.p-g-mod-t-3 .p-g-m-h-i-title::after {
  content: "";

  position: absolute;
  left: 18px;
  bottom: -8px;

  width: 60px;
  height: 3px;

  border-radius: 20px;

  background: linear-gradient(90deg, #245aa8, #ff3038);
}

/* İçerik alanı */
.p-g-mod-t-3 .p-g-mod-body {
  padding: 28px !important;
}

/* Yazılar daha okunaklı */
.p-g-mod-t-3 .p-g-mod-body p,
.p-g-mod-t-3 .p-g-mod-body li {
  color: #444;
  font-size: 15px;
  line-height: 1.9;
}

/* Alt başlıklar */
.p-g-mod-t-3 .p-g-mod-body h2,
.p-g-mod-t-3 .p-g-mod-body h3,
.p-g-mod-t-3 .p-g-mod-body h4 {
  color: #1e2a39;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 14px;
}

.free-cargo-badge {
    border-radius: 10px;
    background-color: rgba(248, 248, 248, 1);
    padding: 15px;
    width: 100%;
    margin-bottom: 10px;
}

.card-product .card-product-inner .free-cargo-badge {
    position: absolute;
    background: #08aac0;
    opacity: 0.7;
    left: 5px;    
    height: 35px;
    border-radius: 5px;
}

.card-product .card-product-inner .buttons{
    width: 100%;
}

.card-product .card-product-inner .buttons .btn-cart {
    width: 100%;
    border-radius: 10px!important;
    height: 40px;
    margin-left: 0!important;
    font-size: 14px;
    font-weight: bold;
}

.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);
    margin-left: 6px;
    border-radius: 0;
}

.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{
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
    font-size: 13px;
}

.card-product .down-to-top .btn-cart:hover{
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover) !important;
}

.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);
    flex: 1;
    border-radius: 5px;
    font-size: 18px;
}

.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);
}

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

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


.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);
}

.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;
    right: 0;
    z-index: 2;
}

.product-favourite-kart a{
    font-size: 20px;
}
/* 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);
}

header.desktop .header-bar .bar-user .link a .name{
    color: #222 !important;    
}

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

header.desktop .header-bar .bar-cart {
    height: 50px;
    background: #fff;
    width: 50px;
    border-radius: 50%;
}

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

header.desktop .header-bar .bar-favorite {
    height: 50px;
    background: #fff;
    width: 50px;
    border-radius: 50%;
}

header.desktop .header-bar .bar-user i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

header.desktop .header-bar .bar-user .link {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

header.desktop .header-bar .bar-user .link a {
    font-weight: 500;
    display: block;
}

header.desktop .header-bar .bar-user {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 15px;
    padding: 10px;
    background: #fff;
    width: 50px;
    border-radius: 50%;
}
header.desktop .header-bar .bar-user .link{
    display: flex;
    flex-direction: column;
}

header.desktop .header-bar .bar-link i{
    font-size: 20px;
}

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

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


/* 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: 30%;
    left: 0;
    right: 0;
    width: 100%;
    background: rgb(255 255 255 / 90%);
    color: #000;
    border: 1px solid #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{
    padding: 5px;
    background: #fff;
    font-size: 18px;
    color:#000;
}
.card-product .buttons-wrapper.right-to-left {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0px;
    right: -30px;
    transition: all 0.4s;
    background: #fff;
    z-index: 9;
    border: 1px solid #ebebeb;
    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 a{
    padding: 0;
    margin: 5px 0;
}

.card-product .right-to-left .cart-group a i{
    font-size: 17px;
    transition: all var(--transition-time);
}

.card-product .right-to-left .cart-group a:hover i{
    color: var(--main-color);
}

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

.card-product .buttons-wrapper.down-to-top{
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%,0%,0);
    z-index: -1;
}
.card-product .down-to-top .button-group{
    background: transparent;
    padding: 7px;
}
.card-product .btn-cart{
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-product:hover .down-to-top{
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%,-100%,0);
    transition:all .4s;
    z-index: 999;
}


.card-product:hover .down-to-top .button-group{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    transition:all .4s;
    margin: 0 ;
    padding:3px 0;
}


/* Product Detail */
.product-carousel-mobile{
    display: none;
}
.video-play{
    position: relative;
}
.video-play i{
    position: absolute;
    bottom: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 28px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-indent:1px;
}


@media (max-width: 1200px){
    .button-shipping-location{
        display: none;
    }
    
    header.desktop .search form input {
        font-size: 10px;
    }
}

/* Responsive */
@media (max-width: 991px) {
    .categories-body .mobil-filtre .mobil-filtre-btn{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        position: sticky;
        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;
    }
    .card-product .card-product-inner .price-group .prices .sale-price{
        font-size: 15px!important;
    }
    .product-body .product-title-container{
        padding: 25px 15px;
    }
    .contact-info {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .raw-content .value {
        width: 120px;
    }
    .info-bar-1 .container img{
        border-radius: 0;
    }
    .product-right-block{
        padding: 10px 15px;
    }
    .product-body .product-title-container{
        margin-top: 20px;
    }
    .free-cargo {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
    }
    .product-price-group {
        border-right: 0;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .product-profile-1 h1.title{
        font-size: 17px;
    }
    .cargo-wrapper .cargo-time {
        padding-left: 0;
        width: 100%;
    }
    .cargo-wrapper {
        display: flex;
        align-items: center;
        height: auto;
        flex-direction: column;
    }
    .product-title-container .t-attr {
        flex-direction: column;
    }
    .product-body .brand-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        margin-bottom: 10px;
    }
    .t-attr .attr-barcode, .t-attr .attr-category {
        padding-left: 0;
    }
    .t-attr .attr-code, .t-attr .attr-barcode, .t-attr .attr-category{
        border: 0;
        padding: 0;
    }
    .card-plybtn .nmp {
        width: 23px;
        height: 23px;
    }
    .card-product .sale-price-basket {
        margin: 10px auto;
    }
    
    .card-product .card-product-inner .buttons .btn-cart {
        border-radius: 15px;
        margin-right: 0;
        width: 100%;
    }
    
    .card-product .card-product-inner .buttons{
        width: 100%;
    }
    
    .card-product .product-unit {
        display: flex;
        justify-content: center;
        margin: 2px;
        font-weight: 500;
        position: relative;
        left: 0;
        right: 0;
    }
    .card-product:hover .cart-unit-basket-container{
        position: relative;
    }
    
    
    
    .newsletter-form {
        position: relative;
        width: 100%;
        margin: 10px 0;
    }
    
    .newsletter-content {
        flex-direction: column;
    }
    
    footer .bb .col {
        flex-basis: auto;
    }
    
    footer .col-margin-right {
        margin-right: 0px;
    }
    
    .info-bar-1 .icons {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        padding: 10px 0;
        flex-direction: column;
    }
    
    .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{
        flex-direction: column;
        overflow: auto;
    }
    
    .product-profile-1 .product-quantity{
        margin-right: 10px;
    }
    
    .product-badges .p-badge {
        height: 55px;
        flex: auto;
    }
    
    .product-buttons .btn-fast-buy {
        flex: 1;
    }
    
    .product-buttons .btn-cart{
        flex:1;
        margin-left:0;
    }
    
    .product-buttons .btn-wp {
        width: 100%;
    }
    
    .card-product .right-to-left{
        display: none !important;
    }
    
    .product-view-select{
        display: none;
    }
    
    .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;
        padding: 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;
    }

    header.desktop {
        display: none;
    }

    header.mobile {
        display: block;
    }
    
    .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 .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;
        margin-top: 10px;
    }

    footer .info {
        padding: 0;
    }

    footer .info .title {
        text-align: center !important;
        color: #000;
        border: 1px solid #000;
        padding: 8px;
        position: relative;
    }

    footer .info .title::after {
        content: "+";
        right: 10px;
        top: 3px;
        bottom: 0;
        position: absolute;
        font-size: 20px;
        margin-bottom: 10px;
    }

    footer .info .fs {
        display: none;
        text-align: center !important;
        border: 1px solid #000;
        margin-bottom: 15px;
        color: #000 !important;
        padding: 10px;
    }

    footer .info ul {
        margin: 0;
    }

    footer .info ul li {
        color: #000 !important;
    }

    footer .info ul li a {
        color: #000;
    }

    footer .info ul li a:before {
        display: none;
    }

    footer .social-media {
        justify-content: center;
        margin: 10px 0;
    }

    footer .secure {
        text-align: center !important; 
        margin: 10px 0;
    }

}

/* Header Shopping Cart */

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

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

header.desktop .header-cart-hover {
  position: relative;
}

header.desktop .header-cart-hover::after {
  content: "";
  position: absolute;
  top: 100%; 
  left: 0;
  width: 100%;
  height: 30px;
  background: transparent; 
}

header.desktop .header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 500px;
    left: inherit;
    right: 0;
    top: 100%;
    position: absolute;
    border: 2px solid #ececec;
    border-radius: 10px;
    -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;
}

header.desktop .header-cart-hover .dropdown-menu .top-header {
    background: #fff;
    display: flex;
    justify-content: flex-end;
    padding: 5px 20px;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 30px;
    border-radius: 8px;
}

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

header.desktop .header-cart-hover .dropdown-menu .top-header .title-2{
    font-size: 14px;
    padding: 5px 0;
    font-weight: 500;
    border-bottom: 3px solid #333;
}   

header.desktop .header-cart-hover:hover .dropdown-menu, 
header.desktop .header-cart-hover .dropdown-menu:hover {
    display:block!important;
}
 
header.desktop .header-cart-hover .dropdown-menu ul.user-links {
    margin: 0;
    padding: 0;
}

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

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

header.desktop .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.desktop .header-cart-hover .dropdown-menu ul.user-links li:last-child a{
    border-bottom: 0px;
}

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

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

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

header.desktop .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.desktop .header-cart-hover .dropdown-menu ul.auth-links li a i {
    margin-right: 10px;
}

header.desktop .header-cart-hover .btn-remove{
    background: #000;
    border: none;
    color: #fff;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

header.desktop .header-cart-hover .btn-remove{
    background: #dedede;
    border: none;
    color: #000;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.header-cart-summary-1 {
        
}

.header-cart-summary-1 .table th {
    font-size: 13px !important;
    font-weight: 600;
    text-align: right;
    border: 0;
        
}
        
.header-cart-summary-1 .buttons {
    display: flex;
    flex-direction: row;
    padding: 20px;
    justify-content: space-between;
}

.header-cart-summary-1 .buttons .btn {
    font-size: 12px !important;
    padding: 5px 3px !important;
    margin: 5px;
    background: var(--add-cart-list-bg);
    color: var(--add-cart-list);
    transition: all var(--transition-time);
    max-width: 150px;
}

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

.header-cart-summary-1 table tfoot tr th {
    padding: 7px 25px;
}

.header-cart-summary-1 .buttons .btn-color-2 {
    background: #fff;
    color: #333;
    transition: all var(--transition-time);
    font-weight: 600;
    border: 1px solid #333;
    max-width: 150px;
}
.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 .btn-color-2 i{
    font-size: 8px;
    padding-left: 3px;
}

.ajax-shopping-cart .product-quantity{
    align-items: center;
    margin-right: 15px;
}

.ajax-shopping-cart .product-quantity .btn {
    height: 35px;
    width: 35px;
}

.ajax-shopping-cart .product-quantity input {
    width: 35px;
    height: 35px;
    background: #f6f7fb;
    border: none;
    font-size: 18px;
}

.ajax-shopping-cart {
    padding: 15px;
    font-size: 12px;
    max-height: 300px;
    overflow-y: auto;
}

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

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

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

.dropdown-menu .products {
    border-bottom: 1px solid #ddd;
}


.ajax-shopping-cart .product .price {
    font-size: 13px;
    text-align: right;
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    font-weight: 600;
}

.ajax-shopping-cart .product .info {
    flex:2;
}

.ajax-shopping-cart .product .image{
    flex: 1;
}

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

.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
}

.mobile-menu-close i {
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
}

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

@media (max-width: 991px){
	.product-profile-1 .carousel .carousel-indicators li {
    	max-width: 50px;
	}
}

@media (max-width: 991px){
    .product-profile-1 h1.title {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .product-profile-1 .carousel .carousel-indicators{
        overflow: unset !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 767px) {
    
    .product-body .product-profile-1 .row-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
    
    .product-profile-1 .carousel .carousel-indicators{
        overflow: unset !important;
        max-height: unset !important;
    }

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

.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 {
    padding: 0.275rem 0.7rem !important;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
    font-size: 13px;
    font-weight: 500;
    background: #818181;
    border-color: #818181;
}

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

@media(max-width: 991px){
    .ppc-ctype-2 .row:first-of-type,
    .ppc-ctype-3 .row:first-of-type {
        flex-direction: column-reverse;
    }
}
/* Mobil uyumlu ve animasyonlu Favoriler butonu */
.product-body .product-favourite .add-favorite {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: #ffffff;
  color: #ff6b6b;
  border: 2px solid #ff6b6b;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
}

/* Hover animasyonu */
.product-body .product-favourite .add-favorite:hover {
  background-color: #ff6b6b;
  color: #fff;
}


/* Favoriye eklendi durumu */
.product-body .product-favourite .add-favorite.active {
  background-color: #ff6b6b;
  color: #fff;
  border-color: #ff6b6b;
}
.product-body .product-favourite .remove-favorite{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: #ff6b6b;
  color: #fff;
  border: 2px solid #ff6b6b;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
}
.product-body .product-favourite .remove-favorite:hover {
  background-color: #fff;
  color: #ff6b6b;
}
.product-body .product-favourite .remove-favorite.active {
  background-color: #ff6b6b;
  color: #fff;
  border-color: #ff6b6b;}
  
@media(max-width: 991px){

.cat-responsive-buttons .btn {
    border: 2px solid #000;
    border-radius: 5px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: 10px;
    margin-left: 10px;
}
.cat-responsive-buttons .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
}
.cat-responsive-buttons {
    margin: 10px 0 5px 0;}
    
.categories-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info {
    border-radius: 5px;
    flex-direction: column-reverse;
}
.categories-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{
    text-align: center;
    margin: 10px auto 10px auto;
    font-weight: bold;
    font-size: 20px;

}
}
.bundle-product-box .bpb-title {
    color: #ff0000; /* istediğin renk */
    font-weight: bold;
}


/* MOBİL HESABIM MENÜSÜ GENEL */
.sidebar-user {
    background: #f4f5f7 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 40px rgba(0,0,0,0.15);
}

/* İÇ ALAN */
.sidebar-user .scrollbar {
    padding: 20px 16px 120px !important;
    background: #f4f5f7;
}

/* ÜST BAŞLIK */
.sidebar-user .title {
    position: sticky;
    top: 0;
    z-index: 20;
    
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 20px 18px !important;

    background: linear-gradient(135deg,#ff2f43,#ff4d5f);
    
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.3px;

    border-radius: 0 0 22px 22px;

    box-shadow: 0 8px 25px rgba(255,60,80,.25);
}

/* KAPAT BUTONU */
.sidebar-user .title .btn-close {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.18);
    border-radius: 50%;

    color: #fff !important;

    transition: .3s ease;
}

.sidebar-user .title .btn-close:hover {
    transform: rotate(90deg) scale(1.08);
    background: rgba(255,255,255,0.28);
}

/* GİRİŞ MENÜSÜ */
.sidebar-user .login-menu {
    margin-top: 18px;
    margin-bottom: 22px;

    background: #fff;
    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}

/* GİRİŞ MENÜ LİNKLER */
.sidebar-user .login-menu a {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 18px 18px !important;

    font-size: 15px;
    font-weight: 600;
    color: #222 !important;

    border-bottom: 1px solid #f1f1f1;

    transition: .25s ease;
}

.sidebar-user .login-menu a:last-child {
    border-bottom: 0;
}

.sidebar-user .login-menu a:hover {
    background: #fff5f6;
    color: #ff3347 !important;
    padding-left: 24px !important;
}

/* İKONLAR */
.sidebar-user .login-menu i,
.sidebar-user .footer-links i {
    font-size: 16px;
    width: 18px;
    text-align: center;
    color: #ff3347;
}

/* KATEGORİ BAŞLIKLARI */
.sidebar-user .title-alt {
    margin: 22px 0 12px;

    padding-left: 6px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;

    color: #8d96a5;
}

/* ALT LİNK ALANLARI */
.sidebar-user .footer-links {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;

    box-shadow: 0 4px 18px rgba(0,0,0,0.05);
}

/* UL */
.sidebar-user .footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* SATIRLAR */
.sidebar-user .footer-links li {
    border-bottom: 1px solid #f3f3f3;
}

.sidebar-user .footer-links li:last-child {
    border-bottom: 0;
}

/* LİNKLER */
.sidebar-user .footer-links a {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 17px 18px !important;

    font-size: 14px;
    font-weight: 500;

    color: #2d2d2d !important;

    transition: all .25s ease;
}

/* HOVER */
.sidebar-user .footer-links a:hover {
    background: #fff5f6;
    color: #ff3347 !important;

    padding-left: 24px !important;
}

/* TELEFON MAİL */
.sidebar-user .footer-links span {
    word-break: break-word;
}

/* SCROLL */
.sidebar-user .scrollbar::-webkit-scrollbar {
    width: 4px;
}

.sidebar-user .scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255,70,90,.35);
    border-radius: 20px;
}

/* 2. ADIM - PREMIUM DETAYLAR */

/* Başlık daha güçlü */
.sidebar-user .title {
    min-height: 70px;
    padding: 22px 20px !important;
    font-size: 23px;
}

/* Kartlar daha geniş ve oturaklı */
.sidebar-user .login-menu,
.sidebar-user .footer-links {
    border-radius: 22px;
    box-shadow: 0 8px 26px rgba(20, 24, 35, 0.08);
}

/* Menü satırları daha ferah */
.sidebar-user .login-menu a,
.sidebar-user .footer-links a {
    min-height: 58px;
}

/* Başlık şeritleri daha modern */
.sidebar-user .title-alt {
    background: transparent !important;
    padding: 0 4px !important;
    margin: 24px 0 12px !important;

    color: #9aa3b2 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px;
}

/* Başlık altına küçük kırmızı çizgi */
.sidebar-user .title-alt::after {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    margin-top: 7px;

    background: linear-gradient(90deg,#ff3347,#ff8a95);
    border-radius: 20px;
}

/* Sağ ok efekti */
.sidebar-user .footer-links a::after,
.sidebar-user .login-menu a::after {
    content: "›";
    margin-left: auto;

    color: #c5cbd5;
    font-size: 22px;
    font-weight: 400;

    transition: .25s ease;
}

.sidebar-user .footer-links a:hover::after,
.sidebar-user .login-menu a:hover::after {
    color: #ff3347;
    transform: translateX(3px);
}

/* İkonlara küçük premium kutu */
.sidebar-user .login-menu i,
.sidebar-user .footer-links i {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f3;
    border-radius: 10px;

    color: #ff3347 !important;
    font-size: 15px;
}

/* Kapat butonu daha net */
.sidebar-user .title .btn-close {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}
/* =========================
   3. AŞAMA PREMIUM EFEKTLER
========================= */

/* MENÜ PANELİ */
nav.sidebar-user.active {
    animation: sidebarShow .35s cubic-bezier(.25,.8,.25,1);
    box-shadow:
        -10px 0 40px rgba(0,0,0,.18),
        0 0 0 1px rgba(255,255,255,.08);
}

/* AÇILIŞ ANİMASYONU */
@keyframes sidebarShow {
    from {
        opacity: .7;
        transform: translateX(40px);
    }

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

/* ARKA KARARTMA */
body.home-body.hidden-scroll::before,
body.hidden-scroll::before {
    content: "";

    position: fixed;
    inset: 0;
    z-index: 9998;

    background:
        rgba(15,18,25,.42);

    backdrop-filter: blur(4px);

    animation: overlayShow .25s ease;
}

/* BLUR HATASINI KAPAT */
body.home-body.hidden-scroll::before,
body.hidden-scroll::before {
    display: none !important;
    content: none !important;
}

/* Sadece site arkasını karart, menü net kalsın */
body.hidden-scroll .op-black,
body.home-body.hidden-scroll .op-black {
    background: rgba(15,18,25,.45) !important;
    backdrop-filter: blur(3px);
    opacity: 1 !important;
    visibility: visible !important;
}

/* Menü her zaman net ve üstte */
nav.sidebar-user.active {
    filter: none !important;
    backdrop-filter: none !important;
    z-index: 99999 !important;
}

/* PANEL ÜSTTE KALSIN */
nav.sidebar-user.active {
    z-index: 99999 !important;
}

/* KART GEÇİŞLERİ */
.sidebar-user .login-menu,
.sidebar-user .footer-links {
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

/* HAFİF YÜKSELME EFEKTİ */
.sidebar-user .login-menu:hover,
.sidebar-user .footer-links:hover {
    transform: translateY(-2px);

    box-shadow:
        0 14px 35px rgba(20,24,35,.10);
}

/* SATIRLAR DAHA YUMUŞAK */
.sidebar-user .login-menu a,
.sidebar-user .footer-links a {
    transition:
        background .22s ease,
        padding .22s ease,
        color .22s ease,
        transform .22s ease;
}

/* DOKUNMA HİSSİ */
.sidebar-user .login-menu a:active,
.sidebar-user .footer-links a:active {
    transform: scale(.985);
}

/* KAPAT BUTONU CAM EFEKTİ */
.sidebar-user .title .btn-close {
    backdrop-filter: blur(8px);
}

/* PREMIUM SCROLL */
.sidebar-user .scrollbar {
    scroll-behavior: smooth;
}

/* ALT SCROLL GÖLGESİ */
.sidebar-user .scrollbar::after {
    content: "";

    position: fixed;
    bottom: 0;
    right: 0;

    width: 100%;
    height: 80px;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(244,245,247,1),
            rgba(244,245,247,0)
        );
}
/* MOBİL MENÜ ALT KISIM KAPANMA SORUNU */
.sidebar-user .scrollbar {
    padding-bottom: 180px !important;
}

/* En alttaki yapay gölge/gradient kapat */
.sidebar-user .scrollbar::after {
    display: none !important;
    content: none !important;
}

/* Liste son elemanı rahat görünsün */
.sidebar-user .footer-links:last-child {
    margin-bottom: 90px !important;
}

/* TELEFON VE MAİL HİZASI DÜZELTME */
.sidebar-user .footer-links a {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Mail ve telefon yazısı */
.sidebar-user .footer-links a span,
.sidebar-user .footer-links a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* İkon sabit kalsın */
.sidebar-user .footer-links i {
    flex: 0 0 30px;
}

/* Yazı alanı düzgün yayılsın */
.sidebar-user .footer-links span {
    flex: 1;
    min-width: 0;
}

/* Mobil Kategori Düzenleme */

.sidebar-menu-type-2{
    background:#f6f7fb;
}

.sidebar-menu-type-2 .categories ul{
    padding:14px;
}

.sidebar-menu-type-2 .categories ul li{
    border:none;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:14px;
    background:#fff;
    box-shadow:
    0 2px 10px rgba(0,0,0,.04);
    transition:all .3s ease;
}

.sidebar-menu-type-2 .categories ul li:hover{
    transform:translateY(-2px);
    box-shadow:
    0 10px 25px rgba(0,0,0,.08);
}

.sidebar-menu-type-2 .categories ul li > a{
    min-height:68px;
    padding:14px 18px;
    font-size:16px;
    font-weight:600;
    border-radius:18px;
    position:relative;
}

.sidebar-menu-type-2 .categories ul li a img{
    width:42px;
    height:42px;
    object-fit:cover;
    border-radius:12px;
    padding:6px;
    background:#f3f5ff;
    margin-right:14px;
}

.sidebar-menu-type-2 .categories ul li a .name{
    color:#1f2937;
    letter-spacing:-0.2px;
}

.sidebar-menu-type-2 .categories ul li a .icon{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4f4f4;
    border-radius:12px;
    right:16px;
    transition:all .3s ease;
}

.sidebar-menu-type-2 .categories ul li:hover a .icon{
    background:#7c3aed;
    color:#fff;
    transform:rotate(90deg);
}

.sidebar-menu-type-2 .categories .multi{
    background:#fafafa;
    padding:8px 14px 14px !important;
}

.sidebar-menu-type-2 .categories .multi li{
    background:transparent;
    box-shadow:none;
    margin-bottom:0;
    border-radius:12px;
}

.sidebar-menu-type-2 .categories .multi li a{
    min-height:auto;
    padding:13px 14px !important;
    font-size:14px;
    font-weight:500;
    border-radius:12px;
}

.sidebar-menu-type-2 .categories .multi li a:hover{
    background:#fff;
    padding-left:20px !important;
}

.sidebar-menu-type-2 .categories .multi .multi{
    margin-top:6px;
    border-left:2px solid #e5e7eb;
}

.sidebar-menu-type-2 .mobil-area-title{
    font-size:22px;
    font-weight:800;
    margin-top:25px;
    margin-bottom:15px;
    color:#111827;
    letter-spacing:-0.5px;
}
/* PREMIUM MOBILE CATEGORY UI */

.sidebar-menu-type-2{
    background:
    linear-gradient(to bottom,#f8f8fb,#f2f3f7);
}

/* HEADER */

.sidebar-menu-type-2 .logo-area{
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px);
    position:sticky;
    top:0;
    z-index:99;
    padding:14px 16px;
    border-bottom:none;
    box-shadow:
    0 2px 15px rgba(0,0,0,.04);
}

/* SEARCH */

.sidebar-menu-type-2 .mobile-search{
    padding:16px;
    background:transparent;
}

.sidebar-menu-type-2 .mobile-search form{
    position:relative;
}

.sidebar-menu-type-2 .mobile-search .input-box input{
    height:58px;
    border:none;
    border-radius:18px;
    background:#fff;
    padding-left:20px;
    font-size:15px;
    box-shadow:
    0 4px 15px rgba(0,0,0,.05);
}

.sidebar-menu-type-2 .mobile-search .btn-send{
    position:absolute;
    right:6px;
    top:6px;
    width:46px;
    height:46px;
    border-radius:14px;
    background:#7c3aed;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
}

.sidebar-menu-type-2 .mobile-search .btn-send i{
    color:#fff;
    font-size:18px;
    margin:0;
}

/* CATEGORY TITLE */

.sidebar-menu-type-2 .mobil-area-title{
    padding-left:18px;
    margin-bottom:12px;
}

/* CATEGORY CARDS */

.sidebar-menu-type-2 .categories ul li{
    border-radius:22px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(12px);
}

.sidebar-menu-type-2 .categories ul li > a{
    min-height:72px;
}

/* ICON BOX */

.sidebar-menu-type-2 .categories ul li a img{
    background:
    linear-gradient(135deg,#eef2ff,#ffffff);
    border:1px solid #ececff;
    box-shadow:
    0 4px 10px rgba(124,58,237,.08);
}

/* ARROW BUTTON */

.sidebar-menu-type-2 .categories ul li a .icon{
    background:#f3f4f6;
    width:38px;
    height:38px;
    border-radius:14px;
}

/* ACTIVE CARD */

.sidebar-menu-type-2 .categories ul li.active-category{
    background:
    linear-gradient(135deg,#7c3aed,#9333ea);
}

.sidebar-menu-type-2 .categories ul li.active-category > a .name{
    color:#fff;
}

.sidebar-menu-type-2 .categories ul li.active-category .icon{
    background:rgba(255,255,255,.2);
    color:#fff;
}

/* SUB MENU */

.sidebar-menu-type-2 .categories .multi{
    margin:0 12px 12px;
    border-radius:18px;
    background:#fff;
    box-shadow:
    inset 0 0 0 1px #f1f1f1;
}

.sidebar-menu-type-2 .categories .multi li a{
    border-bottom:1px solid #f3f4f6;
}

.sidebar-menu-type-2 .categories .multi li:last-child a{
    border-bottom:none;
}

/* HELP CENTER */

.mobil-area-2{
    background:#fff;
    margin:16px;
    border-radius:24px;
    overflow:hidden;
    box-shadow:
    0 8px 24px rgba(0,0,0,.05);
}

.sidebar-menu-type-2 .short-link{
    padding:20px 10px;
}

.sidebar-menu-type-2 .short-link a{
    flex-direction:column;
    gap:10px;
    font-size:14px;
    font-weight:600;
}

.sidebar-menu-type-2 .short-link a i{
    margin:0;
    font-size:22px;
    color:#7c3aed;
}

/* SCROLLBAR */

.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar{
    width:4px;
}

.sidebar-menu-type-2 .scrollbar::-webkit-scrollbar-thumb{
    background:#c4b5fd;
    border-radius:50px;
}

/* ARROW ROTATION */

.rotate-arrow{
    transform:rotate(90deg);
    transition:all .3s ease;
}

.sidebar-menu-type-2 .categories ul li a .icon i{
    transition:all .3s ease;
}
/* SEARCH FIX */

.sidebar-menu-type-2 .mobile-search{
    padding:16px 20px 12px;
}

.sidebar-menu-type-2 .mobile-search .easy-autocomplete{
    width:100% !important;
}

.sidebar-menu-type-2 .mobile-search form{
    width:100%;
    height:56px;
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:18px;
    box-shadow:0 8px 22px rgba(0,0,0,.05);
    overflow:hidden;
}

.sidebar-menu-type-2 .mobile-search .input-box{
    flex:1;
}

.sidebar-menu-type-2 .mobile-search .input-box input{
    width:100%;
    height:56px;
    border:0;
    background:transparent;
    box-shadow:none;
    padding:0 16px;
    font-size:15px;
}

.sidebar-menu-type-2 .mobile-search .btn-send{
    position:static;
    width:54px;
    height:56px;
    background:transparent;
    border:0;
    box-shadow:none;
    color:#111827;
}

.sidebar-menu-type-2 .mobile-search .btn-send i{
    color:#111827;
    font-size:22px;
    margin:0;
}


/* ACTIVE CATEGORY FIX - SADECE ANA KATEGORİLER */

.sidebar-menu-type-2 .categories > ul > li.active-category{
    background:linear-gradient(135deg,#7c3aed,#9333ea);
}

.sidebar-menu-type-2 .categories > ul > li.active-category > a > .name{
    color:#fff;
}

.sidebar-menu-type-2 .categories > ul > li.active-category > a > .icon{
    background:rgba(255,255,255,.22);
    color:#fff;
}


/* ALT KATEGORİLER MOR OLMASIN */

.sidebar-menu-type-2 .categories .multi li.active-category{
    background:#fff !important;
}

.sidebar-menu-type-2 .categories .multi li.active-category > a > .name{
    color:#1f2937 !important;
}

.sidebar-menu-type-2 .categories .multi li.active-category > a > .icon{
    background:#7c3aed !important;
    color:#fff !important;
}


/* ALTTAKİ KATEGORİ BAŞLIĞI KAYBOLMASIN */

.sidebar-menu-type-2 .categories .multi li > a{
    display:flex !important;
    align-items:center;
    min-height:54px;
}

.sidebar-menu-type-2 .categories .multi li > a img{
    display:block;
    width:38px;
    height:38px;
    margin-right:12px;
}

.sidebar-menu-type-2 .categories .multi li > a .name{
    display:block;
    width:auto;
    flex:1;
    color:#1f2937;
}

/* FINAL PREMIUM TOUCHES */

/* Daha yumuşak açılış hissi */
.sidebar-menu-type-2 .categories ul li,
.sidebar-menu-type-2 .categories ul li a,
.sidebar-menu-type-2 .categories ul li a .icon{
    transition:all .28s cubic-bezier(.4,0,.2,1);
}

/* Kartlara dokunma efekti */
.sidebar-menu-type-2 .categories > ul > li:active{
    transform:scale(.985);
}

/* Alt kategorileri daha temiz yap */
.sidebar-menu-type-2 .categories .multi{
    padding:10px 12px 14px !important;
}

.sidebar-menu-type-2 .categories .multi li a{
    background:#fff;
    margin-bottom:8px;
    border-radius:14px;
    border-bottom:none !important;
}

/* Alt kategori hover/touch */
.sidebar-menu-type-2 .categories .multi li a:active{
    background:#f5f3ff;
    color:#7c3aed;
}

/* Kapatma butonu modern */
.mobile-menu-close i{
    border:none;
    background:#f4f4f5;
    color:#9ca3af;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
    transition:all .25s ease;
}

.mobile-menu-close i:active{
    background:#7c3aed;
    color:#fff;
    transform:scale(.92);
}

/* Logo alanı daha premium */
.sidebar-menu-type-2 .logo-area a img{
    height:58px;
    object-fit:contain;
}

/* Search odak efekti */
.sidebar-menu-type-2 .mobile-search form:focus-within{
    box-shadow:0 10px 28px rgba(124,58,237,.16);
    outline:2px solid rgba(124,58,237,.18);
}

/* Yardım merkezi başlığı biraz daha şık */
.sidebar-menu-type-2 .mobil-area-title:nth-of-type(2){
    margin-top:30px;
}

/* Yardım merkezi kart hover */
.sidebar-menu-type-2 .short-link:active{
    background:#f5f3ff;
}

/* Menü en alt rahatlık */
.sidebar-menu-type-2 .scrollbar{
    padding-bottom:35px !important;
}
/* OLD HELP AREA REMOVE */

.mobil-area-2,
.sidebar-menu-type-2 .mobil-area-title:last-of-type{
    display:none;
}

/* PREMIUM BOTTOM AREA */

.mobile-premium-area{
    padding:10px 18px 35px;
}

.premium-title{
    font-size:22px;
    font-weight:800;
    color:#111827;
    margin-bottom:16px;
}

.trend-tags{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:22px;
}

.trend-tags a{
    background:#fff;
    padding:12px 16px;
    border-radius:14px;
    text-decoration:none;
    color:#111827;
    font-weight:600;
    font-size:14px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.trend-tags a:active{
    background:#7c3aed;
    color:#fff;
}

.premium-boxes{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.premium-box{
    background:#fff;
    border-radius:20px;
    padding:18px 14px;
    font-size:14px;
    font-weight:700;
    color:#111827;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
    display:flex;
    flex-direction:column;
    gap:10px;
}

.premium-box span{
    font-size:24px;
}

/* PREMIUM BOX CENTER FIX */

.premium-box{
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:105px;
}

.premium-box span{
    display:block;
    margin:0 auto;
    font-size:28px;
}

.trend-tags{
    justify-content:flex-start;
}

.trend-tags a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:76px;
    text-align:center;
}
/* SEARCH FINAL CLEAN DESIGN */

.sidebar-menu-type-2 .mobile-search{
    padding:12px 18px 10px;
}

.sidebar-menu-type-2 .mobile-search form{
    height:50px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 5px 16px rgba(0,0,0,.045);
    outline:none !important;
    border:1px solid rgba(124,58,237,.12);
}

.sidebar-menu-type-2 .mobile-search .input-box input{
    height:50px;
    padding:0 14px;
    font-size:14px;
}

.sidebar-menu-type-2 .mobile-search .btn-send{
    width:50px;
    height:50px;
}

.sidebar-menu-type-2 .mobile-search .btn-send i{
    font-size:19px;
    color:#374151;
}

.sidebar-menu-type-2 .mobile-search form:focus-within{
    border-color:rgba(124,58,237,.35);
    box-shadow:0 8px 20px rgba(124,58,237,.12);
    outline:none !important;
}

/* PREMIUM TYPOGRAPHY */

.sidebar-menu-type-2{
    font-family:'Inter',sans-serif;
}

/* Ana başlıklar */

.sidebar-menu-type-2 .mobil-area-title,
.premium-title{
    font-family:'Poppins',sans-serif;
    font-weight:800;
    letter-spacing:-0.7px;
}

/* Ana kategoriler */

.sidebar-menu-type-2 .categories > ul > li > a .name{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    letter-spacing:-0.3px;
    font-size:16px;
}

/* Alt kategori chipleri */

.sidebar-menu-type-2 .categories .multi li a{
    font-family:'Inter',sans-serif;
    font-weight:600 !important;
    letter-spacing:-0.2px;
}

/* Search */

.sidebar-menu-type-2 .mobile-search input{
    font-family:'Inter',sans-serif;
    font-weight:500;
}

/* Premium alt alan */

.trend-tags a,
.premium-box{
    font-family:'Inter',sans-serif;
    font-weight:700;
    letter-spacing:-0.2px;
}


/* Etiket alanı */
.card-product .product-label.top-left {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
}

/* Görsel etiketi gizle */
.card-product .product-label.top-left img {
    display: none !important;
}

/* Yazı etiketi oluştur */
.card-product .product-label.top-left::after {
    content: "ÇOK SATAN";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;

    background: linear-gradient(135deg, #ff7a00, #ff3c00);
    color: #fff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;

    box-shadow: 0 4px 12px rgba(255, 100, 0, 0.35);
}

/* Kartı öne çıkar */
.card-product:has(.product-label.top-left) {
    border: 2px solid #ff7a00;
    box-shadow:
        0 0 0 1px rgba(255,122,0,.15),
        0 10px 24px rgba(255,122,0,.18);

    transform: translateY(-2px);
    transition: all .3s ease;
}

/* Hover efekti */
.card-product:has(.product-label.top-left):hover {
    transform: translateY(-6px);
    box-shadow:
        0 0 0 1px rgba(255,122,0,.25),
        0 18px 34px rgba(255,122,0,.25);
}

/* Ürün detay - eski görsel etiketi gizle */
.product-profile-carousel .product-label.top-left img,
.ppc-ctype-1 .product-label.top-left img {
    display: none !important;
}

/* Etiket konumu */
.product-profile-carousel .carousel-outer,
.ppc-ctype-1 .carousel-outer {
    position: relative;
}

.product-profile-carousel .product-label.top-left,
.ppc-ctype-1 .product-label.top-left {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
}

/* Yazı etiketi */
.product-profile-carousel .product-label.top-left::after,
.ppc-ctype-1 .product-label.top-left::after {
    content: "ÇOK SATAN";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff8a00, #ff3d00);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
    box-shadow: 0 5px 14px rgba(255, 100, 0, .35);
}

/* İndirimli ürün kartı */
.card-product:has(.price-group .discount) {
    border: 2px solid #ff3b3b;
    box-shadow:
        0 0 0 1px rgba(255, 59, 59, .12),
        0 10px 24px rgba(255, 59, 59, .18);
    transition: all .3s ease;
}

/* Hover */
.card-product:has(.price-group .discount):hover {
    transform: translateY(-5px);
    box-shadow:
        0 0 0 1px rgba(255, 59, 59, .22),
        0 18px 34px rgba(255, 59, 59, .26);
}

/* Sepete ekle butonunu da uyumlu yap */
.card-product:has(.price-group .discount) .btn,
.card-product:has(.price-group .discount) button,
.card-product:has(.price-group .discount) .add-to-cart {
    background: linear-gradient(135deg, #ff4141, #d90000) !important;
    border-color: #ff4141 !important;
}

.card-product .price-group .discount {
    background: linear-gradient(135deg, #ff4141, #d90000) !important;
    color: #fff !important;
    font-weight: 800;
    border-radius: 999px;
    box-shadow: 0 5px 12px rgba(255, 0, 0, .28);
}

/* İndirimsiz ürün fiyatını düzelt */
.card-product .price-group:not(:has(.discount)) {
    justify-content: center !important;
}

/* Fiyat alanını tam ortala */
.card-product .price-group:not(:has(.discount)) .prices {
    width: 100%;
    text-align: center;
}

/* Satış fiyatını tam ortala */
.card-product .price-group:not(:has(.discount)) .sale-price {
    width: 100%;
    justify-content: center;
    text-align: center;
}
.card-product .sale-price {
    font-size: 34px;
    font-weight: 800;
}

.short-links,
.header-menu .short-links,
.header-menu .col-md-9 > .short-links {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* SEPET SOL ALAN PREMIUM TASARIM */

@media (min-width: 1200px){

.sepet-ozet .shopping-cart-1{
    background:#fff;
    border-radius:24px;
    padding:30px !important;
    box-shadow:0 10px 40px rgba(0,0,0,0.06);
    border:1px solid #f1f1f1;
}

/* ürün satırı */

.shopping-cart-1 table tbody tr{
    display:block;
    margin-bottom:25px;
    border:1px solid #f3f3f3;
    border-radius:22px;
    padding:22px;
    transition:all .25s ease;
    background:#fff;
}

.shopping-cart-1 table tbody tr:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
}

/* ürün alanı */

.shopping-cart-1 .product{
    display:flex;
    align-items:center;
    gap:25px;
}

/* görsel */

.shopping-cart-1 .product .image{
    width:140px;
    min-width:140px;
}

.shopping-cart-1 .product .image img{
    border-radius:18px;
    background:#fff;
    transition:.3s;
}

.shopping-cart-1 tr:hover .image img{
    transform:scale(1.04);
}

/* ürün bilgi */

.shopping-cart-1 .p-info{
    width:100%;
}

/* ürün başlığı */

.shopping-cart-1 .p-info .name{
    font-size:22px;
    font-weight:700;
    line-height:1.4;
    color:#1d1d1f;
    margin-bottom:12px;
    display:block;
}

/* alt bilgiler */

.shopping-cart-1 .p-info span{
    font-size:15px;
}

/* adet sistemi */

.shopping-cart-1 .product-quantity{
    display:flex;
    align-items:center;
    background:#f7f7f7;
    border-radius:100px;
    width:max-content;
    padding:6px;
    margin-top:15px;
}

.shopping-cart-1 .product-quantity .btn{
    width:38px;
    height:38px;
    border-radius:50%;
    border:none;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    transition:.2s;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
}

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

.shopping-cart-1 .product-quantity input{
    width:55px;
    border:none !important;
    background:transparent !important;
    text-align:center;
    font-size:18px;
    font-weight:700;
    box-shadow:none !important;
}

/* toplam fiyat */

.shopping-cart-1 .td-total-price{
    width:220px;
    text-align:right;
    vertical-align:middle;
}

.shopping-cart-1 .td-total-price .value{
    font-size:34px;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}

/* sil butonu */

.shopping-cart-1 .btn-remove{
    width:46px;
    height:46px;
    border-radius:14px;
    border:none;
    background:#fff5f5;
    color:#ff3b30;
    margin-bottom:18px;
    transition:.2s;
}

.shopping-cart-1 .btn-remove:hover{
    background:#ff3b30;
    color:#fff;
}

/* devam et butonu */

.shopping-buttons-1{
    margin-top:25px;
}

.shopping-buttons-1 .btn-continue{
    height:56px;
    padding:0 35px;
    border-radius:16px;
    border:2px solid #1f4f9c;
    background:#fff;
    color:#1f4f9c;
    font-weight:700;
    transition:.25s;
    display:inline-flex;
    align-items:center;
}

.shopping-buttons-1 .btn-continue:hover{
    background:#1f4f9c;
    color:#fff;
}

}

/* SEPET SOL ALAN - DÜZELTME 2 */

@media (min-width: 1200px){

/* Sepet başlığı premium */
.sepet-ozet .p-g-mod-t-31 .p-g-mod-header{
    border:0 !important;
    padding:0 0 22px 0 !important;
    background:transparent !important;
}

.sepet-ozet .p-g-mod-t-31 .p-g-m-h-i-title{
    font-size:34px !important;
    font-weight:800 !important;
    color:#071b45 !important;
    display:flex;
    align-items:center;
    gap:14px;
}

.sepet-ozet .p-g-mod-t-31 .p-g-m-h-i-title:before{
    content:"\f07a";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    width:58px;
    height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,#ff3038,#ff6b6b);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    box-shadow:0 10px 25px rgba(255,48,56,.25);
}

.sepet-ozet .p-g-mod-t-31 .p-g-m-h-i-title{
    font-size:0 !important;
}

.sepet-ozet .p-g-mod-t-31 .p-g-m-h-i-title:after{
    content:"Sepetim";
    font-size:34px;
    font-weight:800;
    color:#071b45;
}

/* Sepet ana kutu üst boşluğu */
.sepet-ozet .shopping-cart-1{
    padding:26px !important;
    border-radius:26px;
}

/* ürün kartını daha dengeli yap */
.shopping-cart-1 table tbody tr{
    padding:28px !important;
    min-height:190px;
}

/* görseller büyüsün */
.shopping-cart-1 .product .image{
    width:170px !important;
    min-width:170px !important;
    height:170px;
    border:1px solid #ececec;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    overflow:hidden;
}

.shopping-cart-1 .product .image img{
    max-width:145px !important;
    max-height:145px !important;
    object-fit:contain;
}

/* ürün bilgisi biraz daha ferah */
.shopping-cart-1 .p-info .name{
    font-size:19px !important;
    line-height:1.35 !important;
    color:#071b45 !important;
    max-width:520px;
}

/* ürün kodu ve fiyat */
.shopping-cart-1 .p-info .title{
    font-size:16px !important;
    color:#5d6575 !important;
    font-weight:600;
}

.shopping-cart-1 .p-info span{
    font-size:16px !important;
}

/* adet yazısı büyüsün */
.shopping-cart-1 .p-info .d-flex.align-items-center .title{
    font-size:18px !important;
    color:#071b45 !important;
    font-weight:800 !important;
}

/* adet kutusu daha tok */
.shopping-cart-1 .product-quantity{
    margin-top:0 !important;
    margin-left:8px;
    padding:7px !important;
}

.shopping-cart-1 .product-quantity .btn{
    width:42px !important;
    height:42px !important;
    font-size:15px !important;
}

.shopping-cart-1 .product-quantity input{
    width:60px !important;
    font-size:19px !important;
}

/* toplam fiyat biraz küçült ve tek satır kalsın */
.shopping-cart-1 .td-total-price .value{
    font-size:30px !important;
    line-height:1.1;
    white-space:nowrap;
}

/* alışverişe devam et alanı */
.shopping-buttons-1{
    margin-top:28px !important;
    background:transparent !important;
    padding:0 !important;
}

.shopping-buttons-1 .btn-continue{
    height:58px !important;
    min-width:250px;
    border-radius:18px !important;
    background:#fff !important;
    border:2px solid #1f4f9c !important;
    color:#1f4f9c !important;
    font-size:16px !important;
    font-weight:800 !important;
    box-shadow:0 8px 22px rgba(31,79,156,.10);
}

.shopping-buttons-1 .btn-continue:before{
    content:"\f060";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    margin-right:10px;
}

.shopping-buttons-1 .btn-continue:hover{
    background:#1f4f9c !important;
    color:#fff !important;
    transform:translateY(-2px);
}

}

/* SİPARİŞ ÖZETİ PREMIUM TASARIM */

@media (min-width: 1200px){

.sepet-ozet .col-list:nth-child(2) .p-g-b-c-wrapper{
    border:0 !important;
    background:#fff !important;
    border-radius:26px !important;
    padding:0 !important;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    position:sticky;
    top:20px;
}

/* başlık */
.sepet-ozet .p-g-mod-t-37 .p-g-mod-header{
    height:auto !important;
    padding:24px 26px !important;
    background:linear-gradient(135deg,#1f4f9c,#07347d) !important;
    border:0 !important;
}

.sepet-ozet .p-g-mod-t-37 .p-g-m-h-i-title{
    color:#fff !important;
    font-size:26px !important;
    font-weight:800 !important;
    display:flex;
    align-items:center;
    gap:12px;
}

.sepet-ozet .p-g-mod-t-37 .p-g-m-h-i-title:before{
    content:"\f570";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:22px;
}

/* iç alan */
.payment-cart-summary-1 .summary{
    padding:26px !important;
    background:#fff !important;
}

/* tablo boşlukları */
.payment-cart-summary-1 table{
    width:100%;
}

.payment-cart-summary-1 table th,
.payment-cart-summary-1 table td{
    border:0 !important;
    padding:10px 0 !important;
    font-size:16px !important;
    color:#071b45;
}

/* ara çizgi */
.payment-cart-summary-1 table tbody{
    border-bottom:1px solid #e8edf5;
}

/* toplam başlık */
.payment-cart-summary-1 .summary tfoot th{
    padding-top:22px !important;
    font-size:18px !important;
    font-weight:800 !important;
    color:#071b45 !important;
}

/* genel toplam tutarı */
.payment-cart-summary-1 .summary tfoot td,
.payment-cart-summary-1 .summary .total,
.payment-cart-summary-1 .summary .value{
    font-weight:900 !important;
}

/* yeşil toplam fiyat */
.payment-cart-summary-1 tfoot .value,
.payment-cart-summary-1 .text-success{
    color:#16b14b !important;
    font-size:28px !important;
    letter-spacing:-.5px;
}

/* kupon alanı */
.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body{
    margin-top:18px;
    display:flex;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
    background:#f8fafc;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body input{
    height:56px !important;
    border:0 !important;
    background:transparent !important;
    font-size:15px !important;
    padding-left:20px !important;
}

.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary{
    height:56px !important;
    width:105px !important;
    border-radius:12px !important;
    margin:4px;
    background:linear-gradient(135deg,#ff3138,#ff4f56) !important;
    color:#fff !important;
    font-weight:800 !important;
}

/* alışverişi tamamla butonu */
.sepet-ozet .btn-primary,
.sepet-ozet .btn-success,
.sepet-ozet a[href*="checkout"],
.sepet-ozet button[type="submit"]{
    height:62px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#ff3138,#e91e2d) !important;
    border:0 !important;
    font-size:18px !important;
    font-weight:900 !important;
    box-shadow:0 14px 28px rgba(255,49,56,.25);
    transition:.25s ease;
}

.sepet-ozet .btn-primary:hover,
.sepet-ozet .btn-success:hover,
.sepet-ozet a[href*="checkout"]:hover,
.sepet-ozet button[type="submit"]:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 35px rgba(255,49,56,.35);
}

/* kargo/güven bilgi kutusu */
.sepet-ozet .col-list:nth-child(2) .p-g-b-c-wrapper:after{
    content:"🚚 1.000 TL ve üzeri alışverişlerde kargo ücretsiz";
    display:block;
    margin:0 26px 26px;
    padding:18px 20px;
    border-radius:16px;
    background:linear-gradient(135deg,#f8fbff,#eef5ff);
    border:1px solid #dbe8ff;
    color:#1f4f9c;
    font-size:15px;
    font-weight:800;
}

}
/* SİPARİŞ ÖZETİ - KARGO KUTUSU ÇAKIŞMA DÜZELTME */

@media (min-width: 1200px){

/* Sonradan eklenen kargo kutusunu kaldır */
.sepet-ozet .col-list:nth-child(2) .p-g-b-c-wrapper:after{
    content:none !important;
    display:none !important;
}

/* Sticky özet daha düzgün dursun */
.sepet-ozet .col-list:nth-child(2) .p-g-b-c-wrapper{
    position:sticky !important;
    top:25px !important;
    overflow:hidden !important;
    border-radius:24px !important;
}

/* Özet iç alan nefes alsın */
.payment-cart-summary-1 .summary{
    padding:22px 26px 24px !important;
}

/* Kupon alanı özetin dışına taşmasın */
.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body{
    margin:14px 0 0 !important;
}

/* Buton ile kupon arası düzgün olsun */
.sepet-ozet .btn-primary,
.sepet-ozet .btn-success,
.sepet-ozet a[href*="checkout"],
.sepet-ozet button[type="submit"]{
    margin-top:12px !important;
}

}
/* SİPARİŞ ÖZETİ - HİZA VE HEDİYE ÇEKİ DÜZELTME */

@media (min-width: 1200px){

.sepet-ozet .col-list:nth-child(2) .p-g-b-c-wrapper{
    width:100%;
    max-width:420px;
}

/* içerikleri kenardan içeri al */
.payment-cart-summary-1 .summary{
    padding:24px 28px 26px !important;
}

.payment-cart-summary-1 table{
    width:100% !important;
}

.payment-cart-summary-1 table tr{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
}

.payment-cart-summary-1 table th,
.payment-cart-summary-1 table td{
    padding:12px 0 !important;
    white-space:normal !important;
}

.payment-cart-summary-1 table td{
    text-align:right;
    min-width:120px;
}

/* toplam tutar taşmasın */
.payment-cart-summary-1 tfoot .value,
.payment-cart-summary-1 .text-success{
    font-size:22px !important;
    white-space:nowrap !important;
}

/* hediye çeki alanını modernleştir */
.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body{
    height:58px !important;
    margin:16px 28px 0 !important;
    padding:5px !important;
    border:1px solid #dfe6f2 !important;
    border-radius:18px !important;
    background:#f8fbff !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
}

.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body:before{
    content:"\f06b";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    width:42px;
    min-width:42px;
    height:42px;
    border-radius:14px;
    background:#fff;
    color:#ff3138;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:8px;
}

.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body input{
    flex:1 !important;
    height:48px !important;
    border:0 !important;
    background:transparent !important;
    padding:0 10px !important;
    font-size:14px !important;
}

.cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary{
    width:92px !important;
    height:48px !important;
    margin:0 !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#ff3138,#ff5b61) !important;
    font-size:15px !important;
    font-weight:800 !important;
}

/* alışverişi tamamla butonunu hizala */
.sepet-ozet .btn-primary,
.sepet-ozet .btn-success,
.sepet-ozet a[href*="checkout"],
.sepet-ozet button[type="submit"]{
    margin:12px 28px 24px !important;
    width:calc(100% - 56px) !important;
}

}

/* SEPET ÜRÜN SATIRINDAKİ KARGO KOLONUNU GİZLE */

@media (min-width: 1200px){

.shopping-cart-1 .td-cargo{
    display:none !important;
}

.shopping-cart-1 table tbody tr{
    display:flex !important;
    align-items:center !important;
}

.shopping-cart-1 .td-product{
    flex:1 !important;
}

.shopping-cart-1 .td-total-price{
    flex:0 0 240px !important;
}

}
@media (max-width: 767px) {

  .cart-body .sepet-ozet {
    background: #f6f7fb;
  }

  .cart-body .sepet-ozet .p-g-b-c-wrapper {
    padding: 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  .cart-body .shopping-cart-1 {
    padding: 0 !important;
  }

  .cart-body .shopping-cart-1 .table {
    margin-bottom: 0;
  }

  .cart-body .shopping-cart-1 tr {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    overflow: hidden;
  }

  .cart-body .shopping-cart-1 .td-product {
    padding: 14px !important;
  }

  .cart-body .shopping-cart-1 .product {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .cart-body .shopping-cart-1 .product .image {
    width: 95px;
    min-width: 95px;
    height: 95px;
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  .cart-body .shopping-cart-1 .product .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .cart-body .shopping-cart-1 .p-info .name {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    color: #111;
  }

  .cart-body .shopping-cart-1 .p-info .title {
    font-size: 12px;
    color: #777;
  }

  .cart-body .shopping-cart-1 .p-info .value {
    font-size: 13px;
    font-weight: 800;
    color: #111;
  }

  .cart-body .shopping-cart-1 .product-quantity {
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    overflow: hidden;
    height: 32px;
  }

  .cart-body .shopping-cart-1 .product-quantity .btn {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: #f7f7f7;
    color: var(--main-color);
  }

  .cart-body .shopping-cart-1 .product-quantity input {
    width: 34px;
    height: 32px;
    border: 0;
    text-align: center;
    font-weight: 700;
    padding: 0;
  }

  .cart-body .shopping-cart-1 .td-cargo {
    padding: 10px 14px !important;
    background: #f7fff8;
    border-top: 1px solid #edf7ef !important;
  }

  .cart-body .shopping-cart-1 .td-cargo .label,
  .cart-body .shopping-cart-1 .td-cargo .value {
    color: #16a34a;
    font-weight: 800;
  }

  .cart-body .payment-cart-summary-1 {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
  }

  .cart-body .payment-cart-summary-1 .summary tfoot th {
    padding: 8px 0 !important;
    font-size: 13px;
  }

  .cart-body .payment-cart-summary-1 .summary tfoot th:last-child {
    text-align: right;
    font-weight: 800;
  }

  .cart-body .payment-cart-summary-1 .final {
    color: #18b843;
    font-size: 18px;
    font-weight: 900;
  }

  .cart-body .voucher-code-form .input-group {
    border: 1px solid var(--main-color);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  .cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
    border: 0 !important;
    height: 46px;
  }

  .cart-body .p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
    height: 46px;
    border-radius: 0;
  }

  .cart-body .payment-final-buttons-1 .btn-complete {
    height: 52px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(255,0,0,.22);
  }
}
@media (max-width: 767px) {

  .cart-body .shopping-cart-1 .table,
  .cart-body .shopping-cart-1 tbody,
  .cart-body .shopping-cart-1 tr,
  .cart-body .shopping-cart-1 td {
    display: block !important;
    width: 100% !important;
  }

  .cart-body .shopping-cart-1 tr {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 16px !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.05);
  }

  .cart-body .shopping-cart-1 td {
    border: 0 !important;
    padding: 0 !important;
  }

  .cart-body .shopping-cart-1 .product {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .cart-body .shopping-cart-1 .product .image {
    width: 92px !important;
    min-width: 92px !important;
    height: 92px !important;
    border-radius: 14px !important;
    border: 1px solid #eee !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .cart-body .shopping-cart-1 .product .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .cart-body .shopping-cart-1 .p-info {
    flex: 1 !important;
  }

  .cart-body .shopping-cart-1 .p-info .name {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #111 !important;
  }

  .cart-body .shopping-cart-1 .p-info .title {
    font-size: 11.5px !important;
    color: #777 !important;
  }

  .cart-body .shopping-cart-1 .p-info .value {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #111 !important;
  }

  .cart-body .shopping-cart-1 .product-quantity {
    height: 32px !important;
    border: 1px solid #eee !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background: #fafafa !important;
  }

  .cart-body .shopping-cart-1 .product-quantity .btn {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ff3030 !important;
  }

  .cart-body .shopping-cart-1 .product-quantity input {
    width: 34px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center !important;
    font-weight: 700 !important;
  }

  .cart-body .shopping-cart-1 .td-total-price {
    display: none !important;
  }

  .cart-body .shopping-cart-1 .td-cargo {
    margin-top: 12px !important;
    background: #f7fff9 !important;
    border: 1px solid #dff5e5 !important;
    border-radius: 12px !important;
    padding: 9px 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .cart-body .shopping-cart-1 .td-cargo .label,
  .cart-body .shopping-cart-1 .td-cargo .value {
    color: #16a34a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  .cart-body .shopping-cart-1 .btn-remove {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #fff1f1 !important;
    color: #ff3030 !important;
    border: 1px solid #ffd6d6 !important;
    padding: 0 !important;
  }

  .cart-body .payment-final-buttons-1 {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 99 !important;
    background: #fff !important;
    padding: 10px !important;
  }

  .cart-body .payment-final-buttons-1 .btn-complete {
    width: 100% !important;
    height: 52px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }
}
@media (max-width: 767px){

  /* Kargo kısmını komple kaldır */
  .cart-body .shopping-cart-1 .td-cargo{
    display:none !important;
  }

  /* Sağdaki eski total alanını yeniden düzenle */
  .cart-body .shopping-cart-1 .td-total-price{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    margin-top:12px !important;
    padding-top:12px !important;
    border-top:1px solid #f0f0f0 !important;
  }

  /* Çöp kutusu */
  .cart-body .shopping-cart-1 .td-total-price .btn-remove{
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    background:#fff1f1 !important;
    border:1px solid #ffd7d7 !important;
    color:#ff3030 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Fiyat kısmı */
  .cart-body .shopping-cart-1 .td-total-price .value{
    font-size:20px !important;
    font-weight:900 !important;
    color:#111 !important;
    line-height:1 !important;
  }

  /* Önüne TOPLAM yazısı */
  .cart-body .shopping-cart-1 .td-total-price .value::before{
    content:"Toplam";
    display:block;
    font-size:11px;
    font-weight:600;
    color:#888;
    margin-bottom:4px;
    text-align:right;
  }

}
@media (max-width: 767px){

  /* Adet altındaki eski fiyat alanını kaldır */
  .cart-body .shopping-cart-1 .d-flex.align-items-center.d-md-none{
    display:none !important;
  }

}
@media (max-width: 767px){

  .cart-body .p-g-mod-t-31 .p-g-mod-header{
    margin: 18px 0 12px !important;
    padding: 0 2px !important;
    border: 0 !important;
  }

  .cart-body .p-g-mod-t-31 .p-g-m-h-i-title{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #111 !important;
  }

  .cart-body .p-g-mod-t-31 .p-g-m-h-i-title::before{
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #fff1f1;
    color: #ff3030;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }

  .cart-body .p-g-mod-t-31 .p-g-m-h-i-title::after{
    content: "Sepetindeki ürünleri kontrol et";
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #888;
    margin-left: 2px;
  }

}
@media (max-width: 767px){

  /* Özet kutusu dış alan */
  .cart-body .p-g-b-c-1 .p-g-b-c-wrapper{
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* Sipariş Özeti başlığı */
  .cart-body .p-g-mod-t-37 .p-g-mod-header{
    border: 0 !important;
    padding: 0 4px 10px !important;
    margin-top: 6px !important;
  }

  .cart-body .p-g-mod-t-37 .p-g-m-h-i-title{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:17px !important;
    font-weight:900 !important;
    color:#111 !important;
  }

  .cart-body .p-g-mod-t-37 .p-g-m-h-i-title::before{
    content:"\f09d";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    width:32px;
    height:32px;
    border-radius:10px;
    background:#eef7ff;
    color:#1f4f9c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
  }

  /* Özet kartı */
  .cart-body .payment-cart-summary-1{
    background:#fff !important;
    border-radius:20px !important;
    padding:16px !important;
    border:1px solid #ececec !important;
    box-shadow:0 8px 24px rgba(0,0,0,.05) !important;
  }

  /* Satırlar */
  .cart-body .payment-cart-summary-1 table{
    margin:0 !important;
  }

  .cart-body .payment-cart-summary-1 th{
    padding:10px 0 !important;
    border:0 !important;
    font-size:13px !important;
    color:#444 !important;
    font-weight:600 !important;
  }

  .cart-body .payment-cart-summary-1 th:last-child{
    text-align:right !important;
    font-weight:800 !important;
    color:#111 !important;
  }

  /* Genel toplam satırı */
  .cart-body .payment-cart-summary-1 tr:last-child th{
    padding-top:16px !important;
    border-top:1px dashed #e5e5e5 !important;
    font-size:15px !important;
  }

  .cart-body .payment-cart-summary-1 .final{
    color:#16b83f !important;
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  /* Hediye çeki alanı */
  .cart-body .voucher-code-form{
    margin-top:14px !important;
  }

  .cart-body .voucher-code-form .input-group{
    background:#fff !important;
    border:1px solid #ececec !important;
    border-radius:16px !important;
    overflow:hidden !important;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
  }

  .cart-body .voucher-code-form input{
    border:0 !important;
    height:50px !important;
    font-size:13px !important;
    padding-left:16px !important;
  }

  .cart-body .voucher-code-form .btn-secondary{
    width:90px !important;
    border:0 !important;
    background:linear-gradient(135deg,#ff3030,#ff5b3d) !important;
    font-size:13px !important;
    font-weight:800 !important;
  }

  /* Tamamla butonu */
  .cart-body .payment-final-buttons-1{
    position:sticky !important;
    bottom:0 !important;
    z-index:99 !important;
    background:#f6f7fb !important;
    padding-top:14px !important;
  }

  .cart-body .payment-final-buttons-1 .btn-complete{
    height:56px !important;
    border-radius:16px !important;
    font-size:16px !important;
    font-weight:900 !important;
    border:0 !important;
    background:linear-gradient(135deg,#ff2f2f,#ff5a3d) !important;
    box-shadow:0 10px 24px rgba(255,48,48,.25) !important;
  }

}
@media (max-width: 767px){

  .cart-body .p-g-mod-t-37 .p-g-m-h-i-title{
    font-size:20px !important;
    font-weight:900 !important;
    gap:12px !important;
    letter-spacing:-0.3px;
  }

  .cart-body .p-g-mod-t-37 .p-g-m-h-i-title::before{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:18px !important;

    background:linear-gradient(135deg,#1f4f9c,#3c78d8) !important;
    color:#fff !important;

    box-shadow:0 8px 18px rgba(31,79,156,.22);
  }

  .cart-body .p-g-mod-t-37 .p-g-mod-header{
    margin-bottom:14px !important;
  }

}
@media (max-width: 767px){

  .cart-body .voucher-code-form{
    position:relative !important;
    margin-top:18px !important;
  }

  .cart-body .voucher-code-form::before{
    content:"\f06b";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:#ff3030;
    font-size:15px;
    z-index:2;
  }

  .cart-body .voucher-code-form input{
    padding-left:42px !important;
    font-weight:600 !important;
    color:#333 !important;
  }

  .cart-body .voucher-code-form .input-group{
    border:1px solid #ffe0e0 !important;
    border-radius:18px !important;
    box-shadow:0 8px 22px rgba(255,48,48,.08) !important;
  }

  .cart-body .voucher-code-form .btn-secondary{
    width:96px !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#ff3030,#ff6a4a) !important;
  }

}
@media (max-width: 767px){

  /* ikon-yazı çakışmasını düzelt */
  .cart-body .voucher-code-form::before{
    left:14px !important;
    font-size:14px !important;
  }

  .cart-body .voucher-code-form input{
    padding-left:36px !important;
    height:48px !important;
    line-height:48px !important;
  }

  /* input ve buton hizası */
  .cart-body .voucher-code-form .input-group{
    align-items:stretch !important;
  }

  .cart-body .voucher-code-form .input-group-append{
    display:flex !important;
  }

  .cart-body .voucher-code-form .btn-secondary{
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 20px !important;
    margin:0 !important;
  }

}
@media (max-width: 767px){

  .cart-body .payment-final-buttons-1{
    position: static !important;
    bottom: auto !important;
    z-index: auto !important;
    background: transparent !important;
    padding: 14px 10px !important;
    margin-top: 10px !important;
  }

  .cart-body .payment-final-buttons-1 .btn-complete{
    width: 100% !important;
    height: 56px !important;
    border-radius: 18px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg,#ff3030,#ff5a3d) !important;
    box-shadow: 0 10px 26px rgba(255,48,48,.22) !important;
  }

}
@media (max-width: 767px){

  .cart-body .voucher-code-form .input-group{
    height:52px !important;
    display:flex !important;
    align-items:center !important;
    border-radius:18px !important;
  }

  .cart-body .voucher-code-form input{
    height:52px !important;
    line-height:52px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    padding-left:44px !important;
    display:flex !important;
    align-items:center !important;
  }

  .cart-body .voucher-code-form::before{
    left:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    line-height:1 !important;
  }

  .cart-body .voucher-code-form .input-group-append{
    height:52px !important;
  }

  .cart-body .voucher-code-form .btn-secondary{
    height:52px !important;
    min-height:52px !important;
    line-height:52px !important;
    padding:0 22px !important;
    border-radius:0 18px 18px 0 !important;
  }

  .cart-body .payment-final-buttons-1{
    padding:12px 20px 16px !important;
  }

  .cart-body .payment-final-buttons-1 .btn-complete{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
  }

}
/* Sepet - Ücretsiz Kargo Hedef Alanı */
.cart-body .free-shipping-limit {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 22px 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f4fff7 45%, #eaffef 100%);
    border: 1px solid #d9f5df;
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(31, 79, 156, 0.08);
}

.cart-body .free-shipping-limit::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80%;
    height: 6px;
    background: linear-gradient(90deg, #16a34a, #22c55e);
    border-radius: 0 20px 20px 0;
}

.cart-body .free-shipping-limit::after {
    content: "Ücretsiz kargoya çok az kaldı";
    position: absolute;
    right: 22px;
    top: 14px;
    font-size: 12px;
    font-weight: 800;
    color: #16a34a;
    background: rgba(34, 197, 94, 0.12);
    padding: 6px 12px;
    border-radius: 999px;
}

.cart-body .free-shipping-limit .icon {
    width: 62px;
    height: 62px;
    min-width: 62px;
    border-radius: 18px;
    background: linear-gradient(135deg, #1f4f9c, #12346d);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 27px;
    box-shadow: 0 10px 25px rgba(31, 79, 156, 0.25);
}

.cart-body .free-shipping-limit .info {
    padding-right: 180px;
}

.cart-body .free-shipping-limit .name {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 900;
    color: #071d49;
    letter-spacing: -0.2px;
}

.cart-body .free-shipping-limit .name span {
    color: #16a34a;
}

.cart-body .free-shipping-limit .description {
    margin-top: 5px;
    font-size: 15px;
    color: #334155;
    font-weight: 500;
}

.cart-body .free-shipping-limit .description span {
    color: #ff3131;
    font-weight: 900;
}

/* Mobil uyum */
@media (max-width: 768px) {
    .cart-body .free-shipping-limit {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px 18px 24px;
        gap: 14px;
        border-radius: 16px;
    }

    .cart-body .free-shipping-limit::after {
        position: relative;
        right: auto;
        top: auto;
        display: inline-block;
        margin-top: 10px;
    }

    .cart-body .free-shipping-limit .icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        font-size: 23px;
        border-radius: 15px;
    }

    .cart-body .free-shipping-limit .info {
        padding-right: 0;
    }

    .cart-body .free-shipping-limit .name {
        font-size: 15px;
    }

    .cart-body .free-shipping-limit .description {
        font-size: 13px;
        line-height: 1.45;
    }
}
@media (max-width: 768px) {
    .cart-body .free-shipping-limit {
        display: block;
        padding: 18px 16px 22px;
    }

    .cart-body .free-shipping-limit .icon {
        float: left;
        margin-right: 14px;
        margin-bottom: 8px;
    }

    .cart-body .free-shipping-limit::after {
        content: "Ücretsiz kargoya çok az kaldı";
        display: block;
        clear: both;
        width: fit-content;
        margin-top: 14px;
        font-size: 11px;
        line-height: 1.2;
        padding: 7px 10px;
    }

    .cart-body .free-shipping-limit .name {
        font-size: 14px;
        line-height: 1.35;
    }

    .cart-body .free-shipping-limit .description {
        font-size: 12.5px;
        line-height: 1.45;
    }

    .cart-body .free-shipping-limit::before {
        width: 78%;
        height: 5px;
    }
}

.card-product .cart-unit-basket-container {
    padding: 0 8px 10px;
}

.card-product .cart-unit-basket-container .buttons {
    width: 100%;
}

.card-product .cart-unit-basket-container .buttons .btn.btn-cart {
    position: relative;
    width: 100%;
    height: 48px;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #ff2f55 0%, #ff6a00 55%, #ff9f1c 100%) !important;
    color: #fff !important;
    font-size: 14x !important;
    font-weight: 900 !important;
    letter-spacing: .5px;
    text-transform: none;
    text-shadow: 0 1px 2px rgba(0,0,0,.12);
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(255, 82, 0, .28);
    transition: all .25s ease;
}



.card-product .cart-unit-basket-container .buttons .btn.btn-cart::after {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 45%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform: skewX(-18deg);
    transition: .6s;
}

.card-product .cart-unit-basket-container .buttons .btn.btn-cart:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(255, 82, 0, .38);
    filter: brightness(1.04);
}

.card-product .cart-unit-basket-container .buttons .btn.btn-cart:hover::before {
    transform: rotate(-8deg) scale(1.12);
}

.card-product .cart-unit-basket-container .buttons .btn.btn-cart:hover::after {
    left: 130%;
}

.card-product .cart-unit-basket-container .buttons .btn.btn-cart:active {
    transform: scale(.97);
}

.p-g-mod-t-44 .banner-item .image img {
    border-radius: 10px;
}
.p-g-mod-t-44 .carousel-type-2 .carousel-item a img {
    border-radius: 10px;
}


/* =========================================================
   BLOG DETAY PREMIUM TASARIM - DOĞAN OYUNCAK
========================================================= */

/* Blog ana kart */
.p-g-mod-t-12,
.p-g-mod-t-15,
.p-g-mod-t-16 {
    background: #fff !important;
    border: 1px solid rgba(31,79,156,.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 35px rgba(20,35,70,.08) !important;
    overflow: hidden;
}

/* İçerik alanı */
.p-g-mod-t-12 .p-g-mod-header {
    padding: 22px 26px 10px !important;
    border: 0 !important;
}

.p-g-mod-t-12 .p-g-m-h-i-title {
    font-size: 26px !important;
    font-weight: 850 !important;
    color: #111827 !important;
    line-height: 1.25 !important;
}

.p-g-mod-t-12 .p-g-mod-body {
    padding: 0 26px 30px !important;
}

.p-g-mod-t-12 .date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 6px 0 18px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff1f1;
    color: #ff3230;
    font-size: 13px;
    font-weight: 700;
}

.p-g-mod-t-12 .date:before {
    content: "📅";
}

.p-g-mod-t-12 .image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
    margin-bottom: 24px;
}

.p-g-mod-t-12 .detail {
    color: #263245;
    font-size: 16px;
    line-height: 1.85;
    max-width: 930px;
}

.p-g-mod-t-12 .detail h1,
.p-g-mod-t-12 .detail h2,
.p-g-mod-t-12 .detail h3 {
    color: #102a5c !important;
    font-weight: 850 !important;
    margin: 30px 0 14px !important;
    line-height: 1.3 !important;
}

.p-g-mod-t-12 .detail h2 {
    padding-left: 14px;
    border-left: 5px solid #ff3230;
}

.p-g-mod-t-12 .detail p {
    margin-bottom: 17px;
}

.p-g-mod-t-12 .detail ul {
    background: #f8fbff;
    border: 1px solid #e7eefb;
    border-radius: 18px;
    padding: 18px 22px 18px 38px;
    margin: 18px 0;
}

.p-g-mod-t-12 .detail ul li {
    margin-bottom: 9px;
}

/* İçindekiler */
.toc-wrapper {
    background: linear-gradient(135deg, #f0f7ff, #fff5f5);
    border: 1px solid #ddeaff;
    border-radius: 20px;
    padding: 20px !important;
    margin-bottom: 28px;
}

.toc-title {
    display: block;
    font-size: 18px;
    font-weight: 850;
    color: #1f4f9c;
    margin-bottom: 12px;
}

.toc-list {
    margin: 0;
    padding-left: 20px;
}

.toc-link {
    color: #263245 !important;
    font-weight: 650;
    transition: .25s;
}

.toc-link:hover {
    color: #ff3230 !important;
    padding-left: 4px;
}

/* =========================================================
   SAĞ SIDEBAR
========================================================= */

.p-g-mod-t-15,
.p-g-mod-t-16 {
    margin-bottom: 24px !important;
}

.p-g-mod-t-15 .p-g-mod-header,
.p-g-mod-t-16 .p-g-mod-header {
    padding: 18px 22px !important;
    border: 0 !important;
}

.p-g-mod-t-15 .p-g-mod-header {
    background: linear-gradient(135deg, #1f4f9c 0%, #2f80ed 100%);
}

.p-g-mod-t-16 .p-g-mod-header {
    background: linear-gradient(135deg, #ff3230 0%, #ff7a18 100%);
}

.p-g-mod-t-15 .p-g-m-h-i-title,
.p-g-mod-t-16 .p-g-m-h-i-title {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 850 !important;
}

.p-g-mod-t-15 .p-g-m-h-i-title:before {
    content: "🧸 ";
}

.p-g-mod-t-16 .p-g-m-h-i-title:before {
    content: "🔥 ";
}

.p-g-mod-t-15 .p-g-mod-body,
.p-g-mod-t-16 .p-g-mod-body {
    border: 0 !important;
}

.p-g-mod-t-15 ul,
.p-g-mod-t-16 ul {
    list-style: none;
    padding: 18px !important;
    margin: 0 !important;
}

.p-g-mod-t-15 ul li,
.p-g-mod-t-16 ul li {
    margin-bottom: 16px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.p-g-mod-t-15 ul li:last-child,
.p-g-mod-t-16 ul li:last-child {
    margin-bottom: 0 !important;
}

.p-g-mod-t-15 ul li:before,
.p-g-mod-t-15 ul li:after,
.p-g-mod-t-16 ul li:before,
.p-g-mod-t-16 ul li:after,
.p-g-mod-t-15 ul li a:after,
.p-g-mod-t-16 ul li a:after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.p-g-mod-t-15 ul li a,
.p-g-mod-t-16 ul li a {
    min-height: 58px;
    display: flex !important;
    align-items: center;
    gap: 15px !important;
    padding: 17px 18px !important;
    border-radius: 18px;
    color: #1f2937 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55 !important;
    text-decoration: none !important;
    background: #f8fbff !important;
    border: 0 !important;
    box-shadow: 0 5px 14px rgba(31,79,156,.06) !important;
    transition: all .28s ease;
}

.p-g-mod-t-15 ul li a:hover,
.p-g-mod-t-16 ul li a:hover {
    transform: translateY(-2px) translateX(4px);
    background: linear-gradient(135deg, #ffffff 0%, #fff7f7 100%) !important;
    box-shadow: 0 14px 28px rgba(31,79,156,.10) !important;
    color: #ff3230 !important;
}

.p-g-mod-t-15 ul li a:before {
    content: "›";
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eaf2ff;
    color: #1f4f9c;
    font-size: 22px;
    font-weight: 900;
}

.p-g-mod-t-16 ul {
    counter-reset: popularBlog;
}

.p-g-mod-t-16 ul li {
    counter-increment: popularBlog;
}

.p-g-mod-t-16 ul li a {
    align-items: flex-start !important;
}

.p-g-mod-t-16 ul li a:before {
    content: counter(popularBlog);
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff0e8 0%, #ffe4dc 100%);
    color: #ff3230;
    font-size: 13px;
    font-weight: 900;
}

/* Sticky sidebar */
@media (min-width: 992px) {
    .col-lg-3 {
        position: sticky;
        top: 20px;
        height: fit-content;
    }
}

/* =========================================================
   SOSYAL PAYLAŞIM İKONLARI
========================================================= */

.social-share {
    margin-top: 40px !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(0,0,0,.06);
}

.jssocials-shares {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.jssocials-share {
    margin: 0 !important;
}

.jssocials-share a {
    width: 54px;
    height: 54px;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    background: linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%) !important;
    border: 1px solid rgba(31,79,156,.08);
    box-shadow: 0 10px 24px rgba(31,79,156,.08);
    transition: all .28s ease !important;
}

.jssocials-share i {
    font-size: 20px !important;
    color: #1f4f9c !important;
    transition: all .28s ease;
}

.jssocials-share a:hover {
    transform: translateY(-5px) scale(1.06);
    background: linear-gradient(135deg, #ff3230 0%, #ff7a18 100%) !important;
    box-shadow: 0 18px 35px rgba(255,50,48,.25);
}

.jssocials-share a:hover i {
    color: #fff !important;
}

/* Mobil */
@media (max-width:768px) {
    .p-g-mod-t-12 .p-g-mod-header {
        padding: 18px 18px 8px !important;
    }

    .p-g-mod-t-12 .p-g-mod-body {
        padding: 0 18px 24px !important;
    }

    .p-g-mod-t-12 .p-g-m-h-i-title {
        font-size: 21px !important;
    }

    .p-g-mod-t-12,
    .p-g-mod-t-15,
    .p-g-mod-t-16 {
        border-radius: 20px !important;
    }

    .p-g-mod-t-15 .p-g-m-h-i-title,
    .p-g-mod-t-16 .p-g-m-h-i-title {
        font-size: 18px !important;
    }

    .p-g-mod-t-15 ul li a,
    .p-g-mod-t-16 ul li a {
        padding: 14px !important;
    }

    .jssocials-share a {
        width: 48px;
        height: 48px;
        border-radius: 15px !important;
    }

    .jssocials-share i {
        font-size: 18px !important;
    }
}
/* PREMIUM DOGAN OYUNCAK FOOTER */

/* DOĞAN OYUNCAK PREMIUM FOOTER - DÜZELTİLMİŞ */

footer {
    background: linear-gradient(135deg, #061426 0%, #071b33 50%, #070b1f 100%) !important;
    color: #fff !important;
    padding: 38px 0 0 !important;
}

footer .container {
    background: transparent !important;
}

footer .bb,
footer .bar {
    background: transparent !important;
}

footer .info {
    background: #0d1829 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 34px 42px !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.25) !important;
}

footer .title {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: left !important;
    margin-bottom: 13px !important;
}

footer .title:after {
    content: "";
    display: block;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg,#7c5cff,#00c2ff);
    border-radius: 99px;
    margin-top: 8px;
}

footer .info ul li {
    color: rgba(255,255,255,.75) !important;
    font-size: 13px !important;
}

footer .info ul li a {
    color: rgba(255,255,255,.75) !important;
    font-size: 13px !important;
    line-height: 25px !important;
}

footer .info ul li a:hover {
    color: #fff !important;
    padding-left: 5px;
}

footer .fs,
footer .fs * {
    color: rgba(255,255,255,.75) !important;
}

/* Sağ görseller */
footer .right-image img {
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
}

/* Telefon + mail satırı */
.newsletter-container {
    background: #09111f !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
    padding: 18px 0 !important;
}

.newsletter-container .container {
    background: transparent !important;
}

.newsletter-container a,
.newsletter-container .social-media-title {
    color: rgba(255,255,255,.85) !important;
}

.newsletter-container i {
    color: #8d5cff !important;
}

/* Sosyal medya */
.social-media {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
}

.social-media a {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
}

.social-media a:hover {
    background: linear-gradient(135deg,#7c5cff,#00c2ff) !important;
}

/* En alt bar */
footer .bar {
    background: #060b14 !important;
    padding: 0 !important;
}

footer .bar .container {
    background: transparent !important;
    border-radius: 0 !important;
}

footer .bar .container .row {
    padding: 20px 42px !important;
}

footer .bar p,
footer .bar span {
    color: rgba(255,255,255,.72) !important;
}

footer .bar .right-image {
    text-align: right !important;
}

footer .bar img.cards {
    max-height: 32px !important;
}

/* Mobil app bölümü */
.info-bar-1 {
    background: linear-gradient(90deg,#061426,#11194a) !important;
    padding: 22px 0 0 !important;
}

.info-bar-1 .container {
    background: transparent !important;
}

.info-bar-1 .mobil-app-img {
    max-width: 850px !important;
    margin: 0 auto !important;
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
}

/* Pazaryeri logoları */
.stores {
    background: #fff !important;
    padding: 12px 0 !important;
}

.stores .container {
    background: transparent !important;
}

/* Mobil */
@media (max-width: 767px) {
    footer {
        padding-top: 24px !important;
    }

    footer .info {
        padding: 18px 14px !important;
        border-radius: 20px !important;
    }

    footer .title {
        background: rgba(255,255,255,.06) !important;
        border: 1px solid rgba(255,255,255,.1) !important;
        border-radius: 13px !important;
        padding: 13px 15px !important;
    }

    footer .title:after {
        display: none !important;
    }

    footer .right-image {
        display: none !important;
    }

    .social-media {
        justify-content: center !important;
        margin-top: 12px !important;
    }

    footer .bar .container .row {
        padding: 18px 14px !important;
        text-align: center !important;
    }

    footer .bar .right-image {
        text-align: center !important;
        margin-top: 10px !important;
    }
}
footer .info {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 30px 34px !important;
}

footer .info ul li a {
    font-size: 12.5px !important;
    line-height: 24px !important;
}

footer .title {
    font-size: 13px !important;
}

.newsletter-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

footer .bar .container {
    max-width: 1180px !important;
}

footer .right-image img {
    opacity: .92;
}

footer .right-image img:hover {
    opacity: 1;
    transform: translateY(-3px);
}
/* Sağdaki hediye/blog görsellerini kaldır */
footer .right-image {
    display: none !important;
}

/* Footer kolon alanını sağ görsel kalkınca genişlet */
footer .info .col-md-10 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

footer .info .col-md-2 {
    display: none !important;
}

/* Premium mobil uygulama alanı */
.info-bar-1 {
    background: linear-gradient(135deg, #061426 0%, #10194b 100%) !important;
    padding: 26px 15px !important;
}

.premium-app-footer {
    max-width: 1180px;
    margin: 0 auto;
    background:
        radial-gradient(circle at 15% 20%, rgba(133, 92, 255, .25), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 24px;
    padding: 22px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.app-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.app-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, #7c5cff, #00c2ff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    box-shadow: 0 12px 28px rgba(124,92,255,.35);
}

.app-title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}

.app-desc {
    color: rgba(255,255,255,.72);
    font-size: 14px;
    margin-top: 6px;
}

.app-buttons {
    display: flex;
    gap: 12px;
}

.app-btn {
    min-width: 150px;
    height: 54px;
    border-radius: 14px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.16);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    color: #fff !important;
    text-decoration: none !important;
    transition: .25s ease;
}

.app-btn:hover {
    transform: translateY(-3px);
    background: rgba(255,255,255,.10);
}

.app-btn span {
    font-size: 24px;
}

.app-btn small {
    display: block;
    font-size: 10px;
    color: rgba(255,255,255,.75);
    line-height: 1;
}

.app-btn b {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 1.2;
}

.app-coupon {
    background: rgba(255,255,255,.95);
    color: #111827;
    border-radius: 16px;
    padding: 14px 18px;
    min-width: 170px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.app-coupon b {
    display: block;
    font-size: 18px;
    color: #7c3cff;
}

.app-coupon span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 3px;
}

/* Mobil uyum */
@media (max-width: 767px) {
    .premium-app-footer {
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
        border-radius: 22px;
        text-align: center;
    }

    .app-left {
        justify-content: center;
        flex-direction: column;
    }

    .app-title {
        font-size: 22px;
    }

    .app-buttons {
        flex-direction: column;
    }

    .app-btn {
        width: 100%;
        justify-content: center;
    }

    .app-coupon {
        width: 100%;
    }
}
.app-btn i {
    font-size: 24px;
}
/* Hover premium efektleri */
footer .info ul li a {
    transition: all .25s ease !important;
    position: relative;
}

footer .info ul li a:hover {
    color: #fff !important;
    padding-left: 8px;
    text-shadow: 0 0 12px rgba(124,92,255,.55);
}

/* Sosyal ikon glow */
.social-media a {
    transition: all .25s ease !important;
    position: relative;
    overflow: hidden;
}

.social-media a:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.06),
        0 10px 25px rgba(124,92,255,.35),
        0 0 18px rgba(0,194,255,.28);
}

/* App buton premium hissi */
.app-btn {
    position: relative;
    overflow: hidden;
}

.app-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.16),
        transparent
    );
    transform: skewX(-20deg);
    transition: .7s;
}

.app-btn:hover:before {
    left: 140%;
}

/* Kupon kutusu premium */
.app-coupon {
    position: relative;
    overflow: hidden;
}

.app-coupon:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right,
        rgba(124,92,255,.15),
        transparent 45%);
    pointer-events: none;
}

/* Footer kart daha premium */
footer .info {
    backdrop-filter: blur(10px);
    background:
        linear-gradient(
            180deg,
            rgba(13,24,41,.96),
            rgba(8,17,31,.98)
        ) !important;
}

/* İnce üst glow */
footer .info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(124,92,255,.5),
        transparent
    );
}

/* Alt bölüm premium */
footer .bar {
    border-top: 1px solid rgba(255,255,255,.06);
}

/* Hoverda linklerin önüne minik ışık */
footer .info ul li a:before {
    content: "";
    width: 0;
    height: 6px;
    border-radius: 99px;
    background: #7c5cff;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    transition: .25s;
    opacity: 0;
}

footer .info ul li a:hover:before {
    width: 6px;
    opacity: 1;
}
/* PREMIUM FOOTER MOBİL İNCE AYAR */

@media (max-width: 767px) {

    .info-bar-1 {
        padding: 18px 14px 20px !important;
    }

    .premium-app-footer {
        padding: 18px 16px !important;
        border-radius: 22px !important;
        gap: 14px !important;
    }

    .app-icon {
        width: 50px !important;
        height: 50px !important;
        border-radius: 16px !important;
        font-size: 24px !important;
    }

    .app-title {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    .app-desc {
        font-size: 12.5px !important;
    }

    .app-buttons {
        width: 100% !important;
        gap: 9px !important;
    }

    .app-btn {
        height: 48px !important;
        border-radius: 13px !important;
    }

    .app-coupon {
        padding: 11px 14px !important;
        border-radius: 14px !important;
    }

    footer {
        padding-top: 20px !important;
    }

    footer .info {
        margin: 0 14px !important;
        padding: 18px 14px !important;
        border-radius: 22px !important;
    }

    footer .title {
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
        font-size: 12px !important;
        letter-spacing: .2px !important;
    }

    footer .title:before {
        display: none !important;
    }

    footer .fs {
        background: rgba(255,255,255,.035) !important;
        border-radius: 0 0 12px 12px !important;
        margin: -8px 0 10px !important;
        padding: 10px 14px 14px !important;
    }

    footer .info ul li a {
        text-align: center !important;
        font-size: 12px !important;
        line-height: 24px !important;
    }

    .newsletter-container {
        padding: 18px 14px !important;
    }

    .newsletter-container .contact-info {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .newsletter-container .contact-item a {
        font-size: 12px !important;
    }

    .social-media {
        margin-top: 16px !important;
        justify-content: center !important;
        gap: 14px !important;
    }

    .social-media-title {
        width: 100% !important;
        text-align: center !important;
        margin: 0 0 6px 0 !important;
        font-size: 13px !important;
    }

    .social-media a {
        width: 34px !important;
        height: 34px !important;
    }

    footer .bar .container .row {
        padding: 16px 14px 22px !important;
    }

    footer .bar p,
    footer .bar span {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }
}
a[href*="utm_campaign=client_footer"] {
    display: none !important;
}


@media (max-width:768px){

/* ALT MOBİL MENÜ */

.addons-mobile-menu{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:10px !important;

    width:auto !important;
    max-width:calc(100vw - 16px) !important;

    z-index:99999;

    background:rgba(255,255,255,.76);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.5);

    border-radius:20px;

    padding:6px 4px;

    overflow:hidden !important;

    box-shadow:
    0 8px 28px rgba(0,0,0,.14),
    inset 0 1px rgba(255,255,255,.7);

    box-sizing:border-box !important;
}

/* TÜM İÇ ELEMANLAR */

.addons-mobile-menu *,
.addons-mobile-menu *:before,
.addons-mobile-menu *:after{
    box-sizing:border-box !important;
}

/* UL */

.addons-mobile-menu ul{
    display:flex !important;
    align-items:center;
    justify-content:space-between;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none;
}

/* LI */

.addons-mobile-menu ul li{
    flex:1 1 0 !important;
    min-width:0 !important;

    text-align:center;
}

/* A */

.addons-mobile-menu ul li a{
    width:100%;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:3px;

    padding:4px 0;

    text-decoration:none !important;

    color:#444;

    transition:.2s ease;
}

/* ICON */

.addons-mobile-menu .icon{
    width:28px;
    height:28px;

    border-radius:10px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:13px;

    color:#555;

    transition:.25s ease;
}

/* TITLE */

.addons-mobile-menu .title{
    max-width:100%;

    font-size:8.5px;
    font-weight:600;

    line-height:1.1;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* AKTİF MENÜ */

.addons-mobile-menu .amm-li-0 .icon{
    background:linear-gradient(135deg,#2f7cff,#1f4f9c);

    color:#fff;

    box-shadow:
    0 4px 14px rgba(47,124,255,.35);
}

.addons-mobile-menu .amm-li-0 .title{
    color:#2f7cff;
}

/* HOVER */

.addons-mobile-menu ul li a:hover .icon{
    transform:translateY(-2px);
}

/* BİLDİRİM SAYISI */

.addons-mobile-menu .count,
.addons-mobile-menu .badge{
    transform:scale(.82);
}

/* SAYFA ALTTAN KAPANMASIN */

body{
    padding-bottom:82px !important;
    overflow-x:hidden !important;
}

}
.addons-mobile-menu{
  background:rgba(255,255,255,.58) !important;
  backdrop-filter:blur(22px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(180%) !important;
  border:1px solid rgba(255,255,255,.45) !important;
}
/* ORTADAKİ FAVORİLER */

.addons-mobile-menu .amm-li-3{
    transform:translateY(-12px);
}

.addons-mobile-menu .amm-li-3 .icon{
    width:42px;
    height:42px;

    border-radius:16px;

    background:linear-gradient(135deg,#ff4b91,#ff7b54);

    color:#fff;

    box-shadow:
    0 10px 22px rgba(255,75,145,.35);

    font-size:18px;
}

.addons-mobile-menu .amm-li-3 .title{
    color:#ff4b91;
    font-weight:700;
}
/* ORTADAKİ FAVORİLER - DAHA TEMİZ */

.addons-mobile-menu .amm-li-3{
    transform:none !important;
}

.addons-mobile-menu .amm-li-3 .icon{
    width:30px !important;
    height:30px !important;
    border-radius:11px !important;

    background:rgba(255,75,145,.10) !important;
    color:#ff3f86 !important;

    box-shadow:none !important;
    font-size:14px !important;
}

.addons-mobile-menu .amm-li-3 .title{
    color:#ff3f86 !important;
    font-weight:700 !important;
}
/* ORTADAKİ FAVORİLER */
.addons-mobile-menu .amm-li-2 .icon{
    width:30px !important;
    height:30px !important;
    border-radius:11px !important;
    background:rgba(255,75,145,.12) !important;
    color:#ff3f86 !important;
    box-shadow:none !important;
    font-size:14px !important;
}

.addons-mobile-menu .amm-li-2 .title{
    color:#ff3f86 !important;
    font-weight:700 !important;
}

/* BLOG NORMAL KALSIN */
.addons-mobile-menu .amm-li-3 .icon{
    background:transparent !important;
    color:#555 !important;
    box-shadow:none !important;
}

.addons-mobile-menu .amm-li-3 .title{
    color:#444 !important;
    font-weight:600 !important;
}
/* =======================================================
   PREMIUM LOGIN / REGISTER DESIGN
   Doğan Oyuncak Dünyası
======================================================= */

/* PREMIUM LOGIN SAHNE */

.login-body {
    background:
        radial-gradient(circle at 10% 10%, rgba(255,49,49,.16), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(31,79,156,.16), transparent 30%),
        linear-gradient(135deg,#fff7f7 0%,#f7faff 45%,#fff 100%);
}

.login-body .p-g-mod-t-4 {
    max-width: 980px;
    margin: 35px auto;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 34px;
    overflow: hidden;
    background: rgba(255,255,255,.92);
    box-shadow: 0 30px 80px rgba(0,0,0,.12);
    position: relative;
}

.login-body .p-g-mod-t-4 .p-g-mod-body {
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 560px;
}

/* Sol karşılama alanı */
.dgn-login-hero {
    position: relative;
    padding: 48px 34px;
    color: #fff;
    background:
        radial-gradient(circle at 20% 15%, rgba(255,255,255,.35), transparent 18%),
        linear-gradient(145deg,#ff3131 0%,#ff5b6a 45%,#1f4f9c 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.dgn-login-hero::before {
    content: "🧸 🎈 🚗 🪁 ⭐";
    position: absolute;
    left: 28px;
    bottom: 35px;
    font-size: 34px;
    letter-spacing: 10px;
    opacity: .22;
    animation: dgnFloat 4s ease-in-out infinite;
}

.dgn-login-hero::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    top: -80px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
}

.dgn-login-badge {
    display: inline-flex;
    width: fit-content;
    padding: 9px 15px;
    border-radius: 999px;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 22px;
}

.dgn-login-hero h2 {
    font-size: 34px;
    line-height: 1.05;
    font-weight: 900;
    margin: 0 0 15px;
}

.dgn-login-hero p {
    font-size: 15px;
    line-height: 1.6;
    opacity: .9;
    margin: 0;
}

/* Sağ form alanı */
.login-body .p-g-mod-t-4 nav,
.login-body .p-g-mod-t-4 .tab-content {
    padding-left: 38px;
    padding-right: 38px;
}

.login-body .p-g-mod-t-4 nav {
    padding-top: 42px;
}

.login-body .p-g-mod-t-4 .tab-content {
    padding-bottom: 42px;
}

/* Tablar */
.login-body .p-g-mod-t-4 .nav-tabs {
    gap: 12px;
    border: 0 !important;
    height: auto;
    margin-bottom: 28px;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-link {
    flex: 1;
    border: 0 !important;
    border-radius: 18px;
    background: #f2f4fa;
    color: #222;
    font-weight: 800;
    padding: 15px;
    text-align: center;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
    background: linear-gradient(135deg,#ff3131,#ff6270) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(255,49,49,.26);
}

/* Label + input */
.login-body label {
    font-size: 13px;
    font-weight: 800;
    color: #232323;
    margin-bottom: 8px;
}

.login-form input,
.common-register-form .row input,
.common-register-form .form-phone-control {
    height: 56px !important;
    border-radius: 17px !important;
    border: 1px solid #e4e8f1 !important;
    background: #f8f9fd !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition: .22s ease;
}

.login-form input:focus,
.common-register-form .row input:focus,
.common-register-form .form-phone-control:focus {
    background: #fff !important;
    border-color: #ff4b57 !important;
    box-shadow: 0 0 0 5px rgba(255,49,49,.1) !important;
}

/* Ana buton */
.login-body .p-g-mod-t-4 .btn-success {
    width: 100%;
    height: 58px;
    border: 0 !important;
    border-radius: 18px;
    background: linear-gradient(135deg,#ff3131,#ff6170,#ff2f7d) !important;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 16px 32px rgba(255,49,49,.28);
    transition: .25s ease;
}

.login-body .p-g-mod-t-4 .btn-success:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 42px rgba(255,49,49,.34);
}

/* Sosyal girişler */
.login-body .p-g-mod-t-4 .btn-fb-login,
.login-body .p-g-mod-t-4 .btn-google-login {
    width: 100%;
    height: 54px;
    border-radius: 17px !important;
    border: 1px solid #e8ebf2 !important;
    background: #fff !important;
    color: #222 !important;
    text-shadow: none !important;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(0,0,0,.045);
    transition: .22s ease;
}

.login-body .p-g-mod-t-4 .btn-fb-login:hover,
.login-body .p-g-mod-t-4 .btn-google-login:hover {
    transform: translateY(-2px);
}

.login-body .p-g-mod-t-4 .btn-fb-login i {
    color: #1877f2;
}

.login-body .p-g-mod-t-4 .btn-google-login i {
    color: #db4437;
}

/* Şifremi unuttum */
.login-body .font-weight-500 {
    color: #ff3131 !important;
    font-weight: 800 !important;
}

/* Üye ol açıklama */
.register_description .alert {
    border: 0;
    border-radius: 18px;
    background: #f4f7ff;
    color: #1f4f9c;
    font-weight: 700;
}

/* Checkbox satırları */
.common-register-form .d-flex {
    background: #f8f9fd;
    border-radius: 15px;
    padding: 13px 15px;
    margin-bottom: 10px;
}

.common-register-form .d-flex label {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

/* Animasyon */
@keyframes dgnFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Mobil */
@media(max-width:768px) {
    .login-body .p-g-mod-t-4 {
        margin: 18px 10px;
        border-radius: 26px;
    }

    .login-body .p-g-mod-t-4 .p-g-mod-body {
        display: block;
        min-height: auto;
    }

    .dgn-login-hero {
        padding: 34px 24px;
        text-align: center;
        align-items: center;
    }

    .dgn-login-hero h2 {
        font-size: 26px;
    }

    .dgn-login-hero p {
        font-size: 14px;
    }

    .login-body .p-g-mod-t-4 nav,
    .login-body .p-g-mod-t-4 .tab-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .login-body .p-g-mod-t-4 nav {
        padding-top: 24px;
    }

    .login-body .p-g-mod-t-4 .tab-content {
        padding-bottom: 28px;
    }
}
/* ÜST HOŞ GELDİN ALANI RADIUS */
.dgn-login-hero{
    border-radius: 32px;
}

/* SOL ÜST BADGE */
.dgn-login-badge{
    position: relative;
    padding-left: 15px;
}



/* ÜST ALANI DAHA PREMIUM YAP */
.dgn-login-hero{
    overflow: hidden;
    position: relative;

    box-shadow:
        0 20px 50px rgba(255,49,49,.18);

    border:
        1px solid rgba(255,255,255,.22);
}

/* HAFİF IŞIK */
.dgn-login-hero .shine{
    position:absolute;
    inset:0;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
    display: none !important;
    content: none !important;
}
/* CLS FIX - Başlık arka pseudo alanlarını kapat */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before,
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::after,
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
    content: none !important;
    display: none !important;
}
/* CLS FIX - Hafif ve sabit ana sayfa başlıkları */
.pattern-group .p-g-mod-showcase .p-g-mod-header {
    height: 58px !important;
    min-height: 58px !important;
    margin: 28px auto 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info {
    height: 46px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before,
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::after,
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before,
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::after {
    content: none !important;
    display: none !important;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    height: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
    padding: 0 28px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(255,49,49,.16) !important;
    transform: none !important;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header:hover .p-g-m-h-i-title {
    transform: none !important;
}


/* CLS FIX - Ürün kartı ölçüleri sabitlensin */
.pattern-group.pattern-group-t-0.pattern-group-p-home .card-product .card-product-inner .image-wrapper {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

.pattern-group.pattern-group-t-0.pattern-group-p-home .card-product .card-product-inner .image-wrapper .image {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 8px !important;
}

.pattern-group.pattern-group-t-0.pattern-group-p-home .card-product .card-product-inner .image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.pattern-group.pattern-group-t-0.pattern-group-p-home .card-product .card-product-inner .title {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 18px !important;
    overflow: hidden !important;
}
/* CLS FIX - MOBİL ürün modülleri yüklenmeden yer ayır */
/* CLS FIX - MOBİL ürün vitrinleri / 1200x1800 görsel uyumlu */
@media (max-width: 768px) {

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .p-g-mod-body {
        min-height: 470px !important;
    }

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .owl-carousel,
    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .owl-stage-outer,
    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .owl-stage {
        min-height: 470px !important;
    }

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .card-product {
        min-height: 455px !important;
    }

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .card-product .image-wrapper {
        aspect-ratio: 2 / 3 !important;
        min-height: unset !important;
        height: auto !important;
        overflow: visible !important;
    }

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .card-product .image-wrapper .image {
        width: 100% !important;
        aspect-ratio: 2 / 3 !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .card-product .image-wrapper .image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }

    .home-body .pattern-group.pattern-group-t-0.pattern-group-p-home 
    .p-g-mod-showcase:not(.p-g-mod-t-44) .card-product .title {
        height: 36px !important;
        min-height: 36px !important;
        line-height: 18px !important;
        overflow: hidden !important;
    }
}
/* MASAÜSTÜ CLS - Ürün vitrin modülleri */
@media (min-width: 769px) {

  .home-body .p-g-mod-t-55.p-g-mod-showcase {
    min-height: 650px;
    contain: layout paint;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .p-g-mod-body {
    min-height: 455px;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .card-product {
    min-height: 420px;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .card-product .image-wrapper {
    min-height: 230px;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .card-product .image-wrapper img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .card-product .title {
    min-height: 38px;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .price-group {
    min-height: 34px;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase .btn-basket,
  .home-body .p-g-mod-t-55.p-g-mod-showcase .btn-cart,
  .home-body .p-g-mod-t-55.p-g-mod-showcase .cart-unit-basket-container {
    min-height: 48px;
  }
}
/* ANA SAYFA ÜRÜN GÖRSELLERİ - KATEGORİ GİBİ DİKEY */
.pattern-group.pattern-group-t-0.pattern-group-p-home 
.card-product .card-product-inner .image-wrapper {
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
    background: #fff !important;
}

.pattern-group.pattern-group-t-0.pattern-group-p-home 
.card-product .card-product-inner .image-wrapper .image {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.pattern-group.pattern-group-t-0.pattern-group-p-home 
.card-product .card-product-inner .image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 8px 8px 0 0 !important;
}

.image-wrapper .product-label.top-left img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* Çok satan rozetini biraz yukarı al */

/* MOBİL ANA SAYFA ÜRÜN GÖRSEL DÜZELTMESİ */
@media (max-width: 767px) {

  .home-body .p-g-mod-t-55.p-g-mod-showcase 
  .card-product .card-product-inner .image-wrapper {
      min-height: unset !important;
      height: auto !important;
      aspect-ratio: auto !important;
      padding: 0 !important;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase 
  .card-product .card-product-inner .image-wrapper .image {
      width: 100% !important;
      aspect-ratio: 2 / 3 !important;
      height: auto !important;
      overflow: hidden !important;
      margin-bottom: 8px !important;
      background: #fff !important;
  }

  .home-body .p-g-mod-t-55.p-g-mod-showcase 
  .card-product .card-product-inner .image-wrapper .image img.img-auto {
      width: 100% !important;
      height: 100% !important;
      aspect-ratio: auto !important;
      object-fit: cover !important;
      object-position: center !important;
      max-width: none !important;
      max-height: none !important;
      display: block !important;
  }

}
@media (max-width: 767px){

    .home-body .card-product .image-wrapper{
        padding:0 !important;
        min-height:auto !important;
        height:auto !important;
    }

    .home-body .card-product .image-wrapper .image{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:#fff !important;
        overflow:hidden !important;
        margin-bottom:8px !important;
    }

    .home-body .card-product .image-wrapper .image img,
    .home-body .card-product .image-wrapper .image img.img-auto{
        width:100% !important;
        height:auto !important;
        max-width:100% !important;
        max-height:none !important;
        object-fit:contain !important;
        display:block !important;
    }

}
.wrapper-showcase{
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

/* Ürün yorum popup premium görünüm */
.modal-content:has(.comment-form) {
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;
}

.modal-content:has(.comment-form) .modal-header {
    background: linear-gradient(135deg, #0b4fa3, #1d7be8);
    color: #fff;
    border: 0;
    padding: 18px 22px !important;
    margin-right: 0 !important;
}

.modal-content:has(.comment-form) .modal-title {
    font-size: 20px;
    font-weight: 800;
}

.modal-content:has(.comment-form) .close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
}

.modal-content:has(.comment-form) .modal-body {
    padding: 22px;
    background: #f7f9fc;
}

.modal-content:has(.comment-form) .row.mb-3 {
    background: #fff;
    border-radius: 18px;
    padding: 14px;
    margin: 0 0 18px 0 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.07);
}

.modal-content:has(.comment-form) .product-img {
    display: block;
    border-radius: 14px;
    overflow: hidden;
    background: #f1f3f7;
}

.modal-content:has(.comment-form) .product-img img {
    width: 100%;
    height: 115px;
    object-fit: cover;
    border-radius: 14px;
}

.modal-content:has(.comment-form) .title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: #222;
    margin-bottom: 10px;
}

.modal-content:has(.comment-form) .product-comment-stars {
    display: flex;
    gap: 7px;
    margin: 8px 0;
}

.modal-content:has(.comment-form) .product-comment-stars .star {
    font-size: 0;
    text-decoration: none;
}

.modal-content:has(.comment-form) .product-comment-stars .star i {
    font-size: 27px;
    color: #ffb000;
    filter: drop-shadow(0 3px 5px rgba(255,176,0,.35));
    transition: .2s ease;
}

.modal-content:has(.comment-form) .product-comment-stars .star:hover i {
    transform: scale(1.18) rotate(-4deg);
}

.modal-content:has(.comment-form) .description-1 {
    font-size: 12px;
    color: #6c7280;
    margin-top: 6px;
}

.modal-content:has(.comment-form) .form-group label {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
}

.modal-content:has(.comment-form) textarea.form-control {
    min-height: 95px;
    border-radius: 16px;
    border: 1px solid #d8e0ee;
    padding: 14px;
    font-size: 13px;
    background: #fff;
    resize: vertical;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.03);
}

.modal-content:has(.comment-form) textarea.form-control:focus {
    border-color: #1d7be8;
    box-shadow: 0 0 0 4px rgba(29,123,232,.12);
}

.modal-content:has(.comment-form) .file-uploader .btn-upload {
    width: 100%;
    min-height: 74px;
    border: 2px dashed #b8c7dd;
    border-radius: 16px;
    background: #fff;
    color: #0b4fa3;
    font-weight: 700;
    transition: .2s ease;
}

.modal-content:has(.comment-form) .file-uploader .btn-upload:hover {
    background: #eef6ff;
    border-color: #1d7be8;
}

.modal-content:has(.comment-form) .file-uploader .btn-upload i {
    display: block;
    font-size: 22px;
    margin-bottom: 6px;
}

.modal-content:has(.comment-form) .d-flex.mb-3 {
    align-items: center;
    background: #fff;
    border-radius: 13px;
    padding: 10px 12px;
    margin-bottom: 10px !important;
    font-size: 13px;
}

.modal-content:has(.comment-form) .d-flex.mb-3 > label:first-child {
    display: none;
}

.modal-content:has(.comment-form) .d-flex.mb-3 input {
    margin-right: 8px !important;
}

.modal-content:has(.comment-form) .d-flex.mb-3 a {
    color: #0b4fa3;
    font-weight: 700;
}

.modal-content:has(.comment-form) .btn-success.btn-block {
    height: 48px;
    border: 0;
    border-radius: 15px;
    background: linear-gradient(135deg, #ff8a00, #ffb000);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(255,138,0,.30);
    transition: .2s ease;
}

.modal-content:has(.comment-form) .btn-success.btn-block:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(255,138,0,.38);
}
/* Ürün listesinde videoyu oynatma/gösterme */
.card-product .image .video {
    display: none !important;
}

/* İlk ürün görseli görünsün */
.card-product .image img.img-auto {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Play ikonu kalsın */
.card-product .card-plybtn {
    display: flex !important;
}


/* Videolu Ürün Rozeti */
.card-product .card-plybtn{
    position:absolute !important;
    left:10px !important;
    bottom:10px !important;

    width:auto !important;
    min-width:auto !important;
    max-width:max-content !important;

    height:auto !important;
    min-height:auto !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    padding:6px 12px !important;

    background:rgba(255,72,72,.95) !important;
    border-radius:20px !important;

    color:#fff !important;
    text-decoration:none !important;

    z-index:10 !important;
    overflow:hidden !important;
}

/* İkon */
.card-product .card-plybtn img{
    width:14px !important;
    height:14px !important;
    display:block !important;
    flex-shrink:0;
}

/* Yazı */
.card-product .card-plybtn::after{
    content:"Videolu Ürün";
    font-size:12px;
    font-weight:600;
    color:#fff;
    white-space:nowrap;
}


.product-profile-1 .carousel-item .video video {
    pointer-events: none;
}

.product-profile-1 .video-play {
    position: relative;
}

.product-profile-1 .video-play::after {
    content: "Videolu Ürün";
    position: absolute;
    left: 50%;
    bottom: 4px;
    transform: translateX(-50%);
    background: rgba(255,72,72,.95);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 20px;
    white-space: nowrap;
}
/* Video thumbnail - premium görünüm */
/* Video thumb premium play */
.product-profile-1 .carousel-indicators li:has(.video-play){
    width:58px !important;
    height:58px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#fff,#f4f7ff) !important;
    border:2px solid #1f4f9c !important;
    box-shadow:0 4px 12px rgba(31,79,156,.18) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.product-profile-1 .video-play{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.product-profile-1 .video-play img{
    display:none !important;
}

.product-profile-1 .video-play::before,
.product-profile-1 .video-play::after{
    display:none !important;
    content:none !important;
}

.product-profile-1 .video-play i{
    position:static !important;
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#ff3b3b,#ff8a00) !important;
    color:#fff !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:20px !important;
    box-shadow:0 4px 10px rgba(255,70,40,.35) !important;
}
.product-profile-1 .video-play i{
    position:static !important;
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;

    background:linear-gradient(135deg,#ff3b3b,#ff8a00) !important;
    color:#fff !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-shadow:
        0 0 8px rgba(255,80,0,.40),
        0 0 16px rgba(255,80,0,.25);

    transition:.25s ease;
}

.product-profile-1 .carousel-indicators li:hover .video-play i{
    transform:scale(1.08);
    box-shadow:
        0 0 12px rgba(255,80,0,.60),
        0 0 24px rgba(255,80,0,.35);
}
.product-profile-1 .carousel-item .video,
.product-profile-1 .carousel-item .video video {
    pointer-events: auto !important;
}

.product-profile-1 .carousel-item .video video {
    z-index: 5 !important;
    position: relative !important;
}

.owl-carousel-item .card-product .card-plybtn {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: max-content !important;

    padding: 6px 10px !important;
    border-radius: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(255,72,72,.95) !important;
}

.owl-carousel-item .card-product .card-plybtn img.Play {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
}

/* Çok Satan etiketi standart */
.owl-carousel-item .card-product .product-label.top-left{
    width: 180px !important;
    height: 0px !important;
    max-width: 180px !important;
    max-height: 20px !important;
}

/*İletişim Sayfası Formu*/

/* İletişim Formu Premium Tasarım */
.contact-form {
    background: #fff;
    padding: 28px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid #eef1f6;
}

.contact-form h6 {
    font-size: 22px;
    font-weight: 800;
    color: #1f2a44;
    margin-bottom: 8px;
}

.contact-form hr {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, #2454a6, #ef233c);
    border-radius: 20px;
    margin-bottom: 22px;
}

.contact-form label {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.contact-form .form-control {
    height: 48px;
    border-radius: 12px;
    border: 1px solid #dbe3ef;
    background: #f8fafc;
    font-size: 14px;
    padding: 10px 14px;
    transition: all .25s ease;
}

.contact-form textarea.form-control {
    height: 120px;
    resize: vertical;
}

.contact-form .form-control:focus {
    background: #fff;
    border-color: #2454a6;
    box-shadow: 0 0 0 4px rgba(36, 84, 166, 0.12);
}

.contact-form .btn-success {
    background: linear-gradient(135deg, #2454a6, #ef233c);
    border: none;
    border-radius: 14px;
    padding: 13px 34px;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    box-shadow: 0 10px 22px rgba(36, 84, 166, 0.25);
    transition: all .25s ease;
}

.contact-form .btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(239, 35, 60, 0.28);
}

@media (max-width: 768px) {
    .contact-form {
        padding: 20px;
        border-radius: 16px;
    }

    .contact-form h6 {
        font-size: 19px;
    }

    .contact-form .btn-success {
        width: 100%;
    }
}

/* Ürün yorum alanı modern tasarım */
.product-comment-list-v2{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:24px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
    margin-top: 25px !important;
}

/* Puan üst alanı */
.product-comment-list-v2 .score{
    text-align:center;
    background:#fafafa;
    border:1px solid #eee;
    border-radius:14px;
    padding:22px 15px;
}

.product-comment-list-v2 .score .total{
    font-size:34px;
    font-weight:800;
    color:#1f4f9c;
}

.product-comment-list-v2 .score .stars{
    margin:8px 0;
}

.product-comment-list-v2 .fa-star.fill,
.product-comment-list-v2 .star.fill i{
    color:#ff9f00 !important;
}

.product-comment-list-v2 .score .count{
    font-size:13px;
    color:#777;
}

/* Yorum yap kutusu */
.product-comment-list-v2 .leave-comment{
    background:#fafafa;
    border:1px solid #eee;
    border-radius:14px;
    padding:22px 18px;
    text-align:center;
}

.product-comment-list-v2 .leave-comment .description{
    font-size:14px;
    color:#555;
    margin-bottom:12px;
}

.product-comment-list-v2 .leave-comment .btn{
    background:#1f4f9c !important;
    border:none !important;
    border-radius:10px;
    height:42px;
    font-weight:700;
}

/* Yorum kartları */
.product-comment-list-v2 .comments{
    margin-top:20px;
}

.product-comment-list-v2 .comments .item{
    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    padding:18px 20px;
    margin-bottom:14px;
    box-shadow:0 4px 14px rgba(0,0,0,.035);
}

/* Yorum üst bilgisi */
.product-comment-list-v2 .customer{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:10px;
}

.product-comment-list-v2 .customer .name{
    font-size:15px;
    font-weight:800;
    color:#222;
}

.product-comment-list-v2 .customer .date{
    font-size:12px;
    color:#999;
}

.product-comment-list-v2 .customer .approved{
    background:#e9f8ef;
    color:#219653;
    border:1px solid #bfe8cf;
    border-radius:20px;
    padding:4px 10px;
    font-size:12px;
    font-weight:700;
}

/* Yorum metni */
.product-comment-list-v2 .comment{
    font-size:14px;
    line-height:1.6;
    color:#333;
    margin:8px 0 12px;
}

/* Beğeni / bildir alanı */
.product-comment-list-v2 .control{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #f1f1f1;
    padding-top:10px;
    font-size:12px;
    color:#888;
}

.product-comment-list-v2 .control a{
    color:#777;
    margin-left:8px;
    text-decoration:none;
}

.product-comment-list-v2 .control a:hover{
    color:#1f4f9c;
}

/* Aradaki çizgiyi yumuşat */
.product-comment-list-v2 hr{
    border-color:#f1f1f1;
    margin:22px 0;
}
/* ÇOK SATAN ÜRÜN KARTI - PREMIUM */
.card-product:has(.product-label.top-left) {
    background: linear-gradient(180deg, #fff7ef 0%, #ffffff 58%, #fff2e4 100%) !important;
    border: 2px solid #ff7a00 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(255, 122, 0, .18) !important;
    overflow: hidden;
    transform: none !important;
    transition: all .25s ease;
}

.card-product:has(.product-label.top-left):hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(255, 122, 0, .26) !important;
}

/* İç alan da şeffaf kalsın */
.card-product:has(.product-label.top-left) .card-product-inner,
.card-product:has(.product-label.top-left) .cart-unit-basket-container {
    background: transparent !important;
}

/* Çok Satan etiketi */
.card-product .product-label.top-left img {
    display: none !important;
}

.card-product .product-label.top-left::after {
    content: "ÇOK SATAN";
    background: linear-gradient(135deg, #ff7a00, #ff3c00);
    color: #fff;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .4px;
    box-shadow: 0 5px 14px rgba(255, 100, 0, .35);
}

/* Buton uyumu */
.card-product:has(.product-label.top-left) .btn-cart {
    background: linear-gradient(135deg, #ff7a00, #ff8f1f) !important;
    border: 0 !important;
    border-radius: 10px !important;
}




/*Adres Bölümü Düzenleme*/


/* =====================================================
   DOĞAN OYUNCAK - MODERN ADRES SAYFASI
===================================================== */

/* Sayfa genel */
body:has(.payment-form-group-1) {
  background: #f5f6f8;
}

/* ADIMLAR */
.payment-steps-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 18px;
  padding: 18px 28px;
  margin: 22px 0 26px;
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
  border: 1px solid #eef1f6;
}

.payment-steps-1 .step {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #8b95a7;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  z-index: 1;
}

.payment-steps-1 .step::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
  height: 2px;
  background: #dfe5ee;
  z-index: -1;
}

.payment-steps-1 .step:first-child::before {
  left: 50%;
}

.payment-steps-1 .step:last-child::before {
  right: 50%;
}

.payment-steps-1 .circle {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  background: #aab2bd;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
  z-index: 2;
}

.payment-steps-1 .active {
  color: #22b14c;
}

.payment-steps-1 .active .circle {
  background: #22b14c;
  box-shadow: 0 8px 18px rgba(34,177,76,.25);
}

/* KART YAPISI */
.p-g-mod-t-33,
.p-g-mod-t-34 {
  border: 0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.06) !important;
  overflow: hidden;
}

.p-g-mod-t-33 .p-g-mod-header,
.p-g-mod-t-34 .p-g-mod-header {
  border: 0 !important;
  padding: 22px 24px 8px !important;
}

.p-g-mod-t-33 .p-g-m-h-i-title,
.p-g-mod-t-34 .p-g-m-h-i-title {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #071228 !important;
}

.p-g-mod-t-33 .p-g-m-h-i-title i,
.p-g-mod-t-34 .p-g-m-h-i-title i {
  color: #1f4f9c !important;
}

.p-g-mod-t-33 .p-g-mod-body {
  padding: 18px 24px 26px !important;
}

/* FORM */
.payment-form-group-1 .form-group {
  margin-bottom: 18px;
}

.payment-form-group-1 label {
  font-size: 13px;
  font-weight: 800;
  color: #16233b;
  margin-bottom: 8px;
}

.payment-form-group-1 .form-control {
  height: 52px;
  border-radius: 13px !important;
  border: 1px solid #dce3ef !important;
  background: #fbfcff !important;
  color: #101828;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
  transition: all .2s ease;
}

.payment-form-group-1 .form-control:focus {
  background: #fff !important;
  border-color: #1f4f9c !important;
  box-shadow: 0 0 0 4px rgba(31,79,156,.10) !important;
}

.payment-form-group-1 textarea.form-control {
  min-height: 95px;
  height: 95px;
  padding-top: 14px;
  resize: vertical;
}

/* TELEFON */
.payment-form-group-1 .iti {
  width: 100%;
}

.payment-form-group-1 .iti input {
  padding-left: 88px !important;
}

/* FATURA KUTUSU */
.invoice-info-description {
  margin-top: 6px;
  padding: 15px 16px;
  border-radius: 15px;
  background: #f5f8ff;
  border: 1px dashed #cfdcf5;
  display: flex;
  align-items: center;
  gap: 10px;
}

.invoice-info-description input {
  width: 18px;
  height: 18px;
  accent-color: #1f4f9c;
}

.invoice-info-description label {
  margin: 0;
  color: #172033;
  font-weight: 800;
  cursor: pointer;
}

/* SİPARİŞ ÖZETİ */
.p-g-mod-t-34 {
  position: sticky;
  top: 20px;
}

.payment-cart-summary-1 {
  padding: 18px !important;
}

.payment-cart-summary-1 .p-list-button,
.payment-cart-summary-1 [data-toggle="collapse"] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f5f8ff;
  border-radius: 14px;
  padding: 13px 15px;
  color: #1f4f9c !important;
  font-weight: 900;
  margin-bottom: 16px;
}

.payment-cart-summary-1 table {
  width: 100%;
}

.payment-cart-summary-1 th,
.payment-cart-summary-1 td {
  border: 0 !important;
  padding: 12px 0 !important;
  font-size: 15px;
  color: #14213d;
  font-weight: 900;
}

.payment-cart-summary-1 tr:last-child th,
.payment-cart-summary-1 tr:last-child td {
  border-top: 1px dashed #dce3ef !important;
  padding-top: 18px !important;
}

.payment-cart-summary-1 .final,
.payment-cart-summary-1 .text-success {
  color: #16a34a !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  white-space: nowrap;
}

/* ÖDEME BUTONU */
.p-g-mod-t-34 .btn,
.p-g-mod-t-34 button,
.p-g-mod-t-34 a.btn {
  width: 100%;
  height: 52px;
  border-radius: 13px !important;
  background: #ff3030 !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(255,48,48,.22);
  transition: all .2s ease;
}

.p-g-mod-t-34 .btn:hover,
.p-g-mod-t-34 button:hover,
.p-g-mod-t-34 a.btn:hover {
  transform: translateY(-1px);
  background: #e92828 !important;
}

/* SİPARİŞ BİLGİLERİ */
[data-payment-box-form="order-info"] textarea,
.payment-form-group-1 textarea[name="note"] {
  min-height: 110px;
}

/* MOBİL */
@media (max-width: 991px) {
  .payment-steps-1 {
    padding: 14px 10px;
    margin: 14px 0 18px;
    border-radius: 16px;
  }

  .payment-steps-1 .step {
    font-size: 11px;
    gap: 6px;
  }

  .payment-steps-1 .circle {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 13px;
  }

  .payment-steps-1 .step::before {
    top: 17px;
  }

  .p-g-mod-t-33,
  .p-g-mod-t-34 {
    border-radius: 18px !important;
    margin-bottom: 16px !important;
  }

  .p-g-mod-t-33 .p-g-mod-header,
  .p-g-mod-t-34 .p-g-mod-header {
    padding: 18px 16px 6px !important;
  }

  .p-g-mod-t-33 .p-g-mod-body {
    padding: 16px !important;
  }

  .p-g-mod-t-34 {
    position: static;
  }

  .payment-form-group-1 .form-control {
    height: 50px;
    font-size: 13px;
  }

  .payment-cart-summary-1 .final,
  .payment-cart-summary-1 .text-success {
    font-size: 21px !important;
  }
}

@media (max-width: 575px) {
  .payment-steps-1 {
    overflow-x: hidden;
  }

  .payment-steps-1 .step {
    font-size: 10px;
  }

  .payment-steps-1 .circle {
    width: 31px;
    height: 31px;
    min-width: 31px;
  }

  .payment-steps-1 .step::before {
    top: 15px;
  }

  .p-g-mod-t-33 .p-g-m-h-i-title,
  .p-g-mod-t-34 .p-g-m-h-i-title {
    font-size: 17px !important;
  }

  .payment-form-group-1 label {
    font-size: 12px;
  }

  .invoice-info-description {
    align-items: flex-start;
  }
}
.payment-steps-1 .step::before,
.payment-steps-1 .step::after{
    display:none !important;
}
/* Sadece ödeme modülünü hedefle */
/* Sadece ödeme sayfasındaki sipariş özeti */
.pattern-group-p-payment .payment-cart-summary-1 {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 1 !important;
}

.pattern-group-p-payment .payment-cart-summary-1,
.pattern-group-p-payment .payment-cart-summary-1 * {
  max-height: none !important;
}





/* Ödeme Sayfası - Sözleşme Alanı Modern Tasarım */
.payment-agreement-checbox-1 {
    background: #ffffff;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    padding: 18px 18px 14px;
    box-shadow: 0 10px 28px rgba(15, 35, 80, 0.08);
    margin-top: 16px;
}

.payment-agreement-checbox-1::before {
    content: "Güvenli alışveriş onayları";
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #06184a;
    margin-bottom: 14px;
}

.payment-agreement-checbox-1 .form-check {
    display: flex !important;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 12px 0;
    padding: 12px 14px;
    background: #f7f9fd;
    border: 1px solid #edf1f7;
    border-radius: 14px;
    transition: .2s ease;
}

.payment-agreement-checbox-1 .form-check:hover {
    background: #fff7f0;
    border-color: #ffd5ad;
}

.payment-agreement-checbox-1 .form-check-input {
    position: relative;
    margin: 2px 10px 0 0;
    width: 17px;
    height: 17px;
    min-width: 17px;
    accent-color: #ff3131;
    cursor: pointer;
}

.payment-agreement-checbox-1 label {
    margin: 0 !important;
    font-size: 13px;
    line-height: 1.45;
    color: #26324d;
    cursor: pointer;
}

.payment-agreement-checbox-1 label a {
    color: #ff3131 !important;
    font-weight: 700;
    text-decoration: none !important;
}

.payment-agreement-checbox-1 label a:hover {
    color: #e02020 !important;
    text-decoration: underline !important;
}

/* Siparişi tamamla butonu da sözleşmeyle uyumlu olsun */
.payment-final-buttons-1 .btn-complete {
    width: 100%;
    height: 54px;
    border-radius: 15px;
    border: none;
    background: linear-gradient(135deg, #ff3131, #ff7a18);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .3px;
    box-shadow: 0 12px 26px rgba(255, 49, 49, 0.28);
    transition: .2s ease;
}

.payment-final-buttons-1 .btn-complete:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(255, 49, 49, 0.36);
}

/* Geri butonu */
.payment-control-buttons-1 .btn-back {
    width: 100%;
    margin-top: 10px;
    border-radius: 14px;
    font-weight: 700;
}

/* Mobil uyum */
@media (max-width: 768px) {
    .payment-agreement-checbox-1 {
        padding: 15px;
        border-radius: 15px;
    }

    .payment-agreement-checbox-1 .form-check {
        padding: 11px 12px;
    }

    .payment-agreement-checbox-1 label {
        font-size: 12.5px;
    }
}


/*Ödeme Adımız Düznleme*/


/* Sadece ödeme sayfası sağ sipariş özeti kaymasın */
.pattern-group-p-payment .p-g-b-c-1 .p-g-b-c-inner,
.pattern-group-p-payment .p-g-b-c-1 .p-g-mod-t-34,
.pattern-group-p-payment .p-g-b-c-1 .p-g-mod-t-36 {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: auto !important;
}

/* İçerideki resize sensor saçmalamasın */
.pattern-group-p-payment .p-g-b-c-1 .resize-sensor {
  display: none !important;
}

.p-g-mod-base-content {
    border: none;
}

/* =====================================================
   FOOTER ÖDEME LOGOLARI
===================================================== */

footer .footer-right-section {
    display: flex;
    flex-direction: column;
}

footer .footer-payment-area {
    width: 100%;
    margin-top: 22px;
    padding: 20px 25px;
    min-height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

footer .footer-payment-logo {
    display: block;
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}


/* TABLET VE MOBİL */
@media (max-width: 767px) {

    footer .footer-right-section {
        width: 100%;
    }

    footer .footer-payment-area {
        margin-top: 15px;
        padding: 14px 10px;
        min-height: auto;
    }

    footer .footer-payment-logo {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* =========================================================
   DGN YENİ ÜRÜN PROFİLİ — AŞAMA 1
========================================================= */

.product-body .product-profile-1 > .row {
    align-items: flex-start;
}

.product-body .product-profile-1 .sticky-top {
    top: 20px;
}

/* Başlık ve ürün özeti kartı */
.product-body .dgn-product-summary {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    padding: 24px 26px;
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(24, 39, 75, 0.06);
}

/* Marka + değerlendirme satırı */
.product-body .dgn-product-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin-bottom: 14px;
}

.product-body .dgn-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1f4f9c;
    line-height: 1.2;
}

.product-body .dgn-brand-link:hover {
    color: #ff3230;
}

.product-body .dgn-brand-name {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.product-body .dgn-brand-action {
    font-size: 12px;
    font-weight: 500;
    color: #777;
}

.product-body .dgn-brand-action::before {
    content: "•";
    margin-right: 8px;
    color: #b6bcc5;
}

/* H1 */
.product-profile-1 h1.title.dgn-product-title {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #17191c;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: -0.025em;
}

/* Kısa açıklama */
.product-body .dgn-product-subtitle {
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    color: #626872;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

/* Ürün kodu, barkod, kategori */
.product-body .dgn-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #edf0f3;
}

.product-body .dgn-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 6px 10px;
    background: #f7f8fa;
    border: 1px solid #eceff2;
    border-radius: 8px;
    color: #60656d;
    font-size: 12px;
    line-height: 1.2;
}

.product-body .dgn-meta-label {
    color: #8a9099;
    font-weight: 500;
}

.product-body .dgn-meta-label::after {
    content: ":";
}

.product-body .dgn-meta-item .value {
    color: #30343a;
    font-weight: 650;
}

.product-body .dgn-meta-item a .value {
    color: #1f4f9c;
}

.product-body .dgn-product-rating {
    margin-left: auto;
}

/* Mobil */
@media (max-width: 767px) {
    .product-body .dgn-product-summary {
        padding: 18px;
        margin-bottom: 12px;
        border-radius: 13px;
    }

    .product-body .dgn-product-topline {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 12px;
    }

    .product-body .dgn-product-rating {
        margin-left: 0;
    }

    .product-profile-1 h1.title.dgn-product-title {
        font-size: 24px;
        line-height: 1.25;
    }

    .product-body .dgn-product-subtitle {
        margin-top: 8px;
        font-size: 14px;
    }

    .product-body .dgn-product-meta {
        gap: 6px;
        margin-top: 14px;
        padding-top: 14px;
    }

    .product-body .dgn-meta-item {
        width: 100%;
        justify-content: space-between;
    }
}
/* =========================================================
   DOĞAN OYUNCAK — YENİ ÜRÜN PROFİLİ V1
   Sağ başlık + satın alma paneli
========================================================= */

/* Ana iki sütun */
.product-body .product-profile-1 > .row {
    align-items: flex-start;
}

/* Sağ sütun */
.product-body .dgn-product-column {
    position: relative;
}

.product-body .dgn-product-sticky {
    top: 18px;
}

/* Başlık ve satın alma tek kart */
.product-body .dgn-product-panel {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9edf2;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(24, 39, 75, 0.07);
}

/* Eski kart görünümlerini iptal et */
.product-body .dgn-product-panel .product-title-container,
.product-body .dgn-product-panel .product-right-block {
    width: 100%;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   ÜST BİLGİ ALANI
========================================================= */

.product-body .dgn-product-header {
    display: block;
    padding: 26px 28px 20px;
    border-bottom: 1px solid #edf0f4 !important;
}

/* Marka + yorum */
.product-body .dgn-product-header .brand-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-bottom: 14px;
}

.product-body .dgn-product-header .brand-wrapper > a {
    color: #1f4f9c;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.product-body .dgn-product-header .brand-wrapper > a:hover {
    color: #ff3230;
}

/* Ürün adı */
.product-body .dgn-product-header h1.title {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #17191d;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 750;
    letter-spacing: -0.025em;
}

/* Kısa açıklama */
.product-body .dgn-product-header .product-short-desc {
    display: block !important;
    width: 100%;
    margin: 9px 0 0;
    padding: 0;
    color: #5e6570;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

/* Ürün kodu, barkod, kategori */
.product-body .dgn-product-header .t-attr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    width: 100%;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #edf0f4;
}

.product-body .dgn-product-header .t-attr > div {
    position: relative;
    margin: 0;
    padding: 3px 13px;
    color: #858b94;
    font-size: 11px;
    line-height: 1.4;
    white-space: nowrap;
}

.product-body .dgn-product-header .t-attr > div:first-child {
    padding-left: 0;
}

.product-body .dgn-product-header .t-attr > div:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 16px;
    background: #dfe3e8;
}

.product-body .dgn-product-header .t-attr .value {
    margin-left: 3px;
    color: #30343a;
    font-weight: 650;
}

.product-body .dgn-product-header .attr-category a .value {
    color: #1f4f9c;
}

/* =========================================================
   SATIN ALMA ALANI
========================================================= */

.product-body .dgn-product-commerce {
    padding: 24px 28px 26px !important;
}

.product-body .dgn-product-commerce .product-profile-info {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Fiyat ve kargo yan yana */
.product-body .dgn-product-commerce .cargo-wrapper {
    display: grid;
    grid-template-columns: minmax(190px, 0.9fr) minmax(210px, 1.1fr);
    gap: 26px;
    align-items: center;
    width: 100%;
    margin: 0;
}

/* Fiyat alanı */
.product-body .dgn-product-commerce .product-price-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.product-body .dgn-product-commerce .discount {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 46px;
    padding: 0 10px;
    color: #fff;
    background: #ff3230;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 750;
}

.product-body .dgn-product-commerce .prices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-body .dgn-product-commerce .list-price {
    margin: 0 0 2px;
    color: #a2a6ad;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: line-through;
}

.product-body .dgn-product-commerce .sale-price {
    color: #1c2025;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.025em;
}

/* Kargo bilgileri */
.product-body .dgn-product-commerce .cargo-time {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 64px;
    padding-left: 23px;
    border-left: 1px solid #e5e8ec;
}

.product-body .dgn-product-commerce .cargo-day,
.product-body .dgn-product-commerce .free-cargo {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #41464e;
    font-size: 13px;
    line-height: 1.4;
}

.product-body .dgn-product-commerce .cargo-time i {
    color: #1f4f9c;
    font-size: 20px;
}

/* Taksit */
.product-body .dgn-product-commerce .product-rate {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0 12px;
    padding: 11px 14px;
    color: #d92834;
    background: #fff4f5;
    border: 1px solid #ffd9dd;
    border-radius: 9px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 650;
    text-align: center;
}

/* =========================================================
   BUTONLAR
========================================================= */

.product-body .dgn-product-commerce .product-buttons {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    margin-top: 10px;
}

/* Adet seçici */
.product-body .dgn-product-commerce .product-quantity {
    display: grid;
    grid-template-columns: 34px 44px 34px;
    width: 112px;
    height: 48px;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 9px;
}

.product-body .dgn-product-commerce .product-quantity .btn,
.product-body .dgn-product-commerce .product-quantity input {
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
}

/* Sepete ekle */
.product-body .dgn-product-commerce .btn-cart {
    width: 100%;
    min-height: 48px;
    margin: 0;
    color: #fff;
    background: linear-gradient(135deg, #ff3230, #f21f45);
    border: 0;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 750;
    box-shadow: 0 8px 18px rgba(242, 31, 69, 0.18);
}

.product-body .dgn-product-commerce .btn-cart:hover {
    color: #fff;
    transform: translateY(-1px);
}

/* WhatsApp ikinci satır */
.product-body .dgn-product-commerce .btn-wp {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 46px;
    margin: 0;
    color: #fff;
    background: #25b43b;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
}

/* Hemen al aktifse */
.product-body .dgn-product-commerce .btn-fast-buy {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
    margin: 0;
    border-radius: 9px;
}

/* Favori */
.product-body .dgn-product-commerce .product-favorite,
.product-body .dgn-product-commerce .favorite-list,
.product-body .dgn-product-commerce [class*="favorite"] {
    max-width: 100%;
}

/* Eski alt rozetleri şimdilik gizle */
.product-body .dgn-product-commerce .product-badges {
    display: none !important;
}

/* =========================================================
   TABLET VE MOBİL
========================================================= */

@media (max-width: 1199px) {
    .product-body .dgn-product-commerce .cargo-wrapper {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .product-body .dgn-product-commerce .cargo-time {
        padding-top: 16px;
        padding-left: 0;
        border-top: 1px solid #e5e8ec;
        border-left: 0;
    }
}

@media (max-width: 991px) {
    .product-body .dgn-product-sticky {
        position: static !important;
        top: auto;
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    .product-body .dgn-product-panel {
        border-radius: 14px;
    }

    .product-body .dgn-product-header,
    .product-body .dgn-product-commerce {
        padding: 19px 17px !important;
    }

    .product-body .dgn-product-header .brand-wrapper {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 12px;
    }

    .product-body .dgn-product-header h1.title {
        font-size: 25px;
        line-height: 1.22;
    }

    .product-body .dgn-product-header .product-short-desc {
        font-size: 14px;
    }

    .product-body .dgn-product-header .t-attr {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .product-body .dgn-product-header .t-attr > div {
        width: 100%;
        padding: 0;
        white-space: normal;
    }

    .product-body .dgn-product-header .t-attr > div::after {
        display: none;
    }

    .product-body .dgn-product-commerce .sale-price {
        font-size: 28px;
    }

    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 104px minmax(0, 1fr);
    }

    .product-body .dgn-product-commerce .product-quantity {
        grid-template-columns: 31px 42px 31px;
        width: 104px;
    }
}
/* =========================================================
   DGN ÜRÜN PROFİLİ — SIKIŞTIRMA VE GÖRSEL DÜZELTME V2
========================================================= */

/* Sağ panel gereksiz yüksekliği temizle */
.product-body .dgn-product-panel {
    min-height: 0 !important;
    height: auto !important;
}

.product-body .dgn-product-header {
    min-height: 0 !important;
    padding: 22px 24px 16px !important;
}

.product-body .dgn-product-commerce {
    min-height: 0 !important;
    padding: 20px 24px 22px !important;
}

/* Eski temadan gelen boşluklar */
.product-body .dgn-product-panel .product-title-container,
.product-body .dgn-product-panel .product-right-block,
.product-body .dgn-product-panel .product-profile-info,
.product-body .dgn-product-panel .cargo-wrapper {
    min-height: 0 !important;
    height: auto !important;
}

/* Marka */
.product-body .dgn-product-header .brand-wrapper {
    margin-bottom: 10px !important;
}

.product-body .dgn-product-header .brand-wrapper > a {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
}

/* H1 */
.product-body .dgn-product-header h1.title {
    margin-bottom: 5px !important;
    font-size: 29px !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
}

/* Kısa açıklama */
.product-body .dgn-product-header .product-short-desc {
    margin-top: 4px !important;
    color: #646a73 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Ürün meta */
.product-body .dgn-product-header .t-attr {
    margin-top: 14px !important;
    padding-top: 12px !important;
}

/* Fiyat + kargo */
.product-body .dgn-product-commerce .cargo-wrapper {
    grid-template-columns: minmax(230px, 1fr) minmax(220px, 1fr) !important;
    gap: 22px !important;
    align-items: center !important;
}

/* Fiyat alanı */
.product-body .dgn-product-commerce .product-price-group {
    align-items: center !important;
    gap: 14px !important;
}

.product-body .dgn-product-commerce .discount {
    min-width: 52px !important;
    height: 52px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
}

.product-body .dgn-product-commerce .list-price {
    font-size: 15px !important;
}

.product-body .dgn-product-commerce .sale-price {
    color: #17191d !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
}

/* Kargo */
.product-body .dgn-product-commerce .cargo-time {
    gap: 12px !important;
    min-height: 0 !important;
    padding-left: 22px !important;
}

.product-body .dgn-product-commerce .cargo-day,
.product-body .dgn-product-commerce .free-cargo {
    font-size: 12px !important;
    font-weight: 550 !important;
}

/* Taksit kutusu */
.product-body .dgn-product-commerce .product-rate {
    margin: 18px 0 10px !important;
    padding: 10px 14px !important;
    background: #fff7f7 !important;
    border-color: #ffd4d8 !important;
    font-size: 12px !important;
}

/* Buton alanı */
.product-body .dgn-product-commerce .product-buttons {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-top: 8px !important;
}

/* Miktar */
.product-body .dgn-product-commerce .product-quantity {
    width: 104px !important;
    height: 52px !important;
    grid-template-columns: 31px 42px 31px !important;
}

.product-body .dgn-product-commerce .product-quantity .btn,
.product-body .dgn-product-commerce .product-quantity input {
    height: 50px !important;
}

/* Sepete ekle */
.product-body .dgn-product-commerce .btn-cart {
    min-height: 52px !important;
    border-radius: 9px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
}

/* WhatsApp */
.product-body .dgn-product-commerce .btn-wp {
    min-height: 48px !important;
    margin-top: 1px !important;
    border-radius: 9px !important;
}

/* Favori alanı */
.product-body .dgn-product-commerce .product-favorite,
.product-body .dgn-product-commerce .favorite-list,
.product-body .dgn-product-commerce [class*="favorite"] {
    margin-top: 0px !important;
}

/* Sağ kart ile görsel aynı başlangıç çizgisinde */
.product-body .product-profile-1 > .row > .col-lg-6 {
    padding-top: 0 !important;
}

/* Masaüstünde sağ panel biraz daha dengeli */
@media (min-width: 1200px) {
    .product-body .dgn-product-column {
        padding-left: 18px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .product-body .dgn-product-header {
        padding: 18px 16px 14px !important;
    }

    .product-body .dgn-product-commerce {
        padding: 17px 16px 19px !important;
    }

    .product-body .dgn-product-commerce .cargo-wrapper {
        grid-template-columns: 1fr !important;
    }

    .product-body .dgn-product-header h1.title {
        font-size: 24px !important;
    }

    .product-body .dgn-product-commerce .sale-price {
        font-size: 29px !important;
    }
}
/* =========================================================
   DGN ÜRÜN PROFİLİ V3
   Marka, ön açıklama, karakter ve buton düzeni
========================================================= */

/* MARKA SATIRI */
.product-body .dgn-brand-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px;
    width: 100%;
    margin-bottom: 15px !important;
}

.product-body .dgn-brand-card {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px 12px 8px 8px;
    color: #174a96 !important;
    background:
        linear-gradient(135deg, rgba(31, 79, 156, 0.08), rgba(255, 50, 48, 0.04));
    border: 1px solid rgba(31, 79, 156, 0.13);
    border-radius: 11px;
    text-transform: none !important;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.product-body .dgn-brand-card:hover {
    color: #174a96 !important;
    border-color: rgba(31, 79, 156, 0.28);
    transform: translateY(-1px);
}

.product-body .dgn-brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #1f4f9c;
    border-radius: 9px;
    font-size: 11px;
    box-shadow: 0 5px 12px rgba(31, 79, 156, 0.2);
}

.product-body .dgn-brand-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
}

.product-body .dgn-brand-label {
    margin-bottom: 2px;
    color: #8b929d;
    font-size: 9px;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-body .dgn-brand-title {
    overflow: hidden;
    color: #174a96;
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-body .dgn-brand-link-text {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 6px;
    color: #626b77;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.product-body .dgn-brand-link-text i {
    font-size: 8px;
}

.product-body .dgn-rating-wrapper {
    flex: 0 0 auto;
    margin-left: auto;
}

/* H1 */
.product-body .dgn-product-header h1.title {
    margin-top: 2px !important;
    font-size: 31px !important;
    line-height: 1.15 !important;
}

/* PREMIUM KISA AÇIKLAMA */
.product-body .dgn-product-lead {
    position: relative;
    display: flex !important;
    align-items: center;
    width: 100%;
    margin: 11px 0 0 !important;
    padding: 11px 14px 11px 17px !important;
    overflow: hidden;
    color: #4e5662 !important;
    background:
        linear-gradient(90deg, #fff4f5 0%, #fff 60%, #f6f9ff 100%);
    border: 1px solid #f2e3e6;
    border-radius: 10px;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.product-body .dgn-lead-accent {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 4px;
    background: linear-gradient(180deg, #ff3230, #f21f65);
    border-radius: 0 5px 5px 0;
}

.product-body .dgn-lead-text {
    display: block;
    width: 100%;
}

/* KARAKTER KARTI */
.product-body .dgn-character-slot {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-top: 13px;
    padding: 11px 12px;
    background:
        linear-gradient(135deg, rgba(255, 50, 48, 0.06), rgba(255, 255, 255, 1));
    border: 1px solid #f0dfe3;
    border-radius: 11px;
}

.product-body .dgn-character-slot.d-none {
    display: none !important;
}

.product-body .dgn-character-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #fff;
    background: linear-gradient(135deg, #ff5250, #ef2063);
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 800;
    box-shadow: 0 5px 12px rgba(239, 32, 99, 0.2);
}

.product-body .dgn-character-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.product-body .dgn-character-label {
    color: #999fa8;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.product-body .dgn-character-name {
    margin-top: 2px;
    color: #22262c;
    font-size: 13px;
    font-weight: 800;
}

.product-body .dgn-character-description {
    margin-top: 2px;
    overflow: hidden;
    color: #6b717a;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-body .dgn-character-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    color: #e52952;
    background: #fff;
    border: 1px solid #f0bbc8;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.product-body .dgn-character-link:hover {
    color: #fff;
    background: #e52952;
    border-color: #e52952;
}

/* ÜRÜN BİLGİLERİ KARAKTERDEN SONRA */
.product-body .dgn-product-header .t-attr {
    margin-top: 14px !important;
}

/* ADET + SEPET + FAVORİ AYNI SATIR */
.product-body .dgn-product-commerce .product-buttons {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) 155px !important;
    align-items: stretch;
    gap: 9px !important;
    width: 100%;
}

.product-body .dgn-product-commerce .product-quantity {
    width: 104px !important;
    height: 54px !important;
}

.product-body .dgn-product-commerce .product-quantity .btn,
.product-body .dgn-product-commerce .product-quantity input {
    height: 52px !important;
}

.product-body .dgn-product-commerce .btn-cart {
    min-height: 54px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

/* Favori hücresi */
.product-body .dgn-favorite-cell {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 54px;
    margin: 0 !important;
}

.product-body .dgn-favorite-cell > * {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* Qukasoft favori sınıflarını tek düğme gibi göster */
.product-body .dgn-favorite-cell a,
.product-body .dgn-favorite-cell button,
.product-body .dgn-favorite-cell .btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    color: #f02a4e !important;
    background: #fff !important;
    border: 1.5px solid #f02a4e !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    white-space: nowrap;
}

.product-body .dgn-favorite-cell a:hover,
.product-body .dgn-favorite-cell button:hover,
.product-body .dgn-favorite-cell .btn:hover {
    color: #fff !important;
    background: #f02a4e !important;
}

/* WhatsApp alt satırda tam genişlik */
.product-body .dgn-product-commerce .btn-wp {
    grid-column: 1 / -1 !important;
    min-height: 48px !important;
}

/* Hemen al kullanılırsa alt satıra */
.product-body .dgn-product-commerce .btn-fast-buy {
    grid-column: 1 / -1 !important;
}

/* TABLET */
@media (max-width: 1199px) {
    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 100px minmax(0, 1fr) 135px !important;
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .product-body .dgn-brand-row {
        align-items: stretch !important;
        flex-direction: column;
        gap: 8px;
    }

    .product-body .dgn-brand-card {
        width: 100%;
    }

    .product-body .dgn-rating-wrapper {
        margin-left: 0;
    }

    .product-body .dgn-character-slot {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .product-body .dgn-character-link {
        grid-column: 1 / -1;
        justify-content: center;
        width: 100%;
    }

    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }

    .product-body .dgn-favorite-cell {
        grid-column: 1 / -1;
        height: 48px;
    }

    .product-body .dgn-favorite-cell a,
    .product-body .dgn-favorite-cell button,
    .product-body .dgn-favorite-cell .btn {
        height: 48px !important;
    }
}
/* =========================================================
   DGN ÜRÜN PROFİLİ V4
   Başlık, ürün bilgileri, taksit ve favori düzeltmeleri
========================================================= */

/* ---------------------------------------------------------
   ÜRÜN BAŞLIĞINI GÜÇLENDİR
--------------------------------------------------------- */

.product-body .dgn-product-header h1.title {
    position: relative;
    z-index: 2;
    margin: 14px 0 7px !important;
    color: #15181d !important;
    font-size: 36px !important;
    line-height: 1.12 !important;
    font-weight: 850 !important;
    letter-spacing: -0.035em !important;
}

.product-body .dgn-product-header h1.title::after {
    content: "";
    display: block;
    width: 46px;
    height: 4px;
    margin-top: 10px;
    background: linear-gradient(90deg, #ff3230, #f32669);
    border-radius: 20px;
}

/* Marka kartı H1'i ezmesin */
.product-body .dgn-brand-row {
    margin-bottom: 8px !important;
}

.product-body .dgn-brand-card {
    padding: 7px 10px 7px 7px !important;
}

/* ---------------------------------------------------------
   ÖN AÇIKLAMA
--------------------------------------------------------- */

.product-body .dgn-product-lead {
    margin-top: 12px !important;
    padding: 13px 16px 13px 19px !important;
    color: #48505b !important;
    background:
        linear-gradient(100deg, #fff5f6 0%, #ffffff 52%, #f4f8ff 100%) !important;
    border: 1px solid #eee3e6 !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
    box-shadow: 0 5px 16px rgba(28, 39, 60, 0.035);
}

/* ---------------------------------------------------------
   KARAKTER KARTINI BİRAZ KOMPAKTLAŞTIR
--------------------------------------------------------- */

.product-body .dgn-character-slot {
    margin-top: 12px !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
}

.product-body .dgn-character-name {
    font-size: 14px !important;
}

.product-body .dgn-character-description {
    font-size: 11px !important;
}

/* ---------------------------------------------------------
   ÜRÜN KODU / BARKOD / KATEGORİ
--------------------------------------------------------- */

.product-body .dgn-product-header .t-attr {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 8px !important;
    width: 100%;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e9edf2 !important;
}

.product-body .dgn-product-header .t-attr > div {
    display: flex !important;
    align-items: center;
    gap: 6px;
    min-height: 35px;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: #7b828c !important;
    background: #f7f8fa;
    border: 1px solid #e9ecf0;
    border-radius: 8px;
    font-size: 10px !important;
    line-height: 1.2;
    white-space: nowrap;
}

.product-body .dgn-product-header .t-attr > div::after {
    display: none !important;
}

.product-body .dgn-product-header .t-attr .value {
    margin-left: 0 !important;
    color: #2f343b !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.product-body .dgn-product-header .attr-category {
    min-width: 0;
}

.product-body .dgn-product-header .attr-category a {
    min-width: 0;
    overflow: hidden;
}

.product-body .dgn-product-header .attr-category a .value {
    display: block;
    overflow: hidden;
    color: #1f4f9c !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------------------------------------------------------
   TAKSİT SATIRINI KOMPAKT HALE GETİR
--------------------------------------------------------- */

.product-body .dgn-installment-row {
    display: grid;
    grid-template-columns: minmax(190px, 0.85fr) minmax(180px, 1.15fr);
    gap: 10px;
    align-items: stretch;
    width: 100%;
    margin: 16px 0 10px;
}

/* Kampanya rozeti */
.product-body .dgn-installment-campaign {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 8px 12px;
    background:
        linear-gradient(135deg, #fff1f3, #fff);
    border: 1px solid #ffd4db;
    border-radius: 10px;
}

.product-body .dgn-campaign-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: #fff;
    background: linear-gradient(135deg, #ff3230, #f21f65);
    border-radius: 9px;
    font-size: 14px;
}

.product-body .dgn-campaign-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.product-body .dgn-campaign-content strong {
    color: #e1284d;
    font-size: 12px;
    font-weight: 800;
}

.product-body .dgn-campaign-content small {
    margin-top: 3px;
    color: #868c95;
    font-size: 9px;
    font-weight: 500;
}

/* Aylık taksit bilgisi */
.product-body .dgn-installment-row .product-rate {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto !important;
    min-height: 50px;
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #343940 !important;
    background: #f7f9fc !important;
    border: 1px solid #e5e9ef !important;
    border-radius: 10px !important;
    text-align: center;
}

.product-body .dgn-rate-price {
    color: #e1284d;
    font-size: 13px;
    font-weight: 850;
}

.product-body .dgn-rate-text {
    color: #626873;
    font-size: 10px;
    font-weight: 600;
}

/* Eski tam geniş taksit stilini kesin olarak iptal et */
.product-body .dgn-product-commerce > .product-rate,
.product-body .dgn-product-commerce .product-profile-info + .product-rate {
    width: auto !important;
}

/* ---------------------------------------------------------
   ADET + SEPET + FAVORİ
--------------------------------------------------------- */

.product-body .dgn-product-commerce .product-buttons {
    display: grid !important;
    grid-template-columns: 100px minmax(210px, 1fr) 142px !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100%;
    margin-top: 10px !important;
}

/* Üç öğe aynı yükseklikte */
.product-body .dgn-product-commerce .product-quantity,
.product-body .dgn-product-commerce .btn-cart,
.product-body .dgn-favorite-cell {
    height: 56px !important;
    min-height: 56px !important;
}

.product-body .dgn-product-commerce .product-quantity {
    width: 100px !important;
    grid-template-columns: 30px 40px 30px !important;
}

.product-body .dgn-product-commerce .product-quantity .btn,
.product-body .dgn-product-commerce .product-quantity input {
    height: 54px !important;
}

.product-body .dgn-product-commerce .btn-cart {
    font-size: 15px !important;
    font-weight: 850 !important;
}

/* Favori */
.product-body .dgn-favorite-cell {
    display: block !important;
    width: 142px !important;
    margin: 0 !important;
}

.product-body .dgn-favorite-cell > *,
.product-body .dgn-favorite-cell .btn,
.product-body .dgn-favorite-cell a,
.product-body .dgn-favorite-cell button {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden;
    border-radius: 9px !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Eski favori modülü yanlışlıkla dışarıda kalırsa gizle */
.product-body .dgn-product-commerce > .product-favorite,
.product-body .dgn-product-commerce > .favorite-list,
.product-body .dgn-product-commerce > [class*="product-favorite"] {
    display: none !important;
}

/* WhatsApp tek alt satır */
.product-body .dgn-product-commerce .btn-wp {
    grid-column: 1 / -1 !important;
    min-height: 48px !important;
    margin-top: 1px !important;
}

/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1199px) {
    .product-body .dgn-product-header h1.title {
        font-size: 32px !important;
    }

    .product-body .dgn-product-header .t-attr {
        grid-template-columns: 1fr 1fr;
    }

    .product-body .dgn-product-header .attr-category {
        grid-column: 1 / -1;
    }

    .product-body .dgn-installment-row {
        grid-template-columns: 1fr;
    }

    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 96px minmax(0, 1fr) 130px !important;
    }

    .product-body .dgn-favorite-cell {
        width: 130px !important;
    }
}

/* ---------------------------------------------------------
   MOBİL
--------------------------------------------------------- */

@media (max-width: 767px) {
    .product-body .dgn-product-header h1.title {
        font-size: 27px !important;
    }

    .product-body .dgn-product-header .t-attr {
        grid-template-columns: 1fr;
    }

    .product-body .dgn-product-header .attr-category {
        grid-column: auto;
    }

    .product-body .dgn-installment-row {
        grid-template-columns: 1fr;
    }

    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 92px minmax(0, 1fr) !important;
    }

    .product-body .dgn-favorite-cell {
        grid-column: 1 / -1;
        width: 100% !important;
        height: 48px !important;
    }

    .product-body .dgn-favorite-cell > *,
    .product-body .dgn-favorite-cell .btn,
    .product-body .dgn-favorite-cell a,
    .product-body .dgn-favorite-cell button {
        height: 48px !important;
        min-height: 48px !important;
    }
}

/* =========================================================
   DGN FAVORİ BUTONU — QUKASOFT UYUMLU NİHAİ DÜZELTME
   Bu blok CSS dosyasının EN SONUNDA bulunmalıdır.
========================================================= */

/* Favori hücresinin dış kutusu */
.product-body .dgn-product-commerce .dgn-favorite-cell {
    position: relative;
    display: block !important;
    width: 142px !important;
    min-width: 142px !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

/* Favori modülünün ana kapsayıcıları */
.product-body .dgn-favorite-cell > * {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * DİKKAT:
 * Burada display:flex vermiyoruz.
 * Qukasoft hangi butonun görüneceğini kendisi belirleyecek.
 */
.product-body .dgn-favorite-cell a,
.product-body .dgn-favorite-cell button,
.product-body .dgn-favorite-cell .btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 10px !important;

    color: #f02a4e !important;
    background: #ffffff !important;
    border: 1.5px solid #f02a4e !important;
    border-radius: 10px !important;

    font-size: 11px !important;
    line-height: 54px !important;
    font-weight: 750 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
}

/* Qukasoft tarafından gizlenen durumları kesinlikle gizli tut */
.product-body .dgn-favorite-cell .d-none,
.product-body .dgn-favorite-cell .hide,
.product-body .dgn-favorite-cell .hidden,
.product-body .dgn-favorite-cell [hidden] {
    display: none !important;
}

/* Inline display:none kullanan ekle/çıkar durumlarını koru */
.product-body .dgn-favorite-cell [style*="display: none"],
.product-body .dgn-favorite-cell [style*="display:none"] {
    display: none !important;
}

/* Görünen buton üzerine gelince */
.product-body .dgn-favorite-cell a:hover,
.product-body .dgn-favorite-cell button:hover,
.product-body .dgn-favorite-cell .btn:hover {
    color: #ffffff !important;
    background: #f02a4e !important;
    border-color: #f02a4e !important;
}

/* Adet + Sepet + Favori aynı satır */
.product-body .dgn-product-commerce .product-buttons {
    display: grid !important;
    grid-template-columns: 100px minmax(210px, 1fr) 142px !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Adet, sepet ve favori aynı yükseklik */
.product-body .dgn-product-commerce .product-quantity,
.product-body .dgn-product-commerce .btn-cart,
.product-body .dgn-product-commerce .dgn-favorite-cell {
    height: 56px !important;
    min-height: 56px !important;
}

/* WhatsApp bir alt satırda tam genişlik */
.product-body .dgn-product-commerce .btn-wp {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 48px !important;
}

/* Tablet */
@media (max-width: 1199px) {
    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 96px minmax(180px, 1fr) 130px !important;
    }

    .product-body .dgn-product-commerce .dgn-favorite-cell {
        width: 130px !important;
        min-width: 130px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 92px minmax(0, 1fr) !important;
    }

    .product-body .dgn-product-commerce .dgn-favorite-cell {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
    }

    .product-body .dgn-favorite-cell a,
    .product-body .dgn-favorite-cell button,
    .product-body .dgn-favorite-cell .btn {
        height: 48px !important;
        min-height: 48px !important;
        line-height: 46px !important;
    }
}
/* =========================================================
   DGN SATIN ALMA BUTONLARI — NİHAİ HİZALAMA
   Adet + Sepete Ekle + Favori aynı satır ve aynı yükseklik
========================================================= */

/* Üçlü satın alma satırı */
.product-body .dgn-product-commerce .product-buttons {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) 165px !important;
    align-items: stretch !important;
    gap: 10px !important;

    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

/* Üç bölüm aynı yükseklikte */
.product-body .dgn-product-commerce .product-quantity,
.product-body .dgn-product-commerce .btn-cart,
.product-body .dgn-product-commerce .dgn-favorite-cell {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   ADET SEÇİCİ
--------------------------------------------------------- */

.product-body .dgn-product-commerce .product-quantity {
    display: grid !important;
    grid-template-columns: 29px 34px 29px !important;

    overflow: hidden !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid #dfe4eb !important;
    border-radius: 10px !important;
}

.product-body .dgn-product-commerce .product-quantity .btn,
.product-body .dgn-product-commerce .product-quantity input {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    line-height: 54px !important;
    text-align: center !important;
}

/* ---------------------------------------------------------
   SEPETE EKLE
--------------------------------------------------------- */

.product-body .dgn-product-commerce .btn-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 18px !important;

    color: #fff !important;
    background: linear-gradient(135deg, #ff3230, #f51f49) !important;
    border: 0 !important;
    border-radius: 10px !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    box-shadow: 0 7px 17px rgba(245, 31, 73, 0.18) !important;
}

/* ---------------------------------------------------------
   FAVORİ DIŞ KUTUSU
--------------------------------------------------------- */

.product-body .dgn-product-commerce .dgn-favorite-cell {
    position: relative !important;
    display: block !important;

    min-width: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 10px !important;
}

/* Qukasoft ana favori kapsayıcısı */
.product-body .dgn-favorite-cell > * {
    position: static !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/*
 * Görünen favori düğmesinin tasarımı.
 * Burada display özelliğini değiştirmiyoruz;
 * ekle/çıkar durumunu Qukasoft yönetmeye devam ediyor.
 */
.product-body .dgn-favorite-cell a,
.product-body .dgn-favorite-cell button,
.product-body .dgn-favorite-cell .btn {
    position: static !important;
    float: none !important;
    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    color: #f02a4e !important;
    background: #fff !important;
    border: 1.5px solid #f02a4e !important;
    border-radius: 10px !important;

    font-size: 11px !important;
    line-height: 53px !important;
    font-weight: 750 !important;
    text-align: center !important;
    vertical-align: top !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* İçerideki ikon ve yazılar taşmasın */
.product-body .dgn-favorite-cell a *,
.product-body .dgn-favorite-cell button *,
.product-body .dgn-favorite-cell .btn * {
    position: static !important;
    float: none !important;
    vertical-align: middle !important;
}

/* Gizli ekle/çıkar durumlarını gizli tut */
.product-body .dgn-favorite-cell .d-none,
.product-body .dgn-favorite-cell .hide,
.product-body .dgn-favorite-cell .hidden,
.product-body .dgn-favorite-cell [hidden],
.product-body .dgn-favorite-cell [style*="display: none"],
.product-body .dgn-favorite-cell [style*="display:none"] {
    display: none !important;
}

/* Favori hover */
.product-body .dgn-favorite-cell a:hover,
.product-body .dgn-favorite-cell button:hover,
.product-body .dgn-favorite-cell .btn:hover {
    color: #fff !important;
    background: #f02a4e !important;
    border-color: #f02a4e !important;
}

/* ---------------------------------------------------------
   WHATSAPP ALT SATIRDA
--------------------------------------------------------- */

.product-body .dgn-product-commerce .btn-wp {
    grid-column: 1 / -1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;

    border-radius: 10px !important;
}

/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1199px) {
    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 88px minmax(0, 1fr) 145px !important;
        gap: 8px !important;
    }

    .product-body .dgn-favorite-cell a,
    .product-body .dgn-favorite-cell button,
    .product-body .dgn-favorite-cell .btn {
        padding: 0 6px !important;
        font-size: 10px !important;
    }
}

/* ---------------------------------------------------------
   MOBİL
--------------------------------------------------------- */

@media (max-width: 767px) {
    .product-body .dgn-product-commerce .product-buttons {
        grid-template-columns: 88px minmax(0, 1fr) !important;
    }

    .product-body .dgn-product-commerce .dgn-favorite-cell {
        grid-column: 1 / -1 !important;

        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    .product-body .dgn-favorite-cell > *,
    .product-body .dgn-favorite-cell a,
    .product-body .dgn-favorite-cell button,
    .product-body .dgn-favorite-cell .btn {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        line-height: 45px !important;
    }
}
/* =========================================================
   ÜRÜN DETAY — ÇOK SATAN ETİKETİ NİHAİ DÜZELTME
   Tüm ürün görsel tiplerinde çalışır
========================================================= */

/*
 * Ürün görsel alanı etiketi konumlandırabilsin.
 * Küçük resimler solda, altta veya carousel olsa da çalışır.
 */
.product-body .product-profile-1 > .row > .col-lg-6:first-child {
    position: relative !important;
}

/*
 * Çok Satan etiketinin bulunduğu kapsayıcı.
 * Eski carousel sınıfına bağlı değildir.
 */
.product-body .product-profile-1 .product-label.top-left {
    position: absolute !important;
    top: 18px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;
    pointer-events: none;
}

/* Eski görsel/madalya etiketini tamamen gizle */
.product-body .product-profile-1 .product-label.top-left img,
.product-body .product-profile-1 .product-label.top-left picture,
.product-body .product-profile-1 .product-label.top-left .lazy-image {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Yerine yazılı Çok Satan rozeti oluştur */
.product-body .product-profile-1 .product-label.top-left::after {
    content: "ÇOK SATAN";

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 31px;
    padding: 7px 14px;

    color: #ffffff;
    background: linear-gradient(135deg, #ff8a00 0%, #ff4d00 100%);
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.45px;
    white-space: nowrap;

    box-shadow:
        0 7px 16px rgba(255, 91, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

/* Küçük resimler solda olduğunda ana görselin başlangıcına hizala */
.product-body .product-profile-1 .carousel-indicators + .carousel-inner
    .product-label.top-left {
    left: 14px !important;
}

/* Tablet */
@media (max-width: 1199px) {
    .product-body .product-profile-1 .product-label.top-left {
        top: 15px !important;
        left: 92px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .product-body .product-profile-1 .product-label.top-left {
        top: 12px !important;
        left: 12px !important;
    }

    .product-body .product-profile-1 .product-label.top-left::after {
        min-height: 28px;
        padding: 6px 11px;
        font-size: 10px;
    }
}

/* =========================================================
   DOĞAN OYUNCAK — ÜRÜN GALERİSİ V2
   Mevcut Twig yapısına özel
========================================================= */

.product-body .dgn-product-gallery {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 14px;
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: 22px;
    box-shadow: 0 14px 38px rgba(24, 39, 66, 0.075);
}

/* Bootstrap kolon oranını burada güvenli şekilde eziyoruz */
.product-body .dgn-gallery-layout {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
    width: 100%;
    margin: 0 !important;
}

.product-body .dgn-gallery-thumbs,
.product-body .dgn-gallery-main {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   THUMBNAIL ALANI
========================================================= */

.product-body .dgn-gallery-thumbs {
    width: 78px !important;
}

/* =========================================================
   DGN GALERİ — THUMBNAIL NİHAİ DÜZEN
   Az görselde doğal yükseklik
   Çok görselde dikey scroll
========================================================= */

/* Thumbnail kolonu */
.product-body .dgn-product-gallery .dgn-gallery-thumbs {
    align-self: flex-start !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/*
 * ÖNEMLİ:
 * Sabit height kullanmıyoruz.
 *
 * Az görsel varsa ray içeriği kadar yükselir.
 * Çok görsel varsa max-height sonrası scroll açılır.
 */
.product-body .dgn-product-gallery .dgn-gallery-indicators {
    position: static !important;
    inset: auto !important;

    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 620px !important;

    margin: 0 !important;

    /*
     * Sağda scrollbar için yer bırakır.
     * Görseller scrollbar altında kalmaz.
     */
    padding: 7px 11px 7px 6px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #f8fafc !important;
    border: 1px solid #e4e9ef !important;
    border-radius: 15px !important;

    box-sizing: border-box !important;

    /*
     * Önceki stable gutter yatay taşmaya neden olabiliyordu.
     */
    scrollbar-gutter: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #bcc5d0 transparent;
}

/* Thumbnail kartı */
.product-body .dgn-product-gallery .dgn-gallery-thumb {
    position: relative !important;

    flex: 0 0 58px !important;

    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;

    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;

    margin: 0 !important;
    padding: 4px !important;

    overflow: hidden !important;

    background: #ffffff !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 11px !important;

    opacity: 0.72 !important;
    cursor: pointer;

    box-sizing: border-box !important;

    box-shadow: 0 3px 9px rgba(25, 40, 65, 0.045) !important;

    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

/* Thumbnail resmi */
.product-body .dgn-product-gallery .dgn-gallery-thumb img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border-radius: 7px !important;
}

/* Aktif thumbnail */
.product-body .dgn-product-gallery .dgn-gallery-thumb.active {
    opacity: 1 !important;

    background: #ffffff !important;
    border-color: #ff304b !important;

    box-shadow:
        0 0 0 2px rgba(255, 48, 75, 0.12),
        0 7px 16px rgba(255, 48, 75, 0.14) !important;

    transform: translateX(1px);
}

/* Hover */
.product-body .dgn-product-gallery .dgn-gallery-thumb:hover {
    opacity: 1 !important;
    border-color: #ff7183 !important;
}

/* Dikey scrollbar */
.product-body
.dgn-product-gallery
.dgn-gallery-indicators::-webkit-scrollbar {
    width: 4px !important;
    height: 0 !important;
}

.product-body
.dgn-product-gallery
.dgn-gallery-indicators::-webkit-scrollbar-track {
    background: transparent !important;
}

.product-body
.dgn-product-gallery
.dgn-gallery-indicators::-webkit-scrollbar-thumb {
    background: #bcc5d0 !important;
    border-radius: 20px !important;
}

.product-body
.dgn-product-gallery
.dgn-gallery-indicators::-webkit-scrollbar-corner {
    display: none !important;
    background: transparent !important;
}

/* Yatay scrollbar kesinlikle oluşmasın */
.product-body .dgn-product-gallery .dgn-gallery-indicators {
    overscroll-behavior-x: none !important;
}

/* Video thumbnail */
.product-body .dgn-product-gallery .dgn-video-thumb {
    display: block !important;
}

.product-body .dgn-product-gallery .dgn-video-thumb .video-play {
    position: relative;
    width: 100% !important;
    height: 100% !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {

    .product-body .dgn-product-gallery .dgn-gallery-thumbs,
    .product-body .dgn-product-gallery .dgn-gallery-indicators {
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }

    .product-body .dgn-product-gallery .dgn-gallery-indicators {
        max-height: 540px !important;
        padding: 6px 10px 6px 5px !important;
    }

    .product-body .dgn-product-gallery .dgn-gallery-thumb {
        flex-basis: 62px !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {

    .product-body .dgn-product-gallery .dgn-gallery-thumbs {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .product-body .dgn-product-gallery .dgn-gallery-indicators {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 78px !important;
        min-height: 78px !important;
        max-height: 78px !important;

        margin: 0 !important;
        padding: 6px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .product-body .dgn-product-gallery .dgn-gallery-thumb {
        flex: 0 0 56px !important;

        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }
}

.product-body .dgn-gallery-thumb:hover {
    opacity: 1;
    border-color: #ff7183;
}

.product-body .dgn-gallery-indicators::-webkit-scrollbar {
    width: 4px;
}

.product-body .dgn-gallery-indicators::-webkit-scrollbar-track {
    background: transparent;
}

.product-body .dgn-gallery-indicators::-webkit-scrollbar-thumb {
    background: #bcc5d0;
    border-radius: 20px;
}

/* =========================================================
   ANA GÖRSEL
========================================================= */

.product-body .dgn-gallery-main {
    min-width: 0 !important;
}

.product-body .dgn-gallery-stage {
    position: relative;
    width: 100%;
    height: clamp(520px, 47vw, 720px);
    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            #fff 0%,
            #fff 68%,
            #fafbfd 100%
        );

    border: 1px solid #e8ecf1;
    border-radius: 17px;
}

.product-body .dgn-gallery-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product-body .dgn-gallery-slide {
    width: 100%;
    height: 100%;
}

.product-body .dgn-gallery-slide.active {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.product-body .dgn-gallery-image-link {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    padding: 8px;
}

/*
 * Buradaki kritik düzeltme:
 * width: auto olduğu için görsel sola yapışmaz.
 * Sağ ve sol boşluk eşit kalır.
 */
.product-body .dgn-gallery-image {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 100% !important;

    margin: auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;
}

/* Lazy image kapsayıcısı varsa onu da ortala */
.product-body .dgn-gallery-image-link .lazy-image,
.product-body .dgn-gallery-image-link picture {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}

/* =========================================================
   VİDEO
========================================================= */

.product-body .dgn-gallery-video {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}

.product-body .dgn-gallery-video video {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    object-fit: contain;
}

.product-body .dgn-video-thumb .video-play {
    position: relative;
    width: 100%;
    height: 100%;
}

.product-body .dgn-video-thumb .video-play i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

    color: #fff;
    font-size: 25px;

    transform: translate(-50%, -50%);

    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45));
}

/* =========================================================
   OKLAR
========================================================= */

.product-body .dgn-gallery-prev,
.product-body .dgn-gallery-next {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 42px !important;
    height: 42px !important;

    margin-top: -21px !important;

    color: #26344b !important;
    background: rgba(255, 255, 255, 0.96) !important;

    border: 1px solid #dfe5ec;
    border-radius: 50%;

    opacity: 1 !important;
    z-index: 2;

    box-shadow: 0 7px 18px rgba(24, 39, 65, 0.13);

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.product-body .dgn-gallery-prev {
    left: 14px !important;
    right: auto !important;
}

.product-body .dgn-gallery-next {
    right: 14px !important;
    left: auto !important;
}

.product-body .dgn-gallery-prev:hover,
.product-body .dgn-gallery-next:hover {
    color: #fff !important;
    background: #ff304b !important;
    border-color: #ff304b;
    transform: scale(1.06);
}

/* =========================================================
   ÇOK SATAN ETİKETİ
========================================================= */

.product-body .dgn-gallery-stage .product-label.top-left {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 2 !important;
}

.product-body .dgn-gallery-stage .product-label.top-left img {
    display: none !important;
}

.product-body .dgn-gallery-stage .product-label.top-left::after {
    content: "ÇOK SATAN";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 30px;
    padding: 7px 13px;

    color: #fff;
    background: linear-gradient(135deg, #ff8a00, #ff4d00);
    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 0.4px;

    box-shadow: 0 6px 14px rgba(255, 90, 0, 0.3);
}

/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {
    .product-body .dgn-product-gallery {
        padding: 11px;
        border-radius: 18px;
    }

    .product-body .dgn-gallery-layout {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 10px;
    }

    .product-body .dgn-gallery-thumbs,
    .product-body .dgn-gallery-indicators {
        width: 70px !important;
    }

    .product-body .dgn-gallery-indicators,
    .product-body .dgn-gallery-stage {
        height: clamp(460px, 58vw, 610px) !important;
    }

    .product-body .dgn-gallery-thumb {
        flex-basis: 62px !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
    }
}

/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 767px) {
    .product-body .dgn-product-gallery {
        padding: 9px;
        border-radius: 16px;
    }

    .product-body .dgn-gallery-layout {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 9px;
    }

    .product-body .dgn-gallery-thumbs,
    .product-body .dgn-gallery-main {
        width: 100% !important;
    }

    .product-body .dgn-gallery-stage {
        height: min(118vw, 560px);
        border-radius: 13px;
    }

    .product-body .dgn-gallery-indicators {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        height: 78px !important;

        margin: 0 !important;
        padding: 6px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        border-radius: 12px;
    }

    .product-body .dgn-gallery-thumb {
        flex: 0 0 56px !important;

        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }

    .product-body .dgn-gallery-prev,
    .product-body .dgn-gallery-next {
        width: 36px !important;
        height: 36px !important;
        margin-top: -18px !important;
    }

    .product-body .dgn-gallery-prev {
        left: 9px !important;
    }

    .product-body .dgn-gallery-next {
        right: 9px !important;
    }
}
/* =========================================================
   DGN PREMIUM ÜRÜN PUANI
   Marka kartının yanında kompakt değerlendirme rozeti
========================================================= */

.product-body .dgn-rating-wrapper {
    flex: 0 0 auto;
    margin-left: auto;
}

/* Ana değerlendirme kartı */
.product-body .dgn-rating-wrapper .product-reviews {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 47px;
    padding: 7px 11px 7px 12px;

    color: #242933;
    background:
        linear-gradient(
            135deg,
            rgba(255, 247, 230, 0.96) 0%,
            rgba(255, 255, 255, 1) 58%,
            rgba(255, 244, 229, 0.82) 100%
        );

    border: 1px solid rgba(255, 158, 24, 0.22);
    border-radius: 12px;
    box-shadow:
        0 5px 14px rgba(33, 42, 60, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* Hafif premium ışık */
.product-body .dgn-rating-wrapper .product-reviews::before {
    content: "";
    position: absolute;
    top: -26px;
    right: -20px;
    width: 70px;
    height: 70px;

    background: radial-gradient(
        circle,
        rgba(255, 180, 44, 0.15) 0%,
        rgba(255, 180, 44, 0) 70%
    );

    pointer-events: none;
}

/* Hover */
.product-body .dgn-rating-wrapper .product-reviews:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 145, 0, 0.42);
    box-shadow:
        0 8px 20px rgba(33, 42, 60, 0.08),
        0 3px 10px rgba(255, 151, 22, 0.09);
}

/* Yıldızlar ve Yorumlar yazısı */
.product-body .dgn-rating-wrapper .stars {
    position: relative;
    z-index: 1;

    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 2px;

    margin: 0 !important;
    line-height: 1;
}

/* Tüm yıldızlar */
.product-body .dgn-rating-wrapper .stars .star {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    color: #d9dde3;
    font-size: 13px;
    line-height: 1;

    filter: none;
}

/* Dolu yıldızlar */
.product-body .dgn-rating-wrapper .stars .star.fill {
    color: #ff9f0a !important;
    text-shadow: 0 2px 5px rgba(255, 145, 0, 0.18);
}

/* Font Awesome ikon reset */
.product-body .dgn-rating-wrapper .stars .star i {
    margin: 0 !important;
    font-size: inherit;
    line-height: 1;
}

/* (Yorumlar) metni */
.product-body
.dgn-rating-wrapper
.stars
.cursor-pointer.font-weight-bold {
    position: relative;
    display: inline-flex;
    align-items: center;

    margin-left: 6px;
    padding-left: 8px;

    color: #343b47 !important;
    font-size: 11px;
    font-weight: 750 !important;
    line-height: 1.2;
}

/* Yıldızlarla yazı arasındaki ince çizgi */
.product-body
.dgn-rating-wrapper
.stars
.cursor-pointer.font-weight-bold::before {
    content: "";
    position: absolute;
    left: 0;

    width: 1px;
    height: 16px;

    background: rgba(55, 63, 76, 0.12);
    border-radius: 10px;
}

/* Yorum adedi */
.product-body .dgn-rating-wrapper .product-reviews > .count {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 32px;
    height: 25px;
    padding: 0 7px;

    color: #d96d00;
    background: rgba(255, 158, 10, 0.1);
    border: 1px solid rgba(255, 158, 10, 0.16);
    border-radius: 8px;

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

/* Klavye erişilebilirliği */
.product-body .dgn-rating-wrapper .product-reviews:focus-visible {
    outline: 3px solid rgba(255, 158, 10, 0.2);
    outline-offset: 2px;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    .product-body .dgn-brand-row {
        gap: 10px !important;
    }

    .product-body .dgn-rating-wrapper .product-reviews {
        min-height: 44px;
        gap: 7px;
        padding: 6px 9px;
        border-radius: 11px;
    }

    .product-body .dgn-rating-wrapper .stars {
        gap: 1px;
    }

    .product-body .dgn-rating-wrapper .stars .star {
        font-size: 11px;
    }

    .product-body
    .dgn-rating-wrapper
    .stars
    .cursor-pointer.font-weight-bold {
        margin-left: 4px;
        padding-left: 6px;
        font-size: 10px;
    }

    .product-body .dgn-rating-wrapper .product-reviews > .count {
        min-width: 29px;
        height: 23px;
        padding: 0 6px;
        font-size: 9px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 767px) {

    .product-body .dgn-rating-wrapper {
        width: 100%;
        margin-left: 0 !important;
    }

    .product-body .dgn-rating-wrapper .product-reviews {
        width: 100%;
        min-height: 46px;

        justify-content: flex-start;
        gap: 8px;
        padding: 7px 10px;

        border-radius: 11px;
    }

    .product-body .dgn-rating-wrapper .stars {
        flex: 1 1 auto;
        justify-content: flex-start;
        min-width: 0;
    }

    .product-body .dgn-rating-wrapper .stars .star {
        font-size: 12px;
    }

    .product-body
    .dgn-rating-wrapper
    .stars
    .cursor-pointer.font-weight-bold {
        margin-left: 5px;
        padding-left: 7px;
        font-size: 10px;
    }

    .product-body .dgn-rating-wrapper .product-reviews > .count {
        flex: 0 0 auto;
        min-width: 34px;
        height: 25px;
        font-size: 10px;
    }
}


/* Çok dar telefonlar */
@media (max-width: 374px) {

    .product-body .dgn-rating-wrapper .product-reviews {
        gap: 5px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .product-body .dgn-rating-wrapper .stars .star {
        font-size: 10px;
    }

    .product-body
    .dgn-rating-wrapper
    .stars
    .cursor-pointer.font-weight-bold {
        margin-left: 4px;
        padding-left: 5px;
        font-size: 9px;
    }

    .product-body .dgn-rating-wrapper .product-reviews > .count {
        min-width: 30px;
        padding: 0 5px;
        font-size: 9px;
    }
}


/* =========================================================
   DGN SMART PRODUCT VIDEO
   Açıklamadaki videoyu galeri CTA'sına taşır
========================================================= */

.dgn-smart-video-cta {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 11px;

    width: auto;
    min-width: 190px;
    max-width: 240px;
    min-height: 64px;

    padding: 9px 13px 9px 9px;

    color: #151922;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,248,239,.98) 100%
        );

    border: 2px solid #ff8a00;
    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(25, 35, 55, .16),
        0 5px 16px rgba(255, 122, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .95);

    cursor: pointer;
    overflow: hidden;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.dgn-smart-video-cta::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -30px;

    width: 105px;
    height: 105px;

    background: radial-gradient(
        circle,
        rgba(255, 143, 0, .24) 0%,
        rgba(255, 143, 0, 0) 70%
    );

    pointer-events: none;
}

.dgn-smart-video-cta::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255,255,255,.55) 45%,
            transparent 70%
        );

    transform: translateX(-130%);
    pointer-events: none;
}

.dgn-smart-video-cta:hover {
    transform: translateY(-3px);
    border-color: #ff5a00;

    box-shadow:
        0 16px 36px rgba(25, 35, 55, .19),
        0 8px 22px rgba(255, 91, 0, .28);
}

.dgn-smart-video-cta:hover::after {
    animation: dgnVideoShine .75s ease;
}

/* Play bölümü */
.dgn-smart-video-icon {
    position: relative;
    z-index: 2;

    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    color: #fff;
    background:
        linear-gradient(135deg, #171b25 0%, #303745 100%);

    border: 3px solid #fff;
    border-radius: 14px;

    box-shadow:
        0 7px 16px rgba(16, 22, 34, .25),
        0 0 0 2px rgba(255, 138, 0, .2);

    transition:
        transform .22s ease,
        background .22s ease;
}

.dgn-smart-video-icon i {
    margin-left: 2px;
    font-size: 17px;
}

.dgn-smart-video-cta:hover .dgn-smart-video-icon {
    transform: scale(1.08) rotate(-2deg);
    background:
        linear-gradient(135deg, #ff7a00 0%, #ff3d00 100%);
}

/* Yazılar */
.dgn-smart-video-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
    line-height: 1.15;
}

.dgn-smart-video-badge {
    display: inline-flex;
    align-items: center;

    margin-bottom: 3px;
    padding: 3px 6px;

    color: #fff;
    background: linear-gradient(135deg, #ff8a00, #ff4d00);
    border-radius: 999px;

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .55px;
    line-height: 1;
}

.dgn-smart-video-title {
    color: #151922;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
}

.dgn-smart-video-subtitle {
    margin-top: 3px;

    color: #747b88;
    font-size: 9px;
    font-weight: 600;
}

/* Sağ ok */
.dgn-smart-video-arrow {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;
    margin-left: auto;

    color: #ff6a00;
    background: rgba(255, 106, 0, .09);
    border-radius: 50%;

    font-size: 9px;

    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease;
}

.dgn-smart-video-cta:hover .dgn-smart-video-arrow {
    transform: translateX(3px);
    color: #fff;
    background: #ff6a00;
}

/* Sayfa açıldığında yalnızca bir kez dikkat çeksin */
.dgn-smart-video-cta.dgn-video-attention {
    animation: dgnVideoAttention 1.15s ease 1.4s 1 both;
}

@keyframes dgnVideoAttention {
    0% {
        transform: translateY(0) scale(1);
    }

    35% {
        transform: translateY(-4px) scale(1.025);
        box-shadow:
            0 18px 40px rgba(25, 35, 55, .20),
            0 0 0 7px rgba(255, 122, 0, .11);
    }

    70% {
        transform: translateY(0) scale(.99);
    }

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

@keyframes dgnVideoShine {
    from {
        transform: translateX(-130%);
    }

    to {
        transform: translateX(130%);
    }
}


/* =========================================================
   VIDEO MODAL
========================================================= */

.dgn-video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 22px;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.dgn-video-modal.is-active {
    opacity: 1;
    visibility: visible;
}

.dgn-video-modal-backdrop {
    position: absolute;
    inset: 0;

    background: rgba(10, 15, 25, .82);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.dgn-video-modal-dialog {
    position: relative;
    z-index: 9999;

    width: min(920px, 94vw);

    padding: 10px;

    background: #fff;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 22px;

    box-shadow:
        0 30px 80px rgba(0, 0, 0, .42);

    transform: translateY(18px) scale(.97);

    transition: transform .25s ease;
}

.dgn-video-modal.is-active .dgn-video-modal-dialog {
    transform: translateY(0) scale(1);
}

.dgn-video-modal-frame {
    position: relative;

    width: 100%;
    padding-top: 56.25%;

    overflow: hidden;
    background: #090d14;
    border-radius: 15px;
}

.dgn-video-modal-frame iframe,
.dgn-video-modal-frame video {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.dgn-video-modal-close {
    position: absolute;
    top: -13px;
    right: -13px;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    color: #fff;
    background: linear-gradient(135deg, #ff3131, #ff7400);
    border: 4px solid #fff;
    border-radius: 50%;

    font-size: 15px;
    cursor: pointer;

    box-shadow: 0 8px 22px rgba(255, 61, 0, .35);

    transition: transform .2s ease;
}

.dgn-video-modal-close:hover {
    transform: rotate(8deg) scale(1.07);
}

body.dgn-video-modal-open {
    overflow: hidden !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    .dgn-smart-video-cta {
        left: 14px;
        bottom: 14px;

        min-width: 174px;
        min-height: 58px;

        padding: 8px 10px 8px 8px;
        gap: 8px;

        border-radius: 15px;
    }

    .dgn-smart-video-icon {
        flex-basis: 41px;
        width: 41px;
        height: 41px;
        border-radius: 12px;
    }

    .dgn-smart-video-title {
        font-size: 11px;
    }

    .dgn-smart-video-subtitle {
        font-size: 8px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 767px) {

    .dgn-smart-video-cta {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;

        width: 100%;
        max-width: none;
        min-height: 60px;

        margin-top: 10px;
        padding: 8px 11px 8px 8px;

        border-width: 1.5px;
        border-radius: 14px;
    }

    .dgn-smart-video-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 12px;
    }

    .dgn-smart-video-title {
        font-size: 12px;
    }

    .dgn-smart-video-subtitle {
        font-size: 9px;
    }

    .dgn-video-modal {
        padding: 12px;
    }

    .dgn-video-modal-dialog {
        width: 100%;
        padding: 6px;
        border-radius: 16px;
    }

    .dgn-video-modal-frame {
        border-radius: 11px;
    }

    .dgn-video-modal-close {
        top: -10px;
        right: -8px;

        width: 37px;
        height: 37px;

        border-width: 3px;
        font-size: 13px;
    }
}


/* Hareket azaltma ayarı */
@media (prefers-reduced-motion: reduce) {

    .dgn-smart-video-cta,
    .dgn-smart-video-cta::after,
    .dgn-smart-video-icon,
    .dgn-smart-video-arrow,
    .dgn-video-modal,
    .dgn-video-modal-dialog {
        animation: none !important;
        transition: none !important;
    }
}
.card-product .image .video,
.card-product .card-plybtn,
.card-product .dgn-card-video-badge {
    display: none !important;
}


/* DOĞAN OYUNCAK — PREMIUM ÜRÜN KARTI V5 */
.dgn-v5-card{position:relative;height:100%;border:1px solid #e5e8ee;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(26,39,55,.08);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.dgn-v5-card:hover{transform:translateY(-5px);border-color:#d8dde5;box-shadow:0 18px 40px rgba(26,39,55,.14)}
.dgn-v5-card__inner{display:flex!important;flex-direction:column;height:100%;padding:5px!important;background:#fff}
.dgn-v5-card__image-wrapper{position:relative;width:100%;aspect-ratio:2/3;margin:0;overflow:hidden;border-radius:13px 13px 10px 10px;background:#fff}
.dgn-v5-card__image-wrapper .dgn-v5-card__image-link,.dgn-v5-card__image-wrapper .image,.dgn-v5-card__image-wrapper .carousel,.dgn-v5-card__image-wrapper .carousel-outer,.dgn-v5-card__image-wrapper .carousel-inner,.dgn-v5-card__image-wrapper .carousel-item{width:100%;height:100%}
.dgn-v5-card__image-wrapper .image{display:flex;align-items:center;justify-content:center}
.dgn-v5-card__image-wrapper img,.dgn-v5-card__image-wrapper .img-auto{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center}
.dgn-v5-card__content{display:flex;flex:1 1 auto;flex-direction:column;padding:11px 10px 0}
.dgn-v5-card__title-link,.dgn-v5-card__reviews-link,.dgn-v5-card__price-link{display:block;color:inherit;text-decoration:none}
.dgn-v5-card__title-link:hover,.dgn-v5-card__reviews-link:hover,.dgn-v5-card__price-link:hover{color:inherit;text-decoration:none}
.dgn-v5-card__title{display:-webkit-box!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0 0 7px!important;overflow:hidden!important;color:#171c25;font-size:17px!important;line-height:24px!important;font-weight:850!important;letter-spacing:-.25px;text-align:left!important;white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical}
.dgn-v5-card__brand{display:-webkit-box;width:100%;min-height:18px;max-height:36px;margin-bottom:8px;overflow:hidden;color:#e33145;font-size:12px;line-height:18px;font-weight:850;letter-spacing:.1px;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dgn-v5-card__meta-row{display:flex;width:100%;min-height:38px;margin-bottom:9px;align-items:stretch;gap:7px}
.dgn-v5-card__reviews-link{flex:1 1 auto;min-width:0}
.dgn-v5-card__reviews{display:flex;width:100%;height:100%;min-height:38px;padding:7px 9px;align-items:center;border:1px solid #e7eaf0;border-radius:11px;background:#fafbfc}
.dgn-v5-card__reviews .product-reviews{display:flex!important;width:100%;margin:0!important;align-items:center;justify-content:space-between;gap:5px;overflow:hidden}
.dgn-v5-card__reviews .stars{display:inline-flex;flex:0 0 auto;gap:1px}.dgn-v5-card__reviews .star{font-size:11px!important}.dgn-v5-card__reviews .count{flex:0 0 auto;color:#717884;font-size:10.5px!important;font-weight:750;white-space:nowrap}
.dgn-v5-card__favorite{display:flex;flex:0 0 40px;width:40px;min-height:38px}
.dgn-v5-card__favorite .product-favourite-kart{position:static!important;inset:auto!important;display:flex!important;width:100%;height:100%;margin:0!important;padding:0!important;align-items:center;justify-content:center;border:1px solid #ffd1dc;border-radius:11px;background:#fff5f8;box-shadow:none!important}
.dgn-v5-card__favorite .add-favorite{display:flex!important;width:100%;height:100%;padding:0!important;align-items:center;justify-content:center;border:0!important;background:transparent!important}
.dgn-v5-card__favorite i{color:#ef3765!important;font-size:18px!important}
.dgn-v5-card__benefit-slider{position:relative;width:100%;height:43px;margin-bottom:10px;overflow:hidden;border:1px solid #caead8;border-radius:11px;background:#f3fff8}
.dgn-v5-card__benefit{position:absolute;inset:0;display:flex;padding:6px 42px 6px 8px;align-items:center;opacity:0;transform:translateY(7px);pointer-events:none;animation-duration:9s;animation-timing-function:ease;animation-iteration-count:infinite}
.dgn-v5-card__benefit--cargo{color:#087a3c;animation-name:dgnV5Cargo}.dgn-v5-card__benefit--installment{color:#175fca;animation-name:dgnV5Installment}.dgn-v5-card__benefit--gift{color:#bb246a;animation-name:dgnV5Gift}
.dgn-v5-card__benefit-icon{display:inline-flex;flex:0 0 28px;width:28px;height:28px;margin-right:8px;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 2px 7px rgba(31,42,55,.07);font-size:12px}
.dgn-v5-card__benefit-text{min-width:0;overflow:hidden;font-size:12px;line-height:16px;font-weight:850;white-space:nowrap;text-overflow:ellipsis}
.dgn-v5-card__benefit-dots{position:absolute;right:9px;bottom:7px;z-index:5;display:flex;gap:4px}.dgn-v5-card__benefit-dots i{width:5px;height:5px;border-radius:50%;background:#159253;opacity:.25}.dgn-v5-card__benefit-dots i:nth-child(1){animation:dgnV5Dot1 9s infinite}.dgn-v5-card__benefit-dots i:nth-child(2){animation:dgnV5Dot2 9s infinite}.dgn-v5-card__benefit-dots i:nth-child(3){animation:dgnV5Dot3 9s infinite}
@keyframes dgnV5Cargo{0%,29%{opacity:1;transform:translateY(0)}32%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes dgnV5Installment{0%,31%{opacity:0;transform:translateY(7px)}34%,62%{opacity:1;transform:translateY(0)}65%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes dgnV5Gift{0%,64%{opacity:0;transform:translateY(7px)}67%,96%{opacity:1;transform:translateY(0)}99%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes dgnV5Dot1{0%,31%{opacity:1}34%,100%{opacity:.25}}@keyframes dgnV5Dot2{0%,32%{opacity:.25}34%,64%{opacity:1}67%,100%{opacity:.25}}@keyframes dgnV5Dot3{0%,65%{opacity:.25}67%,100%{opacity:1}}
.dgn-v5-card__secondary{min-height:0!important;margin:0!important}.dgn-v5-card__price-link{margin-top:auto}
.dgn-v5-card__price{display:flex!important;min-height:58px;margin:0 0 10px!important;padding:7px 8px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;background:#fff}
.dgn-v5-card__price .prices{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center}.dgn-v5-card__price .list-price{margin-bottom:1px;color:#9499a2;font-size:10.5px;line-height:13px;font-weight:550;text-decoration:line-through}.dgn-v5-card__price .sale-price{color:#151922;font-size:19px!important;line-height:23px;font-weight:900;letter-spacing:-.3px}
.dgn-v5-card--discounted .dgn-v5-card__price{justify-content:flex-start;border-color:#ffdce2;background:linear-gradient(135deg,#fff5f7 0%,#fff 75%)}.dgn-v5-card--discounted .dgn-v5-card__price .prices{align-items:flex-start}.dgn-v5-card__price .discount{display:inline-flex!important;flex:0 0 auto;min-width:43px;height:32px;padding:0 7px;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:#e92d43;box-shadow:none!important;font-size:10.5px;line-height:1;font-weight:900}.dgn-v5-card--discounted .dgn-v5-card__price .sale-price{color:#df233a}.dgn-v5-card__basket-price{margin:-4px 0 10px}
.dgn-v5-card__cart-row{width:100%;padding:0 10px 10px}.dgn-v5-card__cart-row .buttons,.dgn-v5-card__cart-row .btn-cart{width:100%}.dgn-v5-card__cart-row .btn-cart{display:flex;min-height:46px;align-items:center;justify-content:center;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#ff334f,#ff8a00);box-shadow:0 8px 18px rgba(255,83,0,.2);font-size:14px;font-weight:850}
.dgn-v5-card:has(.product-label.top-left img[alt*="Çok Satan"]),.dgn-v5-card:has(.product-label.top-left img[title*="Çok Satan"]){border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff9a00,#ff3d18 58%,#ef4db6) border-box;box-shadow:0 14px 32px rgba(255,91,0,.18)}
@media(max-width:767px){.dgn-v5-card__inner{padding:3px!important}.dgn-v5-card__content{padding:8px 6px 0}.dgn-v5-card__title{height:42px!important;min-height:42px!important;max-height:42px!important;margin-bottom:5px!important;font-size:14px!important;line-height:21px!important;-webkit-line-clamp:2!important}.dgn-v5-card__brand{min-height:16px;max-height:32px;margin-bottom:6px;font-size:10.5px;line-height:16px}.dgn-v5-card__meta-row{min-height:34px;margin-bottom:7px;gap:5px}.dgn-v5-card__reviews{min-height:34px;padding:5px 7px;border-radius:9px}.dgn-v5-card__reviews .star{font-size:9px!important}.dgn-v5-card__reviews .count{font-size:9px!important}.dgn-v5-card__favorite{flex-basis:34px;width:34px;min-height:34px}.dgn-v5-card__favorite .product-favourite-kart{border-radius:9px}.dgn-v5-card__favorite i{font-size:16px!important}.dgn-v5-card__benefit-slider{height:36px;margin-bottom:7px;border-radius:9px}.dgn-v5-card__benefit{padding:4px 28px 4px 6px}.dgn-v5-card__benefit-icon{flex-basis:24px;width:24px;height:24px;margin-right:6px;border-radius:7px;font-size:10px}.dgn-v5-card__benefit-text{font-size:9.5px;line-height:12px}.dgn-v5-card__benefit-dots{right:6px;bottom:5px;gap:3px}.dgn-v5-card__benefit-dots i{width:4px;height:4px}.dgn-v5-card__price{min-height:47px;margin-bottom:7px!important;padding:5px 6px;gap:6px;border-radius:9px}.dgn-v5-card__price .discount{min-width:34px;height:26px;padding:0 5px;border-radius:7px;font-size:8.5px}.dgn-v5-card__price .list-price{font-size:8.5px;line-height:10px}.dgn-v5-card__price .sale-price{font-size:15px!important;line-height:18px}.dgn-v5-card__cart-row{padding:0 7px 7px}.dgn-v5-card__cart-row .btn-cart{min-height:40px;border-radius:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.dgn-v5-card__benefit,.dgn-v5-card__benefit-dots i{animation:none!important}.dgn-v5-card__benefit--cargo{opacity:1;transform:none}}

@media (max-width:767px){

.dgn-v5-card__price{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:58px;
    padding:6px 8px;
}

.dgn-v5-card__price .discount{
    flex:0 0 46px;
    width:46px;
    height:46px;
    border-radius:50%;
    font-size:15px;
    font-weight:800;
}

.dgn-v5-card__price .prices{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    line-height:1.15;
}

.dgn-v5-card__price .list-price{
    margin:0;
    font-size:11px;
}

.dgn-v5-card__price .sale-price{
    margin-top:2px;
    font-size:18px!important;
}

}
@media(max-width:767px){

.dgn-v5-card__benefit-slider{
    height:46px;
}

.dgn-v5-card__benefit{
    padding:4px 28px 4px 6px;
    align-items:center;
}

.dgn-v5-card__benefit-text{

    white-space:normal;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

    font-size:9px;

    line-height:11px;

    font-weight:700;

}

}

@media (max-width: 768px) {
    .addons-mobile-menu,
    #dgn-hizli-erisim,
    .dgn-independent-quick-menu,
    .dgn-quick-overlay,
    .mobile-menu-overlay,
    .menu-overlay,
    .overlay {
        display: none !important;
        pointer-events: none !important;
    }
}

/* ==========================================================
   DOĞAN OYUNCAK – FAVORİ / HIZLI ÜYE GİRİŞİ MODALI
   Yalnızca .login-form-modal bulunan popup'ı hedefler.
========================================================== */

/* Modalın genel genişliği */
.modal-dialog:has(.login-form-modal) {
    width: calc(100% - 30px) !important;
    max-width: 470px !important;
    margin: 40px auto !important;
}

/* Ana modal kartı */
.modal-content:has(.login-form-modal) {
    position: relative !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffefe 55%,
            #fff8f5 100%
        ) !important;

    border: 1px solid rgba(255, 49, 49, 0.10) !important;
    border-radius: 26px !important;

    box-shadow:
        0 30px 80px rgba(21, 28, 45, 0.24),
        0 8px 24px rgba(255, 49, 49, 0.08) !important;
}

/* Üst dekoratif renk çizgisi */
.modal-content:has(.login-form-modal)::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            #ff3131 0%,
            #ff4f78 48%,
            #ff8a00 100%
        );

    z-index: 5;
}

/* Modal başlığı */
.modal-content:has(.login-form-modal) .modal-header {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 86px !important;

    margin: 0 !important;
    padding: 25px 28px 18px !important;

    background: transparent !important;
    border: 0 !important;

    box-sizing: border-box !important;
}

/* Başlığın üst küçük yazısı */
.modal-content:has(.login-form-modal) .modal-header::before {
    content: "HESABINIZA HOŞ GELDİNİZ";

    position: absolute;
    left: 28px;
    top: 18px;

    color: #ff425d;

    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1.1px;
}

/* Üye Girişi başlığı */
.modal-content:has(.login-form-modal) .modal-title {
    margin: 12px 45px 0 0 !important;
    padding: 0 !important;

    color: #1f2533 !important;

    font-family: inherit !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.4px !important;
}

/* Başlık alt açıklaması */
.modal-content:has(.login-form-modal) .modal-title::after {
    content: "Favorilerinizi kaydetmek için giriş yapın.";

    display: block;

    margin-top: 7px;

    color: #858b98;

    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
}

/* Kapatma butonu */
.modal-content:has(.login-form-modal) .modal-header .close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute !important;
    top: 19px !important;
    right: 20px !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f5f6fa !important;
    border: 1px solid #e9ebf1 !important;
    border-radius: 13px !important;

    color: #727887 !important;
    opacity: 1 !important;

    box-shadow: none !important;

    transition:
        transform 0.18s ease,
        background 0.18s ease,
        color 0.18s ease !important;
}

.modal-content:has(.login-form-modal) .modal-header .close:hover {
    background: #fff0f2 !important;
    color: #ff344f !important;

    transform: rotate(90deg) !important;
}

.modal-content:has(.login-form-modal) .modal-header .close i {
    margin: 0 !important;

    font-size: 14px !important;
    line-height: 1 !important;
}

/* Modal içeriği */
.modal-content:has(.login-form-modal) .modal-body {
    padding: 5px 28px 28px !important;
}

/* Form */
.modal-content:has(.login-form-modal) .login-form-modal {
    margin: 0 !important;
    padding: 0 !important;
}

/* Etiketler */
.modal-content:has(.login-form-modal) .login-form-modal > label {
    display: block !important;

    margin: 0 0 7px !important;

    color: #343947 !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* Inputlar */
.modal-content:has(.login-form-modal) .login-form-modal .form-control {
    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    background: #f7f8fb !important;

    border: 1px solid #e2e5ec !important;
    border-radius: 15px !important;

    color: #252a37 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease !important;
}

.modal-content:has(.login-form-modal)
.login-form-modal .form-control:hover {
    background: #ffffff !important;
    border-color: #cfd4df !important;
}

.modal-content:has(.login-form-modal)
.login-form-modal .form-control:focus {
    background: #ffffff !important;
    border-color: #ff526c !important;

    box-shadow:
        0 0 0 4px rgba(255, 49, 70, 0.10) !important;
}

/* HTML'deki boşluk elemanları */
.modal-content:has(.login-form-modal)
.login-form-modal .mt-3 {
    height: 17px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Bütün butonların kapsayıcısı */
.modal-content:has(.login-form-modal)
.login-form-modal .buttons {
    display: grid !important;

    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;

    position: relative !important;

    margin-top: 21px !important;
    padding-top: 56px !important;

    color: transparent !important;
    font-size: 0 !important;
}

/* Ana giriş butonu */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-success {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    background:
        linear-gradient(
            135deg,
            #ff3131 0%,
            #ff4f78 55%,
            #ff8700 100%
        ) !important;

    border: 0 !important;
    border-radius: 15px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow:
        0 10px 23px rgba(255, 49, 49, 0.24) !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease !important;
}

.modal-content:has(.login-form-modal)
.login-form-modal .btn-success:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 14px 28px rgba(255, 49, 49, 0.31) !important;
}

/* Facebook ve Google ortak yapı */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-fb-login,

.modal-content:has(.login-form-modal)
.login-form-modal .btn-google-login {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background: #ffffff !important;

    border: 1px solid #e4e7ed !important;
    border-radius: 14px !important;

    color: #353a47 !important;
    text-shadow: none !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;

    box-shadow:
        0 6px 16px rgba(20, 27, 45, 0.05) !important;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

.modal-content:has(.login-form-modal)
.login-form-modal .btn-fb-login:hover,

.modal-content:has(.login-form-modal)
.login-form-modal .btn-google-login:hover {
    transform: translateY(-2px) !important;

    border-color: #ccd1dc !important;

    box-shadow:
        0 10px 22px rgba(20, 27, 45, 0.09) !important;
}

/* Sosyal medya ikon alanı */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-fb-login span,

.modal-content:has(.login-form-modal)
.login-form-modal .btn-google-login span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 27px !important;

    width: 27px !important;
    height: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f5f6f9 !important;
    border-radius: 9px !important;
}

/* Facebook rengi */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-fb-login i {
    margin: 0 !important;
    padding: 0 !important;

    color: #1877f2 !important;

    font-size: 13px !important;
    line-height: 1 !important;
}

/* Google rengi */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-google-login i {
    margin: 0 !important;
    padding: 0 !important;

    color: #db4437 !important;

    font-size: 13px !important;
    line-height: 1 !important;
}

/* Kayıt ol butonu */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-secondary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    grid-column: 1 / -1 !important;

    width: 100% !important;
    height: 46px !important;

    margin: 2px 0 0 !important;
    padding: 0 16px !important;

    background: #eef4ff !important;

    border: 1px solid #dbe7ff !important;
    border-radius: 14px !important;

    color: #1f4f9c !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: none !important;

    transition:
        background 0.18s ease,
        transform 0.18s ease !important;
}

/* Kayıt ol önüne açıklama */
.modal-content:has(.login-form-modal)
.login-form-modal .btn-secondary::before {
    content: "Hesabınız yok mu?";

    margin-right: 5px;

    color: #727a8c;

    font-size: 11.5px;
    font-weight: 600;
}

.modal-content:has(.login-form-modal)
.login-form-modal .btn-secondary:hover {
    background: #e3edff !important;
    color: #143d80 !important;

    transform: translateY(-1px) !important;
}

/* Modal arka planı */
.modal.show:has(.login-form-modal) {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* ==========================================================
   MOBİL
========================================================== */

@media screen and (max-width: 768px) {

    .modal-dialog:has(.login-form-modal) {
        display: flex !important;
        align-items: center !important;

        width: calc(100% - 24px) !important;
        max-width: 430px !important;
        min-height: calc(100% - 24px) !important;

        margin: 12px auto !important;
    }

    .modal-content:has(.login-form-modal) {
        width: 100% !important;

        border-radius: 23px !important;
    }

    .modal-content:has(.login-form-modal) .modal-header {
        min-height: 80px !important;

        padding:
            23px
            21px
            15px !important;
    }

    .modal-content:has(.login-form-modal)
    .modal-header::before {
        left: 21px !important;
        top: 16px !important;

        font-size: 8px !important;
    }

    .modal-content:has(.login-form-modal) .modal-title {
        margin-top: 11px !important;

        font-size: 20px !important;
    }

    .modal-content:has(.login-form-modal)
    .modal-title::after {
        font-size: 10.5px !important;
    }

    .modal-content:has(.login-form-modal)
    .modal-header .close {
        top: 17px !important;
        right: 16px !important;

        width: 35px !important;
        height: 35px !important;
    }

    .modal-content:has(.login-form-modal) .modal-body {
        padding:
            5px
            21px
            22px !important;
    }

    .modal-content:has(.login-form-modal)
    .login-form-modal .form-control {
        height: 49px !important;

        border-radius: 14px !important;
    }

    .modal-content:has(.login-form-modal)
    .login-form-modal .buttons {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .modal-content:has(.login-form-modal)
    .login-form-modal .btn-success {
        height: 47px !important;
    }

    .modal-content:has(.login-form-modal)
    .login-form-modal .btn-fb-login,

    .modal-content:has(.login-form-modal)
    .login-form-modal .btn-google-login,

    .modal-content:has(.login-form-modal)
    .login-form-modal .btn-secondary {
        height: 44px !important;
    }
}



/* =========================================================
   DOĞAN OYUNCAK - MASAÜSTÜ GÖRSELLİ KATEGORİ MEGA MENÜ
   Mobil alanı etkilemez.
========================================================= */

@media only screen and (min-width: 992px) {

    /* Ana kategori modülü */
    header.desktop .dropdown-category {
        position: relative;
        z-index: 50;
    }

    /*
     * Açılır menü kutusu
     * Eski 380px genişlik burada geçersiz kılınıyor.
     */
    header.desktop .dropdown-category .dgn-desktop-mega-menu {
        display: none;
        position: absolute;
        top: calc(100% + 7px);
        left: 0;
        right: auto;

        width: min(1400px, calc(100vw - 50px));
        min-height: 0;
        max-height: calc(100vh - 225px);

        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;

        background: #ffffff;
        border: 1px solid #ececf2;
        border-radius: 20px;

        box-shadow:
            0 25px 70px rgba(18, 30, 60, 0.18),
            0 4px 18px rgba(18, 30, 60, 0.08);

        z-index: 999;
    }

    header.desktop .dropdown-category:hover .dgn-desktop-mega-menu,
    header.desktop .dropdown-category:focus-within .dgn-desktop-mega-menu,
    header.desktop .dgn-desktop-mega-menu:hover {
        display: block;
    }

    /*
     * Buton ile mega menü arasındaki hover boşluğunu kapatır.
     */
    header.desktop .dgn-desktop-mega-menu::before {
        content: "";
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        height: 15px;
    }

    header.desktop .dgn-mega-menu-inner {
        width: 100%;
        padding: 28px 26px 30px;
    }


    /* =====================================================
       ÜST ANA KATEGORİ KARTLARI
    ===================================================== */

    header.desktop .dgn-mega-main-categories {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
        gap: 14px;
        width: 100%;
    }

    header.desktop .dgn-mega-main-card {
        position: relative;
        min-width: 0;
        padding: 10px 8px 14px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;

        color: #23252b;
        text-align: center;
        text-decoration: none;

        border: 1px solid transparent;
        border-radius: 17px;
        background: transparent;

        transition:
            transform 0.22s ease,
            background-color 0.22s ease,
            border-color 0.22s ease,
            box-shadow 0.22s ease;
    }

    header.desktop .dgn-mega-main-card:hover,
    header.desktop .dgn-mega-main-card.is-active {
        color: #ef3338;
        background: #fff7f7;
        border-color: rgba(239, 51, 56, 0.16);

        box-shadow:
            0 9px 23px rgba(239, 51, 56, 0.09);

        transform: translateY(-3px);
    }

    header.desktop .dgn-mega-main-image {
        width: 100%;
        height: 98px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 11px;
        overflow: hidden;

        background:
            linear-gradient(
                145deg,
                #fff3f4 0%,
                #f7f7ff 100%
            );

        border-radius: 14px;
    }

    /*
     * Eski menüdeki 26.5px resim kuralını ezer.
     */
    header.desktop .dgn-mega-main-card .dgn-mega-main-image img {
        width: 78px !important;
        height: 78px !important;
        max-width: 78px !important;
        max-height: 78px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: block;
        object-fit: contain;

        background: transparent !important;
        border-radius: 12px;
        transition: transform 0.25s ease;
    }

    header.desktop .dgn-mega-main-card:hover .dgn-mega-main-image img,
    header.desktop .dgn-mega-main-card.is-active .dgn-mega-main-image img {
        transform: scale(1.07);
    }

    header.desktop .dgn-mega-main-image > i {
        font-size: 39px;
        color: #ef3338;
    }

    header.desktop .dgn-mega-main-name {
        width: 100%;
        min-height: 38px;

        display: flex;
        align-items: flex-start;
        justify-content: center;

        color: inherit;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.35;

        overflow-wrap: anywhere;
    }

    header.desktop .dgn-mega-all-card .dgn-mega-main-image {
        background:
            linear-gradient(
                135deg,
                #fff1f2,
                #ffe5e7
            );
    }


    /* =====================================================
       ALT KATEGORİ PANELİ
    ===================================================== */

    header.desktop .dgn-mega-panels {
        position: relative;
        margin-top: 25px;
        padding-top: 22px;
        border-top: 1px solid #eeeeF3;
    }

    header.desktop .dgn-mega-panel {
        display: none;
        width: 100%;
        animation: dgnMegaPanelOpen 0.2s ease;
    }

    header.desktop .dgn-mega-panel.is-active {
        display: block;
    }

    @keyframes dgnMegaPanelOpen {
        from {
            opacity: 0;
            transform: translateY(5px);
        }

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


    /* Tüm ürünleri gör başlığı */
    header.desktop .dgn-mega-panel-header {
        position: relative;
        margin-bottom: 24px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    header.desktop .dgn-mega-panel-header::before,
    header.desktop .dgn-mega-panel-header::after {
        content: "";
        flex: 1;
        height: 1px;
        max-width: 220px;
        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(239, 51, 56, 0.55)
            );
    }

    header.desktop .dgn-mega-panel-header::after {
        background:
            linear-gradient(
                90deg,
                rgba(239, 51, 56, 0.55),
                transparent
            );
    }

    header.desktop .dgn-mega-show-all {
        min-height: 42px;
        margin: 0 18px;
        padding: 9px 18px;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;

        color: #24262c;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.2;
        text-decoration: none;

        border-radius: 999px;
        transition:
            color 0.2s ease,
            background-color 0.2s ease,
            transform 0.2s ease;
    }

    header.desktop .dgn-mega-show-all:hover {
        color: #ef3338;
        background: #fff4f5;
        transform: translateY(-1px);
    }

    header.desktop .dgn-mega-show-all-icon {
        width: 25px;
        height: 25px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        color: #ef3338;
        background: #fff0b9;
        border-radius: 50%;
        font-size: 11px;
    }

    header.desktop .dgn-mega-show-all > i:last-child {
        color: #ef3338;
        font-size: 13px;
    }


    /* Alt kategoriler */
  /* =========================================================
   DOĞAN OYUNCAK - 3 SEVİYELİ BÜYÜK MEGA MENÜ
========================================================= */

@media only screen and (min-width: 992px) {

    header.desktop .dropdown-category .dgn-desktop-mega-menu {
        width: min(1550px, calc(100vw - 35px)) !important;
        max-height: calc(100vh - 175px) !important;
        overflow-y: auto !important;
    }

    header.desktop .dgn-mega-menu-inner {
        padding: 28px 32px 36px !important;
    }

    header.desktop .dgn-mega-category-groups {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: start;
        width: 100%;
    }

    header.desktop .dgn-mega-category-group {
        min-height: 210px;
        padding: 17px 22px 21px;
        border-right: 1px solid #ececf2;
        border-bottom: 1px solid #ececf2;
    }

    header.desktop .dgn-mega-category-group:nth-child(5n) {
        border-right: 0;
    }

    header.desktop .dgn-mega-group-title {
        display: flex;
        align-items: flex-start;
        gap: 10px;

        min-height: 42px;
        margin-bottom: 10px;

        color: #202229;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.4;
        text-decoration: none;

        transition:
            color 0.18s ease,
            transform 0.18s ease;
    }

    header.desktop .dgn-mega-group-title:hover {
        color: #ef3338;
        transform: translateX(2px);
    }

    header.desktop .dgn-mega-group-icon {
        width: 23px;
        height: 23px;
        flex: 0 0 23px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        margin-top: 1px;

        color: #ef3338;
        font-size: 9px;

        background: #fff0f1;
        border-radius: 50%;
    }

    header.desktop .dgn-mega-third-level {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1px;
    }

    header.desktop .dgn-mega-third-link {
        position: relative;
        width: 100%;

        padding: 6px 7px 6px 16px;

        color: #555962;
        font-size: 13.5px;
        font-weight: 500;
        line-height: 1.4;
        text-decoration: none;

        border-radius: 7px;

        transition:
            color 0.18s ease,
            background-color 0.18s ease,
            padding-left 0.18s ease;
    }

    header.desktop .dgn-mega-third-link::before {
        content: "";
        position: absolute;
        left: 5px;
        top: 50%;

        width: 4px;
        height: 4px;

        background: #ef3338;
        border-radius: 50%;

        transform: translateY(-50%);
    }

    header.desktop .dgn-mega-third-link:hover {
        color: #ef3338;
        background: #fff6f7;
        padding-left: 20px;
    }

    header.desktop .dgn-mega-third-all {
        margin-top: 5px;
        color: #ef3338;
        font-size: 12.5px;
        font-weight: 700;
    }

    header.desktop .dgn-mega-third-all::before {
        display: none;
    }

    header.desktop .dgn-mega-third-all i {
        margin-left: 5px;
        font-size: 9px;
    }

    header.desktop .dgn-mega-third-single {
        color: #ef3338;
        font-size: 12.5px;
        font-weight: 700;
    }

    header.desktop .dgn-mega-third-single::before {
        display: none;
    }

    header.desktop .dgn-mega-third-single i {
        margin-left: 5px;
        font-size: 9px;
    }

    @media only screen and (max-width: 1350px) {

        header.desktop .dgn-mega-category-groups {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        header.desktop .dgn-mega-category-group:nth-child(5n) {
            border-right: 1px solid #ececf2;
        }

        header.desktop .dgn-mega-category-group:nth-child(4n) {
            border-right: 0;
        }
    }

}


/* ============================================================
   DOĞAN OYUNCAK — TAM EKRAN 3 SEVİYELİ MEGA MENÜ
   Yalnızca masaüstünde çalışır
============================================================ */

@media only screen and (min-width: 992px) {

    /* --------------------------------------------------------
       MENÜNÜN DIŞ KUTUSU
    --------------------------------------------------------- */

    header.desktop .dropdown-category {
        position: static !important;
    }

    header.desktop .dropdown-category .dgn-desktop-mega-menu {
        position: fixed !important;

        top: 214px !important;
        left: 50% !important;
        right: auto !important;

        width: calc(100vw - 32px) !important;
        max-width: 1580px !important;

        height: calc(100vh - 230px) !important;
        max-height: none !important;
        min-height: 500px;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #ffffff;
        border: 1px solid #ececf2;
        border-radius: 18px;

        box-shadow:
            0 20px 60px rgba(30, 37, 56, 0.20),
            0 4px 15px rgba(30, 37, 56, 0.08);

        transform: translateX(-50%) !important;
        z-index: 99999 !important;
    }


    /* --------------------------------------------------------
       ANA İÇ YAPI
    --------------------------------------------------------- */

    header.desktop .dgn-mega-menu-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100%;
        height: 100%;

        padding: 0 !important;
        overflow: hidden !important;
    }


    /* --------------------------------------------------------
       ÜST ANA KATEGORİ KARTLARI
       Bu alan sabit kalır, aşağıdaki içerik kayar
    --------------------------------------------------------- */

    header.desktop .dgn-mega-main-categories {
        position: relative;
        z-index: 20;

        display: grid !important;
        grid-template-columns: repeat(8, minmax(115px, 1fr));
        gap: 12px;

        flex: 0 0 auto;

        width: 100%;
        padding: 16px 20px 15px !important;
        margin: 0 !important;

        overflow-x: auto;
        overflow-y: hidden;

        background: #ffffff;
        border-bottom: 1px solid #ececf2;

        scrollbar-width: thin;
        scrollbar-color: #d9dbe5 transparent;
    }

    header.desktop .dgn-mega-main-categories::-webkit-scrollbar {
        height: 5px;
    }

    header.desktop .dgn-mega-main-categories::-webkit-scrollbar-track {
        background: transparent;
    }

    header.desktop .dgn-mega-main-categories::-webkit-scrollbar-thumb {
        background: #d9dbe5;
        border-radius: 20px;
    }


    /* --------------------------------------------------------
       ANA KATEGORİ KARTI
    --------------------------------------------------------- */

    header.desktop .dgn-mega-main-card {
        position: relative;

        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;

        min-width: 0;
        height: 118px;

        padding: 10px 8px !important;

        color: #242730;
        text-align: center;
        text-decoration: none !important;

        background: #fbf8fb;
        border: 1px solid transparent;
        border-radius: 14px;

        transition:
            transform 0.18s ease,
            border-color 0.18s ease,
            background-color 0.18s ease,
            box-shadow 0.18s ease;
    }

    header.desktop .dgn-mega-main-card:hover {
        color: #ef3338;
        background: #fff8f8;
        border-color: #ffd5d7;

        box-shadow: 0 7px 20px rgba(238, 51, 56, 0.09);

        transform: translateY(-2px);
    }

    header.desktop .dgn-mega-main-card.is-active {
        color: #ef3338;
        background: #fff7f7;
        border-color: #ffbfc2;

        box-shadow:
            inset 0 0 0 1px rgba(239, 51, 56, 0.05),
            0 7px 22px rgba(239, 51, 56, 0.09);
    }

    header.desktop .dgn-mega-main-card.is-active::after {
        content: "";

        position: absolute;
        right: 18px;
        bottom: -1px;
        left: 18px;

        height: 3px;

        background: #ef3338;
        border-radius: 4px 4px 0 0;
    }

    header.desktop .dgn-mega-main-image {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 62px !important;
        height: 62px !important;

        overflow: hidden;

        background: #ffffff;
        border-radius: 13px;
    }

    header.desktop .dgn-mega-main-image img {
        display: block;

        width: 100% !important;
        height: 100% !important;

        object-fit: contain;
    }

    header.desktop .dgn-mega-main-image i {
        color: #ef3338;
        font-size: 28px;
    }

    header.desktop .dgn-mega-main-name {
        display: block;

        width: 100%;

        overflow: hidden;

        font-size: 13px;
        font-weight: 750;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* --------------------------------------------------------
       PANEL ALANI
       Yalnızca burası kaydırılır
    --------------------------------------------------------- */

    header.desktop .dgn-mega-panels {
        position: relative;

        flex: 1 1 auto;

        width: 100%;
        min-height: 0;

        overflow: hidden !important;

        background: #ffffff;
    }

    header.desktop .dgn-mega-panel {
        display: none !important;

        width: 100%;
        height: 100%;

        padding: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain;

        scrollbar-width: thin;
        scrollbar-color: #cfd2dc transparent;
    }

    header.desktop .dgn-mega-panel.is-active {
        display: block !important;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar {
        width: 7px;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar-track {
        background: transparent;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar-thumb {
        background: #cfd2dc;
        border: 2px solid #ffffff;
        border-radius: 20px;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar-thumb:hover {
        background: #afb4c1;
    }


    /* --------------------------------------------------------
       KATEGORİ BAŞLIĞI
       İçerik kayarken yukarıda sabit durur
    --------------------------------------------------------- */

    header.desktop .dgn-mega-panel-header {
        position: sticky;
        top: 0;
        z-index: 15;

        display: flex;
        align-items: center;
        justify-content: center;

        min-height: 67px;
        padding: 12px 24px;

        background: rgba(255, 255, 255, 0.97);
        border-bottom: 1px solid #f0f0f4;

        backdrop-filter: blur(12px);
    }

    header.desktop .dgn-mega-show-all {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px;

        min-width: 300px;

        padding: 10px 22px;

        color: #20232b !important;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.3;
        text-decoration: none !important;

        background: #ffffff;
        border-radius: 30px;

        transition:
            color 0.18s ease,
            background-color 0.18s ease;
    }

    header.desktop .dgn-mega-show-all::before,
    header.desktop .dgn-mega-show-all::after {
        content: "";

        width: clamp(60px, 10vw, 190px);
        height: 1px;

        background: linear-gradient(
            to right,
            transparent,
            #ffb5b8
        );
    }

    header.desktop .dgn-mega-show-all::after {
        background: linear-gradient(
            to left,
            transparent,
            #ffb5b8
        );
    }

    header.desktop .dgn-mega-show-all:hover {
        color: #ef3338 !important;
        background: #fff8f8;
    }

    header.desktop .dgn-mega-show-all-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 24px;
        height: 24px;
        flex: 0 0 24px;

        color: #ef3338;

        background: #fff0bf;
        border-radius: 50%;
    }

    header.desktop .dgn-mega-show-all > i:last-child {
        color: #ef3338;
        font-size: 11px;
    }


    /* --------------------------------------------------------
       KATEGORİ GRID YAPISI
    --------------------------------------------------------- */

    header.desktop .dgn-mega-category-groups {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: start;

        width: 100%;

        padding: 4px 20px 30px;

        column-gap: 0;
        row-gap: 0;

        background: #ffffff;
    }

    header.desktop .dgn-mega-category-group {
        position: relative;

        min-width: 0;
        min-height: 0 !important;

        padding: 18px 21px 22px !important;

        border-right: 1px solid #eceef3;
        border-bottom: 1px solid #eceef3;

        break-inside: avoid;
    }

    header.desktop .dgn-mega-category-group:nth-child(5n) {
        border-right-color: transparent;
    }


    /* --------------------------------------------------------
       İKİNCİ SEVİYE KATEGORİ BAŞLIĞI
    --------------------------------------------------------- */

    header.desktop .dgn-mega-group-title {
        display: flex !important;
        align-items: flex-start;
        gap: 10px;

        width: 100%;
        min-height: 30px;

        margin: 0 0 9px;
        padding: 0;

        color: #1e2128 !important;
        font-size: 14px;
        font-weight: 850;
        line-height: 1.4;
        text-decoration: none !important;

        transition:
            color 0.18s ease,
            transform 0.18s ease;
    }

    header.desktop .dgn-mega-group-title:hover {
        color: #ef3338 !important;
        transform: translateX(2px);
    }

    header.desktop .dgn-mega-group-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 20px;
        height: 20px;
        flex: 0 0 20px;

        margin-top: 0;

        color: #ef3338;
        font-size: 8px;

        background: #fff0f1;
        border-radius: 50%;
    }


    /* --------------------------------------------------------
       ÜÇÜNCÜ SEVİYE KATEGORİLER
    --------------------------------------------------------- */

    header.desktop .dgn-mega-third-level {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 1px;

        padding-left: 1px;
    }

    header.desktop .dgn-mega-third-link {
        position: relative;

        display: block !important;

        width: 100%;
        min-width: 0;

        padding: 5px 8px 5px 15px !important;

        overflow: hidden;

        color: #585c66 !important;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.35;
        text-decoration: none !important;
        text-overflow: ellipsis;
        white-space: nowrap;

        border-radius: 7px;

        transition:
            color 0.16s ease,
            background-color 0.16s ease,
            padding-left 0.16s ease;
    }

    header.desktop .dgn-mega-third-link::before {
        content: "";

        position: absolute;
        top: 50%;
        left: 5px;

        width: 4px;
        height: 4px;

        background: #ef3338;
        border-radius: 50%;

        transform: translateY(-50%);
    }

    header.desktop .dgn-mega-third-link:hover {
        padding-left: 19px !important;

        color: #ef3338 !important;
        background: #fff4f5;
    }

    header.desktop .dgn-mega-third-all,
    header.desktop .dgn-mega-third-single {
        display: inline-flex !important;
        align-items: center;
        gap: 5px;

        width: auto;
        max-width: 100%;

        margin-top: 6px;
        padding-left: 8px !important;

        color: #ef3338 !important;
        font-size: 12px;
        font-weight: 750;
    }

    header.desktop .dgn-mega-third-all::before,
    header.desktop .dgn-mega-third-single::before {
        display: none;
    }

    header.desktop .dgn-mega-third-all:hover,
    header.desktop .dgn-mega-third-single:hover {
        padding-left: 11px !important;
    }


    /* --------------------------------------------------------
       ALT KATEGORİSİ OLMAYAN ANA KATEGORİ
    --------------------------------------------------------- */

    header.desktop .dgn-mega-empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        min-height: 330px;
        padding: 40px;

        color: #646873;
        text-align: center;
    }

    header.desktop .dgn-mega-empty > i {
        margin-bottom: 15px;

        color: #ef3338;
        font-size: 38px;
    }

    header.desktop .dgn-mega-empty a {
        margin-top: 15px;
        padding: 10px 20px;

        color: #ffffff;
        font-weight: 700;
        text-decoration: none;

        background: #ef3338;
        border-radius: 25px;
    }


    /* --------------------------------------------------------
       ORTA BOY MASAÜSTÜ
    --------------------------------------------------------- */

    @media only screen and (max-width: 1400px) {

        header.desktop .dropdown-category .dgn-desktop-mega-menu {
            top: 205px !important;

            width: calc(100vw - 24px) !important;
            height: calc(100vh - 220px) !important;
        }

        header.desktop .dgn-mega-main-categories {
            grid-template-columns: repeat(8, minmax(105px, 1fr));
        }

        header.desktop .dgn-mega-category-groups {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        header.desktop .dgn-mega-category-group:nth-child(5n) {
            border-right-color: #eceef3;
        }

        header.desktop .dgn-mega-category-group:nth-child(4n) {
            border-right-color: transparent;
        }
    }


    /* --------------------------------------------------------
       KÜÇÜK MASAÜSTÜ / LAPTOP
    --------------------------------------------------------- */

    @media only screen and (max-width: 1180px) {

        header.desktop .dgn-mega-main-categories {
            grid-template-columns: repeat(8, 120px);
        }

        header.desktop .dgn-mega-category-groups {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        header.desktop .dgn-mega-category-group:nth-child(4n) {
            border-right-color: #eceef3;
        }

        header.desktop .dgn-mega-category-group:nth-child(3n) {
            border-right-color: transparent;
        }
    }

}


    /* Alt kategorisi olmayan kategori */
    header.desktop .dgn-mega-empty {
        min-height: 115px;
        padding: 25px;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 13px;

        color: #666a73;
        font-size: 14px;

        background: #fafafd;
        border: 1px dashed #ddddE6;
        border-radius: 15px;
    }

    header.desktop .dgn-mega-empty > i {
        color: #ef3338;
        font-size: 25px;
    }

    header.desktop .dgn-mega-empty a {
        padding: 8px 14px;

        color: #ffffff;
        font-weight: 700;
        text-decoration: none;

        background: #ef3338;
        border-radius: 999px;
    }


    /* =====================================================
       EKRAN BOYUTU UYUMLARI
    ===================================================== */

    @media only screen and (max-width: 1250px) {

        header.desktop .dropdown-category .dgn-desktop-mega-menu {
            width: calc(100vw - 35px);
        }

        header.desktop .dgn-mega-main-categories {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }

        header.desktop .dgn-mega-subcategories {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        header.desktop .dgn-mega-subcategory:nth-child(5n) {
            border-right: 1px solid #eeeeF3;
        }

        header.desktop .dgn-mega-subcategory:nth-child(4n) {
            border-right: 0;
        }

    }

}
/* =========================================================
   DOĞAN OYUNCAK - MEGA MENÜ SON TASARIM DÜZELTMELERİ
========================================================= */

@media only screen and (min-width: 992px) {

    /* Menü üstteki butonlara binmesin */
    /*
     * Menü ile üst buton arasında güvenli boşluk.
     * Hover kopmasını da engeller.
     */
    header.desktop .dropdown-category .dgn-desktop-mega-menu::before {
        content: "";
        position: absolute;
        left: 0;
        top: -18px;
        width: 100%;
        height: 18px;
    }

    /* Menü iç boşlukları */
    header.desktop .dgn-mega-menu-inner {
        padding: 24px 28px 28px !important;
    }

    /* Ana kategori alanı */
    header.desktop .dgn-mega-main-categories {
        gap: 12px !important;
    }

    /* Ana kategori kartları */
    header.desktop .dgn-mega-main-card {
        padding: 12px 8px 15px !important;
        border-radius: 16px !important;
    }

    /* Ana kategori görsel alanı */
    header.desktop .dgn-mega-main-image {
        height: 94px !important;
        margin-bottom: 10px !important;
    }

    header.desktop .dgn-mega-main-card .dgn-mega-main-image img {
        width: 72px !important;
        height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }

    /* Ana kategori isimlerini büyüt */
    header.desktop .dgn-mega-main-name {
        min-height: 42px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #222 !important;
    }

    header.desktop .dgn-mega-main-card:hover .dgn-mega-main-name,
    header.desktop .dgn-mega-main-card.is-active .dgn-mega-main-name {
        color: #ef3338 !important;
    }

    /* Alt bölüm üst boşluğu */
    header.desktop .dgn-mega-panels {
        margin-top: 20px !important;
        padding-top: 20px !important;
    }

    /* Kategori başlığı */
    header.desktop .dgn-mega-show-all {
        font-size: 17px !important;
        font-weight: 800 !important;
        letter-spacing: -0.15px;
    }

    /* Alt kategoriler */
    header.desktop .dgn-mega-subcategory {
        min-height: 48px !important;
        padding: 10px 16px !important;

        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;

        color: #3f424a !important;
    }

    header.desktop .dgn-mega-subcategory:hover {
        padding-left: 21px !important;
        color: #ef3338 !important;
    }

    /* Alt kategori okları biraz belirgin olsun */
    header.desktop .dgn-mega-sub-arrow {
        width: 20px !important;
        height: 20px !important;
        font-size: 9px !important;
    }

    /* Menü yüksekliği çok büyümesin */
    header.desktop .dropdown-category .dgn-desktop-mega-menu {
        max-height: calc(100vh - 210px) !important;
    }
}

/* =========================================================
   DGN MEGA MENÜ — EKRAN DIŞINA ÇIKMA KESİN DÜZELTMESİ
   CSS DOSYASININ EN SONUNDA KALMALI
========================================================= */

@media only screen and (min-width: 992px) {

    header.desktop {
        overflow: visible !important;
    }

    header.desktop .header-menu,
    header.desktop .header-menu .container,
    header.desktop .header-menu .row,
    header.desktop .dropdown-category {
        overflow: visible !important;
    }

    header.desktop .dropdown-category {
        position: static !important;
    }

    header.desktop .dropdown-category .dgn-desktop-mega-menu {
        display: none;

        position: fixed !important;

        top: 214px !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;

        width: calc(100vw - 32px) !important;
        max-width: 1580px !important;

        height: calc(100vh - 230px) !important;
        min-height: 450px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #ffffff !important;
        border: 1px solid #e8e9ef !important;
        border-radius: 18px !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: translateX(-50%) !important;

        box-shadow:
            0 20px 60px rgba(25, 30, 45, 0.22),
            0 4px 15px rgba(25, 30, 45, 0.10) !important;

        z-index: 999999 !important;
    }

    header.desktop
    .dropdown-category:hover
    .dgn-desktop-mega-menu,

    header.desktop
    .dropdown-category:focus-within
    .dgn-desktop-mega-menu {
        display: block !important;
    }

    header.desktop
    .dropdown-category
    .dgn-desktop-mega-menu::before {
        content: "";

        position: fixed !important;

        top: 204px !important;
        left: 0 !important;

        width: 100vw !important;
        height: 15px !important;
    }

    header.desktop .dgn-mega-menu-inner {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }
}

/* =========================================================
   DOĞAN OYUNCAK — MEGA MENÜ SON VE NET DÜZELTME
   CSS DOSYASININ EN ALTINDA KALMALI
========================================================= */

@media only screen and (min-width: 992px) {

    /* Ana üst alan taşmayı kesmesin */
    header.desktop,
    header.desktop .header-menu,
    header.desktop .header-menu .container,
    header.desktop .header-menu .row,
    header.desktop .dropdown-category {
        overflow: visible !important;
    }

    header.desktop .dropdown-category {
        position: static !important;
    }

    /* =====================================================
       MEGA MENÜ ANA KUTUSU
    ====================================================== */

    header.desktop .dropdown-category .dgn-desktop-mega-menu {
        display: none;

        position: fixed !important;

        /* JS tarafından gerçek header altına göre güncellenecek */
        top: var(--dgn-mega-top, 129px) !important;

        left: 50% !important;
        right: auto !important;
        bottom: auto !important;

        width: calc(100vw - 40px) !important;
        max-width: 1580px !important;

        height: calc(
            100vh - var(--dgn-mega-top, 129px) - 14px
        ) !important;

        min-height: 540px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #ffffff !important;
        border: 1px solid #e3e5eb !important;
        border-radius: 16px !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: translateX(-50%) !important;

        box-shadow:
            0 22px 65px rgba(22, 27, 41, 0.24),
            0 5px 18px rgba(22, 27, 41, 0.10) !important;

        z-index: 999999 !important;
    }

    /* Butondan menüye inerken boşluk oluşmasını engeller */
    header.desktop .dropdown-category::after {
        content: "";

        position: absolute;

        top: 100%;
        left: 0;

        width: 280px;
        height: 18px;

        background: transparent;

        z-index: 999998;
    }

    header.desktop
    .dropdown-category:hover
    .dgn-desktop-mega-menu,

    header.desktop
    .dropdown-category:focus-within
    .dgn-desktop-mega-menu,

    header.desktop
    .dgn-desktop-mega-menu:hover {
        display: block !important;
    }

    /* Eski sahte köprü elemanını kapat */
    header.desktop
    .dropdown-category
    .dgn-desktop-mega-menu::before {
        display: none !important;
        content: none !important;
    }


    /* =====================================================
       İÇ YAPI
    ====================================================== */

    header.desktop .dgn-mega-menu-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       ÜST KATEGORİ KARTLARI
    ====================================================== */

    header.desktop .dgn-mega-main-categories {
        position: relative;
        z-index: 20;

        display: grid !important;
        grid-template-columns: repeat(8, minmax(135px, 1fr));
        gap: 12px !important;

        flex: 0 0 auto;

        width: 100% !important;

        margin: 0 !important;
        padding: 14px 16px 13px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        background: #ffffff !important;
        border-bottom: 1px solid #e9eaf0 !important;
    }

    header.desktop .dgn-mega-main-card {
        position: relative;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;

        min-width: 0 !important;
        height: 126px !important;

        margin: 0 !important;
        padding: 9px 8px 10px !important;

        color: #24262d !important;
        text-align: center !important;
        text-decoration: none !important;

        background: #faf8fa !important;
        border: 1px solid transparent !important;
        border-radius: 13px !important;

        transition:
            transform 0.18s ease,
            background-color 0.18s ease,
            border-color 0.18s ease,
            box-shadow 0.18s ease !important;
    }

    header.desktop .dgn-mega-main-card:hover {
        color: #ef3338 !important;

        background: #fff8f8 !important;
        border-color: #ffc8ca !important;

        box-shadow: 0 7px 20px rgba(239, 51, 56, 0.10) !important;

        transform: translateY(-2px);
    }

    header.desktop .dgn-mega-main-card.is-active {
        color: #ef3338 !important;

        background: #fff7f7 !important;
        border-color: #ffb7ba !important;

        box-shadow:
            inset 0 0 0 1px rgba(239, 51, 56, 0.04),
            0 7px 20px rgba(239, 51, 56, 0.09) !important;
    }

    header.desktop .dgn-mega-main-card.is-active::after {
        content: "";

        position: absolute;

        right: 14px;
        bottom: -1px;
        left: 14px;

        height: 3px;

        background: #ef3338;
        border-radius: 5px 5px 0 0;
    }


    /* =====================================================
       KATEGORİ GÖRSELLERİ — DAHA BÜYÜK VE NET
    ====================================================== */

    header.desktop .dgn-mega-main-image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 78px !important;
        height: 72px !important;
        flex: 0 0 72px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: transparent !important;
        border-radius: 12px !important;
    }

    header.desktop .dgn-mega-main-image img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center !important;

        /* Kaynak görsellerdeki şeffaf boşluğu telafi eder */
        transform: scale(1.32) !important;
        transform-origin: center !important;
    }

    header.desktop .dgn-mega-main-image i {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 62px !important;
        height: 62px !important;

        color: #ef3338 !important;
        font-size: 34px !important;

        background: #fff0f1;
        border-radius: 13px;
    }

    header.desktop .dgn-mega-main-name {
        display: block !important;

        width: 100% !important;

        overflow: visible !important;

        color: inherit !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        line-height: 1.25 !important;

        text-overflow: initial !important;
        white-space: normal !important;
    }


    /* =====================================================
       ALT PANEL — SADECE BURASI KAYAR
    ====================================================== */

    header.desktop .dgn-mega-panels {
        position: relative !important;

        flex: 1 1 auto !important;

        width: 100% !important;
        min-height: 0 !important;

        overflow: hidden !important;

        background: #ffffff !important;
    }

    header.desktop .dgn-mega-panel {
        display: none !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain;
    }

    header.desktop .dgn-mega-panel.is-active {
        display: block !important;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar {
        width: 9px;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar-track {
        background: #f4f5f7;
    }

    header.desktop .dgn-mega-panel::-webkit-scrollbar-thumb {
        background: #bfc3cd;
        border: 2px solid #f4f5f7;
        border-radius: 20px;
    }


    /* =====================================================
       PANEL BAŞLIĞI
    ====================================================== */

    header.desktop .dgn-mega-panel-header {
        position: sticky !important;

        top: 0 !important;
        z-index: 15 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 74px !important;

        margin: 0 !important;
        padding: 13px 24px !important;

        background: rgba(255, 255, 255, 0.98) !important;
        border-bottom: 1px solid #eceef2 !important;

        backdrop-filter: blur(10px);
    }

    header.desktop .dgn-mega-show-all {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 11px !important;

        min-width: 340px !important;

        margin: 0 !important;
        padding: 11px 22px !important;

        color: #1f2229 !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }


    /* =====================================================
       KATEGORİLER
    ====================================================== */

    header.desktop .dgn-mega-category-groups {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: start !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 8px 18px 35px !important;

        background: #ffffff !important;
    }

    header.desktop .dgn-mega-category-group {
        min-width: 0 !important;
        min-height: 185px !important;

        margin: 0 !important;
        padding: 20px 22px 24px !important;

        border-right: 1px solid #e8eaf0 !important;
        border-bottom: 1px solid #e8eaf0 !important;
    }

    header.desktop .dgn-mega-category-group:nth-child(5n) {
        border-right-color: transparent !important;
    }

    header.desktop .dgn-mega-group-title {
        display: flex !important;
        align-items: flex-start !important;

        gap: 10px !important;

        width: 100% !important;
        min-height: 31px !important;

        margin: 0 0 11px !important;
        padding: 0 !important;

        color: #1b1e25 !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
    }

    header.desktop .dgn-mega-group-title:hover {
        color: #ef3338 !important;
    }

    header.desktop .dgn-mega-group-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;

        margin-top: 0 !important;

        color: #ef3338 !important;
        font-size: 8px !important;

        background: #fff0f1 !important;
        border-radius: 50% !important;
    }

    header.desktop .dgn-mega-third-level {
        display: flex !important;
        flex-direction: column !important;

        gap: 2px !important;
    }

    header.desktop .dgn-mega-third-link {
        position: relative !important;

        display: block !important;

        width: 100% !important;

        padding: 6px 8px 6px 16px !important;

        color: #50545e !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-decoration: none !important;

        border-radius: 7px !important;
    }

    header.desktop .dgn-mega-third-link::before {
        content: "";

        position: absolute;

        top: 50%;
        left: 5px;

        width: 4px;
        height: 4px;

        background: #ef3338;
        border-radius: 50%;

        transform: translateY(-50%);
    }

    header.desktop .dgn-mega-third-link:hover {
        padding-left: 20px !important;

        color: #ef3338 !important;
        background: #fff3f4 !important;
    }

    header.desktop .dgn-mega-third-all,
    header.desktop .dgn-mega-third-single {
        margin-top: 7px !important;

        color: #ef3338 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    header.desktop .dgn-mega-third-all::before,
    header.desktop .dgn-mega-third-single::before {
        display: none !important;
    }


    /* =====================================================
       DAHA DAR MASAÜSTÜ
    ====================================================== */

    @media only screen and (max-width: 1400px) {

        header.desktop .dgn-mega-main-categories {
            grid-template-columns: repeat(8, minmax(125px, 1fr)) !important;
        }

        header.desktop .dgn-mega-category-groups {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }

        header.desktop .dgn-mega-category-group:nth-child(5n) {
            border-right-color: #e8eaf0 !important;
        }

        header.desktop .dgn-mega-category-group:nth-child(4n) {
            border-right-color: transparent !important;
        }
    }

}

@media only screen and (min-width: 992px) {

    header.desktop
    .dropdown-category
    .dgn-desktop-mega-menu {
        display: none !important;

        width: calc(100vw - 20px) !important;
        max-width: 1700px !important;
    }

    header.desktop
    .dropdown-category.dgn-menu-open
    .dgn-desktop-mega-menu,

    header.desktop
    .dgn-desktop-mega-menu.dgn-menu-open {
        display: block !important;
    }

    /* Eski hover kapanma davranışını etkisiz bırakır */
    header.desktop
    .dropdown-category:hover
    .dgn-desktop-mega-menu {
        display: none !important;
    }

    header.desktop
    .dropdown-category.dgn-menu-open:hover
    .dgn-desktop-mega-menu {
        display: block !important;
    }

    /* Fare geçiş köprüsü */
    header.desktop .dropdown-category::after {
        content: "";

        position: fixed !important;

        top: 118px !important;
        left: 0 !important;

        width: 100vw !important;
        height: 110px !important;

        background: transparent !important;

        pointer-events: auto !important;

        z-index: 999998 !important;
    }

    header.desktop
    .dropdown-category:not(.dgn-menu-open)::after {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) {

    /* Eski hover açılmasını tamamen kapat */
    header.desktop
    .dropdown-category:hover
    .dgn-desktop-mega-menu,

    header.desktop
    .dropdown-category:focus
    .dgn-desktop-mega-menu,

    header.desktop
    .dropdown-category:focus-within
    .dgn-desktop-mega-menu {
        display: none !important;
    }

    /* Sadece JS sınıf eklediğinde aç */
    header.desktop
    .dropdown-category.dgn-menu-open
    .dgn-desktop-mega-menu,

    header.desktop
    .dgn-desktop-mega-menu.dgn-menu-open {
        display: block !important;
    }

    /* Eski fare köprüsünü kaldır */
    header.desktop .dropdown-category::after {
        display: none !important;
        content: none !important;
        pointer-events: none !important;
    }

    header.desktop
    .dropdown-category
    .dgn-desktop-mega-menu::before {
        display: none !important;
        content: none !important;
    }
}