/* =========================================================
   IJK JAPAN RULMAN — style.css
   YAZI TİPİ: Saira (Condensed = başlık/menü, Saira = gövde,
   Roboto Mono = parça numaraları)
   Değiştirmek için: aşağıdaki @import'u ve :root içindeki
   --f-* değişkenlerini ilgili seçenekle takas edin.
   ========================================================= */

/* AKTİF — Saira */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700&family=Saira:wght@300;400;500;600;700&family=Roboto+Mono:wght@500;700&display=swap');

/* Alternatif — IBM Plex
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500;700&display=swap');
*/

/* Alternatif — Archivo
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Roboto+Mono:wght@500;700&display=swap');
*/

/* Font değişkenleri gövde stillerinden ÖNCE tanımlanmalı */
:root {
    --f-display: 'Saira Condensed', 'Arial Narrow', sans-serif;
    --f-body:    'Saira', -apple-system, sans-serif;
    --f-mono:    'Roboto Mono', 'Consolas', monospace;
}

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

/* Reset */.m
a {
    color: #1c7ad2;
}

a:hover {
    text-decoration: none;
    color: #095c9b;
}

.app{display:none;}


/* 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: #1c7ad2;
    width: 3rem;
    height: 3rem;
    font-size: 20px;
}


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

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

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

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

header.desktop .h-contact {
    background: #967258;
}

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: #666;
    margin-right: 20px;
    font-weight: 500;
}

header.desktop .h-contact .info .item.wp {
    color: #0e9e26;
    font-weight: bold;
}

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

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: 10px;
    font-size: 17px;
    color: #555;
}

header.desktop .header-area {
    height: 120px;
    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: 80px;
    
}

header.desktop .search {
    width: 100%;
    border-radius: 32px;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

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

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

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

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

header.desktop .search form .btn-send {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 0;
    background: #919191;
    border-width: 0;
    color: #fff;
}

header.desktop .easy-autocomplete-container ul {
    margin-top: 47px;
}
 
header.desktop .header-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
}

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

header.desktop .header-bar .bar-user i {
    color: #444;
    font-size: 20px;
}

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

header.desktop .header-bar .bar-user .link a {
    color: #444;
    margin-left: 6px;
    font-weight: 500;
    font-size: 14px;
}

header.desktop .header-bar .bar-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    color: #444;
}

header.desktop .header-bar .bar-cart .icon {
    margin-right: 5px;
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header.desktop .header-bar .bar-cart .icon i {
    font-size: 25px;
}

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

header.desktop .header-bar .bar-cart .name {
    color: #444;
    margin-left: 6px;
    font-weight: 500;
    font-size: 14px;
}

header.desktop .menu {
    padding-left:60px;
    padding-right:60px;
    height: 56px;
    background: white;
}

header.desktop .mega-menu {
    padding: 0;
    position: relative;
    border-top: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

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

header.desktop .mega-menu .nav-link {
    padding: 0;
    display: flex;
    height: 100%;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #222;
    line-height: normal;
    font-weight: 500;
    font-size: 14px;
    padding: 0 15px;
    white-space: unset !important;
    position: relative;
    transition:all .4s;
}
header.desktop .mega-menu .nav-link:before
{
    content: '';
    width: 0%;
    height: 1px;
    background: var(--first);
    position: absolute;
    left: 0;
    top: -1px;
    display: block;
    transition: width 500ms ease-in-out;
}
header.desktop .mega-menu .nav-link:hover
{
    color: var(--first);
}
header.desktop .mega-menu .nav-link:hover::before
{
    width: 100%;
    transition: width 500ms ease-in-out;
    display: block;
}
header.desktop .mega-menu .nav-link::after {
    display: none;
}

/*header.desktop .mega-menu .dropdown:hover .nav-link,*/
/*header.desktop .mega-menu .nav-link:hover {*/
/*    background: #ff5722;*/
/*    color: #fff;*/
/*    transition:all .4s;*/
/*}*/


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 0 5px 5px;
    background-color: #fff;
    width: 350px;
    left: auto;
    right: auto;
    top: 53px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    border-top: 0 !important;
}
    
header.desktop .mega-menu .dropdown:hover .dropdown-menu, 
header.desktop .mega-menu .dropdown .dropdown-menu:hover {
    display:block!important;
 }

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

.mega-menu-container .sub-cat.fix-height {
}

.mega-menu-container .sub-title {
    color: var(--first) !important;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
    /*background: #f3f3f3;*/
    padding: 4px 0;
    /*text-align: center;*/
    
}

.mega-menu-container .cat-img{
    height: 400px;
    width: 400px;
}

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

.mega-menu-container ul li a {
    font-size: 14px;
    color: #555;
    font-weight: 400;
}

.mega-menu-container ul li a:hover {
    color: #fd6120;
    transition:all .4s;
}

.mega-menu-container ul li span {
    margin-right: 5px;
}

/* Menu Left */

.btn-categories i {
    margin-right: 10px;
}

header.desktop .navbar-nav .dropdown-category .line {
    margin-left: 5px;
    position: absolute;
    right: 5px;
}

header.desktop .navbar-nav .dropdown-category:hover .line {
    display: none;
}

.dropdown-category {
    position: relative;
    height: 56px;
    width: 200px;
}

header.desktop .dropdown-category .nav-link{
    padding: 0;
}

.dropdown-category .menu-left {
    display: none;
    z-index: 5;
    position: absolute;
    background: #fff;
    border-top: 0;
    height: auto;
    border: 2px solid var(--first);
    border-top: none;
}

.dropdown-category:hover{
    background: var(--first);
}

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

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

.menu-left ul.f-ul li.f-li {
    list-style: none;
}


.menu-left ul.f-ul li.f-li:hover a.f-item,
.menu-left ul.f-ul li.f-li:hover a.f-item i{
    color: var(--first) !important;
}

.menu-left ul.f-ul li.f-li:hover .dropdown-menu2 {
    display: block !important;
    left: 100%;
    top: -2px;
    width: 960px !important;
    border: 0;
    height: 500px;
    max-height: 500px;
}

.menu-left ul.f-ul li.f-li a.f-item {
    display: block;
    color: rgb(85, 85, 85)!important;
    font-size: 14px;
    padding: 5px 15px;
    text-align: left;
    font-weight: 500;
}

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

.menu-left ul.f-ul li.f-li:last-child a.f-item {
    border-bottom: 0;
}

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

.menu-left ul.f-ul li.f-li a.f-item .icon {
    padding-top: 3px;
    color: #333;
    width: 15px;
    height: 15px;
    text-align: right;
    border-radius: 2px;
    font-size: 10px;
}

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

/* Deep Menu */
.dropdown-menu2 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 100%;
    box-sizing: border-box;
    width: 675px;
    z-index: 99;
    height: 350px;
    max-height: 370px;
    display: none;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);
}

.menu-deep-box-2 .cat-groups {
    float: left;
    width: 23%;
    margin: 0 1% 2% 1%;
}

.menu-deep-box-2 .cat-groups .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding: 7px 0;
    text-align: left;
}

.menu-deep-box-2 .cat-groups .title span {
    display: block
}

.menu-deep-box-2 .cat-groups .title img {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}

.menu-deep-box-2 .cat-groups .title:hover {
    color: #3b414c;
}

.menu-deep-box-2 .cat-groups .childs a {
    display: block;
    text-align: left;
    color: #333;
    transition:all .4s;
}

.menu-deep-box-2 .cat-groups .childs a:hover{
    color: #ff7f00;
    transition:all .4s;
}

.menu-deep-box-2 .all-title {
    display: block;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    font-size: 15px;
    color: #3b414c;
    font-weight: 600;
}


.menu-deep-box-2 .sub-titles {
    display: block;
    padding: 5px 10px;
    font-size: 15px;
    color: #333;
}

.menu-deep-box-2 .sub-titles:hover {
    color: #3b414c;
}
/* Mobile Header */
.mobile-header-space {
    height: 60px;
    display: none; 
}

header.mobile {
    display: none;
    position: relative;
    z-index: 10;
    border: none!important;
}

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-width: 150px;
    max-height: 60px;
}

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

header.mobile .icon-group {
    position: relative;
    color: #fff;
    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;
}

/* 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(--first);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

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

.sidebar-user .login-menu a {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.sidebar-user .login-menu a i {
    width: 30px;
    margin-left: 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: var(--first);
    font-size: 14px;
    font-weight: 500;
    color: white;
}

.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: flex;
    align-items: center;
    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 {
    margin: 1.5rem 0;
}

.stores .cards {
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: white;
    padding: 1rem;
    border-radius: 16px;
}

.stores .card {
    border: none;
    box-shadow: none;
    margin: 0 !important;
}

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

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

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

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

footer .info {
    padding: 25px 0;
}

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

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

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

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

footer .secure img {
    opacity: .5;
}

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

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

footer .info ul li a {
    display: block;
    color: #fff;
    font-size: 13px;
    position: relative;
}

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

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

footer .bar {
    background: var(--footer);
    padding: 1rem 0;
    border-top: 1px solid rgba(255,255,255,.1);
}

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

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

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

footer .bar .right-image {
    text-align: right !important;
}
    
footer .social-media {
    display: -webkit-flex;
    -webkit-align-items: flex-start; 
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}

footer .social-media a {
    margin-right: 10px;
    font-size: 22px;
    color: #333;
}

footer .social-media a:hover {
    color: #000;
}

/* Responsive */
@media (max-width: 991px) {
    .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: left !important;
        color: #fff;
        padding: 8px 16px;
        position: relative;
        background-color: #967258;
        border-radius: 4px;
        font-weight: 500;
    }

    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: left !important;
        padding: 8px 16px;
        background-color: #967258;
        border-radius: 4px;
        margin-bottom: 15px;
        color: #fff !important;
    }

    footer .info ul {
        margin: 0;
    }

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

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

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

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

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

}


/* =========================================================
   SİTE GENELİ TİPOGRAFİ UYUMU
   Header ile gövdenin aynı aileyi kullanması için.
   ========================================================= */
h1, h2, h3, h4, h5, h6,
.p-g-m-h-i-title,
.card-product .card-product-inner .title,
.product-profile-1 h1.title,
.category-list-title,
footer .title, footer .title-3 {
    font-family: var(--f-display);
    letter-spacing: .2px;
}

.card-list-info .title,
.card-blog .title {
    font-family: var(--f-display);
}

/* Fiyat ve stok kodu gibi sayısal alanlar mono */
.card-product .price-group .sale-price,
.card-product .price-group .discount-price,
.card-product .price-group .list-price,
.card-list-info .price-group .sale-price,
.card-list-info .price-group .discount-price,
.card-list-info .price-group .list-price,
.product-price-group .prices .sale-price,
.product-price-group .prices .list-price {
    font-family: var(--f-mono);
    letter-spacing: -.2px;
}

.btn, button, .nav-link {
    font-family: var(--f-body);
}

/* =========================================================
   IJK JAPAN RULMAN — HEADER v2
   style.css dosyasının SONUNA eklenir. konsept.css'e EKLEMEYİN.
   ========================================================= */





:root {
    /*--ijk-green:      #1F4D28;*/
    --ijk-green:      #2C6534;
    --ijk-green-mid:  #2C6534;
    /*--ijk-green-deep: #14331A;*/
    --ijk-green-deep: #2C6534;
    --ijk-green-lite: #EDF2ED;
    --ijk-amber:      #E8A33D;
    --ijk-steel-900:  #161A17;
    --ijk-steel-600:  #5B615C;
    --ijk-steel-300:  #C9CEC9;
    --ijk-steel-100:  #EFF1EE;
    --ijk-line:       #DFE4DF;

    /* SEÇENEK 1 — Saira (AKTİF) */
    --f-display: 'Saira Condensed', 'Arial Narrow', sans-serif;
    --f-body:    'Saira', -apple-system, sans-serif;
    --f-mono:    'Roboto Mono', 'Consolas', monospace;

    /* SEÇENEK 2 — IBM Plex
    --f-display: 'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif;
    --f-body:    'IBM Plex Sans', -apple-system, sans-serif;
    --f-mono:    'IBM Plex Mono', 'Consolas', monospace;
    */

    /* SEÇENEK 3 — Archivo
    --f-display: 'Archivo', sans-serif;
    --f-body:    'Archivo', -apple-system, sans-serif;
    --f-mono:    'Roboto Mono', 'Consolas', monospace;
    */
}

.ijk-header {
    background: #fff;
    border-bottom: 1px solid var(--ijk-line);
    font-family: var(--f-body);
}
.ijk-header .container { max-width: 1440px; }
.ijk-sticky-space { height: 0; }

/* ---------- ŞERİT 1 ---------- */
.ijk-utility {
    background: var(--ijk-green-deep);
    color: rgba(255,255,255,.78);
    font-size: 12.5px;
}
.ijk-utility-in {
    display: flex; align-items: center; justify-content: space-between;
    height: 40px; gap: 20px;
}
.ijk-utility-left, .ijk-utility-right { display: flex; align-items: center; gap: 16px; }
.ijk-utility .u-item {
    display: inline-flex; align-items: center; gap: 6px;
    color: rgba(255,255,255,.78); text-decoration: none; transition: color .2s;
}
.ijk-utility .u-item:hover { color: #fff; }
.ijk-utility .u-item i { font-size: 15px; opacity: .75; }
.ijk-utility .u-div { width: 1px; height: 14px; background: rgba(255,255,255,.18); }
.ijk-utility .u-phone .u-num {
    font-family: var(--f-mono); font-weight: 700;
    letter-spacing: .5px; color: #fff; font-size: 13.5px;
}
.ijk-utility .u-phone i { color: var(--ijk-amber); opacity: 1; }

.ijk-utility .u-cta {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--ijk-amber); color: var(--ijk-steel-900);
    font-weight: 600; font-size: 12.5px;
    padding: 6px 15px; border-radius: 2px;
    text-decoration: none; transition: filter .2s;
}
.ijk-utility .u-cta:hover { filter: brightness(1.08); color: var(--ijk-steel-900); }
.ijk-utility .u-cta i { font-size: 15px; opacity: 1; }

/* ---------- ŞERİT 2 ---------- */
.ijk-main { background: #fff; }
.ijk-main-in {
    display: flex; align-items: center; gap: 36px;
    padding: 18px 0;
}

/* Logo — kırpılmış/şeffaf dosya ile birlikte kullanın */
.ijk-logo { flex: 0 0 auto; display: block; }
.ijk-logo img {
    height: 100px; width: auto; max-width: 250px;
    display: block; object-fit: contain;
}

/* Arama bloğu */
.ijk-search-block { flex: 1 1 auto; min-width: 0; }

.ijk-tabs {
    display: flex; align-items: center; gap: 4px;
    margin-bottom: 8px;
}
.ijk-tab {
    border: 0; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 2px;
    font-family: var(--f-body); font-size: 12.5px; font-weight: 500;
    color: var(--ijk-steel-600);
    border-bottom: 2px solid transparent;
    transition: all .18s;
}
.ijk-tab i { font-size: 15px; }
.ijk-tab:hover { color: var(--ijk-green); background: var(--ijk-green-lite); }
.ijk-tab.is-active {
    color: var(--ijk-green); border-bottom-color: var(--ijk-green); font-weight: 600;
}
.ijk-tab-hint {
    margin-left: auto; font-size: 11.5px; color: var(--ijk-steel-300);
}

.ijk-search {
    display: flex; align-items: stretch;
    height: 54px;
    border: 2px solid var(--ijk-green);
    border-radius: 3px; background: #fff; overflow: hidden;
    transition: box-shadow .2s;
}
.ijk-search[hidden] { display: none; }
.ijk-search:focus-within { box-shadow: 0 0 0 3px rgba(31,77,40,.14); }

.ijk-scope {
    position: relative; flex: 0 0 auto;
    display: flex; align-items: center;
    background: var(--ijk-steel-100);
    border-right: 1px solid var(--ijk-line);
}
.ijk-scope select {
    appearance: none; -webkit-appearance: none;
    border: 0; background: transparent; height: 100%;
    font-family: var(--f-body); font-size: 13px; font-weight: 500;
    color: var(--ijk-steel-900);
    padding: 0 34px 0 17px; cursor: pointer; outline: none; max-width: 190px;
}
.ijk-scope i {
    position: absolute; right: 11px; pointer-events: none;
    font-size: 16px; color: var(--ijk-steel-600);
}

.ijk-search-input {
    flex: 1 1 auto; min-width: 0; border: 0; outline: none;
    padding: 0 18px;
    font-family: var(--f-mono); font-size: 14px;
    letter-spacing: .3px; color: var(--ijk-steel-900);
}
.ijk-search-input::placeholder {
    font-family: var(--f-body); font-size: 13.5px;
    color: #9AA19B; letter-spacing: 0;
}

.ijk-search-btn {
    flex: 0 0 auto; border: 0; cursor: pointer;
    background: var(--ijk-green); color: #fff; padding: 0 30px;
    display: inline-flex; align-items: center; gap: 9px;
    font-family: var(--f-display); font-weight: 600;
    font-size: 16.5px; letter-spacing: 1.1px;
    transition: background .2s;
}
.ijk-search-btn i { font-size: 20px; }
.ijk-search-btn:hover { background: var(--ijk-green-mid); }

/* Ölçü arama modu */
.ijk-search-dim { align-items: center; padding-left: 6px; }
.dim-field {
    display: flex; align-items: center; gap: 7px;
    padding: 0 12px; flex: 1 1 0; min-width: 0;
}
.dim-field label {
    margin: 0; font-size: 11.5px; font-weight: 600;
    color: var(--ijk-steel-600); white-space: nowrap;
    text-transform: uppercase; letter-spacing: .4px;
}
.dim-field input {
    width: 100%; min-width: 0; border: 0; outline: none;
    border-bottom: 1.5px solid var(--ijk-line);
    background: transparent; padding: 4px 2px;
    font-family: var(--f-mono); font-size: 15px; font-weight: 500;
    color: var(--ijk-steel-900); text-align: center;
    -moz-appearance: textfield;
}
.dim-field input::-webkit-outer-spin-button,
.dim-field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.dim-field input:focus { border-bottom-color: var(--ijk-green); }
.dim-field input::placeholder { color: var(--ijk-steel-300); }
.dim-unit { font-size: 11px; color: var(--ijk-steel-300); }
.dim-x {
    font-family: var(--f-mono); font-size: 15px;
    color: var(--ijk-steel-300); flex: 0 0 auto;
}

/* Hızlı rozetler */
.ijk-quick {
    display: flex; align-items: center; flex-wrap: wrap; gap: 7px;
    margin-top: 10px;
}
.ijk-quick .q-label {
    font-size: 11px; color: var(--ijk-steel-600);
    text-transform: uppercase; letter-spacing: .7px;
    font-weight: 600; margin-right: 3px;
}
.ijk-quick a {
    font-family: var(--f-mono); font-size: 12px; font-weight: 500;
    color: var(--ijk-green); text-decoration: none;
    background: var(--ijk-green-lite);
    padding: 3px 10px; border-radius: 2px; transition: all .15s;
}
.ijk-quick a:hover { background: var(--ijk-green); color: #fff; }
.ijk-quick .q-sep { width: 1px; height: 14px; background: var(--ijk-line); margin: 0 4px; }

/* Aksiyonlar */
.ijk-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 18px; }
.ijk-wa {
    display: inline-flex; align-items: center; gap: 11px;
    text-decoration: none; padding: 9px 15px;
    border: 1px solid var(--ijk-line); border-radius: 3px; transition: all .2s;
}
.ijk-wa i { font-size: 27px; color: #25D366; }
.ijk-wa .wa-txt { display: flex; flex-direction: column; line-height: 1.3; }
.ijk-wa strong {
    font-family: var(--f-display); font-size: 15.5px; font-weight: 600;
    letter-spacing: .3px; color: var(--ijk-steel-900);
}
.ijk-wa small { font-size: 11px; color: var(--ijk-steel-600); }
.ijk-wa:hover { border-color: #25D366; background: #F4FDF7; }

.ijk-act-group { display: flex; align-items: center; gap: 4px; }
.ijk-act {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    text-decoration: none; color: var(--ijk-steel-600);
    min-width: 60px; padding: 7px 4px; border-radius: 3px; transition: all .2s;
}
.ijk-act i { font-size: 23px; color: var(--ijk-steel-900); }
.ijk-act span { font-size: 11px; font-weight: 500; }
.ijk-act:hover { background: var(--ijk-green-lite); color: var(--ijk-green); }
.ijk-act:hover i { color: var(--ijk-green); }

.cart-wrap { position: relative; display: inline-flex; }
.cart-count {
    position: absolute; top: -6px; right: -10px;
    background: var(--ijk-amber); color: var(--ijk-steel-900);
    font-family: var(--f-mono); font-style: normal;
    font-size: 10.5px; font-weight: 700;
    min-width: 19px; height: 19px; padding: 0 5px;
    border-radius: 10px; border: 2px solid #fff;
    display: flex; align-items: center; justify-content: center;
}

/* ---------- ŞERİT 3 ---------- */
.ijk-nav-bar { background: var(--ijk-green); position: relative; z-index: 500; }
.ijk-nav { display: flex; align-items: stretch; height: 52px; }

.ijk-allcat { position: relative; flex: 0 0 auto; }
.allcat-trigger {
    height: 100%; border: 0; cursor: pointer;
    background: var(--ijk-green-deep); color: #fff;
    display: inline-flex; align-items: center; gap: 10px; padding: 0 24px;
    font-family: var(--f-display); font-size: 16.5px; font-weight: 600;
    letter-spacing: 1px;
}
.allcat-trigger i { font-size: 19px; }
.allcat-trigger .trig-caret { font-size: 16px; opacity: .65; margin-left: 2px; }

.allcat-panel {
    position: absolute; top: 100%; left: 0;
    width: 306px; background: #fff;
    border: 1px solid var(--ijk-line); border-top: 0;
    box-shadow: 0 18px 44px rgba(22,26,23,.15);
    opacity: 0; visibility: hidden; transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
    z-index: 900;
}
.ijk-allcat:hover .allcat-panel,
.ijk-allcat:focus-within .allcat-panel { opacity: 1; visibility: visible; transform: translateY(0); }

.allcat-list { list-style: none; margin: 0; padding: 6px 0; }
.allcat-list > li { position: relative; }
.allcat-list > li > a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 11px 18px; text-decoration: none;
    color: var(--ijk-steel-900); font-size: 13.5px; font-weight: 500;
    border-left: 3px solid transparent; transition: all .15s;
}
.allcat-list > li > a i { font-size: 16px; color: var(--ijk-steel-300); }
.allcat-list > li:hover > a {
    background: var(--ijk-green-lite); border-left-color: var(--ijk-green); color: var(--ijk-green);
}
.allcat-list > li:hover > a i { color: var(--ijk-green); }

.allcat-flyout {
    position: absolute; top: -7px; left: 100%;
    width: 780px; min-height: calc(100% + 14px);
    background: #fff; border: 1px solid var(--ijk-line);
    box-shadow: 0 18px 44px rgba(22,26,23,.15);
    padding: 26px 30px; opacity: 0; visibility: hidden;
    transition: opacity .18s ease, visibility .18s;
}
.allcat-list > li:hover > .allcat-flyout { opacity: 1; visibility: visible; }

.flyout-head {
    display: flex; align-items: baseline; justify-content: space-between;
    border-bottom: 2px solid var(--ijk-green);
    padding-bottom: 11px; margin-bottom: 20px;
}
.flyout-head h4 {
    margin: 0; font-family: var(--f-display);
    font-size: 21px; font-weight: 700; letter-spacing: .5px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}
.flyout-all {
    font-size: 12.5px; font-weight: 600; color: var(--ijk-green);
    text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
}
.flyout-all:hover { text-decoration: underline; }

.flyout-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 28px; }
.fo-title {
    display: block; text-decoration: none;
    font-size: 13.5px; font-weight: 600; color: var(--ijk-steel-900);
    padding-bottom: 6px; margin-bottom: 7px;
    border-bottom: 1px solid var(--ijk-line); transition: color .15s;
}
.fo-title:hover { color: var(--ijk-green); }
.fo-sub { list-style: none; margin: 0; padding: 0; }
.fo-sub li a {
    display: block; text-decoration: none;
    font-size: 12.5px; color: var(--ijk-steel-600);
    padding: 3px 0; transition: all .15s;
}
.fo-sub li a:hover { color: var(--ijk-green); padding-left: 4px; }
.flyout-visual { margin-top: 22px; }
.flyout-visual img { max-width: 100%; border-radius: 3px; }

.ijk-links { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; }
.ijk-links li { display: flex; }
.ijk-links a {
    display: inline-flex; align-items: center; padding: 0 19px;
    text-decoration: none; color: rgba(255,255,255,.9);
    font-family: var(--f-display); font-size: 15.5px; font-weight: 600;
    letter-spacing: .8px; text-transform: uppercase;
    position: relative; transition: color .2s;
}
.ijk-links a::after {
    content: ''; position: absolute; left: 19px; right: 19px; bottom: 0;
    height: 3px; background: var(--ijk-amber);
    transform: scaleX(0); transform-origin: left; transition: transform .22s ease;
}
.ijk-links a:hover { color: #fff; }
.ijk-links a:hover::after { transform: scaleX(1); }

.ijk-promise {
    margin-left: auto; display: flex; align-items: center; gap: 18px;
    color: rgba(255,255,255,.85); font-size: 12px; padding-right: 2px;
}
.ijk-promise .pr-item { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.ijk-promise i { color: var(--ijk-amber); font-size: 16px; }
.ijk-promise strong { color: var(--ijk-amber); font-weight: 700; }

/* ---------- Sticky ---------- */
.ijk-header.is-stuck {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1200;
    box-shadow: 0 4px 20px rgba(22,26,23,.13);
}
.ijk-header.is-stuck .ijk-utility { display: none; }
.ijk-header.is-stuck .ijk-main-in { padding: 9px 0; gap: 26px; }
.ijk-header.is-stuck .ijk-logo img { height: 46px; }
.ijk-header.is-stuck .ijk-tabs,
.ijk-header.is-stuck .ijk-quick,
.ijk-header.is-stuck .ijk-wa { display: none; }
.ijk-header.is-stuck .ijk-search { height: 44px; }
.ijk-header.is-stuck .ijk-act span { display: none; }
.ijk-header.is-stuck .ijk-act { min-width: 42px; }

/* ---------- Erişilebilirlik ---------- */
.ijk-header a:focus-visible,
.ijk-header button:focus-visible,
.ijk-header select:focus-visible,
.ijk-header input:focus-visible {
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .ijk-header *, .ijk-header *::after { transition: none !important; }
}

/* ---------- Ara kırılımlar ---------- */
@media (max-width: 1439px) {
    .ijk-promise .pr-hide { display: none; }
    .allcat-flyout { width: 640px; }
    .flyout-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1279px) {
    .ijk-utility .u-hide-lg { display: none; }
    .ijk-main-in { gap: 22px; }
    .ijk-logo img { height: 68px; }
    .ijk-links a { padding: 0 14px; font-size: 14.5px; }
    .ijk-links a::after { left: 14px; right: 14px; }
    .ijk-tab-hint { display: none; }
}
@media (max-width: 1099px) {
    .ijk-utility .u-hide-md { display: none; }
    .ijk-wa .wa-txt { display: none; }
    .ijk-wa { padding: 11px; }
    .ijk-scope select { max-width: 130px; font-size: 12.5px; }
    .ijk-promise { display: none; }
}

/* =========================================================
   MOBİL
   ========================================================= */
@media (max-width: 991px) {
    .ijk-header, .ijk-sticky-space { display: none; }
    header.mobile.ijk-mobile { display: block !important; background: #fff; }

    .ijk-mobile .m-utility {
        background: var(--ijk-green-deep); color: rgba(255,255,255,.9);
        display: flex; align-items: center; justify-content: center; gap: 12px;
        padding: 8px 12px; font-size: 12px;
    }
    .ijk-mobile .m-utility a {
        color: #fff; text-decoration: none;
        font-family: var(--f-mono); font-weight: 700; font-size: 12.5px;
    }
    .ijk-mobile .m-u-sep { width: 1px; height: 12px; background: rgba(255,255,255,.25); }
    .ijk-mobile .m-utility i { color: var(--ijk-amber); }

    .ijk-mobile .m-bar {
        display: flex; align-items: center; justify-content: space-between;
        padding: 10px 12px; border-bottom: 1px solid var(--ijk-line);
    }
    .ijk-mobile .m-logo img { height: 46px; width: auto; display: block; }
    .ijk-mobile .m-right { display: flex; align-items: center; gap: 2px; }
    .ijk-mobile .m-icon {
        width: 42px; height: 42px; border-radius: 3px;
        display: inline-flex; align-items: center; justify-content: center;
        color: var(--ijk-steel-900); font-size: 23px;
        text-decoration: none; position: relative;
    }
    .ijk-mobile .m-cart em {
        position: absolute; top: 3px; right: 2px;
        background: var(--ijk-amber); color: var(--ijk-steel-900);
        font-family: var(--f-mono); font-style: normal;
        font-size: 10px; font-weight: 700;
        min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px;
        display: flex; align-items: center; justify-content: center;
    }

    .ijk-mobile .m-search { padding: 10px 12px 12px; }
    .ijk-mobile .m-search form {
        display: flex; align-items: center; position: relative;
        border: 2px solid var(--ijk-green); border-radius: 3px;
        height: 46px; overflow: hidden; background: #fff;
    }
    .ijk-mobile .m-search-ico {
        position: absolute; left: 12px; font-size: 18px; color: var(--ijk-steel-600);
    }
    .ijk-mobile .m-search input {
        flex: 1; border: 0; outline: none; height: 100%;
        padding: 0 12px 0 38px; font-family: var(--f-mono); font-size: 13px;
    }
    .ijk-mobile .m-search input::placeholder {
        font-family: var(--f-body); font-size: 12.5px; color: #9AA19B;
    }
    .ijk-mobile .m-search button {
        border: 0; background: var(--ijk-green); color: #fff;
        height: 100%; padding: 0 18px;
        font-family: var(--f-display); font-size: 15.5px;
        font-weight: 600; letter-spacing: .8px;
    }

    .ijk-mobile .sidebar-menu .title,
    .ijk-mobile .sidebar-user .title {
        background: var(--ijk-green); font-family: var(--f-display);
        letter-spacing: .9px; font-size: 16.5px;
    }
    .ijk-mobile .sidebar-user .title-alt { background: var(--ijk-green-deep); }
}
@media (min-width: 992px) {
    header.mobile.ijk-mobile { display: none !important; }
}

/* =========================================================
   IJK JAPAN RULMAN — FOOTER
   style.css dosyasının SONUNA eklenir.
   ========================================================= */

/* ---------- Güven şeridi ---------- */
.ijk-trust {
    background: var(--ijk-steel-100);
    border-top: 1px solid var(--ijk-line);
    padding: 26px 0;
}
.trust-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.trust-item {
    display: flex; align-items: center; gap: 13px;
}
.trust-item i {
    font-size: 30px; color: var(--ijk-green); flex: 0 0 auto;
}
.trust-item strong {
    display: block; font-family: var(--f-display);
    font-size: 16px; font-weight: 600; letter-spacing: .3px;
    color: var(--ijk-steel-900); line-height: 1.25;
}
.trust-item span {
    display: block; font-size: 12px; color: var(--ijk-steel-600); margin-top: 2px;
}

/* ---------- Bayilik çağrısı ---------- */
.ijk-dealer {
    background: var(--ijk-green);
    background-image: linear-gradient(100deg, var(--ijk-green-deep) 0%, var(--ijk-green) 60%);
}
.dealer-in {
    display: flex; align-items: center; justify-content: space-between;
    gap: 28px; padding: 22px 0;
}
.dealer-txt { display: flex; align-items: center; gap: 16px; }
.dealer-txt > i {
    font-size: 34px; color: var(--ijk-amber); flex: 0 0 auto;
}
.dealer-txt strong {
    display: block; font-family: var(--f-display);
    font-size: 19px; font-weight: 600; letter-spacing: .3px; color: #fff;
}
.dealer-txt span {
    display: block; font-size: 13px; color: rgba(255,255,255,.72); margin-top: 3px;
}
.dealer-btn {
    flex: 0 0 auto;
    display: inline-flex; align-items: center; gap: 9px;
    background: var(--ijk-amber); color: var(--ijk-steel-900);
    font-family: var(--f-display); font-size: 17px; font-weight: 600;
    letter-spacing: .6px; text-decoration: none;
    padding: 13px 26px; border-radius: 3px;
    transition: filter .2s, transform .2s;
    white-space: nowrap;
}
.dealer-btn:hover {
    filter: brightness(1.08); color: var(--ijk-steel-900); transform: translateX(2px);
}

/* ---------- Footer gövde ---------- */
.ijk-footer { background: #16211A; }
.ijk-footer .bb { padding: 46px 0 34px; }

.footer-cols {
    display: grid;
    grid-template-columns: 1.9fr 1fr 1fr 1fr 1.15fr;
    gap: 34px;
}

.ijk-footer .flogo { display: block; margin-bottom: 16px; }
.ijk-footer .flogo img {
    height: 62px; width: auto; max-width: 200px;
    filter: brightness(0) invert(1); opacity: .95;
}
.ijk-footer .fdesc {
    font-size: 13px; line-height: 1.65;
    color: rgba(255,255,255,.55); margin: 0 0 20px;
    max-width: 340px;
}

.fcontact { display: flex; flex-direction: column; gap: 11px; margin-bottom: 20px; }
.fc-item {
    display: flex; align-items: flex-start; gap: 10px;
    color: rgba(255,255,255,.72); font-size: 13px;
    text-decoration: none; transition: color .2s;
}
.fc-item:hover { color: #fff; }
.fc-item i { font-size: 17px; color: var(--ijk-amber); flex: 0 0 auto; margin-top: 1px; }
.fc-phone span {
    font-family: var(--f-mono); font-weight: 700;
    font-size: 16px; letter-spacing: .5px; color: #fff;
}
.fc-hours { cursor: default; }
.fc-hours em { font-style: normal; color: rgba(255,255,255,.4); }

.ijk-footer .social-media { display: flex; gap: 8px; }
.ijk-footer .social-media a {
    width: 38px; height: 38px; border-radius: 3px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.07); color: rgba(255,255,255,.8) !important;
    font-size: 18px; transition: all .2s; margin: 0;
}
.ijk-footer .social-media a:hover { background: var(--ijk-green); color: #fff !important; }

/* Sütun başlıkları ve listeler */
.ijk-footer .ftitle {
    font-family: var(--f-display);
    font-size: 16px; font-weight: 600; letter-spacing: .7px;
    text-transform: uppercase; color: #fff;
    margin-bottom: 16px; padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    position: relative;
}
.ijk-footer .ftitle::after {
    content: ''; position: absolute; left: 0; bottom: -1px;
    width: 34px; height: 2px; background: var(--ijk-amber);
}
.ijk-footer .fs ul { list-style: none; margin: 0; padding: 0; }
.ijk-footer .fs ul li { padding: 0; margin-bottom: 8px; }
.ijk-footer .fs ul li a {
    display: inline-block; font-size: 13px;
    color: rgba(255,255,255,.58); text-decoration: none;
    transition: all .18s;
}
.ijk-footer .fs ul li a:hover { color: var(--ijk-amber); padding-left: 4px; }

.fbrands .fbr-sep {
    height: 1px; background: rgba(255,255,255,.1);
    margin: 12px 0; padding: 0;
}
.fbrands .fbr-all {
    color: var(--ijk-amber) !important; font-weight: 600; margin-top: 4px;
}

.faddress {
    display: flex; align-items: flex-start; gap: 9px;
    margin-top: 20px; padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 12.5px; line-height: 1.6; color: rgba(255,255,255,.55);
}
.faddress i { font-size: 16px; color: var(--ijk-amber); flex: 0 0 auto; margin-top: 2px; }
.faddress p { margin: 0; }

/* ---------- Alt bar ---------- */
.ijk-footer .bar {
    background: #101A14; padding: 16px 0;
    border-top: 1px solid rgba(255,255,255,.07);
}
.bar-in {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.bar-left, .bar-left p {
    margin: 0; font-size: 12.5px; color: rgba(255,255,255,.45);
}
.bar-left a { color: rgba(255,255,255,.6); }
.bar-right { display: flex; align-items: center; gap: 14px; }
.bar-right img { max-height: 26px; opacity: .75; }
.pay-label, .pay-transfer {
    font-size: 11.5px; color: rgba(255,255,255,.45);
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
}
.pay-transfer i { font-size: 15px; color: rgba(255,255,255,.6); }

/* ---------- Mobil alt menü ---------- */
.bottom-navbar .nav-wa i { color: #25D366 !important; }
.bottom-navbar a .count { background: var(--ijk-amber); color: var(--ijk-steel-900); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1279px) {
    .footer-cols { grid-template-columns: 1.6fr 1fr 1fr 1fr; }
    .footer-cols .fcol:last-child { grid-column: 2 / -1; }
    .footer-cols .fcol:last-child .fs ul {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 20px;
    }
}
@media (max-width: 991px) {
    .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .trust-item i { font-size: 26px; }
    .trust-item strong { font-size: 14.5px; }

    .dealer-in { flex-direction: column; align-items: flex-start; gap: 16px; }
    .dealer-btn { width: 100%; justify-content: center; }

    .ijk-footer .bb { padding: 30px 0 20px; }
    .footer-cols { grid-template-columns: 1fr; gap: 0; }
    .footer-cols .fcol:last-child { grid-column: auto; }
    .footer-cols .fcol:last-child .fs ul { display: block; }

    .fcol-brand { margin-bottom: 24px; }
    .ijk-footer .fdesc { max-width: none; }

    /* Akordiyon */
    .ijk-footer .fcol:not(.fcol-brand) .ftitle {
        margin-bottom: 0; padding: 13px 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
        cursor: pointer; display: flex; align-items: center; justify-content: space-between;
    }
    .ijk-footer .fcol:not(.fcol-brand) .ftitle::after {
        content: '+'; position: static; width: auto; height: auto;
        background: none; font-size: 20px; font-weight: 400;
        color: var(--ijk-amber); line-height: 1;
    }
    .ijk-footer .fcol:not(.fcol-brand) .fs { display: none; padding: 14px 0 6px; }

    .bar-in { flex-direction: column; text-align: center; gap: 12px; }
    .bar-left, .bar-left p { text-align: center !important; }
    .bar-right { justify-content: center; flex-wrap: wrap; }

    .ijk-footer { margin-bottom: 62px; }
}
@media (max-width: 575px) {
    .trust-grid { grid-template-columns: 1fr; gap: 14px; }
}


/* =========================================================
   IJK JAPAN RULMAN — B2B ÜRÜN KARTI v2
   style.css sonuna eklenir. Önceki kart CSS bloğunu SİLİN.
   ========================================================= */

.ijk-card { height: 100%; }

.ijk-card .card-product-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.ijk-card:hover .card-product-inner {
    border-color: var(--ijk-green);
    box-shadow: 0 6px 22px rgba(22, 26, 23, .09);
}

/* ---------- Görsel ---------- */
.ijk-card .image-wrapper {
    position: relative;
    background: #fff;
}
.ijk-card .image-wrapper .image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 22px;
    overflow: hidden;
}
.ijk-card .image-wrapper .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply;      /* beyaz zeminli ürün fotoğraflarını temizler */
    transition: transform .4s ease;
}
.ijk-card:hover .image-wrapper .image img { transform: scale(1.05); }

.ijk-card .discount {
    position: absolute; top: 12px; left: 12px; z-index: 3;
    background: #C0392B; color: #fff;
    font-family: var(--f-mono); font-size: 11px; font-weight: 700;
    padding: 4px 8px; border-radius: 3px; line-height: 1;
}

.ijk-brand-badge {
    position: absolute; top: 12px; right: 12px; z-index: 3;
    font-family: var(--f-display);
    font-size: 11px; font-weight: 600; letter-spacing: .8px;
    text-transform: uppercase; line-height: 1;
    color: var(--ijk-steel-600);
    background: rgba(255,255,255,.9);
    border: 1px solid var(--ijk-line);
    padding: 4px 8px; border-radius: 3px;
    backdrop-filter: blur(4px);
}
.ijk-brand-badge.is-own {
    color: #fff; background: var(--ijk-green); border-color: var(--ijk-green);
}

/* Favori */
.ijk-fav {
    position: absolute; right: 12px; bottom: 12px; z-index: 3;
    width: 34px; height: 34px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid var(--ijk-line);
    color: var(--ijk-steel-600); font-size: 16px; text-decoration: none;
    opacity: 0; transform: translateY(4px);
    transition: all .2s ease;
}
.ijk-card:hover .ijk-fav { opacity: 1; transform: translateY(0); }
.ijk-fav:hover { background: var(--ijk-green); border-color: var(--ijk-green); color: #fff; }

/* ---------- Gövde ---------- */
.ijk-card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 15px 16px 4px;
    text-align: left;
    border-top: 1px solid var(--ijk-line);
}

/* Parça no */
.ijk-partno {
    font-family: var(--f-mono);
    font-size: 11.5px; font-weight: 700; letter-spacing: .6px;
    color: var(--ijk-steel-600);
    background: var(--ijk-steel-100);
    padding: 3px 7px; border-radius: 3px; line-height: 1;
}

/* Başlık — sola hizalı, 2 satır sabit */
.ijk-card .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--f-display);
    font-size: 15px; font-weight: 500; line-height: 1.4;
    letter-spacing: .2px;
    color: var(--ijk-steel-900);
    text-decoration: none;
    text-align: left;
    min-height: 42px;
    transition: color .18s;
}
.ijk-card .title:hover { color: var(--ijk-green); }

/* Ölçüler */
.ijk-dims {
    display: inline-flex; align-items: baseline; gap: 3px;
    font-family: var(--f-mono); font-size: 12.5px; font-weight: 600;
    color: var(--ijk-steel-900);
    background: var(--ijk-steel-100);
    padding: 4px 8px; border-radius: 3px; line-height: 1;
}
.ijk-dims i { font-style: normal; color: var(--ijk-steel-300); font-size: 11px; }
.ijk-dims em { font-style: normal; font-family: var(--f-body); font-size: 10px; color: var(--ijk-steel-600); margin-left: 3px; }

/* Yıldızlar — kompakt ve soluk */
.ijk-card-body .rating,
.ijk-card-body .stars,
.ijk-card-body [class*="degerlendirme"] {
    margin: 0 !important;
    font-size: 12px;
    line-height: 1;
    opacity: .6;
}

/* Stok — tek satır, asla kırılmaz */
.ijk-stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
.ijk-stock .st-dot {
    width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto;
}
.ijk-stock .st-main { font-weight: 600; }
.ijk-stock .st-sub {
    color: var(--ijk-steel-600);
    font-size: 11.5px;
    padding-left: 7px;
    border-left: 1px solid var(--ijk-line);
}
.ijk-stock.in-stock .st-dot { background: #1E8E3E; box-shadow: 0 0 0 3px rgba(30,142,62,.13); }
.ijk-stock.in-stock .st-main { color: #1E8E3E; }
.ijk-stock.on-order .st-dot { background: var(--ijk-amber); box-shadow: 0 0 0 3px rgba(232,163,61,.16); }
.ijk-stock.on-order .st-main { color: #B8761F; }

/* Fiyat — kartın altına yaslanır, hizalar eşitlenir */
.ijk-price {
    margin-top: auto;
    padding-top: 8px;
    width: 100%;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 8px;
}
.ijk-price .prices {
    display: inline-flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
}
.ijk-price .sale-price {
    font-family: var(--f-mono);
    font-size: 20px; font-weight: 700; letter-spacing: -.5px;
    color: var(--ijk-steel-900); line-height: 1.15;
}
.ijk-price .sale-price.discount-price { color: #C0392B; }
.ijk-price .list-price {
    font-family: var(--f-mono); font-size: 13px; font-weight: 500;
    color: var(--ijk-steel-300); text-decoration: line-through;
}
.ijk-price .vat-note {
    font-size: 10.5px; color: var(--ijk-steel-600); letter-spacing: .2px;
}

/* ---------- Aksiyon ---------- */
.ijk-card-actions { padding: 12px 16px 16px; }

.ijk-btn-cart,
.ijk-btn-quote {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 9px;
    font-family: var(--f-display);
    font-size: 15px; font-weight: 600;
    letter-spacing: .6px; text-transform: uppercase;
    white-space: nowrap;              /* iki satıra kırılmasın */
    text-decoration: none;
    transition: background .18s ease, filter .18s ease;
}
.ijk-btn-cart i,
.ijk-btn-quote i { font-size: 18px; line-height: 1; }

.ijk-btn-cart { background: var(--ijk-green); color: #fff; }
.ijk-btn-cart:hover { background: var(--ijk-green-mid); color: #fff; }

.ijk-btn-quote { background: var(--ijk-amber); color: var(--ijk-steel-900); }
.ijk-btn-quote:hover { filter: brightness(1.07); color: var(--ijk-steel-900); }

/* ---------- Erişilebilirlik ---------- */
.ijk-card a:focus-visible,
.ijk-card button:focus-visible {
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .ijk-card, .ijk-card * { transition: none !important; }
}

/* =========================================================
   LİSTE GÖRÜNÜMÜ  —  kapsayıcıya .view-list ekleyin
   ========================================================= */
@media (min-width: 768px) {
    .view-list .ijk-card { width: 100%; }

    .view-list .ijk-card .card-product-inner {
        flex-direction: row;
        align-items: stretch;
    }
    .view-list .ijk-card .image-wrapper {
        flex: 0 0 180px;
        border-right: 1px solid var(--ijk-line);
    }
    .view-list .ijk-card .image-wrapper .image {
        aspect-ratio: auto; height: 100%; min-height: 168px; padding: 16px;
    }
    .view-list .ijk-card-body {
        border-top: 0;
        justify-content: center;
        padding: 18px 22px;
        gap: 8px;
    }
    .view-list .ijk-card .title { font-size: 16.5px; min-height: 0; }
    .view-list .ijk-price { margin-top: 6px; padding-top: 0; }
    .view-list .ijk-price .sale-price { font-size: 23px; }

    .view-list .ijk-card-actions {
        flex: 0 0 200px;
        display: flex;
        align-items: center;
        padding: 18px 20px;
        border-left: 1px solid var(--ijk-line);
    }
    .view-list .ijk-fav { opacity: 1; transform: none; }
}

/* ---------- Mobil ---------- */
@media (max-width: 575px) {
    .ijk-card-body { padding: 13px 13px 4px; gap: 6px; }
    .ijk-card .image-wrapper .image { padding: 16px; }
    .ijk-card .title { font-size: 14px; min-height: 39px; }
    .ijk-price .sale-price { font-size: 18px; }
    .ijk-card-actions { padding: 10px 13px 13px; }
    .ijk-btn-cart, .ijk-btn-quote { height: 42px; font-size: 14px; }
    .ijk-fav { opacity: 1; transform: none; width: 32px; height: 32px; }
}


/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN PROFİLİ (PDP) v2
   style.css SONUNA eklenir. Önceki PDP bloğunu SİLİN.

   ÖNEMLİ: Bu blok temanın pembe/gri buton ve kırmızı fiyat
   renklerini bastırmak için !important kullanır. Blok, tema
   CSS'inden SONRA yüklenmelidir.
   ========================================================= */

/* ---------- Inline SVG ikon temeli ---------- */
.ijk-pdp .ijk-ic,
.ijk-mobile-buy .ijk-ic {
    width: 1em; height: 1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: -.12em;
}

.ijk-pdp { padding: 8px 0 4px; }
.ijk-pdp-row { row-gap: 28px; }

/* =========================================================
   SOL — GALERİ
   ========================================================= */
.ijk-gallery { position: sticky; top: 20px; }

.ijk-gallery .carousel-outer {
    position: relative;
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}
.ijk-gallery .carousel-item a {
    display: flex; align-items: center; justify-content: center;
    aspect-ratio: 1 / 1; padding: 28px;
}
.ijk-gallery .carousel-item img {
    max-width: 100%; max-height: 100%;
    width: auto; height: auto; object-fit: contain;
    mix-blend-mode: multiply;
}

.ijk-g-discount {
    position: absolute; top: 14px; left: 14px; z-index: 4;
    background: #C0392B; color: #fff;
    font-family: var(--f-mono); font-size: 13px; font-weight: 700;
    padding: 5px 10px; border-radius: 3px; line-height: 1;
}

.ijk-zoom-hint {
    position: absolute; right: 14px; bottom: 14px; z-index: 3;
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11.5px; color: var(--ijk-steel-600);
    background: rgba(255,255,255,.94);
    border: 1px solid var(--ijk-line);
    padding: 5px 10px; border-radius: 3px;
    pointer-events: none; opacity: 0; transition: opacity .2s;
}
.ijk-zoom-hint .ijk-ic { font-size: 14px; }
.ijk-gallery:hover .ijk-zoom-hint { opacity: 1; }

.ijk-gallery .carousel-control-prev,
.ijk-gallery .carousel-control-next {
    width: 40px; height: 40px; top: 50%; margin-top: -20px;
    background: #fff; border: 1px solid var(--ijk-line);
    border-radius: 50%; opacity: 0;
    color: var(--ijk-steel-900); font-size: 20px;
    display: flex; align-items: center; justify-content: center;
    transition: opacity .2s, background .2s, color .2s, border-color .2s;
}
.ijk-gallery .carousel-control-prev { left: 12px; }
.ijk-gallery .carousel-control-next { right: 12px; }
.ijk-gallery:hover .carousel-control-prev,
.ijk-gallery:hover .carousel-control-next { opacity: 1; }
.ijk-gallery .carousel-control-prev:hover,
.ijk-gallery .carousel-control-next:hover {
    background: var(--ijk-green); color: #fff; border-color: var(--ijk-green);
}

.ijk-thumbs {
    position: static; margin: 12px 0 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start;
}
.ijk-thumbs li {
    width: 68px; height: 68px; margin: 0; flex: 0 0 auto;
    border: 1px solid var(--ijk-line); border-radius: 3px;
    background: #fff; overflow: hidden; opacity: 1;
    text-indent: 0; cursor: pointer; transition: border-color .18s;
}
.ijk-thumbs li img {
    width: 100%; height: 100%; object-fit: contain; padding: 5px;
    mix-blend-mode: multiply;
}
.ijk-thumbs li:hover { border-color: var(--ijk-steel-300); }
.ijk-thumbs li.active { border-color: var(--ijk-green) !important; border-width: 2px; }

.ijk-share { margin-top: 16px; }

/* =========================================================
   ORTA — KÜNYE
   ========================================================= */
.ijk-meta-top { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 11px; }
.ijk-meta-top:empty { display: none; }

.ijk-brand-chip, .ijk-cat-chip {
    display: inline-flex; align-items: center;
    font-family: var(--f-display);
    font-size: 12px; font-weight: 600; letter-spacing: .7px;
    text-transform: uppercase; line-height: 1;
    padding: 5px 10px; border-radius: 3px;
    text-decoration: none; transition: all .18s;
}
.ijk-brand-chip {
    color: var(--ijk-steel-600) !important; background: var(--ijk-steel-100);
    border: 1px solid var(--ijk-line);
}
.ijk-brand-chip.is-own {
    color: #fff !important; background: var(--ijk-green); border-color: var(--ijk-green);
}
.ijk-cat-chip {
    color: var(--ijk-green) !important; background: var(--ijk-green-lite);
    border: 1px solid transparent;
}
.ijk-cat-chip:hover { border-color: var(--ijk-green); }

.ijk-pdp h1.title {
    font-family: var(--f-display);
    font-size: 26px; font-weight: 600; line-height: 1.3;
    letter-spacing: .2px; color: var(--ijk-steel-900);
    margin: 0 0 12px;
}

/* Ürün kodu satırı */
.ijk-code-row {
    display: inline-flex; align-items: center; gap: 10px;
    background: var(--ijk-steel-100);
    border: 1px solid var(--ijk-line);
    border-radius: 3px; padding: 7px 8px 7px 12px;
    margin-bottom: 14px; max-width: 100%;
}
.ijk-code-row .c-label {
    font-size: 10.5px; font-weight: 600; letter-spacing: .8px;
    text-transform: uppercase; color: var(--ijk-steel-600);
    white-space: nowrap;
}
.ijk-code-row .c-value {
    font-family: var(--f-mono); font-size: 14px; font-weight: 700;
    letter-spacing: .4px; color: var(--ijk-steel-900);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ijk-code-row .c-copy {
    width: 30px; height: 30px; cursor: pointer; padding: 0;
    background: #fff; border: 1px solid var(--ijk-line); border-radius: 3px;
    color: var(--ijk-steel-600); font-size: 16px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: all .18s; flex: 0 0 auto;
}
.ijk-code-row .c-copy:hover { background: var(--ijk-green); border-color: var(--ijk-green); color: #fff; }
.ijk-code-row .c-copy.is-done { background: #1E8E3E; border-color: #1E8E3E; color: #fff; }

/* Yıldızlar — sıfır oy varsa yer kaplamasın */
.ijk-rating { margin-bottom: 12px; font-size: 13px; }
.ijk-rating:empty { display: none; }

.ijk-lead {
    font-size: 14px; line-height: 1.75; color: var(--ijk-steel-600);
    padding: 13px 15px; margin-bottom: 18px;
    background: var(--ijk-steel-100);
    border-left: 3px solid var(--ijk-green);
    border-radius: 0 3px 3px 0;
}
.ijk-lead p:last-child { margin-bottom: 0; }

/* Teknik künye */
.ijk-specs {
    border: 1px solid var(--ijk-line);
    border-radius: 4px; overflow: hidden; margin-bottom: 20px;
}
.ijk-specs-head {
    display: flex; align-items: center; gap: 9px;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
    padding: 11px 15px;
    font-family: var(--f-display);
    font-size: 15.5px; font-weight: 600; letter-spacing: .5px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}
.ijk-specs-head .ijk-ic { font-size: 18px; color: var(--ijk-green); }

.ijk-specs-table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; }
.ijk-specs-table tr { border-bottom: 1px solid var(--ijk-line); }
.ijk-specs-table tr:last-child { border-bottom: 0; }
.ijk-specs-table tr:nth-child(even) { background: #FBFCFB; }
.ijk-specs-table th {
    width: 38%; padding: 10px 15px;
    font-size: 12.5px; font-weight: 500; color: var(--ijk-steel-600);
    text-align: left; vertical-align: top;
    border-right: 1px solid var(--ijk-line);
    word-break: break-word;
}
.ijk-specs-table td {
    padding: 10px 15px;
    font-size: 13.5px; font-weight: 500; color: var(--ijk-steel-900);
    vertical-align: top; word-break: break-word;
}
.ijk-specs-table td.is-mono { font-family: var(--f-mono); letter-spacing: .3px; }
.ijk-specs-table td a { color: var(--ijk-green) !important; text-decoration: none; }
.ijk-specs-table td a:hover { text-decoration: underline; }

/* İlişkili ürünler */
.ijk-block-label {
    display: block; margin-bottom: 10px;
    font-family: var(--f-display);
    font-size: 14.5px; font-weight: 600; letter-spacing: .4px;
    color: var(--ijk-steel-900);
}
.ijk-related { margin-bottom: 20px; }
.ijk-related .related-products { display: flex; flex-wrap: wrap; gap: 8px; }
.ijk-related .related-products a {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    width: 74px; padding: 6px;
    border: 1px solid var(--ijk-line); border-radius: 3px;
    text-decoration: none; background: #fff; transition: border-color .18s;
}
.ijk-related .related-products a img { width: 100%; height: 46px; object-fit: contain; }
.ijk-related .related-products a span {
    font-family: var(--f-mono); font-size: 11px; font-weight: 600;
    color: var(--ijk-steel-600); text-align: center;
}
.ijk-related .related-products a:hover { border-color: var(--ijk-steel-300); }
.ijk-related .related-products a.active { border-color: var(--ijk-green) !important; border-width: 2px; }
.ijk-related .related-products a.active span { color: var(--ijk-green); }

.ijk-size-box { margin-bottom: 18px; }
.ijk-size-box a {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13.5px; font-weight: 500; color: var(--ijk-green) !important;
    text-decoration: none;
}
.ijk-size-box a:hover { text-decoration: underline; }
.ijk-size-box .ijk-ic { font-size: 17px; }

/* Sipariş ve teslimat bloğu */
.ijk-service {
    border: 1px solid var(--ijk-line); border-radius: 4px;
    overflow: hidden; margin-top: 4px;
}
.ijk-svc {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 14px 15px;
    border-bottom: 1px solid var(--ijk-line);
}
.ijk-svc:last-child { border-bottom: 0; }
.ijk-svc .ijk-ic { font-size: 22px; color: var(--ijk-green); margin-top: 1px; }
.ijk-svc strong {
    display: block; font-family: var(--f-display);
    font-size: 15px; font-weight: 600; letter-spacing: .3px;
    color: var(--ijk-steel-900); margin-bottom: 2px;
}
.ijk-svc span { display: block; font-size: 12.5px; line-height: 1.6; color: var(--ijk-steel-600); }

/* =========================================================
   SAĞ — SATIN ALMA KUTUSU
   ========================================================= */
.ijk-buybox {
    position: sticky; top: 20px;
    border: 1px solid var(--ijk-line);
    border-radius: 4px; background: #fff;
    padding: 20px;
    box-shadow: 0 2px 14px rgba(22,26,23,.055);
}

/* Fiyat — tema kırmızısını bastır */
.ijk-pdp .ijk-bb-price { margin-bottom: 12px; }
.ijk-pdp .ijk-bb-price .prices {
    display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px;
}
.ijk-pdp .ijk-bb-price .sale-price {
    font-family: var(--f-mono) !important;
    font-size: 30px !important; font-weight: 700 !important;
    letter-spacing: -.8px; line-height: 1.1;
    color: var(--ijk-steel-900) !important;
}
.ijk-pdp .ijk-bb-price .list-price {
    font-family: var(--f-mono) !important;
    font-size: 16px !important; font-weight: 500 !important;
    color: var(--ijk-steel-300) !important; text-decoration: line-through;
}
.ijk-pdp .ijk-bb-price .ijk-vat {
    display: block; margin-top: 5px;
    font-size: 11.5px; color: var(--ijk-steel-600); letter-spacing: .2px;
}

/* Rozetler */
.ijk-bb-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.ijk-bb-badges:empty { display: none; margin: 0; }
.ijk-pdp .ijk-bb-badges .discount,
.ijk-pdp .ijk-bb-badges .free-cargo-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 11.5px; font-weight: 600; line-height: 1;
    padding: 6px 10px; border-radius: 3px;
    position: static; margin: 0;
}
.ijk-pdp .ijk-bb-badges .discount {
    background: rgba(192,57,43,.09) !important; color: #C0392B !important;
}
.ijk-pdp .ijk-bb-badges .discount .rate { font-family: var(--f-mono); font-weight: 700; }
.ijk-pdp .ijk-bb-badges .free-cargo-badge {
    background: var(--ijk-green-lite) !important; color: var(--ijk-green) !important;
}

/* Stok */
.ijk-bb-stock {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 12px 14px; border-radius: 3px; margin-bottom: 16px;
}
.ijk-bb-stock .s-dot {
    width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; margin-top: 4px;
}
.ijk-bb-stock .s-txt strong { display: block; font-size: 13.5px; line-height: 1.35; }
.ijk-bb-stock .s-txt span {
    display: block; font-size: 12px; color: var(--ijk-steel-600); margin-top: 3px; line-height: 1.5;
}
.ijk-bb-stock.in-stock { background: rgba(30,142,62,.065); }
.ijk-bb-stock.in-stock .s-dot { background: #1E8E3E; box-shadow: 0 0 0 3px rgba(30,142,62,.15); }
.ijk-bb-stock.in-stock .s-txt strong { color: #1E8E3E; }
.ijk-bb-stock.no-stock { background: rgba(232,163,61,.1); }
.ijk-bb-stock.no-stock .s-dot { background: var(--ijk-amber); box-shadow: 0 0 0 3px rgba(232,163,61,.18); }
.ijk-bb-stock.no-stock .s-txt strong { color: #B8761F; }

/* Varyantlar */
.ijk-bb-variants ul { list-style: none; margin: 0 0 14px; padding: 0; }
.ijk-bb-variants li.variant { margin-bottom: 9px; }
.ijk-pdp .ijk-bb-variants select.form-control {
    height: 46px; border: 1px solid var(--ijk-line); border-radius: 3px;
    font-size: 13.5px; color: var(--ijk-steel-900); background-color: #fff;
}
.ijk-pdp .ijk-bb-variants select.form-control:focus {
    border-color: var(--ijk-green); box-shadow: 0 0 0 3px rgba(31,77,40,.1);
}

/* ---------- Adet + Sepet ---------- */
.ijk-bb-buy { display: flex; align-items: stretch; gap: 8px; margin-bottom: 9px; }

.ijk-pdp .ijk-bb-qty {
    display: flex; align-items: stretch; flex: 0 0 auto;
    border: 1px solid var(--ijk-line); border-radius: 3px; overflow: hidden;
    background: #fff; margin: 0; width: auto;
}
.ijk-pdp .ijk-bb-qty .btn {
    width: 36px; min-width: 36px; padding: 0; margin: 0;
    border: 0 !important; border-radius: 0 !important;
    background: var(--ijk-steel-100) !important;
    color: var(--ijk-steel-600) !important;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 17px; box-shadow: none;
    transition: background .16s, color .16s;
}
.ijk-pdp .ijk-bb-qty .btn:hover {
    background: var(--ijk-green) !important; color: #fff !important;
}
.ijk-pdp .ijk-bb-qty input.form-control {
    width: 50px; min-width: 50px; height: auto;
    border: 0; border-radius: 0;
    border-left: 1px solid var(--ijk-line) !important;
    border-right: 1px solid var(--ijk-line) !important;
    text-align: center; padding: 0; margin: 0;
    font-family: var(--f-mono); font-size: 15px; font-weight: 600;
    color: var(--ijk-steel-900); box-shadow: none; background: #fff;
}
.ijk-pdp .ijk-bb-qty input.form-control:focus { box-shadow: none; }

/* Sepete ekle — tema pembesini bastır */
.ijk-pdp .ijk-bb-cart,
.ijk-pdp button.ijk-bb-cart {
    flex: 1 1 auto; min-width: 0;
    height: 50px; border: 0 !important; border-radius: 3px; cursor: pointer;
    background: var(--ijk-green) !important;
    color: #fff !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    font-family: var(--f-display);
    font-size: 17px; font-weight: 600; letter-spacing: .7px;
    text-transform: uppercase; white-space: nowrap;
    box-shadow: none; transition: background .18s;
}
.ijk-pdp .ijk-bb-cart:hover { background: var(--ijk-green-mid) !important; color: #fff !important; }
.ijk-pdp .ijk-bb-cart .ijk-ic { font-size: 19px; }

/* İkincil butonlar */
.ijk-bb-secondary { display: flex; flex-direction: column; gap: 8px; }

.ijk-pdp .ijk-bb-fast,
.ijk-pdp .ijk-bb-wp,
.ijk-pdp .ijk-bb-pieces {
    width: 100%; height: 46px; border-radius: 3px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    font-family: var(--f-display);
    font-size: 15.5px; font-weight: 600; letter-spacing: .5px;
    text-decoration: none; white-space: nowrap; box-shadow: none;
    transition: filter .18s, background .18s, border-color .18s;
}

/* Hemen al — temanın grisini bastır, amber */
.ijk-pdp .ijk-bb-fast {
    background: var(--ijk-amber) !important;
    color: var(--ijk-steel-900) !important;
    border: 0 !important;
}
.ijk-pdp .ijk-bb-fast:hover { filter: brightness(1.07); color: var(--ijk-steel-900) !important; }

/* WhatsApp — temanın dolu yeşilini bastır, outline */
.ijk-pdp .ijk-bb-wp {
    background: #fff !important;
    color: var(--ijk-steel-900) !important;
    border: 1px solid var(--ijk-line) !important;
}
.ijk-pdp .ijk-bb-wp .ijk-ic.wa { font-size: 20px; color: #25D366; }
.ijk-pdp .ijk-bb-wp:hover {
    background: #F4FDF7 !important; border-color: #25D366 !important;
    color: var(--ijk-steel-900) !important;
}
.ijk-pdp .ijk-bb-wp.is-solo { margin-top: 12px; }

.ijk-pdp .ijk-bb-pieces {
    margin-top: 8px;
    background: var(--ijk-green-lite) !important;
    color: var(--ijk-green) !important;
    border: 0 !important;
}
.ijk-pdp .ijk-bb-pieces:hover { background: var(--ijk-green) !important; color: #fff !important; }

/* Stokta yok */
.ijk-bb-oos {
    background: rgba(192,57,43,.07); color: #A5342A;
    border-radius: 3px; padding: 13px 15px;
    font-size: 13px; line-height: 1.6;
}

.ijk-bb-fav { margin-top: 12px; }

/* Bayilik notu */
.ijk-bb-dealer {
    display: flex; align-items: center; gap: 11px;
    margin-top: 16px; padding: 12px 13px;
    background: var(--ijk-green-lite); border-radius: 3px;
    text-decoration: none; transition: background .18s;
}
.ijk-bb-dealer:hover { background: #E2EBE2; }
.ijk-bb-dealer > .ijk-ic { font-size: 21px; color: var(--ijk-green); }
.ijk-bb-dealer strong {
    display: block; font-family: var(--f-display);
    font-size: 14.5px; font-weight: 600; color: var(--ijk-steel-900);
}
.ijk-bb-dealer span { display: block; font-size: 11.5px; color: var(--ijk-steel-600); }
.ijk-bb-dealer .arrow { margin-left: auto; font-size: 20px; color: var(--ijk-green); }

/* =========================================================
   MOBİL SABİT SATIN ALMA ÇUBUĞU
   ========================================================= */
.ijk-mobile-buy {
    position: fixed; left: 0; right: 0; bottom: 62px;   /* alt navbar üstü */
    z-index: 1050;
    display: none; align-items: center; gap: 12px;
    background: #fff; border-top: 1px solid var(--ijk-line);
    box-shadow: 0 -4px 18px rgba(22,26,23,.1);
    padding: 10px 14px;
    transform: translateY(130%);
    transition: transform .25s ease;
}
.ijk-mobile-buy.is-visible { transform: translateY(0); }
.ijk-mobile-buy .mb-price { flex: 0 0 auto; line-height: 1.2; }
.ijk-mobile-buy .mb-price strong {
    display: block; font-family: var(--f-mono);
    font-size: 18px; font-weight: 700; letter-spacing: -.5px;
    color: var(--ijk-steel-900);
}
.ijk-mobile-buy .mb-price span { font-size: 10.5px; color: var(--ijk-steel-600); }
.ijk-mobile-buy .mb-cart {
    flex: 1 1 auto; height: 46px;
    border: 0 !important; border-radius: 3px;
    background: var(--ijk-green) !important; color: #fff !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    font-family: var(--f-display); font-size: 15.5px; font-weight: 600;
    letter-spacing: .6px; text-transform: uppercase; white-space: nowrap;
    box-shadow: none;
}
.ijk-mobile-buy .mb-cart .ijk-ic { font-size: 18px; }

@media (max-width: 991px) {
    .ijk-mobile-buy { display: flex; }
}

/* =========================================================
   ERİŞİLEBİLİRLİK
   ========================================================= */
.ijk-pdp a:focus-visible,
.ijk-pdp button:focus-visible,
.ijk-pdp select:focus-visible,
.ijk-pdp input:focus-visible,
.ijk-mobile-buy button:focus-visible {
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .ijk-pdp *, .ijk-mobile-buy { transition: none !important; }
}

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width: 1199px) {
    .ijk-buybox { position: static; }
    .ijk-gallery { position: sticky; top: 16px; }
}
@media (max-width: 991px) {
    .ijk-gallery { position: static; }
    .ijk-pdp h1.title { font-size: 22px; }
    .ijk-pdp .ijk-bb-price .sale-price { font-size: 27px !important; }
    .ijk-pdp { padding-bottom: 24px; }
    /* Mobil çubuk açıkken içerik gizlenmesin */
    .ijk-pdp-row { margin-bottom: 60px; }
}
@media (max-width: 575px) {
    .ijk-gallery .carousel-item a { padding: 18px; }
    .ijk-pdp h1.title { font-size: 19px; line-height: 1.35; }
    .ijk-thumbs li { width: 56px; height: 56px; }
    .ijk-buybox { padding: 16px; }
    .ijk-pdp .ijk-bb-price .sale-price { font-size: 25px !important; }
    .ijk-pdp .ijk-bb-cart { font-size: 15px; height: 48px; gap: 7px; }
    .ijk-pdp .ijk-bb-qty .btn { width: 34px; min-width: 34px; }
    .ijk-pdp .ijk-bb-qty input.form-control { width: 44px; min-width: 44px; }
    .ijk-specs-table th { width: 42%; font-size: 12px; padding: 9px 11px; }
    .ijk-specs-table td { font-size: 12.5px; padding: 9px 11px; }
    .ijk-svc { padding: 12px 13px; gap: 10px; }
    .ijk-svc strong { font-size: 14px; }
    .ijk-code-row { width: 100%; }
    .ijk-mobile-buy .mb-cart { font-size: 14.5px; }
    .ijk-mobile-buy .mb-price strong { font-size: 16.5px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜYE GİRİŞİ
   style.css dosyasının SONUNA eklenir.
   Tema renklerini bastırmak için !important kullanır.
   ========================================================= */

.ijk-auth .ijk-ic {
    width: 1em; height: 1em;
    fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto; display: inline-block; vertical-align: -.12em;
}
.ijk-auth .soc-ic { width: 19px; height: 19px; flex: 0 0 auto; }

.ijk-auth {
    padding: 26px 0 44px;
    font-family: var(--f-body);
}

.ijk-auth-card {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 6px 30px rgba(22,26,23,.07);
}

/* =========================================================
   SOL — TANITIM PANELİ
   ========================================================= */
.ijk-auth-aside {
    background: linear-gradient(155deg, var(--ijk-green-deep) 0%, var(--ijk-green) 100%);
    color: #fff;
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.ijk-auth-aside::after {
    content: '';
    position: absolute; right: -70px; top: -70px;
    width: 240px; height: 240px; border-radius: 50%;
    background: rgba(255,255,255,.045);
}

.aside-eyebrow {
    display: inline-block; align-self: flex-start;
    font-size: 10.5px; font-weight: 700; letter-spacing: .16em;
    text-transform: uppercase; color: var(--ijk-amber);
    background: rgba(255,255,255,.09);
    padding: 5px 11px; border-radius: 20px;
    margin-bottom: 16px; position: relative;
}
.ijk-auth-aside h2 {
    font-family: var(--f-display);
    font-size: 27px; font-weight: 600; line-height: 1.28;
    letter-spacing: .3px; color: #fff;
    margin: 0 0 12px; position: relative;
}
.aside-top p {
    font-size: 13.5px; line-height: 1.7;
    color: rgba(255,255,255,.66); margin: 0;
    position: relative;
}

.aside-list {
    list-style: none; margin: 30px 0 auto; padding: 0;
    display: flex; flex-direction: column; gap: 15px;
    position: relative;
}
.aside-list li { display: flex; align-items: flex-start; gap: 11px; }
.aside-list .ijk-ic {
    font-size: 15px; color: var(--ijk-amber);
    stroke-width: 2.6; margin-top: 3px;
}
.aside-list strong {
    display: block; font-size: 14px; font-weight: 600;
    color: #fff; letter-spacing: .2px;
}
.aside-list span {
    display: block; font-size: 12px; line-height: 1.55;
    color: rgba(255,255,255,.55); margin-top: 2px;
}

.aside-brands {
    margin-top: 32px; padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.12);
    position: relative;
}
.aside-brands > span {
    display: block; font-size: 10.5px; letter-spacing: .1em;
    text-transform: uppercase; color: rgba(255,255,255,.42);
    margin-bottom: 9px;
}
.aside-brands > div {
    display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
}
.aside-brands b {
    font-family: var(--f-display);
    font-size: 13.5px; font-weight: 600; letter-spacing: .5px;
    color: rgba(255,255,255,.85);
}
.aside-brands i {
    width: 4px; height: 4px; border-radius: 50%;
    background: rgba(255,255,255,.25);
}

/* =========================================================
   SAĞ — FORM
   ========================================================= */
.ijk-auth-main { padding: 40px 40px 34px; display: flex; flex-direction: column; }

.ijk-auth-head { margin-bottom: 26px; }
.ijk-auth-head h1 {
    font-family: var(--f-display);
    font-size: 26px; font-weight: 600; letter-spacing: .4px;
    color: var(--ijk-steel-900); margin: 0 0 6px;
}
.ijk-auth-head p {
    font-size: 13.5px; color: var(--ijk-steel-600); margin: 0;
}

/* Alanlar */
.ijk-auth-form .ijk-field { margin-bottom: 16px; }

.ijk-auth-form label {
    display: block; margin: 0 0 7px;
    font-size: 12.5px; font-weight: 600;
    color: var(--ijk-steel-900); letter-spacing: .2px;
}
.ijk-label-row {
    display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
}
.ijk-label-row label { margin-bottom: 7px; }
.ijk-forgot {
    font-size: 12px; font-weight: 500;
    color: var(--ijk-green) !important; text-decoration: none;
    white-space: nowrap;
}
.ijk-forgot:hover { text-decoration: underline; color: var(--ijk-green) !important; }

.ijk-input-wrap { position: relative; display: flex; align-items: center; }
.ijk-input-wrap .in-ico {
    position: absolute; left: 14px; z-index: 2;
    font-size: 18px; color: var(--ijk-steel-300);
    pointer-events: none; transition: color .18s;
}
.ijk-input-wrap:focus-within .in-ico { color: var(--ijk-green); }

.ijk-auth .ijk-input-wrap input.form-control {
    width: 100%; height: 50px;
    padding: 0 14px 0 44px;
    border: 1px solid var(--ijk-line) !important;
    border-radius: 3px !important;
    background: #FCFDFC !important;
    font-family: var(--f-body); font-size: 14.5px;
    color: var(--ijk-steel-900) !important;
    box-shadow: none !important;
    transition: border-color .18s, background .18s, box-shadow .18s;
}
.ijk-auth .ijk-input-wrap input.form-control::placeholder {
    color: #A9AFAA; font-size: 14px;
}
.ijk-auth .ijk-input-wrap input.form-control:focus {
    border-color: var(--ijk-green) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(31,77,40,.1) !important;
}
.ijk-auth .ijk-input-wrap input[type="password"] { padding-right: 46px; }
.ijk-auth .ijk-input-wrap input[type="text"]#ijk-password { padding-right: 46px; }

.ijk-pw-toggle {
    position: absolute; right: 6px; z-index: 2;
    width: 34px; height: 34px; padding: 0;
    border: 0; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--ijk-steel-300); font-size: 18px;
    border-radius: 3px; transition: color .18s, background .18s;
}
.ijk-pw-toggle:hover { color: var(--ijk-green); background: var(--ijk-green-lite); }
.ijk-pw-toggle.is-on { color: var(--ijk-green); }

/* Giriş butonu — tema yeşilini/mavisini bastır */
.ijk-auth .ijk-btn-login,
.ijk-auth button.ijk-btn-login {
    width: 100%; height: 50px; margin-top: 6px;
    border: 0 !important; border-radius: 3px; cursor: pointer;
    background: var(--ijk-green) !important;
    color: #fff !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    font-family: var(--f-display);
    font-size: 17px; font-weight: 600; letter-spacing: .8px;
    text-transform: uppercase; box-shadow: none;
    transition: background .18s;
}
.ijk-auth .ijk-btn-login:hover { background: var(--ijk-green-mid) !important; color: #fff !important; }
.ijk-auth .ijk-btn-login .ijk-ic { font-size: 19px; }

/* Ayraç */
.ijk-or {
    position: relative; text-align: center;
    margin: 22px 0 16px;
}
.ijk-or::before {
    content: ''; position: absolute; left: 0; right: 0; top: 50%;
    height: 1px; background: var(--ijk-line);
}
.ijk-or span {
    position: relative; background: #fff; padding: 0 14px;
    font-size: 12px; color: var(--ijk-steel-300);
    text-transform: uppercase; letter-spacing: .1em;
}

/* Sosyal giriş — tema renklerini bastır, nötr outline */
.ijk-social { display: flex; flex-direction: column; gap: 9px; }

.ijk-auth .ijk-soc {
    width: 100%; height: 46px;
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    background: #fff !important;
    color: var(--ijk-steel-900) !important;
    border: 1px solid var(--ijk-line) !important;
    border-radius: 3px; margin: 0 !important;
    font-family: var(--f-body); font-size: 14px; font-weight: 500;
    text-decoration: none; box-shadow: none;
    transition: border-color .18s, background .18s;
}
.ijk-auth .ijk-soc:hover {
    background: #FAFBFA !important;
    border-color: var(--ijk-steel-300) !important;
    color: var(--ijk-steel-900) !important;
}

/* Üyeliksiz devam */
.ijk-guest {
    margin-top: 22px; padding: 16px;
    background: var(--ijk-steel-100);
    border: 1px solid var(--ijk-line);
    border-radius: 3px;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    flex-wrap: wrap;
}
.ijk-guest .guest-txt strong {
    display: block; font-size: 13.5px; font-weight: 600; color: var(--ijk-steel-900);
}
.ijk-guest .guest-txt span {
    display: block; font-size: 12px; color: var(--ijk-steel-600); margin-top: 2px;
}
.ijk-auth .ijk-btn-guest {
    flex: 0 0 auto; height: 42px; padding: 0 18px;
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--ijk-amber) !important;
    color: var(--ijk-steel-900) !important;
    border: 0 !important; border-radius: 3px;
    font-family: var(--f-display); font-size: 15px; font-weight: 600;
    letter-spacing: .4px; text-decoration: none; white-space: nowrap;
    box-shadow: none; transition: filter .18s;
}
.ijk-auth .ijk-btn-guest:hover { filter: brightness(1.07); color: var(--ijk-steel-900) !important; }
.ijk-auth .ijk-btn-guest .ijk-ic { font-size: 17px; }

/* Alt bağlantı */
.ijk-auth-foot {
    margin-top: 24px; padding-top: 18px;
    border-top: 1px solid var(--ijk-line);
    font-size: 13.5px; color: var(--ijk-steel-600); text-align: center;
}
.ijk-auth-foot a {
    color: var(--ijk-green) !important; font-weight: 600; text-decoration: none;
}
.ijk-auth-foot a:hover { text-decoration: underline; }

/* =========================================================
   ERİŞİLEBİLİRLİK
   ========================================================= */
.ijk-auth a:focus-visible,
.ijk-auth button:focus-visible,
.ijk-auth input:focus-visible {
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .ijk-auth * { transition: none !important; }
}

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width: 991px) {
    .ijk-auth-card { grid-template-columns: 1fr; max-width: 560px; }

    /* Mobilde tanıtım paneli forma engel olmasın — altta ve kompakt */
    .ijk-auth-aside { order: 2; padding: 28px 26px; }
    .ijk-auth-main  { order: 1; }

    .ijk-auth-aside h2 { font-size: 22px; }
    .aside-list { margin: 22px 0 0; gap: 13px; }
    .aside-brands { margin-top: 24px; }
}
@media (max-width: 575px) {
    .ijk-auth { padding: 16px 0 30px; }
    .ijk-auth-card { border-radius: 4px; }
    .ijk-auth-main { padding: 28px 20px 24px; }
    .ijk-auth-head h1 { font-size: 22px; }
    .ijk-auth .ijk-input-wrap input.form-control { height: 48px; font-size: 15px; }
    .ijk-auth .ijk-btn-login { height: 48px; font-size: 16px; }
    .ijk-auth-aside { padding: 24px 20px; }
    .ijk-auth-aside h2 { font-size: 20px; }

    .ijk-guest { flex-direction: column; align-items: stretch; }
    .ijk-auth .ijk-btn-guest { width: 100%; justify-content: center; }
}

/* =========================================================
   IJK JAPAN RULMAN — GİRİŞ SAYFASI SAĞ PANELİ
   style.css SONUNA eklenir (uye-giris.css'ten sonra).
   ========================================================= */

.ijk-side .ijk-ic {
    width: 1em; height: 1em;
    fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto; display: inline-block; vertical-align: -.12em;
}

.ijk-side {
    display: flex; flex-direction: column; gap: 14px;
    font-family: var(--f-body);
    background: none; border: 0; padding: 0;
}

/* ---------- Kart ---------- */
.ijk-side .ijk-side-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    padding: 24px 22px;
    margin: 0;
    text-align: left;
    transition: border-color .2s, box-shadow .2s;
}
.ijk-side .ijk-side-card:hover {
    border-color: var(--ijk-steel-300);
    box-shadow: 0 4px 18px rgba(22,26,23,.06);
}
.ijk-side .ijk-side-card.is-primary {
    border-color: var(--ijk-green);
    background: linear-gradient(180deg, var(--ijk-green-lite) 0%, #fff 62%);
}
.ijk-side .ijk-side-card.is-primary:hover {
    border-color: var(--ijk-green);
    box-shadow: 0 6px 22px rgba(31,77,40,.12);
}

/* Köşe etiketi */
.ijk-side-tag {
    position: absolute; top: 16px; right: 18px;
    font-family: var(--f-display);
    font-size: 10.5px; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; line-height: 1;
    color: var(--ijk-steel-900); background: var(--ijk-amber);
    padding: 5px 9px; border-radius: 3px;
}

/* İkon */
.ijk-side-ico {
    width: 42px; height: 42px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    background: var(--ijk-steel-100);
    color: var(--ijk-green); font-size: 21px;
    margin-bottom: 14px;
}
.ijk-side-card.is-primary .ijk-side-ico {
    background: var(--ijk-green); color: #fff;
}

/* Başlık ve metin */
.ijk-side .ijk-side-card h4 {
    font-family: var(--f-display);
    font-size: 18px; font-weight: 600; letter-spacing: .3px;
    color: var(--ijk-steel-900);
    margin: 0 0 7px;
}
.ijk-side .ijk-side-card p {
    font-size: 13px; line-height: 1.7;
    color: var(--ijk-steel-600);
    margin: 0 0 16px;
}

/* Avantaj listesi */
.ijk-side-list {
    list-style: none; margin: 0 0 18px; padding: 0;
    display: flex; flex-direction: column; gap: 8px;
}
.ijk-side-list li {
    display: flex; align-items: center; gap: 9px;
    font-size: 13px; color: var(--ijk-steel-900);
}
.ijk-side-list .ijk-ic {
    font-size: 14px; color: var(--ijk-green); stroke-width: 2.6;
}

/* ---------- Butonlar — tema kırmızı/mavisini bastır ---------- */
.ijk-side .ijk-side-btn,
.ijk-side a.ijk-side-btn {
    width: 100%; height: 46px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    border-radius: 3px; margin: 0 !important;
    font-family: var(--f-display);
    font-size: 15.5px; font-weight: 600; letter-spacing: .5px;
    text-decoration: none; white-space: nowrap;
    box-shadow: none;
    transition: background .18s, border-color .18s, color .18s, filter .18s;
}
.ijk-side .ijk-side-btn .ijk-ic { font-size: 17px; }

.ijk-side .ijk-side-btn.is-ghost {
    background: #fff !important;
    color: var(--ijk-steel-900) !important;
    border: 1px solid var(--ijk-line) !important;
}
.ijk-side .ijk-side-btn.is-ghost:hover {
    background: var(--ijk-steel-100) !important;
    border-color: var(--ijk-steel-300) !important;
    color: var(--ijk-steel-900) !important;
}

.ijk-side .ijk-side-btn.is-solid {
    background: var(--ijk-green) !important;
    color: #fff !important;
    border: 0 !important;
}
.ijk-side .ijk-side-btn.is-solid:hover {
    background: var(--ijk-green-mid) !important;
    color: #fff !important;
}

/* ---------- Destek kutusu ---------- */
.ijk-side-help {
    display: flex; align-items: flex-start; gap: 12px;
    background: var(--ijk-steel-100);
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    padding: 16px 18px;
}
.ijk-side-help > .ijk-ic {
    font-size: 22px; color: var(--ijk-green); margin-top: 2px;
}
.ijk-side-help strong {
    display: block; font-family: var(--f-display);
    font-size: 14.5px; font-weight: 600; letter-spacing: .2px;
    color: var(--ijk-steel-900);
}
.ijk-side-help span {
    display: block; font-size: 12px; color: var(--ijk-steel-600); margin-top: 2px;
}
.ijk-side-help a {
    display: inline-block; margin-top: 5px;
    font-family: var(--f-mono); font-size: 15px; font-weight: 700;
    letter-spacing: .4px;
    color: var(--ijk-green) !important; text-decoration: none;
}
.ijk-side-help a:hover { text-decoration: underline; }

/* ---------- Erişilebilirlik ---------- */
.ijk-side a:focus-visible { outline: 2px solid var(--ijk-amber); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .ijk-side * { transition: none !important; } }

/* ---------- Duyarlı ---------- */
@media (max-width: 991px) {
    .ijk-side { margin-top: 18px; }
}
@media (max-width: 575px) {
    .ijk-side .ijk-side-card { padding: 20px 17px; }
    .ijk-side .ijk-side-card h4 { font-size: 16.5px; }
    .ijk-side-ico { width: 38px; height: 38px; font-size: 19px; margin-bottom: 12px; }
    .ijk-side .ijk-side-btn { height: 44px; font-size: 15px; }
    .ijk-side-help { padding: 14px 15px; }
}

/* =========================================================
   GİRİŞ FORMUYLA BİRLİKTE KULLANIM
   Bu panel giriş formunun yanında duruyorsa, formdaki sol
   tanıtım panelini gizleyin (aynı mesaj iki kez çıkmasın).
   ========================================================= */
.ijk-auth-card:not(.is-standalone) .ijk-auth-aside { display: none; }
.ijk-auth-card:not(.is-standalone) { grid-template-columns: 1fr; max-width: 100%; }
.ijk-auth-card:not(.is-standalone) .ijk-auth-foot { display: none; }



/* =========================================================
   IJK JAPAN RULMAN — ÜYE OL / KAYIT
   style.css SONUNA eklenir.

   NOT: .ibutton onay kutusu eklentisi kullanılıyorsa kutuların
   görünümünü eklenti yönetir; buradaki kurallar yalnızca
   eklenti devre dışıysa devreye girer, çakışma yaratmaz.
   ========================================================= */

.ijk-reg .ijk-ic {
    width: 1em; height: 1em;
    fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto; display: inline-block; vertical-align: -.12em;
}

.ijk-reg {
    padding: 24px 0 44px;
    font-family: var(--f-body);
}

.ijk-reg-card {
    max-width: 780px; margin: 0 auto;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 6px 30px rgba(22,26,23,.06);
}

/* ---------- Başlık ---------- */
.ijk-reg-head {
    background: linear-gradient(150deg, var(--ijk-green-deep) 0%, var(--ijk-green) 100%);
    color: #fff;
    padding: 34px 34px 30px;
    position: relative; overflow: hidden;
}
.ijk-reg-head::after {
    content: ''; position: absolute; right: -60px; top: -60px;
    width: 210px; height: 210px; border-radius: 50%;
    background: rgba(255,255,255,.05);
}
.ijk-reg-tag {
    display: inline-block; position: relative;
    font-size: 10.5px; font-weight: 700; letter-spacing: .16em;
    text-transform: uppercase; color: var(--ijk-amber);
    background: rgba(255,255,255,.09);
    padding: 5px 11px; border-radius: 20px; margin-bottom: 13px;
}
.ijk-reg-head h1 {
    font-family: var(--f-display);
    font-size: 27px; font-weight: 600; letter-spacing: .4px;
    color: #fff; margin: 0 0 7px; position: relative;
}
.ijk-reg-head p {
    font-size: 13.5px; line-height: 1.7;
    color: rgba(255,255,255,.66); margin: 0; position: relative;
    max-width: 480px;
}

/* ---------- Avantaj şeridi ---------- */
.ijk-reg-perks {
    display: grid; grid-template-columns: repeat(3, 1fr);
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
}
.ijk-reg-perks .perk {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 13px 10px;
    font-size: 12.5px; font-weight: 500; color: var(--ijk-steel-900);
    border-right: 1px solid var(--ijk-line);
    text-align: center;
}
.ijk-reg-perks .perk:last-child { border-right: 0; }
.ijk-reg-perks .ijk-ic { font-size: 18px; color: var(--ijk-green); }

/* ---------- Form gövdesi ---------- */
.ijk-reg-form { padding: 28px 34px 32px; }

/* Bilgi notu — alert-info yerine */
.ijk-reg .ijk-reg-note {
    display: flex; align-items: flex-start; gap: 11px;
    background: var(--ijk-green-lite);
    border: 0; border-left: 3px solid var(--ijk-green);
    border-radius: 0 3px 3px 0;
    padding: 13px 15px; margin-bottom: 24px;
    font-size: 13px; line-height: 1.65; color: var(--ijk-steel-900);
}
.ijk-reg .ijk-reg-note .ijk-ic { font-size: 18px; color: var(--ijk-green); margin-top: 1px; }
.ijk-reg .ijk-reg-note:empty { display: none; }

/* ---------- Bölümler ---------- */
.ijk-reg-section { margin-bottom: 26px; }
.ijk-reg-section:last-of-type { margin-bottom: 20px; }

.ijk-sec-head {
    display: flex; align-items: center; gap: 10px;
    padding-bottom: 11px; margin-bottom: 16px;
    border-bottom: 1px solid var(--ijk-line);
}
.ijk-sec-head .sec-num {
    width: 24px; height: 24px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--ijk-green); color: #fff;
    font-family: var(--f-mono); font-size: 12px; font-weight: 700;
    flex: 0 0 auto;
}
.ijk-sec-head h3 {
    margin: 0; font-family: var(--f-display);
    font-size: 16.5px; font-weight: 600; letter-spacing: .5px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}

/* ---------- Alanlar ---------- */
.ijk-reg .ijk-fg { margin-bottom: 16px; }

.ijk-reg .ijk-fg label {
    display: block; margin: 0 0 7px;
    font-size: 12.5px; font-weight: 600;
    color: var(--ijk-steel-900); letter-spacing: .2px;
}
.ijk-reg .req { color: #C0392B; font-weight: 700; }

.ijk-reg .ijk-fg input.form-control {
    width: 100%; height: 46px;
    padding: 0 14px;
    border: 1px solid var(--ijk-line) !important;
    border-radius: 3px !important;
    background: #FCFDFC !important;
    font-family: var(--f-body); font-size: 14.5px;
    color: var(--ijk-steel-900) !important;
    box-shadow: none !important;
    transition: border-color .18s, background .18s, box-shadow .18s;
}
.ijk-reg .ijk-fg input.form-control::placeholder { color: #A9AFAA; font-size: 14px; }
.ijk-reg .ijk-fg input.form-control:focus {
    border-color: var(--ijk-green) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(31,77,40,.1) !important;
}

.ijk-hint {
    display: block; margin-top: 6px;
    font-size: 11.5px; color: var(--ijk-steel-600);
}

/* Şifre göster/gizle */
.ijk-pw-wrap { position: relative; display: flex; align-items: center; }
.ijk-pw-wrap input.form-control { padding-right: 46px !important; }
.ijk-pw-btn {
    position: absolute; right: 6px; z-index: 2;
    width: 32px; height: 32px; padding: 0;
    border: 0; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--ijk-steel-300); font-size: 17px;
    border-radius: 3px; transition: color .18s, background .18s;
}
.ijk-pw-btn:hover { color: var(--ijk-green); background: var(--ijk-green-lite); }
.ijk-pw-btn.is-on { color: var(--ijk-green); }

/* ---------- Onay kutuları ---------- */
.ijk-checks { display: flex; flex-direction: column; gap: 10px; }

.ijk-reg .ijk-check {
    display: flex; align-items: flex-start; gap: 11px;
    padding: 13px 15px;
    background: #FBFCFB;
    border: 1px solid var(--ijk-line);
    border-radius: 3px;
    transition: border-color .18s, background .18s;
}
.ijk-reg .ijk-check:hover { border-color: var(--ijk-steel-300); }
.ijk-reg .ijk-check.is-required { background: var(--ijk-green-lite); border-color: rgba(31,77,40,.22); }

/* Eklenti devre dışıysa geçerli olacak sade kutu görünümü */
.ijk-reg .ijk-check > input[type="checkbox"] {
    width: 17px; height: 17px; margin: 2px 0 0; padding: 0;
    flex: 0 0 auto; cursor: pointer;
    accent-color: var(--ijk-green);
}

.ijk-reg .ijk-check > label {
    margin: 0; flex: 1 1 auto; cursor: pointer;
    font-size: 12.5px; line-height: 1.65; font-weight: 400;
    color: var(--ijk-steel-600);
}
.ijk-reg .ijk-check.is-required > label { color: var(--ijk-steel-900); }
.ijk-reg .ijk-check > label a {
    color: var(--ijk-green) !important; font-weight: 600; text-decoration: underline;
}
.ijk-reg .ijk-check > label a:hover { color: var(--ijk-green-mid) !important; }

/* ---------- Gönder ---------- */
.ijk-reg-submit { margin-top: 4px; }

.ijk-reg .ijk-btn-register,
.ijk-reg button.ijk-btn-register {
    width: 100%; height: 52px;
    border: 0 !important; border-radius: 3px; cursor: pointer;
    background: var(--ijk-green) !important;
    color: #fff !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    font-family: var(--f-display);
    font-size: 17.5px; font-weight: 600; letter-spacing: .8px;
    text-transform: uppercase; box-shadow: none;
    transition: background .18s;
}
.ijk-reg .ijk-btn-register:hover { background: var(--ijk-green-mid) !important; color: #fff !important; }
.ijk-reg .ijk-btn-register .ijk-ic { font-size: 20px; }

.ijk-reg-login {
    margin: 16px 0 0; text-align: center;
    font-size: 13.5px; color: var(--ijk-steel-600);
}
.ijk-reg-login a {
    color: var(--ijk-green) !important; font-weight: 600; text-decoration: none;
}
.ijk-reg-login a:hover { text-decoration: underline; }

/* ---------- Erişilebilirlik ---------- */
.ijk-reg a:focus-visible,
.ijk-reg button:focus-visible,
.ijk-reg input:focus-visible {
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) { .ijk-reg * { transition: none !important; } }

/* ---------- Duyarlı ---------- */
@media (max-width: 767px) {
    .ijk-reg-perks { grid-template-columns: 1fr; }
    .ijk-reg-perks .perk {
        border-right: 0; border-bottom: 1px solid var(--ijk-line);
        justify-content: flex-start; padding: 11px 20px;
    }
    .ijk-reg-perks .perk:last-child { border-bottom: 0; }
}
@media (max-width: 575px) {
    .ijk-reg { padding: 14px 0 30px; }
    .ijk-reg-head { padding: 26px 20px 24px; }
    .ijk-reg-head h1 { font-size: 22px; }
    .ijk-reg-form { padding: 22px 20px 26px; }
    .ijk-sec-head h3 { font-size: 15px; }
    .ijk-reg .ijk-fg input.form-control { height: 48px; font-size: 15px; }
    .ijk-reg .ijk-btn-register { height: 50px; font-size: 16px; }
    .ijk-reg .ijk-check { padding: 12px 13px; gap: 10px; }
}


/* =========================================================
   IJK JAPAN RULMAN — KATEGORİ LİSTELEME MODÜLÜ
   style.css SONUNA eklenir.

   NOT: .category-list-slick slick tarafından yönetildiği için
   ızgara kuralları YALNIZCA .category-list-grid'e uygulanır.
   Kart stilleri her ikisinde de ortaktır.
   ========================================================= */

.ijk-catlist .ijk-ic {
    width: 1em; height: 1em;
    fill: none; stroke: currentColor;
    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto; display: inline-block; vertical-align: -.1em;
}

/* =========================================================
   IZGARA — sadece masaüstü sarmalayıcısı
   ========================================================= */
.category-list-grid.ijk-catlist {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 16px;
    margin: 0;
}

/* =========================================================
   KART — her iki sarmalayıcıda ortak
   ========================================================= */
.ijk-catlist .category-list {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.ijk-catlist .category-list:hover {
    border-color: var(--ijk-green);
    box-shadow: 0 8px 24px rgba(22,26,23,.09);
}

/* ---------- Görsel ---------- */
.ijk-catlist .category-list-image {
    position: relative;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.ijk-catlist .category-list-image::after {
    /* üstte hafif marka vurgusu */
    content: '';
    position: absolute; left: 0; right: 0; top: 0; height: 3px;
    background: var(--ijk-green);
    transform: scaleX(0); transform-origin: left;
    transition: transform .28s ease;
}
.ijk-catlist .category-list:hover .category-list-image::after { transform: scaleX(1); }

.ijk-catlist .category-list-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    padding: 16px;
    mix-blend-mode: multiply;
    transition: transform .38s ease;
}
.ijk-catlist .category-list:hover .category-list-image img { transform: scale(1.06); }

/* ---------- Başlık ---------- */
.ijk-catlist .category-list-title {
    display: block;
    padding: 14px 16px 10px;
    font-family: var(--f-display);
    font-size: 17px; font-weight: 600;
    letter-spacing: .5px; line-height: 1.3;
    text-transform: uppercase;
    color: var(--ijk-steel-900) !important;
    text-decoration: none;
    transition: color .18s;
}
.ijk-catlist .category-list-title:hover { color: var(--ijk-green) !important; }

/* ---------- Alt kategori listesi ---------- */
.ijk-catlist .category-list ul {
    list-style: none;
    margin: 0;
    padding: 0 16px 14px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.ijk-catlist .category-list ul li {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.ijk-catlist .category-list ul li a {
    display: block;
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--ijk-steel-600) !important;
    text-decoration: none;
    position: relative;
    padding-left: 12px;
    transition: color .16s, padding-left .16s;
}
.ijk-catlist .category-list ul li a::before {
    content: '';
    position: absolute; left: 0; top: 50%;
    width: 4px; height: 1px;
    background: var(--ijk-steel-300);
    transition: width .16s, background .16s;
}
.ijk-catlist .category-list ul li a:hover {
    color: var(--ijk-green) !important;
    padding-left: 16px;
}
.ijk-catlist .category-list ul li a:hover::before {
    width: 8px; background: var(--ijk-green);
}

/* ---------- Daha fazlası ---------- */
.ijk-catlist .category-list ul li.all-category {
    margin-top: auto;
    padding-top: 10px;
}
.ijk-catlist .category-list ul li.all-category a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: 3px;
    background: var(--ijk-green-lite);
    color: var(--ijk-green) !important;
    font-family: var(--f-display);
    font-size: 13.5px; font-weight: 600; letter-spacing: .4px;
    align-self: flex-start;
    transition: background .18s, color .18s, gap .18s;
}
.ijk-catlist .category-list ul li.all-category a::before { display: none; }
.ijk-catlist .category-list ul li.all-category a:hover {
    background: var(--ijk-green);
    color: #fff !important;
    padding-left: 12px;
    gap: 8px;
}
.ijk-catlist .category-list ul li.all-category .ijk-ic { font-size: 15px; }

/* =========================================================
   SLICK CAROUSEL DÜZELTMELERİ
   ========================================================= */
.category-list-slick.ijk-catlist .slick-track {
    display: flex !important;
    align-items: stretch;
}
.category-list-slick.ijk-catlist .slick-slide {
    height: inherit !important;
    margin: 0 7px;
}
.category-list-slick.ijk-catlist .slick-slide > div { height: 100%; }
.category-list-slick.ijk-catlist .slick-list { margin: 0 -7px; }

.category-list-slick.ijk-catlist .slick-dots li button:before {
    color: var(--ijk-steel-300); opacity: 1; font-size: 9px;
}
.category-list-slick.ijk-catlist .slick-dots li.slick-active button:before {
    color: var(--ijk-green); opacity: 1;
}

/* =========================================================
   ERİŞİLEBİLİRLİK
   ========================================================= */
.ijk-catlist a:focus-visible {
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .ijk-catlist *, .ijk-catlist *::after { transition: none !important; }
}

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width: 1199px) {
    .category-list-grid.ijk-catlist {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: 14px;
    }
}
@media (max-width: 767px) {
    .category-list-grid.ijk-catlist {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .ijk-catlist .category-list-title { font-size: 15px; padding: 12px 13px 8px; }
    .ijk-catlist .category-list ul { padding: 0 13px 12px; }
    .ijk-catlist .category-list ul li a { font-size: 12.5px; }
}
@media (max-width: 479px) {
    .category-list-grid.ijk-catlist { grid-template-columns: 1fr; }
    .ijk-catlist .category-list-image img { aspect-ratio: 16 / 9; padding: 14px; }
}


/* =========================================================
   IJK JAPAN RULMAN — E-BÜLTEN BLOĞU
   style.css SONUNA eklenir.
   Temanın mevcut .mailling stillerini bastırır.
   ========================================================= */

.ijk-news{
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 30%, rgba(232,163,61,.13) 0%, transparent 52%),
        linear-gradient(112deg, var(--ijk-green-deep) 0%, var(--ijk-green) 62%, var(--ijk-green-mid) 100%);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    font-family: var(--f-body);
}
.ijk-news::after{
    content:''; position:absolute; inset:0; z-index:0; opacity:.45;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 42px 42px;
    pointer-events: none;
}
.ijk-news *{ box-sizing: border-box; }
.ijk-news svg{
    fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

.ijk-news .mailling-content{
    position: relative; z-index: 1;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 40px;
    max-width: 1440px; margin: 0 auto;
    padding: 34px 44px;
    text-align: left;
}

/* ---------- Sol ---------- */
.ijk-news .news-left{
    display: flex; align-items: flex-start; gap: 18px;
}

.ijk-news .icon{
    flex: 0 0 auto;
    width: 54px; height: 54px; border-radius: 12px;
    background: rgba(232,163,61,.13);
    border: 1px solid rgba(232,163,61,.28);
    display: flex; align-items: center; justify-content: center;
    color: var(--ijk-amber);
    margin: 0;
}
.ijk-news .icon svg{ width: 27px; height: 27px; }

.ijk-news .news-txt{ min-width: 0; }

.ijk-news .title{
    font-family: var(--f-display);
    font-size: 25px; font-weight: 600; letter-spacing: .5px;
    line-height: 1.22; color: #fff;
    margin: 0 0 7px;
}
.ijk-news .desc{
    font-size: 13.5px; line-height: 1.65;
    color: rgba(255,255,255,.62);
    margin: 0;
    max-width: 430px;
}

.ijk-news .news-perks{
    list-style: none; margin: 15px 0 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: 8px 18px;
}
.ijk-news .news-perks li{
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 12.5px; color: rgba(255,255,255,.78);
    list-style: none; padding: 0;
}
.ijk-news .news-perks svg{
    width: 14px; height: 14px; stroke-width: 2.6;
    color: var(--ijk-amber); flex: 0 0 auto;
}

/* ---------- Sağ: form ---------- */
.ijk-news .news-right{ min-width: 0; }

.ijk-news .newsletter-form{
    display: flex;
    align-items: stretch;
    gap: 9px;
    margin: 0;
    width: 100%;
}

.ijk-news .newsletter-input,
.ijk-news input.newsletter-input.form-control{
    flex: 1 1 auto; min-width: 0;
    height: 54px;
    padding: 0 18px;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-family: var(--f-body); font-size: 14.5px;
    box-shadow: none !important;
    transition: border-color .18s, background .18s, box-shadow .18s;
}
.ijk-news .newsletter-input::placeholder{ color: rgba(255,255,255,.42); }
.ijk-news .newsletter-input:focus{
    border-color: var(--ijk-amber) !important;
    background: rgba(255,255,255,.11) !important;
    box-shadow: 0 0 0 3px rgba(232,163,61,.16) !important;
}
/* Tarayıcı otomatik doldurma beyaz zemin basmasın */
.ijk-news .newsletter-input:-webkit-autofill,
.ijk-news .newsletter-input:-webkit-autofill:focus{
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px rgba(24,52,30,.98) inset;
    caret-color: #fff;
}

.ijk-news .newsletter-form button,
.ijk-news .newsletter-form button[type="submit"]{
    flex: 0 0 auto;
    height: 54px; padding: 0 26px;
    border: 0 !important; border-radius: 3px;
    cursor: pointer;
    background: var(--ijk-amber) !important;
    color: var(--ijk-steel-900) !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    font-family: var(--f-display);
    font-size: 16.5px; font-weight: 600; letter-spacing: .8px;
    text-transform: uppercase; white-space: nowrap;
    box-shadow: none;
    transition: filter .18s, transform .18s;
}
.ijk-news .newsletter-form button svg{
    width: 18px; height: 18px; stroke-width: 2.2;
    transition: transform .18s;
}
.ijk-news .newsletter-form button:hover{
    filter: brightness(1.08); transform: translateY(-1px);
    color: var(--ijk-steel-900) !important;
}
.ijk-news .newsletter-form button:hover svg{ transform: translateX(3px); }

/* Gizlilik notu */
.ijk-news .news-note{
    display: flex; align-items: flex-start; gap: 8px;
    margin: 12px 0 0;
    font-size: 11.5px; line-height: 1.6;
    color: rgba(255,255,255,.45);
}
.ijk-news .news-note svg{
    width: 14px; height: 14px; flex: 0 0 auto; margin-top: 1px;
    color: rgba(255,255,255,.4);
}

/* ---------- Erişilebilirlik ---------- */
.ijk-news :focus-visible{ outline: 2px solid var(--ijk-amber); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce){
    .ijk-news *{ transition: none !important; }
}

/* ---------- Duyarlı ---------- */
@media (max-width: 1199px){
    .ijk-news .mailling-content{ gap: 30px; padding: 30px 30px; }
    .ijk-news .title{ font-size: 23px; }
}
@media (max-width: 991px){
    .ijk-news .mailling-content{
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 28px 24px;
    }
    .ijk-news .desc{ max-width: none; }
}
@media (max-width: 575px){
    .ijk-news .mailling-content{ padding: 24px 18px; gap: 18px; }
    .ijk-news .news-left{ gap: 13px; }
    .ijk-news .icon{ width: 44px; height: 44px; border-radius: 10px; }
    .ijk-news .icon svg{ width: 22px; height: 22px; }
    .ijk-news .title{ font-size: 20px; }
    .ijk-news .desc{ font-size: 13px; }
    .ijk-news .news-perks{ gap: 7px 14px; margin-top: 13px; }
    .ijk-news .news-perks li{ font-size: 12px; }

    /* Formu alt alta al — yan yana sığmıyor */
    .ijk-news .newsletter-form{ flex-direction: column; gap: 8px; }
    .ijk-news .newsletter-input{ width: 100%; height: 50px; }
    .ijk-news .newsletter-form button{ width: 100%; height: 50px; font-size: 15.5px; }
}

/* =========================================================
   IJK JAPAN RULMAN — SEPET (LİSTE + ÖZET)
   style.css SONUNA eklenir.
   Temanın mevcut sepet stillerini bastırır.
   ========================================================= */

.ijk-cart .ijk-ic,
.ijk-cart-actions .ijk-ic,
.ijk-summary .ijk-ic{
    width: 1em; height: 1em;
    fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto; display: inline-block; vertical-align: -.12em;
}

/* =========================================================
   SEPET LİSTESİ
   ========================================================= */
.ijk-cart{
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    overflow: hidden;
    font-family: var(--f-body);
}

/* ---------- Başlık ---------- */
.ijk-cart-head{
    display: flex; align-items: center; gap: 10px;
    padding: 15px 20px;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
}
.ijk-cart-head .ijk-ic{ font-size: 20px; color: var(--ijk-green); }
.ijk-cart-head h2{
    margin: 0; font-family: var(--f-display);
    font-size: 18px; font-weight: 600; letter-spacing: .6px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}
.ijk-cart-count{
    margin-left: auto;
    font-family: var(--f-mono); font-size: 12px; font-weight: 700;
    color: var(--ijk-green); background: var(--ijk-green-lite);
    padding: 4px 10px; border-radius: 3px;
}

/* ---------- Tablo ---------- */
.ijk-cart .table-responsive{ margin: 0; }
.ijk-cart table.table{ margin: 0; border-collapse: collapse; }

.ijk-cart thead th{
    padding: 12px 16px;
    background: #fff;
    border: 0; border-bottom: 1px solid var(--ijk-line);
    font-family: var(--f-body);
    font-size: 11px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--ijk-steel-600);
    white-space: nowrap;
}
.ijk-cart thead th.th-price,
.ijk-cart thead th.th-quantity,
.ijk-cart thead th.th-total-price,
.ijk-cart thead th.th-cargo{ text-align: center; }
.ijk-cart thead th.th-total-price{ text-align: right; }

.ijk-cart tbody tr{ border-bottom: 1px solid var(--ijk-line); }
.ijk-cart tbody tr:last-child{ border-bottom: 0; }
.ijk-cart.table-hover tbody tr:hover,
.ijk-cart tbody tr:hover{ background: #FBFCFB; }

.ijk-cart tbody td{
    padding: 16px;
    border: 0;
    vertical-align: middle;
}

/* ---------- Ürün hücresi ---------- */
.ijk-cart .product{
    display: flex; align-items: flex-start; gap: 14px;
    min-width: 0;
}
.ijk-cart .product .image{
    flex: 0 0 auto;
    width: 78px; height: 78px;
    border: 1px solid var(--ijk-line); border-radius: 3px;
    background: #fff; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.ijk-cart .product .image a{ display: block; width: 100%; height: 100%; }
.ijk-cart .product .image img{
    width: 100%; height: 100%;
    object-fit: contain; padding: 6px;
    mix-blend-mode: multiply;
}

.ijk-cart .p-info{ min-width: 0; flex: 1 1 auto; }

.ijk-cart .p-info .name{
    display: block;
    font-family: var(--f-display);
    font-size: 15.5px; font-weight: 500; line-height: 1.35;
    letter-spacing: .2px;
    color: var(--ijk-steel-900) !important;
    text-decoration: none;
    transition: color .18s;
}
.ijk-cart .p-info .name:hover{ color: var(--ijk-green) !important; }

.ijk-cart .variants{ margin-top: 5px; display: flex; flex-wrap: wrap; gap: 5px; }
.ijk-cart .variant{
    font-size: 11.5px; color: var(--ijk-steel-600);
    background: var(--ijk-steel-100);
    padding: 3px 8px; border-radius: 3px; line-height: 1.4;
}
.ijk-cart .variant span{ font-weight: 600; color: var(--ijk-steel-900); }

/* Sil butonu — tema kırmızısını nötrle */
.ijk-cart .btn-remove,
.ijk-cart button.btn-remove.btn-danger{
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 9px; padding: 5px 10px;
    background: transparent !important;
    border: 1px solid var(--ijk-line) !important;
    border-radius: 3px;
    color: var(--ijk-steel-600) !important;
    font-size: 12px; font-weight: 500; line-height: 1;
    box-shadow: none;
    transition: all .18s;
}
.ijk-cart .btn-remove .ijk-ic{ font-size: 14px; }
.ijk-cart .btn-remove:hover{
    background: rgba(192,57,43,.07) !important;
    border-color: rgba(192,57,43,.3) !important;
    color: #C0392B !important;
}

/* ---------- Fiyat hücreleri ---------- */
.ijk-cart .td-price,
.ijk-cart .td-total-price{ text-align: center; white-space: nowrap; }
.ijk-cart .td-total-price{ text-align: right; }

.ijk-cart .td-price .value,
.ijk-cart .td-total-price .value{
    display: block;
    font-family: var(--f-mono);
    font-size: 15.5px; font-weight: 700; letter-spacing: -.3px;
    color: var(--ijk-steel-900);
}
.ijk-cart .td-total-price .value{ font-size: 17px; }

.ijk-cart .old-value{
    display: block;
    font-family: var(--f-mono); font-size: 12.5px; font-weight: 500;
    color: var(--ijk-steel-300); text-decoration: line-through;
    margin-bottom: 2px;
}

/* ---------- Adet ---------- */
.ijk-cart .td-quantity{ text-align: center; }

.ijk-cart .product-quantity{
    display: inline-flex; align-items: stretch;
    border: 1px solid var(--ijk-line); border-radius: 3px;
    overflow: hidden; background: #fff;
    margin: 0 auto;
}
.ijk-cart .product-quantity .btn{
    width: 34px; min-width: 34px; padding: 0; margin: 0;
    border: 0 !important; border-radius: 0 !important;
    background: var(--ijk-steel-100) !important;
    color: var(--ijk-steel-600) !important;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 16px; box-shadow: none;
    transition: background .16s, color .16s;
}
.ijk-cart .product-quantity .btn:hover{
    background: var(--ijk-green) !important; color: #fff !important;
}
.ijk-cart .product-quantity input.form-control{
    width: 52px; min-width: 52px; height: 40px;
    border: 0; border-radius: 0;
    border-left: 1px solid var(--ijk-line) !important;
    border-right: 1px solid var(--ijk-line) !important;
    text-align: center; padding: 0; margin: 0;
    font-family: var(--f-mono); font-size: 15px; font-weight: 600;
    color: var(--ijk-steel-900); background: #fff;
    box-shadow: none !important;
}
.ijk-cart .product-quantity-type{
    margin-top: 6px;
    font-size: 11px; color: var(--ijk-steel-600);
}

/* ---------- Kargo ---------- */
.ijk-cart .td-cargo{ text-align: center; white-space: nowrap; }
.ijk-cart .td-cargo .label{
    display: none;
    font-size: 11px; color: var(--ijk-steel-600);
}
.ijk-cart .td-cargo .value{
    font-family: var(--f-mono); font-size: 14px; font-weight: 600;
    color: var(--ijk-steel-900);
}

/* ---------- Alt butonlar ---------- */
.ijk-cart-actions{ margin-top: 14px; }
.ijk-cart-actions .btn-continue,
.ijk-cart-actions a.btn-continue.btn-light{
    display: inline-flex; align-items: center; gap: 8px;
    height: 46px; padding: 0 20px;
    background: #fff !important;
    border: 1px solid var(--ijk-line) !important;
    border-radius: 3px;
    color: var(--ijk-steel-900) !important;
    font-family: var(--f-display);
    font-size: 15.5px; font-weight: 600; letter-spacing: .5px;
    text-decoration: none; box-shadow: none;
    transition: all .18s;
}
.ijk-cart-actions .btn-continue .ijk-ic{ font-size: 17px; transition: transform .18s; }
.ijk-cart-actions .btn-continue:hover{
    border-color: var(--ijk-green) !important;
    background: var(--ijk-green-lite) !important;
    color: var(--ijk-green) !important;
}
.ijk-cart-actions .btn-continue:hover .ijk-ic{ transform: translateX(-3px); }


/* =========================================================
   SEPET ÖZETİ
   ========================================================= */
.ijk-summary{
    position: sticky; top: 20px;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    overflow: hidden;
    font-family: var(--f-body);
    box-shadow: 0 2px 14px rgba(22,26,23,.05);
}

.ijk-sum-head{
    display: flex; align-items: center; gap: 10px;
    padding: 15px 20px;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
}
.ijk-sum-head .ijk-ic{ font-size: 19px; color: var(--ijk-green); }
.ijk-sum-head h3{
    margin: 0; font-family: var(--f-display);
    font-size: 17px; font-weight: 600; letter-spacing: .6px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}

.ijk-summary table.summary{
    margin: 0; width: 100%;
    border-collapse: collapse; background: transparent;
}
.ijk-summary table.summary tfoot{ display: table-row-group; }

.ijk-summary .sum-row th{
    padding: 11px 20px;
    border: 0; border-bottom: 1px solid var(--ijk-line);
    font-weight: 400; vertical-align: middle;
    background: transparent;
}
.ijk-summary .sum-row th:first-child{
    font-size: 13px; color: var(--ijk-steel-600); text-align: left;
}
.ijk-summary .sum-row th:last-child{
    font-family: var(--f-mono);
    font-size: 14.5px; font-weight: 600; letter-spacing: -.2px;
    color: var(--ijk-steel-900); text-align: right; white-space: nowrap;
}

/* İndirim satırı */
.ijk-summary .is-discount th:last-child{ color: #1E8E3E; }

/* Hediye çeki satırı */
.ijk-summary .is-voucher th:last-child{
    display: flex; align-items: center; justify-content: flex-end; gap: 8px;
    font-family: var(--f-body);
}
.ijk-summary .voucher-code{
    font-family: var(--f-mono); font-size: 12.5px; font-weight: 700;
    letter-spacing: .5px;
    color: var(--ijk-green); background: var(--ijk-green-lite);
    padding: 4px 9px; border-radius: 3px;
}
.ijk-summary .remove-vocuher,
.ijk-summary a.remove-vocuher.text-danger{
    width: 24px; height: 24px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--ijk-steel-100);
    color: var(--ijk-steel-600) !important;
    font-size: 13px; text-decoration: none;
    transition: all .18s;
}
.ijk-summary .remove-vocuher:hover{
    background: rgba(192,57,43,.1);
    color: #C0392B !important;
}

/* Genel toplam */
.ijk-summary .is-total th{
    padding: 16px 20px;
    background: var(--ijk-green-lite);
    border-bottom: 0;
}
.ijk-summary .is-total th:first-child{
    font-family: var(--f-display);
    font-size: 16px; font-weight: 600; letter-spacing: .4px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}
.ijk-summary .is-total th:first-child small{
    display: block; margin-top: 2px;
    font-family: var(--f-body); font-size: 11px;
    font-weight: 400; letter-spacing: 0;
    text-transform: none; color: var(--ijk-steel-600);
}
.ijk-summary .is-total .final{
    font-family: var(--f-mono);
    font-size: 24px; font-weight: 700; letter-spacing: -.8px;
    color: var(--ijk-green); line-height: 1.1;
}

/* Güven notları */
.ijk-sum-trust{
    list-style: none; margin: 0; padding: 14px 20px 16px;
    border-top: 1px solid var(--ijk-line);
    display: flex; flex-direction: column; gap: 9px;
}
.ijk-sum-trust li{
    display: flex; align-items: center; gap: 9px;
    list-style: none; padding: 0;
    font-size: 12px; color: var(--ijk-steel-600);
}
.ijk-sum-trust .ijk-ic{ font-size: 17px; color: var(--ijk-green); }


/* =========================================================
   ERİŞİLEBİLİRLİK
   ========================================================= */
.ijk-cart a:focus-visible,
.ijk-cart button:focus-visible,
.ijk-cart input:focus-visible,
.ijk-summary a:focus-visible{
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-cart *, .ijk-summary *{ transition: none !important; }
}


/* =========================================================
   MOBİL — tablo kart görünümüne dönüşür
   ========================================================= */
@media (max-width: 767px){

    .ijk-summary{ position: static; margin-top: 16px; }

    .ijk-cart .table-responsive{ overflow: visible; }
    .ijk-cart table.table,
    .ijk-cart table.table tbody,
    .ijk-cart table.table tr,
    .ijk-cart table.table td{ display: block; width: 100%; }

    .ijk-cart table.table thead{ display: none; }

    .ijk-cart tbody tr{
        padding: 14px;
        border-bottom: 1px solid var(--ijk-line);
    }
    .ijk-cart tbody tr:hover{ background: transparent; }

    .ijk-cart tbody td{ padding: 0; }

    /* Ürün bloğu */
    .ijk-cart .td-product{ margin-bottom: 12px; }
    .ijk-cart .product .image{ width: 66px; height: 66px; }
    .ijk-cart .p-info .name{ font-size: 14.5px; }

    /* Etiketli satırlar */
    .ijk-cart .td-price,
    .ijk-cart .td-total-price,
    .ijk-cart .td-cargo{
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        text-align: right;
        padding: 8px 0 !important;
        border-top: 1px dashed var(--ijk-line);
    }
    .ijk-cart .td-price::before,
    .ijk-cart .td-total-price::before,
    .ijk-cart .td-cargo::before{
        content: attr(data-label);
        font-size: 12px; font-weight: 500;
        color: var(--ijk-steel-600);
        text-align: left;
    }
    .ijk-cart .td-cargo .label{ display: none; }

    .ijk-cart .td-price .value,
    .ijk-cart .td-total-price .value{ font-size: 15px; }
    .ijk-cart .td-total-price .value{ font-size: 17px; color: var(--ijk-green); }
    .ijk-cart .old-value{ display: inline-block; margin: 0 8px 0 0; }

    /* Adet satırı */
    .ijk-cart .td-quantity{
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 !important;
        border-top: 1px dashed var(--ijk-line);
    }
    .ijk-cart .td-quantity::before{
        content: attr(data-label);
        font-size: 12px; font-weight: 500; color: var(--ijk-steel-600);
    }
    .ijk-cart .product-quantity{ margin: 0; }
    .ijk-cart .product-quantity .btn{ width: 40px; min-width: 40px; }
    .ijk-cart .product-quantity input.form-control{ width: 52px; height: 42px; }
    .ijk-cart .product-quantity-type{
        display: none;   /* birim zaten adet kutusunda anlaşılıyor */
    }

    .ijk-cart-actions .btn-continue{ width: 100%; justify-content: center; }
}

@media (max-width: 400px){
    .ijk-cart tbody tr{ padding: 12px; }
    .ijk-cart .product{ gap: 11px; }
    .ijk-cart .product .image{ width: 58px; height: 58px; }
    .ijk-cart .p-info .name{ font-size: 13.5px; }
    .ijk-summary .is-total .final{ font-size: 21px; }
}

/* =========================================================
   IJK JAPAN RULMAN — BAYİ HESAP PANELİ v2
   style.css SONUNA eklenir. Önceki panel bloğunu SİLİN.

   NOT: SVG boyut/renk bilgisi artık HTML niteliklerinde.
   Buradaki kurallar sadece temanın olası global svg{} kurallarını
   bastırmak için var.
   ========================================================= */

.ijk-panel{ font-family: var(--f-body); color: var(--ijk-steel-900); }
.ijk-panel *{ box-sizing: border-box; }
.ijk-panel a{ text-decoration: none; }

/* Tema global svg kuralı varsa bastır */
.ijk-panel svg{
    display: inline-block;
    vertical-align: middle;
    max-width: none;
    flex: 0 0 auto;
}

/* =========================================================
   ÜST: KARŞILAMA + BAKİYE
   ========================================================= */
.pnl-top{
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 16px;
    margin-bottom: 16px;
}

.pnl-hello{
    display: flex; align-items: center; gap: 18px;
    padding: 24px 26px;
    border-radius: 5px;
    background:
        radial-gradient(circle at 88% 25%, rgba(232,163,61,.13) 0%, transparent 55%),
        linear-gradient(120deg, var(--ijk-green-deep), var(--ijk-green));
    position: relative; overflow: hidden;
}
.pnl-hello::after{
    content:''; position:absolute; inset:0; opacity:.4; pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

.ph-avatar{
    position: relative; flex: 0 0 auto;
    width: 60px; height: 60px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.18);
    font-family: var(--f-display);
    font-size: 23px; font-weight: 700; letter-spacing: 1px;
    color: var(--ijk-amber);
}

.ph-txt{ position: relative; min-width: 0; }
.ph-tag{
    display: inline-block; margin-bottom: 7px;
    font-size: 10px; font-weight: 700; letter-spacing: .15em;
    text-transform: uppercase; color: var(--ijk-amber);
    background: rgba(232,163,61,.13);
    border: 1px solid rgba(232,163,61,.26);
    padding: 4px 10px; border-radius: 20px;
}
.ijk-panel .pnl-hello .title{
    font-family: var(--f-display);
    font-size: 24px; font-weight: 600; letter-spacing: .4px;
    line-height: 1.25; color: #fff; margin: 0;
}
.ijk-panel .pnl-hello .description{
    font-size: 13px; line-height: 1.65;
    color: rgba(255,255,255,.6);
    margin: 5px 0 0; padding: 0; background: none; border: 0;
}

/* ---- Bakiye ---- */
.pnl-balance{
    display: flex; flex-direction: column; justify-content: center;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 5px;
    border-left: 4px solid var(--ijk-line);
}
.pnl-balance.is-pos{ border-left-color: #1E8E3E; }
.pnl-balance.is-neg{ border-left-color: #C0392B; }

.pb-head{
    display: flex; align-items: center; gap: 8px;
    font-size: 11px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--ijk-steel-600);
    margin-bottom: 9px;
}
.pb-head svg{ color: var(--ijk-green); }

.ijk-panel .pb-value{
    display: block;
    font-family: var(--f-mono);
    font-size: 30px; font-weight: 700; letter-spacing: -.8px;
    line-height: 1.1; margin-bottom: 14px;
}
.ijk-panel .pb-value.text-success{ color: #1E8E3E !important; }
.ijk-panel .pb-value.text-danger{ color: #C0392B !important; }

.ijk-panel .pb-btn{
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    height: 42px; padding: 0 16px; border-radius: 3px;
    background: var(--ijk-green) !important; color: #fff !important;
    font-family: var(--f-display);
    font-size: 15px; font-weight: 600; letter-spacing: .5px;
    transition: background .18s;
}
.ijk-panel .pb-btn:hover{ background: var(--ijk-green-mid) !important; color: #fff !important; }

/* =========================================================
   XML ENTEGRASYONU
   ========================================================= */
.ijk-panel .pnl-xml{
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 5px;
    padding: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

.pnl-xml-head{
    display: flex; align-items: center; gap: 11px;
    padding: 15px 20px;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
}
.pnl-xml-head .xh-ico{
    width: 32px; height: 32px; border-radius: 8px;
    background: #fff; border: 1px solid var(--ijk-line);
    display: flex; align-items: center; justify-content: center;
    color: var(--ijk-green); flex: 0 0 auto;
}
.pnl-xml-head h3{
    margin: 0; font-family: var(--f-display);
    font-size: 17px; font-weight: 600; letter-spacing: .5px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}
.xh-status{
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 12px; font-weight: 600;
    padding: 5px 11px; border-radius: 20px;
}
.xh-status i{ width: 7px; height: 7px; border-radius: 50%; display: block; }
.xh-status.is-ok{ background: rgba(30,142,62,.1); color: #1E8E3E; }
.xh-status.is-ok i{ background: #1E8E3E; box-shadow: 0 0 0 3px rgba(30,142,62,.15); }

.pnl-xml-row{
    display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
    padding: 13px 20px;
    border-bottom: 1px solid var(--ijk-line);
}
.pnl-xml-row:last-child{ border-bottom: 0; }
.pnl-xml-row .xr-key{
    flex: 0 0 auto; min-width: 150px;
    font-size: 12.5px; color: var(--ijk-steel-600);
}
.pnl-xml-row .xr-val{
    font-size: 13.5px; font-weight: 600; color: var(--ijk-steel-900);
}
.pnl-xml-row .xr-val.is-mono{ font-family: var(--f-mono); letter-spacing: .3px; }

.pnl-xml-link{ padding: 16px 20px; border-bottom: 1px solid var(--ijk-line); }
.pnl-xml-link:last-child{ border-bottom: 0; }
.pnl-xml-link .xl-key{
    display: block; margin-bottom: 8px;
    font-size: 11px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--ijk-steel-600);
}
.xl-box{
    display: flex; align-items: stretch;
    border: 1px solid var(--ijk-line); border-radius: 3px;
    background: var(--ijk-steel-100); overflow: hidden;
}
.xl-box code{
    flex: 1 1 auto; min-width: 0;
    padding: 12px 14px;
    font-family: var(--f-mono); font-size: 12.5px; letter-spacing: .2px;
    color: var(--ijk-green); background: transparent;
    overflow-x: auto; white-space: nowrap;
}
.xl-copy{
    flex: 0 0 auto; width: 46px; padding: 0; cursor: pointer;
    border: 0; border-left: 1px solid var(--ijk-line);
    background: #fff; color: var(--ijk-steel-600);
    display: flex; align-items: center; justify-content: center;
    transition: all .18s;
}
.xl-copy:hover{ background: var(--ijk-green); color: #fff; }
.xl-copy.is-done{ background: #1E8E3E; color: #fff; }

.xl-hint{
    display: block; margin-top: 8px;
    font-size: 11.5px; line-height: 1.6; color: var(--ijk-steel-600);
}

/* Uyarılar */
.ijk-panel .pnl-alert,
.ijk-panel .alert.pnl-alert{
    display: flex; align-items: flex-start; gap: 11px;
    margin: 0; padding: 15px 20px;
    border: 0; border-radius: 0;
    font-size: 13.5px; line-height: 1.65;
}
.ijk-panel .pnl-alert svg{ margin-top: 1px; }
.ijk-panel .pnl-alert a{ font-weight: 600; text-decoration: underline; }

.ijk-panel .pnl-alert.is-danger{
    background: rgba(192,57,43,.07) !important;
    color: #A5342A !important;
}
.ijk-panel .pnl-alert.is-danger svg{ color: #C0392B; }
.ijk-panel .pnl-alert.is-danger a{ color: #A5342A !important; }

.ijk-panel .pnl-alert.is-warn{
    background: rgba(232,163,61,.1) !important;
    color: #8A5B12 !important;
}
.ijk-panel .pnl-alert.is-warn svg{ color: #B8761F; }

/* =========================================================
   HIZLI ERİŞİM
   ========================================================= */
.ijk-panel .pnl-links{
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 5px;
    padding: 0 0 8px;
    margin-bottom: 16px;
}
.pnl-links-head{
    display: flex; align-items: center; gap: 10px;
    padding: 15px 20px;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
    margin-bottom: 14px;
}
.pnl-links-head svg{ color: var(--ijk-green); }
.pnl-links-head h3{
    margin: 0; font-family: var(--f-display);
    font-size: 17px; font-weight: 600; letter-spacing: .5px;
    text-transform: uppercase; color: var(--ijk-steel-900);
}
.ijk-panel .pnl-links .col-md-12{ padding: 0 12px; }
.ijk-panel .pnl-links .row > [class*="col-"]{ padding: 0 6px; margin-bottom: 12px; }

/* Kartlar */
.ijk-panel .link-box,
.ijk-panel a.link-box.lb-1{
    display: flex !important;
    align-items: center;
    gap: 13px;
    width: 100%; height: 100%;
    min-height: 74px;
    padding: 16px !important;
    background: #fff !important;
    border: 1px solid var(--ijk-line) !important;
    border-radius: 4px !important;
    color: var(--ijk-steel-900) ;
    color:#fff !important;
    font-family: var(--f-display);
    font-size: 16px; font-weight: 600; letter-spacing: .4px;
    line-height: 1.3; text-align: left;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.ijk-panel .link-box:hover{
    border-color: var(--ijk-green) !important;
    box-shadow: 0 6px 20px rgba(31,77,40,.1) !important;
    transform: translateY(-2px);
    color: var(--ijk-green) !important;
}

.ijk-panel .link-box .lb-ico{
    flex: 0 0 auto;
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    background: var(--ijk-green-lite) !important;
    color: var(--ijk-green) !important;
    transition: background .2s, color .2s;
}
.ijk-panel .link-box:hover .lb-ico{
    background: var(--ijk-green) !important; color: #fff !important;
}

.ijk-panel .link-box .lb-name{
    flex: 1 1 auto; min-width: 0;
}

.ijk-panel .link-box .lb-arrow{
    margin-left: auto; flex: 0 0 auto;
    color: var(--ijk-steel-300);
    transition: color .2s, transform .2s;
}
.ijk-panel .link-box:hover .lb-arrow{
    color: var(--ijk-green); transform: translateX(3px);
}

/* =========================================================
   DESTEK
   ========================================================= */
.pnl-support{
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    padding: 16px 20px;
    background: var(--ijk-green-lite);
    border: 1px solid rgba(31,77,40,.16);
    border-radius: 5px;
}
.pnl-support > svg{ color: var(--ijk-green); }
.pnl-support strong{
    display: block; font-family: var(--f-display);
    font-size: 16px; font-weight: 600; letter-spacing: .3px;
    color: var(--ijk-steel-900);
}
.pnl-support span{
    display: block; font-size: 12.5px; color: var(--ijk-steel-600); margin-top: 2px;
}
.ijk-panel .ps-phone{
    margin-left: auto;
    font-family: var(--f-mono); font-size: 18px; font-weight: 700;
    letter-spacing: .4px; color: var(--ijk-green) !important;
}
.ijk-panel .ps-phone:hover{ text-decoration: underline; }

/* =========================================================
   ERİŞİLEBİLİRLİK
   ========================================================= */
.ijk-panel a:focus-visible,
.ijk-panel button:focus-visible{
    outline: 2px solid var(--ijk-amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){ .ijk-panel *{ transition: none !important; } }

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width: 991px){
    .pnl-top{ grid-template-columns: 1fr; }
    .pnl-balance{
        flex-direction: row; align-items: center; gap: 16px; flex-wrap: wrap;
    }
    .pnl-balance .pb-head{ margin-bottom: 0; }
    .ijk-panel .pb-value{ margin-bottom: 0; }
    .ijk-panel .pb-btn{ margin-left: auto; }
}
@media (max-width: 575px){
    .pnl-hello{ padding: 20px 18px; gap: 14px; }
    .ph-avatar{ width: 50px; height: 50px; border-radius: 12px; font-size: 19px; }
    .ijk-panel .pnl-hello .title{ font-size: 19px; }
    .ijk-panel .pnl-hello .description{ font-size: 12.5px; }

    .pnl-balance{ padding: 18px; }
    .ijk-panel .pb-value{ font-size: 25px; }
    .ijk-panel .pb-btn{ margin-left: 0; width: 100%; }

    .pnl-xml-head, .pnl-links-head{ padding: 13px 16px; }
    .pnl-xml-head h3, .pnl-links-head h3{ font-size: 15.5px; }
    .pnl-xml-row{ flex-direction: column; gap: 4px; padding: 12px 16px; }
    .pnl-xml-row .xr-key{ min-width: 0; }
    .pnl-xml-link{ padding: 14px 16px; }
    .xl-box code{ font-size: 11.5px; padding: 11px 12px; }

    .ijk-panel .link-box{ min-height: 66px; padding: 13px !important; font-size: 14px; gap: 10px; }
    .ijk-panel .link-box .lb-ico{ width: 36px; height: 36px; border-radius: 9px; }
    .ijk-panel .link-box .lb-arrow{ display: none; }

    .pnl-support{ padding: 14px 16px; }
    .ijk-panel .ps-phone{ margin-left: 0; width: 100%; margin-top: 4px; }
}

/* =========================================================
   IJK JAPAN RULMAN — BAYİ PANELİ ÜST BÖLÜM (YAMA)

   KULLANIM: bayi-panel-v2.css içindeki
   "ÜST: KARŞILAMA + BAKİYE" bölümünü SİLİP bunu koyun.
   Ya da dosyanın en sonuna ekleyin — sonda olduğu için
   önceki kuralları ezer.

   Düzeltme: Tema CSS'i .title / .description renklerini
   eziyordu, yazılar siyah kalıyordu. Renkler !important ile
   sabitlendi.
   ========================================================= */

.pnl-top{
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 16px;
    margin-bottom: 16px;
}

/* =========================================================
   KARŞILAMA KARTI
   ========================================================= */
.ijk-panel .pnl-hello{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 26px 28px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 18%, rgba(232,163,61,.16) 0%, transparent 50%),
        linear-gradient(125deg, #102916 0%, var(--ijk-green-deep) 40%, var(--ijk-green) 100%);
}

/* İnce ızgara dokusu */
.ijk-panel .pnl-hello::before{
    content:''; position:absolute; inset:0; pointer-events:none; opacity:.5;
    background-image:
        linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
    background-size: 38px 38px;
}
/* Sağ üstte yumuşak halka */
.ijk-panel .pnl-hello::after{
    content:''; position:absolute; pointer-events:none;
    right: -70px; top: -90px;
    width: 240px; height: 240px; border-radius: 50%;
    border: 1px solid rgba(232,163,61,.16);
    box-shadow: inset 0 0 60px rgba(232,163,61,.06);
}

/* ---- Avatar ---- */
.ijk-panel .ph-avatar{
    position: relative; z-index: 1; flex: 0 0 auto;
    width: 62px; height: 62px; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
    font-family: var(--f-display);
    font-size: 23px; font-weight: 700; letter-spacing: 1.5px;
    color: var(--ijk-amber) !important;
}

/* ---- Metinler — tema ezmesin diye !important ---- */
.ijk-panel .ph-txt{ position: relative; z-index: 1; min-width: 0; }

.ijk-panel .pnl-hello .ph-tag{
    display: inline-flex; align-items: center; gap: 7px;
    margin-bottom: 9px;
    font-family: var(--f-body);
    font-size: 10px; font-weight: 700; letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ijk-amber) !important;
    background: rgba(232,163,61,.12);
    border: 1px solid rgba(232,163,61,.28);
    padding: 5px 11px; border-radius: 20px;
}
.ijk-panel .pnl-hello .ph-tag::before{
    content:''; width: 5px; height: 5px; border-radius: 50%;
    background: var(--ijk-amber); display: block;
}

.ijk-panel .pnl-hello .title{
    font-family: var(--f-display);
    font-size: 25px; font-weight: 600;
    letter-spacing: .4px; line-height: 1.24;
    color: #ffffff !important;
    margin: 0; padding: 0; background: none; border: 0;
}

.ijk-panel .pnl-hello .description{
    font-family: var(--f-body);
    font-size: 13px; line-height: 1.68;
    color: rgba(255,255,255,.62) !important;
    margin: 6px 0 0; padding: 0; background: none; border: 0;
    max-width: 460px;
}

/* Kart içindeki her metin beyaz tabana otursun (tema sızıntısına karşı) */
.ijk-panel .pnl-hello,
.ijk-panel .pnl-hello *{ color: rgba(255,255,255,.82); }
.ijk-panel .pnl-hello strong,
.ijk-panel .pnl-hello b{ color: #fff !important; }


/* =========================================================
   BAKİYE KARTI
   ========================================================= */
.ijk-panel .pnl-balance{
    display: flex; flex-direction: column; justify-content: center;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid var(--ijk-line);
    border-radius: 6px;
    border-left: 4px solid var(--ijk-line);
    position: relative; overflow: hidden;
}
.ijk-panel .pnl-balance.is-pos{ border-left-color: #1E8E3E; }
.ijk-panel .pnl-balance.is-neg{ border-left-color: #C0392B; }

.ijk-panel .pb-head{
    display: flex; align-items: center; gap: 8px;
    font-family: var(--f-body);
    font-size: 11px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ijk-steel-600) !important;
    margin-bottom: 9px;
}
.ijk-panel .pb-head svg{ color: var(--ijk-green); }

.ijk-panel .pb-value{
    display: block;
    font-family: var(--f-mono);
    font-size: 31px; font-weight: 700; letter-spacing: -.9px;
    line-height: 1.08; margin-bottom: 15px;
}
.ijk-panel .pb-value.text-success{ color: #1E8E3E !important; }
.ijk-panel .pb-value.text-danger{ color: #C0392B !important; }

.ijk-panel .pb-btn{
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: 44px; padding: 0 18px; border-radius: 3px;
    background: var(--ijk-green) !important;
    color: #fff !important;
    font-family: var(--f-display);
    font-size: 15.5px; font-weight: 600; letter-spacing: .5px;
    text-decoration: none; box-shadow: none;
    transition: background .18s, transform .18s;
}
.ijk-panel .pb-btn:hover{
    background: var(--ijk-green-mid) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.ijk-panel .pb-btn span{ color: #fff !important; }


/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width: 991px){
    .pnl-top{ grid-template-columns: 1fr; }
    .ijk-panel .pnl-balance{
        flex-direction: row; align-items: center; gap: 16px; flex-wrap: wrap;
    }
    .ijk-panel .pb-head{ margin-bottom: 0; }
    .ijk-panel .pb-value{ margin-bottom: 0; }
    .ijk-panel .pb-btn{ margin-left: auto; }
}
@media (max-width: 575px){
    .ijk-panel .pnl-hello{ padding: 20px 18px; gap: 14px; border-radius: 5px; }
    .ijk-panel .ph-avatar{ width: 50px; height: 50px; border-radius: 13px; font-size: 19px; }
    .ijk-panel .pnl-hello .title{ font-size: 19px; }
    .ijk-panel .pnl-hello .description{ font-size: 12.5px; }
    .ijk-panel .pnl-hello::after{ display: none; }

    .ijk-panel .pnl-balance{ padding: 18px; }
    .ijk-panel .pb-value{ font-size: 26px; }
    .ijk-panel .pb-btn{ margin-left: 0; width: 100%; }
}


/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN KARTI: KISA AÇIKLAMA (v3.1)
   style.css sonuna ekleyin. Önceki .ijk-desc kuralınızın
   TAMAMININ yerine bunu koyun (eskisini silin).
   ========================================================= */

/* .ijk-card-body altında, tema tag seçicisiyle (p{...}) gelen
   her türlü varsayılan boşluğu kesin olarak sıfırlıyoruz */
.ijk-card-body p.ijk-desc{
    margin: 3px 0 0 !important;
    padding: 0 !important;
    font-size: 12px;
    line-height: 1.5;
    color: var(--ijk-steel-600);

    /* Her zaman 2 satırlık sabit yükseklik — açıklama olsun
       olmasın kartlar aynı boyda kalsın */
    min-height: calc(1.5em * 2);

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Yükleniyor durumu — hafif parlayan yer tutucu */
.ijk-card-body p.ijk-desc[aria-busy="true"]{
    background: linear-gradient(90deg, var(--ijk-steel-100) 25%, #f3f4f2 37%, var(--ijk-steel-100) 63%);
    background-size: 400% 100%;
    border-radius: 3px;
    animation: ijkDescPulse 1.4s ease-in-out infinite;
}
@keyframes ijkDescPulse{
    0%{ background-position: 100% 50%; }
    100%{ background-position: 0 50%; }
}
@media (prefers-reduced-motion: reduce){
    .ijk-card-body p.ijk-desc[aria-busy="true"]{ animation: none; background: var(--ijk-steel-100); }
}

/* Açıklaması olmayan ürünlerde: yer korunur ama görünmez —
   bu sayede kart yükseklikleri satırda birbirini bozmaz */
.ijk-card-body p.ijk-desc.is-empty{
    visibility: hidden;
}

/* Liste görünümünde daha fazla yer var */
.view-list .ijk-card-body p.ijk-desc{
    -webkit-line-clamp: 3;
    min-height: calc(1.5em * 3);
    grid-column: 1 / -1;
}

@media (max-width: 575px){
    .ijk-card-body p.ijk-desc{ font-size: 11.5px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN KARTI: BAŞLIK BOŞLUĞU DÜZELTMESİ
   style.css dosyasının EN SONUNA ekleyin (önceki kurallardan
   sonra gelmesi için — böylece onları geçersiz kılar).

   SORUN: .ijk-card .title kuralında min-height:42px vardı;
   bu, tek satırlık kısa başlıklarda gereksiz boşluk yaratıyordu.
   Fiyat/buton alanı zaten margin-top:auto ile kartın en altına
   sabit olduğu için (flex düzeni), bu zorlama yüksekliğe
   ihtiyaç yok.
   ========================================================= */

.ijk-card .title{
    min-height: 0 !important;
}

/* Başlık ile açıklama arasındaki boşluğu biraz daha sıkılaştır */
.ijk-card-body p.ijk-desc{
    margin-top: 1px !important;
}

/* =========================================================
   IJK JAPAN RULMAN — FİYAT HOVER TOOLTİP (KDV Dahil)
   style.css sonuna ekleyin.
   ========================================================= */

.ijk-price-hover{
    position: relative;
    cursor: help;
    outline: none;
    width: fit-content;
}

/* Klavye ile odaklanınca hafif belirti — erişilebilirlik */
.ijk-price-hover:focus-visible{
    outline: 2px solid var(--ijk-amber);
    outline-offset: 3px;
    border-radius: 3px;
}

.ijk-kdv-tip{
    position: absolute;
    left: 0;
    bottom: 100%;
    transform: translateY(-6px);
    margin-bottom: 6px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    white-space: nowrap;

    background: var(--ijk-steel-900);
    color: #fff;
    padding: 7px 12px;
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
    z-index: 30;
}

/* Konuşma balonu oku */
.ijk-kdv-tip::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 16px;
    border: 6px solid transparent;
    border-top-color: var(--ijk-steel-900);
}

.ijk-kdv-tip .tip-label{
    font-family: var(--f-body);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--ijk-amber);
}
.ijk-kdv-tip .tip-value{
    font-family: var(--f-mono);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.2px;
    color: #fff;
}

/* Fare veya klavye odağıyla göster */
.ijk-price-hover:hover .ijk-kdv-tip,
.ijk-price-hover:focus .ijk-kdv-tip,
.ijk-price-hover:focus-within .ijk-kdv-tip{
    opacity: 1;
    visibility: visible;
    transform: translateY(-10px);
}

@media (prefers-reduced-motion: reduce){
    .ijk-kdv-tip{ transition: none; }
}

/* Dokunmatik cihazlarda hover kavramı yok; +KDV etiketi zaten
   ipucu verir, tooltip yalnızca fare/klavye kullanıcılarına
   ekstra bir kolaylık olarak kalır. */
@media (hover: none){
    .ijk-price-hover{ cursor: default; }
}

/* =========================================================
   IJK JAPAN RULMAN — DEPO STOK DURUMU TABLOSU
   style.css SONUNA ekleyin.
   ========================================================= */

/* Select DOM'da kalır ama görünmez — addCart doğrulaması buna
   bağlı olduğu için display:none YERİNE bu yöntem kullanıldı;
   bazı eklentiler display:none olan alanı yok sayabiliyor. */
.ijk-bb-variants select.ijk-depo-hidden{
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* ---------- Kapsayıcı ---------- */
.ijk-depo{
    border: 1px solid var(--ijk-line);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 14px;
}

/* ---------- Başlık ---------- */
.ijk-depo-head{
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    background: var(--ijk-steel-100);
    border-bottom: 1px solid var(--ijk-line);
}
.ijk-depo-head .ijk-ic{
    width: 17px; height: 17px;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
    color: var(--ijk-green); flex: 0 0 auto;
}
.ijk-depo-head span{
    font-family: var(--f-display);
    font-size: 14.5px; font-weight: 600;
    letter-spacing: .5px; text-transform: uppercase;
    color: var(--ijk-steel-900);
}
.ijk-depo-head em{
    margin-left: auto;
    font-style: normal;
    font-size: 11.5px;
    color: var(--ijk-steel-300);
    white-space: nowrap;
}
.ijk-depo-head em.is-picked{
    font-family: var(--f-mono);
    font-weight: 700;
    color: var(--ijk-green);
    background: var(--ijk-green-lite);
    padding: 3px 9px;
    border-radius: 20px;
}

/* ---------- Satırlar ---------- */
.ijk-depo-list{ display: flex; flex-direction: column; }

.ijk-depo-row{
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ijk-line);
    text-decoration: none !important;
    transition: background .16s ease, border-color .16s ease;
    position: relative;
}
.ijk-depo-row:last-child{ border-bottom: 0; }

/* Seçim işareti (radyo görünümü) */
.ijk-depo-row .d-mark{
    flex: 0 0 auto;
    width: 18px; height: 18px;
    border-radius: 50%;
    border: 2px solid var(--ijk-steel-300);
    background: #fff;
    position: relative;
    transition: border-color .16s ease, background .16s ease;
}
.ijk-depo-row .d-mark::after{
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: transparent;
    transition: background .16s ease;
}

/* Depo adı */
.ijk-depo-row .d-name{
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--ijk-steel-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Durum rozeti */
.ijk-depo-row .d-status{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 20px;
    line-height: 1;
}
.ijk-depo-row .d-ic{
    width: 16px; height: 16px;
    fill: none; stroke: currentColor; stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto;
}
.ijk-depo-row .d-txt{
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .3px;
}

/* ── Stokta olan depolar ── */
.ijk-depo-row.has-stock{ cursor: pointer; }
.ijk-depo-row.has-stock .d-status{
    background: rgba(30,142,62,.1);
    color: #1E8E3E;
}
.ijk-depo-row.has-stock:hover{
    background: var(--ijk-green-lite);
}
.ijk-depo-row.has-stock:hover .d-mark{
    border-color: var(--ijk-green);
}

/* Seçili satır */
.ijk-depo-row.is-selected{
    background: var(--ijk-green-lite);
}
.ijk-depo-row.is-selected .d-mark{
    border-color: var(--ijk-green);
    background: #fff;
}
.ijk-depo-row.is-selected .d-mark::after{
    background: var(--ijk-green);
}
.ijk-depo-row.is-selected .d-name{
    font-weight: 700;
    color: var(--ijk-green);
}
/* Seçili satırın sol kenarında vurgu çizgisi */
.ijk-depo-row.is-selected::before{
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--ijk-green);
}

/* ── Stokta olmayan depolar ── */
.ijk-depo-row.no-stock{
    cursor: not-allowed;
    background: #FBFCFB;
}
.ijk-depo-row.no-stock .d-mark{
    border-color: var(--ijk-line);
    background: var(--ijk-steel-100);
}
.ijk-depo-row.no-stock .d-name{
    color: var(--ijk-steel-300);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}
.ijk-depo-row.no-stock .d-status{
    background: rgba(192,57,43,.08);
    color: #C0392B;
}

/* ---------- Alt bilgi ---------- */
.ijk-depo-foot{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 14px;
    background: var(--ijk-steel-100);
    border-top: 1px solid var(--ijk-line);
    font-size: 11.5px;
    line-height: 1.55;
    color: var(--ijk-steel-600);
}
.ijk-depo-foot .ijk-ic{
    width: 14px; height: 14px;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
    color: var(--ijk-green);
    flex: 0 0 auto;
    margin-top: 1px;
}

/* ---------- Erişilebilirlik ---------- */
.ijk-depo-row:focus-visible{
    outline: 2px solid var(--ijk-amber);
    outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-depo-row, .ijk-depo-row * { transition: none !important; }
}

/* ---------- Mobil ---------- */
@media (max-width: 575px){
    .ijk-depo-head{ padding: 10px 12px; }
    .ijk-depo-head span{ font-size: 13.5px; }
    .ijk-depo-head em{ font-size: 11px; }
    .ijk-depo-row{ padding: 11px 12px; gap: 9px; }
    .ijk-depo-row .d-name{ font-size: 13.5px; }
    .ijk-depo-row .d-status{ padding: 4px 8px; }
    .ijk-depo-row .d-txt{ font-size: 11px; }
    .ijk-depo-foot{ padding: 9px 12px; font-size: 11px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN KARTI: DEPO STOK ROZETLERİ (v5)
   style.css SONUNA ekleyin.
   ========================================================= */

.ijk-card-depo{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 2px 0 0;
}
.ijk-card-depo[hidden]{ display: none; }

.ijk-card-depo .cd-label{
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ijk-steel-300);
    margin-right: 2px;
}

.ijk-card-depo .cd-chip{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px 2px 5px;
    border-radius: 20px;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    cursor: default;
}

.ijk-card-depo .cd-ic{
    display: inline-flex;
    width: 12px; height: 12px;
    flex: 0 0 auto;
}
.ijk-card-depo .cd-ic svg{
    width: 100%; height: 100%;
}

.ijk-card-depo .cd-name{
    max-width: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Stokta olan depo */
.ijk-card-depo .cd-chip.is-ok{
    background: rgba(30,142,62,.1);
    color: #1E8E3E;
}

/* Stokta olmayan depo */
.ijk-card-depo .cd-chip.is-no{
    background: rgba(192,57,43,.08);
    color: #C0392B;
}
.ijk-card-depo .cd-chip.is-no .cd-name{
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    opacity: .85;
}

/* Liste görünümünde biraz daha ferah */
.view-list .ijk-card-depo{
    margin-top: 4px;
}
.view-list .ijk-card-depo .cd-chip{
    font-size: 11.5px;
    padding: 3px 9px 3px 6px;
}
.view-list .ijk-card-depo .cd-name{
    max-width: 110px;
}

@media (max-width: 575px){
    .ijk-card-depo .cd-chip{ font-size: 10px; padding: 2px 6px 2px 4px; }
    .ijk-card-depo .cd-name{ max-width: 58px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN PROFİLİ: FİYAT KIRILIMI (v5)
   style.css SONUNA ekleyin.
   Sepet özet sayfasındaki (.ijk-summary) görsel dille tutarlı.
   ========================================================= */

.ijk-price-breakdown{
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--ijk-line);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ijk-price-breakdown .pb-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.ijk-price-breakdown .pb-k{
    font-size: 12.5px;
    color: var(--ijk-steel-600);
}

.ijk-price-breakdown .pb-v{
    font-family: var(--f-mono);
    font-size: 13px;
    font-weight: 600;
    color: var(--ijk-steel-900);
    letter-spacing: -.1px;
}

/* Genel toplam satırı — vurgulu */
.ijk-price-breakdown .pb-row.is-total{
    margin-top: 4px;
    padding: 10px 12px;
    background: var(--ijk-green-lite);
    border-radius: 3px;
}
.ijk-price-breakdown .pb-row.is-total .pb-k{
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--f-display);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--ijk-green);
}
.ijk-price-breakdown .pb-row.is-total .pb-k .ijk-ic{
    width: 16px; height: 16px;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto;
}
.ijk-price-breakdown .pb-row.is-total .pb-v{
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.4px;
    color: var(--ijk-green);
}

@media (max-width: 575px){
    .ijk-price-breakdown{ margin-top: 12px; padding-top: 10px; }
    .ijk-price-breakdown .pb-k{ font-size: 12px; }
    .ijk-price-breakdown .pb-v{ font-size: 12.5px; }
    .ijk-price-breakdown .pb-row.is-total .pb-v{ font-size: 15.5px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN PROFİLİ: FİYAT KIRILIMI (v5)
   style.css SONUNA ekleyin.
   Sepet özet sayfasındaki (.ijk-summary) görsel dille tutarlı.
   ========================================================= */

.ijk-price-breakdown{
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--ijk-line);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ijk-price-breakdown .pb-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.ijk-price-breakdown .pb-k{
    font-size: 12.5px;
    color: var(--ijk-steel-600);
}

.ijk-price-breakdown .pb-v{
    font-family: var(--f-mono);
    font-size: 13px;
    font-weight: 600;
    color: var(--ijk-steel-900);
    letter-spacing: -.1px;
}

/* Genel toplam satırı — vurgulu */
.ijk-price-breakdown .pb-row.is-total{
    margin-top: 4px;
    padding: 10px 12px;
    background: var(--ijk-green-lite);
    border-radius: 3px;
}
.ijk-price-breakdown .pb-row.is-total .pb-k{
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--f-display);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--ijk-green);
}
.ijk-price-breakdown .pb-row.is-total .pb-k .ijk-ic{
    width: 16px; height: 16px;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto;
}
.ijk-price-breakdown .pb-row.is-total .pb-v{
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.4px;
    color: var(--ijk-green);
}

@media (max-width: 575px){
    .ijk-price-breakdown{ margin-top: 12px; padding-top: 10px; }
    .ijk-price-breakdown .pb-k{ font-size: 12px; }
    .ijk-price-breakdown .pb-v{ font-size: 12.5px; }
    .ijk-price-breakdown .pb-row.is-total .pb-v{ font-size: 15.5px; }
}



/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN PROFİLİ: KDV'Lİ FİYAT (v6)
   style.css SONUNA ekleyin.
   Önceki .ijk-price-breakdown kuralınızı SİLİP bunu ekleyin.
   ========================================================= */

.ijk-price-total{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    margin-top: 12px;
    padding: 10px 14px;
    background: var(--ijk-green-lite);
    border: 1px solid rgba(31,77,40,.16);
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
}

.ijk-price-total .ijk-ic{
    width: 16px; height: 16px;
    fill: none; stroke: var(--ijk-green); stroke-width: 2.4;
    stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto;
}

.ijk-price-total .pt-label{
    font-family: var(--f-display);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    color: var(--ijk-green);
    flex: 0 0 auto;
}

.ijk-price-total .pt-value{
    margin-left: auto;
    font-family: var(--f-mono);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.3px;
    color: var(--ijk-green);
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 575px){
    .ijk-price-total{ margin-top: 10px; padding: 9px 12px; gap: 6px; }
    .ijk-price-total .pt-label{ font-size: 12px; }
    .ijk-price-total .pt-value{ font-size: 14px; }
}

/* Çok dar ekranlarda etiketi kısalt, tek satırda kalsın */
@media (max-width: 340px){
    .ijk-price-total .pt-label{ font-size: 11px; }
    .ijk-price-total .pt-value{ font-size: 13px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN PROFİLİ: KDV'Lİ FİYAT (v6)
   style.css SONUNA ekleyin.
   Önceki .ijk-price-breakdown kuralınızı SİLİP bunu ekleyin.
   ========================================================= */

.ijk-price-total{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    margin-top: 12px;
    padding: 10px 14px;
    background: var(--ijk-green-lite);
    border: 1px solid rgba(31,77,40,.16);
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
}

.ijk-price-total .ijk-ic{
    width: 16px; height: 16px;
    fill: none; stroke: var(--ijk-green); stroke-width: 2.4;
    stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto;
}

.ijk-price-total .pt-label{
    font-family: var(--f-display);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    color: var(--ijk-green);
    flex: 0 0 auto;
}

.ijk-price-total .pt-value{
    margin-left: auto;
    font-family: var(--f-mono);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.3px;
    color: var(--ijk-green);
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 575px){
    .ijk-price-total{ margin-top: 10px; padding: 9px 12px; gap: 6px; }
    .ijk-price-total .pt-label{ font-size: 12px; }
    .ijk-price-total .pt-value{ font-size: 14px; }
}

/* Çok dar ekranlarda etiketi kısalt, tek satırda kalsın */
@media (max-width: 340px){
    .ijk-price-total .pt-label{ font-size: 11px; }
    .ijk-price-total .pt-value{ font-size: 13px; }
}

/* =========================================================
   IJK JAPAN RULMAN — SEPET LİSTESİ: KDV HARİÇ/DAHİL KOMPAKT
   style.css SONUNA ekleyin.
   .value sınıfının altına, küçük/gri ikinci tutar satırı.
   ========================================================= */

.ijk-cart .td-price,
.ijk-cart .td-total-price{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ijk-cart .value-alt{
    font-family: var(--f-mono, inherit);
    font-size: 12px;
    font-weight: 400;
    color: var(--ijk-steel-600, #8a8f98);
    letter-spacing: -.1px;
}

.ijk-cart .value-alt small{
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-left: 3px;
    opacity: .85;
}

@media (max-width: 767px){
    /* Mobilde satırlar kart görünümüne dönüşüyor — value-alt
       ana değerin hemen altında, data-label ile karışmasın
       diye küçük bir üst boşluk bırakıldı. */
    .ijk-cart .td-price,
    .ijk-cart .td-total-price{
        align-items: flex-end;
    }
    .ijk-cart .value-alt{
        font-size: 11.5px;
    }
}

/* =========================================================
   IJK JAPAN RULMAN — SEPET LİSTESİ: KDV HARİÇ/DAHİL KOMPAKT
   style.css SONUNA ekleyin.
   .value sınıfının altına, küçük/gri ikinci tutar satırı.
   ========================================================= */

.ijk-cart .td-price,
.ijk-cart .td-total-price{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
}

.ijk-cart .value-alt{
    position: relative;
    padding-left: 8px;
    font-family: var(--f-mono, inherit);
    font-size: 12px;
    font-weight: 400;
    color: var(--ijk-steel-600, #8a8f98);
    letter-spacing: -.1px;
    white-space: nowrap;
}

/* Ana değer ile ikinci değer arasında ince ayraç çizgisi */
.ijk-cart .value-alt::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background: var(--ijk-line, #e2e5e9);
}

.ijk-cart .value-alt small{
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-left: 3px;
    opacity: .85;
}

@media (max-width: 767px){
    /* Mobilde satırlar kart görünümüne dönüşüyor — ana değer
       ve value-alt yine yan yana, sağa hizalı kalıyor. */
    .ijk-cart .td-price,
    .ijk-cart .td-total-price{
        justify-content: flex-end;
    }
    .ijk-cart .value-alt{
        font-size: 11.5px;
    }
}


/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN LİSTESİ: TABLO GÖRÜNÜMÜ CSS
   style.css SONUNA ekleyin.
   Sepet/özet sayfalarında kullanılan aynı token'lar (--ijk-green,
   --f-mono, --ijk-steel-900, --ijk-line) burada da kullanıldı.
   Tanımlı değilse fallback değerler var, ama panelinizde bu
   değişkenler zaten tanımlıysa otomatik aynı renk diline uyar.
   ========================================================= */

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN TABLOSU (kart.twig v14) CSS — TEMİZ TEK SÜRÜM
   Bu, dosyanın geri kalanındaki TEK ve GEÇERLİ ürün tablosu bloğudur.
   Öncesinde bununla aynı isimli başka blok OLMAMALI.
   ========================================================= */

.ijk-product-table-wrap{
    --_line:   var(--ijk-line, #e7e9ec);
    --_steel9: var(--ijk-steel-900, #1c2126);
    --_steel6: var(--ijk-steel-600, #6b7280);
    --_green:  var(--ijk-green, #2f7d4f);
    --_greenL: var(--ijk-green-lite, #eaf5ee);
    --_amber:  var(--ijk-amber, #d98b1f);
    --_red:    #c0392b;
    --_mono:   var(--f-mono, 'Roboto Mono', monospace);
    --_disp:   var(--f-display, inherit);

    background: #fff;
    border: 1px solid var(--_line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20,24,28,.04), 0 8px 24px rgba(20,24,28,.04);
}

.ijk-product-table{ width: 100%; border-collapse: collapse; font-size: 13px; }

.ijk-product-table thead th{
    background: #fafbfc;
    border-bottom: 1px solid var(--_line);
    padding: 13px 16px;
    font-family: var(--_disp);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--_steel6);
    text-align: left;
    white-space: nowrap;
}
.ijk-product-table thead th.th-net,
.ijk-product-table thead th.th-gross{ text-align: right; }
.ijk-product-table thead th.th-depo{ text-align: left; }

.ijk-product-table tbody tr.ijk-row{
    border-bottom: 1px solid var(--_line);
    transition: background .15s;
}
.ijk-product-table tbody tr.ijk-row:hover{ background: #f8fafb; }
.ijk-product-table tbody tr.ijk-row:last-child{ border-bottom: 0; }
.ijk-product-table td{ padding: 12px 16px; vertical-align: middle; }

/* Stok kodu */
.td-code .code-link{
    font-family: var(--_mono);
    font-size: 12px; font-weight: 600;
    color: var(--_steel9); text-decoration: none;
    letter-spacing: -.1px;
}
.td-code .code-link:hover{ color: var(--_green); }

/* Marka rozeti */
.ijk-brand-badge{
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--_steel6);
    background: #f1f2f4;
    border-radius: 6px;
    white-space: nowrap;
}
.ijk-brand-badge.is-own{
    color: var(--_green);
    background: var(--_greenL);
}

/* Ürün adı + görsel */
.ijk-row-product{ display: flex; align-items: flex-start; gap: 12px; min-width: 240px; }
.ijk-row-product .thumb{
    position: relative;
    flex: 0 0 auto;
    width: 46px; height: 46px;
    border: 1px solid var(--_line);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    transition: border-color .15s;
}
.ijk-row-product:hover .thumb{ border-color: #d3d7dc; }
.ijk-row-product .thumb img{ width: 100%; height: 100%; object-fit: contain; }
.ijk-row-product .thumb .discount{
    position: absolute; top: 0; right: 0;
    background: var(--_red); color: #fff;
    font-size: 8.5px; font-weight: 700;
    padding: 1px 4px; line-height: 1.4;
    border-bottom-left-radius: 6px;
}
.ijk-row-info{ display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
.ijk-row-product .name{
    font-size: 13px; font-weight: 600;
    color: var(--_steel9); text-decoration: none; line-height: 1.35;
    letter-spacing: -.1px;
}
.ijk-row-product .name:hover{ color: var(--_green); }
.ijk-dims{
    display: flex; align-items: center; gap: 3px;
    font-family: var(--_mono);
    font-size: 10.5px; color: var(--_steel6);
}
.ijk-dims i{ font-style: normal; opacity: .5; }
.ijk-dims em{ font-style: normal; margin-left: 2px; opacity: .6; }

.ijk-visually-hidden{
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* =========================================================
   DEPO — net, dolgu renkli, yan yana, hep aynı satırda
   ========================================================= */
.td-depo{ text-align: left; }
.ijk-card-depo{ display: flex; min-width: 190px; }

.ijk-depo-radios{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

.ijk-depo-radio{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 68px;
    border: 2px solid transparent;
    transition: transform .1s, box-shadow .15s;
}

.ijk-depo-radio input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 1px; height: 1px;
    pointer-events: none;
}

.ijk-depo-radio .dr-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}
.ijk-depo-radio .dr-name{
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -.1px;
}
.ijk-depo-radio .dr-status{
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .4px;
}

.ijk-depo-radio.is-ok{
    background: var(--_greenL);
    color: var(--_green);
}
.ijk-depo-radio.is-ok .dr-status{ color: var(--_green); }
.ijk-depo-radio.is-ok:hover{ box-shadow: 0 2px 6px rgba(47,125,79,.18); }

.ijk-depo-radio.is-ok:has(input:checked){
    background: var(--_green);
    color: #fff;
    border-color: #1f5c37;
    box-shadow: 0 2px 8px rgba(47,125,79,.35);
}
.ijk-depo-radio.is-ok:has(input:checked) .dr-status{ color: #fff; }
.ijk-depo-radio.is-ok:has(input:checked)::after{
    content: "✓";
    position: absolute;
    top: -6px; right: -6px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    color: var(--_green);
    font-size: 10px;
    font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.ijk-depo-radio.is-no{
    background: #f2f2f3;
    color: #a3a8ae;
    cursor: not-allowed;
    opacity: .85;
}
.ijk-depo-radio.is-no .dr-status{ color: var(--_red); }

/* KDV hariç / dahil */
.td-net{ text-align: right; }
.net-price{
    font-family: var(--_mono);
    font-size: 13.5px; font-weight: 600;
    color: var(--_steel9);
    letter-spacing: -.2px;
}

.td-gross{ text-align: right; }
.td-gross .list-price{
    display: block;
    font-family: var(--_mono);
    font-size: 11px;
    color: var(--_steel6);
    text-decoration: line-through;
    margin-bottom: 1px;
}
.td-gross .gross-price{
    font-family: var(--_mono);
    font-size: 12.5px;
    color: var(--_steel6);
}

/* Aksiyon */
.td-action{ text-align: right; white-space: nowrap; }
.ijk-row-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ijk-row-actions .ijk-fav{
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border: 1px solid var(--_line);
    border-radius: 9px;
    color: var(--_steel6);
    text-decoration: none;
    transition: all .15s;
}
.ijk-row-actions .ijk-fav:hover{
    color: var(--_amber);
    border-color: var(--_amber);
    background: rgba(217,139,31,.06);
}

.ijk-row-actions .btn.btn-xs{
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    padding: 0;
    font-size: 14px;
    border-radius: 9px;
    background: var(--_green);
    color: #fff;
    border: 1px solid var(--_green);
    transition: transform .12s, box-shadow .15s, background .15s;
    box-shadow: 0 1px 2px rgba(47,125,79,.25);
}
.ijk-row-actions .btn.btn-xs i{ font-size: 15px; line-height: 1; }
.ijk-row-actions .btn.btn-xs:hover{
    background: #256b42;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(47,125,79,.3);
}
.ijk-row-actions .btn.btn-xs:active{ transform: translateY(0); }

.ijk-btn-quote.btn-xs{
    background: #25D366;
    border-color: #25D366;
    box-shadow: 0 1px 2px rgba(37,211,102,.25);
}
.ijk-btn-quote.btn-xs:hover{ background: #1fb956; box-shadow: 0 3px 8px rgba(37,211,102,.3); }

/* Erişilebilirlik */
.ijk-product-table a:focus-visible,
.ijk-product-table .btn:focus-visible,
.ijk-depo-radio input:focus-visible ~ .dr-body{
    outline: 2px solid var(--_amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-product-table tbody tr, .ijk-row-actions .btn.btn-xs{ transition: none !important; }
}

/* =========================================================
   MOBİL — kart görünümüne dönüşür, depolar hep yan yana kalır
   ========================================================= */
@media (max-width: 767px){
    .ijk-product-table-wrap{ border-radius: 10px; }
    .ijk-product-table thead{ display: none; }
    .ijk-product-table, .ijk-product-table tbody,
    .ijk-product-table tr, .ijk-product-table td{ display: block; width: 100%; }
    .ijk-product-table tr.ijk-row{ padding: 14px; border-bottom: 1px solid var(--_line); }
    .ijk-product-table td{ padding: 6px 0; text-align: left !important; }
    .ijk-row-product{ min-width: 0; }
    .ijk-card-depo{ margin-top: 4px; }
    .ijk-depo-radios{ flex-wrap: nowrap; }
    .ijk-depo-radio{ min-width: 0; flex: 1 1 0; padding: 5px 6px; }
    .ijk-depo-radio .dr-name{ font-size: 11px; }
    .ijk-depo-radio .dr-status{ font-size: 8.5px; }
    .td-net, .td-gross{
        display: flex; justify-content: space-between; align-items: center;
    }
    .td-net::before   { content: "KDV Hariç: "; font-size: 11px; color: var(--_steel6); }
    .td-gross::before { content: "KDV Dahil: "; font-size: 11px; color: var(--_steel6); }
    .td-action{ margin-top: 10px; }
    .ijk-row-actions{ justify-content: flex-start; }
}
    .td-action{ margin-top: 10px; }
    .ijk-row-actions{ justify-content: flex-start; }

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN TABLOSU (kart.twig v14) CSS — TEMİZ TEK SÜRÜM
   Bu, dosyanın geri kalanındaki TEK ve GEÇERLİ ürün tablosu bloğudur.
   Öncesinde bununla aynı isimli başka blok OLMAMALI.
   ========================================================= */

.ijk-product-table-wrap{
    --_line:   var(--ijk-line, #e7e9ec);
    --_steel9: var(--ijk-steel-900, #1c2126);
    --_steel6: var(--ijk-steel-600, #6b7280);
    --_green:  var(--ijk-green, #2f7d4f);
    --_greenL: var(--ijk-green-lite, #eaf5ee);
    --_amber:  var(--ijk-amber, #d98b1f);
    --_red:    #c0392b;
    --_mono:   var(--f-mono, 'Roboto Mono', monospace);
    --_disp:   var(--f-display, inherit);

    background: #fff;
    border: 1px solid var(--_line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20,24,28,.04), 0 8px 24px rgba(20,24,28,.04);
}

.ijk-product-table{ width: 100%; border-collapse: collapse; font-size: 13px; }

.ijk-product-table thead th{
    background: #fafbfc;
    border-bottom: 1px solid var(--_line);
    padding: 13px 16px;
    font-family: var(--_disp);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--_steel6);
    text-align: left;
    white-space: nowrap;
}
.ijk-product-table thead th.th-net,
.ijk-product-table thead th.th-gross{ text-align: right; }
.ijk-product-table thead th.th-depo{ text-align: left; }

.ijk-product-table tbody tr.ijk-row{
    border-bottom: 1px solid var(--_line);
    transition: background .15s;
}
.ijk-product-table tbody tr.ijk-row:hover{ background: #f8fafb; }
.ijk-product-table tbody tr.ijk-row:last-child{ border-bottom: 0; }
.ijk-product-table td{ padding: 12px 16px; vertical-align: middle; }

/* Stok kodu */
.td-code .code-link{
    font-family: var(--_mono);
    font-size: 12px; font-weight: 600;
    color: var(--_steel9); text-decoration: none;
    letter-spacing: -.1px;
}
.td-code .code-link:hover{ color: var(--_green); }

/* Marka rozeti */
.ijk-brand-badge{
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--_steel6);
    background: #f1f2f4;
    border-radius: 6px;
    white-space: nowrap;
}
.ijk-brand-badge.is-own{
    color: var(--_green);
    background: var(--_greenL);
}
.ijk-brand-fetch:empty{ display: none; }

/* Ürün adı + görsel */
.ijk-row-product{ display: flex; align-items: flex-start; gap: 12px; min-width: 240px; }
.ijk-row-product .thumb{
    position: relative;
    flex: 0 0 auto;
    width: 46px; height: 46px;
    border: 1px solid var(--_line);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    transition: border-color .15s;
}
.ijk-row-product:hover .thumb{ border-color: #d3d7dc; }
.ijk-row-product .thumb img{ width: 100%; height: 100%; object-fit: contain; }
.ijk-row-product .thumb .discount{
    position: absolute; top: 0; right: 0;
    background: var(--_red); color: #fff;
    font-size: 8.5px; font-weight: 700;
    padding: 1px 4px; line-height: 1.4;
    border-bottom-left-radius: 6px;
}
.ijk-row-info{ display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
.ijk-row-product .name{
    font-size: 13px; font-weight: 600;
    color: var(--_steel9); text-decoration: none; line-height: 1.35;
    letter-spacing: -.1px;
}
.ijk-row-product .name:hover{ color: var(--_green); }
.ijk-dims{
    display: flex; align-items: center; gap: 3px;
    font-family: var(--_mono);
    font-size: 10.5px; color: var(--_steel6);
}
.ijk-dims i{ font-style: normal; opacity: .5; }
.ijk-dims em{ font-style: normal; margin-left: 2px; opacity: .6; }

.ijk-visually-hidden{
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* =========================================================
   DEPO — net, dolgu renkli, yan yana, hep aynı satırda
   ========================================================= */
.td-depo{ text-align: left; }
.ijk-card-depo{ display: flex; min-width: 190px; }

.ijk-depo-radios{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

.ijk-depo-radio{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 68px;
    border: 2px solid transparent;
    transition: transform .1s, box-shadow .15s;
}

.ijk-depo-radio input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 1px; height: 1px;
    pointer-events: none;
}

.ijk-depo-radio .dr-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}
.ijk-depo-radio .dr-name{
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -.1px;
}
.ijk-depo-radio .dr-status{
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .4px;
}

.ijk-depo-radio.is-ok{
    background: var(--_greenL);
    color: var(--_green);
}
.ijk-depo-radio.is-ok .dr-status{ color: var(--_green); }
.ijk-depo-radio.is-ok:hover{ box-shadow: 0 2px 6px rgba(47,125,79,.18); }

.ijk-depo-radio.is-ok:has(input:checked){
    background: var(--_green);
    color: #fff;
    border-color: #1f5c37;
    box-shadow: 0 2px 8px rgba(47,125,79,.35);
}
.ijk-depo-radio.is-ok:has(input:checked) .dr-status{ color: #fff; }
.ijk-depo-radio.is-ok:has(input:checked)::after{
    content: "✓";
    position: absolute;
    top: -6px; right: -6px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    color: var(--_green);
    font-size: 10px;
    font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.ijk-depo-radio.is-no{
    background: #f2f2f3;
    color: #a3a8ae;
    cursor: not-allowed;
    opacity: .85;
}
.ijk-depo-radio.is-no .dr-status{ color: var(--_red); }

/* KDV hariç / dahil */
.td-net{ text-align: right; }
.net-price{
    font-family: var(--_mono);
    font-size: 13.5px; font-weight: 600;
    color: var(--_steel9);
    letter-spacing: -.2px;
}

.td-gross{ text-align: right; }
.td-gross .list-price{
    display: block;
    font-family: var(--_mono);
    font-size: 11px;
    color: var(--_steel6);
    text-decoration: line-through;
    margin-bottom: 1px;
}
.td-gross .gross-price{
    font-family: var(--_mono);
    font-size: 12.5px;
    color: var(--_steel6);
}

/* Aksiyon */
.td-action{ text-align: right; white-space: nowrap; }
.ijk-row-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ijk-row-actions .ijk-fav{
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border: 1px solid var(--_line);
    border-radius: 9px;
    color: var(--_steel6);
    text-decoration: none;
    transition: all .15s;
}
.ijk-row-actions .ijk-fav:hover{
    color: var(--_amber);
    border-color: var(--_amber);
    background: rgba(217,139,31,.06);
}

.ijk-row-actions .btn.btn-xs{
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    padding: 0;
    font-size: 14px;
    border-radius: 9px;
    background: var(--_green);
    color: #fff;
    border: 1px solid var(--_green);
    transition: transform .12s, box-shadow .15s, background .15s;
    box-shadow: 0 1px 2px rgba(47,125,79,.25);
}
.ijk-row-actions .btn.btn-xs i{ font-size: 15px; line-height: 1; }
.ijk-row-actions .btn.btn-xs:hover{
    background: #256b42;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(47,125,79,.3);
}
.ijk-row-actions .btn.btn-xs:active{ transform: translateY(0); }

.ijk-btn-quote.btn-xs{
    background: #25D366;
    border-color: #25D366;
    box-shadow: 0 1px 2px rgba(37,211,102,.25);
}
.ijk-btn-quote.btn-xs:hover{ background: #1fb956; box-shadow: 0 3px 8px rgba(37,211,102,.3); }

/* Erişilebilirlik */
.ijk-product-table a:focus-visible,
.ijk-product-table .btn:focus-visible,
.ijk-depo-radio input:focus-visible ~ .dr-body{
    outline: 2px solid var(--_amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-product-table tbody tr, .ijk-row-actions .btn.btn-xs{ transition: none !important; }
}

/* =========================================================
   MOBİL — kart görünümüne dönüşür, depolar hep yan yana kalır
   ========================================================= */
@media (max-width: 767px){
    .ijk-product-table-wrap{ border-radius: 10px; }
    .ijk-product-table thead{ display: none; }
    .ijk-product-table, .ijk-product-table tbody,
    .ijk-product-table tr, .ijk-product-table td{ display: block; width: 100%; }
    .ijk-product-table tr.ijk-row{ padding: 14px; border-bottom: 1px solid var(--_line); }
    .ijk-product-table td{ padding: 6px 0; text-align: left !important; }
    .ijk-row-product{ min-width: 0; }
    .ijk-card-depo{ margin-top: 4px; }
    .ijk-depo-radios{ flex-wrap: nowrap; }
    .ijk-depo-radio{ min-width: 0; flex: 1 1 0; padding: 5px 6px; }
    .ijk-depo-radio .dr-name{ font-size: 11px; }
    .ijk-depo-radio .dr-status{ font-size: 8.5px; }
    .td-net, .td-gross{
        display: flex; justify-content: space-between; align-items: center;
    }
    .td-net::before   { content: "KDV Hariç: "; font-size: 11px; color: var(--_steel6); }
    .td-gross::before { content: "KDV Dahil: "; font-size: 11px; color: var(--_steel6); }
    .td-action{ margin-top: 10px; }
    .ijk-row-actions{ justify-content: flex-start; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN TABLOSU (kart.twig v14) CSS — TEMİZ TEK SÜRÜM
   Bu, dosyanın geri kalanındaki TEK ve GEÇERLİ ürün tablosu bloğudur.
   Öncesinde bununla aynı isimli başka blok OLMAMALI.
   ========================================================= */

.ijk-product-table-wrap{
    --_line:   var(--ijk-line, #e7e9ec);
    --_steel9: var(--ijk-steel-900, #1c2126);
    --_steel6: var(--ijk-steel-600, #6b7280);
    --_green:  var(--ijk-green, #2f7d4f);
    --_greenL: var(--ijk-green-lite, #eaf5ee);
    --_amber:  var(--ijk-amber, #d98b1f);
    --_red:    #c0392b;
    --_mono:   var(--f-mono, 'Roboto Mono', monospace);
    --_disp:   var(--f-display, inherit);

    background: #fff;
    border: 1px solid var(--_line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20,24,28,.04), 0 8px 24px rgba(20,24,28,.04);
}

.ijk-product-table{ width: 100%; border-collapse: collapse; font-size: 13px; }

.ijk-product-table thead th{
    background: #fafbfc;
    border-bottom: 1px solid var(--_line);
    padding: 13px 16px;
    font-family: var(--_disp);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--_steel6);
    text-align: left;
    white-space: nowrap;
}
.ijk-product-table thead th.th-net,
.ijk-product-table thead th.th-gross{ text-align: right; }
.ijk-product-table thead th.th-depo{ text-align: left; }

.ijk-product-table tbody tr.ijk-row{
    border-bottom: 1px solid var(--_line);
    transition: background .15s;
}
.ijk-product-table tbody tr.ijk-row:hover{ background: #f8fafb; }
.ijk-product-table tbody tr.ijk-row:last-child{ border-bottom: 0; }
.ijk-product-table td{ padding: 12px 16px; vertical-align: middle; }

/* Stok kodu */
.td-code .code-link{
    font-family: var(--_mono);
    font-size: 12px; font-weight: 600;
    color: var(--_steel9); text-decoration: none;
    letter-spacing: -.1px;
}
.td-code .code-link:hover{ color: var(--_green); }

/* Marka rozeti */
.ijk-brand-badge{
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--_steel6);
    background: #f1f2f4;
    border-radius: 6px;
    white-space: nowrap;
}
.ijk-brand-badge.is-own{
    color: var(--_green);
    background: var(--_greenL);
}
.ijk-brand-fetch:empty{ display: none; }

/* Ürün adı + görsel */
.ijk-row-product{ display: flex; align-items: flex-start; gap: 12px; min-width: 240px; }
.ijk-row-product .thumb{
    position: relative;
    flex: 0 0 auto;
    width: 46px; height: 46px;
    border: 1px solid var(--_line);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    transition: border-color .15s;
}
.ijk-row-product:hover .thumb{ border-color: #d3d7dc; }
.ijk-row-product .thumb img{ width: 100%; height: 100%; object-fit: contain; }
.ijk-row-product .thumb .discount{
    position: absolute; top: 0; right: 0;
    background: var(--_red); color: #fff;
    font-size: 8.5px; font-weight: 700;
    padding: 1px 4px; line-height: 1.4;
    border-bottom-left-radius: 6px;
}
.ijk-row-info{ display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
.ijk-row-product .name{
    font-size: 13px; font-weight: 600;
    color: var(--_steel9); text-decoration: none; line-height: 1.35;
    letter-spacing: -.1px;
}
.ijk-row-product .name:hover{ color: var(--_green); }
.ijk-dims{
    display: flex; align-items: center; gap: 3px;
    font-family: var(--_mono);
    font-size: 10.5px; color: var(--_steel6);
}
.ijk-dims i{ font-style: normal; opacity: .5; }
.ijk-dims em{ font-style: normal; margin-left: 2px; opacity: .6; }

.ijk-visually-hidden{
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* =========================================================
   DEPO — net, dolgu renkli, yan yana, hep aynı satırda
   ========================================================= */
.td-depo{ text-align: left; }
.ijk-card-depo{ display: flex; min-width: 190px; }

.ijk-depo-radios{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

.ijk-depo-radio{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 68px;
    border: 2px solid transparent;
    transition: transform .1s, box-shadow .15s;
}

.ijk-depo-radio input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 1px; height: 1px;
    pointer-events: none;
}

.ijk-depo-radio .dr-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}
.ijk-depo-radio .dr-name{
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -.1px;
}
.ijk-depo-radio .dr-status{
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .4px;
}

.ijk-depo-radio.is-ok{
    background: var(--_greenL);
    color: var(--_green);
}
.ijk-depo-radio.is-ok .dr-status{ color: var(--_green); }
.ijk-depo-radio.is-ok:hover{ box-shadow: 0 2px 6px rgba(47,125,79,.18); }

.ijk-depo-radio.is-ok:has(input:checked){
    background: var(--_green);
    color: #fff;
    border-color: #1f5c37;
    box-shadow: 0 2px 8px rgba(47,125,79,.35);
}
.ijk-depo-radio.is-ok:has(input:checked) .dr-status{ color: #fff; }
.ijk-depo-radio.is-ok:has(input:checked)::after{
    content: "✓";
    position: absolute;
    top: -6px; right: -6px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    color: var(--_green);
    font-size: 10px;
    font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.ijk-depo-radio.is-no{
    background: #f2f2f3;
    color: #a3a8ae;
    cursor: not-allowed;
    opacity: .85;
}
.ijk-depo-radio.is-no .dr-status{ color: var(--_red); }

/* KDV hariç / dahil */
.td-net{ text-align: right; }
.net-price{
    font-family: var(--_mono);
    font-size: 13.5px; font-weight: 600;
    color: var(--_steel9);
    letter-spacing: -.2px;
}

.td-gross{ text-align: right; }
.td-gross .list-price{
    display: block;
    font-family: var(--_mono);
    font-size: 11px;
    color: var(--_steel6);
    text-decoration: line-through;
    margin-bottom: 1px;
}
.td-gross .gross-price{
    font-family: var(--_mono);
    font-size: 12.5px;
    color: var(--_steel6);
}

/* Aksiyon */
.td-action{ text-align: right; white-space: nowrap; }
.ijk-row-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ijk-row-actions .ijk-fav{
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border: 1px solid var(--_line);
    border-radius: 9px;
    color: var(--_steel6);
    text-decoration: none;
    transition: all .15s;
}
.ijk-row-actions .ijk-fav:hover{
    color: var(--_amber);
    border-color: var(--_amber);
    background: rgba(217,139,31,.06);
}

.ijk-row-actions .btn.btn-xs{
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    padding: 0;
    font-size: 14px;
    border-radius: 9px;
    background: var(--_green);
    color: #fff;
    border: 1px solid var(--_green);
    transition: transform .12s, box-shadow .15s, background .15s;
    box-shadow: 0 1px 2px rgba(47,125,79,.25);
}
.ijk-row-actions .btn.btn-xs i{ font-size: 15px; line-height: 1; }
.ijk-row-actions .btn.btn-xs:hover{
    background: #256b42;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(47,125,79,.3);
}
.ijk-row-actions .btn.btn-xs:active{ transform: translateY(0); }

.ijk-btn-quote.btn-xs{
    background: #25D366;
    border-color: #25D366;
    box-shadow: 0 1px 2px rgba(37,211,102,.25);
}
.ijk-btn-quote.btn-xs:hover{ background: #1fb956; box-shadow: 0 3px 8px rgba(37,211,102,.3); }

/* Erişilebilirlik */
.ijk-product-table a:focus-visible,
.ijk-product-table .btn:focus-visible,
.ijk-depo-radio input:focus-visible ~ .dr-body{
    outline: 2px solid var(--_amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-product-table tbody tr, .ijk-row-actions .btn.btn-xs{ transition: none !important; }
}

/* =========================================================
   MOBİL — kart görünümüne dönüşür, depolar hep yan yana kalır
   ========================================================= */
@media (max-width: 767px){
    .ijk-product-table-wrap{ border-radius: 10px; }
    .ijk-product-table thead{ display: none; }
    .ijk-product-table, .ijk-product-table tbody,
    .ijk-product-table tr, .ijk-product-table td{ display: block; width: 100%; }
    .ijk-product-table tr.ijk-row{ padding: 14px; border-bottom: 1px solid var(--_line); }
    .ijk-product-table td{ padding: 6px 0; text-align: left !important; }
    .ijk-row-product{ min-width: 0; }
    .ijk-card-depo{ margin-top: 4px; }
    .ijk-depo-radios{ flex-wrap: nowrap; }
    .ijk-depo-radio{ min-width: 0; flex: 1 1 0; padding: 5px 6px; }
    .ijk-depo-radio .dr-name{ font-size: 11px; }
    .ijk-depo-radio .dr-status{ font-size: 8.5px; }
    .td-net, .td-gross{
        display: flex; justify-content: space-between; align-items: center;
    }
    .td-net::before   { content: "KDV Hariç: "; font-size: 11px; color: var(--_steel6); }
    .td-gross::before { content: "KDV Dahil: "; font-size: 11px; color: var(--_steel6); }
    .td-action{ margin-top: 10px; }
    .ijk-row-actions{ justify-content: flex-start; }
}
/* =========================================================
   KESİN DÜZELTME — Marka rozeti görünmüyor sorunu
   Bu dosyanın EN SONUNA ekleyin.
   Sebep: .ijk-brand-badge kuralı yukarıda (B2B ÜRÜN KARTI v2
   bölümünde) position:absolute; top:12px; right:12px olarak
   tanımlı. Tablo versiyonundaki hiçbir kural "position"
   özelliğini geri sıfırlamadığı için bu değer hâlâ geçerli
   kalıyor ve rozet, tablo hücresinin dışına uçup
   .ijk-product-table-wrap'in overflow:hidden'ı tarafından
   kesilip görünmez oluyor.
   ========================================================= */
.ijk-product-table .td-brand .ijk-brand-badge{
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: inline-block !important;
    background: #f1f2f4 !important;
    border: 0 !important;
    backdrop-filter: none !important;
    color: var(--ijk-steel-600, #6b7280) !important;
}


/* =========================================================
   KESİN DÜZELTME — Hesabım sayfası hızlı erişim linkleri
   (Hesabım, Siparişlerim, Bayilik Bilgilerim vb.) yazıları
   görünmüyordu.

   Sebep: .link-box kuralında "color:#fff !important" satırı
   yanlışlıkla eklenmiş — kutunun zemini de beyaz olduğu için
   beyaz yazı beyaz zeminde kayboluyordu.

   Bu bloğu style.css dosyasının EN SONUNA ekleyin.
   ========================================================= */
.ijk-panel .link-box,
.ijk-panel a.link-box.lb-1{
    color: var(--ijk-steel-900, #161A17) !important;
}
.ijk-panel .link-box .lb-name{
    color: var(--ijk-steel-900, #161A17) !important;
}
.ijk-panel .link-box:hover,
.ijk-panel .link-box:hover .lb-name{
    color: var(--ijk-green, #2C6534) !important;
}

/* =========================================================
   IJK JAPAN RULMAN — ÖDEME ADIMI: SEPETTEKİ ÜRÜNLER ÖZETİ
   style.css SONUNA ekleyin. .ijk-cart ile aynı tasarım dilini
   kullanır; renk/yazı tipi değişkenleri zaten tanımlıysa
   otomatik uyar.
   ========================================================= */

.ijk-paycart{
    --_line:   var(--ijk-line, #DFE4DF);
    --_steel9: var(--ijk-steel-900, #161A17);
    --_steel6: var(--ijk-steel-600, #5B615C);
    --_green:  var(--ijk-green, #2C6534);
    --_greenL: var(--ijk-green-lite, #EDF2ED);
    --_mono:   var(--f-mono, 'Roboto Mono', monospace);
    --_disp:   var(--f-display, inherit);

    background: #fff;
    border: 1px solid var(--_line);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
    font-family: var(--f-body, inherit);
}
.ijk-paycart .ijk-ic{
    width: 1em; height: 1em;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
    flex: 0 0 auto; display: inline-block; vertical-align: -.12em;
}

/* ---------- Açılır/kapanır başlık ---------- */
.ijk-paycart-toggle{
    display: flex; align-items: center; justify-content: space-between;
    width: 100%;
    padding: 14px 18px;
    background: var(--ijk-steel-100, #EFF1EE);
    text-decoration: none !important;
    cursor: pointer;
    transition: background .16s;
}
.ijk-paycart-toggle:hover{ background: #E7EAE5; }

.ijk-paycart-toggle-left{
    display: flex; align-items: center; gap: 10px;
}
.ijk-paycart-toggle-left > .ijk-ic{
    font-size: 19px; color: var(--_green);
}
.ijk-paycart-toggle-left span:nth-child(2){
    font-family: var(--_disp);
    font-size: 15px; font-weight: 600; letter-spacing: .3px;
    color: var(--_steel9);
    text-transform: uppercase;
}

.ijk-paycart-count{
    font-family: var(--_mono); font-size: 11.5px; font-weight: 700;
    color: var(--_green); background: var(--_greenL);
    padding: 3px 9px; border-radius: 20px; line-height: 1;
}

.ijk-paycart-caret{
    font-size: 18px; color: var(--_steel6);
    transition: transform .2s ease;
}
.ijk-paycart-toggle.is-open .ijk-paycart-caret{
    transform: rotate(180deg);
}

/* ---------- Tablo ---------- */
.ijk-paycart .p-list{ border-top: 1px solid var(--_line); }
.ijk-paycart .table-responsive{ margin: 0; }
.ijk-paycart table.table{ margin: 0; border-collapse: collapse; }

.ijk-paycart thead th{
    padding: 10px 16px;
    background: #fff;
    border: 0; border-bottom: 1px solid var(--_line);
    font-family: var(--f-body, inherit);
    font-size: 10.5px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--_steel6);
    white-space: nowrap;
}
.ijk-paycart thead th.th-quantity{ text-align: center; }
.ijk-paycart thead th.th-total-price{ text-align: right; }

.ijk-paycart tbody tr{ border-bottom: 1px solid var(--_line); }
.ijk-paycart tbody tr:last-child{ border-bottom: 0; }
.ijk-paycart.table-hover tbody tr:hover,
.ijk-paycart tbody tr:hover{ background: #FBFCFB; }

.ijk-paycart tbody td{
    padding: 12px 16px;
    border: 0;
    vertical-align: middle;
}

/* Ürün adı */
.ijk-paycart .td-product .name{
    display: block;
    font-family: var(--_disp);
    font-size: 13.5px; font-weight: 500; line-height: 1.35;
    color: var(--_steel9) !important;
    text-decoration: none;
    transition: color .16s;
}
.ijk-paycart .td-product .name:hover{ color: var(--_green) !important; }

.ijk-paycart .variants{
    margin-top: 4px; display: flex; flex-wrap: wrap; gap: 5px;
}
.ijk-paycart .variants span{
    font-size: 10.5px; color: var(--_steel6);
    background: var(--ijk-steel-100, #EFF1EE);
    padding: 2px 7px; border-radius: 3px; line-height: 1.4;
}

/* Adet */
.ijk-paycart .td-quantity{
    text-align: center; white-space: nowrap;
    font-size: 12.5px; color: var(--_steel6);
}

/* Tutar — KDV hariç/dahil kompakt (sepet listesiyle tutarlı) */
.ijk-paycart .td-total-price{
    text-align: right; white-space: nowrap;
}
.ijk-paycart .td-total-price .value{
    display: block;
    font-family: var(--_mono);
    font-size: 14px; font-weight: 700; letter-spacing: -.2px;
    color: var(--_steel9);
}
.ijk-paycart .td-total-price .value-alt{
    display: block;
    font-family: var(--_mono);
    font-size: 11px; font-weight: 400;
    color: var(--_steel6);
    margin-top: 1px;
}
.ijk-paycart .td-total-price .value-alt small{
    font-size: 9.5px; text-transform: uppercase;
    letter-spacing: .2px; margin-left: 3px; opacity: .8;
}

/* Kargo/genel toplam alanı — JS ile doldurulan kısım için
   nötr bir çerçeve; içerik JS'ten geldiği için renk/tipografi
   burada zorlanmıyor, sadece boşluk ve ayraç veriliyor. */
.ijk-paycart-totals:not(:empty){
    padding: 14px 18px;
    border-top: 1px solid var(--_line);
    background: var(--ijk-steel-100, #EFF1EE);
}

/* ---------- Erişilebilirlik ---------- */
.ijk-paycart a:focus-visible{
    outline: 2px solid var(--ijk-amber, #E8A33D); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-paycart *{ transition: none !important; }
}

/* ---------- Mobil ---------- */
@media (max-width: 575px){
    .ijk-paycart-toggle{ padding: 12px 14px; }
    .ijk-paycart-toggle-left span:nth-child(2){ font-size: 13.5px; }
    .ijk-paycart tbody td{ padding: 10px 12px; }
    .ijk-paycart thead th{ padding: 8px 12px; }
    .ijk-paycart .td-product .name{ font-size: 13px; }
}

/* =========================================================
   IJK JAPAN RULMAN — ÖDEME ADIMLARI (STEPPER) v2
   style.css SONUNA ekleyin. Önceki .payment-steps-1 stilini
   silmenize gerek yok, bu blok onu bastırır (aynı sınıflar +
   daha spesifik seçiciler).
   ========================================================= */

.ijk-steps{
    --_line:   var(--ijk-line, #DFE4DF);
    --_steel9: var(--ijk-steel-900, #161A17);
    --_steel6: var(--ijk-steel-600, #5B615C);
    --_steel3: var(--ijk-steel-300, #C9CEC9);
    --_green:  var(--ijk-green, #2C6534);
    --_greenL: var(--ijk-green-lite, #EDF2ED);
    --_disp:   var(--f-display, inherit);

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 640px;
    margin: 0 auto 28px;
    padding: 0;
    font-family: var(--f-body, inherit);
}

/* ---------- Bağlantı çizgisi ---------- */
.ijk-step-line{
    flex: 1 1 auto;
    height: 2px;
    min-width: 24px;
    background: var(--_line);
    margin: 0 6px;
    margin-bottom: 26px; /* etiket yüksekliğini dengeler, çizgi dairelerle hizalanır */
    transition: background .25s ease;
}
.ijk-step-line.is-done{
    background: var(--_green);
}

/* ---------- Tekil adım ---------- */
.ijk-step{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
    flex: 0 0 auto;
    min-width: 84px;
}

.ijk-step .circle{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--_line);
    color: var(--_steel3);
    font-family: var(--_disp);
    font-size: 16px; font-weight: 700;
    transition: all .2s ease;
}

.ijk-step-label{
    font-size: 12px; font-weight: 500;
    color: var(--_steel6);
    text-align: center;
    letter-spacing: .1px;
    transition: color .2s ease;
    white-space: nowrap;
}

.ijk-step-check{
    width: 18px; height: 18px;
    fill: none; stroke: currentColor; stroke-width: 3;
    stroke-linecap: round; stroke-linejoin: round;
}

/* ---------- Aktif adım — dolgulu, vurgulu ---------- */
.ijk-step.active .circle{
    background: var(--_green);
    border-color: var(--_green);
    color: #fff;
    box-shadow: 0 0 0 4px var(--_greenL);
}
.ijk-step.active .ijk-step-label{
    color: var(--_steel9);
    font-weight: 700;
}

/* ---------- Tamamlanan adım — yeşil çerçeve + onay ikonu ---------- */
.ijk-step.completed{
    cursor: pointer;
}
.ijk-step.completed .circle{
    background: var(--_greenL);
    border-color: var(--_green);
    color: var(--_green);
}
.ijk-step.completed .ijk-step-label{
    color: var(--_green);
}
.ijk-step.completed:hover .circle{
    background: var(--_green);
    color: #fff;
}

/* ---------- Erişilebilirlik ---------- */
.ijk-step:focus-visible .circle{
    outline: 2px solid var(--ijk-amber, #E8A33D); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-steps *{ transition: none !important; }
}

/* ---------- Mobil ---------- */
@media (max-width: 575px){
    .ijk-steps{ margin-bottom: 22px; }
    .ijk-step{ min-width: 64px; gap: 6px; }
    .ijk-step .circle{ width: 34px; height: 34px; font-size: 14px; }
    .ijk-step-check{ width: 15px; height: 15px; }
    .ijk-step-label{ font-size: 10.5px; }
    .ijk-step-line{ margin: 0 3px; margin-bottom: 22px; min-width: 14px; }
}
@media (max-width: 380px){
    .ijk-step-label{
        white-space: normal;
        line-height: 1.2;
        max-width: 60px;
    }
}


/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN TABLOSU (kart.twig v14) CSS — TEMİZ TEK SÜRÜM
   Bu, dosyanın geri kalanındaki TEK ve GEÇERLİ ürün tablosu bloğudur.
   Öncesinde bununla aynı isimli başka blok OLMAMALI.
   ========================================================= */

.ijk-product-table-wrap{
    --_line:   var(--ijk-line, #e7e9ec);
    --_steel9: var(--ijk-steel-900, #1c2126);
    --_steel6: var(--ijk-steel-600, #6b7280);
    --_green:  var(--ijk-green, #2f7d4f);
    --_greenL: var(--ijk-green-lite, #eaf5ee);
    --_amber:  var(--ijk-amber, #d98b1f);
    --_red:    #c0392b;
    --_mono:   var(--f-mono, 'Roboto Mono', monospace);
    --_disp:   var(--f-display, inherit);

    background: #fff;
    border: 1px solid var(--_line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20,24,28,.04), 0 8px 24px rgba(20,24,28,.04);
}

.ijk-product-table{ width: 100%; border-collapse: collapse; font-size: 13px; }

.ijk-product-table thead th{
    background: #fafbfc;
    border-bottom: 1px solid var(--_line);
    padding: 13px 16px;
    font-family: var(--_disp);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--_steel6);
    text-align: left;
    white-space: nowrap;
}
.ijk-product-table thead th.th-net,
.ijk-product-table thead th.th-gross{ text-align: right; }
.ijk-product-table thead th.th-depo{ text-align: left; }

.ijk-product-table tbody tr.ijk-row{
    border-bottom: 1px solid var(--_line);
    transition: background .15s;
}
.ijk-product-table tbody tr.ijk-row:hover{ background: #f8fafb; }
.ijk-product-table tbody tr.ijk-row:last-child{ border-bottom: 0; }
.ijk-product-table td{ padding: 12px 16px; vertical-align: middle; }

/* Stok kodu */
.td-code .code-link{
    font-family: var(--_mono);
    font-size: 12px; font-weight: 600;
    color: var(--_steel9); text-decoration: none;
    letter-spacing: -.1px;
}
.td-code .code-link:hover{ color: var(--_green); }

/* Marka rozeti */
.ijk-brand-badge{
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--_steel6);
    background: #f1f2f4;
    border-radius: 6px;
    white-space: nowrap;
}
.ijk-brand-badge.is-own{
    color: var(--_green);
    background: var(--_greenL);
}
.ijk-brand-fetch:empty{ display: none; }

/* Ürün adı + görsel */
.ijk-row-product{ display: flex; align-items: flex-start; gap: 12px; min-width: 240px; }
.ijk-row-product .thumb{
    position: relative;
    flex: 0 0 auto;
    width: 46px; height: 46px;
    border: 1px solid var(--_line);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    transition: border-color .15s;
}
.ijk-row-product:hover .thumb{ border-color: #d3d7dc; }
.ijk-row-product .thumb img{ width: 100%; height: 100%; object-fit: contain; }
.ijk-row-product .thumb .discount{
    position: absolute; top: 0; right: 0;
    background: var(--_red); color: #fff;
    font-size: 8.5px; font-weight: 700;
    padding: 1px 4px; line-height: 1.4;
    border-bottom-left-radius: 6px;
}
.ijk-row-info{ display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
.ijk-row-product .name{
    font-size: 13px; font-weight: 600;
    color: var(--_steel9); text-decoration: none; line-height: 1.35;
    letter-spacing: -.1px;
}
.ijk-row-product .name:hover{ color: var(--_green); }
.ijk-dims{
    display: flex; align-items: center; gap: 3px;
    font-family: var(--_mono);
    font-size: 10.5px; color: var(--_steel6);
}
.ijk-dims i{ font-style: normal; opacity: .5; }
.ijk-dims em{ font-style: normal; margin-left: 2px; opacity: .6; }

.ijk-visually-hidden{
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* =========================================================
   DEPO — net, dolgu renkli, yan yana, hep aynı satırda
   ========================================================= */
.td-depo{ text-align: left; }
.ijk-card-depo{ display: flex; min-width: 190px; }

.ijk-depo-radios{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

.ijk-depo-radio{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 68px;
    border: 2px solid transparent;
    transition: transform .1s, box-shadow .15s;
}

.ijk-depo-radio input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 1px; height: 1px;
    pointer-events: none;
}

.ijk-depo-radio .dr-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}
.ijk-depo-radio .dr-name{
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -.1px;
}
.ijk-depo-radio .dr-status{
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .4px;
}

.ijk-depo-radio.is-ok{
    background: var(--_greenL);
    color: var(--_green);
}
.ijk-depo-radio.is-ok .dr-status{ color: var(--_green); }
.ijk-depo-radio.is-ok:hover{ box-shadow: 0 2px 6px rgba(47,125,79,.18); }

.ijk-depo-radio.is-ok:has(input:checked){
    background: var(--_green);
    color: #fff;
    border-color: #1f5c37;
    box-shadow: 0 2px 8px rgba(47,125,79,.35);
}
.ijk-depo-radio.is-ok:has(input:checked) .dr-status{ color: #fff; }
.ijk-depo-radio.is-ok:has(input:checked)::after{
    content: "✓";
    position: absolute;
    top: -6px; right: -6px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    color: var(--_green);
    font-size: 10px;
    font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.ijk-depo-radio.is-no{
    background: #f2f2f3;
    color: #a3a8ae;
    cursor: not-allowed;
    opacity: .85;
}
.ijk-depo-radio.is-no .dr-status{ color: var(--_red); }

/* KDV hariç / dahil */
.td-net{ text-align: right; }
.net-price{
    font-family: var(--_mono);
    font-size: 13.5px; font-weight: 600;
    color: var(--_steel9);
    letter-spacing: -.2px;
}

.td-gross{ text-align: right; }
.td-gross .list-price{
    display: block;
    font-family: var(--_mono);
    font-size: 11px;
    color: var(--_steel6);
    text-decoration: line-through;
    margin-bottom: 1px;
}
.td-gross .gross-price{
    font-family: var(--_mono);
    font-size: 12.5px;
    color: var(--_steel6);
}

/* Aksiyon */
.td-action{ text-align: right; white-space: nowrap; }
.ijk-row-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ijk-row-actions .ijk-fav{
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border: 1px solid var(--_line);
    border-radius: 9px;
    color: var(--_steel6);
    text-decoration: none;
    transition: all .15s;
}
.ijk-row-actions .ijk-fav:hover{
    color: var(--_amber);
    border-color: var(--_amber);
    background: rgba(217,139,31,.06);
}

.ijk-row-actions .btn.btn-xs{
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    padding: 0;
    font-size: 14px;
    border-radius: 9px;
    background: var(--_green);
    color: #fff;
    border: 1px solid var(--_green);
    transition: transform .12s, box-shadow .15s, background .15s;
    box-shadow: 0 1px 2px rgba(47,125,79,.25);
}
.ijk-row-actions .btn.btn-xs i{ font-size: 15px; line-height: 1; }
.ijk-row-actions .btn.btn-xs:hover{
    background: #256b42;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(47,125,79,.3);
}
.ijk-row-actions .btn.btn-xs:active{ transform: translateY(0); }

.ijk-btn-quote.btn-xs{
    background: #25D366;
    border-color: #25D366;
    box-shadow: 0 1px 2px rgba(37,211,102,.25);
}
.ijk-btn-quote.btn-xs:hover{ background: #1fb956; box-shadow: 0 3px 8px rgba(37,211,102,.3); }

/* Erişilebilirlik */
.ijk-product-table a:focus-visible,
.ijk-product-table .btn:focus-visible,
.ijk-depo-radio input:focus-visible ~ .dr-body{
    outline: 2px solid var(--_amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-product-table tbody tr, .ijk-row-actions .btn.btn-xs{ transition: none !important; }
}

/* =========================================================
   MOBİL — kart görünümüne dönüşür, depolar hep yan yana kalır
   ========================================================= */
@media (max-width: 767px){
    .ijk-product-table-wrap{ border-radius: 10px; }
    .ijk-product-table thead{ display: none; }
    .ijk-product-table, .ijk-product-table tbody,
    .ijk-product-table tr, .ijk-product-table td{ display: block; width: 100%; }
    .ijk-product-table tr.ijk-row{ padding: 14px; border-bottom: 1px solid var(--_line); }
    .ijk-product-table td{ padding: 6px 0; text-align: left !important; }
    .ijk-row-product{ min-width: 0; }
    .ijk-card-depo{ margin-top: 4px; }
    .ijk-depo-radios{ flex-wrap: nowrap; }
    .ijk-depo-radio{ min-width: 0; flex: 1 1 0; padding: 5px 6px; }
    .ijk-depo-radio .dr-name{ font-size: 11px; }
    .ijk-depo-radio .dr-status{ font-size: 8.5px; }
    .td-net, .td-gross{
        display: flex; justify-content: space-between; align-items: center;
    }
    .td-net::before   { content: "KDV Hariç: "; font-size: 11px; color: var(--_steel6); }
    .td-gross::before { content: "KDV Dahil: "; font-size: 11px; color: var(--_steel6); }
    .td-action{ margin-top: 10px; }
    .ijk-row-actions{ justify-content: flex-start; }
}

/* =========================================================
   DÜZELTME — .ijk-brand-badge eski kart tasarımından
   position:absolute; top/right miras alıyordu, tablo hücresinin
   dışına uçup görünmez oluyordu. Burada sıfırlanıyor.
   ========================================================= */
.ijk-product-table .td-brand .ijk-brand-badge{
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-block !important;
}

/* =========================================================
   ADET KUTUSU (v16) — tablo satırına sığan kompakt versiyon.
   Sitenin kendi .product-quantity / productQuantityBox()
   mekanizmasını kullanır, sadece boyutlar küçültüldü.
   ========================================================= */
.ijk-row-qty{
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--_line);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    height: 32px;
    flex: 0 0 auto;
}
.ijk-row-qty .btn{
    width: 26px; min-width: 26px; padding: 0; margin: 0;
    border: 0 !important; border-radius: 0 !important;
    background: #f4f5f7 !important;
    color: var(--_steel6) !important;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 13px; box-shadow: none;
    transition: background .15s, color .15s;
}
.ijk-row-qty .btn:hover{
    background: var(--_green) !important;
    color: #fff !important;
}
.ijk-row-qty .btn i{ font-size: 14px; line-height: 1; }
.ijk-row-qty input.form-control{
    width: 38px; min-width: 38px; height: 100%;
    border: 0; border-radius: 0;
    border-left: 1px solid var(--_line) !important;
    border-right: 1px solid var(--_line) !important;
    text-align: center; padding: 0; margin: 0;
    font-family: var(--_mono); font-size: 12.5px; font-weight: 600;
    color: var(--_steel9); background: #fff;
    box-shadow: none !important;
    -moz-appearance: textfield;
}
.ijk-row-qty input.form-control::-webkit-outer-spin-button,
.ijk-row-qty input.form-control::-webkit-inner-spin-button{
    -webkit-appearance: none; margin: 0;
}

@media (max-width: 767px){
    .ijk-row-qty{ height: 34px; }
    .ijk-row-qty .btn{ width: 28px; min-width: 28px; }
    .ijk-row-qty input.form-control{ width: 40px; min-width: 40px; }
    .ijk-row-actions{ flex-wrap: wrap; gap: 6px; }
}


/* =========================================================
   IJK JAPAN RULMAN — ÜRÜN TABLOSU (kart.twig v14) CSS — TEMİZ TEK SÜRÜM
   Bu, dosyanın geri kalanındaki TEK ve GEÇERLİ ürün tablosu bloğudur.
   Öncesinde bununla aynı isimli başka blok OLMAMALI.
   ========================================================= */

.ijk-product-table-wrap{
    --_line:   var(--ijk-line, #e7e9ec);
    --_steel9: var(--ijk-steel-900, #1c2126);
    --_steel6: var(--ijk-steel-600, #6b7280);
    --_green:  var(--ijk-green, #2f7d4f);
    --_greenL: var(--ijk-green-lite, #eaf5ee);
    --_amber:  var(--ijk-amber, #d98b1f);
    --_red:    #c0392b;
    --_mono:   var(--f-mono, 'Roboto Mono', monospace);
    --_disp:   var(--f-display, inherit);

    background: #fff;
    border: 1px solid var(--_line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20,24,28,.04), 0 8px 24px rgba(20,24,28,.04);
}

.ijk-product-table{ width: 100%; border-collapse: collapse; font-size: 13px; }

.ijk-product-table thead th{
    background: #fafbfc;
    border-bottom: 1px solid var(--_line);
    padding: 13px 16px;
    font-family: var(--_disp);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--_steel6);
    text-align: left;
    white-space: nowrap;
}
.ijk-product-table thead th.th-net,
.ijk-product-table thead th.th-gross{ text-align: right; }
.ijk-product-table thead th.th-depo{ text-align: left; }

.ijk-product-table tbody tr.ijk-row{
    border-bottom: 1px solid var(--_line);
    transition: background .15s;
}
.ijk-product-table tbody tr.ijk-row:hover{ background: #f8fafb; }
.ijk-product-table tbody tr.ijk-row:last-child{ border-bottom: 0; }
.ijk-product-table td{ padding: 12px 16px; vertical-align: middle; }

/* Stok kodu */
.td-code .code-link{
    font-family: var(--_mono);
    font-size: 12px; font-weight: 600;
    color: var(--_steel9); text-decoration: none;
    letter-spacing: -.1px;
}
.td-code .code-link:hover{ color: var(--_green); }

/* Marka rozeti */
.ijk-brand-badge{
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--_steel6);
    background: #f1f2f4;
    border-radius: 6px;
    white-space: nowrap;
}
.ijk-brand-badge.is-own{
    color: var(--_green);
    background: var(--_greenL);
}
.ijk-brand-fetch:empty{ display: none; }

/* Ürün adı + görsel */
.ijk-row-product{ display: flex; align-items: flex-start; gap: 12px; min-width: 240px; }
.ijk-row-product .thumb{
    position: relative;
    flex: 0 0 auto;
    width: 46px; height: 46px;
    border: 1px solid var(--_line);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    transition: border-color .15s;
}
.ijk-row-product:hover .thumb{ border-color: #d3d7dc; }
.ijk-row-product .thumb img{ width: 100%; height: 100%; object-fit: contain; }
.ijk-row-product .thumb .discount{
    position: absolute; top: 0; right: 0;
    background: var(--_red); color: #fff;
    font-size: 8.5px; font-weight: 700;
    padding: 1px 4px; line-height: 1.4;
    border-bottom-left-radius: 6px;
}
.ijk-row-info{ display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
.ijk-row-product .name{
    font-size: 13px; font-weight: 600;
    color: var(--_steel9); text-decoration: none; line-height: 1.35;
    letter-spacing: -.1px;
}
.ijk-row-product .name:hover{ color: var(--_green); }
.ijk-dims{
    display: flex; align-items: center; gap: 3px;
    font-family: var(--_mono);
    font-size: 10.5px; color: var(--_steel6);
}
.ijk-dims i{ font-style: normal; opacity: .5; }
.ijk-dims em{ font-style: normal; margin-left: 2px; opacity: .6; }

.ijk-visually-hidden{
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* =========================================================
   DEPO — net, dolgu renkli, yan yana, hep aynı satırda
   ========================================================= */
.td-depo{ text-align: left; }
.ijk-card-depo{ display: flex; min-width: 190px; }

.ijk-depo-radios{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

.ijk-depo-radio{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 68px;
    border: 2px solid transparent;
    transition: transform .1s, box-shadow .15s;
}

.ijk-depo-radio input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 1px; height: 1px;
    pointer-events: none;
}

.ijk-depo-radio .dr-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}
.ijk-depo-radio .dr-name{
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -.1px;
}
.ijk-depo-radio .dr-status{
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .4px;
}

.ijk-depo-radio.is-ok{
    background: var(--_greenL);
    color: var(--_green);
}
.ijk-depo-radio.is-ok .dr-status{ color: var(--_green); }
.ijk-depo-radio.is-ok:hover{ box-shadow: 0 2px 6px rgba(47,125,79,.18); }

.ijk-depo-radio.is-ok:has(input:checked){
    background: var(--_green);
    color: #fff;
    border-color: #1f5c37;
    box-shadow: 0 2px 8px rgba(47,125,79,.35);
}
.ijk-depo-radio.is-ok:has(input:checked) .dr-status{ color: #fff; }
.ijk-depo-radio.is-ok:has(input:checked)::after{
    content: "✓";
    position: absolute;
    top: -6px; right: -6px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    color: var(--_green);
    font-size: 10px;
    font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.ijk-depo-radio.is-no{
    background: #f2f2f3;
    color: #a3a8ae;
    cursor: not-allowed;
    opacity: .85;
}
.ijk-depo-radio.is-no .dr-status{ color: var(--_red); }

/* KDV hariç / dahil */
.td-net{ text-align: right; }
.net-price{
    font-family: var(--_mono);
    font-size: 13.5px; font-weight: 600;
    color: var(--_steel9);
    letter-spacing: -.2px;
}

.td-gross{ text-align: right; }
.td-gross .list-price{
    display: block;
    font-family: var(--_mono);
    font-size: 11px;
    color: var(--_steel6);
    text-decoration: line-through;
    margin-bottom: 1px;
}
.td-gross .gross-price{
    font-family: var(--_mono);
    font-size: 12.5px;
    color: var(--_steel6);
}

/* Aksiyon */
.td-action{ text-align: right; white-space: nowrap; }
.ijk-row-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ijk-row-actions .ijk-fav{
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border: 1px solid var(--_line);
    border-radius: 9px;
    color: var(--_steel6);
    text-decoration: none;
    transition: all .15s;
}
.ijk-row-actions .ijk-fav:hover{
    color: var(--_amber);
    border-color: var(--_amber);
    background: rgba(217,139,31,.06);
}

.ijk-row-actions .btn.btn-xs{
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    padding: 0;
    font-size: 14px;
    border-radius: 9px;
    background: var(--_green);
    color: #fff;
    border: 1px solid var(--_green);
    transition: transform .12s, box-shadow .15s, background .15s;
    box-shadow: 0 1px 2px rgba(47,125,79,.25);
}
.ijk-row-actions .btn.btn-xs i{ font-size: 15px; line-height: 1; }
.ijk-row-actions .btn.btn-xs:hover{
    background: #256b42;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(47,125,79,.3);
}
.ijk-row-actions .btn.btn-xs:active{ transform: translateY(0); }

.ijk-btn-quote.btn-xs{
    background: #25D366;
    border-color: #25D366;
    box-shadow: 0 1px 2px rgba(37,211,102,.25);
}
.ijk-btn-quote.btn-xs:hover{ background: #1fb956; box-shadow: 0 3px 8px rgba(37,211,102,.3); }

/* Erişilebilirlik */
.ijk-product-table a:focus-visible,
.ijk-product-table .btn:focus-visible,
.ijk-depo-radio input:focus-visible ~ .dr-body{
    outline: 2px solid var(--_amber); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){
    .ijk-product-table tbody tr, .ijk-row-actions .btn.btn-xs{ transition: none !important; }
}

/* =========================================================
   MOBİL — kart görünümüne dönüşür, depolar hep yan yana kalır
   ========================================================= */
@media (max-width: 767px){
    .ijk-product-table-wrap{ border-radius: 10px; }
    .ijk-product-table thead{ display: none; }
    .ijk-product-table, .ijk-product-table tbody,
    .ijk-product-table tr, .ijk-product-table td{ display: block; width: 100%; }
    .ijk-product-table tr.ijk-row{ padding: 14px; border-bottom: 1px solid var(--_line); }
    .ijk-product-table td{ padding: 6px 0; text-align: left !important; }
    .ijk-row-product{ min-width: 0; }
    .ijk-card-depo{ margin-top: 4px; }
    .ijk-depo-radios{ flex-wrap: nowrap; }
    .ijk-depo-radio{ min-width: 0; flex: 1 1 0; padding: 5px 6px; }
    .ijk-depo-radio .dr-name{ font-size: 11px; }
    .ijk-depo-radio .dr-status{ font-size: 8.5px; }
    .td-net, .td-gross{
        display: flex; justify-content: space-between; align-items: center;
    }
    .td-net::before   { content: "KDV Hariç: "; font-size: 11px; color: var(--_steel6); }
    .td-gross::before { content: "KDV Dahil: "; font-size: 11px; color: var(--_steel6); }
    .td-action{ margin-top: 10px; }
    .ijk-row-actions{ justify-content: flex-start; }
}

/* =========================================================
   DÜZELTME — .ijk-brand-badge eski kart tasarımından
   position:absolute; top/right miras alıyordu, tablo hücresinin
   dışına uçup görünmez oluyordu. Burada sıfırlanıyor.
   ========================================================= */
.ijk-product-table .td-brand .ijk-brand-badge{
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-block !important;
}

/* =========================================================
   ADET KUTUSU (v16) — tablo satırına sığan kompakt versiyon.
   Sitenin kendi .product-quantity / productQuantityBox()
   mekanizmasını kullanır, sadece boyutlar küçültüldü.
   ========================================================= */
.ijk-row-qty{
    display: flex;
    align-items: stretch;
    border: 1px solid var(--_line);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    height: 32px;
    flex: 0 0 auto;
}
.ijk-row-qty .btn{
    width: 26px; min-width: 26px; height: 100%; padding: 0; margin: 0;
    border: 0 !important; border-radius: 0 !important;
    background: #f4f5f7 !important;
    color: var(--_steel6) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 15px; font-weight: 700; line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none;
    transition: background .15s, color .15s;
    user-select: none;
}
.ijk-row-qty .btn:hover{
    background: var(--_green) !important;
    color: #fff !important;
}
.ijk-row-qty input.form-control{
    width: 38px; min-width: 38px; height: 100%;
    border: 0; border-radius: 0;
    border-left: 1px solid var(--_line) !important;
    border-right: 1px solid var(--_line) !important;
    text-align: center; padding: 0; margin: 0;
    font-family: var(--_mono); font-size: 12.5px; font-weight: 600;
    color: var(--_steel9); background: #fff;
    box-shadow: none !important;
    -moz-appearance: textfield;
}
.ijk-row-qty input.form-control::-webkit-outer-spin-button,
.ijk-row-qty input.form-control::-webkit-inner-spin-button{
    -webkit-appearance: none; margin: 0;
}

@media (max-width: 767px){
    .ijk-row-qty{ height: 34px; }
    .ijk-row-qty .btn{ width: 28px; min-width: 28px; }
    .ijk-row-qty input.form-control{ width: 40px; min-width: 40px; }
    .ijk-row-actions{ flex-wrap: wrap; gap: 6px; }
}