/* ==========================================================================
   WI WAFFLE | REVİZYON TASARIM SİSTEMİ
   --------------------------------------------------------------------------
   - Zemin: #FFFFFF (beyaz)
   - Kurumsal kırmızı: var(--theme-primary)
   - Yardımcı nötrler: var(--theme-soft) (açık ayırıcı), metin tonları
   - Kutu / çerçeve / gölge kalabalığı yok; ferah ve bütünlüklü düzen
   site.css'ten SONRA yüklenir.
   ========================================================================== */

:root {
    --wr-red: var(--theme-primary);
    --wr-red-dark: var(--theme-primary-dark);
    --wr-red-tint: rgba(var(--theme-primary-rgb), .08);
    --wr-bg: #ffffff;
    --wr-soft: var(--theme-soft);
    --wr-ink: var(--theme-heading);
    --wr-text: var(--theme-text);
    --wr-muted: #6e6e73;
    --wr-line: #e8e8ed;
    --wr-radius: var(--theme-radius);
    --wr-radius-lg: 20px;
    --wr-container: 1320px;
    --wr-gutter: 24px;
    --wr-section: clamp(56px, 7vw, 104px);
    --wr-font: var(--theme-font), "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Eski tema değişkenlerini kurumsal renklere bağla */
    --atlas-green: var(--theme-primary);
    --atlas-green-dark: var(--theme-primary-dark);
    --atlas-green-soft: var(--theme-soft);
    --atlas-background: #ffffff;
    --atlas-text: #3a3a3c;
    --atlas-muted: #6e6e73;
    --atlas-border: #e8e8ed;
    --bs-primary: var(--theme-primary);
    --bs-primary-rgb: var(--theme-primary-rgb);
    --bs-link-color: var(--theme-primary);
    --bs-link-hover-color: var(--theme-primary-dark);
    --bs-body-bg: #ffffff;
    --bs-body-font-family: var(--wr-font);
}

@media (max-width: 767px) {
    :root {
        --wr-gutter: 16px;
    }
}

html,
body {
    background: var(--wr-bg) !important;
}

body {
    color: var(--wr-text);
    font-family: var(--wr-font);
    font-size: 15px;
    line-height: 1.6;
    overflow-x: hidden;
}

body.wr-menu-open {
    overflow: hidden;
}

main {
    background: var(--wr-bg);
}

::selection {
    background: var(--wr-red);
    color: #fff;
}

.wr-container {
    width: 100%;
    max-width: calc(var(--wr-container) + var(--wr-gutter) * 2);
    margin-inline: auto;
    padding-inline: var(--wr-gutter);
}

/* ==========================================================================
   TİPOGRAFİ & ORTAK ÖĞELER
   ========================================================================== */

.wr-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--wr-red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.wr-title {
    margin: 0 0 14px;
    color: var(--wr-ink);
    font-size: clamp(30px, 3.4vw, 46px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.08;
}

.wr-title span {
    color: var(--wr-red);
}

.wr-lead {
    max-width: 620px;
    margin: 0;
    color: var(--wr-muted);
    font-size: 16px;
    line-height: 1.75;
}

.wr-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--wr-red);
    font-weight: 700;
    white-space: nowrap;
}

.wr-link i {
    transition: transform .2s ease;
}

.wr-link:hover {
    color: var(--wr-red-dark);
}

.wr-link:hover i {
    transform: translateX(4px);
}

.wr-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 24px;
    border: 1px solid var(--wr-red);
    border-radius: 999px;
    background: var(--wr-red);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.wr-button:hover,
.wr-button:focus-visible {
    border-color: var(--wr-red-dark);
    background: var(--wr-red-dark);
    color: #fff;
}

.wr-button-light {
    border-color: #fff;
    background: #fff;
    color: var(--wr-red);
}

.wr-button-light:hover,
.wr-button-light:focus-visible {
    border-color: #fff;
    background: var(--wr-soft);
    color: var(--wr-red-dark);
}

.wr-button-outline {
    background: transparent;
    color: var(--wr-red);
}

.wr-button-outline:hover {
    color: #fff;
}

.wr-button-sm {
    min-height: 40px;
    padding: 0 18px;
    font-size: 14px;
}

.wr-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--wr-ink);
    font-size: 18px;
    transition: background-color .2s ease, color .2s ease;
}

.wr-icon-button:hover {
    background: var(--wr-soft);
    color: var(--wr-red);
}

.wr-icon-button.dropdown-toggle::after {
    display: none;
}

.wr-media-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--wr-soft);
    color: #c7c7cc;
    font-size: 32px;
}

.wr-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--wr-red);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.wr-section {
    padding-block: var(--wr-section);
}

.wr-section + .wr-section {
    padding-top: 0;
}

.wr-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: clamp(28px, 4vw, 48px);
}

.wr-empty {
    padding: 48px 0;
    color: var(--wr-muted);
    text-align: center;
}

:focus-visible {
    outline: 2px solid var(--wr-red);
    outline-offset: 3px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.wr-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    border-bottom: 1px solid var(--wr-line);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
}

.wr-header-bar {
    display: flex;
    align-items: center;
    gap: 32px;
    min-height: 84px;
    transition: min-height .25s ease;
}

.wr-header.is-sticky .wr-header-bar {
    min-height: 70px;
}

.wr-logo {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
}

.wr-logo img {
    display: block;
    width: auto;
    height: 58px;
    transition: height .25s ease;
}

.wr-header.is-sticky .wr-logo img {
    height: 48px;
}

.wr-logo span {
    color: var(--wr-red);
    font-size: 22px;
    font-weight: 800;
}

.wr-nav {
    flex: 1;
}

.wr-nav .site-main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wr-nav .site-menu-item {
    position: relative;
    list-style: none;
}

.wr-nav .site-menu-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 999px;
    background: transparent;
    color: var(--wr-ink);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.wr-nav .site-menu-link i {
    font-size: 11px;
    transition: transform .2s ease;
}

.wr-nav .site-menu-link:hover,
.wr-nav .site-menu-item:hover > .site-menu-link {
    color: var(--wr-red);
}

.wr-nav .site-submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 220px;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--wr-line);
    border-radius: var(--wr-radius);
    background: #fff;
    list-style: none;
    box-shadow: 0 18px 40px rgba(29, 29, 31, .08);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.wr-nav .site-submenu .site-menu-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
}

.wr-nav .site-submenu .site-menu-link:hover {
    background: var(--wr-soft);
}

@media (min-width: 992px) {
    .wr-nav .site-menu-item:hover > .site-submenu,
    .wr-nav .site-menu-item:focus-within > .site-submenu {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
    }

    .wr-nav .site-menu-item:hover > .site-menu-link i {
        transform: rotate(180deg);
    }
}

.wr-header-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 6px;
}

.wr-header-cta {
    margin-left: 8px;
}

.wr-language-button {
    width: auto;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.wr-language .dropdown-menu {
    border: 1px solid var(--wr-line);
    border-radius: 12px;
}

.wr-language .dropdown-item.active,
.wr-language .dropdown-item:active {
    background: var(--wr-red);
}

.wr-cart-button {
    position: relative;
}

.wr-cart-count {
    position: absolute;
    top: 2px;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--wr-red);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.wr-menu-toggle {
    display: none;
    font-size: 24px;
}

/* Arama */

.wr-search {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 12px 0 16px;
    border-bottom: 1px solid var(--wr-line);
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.wr-search.is-open {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.wr-search-form {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 6px 6px 20px;
    border-radius: 999px;
    background: var(--wr-soft);
}

.wr-search-form > i {
    color: var(--wr-red);
}

.wr-search-form input {
    flex: 1;
    min-width: 0;
    height: 44px;
    border: 0;
    background: transparent;
    color: var(--wr-ink);
    font-size: 16px;
    outline: none;
}

@media (max-width: 1199px) {
    .wr-header-bar {
        gap: 18px;
    }

    .wr-nav .site-menu-link {
        padding: 10px 10px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .wr-header-bar {
        min-height: 70px;
    }

    .wr-logo img {
        height: 46px;
    }

    .wr-menu-toggle {
        display: inline-flex;
    }

    .wr-header-actions {
        margin-left: auto;
    }

    .wr-nav {
        position: fixed;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1029;
        padding: 16px var(--wr-gutter) 40px;
        overflow-y: auto;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }

    .wr-header.is-menu-open .wr-nav {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .wr-nav .site-main-menu {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .wr-nav .site-menu-item {
        border-bottom: 1px solid var(--wr-line);
    }

    .wr-nav .site-menu-link {
        justify-content: space-between;
        width: 100%;
        padding: 18px 0;
        border-radius: 0;
        font-size: 18px;
    }

    .wr-nav .site-submenu {
        position: static;
        display: none;
        min-width: 0;
        padding: 0 0 12px 12px;
        border: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .wr-nav .site-menu-item.is-open > .site-submenu {
        display: block;
    }

    .wr-nav .site-menu-item.is-open > .site-menu-link i {
        transform: rotate(180deg);
    }

    .wr-nav .site-submenu .site-menu-link {
        padding: 12px 0;
        font-size: 16px;
        color: var(--wr-muted);
    }
}

@media (max-width: 575px) {
    .wr-header-cta {
        display: none;
    }
}

/* ==========================================================================
   İÇ SAYFA BANNER (tüm iç sayfalarda tek tip)
   ========================================================================== */

.wr-banner {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: clamp(220px, 26vw, 360px);
    overflow: hidden;
    background: var(--wr-red);
    color: #fff;
    isolation: isolate;
}

.wr-banner-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wr-banner.has-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(29, 29, 31, 0) 25%, rgba(29, 29, 31, .62) 100%);
}

.wr-banner.no-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgba(255, 255, 255, .08) 1.5px, transparent 1.5px);
    background-size: 22px 22px;
}

.wr-banner-inner {
    padding-bottom: clamp(26px, 3.6vw, 48px);
}

.wr-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
    font-weight: 500;
}

.wr-breadcrumb a {
    color: rgba(255, 255, 255, .78);
}

.wr-breadcrumb a:hover {
    color: #fff;
}

.wr-breadcrumb [aria-current] {
    color: #fff;
}

.wr-banner-title {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 54px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.08;
}

/* ==========================================================================
   ANA SAYFA | 1. SLIDER – 3 BÖLÜM
   ========================================================================== */

.wr-hero {
    padding-top: 20px;
}

.wr-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1.45fr) minmax(0, 1fr);
    grid-template-areas:
        "main promo"
        "main order";
    gap: 16px;
    height: clamp(460px, 40vw, 600px);
}

.wr-hero-main {
    position: relative;
    grid-area: main;
    min-height: 0;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-hero-carousel,
.wr-hero-carousel .carousel-inner,
.wr-hero-carousel .carousel-item,
.wr-hero-slide {
    height: 100%;
}

.wr-hero-slide {
    position: relative;
}

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

.wr-hero-slide.has-caption::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(29, 29, 31, .55), rgba(29, 29, 31, 0) 65%);
}

.wr-hero-caption {
    position: absolute;
    left: clamp(24px, 4vw, 56px);
    bottom: clamp(28px, 4vw, 56px);
    z-index: 2;
    max-width: 460px;
    color: #fff;
}

.wr-hero-caption h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(28px, 3.4vw, 48px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.05;
}

.wr-hero-caption p {
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .88);
    font-size: 16px;
}

.wr-hero-slide-empty {
    background: var(--wr-red);
}

.wr-cover-link {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.wr-hero-dots {
    right: auto;
    bottom: 22px;
    left: clamp(24px, 4vw, 56px);
    z-index: 3;
    justify-content: flex-start;
    gap: 6px;
    margin: 0;
}

.wr-hero-dots [data-bs-target] {
    width: 26px;
    height: 4px;
    margin: 0;
    border: 0;
    border-radius: 4px;
    background: #fff;
    opacity: .5;
    transition: width .3s ease, opacity .3s ease;
}

.wr-hero-dots .active {
    width: 44px;
    opacity: 1;
}

.wr-hero-arrows {
    position: absolute;
    right: 20px;
    bottom: 16px;
    z-index: 3;
    display: flex;
    gap: 8px;
}

.wr-hero-arrows button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: var(--wr-ink);
    transition: background-color .2s ease, color .2s ease;
}

.wr-hero-arrows button:hover {
    background: var(--wr-red);
    color: #fff;
}

.wr-hero-promo {
    display: block;
    grid-area: promo;
    min-height: 0;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-hero-promo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

a.wr-hero-promo:hover img {
    transform: scale(1.03);
}

.wr-hero-order {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    grid-area: order;
    min-height: 0;
    padding: clamp(22px, 2.4vw, 32px);
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-red);
    color: #fff;
}

.wr-hero-order::after {
    content: "";
    position: absolute;
    top: -40%;
    right: -18%;
    width: 60%;
    aspect-ratio: 1;
    border: 28px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
    pointer-events: none;
}

.wr-hero-order-icon {
    position: absolute;
    top: clamp(20px, 2.2vw, 28px);
    right: clamp(20px, 2.2vw, 28px);
    font-size: 26px;
    opacity: .9;
}

.wr-hero-order h2 {
    margin: 0 0 6px;
    padding-right: 40px;
    color: #fff;
    font-size: clamp(22px, 1.9vw, 28px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.1;
}

.wr-hero-order p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    line-height: 1.55;
}

.wr-hero-order .wr-button {
    position: relative;
    z-index: 1;
    align-self: flex-start;
}

/* Tanıtım görseli yoksa sipariş alanı sağ sütunu doldurur */
.wr-hero-grid:not(:has(.wr-hero-promo)) {
    grid-template-areas:
        "main order"
        "main order";
}

@media (max-width: 991px) {
    .wr-hero-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "main main"
            "promo order";
        height: auto;
    }

    .wr-hero-main {
        aspect-ratio: 16 / 9;
    }

    .wr-hero-promo,
    .wr-hero-order {
        min-height: 230px;
    }

    .wr-hero-grid:not(:has(.wr-hero-promo)) {
        grid-template-areas:
            "main main"
            "order order";
    }
}

@media (max-width: 575px) {
    .wr-hero {
        padding-top: 12px;
    }

    .wr-hero-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "promo"
            "order";
        gap: 12px;
    }

    .wr-hero-main {
        aspect-ratio: 4 / 3;
    }

    .wr-hero-promo {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .wr-hero-order {
        min-height: 0;
    }

    .wr-hero-grid:not(:has(.wr-hero-promo)) {
        grid-template-areas:
            "main"
            "order";
    }

    .wr-hero-arrows {
        display: none;
    }

    .wr-hero-dots {
        bottom: 14px;
    }
}

/* ==========================================================================
   ANA SAYFA | 2. TATLI MENÜMÜZ
   ========================================================================== */

.wr-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-bottom: clamp(48px, 6vw, 80px);
}

.wr-category-card {
    display: block;
    color: var(--wr-ink);
}

.wr-category-media {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-category-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}

.wr-category-card:hover .wr-category-media img {
    transform: scale(1.05);
}

.wr-category-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 4px 0;
    font-size: 17px;
    font-weight: 700;
}

.wr-category-name i {
    color: var(--wr-red);
    transition: transform .2s ease;
}

.wr-category-card:hover .wr-category-name {
    color: var(--wr-red);
}

.wr-category-card:hover .wr-category-name i {
    transform: translateX(4px);
}

@media (max-width: 767px) {
    .wr-category-grid {
        display: flex;
        gap: 14px;
        margin-inline: calc(var(--wr-gutter) * -1);
        padding-inline: var(--wr-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .wr-category-grid::-webkit-scrollbar {
        display: none;
    }

    .wr-category-card {
        flex: 0 0 62%;
        scroll-snap-align: start;
    }
}

.wr-products-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--wr-line);
}

.wr-products-head h3 {
    margin: 0;
    color: var(--wr-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.wr-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.wr-tabs a {
    padding: 8px 16px;
    border-radius: 999px;
    color: var(--wr-muted);
    font-size: 14px;
    font-weight: 600;
    transition: background-color .2s ease, color .2s ease;
}

.wr-tabs a:hover {
    color: var(--wr-red);
}

.wr-tabs a.is-active {
    background: var(--wr-red);
    color: #fff;
}

@media (max-width: 767px) {
    .wr-tabs {
        flex-wrap: nowrap;
        width: calc(100% + var(--wr-gutter) * 2);
        margin-inline: calc(var(--wr-gutter) * -1);
        padding-inline: var(--wr-gutter);
        overflow-x: auto;
        scrollbar-width: none;
    }

    .wr-tabs::-webkit-scrollbar {
        display: none;
    }

    .wr-tabs a {
        flex-shrink: 0;
    }
}

/* ÜRÜN KARTI */

.wr-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px 24px;
}

@media (max-width: 1199px) {
    .wr-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .wr-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 14px;
    }
}

.wr-product-card {
    min-width: 0;
}

.wr-product-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--wr-ink);
}

.wr-product-media {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-product-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}

.wr-product-link:hover .wr-product-media img {
    transform: scale(1.04);
}

.wr-product-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 16px;
}

.wr-product-body .wr-eyebrow {
    margin-bottom: 6px;
    font-size: 11px;
}

.wr-product-body h3 {
    margin: 0 0 8px;
    color: var(--wr-ink);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.3;
}

.wr-product-body p {
    display: -webkit-box;
    margin: 0 0 14px;
    overflow: hidden;
    color: var(--wr-muted);
    font-size: 14px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wr-product-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: var(--wr-red);
    font-size: 14px;
    font-weight: 700;
}

.wr-product-more i {
    transition: transform .2s ease;
}

.wr-product-link:hover h3,
.wr-post-card a:hover h3 {
    color: var(--wr-red);
}

.wr-product-link:hover .wr-product-more i,
.wr-post-card a:hover .wr-product-more i {
    transform: translateX(4px);
}

@media (max-width: 575px) {
    .wr-product-body h3 {
        font-size: 16px;
    }

    .wr-product-body p {
        font-size: 13px;
    }
}

/* SAYFALAMA */

.wr-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 48px;
}

.wr-pagination a,
.wr-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    color: var(--wr-ink);
    font-weight: 600;
}

.wr-pagination a:hover {
    background: var(--wr-soft);
    color: var(--wr-red);
}

.wr-pagination a.is-active {
    background: var(--wr-red);
    color: #fff;
}

/* ==========================================================================
   ANA SAYFA | ARA GEÇİŞLER
   ========================================================================== */

.wr-transition {
    padding-bottom: var(--wr-section);
}

.wr-transition-media {
    display: block;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-transition-media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 640px;
    object-fit: cover;
}

a.wr-transition-media img {
    transition: transform .8s ease;
}

a.wr-transition-media:hover img {
    transform: scale(1.02);
}

/* ==========================================================================
   ANA SAYFA | HAKKIMIZDA
   ========================================================================== */

.wr-about {
    background: #fff;
}

.wr-about-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    align-items: center;
    gap: clamp(32px, 6vw, 96px);
}

.wr-about-grid.no-image {
    grid-template-columns: minmax(0, 760px);
}

.wr-about-content .wr-lead {
    margin-bottom: 30px;
}

.wr-about-media {
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-about-media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

@media (max-width: 991px) {
    .wr-about-grid {
        grid-template-columns: 1fr;
    }

    .wr-about-media {
        order: -1;
    }
}

/* ==========================================================================
   TATLI NOTLAR / BLOG KARTLARI
   ========================================================================== */

.wr-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 28px;
}

@media (max-width: 991px) {
    .wr-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .wr-post-grid {
        grid-template-columns: 1fr;
    }
}

.wr-post-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--wr-ink);
}

.wr-post-media {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-post-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.wr-post-card a:hover .wr-post-media img {
    transform: scale(1.04);
}

.wr-post-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 18px;
}

.wr-post-body time {
    margin-bottom: 8px;
    color: var(--wr-muted);
    font-size: 13px;
    font-weight: 500;
}

.wr-post-body h3 {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.35;
    transition: color .2s ease;
}

.wr-post-body p {
    display: -webkit-box;
    margin: 0 0 16px;
    overflow: hidden;
    color: var(--wr-muted);
    font-size: 14px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* ==========================================================================
   İÇ SAYFA GÖVDESİ
   ========================================================================== */

.wr-page {
    padding-block: clamp(48px, 6vw, 88px) var(--wr-section);
}

.wr-page-narrow {
    max-width: 860px;
}

.wr-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(32px, 6vw, 88px);
}

.wr-intro-grid.no-image {
    grid-template-columns: minmax(0, 860px);
}

.wr-intro-media {
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-intro-media img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    .wr-intro-grid {
        grid-template-columns: 1fr;
    }
}

.wr-block + .wr-block {
    margin-top: clamp(48px, 6vw, 80px);
}

.wr-block-title {
    margin: 0 0 20px;
    color: var(--wr-ink);
    font-size: clamp(24px, 2.4vw, 32px);
    font-weight: 800;
    letter-spacing: -.02em;
}

/* Zengin metin (panel editöründen gelen içerik) */

.wr-prose {
    color: var(--wr-text);
    font-size: 16px;
    line-height: 1.85;
}

.wr-prose > *:first-child {
    margin-top: 0;
}

.wr-prose h2,
.wr-prose h3,
.wr-prose h4 {
    margin: 1.8em 0 .6em;
    color: var(--wr-ink);
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.25;
}

.wr-prose h2 {
    font-size: clamp(22px, 2.2vw, 28px);
}

.wr-prose h3 {
    font-size: 20px;
}

.wr-prose p {
    margin: 0 0 1.1em;
}

.wr-prose a {
    color: var(--wr-red);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wr-prose ul,
.wr-prose ol {
    margin: 0 0 1.2em;
    padding-left: 1.2em;
}

.wr-prose li {
    margin-bottom: .4em;
}

.wr-prose li::marker {
    color: var(--wr-red);
}

.wr-prose strong {
    color: var(--wr-ink);
}

.wr-prose img {
    max-width: 100%;
    height: auto;
    border-radius: var(--wr-radius);
}

.wr-prose blockquote {
    margin: 1.6em 0;
    padding-left: 20px;
    border-left: 3px solid var(--wr-red);
    color: var(--wr-ink);
    font-size: 18px;
    font-weight: 600;
}

/* Eski partial'ları (galeri, video, sekme vb.) yeni dile uydur */

.wr-legacy .page-section,
.wr-legacy [class*="page-"][class*="-card"],
.wr-legacy .page-accordion,
.wr-legacy .page-tabs,
.wr-legacy .page-content-card {
    border-color: var(--wr-line) !important;
    box-shadow: none !important;
}

.wr-legacy .page-section {
    margin: 0;
    padding: 0;
    background: transparent !important;
}

/* İçerik kartları (eski "contents" partial'ı) sadeleştirme */

.wr-prose .page-content-item,
.wr-prose .page-contents,
.wr-prose .page-content-card,
.wr-prose [class*="content-card"] {
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================================
   LİSTE SAYFALARI
   ========================================================================== */

.wr-list-intro {
    max-width: 760px;
    margin-bottom: clamp(36px, 5vw, 56px);
}

/* ==========================================================================
   KATEGORİ DETAY
   ========================================================================== */

.wr-subcategories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
}

.wr-subcategories a {
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--wr-soft);
    color: var(--wr-ink);
    font-size: 14px;
    font-weight: 600;
}

.wr-subcategories a:hover {
    background: var(--wr-red);
    color: #fff;
}

/* ==========================================================================
   ÜRÜN DETAY (sabit şablon)
   ========================================================================== */

.wr-product-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(32px, 6vw, 88px);
}

.wr-pd-gallery {
    position: sticky;
    top: 100px;
}

.wr-pd-main {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-pd-main img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.wr-pd-thumbs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.wr-pd-thumbs button {
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 12px;
    background: var(--wr-soft);
}

.wr-pd-thumbs button.is-active {
    border-color: var(--wr-red);
}

.wr-pd-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wr-pd-info h2 {
    margin: 0 0 18px;
    color: var(--wr-ink);
    font-size: clamp(30px, 3.2vw, 44px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.1;
}

.wr-pd-price {
    margin: 0 0 18px;
    color: var(--wr-red);
    font-size: 26px;
    font-weight: 800;
}

.wr-pd-price del {
    margin-right: 10px;
    color: var(--wr-muted);
    font-size: 18px;
    font-weight: 600;
}

.wr-pd-block {
    padding: 24px 0;
    border-top: 1px solid var(--wr-line);
}

.wr-pd-block:last-of-type {
    border-bottom: 1px solid var(--wr-line);
}

.wr-pd-block h3 {
    margin: 0 0 12px;
    color: var(--wr-ink);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wr-pd-block p {
    margin: 0;
    color: var(--wr-text);
    font-size: 16px;
    line-height: 1.8;
}

.wr-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wr-chips li {
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--wr-soft);
    color: var(--wr-ink);
    font-size: 14px;
    font-weight: 600;
}

.wr-pd-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.wr-pd-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    color: var(--wr-muted);
    font-size: 14px;
}

.wr-pd-note i {
    color: var(--wr-red);
    font-size: 18px;
}

.wr-related {
    margin-top: var(--wr-section);
}

@media (max-width: 991px) {
    .wr-product-detail {
        grid-template-columns: 1fr;
    }

    .wr-pd-gallery {
        position: static;
    }
}

/* ==========================================================================
   FORMLAR (Kariyer / Organizasyon)
   ========================================================================== */

.wr-form-layout {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: clamp(32px, 6vw, 88px);
}

@media (max-width: 991px) {
    .wr-form-layout {
        grid-template-columns: 1fr;
    }
}

.wr-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.wr-form .is-full {
    grid-column: 1 / -1;
}

@media (max-width: 575px) {
    .wr-form {
        grid-template-columns: 1fr;
    }
}

.wr-field label {
    display: block;
    margin-bottom: 8px;
    color: var(--wr-ink);
    font-size: 14px;
    font-weight: 600;
}

.wr-field label small {
    color: var(--wr-red);
}

.wr-field input,
.wr-field select,
.wr-field textarea {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: var(--wr-soft);
    color: var(--wr-ink);
    font-family: inherit;
    font-size: 15px;
    transition: border-color .2s ease, background-color .2s ease;
}

.wr-field textarea {
    min-height: 140px;
    resize: vertical;
}

.wr-field input:focus,
.wr-field select:focus,
.wr-field textarea:focus {
    border-color: var(--wr-red);
    background: #fff;
    outline: none;
}

.wr-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--wr-muted);
    font-size: 14px;
}

.wr-check input {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--wr-red);
}

.wr-captcha {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wr-captcha strong {
    color: var(--wr-ink);
    font-size: 18px;
    white-space: nowrap;
}

.wr-captcha input {
    max-width: 140px;
}

.wr-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.wr-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 24px;
    padding: 14px 18px;
    border-radius: 12px;
    background: var(--wr-soft);
    color: var(--wr-ink);
    font-weight: 600;
}

.wr-alert i {
    color: var(--wr-red);
    font-size: 18px;
}

.wr-feature-list {
    display: grid;
    gap: 22px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.wr-feature-list li {
    display: flex;
    gap: 16px;
}

.wr-feature-list i {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--wr-red-tint);
    color: var(--wr-red);
    font-size: 19px;
}

.wr-feature-list strong {
    display: block;
    margin-bottom: 2px;
    color: var(--wr-ink);
    font-size: 16px;
}

.wr-feature-list span {
    color: var(--wr-muted);
    font-size: 14px;
    line-height: 1.6;
}

.wr-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px 24px;
}

@media (max-width: 991px) {
    .wr-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .wr-service-grid {
        grid-template-columns: 1fr;
    }
}

.wr-service {
    padding-top: 22px;
    border-top: 2px solid var(--wr-red);
}

.wr-service i {
    color: var(--wr-red);
    font-size: 26px;
}

.wr-service h3 {
    margin: 14px 0 8px;
    color: var(--wr-ink);
    font-size: 18px;
    font-weight: 700;
}

.wr-service p {
    margin: 0;
    color: var(--wr-muted);
    font-size: 14px;
    line-height: 1.65;
}

.wr-soft-band {
    padding-block: var(--wr-section);
    background: var(--wr-soft);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.wr-footer {
    margin-top: 0;
    padding-top: clamp(56px, 6vw, 88px);
    background: var(--wr-red);
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
}

.wr-footer a {
    color: rgba(255, 255, 255, .82);
}

.wr-footer a:hover {
    color: #fff;
}

.wr-footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.3fr);
    gap: 40px;
    padding-bottom: 48px;
}

.wr-footer-logo img {
    display: block;
    width: auto;
    height: 76px;
}

.wr-footer-logo strong {
    color: #fff;
    font-size: 24px;
}

.wr-footer-brand p {
    max-width: 320px;
    margin: 20px 0 22px;
    line-height: 1.7;
}

.wr-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wr-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    font-size: 15px;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.wr-footer-social a:hover {
    border-color: #fff;
    background: #fff;
    color: var(--wr-red);
}

.wr-footer-column h4 {
    margin: 6px 0 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.wr-footer-column ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wr-footer-contact li {
    display: flex;
    gap: 10px;
    line-height: 1.5;
}

.wr-footer-contact li i {
    color: #fff;
}

.wr-footer-newsletter {
    margin-top: 26px;
}

.wr-footer-newsletter label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
}

.wr-footer-newsletter div {
    display: flex;
    padding: 4px;
    border-radius: 999px;
    background: #fff;
}

.wr-footer-newsletter input {
    flex: 1;
    min-width: 0;
    height: 42px;
    padding: 0 16px;
    border: 0;
    background: transparent;
    color: var(--wr-ink);
    outline: none;
}

.wr-footer-newsletter button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: var(--wr-red);
    color: #fff;
}

.wr-footer-newsletter button:hover {
    background: var(--wr-red-dark);
}

.wr-footer-alert {
    margin-top: 16px;
    color: #fff;
    font-weight: 600;
}

.wr-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    padding: 22px 0 28px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    font-size: 13px;
}

.wr-footer-bottom nav {
    display: flex;
    gap: 20px;
}

@media (max-width: 991px) {
    .wr-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .wr-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px 20px;
    }

    .wr-footer-brand,
    .wr-footer-contact {
        grid-column: 1 / -1;
    }
}

/* ==========================================================================
   ESKİ ŞABLONLARIN GENEL SADELEŞTİRİLMESİ
   (arama, sepet, iletişim, 404 gibi henüz özel şablona geçmeyen sayfalar)
   ========================================================================== */

.home-products-section,
.home-showcase-section,
.products-page,
.page-design,
.page-main-container,
.contact-page,
.search-page {
    background: #fff !important;
}

.products-result-header,
.waffle-category-bar,
.product-view-card,
.search-result-card {
    border-color: var(--wr-line) !important;
    box-shadow: none !important;
}

.btn-primary {
    --bs-btn-bg: var(--theme-primary);
    --bs-btn-border-color: var(--theme-primary);
    --bs-btn-hover-bg: var(--theme-primary-dark);
    --bs-btn-hover-border-color: var(--theme-primary-dark);
    --bs-btn-active-bg: var(--theme-primary-dark);
    --bs-btn-active-border-color: var(--theme-primary-dark);
}

.text-primary {
    color: var(--theme-primary) !important;
}

.bg-primary {
    background-color: var(--theme-primary) !important;
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* ==========================================================================
   DÜZELTMELER
   ========================================================================== */

@media (max-width: 767px) {
    .wr-category-grid {
        scroll-padding-inline: var(--wr-gutter);
    }

    .wr-section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
}

/* Makale (blog yazısı) */
.wr-article {
    max-width: 860px;
    margin-inline: auto;
}

.wr-article-lead {
    margin: 0 0 32px;
    color: var(--wr-text);
    font-size: 19px;
    font-weight: 500;
    line-height: 1.7;
}

.wr-article-cover {
    margin: 0 0 40px;
    overflow: hidden;
    border-radius: var(--wr-radius-lg);
    background: var(--wr-soft);
}

.wr-article-cover img {
    display: block;
    width: 100%;
    height: auto;
}

.wr-mt {
    margin-top: 24px;
}

.wr-soft-band .wr-field input,
.wr-soft-band .wr-field select,
.wr-soft-band .wr-field textarea {
    background: #fff;
}

.wr-soft-band .wr-alert {
    background: #fff;
}

/* ==========================================================================
   SAYFA BAZLI SADELEŞTİRMELER
   ========================================================================== */

.wr-intro-grid + .wr-block {
    margin-top: clamp(48px, 6vw, 80px);
}

/* Bootstrap bağlantı rengi */
:root {
    --bs-link-color-rgb: 121, 23, 32;
    --bs-link-hover-color-rgb: 95, 18, 25;
}

.wr-pd-note a {
    color: var(--wr-red);
}

/* İletişim sayfası: kutu/çerçeve/gölge kaldırıldı, banner altına hizalandı */
.contact-page {
    padding-top: clamp(40px, 5vw, 72px) !important;
    background: #fff !important;
}

.contact-page .contact-main {
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: var(--wr-radius-lg) !important;
    box-shadow: none !important;
    background: var(--wr-soft) !important;
}

.contact-page .contact-office,
.contact-page .contact-location-card,
.contact-page .contact-person {
    box-shadow: none !important;
    border-color: var(--wr-line) !important;
}

.ert-contact-form-section {
    background: #fff !important;
}

.ert-contact-form-section [class*="card"],
.ert-contact-form-section form {
    box-shadow: none !important;
}

/* Mobil menü: backdrop-filter fixed paneli header'a hapsettiği için kapatıldı */
@media (max-width: 991px) {
    .wr-header {
        background: #fff;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

/* Eski temanın menü alt çizgisi */
.wr-nav .site-menu-link::after,
.wr-nav .site-menu-link::before {
    display: none !important;
}

/* Kategori rengi (Panel › Kategoriler › Kategori rengi, isteğe bağlı) */
.wr-category-card[style*="--cat-color"] { border-top: 3px solid var(--cat-color); }
.wr-category-card[style*="--cat-color"] .wr-category-name i { color: var(--cat-color); }