/** Shopify CDN: Minification failed

Line 1014:29 Expected identifier but found "18"
Line 3771:10 Expected identifier but found whitespace
Line 3771:12 Unexpected "{"
Line 3771:21 Expected ":"
Line 3771:66 Expected identifier but found "!"
Line 3785:10 Expected identifier but found whitespace
Line 3785:12 Unexpected "{"
Line 3785:21 Expected ":"
Line 3785:66 Expected identifier but found "!"
Line 4488:10 Expected identifier but found whitespace
... and 27 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* 404 Header */
  .not-found-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .not-found-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles */
  .not-found-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .not-found-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .not-found-breadcrumb__item:hover {
    color: #000;
  }

  .not-found-breadcrumb__icon {
    vertical-align: middle;
  }

  .not-found-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .not-found-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* 404 Content */
  .not-found-content {
    padding: 144px 0;
  }

  .not-found-content__wrapper {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
  }

  .not-found-title {
    font-weight: 400;
    line-height: 150px;
    letter-spacing: -4px;
    margin: 0;
  }

  .not-found-subtitle {
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0;
    margin: 0;
  }

  .not-found-description {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    margin: 0;
  }

  .not-found-button {
    display: inline-block;
    border: 1px solid;
    text-decoration: none;
    transition: all 0.4s ease;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 16px;
    padding: 16px 45.5px;
  }

  .not-found-button:hover {
    background-color: #000;
    color: #fff !important;
  }

  /* Hide footer infos on 404 page */
  .not-found-header ~ * .footer-infos,
  body:has(.not-found-header) .footer-infos {
    display: none !important;
  }

  /* Featured products padding on 404 page */
  .not-found-header ~ * .featured-products,
  body:has(.not-found-header) .featured-products {
    padding: 0 0 80px 0 !important;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .not-found-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .not-found-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .not-found-content {
      padding: 56px 0;
    }

    .not-found-title {
      font-size: 120px !important;
      font-weight: 400 !important;
      line-height: 130px !important;
      letter-spacing: -4px !important;
      color: #000 !important;
      margin-bottom: 12px !important;
    }

    .not-found-subtitle {
      font-size: 24px !important;
      font-weight: 500 !important;
      line-height: 1.2 !important;
      letter-spacing: 0 !important;
      margin-bottom: 12px !important;
    }

    .not-found-description {
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 24px !important;
      letter-spacing: -0.4px !important;
      margin-bottom: 40px !important;
      color: #000 !important;
    }

    .not-found-button {
      font-size: 12px !important;
      font-weight: 400 !important;
      letter-spacing: -0.4px !important;
      line-height: 16px !important;
      color: #000 !important;
      padding: 10px 20px !important;
    }
  }
/* Article Breadcrumb Styles */
  .article-breadcrumb-section {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .article-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .article-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .article-breadcrumb__item:hover {
    color: #000;
  }

  .article-breadcrumb__icon {
    vertical-align: middle;
  }

  .article-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .article-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .article-breadcrumb-section {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }

  /* Breadcrumb mobile scroll - 1023px altında */
  @media (max-width: 1023px) {
    .article-breadcrumb {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE/Edge */
    }

    .article-breadcrumb::-webkit-scrollbar {
      display: none; /* Chrome/Safari */
    }

    .article-breadcrumb__item,
    .article-breadcrumb__separator,
    .article-breadcrumb__current {
      flex-shrink: 0;
    }
  }

  /* Article Content Styles */
  .article-content-section {
    padding: 24px 0 24px 0;
  }

  .article-content {
    max-width: 800px;
    margin: 0 auto;
  }

  .article-image {
    width: 100%; 
    margin-bottom: 14px;
    aspect-ratio: 3/2;
    overflow: hidden;
  }

  .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Article Meta Info */
  .article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
  }

  .article-date {
    display: flex;
    align-items: center;
  }

  .article-date__icon {
    /* Icon boyutu artık inline style ile kontrol ediliyor */
  }

  .article-date__text {
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .article-share {
    display: flex;
    align-items: center;
  }

  .article-share__label {
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .article-share__buttons {
    display: flex;
    align-items: center;
    /* gap artık inline style ile kontrol ediliyor */
  }

  .article-share__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
    /* width ve height kaldırıldı - artık inline style ile kontrol ediliyor */
  }

  .article-share__btn:hover {
    opacity: 0.7;
  }

  .article-share__btn img {
    /* width ve height artık inline style ile kontrol ediliyor */
  }

  /* Alt kısımdaki paylaş bölümü için ek stil */
  .article-share--bottom {
    margin-top: 40px;
  }

  .article-title {
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin: 0;
  }

  .article-body {
    font-weight: 400;
    letter-spacing: -0.4px;
  }

  /* TOC - Sadece Sticky */
  .article-toc-absolute {
    position: sticky;
    top: 20px;
    float: left;
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: white;
    border: 1px solid #D9D9DB;
    
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
  }

  .article-toc-absolute h3 {
    margin: 10px 0 10px 0;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 12px;
  }

  .article-toc-absolute ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .article-toc-absolute li {
    margin-bottom: 8px;
  }

  .article-toc-absolute li:last-child {
    margin-bottom: 10px;
  }

  .article-toc-absolute a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 4px 12px;
    line-height: 1.3;
    transition: all 0.2s ease;
  }

  .article-toc-absolute a:hover {
    color: #000;
  }

  /* TOC Seviyeleri - Dinamik olarak JavaScript'te hesaplanıyor */

  /* Aktif TOC linki */
  .article-toc-absolute a.active {
    color: white;
    font-weight: 500;
    background-color: #000;
    padding: 4px 12px;
    border-radius: 0;
  }

  /* Mobile TOC Accordion */
  .article-toc-mobile {
    display: none;
    margin-bottom: 24px;
  }

  .toc-accordion {
    border: 1px solid #D9D9DB;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
  }

  .toc-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
    list-style: none;
    background: none;
    border: none;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .toc-accordion[open] .toc-accordion__header {
    padding: 12px 16px 24px 16px;
  }

  .toc-accordion__header::-webkit-details-marker {
    display: none;
  }

  .toc-accordion__chevron {
    width: 16px;
    height: 16px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
  }

  .toc-accordion[open] .toc-accordion__chevron {
    transform: rotate(180deg);
  }

  .toc-accordion__content {
    padding: 0;
    animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    transform-origin: top;
  }

  .toc-accordion[open] .toc-accordion__content {
    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

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

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

  #toc-list-mobile {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #toc-list-mobile li {
    margin-bottom: 0;
  }

  #toc-list-mobile a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 0 16px 12px 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
    font-weight: 400;
    transition: all 0.2s ease;
  }

  #toc-list-mobile a:hover {
    color: #000;
  }

  #toc-list-mobile a.active {
    color: white;
    font-weight: 500;
    background-color: #000;
    border-radius: 0;
    padding: 0 16px 12px 16px;
  }

  /* Responsive */
  @media (max-width: 1200px) and (min-width: 1024px) {
    .article-toc-absolute {
      display: none;
    }
    
    .article-toc-mobile {
      display: block;
      max-width: 800px;
      margin: 0 auto 24px auto;
    }
  }

  @media (max-width: 1023px) {
    .article-toc-absolute {
      display: none;
    }
    
    .article-toc-mobile {
      display: block;
    }
  }

  /* Article Content Headings - Güçlü Selector'lar */
  .article-content-section .article-body h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0;
    margin: 16px 0 16px 0;
  }

  .article-content-section .article-body h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0;
    margin: 16px 0 16px 0;
  }

  .article-content-section .article-body h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
    margin: 16px 0 16px 0;
  }

  .article-content-section .article-body h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0;
    margin: 16px 0 16px 0;
  }

  .article-content-section .article-body h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    margin: 16px 0 16px 0;
  }

  .article-content-section .article-body h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
    margin: 16px 0 16px 0;
  }

  .article-body p {
    margin: 0 0 16px 0;
  }

  .article-body ul,
  .article-body ol {
    margin: 0 0 16px 20px;
  }

  .article-body img {
    max-width: 100%;
    height: auto;
    margin: 24px 0;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .article-content-section {
      padding: 24px 0;
    }

    .article-image {
      margin-bottom: 14px;
    }

    .article-meta {
      margin-bottom: 24px;
    }
  }

  /* Article sayfasında blog section butonunu gizle */
  body.template-article .blog-section__button,
  body:has(.article-content-section) .blog-section__button {
    display: none !important; 
  }

  /* Article sayfasında footer infos gizle */
  body.template-article .footer-infos,
  body:has(.article-content-section) .footer-infos {
    display: none !important;
  }

  /* Article sayfasında blog-section alt boşluğu */
  body.template-article .blog-section,
  body:has(.article-content-section) .blog-section {
    margin-bottom: 112px !important;
  }

  /* Article sayfasında blog-section desktop border kaldır */
  body.template-article .blog-section__desktop,
  body:has(.article-content-section) .blog-section__desktop {
    border-bottom: none !important;
  }

  /* Article sayfasında blog-section mobile border kaldır */
  body.template-article .blog-section__mobile,
  body:has(.article-content-section) .blog-section__mobile {
    border-bottom: none !important;
  }

  /* Article sayfasında blog-card content padding değiştir */
  body.template-article .blog-card__content,
  body:has(.article-content-section) .blog-card__content {
    padding: 24px 12px 0px 12px !important;
  }
.blog-section {
    padding-top: 56px;
  }
  
  .blog-section__title {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.2px;
    color: #000000;
    margin: 0;
  }
  
  .blog-section__cards {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  /* Desktop Grid */
  .blog-section__desktop {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .blog-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
  }

  /* Mobile Swiper */
  .blog-section__mobile {
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }
  
  .blog-section__button {
    text-align: center;
  }

  .blog-section__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #1A1B1E;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .blog-section__title {
      font-size: var(--mobile-font-size) !important;
      font-weight: 400;
      line-height: 40px;
      letter-spacing: 0;
    }

    .blog-section__desktop {
      display: none;
    }

    .blog-section__mobile {
      display: block;
    }
  }
/* Blog Header */
  .blog-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .blog-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - Collection'dan alınan */
  .blog-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .blog-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .blog-breadcrumb__item:hover {
    color: #000;
  }

  .blog-breadcrumb__icon {
    vertical-align: middle;
  }

  .blog-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .blog-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Blog Title */
  .blog-header__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

  /* Blog Content */
  .blog-content {
    padding: 32px 0 56px 0;
  }

  .blog-content__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: stretch;
    margin-bottom: 56px;
  }

  /* Featured Blog Post (Sol taraf) */
  .blog-featured {
    height: 100%;
  }
  
  .blog-featured__card {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .blog-featured__image {
    aspect-ratio: 16/8;
    overflow: hidden;
    position: relative;
  }

  .blog-featured__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .blog-featured__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .blog-featured__image:hover .blog-featured__img {
    transform: scale(1.05);
  }

  .blog-featured__content {
    display: flex;
    flex-direction: column;
    padding: 20px 15px 0 15px;
    flex: 1;
  }

  .blog-featured__meta {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .blog-featured__tag {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000;
    background: #F1F2F2;
    padding: 4px 12px;
    border-radius: 20px;
  }

  .blog-featured__title {
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin-bottom: var(--featured-title-mb-desktop);
  }

  .blog-featured__title-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .blog-featured__title-link:hover {
    color: #666;
  }

  .blog-featured__excerpt {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    margin-bottom: var(--featured-excerpt-mb-desktop);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .blog-featured__read-more {
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    align-self: flex-start;
  }

  .blog-featured__read-more:hover {
    color: #666;
  }

  /* Blog Cards Grid (Sağ taraf) */
  .blog-cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px 12px;
  }

  .blog-cards-grid__item {
    /* Blog card snippet stillerini kullanacak */
  }

  /* Remaining Blog Posts */
  .blog-remaining {
    margin-bottom: 60px;
  }

  .blog-remaining__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 15px;
  }

  /* Pagination Container */
  .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 56px;
  }

  /* Pagination Numbers Container */
  .pagination-numbers {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .pagination-number-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Pagination Items */
  .pagination-prev,
  .pagination-next,
  .pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
  }

  /* Spacing between prev/next and numbers */
  .pagination-prev {
    /* Artık inline style ile kontrol ediliyor */
  }

  .pagination-next {
    /* Artık inline style ile kontrol ediliyor */
  }

  /* Prev/Next Button Styles */
  .pagination-prev,
  .pagination-next {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  /* Disabled state */
  .pagination-prev.disabled,
  .pagination-next.disabled {18
    cursor: not-allowed;
    opacity: 0.4;
  }

  .pagination-prev img,
  .pagination-next img {
    width: 12px;
    height: 12px;
  }

  /* Number Styles */
  .pagination-number {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    /* Artık inline style ile kontrol ediliyor */
  }

  .pagination-number.current {
    /* Artık inline style ile kontrol ediliyor */
  }

  /* Blog Pagination - legacy style */
  .blog-pagination {
    text-align: center;
    margin-top: 60px;
  }

  /* Empty State */
  .blog-empty {
    text-align: center;
    padding: 80px 20px;
  }

  .blog-empty h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 12px 0;
    color: #000;
  }

  .blog-empty p {
    font-size: 16px;
    font-weight: 400;
    color: #8D8F94;
    margin: 0;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .blog-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .blog-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .blog-header__title {
      display: none;
    }

    /* Mobile blog title'ı göster */
    .mobile-blog-title {
      display: block !important;
    }

    .blog-content {
      padding: 0 0 56px 0;
    }

    .blog-content__grid {
      grid-template-columns: 1fr;
      gap: 24px;
      margin-bottom: 14px;
      align-items: initial;
    }

    .blog-cards-grid {
      grid-template-columns: 1fr;
      gap: 36px;
    }

    .blog-remaining__grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .blog-featured__content {

    }

    .blog-featured__title {
      font-size: var(--featured-title-fs-mobile) !important;
      line-height: 24px;
      margin-bottom: var(--featured-title-mb-mobile) !important;
    }

    .blog-featured__title-link {
      /* Mobil için ek bir şeye gerek yok, H2'den miras alacak */
    }

    .blog-featured__excerpt {
      font-size: var(--featured-excerpt-fs-mobile) !important;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.4px;
      margin-bottom: var(--featured-excerpt-mb-mobile) !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blog-featured__read-more {
      font-size: var(--featured-button-fs-mobile) !important;
      margin-bottom: var(--featured-button-mb-mobile) !important;
    }

    .blog-content .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Mobile Pagination */
    .pagination {
      justify-content: space-between !important;
      padding: 0 16px;
    }

    .pagination-prev,
    .pagination-prev.disabled {
      margin-right: 0 !important;
    }

    .pagination-next,
    .pagination-next.disabled {
      margin-left: 0 !important;
    }

    .pagination-prev.disabled {
      opacity: 0.3;
      pointer-events: none;
    }

    .pagination-next.disabled {
      opacity: 0.3;
      pointer-events: none;
    }
  }

  .custom-blog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .custom-blog-card__image {
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .custom-blog-card__image a:hover img {
    transform: scale(1.05);
  }
  .custom-blog-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
  .custom-blog-card__content {
    padding: 14px 0 0 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .custom-blog-card__title {
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin: 0 0 10px 0;
  }
  .custom-blog-card__title a {
    color: inherit;
    text-decoration: none;
  }
  .custom-blog-card__excerpt {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0 0 22px 0;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .custom-blog-card__read-more {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 4px;
    margin-top: auto;
    align-self: flex-start;
  }

  @media (max-width: 1023px) {
    .custom-blog-card__content {
      padding: 14px 16px 0 16px;
    }

    .custom-blog-card__title {
      font-size: var(--card-title-fs-mobile) !important;
      margin-bottom: var(--card-title-mb-mobile) !important;
    }

    .custom-blog-card__excerpt {
      font-size: var(--card-excerpt-fs-mobile) !important;
      margin-bottom: var(--card-excerpt-mb-mobile) !important;
    }

    .custom-blog-card__read-more {
      font-size: var(--card-read-more-fs-mobile) !important;
    }
  }

  /* Mobile Blog Title - Sadece 1023px ve altında görünür */
  .mobile-blog-title {
    display: none;
  }

  .mobile-blog-title__text {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0;
    text-align: center;
    padding: 20px 0 0 0;
  }

  /* Featured Mobile Swiper - Sadece 1023px ve altında görünür */
  .featured-mobile-swiper {
    display: none;
  }

  @media (max-width: 1023px) {
    /* Desktop featured kartı gizle */
    .blog-featured {
      display: none !important;
    }
    
    /* Desktop'taki küçük kartları da gizle */
    .blog-cards-grid {
      display: none !important;
    }
    
    /* Mobile featured swiper'ı göster */
    .featured-mobile-swiper {
      display: block !important;
      margin-bottom: 14px;
      margin-top: 20px;
    }

    .featured-mobile-swiper .container {
      padding: 0 !important;
    }



    .featured-swiper {
      position: relative;
    }

    /* Pagination bullets - görselin içinde alttan 10px, ortada */
    .featured-swiper-pagination {
      position: absolute !important;
      top: calc(100% - 210px) !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      width: auto !important;
      bottom: auto !important;
      text-align: center !important;
      z-index: 10;
    }

    .featured-swiper-pagination .swiper-pagination-bullet {
      width: 8px !important;
      height: 8px !important;
      background: transparent !important;
      border: 1px solid #fff !important;
      opacity: 1 !important;
      margin: 0 2px !important;
      border-radius: 50% !important;
      transition: all 0.3s ease !important;
    }

    .featured-swiper-pagination .swiper-pagination-bullet-active {
      width: 14px !important;
      height: 8px !important;
      background: #fff !important;
      border: none !important;
      border-radius: 4px !important;
      transform: none !important;
    }

    /* Mobil featured CSS değişkenlerini uygula */
    .featured-mobile-swiper .blog-featured__title {
      font-size: var(--featured-title-fs-mobile) !important;
      margin-bottom: var(--featured-title-mb-mobile) !important;
    }

    .featured-mobile-swiper .blog-featured__excerpt {
      font-size: var(--featured-excerpt-fs-mobile) !important;
      margin-bottom: var(--featured-excerpt-mb-mobile) !important;
    }

    .featured-mobile-swiper .blog-featured__read-more {
      font-size: var(--featured-button-fs-mobile) !important;
      margin-bottom: var(--featured-button-mb-mobile) !important;
    }
  }



  /* Blog listing sayfasında footer infos gizle */
  .blog-listing-page ~ * .footer-infos,
  body:has(.blog-listing-page) .footer-infos {
    display: none !important;
  }

  /* Normal Grid Layout (2. sayfa ve sonrası) */
  .blog-normal-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 15px;
    margin-top: 0;
  }

  .blog-normal-grid__item {
    display: flex;
    flex-direction: column;
  }

  /* Mobile için normal grid */
  @media (max-width: 1023px) {
    .blog-normal-grid {
      grid-template-columns: 1fr;
      gap: 36px;
      margin-top: 20px;
    }



    /* Mobil için blog remaining düzenlemesi */
    .blog-remaining__grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 36px !important;
    }
  }
.kurdele-menu {
    padding: 56px 0;
  }
  @media screen and (min-width: 1024px) {
    .kurdele-menu {
      padding: 56px 130px;
    }
  }
  .kurdele-menu__container {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .kurdele-menu__scroll {
    flex-grow: 1;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
  }
  .kurdele-menu__scroll::-webkit-scrollbar {
    display: none;
  }
  .kurdele-menu__list {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  @media screen and (min-width: 1024px) {
    .kurdele-menu__list {
      gap: 25px;
    }
  }
  .kurdele-menu__item {
    flex-shrink: 0;
  }
  .kurdele-menu__link {
    display: block;
    padding: 10px 20px;
    border: 1px solid #E3E3E4;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #4F5159;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  .kurdele-menu__nav {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    flex-shrink: 0;
  }
  @media screen and (max-width: 1023px) {
    .kurdele-menu__nav {
      display: none;
    }
  }
  .kurdele-menu__nav img {
    width: 16px;
    height: 16px;
  }
/* Collection Header */
  .collection-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
  }

  .collection-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - PDP'den alınan */
  .collection-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .collection-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    text-transform: capitalize !important;
  }

  .collection-breadcrumb__item:hover {
    color: #000;
  }

  .collection-breadcrumb__icon {
    vertical-align: middle;
  }

  .collection-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .collection-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Collection Title */
  .collection-header__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .collection-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .collection-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .collection-header__title {
      display: none;
    }

    /* PLP Breadcrumb mobile scroll - collection sayfası için */
    nav.plp-breadcrumb {
      overflow-x: auto !important;
      overflow-y: visible !important;
      scrollbar-width: none !important;
      -ms-overflow-style: none !important;
      -webkit-overflow-scrolling: touch !important;
    }

    nav.plp-breadcrumb::-webkit-scrollbar {
      display: none !important;
    }

    nav.plp-breadcrumb .collection-breadcrumb__item,
    nav.plp-breadcrumb .collection-breadcrumb__separator,
    nav.plp-breadcrumb .collection-breadcrumb__current {
      flex-shrink: 0 !important;
    }
  }

  /* Collection Filters */
  .collection-filters {
    margin-bottom: 32px;
  }

  /* Active Filters */
  .active-filters {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .active-filters__label {
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.4px;
    white-space: nowrap;
  }

  .active-filters__list {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    color: #8D8F94;
    font-size: 12px;
    letter-spacing: -0.4px;
  }

  .active-filter-tag {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
  }

  .active-filter-tag__remove {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
  }

  .active-filter-tag__remove img {
    /* Icon boyutu artık inline style ile kontrol ediliyor */
  }

  .active-filter-tag__remove:hover img {
    opacity: 1;
  }

  .active-filters__clear {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    cursor: pointer;
    text-decoration: underline;
  }

  .active-filters__clear img {
    /* Icon boyutu artık inline style ile kontrol ediliyor */
  }

  .collection-filters__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .collection-filters__main-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  
  .collection-filters__left {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 1;
  }
  
  .collection-filters__right {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .collection-filters__main-group {
      flex-direction: column;
      gap: 16px;
      align-items: stretch;
    }
    
    .collection-filters__left {
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
    }
    
    .collection-filters__right {
      justify-content: center;
      margin-left: 0;
    }
  }

  /* Filter Dropdown */
  .filter-dropdown {
    position: relative;
  }

  .filter-dropdown__trigger {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    padding: 0;
  }

  .filter-dropdown__trigger:hover {
    opacity: 0.7;
  }

  .filter-dropdown__icon {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
  }

  .filter-dropdown.is-open .filter-dropdown__icon {
    transform: rotate(180deg);
  }

    .filter-dropdown__content {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #E3E3E4;
    border-radius: 4px;
    padding: 16px;
    width: 300px;
    z-index: 10;
    display: none;
  }

  .filter-dropdown--sort .filter-dropdown__content {
    right: 0;
    left: auto;
  }

  /* Sort Options */
  .sort-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .sort-option {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
  }

  .sort-option:hover {
    opacity: 0.7;
  }

  /* Custom Radio Button */
  .sort-radio {
    display: none;
  }

  .sort-radio-mark {
    width: 20px;
    height: 20px;
    border: 1px solid #E3E3E4;
    border-radius: 50%;
    background: white;
    position: relative;
    flex-shrink: 0;
  }

  .sort-radio:checked + .sort-radio-mark {
    background: #000000;
    border-color: #000000;
  }

  .sort-radio:checked + .sort-radio-mark::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }

  .sort-label {
    flex: 1;
  }

  .filter-dropdown.is-open .filter-dropdown__content {
    display: block;
  }

  /* Diğer filtrelerin opacity'si düşer */
  .collection-filters__left.has-open-filter .filter-dropdown:not(.is-open) {
    opacity: 0.4;
    transition: opacity 0.2s ease;
  }

  /* Filter Options */
  .filter-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* Dinamik sütun sistemi - Item sayısına göre */
  .filter-options.has-many-items {
    display: grid;
    gap: 12px 16px;
    max-height: 500px;
    overflow-y: auto;
  }

  /* 1 sütun: 1-13 item (varsayılan) */
  .filter-options.cols-1 {
    grid-template-columns: 1fr;
  }

  /* 2 sütun: 14-27 item */
  .filter-options.cols-2 {
    grid-template-columns: 1fr 1fr;
  }

  /* 3 sütun: 28-41 item */
  .filter-options.cols-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  /* 4 sütun: 42-55 item */
  .filter-options.cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  /* 5 sütun: 56+ item */
  .filter-options.cols-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  /* Dropdown genişlikleri - sütun sayısına göre */
  .filter-dropdown__content.width-2 {
    width: 440px;
  }

  .filter-dropdown__content.width-3 {
    width: 600px;
  }

  .filter-dropdown__content.width-4 {
    width: 790px;
  }

  .filter-dropdown__content.width-5 {
    width: 940px;
  }

  .filter-option {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
  }

  .filter-option:hover {
    opacity: 0.7;
  }

  /* Custom Checkbox */
  .filter-checkbox {
    display: none;
  }

  .filter-checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #E3E3E4;
    border-radius: 2px;
    background: white;
    position: relative;
    flex-shrink: 0;
  }

  .filter-checkbox:checked + .filter-checkmark {
    background: #000000;
    border-color: #000000;
  }

  .filter-checkbox:checked + .filter-checkmark::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }

  .filter-label {
    flex: 1;
  }

  .filter-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #AAABAF;
  }

  /* Price Filter Checkbox Styles */
  .price-checkbox {
    /* Inherit normal checkbox styles */
  }

  /* Price Filter Active Tag */
  .price-filter-tag {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 4px 8px;
  }

  .price-filter-tag span {
    font-weight: 500;
    color: #333;
  }

  /* Grid Toggle */
  .collection-grid-toggle {
    display: flex;
    align-items: center;
  }

  .grid-toggle__btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  .grid-toggle__btn img {
    /* Icon boyutu artık inline style ile kontrol ediliyor */
    transition: filter 0.2s ease;
  }

  /* Aktif grid toggle butonu - ikon siyah olsun */
  .grid-toggle__btn.active img {
    filter: invert(1);
  }

  /* Mobile Collection Bar */
  .collection-mobile-bar {
    display: none;
    padding: 12px 0;
  }

  .collection-mobile-bar__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .collection-mobile-bar__count {
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .collection-mobile-bar__right {
    display: flex;
    align-items: center;
  }

  .collection-mobile-bar__btn {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    cursor: pointer;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .collection-filters {
      display: none;
    }

    .collection-mobile-bar {
      display: block;
    }
  }



  /* Collection Products */
  .collection-products .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4px;
    row-gap: 56px;
    transition: all 0.3s ease;
    margin-bottom: 56px;
  }

  /* Grid View Modes */
  .collection-products .container.grid-3-cols {
      grid-template-columns: repeat(3, 1fr);
  }

  /* Tablet responsive */
  @media (min-width: 768px) and (max-width: 1023px) {
    .collection-products .container {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 4px;
      row-gap: 24px;
    }
  }

  /* Mobile responsive */
  @media (max-width: 767px) {
    .collection-products .container {
      grid-template-columns: 1fr 1fr;
      column-gap: 4;
      row-gap: 12px;
    }
  }

  @media (max-width: 1023px) {
    .collection-products .container {
      grid-template-columns: 1fr 1fr;
      column-gap: 4;
      row-gap: 12px;
    }
  }

  /* Active Filters - ESKİ PLP'DEN BİREBİR */
  .active-filters {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .active-filters__label {
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.4px;
    white-space: nowrap;
  }

  .active-filters__list {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  .active-filter-tag {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
  }

  .active-filter-tag__remove {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 8px;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .active-filter-tag__remove img {
    opacity: 0.5;
    transition: opacity 0.2s;
  }

  .active-filter-tag__remove:hover img {
    opacity: 1;
  }

  .active-filters__clear {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    cursor: pointer;
    text-decoration: underline;
  }

  .active-filters__clear img {
    /* Icon boyutu artık inline style ile kontrol ediliyor */
  }

  /* Pagination Container - Blog Style */
  .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 56px 0;
  }

  /* Pagination Numbers Container */
  .pagination-numbers {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .pagination-number-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Pagination Items */
  .pagination-prev,
  .pagination-next,
  .pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
  }

  /* Prev/Next Button Styles */
  .pagination-prev,
  .pagination-next {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    gap: 4px;
  }

  /* Disabled state */
  .pagination-prev.disabled,
  .pagination-next.disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }

  .pagination-prev img,
  .pagination-next img {
    width: 12px;
    height: 12px;
  }

  /* Number Styles */
  .pagination-number {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  .pagination-number.current {
    /* Inline style ile kontrol ediliyor */
  }

  /* Mobile Pagination */
  @media (max-width: 767px) {
    .pagination {
      justify-content: space-between !important;
      padding: 0 16px;
    }

    .pagination-prev,
    .pagination-prev.disabled {
      margin-right: 0 !important;
    }

    .pagination-next,
    .pagination-next.disabled {
      margin-left: 0 !important;
    }

    .pagination-prev.disabled {
      opacity: 0.3;
      pointer-events: none;
    }

    .pagination-next.disabled {
      opacity: 0.3;
      pointer-events: none;
    }
  }

  /* Collection Empty State */
  .collection-empty-state {
    text-align: center;
    padding: 48px 20px;
    color: #666;
  }

  .collection-empty-state p {
    font-size: 16px;
    margin: 0;
  }
/* Collection Header */
  .collection-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .collection-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - PDP'den alınan */
  .collection-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .collection-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .collection-breadcrumb__item:hover {
    color: #000;
  }

  .collection-breadcrumb__icon {
    vertical-align: middle;
  }

  .collection-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .collection-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Collection Title */
  .collection-header__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

  /* Collections Grid */
  .collections-content {
    padding: 20px 0 56px 0;
  }

  .collections-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4px;
    row-gap: 24px;
  }

  .collection-card {
    position: relative;
    overflow: hidden;
  }

  .collection-card a {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
  }

  /* Collection Image - Product Card stilleri */
  .collection-image,
  .collection-placeholder {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    background-color: #f2f2f2;
  }

  /* Hover'ları kaldır - Override */
  .collection-card:hover .collection-image {
    transform: none !important;
  }

  .collection-image:hover {
    transform: none !important;
  }

  /* Collection Info */
  .collection-info {
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .collection-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0;
    flex: 1;
  }

  .collection-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .collection-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .collection-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .collection-header__title {
      display: none;
    }

    .collections-content {
      padding: 20px 0;
    }

    .collections-grid {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 4px;
      row-gap: 16px;
    }
  }
/* Contact Header */
  .contact-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .contact-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - Collection'dan alınan */
  .contact-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .contact-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .contact-breadcrumb__item:hover {
    color: #000;
  }

  .contact-breadcrumb__icon {
    vertical-align: middle;
  }

  .contact-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .contact-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Contact Content */
  .contact-content {
    padding: 24px 0 56px 0;
  }

  .contact-content__wrapper {
    text-align: center;
  }

  .contact-title {
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0;
  }

  .contact-description {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
  }

  .contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

  .contact-info__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0;
  }

  .contact-phone {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -1px;
    color: #000;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .contact-phone:hover {
    opacity: 0.8;
  }

  /* Footer infos gizleme - Sadece Contact sayfasında */
  .contact-content + * .footer-infos,
  body:has(.contact-content) .footer-infos {
    display: none !important;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .contact-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .contact-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .contact-title {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-description {
      text-align: center;
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-info__title {
      font-size: var(--mobile-font-size) !important;
      font-weight: 500;
    }

    .contact-phone {
      font-size: var(--mobile-font-size) !important;
    }

    .contact-info {
      gap: var(--mobile-gap) !important;
    }
  }

  /* Contact Info Section */
  .contact-info-section {
    margin-bottom: 80px;  
  }

  .contact-info-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr 9fr;
    gap: 0;
    padding: 0 110px;
    align-items: start;
  }

  /* Contact Details (Sol Taraf) */
  .contact-details {
    
  }

  .contact-details__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 24px 0;
  }

  .contact-details__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 16px;
  }

  .contact-details__item:last-child {
    margin-bottom: 0;
  }

  .contact-details__label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
  }

  .contact-details__value {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
  }

  .contact-details__link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .contact-details__link:hover {
    opacity: 0.7;
  }

  /* Divider */
  .contact-divider {
    width: 1px;
    background: #E5E5E5;
    height: 100%;
    margin: 0 72px;
  }

  /* Contact Form (Sağ Taraf) */
  .contact-form { 
    
  }

  .contact-form__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 6px 0;
  }

  .contact-form__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 24px 0;
  }

  .contact-form__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  .contact-form__field {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .contact-form__field label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 6px;
    order: -1;
  }

  .contact-form__field input,
  .contact-form__field select,
  .contact-form__field textarea {
    width: 100%;
    padding: 5px 0px;
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
    transition: border-color 0.2s ease;
  }

  .contact-form__field input:focus,
  .contact-form__field select:focus,
  .contact-form__field textarea:focus {
    outline: none;
    border-bottom-color: #000;
  }

  .contact-form__field input::placeholder,
  .contact-form__field textarea::placeholder {
    color: #8D8F94;
  }

  .select-wrapper {
    position: relative;
  }

  .contact-form__field select {
    appearance: none;
    padding-right: 40px;
    cursor: pointer;
  }

  .contact-form__field select option:disabled {
    color: #8D8F94;
  }

  .contact-form__field select:invalid {
    color: #8D8F94;
  }

  .select-chevron {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none;
    transition: transform 0.3s ease;
  }

  .contact-form__field select:focus + .select-chevron {
    transform: translateY(-50%) rotate(180deg);
  }

  .contact-form__field textarea {
    min-height: 120px;
    resize: vertical;
  }

  /* Footer (Checkbox + Button) */
  .contact-form__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  /* Checkbox Styles */
  .contact-form__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .contact-form__checkbox input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0;
    flex-shrink: 0;
    appearance: none;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
  }

  .contact-form__checkbox input[type="checkbox"]:checked {
    background: #000;
    border-color: #000;
  }

  .contact-form__checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: translate(-50%, -60%) rotate(45deg);
  }

  .contact-form__checkbox label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000;
    margin: 0;
    order: initial;
  }

  .contact-form__checkbox label a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
  }

  .contact-form__checkbox label a:hover {
    opacity: 0.7;
  }

  /* Submit Button */
  .contact-form__submit {
    padding: 16px 32px;
    background: transparent;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.4s ease;
  }

  .contact-form__submit:hover {
    background: #000;
    color: #fff;
    border-color: #8D8F94;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .contact-info-section {
      padding: 0px 0;
    }

    .contact-info-wrapper {
      grid-template-columns: 1fr;
      gap: 56px;
      padding: 0;
    }

    .contact-details {
      order: 2;
    }

    .contact-divider {
      display: none;
    }

    .contact-form {
      order: 1;
    }

    .contact-details__title {
      font-size: var(--mobile-font-size) !important;
      line-height: 32px;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-details__item {
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-details__label {
      font-size: var(--mobile-font-size) !important;
    }

    .contact-details__value {
      font-size: var(--mobile-font-size) !important;
    }

    .contact-details__link {
      font-size: var(--mobile-font-size) !important;
    }

    .contact-form__title {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-form__description {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-form__field label {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .contact-form__row {
      grid-template-columns: 1fr;
    }

    .contact-form__footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .contact-form__submit {
      width: 100%;
    }
  }

  /* Form Message Styles */
  .form-message {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
  }
  
  .form-message--success {
    background: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
  }
  
  .form-message--error {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
  }
  
  .form-message__icon {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  
  .form-message__text {
    flex: 1;
    margin: 0;
  }
  
  @media (max-width: 768px) {
    .form-message {
      font-size: 13px;
      padding: 14px;
      margin-bottom: 20px;
      gap: 10px;
    }
    
    .form-message__icon {
      font-size: 16px;
    }
  }
/* Corporate Header - Account Header'dan uyarlama */
  .corporate-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .corporate-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - Account'taki gibi */
  .corporate-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .corporate-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .corporate-breadcrumb__item:hover {
    color: #000;
  }

  .corporate-breadcrumb__icon {
    vertical-align: middle;
  }

  .corporate-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .corporate-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Mobile responsive - Header için */
  @media (max-width: 1023px) {
    .corporate-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .corporate-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }
  }

  /* Corporate Content - Account Content'ten uyarlama */
  .corporate-content {
    padding: 56px 166px;
  }

  .corporate-content__wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 60px;
  }

  /* Corporate Menu - Account Menu'den uyarlama */
  .corporate-menu {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
  }

  .corporate-menu::after {
    content: '';
    position: absolute;
    top: -56px;
    right: 0;
    bottom: -56px;
    width: 1px;
    background-color: #E5E5E5;
  }

  .corporate-menu__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #8D8F94;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    transition: all 0.2s ease;
  }

  .corporate-menu__item:last-child {
    margin-bottom: 0;
  }

  .corporate-menu__item--active {
    color: #000;
  }

  /* Corporate Main Content - Account Main'den uyarlama */
  .corporate-content-area {
    
  }

  .corporate-text-content h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 32px 0;
    color: #000;
  }

  .corporate-rich-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #1A1B1E;
  }

  .corporate-rich-text p {
    margin: 0 0 16px 0;
  }

  .corporate-rich-text p:last-child {
    margin-bottom: 0;
  }

  .corporate-rich-text h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 24px 0 12px 0;
  }

  .corporate-rich-text h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 20px 0 10px 0;
  }

  .corporate-rich-text ul,
  .corporate-rich-text ol {
    margin: 16px 0;
    padding-left: 24px;
  }

  .corporate-rich-text li {
    margin-bottom: 8px;
  }

  .corporate-rich-text a {
    color: #000;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .corporate-rich-text a:hover {
    opacity: 0.7;
  }

  .corporate-rich-text strong {
    font-weight: 500;
    color: #000;
  }

  /* Footer infos gizleme - Account gibi */
  .corporate-content + * .footer-infos,
  body:has(.corporate-content) .footer-infos {
    display: none !important;
  }

  /* Tablet responsive - Account'taki gibi */
  @media (min-width: 1024px) and (max-width: 1500px) {
    .corporate-content {
      padding: 56px 0px;
    }
  }

  /* Desktop - hide mobile menu - Account'taki gibi */
  .corporate-mobile-menu {
    display: none;
  }

  /* Mobile responsive - Account'taki birebir aynısı */
  @media (max-width: 1023px) {
    .corporate-content {
      padding: 24px 0px 0 0;
    }

    .corporate-content__wrapper {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    /* Hide desktop menu */
    .corporate-menu {
      display: none !important;
    }

    /* Show mobile accordion */
    .corporate-mobile-menu {
      display: block !important;
    }
  }

  /* Mobile Accordion Styles - Account'tan birebir aynısı */
  .corporate-accordion {
    border: 1px solid #E5E5E5;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
  }

  .corporate-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
    list-style: none;
    background: none;
    border: none;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .corporate-accordion[open] .corporate-accordion__header {
    padding: 12px 16px 24px 16px;
  }

  .corporate-accordion__header::-webkit-details-marker {
    display: none;
  }

  .corporate-accordion__chevron {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
  }

  .corporate-accordion[open] .corporate-accordion__chevron {
    transform: rotate(180deg);
  }

  .corporate-accordion__content {
    padding: 0;
    animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    transform-origin: top;
  }

  .corporate-accordion[open] .corporate-accordion__content {
    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

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

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

  .corporate-accordion__item {
    display: flex;
    align-items: center;
    padding: 0 16px 12px 16px;
    text-decoration: none;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  /* Mobile responsive for main content */
  @media (max-width: 1023px) {
    .corporate-content-area {
      width: 100%;
      overflow: hidden;
      margin-bottom: 56px;
    }
  }

  /* Tab Content Animation - Account'taki gibi fade-in */
  .corporate-tab-content {
    display: none;
  }
/* Container */

  /* Corporate Single Header */
  .corporate-single-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .corporate-single-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - Corporate-info'dan birebir */
  .corporate-single-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .corporate-single-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .corporate-single-breadcrumb__item:hover {
    color: #000;
  }

  .corporate-single-breadcrumb__icon {
    vertical-align: middle;
  }

  .corporate-single-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .corporate-single-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Corporate Single Content */
  .corporate-single-content {
    padding: 56px 166px;
  }

  .corporate-single-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 60px;
  }

  /* Corporate Single Menu (Sol) */
  .corporate-single-menu {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
  }

  .corporate-single-menu::after {
    content: '';
    position: absolute;
    top: -56px;
    right: 0;
    bottom: -56px;
    width: 1px;
    background-color: #E5E5E5;
  }

  .corporate-single-menu__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #8D8F94;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    transition: all 0.2s ease;
  }

  .corporate-single-menu__item:hover {
    color: #000;
  }

  .corporate-single-menu__item--active {
    color: #000;
  }

  /* Corporate Single Main Content (Sağ) */
  .corporate-single-main {
    width: 100%;
  }

  .corporate-single-text-content {
    width: 100%;
  }

  .corporate-single-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 32px 0;
    color: #000;
    line-height: 32px;
    letter-spacing: -0.6px;
  }

  .corporate-single-rich-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #1A1B1E;
  }

  .corporate-single-rich-text p {
    margin: 0 0 16px 0;
  }

  .corporate-single-rich-text p:last-child {
    margin-bottom: 0;
  }

  .corporate-single-rich-text h2 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 24px 0 12px 0;
    line-height: 28px;
    letter-spacing: -0.5px;
  }

  .corporate-single-rich-text h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 20px 0 10px 0;
    line-height: 26px;
    letter-spacing: -0.4px;
  }

  .corporate-single-rich-text h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 16px 0 8px 0;
    line-height: 24px;
    letter-spacing: -0.4px;
  }

  .corporate-single-rich-text ul,
  .corporate-single-rich-text ol {
    margin: 16px 0;
    padding-left: 16px;
  }

  .corporate-single-rich-text li {
    margin-bottom: 8px;
  }

  .corporate-single-rich-text a {
    color: #000;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .corporate-single-rich-text a:hover {
    opacity: 0.7;
  }

  .corporate-single-rich-text strong {
    font-weight: 500;
    color: #000;
  }

  /* Mobile Accordion - Hidden by default */
  .corporate-single-mobile-menu {
    display: none;
  }

  /* Footer infos gizleme */
  .corporate-single-content + * .footer-infos,
  body:has(.corporate-single-content) .footer-infos {
    display: none !important;
  }

  /* Desktop - hide mobile menu */
  @media (min-width: 1024px) {
    .corporate-single-mobile-menu {
      display: none !important;
    }
  }

  /* Tablet responsive */
  @media (min-width: 1024px) and (max-width: 1500px) {
    .corporate-single-content {
      padding: 56px 0px;
    }
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .corporate-single-content {
      padding: 24px 0px 0 0;
    }

    .corporate-single-wrapper {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    /* Hide desktop menu */
    .corporate-single-menu {
      display: none !important;
    }

    /* Show mobile accordion */
    .corporate-single-mobile-menu {
      display: block !important;
    }

    .corporate-single-main {
      margin-bottom: 56px;
    }

    .corporate-single-title {
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.5px;
      margin-bottom: 24px;
    }

    .corporate-single-text-content {
      margin-top: 24px;
    }
  }

  /* Mobile Accordion Styles */
  .corporate-single-accordion {
    border: 1px solid #E5E5E5;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
  }

  .corporate-single-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
    list-style: none;
    background: none;
    border: none;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .corporate-single-accordion[open] .corporate-single-accordion__header {
    padding: 12px 16px 24px 16px;
  }

  .corporate-single-accordion__header::-webkit-details-marker {
    display: none;
  }

  .corporate-single-accordion__chevron {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
  }

  .corporate-single-accordion[open] .corporate-single-accordion__chevron {
    transform: rotate(180deg);
  }

  .corporate-single-accordion__content {
    padding: 0;
    animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    transform-origin: top;
  }

  .corporate-single-accordion[open] .corporate-single-accordion__content {
    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

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

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

  .corporate-single-accordion__item {
    display: flex;
    align-items: center;
    padding: 0 16px 12px 16px;
    text-decoration: none;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    transition: color 0.2s ease;
  }

  .corporate-single-accordion__item:hover {
    color: #000;
  }

  .corporate-single-accordion__item--active {
    color: #000;
  }
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
.featured-products {
    padding: 0 0 56px 0;
    overflow: hidden;
  }
  
  .featured-products__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }
  
  .featured-products__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0;
  }

  .featured-products__nav {
    display: flex;
    gap: 8px;
  }

  .featured-products__nav-button {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .featured-products__nav-button.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .featured-products__nav-icon {
    /* Boyutlar artık inline style ile ayarlanıyor */
  }
.featured-text-home {
    margin-top: 56px;
  }
  
  
  .featured-text-home__content {
    text-align: center;

  }
  
  .featured-text-home__title {
    font-weight: 500;
    line-height: auto;
    letter-spacing: 0;
    margin: 0 0 14px 0;
  }
  
  .featured-text-home__subtitle {
    font-weight: 400;
    line-height: auto;
    letter-spacing: -1px;
    margin: 0 0 14px 0;
  }
  
  .featured-text-home__text {
    font-weight: 400;
    line-height: auto;
    letter-spacing: -0.8px;
    margin: 0;
    text-align: left;
  }
  
  .featured-text-home__text {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 20px;
  }
  
  .featured-text-home__text p {
    margin-bottom: 12px;
  }
  
  .featured-text-home__text p:last-child {
    margin-bottom: 0;
  }
  
  /* Content H2 stilleri */
  .featured-text-home__text h2 {
    font-size: 24px !important;
    font-weight: 500 !important;
    color: {{ section.settings.text_color | default: '#4F5159' }} !important;
  }
  
  /* Link stilleri */
  .featured-text-home__text a,
  .featured-text-home__text a:link,
  .featured-text-home__text a:visited,
  .featured-text-home__text a strong {
    color: #000;
    text-decoration: none !important;
  }
  
  .featured-text-home__text a:hover,
  .featured-text-home__text a:hover strong {
    color: {{ section.settings.text_color | default: '#4F5159' }} !important;
    text-decoration: underline!important;
    opacity: 1;
  }
  
  /* Custom scrollbar - siyah temalarda da uyumlu */
  .featured-text-home__text::-webkit-scrollbar {
    width: 6px;
  }
  
  .featured-text-home__text::-webkit-scrollbar-track {
    background: rgba(79, 81, 89, 0.1);
    border-radius: 3px;
  }
  
  .featured-text-home__text::-webkit-scrollbar-thumb {
    background: rgba(79, 81, 89, 0.4);
    border-radius: 3px;
    transition: background 0.2s ease;
  }
  
  .featured-text-home__text::-webkit-scrollbar-thumb:hover {
    background: rgba(79, 81, 89, 0.6);
  }
  
  /* Mobile responsive */
  @media (max-width: 1023px) {
    .featured-text-home {
      padding: 60px 0;
    }
    
    .featured-text-home__title {
      font-size: var(--mobile-font-size) !important;
    }
    
    .featured-text-home__subtitle {
      font-size: var(--mobile-font-size) !important;
      letter-spacing: -0.4px;
    }
    
    .featured-text-home__text {
      font-size: var(--mobile-font-size) !important;
      text-align: center;
      padding-right: 15px !important;
      max-height: 225px !important;
    }
  }
footer {
    margin-top: 0px;
  }
  
    @media (max-width: 1023px) {
      footer {
        margin-top: 0;
      }
  }
  
  .footer-infos {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 80px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
  }
  .footer-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    font-family: "indivisible", sans-serif;
    min-height: 80px;
  }
  .footer-info__icon {
    margin-bottom: 8px;
    width: 16px;
    height: 16px;
    display: block;
  }
  .footer-info__icon svg {
    width: 100%;
    height: 100%;
  }
  .footer-info__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .footer-info:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 1px;
    background: rgba(0, 0, 0, 0.16);
  }

  @media (min-width: 768px) and (max-width: 1199px) {
    .footer-infos {
      flex-wrap: wrap;
      row-gap: 32px;
    }
    .footer-info {
      flex-basis: 50%;
    }
    .footer-info:nth-child(2n)::after {
      display: none;
    }
  }
  @media (max-width: 1022px) {
    .footer-infos {
      display: none;
    }
  }

  .footer-bottom {
    padding-top: 0;
  }

  .footer-main {
    display: grid;
    grid-template-columns: repeat(6, 1fr) 1.1fr;
    gap: 24px 4px;
    padding: 80px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    border-top: 1px solid rgba(0, 0, 0, 0.16);
  }

  @media screen and (min-width: 1024px) and (max-width: 1200px) {
    .footer-main {
      grid-template-columns: repeat(2, 1fr) 1fr;
      gap: 40px;
    }

    .footer-main .footer-column:last-child {
      margin-left: 0 !important;
      margin-top: 20px;
      width: 327%;
    }
  }

  .footer-column--mobile-only {
    display: none;
  }

  .footer-main > .footer-column:last-of-type {
    margin-left: 20px;
  }

  @media (max-width: 1022px) {
    .footer-main {
      padding: 0 !important;
    }
    .footer-main > .footer-column:last-of-type {
      margin-left: 0;
    }
    .footer-desktop-menu {
      display: none;
    }
    .footer-accordion {
      display: block;
    }
    .footer-bottom-bar {
      display: none;
    }
    .footer-column--mobile-only {
      display: none;
    }
  }

  @media (min-width: 1023px) {
    .footer-accordion {
      display: none;
    }
    .footer-column--mobile-only {
      display: none !important;
    }

  }

  .footer-column__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #000;
  }

  .footer-accordion__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
  }

  .footer-accordion__title::-webkit-details-marker {
    display: none;
  }

  .footer-accordion__title .icon-chevron-down {
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    flex-shrink: 0;
  }

  details[open] > summary.footer-accordion__title .icon-chevron-down {
    transform: rotate(180deg);
  }

  .newsletter-form__field-wrapper {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    transition: border-bottom-color 0.2s ease;
  }

  .newsletter-form__field-wrapper:focus-within {
    border-bottom-color: #000;
  }

  .newsletter-form__input {
    width: 100%;
    border: none;
    background: transparent;
    padding: 0px 32px 12px 0;
    font-size: 14px;
    color: #000;
    font-family: inherit;
    outline: none;
  }

  .newsletter-form__input::placeholder {
    color:  #5D6069;
    font-size: 12px;
    letter-spacing: -0.4px;
    line-height: 16px;
  }

  .newsletter-form__button {
    position: absolute;
    right: 0;
    top: 35%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
  }

  .newsletter-form__button svg {
    width: 16px;
    height: 16px;
  }

  .newsletter-form__agreement {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
    color: #000;
    letter-spacing: -0.2px;
    line-height: 16px;
  }

  .newsletter-form__agreement input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border: 0.6px solid #000;
    flex-shrink: 0;
    position: relative;
    margin-top: 4px;
    border-radius: 0 !important;
    cursor: pointer;
  }

  .newsletter-form__agreement input[type="checkbox"]:checked::before {
    content: '✓';
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #000;
  }

  .form__message--error,
  .form__message--success {
    font-size: 12px;
    margin-top: 10px;
  }

  .form__message--error {
    color: red;
  }

  .form__message--success {
    color: green;
  }

  .footer-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  .footer-menu__item {
    position: relative;
  }

  .footer-menu__item:last-child {
    margin-bottom: 0;
  }

  .footer-menu__link {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    transition: text-decoration 0.2s;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .footer-menu__link:hover {
    text-decoration: underline;
  }

  .newsletter-form__agreement-link {
    font-weight: 500;
  }

  /* Mobile Accordion Styles */
  @media (max-width: 1022px) {
    .footer-main {
      display: flex;
      flex-direction: column;
      gap: 0;
      border-bottom: none;
    }

    .footer-column:last-child {
      order: -1;
      padding-top: 56px;
      margin-bottom: 56px;
    }

    .footer-accordion {
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      padding: 24px 0;
    }

    .footer-accordion:last-of-type {
      margin-bottom: 0px;
    }

    .footer-accordion__title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-accordion__title::-webkit-details-marker {
      display: none;
    }

    .footer-accordion[open] > .footer-accordion__title svg {
      transform: rotate(180deg);
    }



    .footer-accordion__content {
      display: grid;
      grid-template-rows: 0fr;
      overflow: hidden;
      transition: grid-template-rows 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                  padding-top 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      padding-top: 0;
    }

    .footer-accordion__content > * {
      min-height: 0;
    }

    .footer-accordion[open] .footer-accordion__content {
      grid-template-rows: 1fr; /* Otomatik height - ne kadar içerik varsa o kadar */
      padding-top: 24px;
    }
  }

  /* Desktop: Show normal menu, hide accordion */
  @media (min-width: 1023px) {
    .footer-bottom {

    }
    .footer-accordion {
      display: none;
    }

    .footer-desktop-menu {
      display: block;
    }
  }

  /* Mobile: Show accordion, hide normal menu */
  @media (max-width: 1022px) {
    .footer-accordion {
      display: block;
    }

    .footer-desktop-menu {
      display: none;
    }
  }



  .footer-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    font-size: 12px;
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.16);
  }

  .social-links {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .social-links__item:last-child {
    margin-right: 0 !important;
  }

  .social-links__separator {
    color: rgba(0,0,0,0.6);
  }

  .social-links__link {
    text-decoration: none;
    color: inherit;
    font-size: 12px;
    font-weight: 400;
  }

  .localization__store {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .localization__store span {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }

  .localization__store .localization__separator {
    color: rgba(0, 0, 0, 0.16);
  }

  .localization__language {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .localization__language span,
  .localization__language a {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: 0.6px solid transparent;
    transition: border-color 0.2s ease;
  }

  .localization__language span.active {
    color: #000000;
    cursor: default;
    border-bottom: 0.6px solid #000000;
  }

  .localization__language span:first-child {
    color: #000000;
    cursor: default;
    border-bottom: 0.6px solid transparent;
  }

  .localization__language a:hover {
    border-bottom: 0.6px solid #AAABAF;
  }

 .localization__language .localization__separator {
    color: rgba(0, 0, 0, 0.16);
    cursor: default;
  }

  @media (max-width: 1022px) {
    .footer-bottom-bar {
      display: none;
    }
  }

  .footer-column--mobile-only {
    display: block;
  }

  .footer-column--mobile-only .footer-menu__item {
    color: #000000;
  }

  .footer-column--mobile-only .footer-menu__item.active {
    color: #000000;
  }

  @media (min-width: 1023px) {
    .footer-accordion {
      display: none;
    }
  }

  .footer-column--language .footer-menu__item {
    color: #000000;
    padding-bottom: 2px;
    border-bottom: 0.6px solid transparent;
    width: max-content;
  }

  .footer-column--language .footer-menu__item.active {
    color: #000000;
    border-bottom: 0.6px solid #000000;
  }

  .footer-column--language .footer-menu__item a:hover {
    border-bottom: 0.6px solid #AAABAF;
  }

  .footer-copyright {
    padding: 24px 0;
  }

  .footer-copyright__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer-copyright__text p {
    margin: 0;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
  }

  .footer-copyright__etbis img {
    display: block;
    max-width: 80px;
    height: auto;
  }

  @media (max-width: 1022px) {
    .footer-copyright__container {
      flex-direction: column-reverse;
      gap: 40px;
      text-align: center;
    }
    .footer-copyright {
       padding: 56px 0;
    }
  }

  .footer-column--newsletter {
    grid-column: 1 / -1;
  }
header {
    border-bottom: 1px solid #D9D9DB;
    position: relative;
   }
   
   /* Header'ın altında invisible hover area */
   header::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: transparent;
    pointer-events: auto;
   }
   
  .header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 24px 0;
    gap: 0;
    
  }
  .header__nav {
    display: flex;
    gap: 30px;
  }
  .header__nav-item,
  .header__right-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s;
  }
  .header__nav-item:hover,
  .header__right-item:hover {
    color: #888;
  }
  .header__nav-trigger,
  .header__search-btn,
  .header__hamburger,
  .header__icon-btn {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
  }
  .header__nav-trigger {
    position: relative;
  }
  
  /* Invisible hover area for smooth transition */
  .header__nav-trigger::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -16px;
    background: transparent;
    pointer-events: auto;
  }
  .header__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 120px;
  }
  .header__right {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  
  /* Yeni eklenen CSS kuralları */
  nav.header__nav.desktop-only, .header__right { 
    width: 38%; 
  }
  
  .header__right { 
    justify-content: end; 
  }
  .header__search {
    display: flex;
    align-items: center;
    gap: 0;
    margin-right: 20px;
    border-bottom: 0.6px solid #000;
    padding-bottom: 5px;
  }
  .header__search-input {
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: {{ section.settings.search_color | default: '#000000' | escape }};
    background: transparent;
    width: 220px;
    padding: 0;
  }
  .header__search-input::placeholder {
    color: {{ section.settings.search_color | default: '#000000' | escape }};
  }
  .header__search-btn {
    margin-left: 4px;
    display: flex;
    align-items: center;
  }
  .header__search-btn img {
    width: 24px;
    height: 24px;
    display: block;
  }

  /* Mobil özel */
  .mobile-only { display: none; }
  .desktop-only { display: flex; }
  @media (max-width: 1200px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: flex !important; align-items: center; }
    .header__inner {
      padding: 20px 0;
    }
    .header__mobile-left {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .header__mobile-logo img {
      height: 18px;
      width: auto;
    }
    .header__hamburger {
      box-shadow: none;
      outline: none;
      display: flex;
      align-items: center;
      width: auto;
      height: auto;
      position: relative;

      img {
        width: 18px;
        height: 18px;
      }
    }
    .header__hamburger::before {
      content: '';
      position: absolute;
      top: calc(-1 * (22px - {{ section.settings.hamburger_icon_size | default: 18 }}px) / 2);
      left: calc(-1 * (22px - {{ section.settings.hamburger_icon_size | default: 18 }}px) / 2);
      right: calc(-1 * (22px - {{ section.settings.hamburger_icon_size | default: 18 }}px) / 2);
      bottom: calc(-1 * (22px - {{ section.settings.hamburger_icon_size | default: 18 }}px) / 2);
      background: transparent;
      pointer-events: auto;
    }
    .header__mobile-icons {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .header__icon-btn {
      display: flex;
      align-items: center;
      position: relative;
      width: auto;
      height: auto;
    }
    .header__icon-btn::before {
      content: '';
      position: absolute;
      top: calc(-1 * (22px - {{ section.settings.mobile_icon_size | default: 18 }}px) / 2);
      left: calc(-1 * (22px - {{ section.settings.mobile_icon_size | default: 18 }}px) / 2);
      right: calc(-1 * (22px - {{ section.settings.mobile_icon_size | default: 18 }}px) / 2);
      bottom: calc(-1 * (22px - {{ section.settings.mobile_icon_size | default: 18 }}px) / 2);
      background: transparent;
      pointer-events: auto;
    }
    /* .header__icon-btn img boyutu sadece inline style ile ayarlanacak */
    .header__icon-badge {
      position: absolute;
      top: -8px;
      right: -8px;
      background: #000;
      color: #fff;
      font-size: 10px;
      border-radius: 50%;
      min-width: 16px;  
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      font-weight: 400;
    }
    .mobile-search-bar {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      background: #fff;
      z-index: 9999;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      transform: translateY(-100%);
      transition: transform 0.3s cubic-bezier(.4,0,.2,1);
      will-change: transform;
      padding: 18px 16px 14px 16px;
      border-bottom: 1px solid #D9D9DB;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .mobile-search-bar.active {
      transform: translateY(0);
    }
    .mobile-search-bar__form {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 0;
    }
    .mobile-search-bar__input {
      border: none;
      outline: none;
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: -0.2px;
      color: {{ section.settings.search_color | default: '#000000' | escape }};
      background: transparent;
      width: 100%;
      padding: 0;
    }
    .mobile-search-bar__close {
      display: flex;
      align-items: center;
      background: none;
      border: none;
      padding: 0;
    }
    .mobile-search-bar__close img {
      width: 24px;
      height: 24px;
      display: block;
    }
  }
  @media (min-width: 1201px) {
    .mobile-search-bar { display: none !important; }
  }
  @media (min-width: 1200px) and (max-width: 1400px) {
    .header__nav {
      gap: 20px;
    }
    .header__search-input {
      width: 150px;
    }
    .header__search {
      margin-right: 10px;
    }
  }
  /* Cart Wrapper */
  .header__cart-wrapper {
    position: relative;
    display: inline-block;
  }

  .header__search-input,
  .mobile-search-bar__input {
    color: {{ section.settings.search_color | default: '#000000' | escape }};
  }
  .header__search-input::placeholder,
  .mobile-search-bar__input::placeholder {
    color: {{ section.settings.search_color | default: '#000000' | escape }};
  }
  .mobile-menu-container {
    display: none;
  }
  .mobile-menu-container.is-active {
    display: flex;
  }
.welcome {
    display: grid;
    grid-template-columns: var(--content-grid);
    background-color: #f6f6f7;
    padding: 72px 0;
  }

  .welcome-content {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0 24px;
  }

  .welcome-description {
    max-width: 80ch;
    line-height: 1.4;
    margin-top: 1.5rem;
  }

  .icon {
    width: 300px;
  }

  .highlights {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
  }

  @media (max-width: 1100px) {
    .highlights {
      grid-template-columns: 1fr;
    }
  }

  .highlight {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    border-radius: 8px;
    background-color: #eef3ff;
    color: rgb(92, 95, 98);
    line-height: 1.4;
  }

  .highlight > * + * {
    margin-top: 1rem;
  }

  .highlight h3 {
    font-size: 1rem;
    color: rgb(32, 34, 35);
  }

  .highlight-description {
    flex: 1 1;
  }

  .highlight a {
    display: flex;
    width: fit-content;
    background-color: rgb(250, 251, 251);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.9) 0px 2px 0px 0px inset;
    border: 1px solid rgb(140, 145, 150);
    border-radius: 4px;
    color: rgb(92, 95, 98);
    padding: 3px 10px 5px;
    text-decoration: none;
  }
.hero-swiper-container {
    height: unset;
    aspect-ratio: 216 / 85;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .hero-swiper, .swiper-slide {
    width: 100%;
    height: 100%;
  }

  .hero-slide__link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .hero-slide__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .hero-slide__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .hero-mobile-only {
    display: none;
  }

  .hero-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #DBDBDB;
    opacity: 1;
  }

  .hero-swiper .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background-color: #000000;
    border: none;
  }

  .hero-swiper .swiper-pagination {
    bottom: 26px;
    gap: 4px;
    left: 26px;
    right: auto;
    width: auto;
    text-align: left;
    display: flex;
    align-items: center;
    margin: 0 !important;
  }

  .mobile-pagination {
    display: none;
    padding: 12px 16px 0 16px;
    text-align: center;
  }

  .hero-mobile-bullets {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
  }

  .mobile-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #C3C4C6;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .mobile-bullet.active {
    width: 8px;
    height: 8px;
    background-color: #000000;
    border: none;
  }

  .hero-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
  .hero-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0px);
  }

  /* Custom Navigation Buttons */
  .hero-nav-prev,
  .hero-nav-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.3s ease;
    background: transparent;
    border: none;
  }

  .hero-nav-prev:hover,
  .hero-nav-next:hover {
    opacity: 0.7;
  }

  .hero-nav-prev {
    left: 26px;
  }

  .hero-nav-next {
    right: 26px;
  }

  .hero-nav-prev img,
  .hero-nav-next img {
    width: 40px;
    height: 40px;
  }

  @media screen and (max-width: 767px) {
    .hero-swiper-container {
      height: unset;
      aspect-ratio: 39 / 68;
    }

    .hero-desktop-only {
      display: none;
    }
    .hero-mobile-only {
      display: block;
    }

    .hero-swiper .swiper-pagination {
      display: none !important;
    }

    .mobile-pagination {
      display: block !important;
    }

    .mobile-pagination .swiper-pagination-bullet {
      display: inline-block !important;
      margin: 0 2px !important;
    }

    .hero-swiper .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
    }

    .hero-swiper .swiper-pagination-bullet-active {
      width: 10px;
      height: 10px;
    }

    /* Custom Navigation for Mobile */
    .hero-nav-prev {
      left: 16px;
    }

    .hero-nav-next {
      right: 16px;
    }

    .hero-nav-prev,
    .hero-nav-next {
      width: 25px;
      height: 25px;
    }

    .hero-nav-prev img,
    .hero-nav-next img {
      width: 25px;
      height: 25px;
    }
  }
.kesfet-section {
    width: 100%;
  }

  .kesfet-hero {
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }

  .kesfet-hero__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }

  .kesfet-hero__content {
    text-align: center;
    color: #ffffff;
  }

  .kesfet-hero__title {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 72px;
    margin: 0;
  }

  .kesfet-hero__button {
    background: none;
    border: none;
    font-weight: 400;
    letter-spacing: -0.8px;
    line-height: 24px;
    margin: 0;
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    padding: 0 0 4px 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }

  .kesfet-hero__button:hover {
    opacity: 0.8;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .kesfet-hero {
      height: unset;
      aspect-ratio: 4 / 3 ;
    }

    .kesfet-hero__title {
      font-size: var(--mobile-font-size) !important;
      font-weight: 500 !important;
      line-height: 40px !important;
      letter-spacing: 0 !important;
      margin-bottom: var(--mobile-spacing) !important;
    }

    .kesfet-hero__button {
      font-size: var(--mobile-button-font-size) !important;
      font-weight: 400 !important;
      line-height: 20px !important;
      letter-spacing: -0.4px !important;
    }
  }
/* Account Header */
  .account-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .account-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles - Collection'dan alınan */
  .account-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .account-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .account-breadcrumb__item:hover {
    color: #000;
  }

  .account-breadcrumb__icon {
    vertical-align: middle;
  }

  .account-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .account-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }



  /* Mobile responsive */
  @media (max-width: 1023px) {
    .account-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .account-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }
  }

  /* Account Content */
  .account-content {
    padding: 56px 166px;
  }

  .account-content__wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 60px;
  }

  /* Account Menu */
  .account-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
  }

  .account-menu::after {
    content: '';
    position: absolute;
    top: -56px;
    right: 0;
    bottom: -56px;
    width: 1px;
    background-color: #E5E5E5;
  }

  .account-menu__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #8D8F94;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    transition: all 0.2s ease;
  }

  .account-menu__item:last-child {
    margin-bottom: 0;
  }

  .account-menu__item--active {
    color: #000;
  }

  .account-menu__item--active .account-menu__icon {
    filter: brightness(0) saturate(100%);
  }

  .account-menu__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  /* Account Main Content */
  .account-main {
    
  }

  .account-main__title {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 32px 0;
    color: #000;
  }

  /* Account Orders Header */
  .account-orders-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
  }

  .account-orders-title,
  .addresses-title,
  .account-profile__title,
  .gift-cards-title,
  .account-password-title,
  .account-favorites-title,
  .account-stock-alarm-title,
  .account-payment-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin: 0;
    color: #000;
  }

  /* Başlıklar için özel margin */
  .gift-cards-title,
  .account-profile__title,
  .account-password-title,
  .account-stock-alarm-title,
  .account-payment-title {
    margin-bottom: 32px;
  }

  /* Favorites Header - Özel düzenleme */
  .favorites-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 32px;
  }

  .account-favorites-title {
    margin-bottom: 0 !important; /* Başlık margin'ini sıfırla */
  }

  .favorites-count {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #000;
  }

  .gift-cards-message,
  .account-password-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #1A1B1E;
    margin: 0;
  }

  /* Password Email Field Styles */
  .password-email-field {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
  }

  .password-email-field label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin-bottom: 6px;
  }

  .password-email-field input {
    width: 43%;
    height: 48px;
    padding: 0 12px;
    border: 1px solid #D9D9DB;
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    cursor: not-allowed;
    border-radius: 0;
  }

  .password-email-field input:focus {
    outline: none;
    border-color: #E5E5E5;
  }

  /* Password Submit Button */
  .password-submit-btn {
    margin-top: 32px;
    width: fit-content;
    padding: 10px 36px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    border: 1px solid #8D8F94;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .password-submit-btn:hover {
    opacity: 0.9;
  }

  /* Password Form Success Message */
  .form-message--success {
    border: 1px solid #28a745;
    background-color: #f0f8f0;
    padding: 15px 20px;
    margin-bottom: 30px;
    font-size: 14px;
  }

  .form-message--success p {
    margin: 0;
    color: #155724;
  }

  .account-filter {
    position: relative;
  }

  .account-filter__button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid #D9D9DB;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    cursor: pointer;
  }

  .account-filter__button img {
    width: 18px;
    height: 18px;
  }

  .account-filter__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #D9D9DB;
    z-index: 10;
  }

  .account-filter__option {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
    text-decoration: none;
  }

  .account-filter__option:hover {
    background: #F1F2F2;
  }

  .account-filter__option--active {
    background: #F1F2F2;
  }

  /* Account Orders Table */
  .account-orders-table {
    width: 100%;
  }

  .account-orders-table__header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .account-orders-table__header .account-orders-table__cell {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  .account-orders-table__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .account-orders-table__row:last-child {
    border-bottom: none;
  }

  .account-orders-table__cell {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
  }

  /* Order Details Row */
  .order-details-row {
    grid-column: 1 / -1;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .order-details-row:last-child {
    border-bottom: none;
  }

  .order-product-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-width: 280px;
    flex: 1;
  }

  .order-product-image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
  }

  .order-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .order-product-no-image {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .order-product-details {
    flex: 1;
    min-width: 0;
  }

  .order-product-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 8px 0;
  }

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

  .order-product-info span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: #8D8F94;
  }

  .order-product-price {
    font-weight: 500 !important;
    color: #000 !important;
  }

  /* Order Invoice Button */
  .order-invoice-section {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }

  .order-invoice-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #f5f5f5;
    color: #000;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .order-invoice-button:hover {
    background: #e8e8e8;
    color: #000;
  }

  .order-invoice-button svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }



  /* Empty State Styles */
  .orders-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    min-height: 400px;
    border: 1px solid #E5E5E5;
    background-color: #FAFAFA;
  }

  .orders-empty-state__content {
    text-align: center;
    max-width: 400px;
  }

  .orders-empty-state__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
  }

  .orders-empty-state__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 12px;
  }

  .orders-empty-state__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin-bottom: 32px;
  }

  .orders-empty-state__button {
    display: inline-block;
    padding: 12px 24px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.4px;
    transition: background 0.3s ease;
    border: none;
    cursor: pointer;
  }

  .orders-empty-state__button:hover {
    background: #333;
  }

  /* Account Orders Pagination - PLP ile aynı */
  .account-tab-content[data-tab="orders"] .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 56px 0;
  }

  .account-tab-content[data-tab="orders"] .pagination-numbers {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .account-tab-content[data-tab="orders"] .pagination-number-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .account-tab-content[data-tab="orders"] .pagination-prev,
  .account-tab-content[data-tab="orders"] .pagination-next,
  .account-tab-content[data-tab="orders"] .pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  .account-tab-content[data-tab="orders"] .pagination-prev.disabled,
  .account-tab-content[data-tab="orders"] .pagination-next.disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }

  .account-tab-content[data-tab="orders"] .pagination-prev img,
  .account-tab-content[data-tab="orders"] .pagination-next img {
    width: 12px;
    height: 12px;
  }

  /* Mobile pagination - kenarlarda olsun */
  @media (max-width: 1023px) {
    .account-tab-content[data-tab="orders"] .pagination {
      justify-content: space-between !important;
      padding: 0 !important;
      margin: 32px 0 !important;
    }

    .account-tab-content[data-tab="orders"] .pagination-prev {
      margin-right: 0 !important;
    }

    .account-tab-content[data-tab="orders"] .pagination-next {
      margin-left: 0 !important;
    }
  }

  /* Mobile responsive for empty state */
  @media (max-width: 1023px) {
    .orders-empty-state {
      padding: 40px 20px;
      min-height: 300px;
    }

    .orders-empty-state__icon {
      width: 48px;
      height: 48px;
      margin-bottom: 20px;
    }

    .orders-empty-state__title {
      font-size: 18px;
      line-height: 24px;
    }

    .orders-empty-state__text {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 24px;
    }
  }

  /* Hide footer info section when account section is present */
  .main-account-section ~ * .footer-infos,
  body:has(.main-account-section) .footer-infos {
    display: none !important;
  }

  /* Tablet responsive */
  @media (min-width: 1024px) and (max-width: 1500px) {
    .account-content {
      padding: 56px 0px;
    }
  }

  /* Desktop - hide mobile menu */
  .account-mobile-menu {
    display: none;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .account-content {
      padding: 14px 0px 0 0;
    }

    .account-content__wrapper {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    /* Hide desktop menu */
    .account-menu {
      display: none !important;
    }

    /* Show mobile accordion */
    .account-mobile-menu {
      display: block !important;
    }

    /* Mobile tab content başlıkları */
    .account-orders-title,
    .addresses-title,
    .account-profile__title,
    .gift-cards-title,
    .account-password-title,
    .account-favorites-title,
    .account-stock-alarm-title,
    .account-payment-title {
      font-size: 20px;
    }
  }

  /* Mobile Accordion Styles */
  .account-accordion {
    border: 1px solid #E5E5E5;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
  }

  .account-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
    list-style: none;
    background: none;
    border: none;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .account-accordion[open] .account-accordion__header {
    padding: 12px 16px 24px 16px;
  }

  .account-accordion__header::-webkit-details-marker {
    display: none;
  }

  .account-accordion__chevron {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
  }

  .account-accordion[open] .account-accordion__chevron {
    transform: rotate(180deg);
  }

  .account-accordion__content {
    padding: 0;
    animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    transform-origin: top;
  }

  .account-accordion[open] .account-accordion__content {
    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

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

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

  .account-accordion__item {
    display: flex;
    align-items: center;
    padding: 0 16px;
    text-decoration: none;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  .account-accordion__icon {
    flex-shrink: 0;
  }

  /* Aktif accordion item'ın icon'unu siyah yap */
  .account-accordion__item--active .account-accordion__icon {
    filter: brightness(0) saturate(100%);
  }

  /* Mobile responsive for orders table */
  @media (max-width: 1023px) {
    .account-main {
      width: 100%;
      overflow: hidden;
      margin-bottom: 56px;
    }

    .account-orders-table {
      overflow-x: auto;
    }

    .account-orders-table__header,
    .account-orders-table__row {
      width: 800px;
    }

    /* Mobile responsive for order details */
    .order-details-row {
      width: 800px;
      padding: 16px 0;
      flex-direction: column;
      gap: 12px;
    }

    .order-product-item {
      min-width: auto;
      width: 100%;
    }

    .order-product-image {
      width: 60px;
      height: 60px;
    }

    .order-product-title {
      font-size: 13px;
      margin-bottom: 6px;
    }

    .order-product-info span {
      font-size: 11px;
      line-height: 14px;
    }

    /* Mobile responsive for invoice button */
    .order-invoice-section {
      margin-top: 16px;
      padding-top: 16px;
      justify-content: center;
    }

    .order-invoice-button {
      font-size: 11px;
      padding: 6px 12px;
    }

    .order-invoice-button svg {
      width: 12px;
      height: 12px;
    }


  }

  /* Account Profile Styles */
  .account-profile {
    width: 90%;
  }



  .account-profile__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .account-profile__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .account-profile__row--triple {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }

  .account-profile__field {
    display: flex;
    flex-direction: column;

  }

  .account-profile__field label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #8D8F94;
  }

  .account-profile__field input {
    width: 100%;
    height: 48px;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
    border-radius: 0;
  }

  .account-profile__field input:focus {
    outline: none;
    border-bottom-color: rgba(0, 0, 0, 0.16);
  }

  .account-profile__birth {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  .account-profile__select {
    position: relative;
  }

  .account-profile__select select {
    width: 100%;
    height: 48px;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
    appearance: none;
    background-color: #fff;
    padding-right: 30px;
    cursor: pointer;
    border-radius: 0;
  }

  .account-profile__select select:focus {
    outline: none;
    border-bottom-color: rgba(0, 0, 0, 0.16);
    border-radius: 0;
  }

  .account-select__chevron {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
    transition: transform 0.25s ease;
  }

  .account-profile__select:focus-within .account-select__chevron {
    transform: translateY(-50%) rotate(180deg);
  }

  .account-profile__select--full {
    grid-column: 1 / -1;
  }

  .account-profile__checkboxes {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .account-profile__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  /* Profile Custom Checkbox */
  .profile-custom-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
  }

  .profile-custom-checkbox {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    margin-top: 3px;
  }

  .profile-custom-checkbox-inner {
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all 0.2s ease;
    position: relative;
  }

  .profile-custom-checkbox.checked .profile-custom-checkbox-inner {
    background: #000;
  }

  .profile-custom-checkbox.checked .profile-custom-checkbox-inner::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 8px;
    font-weight: bold;
  }

  .profile-custom-checkbox-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000;
    user-select: none;
    cursor: pointer;
  }

  .account-profile__checkbox a {
    font-weight: 500;
    text-decoration: none;
    color: #000;
  }

  .account-profile__checkbox a:hover {
    text-decoration: underline;
  }

  .account-profile__submit {
    width: fit-content;
    padding: 10px 32px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    border: none;
    cursor: pointer;
  }

  .account-profile__submit:hover {
    opacity: 0.9;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .account-profile {
        width: 100%;
    }
    
    .account-profile__form {
      gap: 24px;
    }
    
    .account-profile__row {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .account-profile__field input,
    .account-profile__select select {
        width: 100%;
    }
    
    .account-profile__birth {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .account-profile__field input,
    .account-profile__select select {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.4px;
      color: #000;
    }

    .account-profile__field label {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: -0.4px;
      color: #8D8F94;
    }

    .account-profile__submit {
      width: 100%;
    }

    .password-submit-btn {
      width: 100%;
      margin-top: 24px;
    }

    /* Password Mobile Styles */
    .password-email-field {
      margin-top: 16px;
    }
    
    .password-email-field input {
      width: 100%;
    }
  }

  /* Adreslerim Sayfası Stilleri */
  .account-addresses {
    width: 100%;
  }
  .addresses-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
  }

  .addresses-add-btn {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  .addresses-add-btn:hover {
    opacity: 0.8;
  }

  /* Mobile buton başta gizli */
  .addresses-add-btn--mobile {
    display: none;
    width: 100%;
    margin-top: 14px;
  }
  .addresses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .address-card {
    border: 1px solid #E5E5E5;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .address-card__content h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 12px 0;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }
  .address-card__content p,
  .address-card__content div {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0;
  }
  .address-card__footer {
    margin-top: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .address-card__actions {
    display: flex;
    gap: 24px;
    align-items: center;
  }
  .address-action-btn,
  .address-card__actions a {
    font-size: 16px;
    font-weight: 400;
    color: #5D6069;
    line-height: 24px;
    letter-spacing: -0.4px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .address-card__default {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
  }
  .address-card__default .default-icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .address-card__default .default-icon::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000;
  }
  .address-pagination {
    margin-top: 40px;
  }

  /* Adres Yok Mesajı */
  .no-addresses-message {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #E5E5E5;
    background-color: #FAFAFA;
  }
  
  .no-addresses-content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 12px 0;
  }
  
  .no-addresses-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0;
  }

  /* Favoriler Yok Mesajı */
  .no-favorites-message {
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #E5E5E5;
    background-color: #FAFAFA;
  }
  
  .no-favorites-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  
  .no-favorites-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
  }
  
  .no-favorites-content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0;
  }
  
  .no-favorites-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0;
    max-width: 400px;
  }
  
  .no-favorites-link {
    background: #000;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.2px;
    transition: background-color 0.2s ease;
    margin-top: 8px;
    border: none;
    cursor: pointer;
    font-family: inherit;
  }
  
  .no-favorites-link:hover {
    background: #333;
  }

  /* Stok Alarmları Yok Mesajı */
  .no-stock-alarms-message {
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #E5E5E5;
    background-color: #FAFAFA;
  }
  
  .no-stock-alarms-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  
  .no-stock-alarms-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
  }
  
  .no-stock-alarms-content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0;
  }
  
  .no-stock-alarms-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0;
    max-width: 400px;
  }
  
  .no-stock-alarms-link {
    background: #000;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.2px;
    transition: background-color 0.2s ease;
    margin-top: 8px;
    border: none;
    cursor: pointer;
    font-family: inherit;
  }
  
  .no-stock-alarms-link:hover {
    background: #333;
  }

  /* Hata Mesajları Stilleri */
  .form-message--error {
    border: 1px solid #c52626;
    background-color: #fff6f6;
    padding: 15px 20px;
    margin-bottom: 30px;
    font-size: 14px;
  }
  .form-message--error ul {
    margin: 0;
    padding-left: 20px;
  }
  .form-message--error a {
    color: inherit;
    text-decoration: underline;
  }

  .input--error {
    border-color: #c52626 !important;
  }

  .error-message {
    color: #c52626;
    font-size: 12px;
    margin-top: 6px;
    display: block;
  }

  /* Yeni Adres Formu Stilleri */
  #AddressFormContainer {
    margin-top: 0;
  }
  .address-form {
    margin-top: 32px;
  }
  .address-form__grid {
    display: grid;
    /* 6 eşit sütunlu bir temel ızgara oluşturuyoruz */
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 24px; /* Dikeyde 20px, Yatayda 24px boşluk */
  }

  .address-form__field {
    display: flex;
    flex-direction: column;
  }

  /* Her bir alanı 2 sütun kaplayacak şekilde ayarlıyoruz */
  .address-form__field {
    grid-column: span 2;
  }

  /* Adres Başlığı ve Adres alanlarını 3'er sütun kaplayacak şekilde ayarlıyoruz */
  .address-form__field--company,
  .address-form__field--address1 {
    grid-column: span 3;
  }

  .address-form__field--full {
    grid-column: 1 / -1; /* Tam genişlik */
  }

  .address-form__field label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin-bottom: 6px;
  }
  
  /* TC Kimlik label'ı için özel fix */
  label[for="AddressTCKimlikNew"] {
    margin-bottom: 6px !important;
    display: block !important;
  }
  
  /* Kurumsal alanlar label'ları için özel fix */
  label[for="AddressVergiDaireNew"],
  label[for="AddressFirmaAdiNew"], 
  label[for="AddressVergiNoNew"] {
    margin-bottom: 6px !important;
    display: block !important;
  }
  .address-form__field input,
  .address-form__field select {
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    font-size: 16px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    appearance: none; /* Tarayıcının varsayılan okunu kaldır */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 0px; /* İkonun üzerine yazı gelmemesi için sağdan boşluk */
  }

  /* Select'ler için özel padding - chevron icon için yer bırak */
  .address-form__field select {
    padding-right: 35px !important;
  }

  /* Seçim yapılmadığında placeholder rengini ayarla */
  .address-form__field select:required:invalid {
    color: #8D8F94;
  }
  .address-form__field option {
    color: #000;
  }

  .address-form__select-wrapper {
    position: relative;
  }
  .address-form__chevron {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none; /* İkonun tıklamaları engellememesi için */
  }
  .address-form__field input:focus,
  .address-form__field select:focus {
    outline: none;
    border-color: #000;
  }

  /* Register'daki telefon input stili */
  .address-phone-field .phone-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .address-phone-field .phone-prefix {
    position: absolute;
    left: 15px;
    z-index: 2;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    pointer-events: none;
  }
  
  .address-phone-field input[type="tel"] {
    padding-left: 50px;
  }

  /* Address Form Footer - Checkbox ve Butonlar */
  .address-form__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }

  .custom-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
  }

  .custom-checkbox {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
  } 

  .custom-checkbox-inner {
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all 0.2s ease;
    position: relative;
  }

  .custom-checkbox.checked .custom-checkbox-inner {
    background: #000;
  }

  .custom-checkbox.checked .custom-checkbox-inner::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 8px;
    font-weight: bold;
  }

  .custom-checkbox-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000;
    user-select: none;
    cursor: pointer;
  }

  /* Address Form Buttons */
  .address-form__buttons {
    display: flex;
    gap: 16px;
  }

  .address-form__save-btn {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 120px;
  }

  .address-form__save-btn:hover:not(:disabled) {
    opacity: 0.8;
  }

  .address-form__save-btn:disabled,
  .address-form__save-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #8D8F94;
    border-color: #8D8F94;
  }

  .address-form__cancel-btn {
    background-color: transparent;
    color: #000;
    border: 1px solid #E5E5E5;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 120px;
  }

  .address-form__cancel-btn:hover {
    border-color: #000;
  }


  /* Mobile responsive */
  @media (max-width: 1023px) {
    .account-profile__submit {
      width: 100%;
    }

    .addresses-header {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
    }
    .addresses-grid {
        grid-template-columns: 1fr;
    }
    .address-form__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .address-form__field {
        grid-column: auto !important; /* Mobil için tüm span ayarlarını sıfırla */
    }

    .address-form__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .address-form__buttons {
        flex-direction: column-reverse;
        gap: 12px;
        order: 2;
    }

    .custom-checkbox-wrapper {
        order: 1;
        justify-content: flex-start;
    }

    .address-form__save-btn,
    .address-form__cancel-btn {
        width: 100%;
        min-width: auto;
    }
  }
  .stock-alarm-table-container {
    width: 100%;
    border: 1px solid #E5E5E5;
    margin-bottom: 32px;
  }

  .stock-alarm-table {
    width: 100%;
    border-collapse: collapse;
  }

  .stock-alarm-row {
    border-bottom: 1px solid #E5E5E5;
  }

  .stock-alarm-row:last-child {
    border-bottom: none;
  }

  /* Checkbox Kısmı */
  .stock-alarm-checkbox {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 24px;
    position: relative;
  }

  .stock-alarm-check {
    display: none;
  }

  .custom-checkbox-label {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    display: inline-block;
    position: relative;
  }

  .stock-alarm-check:checked + .custom-checkbox-label {
    background: #000;
  }

  .stock-alarm-check:checked + .custom-checkbox-label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* Ürün Bilgisi Kısmı */
  .stock-alarm-product {
    width: 40%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .stock-alarm-product-info {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
  }

  .stock-alarm-product-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  .stock-alarm-product-variant {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #4F5159;
  }

  /* Fiyat ve Tarih Kısımları */
  .stock-alarm-price,
  .stock-alarm-date {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .stock-alarm-price-content,
  .stock-alarm-date-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    justify-content: flex-start;
  }

  .stock-alarm-price-label,
  .stock-alarm-date-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000000;
  }

  .stock-alarm-price-value,
  .stock-alarm-date-value {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  /* Ekle Butonu Kısmı */
  .stock-alarm-action {
    text-align: center;
    width: 72.48px;
    padding-right:24px;
  }

  .stock-alarm-add-btn {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .stock-alarm-add-btn:hover {
    opacity: 0.8;
  }

  /* Alt Butonlar */
  .stock-alarm-bulk-actions {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 32px;
  }

  .stock-alarm-bulk-add {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
    padding: 16px 32px; 
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .stock-alarm-bulk-add:hover {
    opacity: 0.8;
  }

  .stock-alarm-bulk-remove {
    background: #E3E3E4;
    color: #000;
    border: 1px solid #8D8F94;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .stock-alarm-bulk-remove:hover {
    border-color: #000;
  }

  /* Boş Durum Mesajı */
  .stock-alarm-empty {
    text-align: center;
    padding: 60px 20px;
  }

  .stock-alarm-empty-content {
    max-width: 400px;
    margin: 0 auto;
  }

  .stock-alarm-empty-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    opacity: 0.5;
  }

  .stock-alarm-empty-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 12px 0;
  }

  .stock-alarm-empty-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0 0 24px 0;
  }

  .stock-alarm-empty-link {
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    transition: opacity 0.2s ease;
  }

  .stock-alarm-empty-link:hover {
    opacity: 0.8;
  }

  /* Mobile Responsive */
  @media (max-width: 1023px) {
    .stock-alarm-table-container {
      border: none;
      margin-bottom: 24px;
    }

    .stock-alarm-table {
      display: block;
    }

    .stock-alarm-row {
      display: block;
      border: 1px solid #E5E5E5;
      padding: 16px;
      border-radius: 0;
      position: relative;
    }

    .stock-alarm-row:last-child {

    }

    .stock-alarm-checkbox,
    .stock-alarm-product,
    .stock-alarm-price,
    .stock-alarm-date,
    .stock-alarm-action {
      display: block;
      width: 100%;
      padding: 0;
      text-align: left;
    }

    .stock-alarm-checkbox {
      position: absolute;
      top: 16px;
      left: 16px;
      width: auto;
      height: auto;
    }

    .stock-alarm-product {
      margin-left: 30px;
      margin-bottom: 16px;
    }

    .stock-alarm-product-info {
      align-items: flex-start;
      gap: 16px;
    }

    .stock-alarm-price,
    .stock-alarm-date {
      margin-bottom: 12px;
    }

    .stock-alarm-price-content,
    .stock-alarm-date-content {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .stock-alarm-action {
      display: none;
    }

    .stock-alarm-bulk-actions {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
      margin-top: 24px;
    }

    .stock-alarm-bulk-add,
    .stock-alarm-bulk-remove {
      width: 100%;
      text-align: center;
      padding: 16px 32px;
    }
  }

  /* Stock Alarm - Basit ve Temiz */
  .account-stock-alarm {
    width: 100%;
  }

  .account-stock-alarm-title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
  }

  /* Mobile'da stock alarm title */
  @media (max-width: 1023px) {
    .account-stock-alarm-title {
      font-size: 20px;
    }
  }

  /* Desktop - Tablo Görünümü */
  .stock-container {
    border: 1px solid #D9D9DB;
  }

  .stock-item {
    display: grid;
    grid-template-columns: 12px 1fr 200px 170px 160px;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #D9D9DB;
    gap: 20px;
  }

  .stock-item:last-child {
    border-bottom: none;
  }

  /* Checkbox */
  .stock-checkbox input {
    display: none;
  }

  .stock-checkbox label {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    background: #fff;
    cursor: pointer;
    display: block;
    position: relative;
  }

  .stock-checkbox input:checked + label {
    background: #000;
  }

  .stock-checkbox input:checked + label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* Ürün Bilgisi */
  .stock-info {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .product-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  .product-variant {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #4F5159;
  }

  /* Fiyat ve Tarih */
  .stock-price,
  .stock-date {
    text-align: left;
  }

  .price-label,
  .date-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  .price-value,
  .date-value {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  /* Ekle Butonu */
  .stock-action {
    text-align: center;
  }

  .add-btn {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
    padding: 10px 44.5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    width: 100%;
  }

  .add-btn:hover {
    opacity: 0.8;
  }

  /* Pasif (Stokta Olmayan) Kartlar */
  .stock-item--disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .stock-item--disabled * {
    cursor: not-allowed !important;
  }

  .stock-item--disabled .stock-checkbox input {
    cursor: not-allowed;
    pointer-events: none;
  }

  .stock-item--disabled .add-btn {
    cursor: not-allowed;
    pointer-events: none;
  }

  /* Stokta Olmayan Ürünler */
  .stock-item--out-of-stock {
    opacity: 0.4;
  }

  .stock-item--out-of-stock .add-btn {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed;
    pointer-events: none;
  }

  .stock-item--out-of-stock .product-name span {
    cursor: not-allowed !important;
    pointer-events: none;
  }

  /* Checkbox aktif kalması için pointer-events kaldırdık */
  .stock-item--out-of-stock .stock-checkbox {
    pointer-events: auto;
  }

  /* Alt Butonlar */
  .stock-actions {
    display: flex;
    gap: 16px;
    margin-top: 32px;
  }

  .bulk-add,
  .bulk-remove {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    border: 1px solid #E5E5E5;
  }

  .bulk-add {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
  }

  .bulk-remove {
    background: #E3E3E4;
    color: #000;
    border: 1px solid #8D8F94;
  }

  .bulk-add input,
  .bulk-remove input {
    display: none;
  }

  .bulk-add label,
  .bulk-remove label {
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 0;
    cursor: pointer;
    display: block;
    position: relative;
  }

  .bulk-remove label {
    border-color: #000;
  }

  .bulk-add input:checked + label::after,
  .bulk-remove input:checked + label::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .bulk-remove input:checked + label::after {
    border-color: #000;
  }

  /* 1023px Altı - Mobile */
  @media (max-width: 1023px) {
    .stock-container {
      border: none;
    }

    .stock-item {
      display: block;
      border: 1px solid #E5E5E5;
      border-bottom: none;
      padding: 16px;
      position: relative;
    }

    .stock-item:last-child {
      border-bottom: 1px solid #E5E5E5;
    }

     .stock-checkbox {
      position: absolute;
      top: 16px;
      left: 16px;
    }

    .stock-info {
      margin-left: 32px;
      margin-bottom: 17px;
    }

    .product-name {
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: -0.4px;
    }

    .product-variant {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: -0.4px;
    }

    .stock-price,
    .stock-date {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
      text-align: left;
    }

    .price-label,
    .date-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: -0.4px;
      color: #000;
    }

    .price-value,
    .date-value {
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: -0.4px;
      color: #000;
    }

    .stock-action {
      display: none;
    }
 
    .stock-actions {
      flex-direction: column;
      gap: 12px;
    }

    .bulk-add,
    .bulk-remove {
      width: 100%;
      justify-content: center;
    }
  }

  /* Havale Bildirim - YENİ Stiller */
  .account-payment {
    width: 100%;
  }
  .payment-notification-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .payment-notification-item {
    border: 1px solid #E5E5E5;
    padding: 16px 24px;
  } 
  .payment-notification-item__form {
    display: grid;
    grid-template-columns: 140px 140px 1fr 1fr 120px;
    align-items: center;
    gap: 24px;
  }
  .payment-notification-item__field {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .payment-notification-item__field--static {
    gap: 6px;
  }
  .payment-notification-item__label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }
  .payment-notification-item__value {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }
  .payment-notification-item__form input[type="text"],
  .payment-notification-item__form select {
    height: 40px;
    border: 1px solid #D9D9DB;
    padding: 0 16px;
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    background-color: #fff;
  }
  .payment-notification-item__form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
  }
  .payment-notification-item__form select:required:invalid {
    color: #000;
  }
  .payment-notification-item__form input::placeholder {
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }
  
  /* Focus durumunda siyah border ve radius 0 */
  .payment-notification-item__form input[type="text"]:focus {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    outline: none;
  }

  .payment-notification-item__form select option[disabled] {
    color: #000 !important;
  }
  .payment-select-wrapper {
    position: relative;
  }
  .payment-select-wrapper .chevron-down {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none;
  }
  .payment-notification-item__form button {
    height: 48px;
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.4px;
    transition: opacity 0.2s ease;
  }
  .payment-notification-item__form button:hover {
    opacity: 0.8;
  }
  .payment-notification-empty {
      margin-top: 16px;
  }
  .payment-notification-empty p {
    font-size: 14px;
    color: #8D8F94;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .account-profile__submit {
      width: 100%;
    }

    .addresses-header {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
    }
    .addresses-grid {
        grid-template-columns: 1fr;
    }
    .address-form__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .address-form__field {
        grid-column: auto !important; /* Mobil için tüm span ayarlarını sıfırla */
    }

    .address-form__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .address-form__buttons {
        flex-direction: column-reverse;
        gap: 12px;
        order: 2;
    }

    .custom-checkbox-wrapper {
        order: 1;
        justify-content: flex-start;
    }

    .address-form__save-btn,
    .address-form__cancel-btn {
        width: 100%;
        min-width: auto;
    }

    /* Mobile'da desktop buton gizle, mobile buton göster */
    .addresses-add-btn--desktop {
      display: none;
    }
    
    .addresses-add-btn--mobile {
      display: block;
    }

    .address-form {
        margin-top: 24px;
    }

    /* Havale Bildirim Mobile - Temiz ve Düzenli */
    .payment-notification-item__form {
      grid-template-areas: 
        "static-row"
        "input"
        "select" 
        "button";
      grid-template-columns: 1fr;
      gap: 16px;
    }
    
    /* Sipariş No ve Sipariş Tarihi Yan Yana */
    .payment-notification-item__field--static:nth-child(1),
    .payment-notification-item__field--static:nth-child(2) {
      grid-area: static-row;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    .payment-notification-item__field--static:nth-child(1) {
      justify-self: start;
    }
    
    .payment-notification-item__field--static:nth-child(2) {
      justify-self: end;
    }
    
    /* Diğer field'lar */
    .payment-notification-item__field {
      flex-direction: column;
      gap: 4px;
    }
    
    /* Input ve Select'lerin Desktop ile Aynı Olması */
    .payment-notification-item__form input[type="text"],
    .payment-notification-item__form select {
      height: 40px !important;
      border: 1px solid #D9D9DB !important;
      padding: 0 16px !important;
      border-radius: 0 !important;
      width: 100% !important;
      font-size: 14px !important;
      color: #000 !important;
      background-color: #fff !important;
    }
    
    .payment-notification-item__form input:focus,
    .payment-notification-item__form select:focus {
        outline: none !important;
        border-color: #D9D9DB !important;
    }
    
    .payment-select-wrapper .chevron-down {
        right: 16px !important;
    }
    
    .payment-notification-item__form button {
      height: 48px !important;
      background-color: #000 !important;
      color: #fff !important;
      border: none !important;
      cursor: pointer !important;
      font-size: 14px !important;
      font-weight: 500 !important;
    }

  }

  /* Stock Alarm Tablosu CSS */
  .stock-alarm-table-container {
    width: 100%;
    border: 1px solid #E5E5E5;
    margin-bottom: 32px;
  }

  .stock-alarm-table {
    width: 100%;
    border-collapse: collapse;
  }

  .stock-alarm-row {
    border-bottom: 1px solid #E5E5E5;
  }

  .stock-alarm-row:last-child {
    border-bottom: none;
  }

  /* Checkbox Kısmı */
  .stock-alarm-checkbox {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 24px;
    position: relative;
  }

  .stock-alarm-check {
    display: none;
  }

  .custom-checkbox-label {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    display: inline-block;
    position: relative;
  }

  .stock-alarm-check:checked + .custom-checkbox-label {
    background: #000;
  }

  .stock-alarm-check:checked + .custom-checkbox-label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* Ürün Bilgisi Kısmı */
  .stock-alarm-product {
    width: 40%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .stock-alarm-product-info {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
  }

  .stock-alarm-product-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  .stock-alarm-product-variant {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #4F5159;
  }

  /* Fiyat ve Tarih Kısımları */
  .stock-alarm-price,
  .stock-alarm-date {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .stock-alarm-price-content,
  .stock-alarm-date-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    justify-content: flex-start;
  }

  .stock-alarm-price-label,
  .stock-alarm-date-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000000;
  }

  .stock-alarm-price-value,
  .stock-alarm-date-value {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
  }

  /* Ekle Butonu Kısmı */
  .stock-alarm-action {
    text-align: center;
    width: 72.48px;
    padding-right:24px;
  }

  .stock-alarm-add-btn {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .stock-alarm-add-btn:hover {
    opacity: 0.8;
  }

  /* Alt Butonlar */
  .stock-alarm-bulk-actions {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 32px;
  }

  .stock-alarm-bulk-add {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
    padding: 16px 32px; 
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .stock-alarm-bulk-add:hover {
    opacity: 0.8;
  }

  .stock-alarm-bulk-remove {
    background: #E3E3E4;
    color: #000;
    border: 1px solid #8D8F94;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .stock-alarm-bulk-remove:hover {
    border-color: #000;
  }

  /* Boş Durum Mesajı */
  .stock-alarm-empty {
    text-align: center;
    padding: 60px 20px;
  }

  .stock-alarm-empty-content {
    max-width: 400px;
    margin: 0 auto;
  }

  .stock-alarm-empty-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    opacity: 0.5;
  }

  .stock-alarm-empty-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 12px 0;
  }

  .stock-alarm-empty-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0 0 24px 0;
  }

  .stock-alarm-empty-link {
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    transition: opacity 0.2s ease;
  }

  .stock-alarm-empty-link:hover {
    opacity: 0.8;
  }

  /* Mobile Responsive */
  @media (max-width: 1023px) {
    .stock-alarm-table-container {
      border: none;
      margin-bottom: 24px;
    }

    .stock-alarm-table {
      display: block;
    }

    .stock-alarm-row {
      display: block;
      border: 1px solid #E5E5E5;
      padding: 16px;
      border-radius: 0;
      position: relative;
    }

    .stock-alarm-row:last-child {

    }

    .stock-alarm-checkbox,
    .stock-alarm-product,
    .stock-alarm-price,
    .stock-alarm-date,
    .stock-alarm-action {
      display: block;
      width: 100%;
      padding: 0;
      text-align: left;
    }

    .stock-alarm-checkbox {
      position: absolute;
      top: 16px;
      left: 16px;
      width: auto;
      height: auto;
    }

    .stock-alarm-product {
      margin-left: 30px;
      margin-bottom: 16px;
    }

    .stock-alarm-product-info {
      align-items: flex-start;
      gap: 16px;
    }

    .stock-alarm-price,
    .stock-alarm-date {
      margin-bottom: 12px;
    }

    .stock-alarm-price-content,
    .stock-alarm-date-content {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .stock-alarm-action {
      display: none;
    }

    .stock-alarm-bulk-actions {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
      margin-top: 24px;
    }

    .stock-alarm-bulk-add,
    .stock-alarm-bulk-remove {
      width: 100%;
      text-align: center;
      padding: 16px 32px;
    }
  }

  /* Logout Modal Styles */
  .logout-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
  }

  .logout-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .logout-modal__content {
    background: #fff;
    border: 1px solid #E5E5E5;
    max-width: 400px;
    width: 100%;
    position: relative;
  }

  .logout-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 16px 24px;
    border-bottom: 1px solid #E5E5E5;
  }

  .logout-modal__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0;
  }

  .logout-modal__close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
  }

  .logout-modal__close:hover {
    opacity: 0.7;
  }

  .logout-modal__body {
    padding: 24px;
  }

  .logout-modal__message {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #1A1B1E;
    margin: 0;
  }

  .logout-modal__footer {
    display: flex;
    gap: 12px;
    padding: 16px 24px 24px 24px;
    justify-content: stretch;
  }

  .logout-modal__cancel {
    background: transparent;
    color: #000;
    border: 1px solid #E5E5E5;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    text-align: center;
  }

  .logout-modal__cancel:hover {
    border-color: #000;
  }

  .logout-modal__confirm {
    background: #000;
    color: #fff;
    border: 1px solid #8D8F94;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    flex: 1;
    text-align: center;
  }

  .logout-modal__confirm:hover {
    opacity: 0.8;
  }

  /* Modal Mobile Responsive */
  @media (max-width: 1023px) {
    .logout-modal__content {
      margin: 0 16px;
    }
    
    .logout-modal__footer {
      flex-direction: column-reverse;
      gap: 12px;
    }
    
    .logout-modal__cancel,
    .logout-modal__confirm {
      width: 100%;
      text-align: center;
      flex: none;
      border: 1px solid #E5E5E5;
    }
    
    .logout-modal__confirm {
      background: #000;
      color: #fff;
      border: 1px solid #000;
    }
  }
  
  /* Favoriler Grid CSS */
  .favorites-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 3px; /* row gap 24px, column gap 8px (4px yerine 8px test) */
  }
  

  
  @media (max-width: 1023px) {
    .favorites-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
.login-page {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 112px 0;
  }

  .login-form-container {
    max-width: 556px;
    width: 100%;
    text-align: center;
  }

  .login-form__title {
    font-size: var(--title-fs-desktop, 32px);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0;
    color: var(--title-color, #000);
    margin: 0 0 var(--title-mb-desktop, 32px) 0;
  }

  .login-form__register-link {
    font-size: var(--reg-fs-desktop, 14px);
    color: var(--reg-text-color, #000000);
    margin-bottom: var(--reg-mb-desktop, 32px);
    font-weight: 400;
    text-align: center;
  }

  .login-form__register-link a {
    color: inherit;
    font-weight: 500;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .login-form__register-link a:hover {
    opacity: 0.7;
  }

  .form-field {
    margin-bottom: 14px;
  }

  .form-field input {
    width: 100%;
    padding: 14px 10px;
    border: 1px solid var(--input-border-color, #D9D9DB);
    border-radius: 0;
    font-size: var(--input-fs-desktop, 14px);
    -webkit-appearance: none;
  }
  
  .form-field input::placeholder {
    color: var(--input-placeholder-color, #4F5159);
    font-size: var(--input-fs-desktop, 14px);
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  .form-field input:focus {
    border-color: #000;
    outline: none;
  }

  .form-submit-button {
    width: 100%;
    background-color: var(--btn-bg-color, #000);
    color: var(--btn-text-color, #fff);
    padding: 16px;
    border: 1px solid var(--btn-border-color, #8D8F94);
    border-radius: 0;
    font-size: var(--btn-fs-desktop, 14px);
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    text-transform: unset !important;
  }

  .login-form__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    font-size: 13px;
  }

  .login-form__remember {
    display: flex;
    gap: 8px;
  }

  .login-form__remember label {
    font-size: var(--remember-fs-desktop, 12px);
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--remember-color, #000);
  }

  .login-form__remember input[type="checkbox"] {
    width: var(--cb-size-desktop, 13px);
    height: var(--cb-size-desktop, 13px);
    border: 1px solid #4F5159;
    border-radius: 0;
    accent-color: #000000; /* Modern tarayıcılar için */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    position: relative;
    cursor: pointer;
  }

  .login-form__remember input[type="checkbox"]:checked {
    background-color: #000000;
    border-color: #000000;
  }

  .login-form__remember input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 8px;
    font-weight: bold;
    line-height: 1;
  }

  .login-form__footer a {
    font-size: var(--fp-fs-desktop, 16px);
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: var(--fp-color, #000);
    text-decoration: underline;
  }

  .form-errors {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 0;
  }
  
  .form-errors ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .recover-password-form {
    text-align: center;
    display: none;
  }
  
  .recover-password-form p {
    margin-bottom: 20px;
  }
  
  .recover-password-form a {
    display: block;
    margin-top: 15px;
    color: inherit;
  }

  .recover-password-form .login-form__title {
    font-size: 20px;
   
  }

  .recover-form-note {
    font-size: 13px;
    text-align: left;
    color: #555;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  @media (max-width: 1023px) {
    .login-page {
      padding: 112px 16px;
    }
    .login-form__title {
      font-size: var(--title-fs-mobile, 24px);
      line-height: 23px;
      letter-spacing: -0.4px;
      margin-bottom: var(--title-mb-mobile, 20px);
    }
    .login-form__register-link {
      font-size: var(--reg-fs-mobile, 14px);
      margin-bottom: var(--reg-mb-mobile, 32px);
    }
    .form-field input,
    .form-field input::placeholder {
      font-size: var(--input-fs-mobile, 14px);
    }
    .form-submit-button {
      font-size: var(--btn-fs-mobile, 14px);
    }
    .login-form__remember input[type="checkbox"] {
      width: var(--cb-size-mobile, 10px);
      height: var(--cb-size-mobile, 10px);
    }
    
    .login-form__remember input[type="checkbox"]:checked::after {
      font-size: 7px; /* Mobile'da biraz daha küçük */
    }
    .login-form__remember label {
      font-size: var(--remember-fs-mobile, 12px);
    }
    .login-form__footer a {
      font-size: var(--fp-fs-mobile, 16px);
    }
  }
.register-page {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 112px 0;
  }

  .register-form-container {
    max-width: 556px;
    width: 100%;
    text-align: center;
  }

  .register-form__title {
    font-size: var(--title-fs-desktop);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0;
    color: var(--title-color);
    margin: 0 0 var(--title-mb-desktop) 0;
  }

  .register-form__login-link {
    font-size: var(--login-fs-desktop);
    color: var(--login-text-color);
    margin-bottom: var(--login-mb-desktop);
    font-weight: 400;
    text-align: center;
  }

  .register-form__login-link a {
    color: inherit;
    font-weight: 500;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .register-form__login-link a:hover {
    opacity: 0.7;
  }

  .form-field {
    margin-bottom: 14px;
    text-align: left; /* For select dropdown arrow */
  }

  .form-field input,
  .form-field select {
    width: 100%;
    padding: 14px 10px;
    border: 1px solid var(--input-border-color);
    border-radius: 0;
    font-size: var(--input-fs-desktop);
    -webkit-appearance: none;
    background-color: #fff;
    color: #000;
  }
  
  .form-field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234F5159' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
  }
  
  .form-field select:required:invalid {
    color: var(--input-placeholder-color);
  }
  
  .form-field option[value=""][disabled] {
    display: none;
  }
  .form-field option {
    color: #000;
  }

  .form-field input::placeholder {
    color: var(--input-placeholder-color);
    font-size: var(--input-fs-desktop);
  }

  .form-field input:focus,
  .form-field select:focus {
    border-color: #000;
    outline: none;
  }

  .form-submit-button {
    width: 100%;
    background-color: var(--btn-bg-color);
    color: var(--btn-text-color);
    padding: 16px;
    border: 1px solid var(--btn-border-color);
    border-radius: 0;
    font-size: var(--btn-fs-desktop);
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 20px;
    position: relative; /* For spinner positioning */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .form-submit-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .form-submit-button.is-loading .button-text {
    opacity: 0.5;
  }
  
  .form-submit-button.is-loading .spinner {
    display: inline-block;
  }
  
  .spinner {
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    width: 16px;
    height: 16px;
    animation: spin 1s ease-in-out infinite;
    position: absolute;
  }

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

  .register-form__legal {
    margin-top: 24px;
    text-align: left;
    font-size: var(--legal-fs);
    color: var(--legal-color);
  }
  
  .legal-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
  }
  
  .legal-checkbox input[type="checkbox"] {
    width: var(--cb-size-desktop, 13px);
    height: var(--cb-size-desktop, 13px);
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: #000000; /* Modern tarayıcılar için */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    border: 1px solid #4F5159;
    border-radius: 0;
    position: relative;
    cursor: pointer;
  }

  .legal-checkbox input[type="checkbox"]:checked {
    background-color: #000000;
    border-color: #000000;
  }

  .legal-checkbox input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 9px;
    font-weight: bold;
    line-height: 1;
  }
  
  .legal-checkbox label {
    line-height: 1.4;
  }
  
  .legal-checkbox label p {
    margin: 0;
    display: inline;
  }
  
  .legal-checkbox label a {
    text-decoration: underline;
    color: inherit;
  }


  .form-errors {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 0;
    text-align: left;
  }
  
  .form-errors ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  @media (max-width: 1023px) {
    .register-page {
      padding: 112px 16px;
    }
    .register-form__title {
      font-size: var(--title-fs-mobile);
      margin-bottom: var(--title-mb-mobile);
    }
    .register-form__login-link {
      font-size: var(--login-fs-mobile);
      margin-bottom: var(--login-mb-mobile);
    }
    .form-field input,
    .form-field select,
    .form-field input::placeholder {
      font-size: var(--input-fs-mobile);
    }
    .form-submit-button {
      font-size: var(--btn-fs-mobile);
    }
    .legal-checkbox input[type="checkbox"] {
      width: var(--cb-size-mobile, 13px);
      height: var(--cb-size-mobile, 13px);
    }
    
    .legal-checkbox input[type="checkbox"]:checked::after {
      font-size: 8px; /* Mobile'da biraz daha küçük */
    }
    .phone-prefix {
        font-size: var(--input-fs-mobile);
    }
  }

  .password-error-message,
  .email-error-message {
    color: red;
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
  }

  .input-error {
    border-color: red !important;
  }

  .legal-error-message {
    color: red;
    font-size: 12px;
    text-align: left;
    margin-top: 10px;
  }

  /* International Tel Input Stilleri */
  .iti {
    width: 100%;
  }
  
  .iti__flag-container {
    padding: 0 10px;
  }
  
  .iti__selected-flag {
    padding: 0 10px;
  }
  
  .iti__country-list {
    z-index: 9999;
    max-height: 200px;
    overflow-y: auto;
  }
  
  /* Search icon'unu gizle */
  .iti__search-icon {
    display: none !important;
  }

  .iti .iti__selected-dial-code {
    margin-left: 3px;
    font-size: 14px;
}

.iti__country-list .iti__flag, .iti__country-name {
    margin-right: var(--iti-spacer-horizontal);
    font-size: 14px;
}
.iti__dial-code {
    color: var(--iti-dialcode-color);
    font-size: 14px;
}
  
  .iti input[type="tel"] {
    width: 100%;
    padding: 14px 10px;
    border: 1px solid var(--input-border-color);
    border-radius: 0;
    font-size: var(--input-fs-desktop);
    background-color: #fff;
    color: #000;
  }
  
  .iti input[type="tel"]:focus {
    border-color: #000;
    outline: none;
  }
  
  .iti input[type="tel"]::placeholder {
    color: var(--input-placeholder-color);
    font-size: var(--input-fs-desktop);
  }
  
  @media (max-width: 1023px) {
    .iti input[type="tel"],
    .iti input[type="tel"]::placeholder {
      font-size: var(--input-fs-mobile);
    }
  }
.popular-collections {
    /* padding ve background-color artık inline style ile kontrol ediliyor */
  }

  .popular-collections__title {
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 48px;
    /* font-size, color ve margin-bottom artık inline style ile kontrol ediliyor */
  }

  .popular-collections__grid {
    display: grid;
    grid-template-columns: 4fr 3.2fr 4.8fr;
    gap: 8px;
  }

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

  .collection-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
    display: block;
    text-decoration: none;
  }

  .collection-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .collection-card:hover .collection-image {
    transform: scale(1.05);
  }

  .collection-label {
    position: absolute;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 32px;
    text-transform: uppercase;
    /* font-size, color, bottom ve left artık inline style ile kontrol ediliyor */
  }

  /* Card boyutları */
  .collection-card.large {
    height: 500px;
  }

  .collection-card.small {
    height: 300px;
  }



  .collection-card.full {
    height: 808px;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .popular-collections {
      padding-top: var(--mobile-padding-top) !important;
      padding-bottom: var(--mobile-padding-bottom) !important;
    }

    .popular-collections__title {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
      line-height: 40px;
      font-weight: 400;
    }

    .popular-collections__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: 
        "kazak kazak"
        "bluz bluz"
        "etek elbise";
      gap: 4px;
    }

    .grid-column:nth-child(1) {
      grid-area: kazak / bluz;
      gap: 4px;
    }

    .grid-column:nth-child(2) {
      grid-area: etek;
    }

    .grid-column:nth-child(3) {
      grid-area: elbise;
    }

    .collection-card.large {
      height: 300px;
    }

    .collection-card.small {
      height: 180px;
    }

    .collection-card.full {
      height: 270px;
    }
    .collection-label {
      font-size: var(--mobile-label-font-size) !important;
      bottom: var(--mobile-label-bottom) !important;
      left: var(--mobile-label-left) !important;
    }
  }
.product-category-description {
    padding-bottom: 56px;
  }
  
  .category-description__content {
    text-align: left;
  }
  
  .category-description__content p {
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.8px;
    margin-bottom: 1em;
    color: #000000;
  }
  
  .category-description__content p:last-child {
    margin-bottom: 0;
  }
  
    .category-description__content h2 {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #000000;
  }
  
  .category-description__content h3 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #000000;
  }
  
  .category-description__content h4 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #000000;
  }
  
  .category-description__content h5 {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #000000;
  }
  
  .category-description__content h6 {
    font-size: 10px;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #000000;
  }
  
  .category-description__content a {
    font-weight: 700;
    color: #000000;
    text-decoration: none;
  }
  
  .category-description__content a:hover {
    text-decoration: underline;
  }
  
  .category-text {
    overflow-y: auto;
    max-height: 220px;
    padding-right: 12px;
  }
  
  .category-text::-webkit-scrollbar {
    width: 6px;
  }
  
  .category-text::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }
  
  .category-text::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
  }
  
  .category-text::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
/* Beden Kutuları CSS Variables */
.size-variants {
--size-option-font-size: {{ section.settings.size_option_font_size | default: 14 }}px;
}

.product-layout {
display: grid;
grid-template-columns: 7fr 5fr;
min-height: 80vh;
margin-bottom: 56px;
}

/* Sol Taraf: Images */
.product-images {
position: relative; /* Konumlandırma için referans noktası */
margin-top: 4px;
}

.image-gallery {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
}

/* Tablet View - 768px-1023px arası 2'li */
@media (min-width: 768px) and (max-width: 1023px) {
.image-gallery {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 2px;
}

.image-item {
height: 60vh;
}
}

.image-item {
height: 100vh;
background: #f5f5f5;
overflow: hidden;
}

.product-placeholder {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
background-color: #f2f2f2;
}

.placeholder-image {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #e5e5e5;
font-size: 14px;
color: #888;
}

/* Sağ Taraf: Product Info */
.product-info {
padding: 40px 22% 0 17%;
position: sticky;
top: 0;
height: fit-content;
/* Zoom container için referans noktası */
position: sticky;
}

.product-details h1 {
font-size: 24px;
margin-bottom: 16px;
color: #000;
}

.product-details p {
margin-bottom: 12px;
color: #666;
}

/* Breadcrumb Styles */
.breadcrumb {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 40px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
}

.breadcrumb-item {
color: #4F5159;
text-decoration: none;
transition: color 0.2s;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
}

.breadcrumb-item:hover {
color: #000;
}

.breadcrumb-icon {
vertical-align: middle;
}

.breadcrumb-separator {
color: #C3C4C6;
margin: 0 4px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
}

.breadcrumb-current {
color: #4F5159;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
}

/* Product Title */
.product-title-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 6px;
margin-bottom: 12px;
}

.product-title {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: -0.4px !important;
color: #000000 !important;
margin: 0 !important;
padding: 0 !important;
}

.share-icon {
width: 24px;
height: 24px;
cursor: pointer;
opacity: 1;
transition: opacity 0.2s;
}

.share-icon:hover {
opacity: 0.7;
}

/* Değerlendirmeler */
.product-reviews {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}

.stars {
display: flex;
gap: 2px;
}

.star {
color: #000;
font-size: 12px;
width: 12px;
height: 12px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}

.reviews-text {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.4px;
color: #000000;
}

/* Discount and Price */
.product-pricing {
margin-bottom: 40px;
}

@media (max-width: 1023px) {
.product-pricing {
margin-bottom: 30px;
}

.product-images {
margin-top: 0;
}

}


/* Renk Seçici Styles */
.product-variants {
margin-bottom: 40px;
}

.variant-label {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 15px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.4px;
color: #000000;
}

.variant-label > span:first-child {
text-transform: capitalize;
}

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

.color-box {
width: 20px;
height: 20px;
border: none;
border-radius: 0px;
cursor: pointer;
display: inline-block;
}

.color-box.active::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
}

.color-box.active {
position: relative;
}

/* Color Thumbnail System */
.color-thumbnail {
width: 60px;
height: auto;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
overflow: hidden;
}

.color-thumbnail.active {
border: 1px solid #000;
}

.color-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Mod Seçici - Default: Thumbnail Modu */
.color-options .color-box { display: none; }
.color-options .color-thumbnail { display: inline-block; }

/* Kutucuk moduna geçmek için: color-box-mode class'ı ekle */
.color-options.color-box-mode .color-box { display: inline-block; }
.color-options.color-box-mode .color-thumbnail { display: none; }

/* Beden Seçici Styles */
.size-variants {
margin-bottom: 40px;
}

.size-label {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}

.size-left {
display: flex;
gap: 8px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
color: #000000;
}

.size-right {
display: flex;
align-items: center;
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.4px;
}

.size-guide {
color: #000000;
text-decoration: underline;
cursor: pointer;
}

.size-guide:hover {
opacity: 0.7;
}

.size-icon {
width: 12px;
height: 12px;
}

.selected-size {
color: #000000;
}

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

.size-option {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #E3E3E4;
cursor: pointer;
font-size: var(--size-option-font-size);
font-weight: 400;
letter-spacing: -0.4px;
line-height: 20px;
color: #000000;
padding: 8px 32px;
transition: all 0.2s ease;
}

.size-option:hover {
border-color: #000000;
}

.size-option.active {
border-color: #000000;
background-color: #000000;
color: #ffffff;
}

.size-option.disabled {
color: #C3C4C6;
background-color: #F1F2F2;
border-color: #E3E3E4;
cursor: pointer;
}

.size-option.disabled:hover {
color: #C3C4C6;
background-color: #F1F2F2;
border-color: #E3E3E4;
}

/* 1200px-1500px arası padding ayarları */
@media (min-width: 1200px) and (max-width: 1500px) {
.size-option {
padding: 8px 20px;
}

.size-options {
gap: 11px !important;
}


}

/* Mobil beden kutuları - 1023px altında padding 10px */
@media (max-width: 1023px) {
.size-option {
padding: 10px;
}

/* Mobile spacing optimization - 40px -> 30px */
.breadcrumb,
.product-variants,
.size-variants,
.add-to-cart-section,
.promo-badge {
margin-bottom: 30px;
}

/* PDP Breadcrumb mobile scroll - sadece pdp-breadcrumb class'ı */
nav.pdp-breadcrumb {
overflow-x: auto !important;
overflow-y: visible !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-webkit-overflow-scrolling: touch !important;
}

nav.pdp-breadcrumb::-webkit-scrollbar {
display: none !important;
}

nav.pdp-breadcrumb .breadcrumb-item,
nav.pdp-breadcrumb .breadcrumb-separator,
nav.pdp-breadcrumb .breadcrumb-current {
flex-shrink: 0 !important;
}
}

/* Add to Cart Section */
.add-to-cart-section {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 16px;
}

.add-to-cart-btn {
flex: 1;
padding: 15px 24px;
border: none;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.4px;
cursor: pointer;
transition: all 0.2s ease;
}

.add-to-cart-btn:hover {
opacity: 0.9;
}

.add-to-cart-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}

/* Stok Alarm Butonu */
.stock-alert-btn {
flex: 1;
padding: 15px 24px;
border: none;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.4px;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}

.stock-alert-btn:hover {
opacity: 0.9;
}

.favorite-btn {
background: none;
border: 1px solid #000000;
padding: 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.2s ease;
}

.favorite-btn:hover {
border-color: #000000;
}

.favorite-btn img {
display: block;
}

/* Promo Badge */
.promo-badge {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 16px;
margin-bottom: 40px;
}

.promo-badge__icon {
display: block;
flex-shrink: 0;
}

.promo-badge__text {
font-weight: 400;
letter-spacing: -0.4px;
line-height: 20px;
}

/* Accordion Styles */
.product-accordions {
display: flex;
flex-direction: column;
margin-top: 32px;
margin-bottom: 32px;
}

.accordion-item {
border-bottom: 1px solid #E5E5E5;
}

.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 0;
cursor: pointer;
user-select: none;
}

.accordion-title {
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
color: #1A1B1E;
}

.accordion-icon-wrapper {
width: 16px;
height: 16px;
position: relative;
flex-shrink: 0;
}

.accordion-icon {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.2s ease, visibility 0.2s ease;
}

.accordion-item:not([open]) .icon-minus,
.accordion-item[open] .icon-plus {
opacity: 0;
visibility: hidden;
}

.accordion-item[open] .icon-minus,
.accordion-item:not([open]) .icon-plus {
opacity: 1;
visibility: visible;
}

.accordion-content {
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
color: #000000;
/* padding: 16px 0; */ /* Moved to wrapper */
}

.accordion-content p {
padding-bottom: 10px;
margin-bottom: 0;
}

.accordion-content p:last-of-type {
padding-bottom: 0;
}

/* On Desktop, hide accordion content and let JS handle it */
@media (min-width: 1024px) {
.accordion-content {
display: none;
}
}

.variant-label {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 12px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.2px;
color: #5D6069;
}

.variant-label > span:first-child {
text-transform: capitalize;
}

.selected-variant {
color: #000000;
text-transform: lowercase;
}

.selected-variant::first-letter {
text-transform: uppercase;
}

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

.color-option {
width: 32px;
height: 32px;
border-radius: 0;
cursor: pointer;
border: none;
margin-bottom: 4px;
transition: all 0.2s ease;
}

.color-option {
position: relative;
}

.color-option:hover::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 2px;
background-color:rgb(162, 165, 173);
}

.color-option.active::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 2px;
background-color: #000000;
}

.pricing-row {
display: flex;
align-items: flex-start;
gap: 8px;
}

.discount-badge {
background: #E3E3E4;
padding: 4px 6px;
text-align: center;
min-width: 60px;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
gap: 0px;
}

.discount-percentage {
font-size: 16px;
font-weight: 400;
letter-spacing: -0.4px;
line-height: 24px;
color: #1A1B1E;
}

.discount-text {
font-size: 12px;
font-weight: 400;
letter-spacing: -0.2px;
line-height: 16px;
color: #1A1B1E;
}

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

.old-price {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.4px;
color: #8D8F94;
text-decoration: line-through;
}

.current-price {
background: #000000;
color: #ffffff;
padding: 0 4px;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.4px;
line-height: 24px;
width: fit-content;
}

/* Mobile Swiper - Desktop'ta gizle */
.mobile-swiper {
display: none !important;
}

/* Desktop'ta kesinlikle gizle */
@media (min-width: 1024px) {
.mobile-swiper {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
}

@media (max-width: 1023px) {
.product-layout {
grid-template-columns: 1fr;
gap: 0;
}

.desktop-gallery {
display: none;
}

.product-images .mobile-swiper {
display: block !important;
height: max-content;
width: 100%;
position: relative;
}

.product-images .mobile-swiper .swiper-slide {
height: max-content !important;
width: 100% !important;
}

.product-images .mobile-swiper .swiper-slide img {
width: 100% !important;
height: 100% !important;
aspect-ratio 2 / 3;
object-fit: cover !important;
display: block !important;
}


.mobile-swiper .swiper-pagination {
bottom: 20px !important;
left: 20px !important;
right: auto !important;
text-align: left !important;
width: auto !important;
}

.mobile-swiper .swiper-pagination-bullet {
width: 6px !important;
height: 6px !important;
background: transparent !important;
border: 1px solid #8D8F94 !important;
opacity: 1 !important;
border-radius: 50% !important;
}

.mobile-swiper .swiper-pagination-bullet-active {
width: 8px !important;
height: 8px !important;
background: #000000 !important;
border: none !important;
position: relative;
top: 1px;
}

.product-info {
padding: 20px 16px 0 16px;
position: static;
}

@media (min-width: 768px) and (max-width: 1023px) {
.mobile-swiper .swiper-slide {
width: 50% !important;
}
}

}

/* 1024px-1200px arası özel düzenleme */
@media (min-width: 1024px) and (max-width: 1200px) {
.image-gallery {
grid-template-columns: 1fr !important;
}

.product-info {
padding: 40px 100px;
}
}

.accordion-content.is-collapsible {
max-height: 200px; /* Adjust as needed */
overflow: hidden;
position: relative;
transition: max-height 0.5s ease-out;
}

.accordion-content.is-collapsible::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
background: linear-gradient(to bottom, transparent, white);
pointer-events: none;
}

.accordion-content-wrapper.is-expanded .accordion-content.is-collapsible {
max-height: 1000px; /* Large enough to show all content */
transition: max-height 0.5s ease-in;
}

.accordion-content-wrapper.is-expanded .accordion-content.is-collapsible::after {
opacity: 0;
}

.read-more-btn {
display: flex;
align-items: center;
cursor: pointer;
background: none;
border: none;
padding: 8px 0;
font-size: 12px;
font-weight: 400;
color: #1A1B1E;
margin: 8px auto 0;
}

.read-more-text {
margin-right: 8px;
}

.read-more-icon {
width: 16px;
height: 16px;
transition: transform 0.3s ease;
}

.accordion-content-wrapper.is-expanded .read-more-icon {
transform: rotate(180deg);
}

.accordion-content-wrapper {
padding: 0 0 16px 0;
}

/* Product Tags */
.product-tags {
margin-bottom: 32px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.4px;
color: #000000;
}

.product-tags__label {
font-size: 12px;
font-weight: 400;
line-height: 16px;
}

.product-tags__link {
color: inherit;
text-decoration: none;
transition: opacity 0.2s ease;
}

.product-tags__link:hover {
opacity: 0.7;
}

/* Product Delivery Info */
.product-delivery-info {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 32px;
}

.delivery-info-item {
display: flex;
align-items: center;
gap: 8px;
}

.delivery-info-text {
/* font-size: 12px; */
font-weight: 400;
line-height: 16px;
letter-spacing: -0.4px;
/* color: #1A1B1E; */
}

.delivery-info-date {
/* color: #5D6069; */
}

.delivery-info-item .icon {
flex-shrink: 0;
}

.zoom-pdp-image {
cursor: zoom-in;
}

.pdp-zoom-container {
display: none !important;
position: absolute;
top: 4px;
left: 4px;
right: 166px;
height: 100vh;
background-color: #fff;
background-repeat: no-repeat;
background-size: 220%;
border: 1px solid #e5e5e5;
z-index: 100;
pointer-events: none;
transition: background-image 0.3s ease, background-position 0.2s ease;
}

@media (min-width: 1200px) and (max-width: 1500px) {
.pdp-zoom-container {
right: 130px;
}
}

/* Beden Kutuları için Düzeltme */
.size-options {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Kutular arası boşluk */
}

@media (max-width: 768px) {
.swiper-gallery-container {
padding: 60px 0 10px;
}
.swiper-gallery-main {
height: calc(100% - 90px);
margin-bottom: 10px;
}
.swiper-gallery-thumbs {
height: 80px;
}
.swiper-gallery-thumbs .swiper-slide {
width: 80px;
height: 80px;
}
}

/* Tablet & Küçük Laptop Düzeni */
@media (min-width: 1024px) and (max-width: 1200px) {
.product-layout {
grid-template-columns: 5fr 7fr;
}
}

/* Judge.me Reviews Styling */
.judge-me-reviews-summary {
margin: 16px 0;
padding: 0;
}

.judge-me-reviews-summary .jdgm-widget {
margin: 0;
padding: 0;
}

.judge-me-reviews-widget {
margin: 32px 0;
padding: 0;
}

.judge-me-reviews-widget .jdgm-widget {
margin: 0;
padding: 0;
}

/* Judge.me custom styling overrides */
.custom-judge-me .jdgm-preview-badge {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
}

.custom-judge-me .jdgm-preview-badge .jdgm-prev-badge__stars {
display: flex;
align-items: center;
gap: 2px;
}

.custom-judge-me .jdgm-preview-badge .jdgm-prev-badge__text {
font-size: 14px;
color: #666;
font-weight: 400;
line-height: 1.2;
}

/* Mobile Judge.me styling */
@media (max-width: 1023px) {
.judge-me-reviews-summary {
margin: 12px 0;
}

.judge-me-reviews-widget {
margin: 24px 0;
}

.custom-judge-me .jdgm-preview-badge .jdgm-prev-badge__text {
font-size: 12px;
}
}

/* Judge.me yıldız renkleri - tema ile uyumlu */
.custom-judge-me .jdgm-star {
color: #FFD700; /* Altın sarısı */
}

.custom-judge-me .jdgm-star.jdgm--off {
color: #E5E5E5; /* Gri - boş yıldızlar */
}

/* Judge.me otomatik widget'larını gizle - sadece bizim kontrol ettiğimiz göstersin */
.jdgm-widget:not(.judge-me-reviews-summary .jdgm-widget):not(.judge-me-reviews-widget .jdgm-widget) {
display: none !important;
}

/* Alternatif: Sadece preview badge'leri gizle (otomatik olanları) */
.jdgm-preview-badge:not(.judge-me-reviews-summary .jdgm-preview-badge):not(.judge-me-reviews-widget .jdgm-preview-badge) {
display: none !important;
}

/* Judge.me Featured Carousel'i tamamen gizle */
.jdgm-carousel-wrapper,
.jdgm-featured-carousel,
.jdgm-carousel-section,
[data-block-type="judgeme_featured_carousel"],
[data-block-type="featured_carousel"],
.jdgm-homepage-carousel {
display: none !important;
}

/* Sadece modal içindeki carousel'e izin ver */
.reviews-modal-overlay .jdgm-carousel-wrapper {
display: block !important;
}

/* ===== JUDGE.ME CAROUSEL SECTION STYLES ===== */
.judge-me-carousel-section {
background: #fafafa;
padding: 60px 0;
margin-top: 40px;
}

.judge-me-carousel-section .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

/* Judge.me Carousel Title Styling */
.jdgm-carousel-title-and-link {
text-align: center;
margin-bottom: 40px;
}

.jdgm-carousel-title {
font-size: 28px !important;
font-weight: 600 !important;
color: #000 !important;
margin-bottom: 16px !important;
letter-spacing: -0.5px;
}

.jdgm-all-reviews-rating-wrapper {
display: flex !important;
flex-direction: column;
align-items: center;
gap: 8px;
}

.jdgm-carousel-number-of-reviews {
font-size: 14px !important;
color: #666 !important;
}

/* Judge.me Widget Styling */
.jdgm-widget.jdgm-review-widget {
width: 100% !important;
}

/* Judge.me Reviews Container */
.judge-me-carousel-section .jdgm-widget.jdgm-reviews-widget {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
margin-top: 24px !important;
}

/* Simple card styling - Fixed height */
.judge-me-carousel-section .jdgm-review {
background: white !important;
border: 1px solid #e5e5e5 !important;
border-radius: 8px !important;
padding: 20px !important;
margin: 0 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
transition: all 0.2s ease !important;
flex: 0 0 calc(33.333% - 14px) !important;
display: block !important;
height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
overflow: hidden !important;
}

.judge-me-carousel-section .jdgm-review:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
border-color: #d0d0d0 !important;
}

/* Rating styling */
.judge-me-carousel-section .jdgm-rev__rating {
margin-bottom: 16px !important;
}

.judge-me-carousel-section .jdgm-rev__rating .jdgm-star {
font-size: 16px !important;
color: #ffc107 !important;
margin-right: 2px !important;
}

.judge-me-carousel-section .jdgm-rev__rating .jdgm-star:last-child {
margin-right: 0 !important;
}

.judge-me-carousel-section .jdgm-rev__rating .jdgm-star--full,
.judge-me-carousel-section .jdgm-rev__rating .jdgm-star--half {
color: #ffc107 !important;
}

.judge-me-carousel-section .jdgm-rev__rating .jdgm-star--empty {
color: #e4e5e9 !important;
}

/* Review body content */
.judge-me-carousel-section .jdgm-rev__body {
font-size: 14px !important;
line-height: 1.5 !important;
color: #333 !important;
margin-bottom: 16px !important;
}

/* Author information */
.judge-me-carousel-section .jdgm-rev__author {
font-size: 13px !important;
color: #666 !important;
font-weight: 500 !important;
}

/* Review date styling */
.judge-me-carousel-section .jdgm-rev__timestamp {
font-size: 12px !important;
color: #999 !important;
margin-left: auto !important;
}

/* Verified badge styling */
.judge-me-carousel-section .jdgm-rev__badge {
background: #28a745 !important;
color: white !important;
font-size: 10px !important;
padding: 2px 6px !important;
border-radius: 4px !important;
margin-left: 8px !important;
}

/* Product name styling */
.judge-me-carousel-section .jdgm-rev__product-name {
font-size: 12px !important;
color: #999 !important;
margin-top: 8px !important;
}

/* Ürün görsellerini gizle */
.judge-me-carousel-section .jdgm-rev__product-link,
.judge-me-carousel-section .jdgm-rev__product-link-img,
.judge-me-carousel-section .jdgm-rev__product-pic {
display: none !important;
}

/* Judge.me Carousel Responsive */
@media (max-width: 1023px) {
.jdgm-carousel-title {
font-size: 24px !important;
}

.judge-me-carousel-section {
padding: 40px 0;
}

.judge-me-carousel-section .jdgm-review {
flex: 0 0 calc(50% - 10px) !important;
height: 180px !important;
min-height: 180px !important;
max-height: 180px !important;
}
}

@media (max-width: 767px) {
.jdgm-carousel-title {
font-size: 20px !important;
}

.judge-me-carousel-section .container {
padding: 0 16px;
}

.judge-me-carousel-section .jdgm-review {
flex: 0 0 100% !important;
height: 160px !important;
min-height: 160px !important;
max-height: 160px !important;
}
}
/* Sanat Header */
  .sanat-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .sanat-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles */
  .sanat-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .sanat-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .sanat-breadcrumb__item:hover {
    color: #000;
  }

  .sanat-breadcrumb__icon {
    vertical-align: middle;
  }

  .sanat-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .sanat-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Sanat Gallery */
  .sanat-gallery {
    padding: 40px 0;
  }

  .sanat-description {
    text-align: center;
    margin-bottom: 40px;
  }

  .sanat-description p {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
  }

  .sanat-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .sanat-gallery-item {
    overflow: hidden;
  }

  .sanat-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
  }

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

  .sanat-placeholder {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sanat-placeholder svg {
    width: 60px;
    height: 60px;
    opacity: 0.3;
  }

  .sanat-image-caption {
    padding: 15px 20px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-align: center;
  }

  /* Footer infos gizleme - Sadece Sanat sayfasında */
  .sanat-gallery + * .footer-infos,
  body:has(.sanat-gallery) .footer-infos {
    display: none !important;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .sanat-header {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }

  @media (max-width: 767px) {
    .sanat-gallery {
      padding: 30px 0;
    }

    .sanat-description  {
      margin-bottom: 30px;
    }

    .sanat-gallery-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
/* Search Header */
  .search-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .search-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .search-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    display: flex;
    align-items: center;
  }

  .search-breadcrumb__item:hover {
    color: #000;
  }

  .search-breadcrumb__icon {
    width: 18px;
    height: 18px;
  }

  .search-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
  }

  .search-breadcrumb__current {
    color: #4F5159;
  }

  /* Search Content */
  .search-content {
    padding: 56px 0 56px 0;

  }



  /* Search Results Header */
  .search-results__header {
    margin-bottom: 32px;
  }

  .search-results__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0;
  }

     /* Search Sections */
   .search-section {
     margin-bottom: 60px;
   }

   .search-section:last-child {
     margin-bottom: 0;
   }

   .search-section__title {
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
     letter-spacing: -0.4px;
     color: #000;
     margin: 0 0 24px 0;
     padding-bottom: 8px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
   }

   /* Products Grid - 4'lü Layout */
   .search-products-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px 4px; /* Dikey 24px, Yatay 4px */
   }

   /* Blog Grid - Ayrı Layout */
   .search-blog-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px 4px; /* Dikey 24px, Yatay 4px */
   }

   /* Blog Card Styles */
   .blog-card-search {
     background: #ffffff;
     overflow: hidden;
   }

   .blog-card-search__image {
     aspect-ratio: 16/9;
     overflow: hidden;
   }

   .blog-card-search__img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
   }

   .blog-card-search__image:hover .blog-card-search__img {
     transform: scale(1.05);
   }

   .blog-card-search__content {
     padding: 24px 12px 0px 12px;
   }

   .blog-card-search__title {
     font-size: 20px;
     font-weight: 500;
     letter-spacing: -0.4px;
     line-height: 28px;
     margin: 0 0 14px 0;
     color: #000000;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }

   .blog-card-search__title-link {
     color: inherit;
     text-decoration: none;
     transition: color 0.2s ease;
   }

   .blog-card-search__title-link:hover {
     color: #666;
   }

   .blog-card-search__excerpt {
     font-size: 16px;
     font-weight: 400;
     letter-spacing: -0.4px;
     line-height: 24px;
     margin: 0;
     color: #8D8F94;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }

  /* Search No Results & Initial */
  .search-no-results,
  .search-initial {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    text-align: center;
  }

  .search-no-results__content,
  .search-initial__content {
    max-width: 400px;
  }

  .search-no-results__icon,
  .search-initial__icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 24px auto;
    opacity: 0.5;
  }

  .search-no-results__title,
  .search-initial__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 12px 0;
  }

  .search-no-results__text,
  .search-initial__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #8D8F94;
    margin: 0 0 24px 0;
  }

  .search-no-results__link {
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    transition: opacity 0.2s ease;
  }

  .search-no-results__link:hover {
    opacity: 0.8;
  }

  /* Footer infos gizleme - Sadece Search sayfasında */
  .search-content + * .footer-infos,
  body:has(.search-content) .footer-infos {
    display: none !important;
  }

  /* Responsive */
     @media (max-width: 1200px) {
     .search-products-grid {
       grid-template-columns: repeat(3, 1fr);
     }

     .search-blog-grid {
       grid-template-columns: repeat(3, 1fr);
     }

     .blog-card-search__content {
       padding: 20px 10px 28px 10px;
     }
   }

  @media (max-width: 768px) {
    .search-content {
      padding: 24px 0;
    }

    

    .search-results__title {
      font-size: 20px;
      line-height: 28px;
    }

         .search-products-grid {
       grid-template-columns: repeat(2, 1fr);
       gap: 20px 4px;
     }

     .search-blog-grid {
       grid-template-columns: 1fr; /* Mobilde tek sütun */
       gap: 20px;
     }

     .blog-card-search__title {
       font-size: 18px;
       line-height: 24px;
     }

     .blog-card-search__excerpt {
       font-size: 14px;
       line-height: 20px;
     }

     .blog-card-search__content {
       padding: 16px 8px 20px 8px;
     }

     .search-section__title {
       font-size: 18px;
       line-height: 24px;
       margin-bottom: 20px;
     }

    .search-no-results__title,
    .search-initial__title {
      font-size: 20px;
      line-height: 28px;
    }

    .search-no-results__text,
    .search-initial__text {
      font-size: 14px;
      line-height: 20px;
    }
  }
/* Store Detail Header */
  .store-detail-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .store-detail-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles */
  .store-detail-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .store-detail-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .store-detail-breadcrumb__item:hover {
    color: #000;
  }

  .store-detail-breadcrumb__icon {
    vertical-align: middle;
  }

  .store-detail-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .store-detail-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .store-detail-header {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }

  /* Store Detail Content */
  .store-detail-content {
    padding: 12px 0 80px 0;
  }

  @media (max-width: 1023px) {
    .store-detail-content {
      padding: 12px 0 56px 0;
    }
  }

  .store-detail-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin-bottom: 24px;
    color: #000000;
  }

  .store-detail-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }

  @media (max-width: 1023px) {
    .store-detail-info {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      gap: 16px;
    }

    .store-detail-info__item:first-child {
      grid-column: 1 / -1; /* Adres full width */
    }
  }

  .store-detail-info__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .store-detail-info__label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.8px;
    margin: 0;
    color: #000000;
  }

  .store-detail-info__value {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    margin: 0;
    color: #000000;
  }

  /* Google Maps */
  .store-detail-map {
    margin-top: 50px;
  }

  @media (max-width: 1023px) {
    .store-detail-map {
      margin-top: 24px;
    }
  }

  .store-detail-map__container {
    position: relative;
    width: 100%;
    max-height: 480px;
    aspect-ratio: 16 / 9; /* Modern 16:9 aspect ratio */
    overflow: hidden;
    border-radius: 0px;
  }

  .store-detail-map__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
/* Stores Header */
  .stores-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .stores-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Breadcrumb Styles */
  .stores-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .stores-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .stores-breadcrumb__item:hover {
    color: #000;
  }

  .stores-breadcrumb__icon {
    vertical-align: middle;
  }

  .stores-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .stores-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .stores-header {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }

  /* Stores Title Section */
  .stores-title-section {
    padding: 20px 0;
  }

  .stores-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .stores-title {
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.4px;
    margin: 0;
    color: #000;
  }

  /* Dropdown Styles */
  .stores-dropdown {
    position: relative;
  }

  .stores-dropdown__trigger {
    display: flex;
    align-items: center;
    gap: 100px;
    background: #fff;
    border: 1px solid #D9D9DB;
    border-radius: 0;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
    cursor: pointer;
  }

  .stores-dropdown__icon {
    width: 16px;
    height: 16px;
  }

  .stores-dropdown__content {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 1px solid #D9D9DB;
    border-radius: 0;
    width: 100%;
    z-index: 100;
    display: none;
  }

  .stores-dropdown__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .stores-dropdown__item {
    display: block;
    padding: 10px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  .stores-dropdown__item:hover {
    background-color: #f5f5f5;
  }

  /* Mobile responsive - 767px altı */
  @media (max-width: 767px) {
    .stores-title-section {
      padding: 14px 0 24px 0;
    }
    
    .stores-title-row {
      flex-direction: column;
      align-items: center;
    }
    
    .stores-title {
      text-align: center;
      font-size: var(--mobile-font-size) !important;
    }
    
    .stores-dropdown {
      width: 100%;
    }
    
    .stores-dropdown__trigger {
      width: 100%;
      justify-content: space-between;
      font-size: var(--mobile-dropdown-font-size) !important;
    }
    
    .stores-dropdown__icon {
      width: var(--mobile-icon-size) !important;
      height: var(--mobile-icon-size) !important;
    }
  }

  /* Mağaza Kartları Grid */
  .stores-grid-section {
    margin-bottom: 56px;
  }

  .stores-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4px;
    row-gap: 24px;
  }

  .store-card {
    background: #fff;
    border: 1px solid #D9D9DB;
    overflow: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  .store-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

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

  .store-info {
    padding: 24px;
  }

  .store-name {
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.4px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

    .store-address {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.5;
    letter-spacing: -0.4px;
    font-weight: 500;
  }

  .store-address span {
    font-weight: 400;
  }

  .store-phone {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.5;
    letter-spacing: -0.4px;
    font-weight: 500;
  }

  .store-phone a {
    font-weight: 400;
  }

  .store-email {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.5;
    letter-spacing: -0.4px;
    font-weight: 500;
  }

  .store-email a {
    font-weight: 400;
  }

  .store-city {
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: -0.4px;
    margin: 0;
  }



  .store-details {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    padding: 0;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.4px;
    cursor: pointer;
  }

  .store-details:hover {
    color: #000;
          border-bottom-color: #000;
    }

    /* Footer infos gizleme - Sadece Stores sayfasında */
    .stores-grid-section + * .footer-infos,
    body:has(.stores-grid-section) .footer-infos {
      display: none !important;
    }
  
    /* Tablet responsive */
  @media (min-width: 768px) and (max-width: 1023px) {
    .stores-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* Mobile responsive */
  @media (max-width: 767px) {
    .stores-grid {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    
    .store-name {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }
    
    .store-address,
    .store-phone {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }
    
    .store-email {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }
    
    .store-city {
      font-size: var(--mobile-font-size) !important;
      padding-bottom: var(--mobile-padding-bottom) !important;
    }
    
    .store-details {
      font-size: var(--mobile-font-size) !important;
    }
  }
/* ========== MAIN SECTION ========== */
  .tabbed-products {
    padding: 56px 0;
    overflow: hidden;
  }

  /* ========== 1. TAB BAŞLIKLARI (EN YENİ ÜRÜNLER, POPÜLER ÜRÜNLER, SİZİN İÇİN SEÇTİKLERİMİZ) ========== */
  .tabbed-products__tabs {
    display: flex;
    margin-bottom: 5px;
    justify-content: center;
  }

  .tabbed-products__tab {
    background: none;
    border: none;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: color 0.2s ease;
    text-transform: uppercase;
    padding: 0 0 8px 0;
    border-bottom: 2px solid transparent;
  }

  .tabbed-products__tab.active {
    border-bottom: 1px solid #000;
  }

  /* ========== 2. TAB İÇERİKLERİ (TAB'A TIKLANINCA GELEN ALAN) ========== */
  .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(15px);
    pointer-events: none;
  }

  .tab-content.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Tab container positioning */
  .tabbed-products__tabs + .tab-content-wrapper {
    position: relative;
    min-height: 400px;
  }

  /* ========== 3. SWIPER NAVIGATION BUTONLARI (SAĞ ÜST OK'LAR) ========== */
  .featured-products__header {
  }

  #products-nav-header {
    justify-content: flex-end !important;
  }
  
  .featured-products__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
    margin: 0;
  }

  .featured-products__nav {
    display: flex;
    gap: 8px;
  }

  .featured-products__nav-button {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .featured-products__nav-button.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  /* Popular nav header positioning */
  #popular-nav-header {
    justify-content: flex-end !important;
  }

  /* Featured nav header positioning */
  #featured-nav-header {
    justify-content: flex-end !important;
  }

  /* Mobile'da navigation gizle */
  @media (max-width: 767px) {
    #products-nav-buttons,
    #popular-nav-buttons,
    #featured-nav-buttons {
      display: none !important;
    }
  }
.shopify-section:has(.top-bar) {
    padding: 0 !important;
    grid-template-columns: none !important;
    width: 100% !important;
  }

  .top-bar {
    padding: 12px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  .top-bar__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  
  .top-bar__marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
  }
  
  .top-bar__marquee-content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    animation: scroll 30s linear infinite;
  }
  
  .top-bar__marquee-content span {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 16px;
  }
  
  .top-bar__icon {
    width: 8px;
    height: 8px;
    align-self: center;
    flex-shrink: 0;
    color: inherit;
  }
  
  @keyframes scroll {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
  }
/* Toptan Header */
  .toptan-header {
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .toptan-header__content {
    display: flex;
    align-items: center;
    position: relative;
  }


  /* Breadcrumb Styles - Contact'dan alınan */
  .toptan-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .toptan-breadcrumb__item {
    color: #4F5159;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .toptan-breadcrumb__item:hover {
    color: #000;
  }

  .toptan-breadcrumb__icon {
    vertical-align: middle;
  }

  .toptan-breadcrumb__separator {
    color: #C3C4C6;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  .toptan-breadcrumb__current {
    color: #4F5159;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
  }

  /* Page Content */
  .toptan-page {
    padding: 80px 0;
  }

  .page-content {
    max-width: 800px;
    margin: 0 auto;
  }

  .page-content h1,
  .page-content h2,
  .page-content h3 {
    margin-bottom: 16px;
    color: #000;
  }

  .page-content p {
    margin-bottom: 16px;
    line-height: 1.6;
    color: #333;
  }

  .page-content p:last-child {
    margin-bottom: 0;
  }

  .page-content a {
    text-decoration: none;
    font-weight: 600;
    color: #000;
  }

  /* Footer infos gizleme - Sadece Toptan sayfasında */
  .toptan-page + * .footer-infos,
  body:has(.toptan-page) .footer-infos {
    display: none !important;
  }

  /* Toptan Contact Form */
  .toptan-contact-section {
    margin-bottom: 80px;  
  }

  .toptan-contact-wrapper {
    display: flex;
    justify-content: center;
    padding: 0 110px;
    align-items: start;
  }

  /* Contact Form */
  .toptan-contact-form { 
    width: 100%;
    max-width: 800px;
  }

  .toptan-form__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 6px 0;
    text-align: center;
  }

  .toptan-form__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0 0 24px 0;
    text-align: center;
  }

  .toptan-form__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .toptan-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  .toptan-form__field {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .toptan-form__field label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 6px;
    order: -1;
  }

  .toptan-form__field input,
  .toptan-form__field select,
  .toptan-form__field textarea {
    width: 100%;
    padding: 5px 0px;
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #000;
    transition: border-color 0.2s ease;
  }

  .toptan-form__field input:focus,
  .toptan-form__field select:focus,
  .toptan-form__field textarea:focus {
    outline: none;
    border-bottom-color: #000;
  }

  .toptan-form__field input::placeholder,
  .toptan-form__field textarea::placeholder {
    color: #8D8F94;
  }

  .toptan-form__field textarea {
    min-height: 120px;
    resize: vertical;
  }

  /* Footer (Checkbox + Button) */
  .toptan-form__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  /* Checkbox Styles */
  .toptan-form__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .toptan-form__checkbox input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0;
    flex-shrink: 0;
    appearance: none;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
  }

  .toptan-form__checkbox input[type="checkbox"]:checked {
    background: #000;
    border-color: #000;
  }

  .toptan-form__checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: translate(-50%, -60%) rotate(45deg);
  }

  .toptan-form__checkbox label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000;
    margin: 0;
    order: initial;
  }

  .toptan-form__checkbox label a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
  }

  .toptan-form__checkbox label a:hover {
    opacity: 0.7;
  }

  /* Submit Button */
  .toptan-form__submit {
    padding: 16px 32px;
    background: transparent;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
    transition: all 0.4s ease;
  }

  .toptan-form__submit:hover {
    background: #000;
    color: #fff;
    border-color: #8D8F94;
  }

  /* Form Message Styles */
  .form-message {
    margin-top: 0px;
    margin-bottom: 80px;
    padding: 16px 20px;
    border-radius: 8px;
    border-left: 4px solid;
  }

  .form-message--success {
    background-color: #f0f9f5;
    border-left-color: #22c55e;
    color: #15803d;
  }

  .form-message--error {
    background-color: #fef2f2;
    border-left-color: #ef4444;
    color: #dc2626;
  }

  .form-message__content {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .form-message__icon {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .form-message__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .toptan-header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }

    .toptan-header__content {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .toptan-page {
      padding: 40px 0;
    }


    .page-content h1,
    .page-content h2,
    .page-content h3 {
      text-align: center;
    }

    .toptan-contact-section {
      padding: 0px 0;
    }

    .toptan-contact-wrapper {
      padding: 0;
    }

    .toptan-form__title {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .toptan-form__description {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .toptan-form__field label {
      font-size: var(--mobile-font-size) !important;
      margin-bottom: var(--mobile-margin-bottom) !important;
    }

    .toptan-form__row {
      grid-template-columns: 1fr;
    }

    .toptan-form__footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .toptan-form__submit {
      width: 100%;
    }
  }

  /* Toast Notification Styles */
  .toast {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #22c55e;
    color: white;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    max-width: 350px;
    z-index: 9999;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

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

  .toast--error {
    background: #ef4444;
  }

  .toast__icon {
    font-size: 16px;
    flex-shrink: 0;
  }

  .toast__message {
    flex: 1;
  }

  /* Mobile responsive for toast */
  @media (max-width: 768px) {
    .toast {
      top: 10px;
      right: 10px;
      left: 10px;
      max-width: none;
      font-size: 13px;
      padding: 14px 16px;
    }
  }

/* CSS from block stylesheet tags */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }

/* CSS from snippet stylesheet tags */
.blog-card {
    background: #ffffff;
    overflow: hidden;
  }

  .blog-card__image {
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative;
  }

  .blog-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .blog-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .blog-card__image:hover .blog-card__img {
    transform: scale(1.05);
  }

  .blog-card__content {
    padding: 24px 12px 33px 12px;
  }

  .blog-card__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 28px;
    margin: 0 0 14px 0;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .blog-card__title-link {
    color: inherit;
    text-decoration: none;
  }

  .blog-card__title-link:hover {
    text-decoration: underline;
  }

  .blog-card__excerpt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 24px;
    margin: 0;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
.cart-dropdown {
    position: absolute;
    top: calc(100% + 16px);
    right: 0;
    width: 480px;
    background: #fff;
    border: 1px solid #E5E5E5;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
  }

  /* Görünmez köprü - Sepetim yazısı ile dropdown arası */
  .cart-dropdown::before {
    content: '';
    position: absolute;
    top: -16px;
    right: 0;
    width: 100%;
    height: 16px;
    background: transparent;
    z-index: 999;
  }

  .cart-dropdown.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .cart-dropdown__content {
    padding: 20px;
  }

  .cart-dropdown__items {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 16px;
  }

  .cart-dropdown__item {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #E5E5E5;
    align-items: flex-start;
  }

  .cart-dropdown__item:first-child {
    padding-top: 0;
  }

  .cart-dropdown__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .cart-dropdown__image-link {
    display: block;
  }

  .cart-dropdown__image {
    width: 80px;
    height: 100px;
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 0;
  }

  .cart-dropdown__image--placeholder {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cart-dropdown__image--placeholder svg {
    width: 40px;
    height: 40px;
  }

  .cart-dropdown__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .cart-dropdown__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    margin: 0;
  }

  .cart-dropdown__title a {
    transition: color 0.2s;
  }

  .cart-dropdown__title a:hover {
    color: #666 !important;
  }

  .cart-dropdown__variant {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #4F5159;
  }

  .cart-dropdown__quantity {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #8D8F94;
  }

  .cart-dropdown__price {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    margin-left: auto;
    flex-shrink: 0;
  }

  .cart-dropdown__remove {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
  }

  .cart-dropdown__remove:hover {
    opacity: 1;
    color: #e74c3c;
  }

  .cart-dropdown__footer {
    border-top: 1px solid #E5E5E5;
    padding-top: 16px;
    margin-top: 16px;
  }

  .cart-dropdown__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
  }

  .cart-dropdown__button {
    display: block;
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.4px;
    transition: opacity 0.2s ease;
  }

  .cart-dropdown__button:hover {
    opacity: 0.8;
  }

  .cart-dropdown__empty {
    text-align: center;
    padding: 40px 20px;
    font-size: 14px;
    color: #8D8F94;
  }

  /* Mobile'da gizle */
  @media (max-width: 1200px) {
    .cart-dropdown {
      display: none !important;
    }
  }
.cart-notification {
    position: fixed;
    top: 20px;
    right: 26px;
    z-index: 9999;
    max-width: 320px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    transform: translateY(-150%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease, visibility 0.4s;
  }

  .cart-notification[aria-hidden="false"] {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .cart-notification__inner {
    padding: 20px;
  }

  .cart-notification__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
  }
  
  .cart-notification__header-left {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .cart-notification__icon {
    width: 20px;
    height: 20px;
  }

  .cart-notification__title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.5px;
    transition: opacity 0.2s ease;
  }

  .cart-notification__content {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
  }

  .cart-notification__image {
    width: 64px;
    height: auto;
    object-fit: cover;
    border-radius: 0;
  }

  .cart-notification__details {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .cart-notification__product-title,
  .cart-notification__product-variant {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }
  
  .cart-notification__product-variant {
    color: #5D6069;
  }

  .cart-notification__button {
    display: block;
    width: 100%;
    padding: 12px;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
    border-radius: 0;
    font-weight: 500;
    font-size: 14px;
    transition: opacity 0.2s ease;
  }

  .cart-notification__button:hover {
    opacity: 0.8;
  }

  .cart-notification__close {
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .cart-notification__close:hover {
    opacity: 0.7;
  }

  /* Mobile responsive */
  @media (max-width: 1023px) {
    .cart-notification {
      right: 16px;
    }
  }
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
:root {
    --megamenu-z-index: 99990;
    --megamenu-transition-duration: 350ms;
    --megamenu-panel-width: auto;
  }

  .megamenu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.05);
    z-index: var(--megamenu-z-index);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--megamenu-transition-duration) cubic-bezier(0.4, 0, 0.2, 1),
                visibility var(--megamenu-transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, visibility;
  }

  .megamenu-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  .megamenu-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: max-content;
    min-width: 400px;
    max-width: 75vw;
    height: 100vh;
    background: #ffffff;
    z-index: calc(var(--megamenu-z-index) + 1);
    transform: translateX(-100%);
    transition: transform var(--megamenu-transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    overflow-y: auto;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
  }

  .megamenu-panel.active {
    transform: translateX(0);
  }

  .megamenu-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 26px 0 26px;
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 10;
    white-space: nowrap;
    min-width: max-content;
    gap: 40px;
  }

  .megamenu-panel__nav {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 1;
    white-space: nowrap;
    min-width: max-content;
  }

  .megamenu-panel__nav-item {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    text-decoration: none;
    transition: opacity 0.2s;
    position: relative;
  }

  .megamenu-panel__nav-item:hover {
    opacity: 0.7;
  }

  .megamenu-panel__nav-item--active {
    cursor: pointer;
  }

  .megamenu-panel__nav-item--active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
  }

  .megamenu-panel__close {
    background: none;
    border: none;
    padding: 12px;
    margin: -12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: opacity 0.2s;
    flex-shrink: 0;
    margin-left: 20px;
  }

  .megamenu-panel__close:hover {
    opacity: 0.7;
  }

  .megamenu-panel__content {
    padding: 0 26px 32px 26px;
    margin-top: 56px;
  }

  .megamenu-items {
    display: flex;
    flex-direction: row;
    gap: 130px;
    align-items: flex-start;
    width: max-content;
    min-width: 100%;
  }

  .megamenu-column {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .megamenu-item {
    margin: 0;
    padding: 0;
  }

  .megamenu-item__link {
    display: block;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity 0.2s;
  }

  .megamenu-item__link:hover {
    opacity: 0.7;
  }

  .megamenu-item__trigger {
    /* Artık a tag'i olduğu için button stilleri kaldırıldı */
    cursor: pointer;
  }

  .megamenu-subcategory {
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .megamenu-subcategory.fade-in {
    opacity: 1;
  }

  .megamenu-item__link.active {
    /* Alt çizgi için padding kaldırıldı */
  }

  .megamenu-column:has(.megamenu-item__link.active) .megamenu-item__link:not(.active) {
    /* inline style ile kontrol edilecek */
  }

  /* Responsive */
  @media (max-width: 1200px) {
    .megamenu-overlay,
    .megamenu-panel {
      display: none !important;
    }
  }
/* Mobile Filter Menu - Temel yapı */
  .mobile-filter-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .mobile-filter-menu.is-open {
    opacity: 1;
    visibility: visible;
  }

  .mobile-filter-menu__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }

  .mobile-filter-menu__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
  }

  .mobile-filter-menu.is-open .mobile-filter-menu__content {
    transform: translateY(0);
  }

  /* Header */
  .mobile-filter-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    background: white;
    margin-bottom: 24px;
  }

  .mobile-filter-menu__clear {
    display: flex;
    align-items: center;
  }

  .mobile-filter-menu__clear span {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
  }

  .mobile-filter-menu__close {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Filter Content */
  .mobile-filter-content {
    flex: 1;
    overflow-y: auto;
    padding: 0 16px !important;
    margin-top: 0;
  }

  /* Accordion Styles */
  .mobile-filter-accordion {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }

  .mobile-filter-accordion:last-child {
    margin-bottom: 0;
  }

  .mobile-filter-accordion__toggle {
    width: 100%;
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    text-align: left;
    padding: 14px 0 14px 0;
  }

  .mobile-filter-accordion__chevron {
    transition: transform 0.3s ease;
  }

  .mobile-filter-accordion.is-open .mobile-filter-accordion__chevron {
    transform: rotate(180deg);
  }

  .mobile-filter-accordion__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 10px;
  }

  .mobile-filter-accordion.is-open .mobile-filter-accordion__content {
    margin-bottom: 24px;
  }

  .mobile-filter-accordion.is-open .mobile-filter-accordion__content {
    max-height: none;
  }

  /* Mobile Filter Options - Desktop stillerinin kopyası */
  .mobile-filter-option {
    display: flex;
    align-items: unset;
    gap: 10px;

    cursor: pointer;
  }

  .mobile-filter-option .filter-checkbox {
    display: none;
  }

  .mobile-filter-option .filter-checkmark {
    width: 18px;
    height: 18px;
    border: 1px solid #E3E3E4;
    border-radius: 2px;
    background: white;
    position: relative;
    flex-shrink: 0;
  }

  .mobile-filter-option .filter-checkbox:checked + .filter-checkmark {
    background: #000000;
    border-color: #000000;
  }

  .mobile-filter-option .filter-checkbox:checked + .filter-checkmark::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }

  .mobile-filter-option .filter-label {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 10px;
  }


  .mobile-filter-option .filter-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #AAABAF;
  }

  /* Mobile Price Filter Checkbox Styles - inherit from regular mobile filter options */
  .price-filter-option {
    /* Styles inherited from .mobile-filter-option */
  }



  /* Show More Button */
  .mobile-filter-show-more {
    width: 100%;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000000;
    cursor: pointer;
    text-align: left;
    padding: 0 0 14px 0;
  }

  .mobile-filter-show-more span {
    margin-right: 8px;
  }

  /* Mobile Filter Footer */
  .mobile-filter-menu__footer {
    background: white;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .mobile-filter-footer__count {
    text-align: center;
    display:none;
  }

  .mobile-filter-footer__count span {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
  }

  .mobile-filter-footer__apply {
    width: 100%;
    border: none;
    padding: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    cursor: pointer;
    border-radius: 0;
  }

  /* Mobile Active Filters */
  .mobile-active-filters {
    padding: 16px 16px 16px;
    margin-bottom: 1px;
  }

  .mobile-active-filters__label {
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 12px;
    display: block;
  }

  .mobile-active-filters__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .active-filter-tag {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    margin-right: 16px;
    font-size: 12px;
    color: #000000;
  }

  .active-filter-tag__remove {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 8px;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .active-filter-tag__remove img {
    opacity: 0.5;
    transition: opacity 0.2s;
  }

  .active-filter-tag__remove:hover img {
    opacity: 1;
  }

  /* Desktop'ta gizle */
  @media (min-width: 1024px) {
    .mobile-filter-menu {
      display: none !important;
    }
  }
:root {
  --mobile-menu-z-index: 999999;
  --mobile-menu-transition-duration: 300ms;
}
.mobile-menu {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: var(--mobile-menu-z-index);
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity var(--mobile-menu-transition-duration) ease;
  overflow: hidden;
}
#mobile-menu-container .mobile-menu {
  display: flex !important;
}
.mobile-menu.fade-in {
  opacity: 1;
}
.mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px;
  border-bottom: 1px solid #D9D9DB;
  position: relative;
  z-index: 2;
  --mobile-menu-header-height: 73px;
  transition: opacity var(--mobile-menu-transition-duration) ease;
}
.mobile-menu__header.hidden {
  opacity: 0;
  pointer-events: none;
}
.mobile-menu__logo img {
  width: auto;
  display: block;
}
.mobile-menu__close,
.mobile-menu__close--sub,
.mobile-menu__back {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.mobile-menu__close img,
.mobile-menu__close--sub img,
.mobile-menu__back img {
  display: block;
}

/* Panel System */
.mobile-menu__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: transform var(--mobile-menu-transition-duration) ease;
  will-change: transform;
}
.mobile-menu__panel--main {
  transform: translateX(0);
  z-index: 1;
}
.mobile-menu__panel--sub {
  transform: translateX(100%);
  z-index: 0;
}
.mobile-menu__panel--sub.active {
  transform: translateX(0);
  z-index: 1;
}
.mobile-menu__panel--main.pushed {

}

/* Sub Menu Header */
.mobile-menu__sub-header {
  display: flex;
  align-items: center;
  padding: 20px 16px;
  border-bottom: 1px solid #D9D9DB;
  position: absolute;
  top: 0;
  left: 6px;
  right: 0;
  background: #fff;
  z-index: 3;
  height: var(--mobile-menu-header-height, 73px);
  box-sizing: border-box;
}
.mobile-menu__back {
  margin-left: -8px;
  display: flex;
  align-items: center;
  color: #000;
}
.mobile-menu__sub-title {
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 24px;
  flex: 1;
  margin-left: 16px;
}


/* Content */
.mobile-menu__content {
  padding: 24px 16px;
  overflow-y: auto;
  height: calc(100vh - var(--mobile-menu-header-height, 73px));
  margin-top: var(--mobile-menu-header-height, 73px);
}
.mobile-menu__item {
  /* margin-bottom artık inline style'da */
}
.mobile-menu__link {
  font-weight: 500;
  text-decoration: none;
  padding: 10px 0;
  letter-spacing: -0.4px;
  display: block;
  line-height: 16px;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.mobile-menu__link--main {
  text-transform: uppercase;
}
.mobile-menu__link--sub {
  text-transform: none;
  font-weight: 400;
}
.mobile-menu__link--expandable {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu__chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.mobile-menu__link:hover {
  color: #666;
}
#mobile-sort-menu.mobile-filter-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
  }
  #mobile-sort-menu.mobile-filter-menu.is-open {
    opacity: 1;
    visibility: visible;
  }
  #mobile-sort-menu .mobile-filter-menu__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  #mobile-sort-menu .mobile-filter-menu__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
  }
  #mobile-sort-menu.is-open .mobile-filter-menu__content {
    transform: translateY(0);
  }
  #mobile-sort-menu .mobile-filter-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    flex-shrink: 0;
    margin:0;
  }
  #mobile-sort-menu .mobile-filter-menu__header-title {
    font-size: 14px;
    font-weight: 4
    line-height: 20px;
    lettter-spacing:-0.4px;
    color: #000;
  }
  #mobile-sort-menu .mobile-filter-menu__close {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    width: {{ close_icon_size }}px;
    height: {{ close_icon_size }}px;
  }
  .mobile-sort-options-container {
    padding: 24px 16px;
    overflow-y: auto;
    flex-grow: 1;
  }
  .mobile-sort-options {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .mobile-sort-option {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    cursor: pointer;
  }
  .mobile-sort-radio {
    display: none;
  }
  .mobile-sort-radio-mark {
    width: 20px;
    height: 20px;
    border: 1px solid #E3E3E4;
    border-radius: 50%;
    background: white;
    position: relative;
    flex-shrink: 0;
  }
  .mobile-sort-radio:checked + .mobile-sort-radio-mark {
    background: #000;
    border-color: #000;
  }
  .mobile-sort-radio:checked + .mobile-sort-radio-mark::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }
.product-card {
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
  }

  .product-card .swiper {
    position: relative; /* Needed for absolute positioning of children */
    --swiper-theme-color: #000000;
    --swiper-pagination-bullet-inactive-color: #8D8F94;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 0px;
    --swiper-pagination-bullets-spacing: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .product-card .swiper-pagination {
    position: absolute;
    bottom: 0px;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 2px;
    padding: 0;
    box-sizing: border-box;
  }

  .product-card .swiper-pagination-bullet {
    flex-grow: 1;
    height: 2px;
    background-color: #8D8F94; /* Inactive color */
    opacity: 1;
    border-radius: 0;
    transition: all 0.2s ease;
  }

  .product-card .swiper-pagination-bullet-active {
    background-color: #000000; /* Active color */
  }

  .product-card__image,
  .product-card__placeholder {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    background-color: #f2f2f2;
  }

  .product-card__info {
    padding-top: 8px;
  }

  .product-card__title-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .product-card__title {
    flex-basis: 90%;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 20px;
    text-decoration: none;
  }

  .product-card__title:hover {
    text-decoration: underline;
  }

  .product-card__price {
    display: flex;
    align-items: center;
    margin-top: 2px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 20px;
  }

  .product-card__price--old {
    text-decoration: line-through;
  }

  .product-card__price--current {
  }

  .p-card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    letter-spacing: -0.4px;
    transform: translate3d(0, 0, 1px);
    backface-visibility: hidden;
  }

  /* Yeni Sezon Badge */
  .p-card-season-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 10;
    background-color: #1A1B1E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    aspect-ratio: 1;
    max-width: 52px;
    transform: translate3d(0, 0, 1px);
    backface-visibility: hidden;
  }

  .p-card-season-badge::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 1px solid #6D6D6D;
    border-radius: 50%;
    z-index: 1;
  }

  .season-badge-text {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.2px;
    position: relative;
    z-index: 2;
  }

  @media (max-width: 1023px) {
    .p-card-badge {
      font-size: var(--badge-mobile-fs) !important;
      line-height: 12px;
      letter-spacing: -0.2px;
    }
    .product-card__title {
      font-size: var(--card-title-mobile-fs) !important;
    }
    .product-card__price {
      font-size: var(--card-price-mobile-fs) !important;
      gap: var(--card-price-mobile-gap) !important;
    }
    
    .season-badge-text {
      font-size: 10px;
    }
    
    .p-card-season-badge {
      max-width: 45px;
    }
  }

  .product-card__cart-button {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 10;
    border: none;
    padding: 6px;
    cursor: pointer;
    width: auto;
    height: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: opacity 0.2s ease, visibility 0.2s ease;
    transform: translate3d(0, 0, 1px);
    backface-visibility: hidden;
  }

  .product-card .swiper:has(.product-card__size-selector.is-visible) .product-card__cart-button {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
  }

  .product-card__cart-icon {
  }

  .product-card__favorite-button {
    position: absolute;
    top: 16px;
    right: 12px;
    z-index: 10;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate3d(0, 0, 1px);
    backface-visibility: hidden;
  }

  .product-card__favorite-icon {
    /* Boyutlar artık inline style ile veriliyor */
  }

  .product-card__size-selector {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    background-color: #ffffff;
    padding: 6px;
    z-index: 20;
    transform: translateY(100%);
    transition: transform 0.3s ease, visibility 0s 0.3s;
    visibility: hidden;
    border-top: 1px solid #f2f2f2;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
  }

  .product-card__size-selector.is-visible {
    transform: translateY(0);
    visibility: visible;
    transition: transform 0.3s ease, visibility 0s 0s;
  }

  .product-card .size-selector__options {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  @media (max-width: 1023px) {
    .product-card .size-selector__options {
      justify-content: flex-start;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      gap: 8px;
    }
    
    .product-card .size-selector__options::-webkit-scrollbar {
      display: none;
    }

    .product-card .size-selector__option {
      min-width: 28px;
      width: auto;
      padding: 0 6px;
      flex-shrink: 0;
    }
  }

  .product-card .size-selector__option {
    font-size: 14px;
    color: #000;
    background: transparent;
    border: 1px solid transparent;
    padding: 0;
    cursor: pointer;
    width: auto;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
  }

  .product-card .size-selector__option:not(.is-disabled):not(.is-active):hover {
    border-color: #4F5159;
  }

  .product-card .size-selector__option.is-active {
    border-color: #000000;
  }

  .product-card .size-selector__option.is-disabled {
    color: #AAABAF !important;
    background-color: transparent !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
  }

  .product-card .size-selector__option.is-disabled:hover {
    color: #AAABAF !important;
    background-color: transparent !important;
    cursor: not-allowed !important;
    border-color: transparent !important;
    pointer-events: none !important;
  }