/* webslit-landing — storefront locale switcher (theme-only) */

/*
 * Offcanvas / mobil menü — kalıcı FOUC düzeltmesi:
 * Kapalıyken transition yok (CSS ilk uygulanınca slide animasyonu olmaz).
 * Animasyon yalnızca .is-animating iken (aç/kapa tıklaması).
 */
.offCanvas-wrap,
.offCanvas-overlay,
.mobile-menu,
.menu-backdrop {
  transition: none !important;
}

.offCanvas-wrap.is-animating {
  transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;
}

.offCanvas-overlay.is-animating {
  transition: opacity 700ms ease, visibility 700ms ease !important;
}

.mobile-menu.is-animating {
  transition: transform 700ms ease, opacity 700ms ease, visibility 700ms ease !important;
}

.menu-backdrop.is-animating {
  transition: opacity 700ms ease, visibility 700ms ease !important;
}

.header-action > ul > li.header-lang {
    margin-inline: 0 !important;
}

/* Wishlist / karşılaştır / sepet / hesap / arama — eşit aralık */
.header-action > ul > li.header-wishlist,
.header-action > ul > li.header-compare,
.header-action > ul > li.header-shop-cart,
.header-action > ul > li.header-account,
.header-action > ul > li.header-search {
    margin-left: 14px !important;
    margin-inline-start: 14px !important;
}

.header-action > ul > li.header-lang + li.header-wishlist,
.header-action > ul > li.header-lang + li.header-compare,
.header-action > ul > li.header-lang + li.header-shop-cart,
.header-action > ul > li.header-lang + li.header-account,
.header-action > ul > li.header-lang + li.header-search {
    margin-inline-start: 14px !important;
}

.header-action > ul > li.header-wishlist > a.cart-count,
.header-action > ul > li.header-compare > a.cart-count,
.header-action > ul > li.header-shop-cart > a {
    padding-right: 8px;
}

.header-action > ul > li.header-account > a.cart-count,
.header-action > ul > li.header-account .ws-header-account__toggle {
    padding-right: 0;
}

/* Masaüstü yeşil offCanvas butonu — header’da gizle */
.header-action > ul > li.offCanvas-btn {
    display: none !important;
}

/* Tema margin-left:40px RTL'de bozuluyor — logical spacing */
[dir="rtl"] .header-action > ul > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 28px !important;
}

[dir="rtl"] .header-action > ul > li:first-child,
[dir="rtl"] .header-action > ul > li.header-lang {
    margin-inline-start: 0 !important;
}

[dir="rtl"] .header-action > ul > li.header-wishlist,
[dir="rtl"] .header-action > ul > li.header-compare,
[dir="rtl"] .header-action > ul > li.header-shop-cart,
[dir="rtl"] .header-action > ul > li.header-account,
[dir="rtl"] .header-action > ul > li.header-search {
    margin-inline-start: 14px !important;
}

[dir="rtl"] .header-action > ul > li.header-lang + li.header-wishlist,
[dir="rtl"] .header-action > ul > li.header-lang + li.header-compare,
[dir="rtl"] .header-action > ul > li.header-lang + li.header-shop-cart,
[dir="rtl"] .header-action > ul > li.header-lang + li.header-account,
[dir="rtl"] .header-action > ul > li.header-lang + li.header-search {
    margin-inline-start: 14px !important;
}

/* Logo | menü | dil/sepet sağda kalsın (RTL'de sola yapışmasın) */
[dir="rtl"] .menu-nav {
    direction: ltr;
}

[dir="rtl"] .header-action > ul {
    direction: ltr;
}

.sf-lang-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 8px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--sf-locale-text, #4b5563) !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: color .2s ease;
}

.sf-lang-toggle:hover {
    background: transparent;
    color: var(--sf-locale-hover, #111827) !important;
}

.sf-lang-flag-icon {
    font-size: 20px;
    width: 1em;
    height: 1em;
    display: inline-flex;
    flex-shrink: 0;
}

.sf-lang-code {
    letter-spacing: .02em;
}

.sf-lang-currency-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: 2px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: .04em;
    line-height: 1.2;
    color: var(--sf-locale-text, #4b5563);
    background: rgba(15, 23, 42, 0.08);
}

/* Dil seçici — ortada popup */
html.sf-lang-popup-open,
html.sf-lang-popup-open body {
    overflow: hidden;
}

.sf-lang-popup {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.sf-lang-popup[hidden] {
    display: none !important;
}

.sf-lang-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    border: 0;
    cursor: pointer;
}

.sf-lang-popup__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 420px);
    max-height: min(80vh, 560px);
    overflow: auto;
    margin: 0;
    padding: 20px;
    border-radius: 18px;
    background: var(--sf-locale-dropdown-bg, #fff);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.22);
}

.sf-lang-popup--with-currency .sf-lang-popup__dialog {
    width: min(100%, 480px);
    max-height: min(85vh, 640px);
}

.sf-lang-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.sf-lang-popup__geo {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--sf-locale-border, #e5e7eb);
    border-radius: 10px;
    background: var(--sf-locale-geo-bg, #f8fafc);
}

.sf-lang-popup__geo-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.sf-lang-popup__geo-label {
    flex: 0 0 auto;
    color: var(--sf-locale-muted, #64748b);
    font-weight: 500;
}

.sf-lang-popup__geo-value {
    flex: 1 1 auto;
    text-align: end;
    color: var(--sf-locale-text, #111827);
    font-weight: 600;
}

.sf-lang-popup__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--sf-locale-text, #111827);
}

.sf-lang-popup__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.06);
    color: var(--sf-locale-text, #111827);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease;
}

.sf-lang-popup__close:hover {
    background: rgba(15, 23, 42, 0.12);
}

.sf-lang-popup__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (min-width: 480px) {
    .sf-lang-popup__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.sf-lang-popup__item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 72px;
    padding: 12px 8px !important;
    margin: 0 !important;
    border-radius: 14px;
    text-align: center;
    text-decoration: none;
    color: var(--sf-locale-text, #111827) !important;
    background: rgba(15, 23, 42, 0.04);
    transition: background .15s ease, color .15s ease;
}

.sf-lang-popup__item:hover {
    background: rgba(72, 127, 255, 0.1);
    color: var(--sf-locale-hover, #111827) !important;
}

.sf-lang-popup__item.is-active {
    background: #487fff;
    color: #fff !important;
}

.sf-lang-popup__name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    word-break: break-word;
}

.sf-lang-popup--flag-only .sf-lang-popup__dialog {
    width: min(100%, 280px);
}

.sf-lang-popup--flag-only .sf-lang-popup__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sf-lang-popup--flag-only .sf-lang-popup__item {
    min-height: 52px;
    padding: 10px 6px !important;
    border-radius: 12px;
}

.sf-lang-popup--flag-only .sf-lang-popup__item .sf-lang-flag-icon {
    font-size: 28px;
}

.sf-lang-popup__section {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.sf-lang-popup__section-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--sf-locale-text, #111827);
}

.sf-lang-popup__grid--currency {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 480px) {
    .sf-lang-popup__grid--currency {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.sf-lang-popup__item--currency {
    min-height: 64px;
    gap: 4px;
}

.sf-lang-popup__currency-symbol {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.sf-lang-popup__footer {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.sf-lang-popup__save {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    border: 0;
    border-radius: 12px;
    background: var(--tg-primary-color, #487fff);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: opacity .15s ease, filter .15s ease;
}

.sf-lang-popup__save:hover {
    filter: brightness(0.95);
}

button.sf-lang-popup__item {
    font: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
}

.sf-lang-list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-lang-list li a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef1f5;
    font-size: 12px !important;
    font-weight: 600;
    color: #4b5563 !important;
    text-decoration: none;
    opacity: 1;
}

.sf-lang-list li.active a,
.sf-lang-list li a:hover {
    background: #487fff;
    color: #fff !important;
}

.mobile-menu .sf-lang-mobile {
    padding: 16px 25px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.mobile-menu .sf-lang-mobile .sf-lang-toggle {
    background: transparent;
    color: #fff !important;
}

.mobile-menu .sf-lang-mobile .sf-lang-currency-chip {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}

.mobile-menu .sf-lang-mobile .sf-lang-list li a {
    background: rgba(255, 255, 255, .12);
    color: #fff !important;
}

.mobile-menu .sf-lang-mobile .sf-lang-list li.active a {
    background: #487fff;
}

.inner-shop-area {
    padding-top: 40px;
}

/* Kategori üst banner (listelemede ürün ızgarasının üstü) */
.ws-category-top-banner {
    margin: 0 0 1.25rem;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.ws-category-top-banner__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 280px;
    object-fit: cover;
    vertical-align: middle;
}

/* Katalog sayfa genişliği — tam genişlik (kenar boşluklu) */
.ws-catalog-page-width--full {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .ws-catalog-page-width--full {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Katalog ürün ızgarası — satır arası boşluk (kartlar yapışmasın) */
.ws-catalog-grid {
    --bs-gutter-y: 1.5rem;
}

.ws-catalog-grid > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.ws-catalog-grid .ws-catalog-card {
    margin-bottom: 0;
    width: 100%;
}

/* Kategori / katalog ürün kartı */
.ws-catalog-card {
    margin-bottom: 28px;
    background: var(--tg-white, #fff);
    border: 1px solid rgba(0, 0, 0, 0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ws-catalog-card__media-wrap {
    position: relative;
    overflow: hidden;
    background: var(--tg-gray-two, #f5f5f5);
}

.ws-catalog-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--tg-gray-two, #f5f5f5);
    /* Oran: Medya ayarları medium → media-aspects.css */
}

.ws-catalog-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

/* Varsayılan zoom yalnızca --hover-zoom / --hover-second-zoom */
.ws-catalog-card--hover-zoom:hover .ws-catalog-card__media img,
.ws-catalog-card--hover-second-zoom:hover .ws-catalog-card__media img {
    transform: scale(1.04);
}

.ws-catalog-card--hover-none:hover .ws-catalog-card__media img,
.ws-catalog-card--hover-second:hover .ws-catalog-card__media img,
.ws-catalog-card--hover-accordion:hover .ws-catalog-card__media img {
    transform: none;
}

.ws-catalog-card__media-stack,
.ws-catalog-card__media-accordion {
    position: absolute;
    inset: 0;
    display: block;
}

.ws-catalog-card__media-stack .ws-catalog-card__img,
.ws-catalog-card__media-accordion .ws-catalog-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ws-catalog-card__media-stack .ws-catalog-card__img--secondary {
    opacity: 0;
    z-index: 1;
}

.ws-catalog-card--hover-second:hover .ws-catalog-card__img--secondary,
.ws-catalog-card--hover-second-zoom:hover .ws-catalog-card__img--secondary {
    opacity: 1;
}

.ws-catalog-card__media-accordion .ws-catalog-card__img {
    opacity: 0;
    z-index: 0;
    transition: opacity 0.12s ease;
}

.ws-catalog-card__media-accordion .ws-catalog-card__img.is-active {
    opacity: 1;
    z-index: 1;
}

.ws-catalog-card__body {
    padding: 16px 16px 18px;
    text-align: start;
    flex: 0 0 auto;
}

.ws-catalog-card__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 10px;
    min-width: 0;
    width: 100%;
}

.ws-catalog-card__cat {
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.4;
    font-family: var(--tg-body-font-family, inherit);
    color: var(--tg-body-font-color, #777);
}

.ws-catalog-card__cat a {
    color: inherit;
    text-decoration: none;
}

.ws-catalog-card__cat a:hover {
    color: var(--tg-primary-color, #FAA432);
}

.ws-catalog-card__title {
    margin: 0;
    font-size: var(--tg-body-font-size, 14px);
    font-weight: normal;
    line-height: 1.35;
    font-family: var(--tg-body-font-family, inherit);
    color: var(--tg-heading-font-color, #222);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ws-catalog-card__title a {
    color: inherit;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ws-catalog-card__title a:hover {
    color: var(--tg-primary-color, #FAA432);
}

/* Mobil: ürün adı tek satır + ellipsis */
@media (max-width: 767.98px) {
    .ws-catalog-card__title,
    .ws-catalog-card__title a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.ws-catalog-card__rate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin: 0.15rem 0 0.35rem;
}

.ws-catalog-card__rate-score {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;
    color: var(--tg-heading-color, #1d2939);
}

.ws-catalog-card__stars {
    display: inline-flex;
    gap: 1px;
    line-height: 1;
}

.ws-catalog-card__star {
    color: #d0d5dd;
    font-size: 0.85rem;
}

.ws-catalog-card__star.is-on {
    color: #f59e0b;
}

.ws-catalog-card__rate-count {
    font-size: 0.8rem;
    color: var(--tg-body-font-color, #667085);
    text-decoration: none;
}

.ws-catalog-card__rate-count:hover {
    color: var(--tg-primary-color, #FAA432);
    text-decoration: underline;
}

.ws-catalog-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.45rem;
    font-family: var(--tg-body-font-family, inherit);
}

.ws-catalog-card__price-current {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--tg-tertiary-font-color, #999999);
}

.ws-catalog-card__price-old {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--tg-body-font-color, #999);
    opacity: 0.85;
}

.ws-catalog-card__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.ws-catalog-card .ec-discount-price-badges--card {
    margin-top: 0.4rem;
    max-width: 100%;
}

.ws-catalog-card__badges {
    position: absolute;
    top: 12px;
    inset-inline-start: 12px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    max-width: calc(100% - 24px);
    pointer-events: none;
}

.ws-catalog-card__badges .ec-product-labels {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

/* Özel rozetler: şablonun standart -XX% rozet görünümü */
.ws-catalog-card__badges .ec-product-label {
    display: inline-block;
    position: static;
    max-width: 100%;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 0;
    font-family: var(--tg-body-font-family, inherit);
    color: var(--ec-label-fg, #fff);
    background: var(--ec-label-bg, var(--tg-primary-color, #FAA432));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Görsel rozet: arka plan / padding yok */
.ws-catalog-card__badges .ec-product-label.ec-product-label--image {
    background: transparent;
    background-color: transparent;
    color: inherit;
    padding: 0;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    border-radius: 0;
}

.ws-catalog-card__badge {
    position: static;
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    background: var(--tg-tertiary-font-color, #999999);
    font-family: var(--tg-body-font-family, inherit);
}

.ws-catalog-card__actions {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    transform: translateX(8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}

.ws-catalog-card__actions--side {
    top: 50%;
    inset-inline-end: auto;
    inset-inline-start: 12px;
    transform: translate(-8px, -50%);
}

.ws-catalog-card:hover .ws-catalog-card__actions {
    opacity: 1;
    transform: translateX(0);
}

.ws-catalog-card:hover .ws-catalog-card__actions--side {
    transform: translate(0, -50%);
}

.ws-catalog-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: var(--tg-heading-font-color, #222);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    pointer-events: auto;
    transition: background 0.2s ease, color 0.2s ease;
}

.ws-catalog-card__action:hover,
.ws-catalog-card__action.active,
.ws-catalog-card__action.is-active {
    background: var(--tg-heading-font-color, #222);
    color: #fff;
}

.ws-catalog-card__cart-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #fff;
    background: #222222c7;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transform: translateY(100%);
    transition: transform 0.25s ease, background 0.2s ease;
}

.ws-catalog-card__cart-bar i {
    font-size: 14px;
    line-height: 1;
}

.ws-catalog-card:hover .ws-catalog-card__cart-bar {
    transform: translateY(0);
}

.ws-catalog-card__cart-bar:hover {
    background: rgba(34, 34, 34, 0.92);
    color: #fff;
}

.ws-catalog-card__cart-bar:disabled,
.ws-catalog-card__cart-bar.is-loading {
    opacity: 0.65;
    cursor: wait;
}

.ws-catalog-card__cart-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: var(--tg-heading-font-color, #222);
    border-radius: 4px;
    opacity: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: opacity 0.25s ease, background 0.2s ease;
}

.ws-catalog-card:hover .ws-catalog-card__cart-btn {
    opacity: 1;
}

.ws-catalog-card__cart-btn:hover {
    background: var(--tg-primary-color, #FAA432);
    color: #fff;
}

.ws-catalog-card__cart-btn:disabled,
.ws-catalog-card__cart-btn.is-loading {
    opacity: 0.65;
    cursor: wait;
}

/* Stil 1 — klasik kenarlıklı kart (mevcut Landing kartı) */
.ws-catalog-card--style-1 {
    /* İçerik yüksekliği: sütuna gerilince fiyat altında boşluk oluşmasın */
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.ws-catalog-card--style-1 .ws-catalog-card__body {
    padding: 14px 16px 12px;
}

.ws-catalog-card--style-1:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

/* Stil 2 — kart gölgeli; alt orta aksiyonlar; sağda sepet ikonu */
.ws-catalog-card--style-2 {
    height: auto;
    border: 0;
    background: var(--tg-white, #fff);
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}

.ws-catalog-card--style-2:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.ws-catalog-card--style-2 .ws-catalog-card__media {
    border-radius: 0;
}

.ws-catalog-card--style-2 .ws-catalog-card__body {
    padding: 14px 12px 12px;
}

.ws-catalog-card--style-2 .ws-catalog-card__cat {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 12px;
}

.ws-catalog-card--style-2 .ws-catalog-card__action {
    border-radius: 6px;
    background: #0006;
    color: #fff;
    box-shadow: none;
}

.ws-catalog-card--style-2 .ws-catalog-card__action:hover,
.ws-catalog-card--style-2 .ws-catalog-card__action.active,
.ws-catalog-card--style-2 .ws-catalog-card__action.is-active {
    background: var(--tg-heading-font-color, #222);
    color: #fff;
}

/* Stil 2: wishlist / compare / hızlı gözat — alt orta, yalnızca hover */
.ws-catalog-card--style-2 .ws-catalog-card__actions--bottom-start {
    top: auto;
    bottom: 12px;
    inset-inline-start: 50%;
    inset-inline-end: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translate(-50%, 8px);
    pointer-events: none;
}

.ws-catalog-card--style-2:hover .ws-catalog-card__actions--bottom-start {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

.ws-catalog-card--style-2 .ws-catalog-card__meta-row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
}

.ws-catalog-card--style-2 .ws-catalog-card__meta-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
}

.ws-catalog-card--style-2 .ws-catalog-card__meta-left .ws-catalog-card__rate,
.ws-catalog-card--style-2 .ws-catalog-card__meta-left .ws-catalog-card__price {
    margin: 0;
}

.ws-catalog-card--style-2 .ws-catalog-card__meta-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    align-self: stretch;
}

.ws-catalog-card--style-2 .ws-catalog-card__cart-btn--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
    border-radius: 6px;
    gap: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: #fff;
    color: var(--tg-heading-font-color, #222);
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transform: translateX(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.ws-catalog-card--style-2:hover .ws-catalog-card__cart-btn--icon {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
}

.ws-catalog-card--style-2 .ws-catalog-card__cart-btn--icon iconify-icon {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
}

.ws-catalog-card--style-2 .ws-catalog-card__cart-btn--icon:hover {
    background: var(--tg-tertiary-font-color, #ff6720);
    border-color: var(--tg-tertiary-font-color, #ff6720);
    color: #fff;
}

.ws-catalog-card--list.ws-catalog-card--style-2 .ws-catalog-card__cart-btn--icon {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

/* Stil 3 / 4 — başlık ↔ hover CTA; wishlist üst sağda */
.ws-catalog-card--style-3,
.ws-catalog-card--style-4 {
    height: auto;
    border: 0;
    background: var(--tg-white, #fff);
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}

.ws-catalog-card--style-3:hover,
.ws-catalog-card--style-4:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.ws-catalog-card--style-3 .ws-catalog-card__media,
.ws-catalog-card--style-4 .ws-catalog-card__media {
    border-radius: 0;
}

.ws-catalog-card--style-3 .ws-catalog-card__body,
.ws-catalog-card--style-4 .ws-catalog-card__body {
    padding: 14px 12px 12px;
}

.ws-catalog-card--style-3 .ws-catalog-card__cat,
.ws-catalog-card--style-4 .ws-catalog-card__cat {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 12px;
}

.ws-catalog-card--style-3 .ws-catalog-card__actions--always,
.ws-catalog-card--style-4 .ws-catalog-card__actions--always {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.ws-catalog-card--style-3 .ws-catalog-card__action--wishlist-ghost,
.ws-catalog-card--style-4 .ws-catalog-card__action--wishlist-ghost {
    width: 42px;
    height: 42px;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: var(--tg-heading-font-color, #222);
    font-size: 22px;
}

.ws-catalog-card--style-4 .ws-catalog-card__action--wishlist-ghost {
    color: #00000070;
}

.ws-catalog-card--style-3 .ws-catalog-card__action--wishlist-ghost:hover,
.ws-catalog-card--style-4 .ws-catalog-card__action--wishlist-ghost:hover {
    background: transparent;
    color: var(--tg-tertiary-font-color, #ff6720);
}

.ws-catalog-card--style-3 .ws-catalog-card__action--wishlist-ghost.active,
.ws-catalog-card--style-3 .ws-catalog-card__action--wishlist-ghost.is-active,
.ws-catalog-card--style-4 .ws-catalog-card__action--wishlist-ghost.active,
.ws-catalog-card--style-4 .ws-catalog-card__action--wishlist-ghost.is-active {
    background: transparent;
    color: var(--tg-tertiary-font-color, #ff6720);
}

.ws-catalog-card--style-3 .ws-catalog-card__action,
.ws-catalog-card--style-4 .ws-catalog-card__action {
    border-radius: 6px;
}

/* Stil 3: başlık ↔ hover CTA */
.ws-catalog-card--style-3 .ws-catalog-card__heading-swap {
    display: grid;
    margin-bottom: 10px;
    min-width: 0;
}

.ws-catalog-card--style-3 .ws-catalog-card__heading-swap > .ws-catalog-card__heading,
.ws-catalog-card--style-3 .ws-catalog-card__heading-swap > .ws-catalog-card__hover-cta {
    grid-area: 1 / 1;
    align-self: center;
}

.ws-catalog-card--style-3 .ws-catalog-card__heading-swap .ws-catalog-card__heading {
    margin-bottom: 0;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.ws-catalog-card--style-3 .ws-catalog-card__hover-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    gap: 8px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.ws-catalog-card--style-3:hover .ws-catalog-card__heading-swap .ws-catalog-card__heading {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ws-catalog-card--style-3:hover .ws-catalog-card__hover-cta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn {
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    padding: 13px 12px;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn--cart {
    background: var(--tg-white, #fff);
    color: var(--tg-heading-font-color, #222);
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn--cart:hover {
    background: var(--tg-tertiary-font-color, #ff6720);
    border-color: var(--tg-tertiary-font-color, #ff6720);
    color: #fff;
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn--cart:disabled {
    opacity: 0.65;
    cursor: wait;
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn--quick {
    background: var(--tg-gray-two, #f5f5f5);
    color: var(--tg-heading-font-color, #222);
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn--quick:hover {
    background: var(--tg-heading-font-color, #222);
    border-color: var(--tg-heading-font-color, #222);
    color: #fff;
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn iconify-icon,
.ws-catalog-card--style-3 .ws-catalog-card__cta-btn i {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1;
}

.ws-catalog-card--style-3 .ws-catalog-card__cta-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Mobil stil 3: yalnızca ikon */
@media (max-width: 767.98px) {
    .ws-catalog-card--style-3 .ws-catalog-card__cta-btn {
        gap: 0;
        min-height: 34px;
        padding: 0;
        line-height: 1;
    }

    .ws-catalog-card--style-3 .ws-catalog-card__cta-btn iconify-icon,
    .ws-catalog-card--style-3 .ws-catalog-card__cta-btn i {
        font-size: 18px;
    }

    .ws-catalog-card--style-3 .ws-catalog-card__cta-btn span {
        display: none;
    }
}

/* Stil 4: sepet + hızlı gözat — wishlist altında, yalnızca hover */
.ws-catalog-card--style-4 .ws-catalog-card__actions--style-4 {
    gap: 0;
    align-items: center;
}

.ws-catalog-card--style-4 .ws-catalog-card__action--hover-only {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 0;
    background: transparent;
    color: #00000070;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, color 0.2s ease;
}

.ws-catalog-card--style-4 .ws-catalog-card__action--hover-only iconify-icon,
.ws-catalog-card--style-4 .ws-catalog-card__action--hover-only i {
    font-size: 22px;
    line-height: 1;
    width: 1em;
    height: 1em;
}

.ws-catalog-card--style-4:hover .ws-catalog-card__action--hover-only {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.ws-catalog-card--style-4 .ws-catalog-card__action--hover-only:hover,
.ws-catalog-card--style-4 .ws-catalog-card__action--hover-only:focus-visible {
    background: transparent;
    color: var(--tg-tertiary-font-color, #ff6720);
}

.ws-catalog-card--style-4 .ws-catalog-card__action--hover-only:disabled {
    opacity: 0.45;
    cursor: wait;
}

.ws-catalog-card--style-3 .ws-catalog-card__badge,
.ws-catalog-card--style-3 .ws-catalog-card__badges .ec-product-label:not(.ec-product-label--image),
.ws-catalog-card--style-4 .ws-catalog-card__badge,
.ws-catalog-card--style-4 .ws-catalog-card__badges .ec-product-label:not(.ec-product-label--image) {
    border-radius: 6px;
}

@media (min-width: 992px) {
    .ws-catalog-card--style-3 .ws-catalog-card__meta-row,
    .ws-catalog-card--style-4 .ws-catalog-card__meta-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 0;
    }

    .ws-catalog-card--style-3 .ws-catalog-card__meta-row .ws-catalog-card__price,
    .ws-catalog-card--style-4 .ws-catalog-card__meta-row .ws-catalog-card__price {
        margin: 0;
        min-width: 0;
        flex: 1 1 auto;
    }

    .ws-catalog-card--style-3 .ws-catalog-card__meta-row .ws-catalog-card__rate,
    .ws-catalog-card--style-4 .ws-catalog-card__meta-row .ws-catalog-card__rate {
        margin: 0;
        flex: 0 0 auto;
        margin-inline-start: auto;
    }
}

.ws-catalog-card--list.ws-catalog-card--style-3 .ws-catalog-card__actions--always,
.ws-catalog-card--list.ws-catalog-card--style-4 .ws-catalog-card__actions--always {
    display: none;
}

.ws-catalog-card--list.ws-catalog-card--style-3 .ws-catalog-card__heading-swap .ws-catalog-card__heading {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ws-catalog-card--list.ws-catalog-card--style-3 .ws-catalog-card__hover-cta {
    display: none;
}

/* Stil 4 — stil 3 + ana görsel alt sağ renk ikonu / hover swatch */
.ws-catalog-card--style-4 .ws-catalog-card__colors {
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 4;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    max-width: calc(100% - 20px);
    pointer-events: auto;
}

.ws-catalog-card--style-4 .ws-catalog-card__colors-trigger {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: transparent;
    box-shadow: none;
}

.ws-catalog-card--style-4 .ws-catalog-card__colors-trigger img {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.ws-catalog-card--style-4 .ws-catalog-card__colors-count {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: var(--tg-heading-font-color, #222);
}

.ws-catalog-card--style-4 .ws-catalog-card__colors-panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-width 0.28s ease, opacity 0.2s ease;
}

.ws-catalog-card--style-4 .ws-catalog-card__colors:hover .ws-catalog-card__colors-panel,
.ws-catalog-card--style-4 .ws-catalog-card__colors:focus-within .ws-catalog-card__colors-panel {
    max-width: 260px;
    opacity: 1;
    pointer-events: auto;
}

.ws-catalog-card--style-4 .ws-catalog-card__color-swatch {
    display: block;
    flex: 0 0 auto;
    width: var(--ws-card-swatch-w, 36px);
    height: var(--ws-card-swatch-h, 48px);
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    background: #fff;
    text-decoration: none;
}

.ws-catalog-card--style-4 .ws-catalog-card__color-swatch.is-desktop-only {
    display: none;
}

.ws-catalog-card--style-4 .ws-catalog-card__color-swatch.is-active,
.ws-catalog-card--style-4 .ws-catalog-card__color-swatch:hover {
    border-color: var(--tg-tertiary-font-color, #ff6720);
}

.ws-catalog-card--style-4 .ws-catalog-card__color-swatch-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ws-catalog-card--style-4 .ws-catalog-card__colors-more {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--tg-heading-font-color, #222);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.ws-catalog-card--style-4 .ws-catalog-card__colors-more--desktop {
    display: none;
}

@media (min-width: 768px) {
    .ws-catalog-card--style-4 .ws-catalog-card__color-swatch.is-desktop-only {
        display: block;
    }

    .ws-catalog-card--style-4 .ws-catalog-card__colors-more--mobile {
        display: none;
    }

    .ws-catalog-card--style-4 .ws-catalog-card__colors-more--desktop {
        display: inline-flex;
    }

    .ws-catalog-card--style-4 .ws-catalog-card__colors:hover .ws-catalog-card__colors-panel,
    .ws-catalog-card--style-4 .ws-catalog-card__colors:focus-within .ws-catalog-card__colors-panel {
        max-width: 320px;
    }
}

.ws-catalog-card--list.ws-catalog-card--style-4 .ws-catalog-card__colors {
    display: none;
}

/* Stil 5 — grocery: yuvarlak görsel, yeşil aksan (Shofy style-5) */
.ws-catalog-card--style-5 {
    border: 0;
    background: var(--tg-white, #fff);
    padding: 12px;
    border-radius: 8px;
}

.ws-catalog-card--style-5 .ws-catalog-card__media {
    border-radius: 16px;
    margin-bottom: 4px;
}

.ws-catalog-card--style-5 .ws-catalog-card__body {
    padding: 10px 4px 4px;
}

.ws-catalog-card--style-5 .ws-catalog-card__price-current {
    color: var(--tg-tertiary-font-color, #999999);
}

.ws-catalog-card--style-5 .ws-catalog-card__action:hover,
.ws-catalog-card--style-5:hover .ws-catalog-card__action {
    background: var(--tg-secondary-color, #0D9B4D);
    color: #fff;
}

.ws-catalog-card--style-5 .ws-catalog-card__badge {
    background: var(--tg-tertiary-font-color, #999999);
    border-radius: 999px;
}

.ws-catalog-card--style-5 .ws-catalog-card__badges .ec-product-label:not(.ec-product-label--image) {
    border-radius: 999px;
}

/* Liste düzeninde stil aksiyonlarını sadeleştir */
/* Liste düzeninde actions / cart-bar gizle — media-wrap üzerinde */
.ws-catalog-card--list .ws-catalog-card__actions,
.ws-catalog-card--list .ws-catalog-card__cart-bar {
    display: none;
}

.ws-catalog-card--list .ws-catalog-card__cart-btn {
    opacity: 1;
    position: static;
    transform: none;
}

.ws-catalog-card--list.ws-catalog-card--style-4:hover .ws-catalog-card__price {
    opacity: 1;
}

/* Katalog: satır başına 5 ürün */
@media (min-width: 992px) {
    .col-lg-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Katalog: liste düzeni */
.ws-catalog-card--list {
    flex-direction: row;
    align-items: stretch;
}

.ws-catalog-card--list .ws-catalog-card__media-wrap {
    flex: 0 0 180px;
    max-width: 180px;
}

.ws-catalog-card--list .ws-catalog-card__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .ws-catalog-card--list {
        flex-direction: column;
    }

    .ws-catalog-card--list .ws-catalog-card__media-wrap {
        flex-basis: auto;
        max-width: none;
    }
}

/* Ürün galerisi: yatay / dikey — ek görseller Color ebatı (media-aspects) */
.ws-product-gallery--horizontal .ws-product-gallery__thumbs-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.ws-product-gallery--horizontal .ws-product-gallery__thumbs {
    display: block;
    overflow: hidden;
    flex: 0 1 auto;
    min-width: 0;
}

.ws-product-gallery--horizontal .ws-product-gallery__thumbs-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.5rem;
    transition: transform 0.25s ease;
    will-change: transform;
}

.ws-product-gallery--horizontal .sf-thumb {
    width: var(--ws-gallery-thumb-w, 64px);
    height: var(--ws-gallery-thumb-h, 64px);
    cursor: pointer;
    flex-shrink: 0;
}

.ws-product-gallery--horizontal .sf-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ws-product-gallery--vertical {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    align-items: flex-start;
}

.ws-product-gallery--vertical .shop-details-main-img {
    flex: 1 1 auto;
    margin-bottom: 0 !important;
}

.ws-product-gallery--vertical .ws-product-gallery__thumbs-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.ws-product-gallery--vertical .ws-product-gallery__thumbs {
    display: block;
    overflow: hidden;
    width: var(--ws-gallery-thumb-w, 64px);
    /* media-aspects #sf-thumbs { flex-basis:64px } dikey flex’te yüksekliği 1 thumb yapıyordu */
    flex: 0 0 auto;
    flex-basis: auto;
    min-height: 0;
}

.ws-product-gallery--vertical .ws-product-gallery__thumbs-track {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.5rem;
    transition: transform 0.25s ease;
    will-change: transform;
}

.ws-product-gallery--vertical .sf-thumb {
    width: var(--ws-gallery-thumb-w, 64px);
    height: var(--ws-gallery-thumb-h, 90px);
    cursor: pointer;
    flex-shrink: 0;
}

.ws-product-gallery--vertical .sf-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Style 1: max 4 görünür; fazlasında ok */
.ws-product-show .ws-product-gallery__thumbs-wrap.has-overflow.ws-is-hidden,
.ws-product-show .ws-product-gallery__thumbs-wrap.ws-is-hidden {
    display: none !important;
}

.ws-product-show .ws-product-gallery__thumbs-wrap #sf-thumbs.ws-product-gallery__thumbs {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.ws-product-show .ws-product-gallery--vertical .ws-product-gallery__thumbs-wrap.has-overflow #sf-thumbs.ws-product-gallery__thumbs {
    height: calc(
        (4 * var(--ws-gallery-thumb-h, 90px)) + (3 * 0.5rem)
    );
    max-height: calc(
        (4 * var(--ws-gallery-thumb-h, 90px)) + (3 * 0.5rem)
    );
    flex-basis: auto;
}

.ws-product-gallery--horizontal .ws-product-gallery__thumbs-wrap.has-overflow .ws-product-gallery__thumbs {
    width: calc(
        (4 * var(--ws-gallery-thumb-w, 64px)) + (3 * 0.5rem)
    );
    max-width: 100%;
}

.ws-product-show .ws-gallery-thumbs-nav {
    display: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #1f1f1f;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 0;
    box-shadow: none;
}

.ws-product-show .ws-product-gallery__thumbs-wrap.has-overflow .ws-gallery-thumbs-nav {
    display: inline-flex;
}

.ws-product-show .ws-gallery-thumbs-chevron {
    display: block;
    width: 9px;
    height: 9px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    box-sizing: border-box;
}

/* Dikey: üst / alt */
.ws-product-gallery--vertical .ws-gallery-thumbs-prev .ws-gallery-thumbs-chevron {
    transform: translateY(2px) rotate(135deg);
}

.ws-product-gallery--vertical .ws-gallery-thumbs-next .ws-gallery-thumbs-chevron {
    transform: translateY(-2px) rotate(-45deg);
}

/* Yatay: sol / sağ */
.ws-product-gallery--horizontal .ws-gallery-thumbs-prev .ws-gallery-thumbs-chevron {
    transform: translateX(2px) rotate(-135deg);
}

.ws-product-gallery--horizontal .ws-gallery-thumbs-next .ws-gallery-thumbs-chevron {
    transform: translateX(-2px) rotate(45deg);
}

.ws-product-show .ws-gallery-thumbs-nav:hover {
    opacity: 0.7;
}

.ws-product-show .ws-gallery-thumbs-nav:disabled,
.ws-product-show .ws-gallery-thumbs-nav.is-disabled {
    opacity: 0.28;
    cursor: default;
    pointer-events: none;
}

@media (max-width: 767.98px) {
    .ws-product-gallery--vertical {
        flex-direction: column;
    }

    /* Mobilde dikey galeri de yatay kayar */
    .ws-product-gallery--vertical .ws-product-gallery__thumbs-wrap {
        flex-direction: row;
        width: 100%;
        align-items: center;
    }

    .ws-product-gallery--vertical .ws-product-gallery__thumbs {
        width: auto;
        flex: 0 1 auto;
        min-width: 0;
    }

    .ws-product-gallery--vertical .ws-product-gallery__thumbs-track {
        flex-direction: row;
    }

    .ws-product-gallery--vertical .ws-product-gallery__thumbs-wrap.has-overflow .ws-product-gallery__thumbs {
        height: auto;
        width: calc(
            (4 * var(--ws-gallery-thumb-w, 64px)) + (3 * 0.5rem)
        );
        max-width: 100%;
    }

    .ws-product-gallery--vertical .ws-gallery-thumbs-prev .ws-gallery-thumbs-chevron {
        transform: translateX(2px) rotate(-135deg);
    }

    .ws-product-gallery--vertical .ws-gallery-thumbs-next .ws-gallery-thumbs-chevron {
        transform: translateX(-2px) rotate(45deg);
    }
}
.sf-page-title {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 24px;
    line-height: 1.3;
}

/* Son ürünler: yıldızlar yatay hizalı */
.shop-sidebar .lp-post-rating {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
}

.shop-sidebar .lp-post-list .lp-post-item .lp-post-rating > li,
.shop-sidebar .lp-post-content > .lp-post-rating > li {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    color: #ffb400;
    letter-spacing: 0;
}

.shop-sidebar .lp-post-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.sf-breadcrumb {
    padding: 22px 0;
    background: #fff;
    border-top: 1px solid #ececec;
}

.sf-breadcrumb .sf-breadcrumb-list {
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    background: transparent;
    flex-wrap: wrap;
    gap: 0;
}

.sf-breadcrumb .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #4b5563;
}

.sf-breadcrumb .breadcrumb-item a {
    color: #4b5563;
    text-decoration: none;
}

.sf-breadcrumb .breadcrumb-item a:hover {
    color: #111827;
}

.sf-breadcrumb .breadcrumb-item.active {
    color: #111827;
    font-weight: 600;
}

.sf-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 10px;
    padding-left: 10px;
    color: #9ca3af;
    content: "•";
    font-weight: 400;
}

/* Mobil: breadcrumb tek satır; uzun ürün adı kısaltılır */
@media (max-width: 991.98px) {
    .sf-breadcrumb {
        padding: 12px 0;
    }

    .sf-breadcrumb .sf-breadcrumb-list {
        flex-wrap: nowrap;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }

    .sf-breadcrumb .breadcrumb-item {
        flex: 0 0 auto;
        max-width: none;
        font-size: 12px;
        white-space: nowrap;
    }

    .sf-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 6px;
        padding-left: 6px;
    }

    .sf-breadcrumb .breadcrumb-item.active {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .sf-breadcrumb .breadcrumb-item.active > span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Tema Header ayarları — CSS değişkenleri */
.sf-theme-header .menu-area,
.sf-theme-header #sticky-header {
    background: var(--sf-header-bg, #fff) !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.12);
}

/* Slider 2 (ana sayfa): şeffaf header slider’ın üzerinde, y=0’dan başlar */
body.wl-header-overlay .sf-theme-header.sf-header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

body.wl-header-overlay .sf-theme-header.sf-header-transparent .menu-area,
body.wl-header-overlay .sf-theme-header.sf-header-transparent #sticky-header {
    background: transparent !important;
    box-shadow: none;
}

body.wl-header-overlay .sf-theme-header.sf-header-transparent #sticky-header.sticky-menu {
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.12);
}

/* Overlay modunda sticky spacer içerik kaydırmaz (header zaten absolute) */
body.wl-header-overlay #header-top-fixed.header-fixed-position {
    height: 0 !important;
    display: none;
}

/* Overlay’de metin header altında kalmasın; yine de dikey ortala */
body.wl-header-overlay .wl-theme-slider--half .ws-slide__half-panel {
    padding-top: clamp(88px, 11vw, 112px);
    padding-bottom: 40px;
}

body.wl-header-overlay .wl-theme-slider--half {
    margin-top: 0;
}

/* Mobil: Style 2’de header overlay kapalı — slider header altından başlar */
@media (max-width: 767.98px) {
    body.wl-header-overlay .sf-theme-header.sf-header-overlay {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    body.wl-header-overlay .sf-theme-header.sf-header-transparent {
        --sf-header-bg: #ffffff;
    }

    body.wl-header-overlay .sf-theme-header.sf-header-transparent .menu-area,
    body.wl-header-overlay .sf-theme-header.sf-header-transparent #sticky-header {
        background: var(--sf-header-bg, #fff) !important;
        box-shadow: 0 2px 10px rgba(16, 24, 40, 0.08);
    }

    body.wl-header-overlay #header-top-fixed.header-fixed-position {
        display: block;
        height: auto;
    }

    body.wl-header-overlay .wl-theme-slider--half .ws-slide__half-panel {
        padding-top: 20px;
        padding-bottom: 24px;
    }
}

.sf-theme-header .main-menu .navigation > li > a {
    color: var(--sf-menu-color, #1d2939) !important;
}

/* Mobil menü: kategori ikonu + etiket */
.mobile-menu .navigation a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.mobile-menu .navigation .ws-menu-item-icon {
    color: inherit;
}

.sf-theme-header .main-menu .navigation a.ws-menu-link--with-icon,
.sf-theme-header .main-menu .navigation .sub-menu a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.sf-theme-header .main-menu .navigation .ws-menu-item-icon {
    color: inherit;
}

.sf-theme-header .main-menu .navigation > li:hover > a,
.sf-theme-header .main-menu .navigation > li.active > a {
    color: var(--tg-tertiary-font-color, #999999) !important;
}

.sf-theme-header .main-menu .navigation li .sub-menu {
    background: var(--sf-menu-dropdown-bg, #fff) !important;
    border: none !important;
}

.sf-theme-header .main-menu .navigation li .sub-menu li a {
    color: var(--sf-menu-dropdown-text, #1d2939) !important;
}

.sf-theme-header .main-menu .navigation li .sub-menu li:hover > a,
.sf-theme-header .main-menu .navigation li .sub-menu li.active > a {
    color: var(--tg-tertiary-font-color, #999999) !important;
}

.sf-theme-header .header-action > ul > li.header-shop-cart > a,
.sf-theme-header .header-action > ul > li.header-shop-cart > a i,
.sf-theme-header .header-action > ul > li.header-shop-cart > a i::before {
    color: var(--sf-cart-color, #1d2939) !important;
}

.sf-theme-header .header-action > ul > li.header-shop-cart:hover > a,
.sf-theme-header .header-action > ul > li.header-shop-cart:hover > a i,
.sf-theme-header .header-action > ul > li.header-shop-cart:hover > a i::before {
    color: var(--sf-cart-hover, #487fff) !important;
}

.sf-theme-header .header-action > ul > li.header-account > a,
.sf-theme-header .header-action > ul > li.header-account > a .ws-header-icon,
.sf-theme-header .header-action > ul > li.header-account .ws-header-account__toggle,
.sf-theme-header .header-action > ul > li.header-account .ws-header-account__toggle .ws-header-icon {
    color: var(--sf-cart-color, #1d2939) !important;
}

.sf-theme-header .header-action > ul > li.header-account:hover > a,
.sf-theme-header .header-action > ul > li.header-account:hover > a .ws-header-icon,
.sf-theme-header .header-action > ul > li.header-account:hover .ws-header-account__toggle,
.sf-theme-header .header-action > ul > li.header-account:hover .ws-header-account__toggle .ws-header-icon,
.sf-theme-header .header-action > ul > li.header-account.is-open .ws-header-account__toggle,
.sf-theme-header .header-action > ul > li.header-account.is-open .ws-header-account__toggle .ws-header-icon {
    color: var(--sf-cart-hover, #487fff) !important;
}

.sf-theme-header .header-action > ul > li.header-search > a,
.sf-theme-header .header-action > ul > li.header-search > a i,
.sf-theme-header .header-action > ul > li.header-search > a i::before {
    color: var(--sf-search-color, #1d2939) !important;
}

.sf-theme-header .header-action > ul > li.header-search:hover > a,
.sf-theme-header .header-action > ul > li.header-search:hover > a i,
.sf-theme-header .header-action > ul > li.header-search:hover > a i::before {
    color: var(--sf-search-hover, #487fff) !important;
}

.sf-theme-header .logo img,
.sf-theme-header .nav-logo img {
    height: var(--sf-logo-height, 40px) !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
}

/* Mobil menü butonu = masaüstü .navSidebar-button (offCanvas) ebatı */
.sf-theme-header .menu-area .mobile-nav-toggler {
    width: 40px;
    height: 40px;
    font-size: 20px;
    margin-top: 0;
}

/* Menü hizası: Sol / Orta / Sağ */
.sf-theme-header.sf-menu-align-left .navbar-wrap ul.navigation {
    margin-left: 0;
    margin-right: auto;
}
.sf-theme-header.sf-menu-align-center .navbar-wrap ul.navigation {
    margin-left: auto;
    margin-right: auto;
}
.sf-theme-header.sf-menu-align-right .navbar-wrap ul.navigation {
    margin-left: auto;
    margin-right: 0;
}

.sf-page-content img {
    max-width: 100%;
    height: auto;
}

/* Tam genişlik sayfa: başlık yok, header’dan sıfır boşluk */
.sf-page-full {
    padding: 0;
    margin: 0;
}

.sf-page-full > .sf-page-content {
    padding: 0;
    margin: 0;
}

.sf-page-full .sf-page-content > *:first-child {
    margin-top: 0;
}

/* Simple slider — full bleed + overlay */
.ws-simple-slider.banner-area {
    padding: 0;
    overflow: hidden;
}

.wl-theme-slider {
    --ws-slider-height: 640px;
    --ws-slider-mobile-height: 480px;
}

.ws-simple-slider .slider-active,
.ws-simple-slider .ws-slider-active,
.ws-simple-slider .slick-list,
.ws-simple-slider .slick-track,
.ws-simple-slider .single-slider {
    margin: 0;
}

.ws-slide {
    position: relative;
    width: 100%;
    height: var(--ws-slider-height, 420px);
    min-height: var(--ws-slider-height, 420px);
}

.ws-slide__media {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Yalnızca tam genişlik stili — Style 2 görsellerine uygulanmaz */
.ws-slide__media picture,
.ws-slide__media .ws-slide__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ws-slide__overlay {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: var(--ws-slider-height, 420px);
    min-height: var(--ws-slider-height, 420px);
    padding: 80px 0;
}

@media (max-width: 767.98px) {
    /* Style 1 — genişlik %100, yükseklik oranlı; kırpma yok */
    .wl-theme-slider:not(.wl-theme-slider--half) .ws-slide {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .wl-theme-slider:not(.wl-theme-slider--half) .ws-slide__media {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        line-height: 0;
    }

    .wl-theme-slider:not(.wl-theme-slider--half) .ws-slide__media picture,
    .wl-theme-slider:not(.wl-theme-slider--half) .ws-slide__media .ws-slide__img {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
    }

    .wl-theme-slider:not(.wl-theme-slider--half) .ws-slide__overlay {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        height: auto;
        min-height: 0;
        padding: 40px 0;
        box-sizing: border-box;
    }

    .ws-slide__btn {
        font-size: 13px;
        padding: 12px 28px;
    }
}

.ws-slide__content {
    max-width: 640px;
    color: var(--ws-slide-text-color, #fff);
}

.ws-slide__title {
    color: var(--ws-slide-text-color, #fff);
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.15;
    margin: 0 0 16px;
    text-shadow: none;
}

.ws-slide__desc {
    color: var(--ws-slide-text-color, #fff);
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 28px;
    text-shadow: none;
    opacity: 0.92;
}

.ws-slide__btn {
    display: inline-flex;
}

/* 2. stil — eşit yarım: metin sol yarıda ortalı, görsel sağ yarıda doğal boyutta dikey ortalı */
.wl-theme-slider--half.ws-simple-slider.banner-area {
    overflow: visible;
}

.wl-theme-slider--half .ws-slide--half {
    display: flex;
    align-items: stretch;
    height: var(--ws-slider-height, 640px);
    min-height: var(--ws-slider-height, 640px);
    background: var(--ws-slide-bg, #111827);
    overflow: hidden;
}

.wl-theme-slider--half .ws-slide__half-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    column-gap: clamp(24px, 4vw, 48px);
    width: 100%;
    height: 100%;
    min-height: 0;
}

.wl-theme-slider--half .ws-slide__half-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: 40px 0;
    background: transparent;
    box-sizing: border-box;
}

.wl-theme-slider--half .ws-slide__half-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Ayrı sınıf — .ws-slide__img cover kuralları buraya asla bulaşmaz */
.wl-theme-slider--half .ws-slide__half-picture {
    display: block;
    line-height: 0;
    max-width: 100%;
    max-height: var(--ws-slider-height, 640px);
}

.wl-theme-slider--half .ws-slide__half-img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: var(--ws-slider-height, 640px) !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.wl-theme-slider--half .ws-slide__content {
    width: max-content;
    max-width: min(100%, 34rem);
    text-align: left;
    margin: 0;
    color: var(--ws-slide-text-color, #fff);
}

.wl-theme-slider--half .ws-slide__title,
.wl-theme-slider--half .ws-slide__desc {
    color: var(--ws-slide-text-color, #fff);
}

@media (max-width: 767.98px) {
    .wl-theme-slider--half.ws-simple-slider.banner-area {
        overflow: hidden;
    }

    /* Yükseklik görsele göre; sabit px yok */
    .wl-theme-slider--half .ws-slide.ws-slide--half {
        position: relative;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .wl-theme-slider--half .ws-slide__half-inner {
        display: block;
        position: relative;
        width: 100%;
        max-width: none;
        height: auto;
        min-height: 0;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        column-gap: 0;
        row-gap: 0;
    }

    /* Görsel genişliği %100, yükseklik oranlı — kırpma yok */
    .wl-theme-slider--half .ws-slide__half-media {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
        overflow: visible;
    }

    .wl-theme-slider--half .ws-slide__half-picture {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        line-height: 0;
    }

    .wl-theme-slider--half .ws-slide__half-img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    /* Metin görselin üzerinde alt-orta */
    .wl-theme-slider--half .ws-slide__half-panel {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        height: auto;
        padding: 20px 16px 28px;
        background: transparent;
        box-sizing: border-box;
        pointer-events: none;
    }

    .wl-theme-slider--half .ws-slide__content {
        width: 100%;
        max-width: 100%;
        text-align: center;
        pointer-events: auto;
    }

    .wl-theme-slider--half .ws-slide__title {
        font-size: clamp(1.35rem, 6vw, 1.85rem);
        margin-bottom: 10px;
    }

    .wl-theme-slider--half .ws-slide__desc {
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) {
    .ws-slide--align-left .ws-slide__overlay .container {
        display: flex;
        justify-content: flex-start;
    }

    .ws-slide--align-left .ws-slide__content {
        text-align: left;
        margin-right: auto;
    }

    .ws-slide--align-center .ws-slide__overlay .container {
        display: flex;
        justify-content: center;
    }

    .ws-slide--align-center .ws-slide__content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .ws-slide--align-right .ws-slide__overlay .container {
        display: flex;
        justify-content: flex-end;
    }

    .ws-slide--align-right .ws-slide__content {
        text-align: right;
        margin-left: auto;
    }
}

@media (max-width: 767.98px) {
    .ws-slide--mobile-align-left .ws-slide__overlay .container {
        display: flex;
        justify-content: flex-start;
    }

    .ws-slide--mobile-align-left .ws-slide__content {
        text-align: left;
        margin-left: 0;
        margin-right: auto;
    }

    .ws-slide--mobile-align-center .ws-slide__overlay .container {
        display: flex;
        justify-content: center;
    }

    .ws-slide--mobile-align-center .ws-slide__content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .ws-slide--mobile-align-right .ws-slide__overlay .container {
        display: flex;
        justify-content: flex-end;
    }

    .ws-slide--mobile-align-right .ws-slide__content {
        text-align: right;
        margin-left: auto;
        margin-right: 0;
    }
}

.ws-simple-slider {
    position: relative;
}

.ws-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    width: 72px;
    height: 72px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #111827;
    font-size: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(16, 24, 40, 0.18);
    opacity: 0.3;
    transition: opacity 0.25s ease;
}

.ws-slider-arrow:hover {
    background: #fff;
    color: var(--tg-primary-color, #487fff);
    opacity: 0.7;
}

.ws-slider-arrow--prev {
    left: 20px;
}

.ws-slider-arrow--next {
    right: 20px;
}

@media (max-width: 767.98px) {
    .ws-slider-arrow {
        display: none !important;
    }
}

/* Markalar bölümü — dikey boşluk */
.brand-area {
    padding: 60px 0;
}

/* Ana sayfa Banner bölümü */
.wl-home-banners {
    padding: 40px 0;
    max-width: 100%;
    overflow-x: clip;
}

.wl-home-banner {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.wl-home-banner__media {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

.wl-home-banner__media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.wl-home-banner:hover .wl-home-banner__media img {
    transform: scale(1.04);
}

.wl-home-banner__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.45) 100%);
    pointer-events: none;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

.wl-home-banner__title {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.wl-home-banner__cta {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 2px;
    pointer-events: auto;
    max-width: 100%;
}

/* Style-1: solid buton (slider stili) */
.wl-home-banners--cta-solid .wl-home-banner__cta.btn {
    border-bottom: 0;
    padding: 12px 28px;
    color: #fff;
    text-decoration: none;
    max-width: 100%;
    white-space: normal;
}

.wl-home-banners--cta-solid .wl-home-banner__cta.btn:hover {
    color: #fff;
}

/* Style-1: radius yalnızca ortadaki (karşılıklı) köşelerde */
.wl-home-banners--edge.wl-home-banners--radius-none .wl-home-banner {
    border-radius: 0;
}

.wl-home-banners--edge.wl-home-banners--radius-soft .wl-home-banner,
.wl-home-banners--edge.wl-home-banners--radius-md .wl-home-banner {
    overflow: hidden;
}

/* Mobil: alt alta — ortadaki (karşılıklı) yatay kenarlar */
@media (max-width: 767.98px) {
    .wl-home-banners--edge.wl-home-banners--radius-soft .wl-home-banner:nth-child(odd) {
        border-radius: 0 0 6px 6px;
    }

    .wl-home-banners--edge.wl-home-banners--radius-soft .wl-home-banner:nth-child(even) {
        border-radius: 6px 6px 0 0;
    }

    .wl-home-banners--edge.wl-home-banners--radius-md .wl-home-banner:nth-child(odd) {
        border-radius: 0 0 14px 14px;
    }

    .wl-home-banners--edge.wl-home-banners--radius-md .wl-home-banner:nth-child(even) {
        border-radius: 14px 14px 0 0;
    }
}

/* Masaüstü: yan yana — ortadaki (karşılıklı) dikey kenarlar */
@media (min-width: 768px) {
    .wl-home-banners--edge.wl-home-banners--radius-soft .wl-home-banner:nth-child(odd) {
        border-radius: 0 6px 6px 0;
    }

    .wl-home-banners--edge.wl-home-banners--radius-soft .wl-home-banner:nth-child(even) {
        border-radius: 6px 0 0 6px;
    }

    .wl-home-banners--edge.wl-home-banners--radius-md .wl-home-banner:nth-child(odd) {
        border-radius: 0 14px 14px 0;
    }

    .wl-home-banners--edge.wl-home-banners--radius-md .wl-home-banner:nth-child(even) {
        border-radius: 14px 0 0 14px;
    }
}

/* Style-2 / Style-3: radius tüm köşelerde */
.wl-home-banners--grid.wl-home-banners--radius-none .wl-home-banner,
.wl-home-banners--triple.wl-home-banners--radius-none .wl-home-banner {
    border-radius: 0;
}

.wl-home-banners--grid.wl-home-banners--radius-soft .wl-home-banner,
.wl-home-banners--triple.wl-home-banners--radius-soft .wl-home-banner {
    border-radius: 6px;
    overflow: hidden;
}

.wl-home-banners--grid.wl-home-banners--radius-md .wl-home-banner,
.wl-home-banners--triple.wl-home-banners--radius-md .wl-home-banner {
    border-radius: 14px;
    overflow: hidden;
}

/* Tüm banner stilleri: başlık rengi + hizalama */
.wl-home-banners .wl-home-banner__title {
    color: var(--wl-banner-title-color, #fff);
}

.wl-home-banners .wl-home-banner--align-left .wl-home-banner__content {
    align-items: flex-start;
    text-align: start;
}

.wl-home-banners .wl-home-banner--align-center .wl-home-banner__content {
    align-items: center;
    text-align: center;
}

.wl-home-banners .wl-home-banner--align-right .wl-home-banner__content {
    align-items: flex-end;
    text-align: end;
}

.wl-home-banners .wl-home-banner--valign-top .wl-home-banner__content {
    justify-content: flex-start;
}

.wl-home-banners .wl-home-banner--valign-middle .wl-home-banner__content {
    justify-content: center;
}

.wl-home-banners .wl-home-banner--valign-bottom .wl-home-banner__content {
    justify-content: flex-end;
}

/* Style-1: tam genişlik kenar çift */
.wl-home-banners--edge {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wl-home-banners__edge-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
}

.wl-home-banners--edge .wl-home-banner {
    min-height: 220px;
    aspect-ratio: 1000 / 700;
}

@media (min-width: 768px) {
    .wl-home-banners__edge-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 1.5rem;
    }

    .wl-home-banners--edge .wl-home-banner {
        min-height: 320px;
    }
}

/* Style-2: container içinde yatay çiftler */
.wl-home-banners__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
}

.wl-home-banners--grid .wl-home-banner {
    min-height: 180px;
    aspect-ratio: 1000 / 400;
}

@media (min-width: 768px) {
    .wl-home-banners__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 1.5rem;
    }

    .wl-home-banners--grid .wl-home-banner {
        min-height: 220px;
    }
}

/* Style-3: sol dikey 1/3 + sağda 2 yatay 2/3 */
.wl-home-banners__triple-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
}

.wl-home-banners__triple-right {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    min-width: 0;
    max-width: 100%;
}

.wl-home-banners--triple .wl-home-banner--vertical {
    min-height: 280px;
    aspect-ratio: 800 / 1330;
}

.wl-home-banners--triple .wl-home-banner--horizontal {
    min-height: 160px;
    aspect-ratio: 1000 / 400;
}

@media (min-width: 992px) {
    .wl-home-banners__triple-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        gap: 1.5rem;
        align-items: stretch;
        min-height: 480px;
    }

    .wl-home-banners--triple .wl-home-banner--vertical {
        min-height: 100%;
        height: 100%;
        aspect-ratio: auto;
    }

    .wl-home-banners__triple-right {
        grid-template-rows: 1fr 1fr;
        min-height: 100%;
        gap: 1.5rem;
    }

    .wl-home-banners--triple .wl-home-banner--horizontal {
        min-height: 0;
        height: 100%;
        aspect-ratio: auto;
    }
}

/* Öne çıkan ürünler */
.wl-featured {
    padding: 60px 0;
}

.wl-featured__heading {
    margin-bottom: 1.5rem;
}

.wl-featured--header-stack .wl-featured__heading:last-child {
    margin-bottom: 0;
}

.wl-featured__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--tg-heading-font-color, #1d1d1d);
}

.wl-featured__header {
    margin-bottom: 1.75rem;
}

.wl-featured--header-stack .wl-featured__header {
    display: block;
}

.wl-featured--header-inline .wl-featured__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.25rem;
}

.wl-featured--header-inline .wl-featured__heading {
    margin-bottom: 0;
    text-align: left;
    margin-inline-end: auto;
}

.wl-featured--header-inline .wl-featured__tabs {
    margin-bottom: 0;
    justify-content: flex-end;
    margin-inline-start: auto;
}

.wl-featured--align-left .wl-featured__heading {
    text-align: left;
}

.wl-featured--align-center .wl-featured__heading {
    text-align: center;
}

.wl-featured--align-right .wl-featured__heading {
    text-align: right;
}

.wl-featured--align-left .wl-featured__tabs {
    justify-content: flex-start;
}

.wl-featured--align-center .wl-featured__tabs {
    justify-content: center;
}

.wl-featured--align-right .wl-featured__tabs {
    justify-content: flex-end;
}

.wl-featured__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0;
}

.wl-featured--header-stack .wl-featured__tabs {
    margin-bottom: 0;
}

.wl-featured__tab {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    color: #555;
    border-radius: 999px;
    padding: 0.5rem 1.1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.wl-featured--tab-radius-none .wl-featured__tab {
    border-radius: 0;
}

.wl-featured--tab-radius-soft .wl-featured__tab {
    border-radius: 8px;
}

.wl-featured--tab-radius-md .wl-featured__tab {
    border-radius: 999px;
}

.wl-featured__tab:hover,
.wl-featured__tab.is-active {
    color: #fff;
    background: var(--tg-tertiary-font-color, #ff6720);
    border-color: var(--tg-tertiary-font-color, #ff6720);
}

.wl-featured__pane[hidden],
.wl-featured__pane:not(.is-active) {
    display: none;
}

.wl-featured__pane.is-active {
    display: block;
}

.wl-featured__grid {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
}

.wl-featured--cols-5 .wl-featured__grid > [class*="col-"],
.wl-featured--cols-6 .wl-featured__grid > [class*="col-"] {
    flex: 0 0 auto;
    width: 16.66666667%;
}

@media (max-width: 1199.98px) {
    .wl-featured--cols-5 .wl-featured__grid > [class*="col-"],
    .wl-featured--cols-6 .wl-featured__grid > [class*="col-"] {
        width: 33.33333333%;
    }
}

@media (max-width: 767.98px) {
    .wl-featured--cols-5 .wl-featured__grid > [class*="col-"],
    .wl-featured--cols-6 .wl-featured__grid > [class*="col-"] {
        width: 50%;
    }
}

.wl-featured--full .wl-featured__full-inner {
    padding-left: 1rem;
    padding-right: 1rem;
}

.wl-featured__slider-wrap,
.wl-featured-row__slider-wrap {
    position: relative;
    margin-top: 0.5rem;
}

/* Stil 2: home-shop ile aynı flaticon oklar (tam genişlikte yok) */
.wl-featured--slider:not(.wl-featured--full) .wl-featured__slider-wrap {
    padding-left: 0;
    padding-right: 0;
}

.wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow {
    position: absolute;
    top: calc(50% - 43px);
    transform: translateY(-50%);
    left: -100px;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 50px;
    color: var(--tg-heading-font-color, #1d1d1d);
    z-index: 2;
    display: block;
    width: auto;
    line-height: 1;
}

.wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow.slick-next {
    left: auto;
    right: -100px;
}

.wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    background: var(--tg-secondary-color, #0d9b4d);
    opacity: 0.3;
    border-radius: 50%;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
}

.wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow.slick-next::before {
    left: auto;
    right: -25px;
}

.wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow:hover::before {
    opacity: 1;
}

.wl-featured--full .wl-featured__slider .slick-arrow {
    display: none !important;
}

@media (max-width: 1500px) {
    .wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow {
        left: -40px;
    }

    .wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow.slick-next {
        right: -40px;
    }
}

@media (max-width: 1199.98px) {
    .wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow {
        left: -20px;
    }

    .wl-featured--slider:not(.wl-featured--full) .wl-featured__slider .slick-arrow.slick-next {
        right: -20px;
    }
}

.wl-featured__slider .slick-list,
.wl-featured-row__slider .slick-list {
    margin: 0 -0.5rem;
}

.wl-featured__slide {
    padding: 0 0.5rem;
}

.wl-featured__slide .ws-catalog-card,
.wl-featured__grid .ws-catalog-card,
.home-shop-active .ws-catalog-card {
    height: 100%;
    margin-bottom: 0;
}

.wl-featured-row__slider .slick-arrow {
    position: absolute;
    top: calc(50% - 43px);
    transform: translateY(-50%);
    left: -20px;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 40px;
    color: var(--tg-heading-font-color, #1d1d1d);
    z-index: 2;
    display: block;
    width: auto;
    line-height: 1;
}

.wl-featured-row__slider .slick-arrow.slick-next {
    left: auto;
    right: -20px;
}

.wl-featured-row__slider .slick-arrow::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: var(--tg-secondary-color, #0d9b4d);
    opacity: 0.3;
    border-radius: 50%;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
}

.wl-featured-row__slider .slick-arrow.slick-next::before {
    left: auto;
    right: -18px;
}

.wl-featured-row__slider .slick-arrow:hover::before {
    opacity: 1;
}

.wl-featured-row__slider .slick-arrow.slick-disabled {
    opacity: 0.35;
    pointer-events: none;
}

@media (max-width: 1199.98px) {
    .wl-featured-row__slider .slick-arrow {
        left: -8px;
        font-size: 32px;
    }

    .wl-featured-row__slider .slick-arrow.slick-next {
        right: -8px;
    }
}

.wl-featured--hide-mobile {
    display: block;
}

@media (max-width: 767.98px) {
    .wl-featured--hide-mobile {
        display: none !important;
    }
}

.wl-featured-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
}

.wl-featured-row--spaced {
    margin-top: 3rem;
}

.wl-featured-row__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 700 / 800;
    object-fit: cover;
    border-radius: 12px;
}

.wl-featured-row__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.wl-featured-row__eyebrow {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #777;
}

.wl-featured-row__title {
    margin: 0.35rem 0 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.wl-featured-row__cta {
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .wl-featured-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 2rem;
    }

    .wl-featured-row--banner-right .wl-featured-row__media {
        order: 2;
    }

    .wl-featured-row--banner-right .wl-featured-row__content {
        order: 1;
    }

    .wl-featured-row__media--hide-mobile {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .wl-featured-row__media--hide-mobile {
        display: none !important;
    }

    .wl-featured {
        padding: 40px 0;
    }

    .wl-featured__title {
        font-size: 1.5rem;
    }
}