.card.product-card.h-100.bg-transparent .position-relative .d-block .ratio img {
     object-fit: contain;
 }

 .accordion-button.p-0.text-primary.fw-semibold.no-sub:after,
 .accordion-button.p-0.no-sub:after {
     background-image: none;
 }

 .accordion-button.p-0:hover .fs-sm a {
     color: #24ad49 !important;
     transition: color .25s ease-in-out;
 }

 .accordion-button.p-0 .fs-sm a {
     transition: color .25s ease-in-out;
 }

 .quantity-box {
     display: inline-flex;
     border: 1px solid #24ad49;
     border-radius: 0.375rem;
     background-color: #fff;
     overflow: hidden;
     width: 100%;
     align-items: center;
     justify-content: space-between;
 }

 .quantity-btn {
     background-color: #24ad492b;
     border: none;
     outline: none;
     cursor: pointer;
     padding: 0.5rem 0.75rem;
     color: #24ad49;
     transition: background-color 0.15s ease;
 }

 .quantity-btn:hover {
     background-color: #24ad494a !important;
 }

 .quantity-btn {
     opacity: 1 !important;
     visibility: visible !important;
 }

 .quantity-value {
     padding: 0.5rem 1rem;
     color: #333;
     font-weight: 500;
     min-width: 50px;
     text-align: center;
     white-space: nowrap;
     font-size: 14px;
 }

 .add-to-cart-wrapper.position-absolute {
     width: 90%;
     text-align: right;
 }

 .btn.btn-sm.btn-warning.show-quantity-btn {
     height: 38px;
     width: 38px;
     background-color: #24ad49;
     font-size: 16px;
     border: 1px solid #24ad49;
     color: #fff;
 }

 .btn.btn-sm.btn-warning.show-quantity-btn:hover {
     background-color: #fff;
     border: 1px solid #24ad49;
     color: #24ad49;
 }


 .swal2-icon-custom {
     width: 60px !important;
     height: 60px !important;
     border: 2px solid #24ad49 !important;
     border-radius: 50% !important;
     color: #24ad49 !important;
     font-size: 2.5rem !important;
     line-height: 60px !important;
     margin: 0 auto !important;
     text-align: center;
 }

 .swal2-popup {
     border-radius: 1rem !important;
 }

 .swal2-html-container {
     font-size: 1.25rem !important;
     color: #333;
     text-align: center;
     line-height: 1.4;
 }

 .btn-swal-confirm {
     background-color: #24ad49 !important;
     color: #fff !important;
     border: none !important;
     padding: 0.5rem 1.5rem !important;
     font-weight: 600;
     border-radius: 0.375rem !important;
     transition: background-color .2s ease;
 }

 .btn-swal-confirm:hover {
     background-color: #24ad49 !important;
 }

 .swal2-container .swal2-title {
     font-size: 22px;
 }

 .swal2-container .swal2-actions .swal2-confirm {
     border-radius: 0.5rem !important;
 }

 .swal2-popup.swal2-modal.swal2-icon-warning.swal2-show {
     border-radius: 0.5rem !important;
 }

 .favorite-toggle-btn {
     z-index: 9;
 }

 .ci-heart.animate-target {
     font-size: 16px;
 }

 [data-bs-theme="dark"] .toast.bg-success {
     background-color: #333d4c !important;
     border: 2px solid #198754 !important;
     color: #fff !important;
 }

 [data-bs-theme="light"] .toast.bg-success {
     background-color: #ebf7f0 !important;
     border: 2px solid #198754 !important;
     color: #181d25 !important;
 }

 .toast i {
     font-size: 20px;
     padding-right: 10px;
     padding-left: 5px;
 }

 [data-bs-theme="dark"] .toast.bg-warning {
     background-color: #333d4c !important;
     border: 2px solid #ffc107 !important;
     color: #fff !important;
 }

 [data-bs-theme="light"] .toast.bg-warning {
     background-color: #f7f6eb !important;
     border: 2px solid #ffc107 !important;
     color: #181d25 !important;
 }

 [data-bs-theme="dark"] .toast.bg-danger {
     background-color: #333d4c !important;
     border: 2px solid #dc3545 !important;
     color: #fff !important;
 }

 [data-bs-theme="light"] .toast.bg-danger {
     background-color: #f7ebeb !important;
     border: 2px solid #dc3545 !important;
     color: #181d25 !important;
 }

 [data-bs-theme="dark"] .toast.favorite-added {
     background-color: #333d4c !important;
     border: 2px solid #f55266 !important;
     color: #fff !important;
 }

 [data-bs-theme="light"] .toast.favorite-added {
     background-color: #f7ebeb !important;
     border: 2px solid #f55266 !important;
     color: #181d25 !important;
 }

 [data-bs-theme="dark"] .toast.favorite-removed {
     background-color: #333d4c !important;
     border: 2px solid #dc3545 !important;
     color: #fff !important;
 }

 [data-bs-theme="light"] .toast.favorite-removed {
     background-color: #f7ebeb !important;
     border: 2px solid #dc3545 !important;
     color: #181d25 !important;
 }

 [data-bs-theme="dark"] .toast-container .toast .btn-close {
     filter: brightness(0) invert(1) !important;
 }

 [data-bs-theme="light"] .toast-container .toast .btn-close {
     filter: drop-shadow(0 0 0 #181d25) !important;
 }

 .offcanvas-lg.offcanvas-start.pe-lg-4#filterSidebar {
     overflow-y: auto;
     max-height: 65vh;
 }


 .offcanvas-lg.offcanvas-start.pe-lg-4#filterSidebar::-webkit-scrollbar {
     height: 3px;
     width: 3px;
     border-radius: 20px !important;
 }

 .offcanvas-lg.offcanvas-start.pe-lg-4#filterSidebar::-webkit-scrollbar-thumb:hover {
     background: #555;
     border-radius: 20px !important;
 }

 .offcanvas-lg.offcanvas-start.pe-lg-4#filterSidebar::-webkit-scrollbar-thumb {
     background: #9f9f9f;
     border-radius: 20px !important;
     transition: background 0.3s;
 }

 .offcanvas-lg.offcanvas-start.pe-lg-4#filterSidebar::-webkit-scrollbar-track {
     background: #4e5562;
     border-radius: 20px !important;
 }

 @media (min-width: 340px) and (max-width: 599px) {
     .offcanvas-lg.offcanvas-start.pe-lg-4 {
         max-height: 100vh !important;
     }
 }


 @media (min-width: 2000px) and (max-width: 6000px) {
     .offcanvas-lg.offcanvas-start.pe-lg-4#filterSidebar {
         overflow-y: auto;
         max-height: 46vh;
     }
 }

 .product-image-slider {
     position: relative;
     overflow: hidden;
 }

 .product-image-dots {
     position: relative;
     left: 50%;
     bottom: 8px;
     transform: translateX(-50%);
     display: flex;
     gap: 4px;
     padding: 3px 8px;
     border-radius: 999px;
     background: rgb(0 0 0 / 31%);
     width: max-content;
     height: 14px;
     justify-content: center;
     align-items: center;
 }

 .product-image-dots .dot {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: #ffffff;
 }

 .product-image-dots .dot.active {
     background: #000;
 }

 /* Süre göstergesi */
 .autoplay-progress {
     width: 48px;
     height: 48px;
     position: absolute;
     bottom: 15px;
     right: 15px;
     z-index: 10;
 }

 .autoplay-progress svg {
     transform: rotate(-90deg);
     width: 100%;
     height: 100%;
 }

 .autoplay-progress circle {
     fill: none;
     stroke: #fff;
     stroke-width: 4;
     stroke-dasharray: 126;
     stroke-dashoffset: 126;
 }

 .autoplay-progress span {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     font-size: 12px;
     font-weight: bold;
 }

 .swiper_pagination_dv {
     width: 4%;
     position: absolute;
     bottom: 15px;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     background: rgba(0, 0, 0, 0.5);
     padding: 6px 14px 6px 14px;
     border-radius: 20px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
     backdrop-filter: blur(6px);
     z-index: 10;
     height: 36px;
 }

 .swiper-pagination-fraction .swiper-pagination-current {
     color: #24ad49;
     font-weight: bold;
 }

 .accordion-item.border-0.mb-3 .accordion-header .accordion-button.p-0 .d-flex.align-items-center.justify-content-center.bg-body-secondary.rounded-circle.me-3 img {
     height: 40px;
     width: 40px;
     object-fit: contain;
 }

 .szicinsecklerimiz-slider-btn {
     border-radius: 8px !important;
 }

 .animate-underline.stretched-link:hover {
     color: #24ad49;
 }

 .swiper-pagination .swiper-pagination-bullet {
     position: relative;
     overflow: visible;
 }

 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     width: 18px;
     height: 18px;
     transform: translate(-50%, -50%);
     border: 1px solid currentColor;
     border-radius: 50%;
     pointer-events: none;
 }

 .tomurcuk-aktar-ftrbttom {
     position: relative;
     min-height: 50px;
     border-top: 5px solid #24ad49;
     background-color: #222934;
     width: 100%;
 }

 .tomurcuk-aktar-ftrbttom::before {
     content: '1995';
     position: absolute;
     left: 50%;
     top: -55px;
     background: url(/dosya/logo/1774960252_tomurcuk-fav.webp) no-repeat right;
     width: 125px;
     height: 79px;
     font-size: 14px;
     text-align: center;
     color: #ffffff;
     line-height: 11.5;
     background-size: 82%;

 }

 .tomurcuk-aktar-ftrbttom .pt-3 {
     padding-top: 40px !important;
 }

 .tomurcuk-aktar-ftrbttom .py-3 {
     padding-top: 30px !important;
     padding-bottom: 30px !important;
 }

 .footer-copright {
     padding-right: 5px;
 }

 .aydinlar-yazilimftc a {
     padding-left: 5px;
     color: #fff;
 }

 .tomurcuk-aktar-ftrbttom .justify-content-center .align-items-center.gap-1 {
     gap: 0.6rem !important;
     font-size: 15px
 }

 .szicinsecklerimiz-sectn-dv #sizinicinsectiklerimizProductsSwiper {
     overflow: hidden !important;
     position: relative;
     z-index: 1;
 }

 .szicinsecklerimiz-sectn-dv .col-sm-5.col-md-4.col-lg-3 {
     position: relative;
     z-index: 2;
 }

 .szicinsecklerimiz-sectn-dv #sizinicinsectiklerimizProductsSwiper .swiper-slide {
     position: relative;
     z-index: 1;
 }

 .szicinsecklerimiz-sectn-dv #sizinicinsectiklerimizProductsSwiper .swiper-slide:hover {
     z-index: 50;
 }

 .szicinsecklerimiz-sectn-dv .product-card,
 .szicinsecklerimiz-sectn-dv .position-relative {
     overflow: visible !important;
 }

 .szicinsecklerimiz-sectn-dv .product-color-wrapper {
     z-index: 60;
 }

 .szicinsecklerimiz-sectn-dv .product-color-panel {
     z-index: 9999;
 }


 [data-bs-theme="dark"] .tomurck-aktr-featred-h2 {
     color: #181d25;
 }

 [data-bs-theme="dark"] .tomurck-aktr-featred-target {
     color: #181d25;
 }

 [data-bs-theme="dark"] .tomurck-aktr-featred-p {
     color: var(--cz-secondary-color) !important;
 }

 #headerSearchDropdown.tomurck-header-search-arama-kutusu {
     border-radius: 8px !important;
 }

 #headerSearchDropdown.tomurck-header-search-arama-kutusu .ts-suggest-item {
     padding: 15px 15px 15px 15px !important;
 }

 /* Dropdown container (istersen) */
 #headerSearchDropdown {
     border-radius: 14px !important;
 }

 .ts-suggest-item {
     position: relative;
     color: var(--cz-heading-color) !important;
     background-color: #fff;
     transition: background .18s ease, transform .18s ease;
 }

 .ts-suggest-title {
     font-weight: 600;
     font-size: 15px;
     line-height: 1.5;
 }

 .ts-suggest-sub {
     color: var(--cz-secondary-color) !important;
     font-size: 14px;
     margin-top: 2px;
 }

 .ts-suggest-item:hover {
     background: rgba(17, 24, 39, .04);
     transform: translateX(2px);
 }

 .ts-suggest-item::before {
     content: "";
     position: absolute;
     left: 0;
     top: 10px;
     bottom: 10px;
     width: 3px;
     background: transparent;
     border-radius: 999px;
     transition: background .18s ease;
 }

 .ts-suggest-item:hover::before {
     background: #24ad49;
 }

 .ts-suggest-action {
     font-size: 13px;
     font-weight: 700;
     color: #24ad49;
     white-space: nowrap;
     opacity: 0;
     transform: translateX(10px);
     transition: opacity .18s ease, transform .18s ease;
     display: flex;
     gap: 1px;
 }

 .ts-suggest-item:hover .ts-suggest-action {
     opacity: 1;
     transform: translateX(0);
 }

 .ts-suggest-item img {
     transition: transform .18s ease, filter .18s ease;
 }

 .ts-suggest-item:hover img {
     transform: scale(1.03);
     filter: saturate(1.05);
 }

 #headerSearchDropdown a:last-child {
     border-bottom: 0 !important;
 }

 .ts-suggest-item {
     position: relative;
 }

 .ts-suggest-colors-badge {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     margin-left: 6px;
     padding: 2px 6px;
     border: 1px solid rgba(0, 0, 0, .08);
     border-radius: 999px;
     background: rgba(17, 24, 39, .03);
 }

 .ts-color-dots {
     display: flex;
     gap: 3px;
 }

 .ts-color-dot {
     width: 10px;
     height: 10px;
     border-radius: 999px;
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
 }

 .ts-color-count {
     font-size: 11px;
     font-weight: 800;
     color: #111;
     opacity: .75;
 }

 .ts-suggest-colors-panel {
     display: none;
     margin-top: 8px;
     padding: 10px;
     border-radius: 12px;
     border: 1px solid rgba(0, 0, 0, .08);
     background: #fff;
     box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
 }

 .ts-suggest-item:hover .ts-suggest-colors-panel {
     display: block;
 }

 .ts-suggest-colors-panel-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 8px;
 }

 .ts-suggest-colors-title {
     font-size: 12px;
     font-weight: 800;
     color: #111;
     opacity: .85;
 }

 .ts-color-more {
     font-size: 12px;
     font-weight: 800;
     text-decoration: none;
     color: #24ad49;
 }

 .ts-suggest-colors-panel-body {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
 }

 .ts-color-thumb {
     width: 28px;
     height: 28px;
     border-radius: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     border: 1px solid rgba(0, 0, 0, .08);
     background: rgba(17, 24, 39, .02);
     transition: transform .15s ease, box-shadow .15s ease;
 }

 .ts-color-thumb:hover {
     transform: translateY(-1px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, .10);
 }

 .ts-color-thumb-dot {
     width: 14px;
     height: 14px;
     border-radius: 999px;
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .10);
 }

 [data-bs-theme="dark"] .ts-suggest-item {
     background-color: #181d25;
     color: #e0e5eb;
     border: 1px solid #333d4c;
 }

 [data-bs-theme="dark"] .ts-suggest-item:hover {
     background-color: #222934;
     transform: translateX(2px);
 }

 [data-bs-theme="dark"] .ts-suggest-item:hover {
     background-color: #222934;
     transform: translateX(2px);
 }

 .tomurcukaktar-search-tmgor-btn {
     color: #24ad49;
     width: max-content;
     display: flex !important;
     align-items: center;
     gap: 5px;
     font-size: 14px !important;
 }

 .tomurcukaktar-search-tmgor-btn:hover i {
     animation: slide-start .3s forwards;
 }

 .tomurcukaktar-search-tmgor-btn i {
     font-size: 20px !important;
 }

 .tomurcukaktar-search-tmgor-dv {
     width: 100%;
     display: flex;
     justify-content: flex-end;
     padding: 6px 0;
 }

 .ts-suggest-item:hover {
     background: rgba(17, 24, 39, .04);
     transform: translateX(2px);
 }

 [data-bs-theme="dark"] .tomurck-header-search-arama-kutusu {
     background-color: #181d25 !important;
 }

 .ts-suggest-loading {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 18px 14px;
 }

 .ts-bar-spinner {
     position: relative;
     width: 26px;
     height: 26px;
 }

 .ts-bar-spinner span {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 2px;
     height: 9px;
     margin-left: -1.5px;
     margin-top: -8px;
     background: rgba(0, 0, 0, .45);
     border-radius: 2px;
     transform-origin: 1.1px 7px;
     opacity: .12;
     animation: tsBarFade 1s linear infinite;
 }

 .ts-bar-spinner span:nth-child(1) {
     transform: rotate(0deg) translateY(-10px);
     animation-delay: -0.916s;
 }

 .ts-bar-spinner span:nth-child(2) {
     transform: rotate(30deg) translateY(-10px);
     animation-delay: -0.833s;
 }

 .ts-bar-spinner span:nth-child(3) {
     transform: rotate(60deg) translateY(-10px);
     animation-delay: -0.75s;
 }

 .ts-bar-spinner span:nth-child(4) {
     transform: rotate(90deg) translateY(-10px);
     animation-delay: -0.666s;
 }

 .ts-bar-spinner span:nth-child(5) {
     transform: rotate(120deg) translateY(-10px);
     animation-delay: -0.583s;
 }

 .ts-bar-spinner span:nth-child(6) {
     transform: rotate(150deg) translateY(-10px);
     animation-delay: -0.5s;
 }

 .ts-bar-spinner span:nth-child(7) {
     transform: rotate(180deg) translateY(-10px);
     animation-delay: -0.416s;
 }

 .ts-bar-spinner span:nth-child(8) {
     transform: rotate(210deg) translateY(-10px);
     animation-delay: -0.333s;
 }

 .ts-bar-spinner span:nth-child(9) {
     transform: rotate(240deg) translateY(-10px);
     animation-delay: -0.25s;
 }

 .ts-bar-spinner span:nth-child(10) {
     transform: rotate(270deg) translateY(-10px);
     animation-delay: -0.166s;
 }

 .ts-bar-spinner span:nth-child(11) {
     transform: rotate(300deg) translateY(-10px);
     animation-delay: -0.083s;
 }

 .ts-bar-spinner span:nth-child(12) {
     transform: rotate(330deg) translateY(-10px);
     animation-delay: 0s;
 }

 @keyframes tsBarFade {
     0% {
         opacity: 1;
     }

     100% {
         opacity: .12;
     }
 }

 [data-bs-theme="dark"] .ts-bar-spinner span {
     background: rgba(255, 255, 255, .65) !important;
 }

 [data-bs-theme="dark"] .ts-suggest-loading {
     color: rgba(255, 255, 255, .85);
 }