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

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

/* Header (Desktop) */
header.desktop  {
    background: #fff;
}

header.desktop .h-contact {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
}

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

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

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

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

header.desktop .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: 400;
    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: 135px;
    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: flex-start;
    -webkit-align-items: flex-start; 
}

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

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

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: 500;
    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-color2);
}

header.desktop .search form .btn-send {
    position: absolute;
    width: 60px;
    height: 45px;
    border-width: 0;
    color: #000;
    right: 0px;
    border-radius: 0;
    font-size: 16px;
    top: 0px;
    transition: all var(--transition-time);
}

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;
    transition: all var(--transition-time);
}

header.desktop .mega-menu .nav-item.active{
    background: var(--main-color2);
}

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: 16px;
    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:hover{
    background: var(--main-color2);
    transition: all var(--transition-time);
}

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: var(--main-color2);
    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-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: #fff;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    transition: all var(--transition-time);
}

.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: #fff;
    font-weight: 400;
    line-height: 25px;
    transition: var(--transition-time);
}

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

/* 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;
    height: 100%;
    width: 100%;
}

.single-menu-container .subtitle-img {
    max-height: 25px;
    margin-bottom: 3px;
    margin-right: 0;
}

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

header.mobile {
    display: none;
    background: #fff;
    height: 80px;
    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: 30%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
}

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

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

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

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

.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 {
    background: #ed2b3a;
    color: #fff
}

footer .bb {
    padding: 20px 0;
}

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: 25px 0;
}

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

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

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

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

footer .secure img {
    opacity: .5;
}

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

footer .info ul li {
    list-style: none;
    padding: 3px 0;
    color: #fff;
    font-size: 13px;
    transition: all var(--transition-time);
}

footer .info ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    position: relative;
    padding-left: 15px;
    line-height: 25px;
    transition: all var(--transition-time);
    font-weight: 500;
}

footer .info .f1 ul{
    column-count: 2;
}

footer .info ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ">";
}

footer .info ul li:hover {
    margin-left: 10px;
    transition: all var(--transition-time);
}

footer .bar {
    padding: 10px 0;
    background: #111;
}

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

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

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

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

/* Custom */

.social-share-special{
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
}

.product-profile-1 .carousel .carousel-indicators li {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 3px;
    border: 2px solid #eaeaea;
    margin-bottom: 5px;
    max-width: 75px;
    border-radius: 3px;
}

.product-profile-info li {
    margin: 10px 0;
}

.product-profile-wrapper {
    display: block;
    height: 100%;
    width: 100%;
    background: #f5f5f5;
    padding: 20px;
}

footer .footer-contact,
footer .footer-contact *{
    color:#fff;
}

.home-headline .slide{
    border-radius: 10px !important;
    overflow: hidden;
}

.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 .container{
    border: 1px solid #ebebeb;
    padding: 20px 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

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

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

.info-bar-1 .icons .icon-group i {
    font-size: 35px;
    margin-right: 25px;
    color: #179847;
}

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

.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 #e9e9e9 !important;
    background: #e9e9e9;
    color: #777;
    font-weight: 600;
    transition: all var(--transition-time);
    font-size: 16px;
}

.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 .nav-tabs .nav-item.show .nav-link,
.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
    border: 1px solid #c5c5c5 !important;
    background: #fff !important;
    color: #000 !important;
}

.login-body .p-g-mod-t-4 .btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    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: 16px;
    font-weight: 500;
    color: #333;
    line-height: normal;
}

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

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

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

.category-filter-order .list-wrap .list li.active .lag-checkbox,
.category-filter-order .list-wrap .list li:hover .lag-checkbox {
    background: 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;
}

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

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

.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-details-tab-product-details-tab-colorful .tab-content{
    border: 1px solid #ebebeb;
    border-top: 0;
}

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

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

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

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

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

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

.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 #ebebeb;
    padding: 5px 0;
    margin: 3px 0;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

.native-modal.show .hizli-sepet .modal-content .product-price-group .prices .list-price {
    font-size: 19px;
    font-weight: 500;
    color: #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: 35px;
    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: 35px;
    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-right: 3px;
}

header.desktop .mega-menu .nav-link {
    flex: none;
    margin-top: 5px;
    height: 100%;
    display: flex;
    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;
}

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

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

.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 .newsletter-title{
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}
    
.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;
}

.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: 100%;
    max-width: 400px;
}

/* SMS Bülteni */

.sms-newsletter-content .newsletter-title{
    color: #fff;
    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%;
    max-width: 400px;
}

/* Footer Social Media*/

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

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

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 {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.card-product:hover{
    border: 1px solid #c0bdbd !important;
}

.card-product .card-product-inner .free-cargo-badge {
    position: absolute;
    left: 10px;
    background: #009688;
}

.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);
    width: 100%;
}

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

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

.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;
    background: #222;
    height: 40px;
    display: flex;
    width: 40px;
    justify-content: center;
    align-items: center;
}

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: #fff !important;    
}

header.desktop .header-bar .bar-user{
    width: 140px;
    background: #222;
}

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

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

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

header.desktop .header-bar .bar-link i{
    font-size: 16px;
    color: #fff;
}

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

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


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


/* Card Product */
.card-product .it-over {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    width: 100%;
    background: rgb(255 255 255 / 90%);
    color: #000;
    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;
}


/* Responsive */
@media (max-width: 991px) {
    
    footer .info .f1 ul {
        column-count: 1;
    }
    
    .info-bar-1 .icons {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        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{
        height: 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;
    }
    
    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;
    }

    footer .info {
        padding-top: 0;
    }

    footer .info .title {
        text-align: center !important;
        color: #fff;
        border: 1px solid #fff;
        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 #fff;
        margin-bottom: 15px;
        color: #fff !important;
        padding: 10px;
    }

    footer .info ul {
        margin: 0;
    }

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

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

    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;
    flex: 1;
}

header.desktop .header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 300px;
    left: inherit;
    right: 0;
    top: 39px;
    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: #f7f7f7;
    display: flex;
    justify-content: space-evenly;
    padding: 5px 0;
}

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

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: #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: 12px !important;
    font-weight: 500;
        
}
        
.header-cart-summary-1 .buttons {
    display: flex;
    flex-direction: column;
    margin-right: 12px;
}

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

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

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

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

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

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

.ajax-shopping-cart .product .info {
    flex: 3;
    text-align:right;
}

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

.category-short-description {
    font-size: 15px;
} 

@media(max-width: 991px){
    .category-short-description {
        font-size: 13px;
    } 
}

/* ============================================================
   DOLUNAY MARKA KİMLİĞİ — dy- öneki ile tüm özel stiller
   Koyu lacivert #16224A | Altın #F5B73D | Beyaz #FFFFFF
   ============================================================ */

/* === CSS Değişkenleri (override) === */
:root {
  --dy-navy:      #16224A;
  --dy-gold:      #F5B73D;
  --dy-white:     #FFFFFF;
  --dy-light:     #9AA6C7;
  --dy-bg:        #F8F9FC;
  --dy-radius:    8px;
  --dy-shadow:    0 4px 20px rgba(22,34,74,.10);
  --dy-shadow-lg: 0 8px 32px rgba(22,34,74,.16);
  --dy-trans:     200ms ease;
  --dy-font:      'Inter', 'Sora', system-ui, -apple-system, sans-serif;
}

/* === GLOBAL FONT === */
body {
  font-family: var(--dy-font) !important;
  background: var(--dy-bg) !important;
  color: #1a1a2e;
}

/* === HEADER — Desktop & Mobil === */
header.desktop {
  background: var(--dy-navy) !important;
  box-shadow: 0 2px 16px rgba(22,34,74,.18) !important;
}

header.desktop .logo a img {
  filter: brightness(0) invert(1);
}

/* Arama kutusu */
header.desktop .search {
  border: 1.5px solid rgba(245,183,61,.35) !important;
  border-radius: 25px !important;
  background: rgba(255,255,255,.07) !important;
  transition: border var(--dy-trans), background var(--dy-trans) !important;
}

header.desktop .search:focus-within {
  border-color: var(--dy-gold) !important;
  background: rgba(255,255,255,.12) !important;
}

header.desktop .search form input {
  color: #fff !important;
}

header.desktop .search form input::placeholder {
  color: rgba(255,255,255,.5) !important;
}

header.desktop .search .search-btn,
header.desktop .search button {
  color: var(--dy-gold) !important;
}

/* İkon renkleri (sepet, favori, hesap) */
header.desktop .icon-area a,
header.desktop .header-icon a,
header.desktop .cart-btn,
header.desktop .btn-fav,
header.desktop .user-btn {
  color: #fff !important;
  transition: color var(--dy-trans) !important;
}

header.desktop .icon-area a:hover,
header.desktop .header-icon a:hover,
header.desktop .cart-btn:hover {
  color: var(--dy-gold) !important;
}

/* Sepet badge */
header.desktop .basket-count,
header.desktop .cart-count,
.header-basket-count {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
  font-weight: 700 !important;
}

/* Mobil header */
header.mobile,
.mobile-header {
  background: var(--dy-navy) !important;
  box-shadow: 0 2px 12px rgba(22,34,74,.2) !important;
}

header.mobile .logo a img,
.mobile-header .logo a img {
  filter: brightness(0) invert(1);
}

header.mobile .header-icon,
.mobile-header .header-icon {
  color: #fff !important;
}

header.mobile .header-icon:hover,
.mobile-header .header-icon:hover {
  color: var(--dy-gold) !important;
}

/* === NAV MENU === */
.single-menu-container,
.navbar-menu,
nav.category-menu {
  background: var(--dy-navy) !important;
}

/* Menü öğeleri */
.single-menu-container .single-menu li .sub-single-item,
.single-menu-container .single-menu > li > a {
  color: rgba(255,255,255,.88) !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  letter-spacing: .3px !important;
  transition: color var(--dy-trans), background var(--dy-trans) !important;
  padding: 0 14px !important;
}

.single-menu-container .single-menu li:hover .sub-single-item,
.single-menu-container .single-menu > li > a:hover {
  color: var(--dy-gold) !important;
}

/* Menü hover alt çizgisi */
.single-menu-container .single-menu li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--dy-gold);
  transition: width var(--dy-trans);
}

.single-menu-container .single-menu li:hover::after {
  width: 80%;
}

/* Dropdown menu */
.single-menu-container .dropdown-menu,
.category-dropdown {
  border: none !important;
  border-radius: var(--dy-radius) !important;
  box-shadow: var(--dy-shadow-lg) !important;
  border-top: 3px solid var(--dy-gold) !important;
  animation: dyFadeDown .18s ease !important;
  background: var(--dy-navy) !important;
}

.single-menu-container .dropdown-menu a,
.category-dropdown a {
  color: rgba(255,255,255,.85) !important;
  transition: color var(--dy-trans), padding-left var(--dy-trans) !important;
}

.single-menu-container .dropdown-menu a:hover,
.category-dropdown a:hover {
  color: var(--dy-gold) !important;
  background: rgba(245,183,61,.08) !important;
  padding-left: 22px !important;
}

/* === STİCKY HEADER === */
header.desktop.dy-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  animation: dySlideDown .25s ease !important;
  box-shadow: 0 4px 24px rgba(22,34,74,.25) !important;
}

/* === ÜRÜN KARTLARI === */
.card-product {
  border: none !important;
  border-radius: var(--dy-radius) !important;
  box-shadow: var(--dy-shadow) !important;
  transition: transform var(--dy-trans), box-shadow var(--dy-trans) !important;
  background: #fff !important;
  overflow: hidden !important;
}

.card-product:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--dy-shadow-lg) !important;
}

/* Ürün adı */
.card-product .product-name,
.card-product .title,
.card-product h3,
.card-product h4 {
  color: var(--dy-navy) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
}

/* Fiyat */
.card-product .price,
.card-product .product-price {
  color: var(--dy-navy) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* İndirimli fiyat */
.card-product .old-price,
.card-product .price-old,
.card-product del {
  color: var(--dy-light) !important;
  font-size: 12px !important;
}

.card-product .new-price,
.card-product .price-new {
  color: #e05252 !important;
  font-weight: 700 !important;
}

/* Sepete ekle butonu */
.card-product .btn-cart,
.card-product .add-to-cart,
.card-product .button-add {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  height: 40px !important;
  transition: background var(--dy-trans), transform var(--dy-trans) !important;
  letter-spacing: .3px !important;
}

.card-product .btn-cart:hover,
.card-product .add-to-cart:hover,
.card-product .button-add:hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
  transform: scale(1.02) !important;
}

/* Badge: KARGO BEDAVA */
.card-product .badge-free-cargo,
.badge-cargo,
.badge.cargo {
  background: linear-gradient(135deg, var(--dy-navy), #2a3f7f) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  letter-spacing: .5px !important;
}

/* Badge: İNDİRİM % */
.card-product .badge-discount,
.discount-badge,
.badge-sale {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* Favori kalp butonu */
.card-product .btn-fav,
.card-product .fav-btn,
.card-product .wishlist-btn {
  color: var(--dy-light) !important;
  transition: color var(--dy-trans), transform var(--dy-trans) !important;
}

.card-product .btn-fav:hover,
.card-product .btn-fav.active,
.card-product .fav-btn:hover {
  color: #e05252 !important;
  transform: scale(1.15) !important;
}

/* === QUICK VIEW BUTONU (dy-) === */
.dy-quick-view-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(22,34,74,.88);
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
  cursor: pointer;
  transform: translateY(100%);
  transition: transform var(--dy-trans);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  backdrop-filter: blur(4px);
  z-index: 5;
}

.dy-quick-view-btn:hover {
  background: var(--dy-gold);
  color: var(--dy-navy);
}

.card-product:hover .dy-quick-view-btn {
  transform: translateY(0);
}

/* === QUICK VIEW MODAL === */
.dy-qv-overlay {
  position: fixed;
  inset: 0;
  background: rgba(22,34,74,.6);
  z-index: 9900;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  backdrop-filter: blur(6px);
  animation: dyFadeIn .2s ease;
}

.dy-qv-modal {
  background: #fff;
  border-radius: 12px;
  max-width: 860px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(22,34,74,.3);
  animation: dyScaleIn .22s ease;
  position: relative;
}

.dy-qv-close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: var(--dy-navy);
  color: #fff;
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background var(--dy-trans);
}

.dy-qv-close:hover {
  background: var(--dy-gold);
  color: var(--dy-navy);
}

.dy-qv-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.dy-qv-image {
  border-radius: 12px 0 0 12px;
  overflow: hidden;
  background: var(--dy-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}

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

.dy-qv-info {
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.dy-qv-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--dy-navy);
  line-height: 1.4;
  margin: 0;
}

.dy-qv-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.dy-qv-price .current {
  font-size: 22px;
  font-weight: 800;
  color: var(--dy-navy);
}

.dy-qv-price .old {
  font-size: 14px;
  color: var(--dy-light);
  text-decoration: line-through;
}

.dy-qv-divider {
  border: none;
  border-top: 1px solid #eef0f5;
  margin: 0;
}

.dy-qv-btn-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--dy-navy);
  color: #fff;
  border: none;
  border-radius: 8px;
  height: 48px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: .4px;
  transition: background var(--dy-trans), transform var(--dy-trans);
  text-decoration: none;
}

.dy-qv-btn-cart:hover {
  background: var(--dy-gold);
  color: var(--dy-navy);
  transform: translateY(-1px);
  text-decoration: none;
}

.dy-qv-btn-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  color: var(--dy-navy);
  border: 1.5px solid var(--dy-navy);
  border-radius: 8px;
  height: 42px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--dy-trans), color var(--dy-trans);
}

.dy-qv-btn-detail:hover {
  background: var(--dy-navy);
  color: #fff;
  text-decoration: none;
}

@media (max-width: 600px) {
  .dy-qv-body {
    grid-template-columns: 1fr;
  }
  .dy-qv-image {
    border-radius: 12px 12px 0 0;
    min-height: 240px;
  }
  .dy-qv-info {
    padding: 20px 16px;
  }
}

/* === MOBİL STICKY ALT MENÜ === */
.dy-mobile-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: var(--dy-navy);
  box-shadow: 0 -4px 20px rgba(22,34,74,.2);
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
}

@media (max-width: 991px) {
  .dy-mobile-nav {
    display: flex !important;
  }
  body {
    padding-bottom: 65px !important;
  }
}

.dy-mobile-nav-items {
  display: flex;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dy-mobile-nav-items li {
  flex: 1;
  display: flex;
}

.dy-mobile-nav-items li a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.65) !important;
  font-size: 10px;
  font-weight: 500;
  gap: 3px;
  padding: 6px 2px;
  text-decoration: none !important;
  transition: color var(--dy-trans);
  position: relative;
}

.dy-mobile-nav-items li a i,
.dy-mobile-nav-items li a svg {
  font-size: 20px;
  line-height: 1;
}

.dy-mobile-nav-items li a:hover,
.dy-mobile-nav-items li a.active {
  color: var(--dy-gold) !important;
}

.dy-mobile-nav-items li a .dy-nav-badge {
  position: absolute;
  top: 3px;
  right: calc(50% - 16px);
  background: var(--dy-gold);
  color: var(--dy-navy);
  font-size: 9px;
  font-weight: 800;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}

/* === BÖLÜM BAŞLIKLARI === */
.section-title,
.p-g-mod-t-title,
h2.title,
.dy-section-title {
  color: var(--dy-navy) !important;
  font-weight: 800 !important;
  letter-spacing: -.3px !important;
  position: relative !important;
}

.dy-section-title::after,
h2.title::after {
  content: '';
  display: block;
  width: 42px;
  height: 3px;
  background: var(--dy-gold);
  border-radius: 2px;
  margin-top: 8px;
}

/* === BUTONLAR (genel) === */
.btn-primary,
.button-primary,
[class*="btn-add"] {
  background: var(--dy-navy) !important;
  border-color: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: background var(--dy-trans) !important;
}

.btn-primary:hover,
.button-primary:hover,
[class*="btn-add"]:hover {
  background: var(--dy-gold) !important;
  border-color: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* === FOOTER === */
footer,
.footer {
  background: var(--dy-navy) !important;
  color: rgba(255,255,255,.8) !important;
}

footer a,
.footer a {
  color: rgba(255,255,255,.7) !important;
  transition: color var(--dy-trans) !important;
}

footer a:hover,
.footer a:hover {
  color: var(--dy-gold) !important;
}

footer .footer-title,
.footer h5, .footer h4, .footer h3 {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
}

footer hr,
.footer hr {
  border-color: rgba(255,255,255,.12) !important;
}

/* Footer alt bar */
.footer-bottom,
.copy-right {
  background: rgba(0,0,0,.2) !important;
  color: rgba(255,255,255,.5) !important;
  font-size: 12px !important;
}

/* === SAYFA İÇİ GENEL === */
.section-bg,
.bg-light {
  background: var(--dy-bg) !important;
}

/* Ürün listesi sayfası başlık çubuğu */
.filter-header,
.category-header,
.product-list-header {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: var(--dy-radius) !important;
  padding: 12px 18px !important;
}

/* Filtre yan paneli */
.sidebar-filter,
.filter-sidebar {
  background: #fff !important;
  border-radius: var(--dy-radius) !important;
  box-shadow: var(--dy-shadow) !important;
  overflow: hidden !important;
}

.sidebar-filter .filter-title,
.filter-sidebar h4,
.filter-sidebar .title {
  color: var(--dy-navy) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--dy-gold) !important;
  padding-bottom: 8px !important;
}

/* Checkbox renkleri */
input[type="checkbox"]:checked {
  accent-color: var(--dy-navy) !important;
}

/* Price range slider */
.price-range input[type="range"]::-webkit-slider-thumb {
  background: var(--dy-gold) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background: var(--dy-navy) !important;
  border-color: var(--dy-navy) !important;
  color: #fff !important;
}

.pagination .page-link {
  color: var(--dy-navy) !important;
  border-radius: 6px !important;
  margin: 0 2px !important;
  transition: background var(--dy-trans) !important;
}

.pagination .page-link:hover {
  background: var(--dy-navy) !important;
  color: #fff !important;
}

/* === STİCKY ÜRÜN DETAY BUTONU === */
.dy-sticky-buy {
  display: none;
  position: fixed;
  bottom: 70px;
  left: 0;
  right: 0;
  z-index: 990;
  padding: 10px 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 -3px 16px rgba(22,34,74,.12);
  backdrop-filter: blur(8px);
  animation: dySlideUp .25s ease;
}

.dy-sticky-buy.visible {
  display: flex !important;
}

.dy-sticky-buy-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--dy-navy);
  color: #fff;
  border: none;
  border-radius: 10px;
  height: 50px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: .3px;
  transition: background var(--dy-trans);
}

.dy-sticky-buy-btn:hover {
  background: var(--dy-gold);
  color: var(--dy-navy);
}

/* === TOAST BİLDİRİM === */
.dy-toast {
  position: fixed;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--dy-navy);
  color: #fff;
  padding: 12px 22px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: var(--dy-shadow-lg);
  z-index: 9999;
  opacity: 0;
  transition: opacity .2s, transform .2s;
  white-space: nowrap;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dy-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.dy-toast .dy-toast-icon {
  color: var(--dy-gold);
  font-size: 16px;
}

/* === ANİMASYONLAR === */
@keyframes dyFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes dyFadeDown {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes dyScaleIn {
  from { opacity: 0; transform: scale(.94); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes dySlideDown {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}

@keyframes dySlideUp {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--dy-bg); }
::-webkit-scrollbar-thumb { background: var(--dy-light); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--dy-navy); }

/* === ÜRÜN KARTI GÖRÜNTÜ WRAPPER === */
.card-product .product-image,
.card-product .image-wrapper,
.card-product .img-box {
  position: relative;
  overflow: hidden;
}

/* === RESPONSIVE YARDIMCILARI === */
@media (max-width: 767px) {
  .dy-qv-modal { margin: 8px; }
  .dy-sticky-buy { bottom: 65px; }
}

/* ============================================================ */

/* ============================================================
   DOLUNAY — BÖLÜM 2: Filtre, Ürün Detay, Kategori, UX Polish
   ============================================================ */

/* ─── FİLTRE PANELİ MODERNİZASYONU ─────────────────────── */
.p-g-b-c-0 {
  background: transparent !important;
}

.p-g-m-h-info {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 16px rgba(22,34,74,.08);
  overflow: hidden;
  margin-bottom: 14px;
}

/* Filtre başlık satırı */
.p-g-m-h-i-head {
  background: var(--dy-navy) !important;
  padding: 12px 16px !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  user-select: none;
  transition: background var(--dy-trans);
}

.p-g-m-h-i-head:hover {
  background: #1e2f66 !important;
}

.p-g-m-h-i-title {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
}

/* Filtre içerik alanı */
.p-g-m-h-i-body {
  padding: 14px 16px !important;
}

/* Filtre checkbox öğeleri */
.p-g-m-h-i-body label,
.p-g-m-h-i-body .form-check-label {
  color: #444 !important;
  font-size: 13px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0 !important;
  transition: color var(--dy-trans);
}

.p-g-m-h-i-body label:hover {
  color: var(--dy-navy) !important;
}

.p-g-m-h-i-body input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--dy-navy);
  cursor: pointer;
  flex-shrink: 0;
}

/* Fiyat aralığı input */
.p-g-m-h-i-body input[type="number"],
.p-g-m-h-i-body input[type="text"] {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  color: var(--dy-navy) !important;
  width: 100% !important;
  transition: border-color var(--dy-trans) !important;
  outline: none !important;
}

.p-g-m-h-i-body input[type="number"]:focus,
.p-g-m-h-i-body input[type="text"]:focus {
  border-color: var(--dy-navy) !important;
  box-shadow: 0 0 0 3px rgba(22,34,74,.1) !important;
}

/* Fiyat filtre butonu */
.p-g-m-h-i-body button,
.p-g-m-h-i-body .btn-filter {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 7px 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background var(--dy-trans) !important;
}

.p-g-m-h-i-body button:hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* Seçimleri temizle butonu */
button[class*="temizle"], .btn-clear-filter, button[class*="reset"] {
  background: transparent !important;
  color: var(--dy-navy) !important;
  border: 1.5px solid var(--dy-navy) !important;
  border-radius: 6px !important;
  width: 100% !important;
  padding: 9px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  margin-top: 6px !important;
  transition: all var(--dy-trans) !important;
}

button[class*="temizle"]:hover, .btn-clear-filter:hover {
  background: var(--dy-navy) !important;
  color: #fff !important;
}

/* ─── SIRALAMA & GRID ARAÇ ÇUBUĞU ──────────────────────── */
.p-g-mod-list-sort,
[class*="sort-bar"],
[class*="list-toolbar"] {
  background: #fff !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  box-shadow: 0 1px 8px rgba(22,34,74,.07) !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Sort select */
.p-g-mod-list-sort select,
[class*="sort-bar"] select {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 6px !important;
  padding: 7px 12px !important;
  font-size: 13px !important;
  color: var(--dy-navy) !important;
  background: #fff !important;
  cursor: pointer;
  outline: none !important;
}

/* Grid view butonları */
[class*="list-type"] button,
[class*="grid-btn"] {
  background: transparent !important;
  border: 1.5px solid #e0e4ef !important;
  border-radius: 5px !important;
  padding: 5px 8px !important;
  cursor: pointer !important;
  transition: all var(--dy-trans) !important;
}

[class*="list-type"] button.active,
[class*="list-type"] button:hover {
  background: var(--dy-navy) !important;
  border-color: var(--dy-navy) !important;
  color: #fff !important;
}

/* ─── BREADCRUMB ────────────────────────────────────────── */
.breadcrumb-wrapper,
.breadcrumb {
  background: transparent !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}

.breadcrumb-item a {
  color: var(--dy-light) !important;
  font-size: 12px !important;
  transition: color var(--dy-trans) !important;
}

.breadcrumb-item a:hover {
  color: var(--dy-navy) !important;
}

.breadcrumb-item.active,
.breadcrumb-item:last-child a {
  color: var(--dy-navy) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--dy-light) !important;
  content: "›" !important;
  font-size: 15px !important;
}

/* ─── ÜRÜN DETAY SAYFASI ────────────────────────────────── */

/* Sayfa başlığı h1 */
.product-profile-1 h1.title,
.product-detail h1 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--dy-navy) !important;
  line-height: 1.3 !important;
  letter-spacing: -.3px !important;
  margin-bottom: 8px !important;
}

/* Ürün kodu / barkod */
.product-profile-1 .product-code,
[class*="product-code"],
[class*="sku"] {
  color: var(--dy-light) !important;
  font-size: 12px !important;
}

/* Fiyat alanı */
.product-price-group .sale-price,
.product-profile-1 .price,
[class*="sale-price"] {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--dy-navy) !important;
  letter-spacing: -.5px !important;
}

.product-price-group .old-price,
[class*="old-price"] {
  font-size: 15px !important;
  color: var(--dy-light) !important;
  text-decoration: line-through !important;
}

/* Taksit bilgisi */
[class*="installment"], [class*="taksit"] {
  font-size: 12px !important;
  color: var(--dy-light) !important;
  margin-top: 4px !important;
}

/* Beden seçici */
[class*="variant-list"],
[class*="size-list"],
.product-variant {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 8px 0 !important;
}

[class*="variant-item"],
[class*="size-item"],
.btn-size,
.variant-btn {
  border: 1.5px solid #dde1ed !important;
  border-radius: 6px !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--dy-navy) !important;
  cursor: pointer !important;
  transition: all var(--dy-trans) !important;
  background: #fff !important;
  min-width: 48px !important;
  text-align: center !important;
}

[class*="variant-item"]:hover,
[class*="size-item"]:hover,
.btn-size:hover {
  border-color: var(--dy-navy) !important;
  background: var(--dy-navy) !important;
  color: #fff !important;
}

[class*="variant-item"].active,
[class*="variant-item"].selected,
.btn-size.active {
  border-color: var(--dy-gold) !important;
  background: var(--dy-navy) !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px var(--dy-gold) !important;
}

/* Sepete Ekle + Hemen Al butonları */
.btn-cart.btn-color-1,
a.btn-cart {
  background: var(--dy-navy) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 10px !important;
  height: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: background var(--dy-trans), transform var(--dy-trans) !important;
  letter-spacing: .3px !important;
}

.btn-cart.btn-color-1:hover,
a.btn-cart:hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
  transform: translateY(-1px) !important;
}

/* Hemen Al butonu - altın rengi */
[class*="btn-now"], [class*="hemen-al"], .btn-buy-now {
  background: var(--dy-gold) !important;
  border: none !important;
  color: var(--dy-navy) !important;
  border-radius: 10px !important;
  height: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  transition: background var(--dy-trans) !important;
}

[class*="btn-now"]:hover, .btn-buy-now:hover {
  background: #e6a52e !important;
}

/* Adet arttır/azalt */
[class*="quantity"], [class*="adet"] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

[class*="quantity"] button,
[class*="qty-btn"] {
  background: var(--dy-bg) !important;
  border: 1px solid #dde1ed !important;
  color: var(--dy-navy) !important;
  width: 38px !important;
  height: 38px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background var(--dy-trans) !important;
}

[class*="quantity"] button:hover {
  background: var(--dy-navy) !important;
  color: #fff !important;
}

/* Güven rozetleri */
[class*="trust-badge"], [class*="badge-info"], .product-badges {
  display: flex !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-top: 1px solid #eef0f5 !important;
  border-bottom: 1px solid #eef0f5 !important;
  margin: 14px 0 !important;
}

[class*="trust-badge"] span,
[class*="badge-info"] span {
  font-size: 11px !important;
  color: #666 !important;
  font-weight: 500 !important;
}

[class*="trust-badge"] i,
[class*="badge-info"] i {
  color: var(--dy-navy) !important;
}

/* ─── ÜRÜN DETAY SEKMELER ────────────────────────────────  */
.p-g-mod-t-11 .nav-tabs,
.product-tabs .nav-tabs,
[class*="product-tab"] .nav-tabs {
  border-bottom: 2px solid #eef0f5 !important;
  margin-bottom: 20px !important;
  gap: 4px !important;
}

.p-g-mod-t-11 .nav-tabs .nav-link,
.product-tabs .nav-tabs .nav-link {
  color: var(--dy-light) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 10px 18px !important;
  background: transparent !important;
  transition: color var(--dy-trans) !important;
  position: relative !important;
}

.p-g-mod-t-11 .nav-tabs .nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--dy-gold);
  transform: scaleX(0);
  transition: transform var(--dy-trans);
}

.p-g-mod-t-11 .nav-tabs .nav-link:hover {
  color: var(--dy-navy) !important;
}

.p-g-mod-t-11 .nav-tabs .nav-link.active {
  color: var(--dy-navy) !important;
  border-bottom-color: transparent !important;
}

.p-g-mod-t-11 .nav-tabs .nav-link.active::after {
  transform: scaleX(1);
}

/* ─── SOSYAL PAYLAŞIM BUTONLARI ─────────────────────────── */
[class*="social-share"] a,
[class*="share-btn"] a,
.share-buttons a {
  border-radius: 6px !important;
  transition: transform var(--dy-trans), opacity var(--dy-trans) !important;
}

[class*="social-share"] a:hover,
[class*="share-btn"] a:hover {
  transform: translateY(-2px) !important;
  opacity: .9 !important;
}

/* ─── ÜRÜN GÖRSELI GALERİ ───────────────────────────────── */
.product-profile-1 .carousel .carousel-inner {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(22,34,74,.1) !important;
}

.product-profile-1 .carousel .carousel-indicators li {
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  transition: border-color var(--dy-trans) !important;
  cursor: pointer !important;
}

.product-profile-1 .carousel .carousel-indicators li.active {
  border-color: var(--dy-gold) !important;
}

/* ─── İLGİLİ ÜRÜNLER BÖLÜMÜ ────────────────────────────── */
[class*="related"], [class*="similar"], [class*="benzer"] {
  padding: 32px 0 !important;
}

[class*="related"] h2, [class*="similar"] h2, [class*="benzer"] h2 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--dy-navy) !important;
  margin-bottom: 20px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

[class*="related"] h2::after, [class*="similar"] h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 3px;
  background: var(--dy-gold);
  border-radius: 2px;
}

/* ─── ARAMA SAYFASI ─────────────────────────────────────── */
.search-page-title,
.search-result-count {
  color: var(--dy-navy) !important;
  font-weight: 700 !important;
}

.search-highlight {
  background: rgba(245,183,61,.25) !important;
  padding: 0 2px !important;
  border-radius: 3px !important;
}

/* ─── YENİ ÜRÜN / İNDİRİM BADGE ────────────────────────── */
.free-cargo-badge,
.badge-free-cargo {
  background: linear-gradient(135deg, #16224A, #2a3f7f) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .8px !important;
  border-radius: 4px 0 4px 0 !important;
  padding: 4px 7px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
}

/* İndirim badge */
[class*="discount-rate"],
[class*="badge-discount"],
.badge-sale {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border-radius: 4px !important;
  padding: 3px 7px !important;
}

/* ─── KATEGORI SAYFA BAŞLIĞI ────────────────────────────── */
.dy-cat-header {
  background: linear-gradient(135deg, var(--dy-navy) 0%, #2a3f7f 100%);
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.dy-cat-header h1 {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  letter-spacing: -.3px !important;
}

.dy-cat-header .dy-cat-count {
  background: rgba(245,183,61,.2);
  color: var(--dy-gold);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid rgba(245,183,61,.3);
  white-space: nowrap;
}

/* ─── ÜRÜN LİSTESİ KART HOVER OVERLAY ──────────────────── */
.card-product .image-wrapper {
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
  background: var(--dy-bg) !important;
}

.card-product .image-wrapper img {
  transition: transform 300ms ease !important;
}

.card-product:hover .image-wrapper img {
  transform: scale(1.04) !important;
}

/* Ürün card alt bilgi alanı */
.card-product-content,
.card-product .card-body {
  padding: 12px !important;
}

.card-product .title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 38px !important;
}

/* Yıldız değerlendirme */
.card-product .stars .star i,
.stars .fa-star {
  color: var(--dy-gold) !important;
  font-size: 11px !important;
}

/* ─── GÜVENCELİ ÖDEME / KARGO BÖLÜMÜ ─────────────────── */
.stores,
[class*="payment-icons"],
[class*="cargo-info"] {
  background: #fff !important;
  border-top: 1px solid #eef0f5 !important;
  padding: 14px 0 !important;
}

/* ─── LOGIN / ÜYELİK SAYFA ──────────────────────────────── */
.login-body {
  background: var(--dy-bg) !important;
}

.login-body .card {
  border: none !important;
  border-radius: 12px !important;
  box-shadow: var(--dy-shadow-lg) !important;
}

/* ─── FORM ELEMENTLERİ GENEL ────────────────────────────── */
.form-control:focus {
  border-color: var(--dy-navy) !important;
  box-shadow: 0 0 0 3px rgba(22,34,74,.1) !important;
}

/* ─── SKELETON LOADING ANİMASYONU ───────────────────────── */
@keyframes dySkeleton {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.dy-skeleton {
  background: linear-gradient(90deg, #eef0f5 25%, #f8f9fc 50%, #eef0f5 75%);
  background-size: 200% 100%;
  animation: dySkeleton 1.5s ease-in-out infinite;
  border-radius: 4px;
}

/* ─── ÜSTBAR (top-bar) ──────────────────────────────────── */
header .top-bar,
.header-top,
[class*="top-bar"] {
  background: #0d1833 !important;
  color: rgba(255,255,255,.7) !important;
  font-size: 12px !important;
}

[class*="top-bar"] a {
  color: rgba(255,255,255,.7) !important;
  transition: color var(--dy-trans) !important;
}

[class*="top-bar"] a:hover {
  color: var(--dy-gold) !important;
}

/* ─── MOBİL MENU SIDEBAR ────────────────────────────────── */
.sidebar-menu {
  background: var(--dy-navy) !important;
}

.sidebar-menu .categories ul li a {
  color: rgba(255,255,255,.85) !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  transition: background var(--dy-trans), color var(--dy-trans) !important;
}

.sidebar-menu .categories ul li a:hover {
  background: rgba(245,183,61,.12) !important;
  color: var(--dy-gold) !important;
}

.sidebar-menu .categories ul li .fa,
.sidebar-menu .categories ul li i {
  color: var(--dy-gold) !important;
}

.sidebar-menu .sidebar-menu-head {
  background: #0d1833 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 16px !important;
  font-size: 15px !important;
  letter-spacing: .4px !important;
}

.mobile-menu-close i {
  border-color: #000 !important;
  color: #000 !important;
}

/* ─── SEPET SAYFASI ─────────────────────────────────────── */
.cart-page .cart-item,
[class*="cart-row"] {
  border-bottom: 1px solid #eef0f5 !important;
  padding: 16px 0 !important;
}

[class*="cart-total"],
.order-summary {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: var(--dy-shadow) !important;
  padding: 20px !important;
}

[class*="checkout-btn"],
.btn-checkout {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: 10px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
  width: 100% !important;
  transition: background var(--dy-trans) !important;
}

[class*="checkout-btn"]:hover, .btn-checkout:hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* ─── RESPONSIVE DÜZELTMELER ────────────────────────────── */
@media (max-width: 767px) {
  .product-profile-1 h1.title {
    font-size: 18px !important;
  }

  .product-price-group .sale-price {
    font-size: 22px !important;
  }

  .card-product .title {
    font-size: 12px !important;
  }

  .p-g-mod-t-11 .nav-tabs .nav-link {
    font-size: 11px !important;
    padding: 8px 10px !important;
  }
}

@media (min-width: 992px) {
  /* Desktop filtre panel genişliği */
  .p-g-b-c-0 {
    padding-right: 20px !important;
  }
}

/* ============================================================ */

/* ============================================================
   DOLUNAY — BÖLÜM 3: Bug Fix + Showcase, Info Bar, Footer,
   Newsletter, WhatsApp, Anasayfa Polish, Arama, Hesap
   ============================================================ */

/* ─── FIX: SHOWCASE BÖLÜM BAŞLIKLARI ───────────────────────
   .p-g-m-h-i-title showcase'de direkt beyaz bg üzerinde —
   bu yüzden lacivert yazı + altın çizgi veriyoruz           */

.p-g-mod-t-55 .p-g-mod-header,
.p-g-mod-showcase .p-g-mod-header {
  background: transparent !important;
  padding: 0 0 8px !important;
  margin-bottom: 16px !important;
}

.p-g-mod-t-55 .p-g-m-h-info,
.p-g-mod-showcase .p-g-m-h-info {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.p-g-mod-t-55 .p-g-m-h-i-title,
.p-g-mod-showcase .p-g-m-h-i-title {
  color: var(--dy-navy) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.4px !important;
  text-transform: none !important;
  padding: 0 !important;
  background: transparent !important;
  position: relative !important;
  display: inline-block !important;
}

.p-g-mod-t-55 .p-g-m-h-i-title::after,
.p-g-mod-showcase .p-g-m-h-i-title::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 3px !important;
  background: var(--dy-gold) !important;
  border-radius: 2px !important;
  margin-top: 7px !important;
}

/* FIX: filtre paneli başlıkları (sadece bunlar lacivert bg) */
.p-g-b-c-0 .p-g-m-h-i-title {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  display: block !important;
}

.p-g-b-c-0 .p-g-m-h-i-title::after {
  display: none !important;
}

/* ─── INFO BAR (Hızlı Teslimat / Güvenli Alışveriş vb.) ─── */
.info-bar-1 {
  background: var(--dy-navy) !important;
  padding: 20px 0 !important;
  margin: 0 !important;
}

.info-bar-1 .icon-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 20px !important;
}

.info-bar-1 .icon-group i,
.info-bar-1 .icon-group [class*="icon"] {
  font-size: 28px !important;
  color: var(--dy-gold) !important;
  flex-shrink: 0 !important;
}

.info-bar-1 .icon-group .name {
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #fff !important;
  letter-spacing: .2px !important;
}

.info-bar-1 .icon-group .description {
  font-size: 11px !important;
  color: rgba(255,255,255,.6) !important;
  margin-top: 2px !important;
}

/* ─── FOOTER KAPSAMLI STİL ──────────────────────────────── */
footer {
  background: var(--dy-navy) !important;
  color: rgba(255,255,255,.8) !important;
}

footer .bb {
  background: var(--dy-navy) !important;
  padding: 48px 0 32px !important;
}

footer .title {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(245,183,61,.4) !important;
}

footer .fs li {
  margin-bottom: 8px !important;
}

footer .fs li a {
  color: rgba(255,255,255,.65) !important;
  font-size: 13px !important;
  transition: color var(--dy-trans), padding-left var(--dy-trans) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

footer .fs li a::before {
  content: '›' !important;
  color: var(--dy-gold) !important;
  font-size: 14px !important;
}

footer .fs li a:hover {
  color: var(--dy-gold) !important;
  padding-left: 4px !important;
}

/* Footer iletişim alanı */
footer .contact-info,
footer .iletisim {
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
}

footer .contact-info i,
footer .iletisim i {
  color: var(--dy-gold) !important;
}

/* Newsletter alanı */
footer .newsletter,
footer .e-posta,
footer [class*="newsletter"] {
  margin-top: 20px !important;
}

footer .newsletter input,
footer [class*="newsletter"] input {
  border: 1.5px solid rgba(255,255,255,.2) !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
  border-radius: 8px 0 0 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  height: 42px !important;
  flex: 1 !important;
  outline: none !important;
}

footer .newsletter input::placeholder,
footer [class*="newsletter"] input::placeholder {
  color: rgba(255,255,255,.4) !important;
}

footer .newsletter input:focus {
  border-color: var(--dy-gold) !important;
  background: rgba(255,255,255,.1) !important;
}

footer .newsletter button,
footer [class*="newsletter"] button,
footer [class*="newsletter"] .btn {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
  border: none !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 42px !important;
  cursor: pointer !important;
  transition: background var(--dy-trans) !important;
  white-space: nowrap !important;
}

footer .newsletter button:hover {
  background: #e6a52e !important;
}

/* Footer alt copyright */
footer .copyright,
footer [class*="copyright"] {
  background: rgba(0,0,0,.25) !important;
  color: rgba(255,255,255,.4) !important;
  font-size: 11px !important;
  padding: 14px 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* Footer sosyal medya ikonları */
footer .social a,
footer [class*="social-icons"] a,
footer [class*="social"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(255,255,255,.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,.75) !important;
  font-size: 16px !important;
  transition: background var(--dy-trans), color var(--dy-trans) !important;
  margin-right: 6px !important;
}

footer .social a:hover,
footer [class*="social"] a:hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* ─── WHATSAPP BUTONU ÖNE ÇIKARMA ─────────────────────── */
.btn-whatsapp,
a[href*="wa.me"],
a[href*="whatsapp"],
[class*="whatsapp"] {
  background: #25D366 !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background var(--dy-trans), transform var(--dy-trans) !important;
}

.btn-whatsapp:hover,
a[href*="wa.me"]:hover {
  background: #1ebe5b !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Ürün detay WhatsApp ile Sipariş Ver butonu */
a[href*="whatsapp"].btn,
[class*="whatsapp-order"] {
  border: none !important;
  height: 50px !important;
  font-size: 14px !important;
  padding: 0 20px !important;
}

/* ─── ANASAYFA SHOWCASE BÖLÜMÜ (YENİ ÜRÜNLER vb.) ─────── */
.p-g-mod-t-55 {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 24px 20px !important;
  box-shadow: 0 2px 16px rgba(22,34,74,.06) !important;
  margin-bottom: 24px !important;
}

/* Showcase owl carousel ok butonları */
.p-g-mod-t-55 .owl-nav button,
.p-g-mod-t-55 .carousel-control-next,
.p-g-mod-t-55 .carousel-control-prev {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background var(--dy-trans) !important;
  border: none !important;
}

.p-g-mod-t-55 .owl-nav button:hover,
.p-g-mod-t-55 .carousel-control-next:hover,
.p-g-mod-t-55 .carousel-control-prev:hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* ─── LOGO HEADER ALANI ─────────────────────────────────── */
header.desktop .logo {
  display: flex !important;
  align-items: center !important;
}

header.desktop .logo a img {
  max-height: 70px !important;
  width: auto !important;
  filter: none !important; /* Logo renkli görselle geliyorsa koruyalım */
}

/* ─── HEADER OVERLAY (top-bar) ──────────────────────────── */
.h-contact {
  background: #0e1a3a !important;
  padding: 6px 0 !important;
  font-size: 12px !important;
}

.h-contact a,
.h-contact span {
  color: rgba(255,255,255,.65) !important;
}

.h-contact a:hover {
  color: var(--dy-gold) !important;
}

/* ─── ANASAYFA HERO SLIDER ──────────────────────────────── */
.carousel-type-1 .carousel-control-prev,
.carousel-type-1 .carousel-control-next {
  width: 44px !important;
  height: 44px !important;
  background: rgba(22,34,74,.7) !important;
  border-radius: 50% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  backdrop-filter: blur(4px) !important;
  transition: background var(--dy-trans) !important;
}

.carousel-type-1 .carousel-control-prev:hover,
.carousel-type-1 .carousel-control-next:hover {
  background: var(--dy-gold) !important;
}

.carousel-type-1 .carousel-indicators li,
.carousel-type-1 .carousel-indicators button {
  background: rgba(255,255,255,.5) !important;
  border-radius: 4px !important;
  transition: background var(--dy-trans), width var(--dy-trans) !important;
}

.carousel-type-1 .carousel-indicators .active,
.carousel-type-1 .carousel-indicators li.active {
  background: var(--dy-gold) !important;
  width: 24px !important;
}

/* ─── ARAMA SAYFASI ─────────────────────────────────────── */
.arama-header,
[class*="search-header"] {
  padding: 20px 0 !important;
  border-bottom: 2px solid #eef0f5 !important;
  margin-bottom: 24px !important;
}

/* ─── HESAP SAYFASI ─────────────────────────────────────── */
.account-nav a,
[class*="account-menu"] a {
  color: var(--dy-navy) !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  transition: background var(--dy-trans), color var(--dy-trans) !important;
}

.account-nav a:hover,
[class*="account-menu"] a:hover,
.account-nav a.active {
  background: var(--dy-navy) !important;
  color: #fff !important;
}

/* ─── SEPETİM SAYFASI ───────────────────────────────────── */
.cart-table th {
  background: var(--dy-navy) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: .5px !important;
}

.cart-table td {
  vertical-align: middle !important;
  border-color: #eef0f5 !important;
}

.cart-total-box,
[class*="cart-summary"] {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: var(--dy-shadow) !important;
  padding: 24px !important;
}

/* ─── GENEL ALERT / TOAST ───────────────────────────────── */
.alert-success,
.toast-success {
  background: linear-gradient(135deg, var(--dy-navy), #2a3f7f) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  border-left: 4px solid var(--dy-gold) !important;
}

.alert-danger,
.toast-danger {
  border-left: 4px solid #e05252 !important;
  border-radius: 8px !important;
}

/* ─── ÜRÜN OLMAYAN SAYFA (404) ──────────────────────────── */
.e404-page-type-1 {
  background: var(--dy-bg) !important;
}

.e404-btn {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* ─── CAROUSEL OWL DOT INDİKATÖRLERİ ───────────────────── */
.owl-dots .owl-dot span {
  background: rgba(22,34,74,.2) !important;
  transition: background var(--dy-trans), width var(--dy-trans) !important;
}

.owl-dots .owl-dot.active span {
  background: var(--dy-gold) !important;
  width: 20px !important;
  border-radius: 4px !important;
}

/* ─── ÜRÜN LİSTESİ SAYFALAMA ────────────────────────────── */
.pagination {
  gap: 4px !important;
  justify-content: center !important;
  margin-top: 32px !important;
}

.pagination .page-link {
  border-radius: 8px !important;
  color: var(--dy-navy) !important;
  font-weight: 600 !important;
  min-width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid #eef0f5 !important;
  transition: all var(--dy-trans) !important;
}

.pagination .page-item.active .page-link {
  background: var(--dy-navy) !important;
  border-color: var(--dy-navy) !important;
  color: #fff !important;
}

.pagination .page-link:hover {
  background: var(--dy-navy) !important;
  border-color: var(--dy-navy) !important;
  color: #fff !important;
}

/* ─── ÜRÜN KART FİYAT GRUBU DÜZELTMELERİ ───────────────── */
.card-product .price-group {
  margin: 6px 0 10px !important;
}

.card-product .sale-price {
  color: var(--dy-navy) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* ─── ÜRÜN DETAY ARKAPLAN ───────────────────────────────── */
.product-profile-1 {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 2px 16px rgba(22,34,74,.07) !important;
  margin: 16px 0 !important;
}

/* ─── MODAL GENEL ───────────────────────────────────────── */
.modal-content {
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 80px rgba(22,34,74,.2) !important;
}

.modal-header {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0 !important;
  border: none !important;
}

.modal-header .close,
.modal-header .btn-close {
  color: #fff !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
}

.modal-footer {
  border-top: 1px solid #eef0f5 !important;
}

/* ─── YÜKLEME ANIMASYONU ────────────────────────────────── */
.overlay .spin {
  color: var(--dy-gold) !important;
}

/* ─── DROPDOWN HESABIM ──────────────────────────────────── */
[class*="account-dropdown"],
[class*="user-dropdown"] {
  border: none !important;
  border-radius: 10px !important;
  box-shadow: var(--dy-shadow-lg) !important;
  border-top: 3px solid var(--dy-gold) !important;
}

[class*="account-dropdown"] a,
[class*="user-dropdown"] a {
  color: var(--dy-navy) !important;
  padding: 10px 16px !important;
  transition: background var(--dy-trans) !important;
}

[class*="account-dropdown"] a:hover,
[class*="user-dropdown"] a:hover {
  background: var(--dy-bg) !important;
  color: var(--dy-navy) !important;
}

/* ─── GLOBAL BADGE ──────────────────────────────────────── */
.badge {
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
}

.badge-primary {
  background: var(--dy-navy) !important;
}

.badge-warning {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* ─── CHECKBOX / RADIO GENEL ────────────────────────────── */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: var(--dy-navy) !important;
}

/* ─── FORM SUBMIT BUTON ─────────────────────────────────── */
button[type="submit"]:not(.dy-quick-view-btn):not(.dy-sticky-buy-btn):not(.dy-back-top),
.btn-submit {
  background: var(--dy-navy) !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: none !important;
  font-weight: 700 !important;
  transition: background var(--dy-trans) !important;
}

button[type="submit"]:not(.dy-quick-view-btn):not(.dy-sticky-buy-btn):not(.dy-back-top):hover {
  background: var(--dy-gold) !important;
  color: var(--dy-navy) !important;
}

/* ─── ANASAYFA BÖLÜM ARKALANI ───────────────────────────── */
.pattern-group {
  background: var(--dy-bg) !important;
}

/* ─── RESPONSIVE SON DOKUNUŞlar ────────────────────────── */
@media (max-width: 767px) {
  .p-g-mod-t-55 {
    padding: 16px 12px !important;
    border-radius: 8px !important;
  }

  .p-g-mod-t-55 .p-g-m-h-i-title {
    font-size: 18px !important;
  }

  .info-bar-1 .icon-group {
    padding: 8px 12px !important;
  }

  footer .bb {
    padding: 32px 0 20px !important;
  }

  footer .title {
    font-size: 12px !important;
    cursor: pointer !important;
  }
}

/* ============================================================ */

/* ============================================================
   DOLUNAY - BÖLÜM 4: DUYURU BANDI FIX + LAYOUT DÜZELTMELERİ
   ============================================================ */

/* Duyuru bandını fixed yap - sayfayı aşağı itmesin */
.dy-announce {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 10001 !important;
}

/* Header'ı duyuru bandının altına taşı */
header.desktop.dy-sticky,
header.desktop {
  top: 36px !important;
}

/* Duyuru bandı kapalıysa header tekrar yukarı çıksın */
header.desktop.dy-sticky.dy-no-announce,
header.desktop.dy-no-announce {
  top: 0 !important;
}

/* Mobil duyuru bandı yüksekliği daha az olabilir */
@media (max-width: 768px) {
  .dy-announce {
    font-size: 11px !important;
    padding: 6px 8px !important;
    min-height: 30px !important;
  }
  header.desktop.dy-sticky,
  header.desktop {
    top: 30px !important;
  }
}

/* Sayfa ilk içeriği - header + announce yüksekliği kadar padding */
/* Fresa tema genelde .wrapper veya ilk section kullanıyor */
body {
  padding-top: 0 !important;
}

/* Showcase/hero section - header altında kaybolmasın */
.dy-showcase-fix {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ============================================================
   DOLUNAY - BÖLÜM 4: SOSYAL KANIT BİLDİRİMİ
   ============================================================ */
.dy-social-proof {
  position: fixed;
  bottom: 80px;
  left: 20px;
  z-index: 9000;
  background: #fff;
  border: 1px solid #e8eaf0;
  border-left: 3px solid #F5B73D;
  border-radius: 8px;
  padding: 12px 16px;
  min-width: 240px;
  max-width: 300px;
  box-shadow: 0 4px 20px rgba(22,34,74,0.12);
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateX(-120%);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;
  pointer-events: none;
}
.dy-social-proof.dy-sp-show {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.dy-social-proof-icon {
  font-size: 24px;
  flex-shrink: 0;
  line-height: 1;
}
.dy-social-proof-text {
  flex: 1;
  min-width: 0;
}
.dy-social-proof-title {
  font-size: 13px;
  font-weight: 700;
  color: #16224A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.dy-social-proof-desc {
  font-size: 11px;
  color: #6b7280;
  margin-top: 2px;
}
.dy-social-proof-close {
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.5;
  font-size: 14px;
  line-height: 1;
  color: #16224A;
  background: none;
  border: none;
  padding: 0;
}
.dy-social-proof-close:hover { opacity: 1; }
@media (max-width: 768px) {
  .dy-social-proof {
    bottom: 70px;
    left: 10px;
    min-width: 200px;
    max-width: 260px;
    padding: 10px 12px;
  }
}

/* ============================================================
   DOLUNAY - BÖLÜM 4: GERİ SAYIM SAYACI
   ============================================================ */
.dy-countdown-bar {
  background: linear-gradient(90deg, #16224A 0%, #1e3170 100%);
  color: #fff;
  text-align: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dy-countdown-label {
  color: #9AA6C7;
}
.dy-countdown-timer {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.dy-countdown-unit {
  background: rgba(245,183,61,0.15);
  border: 1px solid rgba(245,183,61,0.3);
  border-radius: 4px;
  padding: 2px 6px;
  min-width: 32px;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  color: #F5B73D;
  font-variant-numeric: tabular-nums;
  letter-spacing: 1px;
}
.dy-countdown-sep {
  color: #F5B73D;
  font-weight: 700;
  font-size: 15px;
}
.dy-countdown-bar .dy-cd-badge {
  background: #F5B73D;
  color: #16224A;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .dy-countdown-bar {
    font-size: 11px;
    padding: 6px 8px;
    gap: 6px;
  }
  .dy-countdown-unit {
    font-size: 13px;
    min-width: 26px;
    padding: 2px 4px;
  }
}

/* ============================================================
   DOLUNAY - BÖLÜM 4: RENK SEÇİCİ (COLOR SWATCH) ÜRÜN KARTI
   ============================================================ */
.dy-card-swatches {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 4px 0 2px;
  flex-wrap: wrap;
  min-height: 20px;
}
.dy-card-swatch {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid #e0e0e0;
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease;
  flex-shrink: 0;
}
.dy-card-swatch:hover,
.dy-card-swatch.dy-active {
  transform: scale(1.2);
  border-color: #16224A;
}
.dy-card-swatch-more {
  font-size: 10px;
  color: #9AA6C7;
  font-weight: 600;
}

/* ============================================================
   DOLUNAY - BÖLÜM 4: DAHA FAZLA YÜKLE BUTONU
   ============================================================ */
.dy-load-more-wrap {
  text-align: center;
  padding: 32px 16px 16px;
}
.dy-load-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 2px solid #16224A;
  color: #16224A;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 32px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  letter-spacing: 0.3px;
}
.dy-load-more-btn:hover {
  background: #16224A;
  color: #fff;
}
.dy-load-more-btn.dy-loading {
  opacity: 0.7;
  pointer-events: none;
}
.dy-load-more-btn .dy-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: dy-spin 0.8s linear infinite;
  display: none;
}
.dy-load-more-btn.dy-loading .dy-spinner {
  display: block;
}
@keyframes dy-spin {
  to { transform: rotate(360deg); }
}

/* ============================================================
   DOLUNAY - BÖLÜM 4: ÜRÜN BADGE / ETİKET GELİŞTİRMELERİ
   ============================================================ */
.dy-badge-new {
  background: #16224A !important;
  color: #fff !important;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.dy-badge-sale {
  background: #e53e3e !important;
  color: #fff !important;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
}
.dy-badge-gold {
  background: #F5B73D !important;
  color: #16224A !important;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 3px;
}

/* ============================================================
   DOLUNAY - BÖLÜM 4: SEPET SAYFASI GELİŞTİRMELERİ
   ============================================================ */
.dy-cart-progress {
  background: #f0f2f7;
  border-radius: 12px;
  overflow: hidden;
  height: 6px;
  margin: 8px 0 4px;
}
.dy-cart-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #F5B73D, #e5a82d);
  border-radius: 12px;
  transition: width 0.5s ease;
}
.dy-cart-free-ship {
  font-size: 12px;
  color: #16224A;
  font-weight: 500;
  text-align: center;
  padding: 4px 0;
}
.dy-cart-free-ship strong { color: #F5B73D; }

/* ============================================================
   DOLUNAY - BÖLÜM 4: ÜRÜN LİSTESİ İYİLEŞTİRMELERİ
   ============================================================ */
/* Kategori ürün sayısı */
.dy-product-count {
  font-size: 13px;
  color: #9AA6C7;
  font-weight: 400;
}

/* Sıralama seçici */
.dy-sort-select {
  appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2316224A' d='M6 8L0 0h12z'/%3E%3C/svg%3E") no-repeat right 10px center;
  border: 1.5px solid #e0e4ef;
  border-radius: 6px;
  padding: 6px 28px 6px 10px;
  font-size: 13px;
  color: #16224A;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
  background-size: 8px;
}
.dy-sort-select:focus { border-color: #16224A; }

/* ============================================================
   DOLUNAY - BÖLÜM 4: OVERLAY & ARC DÜZELTME
   ============================================================ */
/* Sayfanın üstündeki boşluğu kapat - announce fixed olduğunda body'de ghost space olmamalı */
.dy-announce + * {
  margin-top: 0 !important;
}

/* ============================================================
   DOLUNAY - BÖLÜM 5: ÜRÜN KARTI CRO + SLIDER BAŞLIKLARI
   + KATEGORİ SAYFA İYİLEŞTİRMELERİ + FOOTER FIX
   ============================================================ */

/* ----------------------------------------------------------
   ÜRÜN KARTI (card-product) - Hover, Fiyat, Badge
   ---------------------------------------------------------- */

/* Kart genel */
.card-product {
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease !important;
  background: #fff !important;
  border: 1px solid #f0f2f7 !important;
}
.card-product:hover {
  box-shadow: 0 8px 32px rgba(22,34,74,0.13) !important;
  transform: translateY(-3px) !important;
  border-color: #e0e4ef !important;
}

/* Kart görsel alanı */
.card-product .image-wrapper {
  position: relative !important;
  overflow: hidden !important;
  background: #f8f9fc !important;
}
.card-product .image-wrapper .image {
  transition: transform 0.35s ease !important;
}
.card-product:hover .image-wrapper .image {
  transform: scale(1.04) !important;
}

/* KARGO BEDAVA badge - marka renklerine uygun */
.free-cargo-badge {
  background: linear-gradient(135deg, #16224A, #1e3a8a) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  border-radius: 4px 0 4px 0 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  z-index: 3 !important;
  border: none !important;
}

/* Ürün başlığı */
.card-product .title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #16224A !important;
  line-height: 1.4 !important;
  min-height: 36px !important;
  transition: color 0.15s ease !important;
}
.card-product:hover .title {
  color: #F5B73D !important;
}

/* Fiyat stili */
.card-product .sale-price,
.card-product .price-group .price {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #16224A !important;
}
.card-product .old-price,
.card-product .market-price {
  font-size: 12px !important;
  color: #9AA6C7 !important;
  text-decoration: line-through !important;
}

/* İndirim yüzdesi */
.card-product .discount-rate,
.card-product .discount-badge {
  background: #e53e3e !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
}

/* Sepete ekle butonu */
.card-product .btn-cart {
  background: #16224A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
}
.card-product .btn-cart:hover {
  background: #F5B73D !important;
  color: #16224A !important;
  transform: scale(1.02) !important;
}

/* Quick view butonu (Hızlı Bak) */
.card-product .dy-quick-view-btn {
  background: rgba(255,255,255,0.95) !important;
  color: #16224A !important;
  border: 1.5px solid #e0e4ef !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 4px !important;
  cursor: pointer !important;
}
.card-product .dy-quick-view-btn:hover {
  background: #16224A !important;
  color: #fff !important;
  border-color: #16224A !important;
}

/* Butonlar container */
.card-product .buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 8px 12px 12px !important;
}

/* ----------------------------------------------------------
   SLIDER / SHOWCASE BÖLÜM BAŞLIKLARI
   Anasayfadaki ürün slider'larının üstündeki başlıklar
   ---------------------------------------------------------- */
.pattern-group > .container > .row > .col-12 > h2,
.pattern-group > .container > .row > .col-12 > h3,
[class*="section-title"],
[class*="block-title"],
.dy-section-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #16224A !important;
  letter-spacing: -0.3px !important;
  position: relative !important;
  padding-bottom: 12px !important;
  margin-bottom: 20px !important;
}
.pattern-group > .container > .row > .col-12 > h2::after,
.pattern-group > .container > .row > .col-12 > h3::after,
[class*="section-title"]::after,
.dy-section-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 40px !important;
  height: 3px !important;
  background: #F5B73D !important;
  border-radius: 2px !important;
}

/* Pattern group başlık stilleri */
.panel-header,
.slider-header,
[class*="panel-header"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #f0f2f7 !important;
}

/* ----------------------------------------------------------
   KATEGORİ SAYFASI - Filtre & Ürün Listesi
   ---------------------------------------------------------- */

/* Filtre sol panel */
[class*="filter-col"], .filter-col,
.col-filter, [class*="col-filter"] {
  background: #fff !important;
  border-radius: 10px !important;
  border: 1px solid #f0f2f7 !important;
  padding: 16px !important;
}

/* Filtre başlıkları */
[class*="filter-title"], [class*="filter-group-title"],
.filter-group > .title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #16224A !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
}

/* Filtre checkbox'ları */
.filter-group input[type="checkbox"],
[class*="filter"] input[type="checkbox"] {
  accent-color: #16224A !important;
  width: 14px !important;
  height: 14px !important;
  cursor: pointer !important;
}
.filter-group label,
[class*="filter"] label {
  font-size: 13px !important;
  color: #374151 !important;
  cursor: pointer !important;
  transition: color 0.15s !important;
}
.filter-group label:hover,
[class*="filter"] label:hover {
  color: #16224A !important;
}

/* Sıralama select */
.products-sort select,
[class*="sort"] select,
.order-select {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 6px !important;
  padding: 8px 32px 8px 12px !important;
  font-size: 13px !important;
  color: #16224A !important;
  background: #fff !important;
  cursor: pointer !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}
.products-sort select:focus,
[class*="sort"] select:focus {
  border-color: #16224A !important;
}

/* Grid görünüm butonları */
[class*="view-btn"], [class*="grid-view"],
.view-type, [class*="view-type"] {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 5px !important;
  color: #9AA6C7 !important;
  transition: all 0.2s !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
}
[class*="view-btn"].active, [class*="view-btn"]:hover,
.view-type.active, .view-type:hover {
  background: #16224A !important;
  color: #fff !important;
  border-color: #16224A !important;
}

/* Fiyat filtresi giriş alanları */
.price-filter input,
[class*="price-range"] input {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 13px !important;
  color: #16224A !important;
  width: 80px !important;
  text-align: center !important;
  outline: none !important;
}
.price-filter input:focus,
[class*="price-range"] input:focus {
  border-color: #16224A !important;
}
.price-filter button,
[class*="price-range"] button {
  background: #16224A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 6px 12px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  transition: background 0.2s !important;
}
.price-filter button:hover {
  background: #F5B73D !important;
  color: #16224A !important;
}

/* Aktif filtre badge'ları */
.active-filter, [class*="active-filter"] {
  background: #f0f2f7 !important;
  color: #16224A !important;
  border: 1px solid #e0e4ef !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
.active-filter:hover { background: #16224A !important; color: #fff !important; }

/* ----------------------------------------------------------
   STARS (YıLDIZ DEĞERLENDİRME)
   ---------------------------------------------------------- */
.product-reviews .star i.fa-star,
.product-reviews .star .fa-star {
  color: #F5B73D !important;
  font-size: 11px !important;
}
.product-reviews .star i.fa-star-o,
.product-reviews .star .fa-star-o {
  color: #ddd !important;
  font-size: 11px !important;
}

/* ----------------------------------------------------------
   FOOTER ALTINDAKİ BEYAZ BOŞLUK DÜZELTMESİ
   ---------------------------------------------------------- */
.qukasoft-footer,
[class*="qukasoft"],
.powered-by,
[class*="powered"] {
  background: #111827 !important;
  padding: 12px 0 !important;
  text-align: center !important;
}
.qukasoft-footer a,
[class*="qukasoft"] a {
  color: #6b7280 !important;
}

/* Qukasoft logo alanı */
body > div:last-child:not(.dy-mobile-nav):not(.dy-back-top):not(.dy-wa-float):not(.dy-social-proof) {
  background: #111827 !important;
}

/* ----------------------------------------------------------
   MÜŞTERİ YORUMLARI BÖLÜMÜ
   ---------------------------------------------------------- */
.review-card, [class*="review-item"], [class*="comment-item"] {
  background: #fff !important;
  border: 1px solid #f0f2f7 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  transition: box-shadow 0.2s ease !important;
}
.review-card:hover { box-shadow: 0 4px 16px rgba(22,34,74,0.08) !important; }
.review-author, [class*="review-author"] {
  font-weight: 700 !important;
  color: #16224A !important;
  font-size: 13px !important;
}
.review-date, [class*="review-date"] {
  font-size: 11px !important;
  color: #9AA6C7 !important;
}
.review-text, [class*="review-body"] {
  font-size: 13px !important;
  color: #374151 !important;
  line-height: 1.6 !important;
  margin-top: 6px !important;
}

/* ----------------------------------------------------------
   ARAMA KUTUSU - Autocomplete dropdown stili
   ---------------------------------------------------------- */
.search-autocomplete, [class*="search-result"], [class*="autocomplete"] {
  border-radius: 8px !important;
  border: 1px solid #e0e4ef !important;
  box-shadow: 0 8px 32px rgba(22,34,74,0.12) !important;
  overflow: hidden !important;
  background: #fff !important;
}
.search-autocomplete-item, [class*="search-item"] {
  padding: 10px 14px !important;
  font-size: 13px !important;
  color: #16224A !important;
  transition: background 0.15s !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.search-autocomplete-item:hover {
  background: #f0f2f7 !important;
}
.search-autocomplete-item strong {
  color: #F5B73D !important;
}

/* ----------------------------------------------------------
   SAYFALAMA (Pagination)
   ---------------------------------------------------------- */
.pagination, [class*="pagination"] {
  display: flex !important;
  gap: 6px !important;
  justify-content: center !important;
  padding: 24px 0 !important;
  flex-wrap: wrap !important;
}
.pagination .page-item a, .pagination .page-link,
[class*="pagination"] a, [class*="page-link"] {
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1.5px solid #e0e4ef !important;
  color: #16224A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.18s ease !important;
  text-decoration: none !important;
  background: #fff !important;
}
.pagination .page-item.active a, .pagination .active .page-link,
[class*="pagination"] .active a, [class*="page-item"].active {
  background: #16224A !important;
  color: #fff !important;
  border-color: #16224A !important;
}
.pagination .page-item a:hover, .pagination .page-link:hover,
[class*="pagination"] a:hover {
  background: #F5B73D !important;
  color: #16224A !important;
  border-color: #F5B73D !important;
}

/* ----------------------------------------------------------
   ÜRÜN DETAY - İLGİLİ ÜRÜNLER / ÖNERİLEN
   ---------------------------------------------------------- */
.related-products, [class*="related"], [class*="similar"],
[class*="suggested"] {
  padding: 32px 0 !important;
}

/* ----------------------------------------------------------
   RESPONSIVE İYİLEŞTİRMELER
   ---------------------------------------------------------- */
@media (max-width: 768px) {
  .card-product .title {
    font-size: 12px !important;
    min-height: 30px !important;
  }
  .card-product .sale-price {
    font-size: 14px !important;
  }
  .card-product .btn-cart {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  .free-cargo-badge {
    font-size: 9px !important;
    padding: 3px 6px !important;
  }
}

/* ============================================================
   DOLUNAY - BÖLÜM 5 EK: ÜRÜN GÖRSEL CONTAINER DÜZELTMESİ
   ============================================================ */

/* Ürün kartı görsel alanını düzelt */
.card-product .card-product-inner .image-wrapper {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3/4 !important;
  overflow: hidden !important;
  background: #f8f9fc !important;
  border-radius: 8px 8px 0 0 !important;
  position: relative !important;
}

.card-product .card-product-inner .image-wrapper .image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.card-product .card-product-inner .image-wrapper .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.card-product:hover .card-product-inner .image-wrapper .image img {
  transform: scale(1.04) !important;
}

/* Ürün listesi - list view */
.card-list-product .card-list-product-inner .image-wrapper {
  width: 140px !important;
  min-width: 140px !important;
  height: 180px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
}
.card-list-product .card-list-product-inner .image-wrapper .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Kart yüksekliğini sınırla */
.card-product {
  height: auto !important;
  min-height: unset !important;
}

/* Kart içerik padding */
.card-product .card-product-content {
  padding: 10px 12px 12px !important;
}

.card-product .title {
  margin-bottom: 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* free-cargo-badge pozisyonu düzelt */
.card-product .free-cargo-badge {
  position: absolute !important;
  top: 8px !important;
  left: 0 !important;
  z-index: 4 !important;
}

/* Arama kutusu placeholder */
.h-search input[type="text"],
.h-search input[type="search"],
header .search-input,
header input[type="search"] {
  color: #16224A !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1.5px solid rgba(255,255,255,0.2) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}
.h-search input:focus,
header input[type="search"]:focus {
  background: #fff !important;
  color: #16224A !important;
  border-color: #F5B73D !important;
  box-shadow: 0 0 0 3px rgba(245,183,61,0.15) !important;
  outline: none !important;
}
.h-search input::placeholder,
header input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}
.h-search input:focus::placeholder {
  color: #9AA6C7 !important;
}

/* ============================================================
   DOLUNAY - SCROLL PROGRESS BAR
   ============================================================ */
.dy-scroll-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #F5B73D, #e5a82d) !important;
  z-index: 99999 !important;
  width: 0% !important;
  transition: width 0.1s linear !important;
  pointer-events: none !important;
}

/* ============================================================
   DOLUNAY - ÜRÜN DETAY BEDEN REHBER LİNK
   ============================================================ */
.dy-size-guide {
  font-size: 11px !important;
  color: #9AA6C7 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
  transition: color 0.15s !important;
}
.dy-size-guide:hover {
  color: #F5B73D !important;
}

/* ============================================================
   DOLUNAY - ÜRÜN KARTLARI OWL SLIDER NAVIGASYON
   ============================================================ */
/* Owl nav ok butonları - ürün slideshow */
.owl-carousel .owl-nav {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  pointer-events: none !important;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  pointer-events: all !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(255,255,255,0.92) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(22,34,74,0.15) !important;
  transition: all 0.2s ease !important;
  border: none !important;
  cursor: pointer !important;
  margin: 0 4px !important;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  background: #16224A !important;
  color: #fff !important;
}

/* ============================================================
   DOLUNAY - GENEL BUTON STİLLERİ (Primary/Secondary)
   ============================================================ */
.btn-primary, [class*="btn-primary"] {
  background: #16224A !important;
  color: #fff !important;
  border: 2px solid #16224A !important;
  border-radius: 7px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.btn-primary:hover, [class*="btn-primary"]:hover {
  background: #F5B73D !important;
  color: #16224A !important;
  border-color: #F5B73D !important;
}

/* ============================================================
   DOLUNAY - MOBİL İYİLEŞTİRMELER
   ============================================================ */
@media (max-width: 576px) {
  .card-product .card-product-inner .image-wrapper {
    aspect-ratio: 3/4 !important;
  }
  .card-product .title {
    font-size: 11px !important;
    -webkit-line-clamp: 2 !important;
  }
  .card-product .sale-price {
    font-size: 13px !important;
  }
}

/* DOLUNAY - GÖRSEL FIX: .image div tam kapla */
.card-product .card-product-inner .image-wrapper .image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.card-product .card-product-inner .image-wrapper .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

/* DOLUNAY - GORSEL FIX V2 - daha spesifik */
body .card-product .card-product-inner .image-wrapper { position: relative !important; }
body .card-product .card-product-inner .image-wrapper .image,
.products .card-product .image-wrapper .image,
.product-list .card-product .image-wrapper .image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body .card-product .card-product-inner .image-wrapper .image img,
.products .card-product .image-wrapper .image img,
.product-list .card-product .image-wrapper .image img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* ============================================================
   DOLUNAY - BÖLÜM 6: HEADER OFFSET FIX + BÖLÜM BAŞLIKLARI
   + ÜRÜN KARTI İÇERİK + MOBİL + DETAY SAYFASI
   ============================================================ */

/* ----------------------------------------------------------
   HEADER OFFSET: Announce yokken top:0, varken top:36px
   (JS tarafından .dy-has-announce class ile yönetilecek)
   ---------------------------------------------------------- */
header.desktop {
  top: 0 !important;
  transition: top 0.3s ease !important;
}
body.dy-has-announce header.desktop {
  top: 36px !important;
}
@media (max-width: 768px) {
  body.dy-has-announce header.desktop {
    top: 30px !important;
  }
}

/* ----------------------------------------------------------
   ÜRÜN KARTI İÇERİK - YıLDIZ + BAŞLIK + FİYAT DÜZELTMESİ
   ---------------------------------------------------------- */
/* Yıldız review satırı */
.card-product .product-reviews {
  padding: 6px 12px 0 !important;
}
.card-product .product-reviews .stars {
  display: flex !important;
  gap: 1px !important;
}

/* Kart içerik alanı */
.card-product .card-product-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Fiyat grubu */
.card-product .price-group {
  padding: 4px 12px 0 !important;
}
.card-product .prices {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.card-product .prices .sale-price {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #16224A !important;
}
.card-product .prices .market-price {
  font-size: 12px !important;
  color: #9AA6C7 !important;
  text-decoration: line-through !important;
}

/* Taksit bilgisi */
.card-product .installment-info,
.card-product [class*="installment"] {
  font-size: 11px !important;
  color: #9AA6C7 !important;
  padding: 2px 12px 0 !important;
}

/* ----------------------------------------------------------
   ANASAYFA BÖLÜM BAŞLIKLARI - Pattern Group Title
   ---------------------------------------------------------- */
/* YENİ ÜRÜNLER, INDİRİMLİ ÜRÜNLER vb. slider başlıkları */
.pattern-group .panel-header,
.pattern-group [class*="panel-header"],
.pattern-group > div > .container > .row > .col-12 > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 0 16px 0 !important;
  border-bottom: 2px solid #f0f2f7 !important;
  margin-bottom: 20px !important;
}

/* Kategori showcase banner - hero altındaki kategori grid */
.home-showcase .showcase-item,
[class*="showcase"] .showcase-item,
[class*="category-card"] {
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.home-showcase .showcase-item:hover,
[class*="showcase"] .showcase-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(22,34,74,0.15) !important;
}

/* ----------------------------------------------------------
   ÜRÜN DETAY SAYFASI - İYİLEŞTİRMELER
   ---------------------------------------------------------- */
/* Ürün başlığı */
.product-detail h1,
.product-detail .product-title,
[class*="product-name"] h1 {
  font-size: clamp(18px, 2.5vw, 26px) !important;
  font-weight: 800 !important;
  color: #16224A !important;
  line-height: 1.3 !important;
  letter-spacing: -0.3px !important;
}

/* Beden seçici butonlar */
.product-detail [class*="size"] a,
.product-detail [class*="size"] button,
.product-detail [class*="variant"] a,
.option-item {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #16224A !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  background: #fff !important;
  min-width: 38px !important;
  text-align: center !important;
}
.product-detail [class*="size"] a:hover,
.product-detail [class*="size"] button:hover,
.option-item:hover {
  border-color: #16224A !important;
  background: #f0f2f7 !important;
}
.product-detail [class*="size"] a.active,
.product-detail [class*="size"] a.selected,
.product-detail [class*="size"] button.active,
.option-item.active, .option-item.selected {
  border-color: #16224A !important;
  background: #16224A !important;
  color: #fff !important;
}
/* Stokta yok */
.option-item.passive, .option-item.out-of-stock {
  opacity: 0.4 !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}

/* Renk seçici */
.product-detail [class*="color"] a,
.product-detail [class*="renk"] a {
  border-radius: 6px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  border: 1.5px solid #e0e4ef !important;
  transition: all 0.18s ease !important;
}
.product-detail [class*="color"] a.active {
  border-color: #F5B73D !important;
  box-shadow: 0 0 0 2px rgba(245,183,61,0.3) !important;
}

/* Fiyat alanı */
.product-detail .price-area,
.product-detail [class*="price-area"],
.product-detail .product-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 8px 0 !important;
}
.product-detail .main-price,
.product-detail [class*="main-price"] {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #16224A !important;
}
.product-detail .old-price,
.product-detail [class*="old-price"],
.product-detail .market-price {
  font-size: 16px !important;
  color: #9AA6C7 !important;
  text-decoration: line-through !important;
}

/* Miktar seçici */
.product-detail .quantity-input,
.product-detail [class*="quantity"] input,
.product-detail input[type="number"] {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #16224A !important;
  width: 48px !important;
  height: 44px !important;
}
.product-detail .quantity-btn,
.product-detail [class*="qty"] button,
.product-detail button.minus, .product-detail button.plus {
  width: 36px !important;
  height: 36px !important;
  border-radius: 6px !important;
  border: 1.5px solid #e0e4ef !important;
  background: #fff !important;
  color: #16224A !important;
  font-size: 18px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-detail .quantity-btn:hover { background: #16224A !important; color: #fff !important; }

/* ----------------------------------------------------------
   HEADER ARAMA KUTUSU - PLACEHOLDER RENGİ DÜZELTMESİ
   ---------------------------------------------------------- */
.h-search ::-webkit-input-placeholder { color: rgba(154,166,199,0.8) !important; }
.h-search ::-moz-placeholder { color: rgba(154,166,199,0.8) !important; }
.h-search :-ms-input-placeholder { color: rgba(154,166,199,0.8) !important; }
.h-search input { color: #fff !important; }
.h-search input:focus { color: #16224A !important; }

/* ----------------------------------------------------------
   SEPETİM DROPDOWN / MINI CART
   ---------------------------------------------------------- */
.mini-cart, [class*="mini-cart"], [class*="cart-dropdown"] {
  border-radius: 10px !important;
  border: 1px solid #f0f2f7 !important;
  box-shadow: 0 12px 40px rgba(22,34,74,0.15) !important;
  overflow: hidden !important;
}
.mini-cart-item, [class*="cart-item"] {
  padding: 12px !important;
  border-bottom: 1px solid #f0f2f7 !important;
  display: flex !important;
  gap: 12px !important;
}
.mini-cart-total, [class*="cart-total"] {
  background: #f8f9fc !important;
  padding: 12px !important;
  font-weight: 700 !important;
  color: #16224A !important;
  font-size: 15px !important;
}
.mini-cart-checkout, [class*="checkout-btn"] {
  background: #16224A !important;
  color: #fff !important;
  border-radius: 7px !important;
  font-weight: 600 !important;
  padding: 12px !important;
  width: 100% !important;
  text-align: center !important;
  transition: background 0.2s !important;
}
.mini-cart-checkout:hover { background: #F5B73D !important; color: #16224A !important; }

/* ----------------------------------------------------------
   GİRİŞ YAP / ÜYE OL BUTON (header)
   ---------------------------------------------------------- */
.h-center .btn-login,
.h-center [class*="btn-login"],
.h-center [class*="btn-user"] {
  background: #F5B73D !important;
  color: #16224A !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.h-center .btn-login:hover { background: #e5a82d !important; }

/* ----------------------------------------------------------
   FORM ALANLARI GENEL STİL
   ---------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="number"], textarea, select {
  border: 1.5px solid #e0e4ef !important;
  border-radius: 7px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  color: #16224A !important;
  background: #fff !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  outline: none !important;
  font-family: inherit !important;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="password"]:focus,
input[type="number"]:focus, textarea:focus, select:focus {
  border-color: #16224A !important;
  box-shadow: 0 0 0 3px rgba(22,34,74,0.08) !important;
}

/* Checkbox/radio marka rengi */
input[type="checkbox"] { accent-color: #16224A !important; }
input[type="radio"] { accent-color: #F5B73D !important; }

/* ----------------------------------------------------------
   TOAST / BİLDİRİM STİLLERİ
   ---------------------------------------------------------- */
.dy-toast {
  background: #16224A !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 8px 24px rgba(22,34,74,0.25) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 320px !important;
}
.dy-toast-icon { font-size: 18px !important; }
.dy-toast.dy-toast-success { border-left: 3px solid #38a169 !important; }
.dy-toast.dy-toast-error { border-left: 3px solid #e53e3e !important; }
.dy-toast.dy-toast-info { border-left: 3px solid #F5B73D !important; }

/* ----------------------------------------------------------
   MOBİL ALT NAVİGASYON İYİLEŞTİRME
   ---------------------------------------------------------- */
.dy-mobile-nav {
  box-shadow: 0 -4px 20px rgba(22,34,74,0.12) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  background: rgba(22,34,74,0.97) !important;
}
.dy-mobile-nav .dy-nav-item.active .dy-nav-icon {
  background: rgba(245,183,61,0.15) !important;
}
.dy-mobile-nav .dy-nav-item.active .dy-nav-label {
  font-weight: 700 !important;
}

/* ----------------------------------------------------------
   FOOTER BRAND LOGO ALANI
   ---------------------------------------------------------- */
footer .footer-logo, footer [class*="footer-logo"] {
  display: block !important;
  margin-bottom: 16px !important;
}
footer .footer-logo img { max-height: 50px !important; }

/* Footer newsletter input */
footer input[type="email"],
footer input[type="text"] {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #fff !important;
}
footer input::placeholder { color: rgba(154,166,199,0.7) !important; }
footer input:focus {
  background: rgba(255,255,255,0.15) !important;
  border-color: #F5B73D !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------
   YENİ ÜRÜNLER BÖLÜM BAŞLIĞI (anasayfada section header)
   ---------------------------------------------------------- */
.block-title, [class*="block-title"],
.section-title, [class*="section-title"] {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #16224A !important;
  letter-spacing: -0.2px !important;
}

/* Tüm ürünleri gör linki */
.see-all, [class*="see-all"], [class*="view-all"],
a[class*="all-products"] {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #9AA6C7 !important;
  text-decoration: none !important;
  border: 1.5px solid #e0e4ef !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}
.see-all:hover, [class*="see-all"]:hover {
  border-color: #16224A !important;
  color: #16224A !important;
}

/* ----------------------------------------------------------
   MOBİL RESPONSIVE - GENİŞ EKRAN İYİLEŞTİRMELERİ
   ---------------------------------------------------------- */
@media (max-width: 992px) {
  .card-product .card-product-inner .image-wrapper {
    aspect-ratio: 2/3 !important;
  }
}
@media (max-width: 768px) {
  /* Header arama */
  .h-center .search-area {
    width: 100% !important;
  }
  /* Ürün detay butonlar */
  .product-detail .btn-add-cart,
  .product-detail [class*="add-cart"] {
    font-size: 14px !important;
    padding: 12px !important;
  }
}
@media (max-width: 480px) {
  .card-product .card-product-inner .image-wrapper {
    aspect-ratio: 3/4 !important;
  }
  .card-product .prices .sale-price {
    font-size: 14px !important;
  }
}

/* ----------------------------------------------------------
   KATEGORİ SAYFASI - BREADCRUMB İYİLEŞTİRME
   ---------------------------------------------------------- */
.breadcrumb, [class*="breadcrumb"] {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #9AA6C7 !important;
  padding: 12px 0 !important;
  flex-wrap: wrap !important;
}
.breadcrumb a, [class*="breadcrumb"] a {
  color: #9AA6C7 !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.breadcrumb a:hover { color: #16224A !important; }
.breadcrumb .active, [class*="breadcrumb"] .active,
.breadcrumb > span:last-child {
  color: #16224A !important;
  font-weight: 600 !important;
}

/* ----------------------------------------------------------
   GÖRSELLERİN ÜSTÜNDEKI HOVER OVERLAY
   (Hızlı Bak butonu daha iyi görünsün)
   ---------------------------------------------------------- */
.card-product .image-wrapper::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(22,34,74,0.4) 0%, transparent 50%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 8px 8px 0 0 !important;
}
.card-product:hover .image-wrapper::after {
  opacity: 1 !important;
}

/* DOLUNAY CUSTOM ENHANCEMENTS v2.0 */

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@keyframes ripple-anim{to{transform:scale(4);opacity:0}}

html{scroll-behavior:smooth}
::selection{background:#102149;color:#fff}

header.desktop{transition:transform .3s ease,box-shadow .3s ease !important}
header.desktop.scrolled-header{box-shadow:0 4px 20px rgba(0,0,0,.15) !important}

header.desktop .mega-menu .nav-item{position:relative;overflow:hidden}
header.desktop .mega-menu .nav-item::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#fff;transition:width .3s ease;border-radius:3px 3px 0 0}
header.desktop .mega-menu .nav-item:hover::before{width:60%}
header.desktop .mega-menu .nav-link{transition:all .25s ease !important;letter-spacing:.3px}
header.desktop .mega-menu .nav-item:hover .nav-link{transform:translateY(-1px)}

.card-product{transition:all .35s cubic-bezier(.25,.46,.45,.94) !important;border-radius:12px !important;overflow:hidden;border:1px solid transparent !important}
.card-product:hover{transform:translateY(-6px) !important;box-shadow:0 16px 40px rgba(0,0,0,.14) !important;border-color:rgba(16,33,73,.08) !important}
.card-product .image-wrapper img{transition:transform .5s cubic-bezier(.25,.46,.45,.94) !important}
.card-product:hover .image-wrapper img{transform:scale(1.06) !important}
.card-product .product-title,.card-product .card-title,.card-product h5,.card-product h6{font-weight:600 !important;transition:color .2s ease !important;line-height:1.4 !important}
.card-product:hover .product-title,.card-product:hover .card-title{color:var(--main-color) !important}

.card-product .badge-discount,.card-product .discount-badge,.card-product .badge-sale{background:linear-gradient(135deg,#e74c3c,#c0392b) !important;border-radius:20px !important;font-weight:700 !important;font-size:11px !important;padding:3px 8px !important;box-shadow:0 2px 8px rgba(231,76,60,.4) !important}

.card-product .btn-add-cart,.card-product .btn-cart,.card-product [class*="add-cart"]{transition:all .3s ease !important;font-weight:600 !important;border-radius:8px !important;position:relative;overflow:hidden}
.card-product .btn-add-cart:hover,.card-product .btn-cart:hover{transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(0,0,0,.2) !important}
.card-product .btn-wishlist,.card-product [class*="wishlist"],.card-product .btn-fav{transition:all .3s ease !important;border-radius:50% !important}
.card-product .btn-wishlist:hover,.card-product .btn-fav:hover{color:#e74c3c !important;background:rgba(231,76,60,.1) !important;transform:scale(1.15) !important}

header .cart-count,header .badge{animation:pulse-badge 2.5s ease infinite !important;font-weight:700 !important}

.btn-primary,.btn-main,[class*="btn-main"]{transition:all .3s ease !important;border-radius:8px !important;font-weight:600 !important}
.btn-primary:hover,.btn-main:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(0,0,0,.2) !important}
.btn-primary:active,.btn-main:active{transform:translateY(0) !important}

.breadcrumb{background:transparent !important;padding:10px 0 !important}
.breadcrumb-item a{color:var(--main-color) !important;font-weight:500 !important;transition:all .2s ease !important}
.breadcrumb-item.active{font-weight:600 !important}

.pagination .page-link{border-radius:8px !important;margin:0 3px !important;transition:all .3s ease !important;font-weight:500 !important}
.pagination .page-link:hover{transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}
.pagination .page-item.active .page-link{box-shadow:0 4px 12px rgba(16,33,73,.35) !important;font-weight:700 !important}

footer h5,footer .footer-title{font-weight:700 !important;letter-spacing:.5px;position:relative;padding-bottom:10px}
footer h5::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--main-color2,#ffd700);border-radius:2px;transition:width .3s ease}
footer h5:hover::after{width:60px}
footer a{transition:all .2s ease !important;display:inline-block}
footer a:hover{transform:translateX(4px) !important}

footer .social-links a,footer [class*="social"] a,.social-icons a{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;border-radius:50% !important;transition:all .3s ease !important;background:rgba(255,255,255,.1) !important;margin:0 4px !important}
footer .social-links a:hover,footer [class*="social"] a:hover{transform:translateY(-4px) scale(1.1) !important;background:var(--main-color2,#ffd700) !important;box-shadow:0 6px 20px rgba(0,0,0,.3) !important}

.modal-content{border-radius:16px !important;border:none !important;box-shadow:0 25px 60px rgba(0,0,0,.25) !important;overflow:hidden}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus{box-shadow:0 0 0 3px rgba(16,33,73,.12) !important}

.dropdown-menu{border-radius:12px !important;box-shadow:0 10px 40px rgba(0,0,0,.15) !important;border:none !important;animation:fadeInUp .2s ease !important;overflow:hidden}
.dropdown-item{transition:all .2s ease !important;border-radius:6px !important;margin:2px 6px !important;padding:8px 12px !important}
.dropdown-item:hover{background:rgba(16,33,73,.07) !important;padding-left:18px !important}

.category-box,[class*="category-card"]{border-radius:12px !important;overflow:hidden;transition:all .35s ease !important}
.category-box:hover,[class*="category-card"]:hover{transform:translateY(-6px) !important;box-shadow:0 15px 40px rgba(0,0,0,.15) !important}
.category-box img,[class*="category-card"] img{transition:transform .5s ease !important}
.category-box:hover img,[class*="category-card"]:hover img{transform:scale(1.08) !important}

#scroll-to-top,.scroll-top,[class*="scroll-top"]{border-radius:50% !important;transition:all .3s ease !important;box-shadow:0 4px 15px rgba(0,0,0,.2) !important}
#scroll-to-top:hover,.scroll-top:hover{transform:translateY(-4px) !important;box-shadow:0 8px 25px rgba(0,0,0,.3) !important}

.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite !important;border-radius:8px !important}
.toast,[class*="toast"]{border-radius:10px !important;box-shadow:0 8px 25px rgba(0,0,0,.15) !important;border:none !important;animation:fadeInUp .3s ease !important}
:focus-visible{outline:3px solid rgba(16,33,73,.4) !important;outline-offset:3px !important;border-radius:4px !important}

.qty-minus,.qty-plus,[class*="qty-minus"],[class*="qty-plus"]{border-radius:8px !important;transition:all .2s ease !important;font-weight:700 !important}
.qty-minus:hover,.qty-plus:hover{transform:scale(1.1) !important}
.stars i,.rating i,[class*="star"] i{transition:all .2s ease !important}
.stars i:hover,.rating i:hover{transform:scale(1.3) !important}
.ripple-el{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:ripple-anim .6s linear;pointer-events:none}
#dolunay-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#102149,#ffd700);z-index:99999;transition:width .3s ease,opacity .5s ease;pointer-events:none}

@media(max-width:768px){.card-product:hover{transform:translateY(-3px) !important}header.mobile{box-shadow:0 2px 10px rgba(0,0,0,.1) !important}}

/* END DOLUNAY CUSTOM ENHANCEMENTS v2.0 */

/* ============================================================
   DOLUNAY PREMIUM ENHANCEMENTS v3.0 - PART 1
   Header, TopBar, Search, Cart, Navigation
   ============================================================ */

/* === GENEL FONT VE BASE === */
body {
  font-family: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif !important;
  color: #2d3436 !important;
}

/* === ÜST BAR (H-CONTACT) === */
.h-contact {
  background: linear-gradient(135deg, #16224a 0%, #1e3a6e 50%, #16224a 100%) !important;
  position: relative;
  overflow: hidden;
}
.h-contact::before {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 200%; height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(245,183,61,0.08) 50%, transparent 100%);
  animation: topbar-shine 4s linear infinite;
}
@keyframes topbar-shine {
  0% { left: -100%; }
  100% { left: 100%; }
}
.h-contact .item {
  transition: all 0.25s ease !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}
.h-contact .item:hover {
  background: rgba(245,183,61,0.15) !important;
  transform: translateY(-1px) !important;
  color: #f5b73d !important;
}
.h-contact .item i {
  color: #f5b73d !important;
}
.h-contact .social-media a {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.08) !important;
  transition: all 0.3s ease !important;
  margin: 0 2px !important;
}
.h-contact .social-media a:hover {
  background: #f5b73d !important;
  color: #16224a !important;
  transform: translateY(-3px) scale(1.1) !important;
  box-shadow: 0 4px 12px rgba(245,183,61,0.4) !important;
}

/* === HEADER LOGO === */
.logo img, .header-area .logo img {
  transition: all 0.3s ease !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.1));
}
.logo img:hover, .header-area .logo img:hover {
  transform: scale(1.05) !important;
  filter: drop-shadow(0 4px 15px rgba(245,183,61,0.3)) !important;
}

/* === ARAMA KUTUSU === */
.h-center .search-area,
header .search-wrapper {
  position: relative;
}
header input[type="text"],
header input[type="search"],
.h-center input {
  border-radius: 50px !important;
  border: 2px solid rgba(22,34,74,0.12) !important;
  padding: 10px 20px !important;
  padding-right: 50px !important;
  font-size: 14px !important;
  transition: all 0.35s ease !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
}
header input[type="text"]:focus,
header input[type="search"]:focus,
.h-center input:focus {
  border-color: #f5b73d !important;
  box-shadow: 0 0 0 4px rgba(245,183,61,0.15), 0 4px 15px rgba(0,0,0,0.08) !important;
  transform: scaleX(1.01) !important;
  outline: none !important;
}

/* Arama butonu */
header .search-btn,
header button[type="submit"],
header .search-wrapper .btn {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #16224a, #1e3a6e) !important;
  color: #fff !important;
  border: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 3px 10px rgba(22,34,74,0.3) !important;
}
header .search-btn:hover,
header button[type="submit"]:hover {
  background: linear-gradient(135deg, #f5b73d, #e09a20) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 5px 15px rgba(245,183,61,0.4) !important;
}

/* === HEADER SAĞ İKONLAR === */
header .cart-btn a,
header [href*="sepet"],
header [href*="cart"] {
  position: relative !important;
}
header .cart-btn,
header .wishlist-btn,
header [class*="header-icon"] {
  transition: all 0.3s ease !important;
}
header .cart-btn:hover,
header .wishlist-btn:hover {
  color: #f5b73d !important;
}

/* Sepet sayısı badge */
header .cart-count,
header [class*="cart-badge"],
header sup {
  background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
  border-radius: 50% !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  min-width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(231,76,60,0.5) !important;
  animation: badge-pop 2s ease infinite !important;
}
@keyframes badge-pop {
  0%, 90%, 100% { transform: scale(1); }
  95% { transform: scale(1.3); }
}

/* === MEGA MENU === */
header.desktop .mega-menu {
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}
header.desktop .mega-menu .nav-item:hover {
  background: rgba(245,183,61,0.15) !important;
  transition: background 0.25s ease !important;
}
header.desktop .mega-menu .nav-item.active {
  background: linear-gradient(135deg, #f5b73d, #e09a20) !important;
  box-shadow: inset 0 -3px 0 rgba(255,255,255,0.3) !important;
}
header.desktop .mega-menu .nav-link {
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Dropdown alt menü */
header .dropdown-menu,
header .sub-menu,
header [class*="submenu"] {
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
  animation: menu-drop 0.25s cubic-bezier(0.25,0.46,0.45,0.94) !important;
  overflow: hidden !important;
}
@keyframes menu-drop {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === DUYURU BARI === */
.dy-announce,
[class*="announce"],
.announcement-bar,
.info-bar {
  background: linear-gradient(90deg, #16224a 0%, #1e3a6e 40%, #16224a 70%, #1e3a6e 100%) !important;
  background-size: 200% 100% !important;
  animation: announce-slide 8s linear infinite !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
}
@keyframes announce-slide {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


/* ============================================================
   PART 2: ÜRÜN KARTLARI - DERİN GELİŞTİRME
   card-product, image-wrapper, price, buttons
   ============================================================ */

/* === ÜRÜN KARTI TEMEL === */
.card-product {
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  border: 1px solid rgba(22,34,74,0.06) !important;
  position: relative !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.card-product:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 50px rgba(22,34,74,0.16) !important;
  border-color: rgba(245,183,61,0.25) !important;
}
.card-product-inner {
  position: relative;
}

/* === KARGO BEDAVA BADGE === */
.free-cargo-badge,
.card-product [class*="free-cargo"] {
  background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 0 0 8px 0 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
  box-shadow: 2px 2px 8px rgba(39,174,96,0.3) !important;
}

/* === GÖRSEL ALANI === */
.card-product .image-wrapper {
  overflow: hidden !important;
  position: relative !important;
  border-radius: 16px 16px 0 0 !important;
  background: #f0f0f0 !important;
}
.card-product .image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(22,34,74,0.55) 0%,
    rgba(22,34,74,0.1) 40%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
  pointer-events: none;
  border-radius: 16px 16px 0 0;
}
.card-product:hover .image-wrapper::before {
  opacity: 1;
}
.card-product .image-wrapper .image img,
.card-product .image-wrapper img {
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  width: 100% !important;
  display: block !important;
}
.card-product:hover .image-wrapper img {
  transform: scale(1.08) !important;
}

/* === HIZLI GÖRÜNTÜLEME BUTONU === */
.dy-quick-view-btn {
  position: absolute !important;
  bottom: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(15px) !important;
  opacity: 0 !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  background: rgba(255,255,255,0.95) !important;
  color: #16224a !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 18px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  z-index: 5 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
  backdrop-filter: blur(10px) !important;
}
.card-product:hover .dy-quick-view-btn {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}
.dy-quick-view-btn:hover {
  background: #16224a !important;
  color: #f5b73d !important;
  transform: translateX(-50%) translateY(0) scale(1.05) !important;
}

/* === YILDIZLAR === */
.product-reviews {
  padding: 6px 12px 0 !important;
}
.stars .star {
  font-size: 12px !important;
}
.stars .star.filled i,
.stars .fa-star {
  color: #f5b73d !important;
  text-shadow: 0 1px 3px rgba(245,183,61,0.3);
}
.stars .fa-star-o {
  color: #ddd !important;
}

/* === ÜRÜN BAŞLIĞI === */
.card-product .title {
  padding: 8px 12px 2px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #2d3436 !important;
  transition: color 0.2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.card-product:hover .title {
  color: #16224a !important;
}

/* === FİYAT GRUBU === */
.card-product .card-product-content {
  padding: 4px 12px 12px !important;
}
.card-product .price-group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.card-product .prices {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.card-product .sale-price {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #16224a !important;
  letter-spacing: -0.3px !important;
}
.card-product .old-price,
.card-product [class*="old-price"],
.card-product del {
  font-size: 12px !important;
  color: #b2bec3 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* İndirim yüzdesi badge */
.card-product .discount-badge,
.card-product [class*="discount"],
.card-product .badge-sale {
  background: linear-gradient(135deg, #e74c3c 0%, #ff6b6b 100%) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 7px !important;
  border-radius: 20px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 2px 8px rgba(231,76,60,0.4) !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 4 !important;
}

/* === SEPETE EKLE BUTONU === */
.card-product .btn-cart,
.card-product .btn.btn-cart {
  background: linear-gradient(135deg, #16224a 0%, #1e3a6e 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 9px 18px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  box-shadow: 0 4px 12px rgba(22,34,74,0.25) !important;
}
.card-product .btn-cart::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(245,183,61,0.15) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}
.card-product .btn-cart:hover {
  background: linear-gradient(135deg, #f5b73d 0%, #e09a20 100%) !important;
  color: #16224a !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(245,183,61,0.45) !important;
}
.card-product .btn-cart:hover::after {
  transform: translateX(100%);
}
.card-product .btn-cart:active {
  transform: translateY(-1px) !important;
}
.card-product .btn-cart i {
  font-size: 14px !important;
  transition: transform 0.3s ease !important;
}
.card-product .btn-cart:hover i {
  transform: scale(1.2) rotate(-10deg) !important;
}

/* === BUTTONS ALANI === */
.card-product .buttons {
  padding: 0 !important;
  margin-top: 8px !important;
}

/* PART 3: PAGE STRUCTURE */

.breadcrumb { background: transparent !important; padding: 16px 0 8px !important; margin: 0 !important; }
.breadcrumb-item { font-size: 13px !important; font-weight: 500 !important; }
.breadcrumb-item a { color: #16224a !important; text-decoration: none !important; transition: all 0.2s ease !important; position: relative; }
.breadcrumb-item a::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #f5b73d; transition: width 0.25s ease; }
.breadcrumb-item a:hover::after { width: 100%; }
.breadcrumb-item a:hover { color: #f5b73d !important; }
.breadcrumb-item.active { color: #636e72 !important; font-weight: 600 !important; }
.breadcrumb-item + .breadcrumb-item::before { content: "›" !important; color: #b2bec3 !important; font-size: 16px !important; }

select { border-radius: 50px !important; border: 2px solid rgba(22,34,74,0.12) !important; padding: 8px 16px !important; font-size: 13px !important; font-weight: 500 !important; color: #16224a !important; background: #fff !important; transition: all 0.25s ease !important; cursor: pointer !important; }
select:focus { border-color: #f5b73d !important; box-shadow: 0 0 0 3px rgba(245,183,61,0.15) !important; outline: none !important; }

.pagination { gap: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; margin: 30px 0 !important; }
.pagination .page-item .page-link { border-radius: 10px !important; margin: 0 2px !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 600 !important; font-size: 14px !important; border: 2px solid rgba(22,34,74,0.1) !important; color: #16224a !important; background: #fff !important; transition: all 0.3s ease !important; }
.pagination .page-item .page-link:hover { background: #16224a !important; color: #fff !important; border-color: #16224a !important; transform: translateY(-3px) !important; box-shadow: 0 6px 18px rgba(22,34,74,0.25) !important; }
.pagination .page-item.active .page-link { background: linear-gradient(135deg, #16224a, #1e3a6e) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 4px 15px rgba(22,34,74,0.35) !important; }
.pagination .page-item.disabled .page-link { opacity: 0.4 !important; cursor: not-allowed !important; }

/* PART 3: FILTER AREA */
.filter-area input[type="checkbox"], .filter-area input[type="radio"] { width: 16px !important; height: 16px !important; accent-color: #16224a !important; cursor: pointer !important; }
.filter-area label { font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; transition: color 0.2s ease !important; }
.filter-area label:hover { color: #16224a !important; }
.filter-area input[type="number"] { border-radius: 8px !important; border: 1.5px solid rgba(22,34,74,0.15) !important; padding: 7px 10px !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.25s ease !important; color: #16224a !important; text-align: center !important; }
.filter-area input[type="number"]:focus { border-color: #f5b73d !important; box-shadow: 0 0 0 3px rgba(245,183,61,0.15) !important; outline: none !important; }

/* PART 4: FOOTER, NEWSLETTER, FORMS */

/* FOOTER GENERAL */
footer { position: relative; overflow: hidden; }
footer .bb { padding: 50px 0 30px !important; }

/* FOOTER TITLES */
footer .title, footer .fs { font-size: 13px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 2px !important; color: #f5b73d !important; margin-bottom: 18px !important; position: relative !important; padding-bottom: 10px !important; }
footer .title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 25px; height: 2px; background: #f5b73d; border-radius: 2px; transition: width 0.3s ease; }
footer .title:hover::after { width: 50px; }

/* FOOTER LINKS */
footer ul li { margin-bottom: 8px !important; }
footer ul li a { font-size: 13px !important; font-weight: 500 !important; transition: all 0.25s ease !important; opacity: 0.85; display: inline-flex !important; align-items: center !important; gap: 6px !important; }
footer ul li a::before { content: "›"; font-size: 14px; transition: transform 0.2s ease; display: inline-block; }
footer ul li a:hover { opacity: 1 !important; transform: translateX(6px) !important; color: #f5b73d !important; }
footer ul li a:hover::before { transform: translateX(3px); }

/* NEWSLETTER */
.newsletter-content { background: linear-gradient(135deg, rgba(245,183,61,0.1), rgba(22,34,74,0.05)) !important; border-radius: 16px !important; padding: 24px !important; border: 1px solid rgba(245,183,61,0.2) !important; }
.newsletter-title { font-size: 16px !important; font-weight: 700 !important; color: #f5b73d !important; margin-bottom: 8px !important; }
.newsletter-content input[type="email"], .newsletter-content input[type="text"] { border-radius: 50px !important; border: 2px solid rgba(245,183,61,0.3) !important; padding: 11px 20px !important; font-size: 14px !important; background: rgba(255,255,255,0.1) !important; color: #fff !important; transition: all 0.3s ease !important; }
.newsletter-content input::placeholder { color: rgba(255,255,255,0.5) !important; }
.newsletter-content input:focus { border-color: #f5b73d !important; box-shadow: 0 0 0 3px rgba(245,183,61,0.15) !important; outline: none !important; }
.newsletter-content .btn, .newsletter-content button[type="submit"] { background: linear-gradient(135deg, #f5b73d, #e09a20) !important; color: #16224a !important; border: none !important; border-radius: 50px !important; padding: 11px 24px !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.5px !important; transition: all 0.3s ease !important; cursor: pointer !important; }
.newsletter-content .btn:hover, .newsletter-content button[type="submit"]:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(245,183,61,0.4) !important; }

/* FOOTER BOTTOM */
footer .copyright, footer [class*="footer-bottom"], footer .bottom-bar { border-top: 1px solid rgba(255,255,255,0.08) !important; padding: 16px 0 !important; font-size: 12px !important; opacity: 0.7; letter-spacing: 0.5px; }

/* PART 4: INPUTS GLOBAL */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"] { border-radius: 10px !important; border: 2px solid rgba(22,34,74,0.12) !important; padding: 10px 16px !important; font-size: 14px !important; transition: all 0.3s ease !important; background: #fff !important; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus { border-color: #f5b73d !important; box-shadow: 0 0 0 3px rgba(245,183,61,0.12), 0 2px 10px rgba(0,0,0,0.06) !important; outline: none !important; }
textarea { border-radius: 10px !important; border: 2px solid rgba(22,34,74,0.12) !important; padding: 12px 16px !important; transition: all 0.3s ease !important; }
textarea:focus { border-color: #f5b73d !important; box-shadow: 0 0 0 3px rgba(245,183,61,0.12) !important; outline: none !important; }

/* PRIMARY BUTTONS */
.btn-primary, .btn-success { border-radius: 50px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; transition: all 0.3s ease !important; position: relative !important; overflow: hidden !important; }
.btn-primary { background: linear-gradient(135deg, #16224a, #1e3a6e) !important; border: none !important; box-shadow: 0 4px 12px rgba(22,34,74,0.25) !important; }
.btn-primary:hover { background: linear-gradient(135deg, #f5b73d, #e09a20) !important; color: #16224a !important; transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(245,183,61,0.4) !important; }
.btn-outline-primary { border-radius: 50px !important; border: 2px solid #16224a !important; color: #16224a !important; font-weight: 600 !important; transition: all 0.3s ease !important; }
.btn-outline-primary:hover { background: #16224a !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(22,34,74,0.25) !important; }

/* PART 5: PRODUCT DETAIL PAGE, CART, MODAL, TOAST */

/* PRODUCT DETAIL - Main Image */
.product-body .main-image, .product-detail .main-image { border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important; }
.product-body .main-image img { transition: transform 0.5s ease !important; cursor: zoom-in; }
.product-body .main-image:hover img { transform: scale(1.04) !important; }

/* Thumbnail images */
.product-body .thumb-images img, .product-detail .thumb-images img { border-radius: 10px !important; border: 2px solid transparent !important; transition: all 0.3s ease !important; cursor: pointer !important; }
.product-body .thumb-images img:hover, .product-body .thumb-images img.active { border-color: #f5b73d !important; box-shadow: 0 0 0 3px rgba(245,183,61,0.2) !important; transform: scale(1.05) !important; }

/* Product detail info */
.product-body .product-title { font-size: 22px !important; font-weight: 800 !important; color: #16224a !important; line-height: 1.3 !important; letter-spacing: -0.3px !important; }
.product-body .product-price, .product-body .sale-price { font-size: 26px !important; font-weight: 900 !important; color: #16224a !important; }
.product-body .old-price { font-size: 16px !important; color: #b2bec3 !important; text-decoration: line-through !important; }

/* Size/color selector */
.product-body .size-group a, .product-body .size-item, .product-body [class*="variant"] { border-radius: 10px !important; border: 2px solid rgba(22,34,74,0.15) !important; transition: all 0.25s ease !important; padding: 8px 14px !important; font-weight: 600 !important; font-size: 13px !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.product-body .size-group a:hover, .product-body .size-item:hover { border-color: #f5b73d !important; background: rgba(245,183,61,0.08) !important; }
.product-body .size-group a.active, .product-body .size-item.active { border-color: #16224a !important; background: #16224a !important; color: #fff !important; }

/* Add to cart - detail page */
.product-body .btn-add-to-cart, .product-body [class*="add-cart-btn"] { background: linear-gradient(135deg, #16224a, #1e3a6e) !important; color: #fff !important; border: none !important; border-radius: 50px !important; padding: 16px 40px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; transition: all 0.35s ease !important; width: 100% !important; box-shadow: 0 6px 20px rgba(22,34,74,0.3) !important; }
.product-body .btn-add-to-cart:hover { background: linear-gradient(135deg, #f5b73d, #e09a20) !important; color: #16224a !important; transform: translateY(-3px) !important; box-shadow: 0 10px 30px rgba(245,183,61,0.45) !important; }

/* Qty buttons */
.qty-minus, .qty-plus, [class*="qty-btn"] { width: 38px !important; height: 38px !important; border-radius: 10px !important; border: 2px solid rgba(22,34,74,0.15) !important; font-size: 18px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.25s ease !important; background: #fff !important; color: #16224a !important; }
.qty-minus:hover, .qty-plus:hover { background: #16224a !important; color: #fff !important; border-color: #16224a !important; transform: scale(1.1) !important; }
.qty-input, [class*="qty-input"] { border-radius: 10px !important; border: 2px solid rgba(22,34,74,0.15) !important; text-align: center !important; font-weight: 700 !important; font-size: 16px !important; width: 60px !important; height: 38px !important; }

/* CART PAGE */
.cart-table { border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; }
.cart-table th { background: linear-gradient(135deg, #16224a, #1e3a6e) !important; color: #fff !important; font-weight: 600 !important; letter-spacing: 0.5px !important; padding: 14px 16px !important; }
.cart-table td { padding: 16px !important; vertical-align: middle !important; border-bottom: 1px solid rgba(22,34,74,0.06) !important; }
.cart-table tr:hover td { background: rgba(245,183,61,0.04) !important; }

/* ORDER SUMMARY */
.cart-summary, .order-summary, [class*="order-summary"] { background: #fff !important; border-radius: 16px !important; padding: 24px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; border: 1px solid rgba(22,34,74,0.08) !important; position: sticky !important; top: 20px !important; }
.cart-summary .summary-title { font-size: 16px !important; font-weight: 700 !important; color: #16224a !important; padding-bottom: 12px !important; border-bottom: 2px solid rgba(22,34,74,0.08) !important; margin-bottom: 16px !important; }
.cart-summary .total-row { font-size: 18px !important; font-weight: 800 !important; color: #16224a !important; }
.cart-summary .checkout-btn { background: linear-gradient(135deg, #f5b73d, #e09a20) !important; color: #16224a !important; border: none !important; border-radius: 50px !important; padding: 14px 30px !important; font-size: 15px !important; font-weight: 800 !important; width: 100% !important; transition: all 0.3s ease !important; letter-spacing: 0.5px !important; box-shadow: 0 6px 20px rgba(245,183,61,0.35) !important; }
.cart-summary .checkout-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 30px rgba(245,183,61,0.5) !important; }

/* TOASTS */
.toast, [class*="toast"], .dy-toast { border-radius: 12px !important; border: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; backdrop-filter: blur(10px) !important; animation: toast-slide 0.35s cubic-bezier(0.25,0.46,0.45,0.94) !important; }
@keyframes toast-slide { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
.toast .toast-icon { width: 36px !important; height: 36px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(245,183,61,0.15) !important; flex-shrink: 0 !important; }

/* MODALS */
.modal-content { border-radius: 20px !important; border: none !important; box-shadow: 0 30px 80px rgba(0,0,0,0.2) !important; overflow: hidden !important; }
.modal-header { background: linear-gradient(135deg, #16224a, #1e3a6e) !important; color: #fff !important; border-bottom: none !important; padding: 20px 24px !important; }
.modal-title { font-weight: 700 !important; font-size: 18px !important; letter-spacing: 0.3px !important; }
.modal-header .btn-close { filter: invert(1) !important; opacity: 0.8 !important; }
.modal-header .btn-close:hover { opacity: 1 !important; transform: rotate(90deg) scale(1.1) !important; transition: all 0.2s ease !important; }
.modal-body { padding: 24px !important; }
.modal-footer { border-top: 1px solid rgba(22,34,74,0.08) !important; padding: 16px 24px !important; }

/* BADGES */
.badge { border-radius: 20px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; padding: 4px 10px !important; }
.badge-success, .badge.bg-success { background: linear-gradient(135deg, #27ae60, #2ecc71) !important; box-shadow: 0 2px 8px rgba(39,174,96,0.35) !important; }
.badge-warning, .badge.bg-warning { background: linear-gradient(135deg, #f5b73d, #e09a20) !important; color: #16224a !important; box-shadow: 0 2px 8px rgba(245,183,61,0.35) !important; }
.badge-danger, .badge.bg-danger { background: linear-gradient(135deg, #e74c3c, #ff6b6b) !important; box-shadow: 0 2px 8px rgba(231,76,60,0.35) !important; }

/* ALERTS */
.alert { border-radius: 12px !important; border: none !important; font-weight: 500 !important; }
.alert-success { background: linear-gradient(135deg, rgba(39,174,96,0.1), rgba(46,204,113,0.08)) !important; color: #27ae60 !important; border-left: 4px solid #27ae60 !important; }
.alert-warning { background: linear-gradient(135deg, rgba(245,183,61,0.1), rgba(224,154,32,0.08)) !important; color: #e09a20 !important; border-left: 4px solid #f5b73d !important; }
.alert-danger { background: linear-gradient(135deg, rgba(231,76,60,0.1), rgba(192,57,43,0.08)) !important; color: #e74c3c !important; border-left: 4px solid #e74c3c !important; }
.alert-info { background: linear-gradient(135deg, rgba(22,34,74,0.08), rgba(30,58,110,0.06)) !important; color: #16224a !important; border-left: 4px solid #16224a !important; }

/* BACK TO TOP */
#back-to-top, .back-to-top, [id*="backTop"], [class*="back-top"] { width: 48px !important; height: 48px !important; border-radius: 50% !important; background: linear-gradient(135deg, #16224a, #1e3a6e) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 20px rgba(22,34,74,0.3) !important; transition: all 0.35s ease !important; border: none !important; cursor: pointer !important; }
#back-to-top:hover, .back-to-top:hover { background: linear-gradient(135deg, #f5b73d, #e09a20) !important; color: #16224a !important; transform: translateY(-4px) !important; box-shadow: 0 10px 30px rgba(245,183,61,0.4) !important; }

/* LIVE SUPPORT BUTTON */
[class*="live-support"], [class*="chat-btn"], .tawk-min-container { transition: all 0.3s ease !important; }
[class*="live-support"]:hover, [class*="chat-btn"]:hover { transform: scale(1.05) translateY(-3px) !important; }

/* SMOOTH TRANSITIONS EVERYWHERE */
a { transition: color 0.2s ease !important; }
button { transition: all 0.25s ease !important; }
img { transition: opacity 0.3s ease !important; }

/* SCROLLBAR */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f2f6; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #16224a, #1e3a6e); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #f5b73d; }

/* LOADING SKELETON */
@keyframes skeleton-wave { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.skeleton-box { background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%); background-size: 200% 100%; animation: skeleton-wave 1.5s ease infinite; border-radius: 8px; }

/* STICKY PRODUCT BAR (mobile) */
@media (max-width: 768px) {
  .card-product:hover { transform: translateY(-4px) !important; }
  header.desktop .mega-menu .nav-link { font-size: 11px !important; }
  .pagination .page-item .page-link { width: 36px !important; height: 36px !important; font-size: 13px !important; }
}

/* HIGH RESOLUTION */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .card-product { border-radius: 16px !important; }
}

/* END DOLUNAY PREMIUM v3.0 */
/* ============================================
   DOLUNAY PREMIUM v4.0 - ROUND 3 ENHANCEMENTS
   Part 1: Skeleton, Variants, Size, Mobile Bar
   ============================================ */

/* === SKELETON LOADING ANIMATION === */
@keyframes skeleton-wave {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-wave 1.5s infinite;
  border-radius: 6px;
}
.card-product .img-wrapper.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e8ff 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-wave 1.5s infinite;
  min-height: 220px;
}
.card-product .img-wrapper.loading img {
  opacity: 0;
}

/* === PRODUCT VARIANT SELECTORS === */
.variant-list, .variant-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.variant-list li, .variant-option {
  list-style: none;
}
.variant-list li a, .variant-option a, .variant-option button,
[class*="variant"] label, [class*="option"] label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  padding: 6px 14px;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #16224a;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.variant-list li a:hover, .variant-option a:hover, .variant-option button:hover,
[class*="variant"] label:hover, [class*="option"] label:hover {
  border-color: #16224a;
  background: #16224a;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(22,34,74,0.25);
}
.variant-list li.active a, .variant-list li.selected a,
.variant-option.active a, .variant-option.selected a,
.variant-option.active button,
[class*="variant"] input:checked + label,
[class*="option"] input:checked + label {
  border-color: #f5b73d;
  background: linear-gradient(135deg, #16224a 0%, #1e3a6e 100%);
  color: #f5b73d;
  box-shadow: 0 4px 15px rgba(22,34,74,0.35);
}

/* === COLOR SWATCH VARIANTS === */
.color-list, .color-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
}
.color-list li a, .color-option a, .color-swatch {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}
.color-list li.active a, .color-list li a:hover, .color-option.active a,
.color-option a:hover, .color-swatch:hover, .color-swatch.active {
  border-color: #16224a;
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* === QUANTITY SELECTOR REDESIGN === */
.quantity-wrapper, [class*="quantity"], .input-group.qty {
  display: inline-flex;
  align-items: center;
  border: 2px solid #e0e7ff;
  border-radius: 50px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(22,34,74,0.08);
}
.qty-btn, .quantity-btn, [class*="qty"] button {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: #16224a;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qty-btn:hover, .quantity-btn:hover, [class*="qty"] button:hover {
  background: #16224a;
  color: #f5b73d;
}
.qty-input, [class*="quantity"] input[type="number"] {
  width: 50px;
  text-align: center;
  border: none;
  border-left: 1px solid #e0e7ff;
  border-right: 1px solid #e0e7ff;
  font-size: 15px;
  font-weight: 700;
  color: #16224a;
  background: transparent;
  outline: none;
  -moz-appearance: textfield;
}
.qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button,
[class*="quantity"] input[type="number"]::-webkit-inner-spin-button,
[class*="quantity"] input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

/* === STICKY MOBILE ADD TO CART BAR === */
@media (max-width: 768px) {
  .dolunay-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 2px solid #e0e7ff;
    padding: 12px 16px;
    display: flex;
    gap: 10px;
    align-items: center;
    z-index: 9998;
    box-shadow: 0 -4px 20px rgba(22,34,74,0.15);
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
  .dolunay-sticky-bar.visible {
    transform: translateY(0);
  }
  .dolunay-sticky-bar .sticky-title {
    flex: 1;
    font-size: 13px;
    font-weight: 700;
    color: #16224a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dolunay-sticky-bar .sticky-price {
    font-size: 16px;
    font-weight: 800;
    color: #e74c3c;
    white-space: nowrap;
  }
  .dolunay-sticky-bar .sticky-btn {
    padding: 10px 20px;
    background: linear-gradient(135deg, #16224a 0%, #1e3a6e 100%);
    color: #f5b73d;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 4px 15px rgba(22,34,74,0.4);
    transition: all 0.2s;
  }
  .dolunay-sticky-bar .sticky-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(22,34,74,0.5);
  }
}

/* === PRODUCT RATING STARS === */
.star-rating, .product-rating, [class*="stars"] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.star-rating .star, [class*="stars"] .star, .star-icon {
  color: #f5b73d;
  font-size: 16px;
  line-height: 1;
  filter: drop-shadow(0 1px 2px rgba(245,183,61,0.4));
}
.star-rating .star.empty, [class*="stars"] .star.empty {
  color: #ddd;
  filter: none;
}
.rating-count {
  font-size: 12px;
  color: #888;
  margin-left: 6px;
  font-weight: 500;
}
/* === LOGIN / REGISTER PAGE === */
.login-wrapper, .register-wrapper, [class*="login-box"], [class*="auth-"] {
  max-width: 480px;
  margin: 40px auto;
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(22,34,74,0.12);
  border: 1px solid rgba(22,34,74,0.06);
}
.login-wrapper h1, .register-wrapper h1,
.login-wrapper h2, .register-wrapper h2 {
  text-align: center;
  color: #16224a;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 8px;
}
.login-wrapper .subtitle, .register-wrapper .subtitle {
  text-align: center;
  color: #888;
  font-size: 14px;
  margin-bottom: 30px;
}
.login-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: #bbb;
  font-size: 13px;
}
.login-divider::before, .login-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}

/* === FORM ELEMENTS GLOBAL === */
input[type="text"]:not([class*="qty"]):not([class*="search"]),
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"]:not([class*="qty"]),
textarea:not([name="editor"]),
select:not([class*="qty"]) {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e8ecf0;
  border-radius: 10px;
  font-size: 14px;
  color: #16224a;
  background: #fafbfd;
  transition: all 0.25s ease;
  outline: none;
  margin-bottom: 4px;
}
input[type="text"]:focus:not([class*="qty"]):not([class*="search"]),
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:not([name="editor"]):focus,
select:not([class*="qty"]):focus {
  border-color: #16224a;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(22,34,74,0.08);
}
.form-group, .form-field {
  margin-bottom: 18px;
}
.form-group label, .form-field label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #16224a;
  margin-bottom: 6px;
  letter-spacing: 0.3px;
}
.form-error, .field-error, .text-danger:not(.badge) {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* === CHECKOUT / CART PAGE === */
.checkout-wrapper, .cart-page, [class*="checkout-"] {
  background: #f8f9fd;
  min-height: 60vh;
}
.checkout-section, .cart-section {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 4px 20px rgba(22,34,74,0.06);
  border: 1px solid rgba(22,34,74,0.05);
}
.checkout-section h3, .cart-section h3 {
  font-size: 18px;
  font-weight: 800;
  color: #16224a;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f4ff;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* === ORDER SUMMARY BOX === */
.order-summary, .cart-summary, [class*="order-total"] {
  background: linear-gradient(145deg, #16224a 0%, #1e3a6e 100%);
  color: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 30px rgba(22,34,74,0.3);
  position: sticky;
  top: 90px;
}
.order-summary h3, .cart-summary h3 {
  color: #f5b73d;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  padding-bottom: 12px;
}
.order-summary .summary-row, .cart-summary .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 14px;
}
.order-summary .summary-row.total {
  border-bottom: none;
  border-top: 2px solid rgba(245,183,61,0.4);
  margin-top: 8px;
  padding-top: 16px;
  font-size: 20px;
  font-weight: 800;
  color: #f5b73d;
}

/* === ALERT / NOTIFICATION BOXES === */
.alert, [class*="alert-"] {
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  border: none;
  animation: fadeInUp 0.4s ease;
}
.alert-success {
  background: linear-gradient(135deg, #e8f8f0 0%, #d4f1e0 100%);
  color: #27ae60;
  border-left: 4px solid #27ae60;
}
.alert-danger, .alert-error {
  background: linear-gradient(135deg, #ffeaea 0%, #ffd4d4 100%);
  color: #e74c3c;
  border-left: 4px solid #e74c3c;
}
.alert-warning {
  background: linear-gradient(135deg, #fffae0 0%, #fff0b3 100%);
  color: #f39c12;
  border-left: 4px solid #f5b73d;
}
.alert-info {
  background: linear-gradient(135deg, #e8f0ff 0%, #d0e0ff 100%);
  color: #16224a;
  border-left: 4px solid #16224a;
}

/* === PRODUCT TAGS / LABELS === */
.tag, .product-tag, [class*="label-tag"], .badge-tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #e8ecf7;
  color: #16224a;
  transition: all 0.2s;
}
.tag:hover { background: #16224a; color: #f5b73d; }
.tag.new { background: #e8f8f0; color: #27ae60; }
.tag.sale { background: #ffeaea; color: #e74c3c; }
.tag.featured { background: #fffae0; color: #f39c12; }
.tag.hot { background: linear-gradient(135deg, #ff6b35, #e74c3c); color: #fff; }

/* === COMPARE / WISHLIST ICONS ON CARDS === */
.card-product .action-btns {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 5;
  opacity: 0;
  transform: translateX(15px);
  transition: all 0.3s ease;
}
.card-product:hover .action-btns {
  opacity: 1;
  transform: translateX(0);
}
.card-product .action-btns a, .card-product .action-btns button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #16224a;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
  transition: all 0.2s;
  text-decoration: none;
}
.card-product .action-btns a:hover, .card-product .action-btns button:hover {
  background: #16224a;
  color: #f5b73d;
  transform: scale(1.1);
  box-shadow: 0 5px 15px rgba(22,34,74,0.35);
}
/* === CUSTOM TOOLTIPS === */
[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  background: #16224a;
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 9999;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 15px rgba(22,34,74,0.3);
}
[data-tooltip]::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #16224a;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 9999;
}
[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* === RECENTLY VIEWED SECTION === */
.dolunay-recently-viewed {
  margin: 40px 0;
  padding: 30px;
  background: linear-gradient(135deg, #f8f9fd 0%, #eef2ff 100%);
  border-radius: 20px;
  border: 1px solid rgba(22,34,74,0.06);
}
.dolunay-recently-viewed h4 {
  font-size: 20px;
  font-weight: 800;
  color: #16224a;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.dolunay-recently-viewed h4::before {
  content: "
F551";
  font-size: 20px;
}
.recently-viewed-list {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: #16224a #f0f4ff;
}
.recently-viewed-list::-webkit-scrollbar {
  height: 4px;
}
.recently-viewed-list::-webkit-scrollbar-track {
  background: #f0f4ff;
  border-radius: 4px;
}
.recently-viewed-list::-webkit-scrollbar-thumb {
  background: #16224a;
  border-radius: 4px;
}
.recently-viewed-item {
  flex: 0 0 140px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(22,34,74,0.08);
  text-decoration: none;
  transition: all 0.25s ease;
  border: 1px solid rgba(22,34,74,0.06);
}
.recently-viewed-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(22,34,74,0.18);
}
.recently-viewed-item img {
  width: 100%;
  height: 120px;
  object-fit: cover;
}
.recently-viewed-item .rv-info {
  padding: 10px;
}
.recently-viewed-item .rv-name {
  font-size: 12px;
  font-weight: 700;
  color: #16224a;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recently-viewed-item .rv-price {
  font-size: 13px;
  font-weight: 800;
  color: #e74c3c;
  margin-top: 5px;
}

/* === COOKIE BANNER === */
.dolunay-cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  max-width: 500px;
  background: #fff;
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 10px 40px rgba(22,34,74,0.2);
  border: 2px solid rgba(22,34,74,0.08);
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 16px;
  animation: slideInFromBottom 0.4s ease;
  transition: all 0.3s ease;
}
@keyframes slideInFromBottom {
  from { transform: translateY(100px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.dolunay-cookie-banner.hide {
  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;
}
.dolunay-cookie-banner .cookie-icon {
  font-size: 32px;
  flex-shrink: 0;
}
.dolunay-cookie-banner .cookie-text {
  flex: 1;
}
.dolunay-cookie-banner .cookie-text h5 {
  font-size: 14px;
  font-weight: 800;
  color: #16224a;
  margin-bottom: 4px;
}
.dolunay-cookie-banner .cookie-text p {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.dolunay-cookie-banner .cookie-accept {
  padding: 10px 18px;
  background: linear-gradient(135deg, #16224a 0%, #1e3a6e 100%);
  color: #f5b73d;
  border: none;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s;
  box-shadow: 0 4px 15px rgba(22,34,74,0.3);
}
.dolunay-cookie-banner .cookie-accept:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(22,34,74,0.45);
}

/* === COMPARISON BAR === */
.dolunay-compare-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #16224a 0%, #1e3a6e 100%);
  color: #fff;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 9990;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  box-shadow: 0 -5px 25px rgba(22,34,74,0.4);
}
.dolunay-compare-bar.show {
  transform: translateY(0);
}
.dolunay-compare-bar .compare-items {
  display: flex;
  gap: 12px;
  flex: 1;
  overflow-x: auto;
}
.dolunay-compare-bar .compare-slot {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  border: 2px dashed rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.05);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.dolunay-compare-bar .compare-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.dolunay-compare-bar .compare-slot .remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  background: #e74c3c;
  border-radius: 50%;
  border: none;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.dolunay-compare-bar .compare-count {
  font-size: 14px;
  font-weight: 700;
  color: #f5b73d;
}
.dolunay-compare-bar .compare-go-btn {
  padding: 10px 24px;
  background: #f5b73d;
  color: #16224a;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.dolunay-compare-bar .compare-go-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(245,183,61,0.5);
}
/* === SOCIAL SHARE BUTTONS === */
.dolunay-share-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0;
}
.dolunay-share-buttons .share-label {
  font-size: 13px;
  font-weight: 700;
  color: #16224a;
  margin-right: 4px;
}
.dolunay-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 50px;
  border: none;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}
.dolunay-share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}
.share-whatsapp { background: #25D366; color: #fff; }
.share-facebook { background: #1877F2; color: #fff; }
.share-twitter { background: #1DA1F2; color: #fff; }
.share-instagram { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #fff; }
.share-telegram { background: #0088cc; color: #fff; }
.share-copy { background: #16224a; color: #f5b73d; }

/* === MEGA MENU === */
.nav-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 3px solid #16224a;
  padding: 30px;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  box-shadow: 0 20px 50px rgba(22,34,74,0.15);
  z-index: 10000;
  border-radius: 0 0 16px 16px;
  animation: megaMenuIn 0.25s ease;
}
@keyframes megaMenuIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
.nav-item:hover .nav-mega-menu {
  display: grid;
}
.mega-column h5 {
  font-size: 13px;
  font-weight: 800;
  color: #16224a;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #f0f4ff;
}
.mega-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-column ul li a {
  display: block;
  padding: 6px 0;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  transition: all 0.2s;
  border-radius: 6px;
  padding-left: 10px;
}
.mega-column ul li a:hover {
  color: #16224a;
  padding-left: 16px;
  font-weight: 600;
}
.mega-column ul li a::before {
  content: "ƒA ";
  color: #f5b73d;
  font-weight: 700;
}

/* === TRUST BADGES SECTION === */
.trust-badges, .dolunay-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 24px;
  background: linear-gradient(135deg, #f8f9fd 0%, #eef2ff 100%);
  border-radius: 16px;
  margin: 20px 0;
  flex-wrap: wrap;
}
.trust-badge-item {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.2s;
}
.trust-badge-item:hover { transform: translateY(-3px); }
.trust-badge-item .badge-icon {
  font-size: 28px;
  filter: drop-shadow(0 2px 4px rgba(22,34,74,0.2));
}
.trust-badge-item .badge-text {
  display: flex;
  flex-direction: column;
}
.trust-badge-item .badge-title {
  font-size: 13px;
  font-weight: 800;
  color: #16224a;
  line-height: 1.2;
}
.trust-badge-item .badge-sub {
  font-size: 11px;
  color: #888;
  line-height: 1.2;
}

/* === PRINT STYLESHEET === */
@media print {
  header, footer, .nav-area, .sidebar,
  .dolunay-sticky-bar, #dolunay-back-top,
  #dolunay-progress-bar, .dolunay-cookie-banner,
  .dolunay-compare-bar, .dolunay-toast-container,
  .dolunay-recently-viewed { display: none !important; }
  body { font-size: 12pt; color: #000 !important; background: #fff !important; }
  .card-product { box-shadow: none !important; border: 1px solid #ccc !important; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 10pt; color: #666; }
  .product-detail-img { max-width: 60%; }
  .product-price { font-size: 18pt; color: #000 !important; }
}

/* === LOADING SPINNER === */
.dolunay-spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
}
.dolunay-spinner::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin: 4px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #16224a;
  border-right-color: #f5b73d;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* === COUNTER / STATS SECTION === */
.dolunay-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .dolunay-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .dolunay-stats { grid-template-columns: 1fr; }
}
.stat-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 6px 25px rgba(22,34,74,0.08);
  border: 1px solid rgba(22,34,74,0.06);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #16224a, #f5b73d);
}
.stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(22,34,74,0.15);
}
.stat-card .stat-number {
  font-size: 38px;
  font-weight: 900;
  color: #16224a;
  line-height: 1;
  font-family: "Segoe UI", sans-serif;
}
.stat-card .stat-unit {
  font-size: 20px;
  color: #f5b73d;
  font-weight: 800;
}
.stat-card .stat-label {
  font-size: 13px;
  color: #888;
  margin-top: 8px;
  font-weight: 500;
}

/* === IMAGE LIGHTBOX === */
.dolunay-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn 0.3s ease;
  cursor: pointer;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.dolunay-lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0 20px 80px rgba(0,0,0,0.8);
  cursor: default;
  animation: zoomIn 0.3s ease;
  object-fit: contain;
}
@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.dolunay-lightbox .lb-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.15);
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  backdrop-filter: blur(5px);
}
.dolunay-lightbox .lb-close:hover {
  background: rgba(255,255,255,0.3);
  transform: rotate(90deg) scale(1.1);
}
.dolunay-lightbox .lb-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(255,255,255,0.12);
  border: 2px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  backdrop-filter: blur(5px);
}
.dolunay-lightbox .lb-prev { left: 20px; }
.dolunay-lightbox .lb-next { right: 20px; }
.dolunay-lightbox .lb-nav:hover {
  background: rgba(255,255,255,0.25);
  transform: translateY(-50%) scale(1.1);
}
/* ============================================================
   DOLUNAY LAYOUT FIX v4.1
   Fixes: Card product content layout, header spacing
   ============================================================ */


/* === CARD PRODUCT FIX v4.6 - WIDTH OVERRIDE === */
/* c-p-i-link gets width:36px from unknown source, force full width */

/* Force the text content link to be full width */
.card-product .card-product-inner > .c-p-i-link {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  height: auto !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Fix children of the text link */
.card-product .card-product-inner > .c-p-i-link .title {
  width: 100% !important;
  height: auto !important;
  max-height: 3em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: 13px !important;
  color: #16224a !important;
  font-weight: 600 !important;
  padding: 8px 10px 4px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.card-product .card-product-inner > .c-p-i-link .price-group {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 4px 10px 8px !important;
}

.card-product .card-product-inner > .c-p-i-link .prices {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.card-product .card-product-inner > .c-p-i-link .sale-price {
  height: auto !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #e74c3c !important;
  line-height: 1.2 !important;
}

.card-product .card-product-inner > .c-p-i-link .product-reviews {
  width: 100% !important;
  padding: 8px 10px 0 !important;
  justify-content: flex-start !important;
}

.card-product .card-product-inner > .c-p-i-link .card-product-content {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* HIZLI BAK butonunu kaldır */
.card-product .dy-quick-view-btn,
.card-product [class*="quick-view"],
.card-product [class*="hizli"] {
  display: none !important;
}

/* Buttons area fix */
.card-product .card-product-inner .buttons {
  width: 100% !important;
  height: auto !important;
  padding: 0 10px 10px !important;
}

.card-product .card-product-inner .btn-cart {
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* === HEADER MINIMAL FIX v4.4 === */
/* Only fix what is broken, do not touch Bootstrap grid */

/* Vertically center all header-area content */
.h-center .col-md-3,
.h-center .col-md-5,
.h-center .col-md-4 {
  display: flex !important;
  align-items: center !important;
}

/* Search bar improvements (no layout change) */
.h-center .search .input-box,
.h-center .easy-autocomplete {
  width: 100% !important;
}
.h-center .search .input-box {
  border-radius: 50px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
  border: 2px solid transparent !important;
  transition: border-color 0.25s !important;
}
.h-center .search .input-box:focus-within {
  border-color: #f5b73d !important;
}
.h-center .search .form-control {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 14px !important;
  color: #16224a !important;
}
.h-center .search .btn-send {
  background: linear-gradient(135deg, #f5b73d, #e6a520) !important;
  color: #16224a !important;
  border: none !important;
  border-radius: 0 50px 50px 0 !important;
  min-width: 50px !important;
  transition: all 0.2s !important;
}
.h-center .search .btn-send:hover {
  background: linear-gradient(135deg, #16224a, #1e3a6e) !important;
  color: #f5b73d !important;
}
/* === CARD CLEANUP PATCH v4.7 === */
/* Remove padding from card-product-inner (added by us) */
.card-product .card-product-inner {
  padding: 0 !important;
}

/* Ensure image fills the wrapper */
.card-product .image-wrapper .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Remove HIZLI BAK definitively */
.dy-quick-view-btn,
[class*="quick-view-btn"],
.card-product-inner [class*="quick"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* === IMAGE WRAPPER LINK FIX v4.8 === */
/* The c-p-i-link inside image-wrapper was 36px - fix to full height */
.card-product .image-wrapper > .c-p-i-link,
.card-product .image-wrapper .c-p-i-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* Remove the white space from page-group modules */
.p-g-mod-t-20 { margin-top: 0 !important; }
.p-g-mod-t-28 { margin-top: 0 !important; }
.p-g-mod-p-0 > .p-g-mod-body { padding: 0 !important; }
/* ============================================ */
/* DOLUNAY v5.0 - CONVERSION UPGRADE           */
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
.card-product .c-p-i-link, .card-product [class*="price"] {
  font-family: "Plus Jakarta Sans","Inter",-apple-system,sans-serif !important;
  letter-spacing: -0.01em;
}
/* Smooth 2nd-image hover */
.card-product .image-wrapper { position: relative !important; overflow: hidden !important; }
.card-product .image-wrapper img { transition: opacity .45s ease, transform .6s cubic-bezier(.2,.7,.3,1) !important; backface-visibility: hidden; }
.dy-hover-img {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; opacity: 0 !important; z-index: 2 !important; pointer-events: none !important;
  transition: opacity .45s ease, transform .6s cubic-bezier(.2,.7,.3,1) !important;
}
.card-product:hover .dy-hover-img { opacity: 1 !important; transform: scale(1.04); }
.card-product.dy-single-img:hover .image-wrapper img { transform: scale(1.06); }
/* Badge system */
.dy-badge { position: absolute; top: 10px; left: 10px; padding: 4px 11px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; z-index: 5; line-height: 1.4; font-family: "Plus Jakarta Sans",sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.dy-badge-new { background: #16224a; color: #f5b73d; }
.dy-badge-sale { background: #e74c3c; color: #fff; }
.dy-badge-featured { background: #f5b73d; color: #16224a; }
/* Favorite quick button */
.dy-fav-btn {
  position: absolute !important; top: 10px !important; right: 10px !important; z-index: 6 !important;
  width: 38px !important; height: 38px !important; border-radius: 50% !important; min-width: 0 !important;
  background: rgba(255,255,255,.92) !important; border: none !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.12) !important; opacity: 0; transform: translateX(14px);
  transition: all .3s ease !important; color: #16224a !important;
}
.card-product:hover .dy-fav-btn { opacity: 1; transform: translateX(0); }
.dy-fav-btn:hover { background: #16224a !important; color: #fff !important; transform: scale(1.1); }
.dy-fav-btn.dy-faved { color: #e74c3c !important; background: #fff !important; }
.dy-fav-btn svg { width: 18px !important; height: 18px !important; }

/* Slide-out cart drawer */
.dy-cart-overlay { position: fixed; inset: 0; background: rgba(13,23,48,.45); z-index: 99998; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; backdrop-filter: blur(2px); }
.dy-cart-overlay.dy-open { opacity: 1; visibility: visible; }
.dy-cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 400px; max-width: 92vw; background: #fff; z-index: 99999; box-shadow: -12px 0 50px rgba(13,23,48,.18); transform: translateX(100%); transition: transform .38s cubic-bezier(.4,0,.2,1); display: flex; flex-direction: column; font-family: "Plus Jakarta Sans",sans-serif; }
.dy-cart-drawer.dy-open { transform: translateX(0); }
.dy-cart-head { padding: 20px 24px; background: #16224a; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.dy-cart-head h3 { font-size: 1.05rem; font-weight: 700; margin: 0; color:#fff; }
.dy-cart-close { background: rgba(255,255,255,.12); border: none; color: #fff; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 1; transition: background .2s; }
.dy-cart-close:hover { background: rgba(255,255,255,.25); }
.dy-cart-body { flex: 1; overflow-y: auto; padding: 16px 24px; }
.dy-cart-empty { text-align: center; padding: 60px 20px; color: #94a3b8; }
.dy-cart-empty svg { width: 56px; height: 56px; margin-bottom: 12px; opacity: .4; }
.dy-cart-foot { padding: 20px 24px; border-top: 1px solid #eef0f4; }
.dy-cart-total { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 16px; font-weight: 800; color: #16224a; }
.dy-cart-total .dy-amt { font-size: 1.25rem; }
.dy-cart-checkout { display: block; width: 100%; text-align: center; padding: 14px; background: linear-gradient(135deg,#f5b73d,#e0a020); color: #16224a; border: none; border-radius: 12px; cursor: pointer; font-weight: 800; font-size: 1rem; text-decoration: none; transition: all .3s; }
.dy-cart-checkout:hover { box-shadow: 0 8px 24px rgba(245,183,61,.4); transform: translateY(-1px); color: #16224a; }

/* Live search dropdown */
.dy-search-dropdown { position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: #fff; border-radius: 14px; box-shadow: 0 20px 60px rgba(13,23,48,.18); overflow: hidden; z-index: 9999; display: none; font-family: "Plus Jakarta Sans",sans-serif; }
.dy-search-dropdown.dy-active { display: block; animation: dyDrop .2s ease; }
@keyframes dyDrop { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
.dy-sr-item { display: flex; align-items: center; gap: 12px; padding: 11px 16px; transition: background .15s; cursor: pointer; text-decoration: none; }
.dy-sr-item:hover { background: #f6f7f9; }
.dy-sr-item img { width: 46px; height: 56px; border-radius: 7px; object-fit: cover; flex-shrink: 0; }
.dy-sr-name { font-size: .85rem; font-weight: 600; color: #16224a; }
.dy-sr-price { font-size: .78rem; color: #e74c3c; font-weight: 700; }
.dy-sr-head { padding: 9px 16px; font-size: .68rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .06em; }
/* end v5.0 css */
/* ============================================ */
/* DOLUNAY PRODUCT DETAIL v5.1                 */
/* ============================================ */
/* zoom-on-hover lens for main product image */
.dy-zoom-wrap { position: relative; overflow: hidden; cursor: zoom-in; }
.dy-zoom-wrap .img-auto { transition: transform .15s ease-out; }
.dy-zoom-wrap.dy-zooming .img-auto { transform: scale(2.1); }
/* refined product detail variant selectors */
.product-profile-1 .pattern-list a, .product-body .size-item, .product-body .size-group a {
  border-radius: 8px !important; transition: all .2s ease !important; font-weight: 600 !important;
}
.product-profile-1 .pattern-list a:hover, .product-body .size-item:hover {
  border-color: #16224a !important; transform: translateY(-1px) !important;
}
/* sticky add-to-cart group on desktop scroll */
.product-buttons .btn, .product-buttons a { transition: all .25s ease !important; }
.product-buttons .btn:hover, .product-buttons a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0,0,0,.15) !important; }
/* trust icon row polish */
.product-profile-1 [class*="guarantee"] .item, .product-trust .item { transition: all .2s ease; border-radius: 12px; }
.product-profile-1 [class*="guarantee"] .item:hover, .product-trust .item:hover { background: #f8f9fb; transform: translateY(-2px); }
/* thumbnail active ring */
.product-profile-1 .swiper-slide-thumb-active img, .product-profile-1 [class*="thumb"].active img {
  outline: 2px solid #f5b73d !important; outline-offset: 1px; border-radius: 8px;
}
/* end product detail v5.1 */
/* ============================================ */
/* CAROUSEL ANIM FIX v5.2                      */
/* cards inside carousels must NOT stay hidden */
/* ============================================ */
.owl-carousel .card-product,
.owl-item .card-product,
.owl-carousel-item .card-product,
.swiper .card-product,
.swiper-slide .card-product,
.slick-slide .card-product,
[class*="carousel"] .card-product {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
.owl-carousel .card-product.stagger-init,
.owl-carousel .card-product.anim-init,
.owl-item .stagger-init,
.owl-item .anim-init,
[class*="carousel"] .stagger-init,
[class*="carousel"] .anim-init {
  opacity: 1 !important;
  transform: none !important;
}
/* end carousel anim fix v5.2 */
/* ============================================ */
/* SEARCH DROPDOWN OVERFLOW FIX v5.3           */
/* ============================================ */
/* allow the live-search dropdown to escape its clipped containers */
.search .easy-autocomplete,
.search .input-box { overflow: visible !important; }
/* keep the dropdown above the hero/banner */
.dy-search-dropdown { z-index: 100000 !important; }
/* position relative to the form so it aligns under the input */
.search form { position: relative !important; }
/* end search dropdown overflow fix v5.3 */
/* ============================================ */
/* SEARCH STACKING FIX v5.3                    */
/* h-center has a transform (scroll anim) which traps the dropdown */
/* in its own stacking context. Lift the search subtree above nav. */
/* ============================================ */
.header-area, .h-center { position: relative; }
.search { position: relative !important; z-index: 100001 !important; }
/* when a search dropdown is active, make sure the whole header sits on top */
.h-center:has(.dy-search-dropdown.dy-active) { z-index: 100002 !important; }
.menu, nav.menu, .menu.sec-hidden { z-index: 900 !important; }
/* end search stacking fix v5.3 */
/* SEARCH DROPDOWN SPACING v5.3 */
.dy-search-dropdown { top: calc(100% + 12px) !important; max-height: 70vh; overflow-y: auto; }
.dy-search-dropdown::-webkit-scrollbar { width: 6px; }
.dy-search-dropdown::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
/* end search dropdown spacing v5.3 */
/* (v5.6 fixed approach removed; using slim bar v5.8) */



/* ===== DY STICKY HEADER v5.5 ===== */
header.desktop.dy-sticky-on .h-center{position:fixed;top:0;left:0;right:0;width:100%;z-index:1200;background:#16224a;box-shadow:0 4px 18px rgba(16,34,74,.18);padding-top:8px!important;padding-bottom:8px!important;height:auto!important;min-height:0!important;transition:padding .25s ease,box-shadow .25s ease;animation:dySlideDown .35s ease;}
header.desktop.dy-sticky-on .menu{position:fixed;top:var(--dy-center-h,70px);left:0;right:0;width:100%;z-index:1199;box-shadow:0 2px 10px rgba(16,34,74,.12);animation:dySlideDown .35s ease;}
header.desktop.dy-sticky-on .h-center .logo img{max-height:42px!important;transition:max-height .25s ease;}
@keyframes dySlideDown{from{transform:translateY(-100%);opacity:.4;}to{transform:translateY(0);opacity:1;}}
body.dy-sticky-pad{padding-top:var(--dy-sticky-pad,0px)!important;}
@media(max-width:991px){header.desktop.dy-sticky-on .h-center,header.desktop.dy-sticky-on .menu{position:static;animation:none;}body.dy-sticky-pad{padding-top:0;}}
/* ===== END STICKY HEADER v5.5 ===== */
/* ===== STICKY HEADER FIX v5.7 ===== */
/* (reverted v5.7 anim-killer) */
/* (reverted v5.7 transform-killer) */
/* ===== end sticky header fix v5.7 ===== */


/* === DY-STICKY-FIX-v5.6 : force fixed header flush to top, no gap === */
header.desktop.dy-fixed,
header.desktop.dy-sticky.dy-fixed {
  top: 0 !important;
  background: #16224a !important;
}
header.desktop.dy-fixed .h-contact { display: none !important; }
header.desktop.dy-fixed .h-center,
header.desktop.dy-fixed .menu { opacity: 1 !important; visibility: visible !important; }
body.dy-header-fixed { padding-top: var(--dy-fixed-h, 0px); }
/* === end DY-STICKY-FIX-v5.6 === */
/* ===== SLIM STICKY BAR v5.8 ===== */
.dy-slim-bar{position:fixed;top:0;left:0;right:0;width:100%;z-index:4000;background:#16224a;box-shadow:0 6px 22px rgba(10,16,38,.22);transform:translateY(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
.dy-slim-bar.dy-show{transform:translateY(0);}
.dy-slim-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px 20px;}
.dy-slim-logo{flex:0 0 auto;display:flex;align-items:center;}
.dy-slim-logo img{max-height:40px;width:auto;display:block;}
.dy-slim-search{flex:1 1 auto;position:relative;display:flex;align-items:center;background:#fff;border-radius:30px;overflow:hidden;max-width:640px;margin:0 auto;}
.dy-slim-search input{flex:1 1 auto;border:0;outline:0;background:transparent;padding:11px 18px;font-size:14px;color:#16224a;font-family:'Plus Jakarta Sans','Inter',sans-serif;}
.dy-slim-search button{flex:0 0 auto;border:0;background:#f5b73d;color:#16224a;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;}
.dy-slim-search button:hover{background:#e7a521;}
.dy-slim-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px;}
.dy-slim-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.10);transition:background .2s ease,color .2s ease;}
.dy-slim-ico:hover{background:#f5b73d;color:#16224a;}
@media (max-width:991px){.dy-slim-bar{display:none !important;}}
/* ===== end slim sticky bar v5.8 ===== */

/* ===== DY STICKY HEADER PATCH v5.5.1 ===== */
body.dy-sticky-pad{padding-top:var(--dy-sticky-pad,0px)!important;}
header.desktop.dy-sticky-on .h-center .container{padding-top:6px!important;padding-bottom:6px!important;}
header.desktop.dy-sticky-on .h-center .row{align-items:center;}
/* ===== END PATCH v5.5.1 ===== */

/* ===== DY STICKY FIX v5.5.2 ===== */
body.dy-sticky-pad .pattern-group{transform:none!important;}
/* ===== END FIX v5.5.2 ===== */

/* ===== DY STICKY BAR v5.6 ===== */
#dy-sticky-bar .h-center{padding:0!important;margin:0!important;background:#16224a!important;}
#dy-sticky-bar .h-center .container{padding-top:8px!important;padding-bottom:8px!important;}
#dy-sticky-bar .h-center .row{align-items:center!important;}
#dy-sticky-bar .h-center .logo img{max-height:44px!important;width:auto!important;}
#dy-sticky-bar .menu{box-shadow:none!important;}
#dy-sticky-bar .h-center .sec-hidden,#dy-sticky-bar .menu.sec-hidden{opacity:1!important;transform:none!important;visibility:visible!important;}
@media(max-width:991px){#dy-sticky-bar{display:none!important;}}
/* ===== END STICKY BAR v5.6 ===== */

/* ===== HEADER ALWAYS VISIBLE v5.9 ===== */
header.desktop .h-contact, header.desktop .h-center, header.desktop .menu{opacity:1 !important;transform:none !important;animation:none !important;visibility:visible !important;}
/* ===== end header always visible v5.9 ===== */

/* ===== DY STICKY BAR MENU v5.6.1 ===== */
#dy-sticky-bar .menu .navbar-nav{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;}
#dy-sticky-bar .menu .navbar-nav>li{list-style:none!important;float:none!important;width:auto!important;}
#dy-sticky-bar .menu .navbar{flex-wrap:nowrap!important;}
#dy-sticky-bar .menu{height:auto!important;}
#dy-sticky-bar .menu .container{display:flex!important;align-items:center!important;}
/* ===== END STICKY BAR MENU v5.6.1 ===== */

/* === DY-CATEGORY-CARDS-v5.7 === */
.dy-cat-section { max-width: 1320px; margin: 38px auto 10px; padding: 0 15px; }
.dy-cat-section .dy-cat-head { text-align: center; margin-bottom: 26px; }
.dy-cat-section .dy-cat-head h2 { font-size: 26px; font-weight: 800; color: #16224a; margin: 0 0 6px; letter-spacing: -.5px; }
.dy-cat-section .dy-cat-head p { color: #7b8499; font-size: 14px; margin: 0; }
.dy-cat-cards { display: grid !important; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.dy-cat-card { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 26px 12px; border-radius: 18px; background: #fff !important; border: 1px solid #eef0f5; box-shadow: 0 4px 18px rgba(22,34,74,.06); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; overflow: hidden; }
.dy-cat-card:hover { transform: translateY(-6px); box-shadow: 0 14px 32px rgba(22,34,74,.16); border-color: #f5b73d; }
.dy-cat-card .dy-cat-ic { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #16224a 0%, #2a3a6e 100%); box-shadow: 0 6px 16px rgba(22,34,74,.25); }
.dy-cat-card:hover .dy-cat-ic { transform: scale(1.08); background: linear-gradient(135deg, #f5b73d 0%, #e8a31f 100%); }
.dy-cat-card .dy-cat-name { font-size: 13px; font-weight: 700; color: #16224a; text-align: center; line-height: 1.3; }
@media (max-width: 1100px){ .dy-cat-cards { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 700px){ .dy-cat-cards { grid-template-columns: repeat(3, 1fr); gap: 10px; } .dy-cat-card { padding: 18px 8px; } .dy-cat-card .dy-cat-ic { width: 48px; height: 48px; font-size: 19px; } .dy-cat-card .dy-cat-name { font-size: 11px; } }
/* === end DY-CATEGORY-CARDS-v5.7 === */

/* ===== DY STICKY BAR POLISH v5.6.2 ===== */
#dy-sticky-bar .menu{background:#16224a!important;}
#dy-sticky-bar .menu .navbar-nav>li>a,#dy-sticky-bar .menu a{color:#fff!important;opacity:1!important;font-weight:600!important;}
#dy-sticky-bar .menu .navbar-nav{padding:4px 0!important;}
#dy-sticky-bar .menu .sec-hidden{opacity:1!important;transform:none!important;}
#dy-sticky-bar .easy-autocomplete,#dy-sticky-bar .search{position:relative!important;}
#dy-sticky-bar .h-center .col-md-5{flex:0 0 46%!important;max-width:46%!important;}
#dy-sticky-bar .h-center .col-md-3{flex:0 0 20%!important;max-width:20%!important;}
#dy-sticky-bar .h-center .col-md-4{flex:0 0 34%!important;max-width:34%!important;}
/* ===== END STICKY BAR POLISH v5.6.2 ===== */

/* === DY-STICKY-CLEANUP-v5.7 : remove obsolete slim sticky bar (superseded by #dy-sticky-bar v5.6) === */
.dy-slim-bar, .dy-slim-bar.dy-show { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }

/* === DY-STICKY-LAYOUT-v5.7 : align sticky bar h-center as flex row, fix search inline === */
#dy-sticky-bar .h-center{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;width:100% !important;max-width:1480px !important;margin:0 auto !important;padding:0 24px !important;}
#dy-sticky-bar .h-center > *{flex:0 0 auto !important;}
#dy-sticky-bar .search{flex:1 1 auto !important;display:flex !important;align-items:center !important;min-width:280px !important;max-width:640px !important;height:48px !important;}
#dy-sticky-bar .search .easy-autocomplete{width:100% !important;height:48px !important;position:relative !important;}
#dy-sticky-bar .search .easy-autocomplete input, #dy-sticky-bar .search input[type='text'], #dy-sticky-bar .search input[type='search']{width:100% !important;height:48px !important;border-radius:24px !important;padding:0 56px 0 20px !important;box-sizing:border-box !important;}
#dy-sticky-bar .search button, #dy-sticky-bar .search .btn{position:absolute !important;right:4px !important;top:50% !important;transform:translateY(-50%) !important;width:42px !important;height:42px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;}
body.dy-has-announce{padding-top:30px;}
.dy-announce{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dy-has-announce > section:first-of-type{margin-top:30px;}
.dy-announce + *{margin-top:30px !important;}

/* === DY-LOGO-FIX : logonun beyaz kutu gorunmesini engelle (opak lacivert arka planli logo icin invert filtresini kaldir) === */
header.desktop .logo a img, header.mobile .logo a img, .mobile-header .logo a img, .logo a img, .logo img { filter: none !important; }
/* === DY-CAT-IC-STYLE : kategori harf rozetlerine gradyan/derinlik kazandir === */
.dy-cat-card .dy-cat-ic{ background: linear-gradient(135deg,#1d2a55 0%,#2f4178 55%,#3a5290 100%) !important; box-shadow: 0 8px 20px rgba(22,34,74,.28), inset 0 1px 0 rgba(255,255,255,.15) !important; border: 1px solid rgba(255,255,255,.08) !important; letter-spacing: .5px !important; transition: all .25s ease !important; }
.dy-cat-card:hover .dy-cat-ic{ transform: translateY(-2px) scale(1.05) !important; box-shadow: 0 12px 26px rgba(22,34,74,.40) !important; }

/* DY-ANNOUNCE-BG-FIX: solid bar, no bleed into header */
.dy-announce{ background:#16224a !important; color:#fff !important; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.08); z-index:10002 !important; display:flex !important; align-items:center !important; justify-content:center !important; }

/* DY-CARD-POLISH: gold product rating stars + solid free-cargo badge */
.product-reviews .stars .star, .product-reviews .stars .star i, .product-reviews .star i { color:#FFB400 !important; }
.free-cargo-badge{ background:linear-gradient(135deg,#1e9e5a,#27c06e) !important; color:#fff !important; padding:3px 9px !important; border-radius:6px !important; font-weight:600 !important; box-shadow:0 2px 6px rgba(0,0,0,.18) !important; letter-spacing:.3px; }

/* ============================================================
   DY-FIX-1 | Sticky header arama kutusu kirpilmasi duzeltmesi
   Sorun: Asagi kaydirinca arama ~280px'e dusuyor, uzun
   placeholder kirpiliyor. Cozum: sticky durumda min-genislik.
   Mevcut kurallara dokunulmadi; sadece eklendi.
   ============================================================ */
@media (min-width: 992px) {
  header.desktop.scrolled-header .search .easy-autocomplete,
  header.desktop.scrolled-header .search .input-box,
  header.desktop.dy-sticky .search .easy-autocomplete,
  header.desktop.dy-sticky .search .input-box,
  header.desktop.dy-sticky-on .search .easy-autocomplete,
  header.desktop.dy-sticky-on .search .input-box {
    width: 100% !important;
    min-width: 420px !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  header.desktop.scrolled-header .search .form-control,
  header.desktop.dy-sticky .search .form-control,
  header.desktop.dy-sticky-on .search .form-control {
    width: 100% !important;
    text-overflow: ellipsis;
  }
}


/* ============================================================
   DY-FIX-2 | Markalar sayfasi bozuk yerlesim duzeltmesi
   Sorun: marka modulunde govde (.p-g-mod-body) ~210px'e
   sikisiyor; kartlar/logolar minik, adlar cakisik.
   Cozum: SADECE marka modulunu (:has(.card-brand)) hedefle,
   baslik + govde tam genislige yayilsin, kartlar duzgun
   izgara olsun, logolar buyusun ve ortalansin.
   Not: :has() ile scope edildi; breadcrumb vb. modulleri
   ETKILEMEZ. Mevcut kurallara dokunulmadi.
   ============================================================ */
.p-g-mod:has(.card-brand) > .p-g-mod-header,
.p-g-mod:has(.card-brand) > .p-g-mod-body {
  flex: 1 1 100% !important;
  width: 100% !important;
}
.card-brand {
  padding: 16px !important;
  text-align: center !important;
}
.card-brand .image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 120px !important;
}
.card-brand .image img {
  max-width: 140px !important;
  max-height: 90px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
}
.card-brand .title,
.card-brand .name,
.card-brand a {
  text-align: center !important;
  white-space: normal !important;
}


/* ============================================================
   DY-FIX-3 | Urun karti basliklarinin kirpilmasi duzeltmesi
   Sorun: .title 'display:flow-root' ile render olunca
   -webkit-line-clamp:2 calismiyor; max-height:3em ile metin
   2. satirin altindan sert kesiliyordu (descender'lar dahil).
   Cozum: display:-webkit-box ile clamp'i gercekten devreye al,
   line-height ve content-box padding ile 2 satir tam sigsin,
   3+ satir temiz '...' ile kisalsin. Yuksek ozgullukle yazildi
   ki temanin .c-p-i-link .title (max-height:3em) kuralini gecsin.
   ============================================================ */
.card-product .card-product-inner > .c-p-i-link .title,
.card-product .card-product-inner .title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
  min-height: 2.8em !important;
  max-height: 2.8em !important;
  height: auto !important;
  padding-bottom: 3px !important;
  box-sizing: content-box !important;
  word-break: break-word !important;
}


/* ============================================
   DY-FIX-4: Sepet bos durum CTA marka rengi
   Sorun: Bos sepetteki 'ALISVERISE BASLA' butonu
   Bootstrap yesili (#28a745) kullaniyordu, marka
   paletiyle uyumsuzdu. Sadece sepet-bos CTA'sina
   ozeldir (.cart-empty-alert ile kapsam daraltildi),
   diger success butonlarini etkilemez.
   ============================================ */
.cart-empty-alert .btn-theme-2.btn-success {
  background-color: #16224A !important;
  border-color: #16224A !important;
  color: #ffffff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.cart-empty-alert .btn-theme-2.btn-success:hover,
.cart-empty-alert .btn-theme-2.btn-success:focus {
  background-color: #F5B73D !important;
  border-color: #F5B73D !important;
  color: #16224A !important;
}


/* ============================================
   DY-FIX-5: Bos blog kenar cubugu widget'lari
   Sorun: Blog sayfasinda 'Kategoriler' ve 'En Cok
   Okunanlar' widget'lari icerik olmadiginda bos
   beyaz cerceveler olarak goruluyordu (bozuk gorunum).
   Cozum: Basligi olup govdesindeki liste bos olan
   modulu gizle. Icerik eklendiginde (ul'de li olunca)
   widget otomatik tekrar gorunur. Sadece bos+baslikli
   modulleri hedefler, dolu modulleri etkilemez.
   ============================================ */
.p-g-mod:has(.p-g-m-h-info):has(.p-g-mod-body ul:empty) {
  display: none !important;
}


/* ============================================
   DY-FIX-6: Yatay tasma (horizontal overflow)
   Sorun: Ekran disina park edilmis off-canvas
   '.sidebar-user' paneli (position:fixed) sayfada
   istenmeyen yatay kaydirma cubugu olusturuyordu.
   body'de overflow-x:hidden vardi ama fixed elemanlar
   bunu asar; html elemanina overflow-x:clip eklendi.
   'clip' kullanildi (hidden degil) cunku scroll
   kapsayicisi olusturmaz, position:sticky ve smooth
   scroll davranisini bozmaz.
   ============================================ */
html {
  overflow-x: clip;
}

/* ============================================
   DY-FIX-7: Filtre 'Urunleri Listele' butonu marka rengi
   Sorun: Kategori filtre alanindaki yesil (#28a745)
   'Urunleri Listele' butonu marka disiydi. Sadece
   filtre buton alanina (.p-g-mod-body .buttons) ozeldir.
   ============================================ */
.p-g-mod-body .buttons .btn-success {
  background-color: #16224A !important;
  border-color: #16224A !important;
  color: #ffffff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.p-g-mod-body .buttons .btn-success:hover,
.p-g-mod-body .buttons .btn-success:focus {
  background-color: #F5B73D !important;
  border-color: #F5B73D !important;
  color: #16224A !important;
}


/* ============================================
   DY-FIX-8: Uye kayit 'Kayit Ol' butonu marka rengi
   Sorun: Uye giris sayfasi 'Uye Ol' sekmesindeki
   'Kayit Ol' butonu Bootstrap yesili (#28a745) idi,
   marka disiydi. Sadece kayit formuna ozeldir
   (.common-register-form), giris/Google butonlarini
   etkilemez.
   ============================================ */
.common-register-form .btn-success {
  background-color: #16224A !important;
  border-color: #16224A !important;
  color: #ffffff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.common-register-form .btn-success:hover,
.common-register-form .btn-success:focus {
  background-color: #F5B73D !important;
  border-color: #F5B73D !important;
  color: #16224A !important;
}

/* ===== DY-FIX-9: Kategori alt baslik kontrasti ===== */
/* '.dy-cat-head p' alt basligi #7b8499 ile beyaz zeminde 3.75:1 kontrasta sahipti (WCAG AA min 4.5:1 altinda). */
/* Marka tonunu koruyan biraz daha koyu gri (#5b6478, ~5.9:1) ile okunabilirlik AA seviyesine cikarildi. */
.dy-cat-head p { color: #5b6478 !important; }

/* ===== DY-SKIP-LINK: Klavye kullanicilari icin 'Icerige gec' baglantisi (erisilebilirlik) ===== */
.dy-skip-link{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:100000;
  background:#16224A;
  color:#ffffff;
  padding:12px 22px;
  border-radius:0 0 8px 0;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(22,34,74,.35);
  transition:left .15s ease;
}
.dy-skip-link:focus{
  left:0;
  outline:3px solid #F5B73D;
  outline-offset:2px;
  color:#ffffff;
}

/* DY-LOGO: hizalama ve oran duzeltme */ .logo.header-area { display:flex; align-items:center; justify-content:center; height:100%; } .logo.header-area > a { display:flex; align-items:center; justify-content:center; height:100%; } .logo.header-area img { object-fit:contain; width:auto; max-height:70px; height:auto; display:block; }

/* ================= DY-STICKY-CONFLICT-FIX-A ================= */
/* SORUN: header.desktop.dy-sticky icin iki celisen top kurali var:       */
/*   satir 3323 -> top:0 !important ; satir 5381 -> top:36px !important    */
/* Bu celiski sticky durumda header/arama/menu cakismasina yol aciyor.    */
/* COZUM: Tek dogru davranisi netlestir. Duyuru bandi acikken 36px,       */
/* kapaliyken 0. Yeni bir mekanizma eklemeden mevcut degerleri sabitler.  */
@media (min-width: 992px) {
  /* Header sticky iken tek tutarli konum: duyuru bandinin altina */
  header.desktop.dy-sticky.scrolled-header {
    top: 36px !important;      /* 3323'teki top:0 celiskisini kesinlestir */
    height: auto !important;   /* 53px sabit yukseklik kirpmasini kaldir  */
    min-height: 0 !important;
    overflow: visible !important; /* arama kutusu ustu kirpilmasin        */
  }
  /* Duyuru bandi kapaliysa header en uste otursun (0) */
  header.desktop.dy-sticky.scrolled-header.dy-no-announce {
    top: 0 !important;
  }
  /* Header ic bolumu (h-contact) sabit 53px'e sikismasin, icerik sigsin */
  header.desktop.dy-sticky.scrolled-header .h-contact {
    height: auto !important;
    overflow: visible !important;
  }
}
/* =============== /DY-STICKY-CONFLICT-FIX-A =============== */

/* ================= DY-STICKY-CLEANUP-B ================= */
/* AMAC: Ust uste eklenmis eski sticky surumlerini (v5.5 dy-sticky-on)    */
/* etkisiz kilip TEK tutarli sticky tanimi birakmak.                      */
/* KANIT: Canlida dy-sticky-on sinifi HIC eklenmiyor; .h-center / .menu   */
/* secicileri bu temada karsiligi olmayan olu kod. Bunlar potansiyel      */
/* cift-konumlandirma cakismasi riski. Nötrlestiriliyorlar.               */
@media (min-width: 992px) {
  /* 1) Olu v5.5 sticky-on kurallarini pasiflestir (cift fixed engellenir) */
  header.desktop.dy-sticky-on .h-center,
  header.desktop.dy-sticky-on .menu {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    animation: none !important;
  }
  /* 2) Tek sticky mekanizmasi: dy-sticky. Tutarli z-index ve konum.       */
  header.desktop.dy-sticky.scrolled-header {
    z-index: 1000 !important;   /* menu (1199) ile cakismayi engelle       */
  }
  /* 3) Sticky iken sayfa ust icerigi header'in altina binmesin diye       */
  /*    guvenli davranis: header ic bolumleri normal akista kalsin.        */
  header.desktop.dy-sticky.scrolled-header .header-area {
    position: relative !important;
  }
}
/* =============== /DY-STICKY-CLEANUP-B =============== */

/* ================= DY-WA-FLOAT-POSITION-FIX ================= */
/* SORUN: WhatsApp yuzen balonu (.dy-wa-float) inline right:70px ile fazla */
/* iceride; sepet ozet kutusundaki 'Genel Toplam' tutarinin uzerine       */
/* biniyor (tutar sag kenari balon sol kenarini ~16px asiyordu).          */
/* COZUM: Balonu standart konuma (right:20px) cek. Inline stil oldugu icin */
/* override !important gerekiyor. Tum sayfalarda gecerli, tasarim bozulmaz.*/
.dy-wa-float {
  right: 20px !important;
}
@media (max-width: 480px) {
  .dy-wa-float {
    right: 12px !important;
  }
}
/* =============== /DY-WA-FLOAT-POSITION-FIX =============== */

/* ================= DY-NEWSLETTER-PADDING-FIX ================= */
/* SORUN: Footer bulten kutusunda Gonder butonu (position:absolute, ~118px) */
/* input'un uzerine biniyor; input sag padding'i sadece 20px oldugundan     */
/* uzun e-posta yazilinca metin butonun altina girip gizleniyor.            */
/* COZUM: Bu spesifik input'a butonu karsilayacak sag ic bosluk ver.        */
/* Yuksek ozgullukte secici; mevcut !important padding kurallarini gecmek   */
/* icin gereklidir. Sadece bulten input'unu etkiler.                        */
footer .newsletter-form input.newsletter-input.form-control,
.newsletter-content .newsletter-form input.newsletter-input {
  padding-right: 140px !important;
}
/* =============== /DY-NEWSLETTER-PADDING-FIX =============== */

/* ============================================
   DY-CART-LABEL-CONTRAST-FIX
   SORUN: Masaustu header sepet linkindeki "Sepetim"
   yazisi (.bar-cart .name) koyu renk (#222) miras aliyor.
   Header koyu lacivert zemin oldugu icin yazi neredeyse
   okunmuyor. Giris Yap / Uye Ol etiketleri beyaz; sepet
   etiketi tutarsiz kalmis.
   COZUM: Sadece masaustu header sepet etiketini beyaz yap,
   diger etiketlerle tutarli hale getir. Mobil header etkilenmez.
   ============================================ */
header.desktop .header-bar .bar-link.bar-cart .name{
  color:#ffffff !important;
}

/* ===== CLAUDE FIX #1 : Sticky header arama kutusu genisligi ===== */
#dy-sticky-bar .h-center .col-md-5 { align-items: stretch; }
#dy-sticky-bar .h-center .col-md-5 > .header-area { flex: 1 1 auto; width: 100%; }
/* ===== CLAUDE FIX #1 SON ===== */


/* ===== CLAUDE FIX #2 - Sticky bar kucultme ===== */
#dy-sticky-bar .h-center { height: 50px !important; }
#dy-sticky-bar .h-center .container { padding-top: 0 !important; padding-bottom: 0 !important; }
#dy-sticky-bar .h-center .logo { display: flex !important; align-items: center !important; height: 50px !important; }
#dy-sticky-bar .h-center .logo img { height: 30px !important; }
#dy-sticky-bar .input-box, #dy-sticky-bar .search { height: 36px !important; }
#dy-sticky-bar .input-box input, #dy-sticky-bar .search input { height: 36px !important; }
#dy-sticky-bar .menu { height: 30px !important; }
#dy-sticky-bar .menu .navbar-nav > li > a { padding-top: 4px !important; padding-bottom: 4px !important; line-height: 1.4 !important; }

/* ===== CLAUDE FIX #3 - Arama onerileri menu arkasinda kalmasin (z-index) ===== */
header.desktop .menu { position: relative; z-index: 1; }
header.desktop .h-center { position: relative; z-index: 100; }
#dy-sticky-bar .menu { position: relative; z-index: 1; }
#dy-sticky-bar .h-center { position: relative; z-index: 100; }


/* ===== CLAUDE FIX #4 - Cift arama onerisi katmani (easy-autocomplete) gizle ===== */
.easy-autocomplete-container { display: none !important; }


/* ===== CLAUDE FIX #5 - Sticky bar arama kutusu sutunu tam doldursun, tasma engellensin ===== */
#dy-sticky-bar { overflow-x: hidden; }
#dy-sticky-bar .container { max-width: 100%; }
#dy-sticky-bar .col-md-5 { display: flex; align-items: center; min-width: 0; }
#dy-sticky-bar .col-md-5 form, #dy-sticky-bar .col-md-5 .input-box, #dy-sticky-bar .col-md-5 .search { width: 100% !important; min-width: 0 !important; }
#dy-sticky-bar .col-md-5 input { width: 100% !important; box-sizing: border-box !important; }

/* =====================================================================
   DOLUNAY UI FIX  —  Konsolide UI duzeltmeleri (UI denetimi, Temmuz 2026)
   Bu blok dosyanin EN SONUNDADIR; !important ile onceki kurallara ustun gelir.
   ===================================================================== */

/* [1] KRITIK — Sayfa kaydirma kilidi.
   body'deki overflow-x:hidden, body'yi kaydirilamayan bir scroll
   konteynerine ceviriyordu. 'clip' yatay tasmayi gizler ama scroll
   konteyneri OLUSTURMAZ; dikey kaydirma pencereye geri doner. */
html { overflow-x: clip !important; }
body { overflow-x: clip !important; overflow-y: visible !important; height: auto !important; }

/* [2] 'Kategoriler' basligi dusuk kontrast (koyu metin/koyu zemin) */
.dy-cat-section h1, .dy-cat-section h2, .dy-cat-section h3,
.dy-cat-section [class*="title"] { color:#ffffff !important; }
.dy-cat-section p, .dy-cat-section [class*="subtitle"],
.dy-cat-section [class*="desc"] { color:rgba(255,255,255,.82) !important; }

/* [3] Arama basligi tasma + kategori/arama filtre basliklari gorunurluk (revize) */
/* Onceki agresif .p-g-m-h-info (inline-block/padding) filtre basliklarini bos beyaz */
/* pill'lere ceviriyordu; ayrica tema .p-g-b-c-0 .p-g-m-h-i-title'i beyaz yapip beyaz */
/* zeminde gorunmez kiliyordu. Hafif + hedefli surum: */
.p-g-m-h-info { overflow: visible !important; height: auto !important; }
.p-g-m-h-info .p-g-m-h-i-title { white-space: normal !important; word-break: break-word !important; }
/* t-55 haric tum modul basliklarini koyu yap (gorunmez beyaz-uzeri-beyaz onlenir) */
.p-g-mod .p-g-m-h-i-title { color: #16224A !important; }

/* [4] 'Yukari cik' butonu alt navigasyonla cakisiyor */
.dy-back-top { bottom:96px !important; z-index:970 !important; }
@media (min-width:1025px){ .dy-back-top { bottom:32px !important; } }

/* [5] Mobil menu saydamligi — CSS duzeyinde guclendirme
   (Tam ve garanti cozum: JS editorunden menuyu <body> altina tasimak.) */
.sidebar-menu-type-2 { background:#ffffff !important; z-index:100000 !important; }
.sidebar-menu-type-2 .scrollbar, .sidebar-menu-type-2 .categories { background:#ffffff !important; }
.overlay { background:rgba(0,0,0,.55) !important; }
header.mobile { z-index:10000 !important; }

/* [6] Tipografi tekillestirme (Poppins) */
body, h1,h2,h3,h4,h5,h6, p,a,span,button,input,select,textarea {
  font-family:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif !important; }
/* === DOLUNAY UI FIX SONU === */

/* === DOLUNAY UI FIX — Header logo buyutme (talep uzerine) === */
html body .logo.header-area { width:auto !important; max-width:none !important; height:auto !important; }
html body .logo.header-area a { display:inline-block !important; }
html body .logo.header-area a img { height:95px !important; max-height:95px !important; width:auto !important; max-width:none !important; }
/* === Logo buyutme SONU === */

/* === DOLUNAY UI FIX — KORSE menu ogesini gizle (talep uzerine) === */
/* Ust menu: YENI URUNLER / KADIN / ERKEK / KOZMETIK kalir; KORSE gizlenir. */
li:has(> a[href$="/korse"]) { display:none !important; }
a[href$="/korse"] { display:none !important; }
/* === KORSE gizleme SONU === */

/* === DOLUNAY UI FIX — Modal/varyant popup scroll kilidi (mobil Sepete Ekle duzeltmesi) === */
/* Scroll duzeltmemiz body overflow-y:visible yapiyordu; bu, modal acikken Bootstrap'in */
/* arka-plan kilidini (modal-open) eziyordu. Mobilde popup ekrandan uzun oldugunda */
/* parmakla popup icinde kaydirip 'SEPETE EKLE'ye ulasilamiyordu. Kilidi geri getiriyoruz. */
body.modal-open { overflow: hidden !important; }
html:has(body.modal-open) { overflow: hidden !important; }
.modal.native-modal, .modal.show { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
.modal.native-modal .modal-dialog { max-height: 92vh !important; }
.modal.native-modal .modal-content, .modal.native-modal .modal-body { max-height: 92vh !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
/* === Modal scroll kilidi SONU === */

/* === DOLUNAY UI FIX — Header arama placeholder gorunurlugu === */
header.desktop .search form input.form-control::placeholder,
header.desktop .search form input.form-control::-webkit-input-placeholder {
  color:#6b7488 !important; opacity:1 !important; }
/* === Header arama placeholder SONU === */

/* === DOLUNAY UI FIX — Masaustu hover mega-menu gorunurlugu === */
/* .nav-item.dropdown overflow:hidden acilan alt-kategori panelini kirpiyordu. */
.nav-item.dropdown { overflow: visible !important; }
/* === Masaustu hover mega-menu SONU === */

/* ===== DOLUNAY UI FIX 2 (arama tel / erkek grid / havale select) ===== */
body.arama-sayfa section.h-contact a[href^="tel:"]{display:none !important;}

.category-filter-list.cat-display-type-0 ul.list{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;}
.category-filter-list.cat-display-type-0 ul.list > li{min-height:38px;display:flex;align-items:center;}
.category-filter-list.cat-display-type-0 ul.list > li > a{display:flex;align-items:center;width:100%;min-height:38px;padding:6px 10px;line-height:1.25;}

.p-g-mod-t-3 form.eft-form select.form-control{height:auto;min-height:38px;line-height:1.5;padding:8px 16px;font-size:14px;box-sizing:border-box;}

/* ===== DOLUNAY MOTION AUDIT (anti-slop) ===== */
.qty-minus:hover, .qty-plus:hover{transform:none;}
.card-product .btn-fav:hover, .card-product .btn-wishlist:hover{transform:none;}
.dy-card-swatch:hover, .dy-card-swatch.dy-active{transform:scale(1.06);}
.card-product .btn-cart:hover{transform:none;}
.dy-social-proof{animation-timing-function:cubic-bezier(.2,.7,.3,1) !important;}
span.badge{animation:none !important;}

/* ===== DOLUNAY FIX 5: Urun karti favori butonu ===== */
.card-product .image-wrapper{position:relative;}
.dy-card-fav{position:absolute;top:10px;right:10px;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;transition:background .15s ease;}
.dy-card-fav svg{width:18px;height:18px;display:block;pointer-events:none;}
.dy-card-fav svg path{fill:none;stroke:#193A5F;stroke-width:2;transition:fill .15s ease;}
.dy-card-fav.dy-faved svg path{fill:#193A5F;stroke:#193A5F;}
.dy-card-fav:hover{background:#fff;}

/* ===== DOLUNAY FIX 8: Canli arama otomatik-tamamlama kutusu gorunurlugu ===== */
/* Onceki bir kural .easy-autocomplete-container'i display:none!important ile tamamen gizliyordu; sonuclar gelmesine ragmen kutu acilmiyordu. Ic <ul> eklentinin kendi kontrolunde kaldigi icin bos oldugunda gorunmez. */
.easy-autocomplete-container{display:block !important;}

/* ===== DOLUNAY FIX 8b: Arama otomatik-tamamlama kutusu menu cubugunun ustunde kalsin ===== */
/* Sorun: arama basligi section.h-center (z-index:100) icinde hapis; menu section.menu z-index:900 oldugu icin acilir kutu menunun altinda kaliyordu. */
section.h-center{z-index:1000 !important;}

/* ===== DOLUNAY FIX UYE-TEL: Uye ol/giris telefon alani bayrak kirpmasi ===== */
/* intl-tel-input bayrak kutusu ~47px absolute; input padding-left 16px oldugu icin +90 bayragin arkasinda kaliyordu. */
.iti input.form-phone-control{padding-left:52px !important;}

/* ===== DOLUNAY FIX MEGAMENU: Buyuk mega-menu (Ev & Yasam 165 alt kategori) tasmasin, kaydirilabilir olsun ===== */
section.menu .nav-item.dropdown .dropdown-menu{max-height:78vh !important;overflow-y:auto !important;overflow-x:hidden !important;}

/* ===== DOLUNAY FIX HEADER: header kisalt + logo buyut ===== */
.desktop .h-center{height:108px !important;}
.desktop .h-center .row,.desktop .h-center .row > [class*=col-]{height:108px !important;display:flex !important;align-items:center !important;}
.desktop .logo.header-area{height:108px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;}
.desktop .logo.header-area a{display:flex !important;align-items:center !important;}
.desktop .logo.header-area a img,.desktop .logo.header-area img{height:100px !important;min-height:100px !important;max-height:100px !important;width:auto !important;max-width:none !important;}
.desktop .h-contact{padding-top:4px !important;padding-bottom:4px !important;}

/* ===== DOLUNAY FIX HEADER-BOXES: 3 kutu (favori/uye/sepet) kucult ===== */
.desktop .h-center .bar-link .icon,.desktop .h-center .bar-user .icon,.desktop .h-center .bar-cart .icon,.desktop .h-center .bar-favorite .icon{width:33px !important;min-width:33px !important;max-width:33px !important;height:33px !important;min-height:33px !important;max-height:33px !important;}
.desktop .h-center .bar-user{height:33px !important;min-height:33px !important;max-height:33px !important;}
.desktop .h-center .bar-link .icon svg,.desktop .h-center .bar-link .icon i{font-size:15px !important;}

/* ===== DOLUNAY FIX HCONTACT: gereksiz ust iletisim bari gizle ===== */
.desktop .h-contact{display:none !important;}

/* ===== DOLUNAY FIX CARD-HOVER: urun karti premium hover ===== */
.card-product{transition:box-shadow .25s ease,transform .25s ease;border-radius:8px;}
.card-product:hover{box-shadow:0 8px 24px rgba(25,58,95,.15);transform:translateY(-4px);}
.card-product .image-wrapper{overflow:hidden;border-radius:8px;}
.card-product .image-wrapper img{transition:transform .45s ease;}
.card-product:hover .image-wrapper img{transform:scale(1.06);}

/* Fix: vitrin carousel cift ok - ozel duplike oklari gizle, owl-nav kalir */
.owl-single-button{display:none !important;}

/* Fix: mobil header ikonlari lacivert zeminde gorunmuyordu -> beyaz */
header.mobile .icon-group i, header.mobile .icon-group [class*="coreicon"], header.mobile .left i, header.mobile .right i{color:#ffffff !important;}

/* MOBILFOOTERFIX: mobil footer rozetleri beyaz + kompakt */
@media (max-width: 991px){
.info-bar-1 .icons, .info-bar-1 .icons *{color:#ffffff !important;}
.info-bar-1 .container{margin:6px 0 !important; padding:6px 10px !important;}
.info-bar-1{padding:6px 0 !important;}
footer .bb{padding-top:14px !important; padding-bottom:8px !important;}
}

/* MOBILCARDFIX: mobilde vitrin oklari gorsel uzerine biniyordu (beyaz daireler) + header-banner bosluk */
@media (max-width: 991px){
.owl-carousel .owl-nav{display:none !important;}
.p-g-mod-t-28{margin-bottom:0 !important;}
.p-g-mod-t-45{margin-top:0 !important;}
}

/* MOBILLOGOFIX: mobil header logosu cok kucuktu -> buyutuldu */
@media (max-width: 991px){
header.mobile .logo img{transform:scale(1.5);transform-origin:center center;}
}

/* TRENDYOLSTARFIX: urun kart + urun basligindaki sahte dekoratif 5 yildizi kaldirildi. Gercek puan/yorum yalnizca uye+satin-alan tarafindan Yorumlar bolumunde birakilir. */
.card-product-inner .product-reviews{display:none !important;}
.product-profile-info .product-reviews{display:none !important;}

/* TC-OPSIYONEL: Odeme sayfasinda TC Kimlik alani zorunlu degil - musteri bilgilendirme */
label[for="orderInputTC"]::after{content:" (Zorunlu değil)";color:#2e7d32;font-size:12px;font-weight:600;margin-left:4px;}

/* === Codex CRO fixes 2026-07-15 START === */
/*
 * Dolunay Store / Qukasoft
 * Safe first-pass UI fixes for Custom CSS.
 * Scope: product cards, variant visibility, mobile tap targets, mobile product CTA layout.
 * Does not change product data, prices, stock, checkout logic, or XML integration.
 */

/* Product card image ratio and title rhythm */
.card-product .image {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #fff;
}

.card-product .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-product .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
  min-height: 2.8em;
}

/* Make selected/focused/disabled variants clearer */
.product-profile-1 .variant-box .options a {
  border: 2px solid #cbd2dc;
}

.product-profile-1 .variant-box .options a.active {
  border-color: #14234d;
  box-shadow: 0 0 0 2px rgba(20, 35, 77, 0.18);
}

.product-profile-1 .variant-box .options a:focus-visible {
  outline: 3px solid #f2b705;
  outline-offset: 2px;
}

.product-profile-1 .variant-box .options a[aria-disabled="true"],
.product-profile-1 .variant-box .options a.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  text-decoration: line-through;
}

/* Minimum touch target size for common icon/button controls */
.dy-card-fav,
.card-product .btn-cart,
.carousel-control-prev,
.carousel-control-next,
.btn-close,
.bar-favorite {
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 767.98px) {
  header.mobile .icon-group {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  input.form-control:not([type="checkbox"]):not([type="radio"]),
  select.form-control,
  textarea.form-control {
    min-height: 48px;
  }
}

@media (max-width: 575.98px) {
  .product-profile-1 .variant-box {
    width: 100%;
  }

  .product-profile-1 .variant-box .options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .product-profile-1 .variant-box .options a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
  }

  .product-profile-1 .product-buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .product-profile-1 .product-buttons > * {
    width: 100% !important;
    min-height: 48px;
    margin: 0 !important;
  }

  .product-profile-1 .product-buttons .btn-wp {
    color: #167c49 !important;
    background: #fff !important;
    border: 1px solid #167c49 !important;
  }
}
/* === Codex CRO fixes 2026-07-15 END === */

/* === Codex mobile tap fixes 2026-07-15 START === */
/*
 * Dolunay Store / Qukasoft
 * Mobile tap target follow-up fixes.
 * Scope: category filter/sort buttons, product-card cart button, mobile sidebar links.
 */

@media (max-width: 767.98px) {
  .category-filter .btn,
  .category-filter-order .btn,
  .btn-filter,
  button.btn-filter,
  .btn.btn-outline-dark,
  .card-product .btn-cart {
    min-height: 44px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .sidebar-user .login-menu a,
  .sidebar-user .footer-links ul li a,
  .sidebar-menu .links a,
  .sidebar-menu .categories ul li a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center;
  }

  .sidebar-user .title .btn-close,
  .sidebar-menu .title .btn-close,
  .btn-sidebar-user.btn-close {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}
/* === Codex mobile tap fixes 2026-07-15 END === */


/* === Codex card cart height fix 2026-07-15 START === */
/*
 * Dolunay Store / Qukasoft
 * Mobile product-card cart button height override.
 */

@media (max-width: 767.98px) {
  .card-product .btn-cart {
    height: 44px !important;
    min-height: 44px !important;
    line-height: 1.2 !important;
  }
}
/* === Codex card cart height fix 2026-07-15 END === */


/* === Codex card cart specificity fix 2026-07-15 START === */
/*
 * Dolunay Store / Qukasoft
 * High-specificity mobile cart button override.
 * Needed because later helper CSS keeps product-card cart buttons at 40px.
 */

@media (max-width: 767.98px) {
  html body .card-product a.btn.btn-cart,
  html body .card-product button.btn.btn-cart {
    height: 44px !important;
    min-height: 44px !important;
    line-height: 1.2 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* === Codex card cart specificity fix 2026-07-15 END === */

/* ===== DY-CRO-2026-07-14 BASLANGIC ===== */

/* 1) Varyant secim netligi: secili olmayan secenek secili gibi gorunmesin */
.variant-box .options a { opacity: .72; }
.variant-box .options a.active { opacity: 1; font-weight: 600; }

/* 2) Mobil: teknik kunye satirlarini kucult (fiyat/varyant/buton yukari gelsin) */
@media (max-width: 767px) {
  ul.product-profile-info li { font-size: 11px; opacity: .7; line-height: 1.5; }
}

/* 3) Mobil dokunma hedefleri (Lighthouse tap-target) */
@media (max-width: 767px) {
  a.btn-categories-show { min-height: 48px; display: flex; align-items: center; }
  footer .title { min-height: 48px; display: flex; align-items: center; }
  footer a, .footer a { padding: 6px 0; min-height: 32px; display: inline-block; }
  .footer-contact a, .social-icons a { min-width: 44px; min-height: 44px; }
}

/* ===== DY-CRO-2026-07-14 SON ===== */
/* DY-EPOSTA: footer e-postasi buyuk harfe donusmesin */
a.__cf_email__ { text-transform: none !important; }


/* ===== DOLUNAYSTORE-FRESA-CRO-FIX v1 START ===== */
/* 1) Mobil sepet/adet/sil butonlari: tap target iyilestirme */
@media (max-width: 767px) {
  .btn-remove,
  .btn-minus,
  .btn-plus,
  .cart-table .btn,
  .cart-list .btn,
  table .btn-remove,
  table .btn-minus,
  table .btn-plus {
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }
  input[name="quantity"].form-control,
  .quantity input.form-control {
    min-width: 48px !important;
    height: 44px !important;
    text-align: center !important;
  }
}

/* 2) Urun karti: uzun XML basliklari kart yuksekligini bozmasin */
.card-product .title,
.card-product .name,
.product-item .title,
.product-card .title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  min-height: 42px;
  line-height: 1.35;
}
.card-product .price,
.product-item .price,
.product-card .price {
  min-height: 24px;
}
@media (max-width: 767px) {
  .card-product .title,
  .card-product .name,
  .product-item .title,
  .product-card .title {
    min-height: 38px;
    font-size: 13px;
    line-height: 1.35;
  }
}

/* 3) Kategori fiyat filtresi: gizli uygulama butonu kullanilabilir olsun */
.p-g-mod-t-cat-filter button[type="submit"],
.p-g-mod-t-cat-filter .btn.btn-outline-dark,
[class*="cat-filter"] button[type="submit"].btn-outline-dark {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 14px !important;
  margin-top: 8px !important;
}
@media (max-width: 767px) {
  .p-g-mod-t-cat-filter button[type="submit"],
  .p-g-mod-t-cat-filter .btn.btn-outline-dark,
  [class*="cat-filter"] button[type="submit"].btn-outline-dark {
    width: 100% !important;
    min-height: 46px !important;
  }
}
/* ===== DOLUNAYSTORE-FRESA-CRO-FIX v1 END ===== */



/* === DY-PRICE-TAG v1: statik fiyat etiketi === */
.card-product .card-product-inner > a.c-p-i-link[data-dy-price-tag="1"] {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  width: 100%;
  padding: 8px 0 4px;
  color: inherit !important;
  text-decoration: none !important;
}
.card-product .dy-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  min-height: 42px;
  line-height: 1.35;
}
.card-product .dy-price-tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 8px 25px 8px 12px;
  border: 0;
  border-radius: 7px 2px 2px 7px;
  background: #f5b814;
  color: #0b2948;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
.card-product .dy-price-tag::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .card-product .dy-card-title { min-height: 38px; font-size: 13px; }
  .card-product .dy-price-tag { padding: 7px 22px 7px 10px; font-size: 13px; }
}
/* === DY-PRICE-TAG v1 SONU === */