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

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

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

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

/* Scroll To Top */
.up-scroll {
    position: fixed;
    width: 40px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    z-index: 9;
    background: var(--main-color2);
    bottom: 75px;
    right: 20px;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 18px;
    border-radius: 0px;
}

.up-scroll:hover{
    background: var(--main-color2);
    transition: all 0.4s;
}

.up-scroll:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* Header (Desktop) */
header.desktop  {
    background: #fff; 
    position: relative;
    z-index: 20;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2) !important;
}

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: 70px;
    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: 60px;
}

header.desktop .search {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    position: relative;
    transition: all var(--transition-time);
}

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

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

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

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

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

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

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

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

header.desktop .search:hover form .btn-send {
    background: var(--main-color2);
    color:#fff;
}

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

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

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

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

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

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

header.desktop .mega-menu .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    width:100%;
    left:-1px;
    right:0;
    top:66px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    border: 1px solid #ebebeb;
    border-top: 0;
}

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

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


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

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

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

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

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

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

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

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




/* Mega Menu Side */

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

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

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

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

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

.single-menu-container .single-menu li .sub-single-item{
    font-weight: 400;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: #000;
    transition: all 0.2s ease-in-out 0s;
    font-size: 15px;
    text-align: 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;
    min-width: 170px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all 0.2s ease-out;
    -webkit-box-shadow: 1px 1px 6px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 6px -4px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 6px -4px rgba(0,0,0,0.75);
}


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

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

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

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

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


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

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

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

header.mobile .left {
    width: 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: 55px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: #000;
    text-align: center;
    margin-bottom: 15px;
}

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

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

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

footer .footer-links a{
    color:#000;   
    text-align: center;
}

footer .secure img {
    opacity: .5;
}

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

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

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

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

footer .info ul li a:hover {
    color: var(--main-color);
}

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

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

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

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

/* Mobile Menu Tip 2 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sidebar-menu-type-2 .mobil-area-1 {
    display: flex;
    position: relative;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Menu Left */
.home-body .kategori-menu{
    display: none;
}
.kategori-menu{
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    z-index: 19;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
}

.kategori-menu .menu-deep-box {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 100%;
    box-sizing: border-box;
    width: 520px;
    z-index: 99;
    height: 350px;
    max-height: 370px;
    display: none;
    padding: 30px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100%;
    border: 1px solid #ebebeb;
}

.kategori-menu .menu-left ul.f-ul{
    display:none;
}

.kategori-menu .menu-left:hover ul.f-ul{
    display:block;
}

.kategori-menu .menu-left {
    border: 0 !important;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #fff;
}

.menu-left .btn-categories i{
    border: 1px solid #fff;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 14px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    
    
.menu-left .btn-categories{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    background: var(--main-color2);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.menu-left{
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

header .scroll-menu .dropdown-category .menu-left{
    display:none;
}

header .scroll-menu .dropdown-category:hover .menu-left{
    display:block;
}

.menu-left ul.f-ul li.f-li:hover, .menu-left ul.f-ul li.f-li:active{
    background: var(--main-color2);
}
.menu-deep-box .sub-cat ul li a {
    font-size: 12px;
    color: #727272;
    transition:all .4s;
    font-weight: 400;
}

.menu-deep-box .sub-cat ul li a:hover {
    color: var(--main-color2);
    transition:all .4s;
}

.menu-deep-box .sub-cat ul{
    margin:0;
    padding-left:0;
}

.menu-deep-box .sub-cat li{
    list-style:none;
    margin-bottom: 5px;
    margin-top:5px;
}


.menu-deep-box .sub-cat{
    margin-bottom: 15px;
}
    
.menu-deep-box .sub-title {
    color: #222;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    transition:all .4s;
}

.menu-deep-box .sub-title:hover{
    color: var(--main-color2);
    transition:all .4s;
}

.subtitle-img{
    display:none;
}

.subtitle-img:first-child{
    display:block;
}

.dropdown-category .menu-left {
    display: none;
    z-index: 5;
    position: absolute;
    background: #fff;
    border-top: 0;
    height: auto;
    min-height: 450px;
    width: 100%;
    background: #2d2d2d;
}

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

.home-body .dropdown-category .menu-left{
    display: block;
}

.menu-left ul.f-ul {
    padding: 10px 0px;
    list-style: none;
    display: block;
    margin: 0;
    padding-bottom:0;
    min-height: 415px;
}

.menu-left ul.f-ul li.f-li {
    list-style: none;
    padding:0 5px;
}

.menu-left ul.f-ul li.f-li .cat-icon{
    width: 26px;
    height: 26px;
    margin-right: 7px;
    margin-left:3px;
}

.menu-left ul.f-ul li.f-li:hover .menu-left ul.f-ul li .name{
    color: #ff2222;
}

.menu-left ul.f-ul li.f-li:hover .menu-deep-box {
    display: block !important;
}

.menu-left ul.f-ul li.f-li a.f-item {
    display: block;
    color: #3e3e3e;
    font-weight: 500;
    font-size: 15px;
    padding: 11px 6px;
}

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

.menu-left ul.f-ul li.f-li a.f-item .name {
    width: 85%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.menu-left ul.f-ul li.f-li a.f-item .icon {
    color: #636363;
    text-align: right;
    border-radius: 2px;
    font-size: 10px;
    padding-top: 7px;

}

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

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

/* Deep Menu */
.menu-deep-box {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 96%;
    box-sizing: border-box;
    width: 520px;
    z-index: 99;
    height: 350px;
    max-height: 370px;
    display: none;
    padding: 30px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100%;
    border: 1px solid #ebebeb;
}

.menu-deep-box .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;
    text-align: left;
}

.menu-deep-box .title:hover {
    color: #fd2a2a
}

/* Custom */
.product-body .product-rate{
    padding: 5px 10px;
    display: inline-flex;
}
footer .footer-links {
    display: flex;
    height: 95px;
    align-items: center;
    justify-content: space-evenly;
    font-size: 18px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.p-g-mod-t-cat-filter .p-g-mod-header .p-g-m-h-info{
    align-items: flex-start !important;
}

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

.button-shipping-location:hover .icon i,
.button-shipping-location:hover .text .name,
.button-shipping-location:hover .text .value{
    color:var(--main-color2);
}

.bar-link.bar-user{
    margin-right: 15px;
}

.button-shipping-location .icon{
    font-size: 23px;
}

.button-shipping-location .text .name{
    font-size: 13px;
    font-weight: 400;
}

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

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar-thumb {
  background: #888; 
}

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

.card-product .card-product-inner .product-code{
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 5px 0;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    font-weight: 400;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.sekmeli-urunler .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--main-color2);
    border-radius: 5px;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}

.sekmeli-urunler .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title {
    font-size: 18px !important;
    color: #fff !important;
    padding: 10px !important;
}

.sekmeli-urunler .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .nav .nav-item {
    padding: 0;
    list-style: none;
    display: block !important;
    width: 100%;
}

.sekmeli-urunler .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    display: block;
    width: 100%;
    padding: 15px 25px;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 600;
    background: #EFF1F3;
    border: 2px solid transparent;
}

.sekmeli-urunler .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active {
    background: #ffffff;
    color: var(--main-color2);
    border: 2px solid #EFF1F3;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info{
    align-items: center;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{
    font-size: 20px;
    font-weight: 600;
}
.p-g-mod-t-44 .banner-item .image {
    overflow: hidden;
    border-radius: 5px;
}

.p-g-mod-t-44 .banner-item .image img{
    transform: scale(1);
    transition: all .4s;
}

.p-g-mod-t-44 .banner-item .image img:hover{
    transform: scale(1.1);
    transition: all .4s;
}
.short-links {
    height: 45px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.short-links a {
    color: #000000;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    padding: 0 20px;
    transition: all .4s;
}

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

.short-links a::after {
    content: '';
    max-height: 14px;
    margin: auto 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #cacaca;
    width: 1px;
}

.info-bar-1 {
    padding: 20px 0;
}

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

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

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

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

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

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

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

.login-body .p-g-mod-t-4 .nav-tabs {
    border: 0 !important;
    background: transparent !important;
    border-radius: 4px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #e9e9e9 !important;
    background: #e9e9e9;
    color: #777;
    font-weight: 500;
    transition: all var(--transition-time);
}

.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: 16px;
    height: 45px;
    align-items: center;
    font-weight: 600;
}

.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: 600;
    font-size: 16px;
}

.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: 600;
    font-size: 16px;
}

.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{
    height: 38px;
    position: relative;
    margin-bottom: 10px;
}
    
.card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    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;
}

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

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

footer .bar .cards {
    min-height: auto;
    background: inherit;
}

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

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

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

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

.card-product .sale-price-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #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 .quantity{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 5px;
}

.card-product .quantity .btn {
    background: #ffffff;
    color: #000000;
    border-color: #ebebeb !important;
    font-size: 10px;
    font-weight: 500;
    width: 30px;
    height: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 50% !important;
}

.card-product .quantity input {
    width: 55px;
    height: 28px !important;
    border-radius: 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-color: #ebebeb !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    margin: 0 10px;
    flex:inherit;
}

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

header.desktop .mega-menu .nav-link{
    flex:none;
    margin-top:5px;
    height: auto;
}

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

/* 404 Sayfası */

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

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

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

/* 404 Sayfası - Tip 1 */

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

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

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

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

.e404-description{
    color: #808080;
    font-size: 1rem;
    margin: 5px;
    text-align: center;
    font-weight: 300;
}
    
/* İki Bölümlü 404 Sayfası - Tip 2*/

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

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

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

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

/* Mobil Uygulama İkonları  */

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

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

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

.product-customer-actions{
    padding: 10px 0;
    background: #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: #222;
    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%;
}

/* SMS Bülteni */

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

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

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

/* Footer Social Media*/

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

footer .social-media a{
    color: #000;
    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-product{
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.card-blog,
.card-brand,
.card-category,
.card-product {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

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

.card-product .card-product-inner .buttons{
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -60px;
    position: relative;
    z-index: 8;
}
.card-product .card-product-inner .buttons .btn-cart{
    background: #fff;
    border: 1px solid #ebebeb !important;
    color: #3e3e3e;
    font-size: 14px;
    width: 100%;
    display: block;
    font-weight: 400;
    padding: 7px 0;
    margin: 0px 15px;
    margin-bottom: 3px;
    transition: all .4s;
}
.card-product .card-product-inner .buttons .btn-cart,
.modal-content .buttons .btn-cart{
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
}

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

.modal-content .buttons .btn-cart:hover{
   
}

.card-product .down-to-top .btn-cart{
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
    font-size: 13px;
}

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

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

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

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

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


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

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

.product-favourite-kart{
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 2;
}

.product-favourite-kart a{
    font-size: 20px;
}
/* Header  */

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

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

header.desktop .header-bar .bar-link:hover .icon,
header.desktop .header-bar .bar-link:hover .name{
    color: var(--main-color2);
}

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

header.desktop .header-bar .bar-user .link a:hover .name{
    color: var(--main-color2) !important;    
}

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

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

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

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

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

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: var(--main-color2);
    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:hover {
    border-color: var(--add-cart-list-bg-hover);
}

.card-product:hover .card-product-inner .buttons .btn-cart{
    border-color: var(--add-cart-list-bg-hover) !important;
    background: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover) !important;
}
.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) {
    .info-bar-1 .icons .icon-group .inf .name{
        text-align: center;
    }
    .info-bar-1 .icons .icon-group i{
        margin-right: 0;
    }
    .info-bar-1 .icons .icon-group{
        flex-direction: column;
    }
    .short-links{
        display: none;
    }
    .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: #000;
        border: 1px solid #000;
        padding: 8px;
        position: relative;
    }

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

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

    footer .info ul {
        margin: 0;
    }

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

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

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

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

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

}

/* Header Shopping Cart */

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

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

header.desktop .header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 300px;
    left: inherit;
    right: 0;
    top: 28px;
    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;
    z-index: 21;
}

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



/* ==========================================================================
   CHARJETT — TASARIM KATMANI
   Renkler tema panelindeki ayarlardan (CSS değişkenleri) gelir.
   ========================================================================== */

/* ---------- 01. Token'lar ---------- */
:root {
    --radius-xs: 10px;
    --radius-sm: 14px;
    --radius: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-pill: 999px;

    --ink: #0f172a;
    --ink-2: #1e293b;
    --ink-line: rgba(255, 255, 255, .08);
    --ink-text: #f1f5f9;
    --ink-muted: #94a3b8;

    --border-color: #e9eef3;
    --border-strong: #dbe3ea;
    --surface-soft: #f8fafc;
    --surface-muted: #eef2f6;

    --text-strong: #0f172a;
    --text: #1e293b;
    --text-muted: #64748b;

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);
    --shadow-sm: 0 4px 24px rgba(15, 23, 42, .08);
    --shadow: 0 12px 40px rgba(15, 23, 42, .12);
    --shadow-lg: 0 30px 70px -24px rgba(15, 23, 42, .3);

    --ease: cubic-bezier(.4, 0, .2, 1);
    --ease-spring: cubic-bezier(.34, 1.56, .64, 1);

    --cj-cyan: #0891b2;
    --cj-volt: #0284c7;
    --cj-tile: #eef7f7;
    --cj-deep: #0b3d3b;
    --cj-deeper: #062625;
    --main-soft: rgba(13, 148, 136, .07);
    --main-soft-2: rgba(13, 148, 136, .14);
    --main-ring: rgba(13, 148, 136, .22);
    --cj-volt-soft: rgba(8, 145, 178, .1);
    --cj-giant: rgba(13, 148, 136, .14);
    --cj-grad: linear-gradient(135deg, var(--main-color) 0%, var(--cj-cyan) 55%, var(--cj-volt) 100%);
    --cj-grad-soft: linear-gradient(135deg, rgba(13, 148, 136, .08) 0%, rgba(8, 145, 178, .05) 100%);
}

@supports (color: color-mix(in srgb, red 50%, white)) {
    :root {
        --cj-deep: color-mix(in oklab, var(--main-color) 55%, #021716);
        --cj-deeper: color-mix(in oklab, var(--main-color) 30%, #010d0d);
        --main-soft: color-mix(in srgb, var(--main-color) 8%, #fff);
        --main-soft-2: color-mix(in srgb, var(--main-color) 16%, #fff);
        --main-ring: color-mix(in srgb, var(--main-color) 26%, transparent);
        --cj-volt-soft: color-mix(in srgb, var(--cj-volt) 12%, transparent);
        --cj-giant: color-mix(in srgb, var(--main-color) 20%, transparent);
    }
}

/* ---------- 02. Temel & Tipografi ---------- */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
    font-family: var(--font-main) !important;
    color: var(--text);
    font-weight: 500;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    counter-reset: cjsec;
}

button, input, select, textarea, optgroup,
.btn, .form-control, .tooltip, .popover, .dropdown-menu,
.swal-modal, .swal-title, .swal-text, .swal-button,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-main);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--text-strong);
}

b, strong { font-weight: 700; }

::selection { background: var(--main-color); color: #fff; }

:focus-visible { outline: 2px solid var(--main-color); outline-offset: 2px; }

a { transition: color .25s var(--ease); }

* { scrollbar-width: thin; scrollbar-color: #c4cad5 transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c4cad5; border-radius: 8px; }

.raw-content img, .category-short-description img, .p-g-mod-t-12 img,
.raw-content iframe, .raw-content video { max-width: 100%; height: auto; }

.raw-content table { display: block; max-width: 100%; overflow-x: auto; }

/* ---------- 03. Form & Buton ---------- */
.form-control {
    border-radius: var(--radius-sm);
    border-color: var(--border-strong);
    color: var(--text-strong);
    font-weight: 500;
    transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease);
}

.form-control::placeholder { color: #98a0af; }

.form-control:focus { border-color: var(--main-color); box-shadow: 0 0 0 4px var(--main-ring); }

.btn {
    border-radius: var(--radius-sm);
    font-weight: 700;
    letter-spacing: .01em;
    transition: color .25s var(--ease), background-color .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
}

.btn:focus, .btn.focus { box-shadow: 0 0 0 4px var(--main-ring); }

.btn-primary { background: var(--main-color); border-color: var(--main-color); }

.btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--main-color2);
    border-color: var(--main-color2);
    filter: brightness(.94);
}

.alert { border: 0; border-radius: var(--radius); }

.modal-content { border: 0; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

.swal-modal { border-radius: var(--radius-xl); padding: 10px; animation: cjPop .45s var(--ease-spring); }
.swal-title { font-weight: 700; letter-spacing: -.01em; }
.swal-button { border-radius: var(--radius-pill); font-weight: 700; padding: 12px 24px; }
.swal-button.btn-primary { background: var(--main-color); }
.swal-button.btn-success { background: var(--ink); }

.cj-btn-volt,
.cj-btn-volt:hover,
.cj-btn-volt:focus {
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--cj-grad);
    color: #fff;
}

.cj-btn-volt:hover { box-shadow: 0 12px 26px -12px var(--main-color); transform: translateY(-1px); }

.cj-btn-line {
    border: 1.5px solid var(--border-strong);
    border-radius: var(--radius-pill);
    background: #fff;
    color: var(--text-strong);
}

.cj-btn-line:hover { border-color: var(--ink); color: var(--text-strong); }

/* ---------- 04. Yardımcı Katmanlar ---------- */
.op-black, .op-black-2 {
    background: rgba(13, 15, 20, .55);
    transition: opacity .3s var(--ease), visibility .3s var(--ease);
}

.up-scroll {
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 22px;
    bottom: 28px;
    border-radius: 50%;
    background: var(--cj-grad);
    font-size: 15px;
    border: 3px solid #fff;
    box-shadow: 0 16px 34px -14px var(--main-color);
    transition: transform .3s var(--ease-spring);
}

.up-scroll:hover { background: var(--cj-grad); transform: translateY(-4px) scale(1.04); }

/* Logo */
.cj-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    white-space: nowrap;
}

.cj-logo-mark {
    position: relative;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 13px;
    background: var(--cj-grad);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 10px 22px -10px var(--main-color);
}

.cj-logo-mark::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%;
    width: 40%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent);
    transform: skewX(-20deg);
    animation: cjMarkShine 5s var(--ease) 3s infinite;
}

.cj-logo-mark svg { width: 22px; height: 22px; fill: #fff; position: relative; z-index: 1; }

.cj-logo-word {
    color: var(--text-strong);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -.05em;
}

.cj-logo-word em { font-style: normal; color: var(--main-color); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .cj-logo-word em {
        background: var(--cj-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

/* Açılış ekranı */
.cj-splash { display: none; }

.cj-splash-on .cj-splash {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ink);
    color: #fff;
    animation: cjSplashOut .75s cubic-bezier(.76, 0, .24, 1) 2.05s forwards;
}

.cj-splash-glow {
    position: absolute;
    width: 70vmax;
    height: 70vmax;
    border-radius: 50%;
    background: radial-gradient(closest-side, var(--main-ring), transparent 70%);
    opacity: 0;
    animation: cjGlow 2s var(--ease) .2s forwards;
}

.cj-splash-inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 22px; }

.cj-splash-mark {
    width: 104px;
    height: 104px;
    border-radius: 32px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(.6);
    opacity: 0;
    animation: cjMarkIn .7s var(--ease-spring) .1s forwards;
}

.cj-splash-mark svg { width: 62px; height: 62px; overflow: visible; }

.cj-bolt-line {
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: cjDraw .9s var(--ease) .35s forwards;
}

.cj-bolt-fill {
    fill: var(--main-color);
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: cjBoltFill .5s var(--ease) 1.1s forwards;
    filter: drop-shadow(0 0 14px var(--main-color));
}

.cj-splash-word {
    display: flex;
    overflow: hidden;
    padding: 0 4px 6px;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1.05;
}

.cj-splash-word em { display: flex; font-style: normal; color: var(--main-color); }

.cj-splash-word span {
    display: inline-block;
    transform: translateY(110%);
    animation: cjLetter .6s var(--ease) forwards;
}

.cj-splash-word span:nth-child(1) { animation-delay: .55s; }
.cj-splash-word span:nth-child(2) { animation-delay: .6s; }
.cj-splash-word span:nth-child(3) { animation-delay: .65s; }
.cj-splash-word span:nth-child(4) { animation-delay: .7s; }
.cj-splash-word em span:nth-child(1) { animation-delay: .8s; }
.cj-splash-word em span:nth-child(2) { animation-delay: .85s; }
.cj-splash-word em span:nth-child(3) { animation-delay: .9s; }
.cj-splash-word em span:nth-child(4) { animation-delay: .95s; }

.cj-splash-bar {
    width: 180px;
    height: 4px;
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .1);
    overflow: hidden;
}

.cj-splash-bar span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--cj-grad);
    box-shadow: 0 0 14px var(--main-color);
    animation: cjCharge 1.35s var(--ease) .55s forwards;
}

/* Sayfa yükleme çubuğu */
.cj-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    height: 3px;
    pointer-events: none;
}

.cj-progress span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: 0 3px 3px 0;
    background: var(--cj-grad);
    box-shadow: 0 0 12px var(--main-color);
    transition: width .35s var(--ease), opacity .45s ease .3s;
}

.cj-js .cj-progress span { animation: cjProgress 2.4s var(--ease) forwards; }
.cj-js.cj-loaded .cj-progress span { width: 100%; opacity: 0; animation: none; }
.cj-js.cj-leaving .cj-progress span { opacity: 1; transition: none; animation: cjProgress 2.4s var(--ease) forwards; }

/* İşlem yükleyicisi */
.overlay {
    background: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.cj-loader {
    position: relative;
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cj-loader-ring {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent 0 30%, var(--main-color) 70%, var(--cj-volt));
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
    animation: cjSpin .9s linear infinite;
}

.cj-loader-bolt { width: 34px; height: 34px; fill: var(--ink); animation: cjBoltPulse 1s ease-in-out infinite; }

/* Kaydırınca beliren öğeler */
.cj-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .7s var(--ease) var(--cj-delay, 0ms), transform .7s var(--ease) var(--cj-delay, 0ms);
}

.cj-reveal.is-in { opacity: 1; transform: none; }

/* Animasyonlar */
@keyframes cjSplashOut {
    0% { clip-path: inset(0 0 0 0); }
    99% { clip-path: inset(0 0 100% 0); visibility: visible; }
    100% { clip-path: inset(0 0 100% 0); visibility: hidden; pointer-events: none; }
}
@keyframes cjGlow { 0% { opacity: 0; transform: scale(.6); } 100% { opacity: 1; transform: scale(1); } }
@keyframes cjMarkIn { to { opacity: 1; transform: scale(1); } }
@keyframes cjDraw { to { stroke-dashoffset: 0; } }
@keyframes cjBoltFill { 0% { opacity: 0; transform: scale(.85); } 60% { opacity: 1; transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } }
@keyframes cjLetter { to { transform: none; } }
@keyframes cjCharge { 0% { width: 0; } 60% { width: 72%; } 100% { width: 100%; } }
@keyframes cjProgress { 0% { width: 0; } 30% { width: 45%; } 100% { width: 82%; } }
@keyframes cjSpin { to { transform: rotate(360deg); } }
@keyframes cjBoltPulse { 0%, 100% { transform: scale(.9); opacity: .75; } 50% { transform: scale(1.06); opacity: 1; } }
@keyframes cjMarkShine { 0% { left: -60%; } 18%, 100% { left: 130%; } }
@keyframes cjPop { 0% { transform: scale(.92); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes cjShimmer { 0% { background-position: 150% 0; } 100% { background-position: -50% 0; } }
@keyframes cjTicker { to { transform: translateX(-50%); } }
@keyframes cjDockIn { 0% { transform: translateY(-130%); } 100% { transform: none; } }
@keyframes cjDrop { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: none; } }
@keyframes cjDrift { to { transform: translateX(26px); } }
@keyframes cjWave { 0% { transform: scale(0); opacity: .9; } 100% { transform: scale(14); opacity: 0; } }
@keyframes cjBadgePop { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
@keyframes cjGiant { 0% { background-position: 0 0; } 100% { background-position: 0 100%; } }
@keyframes cjFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* ---------- 08. Mobil Header ---------- */
header.mobile {
    background: #fff;
    box-shadow: 0 1px 0 var(--border-color);
    transition: box-shadow .3s var(--ease);
}

body.is-scrolled header.mobile { box-shadow: 0 10px 28px -14px rgba(15, 23, 36, .3); }

header.mobile .left, header.mobile .right { padding: 0 8px; gap: 4px; }

header.mobile .icon-group {
    width: 42px;
    height: 42px;
    margin: 0 !important;
    border-radius: var(--radius-sm);
    color: var(--text-strong);
    font-size: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .2s var(--ease);
}

header.mobile .icon-group:hover,
header.mobile .icon-group:active { background: var(--surface-soft); }

header.mobile .icon-group .badge {
    top: 3px;
    right: 1px;
    min-width: 18px;
    max-width: none;
    height: 18px;
    padding: 0 4px;
    border: 2px solid #fff;
    border-radius: var(--radius-pill);
    background: var(--main-color);
    font-size: 10px;
    font-weight: 700;
}

header.mobile .logo img { max-height: 42px; max-width: 100%; object-fit: contain; }

/* Mobil alt navigasyon (yüzen) */
.mobile-bottom-nav { display: none; }

/* Yan panel: Hesabım */
.sidebar-user {
    width: min(330px, 88vw);
    height: 100vh;
    height: 100dvh;
    margin-right: 0;
    transform: translateX(105%);
    transition: transform .35s var(--ease);
    border-radius: var(--radius-xl) 0 0 var(--radius-xl);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.sidebar-user.active { transform: none; }

.sidebar-user .title,
.sidebar-menu .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: var(--ink);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.sidebar-user .title .btn-close,
.sidebar-menu .title .btn-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar-user .login-menu a {
    display: flex;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid var(--surface-muted);
    color: var(--text-strong);
    font-weight: 600;
}

.sidebar-user .login-menu a i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    margin-right: 12px;
    border-radius: var(--radius-sm);
    background: var(--main-soft);
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar-user .title-alt,
.sidebar-menu .title-alt {
    padding: 12px 20px;
    background: var(--surface-soft);
    color: var(--text-muted);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sidebar-user .footer-links ul li a {
    padding: 12px 20px;
    border-bottom-color: var(--surface-muted);
    color: var(--text);
    font-weight: 500;
}

/* Yan panel: Menü Tip 1 */
.sidebar-menu {
    width: min(330px, 88vw);
    height: 100vh;
    height: 100dvh;
    margin-left: 0;
    transform: translateX(-105%);
    transition: transform .35s var(--ease);
    border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.sidebar-menu.active { transform: none; }

header.mobile .sidebar-menu .mobile-search {
    margin: 14px 16px;
    border-radius: var(--radius);
    background: var(--surface-soft);
    overflow: hidden;
}

header.mobile .sidebar-menu .mobile-search form input,
header.mobile .sidebar-menu .mobile-search form .btn-send { height: 50px; }

.sidebar-menu .categories ul li a {
    padding: 13px 20px;
    border-bottom-color: var(--surface-muted);
    color: var(--text-strong);
    font-size: 14.5px;
    font-weight: 600;
}

/* Yan panel: Menü Tip 2 */
.sidebar-menu-type-2 {
    height: 100vh;
    height: 100dvh;
    margin-left: 0;
    transform: translateX(-100%);
    transition: transform .35s var(--ease);
}

.sidebar-menu-type-2.active { transform: none; }

.sidebar-menu-type-2 .logo-area { align-items: center; padding: 12px 16px; border-bottom-color: var(--border-color); }

.mobile-menu-close { margin-right: 0; }

.mobile-menu-close i,
.sidebar-menu-type-2 .mobile-menu-close i {
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--ink);
    color: #fff;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

header.mobile .sidebar-menu-type-2 .mobile-search {
    margin: 16px 16px 6px;
    border-radius: var(--radius);
    background: var(--surface-soft);
    overflow: hidden;
}

header.mobile .sidebar-menu-type-2 .mobile-search form input,
header.mobile .sidebar-menu-type-2 .mobile-search form .btn-send { height: 52px; }

header.mobile .sidebar-menu-type-2 .mobile-search form input { padding-left: 18px; font-weight: 600; }

.sidebar-menu-type-2 .mobil-area-title {
    margin: 20px 16px 10px;
    color: var(--text-muted);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .1em;
}

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

.sidebar-menu-type-2 .categories ul li {
    margin-bottom: 8px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    background: #fff;
}

.sidebar-menu-type-2 .categories ul li a { padding: 13px 14px; color: var(--text-strong); font-weight: 600; }
.sidebar-menu-type-2 .categories ul li a img { border-radius: 8px; }
.sidebar-menu-type-2 .categories .multi { padding: 0 14px 8px; }
.sidebar-menu-type-2 .categories ul .multi a { color: var(--text-muted); font-weight: 500; }

.mobil-area-2,
.sidebar-menu-type-2 .mobil-area-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 0 16px 16px;
}

.sidebar-menu-type-2 .short-link,
.sidebar-menu-type-2 .short-link.border-1,
.sidebar-menu-type-2 .short-link.border-2,
.sidebar-menu-type-2 .short-link.border-3,
.sidebar-menu-type-2 .short-link.border-4 {
    width: auto;
    padding: 16px 10px;
    border: 0;
    border-radius: var(--radius);
    background: var(--surface-soft);
}

.sidebar-menu-type-2 .short-link a { flex-direction: column; gap: 8px; font-weight: 700; color: var(--text-strong); }

.sidebar-menu-type-2 .short-link a i {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: var(--shadow-xs);
}

/* ---------- 15. Breadcrumb, Filtre, Sayfalama ---------- */
.breadcrumb { margin-bottom: 0; padding: 14px 0; background: transparent; font-size: 13px; font-weight: 600; }
.breadcrumb-item a { color: var(--text-muted); }
.breadcrumb-item a:hover { color: var(--main-color); }
.breadcrumb-item:last-child a { color: var(--text-strong); }
.breadcrumb-item + .breadcrumb-item::before { content: "\2192"; color: #b2b8c4; font-weight: 700; }

.category-filter-order-desktop {
    height: 42px;
    min-width: 190px;
    border-color: var(--border-strong) !important;
    border-radius: var(--radius-sm);
    color: var(--text-strong) !important;
    font-weight: 600;
}

.categories-body .product-view-select a { height: 38px; border-color: var(--border-strong); border-radius: var(--radius-sm); }
.category-filter-order .list-wrap { padding: 10px 14px; border-radius: var(--radius); background: var(--surface-soft); }
.lag-checkbox { border-radius: var(--radius-sm); }

.pagination-wrapper .pagination { gap: 6px; flex-wrap: wrap; justify-content: center; }

.pagination .page-link,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    min-width: 42px;
    height: 42px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--surface-soft);
    color: var(--text);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link:hover { background: var(--main-soft-2); color: var(--main-color); }
.pagination .page-item.active .page-link { background: var(--ink); color: #fff; }

/* ---------- 16. Ürün Detay ---------- */
@media (min-width: 992px) {
    .product-profile-1 > .row > .col-lg-6:last-child {
        position: sticky;
        top: 92px;
        align-self: flex-start;
    }
}

.product-profile-1 h1.title {
    margin-bottom: 12px;
    color: var(--text-strong);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.product-profile-info li { padding: 3px 0; color: var(--text-muted); font-size: 14px; }
.product-profile-info li .value { color: var(--text-strong); font-weight: 600; }

.product-profile-1 .product-price-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 16px 0 8px;
    padding: 16px 18px;
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
}

.product-profile-1 .product-price-group .discount { border-radius: var(--radius-sm); font-weight: 700; line-height: 1.15; }

.product-profile-1 .product-price-group .prices .sale-price {
    color: var(--text-strong);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.03em;
}

.product-profile-1 .product-price-group .prices .list-price { color: var(--text-muted); font-size: 16px; }

.product-profile-1 .product-price-group .free-cargo-badge {
    margin-left: auto;
    padding: 6px 12px;
    border-radius: var(--radius-pill);
    background: var(--ink);
    color: #fff;
    font-weight: 700;
}

.product-profile-info .sale-price-discount,
.hizli-sepet .sale-price-discount {
    padding: 10px 14px;
    border: 0;
    border-radius: var(--radius);
    background: var(--main-soft);
}

.product-transfer-discount {
    padding: 12px 14px;
    border-left: 0;
    border-radius: var(--radius);
    background: var(--main-soft);
    color: var(--text);
    font-weight: 500;
}

.product-profile-1 .carousel-inner { border-radius: var(--radius-xl); background: var(--surface-soft); }

.product-profile-1 .carousel .carousel-indicators { gap: 8px; }

.product-profile-1 .carousel .carousel-indicators li {
    margin: 0;
    border: 2px solid transparent;
    border-radius: var(--radius-sm);
    overflow: hidden;
    opacity: .65;
    transition: opacity .25s var(--ease), border-color .25s var(--ease);
}

.product-profile-1 .carousel .carousel-indicators li:hover,
.product-profile-1 .carousel .carousel-indicators li.active { opacity: 1; }
.product-profile-1 .carousel .carousel-indicators li.active { border-color: var(--ink); }

.variant-box { padding: 0; background: transparent; border: 0; }
.variant-box ul { margin: 0; padding: 0; list-style: none; }
.variant-box .variant + .variant { margin-top: 16px; }

.variant-box .variant .name {
    margin-bottom: 8px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

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

.variant-box .options a {
    min-width: 48px;
    height: 44px;
    margin: 0;
    padding: 0 16px;
    border: 1.5px solid var(--border-strong);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--text-strong);
    font-size: 13.5px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);
}

.variant-box .options a:hover { border-color: var(--text-strong); }
.variant-box .options a.active { border-color: var(--ink); background: var(--ink); color: #fff; }
.variant-box .options a.sold-out { opacity: .4; text-decoration: line-through; }
.variant-box select.form-control { height: 46px; }

.product-profile-1 .product-quantity,
.shopping-cart-1 .product-quantity,
.hizli-sepet .product-quantity {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    border: 0;
    border-radius: var(--radius);
    background: var(--surface-soft);
}

.product-profile-1 .product-quantity { height: 54px; }

.product-profile-1 .product-quantity .btn,
.shopping-cart-1 .product-quantity .btn,
.hizli-sepet .product-quantity .btn {
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--text-strong);
    font-size: 12px;
    box-shadow: var(--shadow-xs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-profile-1 .product-quantity .btn:hover,
.shopping-cart-1 .product-quantity .btn:hover,
.hizli-sepet .product-quantity .btn:hover { color: var(--main-color); }

.product-profile-1 .product-quantity input,
.shopping-cart-1 .product-quantity input,
.hizli-sepet .product-quantity input {
    width: 50px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--text-strong);
    font-weight: 700;
    text-align: center;
}

.product-buttons { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 18px 0 10px; }

.product-buttons .btn {
    height: 54px;
    margin: 0 !important;
    padding: 0 22px;
    border-radius: var(--radius);
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.product-buttons .btn:hover { transform: translateY(-1px); box-shadow: var(--shadow); }
.product-buttons .btn-cart { flex: 1 1 180px; }
.product-buttons .btn-fast-buy { flex: 1 1 160px; }

.product-buttons .btn-wp { flex: 1 1 100%; background: #25d366; border-color: #25d366; color: #fff; }
.product-buttons .btn-wp:hover { background: #1ebe5b; border-color: #1ebe5b; color: #fff; }

.product-body .product-profile-1 .product-unit {
    height: 54px;
    margin: 0 !important;
    border: 0;
    border-radius: var(--radius);
    background: var(--surface-soft);
}

.product-badges { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin-top: 16px; }

.product-badges .p-badge {
    height: auto;
    min-height: 70px;
    margin: 0;
    padding: 12px 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    background: #fff;
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.product-badges .p-badge i {
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: var(--main-soft);
    color: var(--main-color);
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-badges .p-badge img { max-height: 42px; width: auto; }

.product-customer-actions { padding: 12px; border-radius: var(--radius-lg); background: var(--surface-soft); }
.product-customer-actions .action .button { font-weight: 600; }

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav { border: 0; border-bottom: 1px solid var(--border-color); }
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link { font-weight: 700; }

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active {
    color: var(--text-strong);
    box-shadow: inset 0 -3px 0 var(--main-color);
}

.product-details-tab-product-details-tab-colorful .tab-content { padding-top: 12px; border: 0; }

.social-share-special .jssocials-share-link {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.native-modal.show .hizli-sepet .modal-content { border-radius: var(--radius-xl); overflow: hidden; }
.native-modal.show .hizli-sepet .modal-content .fast-product-title { color: var(--text-strong); font-weight: 700; letter-spacing: -.01em; }
.native-modal.show .hizli-sepet .product-favourite2 { box-shadow: var(--shadow); }

/* ---------- 17. Sepet & Ödeme ---------- */
.shopping-cart-1 .table { border-collapse: separate; border-spacing: 0; }

.shopping-cart-1 .table thead th {
    padding: 14px;
    border: 0;
    background: var(--surface-soft);
    color: var(--text-muted);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.shopping-cart-1 .table thead th:first-child { border-radius: var(--radius) 0 0 var(--radius); }
.shopping-cart-1 .table thead th:last-child { border-radius: 0 var(--radius) var(--radius) 0; }

.shopping-cart-1 .table td { padding: 18px 14px; vertical-align: middle; border-top: 1px solid var(--border-color); }
.shopping-cart-1 .table-hover tbody tr:hover { background: transparent; }

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

.shopping-cart-1 .product .image {
    flex: 0 0 88px;
    max-width: 88px;
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--surface-soft);
}

.shopping-cart-1 .product .image img { width: 100%; height: auto; }
.shopping-cart-1 .product .name { color: var(--text-strong); font-weight: 700; }
.shopping-cart-1 .variants .variant { color: var(--text-muted); font-size: 12.5px; }

.shopping-cart-1 .btn-remove {
    margin-top: 6px;
    padding: 4px 12px;
    border: 0;
    border-radius: var(--radius-pill);
    background: #fee2e2;
    color: #dc2626;
    font-size: 12px;
    font-weight: 700;
}

.shopping-cart-1 .btn-remove:hover { background: #dc2626; color: #fff; }
.shopping-cart-1 .old-value { display: block; color: var(--text-muted); font-size: 12.5px; text-decoration: line-through; }
.shopping-cart-1 .value { color: var(--text-strong); font-weight: 700; }

.shopping-buttons-1 .btn-continue {
    padding: 11px 20px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--surface-soft);
    font-weight: 700;
}

.payment-cart-summary-1 {
    padding: 10px 20px;
    border: 0;
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
}

.payment-cart-summary-1 .table th { padding: 11px 0; border-color: var(--border-color); color: var(--text); font-weight: 600; }
.payment-cart-summary-1 .table th:last-child { text-align: right; }
.payment-cart-summary-1 .final { color: var(--text-strong); font-size: 24px; font-weight: 700; letter-spacing: -.02em; }

.payment-final-buttons-1 .btn-complete { min-height: 54px; border-radius: var(--radius); font-size: 15px; font-weight: 700; }
.payment-final-buttons-1 .btn-complete:hover { transform: translateY(-1px); box-shadow: var(--shadow); }

/* ---------- 18. Hesabım, Giriş, 404 ---------- */
.list-menu a {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding: 11px 14px;
    border-radius: var(--radius-sm);
    color: var(--text);
    font-weight: 600;
    transition: background-color .2s var(--ease), color .2s var(--ease);
}

.list-menu a:hover, .list-menu a.active { background: var(--main-soft); color: var(--main-color); }

.login-body .p-g-mod-t-4 { padding: 32px; border-radius: var(--radius-xl); }

.login-body .p-g-mod-t-4 .nav-tabs {
    height: auto;
    gap: 4px;
    padding: 4px;
    border-radius: var(--radius);
    background: var(--surface-soft) !important;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item { border: 0 !important; border-radius: var(--radius-sm); background: transparent; overflow: hidden; }
.login-body .p-g-mod-t-4 .nav-tabs .nav-link { border-radius: var(--radius-sm); font-weight: 700; }

.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: 0 !important; box-shadow: var(--shadow-sm); }

.login-body .p-g-mod-t-4 .btn-without-login,
.login-body .p-g-mod-t-4 .btn-success,
.login-body .p-g-mod-t-4 .btn-fb-login,
.login-body .p-g-mod-t-4 .btn-google-login {
    height: 50px;
    border-radius: var(--radius);
    font-weight: 700;
    text-shadow: none !important;
}

.login-body .p-g-mod-t-4 .btn-without-login { background: var(--ink) !important; }
.login-body .p-g-mod-t-4 .btn-fb-login,
.login-body .p-g-mod-t-4 .btn-google-login { background-image: none !important; }

.e404-page-type-1 .e404-pic,
.e404-page-type-2 .e404-pic {
    max-width: 100%;
    border: 0;
    border-radius: var(--radius-xl);
    background: var(--surface-soft);
    object-fit: contain;
}

.e404-page-type-1 .e404-title,
.e404-page-type-2 .e404-title { color: var(--text-strong); letter-spacing: -.02em; }

.e404-description { color: var(--text-muted); font-weight: 500; }

.e404-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border-radius: var(--radius);
    background: var(--ink);
    color: #fff;
    font-weight: 700;
    box-shadow: var(--shadow);
    transition: transform .25s var(--ease), background-color .25s var(--ease);
}

.e404-btn:hover { background: var(--main-color); color: #fff; transform: translateY(-2px); box-shadow: var(--shadow-lg); }


/* ---------- 05. Header — Duyuru Şeridi ---------- */
header.desktop.cj-header {
    position: relative;
    z-index: 20;
    background:
        radial-gradient(900px 260px at 12% -40px, var(--main-soft-2), transparent 70%),
        radial-gradient(800px 260px at 88% -40px, var(--cj-volt-soft), transparent 70%);
    box-shadow: none !important;
}

header.desktop .cj-ticker {
    height: 38px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 0;
    background: var(--ink);
}

.cj-ticker-track {
    display: flex;
    width: max-content;
    animation: cjTicker 42s linear infinite;
}

.cj-ticker:hover .cj-ticker-track { animation-play-state: paused; }

.cj-ticker-group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-around;
    min-width: 100vw;
}

.cj-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 30px;
    color: rgba(255, 255, 255, .74);
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
}

.cj-ticker-item strong { color: #fff; }
.cj-ticker-item i { color: var(--main-color); font-size: 12px; filter: brightness(1.35); }
.cj-ticker-item:hover { color: var(--header-top-color-hover, #fff); }

/* ---------- 06. Header — Kapsül ---------- */
header.desktop .cj-dock-wrap {
    position: relative;
    z-index: 30;
    padding: 18px 0 10px;
    background: transparent;
    border: 0;
}

.cj-dock {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 76px;
    padding: 0 12px 0 22px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-pill);
    box-shadow: 0 22px 50px -30px rgba(13, 15, 20, .4);
    transition: background-color .3s var(--ease), box-shadow .3s var(--ease), height .3s var(--ease);
}

.cj-brand { flex: 0 0 auto; display: inline-flex; color: inherit; }
.cj-brand:hover { color: inherit; }
.cj-brand:hover .cj-logo-mark { animation: cjFloat 1.2s var(--ease) infinite; }

/* Kategoriler butonu + açılır menü */
.cj-cat { position: relative; flex: 0 0 auto; }

header.desktop .cj-cat .menu-left {
    position: relative;
    border: 0;
    border-radius: 0;
    background: transparent;
}

header.desktop .cj-cat .menu-left::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 18px;
}

header.desktop .cj-cat .menu-left .btn-categories {
    height: 50px;
    padding: 0 20px 0 8px;
    gap: 10px;
    border-radius: var(--radius-pill);
    background: var(--ink);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

header.desktop .cj-cat .menu-left .btn-categories i {
    width: 34px;
    height: 34px;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: var(--cj-grad);
    font-size: 13px;
    transition: transform .35s var(--ease);
}

header.desktop .cj-cat .menu-left:hover .btn-categories { box-shadow: 0 14px 30px -14px var(--ink); }
header.desktop .cj-cat .menu-left:hover .btn-categories i { transform: rotate(90deg); }

header.desktop .cj-cat .menu-left ul.f-ul {
    display: none;
    position: absolute;
    top: calc(100% + 16px);
    left: 0;
    z-index: 60;
    width: 290px;
    min-height: 0;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

header.desktop .cj-cat .menu-left:hover ul.f-ul { display: block; animation: cjDrop .28s var(--ease); }

header.desktop .cj-cat .menu-left ul.f-ul li.f-li { padding: 0; border-radius: var(--radius-sm); transition: background-color .2s var(--ease); }
header.desktop .cj-cat .menu-left ul.f-ul li.f-li:hover { background: var(--main-soft); }

header.desktop .cj-cat .menu-left ul.f-ul li.f-li a.f-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    color: var(--text-strong);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
}

header.desktop .cj-cat .menu-left ul.f-ul li.f-li:hover a.f-item { color: var(--main-color); }
header.desktop .cj-cat .menu-left ul.f-ul li.f-li a.f-item .clearfix { display: none; }
header.desktop .cj-cat .menu-left ul.f-ul li.f-li a.f-item .icon { padding-top: 0; color: var(--text-muted); font-size: 10px; transition: transform .25s var(--ease); }
header.desktop .cj-cat .menu-left ul.f-ul li.f-li:hover a.f-item .icon { color: var(--main-color) !important; transform: translateX(3px); }
header.desktop .cj-cat .menu-left ul.f-ul li.f-li .cat-icon { border-radius: 8px; }

header.desktop .cj-cat .menu-deep-box {
    top: 0;
    bottom: auto;
    left: calc(100% - 4px);
    width: 560px;
    height: auto;
    min-height: 100%;
    max-height: 72vh;
    padding: 26px 24px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    background: #fff;
    box-shadow: var(--shadow-lg);
}

header.desktop .cj-cat .menu-deep-box .sub-title { color: var(--text-strong); font-size: 14px; font-weight: 700; }
header.desktop .cj-cat .menu-deep-box .sub-title:hover,
header.desktop .cj-cat .menu-deep-box .sub-cat ul li a:hover { color: var(--main-color); }
header.desktop .cj-cat .menu-deep-box .sub-cat ul li a { color: var(--text-muted); font-size: 13px; font-weight: 500; }
header.desktop .cj-cat .menu-deep-box .cateogory-image img { width: 100%; border-radius: var(--radius); }

/* Arama */
header.desktop .cj-dock .cj-search {
    position: relative;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 52px;
    border: 1.5px solid transparent;
    border-radius: var(--radius-pill);
    background: var(--surface-soft);
    transition: background-color .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}

header.desktop .cj-dock .cj-search:focus-within {
    border-color: var(--main-color);
    background: #fff;
    box-shadow: 0 0 0 5px var(--main-ring);
}

header.desktop .cj-dock .cj-search form { display: flex; align-items: center; height: 100%; }

header.desktop .cj-dock .cj-search .search-lead {
    flex: 0 0 auto;
    padding-left: 20px;
    color: var(--text-muted);
    font-size: 15px;
}

header.desktop .cj-dock .cj-search .input-box { flex: 1 1 auto; min-width: 0; height: 100%; }

header.desktop .cj-dock .cj-search form input {
    float: none;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    border: 0;
    background: transparent;
    box-shadow: none !important;
    color: var(--text-strong);
    font-size: 14px;
    font-weight: 600;
}

header.desktop .cj-dock .cj-search form .btn-send {
    position: static;
    flex: 0 0 auto;
    width: auto;
    height: 42px;
    margin: 0 4px 0 0;
    padding: 0 18px;
    gap: 8px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--cj-grad);
    color: #fff;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}

header.desktop .cj-dock .cj-search form .btn-send i { font-size: 12px; transition: transform .25s var(--ease); }
header.desktop .cj-dock .cj-search form .btn-send:hover i { transform: translateX(3px); }

/* Aksiyonlar */
header.desktop .cj-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    width: auto;
}

.button-shipping-location {
    padding: 4px 12px 4px 4px;
    border-radius: var(--radius-pill);
    transition: background-color .2s var(--ease);
}

.button-shipping-location:hover { background: var(--surface-soft); }

.button-shipping-location .icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

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

.cj-icon-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--surface-soft);
    color: var(--text-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: background-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease-spring);
}

.cj-icon-btn:hover { background: var(--ink); color: #fff; transform: translateY(-2px); }

.cj-user { position: relative; }

.cj-user::after {
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    top: 100%;
    height: 18px;
}

.cj-user-panel {
    position: absolute;
    top: calc(100% + 16px);
    right: -12px;
    z-index: 45;
    width: 280px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(.98);
    transform-origin: top right;
    transition: opacity .25s var(--ease), transform .25s var(--ease), visibility .25s var(--ease);
}

.cj-user:hover .cj-user-panel,
.cj-user:focus-within .cj-user-panel { opacity: 1; visibility: visible; transform: none; }

.cj-user-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding: 6px 6px 14px;
    border-bottom: 1px solid var(--border-color);
}

.cj-user-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: var(--cj-grad);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cj-user-head small { display: block; color: var(--text-muted); font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cj-user-head strong { display: block; color: var(--text-strong); font-size: 15px; line-height: 1.3; }

.cj-user-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }

.cj-user-cta .btn {
    height: 42px;
    padding: 0 10px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cj-user-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: var(--radius-sm);
    color: var(--text-strong);
    font-size: 13.5px;
    font-weight: 600;
}

.cj-user-link i {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 10px;
    background: var(--surface-soft);
    color: var(--main-color);
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cj-user-link:hover { background: var(--main-soft); color: var(--main-color); }
.cj-user-logout, .cj-user-logout:hover { color: #d6334a; }
.cj-user-logout i { color: #d6334a; }

/* Sepet butonu */
.cj-cart-btn {
    height: 52px;
    padding: 0 8px 0 20px;
    gap: 10px;
    border-radius: var(--radius-pill);
    background: var(--ink);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

.cj-cart-btn i { font-size: 17px; }
.cj-cart-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 30px -14px var(--ink); }

.cj-cart-count {
    min-width: 38px;
    height: 38px;
    padding: 0 9px;
    border-radius: var(--radius-pill);
    background: var(--cj-grad);
    color: #fff;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cj-pop { animation: cjBadgePop .5s var(--ease-spring); }

header.desktop .header-cart-hover .dropdown-menu {
    top: calc(100% + 16px);
    width: 360px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: visible;
    animation: cjDrop .25s var(--ease);
}

header.desktop .header-cart-hover .dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -18px;
    height: 18px;
}

header.desktop .header-cart-hover .dropdown-menu .top-header {
    padding: 14px 0;
    background: var(--surface-soft);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

header.desktop .header-cart-hover .dropdown-menu .top-header .title { font-weight: 700; color: var(--text-strong); }
header.desktop .header-cart-hover .btn-remove { background: var(--surface-muted); border-radius: 50%; }
header.desktop .header-cart-hover .btn-remove:hover { background: #fee2e2; color: #dc2626; }

.ajax-shopping-cart { padding: 14px 16px; }
.ajax-shopping-cart .product { gap: 12px; align-items: center; border-bottom-color: var(--surface-muted); }
.ajax-shopping-cart .product .image img { max-width: 100%; border-radius: var(--radius-xs); }
.ajax-shopping-cart .product .info .name { font-weight: 700; color: var(--text-strong); }

.header-cart-summary-1 { padding: 0 6px 14px; }
.header-cart-summary-1 .buttons .btn { padding: 12px 6px !important; border-radius: var(--radius-pill); font-weight: 700; }

/* Sabit kapsül */
header.desktop.is-sticky .h-center {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    padding: 10px 0;
    animation: cjDockIn .45s var(--ease);
}

header.desktop.is-sticky .cj-dock {
    height: 66px;
    background: rgba(255, 255, 255, .86);
    border-color: rgba(255, 255, 255, .7);
    box-shadow: 0 24px 50px -24px rgba(13, 15, 20, .45);
    -webkit-backdrop-filter: saturate(170%) blur(16px);
    backdrop-filter: saturate(170%) blur(16px);
}

/* ---------- 07. Hızlı Linkler ---------- */
header.desktop .cj-links { padding: 4px 0 18px; }

header.desktop .cj-links .short-links {
    height: auto;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
}

header.desktop .cj-links .short-links a {
    padding: 8px 16px;
    border-radius: var(--radius-pill);
    color: var(--text);
    font-size: 13.5px;
    font-weight: 600;
    transition: background-color .25s var(--ease), color .25s var(--ease);
}

header.desktop .cj-links .short-links a::after {
    top: auto;
    right: 50%;
    bottom: 3px;
    width: 0;
    height: 2px;
    max-height: none;
    margin: 0;
    border-radius: 2px;
    background: var(--cj-grad);
    transform: translateX(50%);
    transition: width .3s var(--ease);
}

header.desktop .cj-links .short-links a:hover { color: var(--text-strong); background: var(--surface-soft); }
header.desktop .cj-links .short-links a:hover::after { width: 18px; }

/* ---------- 08. Mobil Header & Alt Dok ---------- */
header.mobile.cj-mobile {
    top: 10px;
    left: 10px;
    right: 10px;
    height: 62px;
    border: 1px solid var(--border-color);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 36px -22px rgba(13, 15, 20, .45);
}

body.is-scrolled header.mobile.cj-mobile { box-shadow: 0 18px 40px -18px rgba(13, 15, 20, .5); }

header.mobile.cj-mobile .icon-group {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface-soft);
    font-size: 17px;
}

header.mobile.cj-mobile .logo a { display: inline-flex; color: inherit; }
header.mobile.cj-mobile .cj-logo { gap: 8px; }
header.mobile.cj-mobile .cj-logo-mark { width: 34px; height: 34px; flex-basis: 34px; border-radius: 11px; }
header.mobile.cj-mobile .cj-logo-mark svg { width: 19px; height: 19px; }
header.mobile.cj-mobile .cj-logo-word { font-size: 21px; }

.sidebar-menu .title .cj-logo-word { color: #fff; }
.sidebar-menu .title .cj-logo-mark { width: 34px; height: 34px; flex-basis: 34px; border-radius: 11px; }
.sidebar-menu .title .cj-logo-word { font-size: 20px; }
.sidebar-menu-type-2 .logo-area a { display: inline-flex; color: inherit; }
.sidebar-menu-type-2 .logo-area .cj-logo-word { font-size: 21px; }

.sidebar-user .title,
.sidebar-menu .title { background: var(--ink); }

.mobile-menu-close i,
.sidebar-menu-type-2 .mobile-menu-close i { border-radius: 50%; }

.cj-mdock { display: none; }

/* ---------- 09. Manşet & Bannerlar ---------- */
.carousel-type-1 .carousel-image-wrapper {
    position: relative;
    border-radius: var(--radius-xl);
    background: var(--cj-tile);
    overflow: hidden;
    isolation: isolate;
}

.carousel-type-1 .carousel-image-wrapper .carousel-control-prev,
.carousel-type-1 .carousel-image-wrapper .carousel-control-next {
    top: 50%;
    bottom: auto;
    width: 52px;
    height: 52px;
    margin-top: -26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: var(--text-strong);
    font-size: 14px;
    opacity: 0;
    box-shadow: var(--shadow);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: opacity .3s var(--ease), transform .3s var(--ease), background-color .25s var(--ease), color .25s var(--ease);
}

.carousel-type-1 .carousel-image-wrapper .carousel-control-prev { left: 22px; transform: translateX(-12px); }
.carousel-type-1 .carousel-image-wrapper .carousel-control-next { right: 22px; transform: translateX(12px); }

.carousel-type-1:hover .carousel-image-wrapper .carousel-control-prev,
.carousel-type-1:hover .carousel-image-wrapper .carousel-control-next { opacity: 1; transform: none; }

.carousel-type-1 .carousel-image-wrapper .carousel-control-prev:hover,
.carousel-type-1 .carousel-image-wrapper .carousel-control-next:hover { background: var(--ink); color: #fff; opacity: 1; }

.carousel-type-1 .carousel-caption { text-align: left; left: 6%; right: 40%; bottom: 14%; }

.carousel-type-1 .carousel-caption h5 {
    font-size: clamp(24px, 3vw, 46px);
    font-weight: 700;
    letter-spacing: -.035em;
    color: #fff;
    text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}

.carousel-type-1 .carousel-indicators { bottom: 14px; }

.carousel-type-1 .carousel-indicators li {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border: 0;
    border-radius: var(--radius-pill);
    background-color: rgba(255, 255, 255, .6);
    opacity: 1;
    transition: width .4s var(--ease), background-color .3s var(--ease);
}

.carousel-type-1 .carousel-indicators li.active { width: 34px; background: var(--cj-grad); }

.p-g-mod-t-44 .banner-item .image,
.banner-item .image {
    position: relative;
    border-radius: var(--radius-lg);
    background: var(--cj-tile);
    overflow: hidden;
    isolation: isolate;
}

.p-g-mod-t-44 .banner-item .image img { transition: transform .9s var(--ease); }

.p-g-mod-t-44 .banner-item .image img:hover,
.p-g-mod-t-44 .banner-item:hover .image img { transform: scale(1.06); }

.banner-item .image::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70%;
    z-index: 2;
    width: 50%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
    transform: skewX(-18deg);
    pointer-events: none;
    transition: left .9s var(--ease);
}

.banner-item:hover .image::after { left: 130%; }

/* ---------- 10. Modül Başlıkları ---------- */
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--text-strong);
}

.pattern-group .p-g-mod-showcase .p-g-mod-header {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    border: 0;
    background: transparent;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info { align-items: stretch; width: 100%; text-align: left; }

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    counter-increment: cjsec;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: clamp(22px, 2.3vw, 32px);
    letter-spacing: -.04em;
    text-align: left;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
    content: counter(cjsec, decimal-leading-zero);
    flex: 0 0 auto;
    height: 30px;
    padding: 0 12px;
    border-radius: var(--radius-pill);
    background: var(--cj-grad);
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 10px 22px -12px var(--main-color);
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::after {
    content: "";
    flex: 1 1 auto;
    min-width: 30px;
    height: 1px;
    margin-left: 6px;
    background: linear-gradient(90deg, var(--border-strong), transparent);
}

.p-g-mod-base-content { border-color: var(--border-color); border-radius: var(--radius-lg); }

.categories-body .p-g-mod-t-cat-filter {
    border-color: var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

/* ---------- 11. Ürün Kartı ---------- */
.card-product.cj-card {
    display: flex;
    height: calc(100% - 28px);
    margin-bottom: 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.card-product.cj-card:hover { border-color: transparent; }

.card-product.cj-card .card-product-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}

.cj-card .cj-tile {
    position: relative;
    border-radius: 26px;
    background: var(--cj-tile);
    overflow: hidden;
    isolation: isolate;
    transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}

.cj-card .cj-tile .image { position: relative; z-index: 1; }

.cj-card .cj-tile .image img {
    width: 100%;
    transition: transform .9s var(--ease);
}

.cj-card:hover .cj-tile {
    transform: translateY(-6px);
    box-shadow: 0 0 0 2px var(--main-color), 0 30px 50px -30px rgba(13, 15, 20, .5);
}

.cj-card:hover .cj-tile .image img { transform: scale(1.06); }

.cj-js .cj-card .cj-tile::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(100deg, var(--cj-tile) 30%, #fff 50%, var(--cj-tile) 70%);
    background-size: 220% 100%;
    animation: cjShimmer 1.3s linear infinite;
    transition: opacity .4s var(--ease);
}

.cj-js .cj-card .cj-tile.is-loaded::before { opacity: 0; animation: none; }

.cj-shine {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .5) 50%, transparent 65%);
    transform: translateX(-120%);
    pointer-events: none;
}

.cj-card:hover .cj-shine { transform: translateX(120%); transition: transform 1s var(--ease); }

.cj-card .cp-badges {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.cj-card .cp-badge,
.card-product .card-product-inner .cp-badge.free-cargo-badge {
    position: static;
    height: 26px;
    padding: 0 11px;
    gap: 5px;
    border-radius: var(--radius-pill);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.cj-card .cp-badge-discount { background: var(--ink); color: #fff; }

.card-product .card-product-inner .cp-badge.free-cargo-badge {
    background: #fff;
    color: var(--text-strong);
    box-shadow: var(--shadow-xs);
}

.card-product .card-product-inner .cp-badge.free-cargo-badge i { color: var(--main-color); font-size: 10px; }

.cj-card .product-favourite-kart { top: 14px; right: 14px; z-index: 6; }

.cj-card .product-favourite-kart a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    color: var(--text-strong);
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-sm);
    transition: transform .3s var(--ease-spring), color .2s var(--ease);
}

.cj-card .product-favourite-kart a:hover { color: #e11d48; transform: scale(1.12); }

.cj-card .it-over {
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 5;
    width: auto;
    height: 42px;
    border: 0;
    border-radius: var(--radius-pill);
    background: rgba(13, 15, 20, .82);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.cj-card .carousel-indicators li { border-radius: var(--radius-pill); }

.cj-card .cj-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 16px 4px 0;
}

.card-product.cj-card .card-product-inner .brand {
    height: auto;
    margin-bottom: 4px;
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.card-product.cj-card .card-product-inner .title {
    height: 42px;
    margin: 0 0 6px;
    padding: 0;
    color: var(--text-strong);
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .25s var(--ease);
}

.cj-card:hover .card-product-inner .title { color: var(--main-color); }

.cj-card .card-product-content { color: var(--text-muted); font-size: 12px; }

.cj-card .quantity.cj-qty {
    width: 116px;
    height: 36px;
    margin: 6px 0 0;
    padding: 3px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--surface-soft);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.cj-card .cj-qty .btn {
    width: 30px;
    height: 30px !important;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: var(--text-strong);
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-xs);
}

.cj-card .cj-qty .btn:hover { background: var(--ink); color: #fff; }

.cj-card .cj-qty input {
    flex: 1 1 auto;
    width: 40px;
    height: 30px !important;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none !important;
    color: var(--text-strong);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.cj-card .cj-buy {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 12px;
}

.cj-card .cj-price { min-width: 0; color: inherit; }

.card-product.cj-card .card-product-inner .price-group { height: auto; margin: 0; padding: 0; }

.card-product.cj-card .card-product-inner .price-group .prices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.card-product.cj-card .card-product-inner .price-group .prices .list-price {
    margin: 0;
    color: var(--text-muted);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: line-through;
}

.card-product.cj-card .card-product-inner .price-group .prices .sale-price {
    margin: 0;
    color: var(--text-strong);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.2;
    white-space: nowrap;
}

.card-product.cj-card .card-product-inner .price-group .prices .sale-price.line-through {
    color: var(--text-muted);
    font-size: 14px;
    text-decoration: line-through;
}

.cj-card .product-unit { color: var(--text-muted); font-size: 12px; font-weight: 600; letter-spacing: 0; }

.card-product.cj-card .sale-price-basket {
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 12px;
    background: var(--main-soft);
    display: inline-flex;
    flex-direction: column;
}

.card-product.cj-card .sale-price-basket .label { color: var(--text-muted); font-size: 10.5px; font-weight: 700; letter-spacing: .04em; }
.card-product.cj-card .sale-price-basket .sale-price { color: var(--main-color); font-size: 16px; font-weight: 700; }

.card-product.cj-card .card-product-inner .buttons {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    position: static;
    display: block;
}

.card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 1.5px solid var(--border-strong) !important;
    border-radius: 50%;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: background-color .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease), transform .35s var(--ease-spring), box-shadow .3s var(--ease);
}

.card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab i { margin: 0; position: relative; z-index: 1; }

.card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab .btn-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.card-product.cj-card:hover .card-product-inner .buttons .btn-cart.cj-cart-fab {
    box-shadow: 0 14px 28px -12px var(--add-cart-list-bg-hover);
}

.card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab:hover { transform: scale(1.1) rotate(-8deg); }

.card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab.disabled {
    background: var(--surface-muted);
    border-color: var(--surface-muted) !important;
    color: var(--text-muted) !important;
    box-shadow: none;
    transform: none;
    opacity: 1;
}

.cj-wave {
    position: absolute;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .65);
    pointer-events: none;
    animation: cjWave .7s ease-out forwards;
}

.card-product.cj-card .down-to-top .btn-cart,
.card-product.cj-card .right-to-left .btn { border-radius: var(--radius-pill); }

/* ---------- 12. Bilgi Şeridi ---------- */
.info-bar-1 { padding: 34px 0; background: transparent; }

.info-bar-1 .icons {
    position: relative;
    padding: 12px;
    border: 0;
    border-radius: var(--radius-xl);
    background: var(--cj-grad);
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 30px 60px -36px var(--main-color);
}

.info-bar-1 .icons::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -60px;
    right: -60px;
    bottom: -40px;
    z-index: -1;
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .08) 0 2px, transparent 2px 26px);
    animation: cjDrift 6s linear infinite;
}

.info-bar-1 .icons > .row { margin: 0; }
.info-bar-1 .icons > .row > [class*="col-"] { padding: 6px; }

.info-bar-1 .icons .icon-group,
.info-bar-1 .icons .icon-group:last-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    height: 100%;
    margin: 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 22px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s var(--ease), transform .3s var(--ease);
}

.info-bar-1 .icons .icon-group:hover { background: rgba(255, 255, 255, .18); transform: translateY(-3px); }

.info-bar-1 .icons .icon-group i {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    margin: 0;
    border-radius: 50%;
    background: #fff;
    color: var(--main-color);
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .4);
}

.info-bar-1 .icons .icon-group .inf .name { color: #fff; font-size: 15px; font-weight: 700; text-align: left; }
.info-bar-1 .icons .icon-group .inf .description { color: rgba(255, 255, 255, .82); font-size: 12.5px; line-height: 1.45; text-align: left; }

/* ---------- 13. Pazaryeri ---------- */
.stores { padding: 10px 0 0; }

.stores .card {
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    filter: grayscale(1);
    opacity: .75;
    transition: filter .3s var(--ease), opacity .3s var(--ease), transform .3s var(--ease);
}

.stores .card:hover { filter: none; opacity: 1; transform: translateY(-3px); }

/* ---------- 14. Footer ---------- */
footer.site-footer.cj-footer {
    position: relative;
    margin-top: 70px;
    padding: 0;
    border: 0;
    border-radius: 44px 44px 0 0;
    background: var(--surface-soft);
    color: var(--text);
    overflow: hidden;
}

.cj-f-top {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 30px;
    align-items: stretch;
    padding: 60px 0 30px;
}

.cj-f-logo { display: inline-flex; color: inherit; }
.cj-f-logo:hover { color: inherit; }
.cj-f-brand .cj-logo-mark { width: 50px; height: 50px; flex-basis: 50px; border-radius: 16px; }
.cj-f-brand .cj-logo-mark svg { width: 27px; height: 27px; }
.cj-f-brand .cj-logo-word { font-size: 32px; }

.cj-f-about { max-width: 460px; margin: 20px 0; color: var(--text-muted); font-size: 14px; line-height: 1.7; }
.cj-f-about p { margin: 0 0 6px; }

.cj-f-social { display: flex; flex-wrap: wrap; gap: 8px; }

.cj-f-social a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    color: var(--text-strong);
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-xs);
    transition: background-color .25s var(--ease), color .25s var(--ease), transform .3s var(--ease-spring);
}

.cj-f-social a:hover { background: var(--ink); color: #fff; transform: translateY(-3px) rotate(-6deg); }

.cj-f-news {
    position: relative;
    padding: 32px;
    border-radius: var(--radius-xl);
    background: var(--ink);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
}

.cj-f-news::before {
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    z-index: -1;
    width: 70%;
    height: 120%;
    border-radius: 50%;
    background: radial-gradient(closest-side, var(--main-ring), transparent);
}

.cj-f-news-bolt {
    position: absolute;
    right: 10px;
    bottom: -40px;
    z-index: -1;
    color: rgba(255, 255, 255, .04);
    font-size: 180px;
    line-height: 1;
    transform: rotate(14deg);
}

.cj-f-news-title { max-width: 440px; margin: 0 0 14px; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.45; }

.cj-f-news-block + .cj-f-news-block { margin-top: 20px; }

.cj-f-form {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .07);
}

.cj-f-form .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    padding: 0 16px;
    border: 0;
    background: transparent;
    box-shadow: none !important;
    color: #fff;
}

.cj-f-form .form-control::placeholder { color: rgba(255, 255, 255, .5); }

.cj-f-form .btn-submit {
    flex: 0 0 auto;
    height: 46px;
    padding: 0 20px;
    gap: 8px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--cj-grad);
    color: #fff;
    font-size: 13.5px;
    display: inline-flex;
    align-items: center;
}

.cj-f-form .btn-submit:hover { color: #fff; box-shadow: 0 12px 26px -10px var(--main-color); }
.cj-f-form .btn-submit i { font-size: 12px; }

.cj-f-form .iti { flex: 1 1 auto; min-width: 0; }
.cj-f-form .iti .form-control { width: 100%; }

.cj-f-apps { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; }
.cj-f-apps-title { color: var(--ink-muted); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.cj-f-apps-list { display: flex; gap: 8px; }
.cj-f-apps-list img { height: 40px; width: auto; border-radius: 10px; }

.cj-f-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px 0 32px;
    border-bottom: 1px solid var(--border-strong);
}

.cj-chip {
    height: 46px;
    padding: 0 20px;
    gap: 10px;
    border-radius: var(--radius-pill);
    background: #fff;
    color: var(--text-strong);
    font-size: 13.5px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    box-shadow: var(--shadow-xs);
    transition: transform .3s var(--ease-spring), box-shadow .3s var(--ease);
}

.cj-chip i { color: var(--main-color); }
.cj-chip:hover { color: var(--text-strong); transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.cj-chip-volt, .cj-chip-volt:hover { background: var(--cj-grad); color: #fff; }
.cj-chip-volt i { color: #fff; }

.cj-f-cols { padding: 36px 0 10px; }

footer.site-footer.cj-footer .info { padding: 0; }

footer.site-footer.cj-footer .info .title {
    margin-bottom: 14px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--text-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-align: left;
    text-transform: uppercase;
}

footer.site-footer.cj-footer .info ul { margin: 0; padding: 0; list-style: none; }
footer.site-footer.cj-footer .info ul li { margin: 0 0 9px; padding: 0; border: 0; color: var(--text-muted); }

footer.site-footer.cj-footer .info ul li a {
    padding: 0;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 600;
    transition: color .25s var(--ease), padding .25s var(--ease);
}

footer.site-footer.cj-footer .info ul li a::before { content: none; display: none; }
footer.site-footer.cj-footer .info ul li a:hover { padding-left: 6px; color: var(--main-color); }

footer.site-footer.cj-footer .cj-f-contact li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; }
footer.site-footer.cj-footer .cj-f-contact li i { width: 16px; margin-top: 4px; color: var(--main-color); }

.cj-f-giant {
    position: relative;
    height: clamp(70px, 15vw, 220px);
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.cj-f-giant span {
    position: absolute;
    top: 0;
    left: 50%;
    color: var(--cj-giant);
    font-size: clamp(100px, 22vw, 320px);
    font-weight: 700;
    letter-spacing: -.07em;
    line-height: .82;
    white-space: nowrap;
    transform: translateX(-50%);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .cj-f-giant span {
        background: linear-gradient(180deg, var(--main-color) -40%, var(--cj-volt) 30%, transparent 92%);
        background-size: 100% 160%;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        opacity: .22;
        animation: cjGiant 7s ease-in-out infinite alternate;
    }
}

footer.site-footer.cj-footer .bar {
    margin: 0;
    padding: 20px 0;
    border: 0;
    border-top: 1px solid var(--border-strong);
    background: #fff;
}

footer.site-footer.cj-footer .bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
footer.site-footer.cj-footer .bar-text,
footer.site-footer.cj-footer .bar-text p { margin: 0; color: var(--text-muted); font-size: 13px; }
footer.site-footer.cj-footer .bar .right-image { height: auto; }
footer.site-footer.cj-footer .bar .right-image img { max-height: 30px; width: auto; }

/* ---------- Ürün detay sabit kolon üst boşluğu ---------- */
@media (min-width: 992px) {
    .product-profile-1 > .row > .col-lg-6:last-child { top: 100px; }
}

/* ---------- 19. Responsive ---------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .cj-dock { gap: 10px; padding-left: 18px; }
    .cj-logo-word { font-size: 22px; }
    header.desktop .cj-cat .menu-left .btn-categories { padding-right: 8px; font-size: 0; gap: 0; }
    header.desktop .cj-dock .cj-search form .btn-send span,
    .cj-cart-label,
    .button-shipping-location .text { display: none; }
    .cj-cart-btn { padding-left: 16px; }
    .cj-icon-btn { width: 46px; height: 46px; }
    .menu-deep-box, header.desktop .cj-cat .menu-deep-box { width: 460px; }
}

@media (max-width: 991.98px) {
    .mobile-header-space { height: 84px; }

    .cj-mdock {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        z-index: 9;
        height: 66px;
        padding: 0 6px;
        border: 1px solid var(--border-color);
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 22px 50px -18px rgba(13, 15, 20, .42);
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
    }

    .cj-mdock-item {
        position: relative;
        height: 54px;
        gap: 4px;
        border-radius: 16px;
        color: var(--text-muted);
        font-size: 10.5px;
        font-weight: 700;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: color .2s var(--ease);
    }

    .cj-mdock-item i { font-size: 18px; line-height: 1; transition: transform .3s var(--ease-spring); }
    .cj-mdock-item span { max-width: 100%; padding: 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cj-mdock-item:hover, .cj-mdock-item:focus, .cj-mdock-item:active { color: var(--text-strong); }
    .cj-mdock-item:active i { transform: scale(.85); }

    .home-body .cj-mdock-home { color: var(--main-color); }

    .home-body .cj-mdock-home::after {
        content: "";
        position: absolute;
        bottom: 2px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--main-color);
    }

    .cj-mdock-cart {
        position: relative;
        justify-self: center;
        width: 62px;
        height: 62px;
        margin-top: -34px;
        border-radius: 50%;
        background: var(--cj-grad);
        color: #fff;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 0 6px #fff, 0 18px 30px -12px var(--main-color);
        transition: transform .3s var(--ease-spring);
    }

    .cj-mdock-cart:hover, .cj-mdock-cart:focus { color: #fff; }
    .cj-mdock-cart:active { transform: scale(.92); }

    .cj-mdock-badge {
        position: absolute;
        top: -2px;
        right: -4px;
        min-width: 22px;
        height: 22px;
        padding: 0 5px;
        border: 2px solid #fff;
        border-radius: var(--radius-pill);
        background: var(--ink);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .up-scroll { right: 16px; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); width: 44px; height: 44px; line-height: 38px; }

    footer.site-footer.cj-footer { margin-top: 50px; border-radius: 32px 32px 0 0; }
    .cj-f-top { grid-template-columns: 1fr; gap: 22px; padding: 40px 0 24px; }
    .cj-f-cols { padding: 24px 0 0; }

    footer.site-footer.cj-footer .info .title {
        position: relative;
        margin-bottom: 10px;
        padding: 16px 48px 16px 18px;
        border: 0;
        border-radius: var(--radius);
        background: #fff;
        color: var(--text-strong);
        text-align: left !important;
        cursor: pointer;
        box-shadow: var(--shadow-xs);
    }

    footer.site-footer.cj-footer .info .title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        bottom: auto;
        width: 9px;
        height: 9px;
        margin: -7px 0 0;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        font-size: 0;
        transform: rotate(45deg);
        transition: transform .25s var(--ease), margin .25s var(--ease);
    }

    footer.site-footer.cj-footer .info .title.is-open::after { margin-top: -2px; transform: rotate(-135deg); }

    footer.site-footer.cj-footer .info .fs {
        margin: -4px 0 12px;
        padding: 12px 18px 6px;
        border: 0;
        border-radius: var(--radius);
        background: #fff;
        color: var(--text-muted) !important;
        text-align: left !important;
    }

    footer.site-footer.cj-footer .info ul li,
    footer.site-footer.cj-footer .info ul li a { color: var(--text-muted) !important; }

    footer.site-footer.cj-footer .bar { padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }
    footer.site-footer.cj-footer .bar-inner { flex-direction: column; text-align: center; }
    footer.site-footer.cj-footer .bar p { text-align: center !important; }

    .stores .card { max-width: 30%; }

    .carousel-type-1 .carousel-image-wrapper .carousel-control-prev,
    .carousel-type-1 .carousel-image-wrapper .carousel-control-next { opacity: 1; transform: none; }

    .info-bar-1 .icons .icon-group { flex-direction: row; }
    .info-bar-1 .icons .icon-group .inf .name { text-align: left; }

    .product-profile-1 h1.title { font-size: 23px; }
    .product-profile-1 .product-price-group .prices .sale-price { font-size: 27px; }

    .e404-page-type-2 { flex-direction: column; padding: 30px 15px; }
    .e404-page-type-2 .e404-content { margin: 24px 0 0; padding: 0; text-align: center; }
    .e404-page-type-2 .e404-pic { height: auto; max-height: 320px; }

    .categories-body .p-g-mod-t-cat-filter { margin: 10px 0; }
}

@media (max-width: 767.98px) {
    input.form-control, select.form-control, textarea.form-control { font-size: 16px; }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { gap: 10px; font-size: 21px; }
    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before { height: 26px; padding: 0 10px; font-size: 11.5px; }

    .card-product.cj-card { height: calc(100% - 22px); margin-bottom: 22px; }
    .cj-card .cj-tile { border-radius: 20px; }
    .cj-card .cp-badges { top: 9px; left: 9px; gap: 4px; }
    .cj-card .cp-badge,
    .card-product .card-product-inner .cp-badge.free-cargo-badge { height: 22px; padding: 0 8px; font-size: 10px; }
    .cj-card .product-favourite-kart { top: 9px; right: 9px; }
    .cj-card .product-favourite-kart a { width: 34px; height: 34px; font-size: 14px; }
    .cj-card .it-over { left: 9px; right: 9px; bottom: 9px; height: 34px; font-size: 11px; }

    .cj-card .cj-body { padding-top: 12px; }
    .card-product.cj-card .card-product-inner .brand { font-size: 10px; }
    .card-product.cj-card .card-product-inner .title { height: 38px; font-size: 13.5px; line-height: 19px; }
    .card-product.cj-card .card-product-inner .price-group .prices .sale-price { font-size: 16px; }
    .card-product.cj-card .card-product-inner .price-group .prices .list-price { font-size: 11.5px; }
    .cj-card .product-unit { font-size: 10.5px; }
    .card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab { width: 42px; height: 42px; font-size: 15px; }
    .cj-card .quantity.cj-qty { width: 100%; }

    .carousel-type-1 .carousel-image-wrapper { border-radius: var(--radius-lg); }
    .carousel-type-1 .carousel-image-wrapper .carousel-control-prev,
    .carousel-type-1 .carousel-image-wrapper .carousel-control-next { width: 38px; height: 38px; margin-top: -19px; font-size: 12px; }
    .carousel-type-1 .carousel-image-wrapper .carousel-control-prev { left: 10px; }
    .carousel-type-1 .carousel-image-wrapper .carousel-control-next { right: 10px; }

    .p-g-mod-t-44 .banner-item .image, .banner-item .image { border-radius: var(--radius); }

    .info-bar-1 { padding: 22px 0; }
    .info-bar-1 .icons { padding: 6px; border-radius: var(--radius-lg); }
    .info-bar-1 .icons > .row > [class*="col-"] { padding: 4px; }

    .cj-f-news { padding: 24px 20px; border-radius: var(--radius-lg); }
    .cj-f-brand .cj-logo-word { font-size: 28px; }
    .cj-f-chips { flex-wrap: nowrap; margin: 0 -15px; padding: 4px 15px 26px; overflow-x: auto; scrollbar-width: none; }
    .cj-f-chips::-webkit-scrollbar { display: none; }

    .product-profile-1 .product-price-group { padding: 14px; }
    .product-buttons .btn { height: 50px; padding: 0 14px; font-size: 14px; }
    .product-profile-1 .product-quantity { height: 50px; }
    .product-profile-1 .product-quantity .btn { width: 38px; height: 38px; }
    .product-profile-1 .product-quantity input { width: 42px; height: 38px; }
    .product-body .product-profile-1 .product-unit { height: 50px; }

    .shopping-cart-1 .table-responsive { overflow: visible; }
    .shopping-cart-1 .table, .shopping-cart-1 .table tbody { display: block; width: 100%; }
    .shopping-cart-1 .table thead { display: none; }

    .shopping-cart-1 .table tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-lg);
        background: #fff;
    }

    .shopping-cart-1 .table td { display: block; padding: 0; border: 0; }
    .shopping-cart-1 .table td.td-product { grid-column: 1 / -1; order: 0; }
    .shopping-cart-1 .table td.td-price { order: 1; }
    .shopping-cart-1 .table td.td-total-price { order: 2; text-align: right; }

    .shopping-cart-1 .table td.td-quantity {
        grid-column: 1 / -1;
        order: 3;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding-top: 12px;
        border-top: 1px solid var(--border-color);
    }

    .shopping-cart-1 .table td.td-cargo { grid-column: 1 / -1; order: 4; display: flex; justify-content: space-between; }

    .shopping-cart-1 .table td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 2px;
        color: var(--text-muted);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .shopping-cart-1 .table td.td-quantity[data-label]::before { flex: 1 1 auto; margin-bottom: 0; }
    .shopping-cart-1 .product .image { flex-basis: 72px; max-width: 72px; }
    .shopping-buttons-1 .btn-continue { display: flex; justify-content: center; width: 100%; }

    .login-body .p-g-mod-t-4 { padding: 18px; }
    .sekmeli-urunler .p-g-tab-wrapper .p-g-t-nav .nav .nav-link { padding: 11px 14px; }
}

@media (max-width: 575.98px) {
    .info-bar-1 .icons .icon-group { padding: 14px; }
    .info-bar-1 .icons .icon-group i { width: 44px; height: 44px; flex-basis: 44px; font-size: 18px; }

    .cj-f-form .btn-submit span { display: none; }
    .cj-f-form .btn-submit { width: 46px; padding: 0; justify-content: center; }

    .stores .card { max-width: 45%; }

    .product-profile-1 h1.title { font-size: 21px; }
    .product-profile-1 .product-price-group .prices .sale-price { font-size: 25px; }
    .product-buttons .btn-cart, .product-buttons .btn-fast-buy { flex: 1 1 calc(50% - 5px); }

    .e404-page-type-1 .e404-pic { height: auto; max-height: 160px; }
    .e404-page-type-1 .e404-title, .e404-page-type-2 .e404-title { font-size: 1.6rem; }
}

@media (max-width: 374.98px) {
    header.mobile.cj-mobile .icon-group { width: 38px; height: 38px; font-size: 15px; }
    header.mobile.cj-mobile .cj-logo-mark { width: 30px; height: 30px; flex-basis: 30px; }
    header.mobile.cj-mobile .cj-logo-word { font-size: 18px; }
    .cj-mdock { left: 8px; right: 8px; }
    .cj-mdock-item { font-size: 9.5px; }
    .mobil-area-2, .sidebar-menu-type-2 .mobil-area-2 { grid-template-columns: 1fr; }
    .product-buttons .btn-cart, .product-buttons .btn-fast-buy { flex: 1 1 100%; }
    .card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab { width: 38px; height: 38px; }
}

@media (hover: none) {
    .cj-card:hover .cj-tile { transform: none; box-shadow: none; }
    .cj-card:hover .cj-tile .image img,
    .p-g-mod-t-44 .banner-item:hover .image img { transform: none; }
    .cj-card:hover .cj-shine { transform: translateX(-120%); transition: none; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    .cj-reveal { opacity: 1; transform: none; }
    .cj-ticker-track { animation: none; }
}


/* =========================================================
   20. CHARJETT MIX — kurumsal (charjett.com) + mağaza (charjettall.com)
   ========================================================= */

/* Tipografi: başlıklar Jost, gövde Quicksand */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-display); letter-spacing: -.02em; }

/* Açılış ekranı — açık kurumsal hero */
.cj-splash-on .cj-splash {
    background: radial-gradient(120% 90% at 50% 0%, #fff 0%, var(--surface-soft) 100%);
    color: var(--text-strong);
}

.cj-splash-glow {
    margin: -34vmax 0 0 -38vmax;
    background: radial-gradient(closest-side, rgba(13, 148, 136, .22), transparent 72%);
}

.cj-splash-glow-2 {
    margin: 30vmax -40vmax 0 0;
    background: radial-gradient(closest-side, rgba(2, 132, 199, .18), transparent 72%);
    animation-delay: .45s;
}

.cj-splash-inner { gap: 20px; padding: 0 24px; text-align: center; }

.cj-splash-logo {
    position: relative;
    overflow: hidden;
    padding: 6px 10px;
    opacity: 0;
    transform: translateY(16px) scale(.94);
    animation: cjLogoIn .85s var(--ease-spring) .15s forwards;
}

.cj-splash-logo img { display: block; width: auto; height: auto; max-width: min(280px, 68vw); max-height: 96px; }

.cj-splash-logo::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%;
    width: 40%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .9), transparent);
    transform: skewX(-20deg);
    animation: cjSweep .9s var(--ease) 1s forwards;
}

.cj-splash-slogan {
    color: var(--text-strong);
    font-family: var(--font-display);
    font-size: clamp(19px, 2.6vw, 28px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(12px);
    animation: cjRise .6s var(--ease) .6s forwards;
}

.cj-splash-charge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--shadow-sm);
    opacity: 0;
    animation: cjRise .5s var(--ease) .75s forwards;
}

.cj-splash-bolt { width: 26px; height: 26px; flex: 0 0 26px; overflow: visible; }
.cj-splash .cj-bolt-line { stroke: var(--main-color); stroke-width: 2; }
.cj-splash .cj-bolt-fill { filter: drop-shadow(0 0 8px rgba(8, 145, 178, .55)); }

.cj-splash-bar { width: 150px; height: 6px; background: var(--surface-muted); }
.cj-splash-bar span { box-shadow: 0 0 10px rgba(8, 145, 178, .6); animation-delay: .8s; }

.cj-splash-watts { display: flex; gap: 5px; }

.cj-splash-watts span {
    padding: 3px 7px;
    border-radius: 7px;
    background: var(--surface-soft);
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: 11px;
    font-weight: 700;
    opacity: .45;
    animation: cjWatt .35s var(--ease) forwards;
}

.cj-splash-watts span:nth-child(1) { animation-delay: .95s; }
.cj-splash-watts span:nth-child(2) { animation-delay: 1.2s; }
.cj-splash-watts span:nth-child(3) { animation-delay: 1.45s; }

.cj-loader-bolt { fill: var(--main-color); }

@keyframes cjLogoIn { to { opacity: 1; transform: none; } }
@keyframes cjSweep { to { left: 130%; } }
@keyframes cjRise { to { opacity: 1; transform: none; } }
@keyframes cjWatt { to { opacity: 1; background: var(--cj-grad); color: #fff; } }

/* Duyuru şeridi — kurumsal geçiş */
header.desktop .cj-ticker { background: var(--cj-grad); }
.cj-ticker-item { color: rgba(255, 255, 255, .9); }
.cj-ticker-item i { color: #fff; filter: none; opacity: .85; }

/* Header kapsülü — kurumsal yuvarlak dikdörtgen */
.cj-dock {
    height: 78px;
    border-radius: 20px;
    box-shadow: 0 4px 24px rgba(15, 23, 42, .08);
}

header.desktop.is-sticky .cj-dock { box-shadow: 0 12px 34px rgba(15, 23, 42, .12); }

.cj-brand { align-items: center; }
.cj-brand img { display: block; width: auto; height: auto; max-width: 200px; max-height: 50px; object-fit: contain; transition: transform .3s var(--ease); }
.cj-brand:hover img { transform: scale(1.03); }

header.desktop .cj-cat .menu-left .btn-categories { border-radius: 12px; background: var(--main-color); }
header.desktop .cj-cat .menu-left .btn-categories i { border-radius: 9px; background: rgba(255, 255, 255, .18); }
header.desktop .cj-cat .menu-left:hover .btn-categories { box-shadow: 0 14px 30px -14px var(--main-color); }

header.desktop .cj-dock .cj-search { border-radius: 14px; background: var(--surface-soft); }
header.desktop .cj-dock .cj-search form .btn-send { border-radius: 10px; background: var(--cj-grad); }

.cj-icon-btn { border-radius: 12px; }
.cj-icon-btn:hover { background: var(--main-color); }

.cj-cart-btn {
    border-radius: 14px;
    background: var(--cj-grad);
    box-shadow: 0 10px 24px -14px var(--cj-cyan);
}

.cj-cart-btn:hover { box-shadow: 0 16px 30px -12px var(--cj-cyan); }
.cj-cart-count { border-radius: 10px; background: #fff; color: var(--main-color); font-weight: 800; }

/* Bölüm başlıkları — kurumsal eyebrow */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    display: block;
    font-family: var(--font-display);
    font-size: clamp(25px, 2.6vw, 38px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
    content: "Charjett · " counter(cjsec, decimal-leading-zero);
    display: flex;
    width: max-content;
    height: auto;
    margin: 0 0 10px;
    padding: 0 0 0 40px;
    border-radius: 0;
    background: linear-gradient(90deg, var(--main-color), var(--cj-cyan)) left center / 30px 2px no-repeat;
    box-shadow: none;
    color: var(--main-color);
    font-family: var(--font-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::after { content: none; }

/* Ürün kartı — açık teal karo */
.cj-card .cj-tile {
    border: 1px solid rgba(13, 148, 136, .08);
    border-radius: 20px;
    background: linear-gradient(160deg, #f5fbfb 0%, var(--cj-tile) 100%);
}

.cj-card:hover .cj-tile { border-color: var(--main-ring); box-shadow: 0 12px 40px rgba(15, 23, 42, .1); }

.cj-js .cj-card .cj-tile::before {
    background: linear-gradient(100deg, var(--cj-tile) 30%, #fff 50%, var(--cj-tile) 70%);
    background-size: 220% 100%;
}

.card-product.cj-card .card-product-inner .price-group .prices .sale-price,
.card-product.cj-card .sale-price-basket .sale-price { font-family: var(--font-display); font-weight: 700; letter-spacing: -.01em; }

.card-product.cj-card .card-product-inner .buttons .btn-cart.cj-cart-fab { border-radius: 14px; }

/* Bilgi şeridi — mağaza ambalaj paneli */
.info-bar-1 .icons {
    background:
        radial-gradient(70% 140% at 92% 0%, rgba(34, 211, 238, .32), transparent 60%),
        radial-gradient(60% 120% at 0% 100%, rgba(13, 148, 136, .5), transparent 60%),
        linear-gradient(135deg, var(--cj-deep) 0%, var(--cj-deeper) 100%);
    box-shadow: 0 30px 60px -36px var(--cj-deeper);
}

.info-bar-1 .icons::before { background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 26px); }

.info-bar-1 .icons::after {
    content: "Charjett";
    position: absolute;
    right: -6px;
    bottom: -0.32em;
    z-index: -1;
    color: transparent;
    font-family: var(--font-display);
    font-size: 150px;
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1;
    white-space: nowrap;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .1);
    pointer-events: none;
}

.info-bar-1 .icons .icon-group,
.info-bar-1 .icons .icon-group:last-child { border-color: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .06); }
.info-bar-1 .icons .icon-group:hover { background: rgba(255, 255, 255, .12); }
.info-bar-1 .icons .icon-group i { background: var(--cj-grad); color: #fff; box-shadow: 0 10px 24px -10px rgba(34, 211, 238, .6); }
.info-bar-1 .icons .icon-group .inf .name { font-family: var(--font-display); font-weight: 600; letter-spacing: -.01em; }

/* Footer */
footer.site-footer.cj-footer { background: var(--surface-soft); border-top: 1px solid var(--border-color); }

.cj-f-logo img { display: block; width: auto; height: auto; max-width: 220px; max-height: 56px; object-fit: contain; }

.cj-f-news {
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(34, 211, 238, .3), transparent 60%),
        linear-gradient(135deg, var(--cj-deep) 0%, var(--cj-deeper) 100%);
    box-shadow: 0 30px 60px -36px var(--cj-deeper);
}

.cj-f-news::before { background: radial-gradient(closest-side, rgba(13, 148, 136, .45), transparent); }
.cj-f-news-title { font-family: var(--font-display); font-size: 19px; font-weight: 600; letter-spacing: -.01em; }

.cj-f-social a { border-radius: 12px; }
.cj-f-social a:hover { background: var(--main-color); }
.cj-chip { border-radius: 12px; }

footer.site-footer.cj-footer .info .title { font-family: var(--font-display); letter-spacing: -.01em; }

.cj-f-giant span { font-family: var(--font-display); font-weight: 800; letter-spacing: -.05em; }

/* Mobil logolar */
header.mobile.cj-mobile .logo a { align-items: center; max-width: 100%; }
header.mobile.cj-mobile .logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 38px; object-fit: contain; }
.sidebar-menu-type-2 .logo-area img { display: block; width: auto; height: auto; max-width: 170px; max-height: 40px; object-fit: contain; }

@media (max-width: 767.98px) {
    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: 24px; }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
        height: auto;
        margin-bottom: 8px;
        padding: 0 0 0 30px;
        background-size: 22px 2px;
        font-size: 10.5px;
        letter-spacing: .18em;
    }

    .cj-card .cj-tile { border-radius: 16px; }
    .info-bar-1 .icons::after { font-size: 90px; }
    .cj-f-logo img { max-height: 46px; }
}

@media (max-width: 374.98px) {
    header.mobile.cj-mobile .logo img { max-height: 32px; }
    .cj-splash-bar { width: 110px; }
}

/* =========================================================
   21. ÜRÜN DETAY & SEPET — Şarj Konsolu
   ========================================================= */

@keyframes cjPing { 0% { box-shadow: 0 0 0 0 currentColor; } 70%, 100% { box-shadow: 0 0 0 9px transparent; } }
@keyframes cjRing { 0% { transform: scale(.9); opacity: .9; } 100% { transform: scale(1.25); opacity: 0; } }
@keyframes cjSheen { 0% { left: -70%; } 100% { left: 130%; } }

/* Galeri */
.product-profile-1 .carousel-inner {
    border: 1px solid rgba(13, 148, 136, .08);
    border-radius: 28px;
    background: linear-gradient(160deg, #f5fbfb 0%, var(--cj-tile) 100%);
}

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

/* Bilgi paneli */
.cj-pd {
    position: relative;
    padding: 28px;
    border: 1px solid var(--border-color);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 4px 24px rgba(15, 23, 42, .06);
    overflow: hidden;
    isolation: isolate;
}

.cj-pd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--cj-grad);
}

.cj-pd::after {
    content: "";
    position: absolute;
    top: -140px;
    right: -140px;
    z-index: -1;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(8, 145, 178, .1), transparent);
    pointer-events: none;
}

.cj-pd-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }

.cj-pd-stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 13px;
    border-radius: var(--radius-pill);
    font-size: 12.5px;
    font-weight: 600;
}

.cj-pd-stock.is-in { background: rgba(22, 163, 74, .1); color: #15803d; }
.cj-pd-stock.is-out { background: #fee2e2; color: #b91c1c; }
.cj-pd-stock i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: cjPing 1.8s ease-out infinite; }
.cj-pd-stock .value { color: inherit; font-weight: 800; }
.cj-pd-rating { display: flex; align-items: center; }

.product-profile-1 .cj-pd h1.title {
    margin: 0 0 12px;
    font-family: var(--font-display);
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.cj-pd .product-short-desc { margin-bottom: 16px; color: var(--text-muted); font-size: 14.5px; line-height: 1.65; }

.cj-pd .cj-pd-specs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}

.cj-pd .cj-pd-specs li {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: var(--surface-soft);
    transition: border-color .2s var(--ease), background-color .2s var(--ease);
}

.cj-pd .cj-pd-specs li:hover { border-color: var(--main-ring); background: #fff; }
.cj-pd .cj-pd-specs .k { color: var(--text-muted); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cj-pd .cj-pd-specs .value { color: var(--text-strong); font-size: 13.5px; font-weight: 700; overflow-wrap: anywhere; }
.cj-pd .cj-pd-specs a:hover .value { color: var(--main-color); }

.cj-pd-related { margin-bottom: 18px; }
.cj-pd-related > .value { display: block; margin-bottom: 8px; color: var(--text-strong); font-weight: 700; }

/* Fiyat paneli */
.cj-pd-price {
    position: relative;
    margin: 0 0 14px;
    padding: 20px 22px;
    border-radius: 22px;
    background:
        radial-gradient(70% 140% at 100% 0%, rgba(34, 211, 238, .3), transparent 60%),
        linear-gradient(135deg, var(--cj-deep) 0%, var(--cj-deeper) 100%);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 24px 50px -30px var(--cj-deeper);
}

.cj-pd-price::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 22px);
    pointer-events: none;
}

.cj-pd-price .product-price-group { gap: 14px; margin: 0; padding: 0; border-radius: 0; background: transparent; }

.cj-pd-price .product-price-group .discount {
    padding: 8px 11px;
    border-radius: 12px;
    background: #fff;
    color: var(--main-color);
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.cj-pd-price .product-price-group .discount .rate { display: block; font-family: var(--font-display); font-size: 20px; font-weight: 800; }

.cj-pd-price .product-price-group .prices .sale-price {
    color: #fff;
    font-family: var(--font-display);
    font-size: clamp(30px, 3vw, 40px);
    font-weight: 800;
}

.cj-pd-price .product-price-group .prices .list-price { color: rgba(255, 255, 255, .6); }

.cj-pd-price .product-price-group .free-cargo-badge {
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.cj-pd-price .sale-price-discount {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .85);
}

.cj-pd-price .sale-price-discount .sale-price { color: #fff; font-family: var(--font-display); font-size: 20px; font-weight: 800; }

.cj-pd-price .product-transfer-discount,
.product-body .cj-pd-price .product-rate {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px dashed rgba(255, 255, 255, .2);
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, .85);
    font-size: 13px;
}

.cj-pd-price .product-transfer-discount strong { color: #fff; }
.cj-pd-price .product-transfer-discount i,
.cj-pd-price .product-rate i { color: #67e8f9; font-size: 15px; }

/* Kargo satırı */
.cj-pd-ship { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 0 4px; color: var(--text); font-size: 14px; font-weight: 600; }
.cj-pd-ship i { color: var(--main-color); }
.cj-pd-ship-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: currentColor; color: #22c55e; animation: cjPing 1.8s ease-out infinite; }

/* Varyantlar */
.cj-pd .variant-box .options a { border-radius: 12px; }
.cj-pd .variant-box .options a:hover { border-color: var(--main-color); }
.cj-pd .variant-box .options a.active { border-color: var(--main-color); background: var(--main-color); color: #fff; }

/* Satın alma konsolu */
.product-profile-1 .product-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 12px;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    background: var(--surface-soft);
}

.product-body .product-profile-1 .product-unit {
    flex: 0 0 auto;
    width: auto;
    padding: 0 14px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: #fff;
    color: var(--text-strong);
    font-size: 13px;
}

.product-body .product-profile-1 .product-unit input[type='radio']:checked:after { background-color: var(--main-color); }

.product-profile-1 .product-buttons .product-quantity { flex: 0 0 auto; margin: 0; border: 1px solid var(--border-color); border-radius: 14px; background: #fff; }
.product-profile-1 .product-buttons .product-quantity .btn { border-radius: 10px; background: var(--surface-soft); box-shadow: none; }

.product-profile-1 .product-buttons .btn { position: relative; border-radius: 14px; overflow: hidden; }
.product-profile-1 .product-buttons .btn-cart { flex: 1 1 200px; font-family: var(--font-display); font-size: 16px; }
.product-profile-1 .product-buttons .btn-fast-buy { flex: 1 1 100%; font-family: var(--font-display); font-size: 16px; }

.product-profile-1 .product-buttons .btn-cart::after,
.product-profile-1 .product-buttons .btn-fast-buy::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70%;
    width: 45%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
    transform: skewX(-20deg);
    pointer-events: none;
}

.product-profile-1 .product-buttons .btn-cart:hover::after,
.product-profile-1 .product-buttons .btn-fast-buy:hover::after { animation: cjSheen .8s var(--ease); }

.product-profile-1 .product-buttons .btn-wp {
    flex: 1 1 100%;
    height: 48px;
    border: 1.5px solid rgba(37, 211, 102, .45);
    background: #fff;
    color: #15803d;
    font-size: 14px;
}

.product-profile-1 .product-buttons .btn-wp i { color: #25d366; font-size: 18px; }
.product-profile-1 .product-buttons .btn-wp:hover { border-color: #25d366; background: #25d366; color: #fff; }
.product-profile-1 .product-buttons .btn-wp:hover i { color: #fff; }

/* Güven rozetleri */
.cj-pd .product-badges { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

.cj-pd .product-badges .p-badge {
    min-height: 60px;
    padding: 10px 14px;
    border-color: rgba(13, 148, 136, .12);
    border-radius: 16px;
    background: var(--cj-grad-soft);
    color: var(--text-strong);
    font-size: 12.5px;
    font-weight: 600;
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}

.cj-pd .product-badges .p-badge i { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 11px; background: #fff; box-shadow: var(--shadow-xs); }
.cj-pd .product-badges .p-badge.domestic { justify-content: center; background: #fff; }

.cj-pd .social-share-special { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--border-strong); }
.cj-pd .social-share-special .jssocials-share-link { width: 40px; height: 40px; border-radius: 12px; }

/* Sepet — kart satırlar */
.cj-cart-list .product .image { flex: 0 0 96px; max-width: 96px; border-radius: 16px; background: linear-gradient(160deg, #f5fbfb 0%, var(--cj-tile) 100%); }
.cj-cart-list .product .name { font-family: var(--font-display); font-size: 16px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; }
.cj-cart-list .product .name:hover { color: var(--main-color); }

.cj-cart-list .variants { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.cj-cart-list .variants .variant { padding: 2px 8px; border-radius: 8px; background: var(--surface-soft); font-size: 12px; }
.cj-cart-list .variants .variant span { color: var(--text-strong); font-weight: 700; }

.cj-cart-list .btn-remove { margin-top: 8px; padding: 0; background: transparent; color: var(--text-muted); font-size: 12.5px; font-weight: 600; }
.cj-cart-list .btn-remove:hover { background: transparent; color: #dc2626; }

.cj-cart-list .td-total-price .value { color: var(--main-color); font-family: var(--font-display); font-size: 18px; font-weight: 800; }
.cj-cart-list .product-quantity .btn { width: 36px; height: 36px; }
.cj-cart-list .product-quantity input { width: 40px; height: 36px; }
.cj-cart-list .product-quantity-type { margin-top: 4px; color: var(--text-muted); font-size: 11.5px; }

@media (min-width: 768px) {
    .cj-cart-list .table-responsive { overflow: visible; }
    .cj-cart-list .table, .cj-cart-list .table thead, .cj-cart-list .table tbody { display: block; width: 100%; margin: 0; }

    .cj-cart-list .table tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 96px 136px 110px;
        grid-auto-columns: 96px;
        grid-auto-flow: column;
        align-items: center;
        gap: 14px;
    }

    .cj-cart-list .table thead tr { padding: 0 20px 10px; }
    .cj-cart-list .table thead th { padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 11px; }

    .cj-cart-list .table tbody tr {
        margin-bottom: 12px;
        padding: 16px 20px;
        border: 1px solid var(--border-color);
        border-radius: 20px;
        background: #fff;
        box-shadow: var(--shadow-xs);
        transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
    }

    .cj-cart-list .table tbody tr:hover { border-color: var(--main-ring); box-shadow: 0 4px 24px rgba(15, 23, 42, .08); transform: translateY(-2px); }
    .cj-cart-list .table td { display: block; padding: 0; border: 0; }
    .cj-cart-list .table td.td-cargo .label { display: none; }
    .cj-cart-list .product .image { flex-basis: 80px; max-width: 80px; }
}

@media (max-width: 767.98px) {
    .cj-cart-list .table tr { border-radius: 20px; }
    .cj-cart-list .product .image { flex-basis: 76px; max-width: 76px; }
}

.shopping-buttons-1 .btn-continue { border: 1px solid var(--border-color); border-radius: 12px; background: #fff; color: var(--text-strong); }
.shopping-buttons-1 .btn-continue:hover { border-color: var(--main-color); color: var(--main-color); }

/* Sepet özeti — fiş */
.payment-cart-summary-1 {
    position: relative;
    padding: 22px 22px 16px;
    border-radius: 22px;
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(34, 211, 238, .28), transparent 60%),
        linear-gradient(135deg, var(--cj-deep) 0%, var(--cj-deeper) 100%);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 24px 50px -30px var(--cj-deeper);
}

.payment-cart-summary-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .03) 0 2px, transparent 2px 22px);
    pointer-events: none;
}

.payment-cart-summary-1 .table { margin: 0; background: transparent; color: #fff; }
.payment-cart-summary-1 .table th { padding: 12px 0; border-top: 1px dashed rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .78); font-size: 14px; font-weight: 500; }
.payment-cart-summary-1 .table tr:first-child th { border-top: 0; }
.payment-cart-summary-1 .table th:last-child { color: #fff; font-weight: 700; }
.payment-cart-summary-1 .table tr:last-child th { padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .3); color: #fff; vertical-align: bottom; }
.payment-cart-summary-1 .final { color: #fff; font-family: var(--font-display); font-size: 30px; font-weight: 800; letter-spacing: -.02em; }
.payment-cart-summary-1 .remove-vocuher { margin-left: 6px; color: #fca5a5 !important; }

/* Hediye çeki — kupon */
.voucher-code-form .input-group {
    flex-wrap: nowrap;
    align-items: center;
    padding: 6px;
    border: 1.5px dashed var(--main-ring);
    border-radius: 16px;
    background: var(--cj-grad-soft);
}

.cj-voucher-ico {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-right: 4px;
    border-radius: 10px;
    background: #fff;
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.voucher-code-form .input-group .form-control { height: 40px; border: 0; background: transparent; box-shadow: none; font-weight: 600; }
.voucher-code-form .input-group .form-control:focus { box-shadow: none; }

.voucher-code-form .input-group-append .btn {
    height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px !important;
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
}

.voucher-code-form .input-group-append .btn:hover { background: var(--text-strong); }

/* Alışverişi tamamla */
.payment-final-buttons-1 .btn-complete {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 0 10px 0 22px;
    border-radius: 16px;
    font-family: var(--font-display);
    font-size: 17px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-final-buttons-1 .btn-complete i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s var(--ease);
}

.payment-final-buttons-1 .btn-complete:hover i { transform: translateX(4px); }

.payment-final-buttons-1 .btn-complete::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70%;
    width: 45%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
    transform: skewX(-20deg);
    animation: cjSheen 2.6s var(--ease) 1s infinite;
    pointer-events: none;
}

.cj-secure { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; color: var(--text-muted); font-size: 12.5px; font-weight: 600; }
.cj-secure i { color: var(--main-color); }

/* Boş sepet */
.cart-empty-alert {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 54px 20px;
    border: 1px dashed var(--border-strong);
    border-radius: 28px;
    background: var(--cj-grad-soft);
    text-align: center;
}

.cj-empty-ico {
    position: relative;
    width: 96px;
    height: 96px;
    margin-bottom: 22px;
    border-radius: 28px;
    background: var(--cj-grad);
    color: #fff;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 40px -20px var(--cj-cyan);
    animation: cjFloat 3s ease-in-out infinite;
}

.cj-empty-ico span {
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border: 2px solid var(--main-ring);
    border-radius: 34px;
    animation: cjRing 2s ease-out infinite;
}

.cart-empty-alert h6 { margin-bottom: 6px; color: var(--text-strong); font-family: var(--font-display); font-size: 22px; font-weight: 800; }
.cart-empty-alert > span { color: var(--text-muted); }
.cart-empty-alert .btn { height: 52px; margin-top: 20px; padding: 0 26px; border-radius: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; }

@media (max-width: 767.98px) {
    .cj-pd { padding: 20px 16px; border-radius: 22px; }
    .cj-pd .cj-pd-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cj-pd-price { padding: 18px; border-radius: 18px; }
    .product-profile-1 .product-buttons { padding: 10px; }
    .product-profile-1 .product-buttons .btn-cart { flex: 1 1 160px; min-width: 160px; padding: 0 14px; white-space: nowrap; }
    .payment-cart-summary-1 .final { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
    .cj-pd-stock i, .cj-pd-ship-dot, .cj-empty-ico, .cj-empty-ico span, .payment-final-buttons-1 .btn-complete::after { animation: none; }
}

/* ---------- 22. Sekmeli ürünler — dikey kategori menüsü kaldırıldı ---------- */
.sekmeli-urunler .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav,
.sekmeli-urunler .p-g-tab-wrapper.p-g-tab-direction-1 [class*="col-"]:has(> .p-g-t-nav) { display: none !important; }

.sekmeli-urunler .p-g-tab-wrapper.p-g-tab-direction-1 .row:has(> [class*="col-"] > .p-g-t-nav) > [class*="col-"]:not(:has(> .p-g-t-nav)) {
    flex: 0 0 100%;
    max-width: 100%;
}

/* ---------- 23. Ana sayfa — kapaklı kategori grupları ---------- */
.cj-hcats { margin: 10px 0 44px; }

.cj-hcats-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }

.cj-hcats-eyebrow {
    display: flex;
    width: max-content;
    margin-bottom: 10px;
    padding-left: 40px;
    background: linear-gradient(90deg, var(--main-color), var(--cj-cyan)) left center / 30px 2px no-repeat;
    color: var(--main-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.cj-hcats-title {
    margin: 0;
    color: var(--text-strong);
    font-family: var(--font-display);
    font-size: clamp(25px, 2.6vw, 38px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.cj-hcats-nav { display: flex; flex: 0 0 auto; gap: 8px; }

.cj-hcats-btn {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: #fff;
    color: var(--text-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), opacity .25s var(--ease);
}

.cj-hcats-btn:hover:not(:disabled) { border-color: var(--main-color); background: var(--main-color); color: #fff; }
.cj-hcats-btn:disabled { opacity: .35; cursor: default; }
.cj-hcats.is-single .cj-hcats-nav,
.cj-hcats.is-single .cj-hcats-dots { display: none; }

.cj-hcats-track {
    display: flex;
    margin: -6px 0 -14px;
    padding: 6px 0 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.cj-hcats-track::-webkit-scrollbar { display: none; }

.cj-hcats-group {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    scroll-snap-align: start;
}

.cj-hcat {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    border-radius: 22px;
    background: var(--cj-tile);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 4px 24px rgba(15, 23, 42, .07);
    transition: box-shadow .3s var(--ease), transform .3s var(--ease);
}

.cj-hcat:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 16px 40px -16px rgba(6, 38, 37, .45); }

.cj-hcat-media { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }
.cj-hcat-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.cj-hcat:hover .cj-hcat-media img { transform: scale(1.07); }

.cj-hcat::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(6, 38, 37, 0) 38%, rgba(6, 38, 37, .88) 100%);
    pointer-events: none;
}

.cj-hcat-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
}

.cj-hcat-name {
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.2;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

.cj-hcat-go {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 12px;
    background: rgba(255, 255, 255, .16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);
}

.cj-hcat:hover .cj-hcat-go { background: #fff; color: var(--main-color); transform: translateX(3px); }

.cj-hcat.is-empty .cj-hcat-media { background: var(--cj-grad); display: flex; align-items: center; justify-content: center; }
.cj-hcat-initial { color: rgba(255, 255, 255, .22); font-family: var(--font-display); font-size: 120px; font-weight: 800; line-height: 1; }

.cj-hcats-dots { display: flex; justify-content: center; gap: 6px; margin-top: 16px; }

.cj-hcats-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--border-strong);
    transition: width .3s var(--ease), background-color .3s var(--ease);
}

.cj-hcats-dots button.is-active { width: 26px; background: var(--main-color); }

@media (max-width: 767.98px) {
    .cj-hcats { margin-bottom: 32px; }
    .cj-hcats-title { font-size: 24px; }
    .cj-hcats-eyebrow { padding-left: 30px; background-size: 22px 2px; font-size: 10.5px; }
    .cj-hcats-btn { width: 38px; height: 38px; border-radius: 10px; }
    .cj-hcats-group { gap: 10px; }
    .cj-hcat { aspect-ratio: 3 / 4; border-radius: 16px; }
    .cj-hcat-body { padding: 10px; }
    .cj-hcat-name { font-size: 13px; }
    .cj-hcat-go { display: none; }
    .cj-hcat-initial { font-size: 64px; }
}

/* ---------- 24. Ana sayfa — öne çıkan güç seçenekleri ---------- */
@keyframes cjFlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }

.cj-spot { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 18px; margin: 22px 0 36px; }

.cj-spot-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 22px;
    min-height: 250px;
    padding: 28px;
    border-radius: 26px;
    color: #fff;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 24px 50px -32px var(--cj-deeper);
}

.cj-spot-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 24px);
    pointer-events: none;
}

.cj-spot-gan {
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(34, 211, 238, .32), transparent 60%),
        radial-gradient(60% 120% at 0% 100%, rgba(13, 148, 136, .45), transparent 60%),
        linear-gradient(135deg, var(--cj-deep) 0%, var(--cj-deeper) 100%);
}

.cj-spot-cable {
    padding-bottom: 36px;
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .2), transparent 60%),
        var(--cj-grad);
}

.cj-spot-mark {
    position: absolute;
    top: -22px;
    right: -8px;
    z-index: -1;
    color: transparent;
    font-family: var(--font-display);
    font-size: 170px;
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1;
    white-space: nowrap;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, .14);
    pointer-events: none;
}

.cj-spot-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .12);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .02em;
}

.cj-spot-gan .cj-spot-tag i { color: #67e8f9; }

.cj-spot-title {
    margin: 14px 0 6px;
    color: #fff;
    font-family: var(--font-display);
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.1;
}

.cj-spot-text { margin: 0; color: rgba(255, 255, 255, .8); font-size: 14.5px; }

.cj-spot-watts { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 10px; }

.cj-spot-watt {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 18px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: background-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);
}

.cj-spot-watt:hover { background: #fff; color: var(--cj-deep); transform: translateY(-4px); box-shadow: 0 16px 30px -16px rgba(0, 0, 0, .45); }
.cj-spot-cable .cj-spot-watt:hover { color: var(--cj-volt); }

.cj-spot-num { font-family: var(--font-display); font-size: 34px; font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.cj-spot-num small { margin-left: 2px; font-size: 16px; font-weight: 700; opacity: .7; }

.cj-spot-sub { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; opacity: .85; }
.cj-spot-sub i { transition: transform .25s var(--ease); }
.cj-spot-watt:hover .cj-spot-sub i { transform: translateX(3px); }

.cj-spot-charge {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 16px;
    height: 3px;
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .2);
    overflow: hidden;
}

.cj-spot-charge span { display: block; width: 40%; height: 100%; border-radius: inherit; background: #fff; box-shadow: 0 0 10px #fff; animation: cjFlow 2.4s ease-in-out infinite; }

@media (max-width: 991.98px) {
    .cj-spot { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 575.98px) {
    .cj-spot { gap: 12px; margin: 16px 0 28px; }
    .cj-spot-card { min-height: 0; gap: 18px; padding: 20px; border-radius: 20px; }
    .cj-spot-cable { padding-bottom: 30px; }
    .cj-spot-charge { left: 20px; right: 20px; bottom: 13px; }
    .cj-spot-mark { font-size: 110px; }
    .cj-spot-text { font-size: 13.5px; }
    .cj-spot-watt { padding: 12px; border-radius: 14px; }
    .cj-spot-num { font-size: 26px; }
    .cj-spot-num small { font-size: 13px; }
    .cj-spot-sub { font-size: 10.5px; }
}

@media (prefers-reduced-motion: reduce) {
    .cj-spot-charge span { animation: none; }
}

/* ---------- 25. Ana sayfa — kategori kartları (2'li gruplar) ---------- */
.cj-spot-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: -18px; }
.cj-spot-cats .cj-spot-mark { font-size: 130px; }

.cj-spot-title a { color: inherit; transition: opacity .2s var(--ease); }
.cj-spot-title a:hover { color: #fff; opacity: .85; }

.cj-spot-cats .cj-spot-watts { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }

.cj-spot-watt.is-text { justify-content: space-between; min-height: 84px; }

.cj-spot-watt.is-text .cj-spot-num {
    display: -webkit-box;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.25;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cj-spot-watt.is-text .cj-spot-sub { min-width: 0; }

@media (max-width: 767.98px) {
    .cj-spot-cats { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 575.98px) {
    .cj-spot-cats { margin-top: -16px; }
    .cj-spot-cats .cj-spot-mark { font-size: 90px; }
    .cj-spot-cats .cj-spot-watts { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
    .cj-spot-watt.is-text { min-height: 72px; }
    .cj-spot-watt.is-text .cj-spot-num { font-size: 15px; }
}

/* ---------- 26. Kapaklı kategori kartları — görselin tamamı görünsün ---------- */
.cj-hcat { background: linear-gradient(160deg, #f8fcfc 0%, var(--cj-tile) 100%); }
.cj-hcat-media { padding: 14px 14px 60px; }
.cj-hcat-media img { object-fit: contain; object-position: center; }
.cj-hcat::after { background: linear-gradient(180deg, rgba(6, 38, 37, 0) 55%, rgba(6, 38, 37, .9) 100%); }
.cj-hcat.is-empty .cj-hcat-media { padding: 0; }

@media (max-width: 767.98px) {
    .cj-hcat-media { padding: 8px 8px 40px; }
}

/* ---------- 27. Footer bilgi butonları — ortalı ---------- */
.cj-f-chips { justify-content: center; }
.cj-chip { justify-content: center; text-align: center; }

@media (max-width: 767.98px) {
    .cj-f-chips { flex-wrap: wrap; margin: 0; padding: 4px 0 26px; overflow: visible; gap: 8px; }
    .cj-chip { height: 42px; padding: 0 16px; font-size: 13px; }
}
/* ---------- 28. Anasayfa sol kategori sütunu kaldırıldı — slider tam genişlik ---------- */
.home-body .kategori-menu,
.pattern-group .row > .p-g-b-c-0:has(.menu-left-index) { display: none !important; }
.pattern-group .row:has(> .p-g-b-c-0 .menu-left-index) > [class*="col-"]:not(.p-g-b-c-0),
.pattern-group .row.cj-full-row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }

/* ---------- 29. Öne çıkan kartlarda gerçek ürün fotoğrafı ---------- */
.cj-spot-card { --cj-shot: clamp(130px, 30%, 200px); }

.cj-spot-shot {
    position: absolute;
    top: 50%;
    right: 26px;
    z-index: 1;
    width: var(--cj-shot);
    aspect-ratio: 1 / 1;
    padding: 10px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 26px 50px -18px rgba(0, 0, 0, .55), 0 0 0 6px rgba(255, 255, 255, .1);
    opacity: 0;
    transform: translateY(-50%) rotate(-5deg) scale(.9);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
}

.cj-spot-shot::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -30%;
    right: -30%;
    bottom: -30%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(103, 232, 249, .45), transparent);
    pointer-events: none;
}

.cj-spot-shot img { display: block; width: 100%; height: 100%; border-radius: 16px; object-fit: contain; }

.cj-spot-card.has-shot { padding-right: calc(var(--cj-shot) + 52px); }
.cj-spot-card.has-shot .cj-spot-shot { opacity: 1; transform: translateY(-50%) rotate(-5deg); }
.cj-spot-card.has-shot:hover .cj-spot-shot { transform: translateY(-50%) rotate(0deg) scale(1.04); }
.cj-spot-card.has-shot .cj-spot-mark { right: auto; left: -8px; }

@media (max-width: 575.98px) {
    .cj-spot-card { --cj-shot: 92px; }
    .cj-spot-shot { top: 18px; right: 16px; padding: 6px; border-radius: 18px; transform: rotate(-5deg) scale(.9); }
    .cj-spot-shot img { border-radius: 12px; }
    .cj-spot-card.has-shot { padding-right: 20px; }
    .cj-spot-card.has-shot .cj-spot-info { padding-right: calc(var(--cj-shot) + 14px); }
    .cj-spot-card.has-shot .cj-spot-shot,
    .cj-spot-card.has-shot:hover .cj-spot-shot { transform: rotate(-5deg); }
}

@media (prefers-reduced-motion: reduce) {
    .cj-spot-shot { transition: none; }
}

/* ---------- 30. Şeffaf logo, kesilmiş ürün görselleri, banner genişliğinde menü ---------- */
.cj-brand img,
header.mobile .logo img,
.cj-splash-logo img { mix-blend-mode: multiply; }

.cj-spot-card { --cj-shot: clamp(150px, 17vw, 224px); padding-bottom: 38px; }
.cj-spot-card.has-shot { min-height: calc(var(--cj-shot) + 70px); padding-right: calc(var(--cj-shot) + 56px); }

.cj-spot-shot {
    right: 24px;
    margin-top: -6px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 26px;
    background:
        radial-gradient(80% 80% at 50% 40%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 70%),
        rgba(255, 255, 255, .06);
    box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.cj-spot-shot::before { background: radial-gradient(closest-side, rgba(103, 232, 249, .3), transparent); }

.cj-spot-shot img {
    border-radius: 0;
    object-fit: contain;
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .35));
}

.cj-spot-shot.is-raw { background: #fff; }
.cj-spot-shot.is-raw img { border-radius: 14px; filter: none; }

.cj-spot-charge { left: 28px; right: 28px; }
.cj-spot-gan .cj-spot-charge span { background: #67e8f9; box-shadow: 0 0 10px #67e8f9; }

@media (max-width: 575.98px) {
    .cj-spot-card { --cj-shot: 108px; padding-bottom: 32px; }
    .cj-spot-card.has-shot { min-height: 0; padding-right: 20px; }
    .cj-spot-shot { margin-top: 0; padding: 8px; border-radius: 20px; }
    .cj-spot-charge { left: 20px; right: 20px; }
}

header.desktop .cj-links { padding: 0 0 16px; }

header.desktop .cj-links .short-links {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 6px;
    width: 100%;
    padding: 6px;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 24px rgba(15, 23, 42, .06);
}

header.desktop .cj-links .short-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 44px;
    padding: 0 10px;
    border-radius: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header.desktop .cj-links .short-links a:hover { color: #fff; background: var(--cj-grad); }
header.desktop .cj-links .short-links a::after { display: none; }

/* ---------- 31. Yıldızlı değerlendirmeler — kart, liste, hızlı bakış, detay ---------- */
.cj-rate { display: flex; align-items: center; gap: 6px; margin: 6px 0 2px; line-height: 1; }
.cj-rate .stars { display: inline-flex; align-items: center; gap: 2px; }
.cj-rate .star { position: relative; display: inline-flex; width: auto; height: auto; margin: 0; font-size: 12.5px; }
.cj-rate .star i { color: #dbe3ea; }
.cj-rate .star.fill i { color: #f59e0b; }
.cj-rate .star.half .fa-star-half { position: absolute; top: 0; left: 0; z-index: 1; color: #f59e0b; }
.cj-rate .star.half .dark { color: #dbe3ea; }
.cj-rate .count { color: var(--text-muted, #64748b); font-size: 12px; font-weight: 600; }
.cj-rate.is-empty .stars { opacity: .7; }

.cj-pd-rating .cj-rate { gap: 10px; margin: 0; }
.cj-pd-rating .cj-rate .star { font-size: 15px; }
.cj-rate-link {
    color: var(--text, #334155);
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(8, 145, 178, .35);
    text-underline-offset: 3px;
    transition: color .2s var(--ease), text-decoration-color .2s var(--ease);
}
.cj-rate-link:hover { color: var(--cj-cyan); text-decoration-color: currentColor; }
.hizli-sepet .cj-rate-link { pointer-events: none; text-decoration: none; }

/* ---------- 32. Eşit kartlar, düz ve tam sığan görseller ---------- */
.cj-spot,
.cj-spot-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; }

.cj-spot-card { --cj-shot: clamp(150px, 15vw, 210px); min-height: 300px; }
.cj-spot-card.has-shot { min-height: 300px; padding-right: calc(var(--cj-shot) + 52px); }
.cj-spot-title { font-size: clamp(22px, 2vw, 30px); }

.cj-spot-shot,
.cj-spot-card.has-shot .cj-spot-shot,
.cj-spot-card.has-shot:hover .cj-spot-shot {
    top: calc(50% - 6px);
    right: 26px;
    height: var(--cj-shot);
    margin-top: 0;
    padding: 14px;
    transform: translateY(-50%);
}
.cj-spot-card.has-shot:hover .cj-spot-shot { transform: translateY(-50%) scale(1.03); }
.cj-spot-shot img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

@media (max-width: 991.98px) {
    .cj-spot,
    .cj-spot-cats { grid-template-columns: minmax(0, 1fr); }
    .cj-spot-card { --cj-shot: 180px; }
}

@media (max-width: 575.98px) {
    .cj-spot-card,
    .cj-spot-card.has-shot { --cj-shot: 104px; min-height: 0; }
    .cj-spot-card.has-shot { padding-right: 20px; }
    .cj-spot-shot,
    .cj-spot-card.has-shot .cj-spot-shot,
    .cj-spot-card.has-shot:hover .cj-spot-shot { top: 18px; right: 16px; padding: 8px; transform: none; }
}

.card-product.cj-card .cj-tile .image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 14px;
}
.card-product.cj-card .cj-tile .image a,
.card-product.cj-card .cj-tile .image .carousel,
.card-product.cj-card .cj-tile .image .carousel-outer,
.card-product.cj-card .cj-tile .image .carousel-inner,
.card-product.cj-card .cj-tile .image .carousel-item { width: 100%; height: 100%; }
.card-product.cj-card .cj-tile .image .carousel-item a { display: flex; align-items: center; justify-content: center; }
.card-product.cj-card .cj-tile .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.card-product.cj-card .cj-tile .image .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.card-product.cj-card .cj-tile .image .video video { width: 100%; height: 100%; object-fit: contain; }

.card-product.cj-card .cj-body { display: flex; flex: 1 1 auto; flex-direction: column; }
.card-product.cj-card .cj-body .title {
    display: -webkit-box;
    min-height: 2.7em;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.card-product.cj-card .cj-buy { margin-top: auto; }
.card-product.cj-card .cj-tile .image img { mix-blend-mode: multiply; }

@media (max-width: 575.98px) {
    .cj-spot-card,
    .cj-spot-card.has-shot { min-height: 286px; }
}

/* ---------- 33. Footer bülten formları — buton hizası ---------- */
.cj-f-form.newsletter-form,
.cj-f-form.sms-newsletter-form { position: relative; display: flex; align-items: center; }

.cj-f-form .btn-submit,
.newsletter-form.cj-f-form .btn-submit,
.sms-newsletter-form.cj-f-form .btn-submit {
    position: static;
    top: auto;
    right: auto;
    align-self: center;
    justify-content: center;
    height: 46px;
    margin: 0;
    line-height: 1;
    color: #fff;
}

.cj-f-form .newsletter-input,
.cj-f-form .sms-newsletter-input,
.cj-f-form .form-phone-control {
    height: 46px;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent !important;
    color: #fff;
    font-size: 14px;
    line-height: 46px;
}

.cj-f-form .iti { display: flex; align-items: center; height: 46px; }
.cj-f-form .iti .form-control { height: 46px; }
.cj-f-form .iti__selected-dial-code { color: #fff; }

/* ---------- 34. Footer sütunları — yakın ve ortalı ızgara ---------- */
footer.site-footer.cj-footer .info ul li a:hover { padding-left: 0; color: var(--main-color); }

@media (min-width: 992px) {
    .cj-f-cols { padding: 40px 0 14px; }

    .cj-f-cols > .row {
        display: grid;
        grid-template-columns: repeat(3, minmax(150px, max-content)) minmax(240px, 320px);
        justify-content: center;
        column-gap: clamp(40px, 6vw, 96px);
        row-gap: 24px;
        margin: 0;
    }

    .cj-f-cols > .row > [class*="col-"] {
        flex: none;
        width: auto;
        max-width: none;
        padding: 0;
    }

    footer.site-footer.cj-footer .info ul li { margin-bottom: 10px; }
    footer.site-footer.cj-footer .info ul li a { white-space: nowrap; }
}

/* ---------- 35. Kategori kartları #1094b2 + ikonlu kategori görseli ---------- */
@keyframes cjOrbit { to { transform: rotate(360deg); } }

.cj-spot-gan {
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .2), transparent 60%),
        radial-gradient(60% 120% at 0% 100%, rgba(5, 60, 76, .4), transparent 60%),
        linear-gradient(135deg, #1094b2 0%, #0b7893 100%);
}

.cj-spot-cable {
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .26), transparent 60%),
        linear-gradient(135deg, #1ba9c8 0%, #1094b2 100%);
}

.cj-spot-card { box-shadow: 0 24px 50px -30px rgba(16, 148, 178, .75); padding-right: calc(var(--cj-shot) + 56px); }
.cj-spot-gan .cj-spot-tag i { color: #fff; }
.cj-spot-gan .cj-spot-charge span { background: #fff; box-shadow: 0 0 10px #fff; }
.cj-spot-watt:hover,
.cj-spot-cable .cj-spot-watt:hover { color: #1094b2; }

.cj-spot-art {
    position: absolute;
    top: calc(50% - 6px);
    right: 30px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: var(--cj-shot);
    height: var(--cj-shot);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .42), rgba(255, 255, 255, .1) 58%, rgba(255, 255, 255, .04) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 26px 50px -22px rgba(4, 50, 64, .6);
    color: #fff;
    transform: translateY(-50%);
    transition: transform .4s var(--ease);
}

.cj-spot-art:hover { color: #fff; }

.cj-spot-art > i {
    font-size: calc(var(--cj-shot) * .38);
    line-height: 1;
    filter: drop-shadow(0 10px 16px rgba(4, 50, 64, .35));
    transition: transform .4s var(--ease);
}

.cj-spot-orbit {
    position: absolute;
    top: -14px;
    left: -14px;
    right: -14px;
    bottom: -14px;
    border: 1.5px dashed rgba(255, 255, 255, .38);
    border-radius: 50%;
    animation: cjOrbit 22s linear infinite;
    pointer-events: none;
}

.cj-spot-orbit::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 12px 2px rgba(255, 255, 255, .8);
}

.cj-spot-art-tag {
    position: absolute;
    bottom: 13%;
    left: 50%;
    padding: 4px 10px;
    border-radius: var(--radius-pill);
    background: #fff;
    color: #1094b2;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;
    transform: translateX(-50%);
    box-shadow: 0 8px 18px -8px rgba(4, 50, 64, .5);
}

.cj-spot-card:hover .cj-spot-art > i { transform: scale(1.08) rotate(-6deg); }

@media (max-width: 575.98px) {
    .cj-spot-card { --cj-shot: 92px; padding-right: 20px; }
    .cj-spot-card .cj-spot-info { padding-right: calc(var(--cj-shot) + 18px); }
    .cj-spot-art { top: 22px; right: 22px; transform: none; }
    .cj-spot-orbit { top: -8px; left: -8px; right: -8px; bottom: -8px; }
    .cj-spot-orbit::after { width: 8px; height: 8px; margin-left: -4px; top: -4px; }
    .cj-spot-art-tag { bottom: 8%; padding: 3px 8px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .cj-spot-orbit { animation: none; }
}

/* ---------- 36. Tüm Ürünler kartı ---------- */
.cj-spot-all.is-wide { grid-column: 1 / -1; }
.cj-spot-all .cj-spot-watts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cj-spot-all.is-wide .cj-spot-watts { max-width: 520px; }
.cj-spot-all .cj-spot-title a::after { content: "\f061"; margin-left: 10px; font-family: "Font Awesome 5 Free"; font-size: .55em; font-weight: 900; vertical-align: middle; opacity: .8; }
.cj-spot-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

@media (min-width: 576px) {
    .cj-spot-card,
    .cj-spot-card.has-shot { min-height: 316px; }
}

/* ---------- 37. Tek ızgara: Tüm Ürünler + öne çıkanlar + kategoriler, SVG ikonlar ---------- */
.cj-spot-cat .cj-spot-mark { font-size: 130px; }
.cj-spot-cat .cj-spot-watts { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.cj-spot-all .cj-spot-watts { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.cj-spot-art > .cj-ikon {
    display: block;
    width: calc(var(--cj-shot) * .42);
    height: calc(var(--cj-shot) * .42);
    color: #fff;
    filter: drop-shadow(0 10px 16px rgba(4, 50, 64, .35));
    transition: transform .4s var(--ease);
}

.cj-spot-art:has(.cj-spot-art-tag) > .cj-ikon { margin-top: -10%; }
.cj-spot-card:hover .cj-spot-art > .cj-ikon { transform: scale(1.08) rotate(-6deg); }

@media (max-width: 575.98px) {
    .cj-spot-cat .cj-spot-mark { font-size: 90px; }
    .cj-spot-cat .cj-spot-watts { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
    .cj-spot-all .cj-spot-watts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cj-spot-art > .cj-ikon { width: 44px; height: 44px; }
}

/* ---------- 38. Şeffaf logo: header, mobil, footer ve yükleme ekranı ---------- */
.cj-brand,
header.mobile .logo,
.cj-f-logo,
.cj-splash-logo { background: transparent; box-shadow: none; }

img.cj-logo-cut[src^="data:"] { mix-blend-mode: normal; }

.cj-splash-logo { overflow: visible; padding: 0; }
.cj-splash-logo::after { content: none; display: none; }
.cj-splash-logo img { opacity: 0; animation: cjLogoShow .3s ease 1.2s forwards; }
.cj-splash-logo img.cj-logo-cut { opacity: 1; animation: none; transition: opacity .25s ease; }

@keyframes cjLogoShow { to { opacity: 1; } }
.cj-brand img,
header.mobile .logo img { opacity: 0; animation: cjLogoShow .3s ease 1.2s forwards; }
.cj-brand img.cj-logo-cut,
header.mobile .logo img.cj-logo-cut { opacity: 1; animation: none; transition: opacity .25s ease, transform .3s var(--ease); }

/* ---------- 39. Gerçek veriye dayalı ürün sinyalleri (stok, ücretsiz kargo) ---------- */
.cj-sig {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    min-height: 22px;
    margin: 6px 0 2px;
}

.cj-sig-chip {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    font-family: var(--font-display, inherit);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .01em;
    white-space: nowrap;
}

.cj-sig-chip .cj-ikon { width: 13px; height: 13px; flex: 0 0 13px; stroke-width: 2; }
.cj-sig-chip.is-in { background: rgba(16, 185, 129, .1); color: #0d7a52; }
.cj-sig-chip.is-low { background: rgba(245, 158, 11, .13); color: #a85a06; }
.cj-sig-chip.is-out { background: #f1f3f5; color: #6b7280; }
.cj-sig-chip.is-ship { background: rgba(16, 148, 178, .1); color: #0b7893; }

.cj-sig-dot {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: currentColor;
}

.is-in > .cj-sig-dot::after,
.is-low > .cj-sig-dot::after,
.cj-pd-low .cj-sig-dot::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    animation: cjSigPulse 1.8s ease-out infinite;
}

@keyframes cjSigPulse {
    0% { opacity: .55; transform: scale(1); }
    100% { opacity: 0; transform: scale(2.8); }
}

.card-list-product .cj-sig { margin: 4px 0 0; }

.cj-pd-sig {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 14px 0 4px;
}

.cj-pd-sig .cj-sig-chip { padding: 6px 12px; font-size: 12.5px; }
.cj-pd-sig .cj-sig-chip .cj-ikon { width: 15px; height: 15px; flex-basis: 15px; }

.cj-pd-low {
    display: flex;
    flex: 1 1 260px;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(245, 158, 11, .35);
    border-radius: 12px;
    background: rgba(245, 158, 11, .08);
    color: #a85a06;
    font-size: 13px;
}

.cj-pd-low-text { display: flex; align-items: center; gap: 8px; }
.cj-pd-low-text strong { font-weight: 800; }

.cj-pd-low-bar {
    display: block;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(245, 158, 11, .2);
}

.cj-pd-low-bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f59e0b, #ea580c);
}

@media (max-width: 575.98px) {
    .cj-sig { gap: 4px; min-height: 20px; margin-top: 5px; }
    .cj-sig-chip { gap: 4px; padding: 2px 7px; font-size: 10px; }
    .cj-sig-chip .cj-ikon { width: 12px; height: 12px; flex-basis: 12px; }
    .cj-pd-low { flex-basis: 100%; }
}

@media (max-width: 399.98px) {
    .cj-sig .cj-sig-chip.is-ship .cj-sig-label { display: none; }
    .cj-sig .cj-sig-chip.is-ship { padding: 3px 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .cj-sig-dot::after { animation: none !important; }
}