/**
 * ═══════════════════════════════════════════════════════════════════════════
 * PAZARIX PREMIUM THEME v5.0 - pazarix.COM CLONE
 * Complete Frontend Redesign - Pixel Perfect
 * ═══════════════════════════════════════════════════════════════════════════
 * 
 * pazarix.com referans alınarak tasarlanmış premium e-ticaret teması.
 * Bu dosya HER ŞEYİ override eder - style.css, mobile.css vs.
 * 
 * Created: 2026-01-14
 */

/* ═══════════════════════════════════════════════════════════════════════════
   0. NUCLEAR RESET - Override EVERYTHING
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* pazarix Color Palette */
    --pzx-black: #000000;
    --pzx-white: #FFFFFF;
    --pzx-red: #E53935;
    --pzx-orange: #FF8F00;
    --pzx-green: #43A047;

    /* Grays */
    --pzx-gray-50: #FAFAFA;
    --pzx-gray-100: #F5F5F5;
    --pzx-gray-200: #EEEEEE;
    --pzx-gray-300: #E0E0E0;
    --pzx-gray-400: #BDBDBD;
    --pzx-gray-500: #9E9E9E;
    --pzx-gray-600: #757575;
    --pzx-gray-700: #616161;
    --pzx-gray-800: #424242;
    --pzx-gray-900: #212121;

    /* Typography */
    --pzx-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Container */
    --pzx-container: 1400px;
    --pzx-gap: 20px;
}

html,
body {
    font-family: var(--pzx-font) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   1. TOP ANNOUNCEMENT BAR
   Note: User manually adjusted this in pazarix-theme.css. 
   Maintaining the Roboto Condensed font integration only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Typography only - Legacy classes hidden as they are not used in current structure */
body .topheader-html-main,
body .topheader-desktop-main-div,
body .topheader-html-close {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* Ensure no global body padding interference */
body {
    padding-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   2. MAIN HEADER - CLEAN WHITE
   ═══════════════════════════════════════════════════════════════════════════ */

body .header-main-div,
.header-main-div {
    background: var(--pzx-white) !important;
    box-shadow: none !important;
    border: none !important;
}

body .header-desktop-main-div,
.header-desktop-main-div {
    background: var(--pzx-white) !important;
    padding: 15px 0 !important;
    border: none !important;
}

body .header-desktop-main-div-in,
.header-desktop-main-div-in {
    max-width: var(--pzx-container) !important;
    margin: 0 auto !important;
    padding: 0 var(--pzx-gap) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo */
body .header-desktop-logo-div img,
.header-desktop-logo-div img {
    max-height: 40px !important;
    width: auto !important;
}

/* Search */
body .header-desktop-search1,
.header-desktop-search1 {
    flex: 1 !important;
    max-width: 450px !important;
    margin: 0 30px !important;
}

body .header-desktop-search1 form,
.header-desktop-search1 form {
    position: relative !important;
}

body .header-desktop-search1 input,
.header-desktop-search1 input {
    width: 100% !important;
    height: 42px !important;
    background: var(--pzx-gray-100) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0 45px 0 16px !important;
    font-size: 14px !important;
    font-family: var(--pzx-font) !important;
    color: var(--pzx-gray-800) !important;
    transition: all 0.2s ease !important;
}

body .header-desktop-search1 input:focus,
.header-desktop-search1 input:focus {
    background: var(--pzx-white) !important;
    border: 1px solid var(--pzx-black) !important;
    outline: none !important;
}

body .header-desktop-search1 input::placeholder,
.header-desktop-search1 input::placeholder {
    color: var(--pzx-gray-500) !important;
}

body .header-desktop-search1 button,
.header-desktop-search1 button {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 42px !important;
    width: 42px !important;
    background: transparent !important;
    border: none !important;
}

body .header-desktop-search1 button i,
.header-desktop-search1 button i {
    font-size: 18px !important;
    color: var(--pzx-gray-600) !important;
}

/* Hide call center */
body .header-desktop-call,
.header-desktop-call {
    display: none !important;
}

/* Header Icons */
body .header-desktop-navbutton-box,
.header-desktop-navbutton-box {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

body .header-desktop-navbutton-box>a,
body .header-desktop-navbutton-box>div>a,
.header-desktop-navbutton-box>a,
.header-desktop-navbutton-box>div>a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    transition: background 0.2s !important;
}

body .header-desktop-navbutton-box>a:hover,
body .header-desktop-navbutton-box>div:hover>a,
.header-desktop-navbutton-box>a:hover,
.header-desktop-navbutton-box>div:hover>a {
    background: var(--pzx-gray-100) !important;
}

body .header-desktop-navbutton-box i,
.header-desktop-navbutton-box i {
    font-size: 22px !important;
    color: var(--pzx-black) !important;
}

/* Badge */
body [class*="navbutton-box-count"],
[class*="navbutton-box-count"] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    min-width: 18px !important;
    height: 18px !important;
    background: var(--pzx-red) !important;
    color: var(--pzx-white) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. NAVIGATION - pazarix.COM PREMIUM STYLE
   Complete Navigation Redesign with Mega Menu Support
   ═══════════════════════════════════════════════════════════════════════════ */

/* ==================== MAIN NAVIGATION CONTAINER ==================== */
body .top-level-menu-main-div,
.top-level-menu-main-div {
    background: var(--pzx-white) !important;
    border-top: 1px solid var(--pzx-gray-200) !important;
    border-bottom: 1px solid var(--pzx-gray-200) !important;
    padding: 0 !important;
}

body .top-level-menu-main-div-in,
.top-level-menu-main-div-in {
    max-width: var(--pzx-container) !important;
    margin: 0 auto !important;
    padding: 0 var(--pzx-gap) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

body .head-new-area-left,
.head-new-area-left {
    flex: 1 !important;
}

body .head-new-area-right,
.head-new-area-right {
    flex-shrink: 0 !important;
}

/* ==================== MAIN MENU UL ==================== */
body .top-level-menu,
.top-level-menu {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* ==================== MENU ITEMS (li) ==================== */
body .top-level-menu>li,
.top-level-menu>li {
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================== MAIN MENU LINKS ==================== */
body .top-level-menu>li>a,
.top-level-menu>li>a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 16px 18px !important;
    font-family: var(--pzx-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--pzx-black) !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    background: transparent !important;
    white-space: nowrap !important;
}

/* Menu link span (title container) */
body .top-level-menu>li>a span,
.top-level-menu>li>a span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: var(--pzx-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

/* ==================== DROPDOWN ARROW ICON ==================== */
body .top-level-menu>li>a span i,
body .top-level-menu>li>a span .fa,
body .top-level-menu>li>a i,
.top-level-menu>li>a span i,
.top-level-menu>li>a span .fa,
.top-level-menu>li>a i {
    font-size: 10px !important;
    color: var(--pzx-gray-500) !important;
    transition: transform 0.3s ease !important;
    margin-left: 2px !important;
}

/* Hover: rotate arrow */
body .top-level-menu>li:hover>a span i,
body .top-level-menu>li:hover>a i,
.top-level-menu>li:hover>a span i,
.top-level-menu>li:hover>a i {
    transform: rotate(180deg) !important;
    color: var(--pzx-red) !important;
}

/* ==================== HOVER STATE ==================== */
body .top-level-menu>li:hover>a,
body .top-level-menu>li>a:hover,
.top-level-menu>li:hover>a,
.top-level-menu>li>a:hover {
    color: var(--pzx-red) !important;
    background: transparent !important;
}

body .top-level-menu>li:hover>a span,
body .top-level-menu>li>a:hover span,
.top-level-menu>li:hover>a span,
.top-level-menu>li>a:hover span {
    color: var(--pzx-red) !important;
}

/* ==================== RED PROMO ITEMS (Last 1-2 items) ==================== */
body .top-level-menu>li:last-child>a,
body .top-level-menu>li:last-child>a span,
.top-level-menu>li:last-child>a,
.top-level-menu>li:last-child>a span {
    color: var(--pzx-red) !important;
    font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DROPDOWN MENUS - pazarix STYLE (Şablon 1: Standart)
   ═══════════════════════════════════════════════════════════════════════════ */

body .second-level-menu,
.second-level-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    background: var(--pzx-white) !important;
    border: 1px solid var(--pzx-gray-200) !important;
    border-top: 2px solid var(--pzx-black) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.25s ease !important;
    z-index: 1000 !important;
}

/* Show dropdown on hover */
body .top-level-menu>li:hover>.second-level-menu,
.top-level-menu>li:hover>.second-level-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dropdown items */
body .second-level-menu>li,
.second-level-menu>li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
    border: none !important;
}

body .second-level-menu>li>a,
.second-level-menu>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 20px !important;
    font-family: var(--pzx-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--pzx-gray-700) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: none !important;
    background: transparent !important;
}

body .second-level-menu>li>a p,
.second-level-menu>li>a p {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--pzx-gray-700) !important;
}

body .second-level-menu>li>a p i,
.second-level-menu>li>a p i {
    font-size: 10px !important;
    color: var(--pzx-gray-400) !important;
    margin-left: auto !important;
}

/* Dropdown hover */
body .second-level-menu>li:hover>a,
body .second-level-menu>li>a:hover,
.second-level-menu>li:hover>a,
.second-level-menu>li>a:hover {
    background: var(--pzx-gray-50) !important;
    color: var(--pzx-black) !important;
    padding-left: 24px !important;
}

body .second-level-menu>li:hover>a p,
.second-level-menu>li:hover>a p {
    color: var(--pzx-black) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   THIRD LEVEL MENU (Nested Dropdown)
   ═══════════════════════════════════════════════════════════════════════════ */

body .third-level-menu,
.third-level-menu {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    min-width: 200px !important;
    background: var(--pzx-white) !important;
    border: 1px solid var(--pzx-gray-200) !important;
    border-left: 2px solid var(--pzx-black) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(10px) !important;
    transition: all 0.25s ease !important;
    z-index: 1001 !important;
}

/* Show third level on hover */
body .second-level-menu>li:hover>.third-level-menu,
.second-level-menu>li:hover>.third-level-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

body .third-level-menu>li>a,
.third-level-menu>li>a {
    display: block !important;
    padding: 10px 20px !important;
    font-family: var(--pzx-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--pzx-gray-700) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

body .third-level-menu>li>a p,
.third-level-menu>li>a p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: var(--pzx-gray-700) !important;
}

body .third-level-menu>li:hover>a,
.third-level-menu>li:hover>a {
    background: var(--pzx-gray-50) !important;
    color: var(--pzx-black) !important;
    padding-left: 24px !important;
}

body .third-level-menu>li:hover>a p,
.third-level-menu>li:hover>a p {
    color: var(--pzx-black) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MEGA MENU (Şablon 2: With HTML Content)
   ═══════════════════════════════════════════════════════════════════════════ */

body .sablon2-level-menu,
.sablon2-level-menu {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    min-width: 800px !important;
    max-width: 1000px !important;
    background: var(--pzx-white) !important;
    border: 1px solid var(--pzx-gray-200) !important;
    border-top: 2px solid var(--pzx-black) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15) !important;
    padding: 0 !important;
    display: flex !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
}

/* Show mega menu on hover */
body .top-level-menu>li:hover>.sablon2-level-menu,
.top-level-menu>li:hover>.sablon2-level-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* Mega Menu Left (Categories) */
body .sablon2-level-menu-left,
.sablon2-level-menu-left {
    flex: 1 !important;
    padding: 25px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

/* Category Items */
body .sablon2-level-menu-left-item,
.sablon2-level-menu-left-item {
    min-width: 180px !important;
    margin-bottom: 15px !important;
}

/* Category Header */
body .sablon2-level-menu-left-item-h,
.sablon2-level-menu-left-item-h {
    display: block !important;
    font-family: var(--pzx-font) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--pzx-black) !important;
    text-decoration: none !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--pzx-gray-200) !important;
    transition: color 0.2s ease !important;
}

body .sablon2-level-menu-left-item-h:hover,
.sablon2-level-menu-left-item-h:hover {
    color: var(--pzx-red) !important;
    text-decoration: none !important;
}

/* Subcategory Links */
body .sablon2-level-menu-left-item-s,
.sablon2-level-menu-left-item-s {
    display: block !important;
    font-family: var(--pzx-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--pzx-gray-600) !important;
    text-decoration: none !important;
    padding: 5px 0 !important;
    transition: all 0.2s ease !important;
}

body .sablon2-level-menu-left-item-s:hover,
.sablon2-level-menu-left-item-s:hover {
    color: var(--pzx-black) !important;
    padding-left: 5px !important;
    text-decoration: none !important;
}

/* Mega Menu Right (Promo/Products) */
body .sablon2-level-menu-right,
.sablon2-level-menu-right {
    width: 300px !important;
    padding: 25px !important;
    background: var(--pzx-gray-50) !important;
    border-left: 1px solid var(--pzx-gray-200) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Products in Mega Menu */
body .sablon2-level-menu-right-product-box,
.sablon2-level-menu-right-product-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 15px !important;
    margin: 10px 0 !important;
    background: var(--pzx-white) !important;
    border: 1px solid var(--pzx-gray-200) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    width: 100% !important;
    transition: all 0.2s ease !important;
}

body .sablon2-level-menu-right-product-box:hover,
.sablon2-level-menu-right-product-box:hover {
    border-color: var(--pzx-black) !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
    text-decoration: none !important;
}

body .sablon2-level-menu-right-product-box img,
.sablon2-level-menu-right-product-box img {
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: contain !important;
    margin-bottom: 10px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DROPDOWN OVERLAY
   ═══════════════════════════════════════════════════════════════════════════ */

body .dropdown-overlay-show,
.dropdown-overlay-show {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 999 !important;
    display: none !important;
    backdrop-filter: blur(2px) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   4. SLIDER - FULL WIDTH DARK
   ═══════════════════════════════════════════════════════════════════════════ */

body .slider-main-div,
body .swiper-container,
.slider-main-div,
.swiper-container,
.swiper {
    background: #ffffff !important;
    border-radius: 0 !important;
}

/* Pagination */
body .swiper-pagination-bullet,
.swiper-pagination-bullet {
    background: var(--pzx-white) !important;
    opacity: 0.5 !important;
}

body .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

/* Slider Responsive - Mobil görsel oranını koruma */
@media screen and (max-width: 480px) {
    .slider-main-div .swiper-container {
        height: 56vw !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .slider-main-div .swiper-container {
        height: 50vw !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-main-div .swiper-container {
        height: 45vw !important;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════
   5. PRODUCT TABS - THIS IS THE CRITICAL FIX!!!
   ═══════════════════════════════════════════════════════════════════════════ */

/* Products Container */
body .urunler-module-main-div,
.urunler-module-main-div {
    width: 100% !important;
    background: var(--pzx-white) !important;
    padding: 50px 0 !important;
    overflow: visible !important;
}

body .urunler-module-inside-area,
.urunler-module-inside-area {
    width: 100% !important;
    max-width: var(--pzx-container) !important;
    margin: 0 auto !important;
    padding: 0 var(--pzx-gap) !important;
    display: block !important;
}

body .urun-kutulari-main,
.urun-kutulari-main {
    width: 100% !important;
    display: block !important;
}

/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* TAB CONTAINER - MUST BE HORIZONTAL ROW !!! */
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */

body .home-product-tabs,
.home-product-tabs,
div.home-product-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 35px !important;
    width: 100% !important;
    margin: 0 0 40px 0 !important;
    padding: 20px 0 !important;
    border: none !important;
    background: transparent !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* TAB BUTTONS - pazarix UNDERLINE STYLE */
body .home-product-tablinks,
.home-product-tablinks,
div.home-product-tablinks {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 5px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    flex: none !important;
    width: auto !important;
}

/* ████ KILL THE TRIANGLE ARROW FROM OLD DESIGN ████ */
body .home-product-tablinks::before,
body .home-product-tablinks::after,
body .home-product-tablinks.active::before,
body .home-product-tablinks.active::after,
.home-product-tablinks::before,
.home-product-tablinks::after,
.home-product-tablinks.active::before,
.home-product-tablinks.active::after {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Tab Text */
body .home-product-tablinks p,
.home-product-tablinks p,
div.home-product-tablinks p {
    font-family: var(--pzx-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--pzx-gray-500) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
}

/* Hover */
body .home-product-tablinks:hover,
.home-product-tablinks:hover {
    background: transparent !important;
    border-bottom-color: var(--pzx-gray-400) !important;
}

body .home-product-tablinks:hover p,
.home-product-tablinks:hover p {
    color: var(--pzx-gray-800) !important;
}

/* Active State - BLACK UNDERLINE */
body .home-product-tablinks.active,
.home-product-tablinks.active,
div.home-product-tablinks.active {
    background: transparent !important;
    border-bottom: 2px solid var(--pzx-black) !important;
}

body .home-product-tablinks.active p,
.home-product-tablinks.active p,
div.home-product-tablinks.active p {
    color: var(--pzx-black) !important;
    font-weight: 600 !important;
    background: transparent !important;
}

/* Tab Content */
body #home-product-tabs-wrapper,
body .home-product-tabs-wrapper,
#home-product-tabs-wrapper,
.home-product-tabs-wrapper {
    width: 100% !important;
}

body .wrapper_tabcontent,
.wrapper_tabcontent {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .home-product-tabcontent,
.home-product-tabcontent {
    display: none !important;
    width: 100% !important;
}

body .home-product-tabcontent.active,
.home-product-tabcontent.active {
    display: block !important;
}

/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* PRODUCT GRID - 4 COLUMNS */
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */

body .home-product-tabcontent-in,
.home-product-tabcontent-in {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    width: 100% !important;
    margin: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   6. PRODUCT CARDS - pazarix FLAT DESIGN
   ═══════════════════════════════════════════════════════════════════════════ */

body .cat-detail-products-box,
body .cat-detail-products-box-caturunvitrin,
.cat-detail-products-box,
.cat-detail-products-box-caturunvitrin {
    width: 100% !important;
    background: var(--pzx-white) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Product Image */
body .cat-detail-products-box-img,
body .cat-detail-products-box-caturunvitrin-img,
.cat-detail-products-box-img,
.cat-detail-products-box-caturunvitrin-img {
    position: relative !important;
    background: var(--pzx-gray-100) !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    margin-bottom: 0 !important;
    border: none !important;
}

body .cat-detail-products-box-img img,
body .cat-detail-products-box-caturunvitrin-img img,
.cat-detail-products-box-img img,
.cat-detail-products-box-caturunvitrin-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.4s ease !important;
}

body .cat-detail-products-box:hover .cat-detail-products-box-img img,
.cat-detail-products-box:hover .cat-detail-products-box-img img {
    transform: scale(1.05) !important;
}

/* Product Info */
body .cat-detail-products-box-info,
body .cat-detail-products-box-caturunvitrin-info,
.cat-detail-products-box-info,
.cat-detail-products-box-caturunvitrin-info {
    padding: 15px 0 10px !important;
    background: transparent !important;
}

/* Star Rating */
body .cat-detail-products-box-stars,
.cat-detail-products-box-stars {
    margin-bottom: 4px !important;
    display: flex !important;
    gap: 1px !important;
}

body .cat-detail-products-box-stars .aktif-span,
.cat-detail-products-box-stars .aktif-span {
    color: #FFC107 !important;
    font-size: 12px !important;
}

body .cat-detail-products-box-stars .pasif-span,
.cat-detail-products-box-stars .pasif-span {
    color: var(--pzx-gray-300) !important;
    font-size: 12px !important;
}

/* Brand */
body .cat-detail-products-box-marka,
body .cat-detail-products-box-caturunvitrin-marka,
.cat-detail-products-box-marka,
.cat-detail-products-box-caturunvitrin-marka {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--pzx-black) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}

body .cat-detail-products-box-marka a,
.cat-detail-products-box-marka a {
    color: var(--pzx-black) !important;
}

/* Product Title */
body .cat-detail-products-box-h,
body .cat-detail-products-box-caturunvitrin-h,
.cat-detail-products-box-h,
.cat-detail-products-box-caturunvitrin-h {
    margin-bottom: 8px !important;
    min-height: auto !important;
}

body .cat-detail-products-box-h a,
body .cat-detail-products-box-caturunvitrin-h a,
.cat-detail-products-box-h a,
.cat-detail-products-box-caturunvitrin-h a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--pzx-gray-700) !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body .cat-detail-products-box-h a:hover,
.cat-detail-products-box-h a:hover {
    color: var(--pzx-black) !important;
}

/* Price */
body .cat-detail-products-box-fiyat,
body .cat-detail-products-box-caturunvitrin-fiyat,
.cat-detail-products-box-fiyat,
.cat-detail-products-box-caturunvitrin-fiyat {
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
}

body .cat-detail-products-box-fiyat-out,
.cat-detail-products-box-fiyat-out {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Discount Badge */
body .cat-detail-products-box-indirim,
.cat-detail-products-box-indirim {
    background: var(--pzx-red) !important;
    color: var(--pzx-white) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    line-height: 1 !important;
}

/* Old Price */
body .cat-detail-products-box-fiyat-eski,
.cat-detail-products-box-fiyat-eski {
    font-size: 13px !important;
    color: var(--pzx-gray-400) !important;
    text-decoration: line-through !important;
}

/* Current Price */
body .cat-detail-products-box-fiyat-mevcut,
.cat-detail-products-box-fiyat-mevcut {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--pzx-black) !important;
}

/* Free Shipping Badge */
body .cat-detail-products-box-kargo,
.cat-detail-products-box-kargo {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: var(--pzx-green) !important;
    color: var(--pzx-white) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
    z-index: 5 !important;
}

/* NEW Ribbon */
body .ribbon span,
.ribbon span {
    background: var(--pzx-black) !important;
    color: var(--pzx-white) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
}

/* Hide action buttons */
body .cat-detail-products-box-cart-1,
body .cat-detail-products-box-cart-2,
.cat-detail-products-box-cart-1,
.cat-detail-products-box-cart-2 {
    display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7. INFO BOXES - pazarix STYLE
   ═══════════════════════════════════════════════════════════════════════════ */

body .ticaret-kutulari-main-div,
.ticaret-kutulari-main-div {
    background: var(--pzx-white) !important;
    border-top: 1px solid var(--pzx-gray-200) !important;
    border-bottom: 1px solid var(--pzx-gray-200) !important;
    padding: 30px 0 !important;
    margin: 40px 0 !important;
}

body .ticaret-kutulari-inside,
.ticaret-kutulari-inside {
    max-width: var(--pzx-container) !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 var(--pzx-gap) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

body .ticaret-kutu-box,
.ticaret-kutu-box {
    flex: 1 !important;
    min-width: 220px !important;
    text-align: center !important;
    padding: 20px 30px !important;
    border-right: 1px solid var(--pzx-gray-200) !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body .ticaret-kutu-box:last-child,
.ticaret-kutu-box:last-child {
    border-right: none !important;
}

body .ticaret-kutu-box-i,
.ticaret-kutu-box-i {
    font-size: 28px !important;
    color: var(--pzx-black) !important;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
}

body .ticaret-kutu-box-text,
.ticaret-kutu-box-text {
    text-align: center !important;
}

body .ticaret-kutu-box-text-h,
.ticaret-kutu-box-text-h {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--pzx-black) !important;
    margin-bottom: 4px !important;
}

body .ticaret-kutu-box-text-s,
.ticaret-kutu-box-text-s {
    font-size: 12px !important;
    color: var(--pzx-gray-500) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   8. SECTION TITLES
   ═══════════════════════════════════════════════════════════════════════════ */

body .modules-head-text-main,
.modules-head-text-main {
    text-align: center !important;
    margin-bottom: 30px !important;
}

body .modules-head-forbg-text,
.modules-head-forbg-text {
    font-family: var(--pzx-font) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--pzx-black) !important;
    background: transparent !important;
    padding: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   9. FOOTER - DARK pazarix STYLE
   ═══════════════════════════════════════════════════════════════════════════ */

body .footer-module-main-div,
.footer-module-main-div {
    background: var(--pzx-gray-900) !important;
    padding: 60px 0 40px !important;
}

body .footer-module-inside-area,
.footer-module-inside-area {
    max-width: var(--pzx-container) !important;
    margin: 0 auto !important;
    padding: 0 var(--pzx-gap) !important;
}

body .footer-module-header-text,
.footer-module-header-text {
    color: var(--pzx-white) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
}

body .footer-module-links-div a,
.footer-module-links-div a {
    display: block !important;
    color: var(--pzx-gray-400) !important;
    font-size: 13px !important;
    padding: 5px 0 !important;
    transition: color 0.2s !important;
}

body .footer-module-links-div a:hover,
.footer-module-links-div a:hover {
    color: var(--pzx-white) !important;
}

body .footer-module-box-telif,
.footer-module-box-telif {
    color: var(--pzx-gray-400) !important;
    font-size: 13px !important;
}

body .footer-module-box-social a,
.footer-module-box-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: var(--pzx-gray-700) !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
    transition: background 0.2s !important;
}

body .footer-module-box-social a:hover,
.footer-module-box-social a:hover {
    background: var(--pzx-white) !important;
}

body .footer-module-box-social a i,
.footer-module-box-social a i {
    color: var(--pzx-white) !important;
    font-size: 16px !important;
    transition: color 0.2s !important;
}

body .footer-module-box-social a:hover i,
.footer-module-box-social a:hover i {
    color: var(--pzx-black) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   10. RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1200px) {

    body .home-product-tabcontent-in,
    .home-product-tabcontent-in {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 992px) {

    body .home-product-tabcontent-in,
    .home-product-tabcontent-in {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
    }

    body .home-product-tabs,
    .home-product-tabs {
        gap: 5px 20px !important;
    }

    body .ticaret-kutu-box,
    .ticaret-kutu-box {
        flex-basis: 50% !important;
        border-bottom: 1px solid var(--pzx-gray-200) !important;
    }
}

@media (max-width: 768px) {

    body .home-product-tabcontent-in,
    .home-product-tabcontent-in {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    body .home-product-tabs,
    .home-product-tabs {
        gap: 5px 12px !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding: 15px var(--pzx-gap) !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body .home-product-tablinks p,
    .home-product-tablinks p {
        font-size: 11px !important;
    }

    body .ticaret-kutu-box,
    .ticaret-kutu-box {
        flex-basis: 100% !important;
        border-right: none !important;
    }
}

@media (max-width: 576px) {

    body .home-product-tabcontent-in,
    .home-product-tabcontent-in {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    body .cat-detail-products-box,
    .cat-detail-products-box {
        width: 100% !important;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════
   END OF PAZARIX PREMIUM THEME v5.0
   ═══════════════════════════════════════════════════════════════════════════ */