/*!* / Radzen *!*/
/*!* Tüm growl kapsayıcı kutu *!*/
/*.rz-notification-message.rz-growl {*/
/*    top: 20px !important;*/
/*    right: 20px !important;*/
/*    position: fixed !important;*/
/*    width: 350px !important;*/
/*    z-index: 9999 !important;*/
/*}*/

/*!* Genel item kutusu *!*/
/*.rz-growl-item-container {*/
/*    margin-bottom: 1rem;*/
/*    border-radius: 12px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1);*/
/*}*/

/*!* İçerik kutusu *!*/
/*.rz-grow- item {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 1rem;*/
/*    background-color: #fff;*/
/*    position: relative;*/
/*}*/

/*!* Kapatma ikonu *!*/
/*.rz-growl-icon-close {*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    right: 12px;*/
/*    font-size: 16px;*/
/*    color: #aaa;*/
/*    transition: color 0.3s;*/
/*}*/
/*.rz-growl-icon-close:hover {*/
/*    color: #333;*/
/*}*/

/*!* Hata ikonu *!*/
/*.rz-growl-image.rzi-times {*/
/*    font-size: 24px;*/
/*    color: #e74c3c;*/
/*    margin-right: 1rem;*/
/*}*/

/*!* Hata mesajı *!*/
/*.rz-growl-message-error {*/
/*    background-color: #ffe5e5 !important;*/
/*    border-left: 6px solid #e74c3c;*/
/*}*/

/*!* Başlık *!*/
/*.rz-growl-title {*/
/*    font-weight: 600;*/
/*    font-size: 16px;*/
/*    color: #c0392b;*/
/*    margin-bottom: 0.25rem;*/
/*}*/

/*!* Mesaj içeriği *!*/
/*.rz-growl-message p {*/
/*    margin: 0;*/
/*    font-size: 14px;*/
/*    color: #7f8c8d;*/
/*}*/

.custom-dropdown .rz-dropdown-panel {
    display: block !important;
}

.custom-dropdown .rz-dropdown-item {
    display: block;
    width: 100%;
    text-align: left;
}

.custom-dropdown .rz-dropdown-items-wrapper {
    display: block !important;
    max-height: 250px;
    overflow-y: auto;
}

/* Eğer çoklu sütun açılmayı engellemek istiyorsan: */
.rz-dropdown-items.rz-listbox {
    display: block !important;
}
.dropdown-font-matching a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--bs-nav-link-color);
    text-decoration: none;
    padding: 8px 12px;
    transition: color 0.15s ease-in-out;
}

.dropdown-font-matching a:hover {
    color: var(--bs-nav-link-hover-color, #0d6efd); /* opsiyonel */
}
.fullpage-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullpage-loader--invisible {
    display: none !important;
}
#components-reconnect-modal {
    display: none !important;
}
.blazor-error-ui {
    display: none !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    /* color: #495057; */
    /* background-color: #fff; */
    /* border-color: #dee2e6 #dee2e6 #fff; */
    /* color: #fff; */
    margin-top: 4px;
    font-weight: 500;
    font-size: 16px;

}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #fafdff;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.nav-tabs .nav-link {
  color : white;
}

.slick-container-initializing {
    opacity: 0;
    min-height: 300px; /* Slider yüksekliğine göre ayarla */
    overflow: hidden;
}

.slick-container-ready {
    opacity: 1;
    transition: opacity 0.3s ease-in;
}
.category-box-list {
    margin-right: 20px;
    margin-bottom: 20px;
}

.modal-blur-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1040;
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.2);
}
.btn-animation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    color: #fff !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    background: rgba(0, 0, 0, 0) !important;
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
    position: relative !important;
    background: #ff6b6b !important;
    background: -webkit-gradient(linear, left top, right top, from(#09a487), to(#09a487)) !important;
    background: linear-gradient(90deg, #09a487 0%, #09a487 100%) !important;
    border: none !important;
    z-index: 0 !important;
}
.navbar-nav .nav-item .nav-link::before,
.navbar-nav .nav-item .nav-link::after {
    content: none !important;
}
header .top-nav .navbar-top .middle-box .search-box .input-group button {
    background-color: #0e947a !important;
    color: #fff !important;
    padding: 14px 20px !important;
    border-radius: 5px !important;
    border: 1px solid #0e947a !important;
}
/* Responsive multi-line clamp for product names */
.product-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.25rem; /* 20px assuming base 16px */
    overflow-wrap: anywhere; /* break very long words */
    hyphens: auto;
}
/* Mobile: 2 lines */
@media (max-width: 576px) {
    .product-name { -webkit-line-clamp: 2; max-height: calc(1.25rem * 2); }
}
/* Tablet: 3 lines */
@media (min-width: 577px) and (max-width: 991.98px) {
    .product-name { -webkit-line-clamp: 3; max-height: calc(1.25rem * 3); }
}
/* Desktop and up: 4 lines */
@media (min-width: 992px) {
    .product-name { -webkit-line-clamp: 4; max-height: calc(1.25rem * 4); }
}
.price-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 6px 10px;
    background: #0f9e82;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.product-box-4 .product-detail .name { margin-bottom: 6px; }
.product-box-4 {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product-box-4 .product-image {
    flex-shrink: 0;
}
.product-box-4 .product-detail {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-box-4 .name{
    min-height: calc(1.3em * 4);
    margin-bottom: 6px;
}
.product-box-4 .product-detail a.name,
.product-box-4 .product-detail .name{
    width: 100% !important;
    display: block !important;
    margin: 0 auto;
    line-height: 1.6;                /* okunabilirlik */
}
.product-box-4 .product-detail {
    text-align: center;              /* parent da ortalasın */
}

.stickyCart {
     padding-bottom: 0px!important; 
}
.about-img {
    object-fit: cover;
    aspect-ratio: 4 / 3;
    display: block;
}


/* ===== About page: feature list icons ===== */
.delivery-box.d-flex .delivery-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.delivery-box.d-flex .icon-img{width:32px;height:32px;object-fit:contain;display:block}
.delivery-box.d-flex .delivery-detail .text{margin-bottom:.25rem}
.delivery-box.d-flex .delivery-detail .text-content{margin-bottom:0}

/* Force row layout and prevent wrap under icons */
.delivery-box.d-flex { flex-direction: row !important; }
.delivery-box .delivery-detail { flex: 1 1 auto; min-width: 0; }
.delivery-box .delivery-detail .text,
.delivery-box .delivery-detail .text-content { display: block; }

/* ===== Clients cards: make numbers consistent ===== */
.clint-contain{padding:24px;border-radius:16px;background:#fff}
.clint-contain .client-number{font-size:2.25rem;font-weight:700;line-height:1;text-align:center;margin:.5rem 0 .25rem;color:#0f172a}
/* keep icon size consistent */
.clint-contain .client-icon img{width:40px;height:40px;object-fit:contain}

/* prevent any external styles from shrinking numbers on some slides */
.slick-slide .client-number{font-size:2.25rem !important}

     /* Make slick slides equal height */
 .client-section .slick-track { display: flex !important; align-items: stretch; }
.client-section .slick-slide { height: auto !important; }
.client-section .slick-slide > div { height: 100%; }

/* Client cards unified sizing */
.client-section .clint-contain { background: #fff; border-radius: 16px; padding: 24px; }
.client-section .clint-contain.d-flex { justify-content: space-between; }
.client-section .clint-contain .client-icon { margin-bottom: 12px; }
.client-section .clint-contain h4 { margin-bottom: 6px; }
.client-section .clint-contain p { margin-bottom: 0; }

.search-expand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.search-expand input.form-control {
    width: 40px;
    padding: 0.375rem 0.5rem;
    border-radius: 0.25rem;
    overflow: hidden;
    transition: width 0.3s ease, padding 0.3s ease, border-radius 0.3s ease;
    white-space: nowrap;
}
.search-expand:hover input.form-control,
.search-expand:focus-within input.form-control {
    width: 200px;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
}
.search-expand button {
    flex-shrink: 0;
}
.search-pill { display:inline-flex; align-items:center; gap:.5rem; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:999px; padding:6px 10px; box-shadow:0 1px 2px rgba(0,0,0,.05); transition:border-color .2s ease, box-shadow .2s ease; }
.search-pill:hover, .search-pill:focus-within { border-color:rgba(25,135,84,.35); box-shadow:0 2px 8px rgba(25,135,84,.08); }
.search-pill .icon-btn { border:0; background:transparent; padding:0; line-height:1; display:inline-flex; align-items:center; justify-content:center; }
.search-pill .icon-btn i { opacity:.9; }
.search-pill .search-input { width:0; min-width:0; border:0; outline:none; background:transparent; transition:width .25s ease, padding .25s ease; padding:0; font-size:.95rem; }
.search-pill:hover .search-input, .search-pill:focus-within .search-input { width:220px; padding:2px 2px; }
@media (max-width:576px){ .search-pill{ width:100%; } .search-pill:hover .search-input, .search-pill:focus-within .search-input{ width:100%; } }
.sort-pill .btn.dropdown-toggle{ border-radius:999px; border:1px solid rgba(0,0,0,.08); background:#fff; }
.sort-pill .btn.dropdown-toggle:hover{ border-color:rgba(25,135,84,.35); box-shadow:0 2px 8px rgba(25,135,84,.08); }
.sort-pill .dropdown-menu{ border-radius:.75rem; }
.sort-pill .dropdown-item.active,
.sort-pill .dropdown-item:active{ background:#198754; color:#fff; }
.sort-pill .dropdown-item i{ margin-left:.5rem; }

.select-modern{ position: relative; }
.select-modern-input{
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    border-radius: 12px; border:1px solid rgba(0,0,0,.08);
    background-color:#fff; padding-right: 2.2rem; height: 48px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.select-modern-input:focus{ border-color: rgba(25,135,84,.4); box-shadow: 0 0 0 .15rem rgba(25,135,84,.15); }
.theme-form-floating > label{ color:#6c757d; }
.select-modern .select-chevron{ position:absolute; right:12px; top:50%; transform: translateY(-50%); color:#88939e; pointer-events:none; }
.select-modern-input:hover{ border-color: rgba(0,0,0,.18); }
@media (prefers-color-scheme: dark){
    .select-modern-input{ background-color:#0f1113; border-color:rgba(255,255,255,.08); }
    .select-modern .select-chevron{ color:#9aa5b1; }
}
.select-modern{ position: relative; }
.select-modern-input{
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    border-radius: 12px; border:1px solid rgba(0,0,0,.12);
    background-color:#ffffff !important; color:#212529 !important;
    padding-right: 2.2rem; height: 48px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.select-modern-input:hover{ border-color: rgba(0,0,0,.2); }
.select-modern-input:focus{ border-color: rgba(25,135,84,.45); box-shadow: 0 0 0 .15rem rgba(25,135,84,.18); }

/* Floating label tweaks for better readability on white background */
.theme-form-floating > label{ color:#5c6773; opacity: .9; }
.theme-form-floating > .select-modern-input ~ label { padding: .6rem .75rem; }

.select-modern .select-chevron{
    position:absolute; right:12px; top:50%; transform: translateY(-50%);
    color:#6c757d; pointer-events:none;
}

/* Remove dark-mode override for selects to keep them white */
@media (prefers-color-scheme: dark){
    .select-modern-input{ background-color:#ffffff !important; color:#212529 !important; }
    .select-modern .select-chevron{ color:#6c757d; }
}

.slick-dots{display: none!important;}
.product-detail .name,
.product-name-fixed-height {
    font-size: 0.9rem !important;   /* tüm yazılar aynı boyut */
    line-height: 1.35 !important;   /* satır aralığı sabit */
    font-weight: 500;               /* okunabilir kalınlık */
    letter-spacing: 0;
}

.product-detail h5.name {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

/*.product-name-fixed-height {*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 3;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    min-height: 3.6em; !* her kart aynı yüksekliği korusun *!*/
/*}*/
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    background-color: var(--theme-color) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 11px !important;
    letter-spacing: -0.2px !important;
}

/* Hard clamp product names inside cards (mobile:2 lines, desktop:3) */
.product-name-fixed-height,
.product-box-4 .product-detail .name,
.product-box-4 .product-detail a.name{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;   /* mobile default */
    line-clamp: 2 !important;            /* future-friendly */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    line-height: 1.35 !important;
    max-height: calc(1.35em * 2) !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    text-align: center !important;
}
@media (min-width: 992px){
    .product-name-fixed-height,
    .product-box-4 .product-detail .name,
    .product-box-4 .product-detail a.name{
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        max-height: calc(1.35em * 3) !important;
    }
}
.product-section-3 .product-box-4 .price-badge{
    position:absolute!important;
    top:10px!important;
    left:10px!important;
    background:#19b38f!important; /* theme green */
    color:#fff!important;
    font-weight:600!important;
    font-size:12px!important;
    line-height:1!important;
    padding:6px 10px!important;
    border-radius:10px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
    z-index:3!important;
    letter-spacing:.2px!important;
}
.product-section-3 .brand-pill{
    display:inline-block!important;
    background:#f1f5f9!important;
    color:#0f172a!important;
    border:1px solid #e2e8f0!important;
    font-size:11px!important;
    line-height:1!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    text-transform:uppercase!important;
    letter-spacing:.4px!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
/* keep name heights consistent so all boxes align */
.product-section-3 .product-name-fixed-height{
    min-height:42px!important;
    max-height:42px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}