/* productdetail - Benzer ürünler yeniden tasarım */
.similar-products-section .product-card-wrapper{border:0 !important;border-radius:10px;background:#fff;transition:box-shadow .2s ease,transform .2s ease}
.similar-products-section .product-card-wrapper:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}
.similar-products-section .new-pc__img-wrapper{position: relative; overflow:hidden;border-bottom:0 !important; aspect-ratio:auto !important}
.similar-products-section .new-pc__img{object-fit:cover;width:100%;height:100%}
.similar-products-section .new-pc__content{padding:12px 12px 14px}
.similar-products-section .new-pc__title{font-size:14px;line-height:1.35;margin:0 0 6px 0;color:#1f1f1f}
.similar-products-section .new-pc__price{font-weight:600;color:#111;margin-top:6px}
.similar-products-section .product-image-link{text-decoration:none}
.similar-products-section .featured-product-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#111;border:1px solid #eee;border-radius:999px;padding:4px 8px;font-size:12px}
.similar-products-section .swiper-container{padding-bottom:0}
.similar-products-section .products-pagination{bottom:-2px}

/* Başlık ve boşluklar */
.similar-products-section{padding-top:60px !important;padding-bottom:12px !important}
.similar-products-section .swiper-wrapper{height:auto !important}
.similar-products-section .swiper-slide{height:auto !important}
.similar-products-section .swiper-container{height:auto !important}
.similar-products-section .product-image-container{height:auto !important;padding-top:0 !important}
.similar-products-section .new-product-card{height:auto !important}
.similar-products-section .new-variant-content{margin-top:8px !important}

/* Benzer Ürünler başlık stili */
.similar-products__title{margin-top:0;margin-bottom:8px}
.similar-products__title-strong{font-weight:800 !important}
.similar-products__title-light{font-weight:300}
.productdetail .similar-products__title{margin:0;color:#111;text-transform:none}
.productdetail .similar-products__title-strong{font-weight:800;letter-spacing:.5px}
.productdetail .similar-products__title-light{font-weight:400}
.productdetail .similar-products__subtitle{font-size:13px;margin-top:4px}
.productdetail #similar_products_slider .products-pagination{margin-top:8px !important}
/* Added: Homepage mobile fixes for product sliders, tabbed sliders and google reviews */
.homepage-product-slider { position: relative; }
.homepage-product-slider {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 40px;
}

/* ===========================================
   TÜM SLİDER'LAR İÇİN TEMEL SLICK CSS
   =========================================== */

/* Slick Slider Temel Yapı - Tüm Slider'lar İçin Ortak */
.js-slick-slider {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    visibility: visible;
    opacity: 1;
}

.js-slick-slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}

.js-slick-slider .slick-track {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
}

.js-slick-slider .slick-slide {
    float: left;
    height: auto;
    box-sizing: border-box;
    min-height: 1px;
    display: block;
    visibility: visible;
    opacity: 1;
}

/* Slick başlatılmadan önce slide'ları göster (fallback) - sadece mobilde */

/* Slick initialized durumu */
.js-slick-slider.slick-initialized .slick-slide {
    display: block;
}

.js-slick-slider .slick-slide > div {
    height: 100%;
}

/* ===========================================
   ÜRÜN SLİDER (produc_slider)
   =========================================== */
.produc_slider {
    position: relative;
    margin-bottom: 40px;
}

.produc_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 10px;
}

.homepage-product-slider__slide {
    display: block;
    height: 100%;
    background: transparent;
    text-align: left;
}

.homepage-product-slider__slide .product-card-wrapper {
    height: 100%;
}

.produc_slider__prev,
.produc_slider__next {
    z-index: 10;
    cursor: pointer;
}

.produc_slider__prev.slick-disabled,
.produc_slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===========================================
   TABLI ÜRÜN SLİDER (produc_tab_slider)
   =========================================== */
.produc_tab_slider {
    position: relative;
    margin-bottom: 40px;
}

.produc_tab_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 10px;
}

.produc_tab_slider__slide {
    display: block;
    height: 100%;
    background: transparent;
    text-align: left;
}

.produc_tab_slider__prev,
.produc_tab_slider__next {
    z-index: 10;
    cursor: pointer;
}

.produc_tab_slider__prev.slick-disabled,
.produc_tab_slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===========================================
   BENZER ÜRÜNLER SLİDER (similar_products_slider)
   =========================================== */
.similar_products_slider {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 40px;
}

.similar_products_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 10px;
}

.similar_products_slider__slide {
    display: block;
    height: 100%;
    background: transparent;
    text-align: left;
}

.similar_products_slider__slide .product-card-wrapper {
    height: 100%;
}

.similar_products_slider__prev,
.similar_products_slider__next {
    z-index: 10;
    cursor: pointer;
}

.similar_products_slider__prev.slick-disabled,
.similar_products_slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===========================================
   HERO SLİDER (homepage-hero-slider)
   =========================================== */
.homepage-hero-slider__swiper.js-slick-slider .slick-slide {
    padding: 0;
}

.homepage-hero-slider__prev,
.homepage-hero-slider__next {
    z-index: 10;
    cursor: pointer;
}

.homepage-hero-slider__prev.slick-disabled,
.homepage-hero-slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===========================================
   YORUMLAR SLİDER (testimonials-slider)
   =========================================== */
.testimonials-slider {
    position: relative;
    margin-bottom: 40px;
}

.testimonials-slider__swiper.js-slick-slider .slick-list {
    padding: 0 60px;
}

.testimonials-slider__swiper.js-slick-slider .slick-slide {
    padding: 0 15px;
}

/* ===========================================
   BLOG SLİDER (blog-slider)
   =========================================== */
.blog-slider {
    position: relative;
    margin-bottom: 40px;
}

.blog-slider__swiper.js-slick-slider .slick-slide {
    padding: 0 15px;
}

.blog-slider__slide {
    height: 100%;
}

/* ===========================================
   BLOG YAZILARI SLİDER (blog-posts-slider)
   =========================================== */
.blog-posts-slider {
    position: relative;
    margin-bottom: 40px;
}

.blog-posts-slider__swiper.js-slick-slider .slick-slide {
    padding: 0;
}

/* Blog kartları arasına boşluk ekle */
.blog-carousel .blog-grid__item {
    margin: 0 10px;
}

/* Blog grid item hover shadow'larını kaldır */
.blog-grid__item:hover,
.blog-grid__item.bg-white:hover,
.blog-grid__item.slick-slide:hover {
    box-shadow: none !important;
}

.blog-grid__item .blog-card:hover {
    box-shadow: none !important;
}

/* Slider container'a padding ekle */
.blog-carousel {
    padding: 0 20px;
    padding-bottom: 40px;
}

@media (max-width: 768px) {
    .blog-posts-slider__swiper.js-slick-slider .slick-slide {
        padding: 0;
    }
    
    .blog-carousel .blog-grid__item {
        margin: 0 5px;
    }
    
    .blog-carousel {
        padding: 0 10px;
        padding-bottom: 30px;
    }
}

/* ===========================================
   KATEGORİ SLİDER (homepagecategory)
   =========================================== */
[data-homepagecategory-slider] {
    position: relative;
    overflow: hidden;
}

[data-homepagecategory-slider] .homepagecategory-card__track {
    display: flex;
    transition: transform 0.3s ease;
}

[data-homepagecategory-slider] .homepagecategory-card__product {
    flex-shrink: 0;
}

/* ===========================================
   BOOTSTRAP COLUMN YAPISI İLE SLİDER CSS
   =========================================== */

/* Slick slide'ları Bootstrap row yapısına uygun hale getir */
.js-slick-slider .slick-slide {
    padding-left: 12px;
    padding-right: 12px;
}

.js-slick-slider .slick-slide > div {
    width: 100%;
    max-width: 100%;
}

/* Ürün kartları Bootstrap grid uyumlu */
.produc_slider .product-card-wrapper,
.produc_tab_slider .product-card-wrapper,
.similar_products_slider .product-card-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* ===========================================
   MOBİL CSS - BOOTSTRAP COLUMN YAPISI (max-width: 767.98px)
   =========================================== */
.checkoutpage-auth-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    border: 1px solid #d5dae4;
    border-radius: 16px;
    background-color: #f1f5f9;
    margin-top: 16px;
}

.checkoutpage-auth-callout__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkoutpage-auth-callout__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background-color: #e2e8f0;
    color: #1f2937;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.checkoutpage-auth-callout__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-auth-callout__text {
    margin: 0;
    font-size: 0.9375rem;
    color: #475569;
    line-height: 1.6;
}

.checkoutpage-auth-callout__actions {
    display: flex;
    flex-shrink: 0;
}

.checkoutpage-auth-callout__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid #0f172a;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.checkoutpage-auth-callout__cta i {
    font-size: 1.125rem;
}

.checkoutpage-auth-callout__cta:hover {
    background-color: #1e293b;
    border-color: #1e293b;
    color: #ffffff;
}


.checkoutpage-login-sheet {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: rgba(15, 23, 42, 0.55);
    z-index: 1300;
}

.checkoutpage-login-sheet.is-visible {
    display: flex;
}

.checkoutpage-login-sheet__dialog {
    width: 100%;
    max-width: 420px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
    display: flex;
    flex-direction: column;
}

.checkoutpage-login-sheet__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 0 24px;
}

.checkoutpage-login-sheet__title {
    margin: 0 0 6px 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-login-sheet__subtitle {
    margin: 0;
    font-size: 0.9375rem;
    color: #475569;
    line-height: 1.5;
}

.checkoutpage-login-sheet__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background-color: transparent;
    color: #0f172a;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.checkoutpage-login-sheet__close i {
    font-size: 1rem;
}

.checkoutpage-login-sheet__close:hover {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

.checkoutpage-login-sheet__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 24px 24px 24px;
}

.checkoutpage-login-sheet__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkoutpage-login-sheet__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 12px;
    border: none;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.checkoutpage-login-sheet__submit:hover {
    background-color: #1e293b;
}

.checkoutpage-login-sheet__divider {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8125rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.checkoutpage-login-sheet__divider::before,
.checkoutpage-login-sheet__divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: #e2e8f0;
}

.checkoutpage-login-sheet__google {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkoutpage-login-sheet__google-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px 18px;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #0f172a;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    text-decoration: none;
}

.checkoutpage-login-sheet__google-button i {
    font-size: 1.1rem;
    color: #dc2626;
}

.checkoutpage-login-sheet__google-button:hover {
    border-color: #0f172a;
    color: #0f172a;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

body.checkoutpage-lock-scroll {
    overflow: hidden;
}

.checkoutpage-coupon {
    margin: 20px 0;
    padding: 18px;
    border: 1px solid #d9e2f1;
    border-radius: 16px;
    background: #f5f7fc;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.checkoutpage-coupon__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.checkoutpage-coupon__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #2563eb;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.checkoutpage-coupon__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checkoutpage-coupon__title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-coupon__subtitle {
    font-size: 13px;
    color: #64748b;
}

.checkoutpage-coupon__body {
    margin-top: 8px;
}

.checkoutpage-coupon__form {
    display: flex;
    gap: 10px;
    align-items: center;
}

.checkoutpage-coupon__input {
    flex: 1;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #d0dbeF;
    background-color: #ffffff;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.checkoutpage-coupon__input:focus {
    border-color: #2563eb;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.checkoutpage-coupon__button {
    padding: 11px 18px;
    border-radius: 12px;
    border: none;
    background: #2563eb;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.checkoutpage-coupon__button:hover:not(:disabled) {
    background: #1d4ed8;
    transform: translateY(-1px);
}

.checkoutpage-coupon__button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.checkoutpage-coupon__hint {
    margin: 10px 0 0;
    font-size: 12px;
    color: #64748b;
}

.checkoutpage-coupon__error {
    margin: 8px 0 0;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkoutpage-coupon__error::before {
    content: "⚠";
    font-size: 16px;
    line-height: 1;
}

.checkoutpage-coupon__input--error {
    border-color: #dc2626 !important;
    background-color: #fef2f2 !important;
}

.checkoutpage-coupon__input--error:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
}

.checkoutpage-coupon__applied {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
}

.checkoutpage-coupon__badge {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #047857;
}

.checkoutpage-coupon__badge i {
    font-size: 18px;
}

.checkoutpage-coupon__badge-code {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

.checkoutpage-coupon__badge-value {
    font-size: 12px;
    display: block;
}

.checkoutpage-coupon__remove {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 10px;
    border: none;
    background: #dc2626;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.checkoutpage-coupon__remove:hover {
    background: #b91c1c;
    transform: translateY(-1px);
}

.checkoutpage-contracts {
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background-color: #f9fafb;
    margin-bottom: 20px;
}

.checkoutpage-contracts__title {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-contracts__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkoutpage-contracts__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    cursor: pointer;
}

.checkoutpage-contracts__item input[type="checkbox"] {
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

.checkoutpage-contracts__text {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.4;
}

.checkoutpage-contracts__link {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

.checkoutpage-contracts__link:hover {
    text-decoration: underline;
}

.checkoutpage-submit {
    width: 100%;
    padding: 16px 18px;
    border-radius: 16px;
    border: none;
    background: #0f172a;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.checkoutpage-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.35);
    background: #111b32;
}

.checkoutpage-submit i {
    font-size: 16px;
}

.checkoutpage-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

.checkoutpage-secondary-links {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.checkoutpage-secondary-link {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #d5dae4;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.checkoutpage-secondary-link:hover {
    border-color: #2563eb;
    color: #2563eb;
}

.checkoutpage-submit__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.checkoutpage-submit__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1;
}

.checkoutpage-submit__title {
    font-size: 17px;
    font-weight: 700;
}

.checkoutpage-submit__subtitle {
    font-size: 12px;
    font-weight: 400;
    color: rgba(226, 232, 240, 0.85);
}

.checkoutpage-submit__arrow {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
}

.checkoutpage-payments {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #d9e2f1;
}

.checkoutpage-payments h4 {
    margin: 0 0 10px;
    font-size: 14px;
    color: #475569;
    font-weight: 600;
}

.checkoutpage-payments__methods {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.checkoutpage-payments__methods span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #eef2ff;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
}

.checkoutpage-payments__methods i {
    font-size: 14px;
}

.checkoutpage-payments__note {
    margin: 12px 0 0;
    font-size: 12px;
    color: #94a3b8;
}


/* Homepage Category Banner Slider */
.supportdetail {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.supportdetail__reply-card {
    background-color: #f9fbff;
    border: 1px solid #dbe2f3;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    overflow: hidden;
}

.supportdetail__reply-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.supportdetail__reply-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.supportdetail__reply-form .minimal-form-group {
    margin-bottom: 1rem;
}

.supportdetail__alert {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    background-color: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #065f46;
    font-weight: 600;
}

.supportdetail__alert svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.supportdetail__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.supportdetail__close-form {
    margin-left: auto;
}

.supportdetail__close-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background-color: #dc2626;
    color: #ffffff;
    padding: 0.65rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    border: none;
    box-shadow: 0 12px 28px rgba(220, 38, 38, 0.32);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.supportdetail__close-btn:hover {
    background-color: #b91c1c;
    box-shadow: 0 14px 32px rgba(185, 28, 28, 0.3);
}

.supportdetail__label {
    font-weight: 600;
    color: #0f172a;
}

.supportdetail__textarea {
    min-height: 180px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #c7d2fe;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #1f2937;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.supportdetail__textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
    outline: 0;
}

.supportdetail__file {
    border-radius: 10px;
    padding: 0.75rem;
    border: 1px dashed #c7d2fe;
    background-color: #ffffff;
}

.supportdetail__actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
}

.supportdetail__primary-btn,
.supportdetail__secondary-btn {
    padding: 0.75rem 1.75rem;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 10px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
}

.supportdetail__primary-btn {
    background-color: #2563eb;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.34);
    border: none;
}

.supportdetail__primary-btn:hover {
    background-color: #1d4ed8;
    box-shadow: 0 16px 32px rgba(29, 78, 216, 0.32);
}

.supportdetail__secondary-btn {
    background-color: #ffffff;
    color: #1e293b;
    border: 1.5px solid #94a3b8;
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.22);
}

.supportdetail__secondary-btn:hover {
    background-color: #f8fafc;
    border-color: #64748b;
    box-shadow: 0 12px 24px rgba(100, 116, 139, 0.22);
}

/* User Account Container - Centered Design */

/* ===== SHOP FILTER INTERFACE STYLES ===== */
.shop-filter-section {
    padding: 2rem 0;
    background-color: #ffffff;
}

.filter-header {
    margin-bottom: 2rem;
}

.shop-title {
    font-size: 2rem;
    font-weight: 400;
    color: #000000;
    margin: 0;
}

.sort-label {
    font-size: 0.9rem;
    color: #666666;
    margin-right: 0.5rem;
}

.sort-dropdown {
    border: none;
    background: none;
    font-size: 0.9rem;
    color: #000000;
    padding: 0.25rem 0;
    cursor: pointer;
}


.filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.filter-row-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

#additional-filters {
    display: none !important;
}

.hidden {
    display: none !important;
}

.filter-dropdown {
    position: relative;
}

.filter-btn {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #000000;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    transition: all 0.2s ease;
    min-width: 120px;
    justify-content: space-between;
}

.filter-btn:hover {
    background-color: #f8f8f8;
    border-color: #cccccc;
}

.filter-btn svg {
    transition: transform 0.2s ease;
}

.filter-btn[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.more-btn {
    font-weight: 600;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-header {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0.5rem;
}

.dropdown-item {
    padding: 0.5rem 1rem;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #000000;
    transition: background-color 0.2s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
}

.dropdown-item:hover {
    background-color: #f8f8f8;
}

.dropdown-item input[type="checkbox"] {
    margin-right: 0.75rem;
    margin-top: 0;
}

.price-inputs input {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.9rem;
    width: 100%;
}

.price-inputs input:focus {
    border-color: #000000;
    outline: none;
}

.clear-filters-btn {
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    min-width: 180px;
}

.clear-filters-btn:hover {
    background-color: #c82333;
    color: white;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.4);
    transform: translateY(-1px);
}

.active-filters {
    padding: 1rem;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-top: 1rem;
}

.active-filters .filter-tag {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
}

.active-filters .filter-tag .remove-filter {
    margin-left: 0.5rem;
    cursor: pointer;
    font-weight: bold;
}

.active-filters .filter-tag .remove-filter:hover {
    color: #ffc107;
}

/* Submenu Styles */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    color: #495057;
    text-decoration: none;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    transition: background-color 0.2s ease;
}

.dropdown-submenu .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #2c3e50;
}

.dropdown-submenu .dropdown-item i {
    font-size: 0.8rem;
    transition: transform 0.2s ease;
}

.dropdown-submenu .dropdown-item[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.dropdown-submenu-list {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 200px;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    z-index: 1000;
    margin-left: 0.25rem;
}

.dropdown-submenu-list .dropdown-item-checkbox {
    padding: 0.5rem 1rem;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #495057;
    transition: background-color 0.2s ease;
}

.dropdown-submenu-list .dropdown-item-checkbox:hover {
    background-color: #f8f9fa;
}

/* Responsive Design */

/* ===== VARYANT DISABLED STYLES ===== */
.pdp-iv.disabled,
.pdp-swatch.disabled,
.pdp-chip.disabled,
.pdp-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.pdp-iv.disabled:hover,
.pdp-swatch.disabled:hover,
.pdp-chip.disabled:hover {
    transform: none;
    box-shadow: none;
}

/* ===== STOCK INFO STYLES (Seçili Varyant Yanında) ===== */
.pdp-selected-variant .stock-info {
    color: #e74c3c;
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
    animation: pulse 2s infinite;
}

.pdp-selected-variant .stock-info.last {
    color: #c0392b;
    font-size: 16px;
    text-shadow: 0 0 5px rgba(192, 57, 43, 0.5);
    animation: urgent-pulse 1s infinite;
}

.pdp-selected-variant .stock-info.low {
    color: #e67e22;
    font-size: 15px;
    animation: warning-pulse 1.5s infinite;
}

.pdp-selected-variant .stock-info.warning {
    color: #f39c12;
    font-size: 14px;
    animation: warning-pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes urgent-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes warning-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/* ===== DISCOUNT INFO STYLES ===== */
.pdp-selected-variant .discount-info {
    color: #27ae60;
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
    animation: discount-pulse 2s infinite;
}

.pdp-selected-variant .discount-info.discount-web {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #e74c3c;
}

.pdp-selected-variant .discount-info.discount-cart {
    color: #f39c12;
    background: rgba(243, 156, 18, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #f39c12;
}

.pdp-selected-variant .discount-info.discount-sale {
    color: #9b59b6;
    background: rgba(155, 89, 182, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #9b59b6;
}

.pdp-selected-variant .discount-info.discount-transaction {
    color: #3498db;
    background: rgba(52, 152, 219, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #3498db;
}

@keyframes discount-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

/* ===== GOOGLE REVIEWS STYLES ===== */
/* Google Reviews Section Styles */
.google-reviews-section {
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
}

/* Mobilde slider altındaki boşluğu kaldır */

/* Homepage slider mobil yükseklik düzeltmesi */

.google-reviews-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.05) 0%, rgba(234, 67, 53, 0.05) 100%);
    pointer-events: none;
}

.google-reviews-section__title {
    font-family: "Urbanist", sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    font-size: 2.5rem;
    line-height: 1.2;
}

.google-reviews-section__subtitle {
    font-family: "Urbanist", sans-serif;
    font-size: 1.1rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
}

/* Business Info Styles - Minimal Modern Version */
.google-reviews-business-info {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 1.5rem;
    border: none;
    text-align: left;
    position: relative;
}

.google-reviews-business-info::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(135deg, #4285f4 0%, #ea4335 100%);
    border-radius: 2px;
}

.google-reviews-business-info__name {
    font-family: "Urbanist", sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    text-align: left;
    padding-left: 1rem;
    letter-spacing: -0.02em;
}

.google-reviews-business-info__address,
.google-reviews-business-info__phone,
.google-reviews-business-info__website {
    font-family: "Urbanist", sans-serif;
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding-left: 1rem;
    color: #6b7280;
    font-weight: 400;
    line-height: 1.4;
}

.google-reviews-business-info__address i,
.google-reviews-business-info__phone i,
.google-reviews-business-info__website i {
    width: 14px;
    text-align: center;
    margin-right: 0.75rem;
    color: #9ca3af;
    flex-shrink: 0;
    font-size: 0.75rem;
}

.google-reviews-business-info__website a {
    color: #4285f4;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.google-reviews-business-info__website a:hover {
    color: #ea4335;
    text-decoration: none;
}

/* Compact Business Info - Horizontal Layout */
.google-reviews-business-info.compact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.75rem 1rem;
}

.google-reviews-business-info.compact .google-reviews-business-info__name {
    margin-bottom: 0;
    font-size: 1rem;
    flex: 1;
    min-width: 200px;
}

.google-reviews-business-info.compact .business-info-details {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.google-reviews-business-info.compact .business-info-details > div {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    color: #6b7280;
}

.google-reviews-business-info.compact .business-info-details i {
    margin-right: 0.25rem;
    width: 14px;
    text-align: center;
}

/* Rating Summary Styles - Minimal Modern Version */
.google-reviews-rating-summary {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 1.5rem;
    border: none;
    text-align: right;
    position: relative;
}

.google-reviews-rating-summary::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    border-radius: 2px;
}

.google-reviews-rating-summary__stars {
    font-size: 1rem;
    margin-bottom: 0.4rem;
    text-align: right;
    padding-right: 1rem;
    letter-spacing: 0.1em;
}

.google-reviews-rating-summary__stars i {
    color: #fbbf24;
    text-shadow: 0 1px 2px rgba(251, 191, 36, 0.2);
}

.google-reviews-rating-summary__rating {
    font-family: "Urbanist", sans-serif;
    font-weight: 800;
    color: #1a1a1a;
    font-size: 1.75rem;
    margin-bottom: 0.2rem;
    text-align: right;
    padding-right: 1rem;
    letter-spacing: -0.03em;
    line-height: 1;
}

.google-reviews-rating-summary__count {
    font-family: "Urbanist", sans-serif;
    font-size: 0.75rem;
    color: #9ca3af;
    text-align: right;
    padding-right: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Compact Rating Summary - Horizontal Layout */
.google-reviews-rating-summary.compact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
}

.google-reviews-rating-summary.compact .google-reviews-rating-summary__stars {
    margin-bottom: 0;
    font-size: 1.1rem;
}

.google-reviews-rating-summary.compact .google-reviews-rating-summary__rating {
    margin-bottom: 0;
    font-size: 1.3rem;
}

.google-reviews-rating-summary.compact .google-reviews-rating-summary__count {
    font-size: 0.8rem;
}

/* Ultra Compact - Combined Business Info and Rating */
.google-reviews-header-compact {
    background: #fff;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
    border: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.google-reviews-header-compact .business-name {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1.1rem;
    margin-bottom: 0;
}

.google-reviews-header-compact .rating-section {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.google-reviews-header-compact .rating-stars {
    font-size: 1rem;
    color: #fbbf24;
}

.google-reviews-header-compact .rating-number {
    font-family: "Urbanist", sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    font-size: 1.2rem;
}

.google-reviews-header-compact .rating-count {
    font-family: "Urbanist", sans-serif;
    font-size: 0.8rem;
    color: #6b7280;
}

.google-reviews-header-compact .business-details {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.google-reviews-header-compact .business-details i {
    margin-right: 0.25rem;
    width: 12px;
    text-align: center;
}

/* Review Card Styles */
.google-review-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.google-review-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.google-review-card__header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.google-review-card__avatar {
    margin-right: 1rem;
    flex-shrink: 0;
}

.google-review-card__avatar img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.google-review-card__author {
    flex-grow: 1;
}

.google-review-card__author-name {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.google-review-card__rating {
    font-size: 0.9rem;
}

.google-review-card__content {
    flex-grow: 1;
    margin-bottom: 1rem;
}

.google-review-card__text {
    font-family: "Urbanist", sans-serif;
    color: #374151;
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 0.95rem;
}

.google-review-card__footer {
    margin-top: auto;
}

/* Review Item Styles (List View) */
.google-review-item {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

.google-review-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.google-review-item__header {
    margin-bottom: 1rem;
}

.google-review-item__avatar {
    flex-shrink: 0;
}

.google-review-item__author {
    flex-grow: 1;
}

.google-review-item__author-name {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.google-review-item__rating {
    font-size: 1rem;
}

.google-review-item__content {
    margin-top: 1rem;
}

.google-review-item__text {
    font-family: "Urbanist", sans-serif;
    color: #374151;
    line-height: 1.6;
    font-size: 1rem;
}

/* Swiper Styles for Google Reviews */
.google-reviews-swiper {
    padding: 1rem 0 3rem 0;
}

.google-reviews-swiper .swiper-pagination {
    bottom: 0;
}

.google-reviews-swiper .swiper-pagination-bullet {
    background: #dc2626;
    opacity: 0.3;
}

.google-reviews-swiper .swiper-pagination-bullet-active {
    opacity: 1;
}

.google-reviews-swiper .swiper-button-next,
.google-reviews-swiper .swiper-button-prev {
    color: #dc2626;
}

.google-reviews-swiper .swiper-button-next:after,
.google-reviews-swiper .swiper-button-prev:after {
    font-size: 1.5rem;
}

/* ===== MODERN GOOGLE REVIEWS STYLES ===== */


/* Modern Review Cards */
.modern-review-card {
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

.modern-review-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.modern-review-card:hover .card-hover-overlay {
    opacity: 1;
}

/* Google Badge */
.google-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: #4285f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3);
    z-index: 2;
}

/* Avatar with Ring */
.google-review-card__avatar {
    position: relative;
    width: 48px !important;
    height: 48px !important;
    margin-right: 1rem;
}

.google-review-card__avatar img {
    width: 48px !important;
    height: 48px !important;
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.avatar-ring {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #4285f4;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

.modern-review-card:hover .avatar-ring {
    opacity: 1;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}

/* Modern Stars */
.google-review-card__rating {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0.5rem;
}

.star-filled {
    color: #fbbf24;
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(251, 191, 36, 0.3);
}

.star-empty {
    color: #d1d5db;
    font-size: 16px;
}

.rating-number {
    margin-left: 8px;
    font-weight: 600;
    color: #374151;
    font-size: 14px;
}

/* Review Text with Fixed Height and Scroll */
.google-review-card__text {
    color: #4b5563;
    line-height: 1.7;
    font-size: 15px;
    margin-bottom: 1.5rem;
    max-height: 120px;
    overflow-y: auto;
    padding-right: 8px;
    position: relative;
}

/* Custom Scrollbar for Review Text */
.google-review-card__text::-webkit-scrollbar {
    width: 4px;
}

.google-review-card__text::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 2px;
}

.google-review-card__text::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.google-review-card__text::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Review Text Container */
.google-review-card__content {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Fade effect at bottom of scrollable text */
.google-review-card__text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 8px;
    height: 20px;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-review-card__text.scrollable::after {
    opacity: 1;
}

/* Review Footer */
.google-review-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.review-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6b7280;
    font-size: 14px;
}

.google-logo {
    color: #4285f4;
    font-size: 16px;
}

/* Hover Overlay */
.card-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.05) 0%, rgba(234, 67, 53, 0.05) 100%);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

/* Modern Swiper Styles */
.modern-swiper {
    padding: 2rem 0 4rem 0;
}

.modern-pagination {
    bottom: 0;
}

.modern-bullet {
    width: 12px;
    height: 12px;
    background: #d1d5db;
    border-radius: 50%;
    opacity: 0.5;
    transition: all 0.3s ease;
    margin: 0 6px;
}

.modern-bullet-active {
    background: #4285f4;
    opacity: 1;
    transform: scale(1.2);
}

.modern-nav-btn {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    color: #374151;
    transition: all 0.3s ease;
}

.modern-nav-btn:hover {
    background: #4285f4;
    color: #ffffff !important;
    transform: scale(1.1);
}

.modern-nav-btn:after {
    display: none;
}

.modern-nav-btn i {
    font-size: 18px;
}

/* Progress Bar */
.swiper-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #f3f4f6;
    border-radius: 2px;
    overflow: hidden;
}

.swiper-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #4285f4 0%, #ea4335 100%);
    width: 0%;
    transition: width 0.3s ease;
    border-radius: 2px;
}

/* Modern List Item Styles */
.modern-review-item {
    background: #fff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.modern-review-item:hover {
    transform: translateX(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.modern-review-item .google-review-item__avatar {
    width: 50px;
    height: 50px;
}

.modern-review-item .google-review-item__avatar img {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* List Item Text with Fixed Height */
.google-review-item__text {
    color: #4b5563;
    line-height: 1.7;
    font-size: 15px;
    max-height: 100px;
    overflow-y: auto;
    padding-right: 8px;
    position: relative;
}

/* Custom Scrollbar for List Item Text */
.google-review-item__text::-webkit-scrollbar {
    width: 4px;
}

.google-review-item__text::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 2px;
}

.google-review-item__text::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.google-review-item__text::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Fade effect for list item text */
.google-review-item__text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 8px;
    height: 20px;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-review-item__text.scrollable::after {
    opacity: 1;
}

/* ===== THEME STYLES ===== */

/* Classic Theme */
.google-reviews-section.classic-theme .modern-review-card,
.google-reviews-section.classic-theme .modern-review-item {
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e5e7eb !important;
}

.google-reviews-section.classic-theme .google-badge {
    background: #6b7280 !important;
    box-shadow: 0 2px 8px rgba(107, 114, 128, 0.3) !important;
}

.google-reviews-section.classic-theme .star-filled {
    color: #f59e0b !important;
}

.google-reviews-section.classic-theme .modern-nav-btn {
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

.google-reviews-section.classic-theme .modern-nav-btn:hover {
    background: #6b7280 !important;
    color: white !important;
}

.google-reviews-section.classic-theme .modern-review-card:hover,
.google-reviews-section.classic-theme .modern-review-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Minimal Theme */
.google-reviews-section.minimal-theme .modern-review-card,
.google-reviews-section.minimal-theme .modern-review-item {
    background: #fafafa !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    border: 1px solid #f3f4f6 !important;
    padding: 1.5rem !important;
}

.google-reviews-section.minimal-theme .google-badge {
    background: #9ca3af !important;
    box-shadow: none !important;
}

.google-reviews-section.minimal-theme .star-filled {
    color: #fbbf24 !important;
}

.google-reviews-section.minimal-theme .modern-nav-btn {
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
    color: #6b7280 !important;
    box-shadow: none !important;
}

.google-reviews-section.minimal-theme .modern-nav-btn:hover {
    background: #e5e7eb !important;
    color: #374151 !important;
}

.google-reviews-section.minimal-theme .modern-review-card:hover,
.google-reviews-section.minimal-theme .modern-review-item:hover {
    transform: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.google-reviews-section.minimal-theme .card-hover-overlay {
    display: none !important;
}

.google-reviews-section.minimal-theme .avatar-ring {
    display: none !important;
}

/* Animation Control */
.google-reviews-section.no-animations .modern-review-card,
.google-reviews-section.no-animations .modern-review-item {
    transition: none !important;
}

.google-reviews-section.no-animations .modern-review-card:hover,
.google-reviews-section.no-animations .modern-review-item:hover {
    transform: none !important;
}

.google-reviews-section.no-animations .avatar-ring {
    animation: none !important;
}

.google-reviews-section.no-animations .card-hover-overlay {
    display: none !important;
}

/* Ürün slider ve tab slider için ek stiller */
.produc_slider .swiper-container,
.produc_slider .produc_slider__swiper {
    width: 100%;
}

.produc_slider .products-carousel__prev.produc_slider__prev,
.produc_slider .products-carousel__next.produc_slider__next {
    cursor: pointer;
}

.produc_tab_slider .produc_tab_slider__swiper {
    width: 100%;
}

.produc_tab_slider .products-carousel__prev.produc_tab_slider__prev,
.produc_tab_slider .products-carousel__next.produc_tab_slider__next {
    cursor: pointer;
}

/* Responsive Styles */

/* ===== CART & CHECKOUT VARIANT STYLES ===== */
/* Cart ve Checkout sayfalarında alt ürünler ve varyantlar için stiller */
.cart-product__variant,
.checkout-cart-product__variant {
    margin-top: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #dc2626;
    font-size: 13px;
    color: #374151;
    line-height: 1.4;
}

.cart-product__variant strong,
.checkout-cart-product__variant strong {
    color: #dc2626;
    font-weight: 600;
    margin-right: 8px;
}

.cart-product__variant br + *,
.checkout-cart-product__variant br + * {
    margin-top: 4px;
}

/* ===== PRODUCT VARIANT SELECTOR STYLES ===== */
/* Product Variant Selector Styles - Clean & Minimalist */
.modern-variant-selector {
     font-family: "Urbanist", sans-serif !important;
    max-width: 100%;
    background: #fff;
    padding: 24px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Varyant seçim butonları için aktif durum stilleri */
.pdp-swatch[aria-checked="true"],
.pdp-swatch.active {
    border: 2px solid #dc2626 !important;

    outline-offset: 2px !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

.pdp-chip[aria-checked="true"],
.pdp-chip.active {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Out-of-stock varyantlar için aktif stili override et */
.pdp-chip.out-of-stock[aria-checked="true"],
.pdp-chip.out-of-stock.active,
.pdp-chip.out-of-stock[data-active="true"],
.product-variant-selector .pdp-chip.out-of-stock[aria-checked="true"],
#variant-selector .pdp-chip.out-of-stock[aria-checked="true"],
.pdp-section .pdp-chip.out-of-stock[aria-checked="true"],
.product-variant-selector .pdp-chip.out-of-stock.active,
#variant-selector .pdp-chip.out-of-stock.active,
.pdp-section .pdp-chip.out-of-stock.active {
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    transform: none !important;
    box-shadow: none !important;
}

.pdp-iv[aria-checked="true"],
.pdp-iv.active {
    border: 2px solid #dc2626 !important;
    outline-offset: 2px !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Varyant seçim butonları için hover durumu */
.pdp-swatch:hover {
    border-color: #dc2626 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Sepet güncelleme butonu stilleri */
.pdp-btn.update-cart {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #fff !important;
}

.pdp-btn.update-cart:hover {
    background: #047857 !important;
    border-color: #047857 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;
}

/* ===== MINIMALIST CART DRAWER TASARIMI ===== */



.cart-drawer-item:hover {
    background: #fafafa !important;
}

.cart-drawer-item:last-child {
    border-bottom: none !important;
}

/* Cart Item Image */
.cart-drawer-item__img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 6px !important;
    object-fit: cover !important;
    border: 1px solid #e5e7eb !important;
}

/* Cart Item Info */
.cart-drawer-item__info {
    padding-left: 12px !important;
    padding-right: 40px !important;
}

.cart-drawer-item__title {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.cart-drawer-item__title a {
    color: #374151 !important;
    text-decoration: none !important;
}

.cart-drawer-item__title a:hover {
    color: #1f2937 !important;
}

/* Cart Item Variant */
.cart-drawer-item__option {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
}

/* Cart Item Price Container */
.cart-item-price-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    margin-top: 8px !important;
    gap: 4px !important;
}

/* Cart Item Price Row */
.cart-item-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Cart Item Quantity Row */
.cart-item-quantity-row {
    font-size: 12px !important;
    color: #6b7280 !important;
    text-align: right !important;
}

/* Cart Item Price */
.cart-ietm__price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    display: inline-block !important;
    background: #f8fafc !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #059669 !important;
}

/* Normal Price */
.cart-item-normal-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: #f8fafc !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #059669 !important;
}

/* Original Price with Strike */
.cart-item-original-price {
    font-size: 12px !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* Discount Price */
.cart-item-discount-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #dc2626 !important;
    background: #fef2f2 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #dc2626 !important;
}

/* Discount Badge */
.cart-item-discount-badge {
    font-size: 11px !important;
    color: #059669 !important;
    font-weight: 500 !important;
    background: #f0fdf4 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    border: 1px solid #bbf7d0 !important;
    text-align: center !important;
}

.cart-ietm__price i {
    font-style: normal !important;
    color: #6b7280 !important;
    margin: 0 4px !important;
    font-weight: 500 !important;
}

/* Cart Summary Items */
.cart-summary-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    font-size: 14px !important;
}

.cart-summary-label {
    font-weight: 500 !important;
    color: #374151 !important;
}

.cart-summary-value {
    font-weight: 600 !important;
    color: #1f2937 !important;
}

.cart-summary-discount {
    color: #059669 !important;
}

.cart-summary-discount-value {
    color: #059669 !important;
    font-weight: 600 !important;
}

.cart-summary-total {
    font-size: 16px !important;
    font-weight: bold !important;
    border-top: 2px solid #e5e7eb !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
}

.cart-summary-total .cart-summary-value {
    font-size: 18px !important;
    color: #dc3545 !important;
}

/* Cart Item Group Products */
.cart-item-group-products {
    margin: 8px 0 !important;
    padding: 8px 0 !important;
}

.cart-item-group-product {
    margin-bottom: 4px !important;
}

.cart-item-group-product small {
    font-size: 12px !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Cart Item Discount Badge - Small Right Aligned */
.cart-item-discount-badge {
    display: inline-block !important;
    font-size: 10px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    background: #dc2626 !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-top: 2px !important;
}

.cart-item-discount-badge::before {
    content: "% " !important;
    margin-right: 1px !important;
}

/* Cart Item Remove Button */
.cart-drawer-item .btn-close-xs {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
}

.cart-drawer-item .btn-close-xs:hover {
    color: #dc2626 !important;
}

/* Cart Divider */
.cart-drawer-divider {
    display: none !important;
}

.pdp-chip:hover {
    border-color: #dc2626 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Gruplu Ürün Tasarımı */
.grouped-product {
    background: #fff;
    border-radius: 0;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
}

.grouped-product-header {
    margin-bottom: 20px;
}

.grouped-product-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grouped-product-title .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.customization-icon {
    background: #10b981;
    color: #ffffff !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.customization-icon:hover {
    background: #059669;
}

.grouped-product-price {
    margin-bottom: 12px;
}

.grouped-product-price .total-price {
    font-size: 24px;
    font-weight: 400;
    color: #dc2626;
    line-height: 1.2;
}

/* Takım İçeriği Bölümü */
.set-content-section {
    margin-bottom: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.set-content-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.set-content-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grouped-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: white;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
}

.grouped-product-info {
    flex: 1;
}

.grouped-product-name {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.grouped-product-price {
    font-size: 13px;
    color: #dc2626;
    font-weight: 600;
}

.grouped-product-quantity {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.quantity-label {
    font-weight: 500;
}

.quantity-value {
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 12px;
}

/* Gruplu Ürün Aksiyon Bölümü */
.grouped-action-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.grouped-action-section .quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
    margin-bottom: 12px;
}

.grouped-action-section .qty-btn {
    width: 28px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.grouped-action-section .qty-btn:hover {
    background: #e9ecef;
}

.grouped-action-section .qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 6px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-to-cart-btn {
    background: #374151;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #1f2937;
}

.add-to-cart-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.buy-now-btn {
    background: #6b7280;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.buy-now-btn:hover {
    background: #4b5563;
}

.buy-now-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* Ürün Özellikleri */
.product-features {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 3px;
    font-size: 13px;
    color: #374151;
    font-weight: 500;
}

.feature-item i {
    color: #10b981;
    font-size: 14px;
}

/* Responsive Tasarım */

/* Normal Ürün Tasarımı */
.product-variant-selector {
    max-width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Ürün Başlığı */
.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Ürün Bilgileri */
.product-info {
    margin-bottom: 12px;
}

.product-info .price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    margin-bottom: 8px;
    line-height: 1.2;
}

.product-info .status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.product-info .status svg {
    width: 16px;
    height: 16px;
}

.product-info .status.in-stock .status-text {
    color: #059669;
    font-weight: 500;
}

.product-info .status.out-of-stock .status-text {
    color: #dc2626;
    font-weight: 500;
}

/* Ürün Alt Başlığı */
.product-subtitle {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Varyant Bölümü */
.variants-section {
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 16px;
}

.variant-group:last-child {
    margin-bottom: 0;
}

.variant-header {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: normal;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: 2px solid #e5e5e5;
}

/* Seçili Varyant Göstergesi */
.variant-selection-indicator {
    background: #4a5568;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
}

.variant-selection-indicator::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a5568;
}

/* Text Label */
.text-label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.text-label:hover {
    border-color: #d4af37;
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #d4af37;
    background: #fff;
    color: #333;
}

/* Color Label */
.color-label {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #e5e5e5;
}

.color-label:hover {
    transform: scale(1.05);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #d4af37;
    transform: scale(1.05);
}

/* Image Label */
.image-label {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #e5e5e5;
}

.image-label:hover {
    transform: scale(1.02);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #d4af37;
    transform: scale(1.02);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.variant-option input[type="radio"]:disabled + .text-label {
    text-decoration: line-through;
}

/* Miktar Bölümü */
.quantity-section {
    margin-bottom: 20px;
}

.quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
}

.qty-btn {
    width: 32px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.qty-btn:hover {
    background: #e9ecef;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Aksiyon Butonları */
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.btn-add-cart {
    background: #f8f9fa;
    color: #333;
    border-color: #e5e5e5;
}

.btn-add-cart:hover {
    background: #e9ecef;
}

.btn-buy-now {
    background: #000;
    color: #fff;
    border-color: #000;
}

.btn-buy-now:hover {
    background: #333;
}

.btn-restock-alert {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-restock-alert:hover {
    background: #dc2626;
    color: #fff;
}

.btn-restock-alert svg {
    width: 16px;
    height: 16px;
}

/* Stok yokken butonları devre dışı bırak */
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input stok yokken devre dışı */
.quantity-control.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Mesajlar */
.messages {
    margin-bottom: 20px;
}

.message {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Varyant Yok */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 14px;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-section input[type="radio"] {
    display: none;
}

/* Swiper Thumbnail Spesifik Margin - Güçlü Selector */
.swiper.thumbnail-swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    margin-top: 15px !important;
}

/* ===== THUMBNAIL SWIPER STILLERİ ===== */
.thumbnail-swiper {
    margin-top: 15px !important;
    height: 100px !important;
}

.thumbnail-swiper .swiper-wrapper {
    align-items: center !important;
}

.thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}



.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #222928 !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2) !important;
    opacity: 1 !important;
}

.gallery-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.thumbnail-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Responsive Thumbnail Stilleri */


/* Simple Swiper Gallery Stilleri */
.simple-swiper-gallery {
    width: 100% !important;
    position: relative !important;
}

.main-gallery-swiper {
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 500px !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.gallery-main-image:hover {
    transform: scale(1.02) !important;
}

/* Video Play Button Stilleri */
.video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-button-small {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button-small:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

/* ===== SIMPLE GALLERY MODAL STILLERİ ===== */
.simple-gallery-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-overlay {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.modal-content {
    position: relative !important;
    max-width: 90% !important;
    max-height: 90% !important;
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.modal-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

.modal-close:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.modal-image {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
    display: block !important;
}

.modal-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    color: white !important;
}

.modal-prev,
.modal-next {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.modal-prev:hover,
.modal-next:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.1) !important;
}

.modal-counter {
    font-size: 14px !important;
    font-weight: 600 !important;
    min-width: 60px !important;
    text-align: center !important;
}

/* Loading States */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fiyat Bölümü */
.price-section {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.price-section .current-price {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}

.price-section .credit-card-price {
    font-size: 16px;
    color: #64748b;
    display: block;
    margin-bottom: 4px;
}

.price-section .credit-card-price .label {
    font-weight: 500;
}

.price-section .credit-card-price .amount {
    font-weight: 600;
    color: #475569;
}

.price-section .old-price {
    font-size: 18px;
    color: #94a3b8;
    text-decoration: line-through;
    display: block;
}

.price-section .old-price .amount {
    font-weight: 500;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 32px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item .label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Varyant Seçimi */
.variant-form {
    margin-bottom: 32px;
}

.variants-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variant-section {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.variant-header {
    background: #f8fafc;
    padding: 16px 20px;
    font-weight: 300;
    font-size: 14px;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Text Label */
.text-label {
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    min-width: 60px;
    text-align: center;
}

.text-label:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

/* Color Label */
.color-label {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
}

.color-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.color-label:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #3b82f6;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .color-label::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

/* Image Label */
.image-label {
    width: 70px;
    height: 70px;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-label::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.image-label::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.image-label:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .image-label::before,
.variant-option input[type="radio"]:checked + .image-label::after {
    transform: scale(1);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Action Section */
.action-section {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

/* Quantity Control */
.quantity-control {
    display: flex;
    align-items: center;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    width: 140px;
    height: 52px;
}

.qty-btn {
    width: 44px;
    height: 100%;
    border: none;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    color: #475569;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qty-btn:hover {
    background: #3b82f6;
    color: #fff;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0f172a;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
    cursor: pointer;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Secondary Actions */
.secondary-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.secondary-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.secondary-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* No Variants */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-container input[type="radio"] {
    display: none;
}

/* ===== TAKIM ÜRÜNLERİ TABLOSU STİLLERİ ===== */
.pdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin: 20px 0;
}

.pdp-table th {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 20px 16px;
    border-bottom: 2px solid #e2e8f0;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pdp-table td {
    padding: 20px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdp-table tbody tr:last-child td {
    border-bottom: none;
}

/* Takım ürünleri miktar seçici */
.pdp-table .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 120px;
}

.pdp-table .pdp-qty .qty-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.pdp-table .pdp-qty .qty-btn:active {
    transform: translateY(0) scale(0.95);
}

.pdp-table .pdp-qty .qty-input {
    width: 70px;
    height: 50px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
}

/* Takım ürünleri bilgi alanı */
.child-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.child-product-info strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.child-product-info small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

/* Tablo responsive wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Mobilde tablo sütunlarını gizle */

/* Modern Takım Ürünleri Checkbox */
.pdp-table input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Modern Takım Ürünleri Fiyat Sütunları */
.pdp-table .price-column {
    font-weight: 700;
    color: #059669;
    text-align: right;
    font-size: 15px;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pdp-table .quantity-column {
    text-align: center;
}

.pdp-table .include-column {
    text-align: center;
}

/* Modern Takım Toplam Fiyat */
.team-total {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 24px 32px;
    border-radius: 16px;
    margin-top: 32px;
    text-align: right;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.team-total::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.team-total p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.team-total span {
    color: #059669;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive tablo */

/* Takım ürünleri başlık */
.pdp-section h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

/* Takım ürünleri açıklama */
.team-description {
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

.team-description p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

/* Takım ürünleri özellikler */
.team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.team-feature {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.team-feature-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 18px;
}

.team-feature h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.team-feature p {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

/* Loading States */
.add-to-cart-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for variant selection */
@keyframes variantPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.variant-label.selected {
    animation: variantPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fiyat Bölümü */
.product-single__price {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.product-single__price .current-price {
    font-size: 28px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
    margin-bottom: 8px;
}

.product-single__price .credit-card-price {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.product-single__price .old-price {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
}

/* Swatch Container Styles */
.product-single__swatches {
    margin-bottom: 32px;
}

.product-swatch {
    margin-bottom: 24px;
}

.product-swatch label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

/* Text Swatch Styles */
.text-swatches .swatch {
    padding: 12px 20px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text-swatches .swatch:hover {
    border-color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.text-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.text-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ddd;
    transform: none;
    box-shadow: none;
}

/* Color Swatch Styles */
.color-swatches .swatch {
    width: 48px;
    height: 48px;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.color-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.color-swatches .swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.color-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.color-swatches input[type="radio"]:checked + .swatch::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.color-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Image Swatch Styles */
.image-swatches .swatch {
    width: 70px;
    height: 70px;
    border: 3px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 2;
}

.image-swatches .swatch::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 3;
}

.image-swatches .swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.image-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
}

.image-swatches input[type="radio"]:checked + .swatch::before,
.image-swatches input[type="radio"]:checked + .swatch::after {
    transform: scale(1);
}

.image-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Quantity Control Styles */
.product-single__addtocart {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.qty-control {
    position: relative;
    width: 120px;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.qty-control__number {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
}

.qty-control__reduce,
.qty-control__increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    transition: all 0.3s ease;
}

.qty-control__reduce {
    left: 4px;
    border-radius: 6px;
}

.qty-control__increase {
    right: 4px;
    border-radius: 6px;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #007bff;
    color: #fff;
}

/* Add to Cart Button */
.btn-addtocart {
    flex: 1;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
    background: linear-gradient(135deg, #0056b3, #004085);
}

.btn-addtocart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Additional Links */
.product-single__addtolinks {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.product-single__addtolinks .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
}

.product-single__addtolinks .menu-link:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Selected Variant Info */
.selected-variant-info {
    background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
    border: 1px solid #d1e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

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

.variant-sku {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.variant-stock {
    font-size: 14px;
    font-weight: 600;
    color: #28a745;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.product-single__swatches input[type="radio"] {
    display: none;
}

/* Loading States */
.btn-addtocart.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for swatch selection */
@keyframes swatchPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.swatch.selected {
    animation: swatchPulse 0.3s ease;
}

/* ===== VARYANT GENEL STİLLERİ ===== */
.product__options {
    margin: 20px 0;
}

.variant-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.variant-option:last-child {
    border-bottom: none;
}

.variant-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.variant-required {
    color: #dc3545;
    font-weight: 300;
}

.variant-selection-info {
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Text Variant Styles */
.variant-text-wrapper {
    margin-top: 10px;
}

.text-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    border-color: #005850;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    border-color: #005850;
    background: #005850;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option--active:hover {
    background: #004040;
    border-color: #004040;
}

.text-option--unavailable {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
}

.text-option--unavailable:hover {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    transform: none;
    box-shadow: none;
}

.text-option__text {
    display: block;
}

.text-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Color Variant Styles */
.variant-color-wrapper {
    margin-top: 10px;
}

.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.color-option:hover:not(:disabled) {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-option--active {
    border-color: #005850;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.color-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.color-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.color-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 6px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.color-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.color-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Image Variant Styles */
.variant-image-wrapper {
    margin-top: 10px;
}

.image-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-option {
    position: relative;
    width: 70px;
    height: 70px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-option:hover:not(:disabled) {
    border-color: #005850;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.image-option--active {
    border-color: #005850;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    transform: translateY(-2px);
}

.image-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.image-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.image-option__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-option__text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
}

.image-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.image-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Select Variant Styles */
.variant-select-wrapper {
    margin-top: 10px;
}

.variant-select {
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.variant-select:hover {
    border-color: #005850;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.variant-select:focus {
    border-color: #005850;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1);
    outline: none;
}

.variant-select--has-selection {
    border-color: #005850;
    background: #f8f9ff;
}

.variant-select option:disabled {
    color: #6c757d;
    background: #f8f9fa;
}

/* Stock Alert Styles */
.stock-alert {
    margin: 15px 0;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid;
    animation: fadeIn 0.3s ease-in-out;
}

.stock-alert-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

.stock-alert--low {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.stock-alert--low i {
    color: #f39c12;
}

.stock-alert--critical {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    animation: pulse 2s infinite;
}

.stock-alert--critical i {
    color: #dc3545;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* Form Validation Styles */
.checkout-form input.error,
.checkout-form select.error,
.checkout-form textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error:focus,
.checkout-form select.error:focus,
.checkout-form textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error-focused,
.checkout-form select.error-focused,
.checkout-form textarea.error-focused {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Loading Animation */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Coupon Section Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #28a745;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #28a745;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #28a745;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Flash Flasher Styles */
.fl-flasher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.fl-flasher.fl-show {
    transform: translateX(0);
}

.fl-flasher.fl-success {
    border-left: 4px solid #28a745;
}

.fl-flasher.fl-error {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-warning {
    border-left: 4px solid #ffc107;
}

.fl-flasher.fl-info {
    border-left: 4px solid #17a2b8;
}

.fl-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.fl-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.fl-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 300;
}

.fl-flasher.fl-success .fl-icon {
    background: #28a745;
}

.fl-flasher.fl-success .fl-icon::before {
    content: "✓";
}

.fl-flasher.fl-error .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-icon::before {
    content: "✕";
}

.fl-flasher.fl-warning .fl-icon {
    background: #ffc107;
}

.fl-flasher.fl-warning .fl-icon::before {
    content: "⚠";
}

.fl-flasher.fl-info .fl-icon {
    background: #17a2b8;
}

.fl-flasher.fl-info .fl-icon::before {
    content: "ℹ";
}

.fl-title {
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}

.fl-message {
    color: #ffffff !important;
    font-size: 13px;
    margin: 0;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e7eb;
}

.fl-progress {
    height: 100%;
    background: #28a745;
    transition: width 0.1s linear;
}

.fl-flasher.fl-error .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-warning .fl-progress {
    background: #ffc107;
}

.fl-flasher.fl-info .fl-progress {
    background: #17a2b8;
}

/* Loading State Styles */
.checkout-coupon-apply-btn.loading,
.checkout-coupon-remove-btn.loading {
    pointer-events: none;
    opacity: 0.8;
    cursor: not-allowed !important;
    position: relative;
}

.checkout-coupon-apply-btn.loading::after,
.checkout-coupon-remove-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Coupon Area Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #28a745;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #28a745;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #28a745;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Agreement Section Styles */
.checkout-agreements-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-agreements-section h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-agreements-section h3::before {
    content: '📋';
    font-size: 14px;
}

.checkout-agreement-item {
    margin-bottom: 12px;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkout-checkbox-input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkout-checkbox-text {
    flex: 1;
}

.checkout-checkbox-text a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

/* Shipping Details Styles */
.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    margin-bottom: 30px;
}

.checkout-shipping-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-shipping-list {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-shipping-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checkout-shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-shipping-item.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

.checkout-shipping-status {
    color: #28a745;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #28a745;
    font-size: 14px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Section Note Styles */
.checkout-section-note {
    font-size: 14px;
    color: #6c757d;
    margin-top: 10px;
    line-height: 1.5;
}

/* Address Section Styles */
.checkout-address-section {
    margin-bottom: 30px;
}

.checkout-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-address-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.checkout-add-address-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.checkout-add-address-btn:hover {
    background: #0056b3;
    text-decoration: none;
    color: #ffffff !important;
}

.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 15px;
}

.checkout-empty-addresses h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.checkout-empty-addresses p {
    color: #6c757d;
    margin-bottom: 20px;
}

.checkout-address-list {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-address-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-address-item.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-address-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

.checkout-address-details {
    margin-bottom: 15px;
}

.checkout-address-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.checkout-address-text {
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.checkout-address-location {
    color: #666;
    margin-bottom: 5px;
}

.checkout-address-phone {
    color: #666;
    margin-bottom: 5px;
}

.checkout-company-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.checkout-company-info div {
    color: #666;
    font-size: 14px;
    margin-bottom: 3px;
}

.checkout-address-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.checkout-edit-btn,
.checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.checkout-edit-btn {
    background: #007bff;
    color: #ffffff !important;
}

.checkout-edit-btn:hover {
    background: #0056b3;
}

.checkout-delete-btn {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-delete-btn:hover {
    background: #c82333;
}

/* Payment Section Styles */
.checkout-payment-section {
    margin-bottom: 30px;
}

.checkout-payment-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.checkout-payment-options {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-payment-option.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-payment-option img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.checkout-payment-radio {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.checkout-payment-details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #28a745, #ffc107, #dc3545);
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-details-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Kredi Kartı Sağlayıcı Stilleri */
.checkout-credit-card-provider-info {
    margin-top: 20px;
}

.checkout-provider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: #666;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.checkout-credit-card-provider {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.checkout-credit-card-provider.active {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 60px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.checkout-provider-info h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.checkout-provider-status {
    margin-left: auto;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active {
    background: #28a745;
    color: #ffffff !important;
}

.checkout-provider-details {
    display: grid;
    gap: 15px;
}

.checkout-provider-section h6 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-supported-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-badge {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #666;
}

.checkout-provider-features,
.checkout-security-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-provider-features li,
.checkout-security-features li {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.checkout-provider-features li::before,
.checkout-security-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 300;
}

.checkout-provider-note {
    margin-top: 20px;
    padding: 15px;
    background: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 6px;
}

.checkout-provider-note p {
    margin: 0;
    font-size: 14px;
    color: #0c5460;
}

.checkout-payment-details-header svg {
    color: #28a745;
}

/* Bank Transfer Styles */
.checkout-bank-info-header {
    margin-bottom: 20px;
}

.checkout-bank-info-header p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-bank-advantages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-bank-advantages li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-bank-advantages li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 300;
}

.checkout-banks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}




.checkout-bank-info {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: fit-content;
}

.checkout-bank-info:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.checkout-bank-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-bank-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.checkout-bank-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.checkout-bank-details {
    margin-bottom: 15px;
}

.checkout-bank-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.checkout-bank-detail-row:hover {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.checkout-bank-detail-row:last-child {
    border-bottom: none;
}

.checkout-bank-label {
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.checkout-bank-value {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-align: right;
    word-break: break-all;
}

.checkout-iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.checkout-iban {
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkout-iban-copy-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
}

.checkout-iban-copy-btn:hover {
    background: #0056b3;
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.checkout-bank-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    position: relative;
}

.checkout-bank-note::before {
    content: "💡";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff3cd;
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
}

.checkout-bank-note p {
    margin: 0;
    color: #856404;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Credit Card Styles */
.checkout-credit-card-provider {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-provider-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin-bottom: 8px;
    color: #666;
    font-size: 14px;
}

.checkout-credit-card-info {
    margin-top: 20px;
}

.checkout-credit-card-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-card-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.checkout-card-icons img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Cash on Delivery Styles */
.checkout-cash-on-info {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages,
.checkout-cash-on-process,
.checkout-cash-on-important {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages h6,
.checkout-cash-on-process h6,
.checkout-cash-on-important h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-cash-on-advantages-list,
.checkout-cash-on-steps,
.checkout-cash-on-important-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-advantages-list li,
.checkout-cash-on-steps li,
.checkout-cash-on-important-list li {
    padding: 6px 0;
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-cash-on-advantages-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-steps li::before {
    content: '📋';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-important-list li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-steps li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.checkout-cash-on-steps li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 8px;
    background: #007bff;
    color: #ffffff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-cash-on-steps {
    counter-reset: step-counter;
}

.checkout-cash-on-fee {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.checkout-cash-on-fee-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-cash-on-fee-header span {
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-fee-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-cash-on-fee-label {
    color: #666;
    font-size: 14px;
}

.checkout-cash-on-fee-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
}

.checkout-cash-on-fee-free {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #155724;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.checkout-cash-on-fee-free span {
    font-size: 16px;
    font-weight: 600;
}

.checkout-cash-on-fee-free small {
    font-size: 12px;
    color: #0f5132;
    opacity: 0.8;
}

.checkout-cash-on-fee-note {
    margin-top: 10px;
    padding: 8px 12px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.checkout-cash-on-fee-note small {
    color: #856404;
    font-size: 12px;
}

/* Order Summary Styles */
.checkout-order-summary {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: sticky;
    top: 20px;
    margin-top: 0;
}

.checkout-order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-items-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 300;
}

.checkout-order-items {
    margin-bottom: 25px;
}

.checkout-order-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-order-item:last-child {
    border-bottom: none;
}

.checkout-order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-order-item-details {
    flex: 1;
}

.checkout-order-item-details p {
    margin: 0 0 5px 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.checkout-cart-product__variant {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.checkout-order-item-price {
    text-align: right;
    flex-shrink: 0;
}

.checkout-price-info {
    margin-bottom: 5px;
}

.checkout-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    display: block;
}

.checkout-discount-badge {
    background: #dc3545;
    color: #ffffff !important;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.checkout-current-price {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}

.checkout-savings-info {
    margin-top: 5px;
}

.checkout-savings-text {
    font-size: 12px;
    color: #28a745;
    font-weight: 500;
}

/* Summary Section Styles */
.checkout-summary-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkout-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-summary-header svg {
    color: #28a745;
}

.checkout-summary-main {
    margin-bottom: 20px;
}

.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-summary-row:last-child {
    border-bottom: none;
}

.checkout-summary-row span:first-child {
    color: #666;
    font-size: 14px;
}

.checkout-summary-row span:last-child {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* İndirimler satırı için özel stil */
.checkout-discounts-row {
    color: #28a745;
    font-weight: 500;
}

.checkout-discounts-row span:last-child {
    color: #dc3545;
    font-weight: 600;
}

/* Sipariş detayı için sabit genişlik */
.col-lg-5.col-xl-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 992px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Checkout sayfasındaki sipariş detayı için özel stil */
.checkout-summary-section {
    position: sticky !important;
    top: 0 !important;
    height: fit-content !important;
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Sipariş Notu Bölümü */
.checkout-order-note-section {
    margin-bottom: 2rem;
}

.checkout-order-note-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Kargo Seçimi Bölümü */
.checkout-cargo-selection-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Sipariş Notu */
.checkout-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-section h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-form-group {
    margin-bottom: 1rem;
}



/* Gruplu Ürün Tasarımı */
.grouped-product {
    background: #fff;
    border-radius: 0;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
}

.grouped-product-header {
    margin-bottom: 20px;
}

.grouped-product-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grouped-product-title .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.customization-icon {
    background: #10b981;
    color: #ffffff !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.customization-icon:hover {
    background: #059669;
}

.grouped-product-price {
    margin-bottom: 12px;
}

.grouped-product-price .total-price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    line-height: 1.2;
}

/* Takım İçeriği Bölümü */
.set-content-section {
    margin-bottom: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.set-content-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.set-content-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grouped-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: white;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
}

.grouped-product-info {
    flex: 1;
}

.grouped-product-name {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.grouped-product-price {
    font-size: 13px;
    color: #dc2626;
    font-weight: 600;
}

.grouped-product-quantity {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.quantity-label {
    font-weight: 500;
}

.quantity-value {
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 12px;
}

/* Gruplu Ürün Aksiyon Bölümü */
.grouped-action-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.grouped-action-section .quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
    margin-bottom: 12px;
}

.grouped-action-section .qty-btn {
    width: 28px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.grouped-action-section .qty-btn:hover {
    background: #e9ecef;
}

.grouped-action-section .qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 6px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-to-cart-btn {
    background: #374151;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #1f2937;
}

.add-to-cart-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.buy-now-btn {
    background: #6b7280;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.buy-now-btn:hover {
    background: #4b5563;
}

.buy-now-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* Ürün Özellikleri */
.product-features {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 3px;
    font-size: 13px;
    color: #374151;
    font-weight: 500;
}

.feature-item i {
    color: #10b981;
    font-size: 14px;
}

/* Responsive Tasarım */

/* Normal Ürün Tasarımı */
.product-variant-selector {
    max-width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Ürün Başlığı */
.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Ürün Bilgileri */
.product-info {
    margin-bottom: 12px;
}

.product-info .price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    margin-bottom: 8px;
    line-height: 1.2;
}

.product-info .status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.product-info .status svg {
    width: 16px;
    height: 16px;
}

.product-info .status.in-stock .status-text {
    color: #059669;
    font-weight: 500;
}

.product-info .status.out-of-stock .status-text {
    color: #dc2626;
    font-weight: 500;
}

/* Ürün Alt Başlığı */
.product-subtitle {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Varyant Bölümü */
.variants-section {
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 16px;
}

.variant-group:last-child {
    margin-bottom: 0;
}

.variant-header {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: normal;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: 2px solid #e5e5e5;
}

/* Seçili Varyant Göstergesi */
.variant-selection-indicator {
    background: #4a5568;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
}

.variant-selection-indicator::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a5568;
}

/* Text Label */
.text-label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.text-label:hover {
    border-color: #d4af37;
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #d4af37;
    background: #fff;
    color: #333;
}

/* Color Label */
.color-label {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #e5e5e5;
}

.color-label:hover {
    transform: scale(1.05);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #d4af37;
    transform: scale(1.05);
}

/* Image Label */
.image-label {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #e5e5e5;
}

.image-label:hover {
    transform: scale(1.02);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #d4af37;
    transform: scale(1.02);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.variant-option input[type="radio"]:disabled + .text-label {
    text-decoration: line-through;
}

/* Miktar Bölümü */
.quantity-section {
    margin-bottom: 20px;
}

.quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
}

.qty-btn {
    width: 32px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.qty-btn:hover {
    background: #e9ecef;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Aksiyon Butonları */
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.btn-add-cart {
    background: #f8f9fa;
    color: #333;
    border-color: #e5e5e5;
}

.btn-add-cart:hover {
    background: #e9ecef;
}

.btn-buy-now {
    background: #000;
    color: #fff;
    border-color: #000;
}

.btn-buy-now:hover {
    background: #333;
}

.btn-restock-alert {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-restock-alert:hover {
    background: #dc2626;
    color: #fff;
}

.btn-restock-alert svg {
    width: 16px;
    height: 16px;
}

/* Stok yokken butonları devre dışı bırak */
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input stok yokken devre dışı */
.quantity-control.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Mesajlar */
.messages {
    margin-bottom: 20px;
}

.message {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Varyant Yok */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 14px;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-section input[type="radio"] {
    display: none;
}

/* Swiper Thumbnail Spesifik Margin - Güçlü Selector */
.swiper.thumbnail-swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    margin-top: 15px !important;
}

/* ===== THUMBNAIL SWIPER STILLERİ ===== */
.thumbnail-swiper {
    margin-top: 15px !important;
    height: 100px !important;
}

.thumbnail-swiper .swiper-wrapper {
    align-items: center !important;
}

.thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}

.thumbnail-swiper .swiper-slide:hover {
    border-color: #005850 !important;
    transform: translateY(-2px) !important;
    opacity: 1 !important;
}

.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #005850 !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2) !important;
    opacity: 1 !important;
}

.gallery-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.thumbnail-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Responsive Thumbnail Stilleri */


/* Simple Swiper Gallery Stilleri */
.simple-swiper-gallery {
    width: 100% !important;
    position: relative !important;
}

.main-gallery-swiper {
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 500px !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.gallery-main-image:hover {
    transform: scale(1.02) !important;
}

/* Video Play Button Stilleri */
.video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-button-small {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button-small:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

/* ===== SIMPLE GALLERY MODAL STILLERİ ===== */
.simple-gallery-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-overlay {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.modal-content {
    position: relative !important;
    max-width: 90% !important;
    max-height: 90% !important;
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.modal-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

.modal-close:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.modal-image {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
    display: block !important;
}

.modal-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    color: white !important;
}

.modal-prev,
.modal-next {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.modal-prev:hover,
.modal-next:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.1) !important;
}

.modal-counter {
    font-size: 14px !important;
    font-weight: 600 !important;
    min-width: 60px !important;
    text-align: center !important;
}

/* Loading States */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fiyat Bölümü */
.price-section {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.price-section .current-price {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}

.price-section .credit-card-price {
    font-size: 16px;
    color: #64748b;
    display: block;
    margin-bottom: 4px;
}

.price-section .credit-card-price .label {
    font-weight: 500;
}

.price-section .credit-card-price .amount {
    font-weight: 600;
    color: #475569;
}

.price-section .old-price {
    font-size: 18px;
    color: #94a3b8;
    text-decoration: line-through;
    display: block;
}

.price-section .old-price .amount {
    font-weight: 500;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 32px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item .label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Varyant Seçimi */
.variant-form {
    margin-bottom: 32px;
}

.variants-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variant-section {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.variant-header {
    background: #f8fafc;
    padding: 16px 20px;
    font-weight: 300;
    font-size: 14px;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Text Label */
.text-label {
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    min-width: 60px;
    text-align: center;
}

.text-label:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

/* Color Label */
.color-label {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
}

.color-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.color-label:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #3b82f6;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .color-label::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

/* Image Label */
.image-label {
    width: 70px;
    height: 70px;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-label::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.image-label::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.image-label:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .image-label::before,
.variant-option input[type="radio"]:checked + .image-label::after {
    transform: scale(1);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Action Section */
.action-section {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

/* Quantity Control */
.quantity-control {
    display: flex;
    align-items: center;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    width: 140px;
    height: 52px;
}

.qty-btn {
    width: 44px;
    height: 100%;
    border: none;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    color: #475569;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qty-btn:hover {
    background: #3b82f6;
    color: #fff;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0f172a;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
    cursor: pointer;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Secondary Actions */
.secondary-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.secondary-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.secondary-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* No Variants */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-container input[type="radio"] {
    display: none;
}

/* ===== TAKIM ÜRÜNLERİ TABLOSU STİLLERİ ===== */
.pdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin: 20px 0;
}

.pdp-table th {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 20px 16px;
    border-bottom: 2px solid #e2e8f0;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pdp-table td {
    padding: 20px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdp-table tbody tr:last-child td {
    border-bottom: none;
}

/* Takım ürünleri miktar seçici */
.pdp-table .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 120px;
}

.pdp-table .pdp-qty .qty-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.pdp-table .pdp-qty .qty-btn:active {
    transform: translateY(0) scale(0.95);
}

.pdp-table .pdp-qty .qty-input {
    width: 70px;
    height: 50px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
}

/* Takım ürünleri bilgi alanı */
.child-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.child-product-info strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.child-product-info small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

/* Tablo responsive wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Mobilde tablo sütunlarını gizle */

/* Modern Takım Ürünleri Checkbox */
.pdp-table input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Modern Takım Ürünleri Fiyat Sütunları */
.pdp-table .price-column {
    font-weight: 700;
    color: #059669;
    text-align: right;
    font-size: 15px;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pdp-table .quantity-column {
    text-align: center;
}

.pdp-table .include-column {
    text-align: center;
}

/* Modern Takım Toplam Fiyat */
.team-total {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 24px 32px;
    border-radius: 16px;
    margin-top: 32px;
    text-align: right;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.team-total::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.team-total p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.team-total span {
    color: #059669;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive tablo */

/* Takım ürünleri başlık */
.pdp-section h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

/* Takım ürünleri açıklama */
.team-description {
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

.team-description p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

/* Takım ürünleri özellikler */
.team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.team-feature {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.team-feature-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 18px;
}

.team-feature h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.team-feature p {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

/* Loading States */
.add-to-cart-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for variant selection */
@keyframes variantPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.variant-label.selected {
    animation: variantPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fiyat Bölümü */
.product-single__price {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.product-single__price .current-price {
    font-size: 28px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
    margin-bottom: 8px;
}

.product-single__price .credit-card-price {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.product-single__price .old-price {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
}

/* Swatch Container Styles */
.product-single__swatches {
    margin-bottom: 32px;
}

.product-swatch {
    margin-bottom: 24px;
}

.product-swatch label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

/* Text Swatch Styles */
.text-swatches .swatch {
    padding: 12px 20px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text-swatches .swatch:hover {
    border-color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.text-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.text-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ddd;
    transform: none;
    box-shadow: none;
}

/* Color Swatch Styles */
.color-swatches .swatch {
    width: 48px;
    height: 48px;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.color-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.color-swatches .swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.color-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.color-swatches input[type="radio"]:checked + .swatch::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.color-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Image Swatch Styles */
.image-swatches .swatch {
    width: 70px;
    height: 70px;
    border: 3px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 2;
}

.image-swatches .swatch::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 3;
}

.image-swatches .swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.image-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
}

.image-swatches input[type="radio"]:checked + .swatch::before,
.image-swatches input[type="radio"]:checked + .swatch::after {
    transform: scale(1);
}

.image-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Quantity Control Styles */
.product-single__addtocart {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.qty-control {
    position: relative;
    width: 120px;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.qty-control__number {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
}

.qty-control__reduce,
.qty-control__increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    transition: all 0.3s ease;
}

.qty-control__reduce {
    left: 4px;
    border-radius: 6px;
}

.qty-control__increase {
    right: 4px;
    border-radius: 6px;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #007bff;
    color: #fff;
}

/* Add to Cart Button */
.btn-addtocart {
    flex: 1;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
    background: linear-gradient(135deg, #0056b3, #004085);
}

.btn-addtocart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Additional Links */
.product-single__addtolinks {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.product-single__addtolinks .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
}

.product-single__addtolinks .menu-link:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Selected Variant Info */
.selected-variant-info {
    background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
    border: 1px solid #d1e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

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

.variant-sku {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.variant-stock {
    font-size: 14px;
    font-weight: 600;
    color: #28a745;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.product-single__swatches input[type="radio"] {
    display: none;
}

/* Loading States */
.btn-addtocart.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for swatch selection */
@keyframes swatchPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.swatch.selected {
    animation: swatchPulse 0.3s ease;
}

/* ===== VARYANT GENEL STİLLERİ ===== */
.product__options {
    margin: 20px 0;
}

.variant-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.variant-option:last-child {
    border-bottom: none;
}

.variant-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.variant-required {
    color: #dc3545;
    font-weight: 300;
}

.variant-selection-info {
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Text Variant Styles */
.variant-text-wrapper {
    margin-top: 10px;
}

.text-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    border-color: #005850;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    border-color: #005850;
    background: #005850;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option--active:hover {
    background: #004040;
    border-color: #004040;
}

.text-option--unavailable {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
}

.text-option--unavailable:hover {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    transform: none;
    box-shadow: none;
}

.text-option__text {
    display: block;
}

.text-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Color Variant Styles */
.variant-color-wrapper {
    margin-top: 10px;
}

.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.color-option:hover:not(:disabled) {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-option--active {
    border-color: #005850;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.color-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.color-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.color-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 6px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.color-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.color-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Image Variant Styles */
.variant-image-wrapper {
    margin-top: 10px;
}

.image-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-option {
    position: relative;
    width: 70px;
    height: 70px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-option:hover:not(:disabled) {
    border-color: #005850;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.image-option--active {
    border-color: #005850;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    transform: translateY(-2px);
}

.image-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.image-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.image-option__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-option__text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
}

.image-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.image-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Select Variant Styles */
.variant-select-wrapper {
    margin-top: 10px;
}

.variant-select {
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.variant-select:hover {
    border-color: #005850;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.variant-select:focus {
    border-color: #005850;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1);
    outline: none;
}

.variant-select--has-selection {
    border-color: #005850;
    background: #f8f9ff;
}

.variant-select option:disabled {
    color: #6c757d;
    background: #f8f9fa;
}

/* Stock Alert Styles */
.stock-alert {
    margin: 15px 0;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid;
    animation: fadeIn 0.3s ease-in-out;
}

.stock-alert-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

.stock-alert--low {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.stock-alert--low i {
    color: #f39c12;
}

.stock-alert--critical {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    animation: pulse 2s infinite;
}

.stock-alert--critical i {
    color: #dc3545;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* Form Validation Styles */
.checkout-form input.error,
.checkout-form select.error,
.checkout-form textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error:focus,
.checkout-form select.error:focus,
.checkout-form textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error-focused,
.checkout-form select.error-focused,
.checkout-form textarea.error-focused {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Loading Animation */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Coupon Section Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #28a745;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #28a745;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #28a745;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Flash Flasher Styles */
.fl-flasher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.fl-flasher.fl-show {
    transform: translateX(0);
}

.fl-flasher.fl-success {
    border-left: 4px solid #28a745;
}

.fl-flasher.fl-error {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-warning {
    border-left: 4px solid #ffc107;
}

.fl-flasher.fl-info {
    border-left: 4px solid #17a2b8;
}

.fl-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.fl-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.fl-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 300;
}

.fl-flasher.fl-success .fl-icon {
    background: #28a745;
}

.fl-flasher.fl-success .fl-icon::before {
    content: "✓";
}

.fl-flasher.fl-error .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-icon::before {
    content: "✕";
}

.fl-flasher.fl-warning .fl-icon {
    background: #ffc107;
}

.fl-flasher.fl-warning .fl-icon::before {
    content: "⚠";
}

.fl-flasher.fl-info .fl-icon {
    background: #17a2b8;
}

.fl-flasher.fl-info .fl-icon::before {
    content: "ℹ";
}

.fl-title {
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}

.fl-message {
    color: #ffffff !important;
    font-size: 13px;
    margin: 0;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e7eb;
}

.fl-progress {
    height: 100%;
    background: #28a745;
    transition: width 0.1s linear;
}

.fl-flasher.fl-error .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-warning .fl-progress {
    background: #ffc107;
}

.fl-flasher.fl-info .fl-progress {
    background: #17a2b8;
}

/* Loading State Styles */
.checkout-coupon-apply-btn.loading,
.checkout-coupon-remove-btn.loading {
    pointer-events: none;
    opacity: 0.8;
    cursor: not-allowed !important;
    position: relative;
}

.checkout-coupon-apply-btn.loading::after,
.checkout-coupon-remove-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Coupon Area Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #28a745;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #28a745;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #28a745;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Agreement Section Styles */
.checkout-agreements-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-agreements-section h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-agreements-section h3::before {
    content: '📋';
    font-size: 14px;
}

.checkout-agreement-item {
    margin-bottom: 12px;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkout-checkbox-input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkout-checkbox-text {
    flex: 1;
}

.checkout-checkbox-text a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

/* Shipping Details Styles */
.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    margin-bottom: 30px;
}

.checkout-shipping-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-shipping-list {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-shipping-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checkout-shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-shipping-item.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

.checkout-shipping-status {
    color: #28a745;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #28a745;
    font-size: 14px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Section Note Styles */
.checkout-section-note {
    font-size: 14px;
    color: #6c757d;
    margin-top: 10px;
    line-height: 1.5;
}

/* Address Section Styles */
.checkout-address-section {
    margin-bottom: 30px;
}

.checkout-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-address-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.checkout-add-address-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.checkout-add-address-btn:hover {
    background: #0056b3;
    text-decoration: none;
    color: #ffffff !important;
}

.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 15px;
}

.checkout-empty-addresses h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.checkout-empty-addresses p {
    color: #6c757d;
    margin-bottom: 20px;
}

.checkout-address-list {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-address-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-address-item.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-address-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

.checkout-address-details {
    margin-bottom: 15px;
}

.checkout-address-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.checkout-address-text {
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.checkout-address-location {
    color: #666;
    margin-bottom: 5px;
}

.checkout-address-phone {
    color: #666;
    margin-bottom: 5px;
}

.checkout-company-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.checkout-company-info div {
    color: #666;
    font-size: 14px;
    margin-bottom: 3px;
}

.checkout-address-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.checkout-edit-btn,
.checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.checkout-edit-btn {
    background: #007bff;
    color: #ffffff !important;
}

.checkout-edit-btn:hover {
    background: #0056b3;
}

.checkout-delete-btn {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-delete-btn:hover {
    background: #c82333;
}

/* Payment Section Styles */
.checkout-payment-section {
    margin-bottom: 30px;
}

.checkout-payment-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.checkout-payment-options {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-payment-option.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-payment-option img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.checkout-payment-radio {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.checkout-payment-details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #28a745, #ffc107, #dc3545);
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-details-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Kredi Kartı Sağlayıcı Stilleri */
.checkout-credit-card-provider-info {
    margin-top: 20px;
}

.checkout-provider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: #666;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.checkout-credit-card-provider {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.checkout-credit-card-provider.active {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 60px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.checkout-provider-info h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.checkout-provider-status {
    margin-left: auto;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active {
    background: #28a745;
    color: #ffffff !important;
}

.checkout-provider-details {
    display: grid;
    gap: 15px;
}

.checkout-provider-section h6 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-supported-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-badge {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #666;
}

.checkout-provider-features,
.checkout-security-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-provider-features li,
.checkout-security-features li {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.checkout-provider-features li::before,
.checkout-security-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 300;
}

.checkout-provider-note {
    margin-top: 20px;
    padding: 15px;
    background: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 6px;
}

.checkout-provider-note p {
    margin: 0;
    font-size: 14px;
    color: #0c5460;
}

.checkout-payment-details-header svg {
    color: #28a745;
}

/* Bank Transfer Styles */
.checkout-bank-info-header {
    margin-bottom: 20px;
}

.checkout-bank-info-header p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-bank-advantages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-bank-advantages li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-bank-advantages li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 300;
}

.checkout-banks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}




.checkout-bank-info {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: fit-content;
}

.checkout-bank-info:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.checkout-bank-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-bank-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.checkout-bank-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.checkout-bank-details {
    margin-bottom: 15px;
}

.checkout-bank-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.checkout-bank-detail-row:hover {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.checkout-bank-detail-row:last-child {
    border-bottom: none;
}

.checkout-bank-label {
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.checkout-bank-value {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-align: right;
    word-break: break-all;
}

.checkout-iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.checkout-iban {
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkout-iban-copy-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
}

.checkout-iban-copy-btn:hover {
    background: #0056b3;
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.checkout-bank-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    position: relative;
}

.checkout-bank-note::before {
    content: "💡";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff3cd;
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
}

.checkout-bank-note p {
    margin: 0;
    color: #856404;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Credit Card Styles */
.checkout-credit-card-provider {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-provider-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin-bottom: 8px;
    color: #666;
    font-size: 14px;
}

.checkout-credit-card-info {
    margin-top: 20px;
}

.checkout-credit-card-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-card-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.checkout-card-icons img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Cash on Delivery Styles */
.checkout-cash-on-info {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages,
.checkout-cash-on-process,
.checkout-cash-on-important {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages h6,
.checkout-cash-on-process h6,
.checkout-cash-on-important h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-cash-on-advantages-list,
.checkout-cash-on-steps,
.checkout-cash-on-important-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-advantages-list li,
.checkout-cash-on-steps li,
.checkout-cash-on-important-list li {
    padding: 6px 0;
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-cash-on-advantages-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-steps li::before {
    content: '📋';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-important-list li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-steps li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.checkout-cash-on-steps li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 8px;
    background: #007bff;
    color: #ffffff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-cash-on-steps {
    counter-reset: step-counter;
}

.checkout-cash-on-fee {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.checkout-cash-on-fee-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-cash-on-fee-header span {
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-fee-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-cash-on-fee-label {
    color: #666;
    font-size: 14px;
}

.checkout-cash-on-fee-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
}

.checkout-cash-on-fee-free {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #155724;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.checkout-cash-on-fee-free span {
    font-size: 16px;
    font-weight: 600;
}

.checkout-cash-on-fee-free small {
    font-size: 12px;
    color: #0f5132;
    opacity: 0.8;
}

.checkout-cash-on-fee-note {
    margin-top: 10px;
    padding: 8px 12px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.checkout-cash-on-fee-note small {
    color: #856404;
    font-size: 12px;
}

/* Order Summary Styles */
.checkout-order-summary {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: sticky;
    top: 20px;
    margin-top: 0;
}

.checkout-order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-items-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 300;
}

.checkout-order-items {
    margin-bottom: 25px;
}

.checkout-order-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-order-item:last-child {
    border-bottom: none;
}

.checkout-order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-order-item-details {
    flex: 1;
}

.checkout-order-item-details p {
    margin: 0 0 5px 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.checkout-cart-product__variant {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.checkout-order-item-price {
    text-align: right;
    flex-shrink: 0;
}

.checkout-price-info {
    margin-bottom: 5px;
}

.checkout-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    display: block;
}

.checkout-discount-badge {
    background: #dc3545;
    color: #ffffff !important;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.checkout-current-price {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}

.checkout-savings-info {
    margin-top: 5px;
}

.checkout-savings-text {
    font-size: 12px;
    color: #28a745;
    font-weight: 500;
}

/* Summary Section Styles */
.checkout-summary-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkout-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-summary-header svg {
    color: #28a745;
}

.checkout-summary-main {
    margin-bottom: 20px;
}

.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-summary-row:last-child {
    border-bottom: none;
}

.checkout-summary-row span:first-child {
    color: #666;
    font-size: 14px;
}

.checkout-summary-row span:last-child {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* İndirimler satırı için özel stil */
.checkout-discounts-row {
    color: #28a745;
    font-weight: 500;
}

.checkout-discounts-row span:last-child {
    color: #dc3545;
    font-weight: 600;
}

/* Sipariş detayı için sabit genişlik */
.col-lg-5.col-xl-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 992px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Checkout sayfasındaki sipariş detayı için özel stil */
.checkout-summary-section {
    position: sticky !important;
    top: 0 !important;
    height: fit-content !important;
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Sipariş Notu Bölümü */
.checkout-order-note-section {
    margin-bottom: 2rem;
}

.checkout-order-note-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Kargo Seçimi Bölümü */
.checkout-cargo-selection-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Sipariş Notu */
.checkout-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-section h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-form-group {
    margin-bottom: 1rem;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

.checkout-form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    resize: vertical;
    min-height: 80px;
    background: white;
    color: var(--minimal-text);
}

.checkout-form-group textarea:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* Sözleşme Onayları */
.checkout-agreements-section {
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-agreements-section h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-agreement-item {
    margin-bottom: 1rem;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.5;
}

.checkout-checkbox-input {
    margin: 0;
    width: 1rem;
    height: 1rem;
    accent-color: var(--minimal-primary);
}

.checkout-checkbox-text {
    flex: 1;
    color: var(--minimal-text);
}

.checkout-checkbox-text a {
    color: var(--minimal-primary);
}

/* Address Modal Kurumsal Alanları */
#companyFields {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

#companyFields.show {
    display: block;
    opacity: 1;
    visibility: visible;
}

#companyFields .form-group {
    margin-bottom: 1rem;
}

#companyFields .form-group:last-child {
    margin-bottom: 0;
}

#companyFields label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

#companyFields input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
    color: var(--minimal-text);
    transition: all 0.2s ease;
}

#companyFields input:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

#companyFields input:disabled {
    background: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

#companyFields .invalid-feedback {
    display: block;
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Address Modal Genel Stiller */
.minimal-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.minimal-modal-content {
    position: relative;
    max-width: 700px;
    width: 95%;
    max-height: 90vh;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.minimal-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
    flex-shrink: 0;
}

.minimal-modal-header h3 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 1.125rem;
}

.minimal-modal-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.minimal-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.minimal-modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-shrink: 0;
}

.minimal-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.minimal-btn-primary {
    background: #667eea;
    color: #ffffff !important;
    border-color: #667eea;
}

.minimal-btn-primary:hover {
    background: #5a67d8;
    border-color: #5a67d8;
}

.minimal-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

.minimal-btn-secondary:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

.checkout-order-summary {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    padding: 1.5rem !important;
    border: 1px solid #e5e7eb !important;
}

@media (min-width: 992px) {
    .checkout-summary-section {
        width: 41.666667% !important;
        max-width: 41.666667% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .checkout-summary-section {
        width: 33.333333% !important;
        max-width: 33.333333% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Mobilde sticky özelliğini kapat */

.checkout-cash-on-delivery {
    color: #dc3545;
}

.checkout-cash-on-delivery span:last-child {
    color: #dc3545;
}

/* Discounts Section Styles */
.checkout-discounts-section {
    margin-bottom: 20px;
}

.checkout-discounts-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-discounts-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-discounts-header svg {
    color: #28a745;
}

.checkout-discounts-list {
    display: grid;
    gap: 10px;
}

.checkout-discount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 4px solid #28a745;
}

.checkout-discount-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-discount-info svg {
    color: #28a745;
}

.checkout-discount-info span {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.checkout-discount-value {
    font-weight: 600;
    color: #28a745;
    font-size: 14px;
}

.checkout-cart-discount {
    border-left-color: #007bff;
}

.checkout-cart-discount .checkout-discount-info svg,
.checkout-cart-discount .checkout-discount-value {
    color: #007bff;
}

.checkout-websale {
    border-left-color: #ffc107;
}

.checkout-websale .checkout-discount-info svg,
.checkout-websale .checkout-discount-value {
    color: #ffc107;
}

.checkout-campaign {
    border-left-color: #17a2b8;
}

.checkout-campaign .checkout-discount-info svg,
.checkout-campaign .checkout-discount-value {
    color: #17a2b8;
}

.checkout-coupon {
    border-left-color: #6f42c1;
}

.checkout-coupon .checkout-discount-info svg,
.checkout-coupon .checkout-discount-value {
    color: #6f42c1;
}

.checkout-transaction-discount {
    border-left-color: #20c997;
}

.checkout-transaction-discount .checkout-discount-info svg,
.checkout-transaction-discount .checkout-discount-value {
    color: #20c997;
}

/* Total Section Styles */
.checkout-total-section {
    border-top: 2px solid #e9ecef;
    padding-top: 20px;
    margin-top: 20px;
}

.checkout-total-row {
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.checkout-total-row span:first-child {
    color: #333;
    font-size: 18px;
}

.checkout-total-row span:last-child {
    color: #28a745;
    font-size: 20px;
}

/* Submit Section Styles */
.checkout-submit-section {
    margin-top: 25px;
}

.checkout-submit-btn {
    width: 100%;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.checkout-submit-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-submit-btn:disabled {
    background: #6c757d;
    color: #ffffff !important;
    cursor: not-allowed;
}

.checkout-btn-loading {
    display: none;
}

/* Payment Methods Section Styles */
.checkout-payment-methods {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e9ecef;
}

.checkout-payment-methods-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-methods-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-payment-methods-header svg {
    color: #28a745;
}

.checkout-payment-methods-content {
    text-align: center;
}

.checkout-payment-methods-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.checkout-payment-methods-info p {
    font-size: 12px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

/* Continue Shopping Styles */
.checkout-continue-shopping {
    margin-top: 20px;
    text-align: center;
}

.checkout-continue-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.checkout-continue-link:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Form Field Styles */
.checkout-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}


.checkout-form-group {
    margin-bottom: 20px;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}

.checkout-form-group input,
.checkout-form-group select,
.checkout-form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: white;
}

.checkout-form-group input:focus,
.checkout-form-group select:focus,
.checkout-form-group textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-form-group input.error,
.checkout-form-group select.error,
.checkout-form-group textarea.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.checkout-field-note {
    font-size: 12px;
    color: #6c757d;
    margin-top: 5px;
    line-height: 1.4;
}

.required-f {
    color: #dc3545;
    font-weight: 300;
}

/* Checkbox Styles */
.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.checkout-checkbox-label input[type="checkbox"] {
    width: auto;
    margin: 0;
    margin-top: 2px;
}

.checkout-checkbox-label a {
    color: #007bff;
    text-decoration: none;
}

.checkout-checkbox-label a:hover {
    text-decoration: underline;
}

/* Error Message Styles */
.checkout-error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    color: #721c24;
}

.checkout-error-message h6 {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.checkout-error-list {
    margin: 0;
    padding-left: 20px;
}

.checkout-error-list li {
    margin-bottom: 5px;
}

/* Breadcrumb Styles */
.checkout-breadcrumb {
    background: white;
    border-bottom: 1px solid #e9ecef;
    padding: 15px 0;
    margin-bottom: 30px;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: "/";
    margin-left: 10px;
    color: #6c757d;
}

.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.active span {
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #007bff;
    color: #ffffff !important;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1000;
    transition: top 0.3s;
}

.skip-to-content:focus {
    top: 6px;
}

/* Responsive Styles */




/* Checkout Modal Fixes - Critical for clickable elements */
#addressModal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

#addressModal .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

#addressModal .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

#addressModal .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

#addressModal .modal .btn,
#addressModal .modal button,
#addressModal .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

#addressModal .modal-header,
#addressModal .modal-body,
#addressModal .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all address modal elements to be clickable */
#addressModal * {
    pointer-events: auto !important;
}

#addressModal button,
#addressModal .btn,
#addressModal a,
#addressModal select,
#addressModal input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

#addressModal input {
    cursor: auto !important;
}

.uw-checkout-container .modal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

.uw-checkout-container .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

.uw-checkout-container .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

.uw-checkout-container .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

.uw-checkout-container .modal .btn,
.uw-checkout-container .modal button,
.uw-checkout-container .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

.uw-checkout-container .modal-header,
.uw-checkout-container .modal-body,
.uw-checkout-container .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all checkout page elements to be clickable */
.uw-checkout-container * {
    pointer-events: auto !important;
}

.uw-checkout-container button,
.uw-checkout-container .btn,
.uw-checkout-container a,
.uw-checkout-container select,
.uw-checkout-container input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

.uw-checkout-container input {
    cursor: auto !important;
}

/* ===== PRODUCT GALLERY STYLES - UNIQUE CLASSES ===== */
/* Product Gallery - Swiper.js Integration with Unique Classes */
.product-gallery-simple {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* CSS Çakışmalarını Önlemek İçin Benzersiz Prefix */
.product-gallery-simple * {
    box-sizing: border-box;
}

.product-gallery-simple .swiper-container {
    position: relative;
    width: 100%;
    height: auto;
}

/* Product Gallery Container - Benzersiz */
.product-gallery-container {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Product Gallery Main - Benzersiz */
.product-gallery-main {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Counter - Benzersiz */
.product-gallery-counter {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.9);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Product Gallery Buttons - Benzersiz */
.product-gallery-zoom-btn,
.product-gallery-close-btn {
    position: absolute;
    top: 15px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-zoom-btn {
    right: 50px;
}

.product-gallery-close-btn {
    right: 15px;
}

.product-gallery-zoom-btn:hover,
.product-gallery-close-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Product Gallery Navigation - Benzersiz */
.product-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 15px 12px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-nav:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.product-gallery-nav.product-gallery-prev {
    left: 20px;
}

.product-gallery-nav.product-gallery-next {
    right: 20px;
}

/* Swiper Elementleri İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-wrapper {
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.product-gallery-simple .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* Product Gallery Main Swiper - Benzersiz */
.product-gallery-main-swiper {
    width: 100% !important;
    height: 100% !important;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fafafa !important;
    min-height: 500px !important;
}

/* Product Gallery Image Link - Benzersiz */
.product-gallery-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}

.product-gallery-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Video Link - Benzersiz */
.product-gallery-video-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    position: relative !important;
}

.product-gallery-video-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Play Button - Benzersiz */
.product-gallery-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 20px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-play-btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.product-gallery-play-btn svg {
    width: 30px;
    height: 30px;
}

/* Swiper Navigation ve Pagination İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-button-next,
.product-gallery-simple .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background: none;
    color: #333;
}

.product-gallery-simple .swiper-pagination {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

/* Swiper Bullet'lar İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    opacity: 0.5;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Swiper Thumbs İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs {
    margin-top: 20px;
}

.product-gallery-simple .swiper-thumbs .swiper-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-thumbs .swiper-slide:hover {
    border-color: #dc2626;
    transform: scale(1.05);
}

/* Swiper Thumbs Active State İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs .swiper-slide-thumb-active {
    border-color: #dc2626;
    border-width: 2px;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

/* Swiper Thumbs Image İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Product Gallery Thumbs - Benzersiz */
.product-gallery-thumbs {
    background: #fafafa !important;
    padding: 12px 0 !important;
    border-top: none !important;
    margin-top: 20px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 100px !important;
    align-items: center !important;
}

/* Product Gallery Thumbnail Swiper - Benzersiz */
.product-gallery-thumbnail-swiper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 80px !important;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626 !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15) !important;
}

.product-gallery-thumbnail-swiper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Product Gallery Thumbnail Active - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626 !important;
    border-width: 2px !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2) !important;
    z-index: 2 !important;
}

/* Product Gallery Thumbnail - Benzersiz */
.product-gallery-thumbnail {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    box-sizing: border-box !important;
}

/* Product Gallery Thumbnail Swiper Wrapper - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    align-content: center !important;
    flex-direction: row !important;
    min-height: 80px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    flex-grow: 1 !important;
    flex-basis: auto !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    perspective: none !important;
    transform-style: flat !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Product Gallery Video Play Button Small - Benzersiz */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small svg {
    width: 14px;
    height: 14px;
}

/* Product Gallery Thumbnail Navigation - Benzersiz */
.product-gallery-swiper-next-thumbs,
.product-gallery-swiper-prev-thumbs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.product-gallery-swiper-next-thumbs {
    right: 5px;
    z-index: 15;
}

.product-gallery-swiper-prev-thumbs {
    left: 5px;
    z-index: 15;
}

.product-gallery-swiper-next-thumbs:hover,
.product-gallery-swiper-prev-thumbs:hover {
    background: rgba(220, 38, 38, 0.8);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    z-index: 15;
}

/* Product Gallery Responsive - Benzersiz */


/* Main Gallery Swiper - Unique */
.product-gallery-main-swiper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.product-gallery-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-main-image {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-gallery-main-image:hover {
    transform: scale(1.02);
}

/* Video Play Button - Unique */
.product-gallery-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Thumbnail Swiper - Unique */
.product-gallery-thumbnail-swiper {
    width: 100%;
    height: auto;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: auto;
    height: auto;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626;
    transform: translateY(-2px);
}

.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.product-gallery-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

/* Video Play Button Small - Unique */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Swiper Navigation - Unique */
.product-gallery-swiper-next,
.product-gallery-swiper-prev {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: #333;
    transition: all 0.3s ease;
}

.product-gallery-swiper-next:hover,
.product-gallery-swiper-prev:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.product-gallery-swiper-next::after,
.product-gallery-swiper-prev::after {
    font-size: 18px;
    font-weight: 300;
}

/* Swiper Pagination - Unique */
.product-gallery-swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Simple Gallery Modal - Unique */
.product-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.product-gallery-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    z-index: 1;
}

.product-gallery-modal-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 4px;
}

.product-gallery-modal-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

.product-gallery-modal-nav button {
    background: #dc2626;
    color: #ffffff !important;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-gallery-modal-nav button:hover {
    background: #b91c1c;
}

.product-gallery-modal-counter {
    font-weight: 300;
    color: #333;
}

/* Responsive Design - Unique */


.user-account-container {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 2rem 0;
}

.user-account-layout {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    min-height: 80vh;
    border: 1px solid #f0f0f0;
}

.user-sidebar {
    width: 280px;
    background: white;
    color: #333;
    position: relative;
    flex-shrink: 0;
    border-right: 1px solid #f0f0f0;
}

.user-content {
    flex: 1;
    padding: 2rem;
    background-color: #fafbfc;
    overflow-y: auto;
}

.sidebar {
    padding: 2rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.sidebar li {
    margin-bottom: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.sidebar li:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

.sidebar li.active {
    background: #f8f9fa;
    border-left: 3px solid #dc3545;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.sidebar li a {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    color: #555;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    width: 100%;
    justify-content: flex-start;
    gap: 0.75rem;
}

.sidebar li.active a {
    color: #dc3545;
    font-weight: 600;
}

.sidebar li:hover a {
    color: #333;
    transform: translateX(3px);
}

.sidebar li a i {
    width: 20px;
    height: 20px;
    font-size: 16px;
    opacity: 0.7;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar li.active a i {
    opacity: 1;
    color: #dc3545;
}

.sidebar li:hover a i {
    opacity: 0.9;
    color: #333;
}

.sidebar li a span {
    flex: 1;
    text-align: left;
}

/* Responsive Design */


/* Minimal Design Components */
.minimal-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    border: 1px solid #f0f0f0;
}

.minimal-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.minimal-card-header {
    padding: 1.25rem;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.minimal-card-body {
    padding: 1.25rem;
}

.minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.8rem;
    gap: 0.4rem;
    letter-spacing: 0.025em;
    min-height: 36px;
}

.minimal-btn-primary {
    background: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-primary:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.minimal-btn-secondary {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #ffffff !important;
}

.minimal-btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #ffffff !important;
}

.minimal-btn-danger {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
}

.minimal-btn-success {
    background-color: #28a745;
    border: 1px solid #28a745;
    color: #ffffff !important;
}

.minimal-btn-success:hover {
    background-color: #218838;
    border-color: #218838;
    color: #ffffff !important;
}

.minimal-btn-sm {
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    min-height: 32px;
}

.minimal-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.minimal-icon-sm {
    width: 1rem;
    height: 1rem;
}

.minimal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.25rem;
}

.minimal-badge-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.minimal-badge-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.minimal-badge-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.minimal-grid {
    display: grid;
    gap: 1.5rem;
}

.minimal-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.minimal-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.minimal-form-group {
    margin-bottom: 1rem;
}

.minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
}

.minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.3s ease;
    background: #ffffff;
}

.minimal-form-input:focus {
    outline: none;
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220,53,69,0.1);
}

.minimal-form-textarea {
    min-height: 100px;
    resize: vertical;
}

.minimal-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
}

.minimal-table th,
.minimal-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.minimal-table th {
    background: #fafafa;
    font-weight: 600;
    color: #333;
}

.minimal-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.minimal-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.minimal-modal-content {
    background: white;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 1px solid #f0f0f0;
}

.minimal-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
}

.minimal-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.minimal-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #999;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.minimal-modal-close:hover {
    background-color: #f8f9fa;
    color: #333;
}

.minimal-modal-body {
    padding: 1.5rem;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* CSS Variables for consistent theming */ 

/* ===== NOTIFICATIONS PAGE STYLES ===== */

.notifications-page-header {
    margin-bottom: 2rem;
}

.notifications-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

.notifications-header-actions {
    flex-shrink: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.notifications-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #333;
}

.notifications-page-description {
    color: #666;
    margin: 0;
    font-size: 1rem;
}

.notifications-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-item {
    border-left: 4px solid;
    transition: all 0.3s ease;
}

.notification-item.read {
    border-left-color: #e5e7eb;
    opacity: 0.8;
}

.notification-item.unread {
    border-left-color: #3b82f6;
    background-color: #f8fafc;
}

.notification-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.notification-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-icon {
    width: 40px;
    height: 40px;
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.read {
    background: #6b7280;
}

.notification-icon.unread {
    background: #3b82f6;
}

.notification-title {
    margin: 0;
    font-weight: 600;
    color: #333;
    font-size: 1rem;
}

.notification-date {
    color: #666;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.notification-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}



/* Gruplu Ürün Tasarımı */
.grouped-product {
    background: #fff;
    border-radius: 0;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
}

.grouped-product-header {
    margin-bottom: 20px;
}

.grouped-product-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grouped-product-title .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.customization-icon {
    background: #10b981;
    color: #ffffff !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.customization-icon:hover {
    background: #059669;
}

.grouped-product-price {
    margin-bottom: 12px;
}

.grouped-product-price .total-price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    line-height: 1.2;
}

/* Takım İçeriği Bölümü */
.set-content-section {
    margin-bottom: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.set-content-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.set-content-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grouped-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: white;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
}

.grouped-product-info {
    flex: 1;
}

.grouped-product-name {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.grouped-product-price {
    font-size: 13px;
    color: #dc2626;
    font-weight: 600;
}

.grouped-product-quantity {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.quantity-label {
    font-weight: 500;
}

.quantity-value {
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 12px;
}

/* Gruplu Ürün Aksiyon Bölümü */
.grouped-action-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.grouped-action-section .quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
    margin-bottom: 12px;
}

.grouped-action-section .qty-btn {
    width: 28px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.grouped-action-section .qty-btn:hover {
    background: #e9ecef;
}

.grouped-action-section .qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 6px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-to-cart-btn {
    background: #374151;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #1f2937;
}

.add-to-cart-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.buy-now-btn {
    background: #6b7280;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.buy-now-btn:hover {
    background: #4b5563;
}

.buy-now-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* Ürün Özellikleri */
.product-features {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 3px;
    font-size: 13px;
    color: #374151;
    font-weight: 500;
}

.feature-item i {
    color: #10b981;
    font-size: 14px;
}

/* Responsive Tasarım */

/* Normal Ürün Tasarımı */
.product-variant-selector {
    max-width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Ürün Başlığı */
.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Ürün Bilgileri */
.product-info {
    margin-bottom: 12px;
}

.product-info .price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    margin-bottom: 8px;
    line-height: 1.2;
}

.product-info .status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.product-info .status svg {
    width: 16px;
    height: 16px;
}

.product-info .status.in-stock .status-text {
    color: #059669;
    font-weight: 500;
}

.product-info .status.out-of-stock .status-text {
    color: #dc2626;
    font-weight: 500;
}

/* Ürün Alt Başlığı */
.product-subtitle {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Varyant Bölümü */
.variants-section {
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 16px;
}

.variant-group:last-child {
    margin-bottom: 0;
}

.variant-header {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: normal;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: 2px solid #e5e5e5;
}

/* Seçili Varyant Göstergesi */
.variant-selection-indicator {
    background: #4a5568;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
}

.variant-selection-indicator::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a5568;
}

/* Text Label */
.text-label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.text-label:hover {
    border-color: #d4af37;
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #d4af37;
    background: #fff;
    color: #333;
}

/* Color Label */
.color-label {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #e5e5e5;
}

.color-label:hover {
    transform: scale(1.05);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #d4af37;
    transform: scale(1.05);
}

/* Image Label */
.image-label {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #e5e5e5;
}

.image-label:hover {
    transform: scale(1.02);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #d4af37;
    transform: scale(1.02);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.variant-option input[type="radio"]:disabled + .text-label {
    text-decoration: line-through;
}

/* Miktar Bölümü */
.quantity-section {
    margin-bottom: 20px;
}

.quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
}

.qty-btn {
    width: 32px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.qty-btn:hover {
    background: #e9ecef;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Aksiyon Butonları */
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.btn-add-cart {
    background: #f8f9fa;
    color: #333;
    border-color: #e5e5e5;
}

.btn-add-cart:hover {
    background: #e9ecef;
}

.btn-buy-now {
    background: #000;
    color: #fff;
    border-color: #000;
}

.btn-buy-now:hover {
    background: #333;
}

.btn-restock-alert {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-restock-alert:hover {
    background: #dc2626;
    color: #fff;
}

.btn-restock-alert svg {
    width: 16px;
    height: 16px;
}

/* Stok yokken butonları devre dışı bırak */
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input stok yokken devre dışı */
.quantity-control.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Mesajlar */
.messages {
    margin-bottom: 20px;
}

.message {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Varyant Yok */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 14px;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-section input[type="radio"] {
    display: none;
}

/* Loading States */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fiyat Bölümü */
.price-section {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.price-section .current-price {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}

.price-section .credit-card-price {
    font-size: 16px;
    color: #64748b;
    display: block;
    margin-bottom: 4px;
}

.price-section .credit-card-price .label {
    font-weight: 500;
}

.price-section .credit-card-price .amount {
    font-weight: 600;
    color: #475569;
}

.price-section .old-price {
    font-size: 18px;
    color: #94a3b8;
    text-decoration: line-through;
    display: block;
}

.price-section .old-price .amount {
    font-weight: 500;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 32px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item .label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Varyant Seçimi */
.variant-form {
    margin-bottom: 32px;
}

.variants-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variant-section {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.variant-header {
    background: #f8fafc;
    padding: 16px 20px;
    font-weight: 300;
    font-size: 14px;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Text Label */
.text-label {
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    min-width: 60px;
    text-align: center;
}

.text-label:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

/* Color Label */
.color-label {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
}

.color-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.color-label:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #3b82f6;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .color-label::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

/* Image Label */
.image-label {
    width: 70px;
    height: 70px;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-label::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.image-label::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.image-label:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .image-label::before,
.variant-option input[type="radio"]:checked + .image-label::after {
    transform: scale(1);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Action Section */
.action-section {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

/* Quantity Control */
.quantity-control {
    display: flex;
    align-items: center;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    width: 140px;
    height: 52px;
}

.qty-btn {
    width: 44px;
    height: 100%;
    border: none;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    color: #475569;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qty-btn:hover {
    background: #3b82f6;
    color: #fff;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0f172a;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
    cursor: pointer;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Secondary Actions */
.secondary-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.secondary-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.secondary-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* No Variants */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-container input[type="radio"] {
    display: none;
}

/* ===== TAKIM ÜRÜNLERİ TABLOSU STİLLERİ ===== */
.pdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin: 20px 0;
}

.pdp-table th {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 20px 16px;
    border-bottom: 2px solid #e2e8f0;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pdp-table td {
    padding: 20px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdp-table tbody tr:last-child td {
    border-bottom: none;
}

/* Takım ürünleri miktar seçici */
.pdp-table .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 120px;
}

.pdp-table .pdp-qty .qty-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.pdp-table .pdp-qty .qty-btn:active {
    transform: translateY(0) scale(0.95);
}

.pdp-table .pdp-qty .qty-input {
    width: 70px;
    height: 50px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
}

/* Takım ürünleri bilgi alanı */
.child-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.child-product-info strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.child-product-info small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

/* Tablo responsive wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Mobilde tablo sütunlarını gizle */

/* Modern Takım Ürünleri Checkbox */
.pdp-table input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Modern Takım Ürünleri Fiyat Sütunları */
.pdp-table .price-column {
    font-weight: 700;
    color: #059669;
    text-align: right;
    font-size: 15px;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pdp-table .quantity-column {
    text-align: center;
}

.pdp-table .include-column {
    text-align: center;
}

/* Modern Takım Toplam Fiyat */
.team-total {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 24px 32px;
    border-radius: 16px;
    margin-top: 32px;
    text-align: right;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.team-total::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.team-total p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.team-total span {
    color: #059669;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive tablo */

/* Takım ürünleri başlık */
.pdp-section h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

/* Takım ürünleri açıklama */
.team-description {
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

.team-description p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

/* Takım ürünleri özellikler */
.team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.team-feature {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.team-feature-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 18px;
}

.team-feature h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.team-feature p {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

/* Loading States */
.add-to-cart-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for variant selection */
@keyframes variantPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.variant-label.selected {
    animation: variantPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fiyat Bölümü */
.product-single__price {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.product-single__price .current-price {
    font-size: 28px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
    margin-bottom: 8px;
}

.product-single__price .credit-card-price {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.product-single__price .old-price {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
}

/* Swatch Container Styles */
.product-single__swatches {
    margin-bottom: 32px;
}

.product-swatch {
    margin-bottom: 24px;
}

.product-swatch label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

/* Text Swatch Styles */
.text-swatches .swatch {
    padding: 12px 20px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text-swatches .swatch:hover {
    border-color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.text-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.text-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ddd;
    transform: none;
    box-shadow: none;
}

/* Color Swatch Styles */
.color-swatches .swatch {
    width: 48px;
    height: 48px;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.color-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.color-swatches .swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.color-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.color-swatches input[type="radio"]:checked + .swatch::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.color-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Image Swatch Styles */
.image-swatches .swatch {
    width: 70px;
    height: 70px;
    border: 3px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 2;
}

.image-swatches .swatch::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 3;
}

.image-swatches .swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.image-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
}

.image-swatches input[type="radio"]:checked + .swatch::before,
.image-swatches input[type="radio"]:checked + .swatch::after {
    transform: scale(1);
}

.image-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Quantity Control Styles */
.product-single__addtocart {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.qty-control {
    position: relative;
    width: 120px;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.qty-control__number {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
}

.qty-control__reduce,
.qty-control__increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    transition: all 0.3s ease;
}

.qty-control__reduce {
    left: 4px;
    border-radius: 6px;
}

.qty-control__increase {
    right: 4px;
    border-radius: 6px;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #007bff;
    color: #fff;
}

/* Add to Cart Button */
.btn-addtocart {
    flex: 1;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
    background: linear-gradient(135deg, #0056b3, #004085);
}

.btn-addtocart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Additional Links */
.product-single__addtolinks {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.product-single__addtolinks .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
}

.product-single__addtolinks .menu-link:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Selected Variant Info */
.selected-variant-info {
    background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
    border: 1px solid #d1e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

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

.variant-sku {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.variant-stock {
    font-size: 14px;
    font-weight: 600;
    color: #28a745;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.product-single__swatches input[type="radio"] {
    display: none;
}

/* Loading States */
.btn-addtocart.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for swatch selection */
@keyframes swatchPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.swatch.selected {
    animation: swatchPulse 0.3s ease;
}

/* ===== VARYANT GENEL STİLLERİ ===== */
.product__options {
    margin: 20px 0;
}

.variant-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.variant-option:last-child {
    border-bottom: none;
}

.variant-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.variant-required {
    color: #dc3545;
    font-weight: 300;
}

.variant-selection-info {
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Text Variant Styles */
.variant-text-wrapper {
    margin-top: 10px;
}

.text-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    border-color: #005850;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    border-color: #005850;
    background: #005850;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option--active:hover {
    background: #004040;
    border-color: #004040;
}

.text-option--unavailable {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
}

.text-option--unavailable:hover {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    transform: none;
    box-shadow: none;
}

.text-option__text {
    display: block;
}

.text-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Color Variant Styles */
.variant-color-wrapper {
    margin-top: 10px;
}

.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.color-option:hover:not(:disabled) {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-option--active {
    border-color: #005850;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.color-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.color-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.color-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 6px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.color-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.color-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Image Variant Styles */
.variant-image-wrapper {
    margin-top: 10px;
}

.image-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-option {
    position: relative;
    width: 70px;
    height: 70px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-option:hover:not(:disabled) {
    border-color: #005850;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.image-option--active {
    border-color: #005850;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    transform: translateY(-2px);
}

.image-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.image-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.image-option__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-option__text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
}

.image-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.image-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Select Variant Styles */
.variant-select-wrapper {
    margin-top: 10px;
}

.variant-select {
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.variant-select:hover {
    border-color: #005850;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.variant-select:focus {
    border-color: #005850;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1);
    outline: none;
}

.variant-select--has-selection {
    border-color: #005850;
    background: #f8f9ff;
}

.variant-select option:disabled {
    color: #6c757d;
    background: #f8f9fa;
}

/* Stock Alert Styles */
.stock-alert {
    margin: 15px 0;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid;
    animation: fadeIn 0.3s ease-in-out;
}

.stock-alert-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

.stock-alert--low {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.stock-alert--low i {
    color: #f39c12;
}

.stock-alert--critical {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    animation: pulse 2s infinite;
}

.stock-alert--critical i {
    color: #dc3545;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* Form Validation Styles */
.checkout-form input.error,
.checkout-form select.error,
.checkout-form textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error:focus,
.checkout-form select.error:focus,
.checkout-form textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error-focused,
.checkout-form select.error-focused,
.checkout-form textarea.error-focused {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Loading Animation */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Coupon Section Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #28a745;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #28a745;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #28a745;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Flash Flasher Styles */
.fl-flasher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.fl-flasher.fl-show {
    transform: translateX(0);
}

.fl-flasher.fl-success {
    border-left: 4px solid #28a745;
}

.fl-flasher.fl-error {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-warning {
    border-left: 4px solid #ffc107;
}

.fl-flasher.fl-info {
    border-left: 4px solid #17a2b8;
}

.fl-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.fl-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.fl-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 300;
}

.fl-flasher.fl-success .fl-icon {
    background: #28a745;
}

.fl-flasher.fl-success .fl-icon::before {
    content: "✓";
}

.fl-flasher.fl-error .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-icon::before {
    content: "✕";
}

.fl-flasher.fl-warning .fl-icon {
    background: #ffc107;
}

.fl-flasher.fl-warning .fl-icon::before {
    content: "⚠";
}

.fl-flasher.fl-info .fl-icon {
    background: #17a2b8;
}

.fl-flasher.fl-info .fl-icon::before {
    content: "ℹ";
}

.fl-title {
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}

.fl-message {
    color: #ffffff !important;
    font-size: 13px;
    margin: 0;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e7eb;
}

.fl-progress {
    height: 100%;
    background: #28a745;
    transition: width 0.1s linear;
}

.fl-flasher.fl-success .fl-progress {
    background: #28a745;
}

.fl-flasher.fl-error .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-warning .fl-progress {
    background: #ffc107;
}

.fl-flasher.fl-info .fl-progress {
    background: #17a2b8;
}

/* Loading State Styles */
.checkout-coupon-apply-btn.loading,
.checkout-coupon-remove-btn.loading {
    pointer-events: none;
    opacity: 0.8;
    cursor: not-allowed !important;
    position: relative;
}

.checkout-coupon-apply-btn.loading::after,
.checkout-coupon-remove-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Coupon Area Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #28a745;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #28a745;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #28a745;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Agreement Section Styles */
.checkout-agreements-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-agreements-section h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-agreements-section h3::before {
    content: '📋';
    font-size: 14px;
}

.checkout-agreement-item {
    margin-bottom: 12px;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkout-checkbox-input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkout-checkbox-text {
    flex: 1;
}

.checkout-checkbox-text a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

/* Shipping Details Styles */
.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    margin-bottom: 30px;
}

.checkout-shipping-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-shipping-list {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-shipping-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checkout-shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-shipping-item.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

.checkout-shipping-status {
    color: #28a745;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #28a745;
    font-size: 14px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Section Note Styles */
.checkout-section-note {
    font-size: 14px;
    color: #6c757d;
    margin-top: 10px;
    line-height: 1.5;
}

/* Address Section Styles */
.checkout-address-section {
    margin-bottom: 30px;
}

.checkout-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-address-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.checkout-add-address-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.checkout-add-address-btn:hover {
    background: #0056b3;
    text-decoration: none;
    color: #ffffff !important;
}

.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 15px;
}

.checkout-empty-addresses h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.checkout-empty-addresses p {
    color: #6c757d;
    margin-bottom: 20px;
}

.checkout-address-list {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-address-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-address-item.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-address-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

.checkout-address-details {
    margin-bottom: 15px;
}

.checkout-address-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.checkout-address-text {
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.checkout-address-location {
    color: #666;
    margin-bottom: 5px;
}

.checkout-address-phone {
    color: #666;
    margin-bottom: 5px;
}

.checkout-company-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.checkout-company-info div {
    color: #666;
    font-size: 14px;
    margin-bottom: 3px;
}

.checkout-address-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.checkout-edit-btn,
.checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.checkout-edit-btn {
    background: #007bff;
    color: #ffffff !important;
}

.checkout-edit-btn:hover {
    background: #0056b3;
}

.checkout-delete-btn {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-delete-btn:hover {
    background: #c82333;
}

/* Payment Section Styles */
.checkout-payment-section {
    margin-bottom: 30px;
}

.checkout-payment-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.checkout-payment-options {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-payment-option.selected {
    border-color: #28a745;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-payment-option img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.checkout-payment-radio {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.checkout-payment-details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #28a745, #ffc107, #dc3545);
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-details-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Kredi Kartı Sağlayıcı Stilleri */
.checkout-credit-card-provider-info {
    margin-top: 20px;
}

.checkout-provider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: #666;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.checkout-credit-card-provider {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.checkout-credit-card-provider.active {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 60px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.checkout-provider-info h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.checkout-provider-status {
    margin-left: auto;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active {
    background: #28a745;
    color: #ffffff !important;
}

.checkout-provider-details {
    display: grid;
    gap: 15px;
}

.checkout-provider-section h6 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-supported-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-badge {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #666;
}

.checkout-provider-features,
.checkout-security-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-provider-features li,
.checkout-security-features li {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.checkout-provider-features li::before,
.checkout-security-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 300;
}

.checkout-provider-note {
    margin-top: 20px;
    padding: 15px;
    background: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 6px;
}

.checkout-provider-note p {
    margin: 0;
    font-size: 14px;
    color: #0c5460;
}

.checkout-payment-details-header svg {
    color: #28a745;
}

/* Bank Transfer Styles */
.checkout-bank-info-header {
    margin-bottom: 20px;
}

.checkout-bank-info-header p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-bank-advantages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-bank-advantages li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-bank-advantages li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 300;
}

.checkout-banks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}




.checkout-bank-info {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: fit-content;
}

.checkout-bank-info:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.checkout-bank-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-bank-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.checkout-bank-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.checkout-bank-details {
    margin-bottom: 15px;
}

.checkout-bank-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.checkout-bank-detail-row:hover {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.checkout-bank-detail-row:last-child {
    border-bottom: none;
}

.checkout-bank-label {
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.checkout-bank-value {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-align: right;
    word-break: break-all;
}

.checkout-iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.checkout-iban {
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkout-iban-copy-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
}

.checkout-iban-copy-btn:hover {
    background: #0056b3;
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.checkout-bank-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    position: relative;
}

.checkout-bank-note::before {
    content: "💡";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff3cd;
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
}

.checkout-bank-note p {
    margin: 0;
    color: #856404;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Credit Card Styles */
.checkout-credit-card-provider {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-provider-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin-bottom: 8px;
    color: #666;
    font-size: 14px;
}

.checkout-credit-card-info {
    margin-top: 20px;
}

.checkout-credit-card-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-card-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.checkout-card-icons img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Cash on Delivery Styles */
.checkout-cash-on-info {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages,
.checkout-cash-on-process,
.checkout-cash-on-important {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages h6,
.checkout-cash-on-process h6,
.checkout-cash-on-important h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-cash-on-advantages-list,
.checkout-cash-on-steps,
.checkout-cash-on-important-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-advantages-list li,
.checkout-cash-on-steps li,
.checkout-cash-on-important-list li {
    padding: 6px 0;
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-cash-on-advantages-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-steps li::before {
    content: '📋';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-important-list li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-steps li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.checkout-cash-on-steps li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 8px;
    background: #007bff;
    color: #ffffff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-cash-on-steps {
    counter-reset: step-counter;
}

.checkout-cash-on-fee {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.checkout-cash-on-fee-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-cash-on-fee-header span {
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-fee-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-cash-on-fee-label {
    color: #666;
    font-size: 14px;
}

.checkout-cash-on-fee-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
}

.checkout-cash-on-fee-free {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #155724;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.checkout-cash-on-fee-free span {
    font-size: 16px;
    font-weight: 600;
}

.checkout-cash-on-fee-free small {
    font-size: 12px;
    color: #0f5132;
    opacity: 0.8;
}

.checkout-cash-on-fee-note {
    margin-top: 10px;
    padding: 8px 12px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.checkout-cash-on-fee-note small {
    color: #856404;
    font-size: 12px;
}

/* Order Summary Styles */
.checkout-order-summary {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: sticky;
    top: 20px;
    margin-top: 0;
}

.checkout-order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-items-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 300;
}

.checkout-order-items {
    margin-bottom: 25px;
}

.checkout-order-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-order-item:last-child {
    border-bottom: none;
}

.checkout-order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-order-item-details {
    flex: 1;
}

.checkout-order-item-details p {
    margin: 0 0 5px 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.checkout-cart-product__variant {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.checkout-order-item-price {
    text-align: right;
    flex-shrink: 0;
}

.checkout-price-info {
    margin-bottom: 5px;
}

.checkout-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    display: block;
}

.checkout-discount-badge {
    background: #dc3545;
    color: #ffffff !important;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.checkout-current-price {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}

.checkout-savings-info {
    margin-top: 5px;
}

.checkout-savings-text {
    font-size: 12px;
    color: #28a745;
    font-weight: 500;
}

/* Summary Section Styles */
.checkout-summary-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkout-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-summary-header svg {
    color: #28a745;
}

.checkout-summary-main {
    margin-bottom: 20px;
}

.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-summary-row:last-child {
    border-bottom: none;
}

.checkout-summary-row span:first-child {
    color: #666;
    font-size: 14px;
}

.checkout-summary-row span:last-child {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* İndirimler satırı için özel stil */
.checkout-discounts-row {
    color: #28a745;
    font-weight: 500;
}

.checkout-discounts-row span:last-child {
    color: #dc3545;
    font-weight: 600;
}

/* Sipariş detayı için sabit genişlik */
.col-lg-5.col-xl-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 992px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Checkout sayfasındaki sipariş detayı için özel stil */
.checkout-summary-section {
    position: sticky !important;
    top: 0 !important;
    height: fit-content !important;
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Sipariş Notu Bölümü */
.checkout-order-note-section {
    margin-bottom: 2rem;
}

.checkout-order-note-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Kargo Seçimi Bölümü */
.checkout-cargo-selection-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Sipariş Notu */
.checkout-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-section h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-form-group {
    margin-bottom: 1rem;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

.checkout-form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    resize: vertical;
    min-height: 80px;
    background: white;
    color: var(--minimal-text);
}

.checkout-form-group textarea:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* Sözleşme Onayları */
.checkout-agreements-section {
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-agreements-section h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-agreement-item {
    margin-bottom: 1rem;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.5;
}

.checkout-checkbox-input {
    margin: 0;
    width: 1rem;
    height: 1rem;
    accent-color: var(--minimal-primary);
}

.checkout-checkbox-text {
    flex: 1;
    color: var(--minimal-text);
}

.checkout-checkbox-text a {
    color: var(--minimal-primary);
}

/* Address Modal Kurumsal Alanları */
#companyFields {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

#companyFields.show {
    display: block;
    opacity: 1;
    visibility: visible;
}

#companyFields .form-group {
    margin-bottom: 1rem;
}

#companyFields .form-group:last-child {
    margin-bottom: 0;
}

#companyFields label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

#companyFields input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
    color: var(--minimal-text);
    transition: all 0.2s ease;
}

#companyFields input:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

#companyFields input:disabled {
    background: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

#companyFields .invalid-feedback {
    display: block;
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Address Modal Genel Stiller */
.minimal-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.minimal-modal-content {
    position: relative;
    max-width: 700px;
    width: 95%;
    max-height: 90vh;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.minimal-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
    flex-shrink: 0;
}

.minimal-modal-header h3 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 1.125rem;
}

.minimal-modal-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.minimal-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.minimal-modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-shrink: 0;
}

.minimal-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.minimal-btn-primary {
    background: #667eea;
    color: #ffffff !important;
    border-color: #667eea;
}

.minimal-btn-primary:hover {
    background: #5a67d8;
    border-color: #5a67d8;
}

.minimal-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

.minimal-btn-secondary:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

.checkout-order-summary {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    padding: 1.5rem !important;
    border: 1px solid #e5e7eb !important;
}

@media (min-width: 992px) {
    .checkout-summary-section {
        width: 41.666667% !important;
        max-width: 41.666667% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .checkout-summary-section {
        width: 33.333333% !important;
        max-width: 33.333333% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Mobilde sticky özelliğini kapat */

.checkout-cash-on-delivery {
    color: #dc3545;
}

.checkout-cash-on-delivery span:last-child {
    color: #dc3545;
}

/* Discounts Section Styles */
.checkout-discounts-section {
    margin-bottom: 20px;
}

.checkout-discounts-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-discounts-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-discounts-header svg {
    color: #28a745;
}

.checkout-discounts-list {
    display: grid;
    gap: 10px;
}

.checkout-discount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 4px solid #28a745;
}

.checkout-discount-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-discount-info svg {
    color: #28a745;
}

.checkout-discount-info span {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.checkout-discount-value {
    font-weight: 600;
    color: #28a745;
    font-size: 14px;
}

.checkout-cart-discount {
    border-left-color: #007bff;
}

.checkout-cart-discount .checkout-discount-info svg,
.checkout-cart-discount .checkout-discount-value {
    color: #007bff;
}

.checkout-websale {
    border-left-color: #ffc107;
}

.checkout-websale .checkout-discount-info svg,
.checkout-websale .checkout-discount-value {
    color: #ffc107;
}

.checkout-campaign {
    border-left-color: #17a2b8;
}

.checkout-campaign .checkout-discount-info svg,
.checkout-campaign .checkout-discount-value {
    color: #17a2b8;
}

.checkout-coupon {
    border-left-color: #6f42c1;
}

.checkout-coupon .checkout-discount-info svg,
.checkout-coupon .checkout-discount-value {
    color: #6f42c1;
}

.checkout-transaction-discount {
    border-left-color: #20c997;
}

.checkout-transaction-discount .checkout-discount-info svg,
.checkout-transaction-discount .checkout-discount-value {
    color: #20c997;
}

/* Total Section Styles */
.checkout-total-section {
    border-top: 2px solid #e9ecef;
    padding-top: 20px;
    margin-top: 20px;
}

.checkout-total-row {
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.checkout-total-row span:first-child {
    color: #333;
    font-size: 18px;
}

.checkout-total-row span:last-child {
    color: #28a745;
    font-size: 20px;
}

/* Submit Section Styles */
.checkout-submit-section {
    margin-top: 25px;
}

.checkout-submit-btn {
    width: 100%;
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.checkout-submit-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-submit-btn:disabled {
    background: #6c757d;
    color: #ffffff !important;
    cursor: not-allowed;
}

.checkout-btn-loading {
    display: none;
}

/* Payment Methods Section Styles */
.checkout-payment-methods {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e9ecef;
}

.checkout-payment-methods-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-methods-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-payment-methods-header svg {
    color: #28a745;
}

.checkout-payment-methods-content {
    text-align: center;
}

.checkout-payment-methods-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.checkout-payment-methods-info p {
    font-size: 12px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

/* Continue Shopping Styles */
.checkout-continue-shopping {
    margin-top: 20px;
    text-align: center;
}

.checkout-continue-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.checkout-continue-link:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Form Field Styles */
.checkout-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}


.checkout-form-group {
    margin-bottom: 20px;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}

.checkout-form-group input,
.checkout-form-group select,
.checkout-form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: white;
}

.checkout-form-group input:focus,
.checkout-form-group select:focus,
.checkout-form-group textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-form-group input.error,
.checkout-form-group select.error,
.checkout-form-group textarea.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.checkout-field-note {
    font-size: 12px;
    color: #6c757d;
    margin-top: 5px;
    line-height: 1.4;
}

.required-f {
    color: #dc3545;
    font-weight: 300;
}

/* Checkbox Styles */
.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.checkout-checkbox-label input[type="checkbox"] {
    width: auto;
    margin: 0;
    margin-top: 2px;
}

.checkout-checkbox-label a {
    color: #007bff;
    text-decoration: none;
}

.checkout-checkbox-label a:hover {
    text-decoration: underline;
}

/* Error Message Styles */
.checkout-error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    color: #721c24;
}

.checkout-error-message h6 {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.checkout-error-list {
    margin: 0;
    padding-left: 20px;
}

.checkout-error-list li {
    margin-bottom: 5px;
}

/* Breadcrumb Styles */
.checkout-breadcrumb {
    background: white;
    border-bottom: 1px solid #e9ecef;
    padding: 15px 0;
    margin-bottom: 30px;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: "/";
    margin-left: 10px;
    color: #6c757d;
}

.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.active span {
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #007bff;
    color: #ffffff !important;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1000;
    transition: top 0.3s;
}

.skip-to-content:focus {
    top: 6px;
}

/* Responsive Styles */




/* Checkout Modal Fixes - Critical for clickable elements */
#addressModal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

#addressModal .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

#addressModal .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

#addressModal .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

#addressModal .modal .btn,
#addressModal .modal button,
#addressModal .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

#addressModal .modal-header,
#addressModal .modal-body,
#addressModal .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all address modal elements to be clickable */
#addressModal * {
    pointer-events: auto !important;
}

#addressModal button,
#addressModal .btn,
#addressModal a,
#addressModal select,
#addressModal input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

#addressModal input {
    cursor: auto !important;
}

.uw-checkout-container .modal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

.uw-checkout-container .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

.uw-checkout-container .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

.uw-checkout-container .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

.uw-checkout-container .modal .btn,
.uw-checkout-container .modal button,
.uw-checkout-container .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

.uw-checkout-container .modal-header,
.uw-checkout-container .modal-body,
.uw-checkout-container .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all checkout page elements to be clickable */
.uw-checkout-container * {
    pointer-events: auto !important;
}

.uw-checkout-container button,
.uw-checkout-container .btn,
.uw-checkout-container a,
.uw-checkout-container select,
.uw-checkout-container input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

.uw-checkout-container input {
    cursor: auto !important;
}

/* ===== PRODUCT GALLERY STYLES - UNIQUE CLASSES ===== */
/* Product Gallery - Swiper.js Integration with Unique Classes */
.product-gallery-simple {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* CSS Çakışmalarını Önlemek İçin Benzersiz Prefix */
.product-gallery-simple * {
    box-sizing: border-box;
}

.product-gallery-simple .swiper-container {
    position: relative;
    width: 100%;
    height: auto;
}

/* Product Gallery Container - Benzersiz */
.product-gallery-container {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Product Gallery Main - Benzersiz */
.product-gallery-main {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Counter - Benzersiz */
.product-gallery-counter {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.9);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Product Gallery Buttons - Benzersiz */
.product-gallery-zoom-btn,
.product-gallery-close-btn {
    position: absolute;
    top: 15px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-zoom-btn {
    right: 50px;
}

.product-gallery-close-btn {
    right: 15px;
}

.product-gallery-zoom-btn:hover,
.product-gallery-close-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Product Gallery Navigation - Benzersiz */
.product-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 15px 12px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-nav:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.product-gallery-nav.product-gallery-prev {
    left: 20px;
}

.product-gallery-nav.product-gallery-next {
    right: 20px;
}

/* Swiper Elementleri İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-wrapper {
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.product-gallery-simple .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* Product Gallery Main Swiper - Benzersiz */
.product-gallery-main-swiper {
    width: 100% !important;
    height: 100% !important;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fafafa !important;
    min-height: 500px !important;
}

/* Product Gallery Image Link - Benzersiz */
.product-gallery-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}

.product-gallery-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Video Link - Benzersiz */
.product-gallery-video-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    position: relative !important;
}

.product-gallery-video-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Play Button - Benzersiz */
.product-gallery-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 20px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-play-btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.product-gallery-play-btn svg {
    width: 30px;
    height: 30px;
}

/* Swiper Navigation ve Pagination İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-button-next,
.product-gallery-simple .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background: none;
    color: #333;
}

.product-gallery-simple .swiper-pagination {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

/* Swiper Bullet'lar İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    opacity: 0.5;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Swiper Thumbs İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs {
    margin-top: 20px;
}

.product-gallery-simple .swiper-thumbs .swiper-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-thumbs .swiper-slide:hover {
    border-color: #dc2626;
    transform: scale(1.05);
}

/* Swiper Thumbs Active State İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs .swiper-slide-thumb-active {
    border-color: #dc2626;
    border-width: 2px;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

/* Swiper Thumbs Image İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Product Gallery Thumbs - Benzersiz */
.product-gallery-thumbs {
    background: #fafafa !important;
    padding: 12px 0 !important;
    border-top: none !important;
    margin-top: 20px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 100px !important;
    align-items: center !important;
}

/* Product Gallery Thumbnail Swiper - Benzersiz */
.product-gallery-thumbnail-swiper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 80px !important;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626 !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15) !important;
}

.product-gallery-thumbnail-swiper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Product Gallery Thumbnail Active - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626 !important;
    border-width: 2px !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2) !important;
    z-index: 2 !important;
}

/* Product Gallery Thumbnail - Benzersiz */
.product-gallery-thumbnail {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    box-sizing: border-box !important;
}

/* Product Gallery Thumbnail Swiper Wrapper - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    align-content: center !important;
    flex-direction: row !important;
    min-height: 80px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    flex-grow: 1 !important;
    flex-basis: auto !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    perspective: none !important;
    transform-style: flat !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Product Gallery Video Play Button Small - Benzersiz */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small svg {
    width: 14px;
    height: 14px;
}

/* Product Gallery Thumbnail Navigation - Benzersiz */
.product-gallery-swiper-next-thumbs,
.product-gallery-swiper-prev-thumbs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.product-gallery-swiper-next-thumbs {
    right: 5px;
    z-index: 15;
}

.product-gallery-swiper-prev-thumbs {
    left: 5px;
    z-index: 15;
}

.product-gallery-swiper-next-thumbs:hover,
.product-gallery-swiper-prev-thumbs:hover {
    background: rgba(220, 38, 38, 0.8);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    z-index: 15;
}

/* Product Gallery Responsive - Benzersiz */


/* Main Gallery Swiper - Unique */
.product-gallery-main-swiper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.product-gallery-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-main-image {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-gallery-main-image:hover {
    transform: scale(1.02);
}

/* Video Play Button - Unique */
.product-gallery-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Thumbnail Swiper - Unique */
.product-gallery-thumbnail-swiper {
    width: 100%;
    height: auto;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: auto;
    height: auto;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626;
    transform: translateY(-2px);
}

.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.product-gallery-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

/* Video Play Button Small - Unique */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Swiper Navigation - Unique */
.product-gallery-swiper-next,
.product-gallery-swiper-prev {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: #333;
    transition: all 0.3s ease;
}

.product-gallery-swiper-next:hover,
.product-gallery-swiper-prev:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.product-gallery-swiper-next::after,
.product-gallery-swiper-prev::after {
    font-size: 18px;
    font-weight: 300;
}

/* Swiper Pagination - Unique */
.product-gallery-swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Simple Gallery Modal - Unique */
.product-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.product-gallery-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    z-index: 1;
}

.product-gallery-modal-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 4px;
}

.product-gallery-modal-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

.product-gallery-modal-nav button {
    background: #dc2626;
    color: #ffffff !important;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-gallery-modal-nav button:hover {
    background: #b91c1c;
}

.product-gallery-modal-counter {
    font-weight: 300;
    color: #333;
}

/* Responsive Design - Unique */


.user-account-container {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 2rem 0;
}

.user-account-layout {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    min-height: 80vh;
    gap: 2rem;
    border: 1px solid #f0f0f0;
}

.user-sidebar {
    width: 280px;
    background: white;
    color: #333;
    position: relative;
    flex-shrink: 0;
    border-right: 1px solid #f0f0f0;
}

.user-content {
    flex: 1;
    padding: 2rem;
    background-color: #fafbfc;
    overflow-y: auto;
}

.sidebar {
    padding: 2rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.sidebar li {
    margin-bottom: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.sidebar li:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

.sidebar li.active {
    background: #f8f9fa;
    border-left: 3px solid #dc3545;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.sidebar li a {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    color: #555;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    width: 100%;
    justify-content: flex-start;
    gap: 0.75rem;
}

.sidebar li.active a {
    color: #dc3545;
    font-weight: 600;
}

.sidebar li:hover a {
    color: #333;
    transform: translateX(3px);
}

.sidebar li a i {
    width: 20px;
    height: 20px;
    font-size: 16px;
    opacity: 0.7;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar li.active a i {
    opacity: 1;
    color: #dc3545;
}

.sidebar li:hover a i {
    opacity: 0.9;
    color: #333;
}

.sidebar li a span {
    flex: 1;
    text-align: left;
}

/* Responsive Design */


/* Minimal Design Components */
.minimal-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    border: 1px solid #f0f0f0;
}

.minimal-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.minimal-card-header {
    padding: 1.25rem;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.minimal-card-body {
    padding: 1.25rem;
}

.minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.8rem;
    gap: 0.4rem;
    letter-spacing: 0.025em;
    min-height: 36px;
}

.minimal-btn-primary {
    background: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-primary:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.minimal-btn-secondary {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #ffffff !important;
}

.minimal-btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #ffffff !important;
}

.minimal-btn-danger {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
}

.minimal-btn-success {
    background-color: #28a745;
    border: 1px solid #28a745;
    color: #ffffff !important;
}

.minimal-btn-success:hover {
    background-color: #218838;
    border-color: #218838;
    color: #ffffff !important;
}

.minimal-btn-sm {
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    min-height: 32px;
}

.minimal-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.minimal-icon-sm {
    width: 1rem;
    height: 1rem;
}

.minimal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.25rem;
}

.minimal-badge-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.minimal-badge-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.minimal-badge-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.minimal-grid {
    display: grid;
    gap: 1.5rem;
}

.minimal-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.minimal-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.minimal-form-group {
    margin-bottom: 1rem;
}

.minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
}

.minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.3s ease;
    background: #ffffff;
}

.minimal-form-input:focus {
    outline: none;
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220,53,69,0.1);
}

.minimal-form-textarea {
    min-height: 100px;
    resize: vertical;
}

.minimal-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
}

.minimal-table th,
.minimal-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.minimal-table th {
    background: #fafafa;
    font-weight: 600;
    color: #333;
}

.minimal-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.minimal-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.minimal-modal-content {
    background: white;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 1px solid #f0f0f0;
}

.minimal-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
}

.minimal-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.minimal-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #999;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.minimal-modal-close:hover {
    background-color: #f8f9fa;
    color: #333;
}

.minimal-modal-body {
    padding: 1.5rem;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* CSS Variables for consistent theming */ 

/* ===== NOTIFICATIONS PAGE STYLES ===== */

.notifications-page-header {
    margin-bottom: 2rem;
}

.notifications-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

.notifications-header-actions {
    flex-shrink: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.notifications-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #333;
}

.notifications-page-description {
    color: #666;
    margin: 0;
    font-size: 1rem;
}

.notifications-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-item {
    border-left: 4px solid;
    transition: all 0.3s ease;
}

.notification-item.read {
    border-left-color: #e5e7eb;
    opacity: 0.8;
}

.notification-item.unread {
    border-left-color: #3b82f6;
    background-color: #f8fafc;
}

.notification-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.notification-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-icon {
    width: 40px;
    height: 40px;
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.read {
    background: #6b7280;
}

.notification-icon.unread {
    background: #3b82f6;
}

.notification-title {
    margin: 0;
    font-weight: 600;
    color: #333;
    font-size: 1rem;
}

.notification-date {
    color: #666;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.notification-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.notification-btn {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    text-decoration: none;
    font-weight: 500;
}

.notification-delete-btn {
    background: #fee2e2;
    color: #dc2626;
}

.notification-delete-btn:hover {
    background: #fecaca;
    color: #b91c1c;
}

.minimal-btn-secondary {
    background: #545a66;
    color: #374151;
}

.minimal-btn-secondary:hover {
    background: #545a66;
    color: #1f2937;
}

.minimal-btn-primary {
    background: #3b82f6;
    color: #ffffff !important;
}

.minimal-btn-primary:hover {
    background: #2563eb;
}

.notification-btn-icon {
    width: 14px;
    height: 14px;
}

.notification-content {
    margin: 0;
    color: #666;
    line-height: 1.6;
    padding: 1rem 1.5rem;
}

.notification-action-link {
    margin-top: 1rem;
    padding: 0 1.5rem 1rem;
}

.notification-action-btn {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    font-weight: 500;
}

.notification-action-btn-icon {
    width: 16px;
    height: 16px;
}

.notifications-pagination {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.notifications-empty {
    text-align: center;
    padding: 3rem 1rem;
}

.notifications-empty-icon {
    width: 4rem;
    height: 4rem;
    color: #9ca3af;
    margin: 0 auto 1rem;
}

.notifications-empty-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.notifications-empty-text {
    color: #666;
    margin: 0;
}

/* Responsive Design */

/* Animation for fade-in effect */
.minimal-fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alert Components */
.minimal-alert {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid;
}

.minimal-alert-error {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.minimal-alert-success {
    background-color: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
}

.minimal-alert-warning {
    background-color: #fffbeb;
    border-color: #fed7aa;
    color: #d97706;
}

.minimal-alert-info {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.minimal-alert-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.minimal-alert .minimal-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Dashboard Empty Card Styles */
.dashboard-empty-card {
    text-align: center;
    padding: 2rem 1rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard-empty-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 0.5rem 0;
}

.dashboard-empty-text {
    color: #6b7280;
    margin: 0 0 1.5rem 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.dashboard-empty-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: #9ca3af;
    margin-bottom: 0.75rem;
    max-width: 100px;
    max-height: 100px;
}

/* Dashboard Order Buttons */
.dashboard-order-btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
    min-height: 32px;
}

/* Responsive Dashboard */


/* ===== FAVORITES PAGE SPECIFIC STYLES ===== */

.favorites-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.favorites-page-header {
    margin-bottom: 2rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--minimal-border);
}

.favorites-header-content {
    text-align: center;
}

.favorites-page-title {
    font-size: 2.5rem;
    font-weight: 300;
    color: var(--minimal-text);
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.favorites-page-icon {
    color: #e74c3c;
    font-size: 2rem;
}

.favorites-page-description {
    color: var(--minimal-text-light);
    font-size: 1.125rem;
    margin: 0;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.favorites-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.favorites-loading {
    text-align: center;
    padding: 3rem 1rem;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid var(--minimal-border);
    border-top: 3px solid var(--minimal-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.favorites-loading-text {
    color: var(--minimal-text-light);
    margin: 1rem 0 0 0;
    font-size: 1rem;
}

.favorites-content {
    margin-bottom: 2rem;
}

.favorites-stats {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--minimal-bg);
    border: 1px solid var(--minimal-border);
    border-radius: 8px;
}

.favorites-count {
    font-size: 1rem;
    font-weight: 600;
    color: var(--minimal-text);
}

.favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.favorite-card {
    background: var(--minimal-bg);
    border: 1px solid var(--minimal-border);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.favorite-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}

.favorite-card-image {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f8f9fa;
}

.favorite-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.favorite-card:hover .favorite-card-image img {
    transform: scale(1.05);
}

.favorite-remove-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e74c3c;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.favorite-remove-btn:hover {
    background: #e74c3c;
    color: #ffffff !important;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.favorite-remove-btn i {
    font-size: 16px;
}

.discount-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #ffffff !important;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 300;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3);
}

.favorite-card-content {
    padding: 1.25rem;
}

.product-title {
    margin: 0 0 0.75rem 0;
    font-size: 1.25rem; /* Masaüstü için büyütüldü (1.125rem'den 1.25rem'e) */
    font-weight: 600;
    line-height: 1.4;
}

.product-title a {
    color: var(--minimal-text);
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-title a:hover {
    color: var(--minimal-primary);
}

.product-price {
    margin-bottom: 1.25rem;
}

.price-container {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.current-price {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--minimal-primary);
}

.old-price {
    font-size: 1rem;
    color: var(--minimal-text-light);
    text-decoration: line-through;
}

.product-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.add-to-cart-btn {
    background: #28a745;
    color: #ffffff !important;
    border: none;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
    flex: 1;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(40, 167, 69, 0.4);
}

.add-to-cart-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.view-product-btn {
    background: #007bff;
    color: #ffffff !important;
    border: 1px solid #007bff;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
    flex: 1;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.view-product-btn:hover {
    background: #0056b3;
    border-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 123, 255, 0.4);
}

.view-product-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.favorites-action-btn-icon {
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
}

.add-to-cart-btn .favorites-action-btn-icon {
    color: #ffffff !important;
}

.favorites-empty-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
}

.favorites-empty {
    text-align: center;
    padding: 3rem 2rem;
    max-width: 500px;
}

.favorites-empty-icon {
    width: 80px;
    height: 80px;
    color: #e74c3c;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(231, 76, 60, 0.1);
    border-radius: 50%;
    margin: 0 auto 1.5rem;
}

.favorites-empty-icon i {
    font-size: 2.5rem;
}

.favorites-empty-title {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--minimal-text);
    margin: 0 0 1rem 0;
}

.favorites-empty-text {
    color: var(--minimal-text-light);
    margin: 0 0 2rem 0;
    line-height: 1.6;
    font-size: 1rem;
}

.favorites-empty-actions {
    display: flex;
    justify-content: center;
}

.start-shopping-btn {
    background: var(--minimal-primary);
    color: #ffffff !important;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.start-shopping-btn:hover {
    background: var(--minimal-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive Design for Favorites */


/* ===== SUPPORT PAGE STYLES ===== */

/* Support Page Modal Styles */
.supportpage .minimal-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    backdrop-filter: blur(2px);
}

.supportpage .minimal-modal-content {
    background: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    max-width: 700px;
    width: 95%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: scale(0.95);
    transition: transform 0.2s ease-in-out;
    border: 1px solid #e5e7eb;
}

.supportpage .minimal-modal.show .minimal-modal-content {
    transform: scale(1);
}

.supportpage .minimal-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9fafb;
}

.supportpage .minimal-modal-header h3 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 1.25rem;
}

.supportpage .minimal-modal-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.supportpage .minimal-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.supportpage .minimal-modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex-grow: 1;
}

.supportpage .minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    background: #f9fafb;
}

/* Support Page Form Styles */
.supportpage .minimal-form-group {
    margin-bottom: 1.5rem;
}

.supportpage .minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    color: #374151;
    font-weight: 500;
    font-size: 0.875rem;
}

.supportpage .minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background: #ffffff;
    color: #374151;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-size: 0.875rem;
}

.supportpage .minimal-form-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.supportpage .minimal-form-textarea {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
}

/* Support Page Button Styles */
.supportpage .minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    gap: 0.5rem;
}

.supportpage .minimal-btn-primary {
    background: #667eea;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.supportpage .minimal-btn-primary:hover {
    background: #5a67d8;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

.supportpage .minimal-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.supportpage .minimal-btn-secondary:hover {
    background: #e5e7eb;
    color: #1f2937;
}

/* Support Page Badge Styles */
.supportpage .minimal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    gap: 0.5rem;
}

/* Support Page Responsive Design */


/* Notification Styles */
.alert {
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-weight: 500;
    position: relative;
    animation: slideInRight 0.3s ease-out;
}

.alert-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.alert-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.alert-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.alert-info {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.alert-dismissible {
    padding-right: 50px;
}

.btn-close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.1);
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Position fixed notification */
.position-fixed {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
    min-width: 300px !important;
    max-width: 500px !important;
    word-wrap: break-word !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Mobile responsive */

/* Müşteri Yorumları - Testimonial Carousel Styles */
.testimonial-carousel {
    padding: 60px 0;
}

.testimonial-carousel .testimonial-card {
    background: white;
    border-radius: 10px !important;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex
;
    flex-direction: column;
    border: 1px solid #dfdcdcdd;
}

.testimonial-carousel .testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.testimonial-carousel .testimonial-card h3 {
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    min-height: 30px;
}

.testimonial-carousel .testimonial-card p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.testimonial-carousel .user-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: auto;
}

.testimonial-carousel .user-avatar {
    flex-shrink: 0;
}

.testimonial-carousel .user-avatar img,
.testimonial-carousel .avatar-placeholder {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-carousel .avatar-placeholder {
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 1.2rem;
}

.testimonial-carousel .user-detail {
    text-align: left;
}

.testimonial-carousel .user-detail h4 {
    margin: 0 0 5px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.testimonial-carousel .user-detail p {
    margin: 0 0 8px 0;
    font-size: 0.9rem;
    color: #666;
}

.testimonial-carousel .rating-stars {
    display: flex;
    gap: 2px;
}

.testimonial-carousel .rating-stars i {
    font-size: 0.8rem;
}

.testimonial-carousel .section-title {
    color: #333;
    margin-bottom: 0;
}

.testimonial-carousel .theme-color {
    color: #007bff;
}

/* Pagination pozisyonu düzeltmesi */
.testimonial-carousel .slideshow-pagination {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 30px !important;
}

.testimonial-carousel .swiper-pagination-bullets {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
}

.testimonial-carousel .swiper-pagination-bullet {
    background: #007bff !important;
    opacity: 0.3 !important;
    transition: opacity 0.3s ease !important;
}

.testimonial-carousel .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #007bff !important;
}

/* Testimonial slider container styles */
.testimonial-carousel .swiper-container {
    overflow: hidden;
    position: relative;
}

.testimonial-carousel .swiper-wrapper {
    display: flex;
    transition-property: transform;
}

.testimonial-carousel .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* Ensure proper spacing between slides */
.testimonial-carousel .swiper-slide:not(:last-child) {
    margin-right: 30px;
}



/* Addresses Page - Clean and Simple Design */
.addresses-page {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 2rem 0;
}

.addresses-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.addresses-header {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
}

.addresses-header-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.addresses-header-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.addresses-header-icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff !important;
}

.addresses-header-text h1 {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #2d2d2d;
}

.addresses-header-text p {
    color: #666;
    margin: 0;
    font-size: 1rem;
}

.add-address-button {
    background: #2d2d2d;
    color: #ffffff !important;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: background-color 0.3s ease;
    margin-bottom: 2rem;
    text-decoration: none;
}

.add-address-button:hover {
    background: #555;
    text-decoration: none;
    color: #ffffff !important;
}

.add-address-button svg {
    width: 18px;
    height: 18px;
}

.addresses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Instagram Feed Styles */
.instagram-feed {
    padding: 60px 0;
    background: #fff;
}

.instagram-feed .section-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #333;
}

.instagram-grid {
    margin-top: 2rem;
}

.instagram-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.instagram-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.instagram-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 aspect ratio */
}

.instagram-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.instagram-item:hover .instagram-image img {
    transform: scale(1.1);
}

.instagram-overlay {
    background: rgba(0,0,0,0.6) !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.instagram-item:hover .instagram-overlay {
    opacity: 1;
}

.instagram-overlay i {
    font-size: 2rem;
    color: #fff;
}

.btn-link {
    text-decoration: none;
    color: #007bff;
    font-weight: 500;
    transition: color 0.3s ease;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}


.default-underline:hover {
    text-decoration: none;
}

/* Responsive adjustments */

.address-card {
    background: white;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.address-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.address-card-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.address-card-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.address-card-name {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 1.1rem;
}

.address-card-badge {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
}

.address-card-badge.default {
    background: #28a745;
    color: #ffffff !important;
}

.address-card-badge.personal {
    background: #6c757d;
    color: #ffffff !important;
}

.address-card-badge.company {
    background: #17a2b8;
    color: #ffffff !important;
}

.address-card-body {
    padding: 1.5rem;
}

.address-info {
    margin-bottom: 1rem;
}

.address-info-item {
    margin-bottom: 0.75rem;
    color: #666;
    font-size: 0.9rem;
}

.address-info-item strong {
    color: #2d2d2d;
    font-weight: 600;
}

.address-info-name {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.address-info-phone {
    color: #666;
    margin-bottom: 0.75rem;
}

.address-info-address {
    color: #666;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.address-info-location {
    color: #666;
    font-size: 0.9rem;
}

.address-company-info {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f0f0f0;
}

.address-company-info h4 {
    color: #2d2d2d;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
}

.address-company-item {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.address-company-item strong {
    color: #2d2d2d;
    font-weight: 600;
}

.address-card-actions {
    padding: 1rem 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.address-action-btn {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.address-action-btn.edit {
    background: #2d2d2d;
    color: #ffffff !important;
}

.address-action-btn.edit:hover {
    background: #555;
    color: #ffffff !important;
    text-decoration: none;
}

.address-action-btn.delete {
    background: #dc3545;
    color: #ffffff !important;
}

.address-action-btn.delete:hover {
    background: #c82333;
    color: #ffffff !important;
    text-decoration: none;
}

.address-action-btn.default {
    background: #28a745;
    color: #ffffff !important;
}

.address-action-btn.default:hover {
    background: #218838;
    color: #ffffff !important;
    text-decoration: none;
}

.address-action-btn svg {
    width: 14px;
    height: 14px;
}

.empty-addresses {
    background: white;
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.empty-addresses-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.empty-addresses-icon svg {
    width: 40px;
    height: 40px;
    color: #6c757d;
}

.empty-addresses h5 {
    color: #2d2d2d;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.empty-addresses p {
    color: #666;
    margin: 0 0 1.5rem 0;
    font-size: 1rem;
}

/* Address Modal - Clean Design */
.address-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.address-modal-dialog {
    background: white;
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.address-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.address-modal-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d2d2d;
}

.address-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.address-modal-close:hover {
    background: #f8f9fa;
    color: #2d2d2d;
}

.address-modal-body {
    padding: 1.5rem;
}

.address-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.address-form-field {
    margin-bottom: 1rem;
}

.address-form-field.full-width {
    grid-column: 1 / -1;
}

.address-form-label {
    display: block;
    margin-bottom: 0.5rem;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 0.9rem;
}

.address-form-input,
.address-form-select,
.address-form-textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;
    color: #2d2d2d;
    font-size: 0.9rem;
    transition: border-color 0.3s ease;
}

.address-form-input:focus,
.address-form-select:focus,
.address-form-textarea:focus {
    outline: none;
    border-color: #2d2d2d;
}

.address-form-textarea {
    resize: vertical;
    min-height: 80px;
}

.address-form-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #2d2d2d;
    font-size: 0.9rem;
}

.address-form-checkbox input[type="checkbox"] {
    margin: 0;
}

.address-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.address-modal-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.address-modal-btn.cancel {
    background: #6c757d;
    color: #ffffff !important;
}

.address-modal-btn.cancel:hover {
    background: #5a6268;
}

.address-modal-btn.save {
    background: #2d2d2d;
    color: #ffffff !important;
}

.address-modal-btn.save:hover {
    background: #555;
}

/* Responsive Design */

/* Modal Fix - Prevent auto-opening */
#addressModal {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Alpine.js x-show directive için */
#addressModal[x-cloak] {
    display: none !important;
}

/* Kurumsal Alanlar CSS - Son Eklenen */
#companyFields {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Tab z-index düzeltmesi */
.product-single__details-tab > .nav-tabs {
    position: relative;
    z-index: 100 !important;
}

.product-single__details-tab > .nav-tabs .nav-link {
    position: relative;
    z-index: 101 !important;
}

.product-single__details-tab {
    position: relative;
    z-index: 99 !important;
}

/* Galeri z-index düzeltmesi - Unique */
.new-gallery-container {
    position: relative;
    z-index: 1;
    min-height: 600px;
    background: #fafafa;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

.new-gallery-main {
    position: relative;
    z-index: 1;
    min-height: 500px;
    background: #fafafa;
    border-radius: 0;
}

/* Modal Fix - Prevent auto-opening */
#addressModal {
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: none;
    opacity: 0;
    visibility: hidden;
}

#companyFields::before {
    content: "🏢 Kurumsal Bilgiler";
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #007bff;
}

#companyFields .form-group {
    margin-bottom: 20px;
    position: relative;
}

#companyFields .form-group:last-child {
    margin-bottom: 0;
}

#companyFields label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

#companyFields .required {
    color: #dc3545;
    font-weight: 300;
    margin-left: 2px;
}

#companyFields input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    background-color: #fff;
}

#companyFields input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    background-color: #fff;
}

#companyFields input:hover:not(:disabled) {
    border-color: #007bff;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.15);
}

#companyFields input:disabled {
    background-color: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}

#companyFields input.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    background-color: #fff5f5;
}

#companyFields input.is-valid {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    background-color: #f8fff9;
}

#companyFields .invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    color: #dc3545;
    font-weight: 500;
}

#companyFields .text-danger {
    color: #dc3545 !important;
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
    display: block;
}

#companyFields input::placeholder {
    color: #6c757d;
    opacity: 0.7;
    font-style: italic;
}

/* Kurumsal alanlar için animasyon */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
}

#companyFields.slide-down {
    animation: slideDown 0.3s ease-out;
}

#companyFields.slide-up {
    animation: slideUp 0.3s ease-in;
}

/* Kurumsal alanlar için responsive tasarım */

/* Kurumsal alanlar için animasyon */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
}

#companyFields.slide-down {
    animation: slideDown 0.3s ease-out;
}

#companyFields.slide-up {
    animation: slideUp 0.3s ease-in;
}

/* Modal Show State */
#addressModal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
}

/* Modal Backdrop */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.modal-backdrop.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal-backdrop.show {
    opacity: 1;
}

/* Modal Body Scroll Fix */
.modal-open {
    overflow: hidden;
}

/* Company Fields Animation */
#companyFields {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

#companyFields.show {
    display: block !important;
    animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        max-height: 500px;
        transform: translateY(0);
    }
}

/* Form Validation Styles */
.form-control.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.text-danger {
    color: #dc3545 !important;
}

/* Required Field Indicator */
.required {
    color: #dc3545;
    font-weight: 300;
}

/* Input Group Styles */
.input-group {
    display: flex;
    align-items: stretch;
}

.input-group .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Custom Radio Styles */
.customRadio {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.customRadio input[type="radio"] {
    margin: 0;
}

.customRadio label {
    margin: 0;
    cursor: pointer;
}

/* Text Gray Helper */
.text-gray {
    color: #6c757d;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Gallery Thumbs Swiper Styles */
.new-gallery-thumbs-swiper .swiper-slide {
    margin-top: 15px;
}

/* ===== YENİ GALERİ TASARIMI - EKRANDAKİ GİBİ ===== */

/* Ana Galeri Container */
.new-gallery-container {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

/* Ana Galeri Alanı */
.new-gallery-main {
    position: relative;
    width: 100%;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    border-radius: 0;
}

/* Sayaç (1/13) */
.new-gallery-counter {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.9);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
      font-family: "Urbanist", sans-serif !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Zoom Butonu */
.new-gallery-zoom-btn {
    position: absolute;
    top: 15px;
    right: 50px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-zoom-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Kapatma Butonu */
.new-gallery-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-close-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Navigasyon Okları */
.new-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 15px 12px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-nav:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.new-gallery-nav.new-gallery-prev {
    left: 20px;
}

.new-gallery-nav.new-gallery-next {
    right: 20px;
}

/* Ana Swiper */
.new-gallery-main-swiper {
    width: 100%;
    height: 100%;
}

.new-gallery-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    min-height: 500px;
}

/* Galeri Resim Linki */
.new-gallery-image-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.new-gallery-image-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-height: 500px;
    border-radius: 0;
}

/* Video Linki */
.new-gallery-video-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.new-gallery-video-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-height: 500px;
    border-radius: 0;
}

/* Play Butonu */
.new-gallery-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 20px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-play-btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.new-gallery-play-btn svg {
    width: 30px;
    height: 30px;
}

/* Thumbnail Alanı */
.new-gallery-thumbs {
    background: #fafafa;
    padding: 12px 0;
    border-top: none;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.new-gallery-thumbs-swiper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.new-gallery-thumbs-swiper .swiper-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: none;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 0;
}

.new-gallery-thumbs-swiper .swiper-slide:hover {
    border-color: #dc2626;
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15);
}

.new-gallery-thumbs-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: block;
}

/* Aktif Thumbnail */
.new-gallery-thumbs-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626;
    border-width: 2px;
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2);
    z-index: 2;
}

/* Küçük Play Butonu (Thumbnail'da) */
.new-gallery-play-btn-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.new-gallery-play-btn-small svg {
    width: 14px;
    height: 14px;
}

/* Thumbnail Navigation Buttons */
.swiper-button-next-thumbs,
.swiper-button-prev-thumbs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

/* Thumbnail container için ek stiller */
.new-gallery-thumbs .swiper-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    align-content: center;
    flex-direction: row;
    min-height: 80px;
    height: auto;
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: auto;
    transform: none;
    transition: none;
    will-change: auto;
    backface-visibility: hidden;
    perspective: none;
    transform-style: flat;
    filter: none;
    mix-blend-mode: normal;
}

.swiper-button-next-thumbs {
    right: 5px;
    z-index: 15;
}

.swiper-button-prev-thumbs {
    left: 5px;
    z-index: 15;
}

.swiper-button-next-thumbs:hover,
.swiper-button-prev-thumbs:hover {
    background: rgba(220, 38, 38, 0.8);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    z-index: 15;
}

/* Responsive Tasarım */


/* ===== YENİ VARYANT BİLEŞENLERİ STİLLERİ ===== */

/* Ürün Varyantları Bölümü */
.product-variants-section {
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.variants-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #005850;
}

/* Varyant Seçici Component */
.product-single__swatches {
    margin: 15px 0;
}

.product-swatch {
    margin-bottom: 20px;
    padding: 15px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.product-swatch:hover {
    border-color: #005850;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.1);
}

.product-swatch h6 {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.swatch-item {
    position: relative;
    cursor: pointer;
}

.swatch-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.swatch-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    background: white;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
    text-align: center;
}

.swatch-item input[type="radio"]:checked + .swatch-label {
    border-color: #005850;
    background: #005850;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 88, 80, 0.3);
}

.swatch-item input[type="radio"]:disabled + .swatch-label {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #6c757d;
}

.swatch-item:hover:not(:has(input[type="radio"]:disabled)) .swatch-label {
    border-color: #005850;
    background: #f8f9ff;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    margin: 15px 0;
    padding: 15px;
    background: #e8f5e8;
    border-radius: 8px;
    border-left: 4px solid #005850;
}

.selected-variant-info h5 {
    font-size: 1rem;
    font-weight: 600;
    color: #005850;
    margin-bottom: 8px;
}

.selected-variant-info p {
    margin: 5px 0;
    font-size: 0.9rem;
    color: #666;
}

/* Fiyat Bilgisi */
.product-price-info {
    margin: 15px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.current-price,
.credit-card-price,
.old-price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
}

.price-label {
    font-weight: 500;
    color: #666;
    min-width: 80px;
}

.price-value {
    font-weight: 600;
    color: #005850;
    font-size: 1.1rem;
}

.currency {
    font-weight: 500;
    color: #005850;
}

.old-price .price-value {
    text-decoration: line-through;
    color: #dc3545;
}

/* Miktar Seçici */
.quantity-selector {
    margin: 15px 0;
}

.quantity-selector label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 150px;
}

.quantity-controls button {
    width: 36px;
    height: 36px;
    border: 1px solid #005850;
    background: white;
    color: #005850;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.quantity-controls button:hover:not(:disabled) {
    background: #005850;
    color: #ffffff !important;
}

.quantity-controls button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.quantity-controls input {
    flex: 1;
    height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    text-align: center;
    font-weight: 500;
}

/* Sepete Ekleme Bölümü */
.add-to-cart-section {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.add-to-cart-btn,
.quick-order-btn {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.add-to-cart-btn {
    background: #005850;
    color: #ffffff !important;
}

.add-to-cart-btn:hover:not(:disabled) {
    background: #004040;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.quick-order-btn {
    background: #6c757d;
    color: #ffffff !important;
}

.quick-order-btn:hover:not(:disabled) {
    background: #5a6268;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.add-to-cart-btn:disabled,
.quick-order-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Mesajlar */
.messages {
    margin: 15px 0;
}

.messages .alert {
    padding: 12px 16px;
    border-radius: 6px;
    font-weight: 500;
    margin: 8px 0;
}

.messages .alert-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.messages .alert-danger {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* ===== GRUPLU ÜRÜNLER BÖLÜMÜ ===== */
.grouped-products-section {
    margin: 20px 0;
}

.grouped-products-header {
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #005850;
}

.grouped-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.grouped-description {
    color: #666;
    font-size: 0.9rem;
    margin: 0;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.grouped-product-item {
    padding: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    transition: all 0.3s ease;
}

.grouped-product-item:hover {
    border-color: #005850;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.1);
}

.grouped-product-item--selected {
    border-color: #005850;
    background: #f8f9ff;
}

.grouped-product-info {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.grouped-product-image {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.grouped-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grouped-product-details {
    flex: 1;
}

.grouped-product-name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.grouped-product-price {
    margin-bottom: 8px;
}

.price-current {
    font-weight: 600;
    color: #005850;
    font-size: 1.1rem;
}

.price-credit {
    font-size: 0.9rem;
    color: #666;
    margin-left: 8px;
}

.grouped-product-stock {
    font-size: 0.9rem;
    color: #666;
}

.grouped-product-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.quantity-selector {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quantity-label {
    font-weight: 500;
    color: #333;
    white-space: nowrap;
}

.qty-control {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.qty-control__number {
    width: 60px;
    height: 36px;
    border: none;
    text-align: center;
    font-weight: 500;
}

.qty-control__reduce,
.qty-control__increase {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: #005850;
    transition: all 0.2s ease;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #005850;
    color: #ffffff !important;
}

.grouped-product-total {
    text-align: right;
}

.total-label {
    font-weight: 500;
    color: #666;
    margin-right: 8px;
}

.total-value {
    font-weight: 600;
    color: #005850;
    font-size: 1.1rem;
}

/* Gruplu Ürün Toplam Özeti */
.grouped-total-summary {
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.total-summary-header {
    margin-bottom: 15px;
}

.summary-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.total-summary-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.summary-row:last-child {
    border-bottom: none;
}

.summary-label {
    font-weight: 500;
    color: #666;
}

.summary-value {
    font-weight: 600;
    color: #005850;
}

.summary-total {
    font-size: 1.1rem;
    border-top: 2px solid #005850;
    padding-top: 12px;
    margin-top: 8px;
}

.summary-total .summary-label,
.summary-total .summary-value {
    font-size: 1.1rem;
    font-weight: 300;
}

/* Seçili Ürünler Listesi */
.selected-products-list {
    margin: 15px 0;
    padding: 15px;
    background: #e8f5e8;
    border-radius: 8px;
    border-left: 4px solid #005850;
}

.selected-title {
    font-size: 1rem;
    font-weight: 600;
    color: #005850;
    margin-bottom: 12px;
}

.selected-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selected-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: white;
    border-radius: 6px;
    border: 1px solid #d4edda;
}

.selected-name {
    font-weight: 500;
    color: #333;
}

.selected-quantity {
    font-weight: 600;
    color: #005850;
}

.btn-remove {
    width: 24px;
    height: 24px;
    border: 1px solid #dc3545;
    background: white;
    color: #dc3545;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.8rem;
}

.btn-remove:hover {
    background: #dc3545;
    color: #ffffff !important;
    transform: scale(1.1);
}

/* ===== TEK ÜRÜNLER BÖLÜMÜ ===== */
.simple-product-section {
    margin: 20px 0;
}

.simple-product-form {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.product-single__addtocart {
    margin-bottom: 20px;
}

.quantity-section {
    margin-bottom: 20px;
}

.quantity-label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.stock-status {
    margin: 15px 0;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.stock-available {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.stock-unavailable {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.add-to-cart-section,
.quick-order-section {
    margin: 15px 0;
}

.btn-addtocart,
.btn-quick-order {
    width: 100%;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-addtocart {
    background: #005850;
    color: #ffffff !important;
}

.btn-addtocart:hover:not(:disabled) {
    background: #004040;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.btn-quick-order {
    background: #6c757d;
    color: #ffffff !important;
}

.btn-quick-order:hover:not(:disabled) {
    background: #5a6268;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.btn-addtocart:disabled,
.btn-quick-order:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Ürün Bilgileri Özeti */
.product-info-summary {
    margin: 20px 0;
    padding: 15px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child {
    border-bottom: none;
}

.info-label {
    font-weight: 500;
    color: #666;
}

.info-value {
    font-weight: 600;
    color: #333;
}

/* Teslimat Bilgileri */
.delivery-info {
    margin: 20px 0;
}

.delivery-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #666;
    font-size: 0.9rem;
}

.delivery-item i {
    color: #005850;
    width: 16px;
}

/* ===== MOBİL UYUMLULUK ===== */

/* ===== BASİT VARYANT SİSTEMİ ===== */
.pdp-details {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.pdp-header {
    margin-bottom: 20px;
}

.pdp-title {
    font-size: 32px; /* Masaüstü için büyütüldü (24px'den 32px'e) */
    font-weight: 300;
    margin-bottom: 10px;
}

.pdp-sub {
    color: #666;
    margin-bottom: 10px;
}

.pdp-short-desc {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.pdp-price-section {
    margin-bottom: 20px;
}

.pdp-price {
    font-size: 24px;
    font-weight: 300;
}

.price {
    color: #e74c3c;
}

.credit-card-price {
    font-size: 16px;
    color: #666;
    margin-left: 10px;
}

/* Stock Warning */
.stock-warning {
    margin-bottom: 20px;
}

.warning-box {
    padding: 10px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
}

.warning-low {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.warning-medium {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-high {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Restock Alert */
.notifyBox {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.notify-content h4 {
    margin-bottom: 15px;
    color: #333;
}

.notify-content input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}

.notify-content .btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.notify-content .btn:hover {
    background: #0056b3;
}

/* Selected Variant Info */
.selected-variant-info {
    background: #e9ecef;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-weight: 300;
}

/* =========================================================
   Cartnova Cart Page
   ========================================================= */
.cartnova {
    margin: 40px auto;
    padding: 0 18px 64px;
    color: #0f172a;
    font-family: "Nutinoo", var(--uomo-font-primary, "Nutinoo", "Nunito", sans-serif);
}

.cartnova__layout {
    display: grid;
    gap: 24px;
}

@media (min-width: 992px) {
    .cartnova__layout {
        grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
        align-items: flex-start;
    }
}

.cartnova__panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.cartnova__panel-head {
    padding: 28px 30px 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cartnova__panel-body {
    padding: 0 30px 30px;
}

.cartnova__panel-foot {
    padding: 24px 30px 30px;
    border-top: 1px solid #edf1f7;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cartnova__title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.cartnova__subtitle {
    margin: 8px 0 0;
    font-size: 14px;
    color: #6b7280;
}

.cartnova-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cartnova-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 20px;
    padding: 18px;
    border: 1px solid #e3e8f1;
    border-radius: 16px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cartnova-item:hover {
    border-color: #cbd4e6;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.09);
}

.cartnova-item__media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartnova-item__image {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e4e9f2;
    background: #f8fafc;
}

.cartnova-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cartnova-item__body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cartnova-item__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cartnova-item__heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cartnova-item__title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    color: #0f172a;
}

.cartnova-item__title a {
    color: inherit;
    text-decoration: none;
}

.cartnova-item__title a:hover {
    color: #1d4ed8;
}

.cartnova-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
    color: #64748b;
}

.cartnova-item__meta:empty {
    display: none;
}

.cartnova-item__meta li {
    position: relative;
}

.cartnova-item__remove {
    border: 1px solid #f5b5c0;
    background: #ffffff;
    color: #e11d48;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.cartnova-item__remove:hover {
    background: #e11d48;
    color: #ffffff;
    border-color: #e11d48;
}

.cartnova-item__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
}

.cartnova-qty {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cartnova-qty__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #94a3b8;
    text-transform: uppercase;
}

.cartnova-qty__control {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    min-width: 120px;
}

.cartnova-qty__btn {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cartnova-qty__btn:hover:not(:disabled) {
    background: #f1f5f9;
    color: #1e293b;
}

.cartnova-qty__btn:disabled {
    color: #cbd5f5;
    cursor: not-allowed;
}

.cartnova-qty__input {
    width: 46px;
    height: 40px;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    color: #0f172a;
}

.cartnova-qty__input:focus {
    outline: none;
}

.cartnova-item__total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.cartnova-item__price-old {
    font-size: 13px;
    color: #94a3b8;
    text-decoration: line-through;
}

.cartnova-item__price-current {
    font-size: 18px;
    font-weight: 700;
    color: #dc2626;
}

.cartnova-form__actions {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.cartnova-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.cartnova-button i {
    font-size: 14px;
}

.cartnova-button--primary {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.cartnova-button--primary:hover {
    background: #163fae;
    border-color: #163fae;
}

.cartnova-button--secondary {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.cartnova-button--secondary:hover {
    background: #152036;
    border-color: #152036;
}

.cartnova-button--danger {
    background: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
}

.cartnova-button--danger:hover {
    background: #b91c1c;
    border-color: #b91c1c;
}

.cartnova-button--ghost {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

.cartnova-button--ghost:hover {
    border-color: #cbd5f5;
    color: #1e293b;
}

.cartnova-button--compact {
    padding: 10px 16px;
    font-size: 13px;
    border-radius: 10px;
}

.cartnova-button--block {
    width: 100%;
    justify-content: center;
}

.cartnova-empty {
    text-align: center;
    padding: 56px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    color: #64748b;
}

.cartnova-empty__icon {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    background: #f4f7fc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #1d4ed8;
}

.cartnova-empty__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}

.cartnova-empty__text {
    margin: 0;
    font-size: 15px;
}

.cartnova-hidden {
    display: none !important;
}

.cartnova-summary {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
    background: #f8fafc;
    margin-bottom: 16px;
}

.cartnova-summary--coupon {
    background: #f3f6fd;
    border-color: #d6def3;
}

.cartnova-summary--campaign {
    display: flex;
    gap: 14px;
    align-items: center;
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.cartnova-summary__title {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
}

.cartnova-summary__form {
    display: flex;
    gap: 12px;
}

.cartnova-input {
    flex: 1;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 15px;
    background: #ffffff;
    color: #0f172a;
}

.cartnova-input:focus {
    outline: none;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);
}

.cartnova-summary__active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 14px 16px;
    color: #166534;
}

.cartnova-summary__active-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #bbf7d0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartnova-summary__active-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 600;
}

.cartnova-summary__active-code {
    font-size: 14px;
}

.cartnova-summary__active-discount {
    font-size: 13px;
}

.cartnova-summary__campaign-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fed7aa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.cartnova-summary__campaign-label {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.cartnova-summary__campaign-name,
.cartnova-summary__campaign-desc {
    margin: 2px 0 0;
    font-size: 13px;
}

.cartnova-summary__divider {
    height: 1px;
    background: #e5e9f2;
    margin: 20px 0;
}

.cartnova-summary__rows {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cartnova-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: #475569;
}

.cartnova-summary__row--discount {
    color: #dc2626;
}

.cartnova-summary__row--divider {
    border-top: 1px dashed #e2e8f0;
    padding-top: 14px;
    color: #0f766e;
    font-weight: 600;
}

.cartnova-summary__row--total {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.cartnova-summary__label {
    font-weight: 500;
}

.cartnova-summary__value {
    font-weight: 600;
}

.cartnova-summary__value--total {
    font-size: 20px;
}

.cartpage-campaign {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid #dbe2f3;
    border-radius: 16px;
    background: #f8fbff;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cartpage-campaign__header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cartpage-campaign__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #0f172a;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.cartpage-campaign__titles {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cartpage-campaign__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e0e7ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cartpage-campaign__name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.cartpage-campaign__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cartpage-campaign__item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.cartpage-campaign__label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cartpage-campaign__value {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    text-align: right;
}

.cartpage-campaign__value--highlight {
    color: #16a34a;
}

.cartpage-campaign__footer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #edf2ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 600;
}

.cartpage-checkout-button {
    width: 100%;
    padding: 18px 20px;
    border-radius: 16px;
    background: #0f172a;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    position: relative;
    z-index: 1;
}

.cartpage-checkout-button:hover {
    background: #111b32;
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.32);
}

.cartpage-checkout-button__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    flex-shrink: 0;
}

.cartpage-checkout-button__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    align-items: flex-start;
}

.cartpage-checkout-button__title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.cartpage-checkout-button__subtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    line-height: 1.4;
}

.cartpage-checkout-button__arrow {
    font-size: 18px;
    color: #ffffff;
    flex-shrink: 0;
}

.cartnova-footnote {
    margin: 0;
    font-size: 13px;
    color: #64748b;
    text-align: center;
}



/* Variants Section */
.pdp-variants {
    margin-bottom: 30px;
}

.pdp-row {
    margin-bottom: 20px;
}

.pdp-field {
    margin-bottom: 15px;
}

.pdp-iv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.pdp-iv {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 80px;
    justify-content: center;
}

.pdp-iv:hover {
    border-color: #007bff;
}

.pdp-iv[aria-checked="true"] {
    border-color: #dc3545;
    background: #f8f9fa;
}

.pdp-iv .ph {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdp-iv .ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pdp-iv .label {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}

/* Tooltip */
.has-tip {
    position: relative;
}

.has-tip[data-tip]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #ffffff !important;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
    margin-bottom: 5px;
}

.has-tip[data-tip]:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Quantity and Actions */
.pdp-actions {
    margin-top: 30px;
}

.quantity-selector {
    margin-bottom: 20px;
}

.quantity-selector label {
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 150px;
}

.quantity-controls button {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
}

.quantity-controls button:hover {
    background: #f8f9fa;
}

.quantity-controls input {
    flex: 1;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
}

.action-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #007bff;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: #0056b3;
}

.btn-success {
    background: #28a745;
    color: #ffffff !important;
}

.btn-success:hover {
    background: #1e7e34;
}

/* Tabs */
.pdp-tabs {
    margin-top: 40px;
}

.tab-buttons {
    display: flex;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 20px;
}

.tab-btn {
    padding: 15px 30px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.tab-btn:hover {
    color: #333;
}

.tab-btn.active {
    color: #007bff;
    border-bottom-color: #007bff;
}

.tab-content {
    min-height: 200px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/* Responsive */

/* Ürün kısa açıklaması */
.pdp-short-description {
    margin: 15px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid var(--primary);
}

.pdp-short-description p {
    margin: 0;
    color: #495057;
    line-height: 1.6;
    font-size: 14px;
}

/* Seçili varyant bilgisi */

.selected-variant-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.selected-label {
    font-weight: 600;
    color: var(--primary);
    font-size: 14px;
}

.selected-variant-text {
    font-weight: 300;
    color: #2c3e50;
    font-size: 16px;
    background: #f4f1f1;
    padding: 6px 12px;
    border-radius: 6px !important;
    border: 1px solid var(--primary);
}

.selected-variant-price {
    font-weight: 600;
    color: var(--primary);
    font-size: 16px;
    background: white;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--primary);
}

.selected-variant-stock {
    font-weight: 600;
    color: var(--ok);
    font-size: 14px;
    background: white;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--ok);
}

/* Varyant stok uyarısı */
.pdp-notify {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 15px 0;
    text-align: center;
}

.pdp-notify h4 {
    margin: 0;
    color: #721c24;
    font-size: 14px;
    font-weight: 600;
}

.pdp-notify.hidden {
    display: none;
}



.pdp-login-required p {
    margin: 0 0 15px 0;
    color: #856404;
    font-size: 14px;
}

.pdp-login-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.pdp-login-buttons .pdp-btn {
    min-width: 120px;
    text-decoration: none;
    text-align: center;
}

.pdp-form-group small {
    display: block;
    margin-top: 5px;
    color: #6c757d;
    font-size: 12px;
}

.pdp-form-group input[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed;
}
    
    .grouped-product-info {
        flex-direction: column;
        gap: 10px;
    }
    
    .grouped-product-image {
        width: 60px;
        height: 60px;
    }
    
    .grouped-product-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .quantity-controls {
        max-width: 120px;
    }
    
    .quantity-controls button {
        width: 32px;
        height: 32px;
    }
    
    .quantity-controls input {
        height: 32px;
    }
    
    .add-to-cart-btn,
    .quick-order-btn,
    .btn-addtocart,
    .btn-quick-order {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
    
    .selected-item {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .selected-item .btn-remove {
        align-self: flex-end;
    }
}

/* ===== EK STİLLER ===== */

/* Varyant Bölüm Başlığı */
.variants-section-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #005850;
}

/* Varyant Bulunamadı Mesajı */
.no-variants-message {
    text-align: center;
    padding: 30px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    color: #666;
}

.no-variants-message i {
    font-size: 2rem;
    color: #005850;
    margin-bottom: 15px;
    display: block;
}

.no-variants-message p {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

/* Varyant Seçici İyileştirmeleri */
.product-swatch h6 {
    position: relative;
    padding-left: 20px;
}

.product-swatch h6::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #005850;
            border-radius: 2px;
        }

/* Swatch Hover Efektleri */
.swatch-item {
    position: relative;
    overflow: hidden;
}

.swatch-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 88, 80, 0.1), transparent);
    transition: left 0.3s ease;
}

.swatch-item:hover::before {
    left: 100%;
}

/* Seçili Varyant Animasyonu */
.selected-variant-info {
    animation: slideInFromTop 0.3s ease-out;
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fiyat Değişimi Animasyonu */
.price-value {
    transition: all 0.3s ease;
}

.price-value.changed {
    animation: priceChange 0.5s ease;
}

@keyframes priceChange {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        color: #dc3545;
    }
    100% {
        transform: scale(1);
    }
}

/* Loading Spinner */
.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #005850;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Gruplu Ürün Seçimi Animasyonu */
.grouped-product-item--selected {
    animation: selectPulse 0.3s ease;
}

@keyframes selectPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}

/* Toplam Fiyat Güncelleme */
.grouped-total-summary {
    transition: all 0.3s ease;
}

.grouped-total-summary.updated {
    animation: totalUpdate 0.5s ease;
}

@keyframes totalUpdate {
    0% {
        background: #f8f9fa;
    }
    50% {
        background: #e8f5e8;
    }
    100% {
        background: #f8f9fa;
    }
}

/* Responsive İyileştirmeler */

/* Print Styles */
@media print {
    .product-variants-section,
    .grouped-products-section,
    .simple-product-section {
        background: white !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }
    
    .add-to-cart-btn,
    .quick-order-btn,
    .btn-addtocart,
    .btn-quick-order {
        display: none !important;
    }
    
    .product-swatch,
    .grouped-product-item {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* Alpine.js x-cloak directive */
[x-cloak] {
    display: none !important;
}

/* Yeni Ürün Detay Sayfası Stilleri */
:root{
  --bg:#fff; --text:#111827; --muted:#6b7280; --line:#e5e7eb;
  --brand:#111; --brand-contrast:#fff; --chip:#f3f4f6;
  --chip-active:#111; --chip-active-text:#fff; --radius:16px;
  --shadow:0 10px 25px rgba(0,0,0,.06); --danger:#b91c1c; --ok:#065f46;
  --tab-bg:#fafafa; --tab-active:#fff;
}

/* Toast */
.pdp-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:999px;z-index:60;opacity:0;pointer-events:none;transition:.25s}
.pdp-toast[data-show="true"]{opacity:1;pointer-events:auto}

/* Breadcrumb */
.pdp-breadcrumb{margin:10px auto 0;padding:15px 5px;font-size:13px;color:#4b5563}

.pdp-breadcrumb a{color:#4b5563;text-decoration:none}
.pdp-breadcrumb .sep{margin:0 6px}

/* Layout */
.pdp-wrap {
    margin: auto;
    padding: 16px 24px 24px;
}

.pdp-wrap .container-fluid {
    padding: 0;
}

.pdp-wrap .row {
    margin: 0;
}



.pdp-gallery{background:#fafafa;padding:0}



.pdp-gallery-wrapper .new-gallery-container {
    width: 100%;
    background: #fafafa;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.pdp-gallery-wrapper .new-gallery-main {
    width: 100%;
    min-height: 500px;
    background: #fafafa;
    border-radius: 0;
    padding: 0;
}

.pdp-gallery-wrapper .new-gallery-thumbs {
    margin-top: 20px;
}
.pdp-media{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.pdp-media img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
.pdp-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.pdp-thumb{background:#f3f4f6;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:.2s}
.pdp-thumb:hover{transform:translateY(-2px)}
.pdp-thumb img{width:100%;height:100%;object-fit:contain;aspect-ratio:1/1;display:block;max-width:100%;max-height:100%}

/* Tooltip */
.has-tip{position:relative}
.has-tip[data-tip]::after{
  content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);
  background:#111;color:#fff;font-size:12px;padding:6px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;z-index:9999
}
/* Out-of-stock için tooltip'i override et - sadece hover'da görünsün */
.pdp-chip.out-of-stock.has-tip[data-tip]:not(:hover)::after {
  content: '/' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 1.5em !important;
  font-weight: 400 !important;
  color: #999 !important;
  z-index: 10000 !important;
  pointer-events: none !important;
  line-height: 1 !important;
  font-family: Arial, sans-serif !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
  bottom: auto !important;
}

/* Hover'da tooltip görünsün */
.pdp-chip.out-of-stock.has-tip[data-tip]:hover::after {
  content: attr(data-tip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 8px) !important;
  transform: translateX(-50%) !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 12px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transition: .15s !important;
  z-index: 10001 !important;
  top: auto !important;
  line-height: normal !important;
  font-weight: normal !important;
  visibility: visible !important;
}
.has-tip[data-tip]::before{
  content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#111;opacity:0;transition:.15s
}
.has-tip:hover::after,.has-tip:hover::before{opacity:1}

/* Right panel */
.pdp-panel{border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}

/* Panel Responsive Stilleri */

.pdp-title{font-size:32px;line-height:1.2;margin:0 0 8px;font-weight:700} /* Masaüstü için büyütüldü */
.pdp-sub{color:var(--muted);font-size:14px;margin:0 0 18px}
.pdp-tags{display:flex;align-items:center;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.pdp-tags-label{color:var(--muted);font-size:14px;font-weight:500}
.pdp-tags-list{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.pdp-tag-item{color:var(--text);font-size:14px;text-decoration:none}
.pdp-price-wrap{display:flex !important;flex-direction:column !important;gap:8px !important;margin:12px 0 !important}
.pdp-price-container{display:flex !important;flex-direction:column !important;gap:8px !important}
.pdp-price-main{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;flex-direction:row !important}
.pdp-price-with-badge{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important}
.pdp-price-old{color:#999;text-decoration:line-through;font-size:18px;font-weight:500;display:inline-block !important}
.pdp-price-new{font-size:28px;font-weight:700;color:#dc2626;display:inline-block !important;line-height:1.2;margin:0 !important}
.pdp-discount-badge-modern{display:inline-flex !important;align-items:center !important;border-radius:6px !important;padding:6px 10px !important;font-weight:600 !important;border:1px solid !important;transition:all 0.2s ease !important;white-space:nowrap !important;vertical-align:middle !important}
.pdp-discount-badge-modern:hover{transform:translateY(-1px) !important;box-shadow:0 2px 6px rgba(0,0,0,0.1) !important}
.discount-badge-content{display:flex !important;align-items:center !important;gap:6px !important}
.discount-icon{font-size:12px !important;opacity:0.85}
.discount-text{display:flex !important;flex-direction:column !important;gap:1px !important;line-height:1.1}
.discount-amount{font-size:14px !important;font-weight:700 !important;letter-spacing:-0.2px}
.discount-label{font-size:10px !important;font-weight:600 !important;opacity:0.9;text-transform:uppercase;letter-spacing:0.3px}
.discount-price-label{font-size:13px !important;color:#666 !important;margin-top:4px !important;font-weight:400}
.pdp-discount-badge{font-size:12px;background:#dc2626;color:#fff;border-radius:999px;padding:4px 8px;font-weight:600;display:inline-block}

/* Sepette İndirim Badge - Benzersiz Tasarım */
.pdp-discount-badge-cart {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
    border: 2px solid #9333ea !important;
    background: #faf5ff !important;
    color: #9333ea !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 4px rgba(147, 51, 234, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
}

.pdp-discount-badge-cart::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.3) !important;
    transition: left 0.5s ease !important;
}

.pdp-discount-badge-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.25) !important;
    border-color: #7e22ce !important;
    background: #f3e8ff !important;
}

.pdp-discount-badge-cart:hover::before {
    left: 100% !important;
}

.pdp-discount-badge-cart .discount-icon {
    color: #9333ea !important;
    font-size: 13px !important;
}

.pdp-discount-badge-cart .discount-amount {
    color: #7e22ce !important;
    font-weight: 700 !important;
}

.pdp-discount-badge-cart .discount-label {
    color: #9333ea !important;
    opacity: 0.95 !important;
}

/* Normal İndirim Badge - Benzersiz Tasarım */
.pdp-discount-badge-sale {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 6px !important;
    padding: 7px 11px !important;
    font-weight: 600 !important;
    border: 1.5px solid #dc2626 !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.2) !important;
    position: relative !important;
}

.pdp-discount-badge-sale::after {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    width: 12px !important;
    height: 12px !important;
    background: #dc2626 !important;
    border-radius: 50% !important;
    animation: sale-pulse 2s infinite !important;
}

@keyframes sale-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.7;
    }
}

.pdp-discount-badge-sale:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.3) !important;
    border-color: #b91c1c !important;
    background: #fee2e2 !important;
}

.pdp-discount-badge-sale .discount-icon {
    color: #dc2626 !important;
    font-size: 12px !important;
}

.pdp-discount-badge-sale .discount-amount {
    color: #b91c1c !important;
    font-weight: 700 !important;
}

.pdp-discount-badge-sale .discount-label {
    color: #dc2626 !important;
    opacity: 0.95 !important;
}

/* Web'e Özel İndirim Badge - Benzersiz Tasarım */
.pdp-discount-badge-web {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
    border: 2px dashed #16a34a !important;
    background: #f0fdf4 !important;
    color: #16a34a !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.15) !important;
    position: relative !important;
}

.pdp-discount-badge-web::before {
    content: '✨' !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    font-size: 14px !important;
    animation: web-sparkle 1.5s infinite !important;
}

@keyframes web-sparkle {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: scale(1.2) rotate(180deg);
        opacity: 0.8;
    }
}

.pdp-discount-badge-web:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.25) !important;
    border-color: #15803d !important;
    background: #dcfce7 !important;
    border-style: solid !important;
}

.pdp-discount-badge-web .discount-icon {
    color: #16a34a !important;
    font-size: 13px !important;
}

.pdp-discount-badge-web .discount-amount {
    color: #15803d !important;
    font-weight: 700 !important;
}

.pdp-discount-badge-web .discount-label {
    color: #16a34a !important;
    opacity: 0.95 !important;
}

/* Sections */
.pdp-section{border:1px solid var(--line);border-radius:14px;padding:16px;margin:22px 0}
.pdp-section h3{margin:0 0 12px;font-size:16px}
.pdp-row{display:flex;gap:18px;align-items:flex-start;margin:14px 0}

/* Fields */
.pdp-field{width:100%}
.pdp-select {
    width: 100%;
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 12px;
    font-weight: 300;
    background: #fff;
}

/* Chips (metin varyant) */
.pdp-chips{display:flex;gap:10px;flex-wrap:wrap;width:100%}
.pdp-chip{padding:10px 14px;border-radius:12px;background:var(--chip);font-size:14px;cursor:pointer;border:1px solid var(--line);transition:.15s}
.pdp-chip[data-active="true"]{background:var(--chip-active);color:var(--chip-active-text);border-color:#000}
/* Out-of-stock için data-active override */
.pdp-chip.out-of-stock[data-active="true"],
.product-variant-selector .pdp-chip.out-of-stock[data-active="true"],
#variant-selector .pdp-chip.out-of-stock[data-active="true"],
.pdp-section .pdp-chip.out-of-stock[data-active="true"] {
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
}
.pdp-chip[aria-disabled="true"]{opacity:.45;cursor:not-allowed;text-decoration:line-through}

/* Görselli varyant - Yeni Stil */
.pdp-iv-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}


.pdp-iv {
    border: 2px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    transition: .15s;
    position: relative;
    padding: 0;
}

.pdp-iv[aria-checked="true"] {
    border-color: var(--danger);
    outline-offset: 2px;
}

.pdp-iv:hover {
    border-color: var(--danger);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pdp-iv .ph {
    aspect-ratio: 1/1;
    background: #f5f5f5;
    padding: 0;
}

.pdp-iv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

.pdp-iv .label {
    padding: 4px 6px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
    border-top: 1px solid var(--line);
}

.pdp-iv[data-stock="out"]::after {
    content: "Tükendi";
    position: absolute;
    top: 4px;
    left: 4px;
    background: var(--danger);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 600;
}

.pdp-iv[data-stock="out"] {
    opacity: .55;
}

/* Color swatch */
.pdp-swatches{display:flex;gap:12px;flex-wrap:wrap;width:100%}
.pdp-swatch{width:38px;height:38px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.pdp-swatch[aria-checked="true"]{box-shadow:0 0 0 2px #111, inset 0 0 0 2px #fff}

/* Qty & CTA (orantılı) */
.pdp-buybar{display:grid;grid-template-columns:0.8fr 1fr 1fr;gap:12px;width:100%}
.pdp-buybar > div{display:contents}
@media (max-width: 768px) {
    .pdp-buybar > div {
        display: flex !important;
    }
}
.pdp-qty button{width:50px;height:50px;border:0;background:#f9fafb;cursor:pointer;font-weight:700}
.pdp-qty input{width:70px;height:50px;border:0;text-align:center;font-weight:600}
.pdp-qty.disabled{opacity:.5;pointer-events:none}
.pdp-qty.disabled button{cursor:not-allowed}
.pdp-qty.disabled input{cursor:not-allowed}
.pdp-btn {
    appearance: none;
    border: 1px solid var(--text);
    background: transparent;
    color: var(--text);
    border-radius: 10px;
    padding: 14px 10px;
    font-weight: 500;
    cursor: pointer;
    transition: .2s;
}
.pdp-btn--primary{background:var(--brand);font-size:14px;border-color:var(--brand);color:var(--brand-contrast)}
.pdp-btn:hover{transform:translateY(-1px)} .pdp-btn:active{transform:none}



/* Sepeti Güncelle butonu için küçük font */
.pdp-btn[data-text*="SEPETİ GÜNCELLE"] {
    font-size: 12px;
    padding: 14px 12px;
}

/* Mobilde pdp-buybar ve butonlar için tam genişlik */
@media (max-width: 768px) {
    /* Mobilde thumbnail'ları göster - show-thumbnails-mobile class'ı varsa */
    .show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .show-thumbnails-mobile .uomo-thumbs-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 80px !important;
    }
    
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile .product-page-gallery-thumbs,
    .simple-swiper-gallery.show-thumbnails-mobile .product-page-gallery-thumbs,
    .uomo-unique-gallery-container.show-thumbnails-mobile .product-page-gallery-thumbs {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile .product-page-gallery-thumb,
    .simple-swiper-gallery.show-thumbnails-mobile .product-page-gallery-thumb,
    .uomo-unique-gallery-container.show-thumbnails-mobile .product-page-gallery-thumb {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Mobilde thumbnail'ları gizle - hide-thumbnails-mobile class'ı varsa */
    .hide-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .hide-thumbnails-mobile .uomo-thumbs-swiper {
        display: none !important;
    }
    
    .pdp-buybar {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .pdp-buybar > div {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .pdp-buybar .pdp-qty {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    .pdp-buybar .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }
    
    /* Action section içindeki butonlar için */
    .action-section {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .action-section .pdp-buybar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .action-section .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .action-section .pdp-buybar .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    
    /* Grouped product butonları için */
    .grouped-product-actions .pdp-buybar {
        width: 100% !important;
    }
    
    .grouped-product-actions .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .grouped-product-actions .pdp-buybar .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }
    
    /* Normal ürünler için */
    .product-single__addtocart .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .product-single__addtocart .pdp-buybar .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }
}

/* Toast mesajları */
.pdp-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:999px;z-index:60;opacity:0;pointer-events:none;transition:.25s}
.pdp-toast[data-show="true"]{opacity:1;pointer-events:auto}

/* Notify / stock info */
.pdp-notify{border:1px solid var(--line);background:#fff3f3;padding:12px;border-radius:12px}
.pdp-notify h4{margin:0 0 6px;font-size:14px}

/* ALT SEKME BLOĞU */
.pdp-tabs-wrap{max-width:1200px;margin:28px auto;padding:0 24px}
.pdp-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.pdp-tab{padding:10px 14px;border:1px solid var(--line);border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--tab-bg);cursor:pointer;font-weight:600;box-shadow:inset 0 -2px 0 rgba(0,0,0,.03)}
.pdp-tab[aria-selected="true"]{background:var(--tab-active);border-bottom:1px solid var(--tab-active)}
.pdp-tab:hover{background:#f1f5f9}
.pdp-tabpanels{border:1px solid var(--line);border-radius:0 12px 12px 12px;padding:16px;background:#fff}
.pdp-table{width:100%;border-collapse:collapse;font-size:14px}
.pdp-table th,.pdp-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
.pdp-stars{color:#f59e0b}
.hidden{display:none !important}




.product-single__details-tab .nav-item {
    margin: 0;
    flex: 1;
    min-width: 140px;
}

.product-single__details-tab .nav-link {
    border: none;
    background: transparent;
    color: #64748b;
    font-weight: 500;
    font-size: 14px;
    padding: 16px 20px;
    margin: 0;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden;
}





.product-single__details-tab .tab-pane {
    display: none;
    animation: fadeInUp 0.4s ease-out;
}

.product-single__details-tab .tab-pane.show {
    display: block;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */


/* Lightbox slider */
#pdpLightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:.2s}
#pdpLightbox[data-open="true"]{opacity:1;pointer-events:auto}
.lb-main{position:relative;display:flex;align-items:center;justify-content:center;width:min(92vw,1200px);height:min(80vh,820px)}
.lb-main img{max-width:100%;max-height:100%;border-radius:12px}
.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:0;border-radius:999px;width:44px;height:44px;font-weight:700;cursor:pointer}
.lb-arrow.prev{left:8px} .lb-arrow.next{right:8px}
.lb-thumbs{display:flex;gap:10px;margin-top:12px;max-width:min(92vw,1200px);overflow:auto}
.lb-thumbs img{width:90px;height:90px;object-fit:cover;border-radius:8px;opacity:.75;cursor:pointer;border:2px solid transparent}
.lb-thumbs img[data-active="true"]{opacity:1;border-color:#fff}
.lb-close{position:absolute;top:16px;right:20px;background:#fff;border:0;border-radius:999px;width:40px;height:40px;font-weight:700;cursor:pointer}

/* Lightbox slider */
#pdpLightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:.2s}
#pdpLightbox[data-open="true"]{opacity:1;pointer-events:auto}
.lb-main{position:relative;display:flex;align-items:center;justify-content:center;width:min(92vw,1200px);height:min(80vh,820px)}
.lb-main img{max-width:100%;max-height:100%;border-radius:12px}
.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:0;border-radius:999px;width:44px;height:44px;font-weight:700;cursor:pointer}
.lb-arrow.prev{left:8px} .lb-arrow.next{right:8px}
.lb-thumbs{display:flex;gap:10px;margin-top:12px;max-width:min(92vw,1200px);overflow:auto}
.lb-thumbs img{width:90px;height:90px;object-fit:cover;border-radius:8px;opacity:.75;cursor:pointer;border:2px solid transparent}
.lb-thumbs img[data-active="true"]{opacity:1;border-color:#fff}
.lb-close{position:absolute;top:16px;right:20px;background:#fff;border:0;border-radius:999px;width:40px;height:40px;font-weight:700;cursor:pointer}

/* Responsive düzenlemeler */

/* Mevcut stiller korunuyor */


.stock-alert-container i {
    font-size: 10px;
    color: #fff;
}

.stock-alert-title {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.stock-alert-description {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}


.stock-alert-form-group {
    flex: 1;
}

.stock-alert-form-group input {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    font-size: 10px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    transition: all 0.3s ease;
}

.stock-alert-form-group input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
}

.stock-alert-form-group input:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
}

/* Kırmızı Tonlu Stok Uyarı Buton Tasarımı */
.stock-alert-btn {
    --sa-red: #dc2626;
    background: var(--sa-red) !important;
    color: #fff !important;
    border: 2px solid var(--sa-red) !important;
    border-radius: 9999px; /* pill */
    padding: 12px 18px;
    min-height: 40px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: none;
}

.stock-alert-btn i {
    font-size: 16px;
    color: currentColor !important;
}

.stock-alert-btn span {
    color: inherit !important;
}

.stock-alert-btn:hover {
    background: #b91c1c !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}

/* Stok Uyarı Primary Buton Tasarımı */
.stock-alert-btn-primary {
    --sa-red: #dc2626;
    background: var(--sa-red) !important;
    color: #fff !important;
    border: 2px solid var(--sa-red) !important;
    border-radius: 9999px !important;
    padding: 12px 18px;
    min-height: 40px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: none;
}

.stock-alert-btn-primary i {
    font-size: 16px;
    color: currentColor !important;
}

.stock-alert-btn-primary:hover {
    background: #b91c1c !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}

/* Stok Uyarı Login Gerekli Durumu */
.stock-alert-login-required {
    text-align: center;
}

.stock-alert-login-buttons {
    display: flex;
    justify-content: center;
    gap: 8px;
}

/* Stok Uyarı Responsive Tasarım */

/* Disabled buton stilleri */
.pdp-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    pointer-events: none !important;
}

.pdp-btn:disabled:hover {
    transform: none !important;
}

/* Template içindeki butonlar için */
.pdp-buybar template div {
    display: contents;
}

.pdp-buybar template div button {
    width: 100%;
}

/* Tab stilleri */
.pdp-tab.active {
    background: var(--brand) !important;
    color: var(--brand-contrast) !important;
    border-color: var(--brand) !important;
}

.pdp-tab.active:hover {
    background: var(--brand) !important;
    color: var(--brand-contrast) !important;
}

/* pdp-qty için template düzeltmeleri */
.pdp-buybar .pdp-qty {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 100% !important;
}

.pdp-buybar .pdp-qty button {
    width: 50px !important;
    height: 50px !important;
    border: 0 !important;
    background: #f9fafb !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pdp-buybar .pdp-qty input {
    width: 70px !important;
    height: 50px !important;
    border: 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
    background: transparent !important;
}

.pdp-buybar .pdp-qty button:hover {
    background: #e5e7eb !important;
}

.pdp-buybar .pdp-qty button:active {
    background: #d1d5db !important;
}

/* Stok durumu göstergesi */
.stock-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;margin:8px 0;font-size:14px;color:#856404}
.stock-warning.low{background:#f8d7da;border-color:#f5c6cb;color:#721c24}
.stock-warning.last{background:#d4edda;border-color:#c3e6cb;color:#155724}

/* Filament Modal Resim Silme Butonlarını Gizle */
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-remove-button,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-remove,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item button[aria-label*="Remove"],
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item button[aria-label*="Sil"],
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-actions button:last-child,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-actions .fi-fo-file-upload-item-remove-button,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-actions .fi-fo-file-upload-item-remove {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Spatie Media Library File Upload Silme Butonlarını Gizle */
.fi-fo-file-upload-item-remove-button,
.fi-fo-file-upload-item-remove,
.fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Remove"],
.fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Sil"],
.fi-fo-file-upload-item .fi-fo-file-upload-item-actions button:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Modal içindeki tüm silme butonlarını gizle */
[data-modal-content] .fi-fo-file-upload-item-remove-button,
[data-modal-content] .fi-fo-file-upload-item-remove,
[data-modal-content] .fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Remove"],
[data-modal-content] .fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Sil"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Tablo Satırlarındaki Silme Butonlarını Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[aria-label*="Sil"],
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[aria-label*="Delete"],
.fi-ta-table .fi-ta-row .fi-ta-actions button[aria-label*="Sil"],
.fi-ta-table .fi-ta-row .fi-ta-actions button[aria-label*="Delete"],
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action-delete,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action-remove {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Tablo Satırlarındaki Tüm Silme Butonlarını Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions button:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[data-action="delete"],
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[data-action="remove"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Tablo Satırlarındaki Kırmızı Butonları Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action.fi-ta-action-color-danger,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[color="danger"],
.fi-ta-table .fi-ta-row .fi-ta-actions button.fi-ta-action-color-danger,
.fi-ta-table .fi-ta-row .fi-ta-actions button[color="danger"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Tüm Filament Silme Butonlarını Gizle - Daha Kapsamlı */
.fi-ta-action[aria-label*="Sil"],
.fi-ta-action[aria-label*="Delete"],
.fi-ta-action[aria-label*="Remove"],
.fi-ta-action[title*="Sil"],
.fi-ta-action[title*="Delete"],
.fi-ta-action[title*="Remove"],
.fi-ta-action[data-action="delete"],
.fi-ta-action[data-action="remove"],
.fi-ta-action.fi-ta-action-color-danger,
.fi-ta-action[color="danger"],
.fi-ta-action.fi-ta-action-color-red,
.fi-ta-action[color="red"],
.fi-ta-action.fi-ta-action-color-error,
.fi-ta-action[color="error"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Filament Tablo Satırlarındaki Son Butonları Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions button:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action-group .fi-ta-action:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Modal İçindeki Tüm Silme Butonlarını Gizle */
.fi-modal .fi-ta-action[aria-label*="Sil"],
.fi-modal .fi-ta-action[aria-label*="Delete"],
.fi-modal .fi-ta-action[aria-label*="Remove"],
.fi-modal .fi-ta-action[title*="Sil"],
.fi-modal .fi-ta-action[title*="Delete"],
.fi-modal .fi-ta-action[title*="Remove"],
.fi-modal .fi-ta-action.fi-ta-action-color-danger,
.fi-modal .fi-ta-action[color="danger"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Panel İçindeki Tüm Silme Butonlarını Gizle */
.fi-panel .fi-ta-action[aria-label*="Sil"],
.fi-panel .fi-ta-action[aria-label*="Delete"],
.fi-panel .fi-ta-action[aria-label*="Remove"],
.fi-panel .fi-ta-action[title*="Sil"],
.fi-panel .fi-ta-action[title*="Delete"],
.fi-panel .fi-panel .fi-ta-action[title*="Remove"],
.fi-panel .fi-ta-action.fi-ta-action-color-danger,
.fi-panel .fi-ta-action[color="danger"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Teslimat Bilgisi Stilleri */
.pdp-delivery-info {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.pdp-delivery-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.pdp-delivery-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.pdp-delivery-content p {
    margin: 0 0 4px 0;
    font-size: 14px;
    color: #555;
}

.pdp-delivery-content small {
    margin: 0;
    display: block;
}

/* Alpine.js x-cloak için */
[x-cloak] {
    display: none !important;
}

/* Tab sistemi için CSS override */
.pdp-tabpanels .tab-pane {
    display: none !important;
}

.pdp-tabpanels .tab-pane[x-show="true"] {
    display: block !important;
}

/* x-cloak direktifi için */
[x-cloak] {
    display: none !important;
}

/* Vanilla JavaScript tab sistemi için */
.pdp-tabpanels .tab-pane.hidden {
    display: none !important;
}

.pdp-tabpanels .tab-pane:not(.hidden) {
    display: block !important;
}

/* Tab butonları için aktif durum */
.pdp-tab.active,
.pdp-tab[aria-selected="true"] {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}

.pdp-tab.active:hover,
.pdp-tab[aria-selected="true"]:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Tab içerikleri için zorunlu görünürlük */
.pdp-tabpanels section[x-show="false"] {
    display: none !important;
}

.pdp-tabpanels section[x-show="true"] {
    display: block !important;
}

/* Fiyat görünürlüğü için */
.pdp-price-wrap > div[x-show="false"] {
    display: none !important;
}

.pdp-price-wrap > div[x-show="true"] {
    display: flex !important;
}

/* Varyant resim stilleri iyileştirmesi */
.pdp-iv {
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    position: relative !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.pdp-iv[aria-checked="true"] {
    border-color: #dc2626 !important;
    outline-offset: 2px !important;
}

.pdp-iv:hover {
    border-color: #dc2626 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.pdp-iv .ph {
    width: auto !important;
    height: auto !important;
    background: #f5f5f5 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: -1 !important;
}

.pdp-iv img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.pdp-iv .label {
    padding: 4px 6px !important;
    font-size: 12px !important;
    text-align: center !important;
    font-weight: 500 !important;
    color: #333 !important;
    background: #f8f9fa !important;
    border-top: 1px solid #e5e7eb !important;
    order: 1 !important;
    flex-shrink: 0 !important;
}

.pdp-iv-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}

/* ===== MINIMALIST TAB STYLES ===== */



/* Tab Navigation */
.product-single__details-tab .nav-tabs {
    border: none;

    padding: 0;
    margin: 0;
}

.product-single__details-tab .nav-item {
    margin: 0;
}

.product-single__details-tab .nav-link {
    border: none;
    background: transparent;
    color: #6b7280;
    font-weight: 500;
    font-size: 14px;
    padding: 16px 24px;
    margin: 0;
    border-radius: 0;
    transition: color 0.2s ease;
    text-decoration: none;
}

.product-single__details-tab .nav-link:hover {
    color: #374151;
    background: transparent;
}

.product-single__details-tab .nav-link.active {
    color: #000 !important;
    background: #fff;
    font-weight: 600;
    border-bottom: 2px solid #000;
}

/* Tab Content */
.product-single__details-tab .tab-content {
    padding: 32px;
    background: #fff;
}

.product-single__details-tab .tab-pane {
    display: none;
}

.product-single__details-tab .tab-pane.show {
    display: block;
}

/* Product Description Styles */
.product-single__description {
    color: #374151;
    line-height: 1.6;
}

.product-single__description .block-title {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 0;
}

.product-single__description .content {
    font-size: 15px;
    margin-bottom: 20px;
    color: #6b7280;
}

.product-single__description .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-single__description .text-list {
    margin-bottom: 20px;
}

.product-single__description .text-list li {
    padding: 8px 0;
    color: #6b7280;
    font-size: 14px;
    border-bottom: 1px solid #f3f4f6;
}

.product-single__description .text-list li:last-child {
    border-bottom: none;
}

/* Table Styles */
.product-single__table-container {
    overflow-x: auto;
}

.product-single__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.product-single__table thead {
    background: #f9fafb;
}

.product-single__table th {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    color: #111;
    border-bottom: 1px solid #e5e7eb;
}

.product-single__table td {
    padding: 16px 20px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 14px;
    color: #374151;
}

.product-single__table tbody tr:last-child td {
    border-bottom: none;
}

.product-single__table tbody tr:hover {
    background: #f9fafb;
}

.product-single__table strong {
    color: #111;
    font-weight: 600;
}

/* Responsive Design */


/* ===== PRODUCT RATING SUMMARY (UNDER TITLE) ===== */
.product-rating-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0 24px 0;
    padding: 12px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    max-width: fit-content;
    transition: all 0.2s ease;
}

.product-rating-summary:hover {
    background: #eff6ff;
    border-color: #3b82f6;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
}

.rating-stars {
    display: flex;
    gap: 2px;
}

.product-rating-summary .star {
    font-size: 16px;
    color: #d1d5db;
    line-height: 1;
}

.product-rating-summary .star.filled {
    color: #f59e0b;
}

.rating-text {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.product-rating-summary .rating-value {
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.product-rating-summary .rating-count {
    font-size: 14px;
    color: #6b7280;
}

/* ===== PRODUCT REVIEWS STYLES ===== */

/* Reviews Container */
.product-single__reviews {
    padding: 0;
}

/* Reviews Header */
.reviews-header {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
}

.reviews-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

.reviews-title-section {
    flex: 1;
}

.reviews-title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin: 0;
}

/* Reviews Summary */
.reviews-summary {
    flex-shrink: 0;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    min-width: 200px;
}

.rating-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.stars {
    display: flex;
    gap: 3px;
}

.star {
    font-size: 20px;
    color: #d1d5db;
    line-height: 1;
    transition: color 0.2s ease;
}

.star.filled {
    color: #f59e0b;
}

.rating-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.rating-value {
    font-size: 28px;
    font-weight: 300;
    color: #111;
    line-height: 1;
}

.rating-max {
    font-size: 16px;
    color: #6b7280;
    line-height: 1;
}

.rating-count {
    font-size: 13px;
    color: #6b7280;
    line-height: 1;
    margin-top: 4px;
}

/* Reviews Content */
.reviews-content {
    min-height: 200px;
}

/* No Reviews */
.no-reviews {
    text-align: center;
    padding: 60px 20px;
    color: #6b7280;
}

.no-reviews-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.no-reviews h4 {
    font-size: 20px;
    font-weight: 600;
    color: #374151;
    margin: 0 0 12px 0;
}

.no-reviews p {
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

/* Responsive Reviews */


/* ===== REVIEW FORM STYLES ===== */

.review-form {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px;
}

.review-form__content {
    max-width: 600px;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-control {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.form-control:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-control::placeholder {
    color: #9ca3af;
}

/* Rating Input */
.rating-input {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
}

.rating-input input[type="radio"] {
    display: none;
}

.star-label {
    font-size: 24px;
    color: #d1d5db;
    cursor: pointer;
    transition: color 0.2s ease;
}

.rating-input input[type="radio"]:checked ~ .star-label,
.rating-input input[type="radio"]:hover ~ .star-label {
    color: #fbbf24;
}

/* Button */
.btn {
    display: inline-block;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary {
    background: #3b82f6;
    color: #fff;
}

.btn-primary:hover {
    background: #2563eb;
    transform: translateY(-1px);
}

/* Responsive Form */


/* ===== REVIEW LIST STYLES ===== */

/* Reviews List */
.reviews-list {
    margin-bottom: 24px;
}

.review-item {
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin-bottom: 12px;
    background: #fff;
    transition: box-shadow 0.2s ease;
}

.review-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 12px;
}

.review-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-rating .stars {
    display: flex;
    gap: 1px;
}

.review-rating .star {
    font-size: 16px;
    color: #d1d5db;
}

.review-rating .star.filled {
    color: #f59e0b;
}

.rating-number {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.review-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.review-date {
    font-size: 13px;
    color: #6b7280;
}

.verified-badge {
    background: #10b981;
    color: #fff;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 500;
}

.review-content p {
    font-size: 15px;
    line-height: 1.5;
    color: #374151;
    margin: 0;
}

/* Add Review Section */
.add-review-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.add-review-section h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px 0;
}

/* Login Required Message */
.login-required-message {
    text-align: center;
    padding: 24px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.login-required-message h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 12px 0;
}

.login-required-message p {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.login-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-secondary {
    background: #6b7280;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-secondary:hover {
    background: #4b5563;
    transform: translateY(-1px);
}

/* Responsive Review List */


/* Takım İçeriği Tab Stilleri */
.team-content-section {
    padding: 2rem 0;
}

.team-content-header {
    text-align: center;
    margin-bottom: 2rem;
}

.team-content-header h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 1rem;
}

.team-content-header p {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
}

/* Takım tablosu stilleri */
.team-content-section .pdp-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.team-content-section .pdp-table th {
    background: #dc2626;
    color: #ffffff !important;
    padding: 1.2rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
}

.team-content-section .pdp-table td {
    padding: 1.2rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.team-content-section .pdp-table tr:last-child td {
    border-bottom: none;
}

.team-content-section .pdp-table tr:hover {
    background-color: #f8f9fa;
}

/* Quantity sütunu iyileştirmeleri */
.team-content-section .quantity-column {
    min-width: 120px;
}

.team-content-section .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.team-content-section .qty-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    transition: all 0.2s ease;
}

.team-content-section .qty-btn:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.team-content-section .qty-input {
    width: 50px;
    height: 32px;
    text-align: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
}

/* Fiyat sütunu iyileştirmeleri */
.team-content-section .price-column {
    min-width: 140px;
}

/* Checkbox iyileştirmeleri */
.team-content-section .include-column {
    text-align: center;
    min-width: 80px;
}

.team-content-section .include-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #dc2626;
}

/* Takım toplam fiyat */
.team-content-section .team-total {
    text-align: center;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.team-content-section .team-total p {
    font-size: 1.2rem;
    font-weight: 600;
    color: #111;
    margin: 0;
}

.team-content-section .team-total span {
    color: #dc2626;
    font-size: 1.4rem;
}

/* Nakit ve Kart Fiyat Stilleri */
.pdp-price-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
}

.price-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.price-label {
    color: #6b7280;
    font-weight: 500;
}

.price-value {
    color: #dc2626;
    font-weight: 600;
}

/* Alt ürün fiyat detayları */
.child-price-details {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px 0;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1.1;
}

.price-row .price-label {
    color: #6b7280;
    font-weight: 500;
    margin-right: 6px;
    min-width: 30px;
}

.price-row .price-value {
    color: #dc2626;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

/* Kart fiyatı için özel stil */
.price-row .price-value.card-price {
    color: #111;
    font-weight: 500;
}

/* Gelişmiş Lightbox Galeri */
.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(8px);
}

.lightbox-container {
    position: relative;
    width: 95vw;
    height: 95vh;
    max-width: 1720px;
    max-height: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Kapatma Butonu */
.lightbox-close {
    position: absolute;
    top: -50px;
    right: 0;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #ffffff !important;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    z-index: 10000;
}

.lightbox-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

/* Ana Resim Alanı */
.lightbox-main {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.lightbox-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.lightbox-image:hover {
    transform: scale(1.02);
}

/* Navigasyon Butonları */
.lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    color: #ffffff !important;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.lightbox-prev {
    left: -80px;
}

.lightbox-next {
    right: -80px;
}

/* Alt Resim Galerisi */
.lightbox-thumbnails {
    display: flex;
    gap: 12px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow-x: auto;
    max-width: 100%;
    margin-top: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.lightbox-thumb {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    flex-shrink: 0;
    margin: 5px;
}

.lightbox-thumb:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.3);
}

.lightbox-thumb.active {
    border-color: #dc2626;
    border-width: 3px;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(220, 38, 38, 0.5);
}

.lightbox-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Resim Bilgisi */
.lightbox-info {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #ffffff !important;
    text-align: center;
}

.lightbox-counter {
    background: rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.lightbox-title {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.9;
}

/* Zoom Hint */
.pdp-zoom-hint {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(10px);
}

.pdp-media:hover .pdp-zoom-hint {
    opacity: 1;
}

.pdp-zoom-hint i {
    font-size: 14px;
}

/* Responsive Tasarım */

/* Klavye Navigasyonu için Focus Stilleri */
.lightbox-nav:focus,
.lightbox-close:focus {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

/* Animasyonlar */
@keyframes lightboxFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.lightbox-container {
    animation: lightboxFadeIn 0.3s ease-out;
}

/* Loading Spinner */
.lightbox-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #dc2626;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Zoom ve Pan Desteği */
.lightbox-image {
    cursor: grab;
    transition: transform 0.3s ease;
}

.lightbox-image:active {
    cursor: grabbing;
}

/* Hover Efektleri */
.lightbox-thumb:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(1.15);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Smooth Transitions */
.lightbox-overlay * {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Accessibility */
.lightbox-nav:focus,
.lightbox-close:focus,
.lightbox-thumb:focus {
    outline: 3px solid #dc2626;
    outline-offset: 3px;
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .lightbox-nav,
    .lightbox-close {
        border-width: 2px;
        border-color: white;
    }
    
    .lightbox-thumb.active {
        border-color: white;
        border-width: 3px;
    }
}

/* ===== ÜRÜN GALERİ THUMBNAIL DÜZENİ - 3'LÜ GRID ===== */

/* FilePond Grid Override - GÜÇLENDİRİLMİŞ */
.filepond--root .filepond--list,
.filepond--root[data-style-panel-layout="grid"] .filepond--list,
.filepond--root .filepond--list-scroller .filepond--list,
.filepond--root .filepond--list-scroller {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
}

/* FilePond Item Grid Override */
.filepond--root .filepond--item,
.filepond--root .filepond--item-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: auto !important;
    min-height: auto !important;
}

/* FilePond Item Panel Override */
.filepond--root .filepond--item-panel {
    width: 100% !important;
    height: auto !important;
}

/* FilePond Image Preview Override */
.filepond--root .filepond--image-preview {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}

/* FilePond Root Container Override */
.filepond--root {
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive Grid */


/* Force Grid Layout for All FilePond Instances */
[data-style-panel-layout="grid"] .filepond--list,
[data-style-panel-layout="grid"] .filepond--list-scroller {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
}

/* Ürün Galeri Thumbnail Düzeni - 3'lü Grid */
.pdp-thumbs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin-top: 15px !important;
    width: 100% !important;
}

.pdp-thumb {
    aspect-ratio: 1 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    background: #f8f9fa !important;
}

.pdp-thumb:hover {
    border-color: #3b82f6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2) !important;
}

.pdp-thumb.active {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3) !important;
}

.pdp-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
}

/* Responsive düzenlemeler */



/* Ana Görsel */
#mainMedia {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    background: #ffffff !important;
}

#mainImage {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 12px !important;
}

/* Zoom İpucu */
.pdp-zoom-hint {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
}

#mainMedia:hover .pdp-zoom-hint {
    opacity: 1 !important;
}

.pdp-zoom-hint i {
    margin-right: 5px !important;
}

/* Swiper Navigation Butonları Kaldırıldı */
.swiper-button-next,
.swiper-button-prev {
    display: none !important;
}

/* Swiper Pagination Bullet'ları Kaldırıldı */
.swiper-pagination,
.swiper-pagination-bullet {
    display: none !important;
}

/* Küçük Resimler ile Büyük Resim Arasında Margin Eklendi */
.product-gallery-thumbs {
    margin-top: 50px !important;
}

/* Küçük Resimlerde Border Eklendi */
.product-gallery-thumbnail-swiper .swiper-slide img {
    border: 2px solid #e5e7eb !important;
}



/* Büyük Resimde Hover Efekti Kaldırıldı */
.product-gallery-main-image:hover {
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
}

/* Küçük Resimlere Cursor Eklendi */
.product-gallery-thumbnail-swiper .swiper-slide img {
    cursor: pointer !important;
}

/* Swiper Thumbnail Spesifik Margin - Güçlü Selector */
.swiper.thumbnail-swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    margin-top: 15px !important;
}

/* ===== THUMBNAIL SWIPER STILLERİ ===== */
.thumbnail-swiper {
    margin-top: 15px !important;
    height: 100px !important;
}

.thumbnail-swiper .swiper-wrapper {
    align-items: center !important;
}

.thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}

.thumbnail-swiper .swiper-slide:hover {
    border-color: #005850 !important;
    transform: translateY(-2px) !important;
    opacity: 1 !important;
}

.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #005850 !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2) !important;
    opacity: 1 !important;
}

.gallery-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.thumbnail-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Responsive Thumbnail Stilleri */


/* Simple Swiper Gallery Stilleri */
.simple-swiper-gallery {
    width: 100% !important;
    position: relative !important;
}

.main-gallery-swiper {
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 500px !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.gallery-main-image:hover {
    transform: scale(1.02) !important;
}

/* Video Play Button Stilleri */
.video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-button-small {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button-small:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}



/* ===== CHECKOUT RESULT PAGE STYLES ===== */
/* Modern Minimalist Checkout Result Design */

.checkout-result-page {
    min-height: 100vh;
    background: #f5f7fa;
    padding: 60px 20px;
    font-family: "Nutinoo", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.checkout-result-container {
    max-width: 1000px;
    margin: 0 auto;
}

.checkout-result-content {
    background: #ffffff;
    border-radius: 24px;
    padding: 64px 48px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #e8ecf0;
}

.checkout-result-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #10b981;
}

/* Success Icon */
.checkout-result-icon {
    margin-bottom: 32px;
}

.checkout-result-icon i {
    font-size: 96px;
    color: #10b981;
    animation: fadeInScale 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
    }
    60% {
        transform: scale(1.1) rotate(5deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* Header Section */
.checkout-result-header {
    margin-bottom: 32px;
}

.checkout-result-title {
    font-size: 36px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 24px 0;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.checkout-result-order-number {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.order-label {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.order-code {
    font-size: 28px;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    padding: 12px 24px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    font-family: 'Courier New', monospace;
}

.order-code:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Description */
.checkout-result-description {
    font-size: 17px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 48px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

/* Order Summary Section */
.checkout-result-summary {
    margin-bottom: 48px;
    text-align: left;
}

.summary-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 24px 0;
    text-align: center;
    letter-spacing: -0.3px;
}

.order-summary {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 32px;
    max-width: 560px;
    margin: 0 auto;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e8ecf0;
}

.summary-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.summary-row:first-child {
    padding-top: 0;
}

.summary-label {
    font-size: 15px;
    color: #64748b;
    font-weight: 500;
}

.summary-value {
    font-size: 16px;
    color: #0f172a;
    font-weight: 700;
}

/* Status Badges */
.status-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-pending {
    background: #fef3c7;
    color: #d97706;
}

.status-confirmed {
    background: #dbeafe;
    color: #2563eb;
}

.status-processing {
    background: #d1fae5;
    color: #059669;
}

.status-shipped {
    background: #e0e7ff;
    color: #7c3aed;
}

.status-delivered {
    background: #dcfce7;
    color: #16a34a;
}

.status-other {
    background: #f3f4f6;
    color: #6b7280;
}

/* Products Section */
.checkout-result-products {
    margin-bottom: 48px;
    text-align: left;
}

.products-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 28px 0;
    text-align: center;
    letter-spacing: -0.3px;
}

.products-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}



.product-card {
    background: #ffffff;
    border: 1px solid #e8ecf0;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.product-image {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid #f1f5f9;
}

.product-placeholder {
    width: 100%;
    height: 100%;
    background: #f8fafc;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 32px;
    border: 1px solid #e8ecf0;
}

.product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-name {
    font-size: 17px;
    font-weight: 600;
    color: #0f172a;
    margin: 0;
    line-height: 1.4;
}

.product-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: auto;
}

.product-quantity {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
}

.product-price {
    font-size: 18px;
    font-weight: 700;
    color: #10b981;
}

.product-sku {
    font-size: 12px;
    color: #94a3b8;
    font-family: 'Courier New', monospace;
    margin-top: 4px;
}

/* Product Children Styles */
.product-children {
    margin: 12px 0;
}

.product-children-title {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-child-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 8px;
    font-size: 13px;
}

.product-child-bullet {
    color: #94a3b8;
    font-weight: 700;
}

.product-child-name {
    color: #0f172a;
    font-weight: 500;
    flex: 1;
}

.product-child-quantity {
    color: #64748b;
    font-weight: 500;
}

.product-child-variant {
    color: #3b82f6;
    font-size: 12px;
    font-weight: 500;
}

/* Product Variant Styles */
.product-variant {
    margin: 12px 0;
}

.product-variant-title {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-variant-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.product-variant-tag {
    background: #f1f5f9;
    color: #475569;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #e8ecf0;
}

/* No Products Message */
.no-products-message {
    text-align: center;
    padding: 40px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    color: #64748b;
}

.no-products-message i {
    font-size: 48px;
    color: #94a3b8;
    margin-bottom: 16px;
    display: block;
}

.no-products-message p {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

/* Banks Section */
.checkout-result-banks {
    margin-bottom: 48px;
    text-align: left;
}

.banks-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 24px 0;
    text-align: center;
    letter-spacing: -0.3px;
}

.payment-notice {
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.payment-notice i {
    color: #d97706;
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
}

.payment-notice p {
    margin: 0;
    color: #92400e;
    font-size: 15px;
    line-height: 1.6;
}

.payment-notice strong {
    font-weight: 700;
    color: #78350f;
}

/* Banks Section - Table Design */
.banks-table-container {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #e8ecf0;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    margin-top: 0;
}

.banks-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.banks-table th {
    background: #f8fafc;
    padding: 18px 16px;
    text-align: left;
    font-weight: 700;
    color: #0f172a;
    border-bottom: 2px solid #e8ecf0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.banks-table td {
    padding: 18px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    color: #334155;
}

.banks-table tbody tr:last-child td {
    border-bottom: none;
}

.banks-table tbody tr:hover {
    background: #f8fafc;
}

.bank-name-cell {
    font-weight: 700;
    color: #0f172a;
    font-size: 16px;
}

.account-number,
.iban-number {
    position: relative;
    background: #f8fafc;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid #e8ecf0;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    word-break: break-all;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
    color: #0f172a;
}

.copy-btn {
    background: #3b82f6;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    font-size: 13px;
}

.copy-btn:hover {
    background: #2563eb;
    transform: scale(1.08);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.copy-btn:active {
    transform: scale(0.95);
}

/* Copy Success Animation */
.copy-success {
    background: #10b981 !important;
    animation: copySuccess 0.6s ease;
}

@keyframes copySuccess {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Responsive table */

.detail-value {
    font-size: 14px;
    color: #1e293b;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.account-number,
.iban-number {
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 6px;
    color: #0f172a;
}

/* Action Buttons */
.checkout-result-actions {
    margin-top: 48px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 420px;
    margin: 0 auto;
}

.action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 28px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: pointer;
    min-height: 56px;
    letter-spacing: -0.2px;
}

.action-btn-primary {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

.action-btn-primary:hover {
    background: #059669;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);
}

.action-btn-secondary {
    background: #ffffff;
    color: #475569;
    border: 2px solid #e8ecf0;
}

.action-btn-secondary:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.action-btn i {
    font-size: 18px;
}

/* Responsive Design */

/* ===== MODERN REVIEWS STYLES ===== */

/* Modern Reviews Container - Kompakt */
.modern-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    gap: 16px;
}

.modern-reviews-title h3 {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin: 0 0 4px 0;
}

.modern-review-count {
    font-size: 13px;
    color: #6b7280;
    font-weight: 300;
}

/* Modern Rating Summary - Kompakt */
.modern-rating-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: auto;
}

.modern-rating-circle {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.modern-rating-value {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    line-height: 1;
}

.modern-rating-max {
    font-size: 14px;
    color: #6b7280;
    font-weight: 500;
}

.modern-rating-stars {
    display: flex;
    gap: 2px;
}

.modern-star {
    font-size: 14px;
    color: #d1d5db;
    line-height: 1;
}

.modern-star.filled {
    color: #f59e0b;
}

/* Modern Reviews List - Kompakt */
.modern-reviews-list {
    margin-bottom: 24px;
}

.modern-review-item {
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 12px;
    background: #fff;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.modern-review-item:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.modern-review-item:last-child {
    margin-bottom: 0;
}

.modern-review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 12px;
}

.modern-review-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modern-review-stars {
    display: flex;
    gap: 2px;
}

.modern-review-star {
    font-size: 14px;
    color: #d1d5db;
}

.modern-review-star.filled {
    color: #f59e0b;
}

.modern-review-score {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    background: #f3f4f6;
    padding: 3px 7px;
    border-radius: 5px;
}

.modern-review-meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.modern-review-author {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

.modern-review-date {
    font-size: 12px;
    color: #9ca3af;
    font-weight: 400;
}

.modern-verified-badge {
    background: #10b981;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 2px;
    line-height: 1;
}

.modern-review-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #4b5563;
    margin: 0;
}

/* Modern No Reviews State - Kompakt */
.modern-no-reviews {
    text-align: center;
    padding: 32px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 20px 0;
}

.modern-no-reviews-icon {
    font-size: 36px;
    margin-bottom: 12px;
    display: block;
}

.modern-no-reviews h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 8px 0;
}

.modern-no-reviews p {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* Modern Add Review Section - Kompakt */
.modern-add-review-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.modern-add-review-section h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px 0;
}

.modern-review-form {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
}

.modern-form-group {
    margin-bottom: 16px;
}

.modern-form-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}

.modern-rating-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 4px;
}

.modern-rating-input input[type="radio"] {
    display: none;
}

.modern-star-label {
    font-size: 22px;
    color: #d1d5db;
    cursor: pointer;
    transition: color 0.2s ease;
    line-height: 1;
}

.modern-rating-input input[type="radio"]:checked ~ .modern-star-label,
.modern-rating-input .modern-star-label:hover,
.modern-rating-input .modern-star-label:hover ~ .modern-star-label {
    color: #f59e0b;
}

.modern-form-control {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #fff;
}

.modern-form-control:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.modern-form-control::placeholder {
    color: #9ca3af;
}

.modern-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 40px;
}

.modern-btn-primary {
    background: #3b82f6;
    color: #fff;
}

.modern-btn-primary:hover {
    background: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.modern-btn-secondary {
    background: #6b7280;
    color: #fff;
    border: none;
}

.modern-btn-secondary:hover {
    background: #4b5563;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
}

/* Modern Login Required Message - Kompakt */
.modern-login-required-message {
    text-align: center;
    padding: 24px 20px;
}

.modern-login-required-message h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 10px 0;
}

.modern-login-required-message p {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.modern-login-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Modern Reviews - Kompakt */



/* ===== ÜRÜN SAYFASI ÖZEL STİLLERİ ===== */
/* Benzersiz class'lar ile çakışmaları önleme */

/* Ana Ürün Sayfası Container */
.product-page-container {
    position: relative;
    z-index: 1;
}

/* Ürün Sayfası Swiper Container */
.product-page-swiper-container {
    position: relative;
    z-index: 2;
}

/* Ürün Sayfası Ana Swiper */
.product-page-main-swiper {
    position: relative;
    z-index: 3;
}

.product-page-main-swiper .swiper-slide {
    position: relative;
    z-index: 4;
}

/* Ürün Sayfası Thumbnail Swiper - Görünür */
.product-page-thumbnail-swiper {
    position: relative;
    z-index: 5;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.product-page-thumbnail-swiper .swiper-slide {
    position: relative;
    z-index: 6;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ürün Sayfası Swiper Navigation */
.product-page-swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-page-swiper-nav:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.product-page-swiper-nav.prev {
    left: 10px;
}

.product-page-swiper-nav.next {
    right: 10px;
}

/* Ürün Sayfası Swiper Pagination */
.product-page-swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 8px;
}

.product-page-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-page-swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.2);
}

/* Ürün Sayfası Gallery Container */
.product-page-gallery-container {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    padding: 0;
    margin: 0;
}

/* Ürün Sayfası Gallery Main - Tam Ekran */
.product-page-gallery-main {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-in;
    padding: 0;
    margin: 0;
}

.product-page-gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    display: block;
}

/* Ürün Sayfası Gallery Thumbs - Altta Görünür */
.product-page-gallery-thumbs {
    position: relative;
    z-index: 3;
    display: flex !important;
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 15px;
    justify-content: flex-start;
    padding: 10px 0;
    overflow-x: auto;
    scrollbar-width: thin;
    visibility: visible !important;
    opacity: 1 !important;
}

.product-page-gallery-thumbs::-webkit-scrollbar {
    height: 4px;
}

.product-page-gallery-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.product-page-gallery-thumbs::-webkit-scrollbar-thumb {
    background: #005850;
    border-radius: 2px;
}

.product-page-gallery-thumb {
    position: relative;
    z-index: 4;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


.product-page-gallery-thumb.active {
    border-color: #005850;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.3);
}

.product-page-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Product Gallery Responsive - Tam Ekran */


/* Ürün Sayfası Video Play Button */
.product-page-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-page-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

.product-page-video-play i {
    color: #fff;
    font-size: 24px;
}

/* Ürün Sayfası Video Play Button Small (Thumbnail) */
.product-page-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.product-page-video-play-small:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Ürün Sayfası Zoom Hint */
.product-page-zoom-hint {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 6;
}

.product-page-gallery-main:hover .product-page-zoom-hint {
    opacity: 1;
}

.product-page-zoom-hint i {
    margin-right: 4px;
}

/* Ürün Sayfası Lightbox */
.product-page-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
}

.product-page-lightbox[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
}

.product-page-lightbox-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(92vw, 1200px);
    height: min(80vh, 820px);
}

.product-page-lightbox-main img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
}

.product-page-lightbox-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10000;
}

.product-page-lightbox-arrow.prev {
    left: 8px;
}

.product-page-lightbox-arrow.next {
    right: 8px;
}

.product-page-lightbox-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    max-width: min(92vw, 1200px);
    overflow: auto;
}

.product-page-lightbox-thumb {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    opacity: 0.75;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.product-page-lightbox-thumb[data-active="true"] {
    opacity: 1;
    border-color: #fff;
}

.product-page-lightbox-close {
    position: absolute;
    top: 16px;
    right: 20px;
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10000;
}

/* Ürün Sayfası Responsive */



/* Ürün Sayfası Swiper Override */
.product-page-container .swiper-container,
.product-page-container .swiper-wrapper,
.product-page-container .swiper-slide {
    position: relative;
    z-index: auto;
}

.product-page-container .swiper-button-next,
.product-page-container .swiper-button-prev {
    display: none !important;
}

.product-page-container .swiper-pagination {
    display: none !important;
}

/* Ürün Sayfası Gallery Override */
.product-page-container .product-gallery-simple,
.product-page-container .product-gallery-container,
.product-page-container .product-gallery-main,
.product-page-container .product-gallery-thumbs {
    position: relative;
    z-index: auto;
}

/* Ürün Sayfası Modal Override */
.product-page-container .swiper-container .modal,
.product-page-container .modal-dialog,
.product-page-container .modal-content {
    position: relative;
    z-index: auto;
}

/* Ürün Sayfası Toast Override */
.product-page-container .pdp-toast {
    position: fixed;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    padding: 12px 16px;
    border-radius: 999px;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease;
}

.product-page-container .pdp-toast[data-show="true"] {
    opacity: 1;
    pointer-events: auto;
}

/* ===== ÜRÜN HOVER RESİM SWIPER STİLLERİ ===== */

/* Ana Container - Benzersiz */
.product-hover-gallery-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #fafafa;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.product-hover-gallery-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Ana Resim */
.product-hover-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease;
    display: block;
    position: relative;
    z-index: 1;
}

/* Swiper Container - Hover için */
.product-hover-swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.product-hover-gallery-container:hover .product-hover-swiper-container {
    opacity: 1;
    pointer-events: all;
}

/* Swiper Wrapper - Benzersiz */
.product-hover-swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* Swiper Slide - Benzersiz */
.product-hover-swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.product-hover-swiper-slide.active {
    opacity: 1;
    z-index: 3;
}

.product-hover-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Navigasyon Butonları - Benzersiz */
.product-hover-swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0;
    font-size: 16px;
    font-weight: 300;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.product-hover-gallery-container:hover .product-hover-swiper-nav {
    opacity: 1;
}

.product-hover-swiper-nav:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    color: #dc2626;
}

.product-hover-swiper-prev {
    left: 10px;
}

.product-hover-swiper-next {
    right: 10px;
}

/* Pagination Dots - Benzersiz */
.product-hover-swiper-pagination {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-hover-gallery-container:hover .product-hover-swiper-pagination {
    opacity: 1;
}

.product-hover-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-hover-pagination-bullet.active,
.product-hover-pagination-bullet:hover {
    background: #fff;
    transform: scale(1.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Görsel Sayacı */
.product-hover-counter {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0,0,0,0.7);
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(4px);
}

.product-hover-gallery-container:hover .product-hover-counter {
    opacity: 1;
}

/* Video Play Button */
.product-hover-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 11;
    transition: all 0.3s ease;
    opacity: 0;
}

.product-hover-gallery-container:hover .product-hover-play-button {
    opacity: 1;
}

.product-hover-play-button:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Zoom İkon */
.product-hover-zoom-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0,0,0,0.7);
    color: #ffffff !important;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.product-hover-gallery-container:hover .product-hover-zoom-icon {
    opacity: 1;
}

.product-hover-zoom-icon:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.1);
}

/* Responsive Design */


/* Smooth transition için ana resmi gizle */
.product-hover-gallery-container:hover .product-hover-main-image {
    opacity: 0.3;
}

/* Loading State */
.product-hover-gallery-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-hover-gallery-container.loading .product-hover-gallery-loading {
    opacity: 1;
}

.product-hover-spinner {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid #fff;
    border-radius: 50%;
    animation: product-hover-spin 1s linear infinite;
}

@keyframes product-hover-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Alternatif Hover Animasyonu */
.product-hover-gallery-container.slide-effect .product-hover-swiper-slide {
    transform: translateX(100%);
    opacity: 1;
}

.product-hover-gallery-container.slide-effect .product-hover-swiper-slide.active {
    transform: translateX(0);
}

.product-hover-gallery-container.fade-effect .product-hover-swiper-slide {
    transform: scale(1.05);
}

.product-hover-gallery-container.fade-effect .product-hover-swiper-slide.active {
    transform: scale(1);
}

/* Diğer swiper sınıfları ile çakışmayı önlemek için spesifik selector */
.product-hover-gallery-container * {
    box-sizing: border-box;
}

/* Manuel kontrol için JavaScript hook sınıfları */
.product-hover-auto-play {
    /* JavaScript tarafından kontrol edilecek */
}

.product-hover-manual-control {
    /* Manuel kontrol aktif */
}

.product-hover-pause-on-hover {
    /* Hover'da otomatik geçişi durdur */
}

/* Accessibility */
.product-hover-swiper-nav:focus,
.product-hover-pagination-bullet:focus,
.product-hover-zoom-icon:focus,
.product-hover-play-button:focus {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

/* ===== ÜRÜN KARTI HOVER GALERİ ÖZEL STİLLERİ ===== */

/* Ürün kartı içinde hover galeri için özel düzenlemeler */
.new-product-card .product-hover-gallery-container {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 0;
    box-shadow: none;
}

.new-product-card .product-hover-gallery-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Ürün kartı resim boyutları */
.new-product-card .product-hover-main-image.new-pc__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* Ürün kartı hover efektleri */
.new-product-card .product-hover-gallery-container:hover .product-hover-main-image {
    opacity: 0.3;
}

.new-product-card .product-hover-gallery-container:hover .product-hover-swiper-container {
    opacity: 1;
    pointer-events: all;
}

/* Ürün kartı navigasyon butonları */
.new-product-card .product-hover-swiper-nav {
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.new-product-card .product-hover-swiper-nav:hover {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
}

/* Ürün kartı pagination */
.new-product-card .product-hover-pagination-bullet {
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.3);
}

.new-product-card .product-hover-pagination-bullet.active,
.new-product-card .product-hover-pagination-bullet:hover {
    background: #dc2626;
    border-color: #dc2626;
}

/* Ürün kartı counter ve zoom */
.new-product-card .product-hover-counter {
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    font-size: 11px;
    padding: 3px 6px;
}

.new-product-card .product-hover-zoom-icon {
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    font-size: 12px;
    width: 28px;
    height: 28px;
}

.new-product-card .product-hover-zoom-icon:hover {
    background: rgba(220, 38, 38, 0.9);
}

/* Responsive ürün kartı */


/* High contrast mode support */
@media (prefers-contrast: high) {
    .product-hover-swiper-nav {
        background: #000;
        color: #fff;
        border: 2px solid #fff;
    }
    
    .product-hover-pagination-bullet {
        background: #000;
        border: 1px solid #fff;
    }
    
    .product-hover-counter,
    .product-hover-zoom-icon,
    .product-hover-play-button {
        background: #000;
        border: 1px solid #fff;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .product-hover-gallery-container,
    .product-hover-swiper-slide,
    .product-hover-swiper-nav,
    .product-hover-pagination-bullet,
    .product-hover-counter,
    .product-hover-zoom-icon,
    .product-hover-play-button {
        transition: none;
        animation: none;
    }
    
    .product-hover-gallery-container:hover .product-hover-main-image {
        opacity: 1;
    }
    
    .product-hover-gallery-container:hover .product-hover-swiper-container {
        opacity: 0;
    }
}


/* ===== İNDİRİM GÖSTERGESİ STİLLERİ ===== */

/* İndirim türü göstergesi - Öne çıkanlardaki gibi tasarım */
.discount-type-indicator {
    position: absolute;
    top: 8px;
    right: 55px;
    background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
    color: white !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    animation: featured-pulse 2s infinite !important;
    z-index: 1003;
    min-width: 50px;
    justify-content: center;
}

.discount-type-indicator:hover {
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 6px 16px rgba(255, 107, 53, 0.5) !important;
}

/* İndirim miktarı için özel stil */
.discount-type-indicator .discount-amount {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #fff !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* İndirim türlerine göre renk kodları - Öne çıkanlardaki gibi */
.discount-type-indicator.web-discount {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important; /* Yeşil gradient */
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3) !important;
}

.discount-type-indicator.web-discount:hover {
    box-shadow: 0 6px 16px rgba(34, 197, 94, 0.5) !important;
}

.discount-type-indicator.cart-discount {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important; /* Mavi gradient */
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.discount-type-indicator.cart-discount:hover {
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.5) !important;
}

.discount-type-indicator.normal-discount {
    background: linear-gradient(135deg, #f97316, #ea580c) !important; /* Turuncu gradient */
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.3) !important;
}

.discount-type-indicator.normal-discount:hover {
    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.5) !important;
}

/* Öne çıkan pulse animasyonu */
@keyframes featured-pulse {
    0% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
    50% {
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.5) !important;
    }
    100% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
}

/* Mobil responsive */


/* High contrast mode desteği */
@media (prefers-contrast: high) {
    .discount-type-indicator {
        background: #000;
        border: 2px solid #fff;
        color: #fff;
    }
    
    .discount-type-indicator .discount-amount {
        background: #fff;
        color: #000;
        border: 1px solid #000;
    }
}

/* Reduced motion desteği */
@media (prefers-reduced-motion: reduce) {
    .discount-type-indicator {
        transition: none;
    }
    
    .discount-type-indicator:hover {
        transform: none;
    }
}

/* ===== RELATED POSTS STYLES ===== */
.related-posts-section {
    margin: 40px 0;
    padding: 30px 0;
    border-top: 1px solid #e5e7eb;
}

.related-posts-title {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 24px;
    text-align: center;
     font-family: "Urbanist", sans-serif !important;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.related-post-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.related-post-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.related-post-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.related-post-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.related-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-post-item:hover .related-post-image img {
    transform: scale(1.05);
}

.related-post-content {
    padding: 20px;
}

.related-post-title {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 12px;
    line-height: 1.4;
     font-family: "Urbanist", sans-serif !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-post-meta {
    margin-bottom: 12px;
}

.related-post-date {
    font-size: 14px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 6px;
}

.related-post-date i {
    font-size: 12px;
}

.related-post-excerpt {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

/* Mobil responsive */


/* ===== BLOG SIDEBAR RELATED POSTS STYLES ===== */
.blog-sidebar-related {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.blog-sidebar-related-title {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 16px;
     font-family: "Urbanist", sans-serif !important;
}

.blog-sidebar-related-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.blog-sidebar-related-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.blog-sidebar-related-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.blog-sidebar-related-link {
    display: flex;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: inherit;
    gap: 12px;
}

.blog-sidebar-related-image {
    flex-shrink: 0;
    width: 80px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
}

.blog-sidebar-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-sidebar-related-item:hover .blog-sidebar-related-image img {
    transform: scale(1.05);
}

.blog-sidebar-related-content {
    flex: 1;
    min-width: 0;
}

.blog-sidebar-related-title-text {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 6px;
    line-height: 1.3;
     font-family: "Urbanist", sans-serif !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-sidebar-related-date {
    font-size: 12px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 4px;
}

.blog-sidebar-related-date i {
    font-size: 10px;
}

/* Mobil responsive */


/* ===== MOBILE GALLERY FIX - SPECIFIC SOLUTION ===== */
/* Ekran görüntülerine göre spesifik çözüm */

/* ==========================================
   UOMO FURNITURE AUTH PAGES - MODERN RICH DESIGN
   ========================================== */

/* Unique class prefix: uf-auth- (uomo-furniture-auth) */

/* ==========================================
   GLOBAL AUTH CONTAINER STYLES
   ========================================== */
   .uf-auth-container {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Animated background particles */
.uf-auth-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}

.uf-auth-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    box-shadow: 
        0 25px 50px -12px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    padding: 48px !important;
    width: 100% !important;
    max-width: 450px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    animation: slideUp 0.6s ease-out !important;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uf-auth-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2, #f093fb) !important;
    border-radius: 20px 20px 0 0;
}

.uf-auth-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 
        0 35px 60px -12px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.15) !important;
}

/* ==========================================
   HEADER STYLES
   ========================================== */
.uf-auth-header {
    text-align: center;
    margin-bottom: 40px;
    animation: fadeIn 0.8s ease-out 0.2s both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uf-auth-title {
    font-size: 28px;
    font-weight: 300;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
}

.uf-auth-subtitle {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
    font-weight: 300;
}

/* ==========================================
   FORM STYLES
   ========================================== */
.uf-auth-form {
    margin-top: 32px;
    animation: fadeIn 0.8s ease-out 0.4s both;
}

.uf-auth-form input[type="email"],
.uf-auth-form input[type="password"],
.uf-auth-form input[type="text"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.2s ease;
    background: #ffffff;
    color: #1e293b;
    box-sizing: border-box;
}

.uf-auth-form input[type="email"]:focus,
.uf-auth-form input[type="password"]:focus,
.uf-auth-form input[type="text"]:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.uf-auth-form input[type="email"]:hover,
.uf-auth-form input[type="password"]:hover,
.uf-auth-form input[type="text"]:hover {
    border-color: #9ca3af;
}

/* ==========================================
   FORM GROUP STYLES
   ========================================== */
.uf-auth-form-group {
    margin-bottom: 20px;
    position: relative;
}

.uf-auth-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.2s ease;
    background: #ffffff;
    color: #1e293b;
    box-sizing: border-box;
}

.uf-auth-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.uf-auth-input.error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.uf-auth-label {
    position: absolute;
    left: 16px;
    top: 12px;
    font-size: 15px;
    color: #6b7280;
    transition: all 0.2s ease;
    pointer-events: none;
    background: #ffffff;
    padding: 0 4px;
}

.uf-auth-input:focus + .uf-auth-label,
.uf-auth-input:not(:placeholder-shown) + .uf-auth-label {
    top: -8px;
    left: 12px;
    font-size: 12px;
    color: #667eea;
    font-weight: 500;
}

/* ==========================================
   PASSWORD CONTAINER STYLES
   ========================================== */
.uf-auth-password-container {
    position: relative;
}

.uf-auth-password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    font-size: 16px;
    transition: color 0.2s ease;
}

.uf-auth-password-toggle:hover {
    color: #667eea;
}

/* ==========================================
   BUTTON STYLES
   ========================================== */
.uf-auth-btn {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.uf-auth-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.uf-auth-btn:hover::before {
    left: 100%;
}

.uf-auth-btn-primary {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.uf-auth-btn-primary:hover {
    background: linear-gradient(135deg, #5a67d8, #6b46c1);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.uf-auth-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* ==========================================
   SOCIAL CONTAINER STYLES
   ========================================== */
.uf-auth-social-container {
    margin-bottom: 24px;
    animation: fadeIn 0.8s ease-out 0.6s both;
    width: 100%;
    display: block;
}

.uf-auth-social-container .google-signin-button-container,
.google-signin-button-container {
    width: 100% !important;
    display: block !important;
    min-height: 48px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.uf-auth-social-container .google-signin-button-container > div,
.google-signin-button-container > div {
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.uf-auth-social-container .google-signin-button-container > div > div,
.google-signin-button-container > div > div {
    width: 100% !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 2px solid #e5e7eb !important;
    background: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
}

.uf-auth-social-container .google-signin-button-container > div > div:hover,
.google-signin-button-container > div > div:hover {
    background: #f8fafc !important;
    border-color: #667eea !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Aside içindeki Google butonu için özel stiller */
.aside_right .uf-auth-social-container {
    margin-bottom: 16px;
    padding: 0 20px;
}

.aside_right .uf-auth-social-container .g_id_signin {
    width: 100% !important;
}

.aside_right .uf-auth-social-container .g_id_signin > div {
    width: 100% !important;
    height: 48px !important;
    border-radius: 10px !important;
    border: 1.5px solid #d1d5db !important;
    background: white !important;
    color: #374151 !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    transition: all 0.3s ease !important;
    font-size: 15px !important;
}

.aside_right .uf-auth-social-container .g_id_signin > div:hover {
    border-color: #9ca3af !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.aside_right .uf-auth-divider {
    margin: 16px 20px;
    padding: 0;
}

.uf-auth-social-btn {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.uf-auth-social-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.uf-auth-social-btn:hover::before {
    left: 100%;
}

.uf-auth-social-btn:hover {
    background: #f8fafc;
    border-color: #667eea;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.uf-auth-social-btn img {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.uf-auth-social-btn:hover img {
    transform: scale(1.1);
}

/* ==========================================
   DIVIDER STYLES
   ========================================== */
.uf-auth-divider {
    text-align: center;
    margin: 24px 0;
    position: relative;
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

.uf-auth-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
}

.uf-auth-divider span {
    background: rgba(255, 255, 255, 0.95);
    padding: 0 16px;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(10px);
    border-radius: 20px;
}

/* ==========================================
   ERROR MESSAGE STYLES
   ========================================== */
.uf-auth-error-message {
    color: #ef4444;
    font-size: 13px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 6px;
    border-left: 3px solid #ef4444;
}

.uf-auth-error-message::before {
    content: '⚠';
    font-size: 14px;
    color: #ef4444;
}

.uf-auth-help-text {
    color: #64748b;
    font-size: 13px;
    margin-top: 4px;
    padding-left: 4px;
}

/* ==========================================
   FOOTER STYLES
   ========================================== */
.uf-auth-footer {
    text-align: center;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(226, 232, 240, 0.5);
    animation: fadeIn 0.8s ease-out 0.8s both;
}

.uf-auth-text {
    color: #64748b;
    font-size: 14px;
    margin: 0;
    font-weight: 300;
}

.uf-auth-link {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uf-auth-link:hover {
    color: #5a67d8;
}

/* ==========================================
   LOADING STATE STYLES
   ========================================== */
.uf-auth-btn.loading {
    pointer-events: none;
    opacity: 0.9;
}

.uf-auth-btn.loading::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: uf-auth-spin 1s linear infinite;
}

@keyframes uf-auth-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ==========================================
   RESPONSIVE STYLES
   ========================================== */


/* ==========================================
   GOOGLE SIGN IN STYLES
   ========================================== */
.uf-google-signin-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.uf-google-signin-container .g_id_signin {
    width: 100% !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 2px solid #e5e7eb !important;
    background: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.uf-google-signin-container .g_id_signin:hover {
    background: #f8fafc !important;
    border-color: #667eea !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.uf-google-signin-container .g_id_signin:active {
    transform: translateY(0) !important;
}

.g_id_signin > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.uf-google-signin-container.loading {
    opacity: 0.7;
    pointer-events: none;
}

.uf-google-signin-container.loading .g_id_signin {
    cursor: not-allowed;
}

.uf-google-signin-disabled {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: not-allowed;
    opacity: 0.6;
}

.uf-google-signin-disabled-text {
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

/* Header Google Auth Container */
.header-google-auth-container {
    display: inline-block;
    vertical-align: middle;
}

.header-google-auth-container .google-signin-button-container {
    width: auto !important;
    min-width: 200px !important;
    min-height: 40px !important;
    display: inline-block !important;
}

.header-google-auth-container .google-signin-button-container > div {
    width: auto !important;
    min-width: 200px !important;
}

.header-google-auth-container .google-signin-button-container > div > div {
    width: auto !important;
    min-width: 200px !important;
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
}

/* Mobile header için daha küçük */
@media (max-width: 768px) {
    .header-google-auth-container {
        display: none; /* Mobile'da header'da gösterme, aside'da göster */
    }
}

.uf-google-signin-error {
    color: #ef4444;
    font-size: 13px;
    margin-top: 6px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 6px;
    border-left: 3px solid #ef4444;
}


/* ==========================================
   ALERT STYLES
   ========================================== */
.uf-auth-alert {
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.uf-auth-alert-success {
    background: rgba(240, 253, 244, 0.9);
    border-color: rgba(187, 247, 208, 0.5);
    color: #166534;
}

.uf-auth-alert-error {
    background: rgba(254, 242, 242, 0.9);
    border-color: rgba(254, 202, 202, 0.5);
    color: #dc2626;
}

.uf-auth-alert-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    margin-left: auto;
    transition: all 0.3s ease;
}

.uf-auth-alert-close:hover {
    background: rgba(0, 0, 0, 0.1);
    transform: scale(1.1);
}

/* ==========================================
   CHECKBOX STYLES
   ========================================== */
.uf-auth-checkbox-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
    flex-wrap: wrap;
    gap: 10px;
}

.uf-auth-checkbox-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.uf-auth-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #667eea;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uf-auth-checkbox:checked {
    transform: scale(1.1);
}

.uf-auth-checkbox-label {
    color: #6b7280;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    transition: color 0.3s ease;
}

.uf-auth-checkbox-label:hover {
    color: #667eea;
}

/* ==========================================
   FOCUS VISIBILITY
   ========================================== */
.uf-auth-btn:focus-visible,
.uf-auth-input:focus-visible,
.uf-auth-social-btn:focus-visible {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* ==========================================
   BROWSER COMPATIBILITY
   ========================================== */
.uf-auth-container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.uf-auth-card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

/* ==========================================
   ACCESSIBILITY IMPROVEMENTS
   ========================================== */
.uf-auth-btn:focus,
.uf-auth-input:focus,
.uf-auth-link:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.uf-auth-btn:focus:not(:focus-visible),
.uf-auth-input:focus:not(:focus-visible),
.uf-auth-link:focus:not(:focus-visible) {
    outline: none;
}

/* ==========================================
   HEADER AND NAVIGATION FIXES
   ========================================== */

/* Header z-index fixes */
.header {
    z-index: 1000 !important;
    position: relative !important;
}

.header-mobile {
    z-index: 1001 !important;
}

/* Navigation menu fixes */
.navigation {
    z-index: 999 !important;
    position: relative !important;
}

/* Cart badge positioning fixes */
.header-tools__cart {
    position: relative !important;
    z-index: 1002 !important;
}

.cart-amount {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    min-width: 18px !important;
    height: 18px !important;
    background-color: #383735 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    z-index: 1003 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 1003 !important;
}

/* Notification badge fixes */
.notification-badge {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    min-width: 18px !important;
    height: 18px !important;
    background-color: #dc3545 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 1003 !important;
}

/* Favorite button fixes - Enhanced */
.favorite-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 9999 !important;
    color: #ccc !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    touch-action: manipulation !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.favorite-btn:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    color: #ff6b6b !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.favorite-btn:active {
    transform: scale(0.95) !important;
}

.favorite-btn.active {
    color: #ff6b6b !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important;
}

.favorite-btn.active i {
    animation: heartBeat 0.3s ease-in-out !important;
}

.favorite-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.favorite-btn .fa-spinner {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Ensure favorite button is always on top */
.product-card .favorite-btn,
.swiper-slide .favorite-btn,
.product-grid .favorite-btn,
.new-pc .favorite-btn {
    z-index: 9999 !important;
    pointer-events: auto !important;
}

/* Fix for any overlapping elements */
.product-image-container {
    pointer-events: none !important;
}

.product-image-link {
    pointer-events: auto !important;
    cursor: pointer !important;
}

.new-pc__img {
    pointer-events: none !important;
}

.product-image-container * {
    pointer-events: none !important;
}

.product-image-link * {
    pointer-events: auto !important;
}

/* Product badge fixes */
.product-badge,
.modern-badge,
.new-image-badge,
.product-discount-badge {
    position: absolute !important;
    z-index: 1005 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Header tools positioning */
.header-tools {
    position: relative !important;
    z-index: 1002 !important;
}

.header-tools__item {
    position: relative !important;
    z-index: 1002 !important;
}

/* Mobile menu fixes */
.header-mobile__navigation {
    z-index: 1006 !important;
}

/* Cart drawer fixes */
.cart-drawer {
    z-index: 9999 !important;
}

/* Aside genel fix */
.aside {
    z-index: 9998 !important;
}

/* Aside fixes */
.aside {
    z-index: 1008 !important;
}

/* Dropdown menu fixes */
.dropdown-menu {
    z-index: 1009 !important;
}

/* Modal fixes */
.modal {
    z-index: 1010 !important;
}

/* Toast/notification fixes */
.toast,
.alert {
    z-index: 1011 !important;
}

/* ==========================================
   RESPONSIVE FIXES
   ========================================== */



/* ==========================================
   FAVORITE BUTTON ERROR FIXES
   ========================================== */

/* Prevent favorite button from interfering with other elements */
.favorite-btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.3) !important;
}

/* Ensure favorite button doesn't block clicks on other elements */
.favorite-btn {
    pointer-events: auto !important;
}

/* Fix for favorite button on product cards */
.product-card .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in sliders */
.swiper-slide .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in grids */
.product-grid .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button loading state */
.favorite-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.favorite-btn .fa-spinner {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Ensure favorite button is always clickable */
.favorite-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 1004 !important;
    color: #ccc !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Fix for favorite button hover states */
.favorite-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    color: #ff6b6b !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.favorite-btn.active {
    color: #ff6b6b !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important;
}

.favorite-btn.active i {
    animation: heartBeat 0.3s ease-in-out !important;
}

/* Fix for favorite button in different contexts */
.product-item .favorite-btn,
.new-pc .favorite-btn,
.product-card .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in product images */
.product-image-container .favorite-btn,
.product-image-wrapper .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in carousels */
.carousel .favorite-btn,
.swiper-slide .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in lists */
.product-list .favorite-btn,
.product-grid .favorite-btn {
    z-index: 1004 !important;
}

/* ==========================================
   CART BADGE ERROR FIXES
   ========================================== */

/* Ensure cart badge is always visible */
.cart-amount {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Show cart badge even when cart is empty */
.cart-amount:empty {
    display: block !important;
}

/* Fix cart badge positioning in different header layouts */
.header-desk .cart-amount {
    top: -8px !important;
    right: -8px !important;
}

.header-mobile .cart-amount,
.header-mobile .header-tools__cart .cart-amount {
    top: -9px !important;
    right: -9px !important;
    min-width: 20px !important;
    height: 20px !important;
    background-color: #efc113 !important;
    color: #222222 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Ensure cart badge doesn't interfere with other elements */
.cart-amount {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Fix cart badge in different contexts - Uomo style */
.header-tools__cart .cart-amount {
    top: -9px !important;
    right: -9px !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #383735 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-align: center !important;
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1003 !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
}

/* Force show cart badge when quantity > 0 */
.header-tools__cart .cart-amount[data-quantity]:not([data-quantity="0"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.header-mobile .cart-amount,
.header-mobile .header-tools__cart .cart-amount {
    top: -8px !important;
    right: -8px !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background-color: #efc113 !important;
    color: #222222 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1003 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Cart badge visibility control - unified */
.cart-amount {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-amount:empty {
    display: flex !important;
}

/* Force show cart badge always (including 0) */
.cart-amount[data-quantity] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Page Overlay - COMPLETELY DISABLED */
.page-overlay {
    display: none !important;
    opacity: 0 !important;
}

/* ==========================================
   MOBILE MENU CLOSE BUTTON FIX
   ========================================== */

/* Mobil menü kapatma butonu için özel stil */
.mobile-nav-activator .btn-close-lg {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #333 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 1 !important;
    text-align: center !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Mobil menü açıkken kapatma butonunun hover efekti */
.mobile-menu-opened .mobile-nav-activator .btn-close-lg {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) rotate(0) !important;
}

.mobile-menu-opened .mobile-nav-activator .btn-close-lg:hover {
    color: inherit !important;
    transform: translate(-50%, -50%) rotate(0) !important;
    transition: none !important;
}

/* Mobil menü kapatma butonunun daha belirgin olması için */
.mobile-nav-activator .btn-close-lg {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Mobil menü SVG hamburger ikonu için stil */
.mobile-nav-activator .nav-icon {
    width: 25px !important;
    height: 18px !important;
    fill: #333 !important;
    transition: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.mobile-menu-opened .mobile-nav-activator .nav-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.mobile-nav-activator:hover .nav-icon {
    fill: inherit !important;
    transform: translate(-50%, -50%) !important;
    transition: none !important;
}

/* ==========================================
   MOBILE MENU SEARCH FIELD
   ========================================== */

/* Mobil menü açık olduğunda body padding */
body.mobile-menu-opened {
    padding-bottom: 52px !important;
}

/* Mobil menü arama alanı stilleri */
.header-mobile__navigation .search-field {
    margin: 0 0 16px 0 !important;
}

.header-mobile__navigation .search-field.mt-4 {
    margin-top: 0 !important;
}

.header-mobile__navigation > .container:first-child .search-field {
    padding-top: 0;
    margin-top: 0 !important;
}

.header-mobile__navigation .search-field__input {
    padding: 12px 50px 12px 16px !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

.header-mobile__navigation .search-field__input:focus {
    border-color: #efc113 !important;
    box-shadow: 0 0 0 3px rgba(239, 193, 19, 0.1) !important;
    outline: none !important;
}

.header-mobile__navigation .search-field__input::placeholder {
    color: #9ca3af !important;
    font-size: 16px !important;
}

/* Mobil menü arama butonları */
.header-mobile__navigation .search-popup__submit,
.header-mobile__navigation .search-popup__reset {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    padding: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.header-mobile__navigation .search-popup__submit {
    right: 40px !important;
}

.header-mobile__navigation .search-popup__reset {
    right: 8px !important;
}

.header-mobile__navigation .search-popup__submit:hover,
.header-mobile__navigation .search-popup__reset:hover {
    transform: translateY(-50%) scale(1.1) !important;
}

.header-mobile__navigation .search-popup__submit svg {
    fill: #6b7280 !important;
    transition: fill 0.3s ease !important;
}

.header-mobile__navigation .search-popup__submit:hover svg {
    fill: #efc113 !important;
}

.header-mobile__navigation .search-popup__reset {
    color: #6b7280 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.header-mobile__navigation .search-popup__reset:hover {
    color: #dc3545 !important;
}

.page-overlay_visible {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Ensure body scroll is NEVER disabled under any circumstances */
body,
body.page-overlay-visible,
body.aside-visible,
body.modal-open,
body.no-scroll {
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Force scroll on html element too */
html {
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* ==========================================
   NOTIFICATION SYSTEM FIXES
   ========================================== */

/* Notification positioning and z-index */
.alert.position-fixed {
    z-index: 9999 !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    min-width: 300px !important;
    max-width: 400px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    border: none !important;
}

/* Notification types */
.alert-success {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-left: 4px solid #28a745 !important;
}

.alert-danger {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-left: 4px solid #dc3545 !important;
}

.alert-warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-left: 4px solid #ffc107 !important;
}

.alert-info {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
    border-left: 4px solid #17a2b8 !important;
}

/* Notification close button */
.alert .btn-close {
    background: none !important;
    border: none !important;
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0.5 !important;
    transition: opacity 0.3s ease !important;
}

.alert .btn-close:hover {
    opacity: 1 !important;
}

/* ==========================================
   PRODUCT LAYOUT FIXES
   ========================================== */

/* Ensure product containers have proper positioning */
.product-item,
.new-pc,
.product-card {
    position: relative !important;
    overflow: hidden !important;
}

/* Fix product image containers */
.product-image-container,
.new-pc__img-wrapper,
.product-card__image,
.pc__img-wrapper {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

.product-card-wrapper .product-image-container {
    width: 100% !important;
    padding-top: 0 !important;
    height: auto !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    position: relative !important;
}

.product-card-wrapper .new-pc__img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* Slider-specific class'lar için exception - object-fit: contain kullan */
.product-card-wrapper .new-pc__img.product-slider-img,
.product-card-wrapper .new-pc__img.product-tab-slider-img,
.product-card-wrapper .new-pc__img.product-category-slider-img,
.product-card-wrapper .new-pc__img.product-similar-slider-img,
.produc_tab_slider__slide .product-card-wrapper .new-pc__img.product-tab-slider-img,
.homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
[data-homepagecategory-slider] .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img {
    object-fit: contain !important;
}

.product-card-wrapper .new-product-card {
    margin-bottom: 0 !important;
}

/* Homepage builder ürün sliderları için görsel düzeltmesi */

/* Ensure badges don't overlap with favorite buttons */
.product-badge,
.modern-badge,
.new-image-badge,
.product-discount-badge {
    z-index: 1005 !important;
}

/* Fix for video badges - REMOVED - Using new compact design */

/* Fix for discount badges */
.product-discount-badge {
    z-index: 1005 !important;
    top: 10px !important;
    right: 55px !important; /* Leave space for favorite button */
}

/* ==========================================
   MOBILE SPECIFIC FIXES
   ========================================== */



/* ==========================================
   MENU OVERLAP FIXES
   ========================================== */

/* Ensure navigation menu doesn't overlap with badges */
.navigation {
    position: relative !important;
    z-index: 999 !important;
}

/* Fix dropdown menus */
.navigation .dropdown-menu {
    z-index: 1009 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Fix mega menu */
.navigation .mega-menu {
    z-index: 1009 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================
   SEARCH OVERLAP FIXES
   ========================================== */

/* Fix search results dropdown */
.uomo-header-search-results {
    z-index: 1012 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================
   GENERAL Z-INDEX HIERARCHY
   ========================================== */

/*
Z-Index Hierarchy:
- Base elements: 1-999
- Header: 1000-1001
- Navigation: 999
- Header tools: 1002
- Cart/Notification badges: 1003
- Favorite buttons: 1004
- Product badges: 1005
- Mobile navigation: 1006
- Cart drawer: 1007
- Aside panels: 1008
- Dropdown menus: 1009
- Modals: 1010
- Toasts/Alerts: 1011
- Search results: 1012
*/

/* ==========================================
   SADE FİLTRE SİSTEMİ STİLLERİ
   ========================================== */

/* Filter Sidebar Container */
.aside-filters {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* Filter Header */
.aside-header {
    background: #ffffff !important;
    color: #1f2937 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    border-radius: 0 !important;
}

.aside-header h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #374151 !important;
}

/* Close Button */
.btn-close-aside {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9ca3af !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.btn-close-aside:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #374151 !important;
    transform: none !important;
}

.btn-close-aside i {
    font-size: 12px !important;
    line-height: 1 !important;
}

/* Filter Content */
.aside-content {
    padding: 12px !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
}

/* Modern Filter Sections */
.modern-filter-section {
    margin-bottom: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* Filter Title */
.modern-filter-title {
    width: 100% !important;
    background: #f9fafb !important;
    border: none !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.modern-filter-title:hover {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
}

/* Filter Toggle Icon */
.modern-filter-toggle {
    font-size: 14px !important;
    color: #6b7280 !important;
    transition: all 0.3s ease !important;
    transform: rotate(0deg) !important;
}

.modern-filter-toggle.active {
    transform: rotate(45deg) !important;
    color: #3b82f6 !important;
}

.modern-filter-title:hover .modern-filter-toggle {
    color: #374151 !important;
}

/* Filter Content */
.modern-filter-content {
    padding: 8px 12px !important;
    background: #ffffff !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.modern-filter-content.show {
    max-height: 500px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}



/* Filter List */
.modern-filter-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Filter Items */
.modern-filter-item {
    margin-bottom: 8px !important;
}

.modern-filter-item:last-child {
    margin-bottom: 0 !important;
}

/* Checkbox Wrapper */
.modern-checkbox-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.modern-checkbox-wrapper:hover {
    background: #f9fafb !important;
}

/* Modern Checkbox */
.modern-checkbox {
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #d1d5db !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}

.modern-checkbox:checked {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

.modern-checkbox:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

.modern-checkbox:hover {
    border-color: #3b82f6 !important;
}

.modern-checkbox:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Checkbox Label */
.modern-checkbox-label {
    font-size: 13px !important;
    color: #374151 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
    user-select: none !important;
    flex: 1 !important;
}

.modern-checkbox:checked + .modern-checkbox-label {
    color: #1f2937 !important;
    font-weight: 600 !important;
}

/* Sub-categories */
.modern-category-sub {
    margin-left: 12px !important;
}

.modern-filter-sub-list {
    margin-top: 6px !important;
    padding-left: 12px !important;
    border-left: 2px solid #e5e7eb !important;
}

/* Price Range Slider */
.price-range-slider-container {
    padding: 8px 0 !important;
}

/* Price Range Title */
.price-range-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Price Slider */
#price-slider {
    position: relative !important;
    height: 6px !important;
    background: #e5e7eb !important;
    border-radius: 3px !important;
    margin: 12px 0 !important;
    cursor: pointer !important;
}

.slider-track {
    position: absolute !important;
    height: 100% !important;
    background: #3b82f6 !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

.slider-handle {
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    background: #ffffff !important;
    border: 3px solid #3b82f6 !important;
    border-radius: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.slider-handle:hover {
    transform: translate(-50%, -50%) scale(1.15) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Price Inputs */
.price-inputs {
    margin-bottom: 8px !important;
}

.price-inputs .form-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    margin-bottom: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.price-inputs .form-control {
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    color: #374151 !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}

.price-inputs .form-control:focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.price-inputs .form-control:hover {
    border-color: #9ca3af !important;
}

/* Price Range Display */
.price-range__info {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

.price-range__display {
    font-weight: 700 !important;
    color: #0369a1 !important;
    font-size: 13px !important;
    display: block !important;
}

/* Price Range Instructions */
.price-range-instructions {
    font-size: 11px !important;
    color: #6b7280 !important;
    margin-top: 4px !important;
    text-align: center !important;
    font-style: italic !important;
}

/* Clear Filters Button */
#clear-filters-btn {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

#clear-filters-btn:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #374151 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

#clear-filters-btn:active {
    transform: translateY(0) !important;
}

/* Filter Submit Button */
#filter-submit-btn {
    background: #3b82f6 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 8px !important;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2) !important;
}

#filter-submit-btn:hover {
    background: #2563eb !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3) !important;
}

#filter-submit-btn:active {
    transform: translateY(0) !important;
}

#filter-submit-btn.btn-outline-primary {
    background: #ffffff !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1) !important;
}

#filter-submit-btn.btn-outline-primary:hover {
    background: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3) !important;
}

/* Filter Toggle Button */
.btn-link_f {
    background: #ffffff !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    color: #374151 !important;
 
}


/* Responsive Design */


/* Cart Drawer Buttons - Minimalist Design */
.cart-drawer .btn {
    border-radius: 0 !important;
    border: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 14px 20px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-drawer .btn-light {
    background: #10b981 !important;
    color: #ffffff !important;
    border: 2px solid #10b981 !important;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2) !important;
}

.cart-drawer .btn-light:hover {
    background: #059669 !important;
    color: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3) !important;
    transform: translateY(-1px) !important;
}

.cart-drawer .btn-primary {
    background: #ffffff !important;
    color: #1f2937 !important;
    border: 2px solid #1f2937 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.cart-drawer .btn-primary:hover {
    background: #1f2937 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* Cart Drawer Content */
.cart-drawer .aside-content {
    background: #ffffff !important;
    padding: 2px !important;
    padding-bottom: 200px !important; /* Space for fixed actions */
}

/* Cart Drawer Actions */
.cart-drawer-actions {
    background: #ffffff !important;
    padding: 16px !important;
    border-top: 1px solid #f3f4f6 !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Cart Summary Items */
.cart-summary-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 2px 0 !important;
    font-size: 14px !important;
}

.cart-summary-label {
    color: #374151 !important;
    font-weight: 500 !important;
}

.cart-summary-value {
    color: #1f2937 !important;
    font-weight: 600 !important;
}

.cart-summary-discount {
    border-top: 1px solid #f3f4f6 !important;
    margin-top: 8px !important;
    padding-top: 12px !important;
}

.cart-summary-discount-value {
    color: #dc2626 !important;
}

.cart-summary-total {
    border-top: 2px solid #e5e7eb !important;
    margin-top: 12px !important;
    padding-top: 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.cart-summary-total .cart-summary-label {
    font-weight: 700 !important;
}

.cart-summary-total .cart-summary-value {
    font-weight: 700 !important;
    color: #059669 !important;
}

/* Cart Drawer Button Spacing */
.cart-drawer .btn + .btn {
    margin-top: 12px !important;
}

/* Cart Drawer Header */
.cart-drawer .aside-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

/* Cart Drawer Close Button */
.cart-drawer .btn-close-lg {
    width: 32px !important;
    height: 32px !important;
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6b7280 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.cart-drawer .btn-close-lg:hover {
    background: #f3f4f6 !important;
    color: #dc2626 !important;
    border-color: #dc2626 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.cart-drawer .btn-close-lg::before {
    content: '×' !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Cart Drawer Items */
.cart-drawer-item {
    border-bottom: 1px solid #d1d5db !important;
    padding: 16px 0 !important;
    position: relative !important;
    z-index: 0 !important;
}

/* Cart Item Remove Button - artık btn-close-xs kullanılıyor */

/* Cart Drawer Item Image */
.cart-drawer-item__img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #f3f4f6 !important;
}

.cart-drawer-item:last-child {
    border-bottom: none !important;
}

.cart-drawer-item__title {
    font-size: 13px !important;
    color: #374151 !important;
    margin-bottom: 4px !important;
}

.cart-drawer-item__title a {
    color: #374151 !important;
    text-decoration: none !important;
}

.cart-drawer-item__title a:hover {
    color: #1f2937 !important;
}

.cart-drawer-item__option {
    font-size: 11px !important;
    color: #6b7280 !important;
    margin-bottom: 4px !important;
}

.cart-ietm__price {
    font-size: 13px !important;
    color: #1f2937 !important;
    font-weight: 600 !important;
    background: #f8fafc !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #059669 !important;
    margin-top: 6px !important;
    display: inline-block !important;
}

/* Cart Item Group Products */
.cart-item-group-products {
    margin: 4px 0 !important;
    padding-left: 8px !important;
}

.cart-item-group-product {
    margin: 2px 0 !important;
}

.cart-item-group-product small {
    font-size: 10px !important;
    color: #6b7280 !important;
    line-height: 1.3 !important;
}

/* Cart Item Quantity Controls */
.cart-item-quantity-wrapper {
    margin-top: 8px !important;
}

.cart-item-quantity-label {
    font-size: 11px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

.cart-item-quantity-controls {
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    background: #ffffff !important;
}

.cart-quantity-btn {
    background: #ffffff !important;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #374151 !important;
    font-size: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cart-quantity-btn:hover:not(:disabled) {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
}

.cart-quantity-btn:disabled {
    color: #d1d5db !important;
    cursor: not-allowed !important;
}

.cart-quantity-display {
    font-size: 12px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
    min-width: 20px !important;
    text-align: center !important;
}

/* Cart Subtotal */
.cart-subtotal {
    color: #1f2937 !important;
    font-weight: 500 !important;
}

/* Cart Amount Badge */
.cart-amount {
    color: #6b7280 !important;
    font-weight: 400 !important;
}

/* Empty Cart State */
.cart-drawer-empty {
    background: #ffffff !important;
    padding: 40px 20px !important;
}

.cart-empty-icon {
    color: #d1d5db !important;
}

.cart-empty-title {
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

.cart-empty-text {
    color: #6b7280 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.cart-drawer-empty .btn-outline-primary {
    border: 1px solid #1f2937 !important;
    color: #1f2937 !important;
    background: transparent !important;
    padding: 10px 20px !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.cart-drawer-empty .btn-outline-primary:hover {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Cart Discount Items */
.cart-drawer-actions .d-flex {
    margin-bottom: 8px !important;
    padding: 4px 0 !important;
}

.cart-drawer-actions .d-flex:last-child {
    margin-bottom: 16px !important;
    padding-top: 8px !important;
    border-top: 1px solid #f3f4f6 !important;
    font-weight: 600 !important;
}

/* Discount Labels */
.cart-drawer-actions h6 {
    font-size: 13px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

/* Cart Item Discount Badge */
.cart-item-discount-badge {
    display: block !important;
    margin-top: 5px !important;
    font-size: 12px !important;
    color: #28a745 !important;
    font-weight: 600 !important;
    background: #f8f9fa !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    border-left: 3px solid #28a745 !important;
}

/* Cart Summary Discount Items */
.cart-summary-discount {
    color: #28a745 !important;
}

.cart-summary-discount-value {
    color: #28a745 !important;
    font-weight: 600 !important;
}

/* Discount Values */
.cart-drawer-actions .cart-subtotal {
    font-size: 13px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
}

/* Negative Discount Values */
.cart-drawer-actions .cart-subtotal {
    color: #1f2937 !important;
}

.cart-drawer-actions .d-flex:has(span:contains("-")) .cart-subtotal {
    color: #dc2626 !important;
}

/* Discount Amount Styling */
.cart-drawer-actions .d-flex:nth-child(n+2):not(:last-child) .cart-subtotal {
    color: #dc2626 !important;
}

/* Discount Item Styling */
.discount-item {
    background: #fef7f7 !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    margin: 4px 0 !important;
    border-left: 3px solid #dc2626 !important;
}

.discount-amount {
    color: #3cab5b !important;
    font-weight: 600 !important;
}

/* Cart Item Discount Badge */
.cart-item-discount-badge {
    background: #fef3c7 !important;
    color: #92400e !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    margin-top: 4px !important;
    font-weight: 500 !important;
}

/* Öne Çıkarılmış Ürün Badge'i */
.featured-product-badge {
    background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
    color: white !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    animation: featured-pulse 2s infinite !important;
    margin-bottom: 0 !important;
    width: fit-content !important;
    max-width: 120px !important;
}

.featured-product-badge i {
    font-size: 10px !important;
    color: #fff !important;
}

@keyframes featured-pulse {
    0% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
    50% {
        box-shadow: 0 2px 12px rgba(255, 107, 53, 0.5) !important;
    }
    100% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
}

/* İndirim Badge'i */
.new-discount-badge {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: white !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    animation: discount-pulse 2s infinite !important;
}

.new-discount-badge i {
    font-size: 10px !important;
    color: #fff !important;
}

@keyframes discount-pulse {
    0% {
        box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
    }
    50% {
        box-shadow: 0 2px 12px rgba(16, 185, 129, 0.5) !important;
    }
    100% {
        box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
    }
}

/* ==========================================
   MINIMALIST BLOG CSS - SIDEBAR LAYOUT
   ========================================== */

/* ==========================================
   GLOBAL STYLES
   ========================================== */
   .blog-page {
    min-height: 100vh;
    background: #f8fafc;
    color: #1e293b;
}

.blog-container {
    max-width: 1720px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0;
    min-height: 100vh;
}

/* ==========================================
   CONTACT PAGE STYLES
   ========================================== */
.contact-page {
    min-height: 100vh;
    background: #f8fafc;
    color: #1e293b;
}

.contact-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.contact-header {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e8f0;
}

.contact-title {
    font-size: 32px;
    font-weight: 300;
    color: #1e293b;
    margin-bottom: 12px;
}

.contact-subtitle {
    color: #64748b;
    font-size: 16px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

.contact-section-title {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 25px;
}

/* Contact Form Styles */
.contact-form-section {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px;
}

.contact-success {
    background: #dcfce7;
    color: #166534;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 25px;
    border: 1px solid #bbf7d0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-form-label {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

.contact-form-input,
.contact-form-textarea {
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
    background: white;
}

.contact-form-input:focus,
.contact-form-textarea:focus {
    border-color: #3b82f6;
}

.contact-form-textarea {
    resize: vertical;
    min-height: 120px;
}

.contact-form-error {
    color: #dc2626;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.contact-form-btn {
    background: #3b82f6;
    color: #ffffff !important;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.contact-form-btn:hover {
    background: #2563eb;
}

/* Contact Info Styles */
.contact-info-section {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px;
}

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

.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    border: 1px solid #f1f5f9;
    border-radius: 6px;
    transition: border-color 0.2s ease;
}

.contact-info-item:hover {
    border-color: #3b82f6;
}

.contact-info-icon {
    width: 40px;
    height: 40px;
    background: #f1f5f9;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-size: 16px;
    flex-shrink: 0;
}

.contact-info-content h4 {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 4px;
}

.contact-info-content p {
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Contact Branches Styles */
.contact-branches-section {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px;
}

.branch-filter {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.branch-filter-select {
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
    background: white;
    min-width: 150px;
}

.branch-filter-select:focus {
    border-color: #3b82f6;
}

.branch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
}

.branch-card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.branch-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    border-color: #3b82f6;
}

.branch-header {
    background: #f8fafc;
    padding: 15px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #1e293b;
    font-size: 14px;
}

.branch-content {
    padding: 20px;
}

.branch-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #64748b;
}

.branch-info-item i {
    width: 16px;
    color: #3b82f6;
    flex-shrink: 0;
}

.branch-email {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 500;
}

.branch-email:hover {
    text-decoration: underline;
}

.branch-hours {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.branch-hours-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #1e293b;
    font-size: 13px;
    margin-bottom: 8px;
}

.branch-hours-content {
    font-size: 12px;
    color: #64748b;
}

.branch-hours-item {
    margin-bottom: 4px;
}

.branch-hours-item:last-child {
    margin-bottom: 0;
}

/* ==========================================
   SIDEBAR STYLES
   ========================================== */
.blog-sidebar {
    background: white;
    border-right: 1px solid #e2e8f0;
    padding: 30px 0;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.blog-sidebar-header {
    padding: 0 25px 25px 25px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 25px;
}

.blog-sidebar-title {
    font-size: 20px;
    font-weight: 300;
    color: #1e293b;
    margin-bottom: 8px;
}

.blog-sidebar-subtitle {
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.blog-sidebar-search {
    padding: 0 25px 25px 25px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 25px;
}

.blog-sidebar-search input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.blog-sidebar-search input:focus {
    border-color: #3b82f6;
}

.blog-sidebar-categories {
    padding: 0 25px;
}

.blog-sidebar-category {
    display: block;
    padding: 10px 15px;
    color: #64748b;
    text-decoration: none;
    border-radius: 6px;
    margin-bottom: 5px;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 14px;
}

.blog-sidebar-category:hover {
    background: #f1f5f9;
    color: #3b82f6;
}

.blog-sidebar-category.active {
    background: #3b82f6;
    color: #ffffff !important;
}

/* ==========================================
   MAIN CONTENT STYLES
   ========================================== */
.blog-main {
    background: white;
    padding: 40px;
    min-height: 100vh;
}

.blog-main-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.blog-main-title {
    font-size: 28px;
    font-weight: 300;
    color: #1e293b;
    margin-bottom: 8px;
}

.blog-main-subtitle {
    color: #64748b;
    font-size: 16px;
    line-height: 1.6;
}

/* ==========================================
   BLOG GRID STYLES
   ========================================== */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.blog-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-2px);
    box-shadow: none;
    border-color: #3b82f6;
}

.blog-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background: #f1f5f9;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-image {
    transform: scale(1.05);
}

.blog-content {
    padding: 20px;
}

.blog-title {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 8px;
    line-height: 1.4;
}

.blog-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-title a:hover {
    color: #3b82f6;
}

.blog-excerpt {
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 12px;
    font-size: 13px;
}

.blog-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
    color: #94a3b8;
}

.blog-date {
    display: flex;
    align-items: center;
    gap: 4px;
}

.blog-tag {
    background: #f1f5f9;
    color: #475569;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
}

/* ==========================================
   PAGINATION STYLES
   ========================================== */
.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    padding: 20px 0;
}

/* Blog pagination specific styles */
.blog-pagination .standard-pagination {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-pagination .standard-pagination ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
    align-items: center;
}

.blog-pagination .standard-pagination li {
    padding: 0;
    margin: 0;
}

.blog-pagination .standard-pagination li a,
.blog-pagination .standard-pagination li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
    background: white;
    color: #64748b;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.blog-pagination .standard-pagination li a:hover {
    background: #f1f5f9;
    color: #3b82f6;
    border-color: #3b82f6;
}

.blog-pagination .standard-pagination li span.active {
    background: #3b82f6;
    color: #ffffff !important;
    border-color: #3b82f6;
    cursor: default;
}

.blog-pagination .standard-pagination li.ellipsis span {
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: default;
    min-width: auto;
    padding: 8px 4px;
}

.blog-pagination .standard-pagination li.prev a,
.blog-pagination .standard-pagination li.next a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pagination {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}

.pagination li {
    margin: 0;
}

.pagination .page-item {
    display: inline-block;
}

.pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #e2e8f0;
    background: white;
    color: #64748b;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pagination .page-link:hover {
    background: #f1f5f9;
    color: #3b82f6;
    border-color: #3b82f6;
}

.pagination .page-item.active .page-link {
    background: #3b82f6;
    color: #ffffff !important;
    border-color: #3b82f6;
}

.pagination .page-item.disabled .page-link {
    background: #f8fafc;
    color: #cbd5e1;
    cursor: not-allowed;
    border-color: #e2e8f0;
}

.pagination .page-item.disabled .page-link:hover {
    background: #f8fafc;
    color: #cbd5e1;
    border-color: #e2e8f0;
}

/* ==========================================
   BLOG BREADCRUMB STYLES
   ========================================== */
.blog-breadcrumb {
    background: white;
    border-bottom: 1px solid #e2e8f0;
    padding: 15px 0;
    margin-bottom: 0;
}

.blog-breadcrumb .container {
    max-width: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #64748b;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: '/';
    margin-left: 8px;
    color: #cbd5e1;
    font-weight: 300;
}

.breadcrumb-item a {
    color: #3b82f6;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #1e293b;
    font-weight: 500;
}

/* ==========================================
   BLOG DETAIL STYLES
   ========================================== */
.blog-detail-header {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.blog-detail-title {
    font-size: 24px;
    font-weight: 300;
    color: #1e293b;
    margin-bottom: 12px;
    line-height: 1.3;
}

.blog-detail-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #64748b;
}

.blog-detail-tag {
    background: #f1f5f9;
    color: #475569;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.blog-detail-date {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-detail-image {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.blog-detail-content {
    line-height: 1.6;
    font-size: 16px;
    color: #374151;
    margin-bottom: 40px;
}

.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
    color: #1e293b;
    font-weight: 600;
    margin: 20px 0 10px 0;
}

.blog-detail-content h1 { font-size: 20px; }
.blog-detail-content h2 { font-size: 18px; }
.blog-detail-content h3 { font-size: 16px; }
.blog-detail-content h4 { font-size: 15px; }
.blog-detail-content h5 { font-size: 14px; }
.blog-detail-content h6 { font-size: 13px; }

.blog-detail-content p {
    margin-bottom: 15px;
}

.blog-detail-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 15px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* ==========================================
   COMMENTS SECTION
   ========================================== */
.comments-section {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e2e8f0;
}

.comments-title {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 20px;
}

.comment-form {
    background: #f8fafc;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border: 1px solid #e2e8f0;
}

.comment-form-title {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 15px;
}

.comment-form-group {
    margin-bottom: 15px;
}

.comment-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #374151;
    font-size: 13px;
}

.comment-form-input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
    background: white;
}

.comment-form-input:focus {
    outline: none;
    border-color: #3b82f6;
}

.comment-form-textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
    background: white;
    resize: vertical;
    min-height: 80px;
}

.comment-form-textarea:focus {
    outline: none;
    border-color: #3b82f6;
}

.comment-form-btn {
    background: #3b82f6;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.comment-form-btn:hover {
    background: #2563eb;
    transform: translateY(-1px);
}

.comments-list {
    margin-top: 20px;
}

.comment-item {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    transition: box-shadow 0.2s ease;
}

.comment-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.comment-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.comment-author {
    font-weight: 600;
    color: #1e293b;
    font-size: 14px;
}

.comment-date {
    color: #64748b;
    font-size: 12px;
}

.comment-content {
    color: #374151;
    line-height: 1.5;
    font-size: 14px;
}

/* ==========================================
   SIMPLE FOOTER STYLES
   ========================================== */
/* .footer class'ının .simple-footer üzerindeki etkisini kaldırmak için */
footer.simple-footer,
.simple-footer {
    /* Background color, text color ve image inline style ile override edilebilir */
    padding: 56px 0 0 0;
    /* Background color inline style ile override edilebilir - CSS'te background-color tanımlanmamalı */
    /* Inline style zaten !important ile ayarlanmış, CSS override'ını önlemek için */
    background-color: unset;
}

.footer-content {
    padding-bottom: 40px;
}

.social-link {
    color: #666;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.social-link:hover {
    color: #007bff;
}

/* Footer Social Media Styles */
.footer-social {
    margin-top: 20px;
}

.footer-social-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #222222;
    letter-spacing: -0.01em;
}

.footer-social-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    color: #6b7280;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.footer-social-link:hover {
    background: #222222;
    color: #ffffff;
    border-color: #222222;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-decoration: none;
}

.footer-social-link i {
    transition: transform 0.3s ease;
}

.footer-social-link:hover i {
    transform: scale(1.1);
}

/* Footer menu links */
.footer-content .text-decoration-none {
    transition: color 0.2s ease;
}

.footer-content .text-decoration-none:hover {
    opacity: 0.7;
}

.footer-bottom {
    background: rgba(0, 0, 0, 0.03);
    padding: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.footer-copyright {
    font-size: 14px;
    line-height: 1.6;
}

.footer-description {
    font-size: 14px;
    line-height: 1.6;
}

.footer-contact-info {
    font-size: 14px;
    line-height: 1.6;
}

.footer-cookie-link {
    font-size: 14px;
    transition: color 0.2s ease;
}

.footer-cookie-link:hover {
    opacity: 0.7;
}

.footer-ssl-icon {
    height: 32px;
    width: auto;
}

/* Footer Logo */
.footer-logo img {
    max-height: 35px;
    width: auto;
    object-fit: contain;
}

.footer-logo h5 {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.02em;
}

/* Footer Menu Styles */
.footer-menu-wrapper {
    width: 100%;
}

.footer-menu-column {
    margin-bottom: 32px;
}

.footer-menu-title {
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
    line-height: 1.5;
}

.footer-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-item {
    margin-bottom: 10px;
}

.footer-menu-link {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
}

.footer-menu-link:hover {
    color: #222222;
    text-decoration: none;
}

.footer-menu-sublist {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 16px;
}

.footer-menu-subitem {
    margin-bottom: 8px;
}

.footer-menu-sublink {
    font-size: 13px;
    line-height: 1.6;
    color: #9ca3af;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
}

.footer-menu-sublink:hover {
    color: #222222;
    text-decoration: none;
}

.footer-menu-empty {
    font-size: 14px;
    color: #9ca3af;
    text-align: center;
    padding: 20px;
}

/* ==========================================
   RESPONSIVE STYLES
   ========================================== */



/* Uomo Furniture Header Search Styles - Minimalist Design */
/* Benzersiz prefix: uomo-header-search- */

.uomo-header-search {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #ffffff;
    min-width: 320px;
    max-width: 450px;
    transition: all 0.2s ease;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.uomo-header-search:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.uomo-header-search:focus-within,
.uomo-header-search-focused {
    border-color: #9ca3af;
    box-shadow: 0 0 0 2px rgba(156, 163, 175, 0.1);
}

.uomo-header-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    position: relative;
}

.uomo-header-search-input {
    flex: 1;
    border: none;
    background: transparent;
    color: #374151;
    font-size: 14px;
    padding: 0;
    outline: none;
}

.uomo-header-search-input::placeholder {
    color: #9ca3af;
    font-size: 14px;
    font-weight: 300;
}

.uomo-header-search-btn {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: all 0.2s ease;
    border-radius: 6px;
    min-width: 32px;
    height: 32px;
}

.uomo-header-search-btn:hover {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

.uomo-header-search-btn:active {
    background: #e5e7eb;
}

.uomo-header-search-btn svg {
    width: 16px;
    height: 16px;
}

/* Responsive Design */


/* ==========================================
   HEADER ARAMA OTOMATİK DOLDURMA STİLLERİ
   ========================================== */

.uomo-search-input-container {
    position: relative;
    width: 100%;
}

.uomo-header-search-results {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
}

.uomo-search-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    color: #6b7280;
    font-size: 14px;
    gap: 8px;
}

.uomo-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #f3f4f6;
    border-top: 2px solid #9ca3af;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uomo-search-results-list {
    max-height: 320px;
    overflow-y: auto;
}

.uomo-search-results-list::-webkit-scrollbar {
    width: 4px;
}

.uomo-search-results-list::-webkit-scrollbar-track {
    background: #f9fafb;
}

.uomo-search-results-list::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 2px;
}

.uomo-search-results-list::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

.uomo-search-result-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.2s ease;
    gap: 12px;
}

.uomo-search-result-item:hover,
.uomo-search-result-item.selected {
    background-color: #f9fafb;
    color: #111827;
}

.uomo-search-result-item:last-child {
    border-bottom: none;
}

.uomo-search-result-image {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #f3f4f6;
}

.uomo-search-result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uomo-search-result-content {
    flex: 1;
    min-width: 0;
}

.uomo-search-result-title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111827;
}

.uomo-search-result-category {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 2px;
}

.uomo-search-result-price {
    font-size: 13px;
    font-weight: 600;
    color: #059669;
}

.uomo-search-no-results {
    padding: 32px 16px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.uomo-search-suggestions {
    padding: 16px;
    border-top: 1px solid #f3f4f6;
}

.uomo-suggestions-title {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 12px;
}

.uomo-suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uomo-suggestion-tag {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 12px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.uomo-suggestion-tag:hover {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

/* Responsive Design for Autocomplete */


/* Focus indicator for accessibility */
.uomo-header-search:focus-within {
    outline: none;
}

/* Simple transitions */
.uomo-search-result-item,
.uomo-suggestion-tag,
.uomo-header-search-btn {
    will-change: auto;
}

/* Keyboard navigation indicator */
.uomo-search-result-item.selected {
    background-color: #f3f4f6;
    border-left: 2px solid #9ca3af;
    margin-left: -2px;
}

  
  .shopping-cart__container {
    background: white;
    padding: 15px;
    border: 1px solid #d4d4d4;
  }
  
  .info-box {
    background: #eaeaea;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
  }
  
  .product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px; /* Fiyat ve başlık arasına boşluk ekler */
  }
  
  .product-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  
  .product-separator {
    margin-top: 10px;  /* Çizginin üstünde biraz boşluk bırakır */
    border: 1px solid #ccc;  /* Çizgi rengi ve kalınlığı */
    width: 100%;  /* Çizgiyi tam genişlikte yapar */
  }
  
  .discount-badge {
    display: block;
    margin-top: 10px;
  }
  
  
  h1.product-single__title {
    font-size: 16px;
    font-weight: 300;
    color: #0f5324;
  }
  
  /* Tooltip'in gizlenmesi ve konumlandırılması */
  .customize-icon {
    position: relative;
    display: inline-block;
    cursor:pointer;
  }
  
  .customparts table {
    width: 100%; /* Tabloyu tam genişlikte yapar */
    border-collapse: collapse; /* Hücreler arasındaki boşluğu kaldırır */
  
  }
  
  .customparts th, .customparts td {
    padding: 5px; /* Hücreye iç boşluk ekler */
    text-align: left; /* Metni sola hizalar */
  
  }
  
  .customparts th {
    font-weight: 500; /* Başlık hücrelerinin yazı tipini kalın yapar */
    font-size: 14px;
  }
  
  
  .tooltip {
    visibility: hidden; /* Başlangıçta gizli */
    position: absolute;
    bottom: 120%; /* İkonun üstünde yer alacak şekilde */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #ffffff !important;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  /* Hover olduğunda tooltip görünür hale gelir */
  .customize-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
  }
  
  
  .producright {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }
  
  .payment-options-container .payment-options-logo {
    padding: 5px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #ddd;
    margin-top: 15px;
  }
  .payment-options-container span {
    font-weight: 300;
    font-size: 13px;
  }
  .payment-options-container {
    font-weight: 300;
    font-size: 15px;
  }
  
  .status__value--in-stock {
    color: #487317;
  }
  
  .product__status span {
    padding-right: 0px;
  }
  
  
  .meta-item {
    border-bottom: 1px solid #ddd;
  }
  
  
  .orderdetail {
    padding: 10px;
    margin-top: 15px;
    border: 1px solid #dedede;
    border-radius: 5px;
  }
  
  .col-sm-3.border-gray {
    margin-top: 10px;
  }
  .orderdetail__customer-information {
    margin-top: 5px;
    padding-top: 25px;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 5px;
  }
  .order-information__section-heading {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0px 0px 15px 0px;
    margin: 0px;
  }
  .customer-information__heading {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 24px;
    letter-spacing: 0.5px;
  }
  .customer-information__section {
    padding: 30px 0px 0px 0px;
  }
  .accOrder {
    font-size: 16px;
    border: 1px solid #dedede;
    border-top: 0 solid #dedede;
  }
  .accOrder .productHead {
    position: relative;
    padding: 8px 20px 8px 20px;
    background-color: #f7f7f7;
    border-top: 1px solid #dedede;
  }
  .accOrder .product .cell.visual {
    width: 120px;
    padding-left: 20px;
  }
  .accOrder .product .cell {
    vertical-align: top;
    padding: 20px 0 20px 0;
    border-top: 1px solid #ebebeb;
  }
  .accOrder .product .cell.details {
    width: 357px;
    padding-left: 10px;
    padding-right: 5px;
    border-right: 1px solid #f2f2f2;
  }
  .accOrder .product .cell.details .name {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 3px;
  }
  .accOrder .product .cell.shipping {
    width: 210px;
    font-size: 12px;
    border-right: 1px solid #f2f2f2;
    vertical-align: middle;
  }
  .accOrder .product .cell.details .quantity {
    margin-top: 21px;
    margin-bottom: 3px;
  }
  
  
  .wishlist__table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
  }
  
  .wishlist__table > :not(caption) > * > * {
  
    border-bottom-width: 1px;
    
  }
  
  span.cart-item-discount-badge {
    color: #000;
    background: whitesmoke;
    font-size: 13px;
    display: inline-block;
    align-items: center;
    background-color: #eff2f7;
    border-radius: 8px;
    padding: 5px 9px;
    width: fit-content;
    margin-bottom: 5px;
  }
  
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  
    
  
  .categorybg {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #dddd;
  }
  
  
  
  .footer-bottom .copyright {
    align-items: center;
    justify-content: space-between;
  }
  
  .footer-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  
  .top-product-image-badge.product-badge_text {
    padding: 2px 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 20 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    display: block !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: fit-content !important;
    max-width: 120px !important;
  }
  
  .top-product-image-badge {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: fit-content !important;
    flex: none !important;
    max-width: none !important;
  }
  
  .top-product-image-badge img {
    max-width: 100px !important;
    max-height: 32px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    width: auto !important;
    height: auto !important;
  }

  /* Product badge wrapper visibility */
  .product-badge-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 20 !important;
    align-items: flex-start !important;
  }

  /* Bottom badge styles - Override style2.css */
  .new-badge-images {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .product_collection_badge.product-badge_text {
    padding: 6px 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 20 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    display: block !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: fit-content !important;
    max-width: 120px !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    flex: none !important;
  }

  .product_collection_badge {
    display: inline-block !important;
    margin: 0 !important;
    flex: none !important;
    max-width: none !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    vertical-align: top !important;
  }

  .product_collection_badge img {
    max-width: 80px !important;
    max-height: 24px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
    flex: none !important;
    width: auto !important;
    height: auto !important;
  }

  /* Override style2.css flex rules */
  .new-badge-images img {
    flex: none !important;
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
  }

  /* Override style2.css calc rules */
  .new-badge-images .product_collection_badge {
    flex: none !important;
    max-width: none !important;
    width: auto !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    display: inline-block !important;
  }

  /* Force horizontal layout for all badge containers */
  .new-badge-images * {
    flex: none !important;
    max-width: none !important;
    width: auto !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }


  /* Specific override for style2.css flex rules */
  .new-badge-images img[class*="product-badge"] {
    flex: none !important;
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
  }
  
  .product-info {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
  }
  .product-info .whatsapp-order-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #25D366; /* WhatsApp yeşili */
    border: 1px solid #25D366;
    transition: background 0.3s;
    width: 100%; /* Tam genişlik */
    font-size: 16px;
    margin-bottom: 15px;
  }
  .product-info .whatsapp-order-button:hover {
    background-color: #1ebe57;
  }
  .product-info .guarantee-box {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
  }
  .product-info .guarantee-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    font-size: 14px;
    font-weight: 300;
  }
  .product-info .guarantee-item i {
    font-size: 24px;
    color: #4CAF50; /* İkon rengi */
    margin-bottom: 5px;
  }
  
  
  .fixedModuleArea {
    position: fixed;
    bottom: 0 !important;
    width: 100%;
    background: #f0ecdd;
    border-bottom: 3px solid #f0ecdd;
    z-index: 99;
    padding: 10px 0;
  
  }
  
  button.btnTeklif {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px 15px;
    font-size: 12px;
    width: 100%;
    margin-top: 4px;
    transition: .3s
  }
  
  .fabricOpenCollapse.as:hover,button.btnTeklif:hover {
    background: #005850;
    color: #fff;
    transition: .3s
  }
  
  .fabricOpenCollapse.as {
    transition: .3s
  }
  
  .pricerow {
    display: block
  }
  
  span.pricerow.txt {
    font-size: 12px;
    margin-top: 5px
  }
  
  span.pricerow {
    font-size: 22px
  }
  
  span.redText {
    color: #e22e27;
    font-size: 24px;
    font-weight: 600
  }
  
  span.pricerow>img {
    margin-top: -3px
  }
  
  del#totalPriceFix {
    font-weight: 600
  }
  
  .cizla::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 7px;
    border-right: 1px solid #b5b5b5;
    height: 45px
  }
  
  .middleCenter {
    display: table;
    min-height: 54px;
    width: 100%
  }
  
  .play-button svg circle {
    fill: #fff;
  }
  
  .play-button svg polygon {
    fill: #000; 
  }
  
  .circle-style {
    fill: orange; /* Turuncu */
  }
  
  .polygon-style {
    fill: white; /* Beyaz */
  }
  
  .circle-style2 {
    fill: white;        /* Daire iç rengi */
    stroke: black;      /* Dış çizgi rengi */
      /* Çizgi kalınlığı */
  }
  
  .polygon-style2 {
    fill: black;        /* Üçgen iç rengi */
  }
  
  .play-button2 svg circle {
    fill: white;        /* Daire iç rengi */
    stroke:#cfcaca;      /* Dış çizgi rengi */
      /* Çizgi kalınlığı */
  }
  
  .play-button2 svg polygon {
    fill: black;        /* Üçgen iç rengi */
  }
  
  /* Galeri CSS'i product_gallery.blade.php component'inde tanımlı - çakışma önlemek için kaldırıldı */
  
  div#toplamadetclflfix {
    display: table-cell;
    vertical-align: middle
  }
  
  a.hoverZoom {
    cursor: zoom-in;
    cursor: -webkit-zoom-in
  }
  
  .texhinfosize>h2 {
    text-align: center;
    margin-bottom: 40px
  }
  
  .sizeboxa {
    background-color: #fff;
    box-shadow: 0 1.5px 8px 0 rgba(0,0,0,.08);
    padding: 24px 20px
  }
  
  .sizeboxa>h2 {
    text-align: center;
    margin-bottom: 26px
  }
  
  .sizeTableTitle {
    font-weight: 900;
    color: #005850;
    position: relative
  }
  
  span#discount_price_sticky {
    color: #005850;
  }
  .discount_price_sticky {
    color: #005850;
  }
  .priceSmall {
    font-size: 70%;
  }
  span.pricerow.txt {
    margin-top: -2px;
  }
  span.pricerow.txt {
    font-size: 12px;
    margin-top: 5px;
  }
  
  span.redText {
    color: #e22e27;
    font-size: 24px;
    font-weight: 600;
  }
  
  div#productsFix {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  
  div#productsFix {
    overflow: scroll;
    max-height: 64px;
    overflow-x: hidden;
    width: 100%;
    overflow-y: auto;
  }
  
  
  
  .filter {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0.5rem 0;
    padding: 2px 0;
    color: #767676;
    cursor: pointer;
  }
  
  .filter input {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    color: #e4e4e4;
    border: 0.125rem solid currentColor;
    border-radius: 0;
    margin-right: 0.75rem;
  }
  
  .filter-accordion-1 ul {
  padding-left: 0rem;
  }
  
  .p-0 {
  padding-left: 0rem !important;
  }
  
  
  
  .accordion-body ul {
    list-style: none;
    padding-left: 0;
  }
  
  .accordion-body ul {
    list-style: none;
    text-transform: capitalize;
  }
  
  
  
  .pt-90 {
    padding-top: 90px;
  }
  
  
  table.wishlist__table tr td {
    border: 1px solid #dedede;
    padding: 10px 15px;
  }
  
  .orderbg {
    background: #4c0e9b14;
  }
  
  
  .btn-block {
    display: block;
    width: 100%;
  }
  
  .mb-2.partall {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  }
  
  
  .productinfo {
    
    padding-left: 10px;
    margin-top: 10px;
    border: 0px solid #dddd;
    background: #f7f7f7;
    border-radius: 10px;
  }
  
  .variant-name {
    text-transform: uppercase;
    font-weight: 300;
  }
  
  .mb-2.partall strong {
    color: #664c32;
    font-weight: 400;
    font-size: 13px;
  }
  
  tr.childprice span {
  font-weight: 500;
  }
  
  
  .product__options {
  border-top: 1px solid #d8d8d8;
  margin-top: 25px;
  padding-top: 5px;
  }
  
  /* Product colors */
  .product__colors {
  padding-top: 10px; }
  
  .product__available-colors {
  list-style: none;
  padding: 0px;
  display: flex;
  margin: -2px 0px;
  flex-wrap: wrap;
  position: relative; }
  .product__available-colors li {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    padding: 4px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    margin: 2px 4px 2px 0px; }
    .product__available-colors li.active {
      border-color: #9c9c9c; }
    .product__available-colors li a {
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      background: #000; }
  
  .product__image-colors {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: -5px 0px;
  position: relative; }
  .product__image-colors li {
    display: block;
    width: 85px;
    margin: 12px 11px 8px 2px;
  
  }
    .product__image-colors li a {
      display: block; }
      .product__image-colors li a img {
        display: block;
        width: 100%; }
  
  .product__image-color.active {
  border: 1px solid #928656; }
  
  .product__current-color {
  margin-left: auto;
  padding-left: 15px;
  text-align: right;
  font-size: 16px;
  color: #999999; }
  .product__current-color span {
    padding-left: 3px;
    color: #000; }
  
  /* Product sizes */
  .product__sizes {
  margin: 7px 4px 15px 0px;
  position: relative; 
  }
  .product__sizes select {
    display: block;
    width: 100%;
    border: 1px solid #cecece;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    padding: 12px 70px 12px 19px; }
  
  
  /* Product sizes 2 */
  .product__sizes-2 {
  padding-top: 28px; }
  
  .product__available-sizes {
  list-style: none;
  padding: 0px;
  display: flex;
  margin: 5px -1px 5px 0px;
  flex-wrap: wrap;
  position: relative; }
  .product__available-sizes li {
    margin: 3px 3px 1px 0px;
    }
    .product__available-sizes li.active a {
      border-color: #8d8d8d;
      color: #ffffff;
      font-size: 16px;
      background: #bfbbbc;
      border: 1px solid #fbf9f9;
    
    }
    .product__available-sizes li a {
      display: block;
      border: 1px solid #dfdfdf;
      font-size: 16px !important;
      color: #161515;
      padding: 10px 20px;
      min-width: 40px;
      min-height: 40px;
      text-align: center;
      
      }
  
  .product__current-size {
  margin-left: auto;
  padding-left: 15px;
  text-align: right;
  font-size: 16px;
  color: #999999; }
  .product__current-size span {
    padding-left: 3px;
    color: #000; }
  
  /* Product variants */
  .product__variants {
  border-top: 1px solid #d8d8d8;
  margin-top: 45px;
  padding-top: 18px; }
  
  .product__variant {
  padding: 20px 0px; }
  
  .product__variant + .product__variant {
  border-top: 1px solid #d8d8d8; }
  
  .product-variant__image {
  width: 47px;
  min-width: 47px;
  margin-right: 20px; }
  .product-variant__image p {
    display: block;
    padding-bottom: 139.948%;
    position: relative;
    margin: 0px; }
    .product-variant__image p img {
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      position: absolute;
      object-fit: cover; }
  
  .product-variant__title-and-price {
  padding-right: 30px; }
  
  .product-variant__title {
  font-size: 16px;
  color: #000; }
  .product-variant__title a {
    color: #000; }
    .product-variant__title a:hover {
      color: #928656; }
  
  .product-variant__price {
  font-size: 18px;
  color: #000;
  padding: 3px 0px 0px 0px; }
  
  .product-variant-price__new {
  color: #ea311d; }
  
  .product-variant-price__old {
  color: #666666;
  font-size: 14px;
  text-decoration: line-through;
  padding-left: 4px; }
  
  .product-variant__quantity {
  margin-left: auto;
  width: 100px;
  min-width: 100px; }
  
  .product-variant-quantity__title {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0px 0px 2px 0px; }
  
  .product-variant-quantity__content {
  position: relative; }
  
  .product-variant-quantity__minus {
  display: block;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 12px; }
  
  .product-variant-quantity__input {
  display: block;
  width: 100%;
  text-align: center;
  padding: 6px 35px 6px 35px;
  border: 1px solid #d0d0d0;
  outline: none;
  font-size: 16px;
  color: #000; }
  .product-variant-quantity__input:focus {
    border-color: #000; }
  
  .product-variant-quantity__plus {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 12px; }
  
  .product-variants__subtotal {
  padding-top: 20px;
  font-size: 24px;
  color: #999999; }
  .product-variants__subtotal span {
    font-size: 30px;
    color: #669900;
    padding-left: 3px; }
  
  /* Product action */
  .product__action {
  padding-top: 5px;
  }
  
  /* Quantity */
  .product__quantity {
  margin-top: 20px;
  margin-right: 10px;
  width: 140px;
  min-width: 140px;
  position: relative; }
  
  .product-quantity__minus {
  display: block;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 16px; }
  
  .product-quantity__input {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 60px 12px 60px;
  border: 1px solid #d0d0d0;
  outline: none;
  font-size: 16px;
  color: #000; }
  .product-quantity__input:focus {
    border-color: #000; }
  
  .product-quantity__plus {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 16px; }
  
  
  
  
  
  strong.redtext {
  color: #ff0707 !important;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  }
  
  
  section.tp-login-area {
  background-color: #ddd8d8;
  }
  
  section.breadcrumb__area {
  background-color: #fff;
  }
  
  section.breadcrumb__area3 {
  background-color: #fff;
  }
  
  section.breadcrumb__area2 {
  background-color: #ebebeb;
  }
  
  
  .checout-page {
  background-color: #f3f3f3;
  }
  
  
  
  section.profile__area {
  background-color: #f3f3f3;
  }
  
  section.tp-about-area {
  
  background-color: #f3f3f3;
  }
  
  
  section.tp-contact-area {
  
  background-color: #f3f3f3;
  }
  
  
  .m-basket {
    margin: 2rem auto
  }
  
  .m-basket__header {
    border-bottom: 1px solid #ededed;
    display: flex;
    margin-bottom: 1.5rem;
    padding: 0 0 1rem
  }
  
  .m-basket__header--title {
    color: #111;
    font-size: 25px;
    letter-spacing: 1.07px
  }
  
  .m-basket__body,.m-basket__item {
    display: flex;
    flex-direction: column
  }
  
  .m-basket__item {
    border: 1px solid #ededed;
    margin-bottom: 1.5rem;
    padding: 1rem
  }
  
  .m-basket__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
  }
  
  .m-basket__item.-reset {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1rem
  }
  
  .m-basket__item.-reset:last-child {
    border: 1px solid #ededed
  }
  
  .m-basket__content {
    border-bottom: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    position: relative
  }
  
  .m-basket__content:first-child {
    padding-top: 1.5rem
  }
  
  .m-basket__content:last-child {
    border-bottom: 0;
    padding-bottom: 0
  }
  
  .m-basket__content.-reset {
    padding: 0
  }
  
  .m-basket__contentPanel {
    display: flex
  }
  
  .m-basket__seller {
    align-items: center;
    border-bottom: 1px solid #ededed;
    color: #111;
    display: flex;
  
    font-size: .8125rem;
    letter-spacing: .3px;
    line-height: 1.23;
    margin: 0 -1rem;
    padding: 0 1rem 1rem
  }
  
  .m-basket__seller .icon {
    margin-right: .5rem
  }
  
  .m-basket__seller strong {
    
    margin-right: 4px
  }
  
  .m-basket__seller p {
    width: 100%
  }
  
  .m-basket__removeMessage {
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 1rem 2rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
  }
  
  .m-basket__removeMessageIcon {
    fill: #37c4a4;
    margin-bottom: 1rem;
    margin-right: 1.5rem
  }
  
  .m-basket__removeMessageText {
    
    font-size: .875rem
  }
  
  .m-basket__figure {
    width: 164px
  }
  
  .m-basket__figureLink {
    display: flex
  }
  
  .m-basket__figureImg {
    width: 164px
  }
  
  .m-basket__productInfo {
    display: flex;
    flex-direction: column;
    flex-grow: 8;
    width: 50%
  }
  
  .m-basket__productInfo--link {
    color: #111;
    display: flex;
    flex-direction: column;
    line-height: 1.71;
    width: 90%
  }
  
  .m-basket__productInfoCategory {
  
    font-size: .875rem;
    letter-spacing: .5px
  }
  
  .m-basket__productInfoName {
  
    font-size: .875rem;
    letter-spacing: .5px
  }
  
  .m-basket__productPrice {
    margin: 1rem 0
  }
  
  .m-basket__stockMessage {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem
  }
  
  .m-basket__stockMessage .-error {
    color: #ec2c2c
  }
  
  .m-basket__stockMessageText {
    font-size: .75rem
  }
  
  .m-basket__features {
    display: flex;
    flex-direction: column
  }
  
  .m-basket__variantion {
    display: flex;
    margin-bottom: 1rem;
    padding-left: 0;
    width: 100%
    
  }
  
  .m-basket__variantion:last-child {
    margin-bottom: 0
  }
  
  .m-basket__variantion.-column {
    flex-direction: column
  }
  
  .m-basket__variantion.-column .m-basket__variantionItem:before {
    display: none
  }
  
  .m-basket__variantionItem {
    align-items: center;
    color: #111;
    display: flex;
    font-size: .875rem;
    letter-spacing: .5px
  }
  
  .m-basket__variantionItem:before {
    color: #9b9b9b;
    content: "|";
    margin-left: 1rem;
    padding-right: 1rem
  }
  
  .m-basket__variantionItem:first-child:before {
    display: none
  }
  
  
  .m-basket__variantionName {
  
    padding-right: .5rem
  }
  
  
  
  .m-basket__variantionValue .m-select {
    width: 120px
  }
  
  .m-basket__quantity {
    align-items: center;
    display: flex;
    width: 30%
  }
  
  .m-basket__options {
    align-items: flex-start;
    margin-top: 1rem
  }
  
  .m-basket__options,.m-basket__optionsItem {
    display: flex;
    justify-content: flex-end;
    width: 100%
  }
  
  .m-basket__optionsItem {
    margin-right: -1rem
  }
  
  .m-basket__optionContent {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    width: calc(100% - 164px)
  }
  
  .m-basket__productTools {
    display: flex;
    height: 100%
  }
  
  .m-basket__optionHeader {
    display: flex;
    justify-content: space-between
  }
  
  .m-basket__favorite,.m-basket__remove {
    color: #ec2c2c;
    cursor: pointer;
    border: none;
    background: none;
    font-size: .8125rem;
    letter-spacing: 1px;
    padding: .5rem 1rem;
    text-align: right;
    text-decoration: none;
    text-transform: none
  }
  
  .m-basket__favorite:hover,.m-basket__remove:hover {
    text-decoration: none
  }
  
  .m-basket__favorite {
    color: #000
  }
  
  .m-basket__remove {
    position: relative
  }
  
  .m-basket__remove .icon {
    margin-right: 5px
  }
  
  
  .m-basket__cargoDelivery {
    color: #6d6d6d;
    display: flex;
    
    font-size: .75rem;
    letter-spacing: normal;
    margin-top: 1rem
  }
  
  .m-basket__cargoDelivery svg {
    margin-right: .5rem
  }
  
  .m-basket__cargoDelivery span {
    color: #111
  }
  
  .m-basket__giftBox {
    display: flex;
    padding-top: 5px;
    position: relative;
    width: 100%
  }
  
  .m-basket__giftBox .-smallLoading {
    background-color: #fff;
    left: -2px;
    position: absolute;
    top: 2px;
    z-index: 1
  }
  
  .m-basket__giftBox .m-checkbox__label {
    font-size: .8125rem;
    letter-spacing: .5px;
    line-height: 1.85
  }
  
  .m-basket__giftBox .m-checkbox__label:before {
    top: 7px
  }
  
  .m-basket__giftBox .m-checkbox__label:after {
    top: 4px
  }
  
  .m-basket__giftBox .m-checkbox__label.-loading:before {
    display: none
  }
  
  .m-basket__free {
    color: #111;
    
    font-size: .875rem;
    line-height: 1.43;
    margin: 1rem 0
  }
  
  .m-basket .-smallLoading {
    margin-right: .5rem
  }
  
  .m-basket .-ghostLoading {
    display: flex;
    flex-direction: column
  }
  
  .m-basket__cargoStock {
    margin: 7px 0 0 46px
  }
  
  .m-basket__cargoStockText {
    color: #d0021b;
    
    font-size: .75rem;
    line-height: 1.33
  }
  
  .promotion {
    flex-direction: column;
    margin-top: 1rem
  }
  
  .m-productPrice,.promotion {
    display: flex
  }
  
  .m-productPrice__discount {
    background-color: #ec2c2c;
    color: #fff;
    display: flex;
    flex-direction: column;
    
    font-size: .9375rem;
    height: 36px;
    justify-content: center;
    line-height: 1.33;
    margin-right: .5rem;
    text-align: center;
    width: 50px
  }
  
  .m-productPrice__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
  }
  
  .m-productPrice__content.-extra,.m-productPrice__content.-extra2 {
    margin-right: 1rem
  }
  
  .m-productPrice__content.-extra .m-productPrice__oldPrice,.m-productPrice__content.-extra2 .m-productPrice__oldPrice {
    color: #6d6d6d;
    line-height: 1.29
  }
  
  .m-productPrice__content.-extra .m-productPrice__salePrice,.m-productPrice__content.-extra2 .m-productPrice__salePrice {
    color: #9b9b9b;
    
    text-decoration: line-through
  }
  
  .m-productPrice__content.-extra .m-productPrice__oldPrice {
    margin-bottom: 0
  }
  
  .m-productPrice__content.-extra2 {
    justify-content: space-between
  }
  
  .m-productPrice__content.-extra2 .m-productPrice__oldPrice {
    margin-bottom: 3px
  }
  
  .m-productPrice__oldPrice {
    color: #6d6d6d;
    ;
    font-size: .875rem;
    letter-spacing: .5px;
    line-height: 1.29;
    text-decoration: line-through
  }
  
  .m-productPrice__salePrice {
    font-size: 1rem
  }
  
  .m-productPrice__extraPrice,.m-productPrice__salePrice {
    color: #111;
    
    letter-spacing: .5px;
    line-height: 1.13
  }
  
  .m-productPrice__extraPrice {
    font-size: 1.125rem
  }
  
  .m-productPrice__extraText {
    color: #62944c;
    
    font-size: .875rem;
    line-height: 1.29;
    margin-bottom: 3px
  }
  
  
  .accordion2.js-accordion {
    background: white;
    padding: 14px;
    border: 1px solid #ddd;
    margin-top: 5px;
    cursor: pointer;
  }
  
  .accordion__title2 {
    font-size: 18px;
    font-weight: 600;
  
  }
  .accordionpost {
    margin-top: 10px;
  }
  
  .accordionpost p {
    font-size: 14px;
    font-weight: 500;
  }
  
  .accordionpost span {
    font-size: 14px;
  }
  
  h6.paywiwew {
    font-size: 16px;
  }
  
  .form-info .title {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    color: #0e0e0e;
    margin-bottom: 20px;
  }
  
  .summary-subtotal__title.basket {
    color: #fa5e15;
  }
  
  .summary-subtotal__title.websale {
    color: #ff9304;
  }
  
  
  .summary-subtotal__title.coupon {
    color: #016df7;
  }
  
  .address-box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .address-box .head {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 11px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    color: #0e0e0e;
  }
  
  .address-box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .address-box  p {
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: .1px;
    color: #202020;
  }
  
  
  
  .grouped-product-list tr { border-bottom:1px solid #e6e6e6; }
  .grouped-product-list td {padding:10px 5px;}
  .grouped-product-list td.grouped-product-list-item__thumb,
  .grouped-product-list td.grouped-product-list-item__thumb img { width:70px; min-width:70px; }
  .grouped-product-list td .qtyField { max-width: 85px; }
  .grouped-product-list td .qtyField .qtyBtn,
  .grouped-product-list td .qtyField .qty { height:35px; padding:6px 6px; }
  .grouped-product-list td .qtyField .qty { width: 85px; padding: 7px 20px; }
  .grouped-product-list td .qtyField .qtyBtn { background: #efefef; border: none; left: 0; right: auto; top: 0; }
  .grouped-product-list td .qtyField .qtyBtn.plus { left: auto; right: 0; }
  .grouped-product-list td.grouped-product-list-item__price .old-price { color:#999; padding-right:10px; text-decoration:line-through; }
  
  
  
  .atmosphere[data-v-1e6e287c] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .atmosphere[data-v-1e6e287c] .after-coupon {
    color: #ce2226;
  }
  .atmosphere[data-v-1e6e287c] span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    font-size: 12px;
    font-weight: 300;
    color: #2c7440;
    line-height: 14px;
    border-radius: 2px;
    border: .8px solid #ccc;
    margin: 0 4px 4px 0;
  }
  
  
  .store-item__address p {
    font-size: 18px;
    line-height: 1.44;
    color: #242727;
    padding: 7px 10px 3px 5px;
    margin-bottom: 5px;
  
  }
  
  .store-item__address span {
    font-size: 15px;
    line-height: 1.44;
    color: #242727;
    padding: 5px 10px 7px 0px;
    
  }
  
  .list-product-cart-badge {
    margin-bottom: 5px;
    position: relative;
    display: flex;
    row-gap: 5px;
    column-gap: 5px;
    flex-wrap: wrap;
  }
  
  .checkoutlist {
    background: white;
    border: 1px solid #ddd;
    padding: 25px !important;
  }
  
  .checkoutlist .store-item__title {
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #0d0c0c;
    font-weight: 600;
    margin: 20px 0;
    margin-top: 0;
  }
  
  .save-details-box .save-details {
  border: 1px solid #eff2f7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  background-color: #eff2f7;
  position: relative;
  padding:15px;
  }
  
  .save-details-box .save-details.show {
  -webkit-box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
  box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
  }
  
  .save-details-box .save-details .save-name {
  position: relative;
  margin-bottom: 20px;
  }
  
  .save-details-box .save-details .save-name h5 {
  color: #212529;
  }
  
  .save-details-box .save-details .save-position {
  position: absolute;
  color: #ff0101dd !important;
  top: 0;
  right: 0;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
  }
  
  [dir="rtl"] .save-details-box .save-details .save-position {
  right: unset;
  left: 0;
  }
  
  .save-details-box .save-details .save-position h6 {
  margin: 0;
  margin-bottom: -2px;
  font-weight: 500;
  }
  
  .save-details-box .save-details .save-address p {
  line-height: 1.4;
  letter-spacing: 1px;
  margin: 0 0 calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .save-details-box .save-details .mobile p.mobile {
  margin-top: 20px;
  padding-bottom: 6px;
  }
  
  .save-details-box .save-details .button2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -5px;
  }
  
  .save-details-box .save-details .button2 a {
  width: 100%;
  margin: 5px;
  background-color: #fff;
  color: #212529;
  }
  
  
  
  .box-head-checkout i {
  font-size: 15px;
  }
  
  select.form-select.form-control {
  height: 50px;
  line-height: 48px;
  border-radius: 0;
  border: 1px solid #D5D8DB;
  float: none;
  padding: 0 26px;
  font-size: 15px;
  }
  
  
  .checkoutlist .stores-list__item {
    padding-top: 25px;
    background: #fff;
    display: block;
    padding: 10px 15px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 1px;
    cursor: pointer;
  }
  
  .billing-form__heading {
    font-size: 16px;
  }
  
  .checkoutlist .row > div {
    padding: 5px 5px;
  }
  
  .checkoutlist .stores-list__item.active {
    background-color: #eff2f7 !important;
  }
  .box-head-checkout {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0px 0px;
  }
  
  .box-head-checkout h3 {
    font-size: 16px;
    font-weight: 300;
    color: #2f2d2d;
    text-transform: uppercase;
  }
  .cart-item__image--ratio-100-122 a {
    padding-bottom: 60%;
  }
  
  .cart-product__image a {
    display: block;
    position: relative;
    padding-bottom: 65px;
  }
  .shopping-cart {
    background-color: #ededed;
  
  }
  
  /* Container override for shopping cart */
  .shopping-cart .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  
  /* Title */
  .shopping-cart__title {
    font-size: 48px;
    text-align: center;
    padding: 0px 0px 80px 0px;
    margin: 0px; }
  
  /* Cart container */
  
  
  /* Table */
  .shopping-cart__table {
    width: 100%; }
    .shopping-cart__table tr {
      vertical-align: top; }
    .shopping-cart__table thead tr th {
      padding: 10px 15px 10px 15px;
      color: #999999;
      font-size: 14px;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 0.5px; }
      .shopping-cart__table thead tr th:first-child {
        padding-left: 0px; }
      .shopping-cart__table thead tr th:last-child {
        padding-right: 5px; }
    .shopping-cart__table tbody tr td {
      border-top: 1px solid #dedede;
      padding: 20px 15px; }
      .shopping-cart__table tbody tr td:first-child {
        padding-left: 0px; }
      .shopping-cart__table tbody tr td:last-child {
        padding-right: 5px; }
  
  /* Cart product */
  .shopping-cart__product {
    display: flex; }
  
  /* Cart product image */
  .cart-product__image {
    width: 70px;
    min-width: 70px; }
  
    
  
  /* Title and variant */
  .cart-product__title-and-variant {
    padding-left: 20px;
    padding-top: 6px;
    min-width: 140px; }
  
  .cart-product__title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #000;
  
    font-weight: 300; }
    .cart-product__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .cart-product__title a:hover {
        color: #928656; }
  
  .cart-product__variant {
    font-size: 14px;
    color: #999999;
    padding: 6px 0px 0px 0px; }
  
  .cart-product__action {
    padding: 11px 0px 0px 0px; }
    .cart-product__action a {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      text-decoration: underline; }
  
  /* Quantity */
  .cart-product__quantity-field {
    max-width: 80px;
    min-width: 70px;
    position: relative; }
  
  .quantity-field__minus {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
    .quantity-field__minus a {
      display: block;
      padding: 5px; }
  
  .quantity-field__plus {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
    .quantity-field__plus a {
      display: block;
      padding: 5px; }
  
  .quantity-field__input {
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px 15px;
    margin: 0px;
    border: 1px solid #d0d0d0;
    outline: none;
    height: 34px;
    font-size: 16px;
    line-height: 1.3;
    color: #000; }
    .quantity-field__input:focus {
      border-color: #eae6e6;
      border-radius: 10px;
    
    }
  
  /* Price */
  .cart-product__price {
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.3;
    color: #000; }
  
  /* Delete */
  .cart-product__delete {
    padding-top: 1px; }
    .cart-product__delete a {
      font-size: 12px;
      color: #000;
      line-height: 1.3; }
  
  /* Discount form */
  .shopping-cart__discount {
    margin: 40px 0px 0px 0px;
    border: 1px solid #d0d0d0;
    padding: 24px 29px 29px 29px; }
    .shopping-cart__discount form {
      margin: 0px;
      padding: 0px;
      position: relative; }
  
  .discount__title {
    font-size: 20px;
    padding: 0px 0px 18px 0px;
    margin: 0px;
    letter-spacing: 0.5px; }
  
  .discount__icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
  
  .discount__input {
    display: block;
    width: 100%;
    background: none;
    border: 1px solid #d0d0d0;
    padding: 12px 100px 12px 50px;
    font-size: 14px;
    color: #000;
    outline: none; }
    .discount__input:focus {
      border-color: #000; }
    .discount__input::-webkit-input-placeholder {
      color: #999; }
    .discount__input::-moz-placeholder {
      color: #999; }
    .discount__input:-ms-input-placeholder {
      color: #999; }
    .discount__input:-moz-placeholder {
      color: #999; }
  
  .discount__submit {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background: none;
    border: none;
    position: absolute;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    outline: none; }
  
  /* Order summary */
  
  /* Order summary background */
  .order-summary__background {
    padding: 20px 15px;
    background: #fff;
    margin-bottom: 35px;
    border: 1px solid #ddd;
    position: relative; }
  
  
  
  /* Order summary title */
  .order-summary__title {
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
      border-bottom: 1px solid #ddd;
      padding: 5px;
  
  
  
  }
  
  /* Order summary subtotal */
  .order-summary__subtotal {
    margin-top: 5px;
  
    display: flex; }
  
  .summary-subtotal__title {
    font-size: 16px; }
  
  .summary-subtotal__price {
    padding-left: 20px;
    margin-left: auto;
    font-size: 16px;
    color: #000; }
  
  /* Order summary delivery method */
  .order-summary__delivery-method {
    margin-top: 18px;
    position: relative; }
    .order-summary__delivery-method select {
      width: 100%;
      height: 50px;
      padding-left: 15px;
      padding-right: 45px;
      background-color: #fff;
      border: 1px solid #d0d0d0;
      font-size: 14px;
      color: #000;
      -webkit-appearance: none;
      -moz-appearance: none;
      display: block;
      outline: none; }
    .order-summary__delivery-method:after {
      content: "";
      display: inline-block;
      font: normal normal normal 1em/1 "LineIconsPro Light";
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      font-size: 14px;
      position: absolute;
      top: 50%;
      right: 15px;
      color: #000;
      transform: translateY(-50%) rotate(90deg);
      -webkit-transform: translateY(-50%) rotate(90deg);
      -moz-transform: translateY(-50%) rotate(90deg);
      pointer-events: none; }
  
  /* Order summary total */
  .order-summary__total {
    margin-top: 30px;
    border-top: 1px solid #d0d0d0;
    padding-top: 22px;
    display: flex; }
  
  .summary-total__title {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 300; }
  
  .summary-total__price {
    padding-left: 20px;
    margin-left: auto;
    font-size: 20px;
    font-weight: 600;
    color: #000; }
  
  /* Proceed to checkout */
  .order-summary__proceed-to-checkout {
    padding-top: 17px; }
    .order-summary__proceed-to-checkout .second-button {
      display: block;
      width: 100%;
      text-align: center; }
  
  /* Accept payment methods */
  .order-summary__accept-payment-methods {
    border-top: 1px solid #d0d0d0;
    margin-top: 25px;
    padding-top: 22px; }
    .order-summary__accept-payment-methods img {
      max-width: 100%;
      padding: 15px; }
  
  .accept-payment-methods__title {
    padding: 0px 0px 14px 0px;
    margin: 0px;
    font-size: 16px;
  
    color: #000;
    letter-spacing: 0.5px; }
  
  /* Order summary action */
  .order-summary__action {
    text-align: center; }
    .order-summary__action a {
      color: #000000;
      text-decoration: underline;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
  
  
  
  
  .login {
    background: #16161614;
  }
  
  
  .shopping-banner {
    display: flex;
    align-items: center;
    /* font-family: 'Urbanist', sans-serif; */
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #40484e;
    padding: 34px 0;
    border: 1px solid #d9dadd;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border-radius: 5px;
  }
  
  .shopping-banner-img {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    background-color: #f5f7fa;
    transition: all .2s ease-in-out;
    border-radius: 50%;
    margin-bottom: 16px;
  }
  
  
  .shopping-banner-title {
    color: #40484e;
    font-size: 18px;
    font-weight: 300;
  }
  .shopping-banner-sub-title {
    color: #888;
    font-size: 15px;
  }
  
  .shopping-banner-content {
    padding: 5px;
  }
  
  .contact-page {
    padding: 0px 0px 90px 0px;
    background: #f8f9fa;
  }
  
  .contact-page__title {
    padding-top:10px;
    font-size: 25px;
    font-weight: 300;
  }
  .contact-page__form {
    padding: 25px 0px 0px 0px;
    margin: 0px;
  }
  
  .tp-contact-info-content h3 {
    font-size: 19px;
    text-transform: uppercase;
    margin: 10px 20px 20px;
  }
  
  .tp-contact-info-content {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    margin-top: 10px;
  }
  .tp-contact-info-content span {
    font-size: 16px;
    line-height: 1.44;
    color: #242727;
    padding: 8px 0px 10px 15px;
  }
  
  .store-item__address {
    font-size: 16px;
    line-height: 30px;
  }
  
  .address__store-number {
    color: #000;
    display: block;
    margin: 0px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
    padding-top: 10px;
  }
  
  .tp-product-price-3.old-price {
    font-weight: 300;
    font-size: 14px;
    text-decoration-line: line-through;
    color: #666;
  }
  
  .tp-product-price-3.new-price {
     color: #0a0a0a;
      font-weight: 300;
      font-size: 18px;
  }
  
  .service-promotion__icon img {
    max-width: 50px;
  }
  
  
  .custome-nav-tabs {
    position: inherit;
    z-index: 9;
    top: 0;
    left: -300px;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .custome-nav-tabs {
    padding: 10px;
    color: black;
    border: none;
    border-radius: 5px;
    position: sticky;
    top: 10px;
    background: #eff2f7;
    margin-top: 60px;
    margin-bottom: 50px;
  }
  .custome-nav-tabs .nav-item .nav-link {
    width: 100%;
    text-align: left;
    border-radius: 5px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #212529 !important;
  }
  
  .box-head {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -2px 15px;
  }
  
  .box-head h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
  }
  
  .myaccount {
    margin-bottom: 20px;
  
  }
  
  
  .dashboard .box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) 0;
  }
  
  .dashboard .box-title h3 {
    font-weight: 300;
  }
  
  .dashboard h6, .dashboard p {
    margin: 6px 0;
    line-height: 1.4;
  }
  
  .order-box-contain .order-box {
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    border-radius: 6px;
    background-color: #eff2f7;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .order-box-contain .order-box .order-box-image {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 25%;
    opacity: 0.04;
    -webkit-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  
  [dir="rtl"] .order-box-contain .order-box .order-box-image {
    left: -20px;
    right: unset;
  }
  
  .order-box-contain .order-box:hover .order-box-image {
    -webkit-transform: rotate(-7deg) translateY(-50%);
    transform: rotate(-7deg) translateY(-50%);
    opacity: 0.25;
  }
  
  [dir="rtl"] .order-box-contain .order-box:hover .order-box-image {
    -webkit-transform: rotate(7deg) translateY(-50%);
    transform: rotate(7deg) translateY(-50%);
  }
  
  .order-box-contain .order-box .order-box-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .order-box-contain .order-box .order-box-contain img {
    width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .order-box-contain .order-box .order-box-contain > div {
    width: calc(100% - 20px);
    margin-left: 15px;
    text-transform: capitalize;
  }
  
  [dir="rtl"] .order-box-contain .order-box .order-box-contain > div {
    margin-left: unset;
    margin-right: 15px;
  }
  
  .order-box-contain .order-box .order-box-contain > div h3 {
    margin-top: 6px;
  }
  
  .dashboard-profile .dash-profile li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
  }
  
  
  .dashboard-profile .dash-profile li .left {
    width: 220px;
  }
  
  
  .dashboard-profile .dash-profile li .left h6 {
    margin: 0;
    text-transform: capitalize;
  }
  
  .dashboard-profile .dash-profile li a {
    margin-left: 20px;
    color: #f50a13;
    font-size: 13px;
  }
  
  .dashboard-security .page-title h4 {
  font-size:18px
  }
  
  
  
  .dashboard-security .page-title {
    margin-bottom: 10px;
  }
  
  .dashboard-security p {
  font-size: 16px;
  }
  
  .dashboard-security .security-details {
    margin-bottom: 18px;
  }
  
  .dashboard-security .security-details h5 span {
    font-weight: 500;
    color: #212529;
  }
  
  .dashboard-security .security-details-1 {
    border: 1px dashed rgba(0, 0, 0, 0.28);
    border-radius: 5px;
    padding: 15px;
  }
  
  .success-button {
    background-color: green;
    margin: 0 !important;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px !important;
    color: #fff !important;
  }
  
  
  .save-details-box .save-details {
    border: 1px solid #eff2f7;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
    background-color: #eff2f7;
    position: relative;
  }
  
  .save-details-box .save-details.show {
    -webkit-box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
    box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
  }
  
  .save-details-box .save-details .save-name {
    position: relative;
    margin-bottom: 20px;
  }
  
  .save-details-box .save-details .save-name h5 {
    color: #212529;
  }
  
  .save-details-box .save-details .save-position {
    position: absolute;
    color: #ff0101dd !important;
    top: 0;
    right: 0;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
  }
  
  [dir="rtl"] .save-details-box .save-details .save-position {
    right: unset;
    left: 0;
  }
  
  .save-details-box .save-details .save-position h6 {
    margin: 0;
    margin-bottom: -2px;
    font-weight: 500;
    color: #595f65;
    padding: 5px;
    background: #cad4d4;
    border: 1px solid #ddd;
  }
  
  .save-details-box .save-details .save-address p {
    line-height: 1.4;
    letter-spacing: 1px;
    margin: 0 0 calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .save-details-box .save-details .mobile p.mobile {
    margin-top: 20px;
    padding-bottom: 6px;
  }
  
  .save-details-box .save-details .button2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -5px;
  }
  
  .save-details-box .save-details .button2 a {
    width: 100%;
    margin: 5px;
    background-color: #fff;
    color: #212529;
  }
  
  .payment-card-detail {
    position: relative;
  }
  
  .payment-card-detail:hover .edit-card {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .payment-card-detail.add-card {
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 0;
  }
  
  .payment-card-detail.add-card .card-details {
    min-height: 130px;
    background: #d2d2d2;
    color: #212529;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  
  .payment-card-detail.add-card .card-details h5 {
    margin-bottom: 0;
    text-transform: capitalize;
  }
  
  .payment-card-detail .card-details {
    color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #4b77a0;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
  }
  
  .payment-card-detail .card-details.card-visa {
    background-color: #777876;
  }
  
  .payment-card-detail .card-details.dabit-card {
    background-color: #86b8cf;
  }
  
  .payment-card-detail .card-details .card-number {
    margin-bottom: 10px;
  }
  
  .payment-card-detail .card-details .card-number h4 {
    color: #fff;
  }
  
  .payment-card-detail .card-details .valid-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .payment-card-detail .card-details .valid-detail .title {
    margin-bottom: 0;
  }
  
  .payment-card-detail .card-details .valid-detail .title span {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3;
  }
  
  .payment-card-detail .card-details .valid-detail .date h3 {
    margin-bottom: 0;
    color: #fff;
    margin-left: 15px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: normal;
  }
  
  [dir="rtl"] .payment-card-detail .card-details .valid-detail .date h3 {
    margin-left: 0;
    margin-right: 15px;
  }
  
  .payment-card-detail .card-details .valid-detail .primary {
    margin-left: auto;
  }
  
  [dir="rtl"] .payment-card-detail .card-details .valid-detail .primary {
    margin-left: 0;
    margin-right: auto;
  }
  
  .payment-card-detail .card-details .valid-detail .primary span {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    padding: 0;
    font-weight: 300;
    text-transform: capitalize;
  }
  
  .payment-card-detail .card-details .name-detail {
    margin-top: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .payment-card-detail .card-details .name-detail .name {
    width: 100%;
  }
  
  .payment-card-detail .card-details .name-detail .name h5 {
    text-transform: uppercase;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 0;
    color: #fff;
  }
  
  .payment-card-detail .card-details .name-detail .card-img {
    display: inline-block;
    margin-left: auto;
    text-align: right;
  }
  
  [dir="rtl"] .payment-card-detail .card-details .name-detail .card-img {
    text-align: left;
  }
  
  .payment-card-detail .edit-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(33, 37, 41, 0.8);
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  
  .payment-card-detail .edit-card a {
    padding: 0 10px;
    text-transform: capitalize;
    color: #fff;
  }
  
  
  .aboutcategry {
    width: 100%;
    background: #faf9f8;
    padding: 24px 0;
    margin: 16px 0;
  }
  
  .categryabout {
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    padding-right: 12px;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
  }
  
  /* Modern Scrollbar Styling - Webkit (Chrome, Safari, Edge) */
  .categryabout::-webkit-scrollbar {
    width: 6px;
  }
  
  .categryabout::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  .categryabout::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
  }
  
  .categryabout::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
  
  .categryabout p {
    font-size: 16px;
    line-height: 1.75;
    color: #222222;
    margin-bottom: 20px;
    font-weight: 400;
  }
  
  .categryabout p:last-child {
    margin-bottom: 0;
  }
  
  .categryabout p strong {
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.01em;
  }
  
  .categryabout p:first-child {
    margin-top: 0;
  }
  
  
  .edit-card-mobile {
    display: none;
  }
  
  
  /* ==========================================================================
     8.15 #SHOPPING CART PAGE
     ========================================================================== */
     .shopping-cart {
      padding: 90px 0px 160px 0px; }
    
    /* Title */
    .shopping-cart__title {
      font-size: 48px;
      text-align: center;
      padding: 0px 0px 80px 0px;
      margin: 0px; }
    
    /* Cart container */
    .shopping-cart__container {
      padding-right: 70px; }
    
    /* Table */
    .shopping-cart__table {
      width: 100%; }
      .shopping-cart__table tr {
        vertical-align: top; }
      .shopping-cart__table thead tr th {
        padding: 10px 15px 10px 15px;
        color: #999999;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
        .shopping-cart__table thead tr th:first-child {
          padding-left: 0px; }
        .shopping-cart__table thead tr th:last-child {
          padding-right: 5px; }
      .shopping-cart__table tbody tr td {
        border-top: 1px solid #dedede;
        padding: 20px 15px; }
        .shopping-cart__table tbody tr td:first-child {
          padding-left: 0px; }
        .shopping-cart__table tbody tr td:last-child {
          padding-right: 5px; }
    
    /* Cart product */
    .shopping-cart__product {
      display: flex; }
    
    /* Cart product image */
    .cart-product__image {
      width: 70px;
      min-width: 70px; }
      .cart-product__image a {
        display: block;
        position: relative;
        padding-bottom: 139.948%; }
       
    
    /* Title and variant */
    .cart-product__title-and-variant {
      padding-left: 20px;
      padding-top: 6px;
      min-width: 140px; }
    
    .cart-product__title {
      font-size: 16px;
      line-height: 1.3;
      margin-bottom: 0;
      letter-spacing: 0px;
      color: #000;
      font-weight: 300; }
      .cart-product__title a {
        color: #000;
        letter-spacing: 0.5px; }
        .cart-product__title a:hover {
          color: #928656; }
    
    .cart-product__variant {
      font-size: 14px;
      color: #999999;
      padding: 6px 0px 0px 0px; }
    
    .cart-product__action {
      padding: 11px 0px 0px 0px; }
      .cart-product__action a {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-decoration: underline; }
    
    /* Quantity */
    .cart-product__quantity-field {
      max-width: 80px;
      min-width: 70px;
      position: relative; }
    
    .quantity-field__minus {
      position: absolute;
      left: 5px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
      .quantity-field__minus a {
        display: block;
        padding: 5px; }
    
    .quantity-field__plus {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
      .quantity-field__plus a {
        display: block;
        padding: 5px; }
    
    .quantity-field__input {
      display: block;
      width: 100%;
      text-align: center;
      padding: 7px 15px;
      margin: 0px;
      border: 1px solid #d0d0d0;
      outline: none;
      height: 34px;
      font-size: 16px;
      line-height: 1.3;
      border-radius: 10px !important;
      color: #000; }
      .quantity-field__input:focus {
        border-color: #000; }
    
    /* Price */
    .cart-product__price {
      padding-top: 6px;
      font-size: 16px;
      line-height: 1.3;
      color: #000; }
    
    /* Delete */
    .cart-product__delete {
      padding-top: 1px; }
      .cart-product__delete a {
        font-size: 12px;
        color: #000;
        line-height: 1.3; }
    
    /* Discount form */
    .shopping-cart__discount {
      margin: 40px 0px 0px 0px;
      border: 1px solid #d0d0d0;
      padding: 24px 29px 29px 29px; }
      .shopping-cart__discount form {
        margin: 0px;
        padding: 0px;
        position: relative; }
    
    .discount__title {
      font-size: 20px;
      padding: 0px 0px 18px 0px;
      margin: 0px;
      letter-spacing: 0.5px; }
    
    .discount__icon {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
    
    .discount__input {
      display: block;
      width: 100%;
      background: none;
      border: 1px solid #d0d0d0;
      padding: 12px 100px 12px 50px;
      font-size: 14px;
      color: #000;
      outline: none; }
      .discount__input:focus {
        border-color: #000; }
      .discount__input::-webkit-input-placeholder {
        color: #999; }
      .discount__input::-moz-placeholder {
        color: #999; }
      .discount__input:-ms-input-placeholder {
        color: #999; }
      .discount__input:-moz-placeholder {
        color: #999; }
    
    .discount__submit {
      display: block;
      padding: 0px;
      margin: 0px;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      background: none;
      border: none;
      position: absolute;
      font-size: 14px;
      color: #000;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      outline: none; }
    
    /* Order summary */
    
    /* Order summary background */
    .order-summary__background {
      padding: 20px 15px;
      background: #f0f1f4;
      margin-bottom: 35px;
      position: relative; }
  
    
    /* Order summary title */
    .order-summary__title {
      font-size: 20px;
      padding: 0px;
      margin: 0px;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
        border-bottom: 1px solid #ddd;
        padding: 5px;
    
    
    
    }
    
    /* Order summary subtotal */
    .order-summary__subtotal {
      margin-top: 5px;
    
      display: flex; }
    
    .summary-subtotal__title {
      font-size: 16px; }
    
    .summary-subtotal__price {
      padding-left: 20px;
      margin-left: auto;
      font-size: 16px;
      color: #000; }
    
    /* Order summary delivery method */
    .order-summary__delivery-method {
      margin-top: 18px;
      position: relative; }
      .order-summary__delivery-method select {
        width: 100%;
        height: 50px;
        padding-left: 15px;
        padding-right: 45px;
        background-color: #fff;
        border: 1px solid #d0d0d0;
        font-size: 14px;
        color: #000;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: block;
        outline: none; }
      .order-summary__delivery-method:after {
        content: "";
        display: inline-block;
        font: normal normal normal 1em/1 "LineIconsPro Light";
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        font-size: 14px;
        position: absolute;
        top: 50%;
        right: 15px;
        color: #000;
        transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        pointer-events: none; }
    
    /* Order summary total */
    .order-summary__total {
      margin-top: 30px;
      border-top: 1px solid #d0d0d0;
      padding-top: 22px;
      display: flex; }
    
    .summary-total__title {
      font-size: 18px;
      color: #000;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
    
    .summary-total__price {
      padding-left: 20px;
      margin-left: auto;
      font-size: 20px;
      font-weight: 600;
      color: #000; }
    
    /* Proceed to checkout */
    .order-summary__proceed-to-checkout {
      padding-top: 17px; }
      .order-summary__proceed-to-checkout .second-button {
        display: block;
        width: 100%;
        text-align: center; }
    
    /* Accept payment methods */
    .order-summary__accept-payment-methods {
      border-top: 1px solid #d0d0d0;
      margin-top: 25px;
      padding-top: 22px; }
      .order-summary__accept-payment-methods img {
        max-width: 100%; }
    
    .accept-payment-methods__title {
      padding: 0px 0px 14px 0px;
      margin: 0px;
      font-size: 16px;
      color: #000;
      letter-spacing: 0.5px; }
    
    /* Order summary action */
    .order-summary__action {
      text-align: center; }
      .order-summary__action a {
        color: #000000;
        text-decoration: underline;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
  
        /* ==========================================================================
     8.3 #BLOG WITH SIDEBAR PAGE
     ========================================================================== */
  .blog-with-sidebar {
    padding: 0px 0px 150px 0px; }
  
  /* Container override for blog with sidebar */
  .blog-with-sidebar .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  
  .promo-article {
    position: relative; }
  
  .promo-article__image a {
    display: block; }
    .promo-article__image a img {
      display: block;
      width: 100%;
      height: 35vw;
      min-height: 400px;
      object-fit: cover; }
  
  .promo-article__details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px; }
  
  .promo-article__meta {
    list-style: none;
    padding: 0px 0px 20px 0px;
    margin: 0px; }
    .promo-article__meta li {
      display: inline-block;
      color: #fff;
      font-size: 14px; }
      .promo-article__meta li:first-child:before {
        display: none; }
      .promo-article__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .promo-article__meta li a {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .promo-article__title {
    line-height: 46px;
    font-size: 36px;
    padding: 0px;
    margin: 0px; }
    .promo-article__title a {
      color: #fff; }
  
  /* Newsletter */
  .blog-newsletter {
    padding: 100px 0px 90px 0px; }
  
  .blog-newsletter__title {
    padding: 0px;
    margin: 0px;
    font-size: 36px; }
  
  .blog-newsletter__form {
    position: relative; }
  
  .blog-newsletter__input {
    display: block;
    width: 100%;
    padding: 5px 0px;
    background: none;
    border: none;
    border-bottom: 1px solid #c1c5cd;
    outline: none; }
  
  .blog-newsletter__submit {
    display: block;
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #000; }
  
  /* Left column */
  .blog-with-sidebar__left {
    padding-top: 50px !important; }
    .blog-with-sidebar__left hr {
      margin-top: 55px;
      margin-bottom: 15px; }
  
  /* Article item */
  .blog-article-2 {
    padding-top: 55px; }
  
  .blog-article-2__image {
    padding-bottom: 10px; }
    .blog-article-2__image a {
      display: block; }
      .blog-article-2__image a img {
        display: block;
        width: 100%; }
  
  .blog-article-2__meta {
    list-style: none;
    padding: 15px 0px 0px 0px;
    margin: 0px; }
    .blog-article-2__meta li {
      display: inline-block;
      vertical-align: top;
      color: #999;
      font-size: 14px; }
      .blog-article-2__meta li:first-child:before {
        display: none; }
      .blog-article-2__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .blog-article-2__meta li a {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .blog-article-2__title {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-size: 24px;
    color: #000;
    line-height: 1.5; }
    .blog-article-2__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .blog-article-2__title a:hover {
        color: #928656; }
  
  .blog-article-2__description {
    padding: 15px 0px 0px 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 26px; }
  
  /* Blog articles type 2 */
  #main .blog__articles--type-2 {
    margin: 0px -35px; }
    #main .blog__articles--type-2 > div {
      padding: 0px 35px; }
    #main .blog__articles--type-2 .blog-article {
      margin-top: 55px;
      margin-bottom: 0px; }
  
  /* Blog article type 3 */
  .blog-article-3 {
    display: flex;
    padding-top: 55px; }
  
  .blog-article-3__image {
    width: 46.5%;
    min-width: 46.5%;
    margin-right: 50px; }
    .blog-article-3__image a {
      display: block; }
      .blog-article-3__image a img {
        display: block;
        width: 100%; }
  
  .blog-article-3__right {
    width: 100%; }
  
  .blog-article-3__meta {
    list-style: none;
    padding: 7px 0px 0px 0px;
    margin: 0px; }
    .blog-article-3__meta li {
      display: inline-block;
      vertical-align: top;
      color: #999;
      font-size: 14px; }
      .blog-article-3__meta li:first-child:before {
        display: none; }
      .blog-article-3__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .blog-article-3__meta li a {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .blog-article-3__title {
    padding: 5px 0px 10px 0px;
    margin: 0px;
    font-size: 24px;
    color: #000;
    line-height: 1.5; }
    .blog-article-3__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .blog-article-3__title a:hover {
        color: #928656; }
  
  /* Pagination */
  .standard-pagination {
    list-style: none;
    padding: 0px;
    margin: 60px 0px 20px 0px;
    display: flex;
    flex-wrap: wrap; }
    .standard-pagination li {
      padding: 10px 10px 0px 0px; }
      .standard-pagination li a {
        font-size: 14px;
        padding: 8px 15px;
        display: block;
        border: 1px solid #dfdfdf;
        border-radius: 50px;
        text-transform: uppercase;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
        .standard-pagination li a:hover, .standard-pagination li a.active {
          background: #93928c;
          border-color: #93928c;
          color: #fff; }
  
  /* Column right */
  .blog-with-sidebar__right {
    padding-left: 85px !important;
    padding-top: 38px !important; }
  
  /* Blog widget */
  .blog-widget {
    padding: 65px 0px 0px 0px; }
  
  .blog-widget__title {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px 0px 20px 0px;
    margin: 0px; }
  
  /* Blog widget - search */
  .blog-widget .blog__search {
    margin: 0px;
    padding: 0px;
    width: 100%; }
    .blog-widget .blog__search .blog-search__input {
      padding-left: 0px;
      padding-right: 30px; }
    .blog-widget .blog__search .blog-search__button {
      left: auto;
      right: 0; }
  
  /* Blog widget - socials */
  .blog-widget__socials {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: -5px 0px 0px 0px; }
    .blog-widget__socials li {
      margin: 10px 10px 0px 0px;
      padding: 0px; }
      .blog-widget__socials li a {
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid #cdcdcd;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        line-height: 38px;
        text-align: center;
        font-size: 18px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
        .blog-widget__socials li a:hover {
          background: #928656;
          border-color: #928656;
          color: #fff; }
  
  /* Blog widget - popular posts */
  .blog-widget__popular-posts {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .blog-widget__popular-posts li {
      border-top: 1px solid #cccccc;
      padding: 20px 0px; }
      .blog-widget__popular-posts li:first-child {
        padding-top: 10px;
        border-top: none; }
      .blog-widget__popular-posts li:last-child {
        padding-bottom: 10px; }
      .blog-widget__popular-posts li:nth-child(2) a:before {
        content: '2'; }
      .blog-widget__popular-posts li:nth-child(3) a:before {
        content: '3'; }
      .blog-widget__popular-posts li:nth-child(4) a:before {
        content: '4'; }
      .blog-widget__popular-posts li:nth-child(5) a:before {
        content: '5'; }
      .blog-widget__popular-posts li:nth-child(6) a:before {
        content: '6'; }
      .blog-widget__popular-posts li a {
        display: block;
        position: relative; }
        .blog-widget__popular-posts li a:before {
          content: '1';
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          height: 40px;
          border-right: 1px solid #ccc;
          line-height: 40px;
          text-align: left;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          font-size: 30px;
          color: #ccc;
          width: 32px; }
        .blog-widget__popular-posts li a:hover .popular-post__title {
          color: #928656; }
  
  .popular-post__category {
    padding: 0px 0px 0px 54px;
    margin: 0px;
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
  
  .popular-post__title {
    padding: 0px 0px 0px 54px;
    margin: 0px;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in; }
  
  /* Blog widget - instagram */
  @media (min-width: 992px) {
    .blog-widget .instagram_feed {
      flex-wrap: wrap;
      padding-top: 20px; }
      .blog-widget .instagram_feed li {
        width: 33.333%;
        min-width: 33.333%;
        padding-top: 10px; }
        .blog-widget .instagram_feed li a i {
          font-size: 24px; } }
  
  
  /* ==========================================================================
     8.2 #BLOG PAGE
     ========================================================================== */
  .blog {
    padding: 0px 0px 160px 0px; }
  
  /* Container override for blog */
  .blog .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  
  /* Title */
  .blog__title {
    padding: 90px 0px 30px 0px;
    max-width: 750px;
    margin: 0px auto;
    text-align: center;
    font-size: 48px; }
  
  /* Description */
  .blog__description {
    padding: 0px 0px 80px 0px;
    max-width: 750px;
    margin: 0px auto;
    text-align: center; }
  
  /* Featured articles */
  .blog__featured-articles {
    position: relative; }
    .blog__featured-articles .slick-dots {
      position: absolute;
      left: 50%;
      bottom: 65px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      max-width: 1370px;
      padding: 0px 100px;
      width: 100%;
      display: block;
      margin: 0px auto;
      text-align: right;
      list-style: none; }
      .blog__featured-articles .slick-dots li {
        display: inline-block;
        vertical-align: top;
        margin-left: 8px; }
        .blog__featured-articles .slick-dots li.slick-active button {
          border-color: #fff; }
        .blog__featured-articles .slick-dots li button {
          font-size: 0px;
          width: 23px;
          height: 23px;
          background: none;
          border: 1px solid transparent;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          position: relative;
          outline: none; }
          .blog__featured-articles .slick-dots li button:before {
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            background: #fff;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%); }
  
  .featured-article {
    position: relative;
    display: block !important; }
  
  .featured-article__image img {
    display: block;
    width: 100%;
    height: 670px;
    object-fit: cover; }
  
  .featured-article__details {
    position: absolute;
    left: 0;
    bottom: 60px;
    right: 0; }
  
  .featured-article__meta {
    max-width: 580px;
    list-style: none;
    padding: 0px 0px 20px 0px;
    margin: 0px; }
    .featured-article__meta li {
      display: inline-block;
      color: #fff;
      font-size: 14px; }
      .featured-article__meta li:first-child:before {
        display: none; }
      .featured-article__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .featured-article__meta li a {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .featured-article__title {
    max-width: 580px;
    line-height: 46px;
    font-size: 36px;
    padding: 0px;
    margin: 0px; }
    .featured-article__title a {
      color: #fff; }
  
  /* Latest articles */
  .blog__latest-articles {
    padding: 100px 0px 0px 0px; }
    .blog__latest-articles .slick-prev {
      position: absolute;
      top: -36px;
      right: 53px;
      background: none;
      border: none;
      padding: 0px;
      margin: 0px;
      font-size: 0px;
      outline: none; }
      .blog__latest-articles .slick-prev:hover:before {
        color: #000; }
      .blog__latest-articles .slick-prev:before {
        content: "\ecc1";
        display: inline-block;
        font: normal normal normal 1em/1 'LineIconsPro Light';
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        color: #ccc;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
    .blog__latest-articles .slick-next {
      position: absolute;
      top: -36px;
      right: 0px;
      background: none;
      border: none;
      padding: 0px;
      margin: 0px;
      font-size: 0px;
      outline: none; }
      .blog__latest-articles .slick-next:hover:before {
        color: #000; }
      .blog__latest-articles .slick-next:before {
        content: "\ecc3";
        display: inline-block;
        font: normal normal normal 1em/1 'LineIconsPro Light';
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        color: #ccc;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
    .blog__latest-articles .slick-dots {
      display: none; }
    .blog__latest-articles .slick-list {
      margin: 0px -30px; }
      .blog__latest-articles .slick-list .slick-slide {
        padding: 0px 30px; }
    .blog__latest-articles .our-journal__post {
      margin-top: 55px; }
  
  .latest-articles__title {
    padding: 0px;
    margin: 0px; }
  
  .latest-articles {
    padding-bottom: 90px; }
  
  /* Categories and search */
  .blog__categories-and-search {
    padding-top: 90px;
    display: flex;
    padding-bottom: 60px; }
  
  .blog__categories {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    flex-wrap: wrap; }
    .blog__categories li {
      padding-right: 35px; }
      .blog__categories li a {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap; }
        .blog__categories li a.active {
          color: #928656; }
  
  .blog__search {
    margin-left: auto;
    width: 270px;
    position: relative;
    margin-top: -7px;
    margin-bottom: auto; }
  
  .blog-search__input {
    display: block;
    width: 100%;
    padding: 10px 0px 10px 30px;
    border: none;
    background: none;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    color: #000;
    outline: none; }
    .blog-search__input::-webkit-input-placeholder {
      color: #999999; }
    .blog-search__input::-moz-placeholder {
      color: #999999; }
    .blog-search__input:-ms-input-placeholder {
      color: #999999; }
    .blog-search__input:-moz-placeholder {
      color: #999999; }
  
  .blog-search__button {
    display: block;
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
  
  /* Blog articles */
  .blog__articles {
    margin: 0px -24px; }
    .blog__articles > div {
      padding: 0px 24px; }
  
  /* Blog article */
  .blog-article {
    margin-bottom: 55px; }
  
  .blog-article__image {
    margin: 0px 0px 10px 0px; }
    .blog-article__image a {
      display: block; }
      .blog-article__image a img {
        display: block;
        width: 100%; }
  
  .blog-article__meta {
    list-style: none;
    padding: 15px 0px 0px 0px;
    margin: 0px; }
    .blog-article__meta li {
      display: inline-block;
      vertical-align: top;
      color: #999;
      font-size: 14px; }
      .blog-article__meta li:first-child:before {
        display: none; }
      .blog-article__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .blog-article__meta li a {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .blog-article__title {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-size: 24px;
    color: #000;
    line-height: 1.5; }
    .blog-article__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .blog-article__title a:hover {
        color: #928656; }
  
  /* Load more */
  .blog__load-more {
    padding-top: 80px;
    text-align: center; }
    .blog__load-more .sixth-button {
      padding: 12px 65px; }

          /* Cookie Banner - Minimal Design with White Tones */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    z-index: 9999;
    font-size: 14px;
    line-height: 1.5;
}

.cookie-banner__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 20px;
}

.cookie-banner__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cookie-banner__body {
    flex: 1;
}

.cookie-banner__title {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin: 0 0 4px 0;
}

.cookie-banner__description {
    color: #9ca3af;
    margin: 0;
}

.cookie-banner__policy-link {
    margin-top: 8px;
}

.cookie-banner__policy-link a {
    color: #3b82f6;
    text-decoration: none;
    font-size: 13px;
}

.cookie-banner__policy-link a:hover {
    text-decoration: underline;
}

.cookie-banner__actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0;
}

.cookie-banner__btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s;
}

.cookie-banner__btn--primary {
    background: #3b82f6;
    color: #ffffff;
}

.cookie-banner__btn--primary:hover {
    background: #2563eb;
}

.cookie-banner__btn--secondary {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.cookie-banner__btn--secondary:hover {
    background: #f1f5f9;
}

.cookie-banner__btn--outline {
    background: #ffffff;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.cookie-banner__btn--outline:hover {
    background: #f8fafc;
    border-color: #94a3b8;
}

/* Cookie Settings Modal - Minimal */
.cookie-settings-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cookie-settings-modal--visible {
    display: flex;
}

.cookie-settings-modal__content {
    background: #fefefe;
    border-radius: 8px;
    max-width: 500px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
}

.cookie-settings-modal__header {
    padding: 20px 24px 16px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cookie-settings-modal__title {
    font-size: 18px;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

.cookie-settings-modal__close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    font-size: 18px;
}

.cookie-settings-modal__close:hover {
    background: #f8fafc;
}

.cookie-settings-modal__body {
    padding: 20px 24px;
}

.cookie-settings-modal__body .cookie-banner__description {
    margin-bottom: 20px;
}

.cookie-category {
    border: 1px solid #f1f5f9;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 12px;
    background: #ffffff;
}

.cookie-category__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.cookie-category__name {
    font-weight: 600;
    color: #374151;
    margin: 0;
    font-size: 14px;
}

.cookie-category__toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

.cookie-category__toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-category__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d1d5db;
    transition: 0.2s;
    border-radius: 20px;
}

.cookie-category__slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background: #ffffff;
    transition: 0.2s;
    border-radius: 50%;
}

.cookie-category__toggle input:checked + .cookie-category__slider {
    background: #3b82f6;
}

.cookie-category__toggle input:checked + .cookie-category__slider:before {
    transform: translateX(20px);
}

.cookie-category__description {
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.cookie-category__required {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    margin-left: 8px;
}

.cookie-category__required--required {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.cookie-category__required--optional {
    background: #f0f9ff;
    color: #1e40af;
    border: 1px solid #bae6fd;
}

.cookie-settings-modal__footer {
    padding: 16px 24px 20px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

/* Responsive Design */

.account-page * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .account-page {
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 20px;
  }
  
  .account-page .account-container {
    max-width: 1320px;
    width: 100%;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
    margin-top: 50px;
  }
  
  /* Sol menü stilleri - style2.css ile uyumlu */
  .account-page .sidebar {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e9ecef;
    height: fit-content;
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow: hidden;
  }
  
  .account-page .sidebar h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f3f4;
    text-align: center;
  }
  
  .account-page .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .account-page .sidebar ul::-webkit-scrollbar {
    display: none;
  }
  
  .account-page .sidebar li {
    margin-bottom: 2px;
    border-radius: 8px;
    transition: all 0.2s ease;
    overflow: hidden;
  }
  
  .account-page .sidebar li:hover {
    background: #f8f9fa;
    transform: translateX(2px);
  }
  
  .account-page .sidebar li.active {
    background: #3498db;
    box-shadow: 0 2px 6px rgba(52, 152, 219, 0.2);
  }
  
  .account-page .sidebar li a {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    text-decoration: none;
    color: #6c757d;
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    position: relative;
  }
  
  .account-page .sidebar li.active a {
    color: #ffffff;
  }
  
  .account-page .sidebar li:hover a {
    color: #3498db;
  }
  
  .account-page .sidebar li.active:hover a {
    color: #ffffff;
  }
  
  .account-page .sidebar li img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    filter: grayscale(100%);
    transition: all 0.2s ease;
  }
  
  .account-page .sidebar li.active img {
    filter: brightness(0) invert(1);
  }
  
  .account-page .sidebar li:hover img {
    filter: grayscale(0%);
  }
  
  .account-page .sidebar li.active:hover img {
    filter: brightness(0) invert(1);
  }
  
  .account-page .sidebar li:last-child {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f1f3f4;
  }
  
  .account-page .sidebar li:last-child a {
    color: #e74c3c;
  }
  
  .account-page .sidebar li:last-child:hover {
    background: #fdf2f2;
  }
  
  .account-page .sidebar li:last-child:hover a {
    color: #c0392b;
  }
  
  .account-page .sidebar li:last-child img {
    filter: grayscale(0%);
  }
  
  .account-page .content-section {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  }
  
  .account-page h1, .account-page h2 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #1a1a1a;
    position: relative;
  }
  
  .account-page h2::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #1a1a1a;
  }
  
  .account-page .content {
    display: none;
  }
  
  .account-page .content.active {
    display: block;
  }
  
  .account-page .overview-section .user-info {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
  }
  
  .account-page .overview-section .user-info p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
  }
  
  .account-page .overview-section .user-info p.email {
    font-size: 14px;
    color: #666;
  }
  
  .account-page .overview-section .overview-cards {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
  }
  
  .account-page .overview-section .overview-card {
    flex: 1;
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }
  
  .account-page .overview-section .overview-card h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  
  .account-page .overview-section .overview-card p {
    font-size: 24px;
    font-weight: 300;
    color: #2d2d2d;
    margin: 0;
  }
  
  .account-page .overview-section .notification {
    background: #fff3cd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #856404;
  }
  
  .account-page .overview-section .recent-order {
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
  }
  
  .account-page .overview-section .recent-order p {
    margin: 0;
    font-size: 14px;
  }
  
  .account-page .form-group {
    margin-bottom: 20px;
  }
  
  .account-page label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
  }
  
  .account-page input, .account-page select, .account-page textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s;
  }
  
  .account-page input:focus, .account-page select:focus, .account-page textarea:focus {
    outline: none;
    border-color: #2d2d2d;
  }
  
  .account-page .error-message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px;
    background: #ffe6e6;
    border-radius: 5px;
    display: none;
  }
  
  .account-page .save-btn {
    width: 100%;
    padding: 12px;
    background: #2d2d2d;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  .account-page .save-btn:hover {
    background: #555;
  }
  
  .account-page .orders-filter {
    margin-bottom: 20px;
  }
  
  .account-page .orders-filter select {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
  }
  
  .account-page .orders-table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .account-page .orders-table th, .account-page .orders-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
  }
  
  .account-page .orders-table th {
    background: #e9ecef;
    font-weight: 600;
  }
  
  .account-page .orders-table td {
    background: #fafafa;
  }
  
  .account-page .orders-table .view-details {
    padding: 8px 12px;
    background: #2d2d2d;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .account-page .orders-table .view-details:hover {
    background: #555;
  }
  
  .account-page .order-details-section .order-summary {
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
  }
  
  .account-page .order-details-section .order-summary p {
    margin: 5px 0;
    font-size: 14px;
  }
  
  .account-page .order-details-section .order-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  
  .account-page .order-details-section .order-item img {
    width: 60px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
  }
  
  .account-page .order-details-section .order-item-details {
    flex-grow: 1;
    font-size: 14px;
    color: #333;
  }
  
  .account-page .order-details-section .order-item-details p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
  }
  
  .account-page .order-details-section .order-item-details p.small {
    font-size: 14px;
    color: #666;
  }
  
  .account-page .order-details-section .order-item-price {
    font-weight: 600;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  
  .account-page .order-details-section .order-item-price .old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
  }
  
  .account-page .order-details-section .order-item-price .new-price {
    color: #e74c3c;
  }
  
  .account-page .order-details-section .delivery-info, .account-page .order-details-section .payment-info {
    margin-top: 20px;
    padding: 15px;
    background: #e9ecef;
    border-radius: 8px;
  }
  
  .account-page .order-details-section .delivery-info p, .account-page .order-details-section .payment-info p {
    margin: 5px 0;
    font-size: 14px;
  }
  
  .account-page .order-details-section .summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin: 8px 0;
    font-weight: 500;
  }
  
  .account-page .order-details-section .summary-row.discount {
    color: #e74c3c;
  }
  
  .account-page .order-details-section .summary-row.total {
    font-weight: 300;
    font-size: 18px;
    margin-top: 15px;
  }
  
  .account-page .address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  
  .account-page .add-address-btn {
    padding: 8px 12px;
    background: #2d2d2d;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s;
  }
  
  .account-page .add-address-btn img {
    width: 16px;
    height: 16px;
  }
  
  .account-page .add-address-btn:hover {
    background: #555;
  }
  
  .account-page .address-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  
  .account-page .address-item {
    flex: 1 1 calc(50% - 15px);
    padding: 15px;
    font-size: 14px;
    transition: all 0.3s;
  }
  
  .account-page .address-item.default {
    border-color: #2d2d2d;
    background: #f0f0f0;
    font-weight: 500;
  }
  
  
  
  .account-page .address-item .title {
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
  }
  
  .account-page .address-item .actions {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .account-page .address-item .actions button {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
  }
  
  .account-page .address-item .actions .edit-btn {
    background: #2d2d2d;
    color: #ffffff !important;
  }
  
  .account-page .address-item .actions .delete-btn {
    background: #e74c3c;
    color: #ffffff !important;
  }
  
  .account-page .address-item .actions .default-btn {
    background: #28a745;
    color: #ffffff !important;
  }
  
  .account-page .modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    z-index: 9999;
  }
  
  .account-page .modal-header {
    border-bottom: 1px solid #ddd;
  }
  
  
  /* Modal arka plan katmanı */
  .account-page .modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px; /* mobilde taşmayı engeller */
    overflow-y: auto;
  }
  
  /* Genel form elemanları */
  .account-page .modal-body form {
    width: 100%;
  }
  
  .account-page .modal-body .form-group {
    margin-bottom: 5px;
  }
  
  .account-page .modal-body label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
    color: #333;
  }
  
  .account-page .modal-body input[type="text"],
  .account-page .modal-body input[type="email"],
  .account-page .modal-body input[type="number"],
  .account-page .modal-body input[type="tel"],
  .account-page .modal-body select,
  .account-page .modal-body textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    transition: border-color 0.3s ease;
  }
  
  .account-page .modal-body input:focus,
  .account-page .modal-body select:focus,
  .account-page .modal-body textarea:focus {
    border-color: #007bff;
    outline: none;
  }
  
  /* Radio butonlar */
  .account-page .modal-body .customRadio {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  .account-page .modal-body .customRadio input[type="radio"] {
    margin-right: 5px;
  }
  
  /* Hata mesajları */
  .account-page .modal-body .invalid-feedback,
  .account-page .modal-body .text-danger {
    font-size: 13px;
    color: #dc3545;
    margin-top: 5px;
  }
  
  /* Responsive grid uyumu */
  .account-page .modal-body .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  
  .account-page .modal-body .col-12,
  .account-page .modal-body .col-sm-12,
  .account-page .modal-body .col-md-6,
  .account-page .modal-body .col-lg-6,
  .account-page .modal-body .col-xl-12 {
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
  }
  
  @media (min-width: 576px) {
    .account-page .modal-body .col-md-6,
    .account-page .modal-body .col-lg-6 {
      width: 50%;
    }
  }
  
  /* Telefon alanı için özel input-group düzeni */
  .account-page .modal-body .input-group {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  .account-page .modal-body .input-group .form-select {
    flex: 0 0 30%;
    min-width: 80px;
  }
  
  .account-page .modal-body .input-group input {
    flex: 1;
  }
  
  .account-page .modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
  }
  
  .account-page .modal-body {
    padding: 20px;
  }
  
  
  /* Modal Footer Düzeni */
  .account-page .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
    flex-wrap: wrap;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }
  
  /* Ortak Buton Temeli */
  .account-page .modal-footer .btn {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    min-width: 120px;
    transition: background-color 0.25s ease, color 0.25s ease;
  }
  
  /* Vazgeç Butonu (İkincil) */
  .account-page .modal-footer .btn-secondary {
    background-color: #e0e0e0;
    color: #333;
    border: none;
  }
  
  .account-page .modal-footer .btn-secondary:hover {
    background-color: #cfcfcf;
    color: #000;
  }
  
  /* Kaydet Butonu (Birincil) */
  .account-page .modal-footer .btn-primary {
    background-color: #007bff;
    border: none;
    color: #fff;
  }
  
  .account-page .modal-footer .btn-primary:hover {
    background-color: #0056b3;
    color: #fff;
  }
  
  /* Mobil Görünüm */
  
  
  .account-page .modal-footer {
    border-top: 1px solid #ddd;
    padding-top: 15px;
  }
  
  .account-page .modal-footer .btn-secondary {
    background: #e9ecef;
    color: #333;
    border: none;
  }
  
  .account-page .modal-footer .btn-primary {
    background: #2d2d2d;
    color: #ffffff !important;
    border: none;
  }
  
  .account-page .logout-btn {
    width: 100%;
    padding: 12px;
    background: #e74c3c;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  .account-page .logout-btn:hover {
    background: #c0392b;
  }
  

/* Sepet çıkarma butonu stilleri */
.js-cart-item-remove {
  background: #6b7280 !important;
  color: white !important;
  border: none !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 1 !important;
}

.js-cart-item-remove:hover {
  background: #4b5563 !important;
  transform: scale(1.05) !important;
}

.js-cart-item-remove i {
  font-size: 8px !important;
  line-height: 1 !important;
}

/* ===== PRODUCT THUMBNAIL GALLERY STYLES ===== */
/* Kategori sayfası ürün kartlarında thumbnail galeri stilleri */
.product-thumbnail-gallery {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    display: flex;
    gap: 6px;
    justify-content: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    background: transparent;
}

.product-card-wrapper:hover .product-thumbnail-gallery {
    opacity: 1;
    visibility: visible;
}

.product-thumbnail-item {
    width: 35px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    position: relative;
  
}

.product-thumbnail-item img {
border-radius: 8px !important;
  
  
}

.product-thumbnail-item:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 25px rgba(220, 38, 38, 0.25);
}

.product-thumbnail-item.active {

    box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);
    transform: translateY(-1px);
}

.product-thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px !important;
}

/* Mobile responsive */


/* PHPFlasher Styles - Modern Tasarım */
.fl-main-container {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 9999;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    max-width: 420px;
    width: 100%;
}

.fl-flasher {
    margin-bottom: 0;
    pointer-events: auto;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #28a745;
    min-width: 320px;
    max-width: 420px;
    width: 100%;
    opacity: 0;
    transform: translateX(120%) scale(0.95);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
}

.fl-flasher::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.fl-flasher.fl-show {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.fl-flasher.fl-show::before {
    opacity: 1;
}

.fl-flasher.fl-success {
    border-left-color: #10b981;
    background: #ffffff;
}

.fl-flasher.fl-error {
    border-left-color: #ef4444;
    background: #ffffff;
}

.fl-flasher.fl-warning {
    border-left-color: #f59e0b;
    background: #ffffff;
}

.fl-flasher.fl-info {
    border-left-color: #3b82f6;
    background: #ffffff;
}

.fl-content {
    display: flex;
    align-items: flex-start;
    padding: 18px 20px;
    gap: 14px;
    position: relative;
    z-index: 1;
}

.fl-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
}

.fl-flasher.fl-success .fl-icon {
    background-color: #10b981;
}

.fl-flasher.fl-error .fl-icon {
    background-color: #ef4444;
}

.fl-flasher.fl-warning .fl-icon {
    background-color: #f59e0b;
}

.fl-flasher.fl-info .fl-icon {
    background-color: #3b82f6;
}

.fl-title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #111827;
    margin-bottom: 6px;
    line-height: 1.4;
}

.fl-message {
    display: block;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.fl-progress {
    height: 100%;
    background-color: #10b981;
    transition: width 0.1s linear;
    border-radius: 0 0 12px 12px;
}

.fl-flasher.fl-success .fl-progress {
    background-color: #10b981;
}

.fl-flasher.fl-error .fl-progress {
    background-color: #ef4444;
}

.fl-flasher.fl-warning .fl-progress {
    background-color: #f59e0b;
}

.fl-flasher.fl-info .fl-progress {
    background-color: #3b82f6;
}

/* Responsive - Mobil Optimizasyonu */
@media (max-width: 768px) {
    .fl-main-container {
        top: 16px;
        right: 16px;
        left: 16px;
        max-width: none;
        width: auto;
        align-items: stretch;
    }
    
    .fl-flasher {
        min-width: auto;
        max-width: none;
        width: 100%;
        border-radius: 10px;
        transform: translateY(-20px) scale(0.95);
    }
    
    .fl-flasher.fl-show {
        transform: translateY(0) scale(1);
    }
    
    .fl-content {
        padding: 16px 18px;
        gap: 12px;
    }
    
    .fl-icon {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }
    
    .fl-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .fl-message {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .fl-main-container {
        top: 12px;
        right: 12px;
        left: 12px;
    }
    
    .fl-flasher {
        border-radius: 8px;
    }
    
    .fl-content {
        padding: 14px 16px;
        gap: 10px;
    }
    
    .fl-icon {
        width: 20px;
        height: 20px;
    }
    
    .fl-title {
        font-size: 13px;
    }
    
    .fl-message {
        font-size: 12px;
    }
}

/* Modal Gallery System - Gelişmiş Modern Tasarım */
.uomo-simple-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.uomo-modal-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.uomo-modal-content {
    position: relative;
    width: 100%;
    max-width: 1720px;
    height: 100%;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    animation: modalSlideUp 0.4s ease;
}

@keyframes modalSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Üst Bar */
.uomo-modal-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 12px 12px 0 0;
    z-index: 10;
}

.uomo-modal-counter {
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.uomo-modal-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.uomo-modal-actions button {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 16px;
}

.uomo-modal-actions button:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
}

.uomo-modal-close:hover {
    background: rgba(220, 38, 38, 0.9);
    border-color: rgba(220, 38, 38, 1);
}

/* Ana Resim Container */
.uomo-modal-image-container {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    margin: 0;
}

.uomo-modal-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.3s ease;
    user-select: none;
}

.uomo-modal-image[style*="scale(2)"] {
    cursor: zoom-out;
}

/* Zoom Hint */
.uomo-modal-zoom-hint {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 5;
}

.uomo-modal-zoom-hint i {
    font-size: 16px;
}

/* Navigasyon Okları */
.uomo-modal-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 20px;
    z-index: 10;
}

.uomo-modal-nav-btn:hover {
    background: rgba(0, 88, 80, 0.9);
    border-color: rgba(0, 88, 80, 1);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 20px rgba(0, 88, 80, 0.4);
}

.uomo-modal-prev {
    left: 20px;
}

.uomo-modal-next {
    right: 20px;
}

/* Thumbnail Bar */
.uomo-modal-thumbnails-container {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    padding: 15px;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.uomo-modal-thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.uomo-modal-thumbnails::-webkit-scrollbar {
    height: 6px;
}

.uomo-modal-thumbnails::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.uomo-modal-thumbnails::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.uomo-modal-thumbnails::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

.uomo-modal-thumbnail {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.uomo-modal-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.uomo-modal-thumbnail:hover img {
    transform: scale(1.1);
}

.uomo-modal-thumbnail.active {
    border-color: #005850;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.3);
}

.uomo-modal-thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.uomo-modal-thumbnail.active::after {
    opacity: 0;
}

.uomo-modal-thumbnail:not(.active)::after {
    opacity: 0.5;
}

.uomo-modal-thumbnail:hover::after {
    opacity: 0;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .uomo-modal-topbar {
        padding: 10px;
    }
    
    .uomo-modal-counter {
        font-size: 14px;
    }
    
    .uomo-modal-actions button {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .uomo-modal-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .uomo-modal-prev {
        left: 10px;
    }
    
    .uomo-modal-next {
        right: 10px;
    }
    
    .uomo-modal-thumbnail {
        width: 60px;
        height: 60px;
    }
    
    .uomo-modal-zoom-hint {
        font-size: 12px;
        padding: 8px 16px;
    }
    
    .uomo-modal-thumbnails-container {
        padding: 10px;
    }
}

/* Tam ekran modu için ayarlamalar */
.uomo-simple-gallery-modal:-webkit-full-screen {
    background: #000;
}

.uomo-simple-gallery-modal:-moz-full-screen {
    background: #000;
}

.uomo-simple-gallery-modal:fullscreen {
    background: #000;
}

/* Thumbnail Görünürlük Override - Güçlü */
.uomo-unique-gallery-container .uomo-thumbs-swiper,
.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-wrapper,
.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-slide,
.product-page-thumbnail-swiper,
.product-page-thumbnail-swiper .swiper-wrapper,
.product-page-thumbnail-swiper .swiper-slide,
.product-page-gallery-thumbs,
.product-page-gallery-thumb {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-wrapper {
    display: flex !important;
}

.product-page-gallery-thumbs {
    display: flex !important;
}

/* ===== CROSS-BROWSER BOX-SIZING FIX ===== */
/* Safari ve Firefox uyumluluğu için universal box-sizing */
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Cross-browser width calculation fix */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Safari ve Firefox için width hesaplama düzeltmesi */
.container, .container-fluid, .minimal-container, .awp-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;

}

/* ===== BOOTSTRAP CONTAINER CONFLICT FIX ===== */
/* Bootstrap'in container stillerinin temamızı bozmasını engelle */

/* Tema container stillerini koru - Bootstrap override'larını engelle */
.awp-container,
.minimal-container,
.bank-accounts-container,
.modern-product-container,
.product-gallery-container,
.uomo-unique-gallery-container {
    max-width: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    width: inherit !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

/* Bootstrap container sınıflarını tema container'larından izole et */
.awp-container .container,
.minimal-container .container,
.bank-accounts-container .container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Bootstrap grid sistemini tema container'larından izole et */
.awp-container .row,
.minimal-container .row,
.bank-accounts-container .row {
    margin: 0 !important;
    padding: 0 !important;
}

.awp-container .col,
.minimal-container .col,
.bank-accounts-container .col {
    padding: 0 !important;
}

/* Bootstrap utility sınıflarını tema container'larından izole et */
.awp-container .d-flex,
.minimal-container .d-flex,
.bank-accounts-container .d-flex {
    display: flex !important;
}

.awp-container .justify-content-center,
.minimal-container .justify-content-center,
.bank-accounts-container .justify-content-center {
    justify-content: center !important;
}

/* Bootstrap icon'ları için özel koruma */
.bi {
    font-family: "bootstrap-icons" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Bootstrap icon'larının tema container'larını etkilememesini sağla */
.bi::before {
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

 

/* ===== PRODUCT GALLERY TOOLTIP STYLES ===== */
.uomo-color-tooltip,
.product-page-color-tooltip {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.uomo-gallery-image-container:hover .uomo-color-tooltip,
.product-page-gallery-main:hover .product-page-color-tooltip {
    opacity: 1;
}

/* Thumbnail tooltip styles */
.thumbnail-slide:hover .uomo-color-tooltip,
.product-page-gallery-thumb:hover .product-page-color-tooltip {
    opacity: 1;
}

/* Tooltip arrow */
.uomo-color-tooltip::after,
.product-page-color-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8);
}

/* Checkout Login Options Styles */
.checkout-login-options {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.checkout-login-header h3 {
    color: #333;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.checkout-login-header p {
    color: #666;
    margin-bottom: 1.5rem;
}

.checkout-login-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.checkout-login-btn,
.checkout-guest-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 44px;
}

.checkout-login-btn {
    background: #667eea;
    color: white;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.checkout-login-btn:hover {
    background: #5a67d8;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
    color: white;
    text-decoration: none;
}

.checkout-guest-btn {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.checkout-guest-btn:hover {
    background: #e5e7eb;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Guest Checkout Form Styles */
.guest-checkout-form {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.guest-form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.guest-form-title {
    color: #333;
    margin: 0;
    font-weight: 600;
}

.guest-form-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.guest-form-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.guest-form-note {
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.guest-form-note p {
    margin: 0;
    color: #1565c0;
    font-size: 0.9rem;
}

.guest-form-section {
    margin-bottom: 2rem;
}

.guest-form-section h4 {
    color: #333;
    margin-bottom: 1rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.guest-form-section .form-group {
    margin-bottom: 1rem;
}

.guest-form-section .form-label {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.guest-form-section .form-control {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 0.75rem;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.guest-form-section .form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    outline: none;
}

.guest-form-section .form-check {
    margin-bottom: 1rem;
}

.guest-form-section .form-check-input {
    margin-right: 0.5rem;
}

.guest-form-section .form-check-label {
    font-size: 0.9rem;
    color: #374151;
}

.guest-form-section .form-check-label a {
    color: #667eea;
    text-decoration: none;
}

.guest-form-section .form-check-label a:hover {
    text-decoration: underline;
}

/* Responsive adjustments */

/* ===========================================
   MODERN TAKIM İÇERİĞİ CARD LAYOUT
   =========================================== */

/* Team Content Header */
.team-content-header {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.5rem 0;
}

.team-content-header h3 {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.75rem;
    font-family: 'Nunito', sans-serif;
}

.team-content-header p {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* Team Products Grid */
.team-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Team Product Card */
.team-product-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    transition: border-color 0.2s ease;
}

.team-product-card:focus-within {
    border-color: #3b82f6;
}

/* Team Product Header */
.team-product-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.team-product-info {
    flex: 1;
}

.team-product-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.4;
    font-family: 'Nunito', sans-serif;
}

.team-product-include {
    flex-shrink: 0;
}

/* Custom Checkbox */
.team-include-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.team-include-checkbox input[type="checkbox"] {
    display: none;
}

.checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    transition: all 0.2s ease;
}

.team-include-checkbox input[type="checkbox"]:checked + .checkmark {
    background: #3b82f6;
    border-color: #3b82f6;
}

.team-include-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.include-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

/* Team Product Prices */
.team-product-prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.team-price-item {
    text-align: center;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
}

.team-price-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.team-price-value {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #059669;
    font-family: 'Nunito', sans-serif;
}

/* Team Product Controls */
.team-product-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: center;
}

.team-quantity-control {
    text-align: center;
}

.team-quantity-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.team-qty-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    max-width: 120px;
    margin: 0 auto;
}

.team-qty-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    transition: all 0.2s ease;
}

.team-qty-btn:active {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.team-qty-input {
    width: 50px;
    height: 32px;
    text-align: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
}

.team-qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.team-total-price {
    text-align: center;
}

.team-total-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.team-total-value {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #059669;
    font-family: 'Nunito', sans-serif;
}

/* Team Summary */
.team-summary {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.team-summary-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-summary-info h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.25rem 0;
    font-family: 'Nunito', sans-serif;
}

.team-summary-info p {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}

.team-summary-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #059669;
    font-family: 'Nunito', sans-serif;
}

/* Team Actions */
.team-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.team-actions .team-quantity-selector {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.75rem 1rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    min-width: 200px !important;
}

.team-actions .team-quantity-selector .team-quantity-label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    white-space: nowrap !important;
    font-family: 'Nunito', sans-serif !important;
    margin: 0 !important;
}

.team-actions .team-quantity-selector .team-qty-selector {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 0.25rem !important;
    min-width: 120px !important;
}

.team-actions .team-quantity-selector .team-qty-btn {
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.team-actions .team-quantity-selector .team-qty-btn:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

.team-actions .team-quantity-selector .team-qty-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.95) !important;
}

.team-actions .team-quantity-selector .team-qty-input {
    width: 50px !important;
    height: 32px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    color: #374151 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.team-actions .team-quantity-selector .team-qty-input:focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.team-action-buttons {
    display: flex;
    gap: 1rem;
}

.team-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Nunito', sans-serif;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
    text-decoration: none;
    min-width: 140px;
}

.team-btn-primary {
    background: #3b82f6;
    color: #ffffff;
}

.team-btn-primary:active {
    background: #2563eb;
}

.team-btn-secondary {
    background: #6b7280;
    color: #ffffff;
}

.team-btn-secondary:active {
    background: #4b5563;
}

/* ===========================================
   RESPONSIVE DESIGN
   =========================================== */



/* ===========================================
   TAKIM ADEDİ SEÇİCİ ÖZEL OVERRIDE
   =========================================== */

/* Takım adedi seçici için özel stiller */
.team-content-section .team-actions .team-quantity-selector {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.75rem 1rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    min-width: 200px !important;
    box-sizing: border-box !important;
}

.team-content-section .team-actions .team-quantity-selector .team-quantity-label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    white-space: nowrap !important;
    font-family: 'Nunito', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-selector {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    background: #f8f9fa !important;
    border: 3px solid #dee2e6 !important;
    border-radius: 25px !important;
    padding: 4px !important;
    min-width: 160px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    overflow: visible !important;
    height: 48px !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn {
    width: 40px !important;
    height: 40px !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #6c757d !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    user-select: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    transform: none !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input {
    width: 80px !important;
    height: 40px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 2px solid #6c757d !important;
    border-radius: 8px !important;
    color: #000000 !important;
    margin: 0 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    outline: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    position: relative !important;
    z-index: 10 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input::-webkit-outer-spin-button,
.team-content-section .team-actions .team-quantity-selector .team-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input:focus {
    outline: none !important;
    background: transparent !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector:focus-within {
    border-color: #d1d5db !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

/* Ek görünürlük için */
.team-content-section .team-actions .team-quantity-selector .team-qty-selector * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn::before {
    content: attr(data-symbol) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:first-child::before {
    content: "−" !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:last-child::before {
    content: "+" !important;
}

/* Mobil responsive override */

/* =========================================================
   GENEL MİKTAR SEÇİCİ HOVER EFEKTLERİ
   Tüm miktar seçiciler için ortak hover efektleri
   ========================================================= */

/* Sepet sayfası miktar seçici hover efektleri */
.mxw-quantity-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.mxw-quantity-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.mxw-quantity-input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Ürün detay sayfası miktar seçici hover efektleri */
.pdp-qty button:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.pdp-qty button:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.pdp-qty input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Child products list miktar seçici hover efektleri */
.quantity-controls .quantity-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.quantity-controls .quantity-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.quantity-controls .quantity-input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Grouped product selector miktar seçici hover efektleri */
.team-content-section .team-actions .team-quantity-selector .team-qty-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Yeni Ürün Kartı Düzeni - Fiyat Yukarı, Ürün Adı Aşağı */
.new-variant-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Fiyat Grubu - En üstte */
.new-price-group {
    order: 1;
    margin-bottom: 0;
}

.new-price-with-discount {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.price-values {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.favorite-btn-price {
    margin-left: auto;
    cursor: pointer !important;
}

.price-separator {
    color: #999;
    font-weight: 400;
    margin: 0 2px;
}

/* Ürün Adı Wrapper - Fiyatın altında */
.new-product-title-wrapper {
    order: 2;
    margin-bottom: 6px;
}

.new-product-title {
    font-size: 1.1rem; /* Masaüstü için büyütüldü (0.9rem'den 1.1rem'e) */
    font-weight: 400;
    color: #333;
    margin: 0;
    line-height: 1.3;
    word-break: break-word;
}

.new-product-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
    cursor: pointer;
}

.new-product-title a:hover {
    color: #3b82f6;
}

/* Rozetler - Ürün adının altında */
.new-badge-images {
    order: 3;
    margin-bottom: 6px;
}

/* Varyant Renk Göstergeleri - En altta */
.variant-colors-wrapper {
    order: 4;
    margin-bottom: 0;
}

.variant-colors {
    display: flex;
    gap: 6px;
    align-items: center;
}

.color-swatch {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.color-swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.color-swatch.active {
    border-color: #333;
    box-shadow: 0 0 0 1px #333, 0 2px 6px rgba(0, 0, 0, 0.3);
}


/* Fiyat Stilleri */
.new-new-price {
    font-size: 1rem;
    font-weight: 600;
    color: #dc2626;
    line-height: 1.2;
}

.new-old-price {
    font-size: 0.85rem;
    color: #666;
    text-decoration: line-through;
    line-height: 1.2;
    font-weight: 500;
}


/* Favori Butonu - Fiyat satırının sağında */
.favorite-btn-price {
    background: none;
    border: none;
    color: #ccc;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.2s ease;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite-btn-price:hover {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.1);
}

.favorite-btn-price.active {
    color: #dc2626;
}

.favorite-btn-price.active:hover {
    color: #b91c1c;
}

/* New Badge Images Container - Benzersiz sınıf */
.new-badge-images {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* New Badge Images - Product Collection Badge */
.new-badge-images .product_collection_badge {
    display: inline-block;
    margin: 0;
    position: relative;
}

.new-badge-images .product_collection_badge .product-badge {
    width: auto;
    height: 24px;
    max-width: 120px;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


/* New Badge Images - Image badge specific styling */
.new-badge-images .product_collection_badge.image-badge {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.new-badge-images .product_collection_badge.image-badge .product-badge {
    height: 28px !important;
    max-width: 140px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* New Badge Images - Text badge styling */
.new-badge-images .product_collection_badge.product-badge_text {
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    width: fit-content !important;
    max-width: 120px !important;
}

/* İndirim Türü Göstergesi */
.discount-type-indicator {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 8px;
    padding: 6px 8px;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    z-index: 10;
    border: 1px solid rgba(255, 255, 255, 0.8);
    min-width: 60px;
}

.discount-type-indicator .discount-amount {
    font-size: 0.8rem;
    font-weight: 700;
    color: #dc2626;
    display: block;
    line-height: 1.1;
    margin-bottom: 1px;
}

.discount-type-indicator .discount-type-label {
    font-size: 0.65rem;
    color: white;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Gruplu Ürün Fiyat Etiketi */
.grouped-product-price-label {
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 2px;
    font-weight: 500;
}

/* Responsive Düzenlemeler */



/* Video Badge Styles - Beyaz-siyah renk şeması */
.product-video-badge {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    background: white !important;
    color: #333 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    z-index: 1005 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 35px !important;
    max-width: 60px !important;
    border: 1px solid #e0e0e0 !important;
}

.product-video-badge:hover {
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    background: #f8f9fa !important;
}

.product-video-badge i {
    color: #333 !important;
    font-size: 0.5rem !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Video Badge Responsive */

/* Video Modal Styles - KALDIRILDI */
/* Video rozeti artık sadece görsel, modal açılmıyor */

/* ===== STOKTA OLMAYAN VARYANTLAR - BENZERSİZ VE SPESİFİK STİLLER ===== */
/* Tüm görüntüleme türleri için ortak özellikler */
.product-variant-selector .out-of-stock,
#variant-selector .out-of-stock,
.pdp-section .out-of-stock {
    position: relative !important;
    cursor: not-allowed !important;
}

/* ===== TEXT VARYANTLARI (pdp-chip) - Kırmızı X çizgisi ===== */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip,
#variant-selector .pdp-chips .out-of-stock.pdp-chip,
.pdp-section .pdp-chips .out-of-stock.pdp-chip,
.pdp-chip.out-of-stock,
/* Seçili durumda da out-of-stock stili korunmalı */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.active,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.active,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.active,
.pdp-chip.out-of-stock.active,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"],
#variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"],
.pdp-section .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"],
.pdp-chip.out-of-stock[aria-checked="true"],
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"],
#variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"],
.pdp-section .pdp-chips .out-of-stock.pdp-chip[data-active="true"],
.pdp-chip.out-of-stock[data-active="true"] {
    position: relative !important;
    background-color: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* / çizgisi için ::after kullanıyoruz - has-tip olmayan durumlar için */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip:not(.has-tip)::after,
.pdp-chip.out-of-stock:not(.has-tip)::after,
/* Seçili durumda da / çizgisi korunmalı - has-tip olmayan */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.active:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.active:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.active:not(.has-tip)::after,
.pdp-chip.out-of-stock.active:not(.has-tip)::after,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:not(.has-tip)::after,
.pdp-chip.out-of-stock[aria-checked="true"]:not(.has-tip)::after,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:not(.has-tip)::after,
.pdp-chip.out-of-stock[data-active="true"]:not(.has-tip)::after,
button.pdp-chip.out-of-stock:not(.has-tip)::after,
button.pdp-chip.out-of-stock.active:not(.has-tip)::after,
button.pdp-chip.out-of-stock[aria-checked="true"]:not(.has-tip)::after,
button.pdp-chip.out-of-stock[data-active="true"]:not(.has-tip)::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    color: #999 !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

/* / çizgisi için ::after - has-tip olan durumlar için (tooltip override) */
.pdp-chip.has-tip.out-of-stock::after,
.pdp-chip.has-tip.out-of-stock.active::after,
.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
.pdp-chip.has-tip.out-of-stock[data-active="true"]::after,
button.pdp-chip.has-tip.out-of-stock::after,
button.pdp-chip.has-tip.out-of-stock.active::after,
button.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
button.pdp-chip.has-tip.out-of-stock[data-active="true"]::after,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.has-tip::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.has-tip::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.has-tip::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    color: #999 !important;
    z-index: 10000 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    bottom: auto !important;
}

/* Text varyantlarında zil ikonu yok - ::before artık / çizgisi için kullanılıyor */

/* ===== COLOR SWATCHES (pdp-swatch) - Beyaz slash + beyaz zil ===== */
.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch,
.pdp-swatch.out-of-stock,
/* Seçili durumda da out-of-stock stili korunmalı */
.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch.active,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch.active,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch.active,
.pdp-swatch.out-of-stock.active,
.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch[aria-checked="true"],
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch[aria-checked="true"],
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch[aria-checked="true"],
.pdp-swatch.out-of-stock[aria-checked="true"] {
    position: relative !important;
    opacity: 1 !important;
    border: 2px solid #dc2626 !important;
    box-shadow: 0 0 0 1px #dc2626 !important;
    transform: none !important;
}

.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch::after,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch::after,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch::after,
.pdp-swatch.out-of-stock::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.1em !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch::before,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch::before,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch::before,
.pdp-swatch.out-of-stock::before {
    content: '\f0f3' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    font-size: 0.5em !important;
    color: #ffffff !important;
    z-index: 11 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* ===== IMAGE VARYANTLARI (pdp-iv) - Gri slash + gri zil ===== */
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv,
.pdp-iv.out-of-stock,
/* Seçili durumda da out-of-stock stili korunmalı */
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv.active,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv.active,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv.active,
.pdp-iv.out-of-stock.active,
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv[aria-checked="true"],
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv[aria-checked="true"],
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv[aria-checked="true"],
.pdp-iv.out-of-stock[aria-checked="true"] {
    position: relative !important;
    opacity: 1 !important;
    border-color: #dc2626 !important;
    border-width: 2px !important;
    transform: none !important;
    outline-offset: 0 !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv .ph,
.pdp-iv.out-of-stock .ph {
    position: relative !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph::after,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph::after,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv .ph::after,
.pdp-iv.out-of-stock .ph::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.2em !important;
    font-weight: 300 !important;
    color: #999 !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

/* Image varyantlarında zil ikonu yok - sadece slash */
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv::before,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv::before,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv::before,
.pdp-iv.out-of-stock::before {
    display: none !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .label,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .label,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv .label,
.pdp-iv.out-of-stock .label {
    color: #999 !important;
}

/* ===== OUT-OF-STOCK HOVER EFEKTLERİ - İYİLEŞTİRİLMİŞ ===== */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip:hover,
.pdp-chip.out-of-stock:hover,
/* Seçili durumda hover */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.active:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.active:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.active:hover,
.pdp-chip.out-of-stock.active:hover,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:hover,
.pdp-chip.out-of-stock[aria-checked="true"]:hover,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:hover,
.pdp-chip.out-of-stock[data-active="true"]:hover,
button.pdp-chip.out-of-stock:hover,
button.pdp-chip.out-of-stock.active:hover,
button.pdp-chip.out-of-stock[aria-checked="true"]:hover,
button.pdp-chip.out-of-stock[data-active="true"]:hover {
    background-color: #f0f0f0 !important;
    border-color: #d5d5d5 !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch:hover,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch:hover,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch:hover,
.pdp-swatch.out-of-stock:hover {
    opacity: 1 !important;
    box-shadow: 0 0 0 2px #dc2626, 0 0 0 4px rgba(220, 38, 38, 0.2) !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv:hover,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv:hover,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv:hover,
.pdp-iv.out-of-stock:hover {
    opacity: 1 !important;
    border-color: #dc2626 !important;
}

/* ===== OUT-OF-STOCK TRANSITION ANİMASYONLARI ===== */
.product-variant-selector .out-of-stock,
#variant-selector .out-of-stock,
.pdp-section .out-of-stock,
.product-variant-selector .out-of-stock .ph,
#variant-selector .out-of-stock .ph,
.pdp-section .out-of-stock .ph,
.product-variant-selector .out-of-stock .ph::after,
#variant-selector .out-of-stock .ph::after,
.pdp-section .out-of-stock .ph::after,
.product-variant-selector .pdp-iv.out-of-stock,
#variant-selector .pdp-iv.out-of-stock,
.pdp-section .pdp-iv.out-of-stock,
.product-variant-selector .pdp-iv.out-of-stock::before,
#variant-selector .pdp-iv.out-of-stock::before,
.pdp-section .pdp-iv.out-of-stock::before,
.product-variant-selector .pdp-swatch.out-of-stock,
#variant-selector .pdp-swatch.out-of-stock,
.pdp-section .pdp-swatch.out-of-stock,
.product-variant-selector .pdp-swatch.out-of-stock::before,
#variant-selector .pdp-swatch.out-of-stock::before,
.pdp-section .pdp-swatch.out-of-stock::before,
.product-variant-selector .pdp-swatch.out-of-stock::after,
#variant-selector .pdp-swatch.out-of-stock::after,
.pdp-section .pdp-swatch.out-of-stock::after,
.product-variant-selector .pdp-chip.out-of-stock,
#variant-selector .pdp-chip.out-of-stock,
.pdp-section .pdp-chip.out-of-stock,
.product-variant-selector .pdp-chip.out-of-stock::before,
#variant-selector .pdp-chip.out-of-stock::before,
.pdp-section .pdp-chip.out-of-stock::before,
.product-variant-selector .pdp-chip.out-of-stock::after,
#variant-selector .pdp-chip.out-of-stock::after,
.pdp-section .pdp-chip.out-of-stock::after {
    transition: all 0.2s ease !important;
}

/* Disabled butonlar için stil */
.pdp-btn.disabled,
.pdp-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #9ca3af !important;
    color: #6b7280 !important;
    pointer-events: none !important;
}

.pdp-btn--primary.disabled,
.pdp-btn--primary:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #9ca3af !important;
    color: #6b7280 !important;
    pointer-events: none !important;
}


/* Banka Hesapları Sayfası - Sade Tasarım */
.bankapage-container {
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.bankapage-content {
    background: #ffffff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.bankapage-header {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
}

.bankapage-title {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.bankapage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.bankapage-card {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 20px;
}

.bankapage-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
}

.bankapage-logo {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.bankapage-bank-name {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.bankapage-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bankapage-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.bankapage-label {
    font-size: 14px;
    color: #6b7280;
    font-weight: 500;
}

.bankapage-value {
    font-size: 14px;
    color: #1f2937;
    font-weight: 600;
    text-align: right;
}

.bankapage-iban-row {
    position: relative;
    padding-right: 35px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 10px;
}

.bankapage-iban {
    font-family: monospace;
    letter-spacing: 1px;
}

.bankapage-copy-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #3b82f6;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.bankapage-copy-btn:hover {
    background: #2563eb;
}

.bankapage-info {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 15px;
}

.bankapage-info i {
    color: #3b82f6;
    font-size: 18px;
}

.bankapage-info p {
    margin: 0;
    color: #1e40af;
    font-size: 14px;
    line-height: 1.5;
}

/* Responsive */

/* ===== COMPACT SLIDER STYLES ===== */
.google-reviews-compact-slider {
    position: relative;
    padding: 20px 10px;
}

.google-reviews-compact-swiper {
    padding: 0 35px;
}

.google-review-card-compact {
    background: white;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.google-review-card-compact:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.compact-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.compact-avatar {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    overflow: hidden;
    flex-shrink: 0;
}

.compact-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.compact-info {
    flex: 1;
    min-width: 0;
}

.compact-author {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compact-rating {
    display: flex;
    gap: 2px;
    font-size: 11px;
    color: #fbbf24;
}

.google-mini-badge {
    font-size: 14px;
    color: #4285f4;
}

.compact-content {
    flex: 1;
    margin-bottom: 10px;
}

.compact-text {
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.compact-footer {
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
}

.compact-footer small {
    font-size: 11px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 5px;
}

.compact-nav-btn {
    width: 30px;
    height: 30px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 12px;
    transition: all 0.3s ease;
}

.compact-nav-btn:hover {
    background: #222;
    color: white;
    border-color: #222;
}

.compact-pagination {
    margin-top: 15px;
}

.compact-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ddd;
    opacity: 1;
}

.compact-pagination .swiper-pagination-bullet-active {
    background: #4285f4;
    width: 20px;
    border-radius: 3px;
}

/* ===== TESTIMONIAL SLIDER STYLES ===== */
.google-reviews-testimonial-slider {
    position: relative;
    padding: 30px 10px;
}

.google-reviews-testimonial-swiper {
    padding: 10px 50px 30px;
}

.testimonial-card {
    background: white;
    border-radius: 16px;
    padding: 25px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.testimonial-quote-icon {
    position: absolute;
    top: 16px;
    left: 20px;
    font-size: 32px;
    color: #e5e7eb;
    opacity: 0.4;
}

.testimonial-quote-icon i {
    display: block;
}

.testimonial-content {
    flex: 1;
    margin-bottom: 20px;
    padding-top: 10px;
}

.testimonial-text {
    font-size: 14px;
    line-height: 1.7;
    color: #374151;
    margin: 0;
    font-style: italic;
}

.testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f3f4f6;
    padding-top: 16px;
}

.testimonial-author-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

.testimonial-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    overflow: hidden;
    border: 2px solid #f3f4f6 !important;
    flex-shrink: 0;
}

.testimonial-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.testimonial-author-info {
    flex: 1;
}

.testimonial-author-name {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 5px 0;
}

.testimonial-rating {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    color: #fbbf24;
    margin-bottom: 3px;
}

.testimonial-rating-number {
    font-size: 13px;
    color: #6b7280;
    margin-left: 5px;
    font-weight: 600;
}

.testimonial-date {
    color: #9ca3af;
    font-size: 12px;
}

.testimonial-google-badge {
    font-size: 20px;
    color: #4285f4;
    flex-shrink: 0;
}

.testimonial-nav-btn {
    width: 45px;
    height: 45px;
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    font-size: 16px;
    transition: all 0.3s ease;
}

.testimonial-nav-btn:hover {
    background: #4285f4;
    color: white;
    border-color: #4285f4;
}

.testimonial-pagination {
    margin-top: 20px;
}

.testimonial-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d1d5db;
    opacity: 1;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    background: #4285f4;
    width: 30px;
    border-radius: 5px;
}

/* ===== MINIMAL SLIDER STYLES ===== */
.google-reviews-minimal-slider {
    position: relative;
    padding: 20px 10px;
}

.google-reviews-minimal-swiper {
    padding: 0 40px 10px;
}

.minimal-review-card {
    background: white;
    border-radius: 12px;
    padding: 24px 22px;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
    height: 100%;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.minimal-review-card:hover {
    border-color: #4285f4;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.12);
    transform: translateY(-2px);
}

.minimal-border-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #4285f4;
    border-radius: 12px 0 0 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.minimal-review-card:hover .minimal-border-accent {
    opacity: 1;
}

.minimal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.minimal-rating {
    display: flex;
    gap: 4px;
    font-size: 15px;
    color: #fbbf24;
}

.minimal-rating i {
    line-height: 1;
}

.minimal-google-icon {
    font-size: 20px;
    color: #4285f4;
    line-height: 1;
}

.minimal-content {
    flex: 1;
    margin-bottom: 18px;
    overflow: hidden;
}

.minimal-text {
    font-size: 14px;
    line-height: 1.65;
    color: #4b5563;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.minimal-footer {
    border-top: 1px solid #f0f0f0;
    padding-top: 14px;
    margin-top: auto;
    flex-shrink: 0;
}

.minimal-author-section {
    display: flex;
    align-items: center;
    gap: 11px;
}

.minimal-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0;
    border: 2px solid #f3f4f6 !important;
}

.minimal-author-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.minimal-author-name {
    font-size: 14px;
    color: #111827;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.minimal-date {
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.3;
}

.minimal-nav-btn {
    width: 38px;
    height: 38px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.minimal-nav-btn:hover {
    background: #4285f4;
    color: white;
    border-color: #4285f4;
    box-shadow: 0 4px 8px rgba(66, 133, 244, 0.2);
}

.minimal-pagination {
    margin-top: 20px;
}

.minimal-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d1d5db;
    opacity: 1;
    transition: all 0.3s ease;
}

.minimal-pagination .swiper-pagination-bullet-active {
    background: #4285f4;
    width: 24px;
    border-radius: 4px;
}

/* ===== THEME STYLES FOR NEW SLIDERS ===== */

/* Classic Theme - Compact Slider */
.google-reviews-compact-slider.classic-theme .google-review-card-compact {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.google-reviews-compact-slider.classic-theme .compact-rating i {
    color: #f59e0b;
}

.google-reviews-compact-slider.classic-theme .compact-nav-btn {
    background: #f3f4f6;
    border-color: #d1d5db;
}

.google-reviews-compact-slider.classic-theme .compact-nav-btn:hover {
    background: #6b7280;
    color: white;
}

/* Classic Theme - Testimonial Slider */
.google-reviews-testimonial-slider.classic-theme .testimonial-card {
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.google-reviews-testimonial-slider.classic-theme .testimonial-rating i {
    color: #f59e0b;
}

.google-reviews-testimonial-slider.classic-theme .testimonial-quote-icon {
    color: #d1d5db;
}

/* Classic Theme - Minimal Slider */
.google-reviews-minimal-slider.classic-theme .minimal-review-card {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.google-reviews-minimal-slider.classic-theme .minimal-review-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.google-reviews-minimal-slider.classic-theme .minimal-rating i {
    color: #f59e0b;
}

.google-reviews-minimal-slider.classic-theme .minimal-google-icon {
    color: #ea580c;
}

.google-reviews-minimal-slider.classic-theme .minimal-border-accent {
    background: #f59e0b;
    border-radius: 10px 0 0 10px;
}

.google-reviews-minimal-slider.classic-theme .minimal-nav-btn:hover {
    background: #f59e0b;
    border-color: #f59e0b;
}

/* Minimal Theme - Compact Slider */
.google-reviews-compact-slider.minimal-theme .google-review-card-compact {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
    background: #fafafa;
}

.google-reviews-compact-slider.minimal-theme .google-review-card-compact:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.google-reviews-compact-slider.minimal-theme .compact-rating i {
    color: #000;
}

.google-reviews-compact-slider.minimal-theme .google-mini-badge {
    display: none;
}

/* Minimal Theme - Testimonial Slider */
.google-reviews-testimonial-slider.minimal-theme .testimonial-card {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e5e7eb;
    border-left: 3px solid #000;
    background: #fafafa;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-quote-icon {
    display: none;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-rating i {
    color: #000;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-text {
    font-style: normal;
}

/* Minimal Theme - Minimal Slider */
.google-reviews-minimal-slider.minimal-theme .minimal-review-card {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #d1d5db;
    background: #f9fafb;
}

.google-reviews-minimal-slider.minimal-theme .minimal-review-card:hover {
    border-color: #9ca3af;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.google-reviews-minimal-slider.minimal-theme .minimal-rating i {
    color: #111827;
}

.google-reviews-minimal-slider.minimal-theme .minimal-google-icon {
    display: none;
}

.google-reviews-minimal-slider.minimal-theme .minimal-border-accent {
    background: #111827;
    border-radius: 4px 0 0 4px;
}

.google-reviews-minimal-slider.minimal-theme .minimal-footer {
    border-top-color: #e5e7eb;
}

/* ===== RESPONSIVE STYLES FOR NEW SLIDERS ===== */


/* ========================================
   ÜRÜN DETAY SAYFASı - MOBİL THUMBNAIL GİZLEME VE BOŞLUKLARI AZALTMA
   ======================================== */


/* ===== TEAM CONTENT TAB - TWO COLUMN LAYOUT ===== */

/* Ana Layout - İki Kolon */
.team-content-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    margin-top: 20px;
}

/* Sol Kolon - Ürün Listesi */
.team-products-column {
    overflow-y: auto;
    max-height: 650px;
    padding-right: 10px;
}

.team-products-column::-webkit-scrollbar {
    width: 6px;
}

.team-products-column::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.team-products-column::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.team-products-column::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Ürün Kartları - Grid Layout */
.team-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

/* Eski team-product-card - sadece geriye dönük uyumluluk için */
.team-product-card:not(.productdetail-team-card) {
    display: flex;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 14px;
    transition: all 0.3s ease;
    align-items: stretch;
}

.team-product-card:not(.productdetail-team-card):hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.team-product-image {
    flex: 0 0 120px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}

.team-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-product-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

/* Takım içeriği tab'ı için özel kart stili - çakışmaları önlemek için spesifik selector */
.team-products-grid .productdetail-team-card,
#tab-team-content .productdetail-team-card {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    gap: 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    min-height: 100%;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 16px !important;
    background: #ffffff !important;
    align-items: stretch !important;
}

.team-products-grid .productdetail-team-card:hover,
#tab-team-content .productdetail-team-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    border-color: #d1d5db !important;
}

.productdetail-team-card__media {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #f9fafb;
    width: 100%;
}

.productdetail-team-card__image {
    width: 100%;
    height: 200px;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.productdetail-team-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
    background: #ffffff;
    padding: 8px;
}

.productdetail-team-card:hover .productdetail-team-card__image img {
    transform: scale(1.03);
}

.productdetail-team-card__dimensions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    font-size: 13px;
    color: #374151;
    margin-top: 0;
}

.productdetail-team-card__dimensions span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.productdetail-team-card__dimensions strong {
    color: #6b7280;
    font-weight: 600;
    margin-right: 2px;
}

.productdetail-team-card__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    flex: 1;
}

.productdetail-team-card__title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.productdetail-team-card__name {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.4;
    word-wrap: break-word;
}


.productdetail-team-card__prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.productdetail-team-card__price-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.productdetail-team-card__price-label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.productdetail-team-card__price-value {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

.productdetail-team-card__controls {
    margin-top: auto;
    padding-top: 8px;
}

.productdetail-team-card__quantity {
    display: flex;
    justify-content: center;
}

.productdetail-team-card__qty-selector {
    width: 100%;
    max-width: 140px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
}

.productdetail-team-card__qty-input {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    height: 36px;
    flex: 1;
    text-align: center;
    border: none;
    background: transparent;
    padding: 0;
}

.productdetail-team-card__qty-btn {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 1;
    border: none;
    background: #f3f4f6;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    border-radius: 0;
}

.productdetail-team-card__qty-btn:hover {
    background: #111827 !important;
    color: #fff !important;
}

.productdetail-team-card__qty-selector {
    height: 36px;
    display: flex;
    align-items: center;
}

.productdetail-team-card__price-value--credit {
    color: #1f2937;
}




.team-product-name {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    margin: 0;
    line-height: 1.3;
    min-height: 33px;
}

.team-product-dimensions {
    display: flex;
    gap: 8px;
    font-size: 11px;
    color: #222;
    flex-wrap: wrap;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
}

.team-product-dimensions span {
    display: inline-block;
    font-weight: 600;
}

.team-product-dimensions strong {
    color: #666;
    font-weight: 700;
}

.team-product-prices {
    margin: 6px 0;
    display: flex;
    gap: 12px;
}

.team-price-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.team-price-label {
    font-size: 9px;
    color: #666;
    font-weight: 500;
}

.team-price-value {
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.team-price-credit {
    color: #dc3545;
}

.team-product-controls {
    margin-top: auto;
    padding-top: 6px;
}

.team-qty-selector {
    display: flex;
    align-items: center;
    gap: 0;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 6px;
    padding: 2px;
    width: 100%;
    justify-content: center;
}

.team-qty-btn,
.team-qty-btn-tab,
.team-tab-increase-btn,
.team-tab-decrease-btn {
    width: 30px !important;
    height: 28px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    user-select: none !important;
}

.team-qty-btn:hover,
.team-qty-btn-tab:hover,
.team-tab-increase-btn:hover,
.team-tab-decrease-btn:hover {
    background: #f3f4f6 !important;
    color: #222 !important;
}

.team-qty-btn:active,
.team-qty-btn-tab:active,
.team-tab-increase-btn:active,
.team-tab-decrease-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.95);
}

.team-qty-btn:disabled,
.team-qty-btn-tab:disabled,
.team-tab-increase-btn:disabled,
.team-tab-decrease-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    background: transparent !important;
}

.team-qty-input {
    flex: 1;
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    background: transparent;
    border: none;
    color: #374151;
    outline: none;
    max-width: 50px;
    pointer-events: none;
    user-select: none;
}

/* Sağ Kolon - Takım Özeti (Sticky) */
.team-summary-column {
    position: relative;
}

.team-summary-sticky {
    position: sticky;
    top: 20px;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.team-summary-header {
    background: #f8f9fa;
    margin: -16px -16px 0 -16px;
    padding: 12px 16px;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 10px 10px 0 0;
}

.team-summary-header h4 {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin: 0 0 8px 0;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-summary-image {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.team-summary-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-summary-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.team-summary-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
}

.team-summary-item-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.team-summary-item-name {
    font-size: 11px;
    color: #222;
    font-weight: 500;
    line-height: 1.3;
}

.team-summary-item-qty {
    font-size: 10px;
    color: #666;
}

.team-summary-item-price {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    white-space: nowrap;
}

.team-summary-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-top: 4px;
}

.team-summary-total-label {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-summary-total-price {
    font-size: 18px;
    font-weight: 800;
    color: #222;
}

.team-summary-actions {
    margin-top: auto;
}

.team-btn {
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-btn svg {
    width: 18px;
    height: 18px;
}

.team-btn-primary {
    background: #222;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.team-btn-primary:hover {
    background: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

.team-btn-block {
    width: 100%;
}

/* Responsive - Mobil */



/* Tab içeriği için üst boşluk ayarı */
.team-content-section {
    margin-top: 0;
    padding-top: 0;
}

/* Takım başlığı kaldırıldı, boşluk azalt */
#tab-team-content .container {
    padding-top: 10px;
}

/* -------------------------------------------------------------------------- */
/* Homepage Category Slider (kategori_slider_with_image)                      */
/* -------------------------------------------------------------------------- */
.homepagecategory {
    padding: 40px 0;
    background-color: #f5f6f8;
}

.homepagecategory__container {
}

.homepagecategory__header {
    margin-bottom: 24px;
}

.homepagecategory__title {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 6px;
}

.homepagecategory__subtitle {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.homepagecategory__list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.homepagecategory-card {
    display: grid;
    grid-template-columns: minmax(240px, 320px) 1fr;
    gap: 24px;
    align-items: stretch;
}

.homepagecategory-card__content {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.homepagecategory-card__media {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
}

.homepagecategory-card__media-link {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background-color: transparent;
    width: 100%;
}

.homepagecategory-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepagecategory-card__image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    font-size: 2rem;
    color: #9ca3af;
}


.homepagecategory-card__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}

.homepagecategory-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.homepagecategory-card__title-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.homepagecategory-card__title {
    font-size: 1.35rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}

.homepagecategory-card__description {
    font-size: 0.95rem;
    color: #4b5563;
    margin: 0;
}

.homepagecategory-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
}

.homepagecategory-card__cta:hover {
    background-color: #111827;
    color: #ffffff !important;
}

.homepagecategory-card__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.homepagecategory-card__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.homepagecategory-card__toolbar-title {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.homepagecategory-card__controls {
    display: flex;
    gap: 8px;
}

.homepagecategory-card__control {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.homepagecategory-card__control:hover {
    background-color: #111827;
    color: #ffffff;
}

.homepagecategory-card__control[disabled],
.homepagecategory-card__control--disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.homepagecategory-card__products {
    overflow: hidden;
}

.homepagecategory-card__track {
    display: flex;
    gap: 10px;
    transition: transform 0.25s ease;
}

.homepagecategory-card__product {
    flex: 0 0 calc(33.333% - 8px);
}

.homepagecategory-card__empty {
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    text-align: center;
    padding: 18px;
    font-size: 0.95rem;
    color: #6b7280;
}



/* -------------------------------------------------------------------------- */
/* Tabbed Homepage Category Layout                                            */
/* -------------------------------------------------------------------------- */
.homepagecategory--tabs {
    background-color: #ffffff;
    padding: 48px 0;
}

.homepagecategory--tabs .homepagecategory-card {
    grid-template-columns: 1fr;
}

.homepagecategory--tabs .homepagecategory-card__content {
    border: none;
    background-color: transparent;
    padding: 0;
}

.homepagecategory-tabs {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

.homepagecategory-tabs__nav {
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
}

.homepagecategory-tabs__item {
    margin: 0;
    padding: 0;
}

.homepagecategory-tabs__nav-link {
    border: none;
    background: none;
    padding: 8px 0;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.homepagecategory-tabs__nav-link.is-active {
    color: #2563eb;
    border-color: #2563eb;
}

.homepagecategory-tabs__nav-link:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.homepagecategory-tabs__panes {
    position: relative;
}

.homepagecategory-tabs__pane {
    display: none;
}

.homepagecategory-tabs__pane.is-active {
    display: block;
}

.homepagecategory-card--tabs .homepagecategory-card__body {
    margin-top: 12px;
}

.homepagecategory-card--tabs .homepagecategory-card__toolbar-title {
    color: #111827;
}

.homepagecategory--tabs .homepagecategory-card__cta {
    border-color: #d1d5db;
}

.homepagecategory--tabs .homepagecategory-card__cta:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

.homepagecategory--tabs .homepagecategory-card__products {
    margin-top: 8px;
}

.homepagecategory--tabs .homepagecategory-card__product {
    flex: 0 0 calc(33.333% - 8px);
}

.homepagecategory__empty-state {
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #6b7280;
    background-color: #f9fafb;
}



/* -------------------------------------------------------------------------- */
/* Homepage Category Banner Slider                                            */
/* -------------------------------------------------------------------------- */
.homepage-category-banner-slider {
    padding: 40px 0;
    background-color: #ffffff;
}

.homepage-category-banner-slider__header {
    margin-bottom: 24px;
}

.homepage-category-banner-slider__title {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
}

.homepage-category-banner-slider__subtitle {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.homepage-category-banner-slider__swiper {
    padding-bottom: 36px;
}

.homepage-category-banner-slider__item {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background-color: #0f172a;
    min-height: 340px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.homepage-category-banner-slider__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.2);
}

.homepage-category-banner-slider__image-wrapper,
.homepage-category-banner-slider__image-link,
.homepage-category-banner-slider__image-holder {
    display: block;
    height: 100%;
}

.homepage-category-banner-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.homepage-category-banner-slider__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 35%, rgba(15, 23, 42, 0.88) 100%);
    display: flex;
    align-items: flex-end;
    padding: 24px 24px 28px;
}

.homepage-category-banner-slider__overlay-content {
    color: #ffffff;
    text-align: left;
    width: 100%;
}

.homepage-category-banner-slider__item-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
        color: #ffffff;
}

.homepage-category-banner-slider__item-subtitle {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.homepage-category-banner-slider__button {
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    color: #111827;
}

.homepage-category-banner-slider__button:hover {
    color: #ffffff;
    background-color: #111827;
}

.homepage-category-banner-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    background-color: rgba(255, 255, 255, 0.95);
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.homepage-category-banner-slider__nav:hover {
    background-color: #111827;
    color: #ffffff;
}

.homepage-category-banner-slider__nav--prev {
    left: 10px;
}

.homepage-category-banner-slider__nav--next {
    right: 10px;
}

.homepage-category-banner-slider__pagination .swiper-pagination-bullet {
    background-color: #d1d5db;
    opacity: 1;
}

.homepage-category-banner-slider__pagination .swiper-pagination-bullet-active {
    background-color: #111827;
}



.mobilemenu-bottom {
    position: relative;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid #e6e6e6;
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 0px);
    z-index: 10;
    margin-top: auto;
    width: 100%;
}

.mobilemenu-bottom__wrapper {
    padding: 20px 16px;
    background-color: #ffffff;
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.header-mobile__navigation .mobilemenu-bottom .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
}

.mobilemenu-bottom__account-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background-color: #f1f2f4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 18px;
}

.mobilemenu-bottom__account-link {
    display: inline-flex;
    align-items: center;
    color: #111111;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mobilemenu-bottom__account-link:hover {
    color: #000000;
}

.mobilemenu-bottom__account-link--primary {
    padding: 6px 12px;
    background-color: #0f172a;
    border-radius: 999px;
    color: #ffffff;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mobilemenu-bottom__account-link--primary:hover {
    background-color: #111827;
    color: #ffffff;
}

.mobilemenu-bottom__account {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
}

.mobilemenu-bottom__account-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.mobilemenu-bottom__account-text {
    font-size: 0.8125rem;
    color: #4b5563;
    line-height: 1.4;
    word-wrap: break-word;
}

.mobilemenu-bottom__divider {
    height: 1px;
    width: 100%;
    background-color: #e5e7eb;
    margin: 4px 0;
    border: none;
}

.mobilemenu-bottom__contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.mobilemenu-bottom__contact-title {
    font-size: 0.75rem;
    font-weight: 600;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}

.mobilemenu-bottom__contact-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.mobilemenu-bottom__contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.875rem;
    color: #252b37;
    line-height: 1.5;
    padding: 4px 0;
}

.mobilemenu-bottom__contact-item i {
    width: 20px;
    min-width: 20px;
    font-size: 0.9375rem;
    color: #111111;
    text-align: center;
    flex-shrink: 0;
}

.mobilemenu-bottom__contact-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mobilemenu-bottom__contact-link:hover {
    color: #000000;
}

.mobilemenu-bottom__social {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
}

.mobilemenu-bottom__social-title {
    font-size: 0.75rem;
    font-weight: 500;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}

.mobilemenu-bottom__social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.mobilemenu-bottom__social-link {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1.5px solid #e5e7eb;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 1.125rem;
}

.mobilemenu-bottom__social-link:hover {
    background-color: #f9fafb;
    border-color: #d1d5db;
    color: #000000;
    transform: translateY(-1px);
}

.mobilemenu-bottom__account-links {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: #4b5563;
}

.mobilemenu-bottom__account-separator {
    color: #cbd5f5;
}


/* ===========================================
   WhatsApp Butonları Stilleri - Modern Tasarım
   =========================================== */
.pdp-whatsapp-buttons {
    margin-top: 20px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.pdp-btn--whatsapp-order,
.pdp-btn--whatsapp-info {
    flex: 1;
    min-width: 160px;
    padding: 14px 24px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    cursor: pointer !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
}

.pdp-btn--whatsapp-order {
    background: linear-gradient(135deg, #25D366 0%, #20BA5A 50%, #1DA851 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.35);
    border-color: rgba(255, 255, 255, 0.4);
}

.pdp-btn--whatsapp-order::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.pdp-btn--whatsapp-order:hover::before {
    left: 100%;
}

.pdp-btn--whatsapp-order:hover {
    background: linear-gradient(135deg, #2FE576 0%, #25D366 50%, #20BA5A 100%);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5);
    cursor: pointer !important;
}

.pdp-btn--whatsapp-order:active {
    transform: translateY(-1px) scale(0.98);
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
}

.pdp-btn--whatsapp-info {
    background: linear-gradient(135deg, #128C7E 0%, #0F7A6E 50%, #0D6B5F 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(18, 140, 126, 0.35);
    border-color: rgba(255, 255, 255, 0.4);
}

.pdp-btn--whatsapp-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.pdp-btn--whatsapp-info:hover::before {
    left: 100%;
}

.pdp-btn--whatsapp-info:hover {
    background: linear-gradient(135deg, #14A694 0%, #128C7E 50%, #0F7A6E 100%);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 28px rgba(18, 140, 126, 0.5);
    cursor: pointer !important;
}

.pdp-btn--whatsapp-info:active {
    transform: translateY(-1px) scale(0.98);
    box-shadow: 0 4px 16px rgba(18, 140, 126, 0.4);
}

.pdp-btn--whatsapp-order i,
.pdp-btn--whatsapp-info i {
    font-size: 20px;
    line-height: 1;
    color: #ffffff !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
    transition: transform 0.3s ease;
}

.pdp-btn--whatsapp-order:hover i,
.pdp-btn--whatsapp-info:hover i {
    transform: scale(1.15) rotate(5deg);
}

.pdp-btn--whatsapp-order span,
.pdp-btn--whatsapp-info span {
    line-height: 1.2;
    position: relative;
    z-index: 1;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.pdp-btn--whatsapp-order i,
.pdp-btn--whatsapp-info i {
    color: #ffffff !important;
}

/* Mobile Responsive */

/* Tablet Responsive */

/* Ripple effect for click animation */
.pdp-btn--whatsapp-order::after,
.pdp-btn--whatsapp-info::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: translate(-50%, -50%);
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
                height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.pdp-btn--whatsapp-order:active::after,
.pdp-btn--whatsapp-info:active::after {
    width: 300px;
    height: 300px;
    opacity: 0;
}

/* Focus states for accessibility */
.pdp-btn--whatsapp-order:focus,
.pdp-btn--whatsapp-info:focus {
    outline: 3px solid rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5), 
                0 0 0 3px rgba(255, 255, 255, 0.3);
}

.pdp-btn--whatsapp-info:focus {
    box-shadow: 0 4px 20px rgba(18, 140, 126, 0.5), 
                0 0 0 3px rgba(255, 255, 255, 0.3);
}

.pdp-btn--whatsapp-order:focus-visible,
.pdp-btn--whatsapp-info:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.9);
    outline-offset: 4px;
}

/* Disabled state */
.pdp-btn--whatsapp-order:disabled,
.pdp-btn--whatsapp-info:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    background: linear-gradient(135deg, #9ca3af 0%, #6b7280 50%, #4b5563 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.pdp-btn--whatsapp-order:disabled:hover,
.pdp-btn--whatsapp-info:disabled:hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pdp-btn--whatsapp-order:disabled::before,
.pdp-btn--whatsapp-info:disabled::before {
    display: none;
}

/* Loading state (if needed in future) */
.pdp-btn--whatsapp-order.loading,
.pdp-btn--whatsapp-info.loading {
    pointer-events: none;
    opacity: 0.7;
}

.pdp-btn--whatsapp-order.loading::after,
.pdp-btn--whatsapp-info.loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Global button cursor pointer fix */
button:not(:disabled),
button[type="button"]:not(:disabled),
button[type="submit"]:not(:disabled),
button[type="reset"]:not(:disabled),
input[type="button"]:not(:disabled),
input[type="submit"]:not(:disabled),
input[type="reset"]:not(:disabled) {
    cursor: pointer !important;
}

button:disabled,
button[disabled],
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
    cursor: not-allowed !important;
}

/* ===========================================
   ORDERS PAGE STYLES
   =========================================== */
.orders-page-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.orders-header-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.orders-header-icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: #667eea;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.orders-header-icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.orders-header-text {
    flex: 1;
}

.orders-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
}

.orders-page-description {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
}

.order-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.order-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f4f6;
}

.order-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-number {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-number-label {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.order-number-value {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
}

.order-date {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #6b7280;
}

.order-date-icon {
    width: 16px;
    height: 16px;
}

.order-status-wrapper {
    flex-shrink: 0;
}

.order-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.order-status-badge svg {
    width: 14px;
    height: 14px;
}

.order-status-badge.pending {
    background: #fef3c7;
    color: #92400e;
}

.order-status-badge.pending_transaction {
    background: #dbeafe;
    color: #1e40af;
}

.order-status-badge.waiting_for_payment {
    background: #cffafe;
    color: #0e7490;
}

.order-status-badge.payment_failed {
    background: #fee2e2;
    color: #991b1b;
}

.order-status-badge.got_transaction_notification {
    background: #d1fae5;
    color: #065f46;
}

.order-status-badge.transaction_failed {
    background: #fecaca;
    color: #7f1d1d;
}

.order-status-badge.waiting_for_approval {
    background: #fed7aa;
    color: #9a3412;
}

.order-status-badge.ordered {
    background: #dcfce7;
    color: #166534;
}

.order-status-badge.preparing {
    background: #e0e7ff;
    color: #3730a3;
}

.order-status-badge.processing {
    background: #f3e8ff;
    color: #6b21a8;
}

.order-status-badge.shipped {
    background: #e0e7ff;
    color: #4338ca;
}

.order-status-badge.delivered {
    background: #d1fae5;
    color: #065f46;
}

.order-status-badge.completed {
    background: #a7f3d0;
    color: #064e3b;
}

.order-status-badge.cancelled {
    background: #fee2e2;
    color: #991b1b;
}

.order-card-body {
    margin-bottom: 20px;
}

.order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: #f9fafb;
    border-radius: 12px;
}

.order-total-label {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.order-total-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
}

.order-card-footer {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.order-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.order-action-btn svg {
    width: 16px;
    height: 16px;
}

.order-btn-details {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
}

.order-btn-details:hover {
    background: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

.order-btn-details svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.order-btn-cancel {
    background: #ffffff !important;
    color: #991b1b !important;
    border-color: #fecaca !important;
}

.order-btn-cancel:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

.order-btn-cancel svg {
    color: #991b1b !important;
    fill: #991b1b !important;
}

.order-action-btn svg {
    fill: currentColor !important;
}

.orders-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.orders-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orders-empty-icon svg {
    width: 40px;
    height: 40px;
    color: #9ca3af;
}

.orders-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
}

.orders-empty-description {
    font-size: 1rem;
    color: #6b7280;
    margin: 0 0 24px 0;
}

.orders-empty-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #111827;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.orders-empty-btn:hover {
    background: #1f2937;
    color: #ffffff !important;
}

.orders-empty-btn svg {
    width: 18px;
    height: 18px;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.orders-pagination {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

/* ===========================================
   FAVORITES PAGE STYLES
   =========================================== */
.favorites-page-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.favorites-header-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.favorites-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 12px;
}

.favorites-page-icon {
    width: 32px;
    height: 32px;
    color: #ef4444;
}

.favorites-page-description {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.favorites-stats {
    margin-bottom: 20px;
}

.favorites-count {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}

.favorite-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.favorite-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.favorite-card-image {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.favorite-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.favorite-remove-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 2;
}

.favorite-remove-btn:hover {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.favorite-remove-btn i {
    font-size: 14px;
    color: #6b7280;
}

.favorite-remove-btn:hover i {
    color: #991b1b;
}

.discount-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    background: #ef4444;
    color: #ffffff;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 2;
}

.favorite-card-content {
    padding: 16px;
}

.product-title {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.product-title a {
    color: #111827;
    text-decoration: none;
    transition: color 0.2s ease;
}

.product-title a:hover {
    color: #667eea;
}

.product-price {
    margin-bottom: 16px;
}

.price-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.current-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
}

.old-price {
    font-size: 0.875rem;
    color: #9ca3af;
    text-decoration: line-through;
}

.product-actions {
    display: flex;
    gap: 8px;
}

.add-to-cart-btn,
.view-product-btn {
    flex: 1;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.add-to-cart-btn {
    background: #111827;
    color: #ffffff;
    border-color: #111827;
}

.add-to-cart-btn:hover {
    background: #1f2937;
    border-color: #1f2937;
    color: #ffffff;
}

.view-product-btn {
    background: #ffffff;
    color: #111827;
    border-color: #e5e7eb;
}

.view-product-btn:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #111827;
}

.favorites-action-btn-icon {
    font-size: 14px;
}

.add-to-cart-btn .favorites-action-btn-icon {
    color: #ffffff !important;
}

.favorites-empty-container {
    margin-top: 24px;
}

.favorites-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.favorites-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: #fef2f2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorites-empty-icon i {
    font-size: 2rem;
    color: #fca5a5;
}

.favorites-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
}

.favorites-empty-text {
    font-size: 1rem;
    color: #6b7280;
    margin: 0 0 24px 0;
}

.start-shopping-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #111827;
    color: #ffffff;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.start-shopping-btn:hover {
    background: #1f2937;
    color: #ffffff;
}

/* ===========================================
   REVIEWS PAGE STYLES
   =========================================== */
.reviews-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.reviews-header__content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews-header__icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.reviews-header__icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.reviews-header__text {
    flex: 1;
}

.reviews-header__title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
}

.reviews-header__subtitle {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.reviews-pending {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.reviews-pending__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-pending__title svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
}

.reviews-pending__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.reviews-pending__item {
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    transition: all 0.3s ease;
}

.reviews-pending__item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.reviews-pending__product {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.reviews-pending__image {
    flex-shrink: 0;
}

.reviews-pending__image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.reviews-pending__details {
    flex: 1;
}

.reviews-pending__name {
    margin: 0 0 8px 0;
    color: #111827;
    font-weight: 600;
    font-size: 1rem;
}

.reviews-pending__order,
.reviews-pending__date {
    margin: 0 0 4px 0;
    color: #6b7280;
    font-size: 0.875rem;
}

.reviews-pending__btn {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #10b981;
    color: #ffffff;
}

.reviews-pending__btn:hover {
    background: #059669;
    color: #ffffff;
}

.reviews-pending__btn svg {
    width: 16px;
    height: 16px;
}

.star-filled {
    color: #fbbf24;
}

.star-empty {
    color: #d1d5db;
}

.reviews-existing__rating svg {
    width: 16px;
    height: 16px;
}

.reviews-existing {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.reviews-existing__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-existing__title svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
}

.reviews-existing__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews-existing__item {
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
}

.reviews-existing__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.reviews-existing__product {
    display: flex;
    align-items: center;
    gap: 16px;
}

.reviews-existing__product img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.reviews-existing__details {
    flex: 1;
}

.reviews-existing__name {
    margin: 0 0 8px 0;
    color: #111827;
    font-weight: 600;
    font-size: 1rem;
}

.reviews-existing__rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-existing__rating svg {
    width: 16px;
    height: 16px;
}

.reviews-existing__rating-text {
    color: #6b7280;
    font-size: 0.875rem;
}

.reviews-existing__actions {
    display: flex;
    gap: 8px;
}

.reviews-existing__edit,
.reviews-existing__delete {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.reviews-existing__edit {
    background: #3b82f6;
    color: #ffffff;
}

.reviews-existing__edit:hover {
    background: #2563eb;
}

.reviews-existing__delete {
    background: #ef4444;
    color: #ffffff;
}

.reviews-existing__delete:hover {
    background: #dc2626;
}

.reviews-existing__comment {
    margin-bottom: 16px;
}

.reviews-existing__comment-text {
    margin: 0;
    color: #6b7280;
    line-height: 1.6;
}

.reviews-existing__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
}

.reviews-existing__date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b7280;
    font-size: 0.875rem;
}

.reviews-existing__date svg {
    width: 14px;
    height: 14px;
}

.reviews-existing__status {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.reviews-existing__status--approved {
    background: #10b981;
    color: #ffffff;
}

.reviews-existing__status--pending {
    background: #f59e0b;
    color: #ffffff;
}

.reviews-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.reviews-empty__icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews-empty__icon svg {
    width: 40px;
    height: 40px;
    color: #9ca3af;
}

.reviews-empty__title {
    color: #6b7280;
    margin: 0 0 8px 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.reviews-empty__subtitle {
    color: #6b7280;
    margin: 0 0 24px 0;
    font-size: 1rem;
}

.reviews-empty__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #111827;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.reviews-empty__btn:hover {
    background: #1f2937;
    color: #ffffff !important;
}

.reviews-empty__btn svg {
    width: 18px;
    height: 18px;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.reviews-existing__pagination {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

/* ===========================================
   NOTIFICATIONS PAGE STYLES
   =========================================== */
.notifications-page-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.notifications-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.notifications-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
}

.notifications-page-description {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.notifications-header-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.notification-header-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    cursor: pointer;
}

.notification-header-btn svg {
    width: 16px;
    height: 16px;
}

.notification-header-btn-primary {
    background: #111827;
    color: #ffffff;
    border-color: #111827;
}

.notification-header-btn-primary:hover {
    background: #1f2937;
    border-color: #1f2937;
    color: #ffffff;
}

.notification-header-btn-secondary {
    background: #ffffff;
    color: #111827;
    border-color: #e5e7eb;
}

.notification-header-btn-secondary:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #111827;
}

.notifications-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.notification-item {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
}

.notification-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.notification-item.unread {
    border-left: 4px solid #667eea;
    background: #fafbfc;
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f3f4f6;
}

.notification-body {
    padding-top: 16px;
}

.notification-info {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.notification-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon svg {
    width: 24px;
    height: 24px;
    color: #6b7280;
}

.notification-icon.unread {
    background: #dbeafe;
}

.notification-icon.unread svg {
    color: #667eea;
}

.notification-title {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 4px 0;
}

.notification-date {
    font-size: 0.875rem;
    color: #6b7280;
}

.notification-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.notification-btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.notification-btn:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

.notification-btn-icon {
    width: 14px;
    height: 14px;
}

.notification-content {
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.notification-action-link {
    margin-top: 16px;
}

.notification-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #111827;
    color: #ffffff;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.notification-action-btn:hover {
    background: #1f2937;
    color: #ffffff;
}

.notification-action-btn-icon {
    width: 16px;
    height: 16px;
}

.notifications-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.notifications-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notifications-empty-icon svg {
    width: 40px;
    height: 40px;
    color: #9ca3af;
}

.notifications-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
}

.notifications-empty-text {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.notifications-pagination {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

/* ===========================================
   DASHBOARD PAGE STYLES
   =========================================== */

/* Dashboard Welcome Card */
.dashboard-welcome-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dashboard-welcome-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.dashboard-welcome-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-welcome-icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.dashboard-welcome-text {
    flex: 1;
}

.dashboard-welcome-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #2d2d2d;
}

.dashboard-welcome-subtitle {
    color: #666;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Dashboard Stats Grid */
.dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-stat-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-stat-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.dashboard-stat-card-link:hover {
    text-decoration: none;
    color: inherit;
}

.dashboard-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dashboard-stat-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.dashboard-stat-icon svg {
    width: 40px;
    height: 40px;
    color: #ffffff;
}

.dashboard-stat-icon-primary {
    background: #667eea;
}

.dashboard-stat-icon-danger {
    background: #f5576c;
}

.dashboard-stat-icon-success {
    background: #4facfe;
}

.dashboard-stat-icon-warning {
    background: #f59e0b;
}

.dashboard-stat-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #666;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-stat-value {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.dashboard-stat-value-primary {
    color: #667eea;
}

.dashboard-stat-value-danger {
    color: #f5576c;
}

.dashboard-stat-value-success {
    color: #4facfe;
}

.dashboard-stat-value-warning {
    color: #f59e0b;
}

.dashboard-stat-description {
    font-size: 0.875rem;
    color: #999;
    margin: 0;
}

/* Dashboard Orders Section */
.dashboard-orders-section {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}

.dashboard-orders-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.dashboard-section-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-section-icon {
    width: 24px;
    height: 24px;
    color: #2d2d2d;
}

.dashboard-orders-body {
    padding: 1.5rem;
}

.dashboard-orders-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-order-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.dashboard-order-item:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dashboard-order-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-order-number {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-order-number-label {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-order-number-value {
    font-size: 1rem;
    font-weight: 600;
    color: #2d2d2d;
}

.dashboard-order-date {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

.dashboard-order-date-icon {
    width: 16px;
    height: 16px;
    color: #999;
}

.dashboard-order-details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
}

.dashboard-order-total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.dashboard-order-total-label {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-order-total-value {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2d2d2d;
}

.dashboard-order-status {
    margin-top: 0.5rem;
}

.dashboard-order-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.dashboard-order-status-pending {
    background: #fef3c7;
    color: #92400e;
}

.dashboard-order-status-processing {
    background: #dbeafe;
    color: #1e40af;
}

.dashboard-order-status-shipped {
    background: #e0e7ff;
    color: #3730a3;
}

.dashboard-order-status-delivered {
    background: #d1fae5;
    color: #065f46;
}

.dashboard-order-status-cancelled {
    background: #fee2e2;
    color: #991b1b;
}

.dashboard-order-status-ordered {
    background: #d1fae5;
    color: #065f46;
}

.dashboard-order-action {
    flex-shrink: 0;
}

.dashboard-order-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    border: none;
}

.dashboard-order-btn:hover {
    background: #555 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.dashboard-order-btn span,
.dashboard-order-btn svg {
    color: #ffffff !important;
}

.dashboard-order-btn-icon {
    width: 16px;
    height: 16px;
}

.dashboard-orders-footer {
    margin-top: 1.5rem;
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.dashboard-view-all-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

.dashboard-view-all-btn:hover {
    background: #555 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.dashboard-empty-card {
    text-align: center;
    padding: 3rem 2rem;
}

.dashboard-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    color: #d1d5db;
}

.dashboard-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0 0 0.5rem 0;
}

.dashboard-empty-text {
    font-size: 1rem;
    color: #666;
    margin: 0 0 1.5rem 0;
}

.dashboard-empty-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

.dashboard-empty-btn:hover {
    background: #555 !important;
    color: #ffffff !important;
    text-decoration: none;
}

/* Dashboard Verification Button Success State */
.dashboard-verification-btn-success {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

/* Dashboard Notification */
.dashboard-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    color: white;
    font-weight: 500;
    z-index: 10000;
    animation: dashboardNotificationSlideIn 0.3s ease-out;
    max-width: 300px;
    word-wrap: break-word;
}

.dashboard-notification-success {
    background: #10b981;
}

.dashboard-notification-error {
    background: #ef4444;
}

.dashboard-notification-warning {
    background: #f59e0b;
}

.dashboard-notification-info {
    background: #3b82f6;
}

.dashboard-notification-hide {
    animation: dashboardNotificationSlideOut 0.3s ease-in;
}

@keyframes dashboardNotificationSlideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes dashboardNotificationSlideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* ===========================================
   ADDRESSES PAGE STYLES (Additional)
   =========================================== */

.address-card-badge-icon {
    width: 12px;
    height: 12px;
    margin-right: 0.25rem;
    display: inline-block;
}

.address-card-badge-default {
    background: #d1fae5;
    color: #065f46;
}

.address-card-badge-company {
    background: #dbeafe;
    color: #1e40af;
}

.address-card-badge-personal {
    background: #f3f4f6;
    color: #374151;
}

.address-form-company-fields {
    display: none;
}

/* Kurumsal alanlar gösterildiğinde */
.address-form-company-fields[style*="display: block"],
#companyFields[style*="display: block"] {
    display: block !important;
}

#companyFields[style*="display: block"] .address-form-grid,
#companyFields[style*="display: block"] .address-form-field {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#companyFields[style*="display: block"] input,
#companyFields[style*="display: block"] label {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.address-form-divider {
    margin: 1rem 0;
    border: none;
    border-top: 1px solid #f0f0f0;
}

.address-form-company-title {
    margin: 0 0 1rem 0;
    color: #2d2d2d;
    font-size: 1.125rem;
    font-weight: 600;
}

/* ===========================================
   NOTIFICATION PERMISSION BANNER
   =========================================== */
.notification-permission-banner {
    position: fixed !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    max-width: 400px !important;
    animation: slideInLeft 0.3s ease-out !important;
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.notification-permission-banner__content {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.notification-permission-banner__content i.fa-bell {
    font-size: 20px;
    color: #efc113;
    flex-shrink: 0;
}

.notification-permission-banner__content span {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #222222;
}

.notification-permission-banner__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.notification-permission-btn {
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notification-permission-btn--allow {
    background: #efc113;
    color: #222222;
}

.notification-permission-btn--allow:hover {
    background: #d4a910;
    transform: translateY(-1px);
}

.notification-permission-btn--dismiss {
    background: transparent;
    color: #666666;
    padding: 8px;
    width: 32px;
    height: 32px;
}

.notification-permission-btn--dismiss:hover {
    background: #f5f5f5;
    color: #222222;
}

.notification-permission-btn--dismiss i {
    font-size: 14px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .notification-permission-banner {
        top: 10px;
        left: 10px;
        right: 10px;
        max-width: 100%;
    }

    .notification-permission-banner__content {
        flex-wrap: wrap;
        padding: 14px 16px;
    }

    .notification-permission-banner__content span {
        width: 100%;
        margin-bottom: 8px;
    }

    .notification-permission-banner__actions {
        width: 100%;
        justify-content: flex-end;
    }
}

/* ===== EN GÜÇLÜ OVERRIDE - STOKTA OLMAYAN VARYANTLAR İÇİN ===== */
/* Bu kurallar dosyanın sonunda olduğu için en yüksek önceliğe sahip */
.pdp-chip.out-of-stock.active,
.pdp-chip.out-of-stock[aria-checked="true"],
.pdp-chip.out-of-stock[data-active="true"],
button.pdp-chip.out-of-stock.active,
button.pdp-chip.out-of-stock[aria-checked="true"],
button.pdp-chip.out-of-stock[data-active="true"],
.pdp-chip.has-tip.out-of-stock.active,
.pdp-chip.has-tip.out-of-stock[aria-checked="true"],
.pdp-chip.has-tip.out-of-stock[data-active="true"],
button.pdp-chip.has-tip.out-of-stock.active,
button.pdp-chip.has-tip.out-of-stock[aria-checked="true"],
button.pdp-chip.has-tip.out-of-stock[data-active="true"] {
    background-color: #f5f5f5 !important;
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* / çizgisi artık ::after'da - tooltip ile çakışmaması için z-index yüksek */
.pdp-chip.out-of-stock.active::after,
.pdp-chip.out-of-stock[aria-checked="true"]::after,
.pdp-chip.out-of-stock[data-active="true"]::after,
button.pdp-chip.out-of-stock.active::after,
button.pdp-chip.out-of-stock[aria-checked="true"]::after,
button.pdp-chip.out-of-stock[data-active="true"]::after,
.pdp-chip.has-tip.out-of-stock.active::after,
.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
.pdp-chip.has-tip.out-of-stock[data-active="true"]::after,
button.pdp-chip.has-tip.out-of-stock.active::after,
button.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
button.pdp-chip.has-tip.out-of-stock[data-active="true"]::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    color: #999 !important;
    z-index: 10000 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    bottom: auto !important;
}

/* Register Page - Password Requirements Styles */
.register-password-requirements {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.register-requirement {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    transition: all 0.3s ease;
}

.register-requirement-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transition: all 0.3s ease;
}

.register-requirement.not-met {
    color: #dc3545;
}

.register-requirement.not-met .register-requirement-icon {
    color: #dc3545;
}

.register-requirement.met {
    color: #22c55e !important;
    font-weight: 500;
}

.register-requirement.met .register-requirement-icon {
    color: #22c55e !important;
}

.register-requirement.met .register-requirement-text {
    color: #22c55e !important;
}

.register-requirement-text {
    user-select: none;
}

/* Page Content Wrapper - Arkaplan Rengi */
.page-content-wrapper {
    background-color: #f5f5f5;
    min-height: calc(100vh - 200px);
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Blog section subtitle font size */
.section-subtitle.fs-15 {
    font-size: 1.0625rem !important; /* 17px - fs-15'ten biraz daha büyük */
}

/* Blog grid item image - remove white borders */
.blog-grid__item-image {
    border-radius: 0 !important;
    padding: 0 !important;
}

.blog-carousel .blog-grid__item-image {
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Footer Bottom Mobile Responsive */
@media (max-width: 768px) {
    .footer-bottom {
        padding: 20px 0;
    }
    
    .footer-bottom .row {
        flex-direction: column;
        gap: 20px;
    }
    
    .footer-bottom .col-md-6 {
        width: 100%;
        text-align: center !important;
    }
    
    .footer-bottom .col-md-6.text-md-end {
        text-align: center !important;
    }
    
    .footer-copyright {
        font-size: 13px;
        line-height: 1.8;
        margin-bottom: 0;
        text-align: center;
    }
    
    .footer-bottom .d-flex {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;
    }
    
    .footer-cookie-link {
        font-size: 13px;
        white-space: nowrap;
    }
    
    .footer-ssl-icon {
        height: 28px;
        width: auto;
    }
}