@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
.hideClass{display:none;}
body {
    /*font-family: 'Open Sans' !important;*/
}

table tbody tr:hover {
    color: black !important;
    background-color: #eceff4 !important;
}

.oriontable tbody td a {
    cursor: pointer;
}

.panel-body .select2-container {
    z-index: 950 !important;
}

.radiocheck label {
    display: block;
}

.radiocheck input {
    float: left;
    width: inherit;
    margin: 5px 8px 0 0;
}

#cardsummary1 p strong {
    width: 250px;
    display: block;
    float: right;
    text-align: right;
}

div#CariListTable tr {
    cursor: pointer;
}

.pricesummary span {
    float: right;
}

.modal-header {
    background-color: #4382e0;
}

/*.modal-footer {
        background-color: #717070;
}*/

.modal-title {
    color: #fff;
}

.modal {
    text-align: center;
}

.tooltip.top .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
    border-bottom-color: #f39834;
}

.tooltip.right .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
    border-left-color: #f39834;
}

.tooltip .tooltip-inner {
    background: #fff;
    padding: 4px 15px;
    color: #f39834;
    font-size: 14px;
    border: 1px solid;
}

nav.top-menu .menu.float-right {
    /* md+ nav flex row: width was 65% and caused gap next to currency */
    width: auto;
    position: relative;
    display: flex;
    justify-content: flex-start;
}

@keyframes topMenuCartHeartbeat {
    0%, 100% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.08);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.08);
    }

    70% {
        transform: scale(1);
    }
}

nav.top-menu a.btn-warning-outline.cart-has-items {
    animation: topMenuCartHeartbeat 1.4s ease-in-out infinite;
    transform-origin: center center;
}

@media (prefers-reduced-motion: reduce) {
    nav.top-menu a.btn-warning-outline.cart-has-items {
        animation: none;
    }
}

/* Plasiyer cari arama: base.default float:right + col-sm-6 boşluk/taşma yapmasın */
nav.top-menu .menu.float-right .menu-info-block .right.top-menu-cari-row,
nav.top-menu .menu.float-right .menu-info-block .right {
    float: none !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

nav.top-menu .menu.float-right .top-menu-cari-typeahead {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    width: auto !important;
    float: none !important;
}

nav.top-menu .menu.float-right .top-menu-cari-row .input-group-btn {
    flex: 0 0 auto;
    margin-left: 0 !important;
    padding-left: 0;
}

    nav.top-menu .menu.float-right .top-menu-cari-row .input-group-btn .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    nav.top-menu .menu.float-right .top-menu-cari-typeahead #carisearch {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

nav.top-menu .menu.float-right .top-menu-cari-typeahead .typeahead__field,
nav.top-menu .menu.float-right .top-menu-cari-typeahead .typeahead__query,
nav.top-menu .menu.float-right .top-menu-cari-typeahead .input-group {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

nav.top-menu .menu.float-right .top-menu-cari-typeahead .input-group form {
    display: block;
    width: 100%;
    margin: 0;
}

/* Üst çubuk gerçek yüksekliği (layout.js syncTopBarHeight ile güncellenir) */
:root {
    --topbar-height: 80px;
}

nav.top-menu + .page-content {
    margin-top: var(--topbar-height, 80px);
}

/*#credit-a:hover span {display:none}
#credit-a:hover:before {content:"Ödeme Yap"}*/

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    /* Üst çubuk: md+ logoyu gizle; sol blok döviz + alan dengesi */
    nav.top-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        box-sizing: border-box;
        min-width: 0;
    }

    nav.top-menu .menu-icon-container.hidden-md-up {
        float: none !important;
    }


    nav.top-menu .menu.top-menu-left .menu-info-block .left.top-menu-logo {
        display: none !important;
    }

    nav.top-menu .menu.top-menu-left {
        float: none !important;
        padding: 8px 12px !important;
        flex: 0 0 auto;
        min-width: 0;
        max-width: none;
    }

    nav.top-menu .menu.top-menu-left .menu-info-block {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 0.5rem;
        height: auto !important;
    }

    nav.top-menu .menu.top-menu-left .menu-info-block .right {
        padding: 4px 0 4px 8px !important;
    }

    /* Sepet grubu solda, cari ortada esnek, profil sağda (md+) */
    nav.top-menu .menu.float-right {
        float: none !important;
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        width: auto !important;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
    }

    nav.top-menu .menu.float-right > .menu-user-block:not(.top-menu-user-profile) {
        flex-shrink: 0;
    }

    /* Ürün araması: kalan alanı kullanır */
    nav.top-menu .menu.float-right #searchbar_container {
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        flex-shrink: 1 !important;
    }

    /* Cari arama: büyük ekranda gereksiz genişlemeyi sınırla */
    nav.top-menu .menu.float-right .top-menu-cari-block {
        flex: 0 1 auto;
        min-width: 200px;
        max-width: 380px;
        width: auto !important;
        flex-shrink: 1 !important;
    }

    nav.top-menu .menu.float-right .top-menu-user-profile {
        margin-left: auto !important;
        margin-right: 5px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        flex-shrink: 0;
        align-self: center;
    }

    nav.top-menu .menu.float-right .menu-info-block {
        margin-right: 0 !important;
    }

    nav.top-menu .menu.float-right .menu-user-block {
        float: none !important;
    }

    nav.top-menu .menu.float-right .menu-user-block.hidden-md-down {
        align-items: center !important;
        gap: 6px;
    }

    nav.top-menu .menu.float-right .multi-basket-select-wrap {
        display: block !important;
        width: auto !important;
        max-width: 280px;
        min-width: 140px;
        flex: 0 1 auto;
    }

}

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

    .margin-left-10 {
        /*margin-left: 0;*/
    }

    nav.top-menu .menu.float-right {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        box-sizing: border-box;
    }

    #credit-a-container {
        display: none;
    }

    #searchbar_container {
        width: auto !important;
    }
}


.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.nomarginbottom div {
    margin-bottom: 0px;
}

.payment-amount-title {
    background: #eceff4;
    padding: 10px;
}

.select-credit-card {
    padding: 10px;
    background: #eceff4;
    margin-bottom: 10px;
}

    .select-credit-card label {
        margin: 0px;
    }

.paytypepanel {
    border: none;
}

    .paytypepanel label {
        padding: 25px;
        border: 1px solid #ddd;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

        .paytypepanel label img {
            float: none;
            margin: 0 auto;
        }

    .paytypepanel input[type=radio]:checked + label {
        border: 1px solid #06bf03;
    }

#paytypename {
    display: block;
    text-align: center;
    padding: 8px 0 0 0;
    font-weight: 600;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

#head-title {
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px;
    background: #84848d;
    color: #fff;
}

#bsk-row {
    padding: 5px 0px;
    display: flex;
    align-items: center;
    font-size: 12px;
    border: 1px solid #EEE;
    border-top: none;
}

    #bsk-row:first-child {
        border-top: 1px solid #EEE;
    }

    #bsk-row:nth-child(2n+2) {
        background: #F9F9F9;
    }

    #bsk-row:hover {
        background: #F0F0F0;
    }


    #bsk-row a {
        color: #444;
        text-decoration: none;
    }

#prod-basket {
    text-align: center;
    font-size: 22px;
}

.mybaskets .bootstrap-select {
    width: 100% !important;
}

#search_container {
    clear: both;
    position: absolute;
    /*width: 99.8%;*/
    background: #fff;
    /*margin: 39px 0 0 0;*/
    z-index: 9;
    width: 85%;
    top: 85%;
}

.pd0 {
    padding: 0 !important;
}

#see-all {
    float: right;
    margin: 0px -14px 0px 0px;
}

    #see-all a {
        padding: 10px 40px;
        display: block;
        background: #EEE;
        color: #333;
        text-decoration: none;
        margin-top: 5px;
    }

#defaultUnit {
    width: auto;
    text-align: left;
    margin-right: 10px;
}

.prod-number input[type=text] {
    width: 40px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    float: left;
    text-align: center;
}

.prod-number span {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0px 10px;
    cursor: pointer;
}

#prod-number input[type=text] {
    width: 40px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    float: left;
    text-align: center;
}

#prod-number span {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0px 10px;
    cursor: pointer;
}

#prod-category {
    background: #f0f0f0;
    margin-top: 15px;
    padding: 10px 20px;
}

    #prod-category .prod-category-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #prod-category .prod-cateogry-content ul {
        padding: 0px;
        margin: 0px;
    }


        #prod-category .prod-cateogry-content ul li {
            list-style-type: none;
            float: none;
            line-height: 35px;
            height: 35px;
            padding-left: 10px;
        }

            #prod-category .prod-cateogry-content ul li a {
                color: #555;
                text-decoration: none;
                font-size: 13px;
            }


#prod-brand {
    background: #f0f0f0;
    margin-top: 15px;
    padding: 10px 20px;
    border-left: 15px solid #fff;
}

    #prod-brand .prod-category-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #prod-brand .prod-cateogry-content ul {
        padding: 0px;
        margin: 0px;
    }


        #prod-brand .prod-cateogry-content ul li {
            list-style-type: none;
            float: none;
            line-height: 35px;
            height: 35px;
            padding-left: 10px;
        }

            #prod-brand .prod-cateogry-content ul li a {
                color: #555;
                text-decoration: none;
                font-size: 13px;
            }

.pd5 {
    padding: 5px !important;
}

.cwt__footer__company-logo {
    width: 45px;
}

.addProdBasket {
    padding: 30px 0px 0px 0px;
}

.mobileBasketButtons button {
    margin-right: 10px !important;
}

.overflowXinitial {
    overflow-x: initial;
}

.tablesummary .nomarginbottom div:nth-child(3) {
    font-weight: bold;
}

.tablesummary .nomarginbottom div:nth-child(5) {
    font-weight: bold;
}

#top-menu-container .dropdown-menu {
    min-width: 220px !important;
    /*width: 100%;*/
}

    #top-menu-container .dropdown-menu .dropdown-item {
        padding: 10px 15px;
    }

        #top-menu-container .dropdown-menu .dropdown-item a {
            color: #fff;
        }

    #top-menu-container .dropdown-menu li {
        background-color: #112754 !important;
    }

#top-menu-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    #top-menu-container .dropdown-inline-button {
        padding: 0px 15px;
    }

.cat1-menu {
    padding-left: 0px !important;
    padding-right: 0px !important;
    list-style: none;
}

    .cat1-menu:hover > .dropdown-menu {
        display: block
    }

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: -1px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-color: #eee;
        padding: 0px;
    }

#top-menu-container .dropdown-menu li.dropdown-submenu:hover {
    background-color: #1c67b3 !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ccc
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


.drop-cat1 {
    padding: 15px;
    font-weight: bold;
    text-align: center !important;
    color: #fff;
}

/*.drop-cat1:hover{
    color:#2850A0;
}*/

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #112754;
}

#top-menu-container > ul > li:last-child > ul.dropdown-menu li ul {
    left: -100% !important;
}

#top-menu-container > ul > li:last-child > ul.dropdown-menu > li > a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    border-right-color: #ccc;
    margin-left: -5px;
    margin-right: 5px;
    margin-top: 6px;
}

#top-menu-container .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #000308;
}

    #top-menu-container .dropdown-menu .dropdown-item:hover, #top-menu-container .dropdown-menu .dropdown-item:active, #top-menu-container .dropdown-menu .dropdown-item:focus {
        color: #fff;
        background-color: #1c67b3;
        cursor: pointer;
    }

.dropdown-menu li:last-child, .dropdown-submenu > .dropdown-menu li:last-child a {
    border-bottom: none !important;
}

.nowrap{
    white-space:nowrap !important;
}

.margin-horizontal-10{
    margin:0 10px;
}

nav.top-menu{
    z-index:9;
}
.main-backdrop{
    z-index:999;
}

#searchform > .select2-container {
    z-index: 1000 !important;
}

.panel-heading.breadcrumb-container {
    display: flex;
    padding: 15px 25px;
}

.h2-w-brdcrmb {
    display: inline-block;
    margin: 0;
    padding: 7px 25px 7px 0;
    margin-right:15px;
    border-right: 1px solid #e2e5ec;
    float: left;
}

.breadcrumb-list-cont {
    display: inline-block;
    float: left;
    line-height: 44px;
    /*padding-left: 10px;*/
}

    .breadcrumb-list-cont span {
        position: relative;
        padding: 0px 10px;
    }

        .breadcrumb-list-cont span:after {
            content: '';
            border: solid #9aa8b1;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            position: absolute;
            bottom: 25%;
            right: -5%;
        }

        .breadcrumb-list-cont span:last-child:after {
           display:none; 
        }
.cui-ecommerce--catalog--item--img a img.brand-image {
    width: auto;
    /* height: auto; */
    min-height: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.main-top-filter select>option{
    padding:5px;
}

.main-top-filter select, .main-top-filter input, .main-top-filter button {
    box-shadow: 0px .8em 1em -0.8em rgba(0, 0, 0, .2)
    /*border-color: #485574;*/
}


    .main-top-filter select::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: #F5F5F5;
    }

    .main-top-filter select::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    .main-top-filter select::-webkit-scrollbar-thumb {
        background-color: #dfe4ed;
    }


@import url(http://weloveiconfonts.com/api/?family=entypo);

#search-a form input {
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 0px;
    padding: 0px;
    border: none;
    opacity: 0;
    visibility: hidden;
}

    #search-a:hover {
        border-color: #fb434a;
        color: #fb434a;
        background-color: #ffffff;
    }

    #search-a form {
        display: inline-block;
        position:relative;
    }

    #search-a:hover form input {
        display: inline-block !important;
        width: 200px;
        border: none;
        padding-left: 15px;
        outline: none;
        opacity: 1;
        visibility: visible;
    }
    #search-a form input:focus {
        display: inline-block !important;
        width: 200px;
        border: none;
        padding-left: 15px;
        outline: none;
        opacity: 1;
        visibility: visible;
    }

@media screen and (max-width: 720px) {
    .modal.modal-size-large .modal-dialog {
        max-width: 100%;
        margin: 10px 0;
    }
    #prod-number {
        padding: 16px !important;
    }

        #prod-number input[type=text] {
            width: 100%;
        }

    .bootstrap-select {
        width: 100% !important
    }

    #BasketRowMobil {
        padding: 15px;
        clear: both;
    }

    #prod-number span {
        display: block;
        float: right;
        height: 22px;
        line-height: 22px;
        padding: 0px 10px;
        width: 100%;
        cursor: pointer;
        font-size: 10px;
        text-align: center;
        background: #eee;
    }

    .basketsCariAccountsMobile .bootstrap-select {
        width: 75% !important;
        padding: 0px 0px 0px 10px;
    }

    .mobileBasketCount {
        float: left;
        padding: 15px 0px 0px 18px !important;
        font-size: 13px;
    }

    .mobileBasketButtons {
        float: right;
        padding: 10px 0px 0px 0px;
    }

        .mobileBasketButtons button {
            float: none !important;
        }

    .mobileBasketRow {
        margin-bottom: 10px;
        border-bottom: 1px solid #EEE;
    }

    #AddItemToBasketModal .itemcenter {
        text-align: center;
    }

    #AddItemToBasketModal #prod-number {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #AddItemToBasketModal input[name=prod-number] {
        float: none;
        margin: 0px 10px;
    }

    #AddItemToBasketModal #prod-number span {
        display: block;
        float: none;
        height: 38px;
        line-height: 38px;
        padding: 0px 20px;
        width: auto;
        cursor: pointer;
        font-size: 10px;
        text-align: center;
        background: #eee;
        border: 1px solid #ddd;
    }

    #AddItemToBasketModal .pricesummary {
        padding: 10px 40px;
    }

        #AddItemToBasketModal .pricesummary p {
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }

        #AddItemToBasketModal .pricesummary span {
            float: right;
            font-weight: 600;
        }
}

#searchbar_container {
    width: 88%;
    margin: 0 5px;
}

@media screen and (max-width: 480px) {
    .modal.modal-size-large .modal-dialog {
        max-width: 100%;
        margin: 10px 0;
    }

    #prod-number {
        padding: 16px !important;
    }

        #prod-number input[type=text] {
            width: 100%;
        }

    #basket-button {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .mobileBasketButtons button {
        margin: 0 !important;
    }

    nav.top-menu .menu.float-right {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 380px) {
    .modal.modal-size-large .modal-dialog {
        max-width: 100%;
        margin: 10px 0;
    }
    #credit-a-container {
        display: none;
    }
    /* Ürün araması sepetle aynı satırda kalsın (767 kurallarıyla uyumlu) */
    #searchbar_container {
        display: block !important;
        width: auto !important;
        max-width: none;
        margin: 0 !important;
        flex: 1 1 0;
        min-width: 0;
    }

        #searchbar_container .form-control {
            font-size: 14px;
        }
}

/* Sepet seçici (üst + mobil widget), plasiyer cari arama */
@media screen and (max-width: 767.98px) {
    /* Profil mobilde gizli (Profil sol menü / User/Account) */
    nav.top-menu .top-menu-user-profile {
        display: none !important;
    }

    /* Sabit 80px yükseklik içeriği kesiyor; taşmayı kaldır + alt satıra sar */
    nav.top-menu {
        height: auto !important;
        min-height: 52px;
        max-width: 100vw;
        overflow-x: hidden;
        overflow-y: visible;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        padding-bottom: 2px;
        padding-right: 4px;
    }

    nav.top-menu .menu-icon-container {
        float: none !important;
        margin: 0 0 0 8px !important;
        flex: 0 0 auto;
        align-self: center;
    }

    nav.top-menu .menu.top-menu-left {
        float: none !important;
        flex: 0 0 auto;
        min-width: 0;
        max-width: 42%;
        padding: 4px 4px !important;
        height: auto !important;
        box-sizing: border-box;
    }

        /* Üstte döviz satırı mobilde yer kaplıyor — gizle, tek satır için alan aç */
        nav.top-menu .menu.top-menu-left .menu-info-block .right {
            display: none !important;
        }

        nav.top-menu .menu.top-menu-left .menu-info-block .left img {
            max-height: 32px;
        }

    nav.top-menu .menu.float-right {
        float: none !important;
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        max-width: 100%;
        height: auto !important;
        min-height: 0;
        padding: 2px 4px 2px 0 !important;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        gap: 4px;
        box-sizing: border-box;
    }

    nav.top-menu .menu {
        height: auto !important;
    }

    nav.top-menu .menu .menu-user-block {
        float: none !important;
        max-width: 100%;
    }

    nav.top-menu .menu-info-block {
        margin-right: 0 !important;
    }

    /* Sepet + cari aynı satır: tam genişlik zorlamasını kaldır */
    nav.top-menu .menu-info-block.float-left {
        width: auto !important;
        flex: 1 1 0;
        min-width: 0;
        max-width: 100%;
        float: none !important;
    }

    nav.top-menu .menu-info-block .right {
        float: none !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0;
    }

    nav.top-menu .menu-info-block .right.top-menu-cari-row {
        gap: 0 !important;
        align-items: stretch;
    }

    nav.top-menu .menu-info-block .typeahead__container {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
    }

    /* Plasiyer cari: input ~%50 satır, Ara + İptal görünür */
    nav.top-menu .menu-info-block .typeahead__container.top-menu-cari-typeahead,
    nav.top-menu .menu.float-right .top-menu-cari-typeahead {
        flex: 0 0 50% !important;
        max-width: 50%;
        min-width: 0;
        overflow: hidden;
    }

    nav.top-menu .menu.float-right .top-menu-cari-row .input-group-btn {
        flex: 0 0 auto;
        flex-shrink: 0;
    }

        nav.top-menu .menu.float-right .top-menu-cari-row .input-group-btn .btn {
            padding: 5px 6px !important;
            font-size: 12px;
        }

    nav.top-menu .menu.float-right .top-menu-cari-typeahead #carisearch {
        font-size: 13px;
    }

    nav.top-menu .menu-info-block .typeahead__field,
    nav.top-menu .menu-info-block .typeahead__query {
        min-width: 0;
        max-width: 100%;
    }

    nav.top-menu .menu-info-block .input-group {
        min-width: 0;
        max-width: 100%;
    }

    nav.top-menu .menu-info-block #carisearch {
        min-width: 0;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Ara / İptal butonları kesilmesin */
    nav.top-menu .menu-info-block .input-group-btn {
        flex: 0 0 auto;
        flex-shrink: 0;
    }

        nav.top-menu .menu-info-block .input-group-btn .btn {
            padding: 6px 8px !important;
        }

    /* Ürün araması + sepet tek satır */
    #searchbar_container {
        flex: 1 1 0;
        width: auto !important;
        max-width: none;
        min-width: 0;
    }

    #searchbar_container .form-input-icon {
        width: 100%;
        max-width: 100%;
    }

    #searchbar_container .form-input-icon .form-control {
        min-width: 0;
        width: 100%;
    }

    #cart-container {
        flex: 0 0 auto;
        margin: 0 2px !important;
    }

        #cart-container .btn {
            padding: 6px 12px !important;
        }

    .multi-basket-select-wrap {
        width: 100% !important;
        display: block !important;
    }

    .page-content-inner > .widget.hidden-md-up .bootstrap-select:not(.open) {
        width: 100% !important;
        max-width: 100%;
    }

    .page-content-inner > .widget.hidden-md-up {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* width:100% typeahead'a Ara butonunu keser — satırda flex ile paylaş */
    nav.top-menu .menu-info-block .typeahead__container.col-sm-6 {
        width: auto !important;
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    nav.top-menu .menu-info-block.float-left[style*="width:80%"] {
        width: auto !important;
        flex: 1 1 0;
        min-width: 0;
        max-width: 100%;
    }

    .page-content-inner {
        padding-left: 8px;
        padding-right: 8px;
    }

    /* Ödeme / sipariş tabloları: panel içinde yatay kaydırma */
    .panel.panel-with-borders .panel-body,
    section.panel .panel-body {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .odeme-tutar .col-md-3,
    .odeme-tutar .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .odeme-tutar label {
        margin-bottom: 0.35rem;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,68,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,68,44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,68,44, 0);
        box-shadow: 0 0 0 10px rgba(204,68,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,68,44, 0);
        box-shadow: 0 0 0 0 rgba(204,68,44, 0);
    }
}