/* ============================================================
   İthaki Yayın Grubu — brand skin (ported from live B2C site)
   Layered on top of b2b.css. Brand red: #ae0f17 / #d62631
   Source: ithakiyayingrubu.com custom-7nfs + custom-style
   ============================================================ */

@import url('/Themes/ithakiB2b/Content/images/ithaki/fonts/font.css');

:root{
    --main-color: #CD7F32;
    
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1300px;
}
.account-wrapper .block .container{
    max-width: 1300px !important;
}
/************************************************* begin: HEADER ************************************************/

.menu-links__list h6, .nav__subbox--list.nav-sub-1>.nav__subbox--li>.nav__subbox--link {
    font-size: 14px;
}
.header__content{
    padding: 0;
    background-color: #fff;
}
.header__culture{
    display: flex !important;
    background-color: #fff;
    border: 0;
}
.header-wrapper-left {
    display: flex;
    align-items: center;
}
.header-topbar{
    margin: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #00000040;
    padding: 10px 0;
    justify-content: center;
    background: #D62631;
    color: #fff;
}
.header-topbar__text p {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}
.header-topbar__link {
    display: flex;
    align-items: center;
    position: absolute;
    right: 40px;
}
.header-topbar__link>a:not(:last-child), .header-topbar__dropdown>a {
    border-right: 1px solid #FFFFFF40;
}
.header-topbar__link a {
    padding: 0 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.header-topbar__link a:last-child{
    padding-right: 0;
}
.header-topbar__dropdown {
    position: relative;
}

.header-topbar__dropdown-trigger {
    background: none;
    border: none;
    cursor: pointer;
}

.header-topbar__dropdown a{
    border: 0;
}

.header-topbar__dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: max-content;
    padding: 10px 10px;
    background: var(--bg-surface);
    display: none;
    flex-direction: column;
    z-index: 100;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-duration: .5s;
}

.header-topbar__dropdown-menu a {
    padding: 8px 12px;
    text-decoration: none;
    color: var(--text-primary);
}

.header-topbar__dropdown-menu a:hover {
    opacity: .8;
}

/* hover ile aç */
.header-topbar__dropdown:hover .header-topbar__dropdown-menu {
    display: flex;
}
.site{
    position: relative;
}
.header__menu{
    position: unset;
}
.header__menu > .container{
    padding: 0;
}
.megamenu .nav-li__home, .megamenu .nav-li__home.nav-li__home--submenu{
    width: max-content;
}
.megamenu .nav-li__home--arrow .desktop-menu-arrow{
    /* B2C ile birebir: connector'daki ".fa-chevron-down{display:none}" kuralını ez,
       chevron ikonu Kategoriler/Yayınevleri yanında görünsün */
    display: inline-block !important;
    opacity: 1;
    font-size: 9px;
}
.megamenu .nav-li__home--arrow .desktop-menu-arrow::before,
.megamenu .nav-li__home--arrow .desktop-menu-arrow::after{
    opacity: 1;
}
.megamenu .nav-li__home--arrow{
    display: block;
    padding-left: 5px;
    padding-bottom: 4px;
}
.megamenu > li{
    padding: 0 10px;
}
.megamenu > li:first-child{
    padding-left: 0;
}
.megamenu > li:last-child{
    padding-right: 0;
}

.logo a img{
    max-width: 100px;
}
.header__menu{
    border: 0;
}

.search-icon-box{
    border-radius: 12px;
    border: 0;
}
.icon_title{
    display: block;
    padding-top: 5px;
    margin-left: 0;
}
[dir="ltr"] .topbar-dropdown__btn{
    display: flex !important;
}
[dir=ltr] .indicator__value{
    margin-left: unset;
    margin-right: unset;
}
.cart-qty, .wishlist-qty{
    left: unset;
    font-size: 11px;
    top: 0;
}
.cart-qty{
    right: 0px;
}


.search-sidebar__list--popular li{
    border-color: #CFCFCF;
}
.search-sidebar__list li::before{
    width: 100%;
    background-color: #E7E7E7;
    opacity: 0;
}
.search-sidebar__list li:hover::before{
    opacity: 1;
}

.search__bar{
    background: #F9F9F9;
}
.search__bar .search__input::placeholder{
    font-style: italic;
}
.search__logo .search__close{
    background-color: #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search__logo .search__close i{
    font-size: 9px;
}
.search__results__recently-viewed-list .products-list__item, .search__results__recently-viewed-list #product__alternative--img li{
    border: 1px solid var(--border-default);
}
.product-card__lowstockactivity-message{
    padding: 2px 10px 10px;
}
#MobileNav .nav-sub-1 .nav__subbox--li > a{
    padding-left: 25px;
}
    .megamenu .nav-li__home>a.nav-li__home--link {
        color: #000;
    }
.nav-li__home--link::before{
    display: none;
}
.megamenu__category-image{
    display: flex;
    gap: 10px;
}
.block-sidebar__body {
        background: #dddddd2e;
    padding: 0 10px;
}
.megamenu .nav__subbox--list.nav-sub-1{
    column-count: 4;
}
.header.active {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0;
    border-bottom: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-duration: .5s;
}
.megamenu .nav-li__home .nav-li__home--subbox{
    background-color: transparent;
}
.megamenu .nav-li__home .nav-li__home--subbox .nav-li__home--content{
    background-color: var(--bg-surface);
    padding: 30px 0;
}
.megamenu .nav-li__home .nav-li__home--subbox{
	padding-bottom: 0;
}
.search__action-button{
    width: 425px;
    max-width: unset;
    margin-right: 40px;
    border: 1px solid #8F8F8F29;
        border-radius: 12px;
    
}
.search-icon-box input {
    padding-left: 0;
    font-style: italic;
}
.search__action-button i, .search-icon-box input::placeholder {
    color: #8F8F8F;
}
.iconset__btn i, .icon_title, .topbar-dropdown__mobil i {
    color: #2E7078;
}

.megamenu li:first-child .nav__subbox--list.nav-sub-1 {
column-count: 1;
}

/************************************************* end: HEADER ************************************************/

/************************************************* begin: FOOTER ************************************************/

.site__footer{
    position: relative;
    margin-top: 100px;
}
.site__footer::before {
    content: "";
    position: absolute;
    top: -27px;
    left: 0;
    width: 100%;
    height:32px;
     background-image: url("/Themes/ithakiB2b/Content/images/ithaki/footer-line.png");  
      /* background-image: url("/Themes/ithakiB2b/Content/images/ithaki/FooterBg.png");  */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
}

 /* .site__footer::after {
    content: "";
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 100px;
    background-image: url("/Themes/ithakiB2b/Content/images/ithaki/footer-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
     animation: ship-rock 3s ease-in-out infinite;
}  */

/* deneme  */



@keyframes ship-rock {
    0% {
        transform: rotate(0deg) translateY(0);
    }
    25% {
        transform: rotate(2deg) translateY(3px);
    }
    50% {
        transform: rotate(0deg) translateY(0);
    }
    75% {
        transform: rotate(-2deg) translateY(3px);
    }
    100% {
        transform: rotate(0deg) translateY(0);
    }
}

.site__footer::after {
    content: "";
    position: absolute;
    top: -90px;
    left: var(--ship-left, 0px);
    transform-origin: center bottom;
    width: 140px;
    height: 100px;
      background-image: url("/Themes/ithakiB2b/Content/images/ithaki/footer-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
    animation: ship-rock 3s ease-in-out infinite;
}

/* deneme  */

.footer{
    border: 0;
    padding: 60px 0 0;
}
.footer__box__title, .footer__box h4, .logo__footer h4{
    font-weight: 600;
}
.contact-box{
    flex: unset;
    width: 100%;
}
.footer__newsletter--title{
    font-weight: 600;
}
.footer__form--button{
    background: #000;
    color: #fff;
    font-size: 13px;
}
#footer-newsletter-address,
.footer__form--button{
    height: 35px;
}
.footer__bottom{
    background-color: var(--footer-bg);
}
/* Footer alt bar = düz bir flex Row: telif solda, logo ortada, ödeme sağda,
   üçü de DİKEY ORTALI (aynı hizada). Flutter: Row(spaceBetween, center).
   Yan kolonlar (telif + ödeme) eşit flex:1 olduğu için ortadaki logo gerçek
   merkeze oturur. style.css'in width:40% ve absolute denemeleri iptal. */
@media (min-width: 768px) {
    .footer__bottom--box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: static;
    }
    .footer__bottom--box > .site-footer__copyright {
        flex: 1 1 0;
        width: auto;
        margin: 0;
        justify-content: flex-start;
    }
    .footer__bottom--box > .liva-logo {
        position: static;
        flex: 0 0 auto;
        transform: none;
        margin: 0;
    }
    .footer__bottom--box > .payment--methods {
        flex: 1 1 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0;
    }
}
/* Turkuaz footer logosu boyutu. Görsel kırpılıp şeffaflaştırıldı (398x55, ~7:1).
   Geniş yatay logo olduğu için en/boy korunarak max-width ile sınırlanıyor. */
.footer__bottom--box .liva-logo {
    max-width: 170px;
    max-height: 30px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.footer-newsletter__form{
    height: unset;
}
.footer .social-links__item{
    border: 0;
}
.footer-app ul li, .logo__footer .footer__box{
    align-items: flex-start;
}
.logo__footer{
    border-left: 0;
}
.footer-newsletter__text .footer__box__subtitle{
    text-align: left;
}
.footer .social-links{
    justify-content: flex-start;
}
/************************************************* end: FOOTER ************************************************/

/************************************************* begin: YAZARLAR ************************************************/

.authors-area {
    padding: 40px 0;
}
.authors-area__title {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    color: #26292d;
}
.authors-area__title::after {
    content: "";
    width: 50px;
    height: 4px;
    background: var(--main-color);
    display: block;
    margin: 12px auto 0;
    border-radius: 10px;
}
.authors-area__letters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}
.authors-area__letters a{
    font-weight: bold;
}
.authors-area__letters a.active{
    color: var(--main-color);
    text-decoration: underline;
}

.authors-letter-btn {
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s;
    padding: 4px 8px;
}
.authors-letter-btn:hover,
.authors-letter-btn.active {
    color: var(--main-color);
}
.authors-group {
    display: none;
}
.authors-group.active {
    display: block;
}
.authors-group__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px 40px;
}
.authors-products{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
.authors-products-item {
    width: 100%;
    max-width: 450px;
    min-width: 100%;
}
.authors-products-item .product-card__wishlist{
    right: 8%;
    top: 5%;
}

.authors-group__item {
    font-size: 14px;
    color: #333;
    transition: .2s;
    cursor: pointer;
}
.authors-group__item:hover {
    color: var(--main-color);
}

.authors-area {
    width: 100%;
    padding: 40px 0;
}

.authors-grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 40px;
    align-items: flex-start;
}

.authors-grid__item--right {
max-width: 100%;
    overflow: hidden;
}
.author-product__item .product-card__actions {
    display: flex;
}
.authors-grid__item {
    width: 100%;
}

.authors-image {
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
}

.authors-image__item {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.authors-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.authors-info h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.authors-info p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
}

.author-breadcrumb .breadcrumb{
    justify-content: flex-start;
}

.authors-area .block-products-carousel{
    background: transparent;
}

.author-product .block-header{
    justify-content: space-between;
    margin: 24px 0;
}
.author-product .product-card__image{
    padding: 18px 0;
}

/* Tablet */
@media (max-width: 991px) {
    .authors-grid {
        grid-template-columns: 240px 1fr;
        gap: 24px;
    }

    .authors-area__title {
        font-size: 28px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .authors-area {
        padding: 24px 0;
    }

    .authors-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

   

    .authors-info {
        text-align: center;
    }

    .authors-area__title {
        font-size: 24px;
    }

    .authors-info p {
        font-size: 15px;
        line-height: 1.7;
    }
}

@media(max-width: 1200px) {
    .authors-group__list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media(max-width: 992px) {
    .authors-products{
        grid-template-columns: repeat(2, 1fr);
    }
    .authors-area__letters {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 12px;
    }

    .authors-area__letters::-webkit-scrollbar {
        display: none;
    }
    .authors-group__list {
        grid-template-columns: repeat(3, 1fr);
        text-align: center;
    }
}
@media(max-width: 768px) {
    .authors-group__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 576px) {
    .authors-group__list {
        grid-template-columns: 1fr;
    }
}

/************************************************* end: YAZARLAR ************************************************/

/************************************************* begin: OTHER ************************************************/
.flyout-cart{
    z-index: 1002;
}
.custom-sale > span{
    display: none;
}
.custom-sale > div > span{
    display: block;
    line-height: 16px;
}
.custom-sale .custom-sale_price{
    margin-top: 0;
    color: var(--text-primary);
}
.product-card__badge--sale{
    background-color: var(--main-color);
}
.product-card__old-price{
    color: var(--text-secondary) !important;
}
.product-card__name a{
      -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 80%;
}
.shopping-cart-items .cart-buttons button{
    color: var(--text-primary);
}
.wishlist-wrapper .wishlist-page .default__btn--line {
    min-width: auto;
}
.product__features li span:first-child {
    margin-right: 10px;
}
.product-card__badge--sale {
    background-color: #D62631;
}
#scanBtn {
   margin-left: 8px;
  /* display: none; */
}
/************************************************* end: OTHER ************************************************/

/* ************************************************ begin: RESPONSIVE *********************************************** */

@media screen and (max-width:992px) {
    .header {
        margin-bottom: 55px;
    }

    .header.active {
        height: 120px;
        background: #ffffff;
    }
    
    #scanBtn {
        padding: 0 8px 0 0px;
        background-color: white;
        margin: 0;
    }

    .header__culture .container{
        padding: 0 !important;
    }
    .header-topbar__text p{
        font-weight: 600;
    }
    .header-topbar__link{
        display: none;
    }
    .header-topbar{
        justify-content: center;
    }
    
    #account__dropdown{
        left: unset;
    }
    [dir="ltr"] .topbar-dropdown__btn{
        padding-right: 0 !important;
    }
    .logo a img{
        max-width: 55px;
    }
    .icon_title{
        display: none;
    }
    .cart-qty{
        right: -6px;
    }
    .wishlist-qty{
        right: 0;
    }
    .mobile-nav-wrapper .logo img{
        height: 60px;
    }
    .mobile-nav-wrapper .logo a img{
        max-width: 60px;
    }
    .mobile-nav-wrapper .closemobileMenu{
        background-color: transparent;
    }
    .mobile-nav-wrapper .closemobileMenu .logo{
        height: max-content;
    }
    
    .megamenu > li{
        padding: 0;
    }
    #MobileNav .nav-sub-1 li, #MobileNav .nav-sub-1 .megamenu__section-submenu li.links__item{
        border-bottom: 1px solid var(--border-default) !important;
    }
    #MobileNav .nav-sub-1 li:first-child, #MobileNav .nav-sub-1 .megamenu__section-submenu li.links__item:first-child{
        border-top: 1px solid var(--border-default) !important;
    }
    #MobileNav li a{
        text-transform: capitalize;
    }
    .nav__subbox--submenu .nav__subbox--link{
        padding-left: 25px;
    }
    .mobile-nav-wrapper .closemobileMenu > span i{
        font-size: 18px;
        font-weight: 600;
    }
    .logo__footer h4{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .logo__footer h4::after{
        content: "\f078";
        font-family: "Font Awesome 7 Pro";
        font-weight: 900; /* solid için */
    }
    .logo__footer h4::after,
    .footer__box__title i {
        transition: transform 0.5s ease-in-out;
    }
    .logo__footer h4.active::after,
    .footer__box__title.active i{
        transform: rotate(180deg);
    }
    .contact-boxes.active, .footer-newsletter.active {
        display: block;
        animation: slideIn 0.3s ease-out;
    }
    .contact-boxes, .footer-newsletter {
        display: none;
    }
    .logo__footer h4,
    .footer__box__title{
        border-bottom: 1px solid #1B1B1B57;
    }
    
    .search__logo{
        padding: 0;
    }
    .footer .social-links{
        justify-content: flex-end;
    }

    .site__footer::before{
        height: 17px;
        top: -17px;
    }
    .site__footer::after{
        top: -77px;
        width: 100px;
    }
    
    .megamenu__category-image{
        display: none;
    }
    .product-gallery__featured .product-image__body .image-zoom{
        background-image: none !important
    }
    
}

@media screen and (max-width: 991px){
    

.block-header__arrow:focus,
.block-header__arrow:active,
.block-header__arrow:hover {
    background: #130B04 !important;
    outline: none;
}
    .logo__footer .footer__box>h4{
        display: flex;
    }
    .logo__footer h4, .footer__box__title{
        width: 100%;
    }
    .footer-app ul li, .logo__footer .footer__box{
        min-width: 100%;
    }
    
    .block-products-carousel__slider .product-image__body{
        min-height: 300px;
    }
    .widget-filters--offcanvas--mobile .filter-list__list label{
        margin-bottom: 0;
        padding: 10px 30px;
    }
    .search__action-button{
      
        left: 0;
        background: #fff;
        width: 100%;
        margin: 0;
        padding: 10px 10px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    .search-icon-box input{
        display: block;
    }
    .search-icon-box input::placeholder{
        font-style: italic;
    }
    .search__action-button i{
        color: #8F8F8F;
    }
    .search-icon-box{
        width: 100%;
    }
    .iconset.topbar{
        position: unset;
    }
    .megamenu .nav-li__home, .megamenu .nav-li__home.nav-li__home--submenu{
        width: 100%;
    }
    .megamenu .nav__subbox--list.nav-sub-1{
        column-count: unset;
    }
    .nav-sub-1{
        background-color: transparent;
    }
    .megamenu .nav-li__home .nav-li__home--subbox .nav-li__home--content{
        padding: 0;
    }
    .mobile-topic-menu{
        display: block;
        width: 100%;
    }
    .mobile-topic-menu .menu-links__link img{
        display: none;
    }
    .mobile-topic-menu .menu-links__link{
        text-align: left;
        color: #D62631 !important;
    }
    .megamenu__section-submenu li.links__item{
        border-top: 0 !important;
    }
    #MobileNav > li:last-child{
        border-bottom: 1px solid var(--border-default);
    }
    .mobile-topic-menu ul li{
        padding: 12px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
    .mobile-nav-wrapper .logo img,
    .mobile-nav-wrapper .closemobileMenu .logo{
        height: 50px;
    }
    .contact-box{
        flex: 1;
        width: unset;
    }
}
@media screen and (min-width: 1440px){
    .search__action-button{
        width: 425px;
        max-width: unset;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1366px){
    .header-wrapper{
        flex-wrap: wrap;
    }
    .header__menu{
        width: 100%;
        order: 3;
    }
}
@media screen and (min-width: 991px) {
        .megamenu .nav-li__home a {
        font-size: 14px;
    }
    .header__menu {
    margin-left: 20px;
}
    .megamenu__category-title .megamenu__category-link{
        color: var(--text-inverse);
    }
    .megamenu__category-preview{
        max-height: 200px;
    }
    .block-products-carousel__slider .product-image__body{
        min-height: 325px;
    }
}
@media (min-width: 992px) and (max-width: 1830px) {
    .megamenu>li {
    padding: 0 5px;
}
.logo a img {
    max-width: 80px;
}
    .search__action-button {
        width: 390px;
        margin-right: 20px;
    }
    .iconset__btn i {
    font-size: 20px;
}
.icon_title {
    font-size: 11px;
}
    .megamenu .nav-li__home a {
        font-size: 13px;
    }
}
@media (min-width: 992px) and (max-width: 1605px) {
        .logo a img {
        max-width: 55px;
    }
        .megamenu .nav-li__home a {
        font-size: 11px;
    }
        .search__action-button {
        width: 350px;
        margin-right: 15px;
    }
    .search-icon-box {
    height: 30px;
}
.wislist__icon {
    padding: 0 8px 0 8px;
}
.header__content {
    height: 65px;
}
}
@media (min-width: 992px) and (max-width: 1415px) {
        .megamenu .nav-li__home a {
        font-size: 9px;
    }
    .logo a img {
        max-width: 42px;
    }
        .search__action-button {
        width: 250px;
        margin-right: 10px;
    }
    .search-icon-box input {
    font-size: 10px;
}
.iconset__btn i {
        font-size: 16px;
    }
        .icon_title {
        font-size: 9px;
    }
    .search__action-button i {
    font-size: 10px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .header__content .d-container {
        padding: 0 !important;
    }
        .megamenu>li {
        padding: 0 1px;
    }
    .megamenu .nav-li__home--arrow .desktop-menu-arrow {
    font-size: 5px;
    top: -2px;
}
    .search__action-button {
        width: 225px;
    }
        .search__action-button {
        padding-right: 0;
    }
}

/************************************************* end: RESPONSIVE ************************************************/


/** MAİN SLİDER BEGIN **/
.ith-main-wrap {
    margin-top: 40px;
}
.ith-main-swiper {
  width: 100%;
}
 
.ith-main-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
.ith-main-mobile-swiper {
  width: 100%;
}
 
.ith-main-mobile-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}
 
.ith-small-swiper {
  width: 100%;
}
 
.ith-small-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}
 
.ith-main-desktop { display: block; }
.ith-main-mobile  { display: none; }
 
.main-slider .swiper-button-prev,
.main-slider .swiper-button-next{
  color: #000;
    --swiper-navigation-size: 24px;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
    border-radius: 6px;
    width: 60px !important;
    height: 66px !important;
    box-shadow: 0px 14.74px 31.58px 0px #0000000F;
    overflow: clip;
    background-color: rgb(255 255 255 / 8%) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
 
.main-slider .swiper-button-prev:after,
.main-slider .swiper-button-next:after {
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
 
.ith-main-swiper .swiper-button-next:after,
.ith-main-mobile-swiper .swiper-button-next:after,
.ith-small-swiper .swiper-button-next:after { content: 'next'; }
 
.ith-main-swiper .swiper-button-prev:after,
.ith-main-mobile-swiper .swiper-button-prev:after,
.ith-small-swiper .swiper-button-prev:after { content: 'prev'; }
 
@media (max-width: 768px) {
    
  .ith-main-desktop { display: none; }
  .ith-main-mobile  { display: block; }
  .ith-main-wrap .swiper-button-prev, .ith-main-wrap .swiper-button-next{
        display: none; 
  }
  .ith-small-swiper {
    margin-top: 20px;
}
.ith-main-wrap .col-12,
.ith-main-wrap {
    padding: 0 !important;
}
 .ith-main-wrap {
    margin-top: 0;
}


.mobile-search {
     border: 1px solid #8f8f8f29;
    position: absolute;
    bottom: -48px;
    width: 100%;
    height: 50px;
    background: white;
    display: flex;
}
}


/** MAİN SLİDER END **/

/** KATEGORİ SLİDER BEGIN **/
.ith-seri-section {
    padding: 40px 0;
}

.ith-seri-section {
    background-color: #000;
}

.ith-seri-title {
    margin-bottom: 30px;
    border-bottom: 1px solid #d4d4d4;
    color: #fff;
    text-align: center;
    font-size: 28px;
    padding-bottom: 10px;
}

.ith-seri-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ith-seri-swiper {
    flex: 1;
    overflow: hidden;
}

.ith-seri-link {
    display: block;
    text-decoration: none;
    text-align: center;
}
.ith-seri-img-wrap img {
    width: 100%;
}

.ith-seri-label {
    margin: 8px 0 0;
    font-size: 20px;
    color: #ffffff;
    text-align: left;
}

.ith-seri-prev, .ith-seri-next {
    position: static !important;
    flex-shrink: 0;
    color: #000;
    --swiper-navigation-size: 24px;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
    border-radius: 6px;
    width: 30px !important;
    height: 52px !important;
    overflow: clip;
    background-color: #fff;
    backdrop-filter: blur(10px);
    margin-top: 0;
    transform: none;
}

.ith-seri-prev:after {
    content: 'prev';
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.ith-seri-next:after {
    content: 'next';
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

@media (max-width: 767px) {
    .ith-seri-prev,
    .ith-seri-next {
        display: none;
    }
    .ith-seri-label {
    font-size: 14px;
}
.ith-seri-wrapper {
    padding-bottom: 35px;
}
.ith-seri-pagination {
    bottom: 0;
}
}
/* Pagination sadece mobilde görünsün */
.ith-seri-pagination {
  display: block;
}

@media (min-width: 768px) {
  .ith-seri-pagination {
    display: none;
  }
}

.ith-seri-pagination .swiper-pagination-bullet {
  background: #383739;
  opacity: 1;
}

.ith-seri-pagination .swiper-pagination-bullet-active {
  background: #D9D9D9;
}
/** KATEGORİ SLİDER BEGIN **/

/** KATEGORİ SLİDER BEGIN **/
.ith-cat-section{
    background-image: url('/Themes/ithakiB2b/Content/images/ithaki/ktg-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4rem 0; margin: 0;
}

  .ith-cat-title, .ith-pub-title {
    display: flex;
    justify-content: center;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 1.5rem;
  }
  .ith-cat-title h2, .ith-pub-title h2 {
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
  }

  .ith-cat-link {
    text-decoration: none;
    display: block;
    text-align: center;
  }

  .ith-cat-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .ith-cat-link:hover .ith-cat-img-wrap img {
    transform: scale(1.04);
  }

  .ith-cat-label {
    margin-top: 10px;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 0;
}
  .ith-cat-swiper {
    width: 100%;
    padding-bottom: 1rem;
  }

  .ith-cat-swiper .swiper-slide {
    height: auto;
  }
  @media (min-width: 1600px) {
    .ith-cat-section .container {
        position: relative;
        transform: translateX(9%);
    }
}
  @media (min-width: 998px) {
    .ith-cat-section {
        background-position: right center;
    }
}
  @media (max-width: 998px) {
   .ith-cat-swiper {
    padding-bottom: 2rem;
}
.ith-cat-swiper .swiper-pagination-bullet {
    background-color: #383739;
    opacity: 1;
}

.ith-cat-swiper .swiper-pagination-bullet-active {
    background-color: #D9D9D9;
}
}

/** KATEGORİ SLİDER END **/

/** ÇOK YAKINDA SLİDER BEGIN **/

 .HomeProductIthaki .product-card__image.product-image,
    .HomeProductIthaki #product__alternative--img{
    display:none !important;
}
.HomeProductIthaki {
    position: relative;
    margin: 50px 0 !important;
    background: #f5f5f5;
    padding: 40px 0 20px;
}

.HomeProductIthaki .container {
  position: relative;
}

.HomeProductIthaki__card{
    display:flex;
    align-items:flex-start;
    gap:40px;
}

.HomeProductIthaki__image {
    position: relative;
    width: 238px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.HomeProductIthaki__image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 13px 7px 7px rgba(0, 0, 0, .18);
}

.HomeProductIthaki__content{
    flex:1;
}

.HomeProductIthaki__title{
    margin:0 0 15px;
}

.HomeProductIthaki__title a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0;
    color: #000;
}

.HomeProductIthaki__spec{
    margin-bottom:20px;
}

.HomeProductIthaki__description {
    display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
    margin-bottom: 45px;
    position: relative;
    overflow: hidden;
    max-height: calc(1.7em * 10);
}

.HomeProductIthaki__button{
   align-self: flex-end;
    margin-top: 0;
    display: inline-flex!important;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border: 2px solid #ae0f17;
    border-radius: 20px;
    color: #ae0f17;
    font-size: 13px;
    text-decoration: none;
    transition: background .2s,color .2s;
    width: 111px!important;
    height: 40px!important;
    position: absolute!important;
    right: 0;
    bottom: 0
}

.HomeProductIthaki__navigation{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    margin-top:40px;
}

.HomeProductIthaki__prev, .HomeProductIthaki__next {
    top: 40%;
    position: absolute !important;
    flex-shrink: 0;
    color: #ae0f17;
    --swiper-navigation-size: 24px;
    border-radius: 100%;
    width: 52px !important;
    height: 52px !important;
    box-shadow: 0 14.74px 31.58px 0 #0000000f;
    overflow: clip;
    background-color: rgb(255 255 255 / 80%) !important;
    backdrop-filter: blur(10px);
    margin-top: 0;
    transform: none;
}

.HomeProductIthaki__prev {
    left: -70px
}

.HomeProductIthaki__next {
    right: -70px
}

.HomeProductIthaki__pagination {
    margin-top: 20px;
    text-align: center;
    position: static!important
}

.HomeProductIthaki .swiper-pagination-bullet {
    background-color: #cfcdca;
    opacity: 1;
    width: 10px;
    height: 10px
}

.HomeProductIthaki .swiper-pagination-bullet-active {
    background-color: #ae0f17
}

.HomeProductIthaki .block-header {
    text-align: center;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #000;
    color: #000;
    display: block;
}
.HomeProductIthaki .productBox-carousel__title {
    font-size: 28px;
}

.HomeProductIthaki #Specificationyazar {
    display: block !important;
}
#Specificationyazar .product-box_specification-attribute-value {
      font-size: 15px;
    color: #a2a2a2;
    margin: 0;
    letter-spacing: .06em;
    text-decoration: underline;
}
#Specificationyazar .product-box_specification-attribute-key{
    display: none;
}
.HomeProductIthaki .block.block-products-carousel .block-products-carousel__cell {
    background-color: #f5f5f5;
}
.HomeProductIthaki__button span {
    text-decoration: underline;
    color: #d62631
}

.HomeProductIthaki__button:hover {
    background: #ae0f17;
    color: #fff
}
   .HomeProductIthaki__button:hover span {
    color: #fff;
}
 @media(max-width: 767px) {
      .HomeProductIthaki swiper-slide {
          width: 100% !important;
      } 
      .HomeProductIthaki__image {
    width: 130px;
}
   .HomeProductIthaki__prev, .HomeProductIthaki__next {
        display:none;
    }
 
    #Specificationyazar .product-box_specification-attribute-value,
    .HomeProductIthaki__description {
        font-size: 12px
    }

    .HomeProductIthaki .productBox-carousel__title {
        font-size: 14px
    }

    .HomeProductIthaki__button {
        height: 27px!important;
    }

    .HomeProductIthaki .block-header {
        margin-bottom: 20px;
        padding-bottom: 5px
    }

    .HomeProductIthaki .productBox-carousel__title{
        font-size: 18px;
    }
    .HomeProductIthaki .product-card__features-list li, .HomeProductIthaki .product__features li{
        line-height: 10px;
    }
    .HomeProductIthaki__spec {
        margin-bottom: 15px;
    }

    .HomeProductIthaki__title a {
        font-size: 14px;
    }

    .HomeProductIthaki__title {
        margin: 0 0 12px;
    }
    .HomeProductIthaki__pagination {
        margin-top: 0px;
    }

    .HomeProductIthaki {
        padding: 20px 0 0px;
    }
   
}
/** ÇOK YAKINDA SLİDER END **/

/** BLOG SLİDER BEGIN **/
.ktg-blog-section {
    margin: 50px 0 !important;
    background: #F5F5F5;
    padding: 50px 0;
}
.ktg-blog-title {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #000;
    color: #000;
}

.ktg-blog-slider-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.ktg-blog-swiper {
    flex: 1;
    overflow: hidden;
}

.ktg-blog-slide {
    display: flex;
    align-items: stretch;
    min-height: 280px;
}
.ktg-blog-img-col .img-left {
    content: "";
    width: 16px !important;
    height: 358px !important;
    background-color: #c9c5be;
    left: 0;
    position: absolute;
    bottom: 0;
    display: none;
}
.ktg-blog-img-col {
    position: relative;
    width: 238px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-left: 25px;
}

.ktg-blog-img-bg {
    position: absolute;
    inset: 0;
    background-color: var(--slide-color, #ddd);
}

.ktg-blog-img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 4px 4px 16px rgba(0,0,0,0.18);
}

.ktg-blog-content {
    flex: 1;
    padding: 30px 30px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
}

.ktg-blog-book-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0;
    color: #000;
}

.ktg-blog-author {
    font-size: 15px;
    color: #A2A2A2;
    margin: 0;
    letter-spacing: .06em;
    text-decoration: underline;
}

.ktg-blog-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ktg-blog-btn {
    align-self: flex-end;
    margin-top: 0px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border: 2px solid #ae0f17;
    border-radius: 20px;
    color: #ae0f17;
    font-size: 13px;
    text-decoration: none;
    transition: background .2s, color .2s;
    width: 111px !important;
    height: 40px !important;
    position: absolute !important;
    right: 0;
    bottom: 0px;
}

.ktg-blog-btn span {
    text-decoration: underline;
    color: #D62631;
}

.ktg-blog-btn:hover {
    background: #AE0F17;
    color: #fff;
}
.ktg-blog-btn:hover span {
    color: #fff;
}

.ktg-blog-prev, .ktg-blog-next {
    position: absolute !important;
    flex-shrink: 0;
    color: #AE0F17;
    --swiper-navigation-size: 24px;
    border-radius: 100%;
    width: 52px !important;
    height: 52px !important;
    box-shadow: 0 14.74px 31.58px 0 #0000000f;
    overflow: clip;
    background-color: rgb(255 255 255 / 80%) !important;
    backdrop-filter: blur(10px);
    margin-top: 0;
    transform: none;
}
.ktg-blog-prev{ 
    left: -70px;
}
.ktg-blog-next { 
    right: -70px;
}
.ktg-blog-prev:after {
    content: 'prev';
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.ktg-blog-next:after {
    content: 'next';
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.ktg-blog-pagination {
    margin-top: 16px;
    text-align: center;
    position: static !important;
}

.ktg-blog-pagination .swiper-pagination-bullet {
    background-color: #CFCDCA;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.ktg-blog-pagination .swiper-pagination-bullet-active {
    background-color: #AE0F17;
}

@media (max-width: 767px) {
    .ktg-blog-prev,
    .ktg-blog-next {
        display: none;
    }

        .ktg-blog-img-col {
        width: 150px;
        height: 225px;
    }

        .ktg-blog-content {
        padding: 0 0 0 20px;
    }
    .ktg-blog-author, .ktg-blog-desc {
        font-size: 12px;
    }
    .ktg-blog-book-title {
        font-size: 14px;
    }
    .ktg-blog-btn {
        height: 27px !important;
        left: 50%;
        transform: translateX(-50%);
    }
    .ktg-blog-img-col .img-left {
        width: 12px !important;
        height: 97% !important;
    }
    .ktg-blog-img {
        width: 130px;
    }
    .ktg-blog-title {
        font-size: 18px;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }
}
/** BLOG SLİDER END **/

/** PRODUCT SLİDER BEGIN **/
.swiper-wrapper .product-card__badge--sale {
    background-color: #D62631;
    width: 34px;
    height: 32px;
    font-size: 13px;
}
.block-products-carousel .container {
    max-width: 1300px !important;
    position: relative;
    padding: 0 15px;
}
.block-header-tab .block-header__title {
    display: none;
}
.block-header__group {
    text-align: left;
    padding: 0 0 0 14px;
    position: relative;
}
.block-header-tab .block-header__group::before {
    content: "";
    width: 6px;
    height: 29px;
    border-radius: 2px;
    background-color: #b3171f;
    display: flex;
    position: absolute;
    left: 0px;
    top: 3px;
}
.tab__section .slider-wrapper{
    position: relative;
}
.tab__carusel--all {
    position: absolute;
    top: 18px;
    margin: 0 auto;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
}
.tab__carusel--all a {
    color: #d62631;
    border: 2px solid #AE0F17;
    border-radius: 27px;
    padding: 9px 34px;
    font-size: 13px;
}
.tab__carusel--all a .fa-solid.fa-circle-arrow-right::before {
    content: "\f061";
}
.tab__carusel--all a .fa-solid.fa-circle-arrow-right {
    color: #AE0F17;
}
.tab__section {
    padding: 0;
    margin-bottom: 50px !important;
}
.block-products-carousel__cell .product-card__image {
    border-radius: 0;
}
.block-header-tab .block-header__groups-list {
    width: 100%;
    display: block;
}

.block-header-tab .block-header__groups-list li {
    width: 33%;
    display: inline-block;
}
.block-header__group, .block-header__group:focus, .block-header__group:hover {
    border: 0;
    border-radius: 0;
    width: 100%;
    font-size: 24px;
    color: #00000073;
}
.tab__carusel--all .justify-content-center {
    justify-content: end !important;
}
.block-header__group--active, .block-header__group--active:focus, .block-header__group--active:hover {
    border: none;
    border-radius: 0;
    color: #000;
}
.block-products-carousel {
    background: #F5F5F5;
    padding: 0 0 30px 0;
}
.block-header-tab .block-header__arrows-list{
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 100%;
}
.block-header-tab .block-header__arrow--left{
    left: 0;
    position: absolute;
}
.block-header-tab .block-header__arrow--right{
    right: 0;
    position: absolute;
}
.block-header__arrow {
    width: 28px;
    height: 30px;
    background-color: #130B04;
    border-radius: 4.49px;
}
.block-header__arrow:focus {
    background-color:#130B04;
}
.block-header__arrow:hover {
    background-color: var(--arrow-icon-hover-bg);
}
.block-header-tab .block-header__arrow {
    background-color: #130b04;
    width: 30px;
    height: 34px;
    border-radius: 8.38px;
}
.block-header__title, .c_title {
    font-size: 28px;
    color: #000;
    text-decoration: none;
    text-transform: capitalize;
}
.block-header__arrow i, .block-header__arrow:hover i {
    color: #fff;
    font-size: 11px;
}

.block-header-tab .block-header__arrow i, .block-header-tab .block-header__arrow:hover i {
    font-size: 16px;
}
.slider-wrapper .block-header {
    margin-bottom: 8px;
}
.slider-wrapper .block-header {
    padding-top: 25px;
}
.block-header-tab {
    padding-top: 0 !important;
}
.block.block-products-carousel {
    margin-bottom: 30px;
    margin-top: 30px !important
}
.home-wrapper section {
    margin: 0;
}
@media (max-width: 992px) {
    .tab__carusel--all a {
        border: 0;
        padding-right: 4px;
    }
.tab__carusel--all {
    top: 3px;
}
.search__action-button {
    border-radius: 0px;
    border: none;
}
.main-slider .swiper-button-prev, .main-slider .swiper-button-next {
    display: none;
}
.header-wrapper {
    position: relative;
}
}
/** PRODUCT SLİDER END **/

/** YAYİNEVİ SLİDER BEGIN **/
#ithPubSwiper {
    max-width: 1300px;
}
.ith-pub-section {
  padding: 3rem 0;
}

.ith-pub-container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
}



.ith-pub-swiper-wrap {
  position: relative;
}

.ith-pub-swiper {
  width: 100%;
}

.ith-pub-slide {
  text-align: center;
}

.ith-pub-link {
  text-decoration: none;
  display: inline-block;
}

.ith-pub-circle-wrap {
  padding: 3px;
      border-radius: 70px;
  background: transparent;
  display: inline-block;
  transition: background 0.3s ease;
}

.ith-cocuk .ith-pub-circle-wrap {
  background: linear-gradient(90deg, #F9467C 0%, #36B8D9 20.19%, #FB5626 48.56%, #FCD83D 70.19%, #56CA5A 100%);
}
.ith-cocuk .ith-pub-circle {
  border: none;
}
.ith-pub-circle {
    width: 100%;
    height: 100%;
        border-radius: 65px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    transition: border-color .3s ease;
    border: 0.75px solid #000000;
    padding: 20px;
}

.ith-pub-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.ith-pub-name {
  margin-top: 10px;
  font-size: 13px;
  color: #555;
  margin-bottom: 0;
}

  .ith-pub-circle {
    width: 136px;
    height: 136px;
}


/** YAYİNEVİ SLİDER END **/

/** 12Lİ KATEGORİ SLİDER BEGIN **/

.ith-exp-section {
  width: 100%;
}

.ith-exp-top {
  background: #fff;
  text-align: center;
  padding: 3rem 1.5rem 2.5rem;
}

.ith-exp-title {
    font-size: 28px;
    color: #1a1a1a;
    margin-bottom: 1rem;
    font-weight: 600;
}

.ith-exp-desc {
    font-size: 20px;
    color: #333;
    max-width: 940px;
    margin: 0 auto;
    letter-spacing: 0;
}

.ith-exp-bottom {
  background: #f5f5f5;
  padding: 3rem 1.5rem;
}

.ith-exp-container {
  max-width: 875px;
  margin: 0 auto;
}

.ith-exp-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  margin-bottom: 2rem;
}

.ith-exp-swiper-wrap {
  display: none;
}

.ith-exp-item {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.ith-exp-item img {
  width: 100%;
}

.ith-exp-label {
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 0;
}

.ith-exp-btn-wrap {
  text-align: center;
  margin-top: 2rem;
}

.ith-exp-btn {
    display: inline-block;
    padding: 5px 75px;
    border: 1.5px solid #1a1a1a;
    border-radius: 4px;
    font-size: 16.41px;
    color: #2B2B2B;
    text-decoration: none;
    background: transparent;
    transition: background .2s ease, color .2s ease;
}

.ith-exp-btn:hover {
  background: #1a1a1a;
  color: #fff;
}
@media (min-width: 992px) {
    .slider-container {
        padding: 0 60px;
    }
}

@media (max-width: 768px) {
  .ith-exp-grid {
    display: none;
  }

  .ith-exp-swiper-wrap {
    display: block;
    margin-bottom: 1.5rem;
  }

  .ith-exp-swiper .swiper-slide {
    text-align: center;
  }

  .ith-exp-swiper .ith-exp-item img {
    max-width: 100%;
  }

  .ith-exp-swiper .swiper-pagination-bullet {
    background: #1a1a1a;
    opacity: 0.4;
  }

  .ith-exp-swiper .swiper-pagination-bullet-active {
    opacity: 1;
  }
}

/** 12Lİ KATEGORİ SLİDER END **/

@media (max-width: 768px) {
    .product-gallery__featured .swiper-pagination {
    justify-content: center;
}
    .ith-cat-title, .ith-pub-title {
    font-size: 20px;
    margin-top: 20px;
}
.ith-cat-label {
    font-size: 14.2px;
    text-align: left;
}
.ith-exp-title {
    font-size: 18px;
}
.ith-exp-desc {
    font-size: 14px;
    color: #777;
}
.block-header__group, .block-header__group:focus, .block-header__group:hover {
    font-size: 18px;
}
.block-header-tab .block-header__groups-list {
    overflow: hidden;
    padding-bottom: 0;
}
    .slider-wrapper .block-header .block-header__arrows-list {
        display: flex;
    }
    .block-header-tab .block-header__arrow--right {
    right: 30px;
}
}
@media (min-width: 375px) and (hover: hover) {
    .block-products-carousel[data-layout=grid-4-sm][data-mobile-grid-columns="2"] .product-card--hidden-actions:hover, .block-products-carousel[data-layout=grid-5][data-mobile-grid-columns="2"] .product-card--hidden-actions:hover {
        margin-bottom: 0px;
    }
}

.product__meta-availability{
    display: none;
}

.search__action-button--inline {

  z-index: unset;

}
 

#inline-search-default .swiper-backface-hidden .swiper-slide {
    width: 125px !important;
}

.isd__aside .custom-sale>div {
    flex-direction: column;
        gap: 0;
}

.isd__aside .product-card__actions {
    align-items: flex-start;
}

.isd__aside .custom-sale {
    gap: 0;
    padding: 0;
    background-color: transparent;
}

.product-gallery-wrapper {
    display: flex;
    gap: 7px;
}
.product-gallery__zoom {
    display: none;
}

.image-zoom {
    border: none;
        background-repeat: no-repeat;
}
    .product-gallery__carousel {
        display: none;
    }
.product-gallery__featured .swiper-pagination {
    display: flex;
    position: relative;
    top: 8px;
}
.product-gallery-swiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.product-gallery-swiper .swiper-pagination-bullet-active {
    background: #A1000A;
}
.productDetail-wrapper .image-zoom {
  background-image: none !important;
  background: transparent !important;
}

.productDetail-wrapper .image-zoom img {
  opacity: 1 !important;
  transform: none !important;
}

    .product-gallery__featured .swiper {
        padding-bottom: 22px;
    }
@media screen and (min-width: 1024px) {
       .product-gallery__featured .swiper {
        max-width: 100%;
    }
}

.product-gallery__featured {
   padding-right: 15px;
    width: 100%;
}

.inline-search-overlay {
    display: none;
}

.product__description{
    display: none;
}
.product-card__badge--stock {
    top: -50px;
    position: relative;
}
.product-card--stock {
    pointer-events: none;
}

.author-product .block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.author-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.author-view-all {
    white-space: nowrap;
}

.author-view-all {
    color: #d62631;
    border: 2px solid #AE0F17;
    border-radius: 27px;
    padding: 9px 34px;
    font-size: 13px;
}
.author-view-all:hover {
    color: #d62631;
}
.author-view-all .fa-solid.fa-circle-arrow-right::before {
    content: "\f061";
}
.author-view-all .fa-solid.fa-circle-arrow-right {
    color: #AE0F17;
}

@media (min-width: 992px) {

    .author-product__slider {
        position: relative;
    }

    .author-product .block-header__arrows-list {
        display: contents;
    }

    .author-product .block-header__arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }

    .author-product .block-header__arrow--left {
        left: -40px;
    }

    .author-product .block-header__arrow--right {
        right: -40px;
    }
}

@media (max-width: 991.98px) {

    .author-product .block-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .author-product .block-header__arrows-list {
        display: none !important;
    }

    .author-view-all {
    padding: 5px 15px;
    font-size: 13px;
}
}
/* ---- supplemental overrides (custom-style.css) ---- */

.product-card__features-list li:not(#Specificationcinsiyet, #SpecificationCategory),
.product__features li:not(#SpecificationCategory, #Specificationmodel) {
	display: flex !important;
}

.product-details-sticky .product__features {
	justify-content: flex-start;
	flex-direction: column;
}

[dir=ltr] .product__features li::before {
	display: none;
}

/* silinecek yukarısı  */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {}

body {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}


/* =================================================== Categories Page =================================================== */

@media screen and (min-width:1320px) {

	.categories-container,
	.category-wrapper .site__body .d-container,
	.collection-wrapper .page-header__container.d-container,
	.category-wrapper .page-header__container.d-container,
	.productDetail-wrapper .site__body .page-header__container.d-container,
	.productDetail-wrapper .site__body .d-container,
	.wishlist-wrapper .site__body .d-container ,.shopping-cart-wrapper .site__body .d-container{
		max-width: 1300px !important;
		padding: 0;
	}

	.products-list[data-layout=grid-4-full] .products-list__body {

		gap: 14px;

	}

	.inline-filter-container .block.block-sidebar--offcanvas--inline {
		width: 300px;
	}
}

.login__card {

	height: max-content;
}

.default__btn {
	border-radius: 0;
}

.product-summary-card__product img {
	width: auto;
	height: auto;
	border-radius: 6px;
	margin-right: 16px;
	border: 1px solid var(--border-default);
	object-fit: contain;
}

.wishlist-page .generalTitle {
	font-size: 20px;
	padding: 15px 0 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.14);
	margin-bottom: 40px;
}

.bank-transfer-info img {
	max-width: 100px;
	margin: 6px 0px;
}

@media screen and (max-width:1320px) {

	.categories-container,
	.category-wrapper .d-container,
	.collection-wrapper .page-header__container.d-container,
	.category-wrapper .page-header__container.d-container {
		max-width: 1300px !important;
		padding: 0 14px;
	}
}

.page-header__breadcrumb {
	padding: 70px 0 20px 0;
}

.bread__icon {
	padding: 0 6px;
}

.category--name {
	margin: 0;
	font-size: 32px;
	color: #2A2A2A;
}

.view-options__container .view-options__legend {
	color: rgba(0, 0, 0, 0.53);
}

.products-view__load-more .text-center {
	color: rgba(0, 0, 0, .53);
	font-size: 14px;
	margin-bottom: 8px;
}

.btn-load-more {
	border-radius: 0;
}

.product__car--buttons {
	bottom: 8px;
}

.product-card__image {
	position: unset;
}

.product__car--buttons button {
	width: 38px;
	height: 38px;
}

.product__car--buttons button i {
	font-size: 18px;
}

.products-list__item .product-card {
	width: 100%;
	height: 100%;
	justify-content: space-between;
}

.product-card__name a,
.product-card__name {
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}

.product-card__name {
	width: 100%;
}

.products-list[data-layout^=grid-] .product-card .product-card__info {
	padding: 7px 7px 7px;
	max-height: max-content;

}

#product-details-form .product__prices {
	margin: 20px 0;
}

.tags--lg .tags__list a {

	display: inline;
	width: max-content;
}

.products-list[data-layout^=grid-] .product-card .product-card__actions {
	margin-top: 8px;
}

.product__actions-item--wishlist button span {
	display: block !important;
	color: black;
	white-space: nowrap;

}

.product__actions-item--wishlist button i {
	display: none;
}

.filter-list__list.filter-search-content {
	max-height: 300px;
}

.inline-filter-container .filter__container {
	overflow-y: auto;
}



.inline-filter-container .filter.filter--opened .filter__container {
	border-bottom: 1px solid var(--input-bg);
}

.inline-filter-container .filter.filter--opened .filter__container {
	border-bottom: 1px solid var(--border-default);
}

.wishlist-wrapper .wishlist-page .products-list__body {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;

}

#wishlist-go-to-product-button {
	min-width: max-content;
}

.wishlist-page .products-list[data-layout^=grid-] .product-card .product-card__actions {
	padding: 0 6px 6px;
}

.product-card__badge {
	margin: 0;
}

.productDetail-wrapper .page-header__breadcrumb {
	padding: 0;
}

.productDetail-wrapper .product__content {

	grid-template-columns: [gallery] calc(42% - 20px) [info] calc(61% - 20px);
}

.productDetail-wrapper .breadcrumb {

	justify-content: flex-start;
	padding: 45px 0 15px;

}

.productDetail-wrapper .product__meta #product-manufacturer-link {
	display: none;
}

.product-details-sticky .product__name {
	font-size: 32px;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	margin-bottom: 10px;
	padding-bottom: 6px;

}

#product-details-form .product__prices .product-card__badge--sale {
	height: 53px;
	border-radius: 3px;
	background-color: #BC4242;
}

#product-details-form .product-image__img {
	max-height: 580px;
	    background: #F2F2F2;
}

.product-gallery__grid .product-image {
	width: unset;
}

.product-details-actions-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

product-details-actions-buttons .product__option {
	margin-bottom: 0;
}

.product-details-page .product__quantity {
	width: 100px;
	max-width: 100px;
}

.productdetails__box .product__actions-item--addtocart {
	justify-content: space-between;
	flex-wrap: nowrap;
}

.product-details-page .productdetails__cart {
	gap: 0;
}

 .on-okuma-btn {
	background: #cd7f32;
	white-space: nowrap;
	height: 51px;
	width: 100%;
	/* max-width: 254px; */
	flex: 1;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}
.on-okuma-btn:hover{
	opacity: .8;
	color: var(--text-inverse);
}

.book-preview {
	display: none;
} 

.inline-filter-container .block.block-sidebar--offcanvas--inline,
#product-view--fixed,
.product-details-sticky {
	top: 99px;

}

.block.block-products-carousel .block-products-carousel__cell {
	background-color: white;
}

.productDetail-wrapper .block-header__title,
.c_title {
	font-size: 22px;
}

.product-details-preview {
	font-size: 18px;
	line-height: 1.8;
}

.product-details-actions-buttons .product__option {
	width: 100%;
}

.block-products-carousel__cell .product-card__image {
	margin-bottom: 7px;
}

.block-products-carousel__cell .product-card__info {
	padding: 0 7px 7px 7px;
}

.product__action-right {
	margin-bottom: 6px;
	
}

.product-details-sticky .product__new-price {
    color: var(--text-primary);
    font-size: 22px;
}

.product__action-right .product__actions-item .add-to-cart-button,
.product__actions-item--wishlist {
    /* max-width: 100%;
    width: calc(100% - 100px);
    min-width: 35%; */
	max-width: unset;
    width: unset;
    min-width: unset;
	flex: 1;
}

.category-discount-card {
	min-height: 53px;
	margin-left: 20px;
}

.category-discount-item {
	font-size: 16px;

}

.product-specifications .product__features {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	margin-bottom: 10px;
	padding-bottom: 10px;
}


.product-specifications .product__features li {
	width: 40%;
	margin: 4px 0px;
	color: #000;
}
.floatRight, .alignright {
    float: right;
    margin: 0 0 0 20px;
}
.product-specifications .product__features li .label {
	font-weight: 500;
	font-size: 15px;
   white-space: nowrap;
}
.post-body ol {
  counter-reset: item;
  list-style: none; /* varsayılan noktayı kaldırır */
  padding-left: 0;
}

.post-body ol li {
  counter-increment: item;
  margin-bottom: 5px;
}

.post-body ol li::before {
  content: counter(item) ". ";
  font-weight: bold;
}
.publish-detail time {
    color: #0000007d;
    font-size: 13px;
}
.publish-detail i {
	display: none;
}

.publish-detail li {
	border: 0;
}
.post-body p {
	font-weight: 500;
	margin: 10px 0;
}

.post-body p b {
	    font-weight: 600;
    font-size: 20px;
    margin: 20px 0;
    display: block;
}
.product-specifications .product__features li .value {
	font-weight: 400;
	font-size: 15px;
	color: rgb(0 0 0 / 74%);
	overflow-wrap: anywhere;
	text-align: left;
}

.account-page__change-password .toggle-password {
	text-decoration: none;
}

.checkout-wrapper .checkout__summary .checkout-data #ordersummarypagecart #ordersummarypagecart {
	box-shadow: none;
}

.checkout-wrapper .checkout-button {
	box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;
}

.dropcart__product-image img {
	width: max-content;
	height: 90px;
	object-fit: contain;
	    border: 1px solid #ddd;
}

@media screen and (max-width:990px) {

	#mobile-filters-btn,
	#products-orderby-btn select {
		border: none;
	}

	.products-list[data-layout=grid-4-full] .products-list__body {

		gap: 12px;

	}

	.products-list[data-layout=grid-3-sidebar][data-mobile-grid-columns="2"] .product-card .product-card__info,
	.products-list[data-layout=grid-4-full][data-mobile-grid-columns="2"] .product-card .product-card__info {
		padding: 8px 8px 0;
	}

	.products-list[data-layout=grid-4-full][data-mobile-grid-columns="2"] .product-card .product-card__actions {
		padding: 0 0 8px;
	}

	.product-card__name {
		width: 99%;
	}

	.view-options {
		padding-top: 30px;
		position: relative;
	}

	.category--name {

		font-size: 20px;

	}

	.page-header__breadcrumb {
		padding: 30px 0 10px 0;
	}
}


@media screen and (max-width:990px) and (min-width:768px) {
	.productDetail-wrapper .breadcrumb {
		padding: 0px 18px 17px;
	}

	.productDetail-wrapper .product__content {
		grid-template-columns: [gallery] calc(30% - 20px) [info] calc(65% - 20px);
	}
}

@media screen and (max-width:768px) {
	.product-specifications .product__features {

		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;

	}

	.product__action-right .product__actions-item .add-to-cart-button, .product__actions-item--wishlist {
		min-width: 100%;
	}

	.productdetails__box .product__actions-item--addtocart {
		flex-wrap: wrap;
	}
	.image-zoom {

		border: 0;
	}

	.product-gallery-wrapper {

		gap: 0;
	}

	.product-details-sticky .product__name {
		font-size: 24px;
	}

	.product-specifications .product__features li {
		width: 100%;
	}

	.product__action-right .product__actions-item .add-to-cart-button {
		max-width: calc(100% - 110px);
        min-width: calc(100% - 110px);
		order: 1;
	}
	.product__action-right .product__actions-item--wishlist{
		order: 2;
	}


	.product__actions-item--wishlist {
		max-width: calc(100% - 100px);
	}

	.productDetail-wrapper .breadcrumb {
		justify-content: flex-start;
		padding: 15px 0 15px;
	}

	.product-cart__sticky .add-to-cart-button {
		background-color: black;
		color: white;
	}

	.on-okuma-btn {
		order: 3;
	}
	.product-cart__sticky .on-okuma-btn{
		display: none;
	} 

}
/* ============================================================
   İthaki B2B — header/nav fixes (match live B2C layout)
   ============================================================ */
/* Ensure the mega-menu renders as a centered horizontal bar
   (the B2B base used a different root class; restore flex) */
.header__menu .megamenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    gap: 4px 0;
}
.header__menu .megamenu > li {
    list-style: none;
}
.header__menu .megamenu .nav-li__home--link {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 14px;
}
/* Red announcement topbar spans full width above the header */
.header-topbar {
    width: 100%;
    position: relative;
}

/* ============================================================
   İthaki B2B — single-row header layout (logo+nav | search+icons)
   ============================================================ */
.header__content .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 12px 0;
}
.header__content .header-wrapper-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1 1 auto;
    min-width: 0;
}
.header__content .header-wrapper-right {
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 0 0 auto;
}
/* nav sits inline next to the logo, left-aligned */
.header-wrapper-left .header__menu {
    flex: 1 1 auto;
    border: 0;
    position: static;
}
.header-wrapper-left .header__menu > .container,
.header-wrapper-left .header__menu > .container > .row,
.header-wrapper-left .header__menu > .container > .row > .col-12 {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: none;
}
.header-wrapper-left .header__menu .megamenu {
    justify-content: flex-start;
    padding: 0;
    gap: 0 4px;
}
/* search box width in the right group */
.header-wrapper-right .header__seacrh {
    width: 340px;
    max-width: 40vw;
}
.header-wrapper-right .search-icon-box {
    width: 100%;
}

/* ============================================================
   İthaki B2B — search bar exact match (remove inner input border;
   keep only the outer pill border like the live B2C site)
   ============================================================ */
.search__action-button--inline .search-icon-box {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    gap: 8px;
    border: 0;
    background: transparent;
}
.search__action-button--inline .search-icon-box #inline-search-input,
#inline-search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
    font-style: italic;
    color: #1a1a1a;
}
.search__action-button--inline .search-icon-box #inline-search-input::placeholder {
    color: #8F8F8F;
    font-style: italic;
}
/* icon buttons inside the pill: borderless, no background */
.search__action-button--inline .search-icon-box button,
.search__action-button--inline .search-icon-box #scanBtn,
.search__action-button--inline .search-icon-box .isd-clear-btn {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.search__action-button--inline .search-icon-box i {
    color: #8F8F8F;
    font-size: 18px;
}
/* let the pill use İthaki's width inside the right group */
.header-wrapper-right .header__seacrh {
    width: 425px;
    max-width: 42vw;
}
.header-wrapper-right .search__action-button {
    width: 100%;
    margin-right: 0;
}

/* ============================================================
   İthaki B2B — logo size + thinner header (match live proportions)
   ============================================================ */
/* b2b.css forces .logo a img{height:60px}; İthaki uses natural aspect */
.header-wrapper-left .logo a img,
.header__content .logo a img {
    height: auto !important;
    max-width: 92px;
    max-height: 64px;
}
/* thinner header row */
.header__content .header-wrapper {
    padding: 6px 0;
}
/* nav links lighter/thinner like İthaki (was 600) */
.header__menu .megamenu .nav-li__home--link {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}
/* thinner red topbar */
.header-topbar {
    padding: 6px 0;
}
.header-topbar__text p {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
}
.header-topbar__link-item {
    font-size: 12px;
    font-weight: 600;
}

/* ============================================================
   İthaki B2B — bigger search bar (match live prominence)
   ============================================================ */
.header-wrapper-right .header__seacrh {
    width: 480px;
    max-width: 46vw;
    flex: 0 1 480px;
}
.header-wrapper-right .search__action-button,
.header-wrapper-right .search__action-button--inline {
    width: 100%;
    margin-right: 0;
}
.search__action-button--inline .search-icon-box {
    height: 50px;
    padding: 0 18px;
}
.search__action-button--inline .search-icon-box #inline-search-input {
    font-size: 15px;
}
.search__action-button--inline .search-icon-box i {
    font-size: 19px;
}
/* give the search room: nav doesn't need to grow past its content */
.header-wrapper-left .header__menu {
    flex: 0 1 auto;
}

/* ============================================================
   İthaki B2B — search box SMALLER, icons BIGGER
   ============================================================ */
.header-wrapper-right .header__seacrh {
    width: 340px;
    max-width: 32vw;
    flex: 0 1 340px;
}
.search__action-button--inline .search-icon-box {
    height: 42px;
    padding: 0 14px;
    gap: 10px;
}
.search__action-button--inline .search-icon-box #inline-search-input {
    font-size: 13px;
}
.search__action-button--inline .search-icon-box i,
.search__action-button--inline .search-icon-box #scanBtn i,
.search__action-button--inline .search-icon-box .isd-clear-btn i {
    font-size: 23px;
}

/* ============================================================
   İthaki B2B — product detail: black "Sepete Ekle", white wishlist,
   inline price badge (match live book page)
   ============================================================ */
/* black filled add-to-cart like İthaki */
#product-details-form .product__action-right .add-to-cart-button,
#product-details-form .add-to-cart-button.product-add-basket {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 6px !important;
    padding: 14px 22px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    min-width: 180px;
}
#product-details-form .product__action-right .add-to-cart-button:hover {
    background: #000 !important;
}
/* show the wishlist ("Okuma listesine ekle") as white outlined button */
#product-details-form .product__actions-item--wishlist {
    display: flex !important;
    align-items: center;
}
#product-details-form .product__actions-item--wishlist button,
#product-details-form .product__actions-item--wishlist a {
    background: #fff !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 6px !important;
    padding: 14px 22px !important;
    font-weight: 600 !important;
}
/* quantity + buttons in one inline row */
#product-details-form .product__action-right .product__actions-item--addtocart {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#product-details-form .product__quantity--inline {
    display: inline-flex;
    align-items: center;
}

/* ============================================================
   İthaki B2B — product detail final polish
   ============================================================ */
/* "Okuma listesine ekle" istenmiyor — gizle */
#product-details-form .product__actions-item--wishlist { display: none !important; }

/* adet + Sepete Ekle tek yatay satır */
#product-details-form .product__action-right .product__actions-item--addtocart {
    display: flex !important;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}
#product-details-form .product__quantity--inline {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    flex: 0 0 auto;
}
#product-details-form .product__quantity--inline .input-number__input {
    width: 56px !important;
    text-align: center;
}
#product-details-form .product__action-right .add-to-cart-button { flex: 0 0 auto; }

/* fiyat: rozet solda, fiyatlar yanında */
#product-details-form .product__prices {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 14px;
}
#product-details-form .product__prices .product-card__badge--sale {
    order: -1;
    background: #bc4242;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 3px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 50px;
    align-self: stretch;
}
#product-details-form .product__prices .product__old-price {
    order: 0;
    color: #6d6d6d;
    font-weight: 400;
    text-decoration: line-through;
    font-size: 15px;
}
#product-details-form .product__prices .product__new-price {
    order: 1;
    flex-basis: 100%;
    color: #26292d;
    font-weight: 700;
    font-size: 22px;
}
#product-details-form .product__prices .product__old-price,
#product-details-form .product__prices .product__new-price { margin-left: 4px; }

/* açıklama: sekme yerine altında inline göster */
.product-tabs, .product-tabs__content { display: block !important; }
.product-tabs__list { display: none !important; }
.product-tabs__pane { display: none; }
.product-tabs__pane--active, .product-tabs__pane#desc {
    display: block !important;
    padding: 20px 0;
    line-height: 1.7;
    color: #1a1a1a;
}

/* İthaki: fiyatta ₺ sembolü var, sondaki "TL" gereksiz — gizle */
#product-details-form .product__prices .currency { display: none !important; }

/* ============================================================
   İthaki B2B — FORCE Open Sans (b2b base used Roboto via
   --font-family-body in connector.min.css). This is the real fix.
   ============================================================ */
:root { --font-family-body: "Open Sans", sans-serif !important; }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a, label, li, td, th,
.product__name, .product__features li, .product__features .label, .product__features .value,
.product__new-price, .product__old-price, .product-tabs__pane,
.megamenu .nav-li__home--link, .footer-links__link, .header-topbar__text p {
    font-family: "Open Sans", sans-serif !important;
}

/* ============================================================
   İthaki B2B — açıklama (product-tabs) tam genişlik, resmin altını da kaplar
   ============================================================ */
.productDetail-wrapper .product__content .product-tabs,
.product__content .product-tabs.product-bottom {
    grid-column: 1 / -1 !important;
    width: 100%;
    margin-top: 10px;
}
.product__content .product-tabs__content {
    padding: 0;
}
.product__content .product-tabs__pane--active {
    font-size: 15px;
    line-height: 1.8;
    color: #1a1a1a;
}

/* ============================================================
   İthaki B2B — home hero slider (Swiper) görünümü
   ============================================================ */
.main-slider { width: 100%; position: relative; overflow: hidden; }
.ithaki-home-swiper { width: 100%; }
.ithaki-home-swiper .swiper-slide { width: 100%; }
.ithaki-home-swiper .block-slideshow__slide { display: block; width: 100%; }
.ithaki-home-swiper .ithaki-slide-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
/* oklar */
.ithaki-home-swiper .swiper-button-prev,
.ithaki-home-swiper .swiper-button-next {
    color: #1a1a1a;
    background: rgba(255,255,255,0.7);
    width: 46px; height: 46px;
    border-radius: 50%;
    transition: background .2s;
}
.ithaki-home-swiper .swiper-button-prev:hover,
.ithaki-home-swiper .swiper-button-next:hover { background:#fff; }
.ithaki-home-swiper .swiper-button-prev::after,
.ithaki-home-swiper .swiper-button-next::after { font-size: 18px; font-weight: 700; }
/* noktalar */
.ithaki-home-swiper .swiper-pagination { bottom: 16px; }
.ithaki-home-swiper .swiper-pagination-bullet {
    width: 28px; height: 4px; border-radius: 2px;
    background: rgba(255,255,255,0.7); opacity: 1;
}
.ithaki-home-swiper .swiper-pagination-bullet-active { background: #d62631; }

/* ============================================================
   İthaki B2B — anasayfa ürün carousel'i: swiper init olmazsa
   ürünleri grid olarak göster (çökmesin)
   ============================================================ */
.block-products-carousel .swiper-products-carousel:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    transform: none !important;
}
.block-products-carousel .swiper-products-carousel .swiper-slide {
    height: auto !important;
}
.block-products-carousel .swiper-products-carousel:not(.swiper-initialized) .swiper-slide {
    width: auto !important;
}
.block-products-carousel .product-card { height: 100%; background: #fff; }
.block-products-carousel__cell .product-card__image img { width: 100%; height: auto; display: block; }

/* ============================================================
   İthaki B2B — anasayfa ürün grid'i (swiper yerine, garantili görünür)
   ============================================================ */
.ithaki-product-section { background:transparent; padding: 30px 0 40px; }
.ithaki-block-header { display:flex; align-items:center; justify-content:space-between; margin-bottom: 18px; }
.ithaki-section-title {
    font-family:"Open Sans",sans-serif; font-size: 24px; font-weight: 700; color:#1a1a1a; margin:0;
    border-left: 4px solid #d62631; padding-left: 12px;
}
.ithaki-product-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.ithaki-product-grid__cell { background:#fff; border:1px solid #eee; border-radius:6px; overflow:hidden; }
.ithaki-product-grid__cell .product-card { height:100%; box-shadow:none; }
.ithaki-product-grid__cell .product-card__image img { width:100%; height:auto; display:block; }
@media (max-width: 1200px){ .ithaki-product-grid{ grid-template-columns: repeat(4,1fr);} }
@media (max-width: 768px){ .ithaki-product-grid{ grid-template-columns: repeat(2,1fr);} }

/* ============================================================
   İthaki B2B — b2b.css .productBox-carousel{display:none} eziyor — göster
   ============================================================ */
.productBox-carousel.ithaki-product-section { display: block !important; }

/* ============================================================
   İthaki B2B — ürün slider (swiper) görünümü
   ============================================================ */
.ithaki-product-section .swiper-products-carousel { width: 100%; overflow: hidden; padding-bottom: 6px; }
.ithaki-product-section .swiper-products-carousel .swiper-wrapper { align-items: stretch; }
.ithaki-product-section .swiper-products-carousel .swiper-slide {
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}
.ithaki-product-section .swiper-slide .product-card { height: 100%; box-shadow: none; }
.ithaki-product-section .swiper-slide .product-card__image img { width: 100%; height: auto; display: block; }
/* başlıktaki oklar */
.ithaki-arrows { display: flex; gap: 8px; }
.ithaki-arrows .block-header__arrow {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #ddd; background: #fff; color:#1a1a1a; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; padding:0;
    transition: all .2s;
}
.ithaki-arrows .block-header__arrow:hover { background:#d62631; color:#fff; border-color:#d62631; }
.ithaki-arrows .swiper-button-disabled { opacity:.4; cursor:default; }

/* ============================================================
   İthaki B2B — ürün slider İthaki düzeni (temiz kart, yan oklar, Tümünü Gör)
   ============================================================ */
.ithaki-product-section { background:transparent; padding: 36px 0 44px; }
.ithaki-block-header { display:flex; align-items:center; justify-content:space-between; margin-bottom: 22px; }
.ithaki-show-all {
    border: 1px solid #d62631; color:#d62631; border-radius: 30px;
    padding: 8px 22px; font-weight:600; display:inline-flex; align-items:center; gap:8px;
    text-decoration:none; transition: all .2s; white-space:nowrap;
}
.ithaki-show-all:hover { background:#d62631; color:#fff; }
.ithaki-carousel-wrap { position: relative; }
.ithaki-carousel-wrap .swiper-products-carousel { overflow: hidden; }
/* temiz kart (çerçevesiz) */
.ithaki-product-section .swiper-slide { height:auto; background:transparent; border:0; border-radius:0; overflow:visible; }
.ithaki-product-section .swiper-slide .product-card { height:100%; box-shadow:none; background:#fff; border:0; }
.ithaki-product-section .swiper-slide .product-card__image img { width:100%; height:auto; display:block; }
/* yan oklar */
.ithaki-nav {
    position:absolute; top:38%; transform:translateY(-50%); z-index:5;
    width:42px; height:42px; border-radius:50%;
    background:#fff; border:1px solid #ddd; color:#1a1a1a; cursor:pointer;
    display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.12);
    transition: all .2s;
}
.ithaki-nav--prev { left:-10px; }
.ithaki-nav--next { right:-10px; }
.ithaki-nav:hover { background:#d62631; color:#fff; border-color:#d62631; }
.ithaki-nav.swiper-button-disabled { opacity:.35; cursor:default; pointer-events:none; }

/* ============================================================
   İthaki B2B — ÇOCUK ve GENÇLİK görsel kategori bölümü
   ============================================================ */
.ithaki-cocuk-section {
    background-image: url('/Themes/ithakiB2b/content/images/ithaki/ktg-bg.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 45px 0 0;
    margin: 30px 0 0;
    min-height: 620px;
    position: relative;
}
.ithaki-cocuk-section .container { text-align: center; }
.ithaki-cocuk-title {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    display: inline-block;
    margin: 0 auto 40px;
    padding-bottom: 6px;
    letter-spacing: .5px;
}
.ithaki-cocuk-grid {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 18px;
    flex-wrap: nowrap;
    padding-bottom: 30px;
}
.ithaki-cocuk-card {
    flex: 0 0 auto;
    width: 180px;
    text-decoration: none;
    transition: transform .25s;
}
.ithaki-cocuk-card:hover { transform: translateY(-8px); }
.ithaki-cocuk-img img { width: 100%; height: auto; display: block; filter: drop-shadow(0 8px 14px rgba(0,0,0,.18)); }
.ithaki-cocuk-label {
    text-align: center;
    color: #1a1a1a;
    font-weight: 600;
    margin-top: 14px;
    font-size: 15px;
}
@media (max-width: 992px){
    .ithaki-cocuk-grid { flex-wrap: wrap; justify-content: center; }
    .ithaki-cocuk-card { width: 140px; }
    .ithaki-cocuk-section { min-height: auto; padding-bottom: 30px; }
}

/* ============================================================
   İthaki B2B — Çok Yakında (öne çıkan ürün) bölümü
   ============================================================ */
.ithaki-comingsoon { background:#f5f5f5; padding: 40px 0 50px; }
.ithaki-comingsoon__title {
    text-align:center; font-family:"Open Sans",sans-serif; font-size:28px; font-weight:700;
    color:#1a1a1a; margin:0 0 10px; padding:0 60px;
}
.ithaki-comingsoon__title::after {
    content:""; display:block; width:100%; max-width:none; height:1px; background:#1a1a1a;
    margin:14px auto 0;
}
.ithaki-comingsoon__wrap { position:relative; display:flex; align-items:center; gap:20px; padding: 30px 60px; }
.ithaki-comingsoon__slide { display:flex; gap:48px; align-items:flex-start; width:100%; }
.ithaki-comingsoon__cover { flex:0 0 300px; max-width:300px; }
.ithaki-comingsoon__cover img { width:100%; height:auto; display:block; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.ithaki-comingsoon__info { flex:1 1 auto; padding-top:10px; }
.ithaki-comingsoon__name { font-family:"Open Sans",sans-serif; font-size:24px; font-weight:700; color:#1a1a1a; margin:0 0 10px; }
.ithaki-comingsoon__author { color:#8f8f8f; font-weight:600; text-decoration:underline; display:inline-block; margin-bottom:18px; }
.ithaki-comingsoon__desc { color:#333; line-height:1.7; font-size:15px; margin-bottom:24px; }
.ithaki-comingsoon__btn {
    display:inline-flex; align-items:center; gap:10px;
    border:1px solid #d62631; color:#d62631; border-radius:30px;
    padding:10px 26px; font-weight:600; text-decoration:none; transition:all .2s;
}
.ithaki-comingsoon__btn:hover { background:#d62631; color:#fff; }
.ithaki-cs-nav {
    position:absolute; top:45%; transform:translateY(-50%); z-index:3;
    width:46px; height:46px; border-radius:50%; background:#fff; border:1px solid #ddd; color:#1a1a1a;
    display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.ithaki-cs-prev{ left:0; } .ithaki-cs-next{ right:0; }
.ithaki-cs-nav:hover { background:#d62631; color:#fff; border-color:#d62631; }
.ithaki-comingsoon__dots { display:flex; justify-content:center; gap:8px; margin-top:10px; }
.ithaki-comingsoon__dots .dot { width:10px; height:10px; border-radius:50%; background:#d9d9d9; }
.ithaki-comingsoon__dots .dot.active { background:#d62631; }
@media (max-width:768px){
    .ithaki-comingsoon__slide { flex-direction:column; gap:20px; }
    .ithaki-comingsoon__wrap { padding:20px 50px; }
    .ithaki-comingsoon__cover { flex-basis:auto; max-width:220px; margin:0 auto; }
}

/* ============================================================
   İthaki B2B — İthaki Dünyasını Keşfet (kategori ikonları)
   ============================================================ */
.ithaki-explore { background:#fff; }
.ithaki-explore .container { text-align:center; padding-top:40px; }
.ithaki-explore__title { font-family:"Open Sans",sans-serif; font-size:30px; font-weight:700; color:#1a1a1a; margin:0 0 18px; }
.ithaki-explore__desc { max-width:820px; margin:0 auto; color:#555; line-height:1.7; font-size:15px; }
.ithaki-explore__bottom { background:#f5f5f5; padding:45px 0 50px; margin-top:35px; }
.ithaki-explore__grid {
    display:grid; grid-template-columns:repeat(6,1fr); gap:24px; max-width:876px; margin:0 auto;
}
.ithaki-explore__item { text-decoration:none; display:flex; flex-direction:column; align-items:center; transition:transform .2s; }
.ithaki-explore__item:hover { transform:translateY(-5px); }
.ithaki-explore__icon {
    width:120px; height:120px; background:#fff; border:1px solid #e6e6e6; border-radius:8px;
    display:flex; align-items:center; justify-content:center; padding:14px;
}
.ithaki-explore__icon img { width:100%; height:100%; object-fit:contain; }
.ithaki-explore__label { margin-top:12px; color:#1a1a1a; font-weight:600; font-size:14px; text-align:center; }
.ithaki-explore__all-wrap { text-align:center; margin-top:38px; }
.ithaki-explore__all {
    display:inline-block; border:1px solid #1a1a1a; border-radius:6px; padding:14px 40px;
    color:#1a1a1a; font-weight:600; text-decoration:none; transition:all .2s;
}
.ithaki-explore__all:hover { background:#1a1a1a; color:#fff; }
@media (max-width:992px){ .ithaki-explore__grid{ grid-template-columns:repeat(3,1fr);} .ithaki-explore__icon{width:96px;height:96px;} }
@media (max-width:576px){ .ithaki-explore__grid{ grid-template-columns:repeat(2,1fr);} }

/* İthaki Keşfet — ikon boyutu B2C ile birebir (126px), border/kutu yok */
.ithaki-explore__icon {
    width: 126px !important;
    height: 126px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.ithaki-explore__icon img { width:100% !important; height:100% !important; object-fit:contain; }
.ithaki-explore__grid { gap: 30px 24px; max-width: 1180px; }
.ithaki-explore__label { font-size: 15px; }
@media (max-width:992px){ .ithaki-explore__icon{ width:130px !important; height:130px !important; } }

/* ============================================================
   İthaki B2B — Seriler bölümü (siyah zemin, kapak yığını slider)
   ============================================================ */
.ithaki-seri { background:#000; padding: 45px 0 55px; }
.ithaki-seri__title {
    text-align:center; color:#fff; font-family:"Open Sans",sans-serif; font-size:30px; font-weight:600; margin:0 0 10px;
}
.ithaki-seri__title::after { content:""; display:block; height:1px; background:rgba(255,255,255,.45); max-width:1100px; margin:16px auto 0; }
.ithaki-seri__wrap { position:relative; padding: 30px 60px 0; }
.ithaki-seri__item { text-decoration:none; display:block; }
.ithaki-seri__img img { width:100%; height:auto; display:block; filter: drop-shadow(0 12px 22px rgba(0,0,0,.5)); }
.ithaki-seri__label { color:#fff; font-weight:600; font-size:18px; margin-top:22px; }
.ithaki-seri-nav {
    position:absolute; top:42%; transform:translateY(-50%); z-index:5;
    width:46px; height:46px; border-radius:8px; background:#fff; border:0; color:#1a1a1a;
    display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.4);
}
.ithaki-seri-prev{ left:6px; } .ithaki-seri-next{ right:6px; }
.ithaki-seri-nav:hover { background:#d62631; color:#fff; }
.ithaki-seri-nav.swiper-button-disabled { opacity:.35; pointer-events:none; }
@media (max-width:768px){ .ithaki-seri__wrap{ padding:20px 46px 0; } .ithaki-seri__label{ font-size:15px; } }


/* ============================================================
   İthaki B2B — kategori sayfası 2-kolon + grid (view override'larıyla)
   ============================================================ */
.category-wrapper .page-header__title,
.categories-container .page-header__title { text-align:center !important; font-size:32px; font-weight:700; margin:8px 0 26px; color:#1a1a1a; }
.ithaki-catalog-row { margin-top: 6px; }
/* sol filtre paneli (inline) */
/* filtre: sayfadan (#fbfbfb) ayrışsın diye BEYAZ zemin + yumuşak gölge (sert kart/bordür değil) */
.ithaki-filter-sidebar { background:#fff !important; border:none !important; border-radius:10px !important; box-shadow:0 1px 6px rgba(0,0,0,.06) !important; padding:10px 12px !important; }
.ithaki-filter-sidebar .block-sidebar__backdrop,
.ithaki-filter-sidebar .block-sidebar__header { display:none !important; }
.ithaki-filter-sidebar .block-sidebar__body { position:static !important; transform:none !important; width:100% !important; height:auto !important; box-shadow:none !important; background:transparent; overflow:visible; }
.ithaki-filter-sidebar .block-sidebar__item { padding: 6px 10px; }
.ithaki-filter-sidebar .filter__title, .ithaki-filter-sidebar .filter__container > .filter { border-bottom:1px solid #eee; }
/* ürün grid — b2b grid-4-full (flex) ile uyumlu, 4 kolon büyük kartlar */
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .products-list__body,
.ithaki-catalog-products-col .products-list[data-layout="grid-4-full"] .products-list__body,
.ithaki-catalog-products-col .products-list[data-layout="grid-3-full"] .products-list__body { display:flex !important; flex-wrap:wrap !important; column-gap:16px !important; row-gap:24px !important; }
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .products-list__item { width: calc((100% - 112px)/8) !important; min-width:0 !important; max-width:none !important; margin:0 !important; }
.ithaki-catalog-products-col .products-list[data-layout="grid-4-full"] .products-list__item { width: calc((100% - 48px)/4) !important; min-width:0 !important; max-width:none !important; margin:0 !important; }
.ithaki-catalog-products-col .products-list[data-layout="grid-3-full"] .products-list__item { width: calc((100% - 32px)/3) !important; min-width:0 !important; max-width:none !important; margin:0 !important; }
.ithaki-catalog-products-col .products-list__item .product-card { height:100%; box-shadow:none; border:0; }
.ithaki-catalog-products-col .product-card__image img { width:100%; height:auto; }
/* === Kart text hizası: "Yazar:" satırı ortalı/bölük → sola hizalı + ad/fiyatla aynı kenar === */
.ithaki-catalog-products-col .productbox-detail-name,
.ithaki-catalog-products-col .product-card_namebox { padding-left: 0 !important; margin-left: 0 !important; text-align: left !important; }
.ithaki-catalog-products-col .product-card__features-list { text-align: left !important; padding-left: 0 !important; margin: 4px 0 0 0 !important; width: 100% !important; list-style: none !important; }
.ithaki-catalog-products-col .product-card__features-list li { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-start !important; column-gap: 4px !important; text-align: left !important; padding: 0 !important; margin: 0 0 2px 0 !important; width: 100% !important; }
/* "Yazar:" etiketi 90px sabit genişlikteydi → boşluk yaratıyordu, auto yap */
.ithaki-catalog-products-col .product-card__features-list .specification-title { width: auto !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto !important; }
/* === Kart içeriği ÜSTE hizalı (space-between yüzünden kısa başlıklı kart ortada uçuyordu) === */
/* "Sepete Ekle" altta kalır → satırda butonlar hizalı, üst içerik resmin hemen altında */
.ithaki-catalog-products-col .products-list__item .product-card { justify-content: flex-start !important; }
.ithaki-catalog-products-col .product-card__info { justify-content: flex-start !important; flex: 1 1 auto !important; }
.ithaki-catalog-products-col .product__card-add-button { margin-top: auto !important; }
/* === 9'lu görünüm: 7 sütun + SADECE resim (isim/fiyat/sepete ekle/sku/rozet hiç text yok) === */
/* resim zaten ürün sayfasına linkli (.product-image__body href), tıklayınca oraya gider */
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card__info,
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card__badges-list { display:none !important; }
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card { padding:0 !important; border:0 !important; box-shadow:none !important; }
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card__image,
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-image__body { margin:0 !important; cursor:pointer; }
/* FIX: "Stoktakileri Göster" toggle sidebar'dan taşıp ilk grid butonunun tıklamasını yutuyordu */
.ithaki-filter-sidebar .stock--button { width: auto !important; max-width: 100% !important; }
.ithaki-catalog-products-col .view-options__layout,
.ithaki-catalog-products-col .layout-switcher,
.ithaki-catalog-products-col .layout-switcher__list,
.ithaki-catalog-products-col .layout-switcher__button { position: relative !important; z-index: 5 !important; }
/* üst araç çubuğu */
.ithaki-catalog-products-col .products-view__options { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
@media (max-width:1200px){
  .ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .products-list__item { width: calc((100% - 80px)/6) !important; }
  .ithaki-catalog-products-col .products-list[data-layout="grid-4-full"] .products-list__item { width: calc((100% - 32px)/3) !important; }
  .ithaki-catalog-products-col .products-list[data-layout="grid-3-full"] .products-list__item { width: calc((100% - 32px)/3) !important; }
}
@media (max-width:768px){
  .ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .products-list__item { width: calc((100% - 32px)/3) !important; }
  .ithaki-catalog-products-col .products-list[data-layout="grid-4-full"] .products-list__item { width: calc((100% - 16px)/2) !important; }
  .ithaki-catalog-products-col .products-list[data-layout="grid-3-full"] .products-list__item { width: calc((100% - 16px)/2) !important; }
  .ithaki-catalog-sidebar-col{ margin-bottom:16px; }
}

/* İthaki: içerik kenarlara yapışmasın (ortalı + max genişlik), filtre daha dar, kitaplar ortalı */
.site .categories-container { display: block !important; width: 100% !important; max-width: 1300px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 12px !important; padding-right: 12px !important; }
.ithaki-catalog-sidebar-col { padding-left: 0 !important; padding-right: 30px !important; overflow: hidden !important; }
.ithaki-catalog-products-col { padding-left: 0; }
/* filtre kolonu daha dar + sola yaslı, kitaplara daha çok yer */
@media (min-width: 992px) {
  .ithaki-catalog-sidebar-col { flex: 0 0 18% !important; max-width: 18% !important; }
  .ithaki-catalog-products-col { flex: 0 0 82% !important; max-width: 82% !important; }
}
/* FIX: filtre öğeleri sidebar'dan TAŞMASIN (kitapların üstüne binmesin) */
.ithaki-filter-sidebar, .ithaki-filter-sidebar .block-sidebar__item, .ithaki-filter-sidebar .widget-filters,
.ithaki-filter-sidebar .widget-filters__list, .ithaki-filter-sidebar .widget-nav-filters,
.ithaki-filter-sidebar .filter, .ithaki-filter-sidebar .filter__title, .ithaki-filter-sidebar .filter-list,
.ithaki-filter-sidebar .filter-list__item, .ithaki-filter-sidebar .stock--button {
  width: auto !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;
}
.ithaki-filter-sidebar .filter-list__title, .ithaki-filter-sidebar .filter__title { white-space: normal !important; overflow-wrap: anywhere; }
/* filtre yazıları biraz küçük + uzun adlar sarsın (kırpılmasın) */
.ithaki-filter-sidebar .filter-list__item { flex-wrap: wrap !important; align-items: center; }
.ithaki-filter-sidebar .filter-list__title { font-size: 12.5px !important; line-height: 1.3 !important; word-break: break-word !important; }
.ithaki-filter-sidebar .filter__title { font-size: 13px !important; }
/* filtre içeriğini sola yasla */
.ithaki-filter-sidebar .block-sidebar__item { padding-left: 2px !important; padding-right: 4px !important; }
/* FIX: checkbox satırları kartın sol kenarından taşıyordu (yarısı dışarıda) → içeri al */
.ithaki-filter-sidebar .filter-list__item { padding-left: 14px !important; box-sizing: border-box; }
.ithaki-filter-sidebar .filter-list__input { margin-left: 0 !important; }
/* === FİLTRE TAM FİX (agent+headless analizi) === */
/* 1) iç öğelerin gri yüzey arka planı beyaz paneli örtmesin → şeffaf */
.ithaki-filter-sidebar .widget-filters,
.ithaki-filter-sidebar .widget-filters__list,
.ithaki-filter-sidebar .widget-filters__item,
.ithaki-filter-sidebar .widget-nav-filters,
.ithaki-filter-sidebar .filter,
.ithaki-filter-sidebar .filter__container,
.ithaki-filter-sidebar .filter__title,
.ithaki-filter-sidebar .filter__body,
.ithaki-filter-sidebar .filter--opened .filter__body,
.ithaki-filter-sidebar .stock--button { background: transparent !important; }
/* 2) içerik sidebar genişliğine sığsın — taşma yok (510-544px taşıyordu) */
.ithaki-filter-sidebar .widget-filters,
.ithaki-filter-sidebar .widget-filters__list,
.ithaki-filter-sidebar .filter,
.ithaki-filter-sidebar .filter__container,
.ithaki-filter-sidebar .filter-list,
.ithaki-filter-sidebar .filter-list__item,
.ithaki-filter-sidebar .filter__title { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
.ithaki-filter-sidebar .filter-list__item { flex-wrap: wrap !important; }
.ithaki-filter-sidebar .filter-list__title { flex: 1 1 0 !important; min-width: 0 !important; overflow-wrap: anywhere !important; white-space: normal !important; }
/* 3) mobil/tablet (≤768) dahil TÜM filtre satır/bölüm arka planları şeffaf → beyaz panel her yerde görünür */
.ithaki-catalog-sidebar-col .filter__title,
.ithaki-catalog-sidebar-col .widget-filters,
.ithaki-catalog-sidebar-col .widget-filters__item,
.ithaki-catalog-sidebar-col .widget-filters__list,
.ithaki-catalog-sidebar-col .block-sidebar__item,
.ithaki-catalog-sidebar-col .block-sidebar__body,
.ithaki-catalog-sidebar-col .filter,
.ithaki-catalog-sidebar-col .filter__container,
.ithaki-catalog-sidebar-col .filter__body { background: transparent !important; background-color: transparent !important; }
/* 4) KESİN: sidebar içinde hiçbir öğe paneli aşmasın (min-width:max-content/500px'i kır) + yazıyı sola al */
.ithaki-catalog-sidebar-col * { min-width: 0 !important; max-width: 100% !important; }
.ithaki-catalog-sidebar-col .filter__title { white-space: normal !important; padding: 12px 2px !important; }
.ithaki-catalog-sidebar-col .filter-list__item { padding-left: 4px !important; }
.ithaki-filter-sidebar { padding: 10px 8px !important; }
.ithaki-filter-sidebar .block-sidebar__body { padding: 0 !important; }
.ithaki-filter-sidebar .block-sidebar__item { padding: 0 4px !important; }
/* 5) "Stoktakileri Göster" sola yaslansın (ortada/girintili duruyordu) */
.ithaki-filter-sidebar .stock--button { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; padding-left: 0 !important; }
.ithaki-filter-sidebar .stock--button .switch { margin: 0 !important; }
.ithaki-filter-sidebar .stock--button > label { margin: 0 !important; padding-left: 0 !important; }
/* 6) YANDAKİ (sağ/sol) border'ları çıkar; YATAY (üst/alt) çizgiler KALSIN */
.ithaki-filter-sidebar .widget-filters__item,
.ithaki-filter-sidebar .stock--button,
.ithaki-filter-sidebar .filter,
.ithaki-filter-sidebar .filter__title,
.ithaki-filter-sidebar .widget-filters__actions { border-left: none !important; border-right: none !important; }
/* 7) SEÇENEK C: filtre listesi TEK SÜTUN (2-sütun taşması/sağda ezilme çözümü) */
.ithaki-filter-sidebar .filter-list__list { display: block !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; max-height: 280px !important; overflow-y: auto !important; overflow-x: hidden !important; }
.ithaki-filter-sidebar .filter-list__list label,
.ithaki-filter-sidebar .filter-list__list .filter-list__item,
.ithaki-filter-sidebar .filter-list__item { width: 100% !important; flex: 0 0 auto !important; flex-basis: auto !important; margin: 6px 0 !important; }
/* sayaç (16) sağa yaslı, isim sola — sayaç alta kaymasın */
.ithaki-filter-sidebar .filter-list__title { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 2px 6px !important; }
.ithaki-filter-sidebar .filter-list__counter { margin-left: auto !important; white-space: nowrap !important; }
/* yazıları biraz daha sola */
.ithaki-filter-sidebar { padding: 10px 6px !important; }
.ithaki-filter-sidebar .block-sidebar__item { padding: 0 2px !important; }
.ithaki-catalog-sidebar-col .filter-list__item { padding-left: 14px !important; }
/* checkbox sol kenardan taşmasın (kesiliyordu): negatif margin'leri sıfırla */
.ithaki-filter-sidebar .filter-list__input, .ithaki-filter-sidebar .input-check { margin-left: 0 !important; position: static !important; }
/* uzun (2 satır) isimlerde checkbox dikeyde ortalanıp aşağı kayıyordu → üste sabitle (ilk satıra hizalı) */
.ithaki-filter-sidebar .filter-list__item { align-items: flex-start !important; }
.ithaki-filter-sidebar .filter-list__input { margin-top: 2px !important; }
/* .filter__container padding (15px) item'ı daraltıyordu → sıfırla, isimler tek satıra sığsın */
.ithaki-filter-sidebar .filter__container, .ithaki-filter-sidebar .filter__body { padding-left: 0 !important; padding-right: 0 !important; }
.ithaki-filter-sidebar .filter-list__title { font-size: 12px !important; }
/* kitap gridi ortalı (özellikle eksik son satır) */
.ithaki-catalog-products-col .products-list__body { justify-content: center; }

/* ============================================================
   İthaki B2B — kategori sayfası STİL cilası (başlık, sidebar, toolbar)
   ============================================================ */
/* büyük ortalı kategori başlığı */
.page-header__title { text-align:center !important; font-size:34px !important; font-weight:700 !important; color:#1a1a1a; margin:6px 0 8px !important; }
.page-header__container .breadcrumb { justify-content:flex-start; }
/* sidebar'daki fazladan başlık + kapatma butonu gizle (panel zaten inline) */
.ithaki-filter-sidebar .widget-filters__title.widget__title,
.ithaki-filter-sidebar .catalogsidebar__close-btn,
.ithaki-filter-sidebar .block-sidebar__header,
.ithaki-catalog-products-col .catalogsidebar__close-btn { display:none !important; }
/* taşan marka kutusu gizle */
.search__list--manufecturer, .search__product-box-title { display:none !important; }
/* TOOLBAR İthaki koyu stil */
.ithaki-catalog-products-col .products-view__options { border:0; padding:0; margin-bottom:20px; }
.ithaki-catalog-products-col .view-options__filters-button {
    background:#fff !important; color:#1a1a1a !important; border:1px solid #e0e0e0 !important; border-radius:6px;
    padding:11px 20px !important; font-weight:600; display:inline-flex; align-items:center; gap:10px;
}
.ithaki-catalog-products-col .view-options__filters-button:hover { background:#faf2f3 !important; border-color:#D62631 !important; color:#D62631 !important; }
.ithaki-catalog-products-col .view-options__filters-button svg,
.ithaki-catalog-products-col .view-options__filters-button i { fill:currentColor !important; color:inherit !important; }
.ithaki-catalog-products-col .view-options__legend { color:#8f8f8f; font-size:15px; }
/* kapsayıcı (control) ŞEFFAF — sadece dropdown'ın kendisi koyu olmalı */
.ithaki-catalog-products-col .view-options__control {
    background:transparent !important; color:inherit !important; border:0 !important;
    padding:0 !important; min-width:0 !important; display:flex; align-items:center; gap:10px;
}
.ithaki-catalog-products-col .view-options__control label { color:#8f8f8f !important; font-weight:400; }
/* sort: B2C ile aynı — Filtreleri Gizle gibi koyu buton (beyaz yazı + beyaz ok, border yok) */
.ithaki-catalog-products-col #products-orderby-btn {
    background:rgb(19,11,4) !important; color:#fff !important; border:none !important; border-radius:0 !important; min-width:170px; overflow:hidden;
    display:flex; align-items:center; padding:0 !important; position:relative; height:45px;
}
.ithaki-catalog-products-col #products-orderby-btn select {
    appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important;
    background-color:transparent !important; color:#fff !important; border:0 !important; border-radius:0;
    padding:0 38px 0 16px !important; height:45px !important; font-weight:500; width:100%; cursor:pointer; font-size:14px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M0 0L6 8 12 0z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important; background-position: right 14px center !important; background-size:11px 8px !important;
}
.ithaki-catalog-products-col #products-orderby-btn:hover { background:#241710 !important; }
.ithaki-catalog-products-col #products-orderby-btn * { color:#fff !important; }
.ithaki-catalog-products-col #products-orderby-btn option { color:#1a1a1a !important; background:#fff !important; }
.ithaki-catalog-products-col .view-options__layout { display:flex; gap:8px; background:transparent !important; }
.ithaki-catalog-products-col .view-options__layout > * { color:#1a1a1a; background:transparent !important; }

/* İthaki kategori başlığı (ortalı) + kalan stray search gizle */
.categories-container .ithaki-category-title { text-align:center; font-size:34px; font-weight:700; color:#1a1a1a; margin:4px 0 24px; }
.categories-container .search__list--box, .categories-container .search__product-box-title,
.categories-container .content-search, #content-search-input { display:none !important; }

/* İthaki kategori kartları — temiz, border'sız (canlı İthaki grid görünümü) */
.ithaki-catalog-products-col .products-list__item,
.ithaki-catalog-products-col .products-list__item .product-card,
.ithaki-catalog-products-col .product-card__image,
.ithaki-catalog-products-col .product-card__image img,
.ithaki-catalog-products-col .product-image,
.ithaki-catalog-products-col .product-image__body {
    border: 0 !important;
    box-shadow: none !important;
}
.ithaki-catalog-products-col .products-list__item { background: transparent !important; padding: 0 !important; }
.ithaki-catalog-products-col .products-list__item .product-card { border-radius: 0 !important; padding: 6px !important; }


/* ============================================================
   İthaki curated top menu — sadece menü-içi stiller
   (header-wrapper/arama layout'una DOKUNMA — o zaten çalışıyor)
   ============================================================ */
/* mobil drawer'ı masaüstünde gizle (connector yüklü değil) */
@media (min-width: 992px) { .mobile-nav-wrapper { display: none !important; } }
@media (max-width: 991px) { .header__menu { display: none; } }

/* menüyü yatay diz */
.header__menu ul.nav_list.megamenu {
    display: flex; flex-flow: row wrap; align-items: center;
    gap: 0; margin: 0; padding: 0; list-style: none;
}
.header__menu ul.nav_list.megamenu > li { position: relative; list-style: none; }
.header__menu ul.nav_list.megamenu > li > a {
    display: block; padding: 8px 10px; white-space: nowrap; text-decoration: none;
    font-size: 13px; font-weight: 600; color: #1a1a1a;
}
.header__menu ul.nav_list.megamenu > li > a .nav-links__item-body { display: inline; }
.header__menu ul.nav_list.megamenu > li > a:hover,
.header__menu ul.nav_list.megamenu > li:hover > a { color: #D62631; }

/* dropdown panel (Yayınevleri / Kategoriler) */
.header__menu .nav-li__home--subbox {
    position: absolute; top: 100%; left: 0; display: none; z-index: 1000;
    background: #fff; box-shadow: 0 8px 28px rgba(0,0,0,.14); border-radius: 8px; padding: 16px;
}
.header__menu .nav-li__home--submenu:hover .nav-li__home--subbox { display: block; }
.header__menu .nav__subbox--list { list-style: none; margin: 0; padding: 0; }
.header__menu .nav__subbox--li { list-style: none; }
.header__menu .nav__subbox--link {
    display: block; padding: 6px 12px; font-size: 14px; color: #333;
    white-space: nowrap; text-decoration: none; font-weight: 500;
}
.header__menu .nav__subbox--link:hover { color: #D62631; }

/* Kategoriler dropdown çok kolonlu (taşmasın) */
.nav-li__home--subbox--categories { min-width: 640px; }
.nav__subbox--list--multicol { column-count: 3; column-gap: 24px; max-height: 70vh; overflow-y: auto; }
.nav__subbox--list--multicol .nav__subbox--li { break-inside: avoid; }

/* ============================================================
   İthaki header — menüye yer aç (container genişlet + arama daralt + nowrap)
   ============================================================ */
.header__content > .container.d-container { max-width: 1400px !important; width: 100% !important; margin: 0 auto !important; }
.header__content .header-wrapper { width: 100% !important; }
.header__content .header-wrapper-left { flex: 1 1 auto !important; min-width: 0 !important; }
.header-wrapper-left .header__menu { flex: 1 1 auto !important; min-width: 0 !important; }
.header-wrapper-left .header__menu .megamenu,
.header__menu ul.nav_list.megamenu { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow: visible; }
.header__menu ul.nav_list.megamenu > li > a { padding: 7px 7px !important; font-size: 12.5px !important; }
.header-wrapper-right { flex: 0 0 auto !important; }
.header-wrapper-right .header__seacrh { width: 300px !important; max-width: 300px !important; flex: 0 0 300px !important; }

/* menü daha kompakt — arama ile çakışmasın (8 öğe rahat sığsın) */
.header__menu ul.nav_list.megamenu > li > a,
.header-wrapper-left .header__menu .megamenu > li > a,
.header__menu .megamenu .nav-li__home--link {
    padding: 5px 6px !important; font-size: 11.5px !important; letter-spacing: -.2px !important;
}
.header__content .header-wrapper { gap: 12px !important; }
.header-wrapper-left .header__menu { margin-right: 12px; }

/* nowrap taşmasını bırak: menü wrap olsun (sığmazsa 2 satır, aramayla çakışmaz) */
.header-wrapper-left .header__menu .megamenu,
.header__menu ul.nav_list.megamenu { flex-wrap: wrap !important; overflow: hidden !important; }
.header-wrapper-left .header__menu { max-width: 100%; overflow: hidden; }

/* ============================================================
   İthaki header — CANLI DÜZEN (logo+menü solda tek satır | arama+ikon sağda)
   Bu blok önceki tüm header denemelerini ezer. Tam genişlik, menü sola yaslı nowrap.
   ============================================================ */
.header__content > .container.d-container { max-width: none !important; width: 100% !important; padding: 0 40px !important; margin: 0 !important; }
.header__content .header-wrapper { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; gap:24px !important; flex-wrap:nowrap !important; }
.header__content .header-wrapper-left { display:flex !important; align-items:center !important; gap:16px !important; flex:0 1 auto !important; min-width:0 !important; }
.header-wrapper-left .header__menu { flex:0 1 auto !important; min-width:0 !important; margin:0 !important; }
.header-wrapper-left .header__menu .megamenu,
.header__menu ul.nav_list.megamenu {
    display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important;
    gap:0 !important; overflow:visible !important; margin:0 !important; padding:0 !important;
}
.header__menu ul.nav_list.megamenu > li > a,
.header-wrapper-left .header__menu .megamenu > li > a,
.header__menu .megamenu .nav-li__home--link {
    padding:6px 9px !important; font-size:14px !important; letter-spacing:0 !important; white-space:nowrap !important;
}
.header__content .header-wrapper-right { display:flex !important; align-items:center !important; gap:22px !important; flex:0 0 auto !important; }
.header-wrapper-right .header__seacrh { width:380px !important; max-width:380px !important; flex:0 0 380px !important; }

/* son menü öğesi aramaya değmesin: biraz daha kompakt + arama ile net boşluk */
.header__menu ul.nav_list.megamenu > li > a,
.header-wrapper-left .header__menu .megamenu > li > a,
.header__menu .megamenu .nav-li__home--link { padding:14px 0 !important; font-size:11px !important; letter-spacing:0.16px !important; }
.header__menu ul.nav_list.megamenu > li { padding:0 5px 0 0 !important; margin:0 !important; }
.header-wrapper-left .header__menu { margin-right:12px !important; }
.header-wrapper-right .header__seacrh { width:280px !important; max-width:280px !important; flex:0 0 280px !important; }

/* ============================================================
   Kategoriler dropdown FIX — overflow:hidden kırpmasını kaldır, hover'da göster, 4 kolon geniş
   ============================================================ */
.header-wrapper-left .header__menu,
.header__menu,
.header__menu ul.nav_list.megamenu,
.header-wrapper-left .header__menu .megamenu { overflow: visible !important; }
.header__content, .header__content .container.d-container, .header-wrapper, .header-wrapper-left { overflow: visible !important; }
.header { overflow: visible !important; }
/* dropdown panel hover'da görünsün (her iki sınıf yapısı için) */
.header__menu .nav-li__home--submenu:hover > .nav-li__home--subbox,
.header__menu li.nav-li__home--submenu:hover .nav-li__home--subbox { display: block !important; }
/* Kategoriler mega panel — geniş, 4 kolon (canlı gibi) */
.header__menu .nav-li__home--subbox--categories { min-width: 880px !important; max-width: 92vw !important; padding: 22px 26px !important; }
.header__menu .nav__subbox--list--multicol { column-count: 4 !important; column-gap: 30px !important; max-height: 60vh !important; }
/* sağdaki son menü öğelerinin dropdown'ı ekrandan taşmasın: sağa hizala */
.header__menu .nav_list.megamenu > li:nth-last-child(-n+3) .nav-li__home--subbox { left: auto !important; right: 0 !important; }

/* dropdown slider'ın üstünde kalsın: header stacking context + yüksek z-index */
.header, .header__content { position: relative; z-index: 100; }
.header__menu .nav-li__home--subbox { z-index: 9999 !important; }
.main-slider, .slider-section, .ithaki-home-swiper { z-index: 1 !important; position: relative; }

/* ============================================================
   Kategoriler/Yayınevleri dropdown — SAĞLAM hover (loud-test ile aynı güç)
   ============================================================ */
.header__menu .nav-li__home--submenu > .nav-li__home--subbox {
    position: absolute !important; top: 100% !important; left: 0 !important;
    display: none; z-index: 9999 !important;
    background: #fff !important; box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
    border-radius: 8px !important; padding: 18px 22px !important;
}
.header__menu .nav-li__home--submenu:hover > .nav-li__home--subbox { display: block !important; }
.header__menu .nav-li__home--subbox--categories { min-width: 900px !important; max-width: 92vw !important; }
.header__menu .nav__subbox--list--multicol { column-count: 4 !important; column-gap: 32px !important; max-height: 62vh !important; overflow-y: auto !important; }
/* sağdaki öğelerin paneli ekrandan taşmasın */
.header__menu .nav_list.megamenu > li:nth-last-child(-n+3) > .nav-li__home--subbox { left: auto !important; right: 0 !important; }

/* /kategoriler Topic sayfası — kategori grid'i */
.ithaki-kategoriler-page { max-width: 1200px; margin: 0 auto; padding: 24px 20px 64px; }
.ithaki-kategoriler-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px 32px; }
.ithaki-kategoriler-item { display: block; padding: 10px 8px; color: #1a1a1a; text-decoration: none; border-bottom: 1px solid #eee; font-size: 15px; font-weight: 500; }
.ithaki-kategoriler-item:hover { color: #D62631; }
@media (max-width: 992px) { .ithaki-kategoriler-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .ithaki-kategoriler-grid { grid-template-columns: 1fr; } }

/* Anasayfa ürün carousel başlıkları (Yeni Çıkanlar / Çok Satanlar) — canlı stil */
.home-products .ithaki-block-header { display: none !important; } /* component'in iç "Özel Ürünler" başlığını gizle */
/* B2C ile birebir: container 1300px, KARTLAR tüm 1300'ü kaplar (x=70, B2C gibi),
   sadece BAŞLIK 15px içeri alınır. */
.home-products > .container.d-container { max-width: 1300px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; }
.home-products .productBox-carousel > .container.d-container { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
/* başlık B2C gibi 15px içeride (kartlar tam genişlikte kalır) */
.home-products .ithaki-home-section-header { padding-left: 15px !important; padding-right: 15px !important; }
.ithaki-home-section-header { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 22px; }
.ithaki-home-section-title { font-size: 24px; font-weight: 700; color: #1a1a1a; border-left: 4px solid #D62631; padding-left: 12px; margin: 0; line-height: 1.1; }
.ithaki-home-section-all { color: #1a1a1a; font-weight: 600; border: 1px solid #ddd; border-radius: 22px; padding: 9px 20px; text-decoration: none; font-size: 14px; white-space: nowrap; }
.ithaki-home-section-all:hover { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }

/* === İthaki B2B: tek satır header — menü + arama tek satırda kalır ve ekran
   genişliğine göre akıcı ölçeklenir (clamp). Geniş ekranda B2C görünümü (14px font,
   geniş arama), dar ekranda taşmadan sığacak şekilde küçülür. 1366px altında temanın
   kendi media query'si menüyü alt satıra indirir (bkz. satır ~971). Bu blok dosya
   sonunda olduğu için yukarıdaki sabit font-size kurallarını ezer. === */
.header__menu ul.nav_list.megamenu > li > a,
.header__menu .megamenu .nav-li__home--link {
    font-size: clamp(11px, 0.72vw, 14px) !important;
    padding: 14px 0 !important;
    letter-spacing: 0 !important;
}
.header__menu ul.nav_list.megamenu > li {
    padding: 0 clamp(5px, calc(5px + (100vw - 1440px) * 0.085), 55px) 0 0 !important;
    margin: 0 !important;
}
.header-wrapper-left .header__menu { margin-right: 12px !important; }

/* Hesabım bloğu: "Super User / Yetkili:" yazılarını ikon + "Hesabım" altına ortala + biraz boşluk */
.topbar-dropdown__btn { text-align: center !important; }
.topbar-dropdown__btn .icon_title { display: block !important; width: 100% !important; text-align: center !important; }
.topbar-dropdown__btn .username-box { width: 100% !important; align-items: center !important; text-align: center !important; margin-top: 5px !important; }
.topbar-dropdown__btn .account-name { width: 100% !important; text-align: center !important; justify-content: center !important; }

/* Hesabım menüsü: BEYAZ panel + düz (köşesiz) İthaki kırmızısı bar düğmeler
   (UnalGroup referans tasarımı). Kırmızı: #D62631, hover #AE0F17. */
.topbar-dropdown__body .menu--layout--topbar,
.topbar-dropdown__body .menu--layout--topbar .menu__list { background-color: #ffffff !important; }
.topbar-dropdown__body .menu--layout--topbar .menu__list { padding: 8px !important; }
/* panel içindeki normal yazılar (Bakiye / Hesap No vb.) koyu ve okunur */
.topbar-dropdown__body .menu--layout--topbar,
.topbar-dropdown__body .menu--layout--topbar * { color: #1a1a1a !important; fill: #1a1a1a !important; }
/* menü öğeleri = düz kırmızı bar; aralarında küçük boşluk, çerçeve/border yok */
.topbar-dropdown__body .menu__list > li { margin: 0 0 7px 0 !important; box-shadow: none !important; }
/* b2b.css'teki "#user-iconset .menu__item { padding:10px 0 }" ID kuralını ez:
   asıl boşluk bu padding'di; sadece 1px margin kalsın */
#user-iconset .menu__item { padding-top: 0 !important; padding-bottom: 0 !important; }
.topbar-dropdown__body .menu__list a {
    display: block !important;
    background-color: #D62631 !important;
    padding: 6px 16px !important;
    border-radius: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}
.topbar-dropdown__body .menu__list a,
.topbar-dropdown__body .menu__list a * { color: #ffffff !important; fill: #ffffff !important; }
.topbar-dropdown__body .menu__list a:hover { background-color: #AE0F17 !important; }
/* Arama kutusu: dar ekranda 235px, geniş ekranda 400px'e kadar büyür (boşluğu doldurur) */
.header-wrapper-right .header__seacrh {
    width: clamp(235px, calc(235px + (100vw - 1440px) * 0.13), 300px) !important;
    max-width: clamp(235px, calc(235px + (100vw - 1440px) * 0.13), 300px) !important;
    flex: 0 0 clamp(235px, calc(235px + (100vw - 1440px) * 0.13), 300px) !important;
}

/* === Yayınevleri dropdown — kompakt kutu (referans görselle aynı) === */
.megamenu .nav-li__home .nav-li__home--subbox.nav-li__home--subbox--publishers {
    width: auto !important;
    min-width: 240px !important;
    max-width: 320px !important;
    padding: 8px 0 !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.12) !important;
    left: 0 !important;
}
.nav-li__home--subbox--publishers .nav__subbox--list--publishers {
    width: 100% !important;
    display: block !important;
    columns: auto !important;
}
.nav-li__home--subbox--publishers .nav__subbox--list--publishers > .nav__subbox--li {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.nav-li__home--subbox--publishers .nav__subbox--list--publishers > .nav__subbox--li > .nav__subbox--link {
    display: block !important;
    padding: 9px 22px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
    text-align: left !important;
}
.nav-li__home--subbox--publishers .nav__subbox--list--publishers > .nav__subbox--li > .nav__subbox--link:hover {
    color: #D62631 !important;
    background: #faf2f3 !important;
}

/* === Kategoriler dropdown — temiz 4 sütun (B2C ile aynı) === */
.megamenu .nav-li__home .nav-li__home--subbox.nav-li__home--subbox--categories {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.12) !important;
    padding: 18px 26px !important;
    overflow: hidden !important;
    left: 0 !important;
    right: auto !important;
    min-width: 0 !important;
    width: min(900px, calc(100vw - 360px)) !important;
    max-width: none !important;
}
.nav-li__home--subbox--categories .nav__subbox--list--multicol {
    width: 100% !important;
    display: block !important;
    columns: 4 !important;
    column-gap: 28px !important;
    overflow: visible !important;
    white-space: normal !important;
}
.nav-li__home--subbox--categories .nav__subbox--list--multicol > .nav__subbox--li {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
}
.nav-li__home--subbox--categories .nav__subbox--list--multicol > .nav__subbox--li > .nav__subbox--link {
    display: block !important;
    padding: 6px 0 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    color: #1a1a1a !important;
    white-space: normal !important;
    text-align: left !important;
}
.nav-li__home--subbox--categories .nav__subbox--list--multicol > .nav__subbox--li > .nav__subbox--link:hover {
    color: #D62631 !important;
}

/* === Listeleme görünüm butonları — aktif highlight (9lu/4lü/3lü) === */
.ithaki-catalog-products-col .view-options__layout .layout-switcher__list { display:flex !important; gap:8px !important; }
/* B2C ile aynı: arka plansız/bordürsüz buton, FA thin grid ikonu, hover/aktifte ikon koyu */
.ithaki-catalog-products-col .view-options__layout .layout-switcher__button {
    background:transparent !important; border:none !important; border-radius:0 !important;
    padding:4px 8px !important; display:inline-flex !important; align-items:center; justify-content:center; cursor:pointer;
}
.ithaki-catalog-products-col .view-options__layout .layout-switcher__button i { font-size:23px !important; line-height:1 !important; color:#bdbdbd !important; transition:color .15s; }
.ithaki-catalog-products-col .view-options__layout .layout-switcher__button svg { display:none !important; }
.ithaki-catalog-products-col .view-options__layout .layout-switcher__button:hover i { color:#1a1a1a !important; }
.ithaki-catalog-products-col .view-options__layout .layout-switcher__button--active { background:transparent !important; border:none !important; }
.ithaki-catalog-products-col .view-options__layout .layout-switcher__button--active i { color:#1a1a1a !important; }
/* === Filtreleri Gizle/Göster butonu (B2C birebir: koyu zemin, beyaz, köşesiz) === */
.inline-filter-button { background: rgb(19,11,4) !important; color:#fff !important; border:none !important; border-radius:0 !important; padding:10px 14px !important; font-size:15px !important; cursor:pointer; display:inline-flex !important; align-items:center; line-height:1; margin-right:14px; }
.inline-filter-button .filters-button__title { display:inline-flex; align-items:center; gap:7px; color:#fff; }
.inline-filter-button i { font-size:16px; }
@media (max-width: 991px) { .inline-filter-button { display:none !important; } }
/* === Toolbar yerleşimi (B2C): Filtreleri Gizle SOL — görünümler ORTA — sort SAĞ === */
.products-view .view-options { display:flex !important; align-items:center !important; width:100% !important; flex-wrap:nowrap !important; }
.products-view .view-options .inline-filter-button { margin-right:auto !important; }
.products-view .view-options #products-orderby-btn,
.products-view .view-options .view-options__control { margin-left:auto !important; }
.products-view .view-options .view-options__legend { display:none !important; }
/* sort select: Filtreleri Gizle gibi koyu buton + beyaz açılır ok */
#products-orderby {
  background-color: rgb(19,11,4) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='3'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important;
  color:#fff !important; border:none !important; border-radius:0 !important;
  height:45px !important; padding:0 34px 0 14px !important; font-size:14px !important; font-weight:500 !important;
  -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; cursor:pointer; min-width:150px;
}
#products-orderby option { background:#fff !important; color:#1a1a1a !important; }
/* Gizle ile sort aynı yükseklik */
.inline-filter-button { height:45px !important; }
/* === Filtre gizle animasyonu: sidebar toplanır, ürünler genişler === */
.ithaki-catalog-sidebar-col { transition: max-width .35s ease, flex-basis .35s ease, opacity .25s ease, padding .35s ease; }
.ithaki-catalog-products-col { transition: max-width .35s ease, flex-basis .35s ease; }
@media (min-width: 992px) {
  .categories-container.filters-hidden .ithaki-catalog-sidebar-col { flex: 0 0 0% !important; max-width: 0 !important; opacity: 0; padding-left: 0 !important; padding-right: 0 !important; overflow: hidden; }
  .categories-container.filters-hidden .ithaki-catalog-products-col { flex: 0 0 100% !important; max-width: 100% !important; }
  /* başlık (Çok Satanlar/Yeni Çıkanlar) KİTAPLARIN üstüne ortalı (sidebar genişliği kadar sağa) — B2C gibi */
  .categories-container .ithaki-category-title { padding-left: 18% !important; box-sizing: border-box; transition: padding .35s ease; }
  /* filtre gizliyken başlık tam ortaya döner */
  .categories-container.filters-hidden .ithaki-category-title { padding-left: 0 !important; }
}

/* === Listeleme kartı — kırık görsel taşmasını engelle + temiz === */
.ithaki-catalog-products-col .product-card__image,
.ithaki-catalog-products-col .product-image { display:block !important; width:100% !important; overflow:hidden !important; border-radius:4px; background:#f5f5f5; }
.ithaki-catalog-products-col .product-card__image img,
.ithaki-catalog-products-col .product-image img { width:100% !important; height:auto !important; aspect-ratio:2/3; object-fit:cover !important; font-size:0 !important; color:transparent !important; }
.ithaki-catalog-products-col .product-card__name,
.ithaki-catalog-products-col .product-card__name a { display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden !important; text-overflow:ellipsis; line-height:1.3; }
.ithaki-catalog-products-col .products-list__item .product-card { overflow:hidden; }
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card__name,
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card__info,
.ithaki-catalog-products-col .products-list[data-layout="grid-9-full"] .product-card__prices { font-size:12px !important; }

/* === Toolbar: sıralama (En Yeniler) sağa === */
.ithaki-catalog-products-col .view-options { display:flex !important; align-items:center !important; flex-wrap:wrap; gap:12px 14px; }
.ithaki-catalog-products-col .view-options__control { margin-left:auto !important; }
/* Masaüstünde filtreler zaten solda inline görünür → "Filtreleri Göster" butonu gizli (B2C de böyle).
   Buton mobilde drawer için görünür kalır. Böylece bozuk toggle + scroll kilidi olmaz. */
@media (min-width:992px){
  .ithaki-catalog-products-col .view-options__filters-button { display:none !important; }
}

/* === Filtre checkbox: seçili (checked) durumu net görünsün === */
.ithaki-catalog-sidebar-col .input-check__box,
.ithaki-filter-sidebar .input-check__box {
  width:18px !important; height:18px !important; border:1.5px solid #cfcfcf !important; border-radius:3px !important;
  background:#fff !important; position:relative !important; box-sizing:border-box;
}
.ithaki-catalog-sidebar-col .input-check__input:checked ~ .input-check__box,
.ithaki-filter-sidebar .input-check__input:checked ~ .input-check__box {
  background:#D62631 !important; border-color:#D62631 !important;
}
.ithaki-catalog-sidebar-col .input-check__input:checked ~ .input-check__box::after,
.ithaki-filter-sidebar .input-check__input:checked ~ .input-check__box::after {
  content:"" !important; position:absolute; left:50%; top:47%; width:4px; height:9px;
  border:solid #fff; border-width:0 2px 2px 0; transform:translate(-50%,-55%) rotate(45deg);
}
/* sprite checkmark'ı gizle (yüklenmiyorsa boş, yükleniyorsa çift olmasın) */
.ithaki-catalog-sidebar-col .input-check__icon,
.ithaki-filter-sidebar .input-check__icon { display:none !important; }
/* seçili filtre satırının yazısı da belli olsun */
.ithaki-catalog-sidebar-col .input-check__input:checked ~ .filter-list__title,
.ithaki-catalog-sidebar-col .filter-list__item input:checked ~ .filter-list__title { color:#D62631 !important; font-weight:600 !important; }

/* === Header: Yayınevleri/Kategoriler başka öğeye hover'da soluklaşmasın === */
.header__menu .megamenu > li.nav-li__home--submenu > a.nav-li__home--link,
.header__menu .megamenu > li.nav-li__home > a.nav-li__home--link { color:#1a1a1a !important; }
.header__menu .megamenu > li.nav-li__home--submenu:hover > a.nav-li__home--link,
.header__menu .megamenu > li.nav-li__home:hover > a.nav-li__home--link { color:#D62631 !important; }

/* ============================================================
   Carousel kart içi — B2C ile birebir: büyük kapak, küçük yazı,
   kapak ile yazı arasında boşluk YOK. Sadece .ithaki-product-section.
   ============================================================ */
/* B2C gibi: tüm kapak kutuları AYNI yükseklikte (sabit kitap oranı ~201/325).
   Kapak kutunun içine contain ile oturur (kırpılmaz), üste hizalı — kartlar hizalı. */
.ithaki-product-section .product-card__image { min-height: 0 !important; height: auto !important; aspect-ratio: 201 / 325 !important; padding: 0 !important; margin-bottom: 6px !important; overflow: hidden !important; }
.ithaki-product-section .product-card__image--dekstop,
.ithaki-product-section .product-card__image--dekstop .product-image__body { height: 100% !important; width: 100% !important; }
.ithaki-product-section .product-card__image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: top center !important; display: block !important; }
/* başlık/bilgi bloğu kapağa bitişsin */
.ithaki-product-section .product-card__info { margin-top: 0 !important; padding-top: 0 !important; }
/* yazılar küçülür (B2C: başlık 15px/500, fiyat 15px) */
.ithaki-product-section .productbox-detail-name { padding-left: 0 !important; }
.ithaki-product-section .product-info-detail,
.ithaki-product-section .productbox-detail-name .product-info-detail { font-size: 15px !important; line-height: 19px !important; font-weight: 500 !important; }
.ithaki-product-section .product-card__prices { font-size: 16px !important; }
/* yazar satırı B2C ile BİREBİR (markup: features-list > li > .specification-title + span) */
.ithaki-product-section .product-card__features-list,
.ithaki-product-section .product-card__features-list li {
  font-family: "Open Sans", sans-serif !important;
  color: #6d6d6d !important;
  line-height: 19px !important;
}
/* yazar, başlık/fiyat ile aynı x ekseninde (ul iç boşluğunu kaldır) */
.ithaki-product-section .product-card__features-list { padding-left: 0 !important; margin-left: 0 !important; }
/* yazar adı uzunsa 2 satıra inmesin: tek satır + "..." kısalt */
.ithaki-product-section .product-card__features-list li {
  padding-left: 0 !important; margin-left: 0 !important;
  display: block !important; white-space: nowrap !important;
  overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important;
}
.ithaki-product-section .product-card__features-list li span { white-space: nowrap !important; }
/* "Yazar:" etiketi: 14px, gri #6d6d6d, çizgisiz */
.ithaki-product-section .specification-title {
  font-size: 14px !important; font-weight: 400 !important; color: #6d6d6d !important;
  text-decoration: none !important; font-family: "Open Sans", sans-serif !important;
}
/* Yazar adı (value span): 15px, açık gri #a2a2a2, ALTI ÇİZİLİ, letter-spacing .9px */
.ithaki-product-section .product-card__features-list li span:not(.specification-title) {
  font-size: 15px !important; font-weight: 400 !important; color: #a2a2a2 !important;
  text-decoration: underline !important; text-decoration-color: #a2a2a2 !important;
  letter-spacing: 0.9px !important; font-family: "Open Sans", sans-serif !important;
}
/* ikonlar B2C ile birebir: kalp 24px (30x30), sepet ikonu 18px */
.ithaki-product-section .product-card__wishlist i { font-size: 24px !important; width: 30px !important; height: 30px !important; }
.ithaki-product-section .product__car--buttons button i,
.ithaki-product-section .product-card__addtocart i,
.ithaki-product-section .product_addbox .product-card__addtocart::before { font-size: 18px !important; }

/* ---- Carousel: qty + sepete-ekle çubuğunu küçült (kart kısalsın, kapak oransal büyüsün) ---- */
.ithaki-product-section .product__card-add-button { margin-top: 6px !important; }
.ithaki-product-section .product_addbox-quantity { max-width: 74px !important; }
.ithaki-product-section .product_addbox .catalog-quantity,
.ithaki-product-section .product_addbox-quantity .input-number__input,
.ithaki-product-section .product_addbox-quantity input { height: 30px !important; font-size: 12px !important; padding: 2px 16px !important; }
.ithaki-product-section .product_addbox .input-number__add,
.ithaki-product-section .product_addbox .input-number__sub { width: 18px !important; }
.ithaki-product-section .product_addbox .product-card__addtocart { height: 30px !important; min-height: 30px !important; line-height: 30px !important; }
.ithaki-product-section .product_addbox-button { margin-left: 6px !important; }
/* bilgi bloğu boşluklarını sıkılaştır */
.ithaki-product-section .productbox-detail-name { margin-bottom: 2px !important; }
.ithaki-product-section .product-card__actions { margin-top: 2px !important; }
.ithaki-product-section .product-card__rating { display: none !important; }

/* ---- Carousel: kartı doğal yüksekliğe al + içeriği üste hizala ----
   space-between, kartı esnetince fiyat ile sepet butonu arasında büyük boşluk
   yaratıyordu. flex-start + doğal yükseklik ile boşluk kalkar (B2C gibi sıkı). */
.ithaki-product-section .productbox-detail-flex { justify-content: flex-start !important; gap: 4px !important; }
.ithaki-product-section .swiper-products-carousel .swiper-wrapper { align-items: flex-start !important; }
.ithaki-product-section .swiper-products-carousel .swiper-slide,
.ithaki-product-section .swiper-slide .product-card { height: auto !important; }

/* ---- Carousel add-bar düzeltme: count kenara yapışmasın, sepete-ekle B2C dairesi ---- */
/* içerik kenarlardan içeri (kapak tam genişlik kalır, sadece yazı/buton bloğu) */
.ithaki-product-section .product-card__info { padding-left: 8px !important; padding-right: 8px !important; }
.ithaki-product-section .product_addbox { align-items: center !important; }
/* qty kutusunu daralt */
.ithaki-product-section .product_addbox-quantity { width: 72px !important; max-width: 72px !important; flex: 0 0 72px !important; }
.ithaki-product-section .product_addbox-quantity .form-control,
.ithaki-product-section .product_addbox-quantity .catalog-quantity,
.ithaki-product-section .product_addbox-quantity input { width: 72px !important; max-width: 72px !important; }
/* sepete-ekle: B2C ile birebir daire (38x38, açık zemin, ince kenar) */
.ithaki-product-section .product_addbox .product-card__addtocart {
  width: 38px !important; min-width: 38px !important; height: 38px !important;
  border-radius: 50% !important; background: #fbfbfb !important; border: 1px solid #d7d7d7 !important;
}

/* ============================================================
   Her carousel için TAM GENİŞLİK gri renk bandı (sol kenardan sağ kenara).
   .home-products section'ı viewport genişliğinde -> bant edge-to-edge.
   Kartlar (1600px) ortada. Carousel'ler arasında belirgin beyaz boşluk.
   ============================================================ */
.home-products { background-color: #f5f5f5 !important; padding-top: 26px !important; padding-bottom: 20px !important; margin-bottom: 44px !important; }
.home-products .ithaki-product-section { background: transparent !important; padding-top: 8px !important; padding-bottom: 6px !important; }

/* ---- Carousel add-bar hizalama: qty kompakt (− sayı + bitişik), sepete-ekle en sağda ---- */
.ithaki-product-section .product_addbox { justify-content: space-between !important; }
.ithaki-product-section .product_addbox-quantity,
.ithaki-product-section .product_addbox-quantity .form-control,
.ithaki-product-section .product_addbox-quantity .catalog-quantity,
.ithaki-product-section .product_addbox-quantity input { width: 84px !important; max-width: 84px !important; min-width: 84px !important; flex: 0 0 84px !important; }
/* sepete-ekle butonu: sarmalı daraltılır, en sağa itilir */
.ithaki-product-section .product_addbox-button { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; margin-left: auto !important; display: flex !important; justify-content: flex-end !important; }

/* ============================================================
   Carousel indirim/fiyat — B2C ile birebir.
   Kırmızı % rozeti solda; sağda eski fiyat (üstü çizili) üstte,
   yeni fiyat (kalın koyu) altta. Rozet sadece carousel'de görünür.
   ============================================================ */
/* carousel dışında (kategori vb.) inline rozet gizli -> o sayfalar değişmez */
.product-card__actions .product-card__badge--inline { display: none; }
.ithaki-product-section .product-card__actions {
  display: flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: flex-start !important;
  gap: 8px !important; margin-top: 6px !important;
}
.ithaki-product-section .product-card__badge--inline {
  display: flex !important; align-items: center !important; justify-content: center !important;
  background-color: #d62631 !important; color: #fff !important;
  font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important;
  min-width: 46px !important; height: 38px !important; padding: 4px 8px !important;
  border-radius: 6px !important; box-shadow: none !important; margin: 0 !important;
  flex: 0 0 auto !important; text-align: center !important;
}
.ithaki-product-section .product-card__prices {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  line-height: 1.15 !important; gap: 0 !important;
}
.ithaki-product-section .product-card__old-price {
  font-size: 13px !important; color: #6d6d6d !important; font-weight: 400 !important;
  text-decoration: line-through !important;
}
.ithaki-product-section .product-card__new-price {
  font-size: 16px !important; font-weight: 700 !important; color: #26292d !important;
}

/* ============================================================
   Kategori / liste (arama, yayınevi) grid indirimi — B2C ile birebir.
   Sol-üst köşedeki bronz indirim rozeti gizlenir; fiyatın yanında
   kırmızı % rozeti gösterilir (carousel ile aynı görünüm).
   Sadece ana grid (.products-view) kapsamında; carousel/sidebar etkilenmez.
   ============================================================ */
/* köşe (sol-üst) indirim rozetini gizle — B2C'de yok */
.products-view .product-card__badges-list .product-card__badge--sale { display: none !important; }

/* fiyat satırı: kırmızı % rozeti solda, fiyatlar (eski üstte/yeni altta) sağda */
.products-view .product-card__actions {
  display: flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: flex-start !important;
  flex-wrap: wrap !important; gap: 8px !important;
  padding: 0 !important; margin-top: 8px !important;
}
/* carousel dışında gizlenen inline rozeti burada geri aç + B2C stili */
.products-view .product-card__actions .product-card__badge--inline {
  display: flex !important; align-items: center !important; justify-content: center !important;
  background-color: #d62631 !important; color: #fff !important;
  font-size: 15px !important; font-weight: 400 !important; line-height: 21px !important;
  padding: 3px 10px !important; border-radius: 3px !important; margin: 0 !important;
  box-shadow: none !important; flex: 0 0 auto !important;
  min-width: auto !important; min-height: 36px !important; height: 36px !important;
  box-sizing: border-box !important; text-align: center !important;
}
.products-view .product-card__prices {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  line-height: 16px !important; gap: 0 !important; padding: 0 !important; margin: 0 !important;
}
.products-view .product-card__old-price {
  font-size: 13px !important; color: #6d6d6d !important; font-weight: 400 !important;
  line-height: 16px !important; margin: 0 !important; padding: 0 !important;
  text-decoration: line-through !important;
}
.products-view .product-card__new-price {
  font-size: 16px !important; font-weight: 700 !important; color: #26292d !important;
  line-height: 16px !important; margin: 0 !important; padding: 0 !important;
}
/* sepete-ekle butonları kendi satırına insin (rozet+fiyatın altına) */
.products-view .product-card__actions .product-card__buttons { flex: 0 0 100% !important; }

/* ============================================================
   Header — arama ile menü yazısı dar ekranlarda birbirine yapışıyordu
   (menü nowrap + min-width:0 -> menüye yer kalmayınca aramaya taşıyor).
   B2C gibi çözüm: yan boşlukları/aramayı daralt -> 8 öğe okunur fontla SIĞSIN,
   araya net boşluk kalsın. overflow:hidden sadece güvenlik (aramanın üstüne binmez).
   ============================================================ */
@media (max-width: 1599px) {
  .header__content > .container.d-container { padding-left: 14px !important; padding-right: 14px !important; }
  .header__content .header-wrapper { gap: 12px !important; }
  .header__content .header-wrapper-right { gap: 12px !important; }
  .header__content .header-wrapper-left { gap: 10px !important; }
  .header-wrapper-right .header__seacrh { width: 180px !important; max-width: 180px !important; flex: 0 0 180px !important; }
  .header-wrapper-left .header__menu { margin-right: 14px !important; overflow: visible !important; }
  .header__menu ul.nav_list.megamenu > li > a,
  .header-wrapper-left .header__menu .megamenu > li > a,
  .header__menu .megamenu .nav-li__home--link { font-size: 11px !important; }
}
@media (max-width: 1440px) {
  .header__content > .container.d-container { padding-left: 10px !important; padding-right: 10px !important; }
  .header-wrapper-right .header__seacrh { width: 195px !important; max-width: 195px !important; flex: 0 0 195px !important; }
  .header__menu ul.nav_list.megamenu > li > a,
  .header-wrapper-left .header__menu .megamenu > li > a,
  .header__menu .megamenu .nav-li__home--link { font-size: 10.5px !important; }
}
@media (max-width: 1200px) {
  .header-wrapper-right .header__seacrh { width: 190px !important; max-width: 190px !important; flex: 0 0 190px !important; }
  .header__menu ul.nav_list.megamenu > li > a,
  .header-wrapper-left .header__menu .megamenu > li > a,
  .header__menu .megamenu .nav-li__home--link { font-size: 10.5px !important; }
}

/* ===================================================================== */
/* Filtre kenar çubuğu: çok öğeli facet listeleri (Kategoriler, Yayınevi,  */
/* Yazar, Türü vb.) flex-wrap:wrap + column yüzünden SAĞA yeni sütunlara   */
/* taşıp görünmez oluyordu. Tek sütun (nowrap) + dikey scroll ver.         */
/* Renk swatch listeleri (.filter-color__list) hariç -> onlar grid kalsın. */
/* Kapsam: kategori (Çok Satanlar) + arama inline sidebar.                 */
/* ===================================================================== */
.ithaki-catalog-sidebar-col .filter-search-content:not(.filter-color__list) {
  display: block !important;
  flex-wrap: nowrap !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
/* ince scrollbar */
.ithaki-catalog-sidebar-col .filter-search-content:not(.filter-color__list)::-webkit-scrollbar { width: 6px; }
.ithaki-catalog-sidebar-col .filter-search-content:not(.filter-color__list)::-webkit-scrollbar-thumb { background: rgba(0,0,0,.18); border-radius: 10px; }

/* Header'a eklenen Excel ikon butonu (~40px) için ≥1600'de aramayı biraz daralt.
   Menü fontu/boyutu DEĞİŞMEZ — sadece arama kutusu birkaç px küçülür. */
@media (min-width: 1600px) {
  .header-wrapper-right .header__seacrh { width: 200px !important; max-width: 200px !important; flex: 0 0 200px !important; }
  .header__content .header-wrapper-right { gap: 10px !important; }
}

/* Header hesap adı (İthaki Test Account / Yetkili: ...) çok uzun olunca menü+aramayı
   sıkıştırıyordu. Kısalt (...) — menü fontu normal kalır. */
.header-wrapper-right .username-box { max-width: 120px; min-width: 0; overflow: hidden; }
.header-wrapper-right .account-name,
.header-wrapper-right .sales-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ===================================================================== */
/* Üst kırmızı bant (B2C ile birebir) — kargo promosyonu + Sipariş Takip / Blog */
/* ===================================================================== */
.header__culture { display: flex !important; background-color: #fff; border: 0; }
.header-topbar {
  margin: 0; display: flex; align-items: center; position: relative;
  border-bottom: 1px solid #00000040; padding: 10px 0;
  justify-content: center; background: #D62631; color: #fff;
}
.header-topbar__text p { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 1px; }
.header-topbar__link { display: flex; align-items: center; position: absolute; right: 40px; }
.header-topbar__link > a:not(:last-child) { border-right: 1px solid #FFFFFF40; }
.header-topbar__link a { padding: 0 8px; font-size: 12px; font-weight: 600; letter-spacing: .5px; color: #fff; text-decoration: none; }
.header-topbar__link a:hover { color: #fff; opacity: .85; }
.header-topbar__link a:last-child { padding-right: 0; }
@media screen and (max-width: 992px) {
  .header__culture .container { padding: 0 !important; }
  .header-topbar__link { display: none; }
  .header-topbar { justify-content: center; }
}

/* ===================================================================== */
/* B2C hesap / Siparişlerim sayfası (account orders) — birebir kopya     */
/* ===================================================================== */
.account-layout { width: 100%; }
.account-nav__title.flex-cs { display:flex; align-items:center; }
.account-nav__avatar { background-color:#26292d; width:56px; height:56px; color:#fff; border-radius:50%; font-weight:500; margin-right:10px; font-size:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.account-nav__avatar-text { color:#26292d; font-weight:500; display:flex; flex-direction:column; font-size:15px; }
.account-nav__avatar-text strong { font-weight:400; font-size:13px; margin:0 0 2px; color:#6d6d6d; }
.account-nav__list { margin-top:24px; list-style:none; padding:0; }
.account-nav__list li.account-nav__item { list-style:none; }
.account-nav__list li.account-nav__item i { font-size:22px; margin-right:6px; }
.account-nav__list li.account-nav__item .account-nav__text { font-weight:500; font-size:15px; display:flex; align-items:center; }
.account-nav__list li.account-nav__item a { width:100%; padding:12px 0 12px 12px; margin-bottom:6px; display:flex; align-items:center; justify-content:space-between; transition:.4s all; color:#26292d; text-decoration:none; }
.account-nav__list li.account-nav__item a:hover { background-color:#f5f5f5; border-radius:6px; }
.account-nav__list li.account-nav__item.account-nav__item--active a { color:#26292d; background-color:#e5e5e5; border-radius:6px; }
.account-nav__list li.account-nav__item a .account__bonile-back { display:none; }

.account-page__content { width:100%; }
.account-page__title { font-size:24px; margin-bottom:30px; font-weight:500; width:100%; }
.account-page__title.sb-flex { display:flex; align-items:center; justify-content:flex-start; }
.account-page__title .mobile-back-account { display:none; }

.account-page__content .no-data, .no-data#AccountOrdersInnerItems { display:flex; flex-direction:column; align-items:center; margin-bottom:30px; padding:4rem; background:#FBFBFB; border:1px dashed #26292d; border-radius:3px; }
.account-page__content .no-data i { font-size:24px; margin-bottom:16px; background-color:#26292d; color:#fff; padding:10px; width:50px; height:50px; border-radius:3px; display:flex; align-items:center; justify-content:center; }
.account-page__content .no-data h6 { font-weight:600; margin-bottom:0; }

.order-header__search { margin-bottom:18px; display:flex; align-items:center; flex-wrap:wrap; gap:4px 0; }
.order-header__search-box { border-radius:6px; border:1px solid #d7d7d7; display:flex; align-items:center; margin-right:2px; padding:0 10px; height:34px; position:relative; }
.order-header__search-box i { font-size:14px; }
.order-header__search-box input { width:120px; border:0; padding:0 0 0 10px; height:32px; border-radius:6px; font-size:14px; }
.order-header__search-box input:focus { border:0; outline:0; box-shadow:none; }
.order-header__search-box input::placeholder { color:#26292d; opacity:1; font-weight:400; font-size:13px; }
.order-filter { display:flex; align-items:center; justify-content:flex-start; list-style:none; padding:0; margin:0; flex-wrap:wrap; gap:6px 0; }
#date-order-filter button, .order-filter > li { border:1px solid #d7d7d7; height:34px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; margin:0 3px; border-radius:6px; font-size:13px; font-weight:400; color:#26292d; background-color:#fff; white-space:nowrap; cursor:pointer; }
.order-filter > li a { color:inherit; text-decoration:none; }
.order-filter > li.active { border:1px solid #26292d; color:#fff; background-color:#26292d; }
.order-filter > li.active a { color:#fff; }
#date-order-filter { margin:0 3px; }
#date-order-filter button i { font-size:12px; margin-left:14px; }
#date-order-filter .dropdown-menu li { font-size:13px; padding:2px 0; border:0; background:none; height:auto; margin:0; }
#date-order-filter .dropdown-menu li a { color:#26292d; }

.flex-c { display:flex; align-items:center; justify-content:center; }
.sb-flex { display:flex; align-items:center; justify-content:space-between; }
.flex-cs { display:flex; align-items:center; justify-content:flex-start; }

.order-list-page .order-info { font-size:13px; color:#6d6d6d; }
.order-list-page .order-info strong { color:#26292d; }
.order-list-page .order-status { font-size:13px; color:#26292d; display:flex; align-items:center; }
.order-list-page .order-status img { margin-right:8px; width:22px; height:22px; object-fit:contain; }
.order-list-page .order-price { font-size:13px; color:#26292d; text-align:center; font-weight:700; }
.order-list-page .account-order .card { border:1px solid #d7d7d7; border-radius:6px; box-shadow:0 1px 2px rgba(72,72,72,.08); }

@media screen and (max-width:992px){
  .order-header__search { flex-direction:column; align-items:flex-start; }
  .order-header__search-box { width:100%; margin-bottom:6px; }
  .order-header__search-box input { width:100%; }
}

/* B2C arama kutusu odak animasyonu (focus'ta genişler, filtreleri kaydırır) */
.order-header__search-box { transition: width .2s ease, border-color .2s ease; }
.order-header__search-box:focus-within { width: 300px; border-color: #2a4176; }
.order-header__search-box:focus-within input { width: 100%; }
.order-header__search-box:focus-within + .order-filter { transform: translateX(40px); opacity: 0; pointer-events: none; transition: transform .2s ease, opacity .2s ease; }
.order-header__search-box:focus-within button.d-none { display: inline-block !important; }
.order-header__search-box button { font-size: 13px; font-weight: 400; color: #26292d; }

/* ===================================================================== */
/* B2C blog (liste) sayfası — birebir                                    */
/* ===================================================================== */
.blog__left { margin-top: 53px; }
.blog__left ul li { list-style-type: none; padding: 10px 0; font-size: 16px; }
.blog__left .sidebar_widget ul { padding-left: 0; margin: 15px 0; }
.blog__left .sidebar_widget span { font-size: 24px; font-weight: 700; }
.blog__sidebar { margin-top: 0; }
.blog--list-view .article { position: relative; overflow: hidden; width: 100%; height: 100%; margin-top: 30px; }
.blog--list-view .article_featured-image img { display: block; width: 100%; height: 300px; max-height: 500px; object-fit: cover; border-radius: 6px; }
.blog--list-view .post-content { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-top: 15px; }
.blog--list-view .post-content h2.h3 { font-weight: 700; margin-bottom: 0; color: #26292d; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; }
.publish-detail { display: flex; justify-content: flex-start; align-items: center; margin: 10px 0; padding-left: 0; }
.publish-detail li { list-style: none; border: 0; }
.publish-detail time { color: #0000007d; font-size: 13px; }
.publish-detail i { display: none; }
.post-content__info { font-size: 15px; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #6d6d6d; }
.blogbox-footer { margin-top: 20px; }
.blogbox-footer a.read-more { font-size: 14px; color: #fff; background-color: #26292d; border: 1px solid #26292d; }
.blogbox-footer a.read-more:hover { opacity: .8; color: #fff; }
.mobile-blog__menu-button { text-align: center; margin: 15px 0; max-width: 200px; }

/* B2C blog arama kutusu — siyah "Ara" butonu */
.blogsearch_box .form-control { font-size: 16px; height: 50px; }
.blogsearch_box .input-group { flex-wrap: nowrap; }
.blogsearch_box .search-box-button.btnSearch { height: 50px; font-size: 16px; color: #fff; background-color: #26292d; border-color: #26292d; width: 100px; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; display: flex; justify-content: center; align-items: center; border: none; cursor: pointer; }
.blogsearch_box .search-box-button.btnSearch i, .blogsearch_box .search-box-button.btnSearch p { float: left; margin-bottom: 0; }
.blogsearch_box .search-box-button.btnSearch p { margin-left: 8px; }

/* B2C ön sipariş bandı — ürün detayında kırmızı uyarı */
.preorder-banner { background: #d62631; border-color: #d62631; color: #fff; font-weight: 500; border-radius: 6px; padding: 12px 18px; margin-bottom: 16px; font-size: 14px; }

/* Çok Yakında — tür satırı (B2C "Tür:" gibi) */
.ithaki-comingsoon__genre { font-size: 14px; color: #6d6d6d; margin: 8px 0 0; }