/* ========================================

















   URUNLER PAGE STYLES

















   Modern, Responsive Product Listing

















   ======================================== */

















:root {

















    --primary-green: #3ea635;

















    --dark-green: #2d7a28;

















    --light-green: #e8f5e6;

















    --light-gray: #f8f9fa;

















    --border-gray: #e9ecef;

















    --text-dark: #212529;

















    --text-muted: #6c757d;

















    --white: #ffffff;

















    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);

















    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);

















    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.15);

















    --radius-sm: 8px;

















    --radius-md: 12px;

















    --radius-lg: 16px;

















    --radius-xl: 24px;

















    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

















}

















/* ========================================

















   HERO SECTION

















   ======================================== */

















.products2-hero {

















    position: relative;

















    padding: 80px 20px 60px;

















    background: linear-gradient(135deg, #3ea635 0%, #2d7a28 50%, #1a5c16 100%);

















    overflow: hidden;

















}

















.products2-hero-bg {

















    position: absolute;

















    top: 0;

















    left: 0;

















    right: 0;

















    bottom: 0;

















    background:

















        radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),

















        radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 0%, transparent 40%);

















    opacity: 1;

















}

















.products2-hero-content {

















    position: relative;

















    z-index: 1;

















    max-width: 800px;

















    margin: 0 auto;

















    text-align: center;

















}

















.hero-badge {

















    display: inline-block;

















    padding: 8px 20px;

















    background: rgba(255, 255, 255, 0.2);

















    backdrop-filter: blur(10px);

















    border-radius: 50px;

















    color: white;

















    font-size: 14px;

















    font-weight: 600;

















    margin-bottom: 20px;

















}

















.products2-hero h1 {

















    font-size: clamp(28px, 5vw, 48px);

















    font-weight: 800;

















    color: white;

















    margin-bottom: 16px;

















}

















.products2-hero p {

















    font-size: clamp(14px, 2vw, 18px);

















    color: rgba(255, 255, 255, 0.9);

















    margin-bottom: 32px;

















}

















/* Hero Search */

















.hero-search-form {

















    max-width: 600px;

















    margin: 0 auto 40px;

















}

















.search-input-wrapper {

















    display: flex;

















    align-items: center;

















    background: white;

















    border-radius: 50px;

















    padding: 6px 6px 6px 20px;

















    box-shadow: var(--shadow-lg);

















}

















.search-input-wrapper input {

















    flex: 1;

















    border: none;

















    outline: none;

















    padding: 12px 16px;

















    font-size: 16px;

















    background: transparent;

















}

















.search-input-wrapper button {

















    padding: 12px 28px;

















    background: var(--primary-green);

















    color: white;

















    border: none;

















    border-radius: 50px;

















    font-size: 15px;

















    font-weight: 600;

















    cursor: pointer;

















}

















/* Hero Stats */

















.hero-stats {

















    display: flex;

















    justify-content: center;

















    gap: 24px;

















}

















.stat-item {

















    text-align: center;

















    background: rgba(255, 255, 255, 0.15);

















    backdrop-filter: blur(10px);

















    padding: 16px 24px;

















    border-radius: 12px;

















    border: 1px solid rgba(255, 255, 255, 0.2);

















}

















.stat-number {

















    display: block;

















    font-size: 28px;

















    font-weight: 800;

















    color: white;

















}

















.stat-label {

















    font-size: 14px;

















    color: rgba(255, 255, 255, 0.9);

















}

















/* ========================================

















   MAIN CONTAINER

















   ======================================== */

















.products2-container {

















    max-width: 1400px;

















    margin: 0 auto;

















    padding: 30px 20px 60px;

















}

















.products2-layout {

















    display: grid;

















    grid-template-columns: 280px 1fr;

















    gap: 30px;

















}

















/* ========================================

















   MOBILE FILTER BUTTON

















   ======================================== */

















.mobile-filter-btn {

















    display: none;

















    width: 100%;

















    padding: 14px 20px;

















    background: white;

















    border: 2px solid var(--border-gray);

















    border-radius: var(--radius-md);

















    font-size: 15px;

















    font-weight: 600;

















    color: var(--text-dark);

















    cursor: pointer;

















    margin-bottom: 20px;

















    align-items: center;

















    justify-content: center;

















    gap: 10px;

















}

















.mobile-filter-btn .filter-badge {

















    background: var(--primary-green);

















    color: white;

















    padding: 2px 8px;

















    border-radius: 20px;

















    font-size: 12px;

















}

















.filter-overlay2 {

















    display: none;

















    position: fixed;

















    top: 0;

















    left: 0;

















    right: 0;

















    bottom: 0;

















    background: rgba(0, 0, 0, 0.5);

















    z-index: 999;

















}

















.filter-overlay2.active {

















    display: block;

















}

















/* ========================================

















   SIDEBAR FILTERS

















   ======================================== */

















.sidebar-filters2 {

















    position: sticky;

















    top: 160px;

















    align-self: flex-start;

















    z-index: 10;

















}

















.sidebar-header {

















    display: none;

















    justify-content: space-between;

















    align-items: center;

















    padding: 20px;

















    border-bottom: 1px solid var(--border-gray);

















}

















.filter-section2 {

















    background: white;

















    border-radius: var(--radius-lg);

















    box-shadow: var(--shadow-sm);

















    margin-bottom: 16px;

















    overflow: hidden;

















}

















.filter-header {

















    display: flex;

















    justify-content: space-between;

















    align-items: center;

















    padding: 18px 20px;

















    cursor: pointer;

















}

















.filter-header h4 {

















    font-size: 15px;

















    font-weight: 700;

















    margin: 0;

















}

















.filter-content {

















    padding: 0 20px 20px;

















}

















/* Filter Search Box */

















.filter-search-box {

















    position: relative;

















    margin-bottom: 12px;

















}

















.filter-search-box input {

















    width: 100%;

















    padding: 10px 35px 10px 12px;

















    border: 2px solid var(--border-gray);

















    border-radius: 8px;

















    font-size: 13px;

















    transition: var(--transition);

















    background: var(--white);

















}

















.filter-search-box input:focus {

















    outline: none;

















    border-color: var(--primary-green);

















    box-shadow: 0 0 0 3px rgba(62, 166, 53, 0.1);

















}

















.filter-search-box input::placeholder {

















    color: var(--text-muted);

















}

















.filter-search-box svg {

















    position: absolute;

















    right: 10px;

















    top: 50%;

















    transform: translateY(-50%);

















    color: var(--text-muted);

















    pointer-events: none;

















}

















.filter-items-list {

















    max-height: 280px;

















    overflow-y: auto;

















    scrollbar-width: thin;

















    scrollbar-color: var(--primary-green) var(--light-gray);

















}

















.filter-items-list::-webkit-scrollbar {

















    width: 6px;

















}

















.filter-items-list::-webkit-scrollbar-track {

















    background: var(--light-gray);

















    border-radius: 3px;

















}

















.filter-items-list::-webkit-scrollbar-thumb {

















    background: var(--primary-green);

















    border-radius: 3px;

















}

















.filter-items-list::-webkit-scrollbar-thumb:hover {

















    background: var(--dark-green);

















}

















.category-filter-item.hidden,

















.brand-filter-item.hidden {

















    display: none !important;

















}

















.filter-no-results {

















    padding: 15px;

















    text-align: center;

















    color: var(--text-muted);

















    font-size: 13px;

















}

















/* Custom Checkbox */

















.filter-checkbox {

















    display: flex;

















    align-items: center;

















    gap: 12px;

















    padding: 10px 0;

















    cursor: pointer;

















    transition: var(--transition);

















}

















.filter-checkbox:hover {

















    color: var(--primary-green);

















}

















.filter-checkbox input[type="checkbox"] {

















    width: 20px;

















    height: 20px;

















    border: 2px solid var(--border-gray);

















    border-radius: 6px;

















    appearance: none;

















    -webkit-appearance: none;

















    cursor: pointer;

















    position: relative;

















    background: white;

















    transition: var(--transition);

















}

















.filter-checkbox input[type="checkbox"]:checked {

















    background: var(--primary-green);

















    border-color: var(--primary-green);

















}

















.filter-checkbox input[type="checkbox"]:checked::after {

















    content: '✓';

















    color: white;

















    font-size: 14px;

















    font-weight: bold;

















    position: absolute;

















    top: 50%;

















    left: 50%;

















    transform: translate(-50%, -50%);

















}

















.filter-checkbox input[type="checkbox"]:hover {

















    border-color: var(--primary-green);

















}

















.filter-checkbox .checkmark {

















    width: 20px;

















    height: 20px;

















    border: 2px solid var(--border-gray);

















    border-radius: 6px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    transition: var(--transition);

















    flex-shrink: 0;

















}

















.filter-checkbox input:checked + .checkmark {

















    background: var(--primary-green);

















    border-color: var(--primary-green);

















}

















.filter-checkbox input:checked + .checkmark::after {

















    content: '✓';

















    color: white;

















    font-size: 12px;

















    font-weight: bold;

















}

















.filter-checkbox .label-text {

















    flex: 1;

















    font-size: 14px;

















    color: var(--text-dark);

















}

















.filter-checkbox .count {

















    font-size: 12px;

















    color: var(--text-muted);

















    background: var(--light-gray);

















    padding: 2px 8px;

















    border-radius: 20px;

















}

















/* Filter Actions */

















.filter-actions {

















    display: flex;

















    flex-direction: column;

















    gap: 10px;

















}

















.btn-apply-filters,

















.btn-reset-filters {

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    gap: 8px;

















    padding: 14px 20px;

















    border-radius: var(--radius-md);

















    font-size: 14px;

















    font-weight: 600;

















    cursor: pointer;

















}

















.btn-apply-filters {

















    background: var(--primary-green);

















    color: white;

















    border: none;

















}

















.btn-reset-filters {

















    background: white;

















    color: var(--text-dark);

















    border: 2px solid var(--border-gray);

















}

















/* ========================================

















   MAIN CONTENT

















   ======================================== */

















.products2-main {

















    min-width: 0;

















}

















/* Category Pills */

















.category-pills {

















    display: flex;

















    gap: 10px;

















    padding: 20px;

















    background: white;

















    border-radius: var(--radius-lg);

















    box-shadow: var(--shadow-sm);

















    margin-bottom: 20px;

















    overflow-x: auto;

















}

















.pill {

















    display: inline-flex;

















    align-items: center;

















    gap: 6px;

















    padding: 10px 20px;

















    background: var(--light-gray);

















    border-radius: 50px;

















    font-size: 14px;

















    font-weight: 500;

















    color: var(--text-dark);

















    text-decoration: none;

















    white-space: nowrap;

















}

















.pill.active {

















    background: var(--primary-green);

















    color: white;

















}

















/* Controls Bar */

















.controls-bar {

















    display: flex;

















    justify-content: space-between;

















    align-items: center;

















    flex-wrap: wrap;

















    gap: 16px;

















    padding: 16px 20px;

















    background: white;

















    border-radius: var(--radius-lg);

















    box-shadow: var(--shadow-sm);

















    margin-bottom: 24px;

















}

















.results-info .count {

















    font-weight: 700;

















    color: var(--primary-green);

















}

















.controls-actions {

















    display: flex;

















    align-items: center;

















    gap: 12px;

















}

















/* View Switcher */

















.view-switcher {

















    display: flex;

















    background: var(--light-gray);

















    border-radius: var(--radius-sm);

















    padding: 4px;

















}

















.view-btn {

















    width: 40px;

















    height: 40px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: transparent;

















    border: none;

















    border-radius: 6px;

















    cursor: pointer;

















}

















.view-btn.active {

















    background: white;

















    color: var(--primary-green);

















    box-shadow: var(--shadow-sm);

















}

















/* Sort Select */

















.sort-select,

















.per-page-select {

















    border: none !important;

















    padding: 0 !important;

















    background: transparent !important;

















}

















.sort-select select,

















.per-page-select select {

















    padding: 12px 40px 12px 16px;

















    border: 1px solid var(--border-gray);

















    border-radius: var(--radius-sm);

















    font-size: 14px;

















    background: var(--light-gray);

















    appearance: none;

















    cursor: pointer;

















}

















/* ========================================

















   PRODUCTS GRID

















   ======================================== */

















.products2-grid {

















    display: grid;

















    grid-template-columns: repeat(4, 1fr);

















    gap: 24px;

















    margin-bottom: 40px;

















}

















/* List View */

















.products2-grid.list-view {

















    display: flex;

















    flex-direction: column;

















    gap: 12px;

















}

















.products2-grid.list-view .product-card2 {

















    display: flex !important;

















    flex-direction: row !important;

















    align-items: center;

















    padding: 12px 16px;

















    border-radius: 12px;

















    gap: 16px;

















}

















.products2-grid.list-view .product-card2 .card-image {

















    width: 80px !important;

















    height: 80px !important;

















    min-width: 80px !important;

















    max-width: 80px !important;

















    padding-top: 0 !important;

















    border-radius: 8px;

















    overflow: hidden;

















    flex-shrink: 0;

















    position: relative;

















}

















.products2-grid.list-view .product-card2 .card-image img {

















    position: absolute;

















    top: 0;

















    left: 0;

















    width: 100%;

















    height: 100%;

















    object-fit: contain;

















}

















.products2-grid.list-view .product-card2 .card-content {

















    flex: 1;

















    display: flex;

















    flex-direction: column;

















    gap: 4px;

















    padding: 0 !important;

















}

















.products2-grid.list-view .product-card2 .card-title {

















    font-size: 15px;

















    margin: 0;

















    -webkit-line-clamp: 1;

















}

















.products2-grid.list-view .product-card2 .card-price {

















    flex-direction: row;

















    align-items: center;

















    gap: 10px;

















}

















.products2-grid.list-view .product-card2 .card-actions {

















    position: relative !important;

















    opacity: 1 !important;

















    transform: none !important;

















    top: auto !important;

















    right: auto !important;

















    flex-direction: row;

















    gap: 6px;

















    padding: 0;

















    background: transparent !important;

















}

















.products2-grid.list-view .product-card2 .btn-add-cart {

















    white-space: nowrap;

















    padding: 10px 16px;

















    font-size: 13px;

















}

















.btn-add-cart.btn-out-of-stock {

















    opacity: 0.5;

















    cursor: not-allowed;

















    background: #ccc !important;

















}

















.products2-grid.list-view .product-card2:hover {

















    transform: none;

















}

















.products2-grid.list-view .product-card2:hover .card-actions {

















    opacity: 1 !important;

















    transform: none !important;

















}

















.products2-grid.list-view .product-card2 .badge {

















    top: 8px;

















    left: 8px;

















    font-size: 10px;

















    padding: 4px 8px;

















}

















.products2-grid.list-view .product-card2 .card-rating {

















    display: none;

















}

















.products2-grid.list-view .product-card2 .card-category {

















    font-size: 11px;

















}

















@media (max-width: 768px) {

















    .products2-grid.list-view .product-card2 {

















        flex-wrap: wrap;

















    }

















    .products2-grid.list-view .product-card2 .card-image {

















        width: 70px !important;

















        height: 70px !important;

















        min-width: 70px !important;

















    }

















    .products2-grid.list-view .product-card2 .card-actions {

















        display: none;

















    }

















    .products2-grid.list-view .product-card2 .btn-add-cart {

















        width: 100%;

















        margin-top: 8px;

















    }

















}

















/* Product Card */

















.product-card2 {

















    position: relative;

















    background: white;

















    border-radius: var(--radius-lg);

















    overflow: hidden;

















    box-shadow: var(--shadow-sm);

















    cursor: pointer;

















    transition: var(--transition);

















}

















.product-card2:hover {

















    transform: translateY(-8px);

















    box-shadow: var(--shadow-lg);

















}

















.product-card2 .badge {

















    position: absolute;

















    top: 12px;

















    left: 12px;

















    padding: 6px 12px;

















    border-radius: 20px;

















    font-size: 12px;

















    font-weight: 700;

















    z-index: 2;

















}

















.badge-new {

















    background: linear-gradient(135deg, #ff6b6b, #ee5a5a);

















    color: white;

















}

















.badge-discount {

















    background: linear-gradient(135deg, #ffa500, #ff8c00);

















    color: white;

















}

















/* Card Image */

















.card-image {

















    position: relative;

















    padding-top: 100%;

















    background: var(--light-gray);

















    overflow: hidden;

















}

















.card-image img {

















    position: absolute;

















    top: 0;

















    left: 0;

















    width: 100%;

















    height: 100%;

















    object-fit: contain;

















}

















/* Card Content */

















.card-content {

















    padding: 16px;

















}

















.card-category {

















    display: block;

















    font-size: 11px;

















    font-weight: 600;

















    color: var(--primary-green);

















    text-transform: uppercase;

















    margin-bottom: 6px;

















}

















.card-title {

















    font-size: 15px;

















    font-weight: 600;

















    color: var(--text-dark);

















    margin-bottom: 8px;

















    display: -webkit-box;

















    -webkit-line-clamp: 2;

















    -webkit-box-orient: vertical;

















    overflow: hidden;

















}

















/* Card Price */

















.card-price {

















    display: flex;

















    align-items: center;

















    gap: 8px;

















    margin-bottom: 12px;

















}

















.price-current {

















    font-size: 20px;

















    font-weight: 700;

















    color: var(--primary-green);

















}

















.price-old {

















    font-size: 14px;

















    color: var(--text-muted);

















    text-decoration: line-through;

















}

















/* Add to Cart Button */

















.btn-add-cart {

















    width: 100%;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    gap: 8px;

















    padding: 12px;

















    background: var(--primary-green);

















    color: white;

















    border: none;

















    border-radius: var(--radius-sm);

















    font-size: 14px;

















    font-weight: 600;

















    cursor: pointer;

















}

















/* ========================================

















   PAGINATION

















   ======================================== */

















.pagination2 {

















    display: flex;

















    justify-content: center;

















    align-items: center;

















    gap: 8px;

















}

















.page-btn2 {

















    min-width: 44px;

















    height: 44px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: white;

















    border: 2px solid var(--border-gray);

















    border-radius: var(--radius-sm);

















    font-size: 14px;

















    font-weight: 600;

















    text-decoration: none;

















    color: var(--text-dark);

















}

















.page-btn2.active {

















    background: var(--primary-green);

















    border-color: var(--primary-green);

















    color: white;

















}

















/* ========================================

















   RESPONSIVE STYLES

















   ======================================== */

















@media (max-width: 1400px) {

















    .products2-grid {

















        grid-template-columns: repeat(3, 1fr);

















    }

















}

















@media (max-width: 1024px) {

















    .products2-layout {

















        grid-template-columns: 1fr;

















    }

















    .mobile-filter-btn {

















        display: flex;

















    }

















    .sidebar-filters2 {

















        position: fixed;

















        top: 0;

















        left: 0;

















        width: 100%;

















        max-width: 340px;

















        height: 100vh;

















        background: white;

















        z-index: 1001;

















        transform: translateX(-100%);

















        transition: transform 0.3s ease;

















    }

















    .sidebar-filters2.active {

















        transform: translateX(0);

















    }

















    .sidebar-header {

















        display: flex;

















    }

















    .products2-grid {

















        grid-template-columns: repeat(3, 1fr);

















    }

















}

















@media (max-width: 768px) {

















    .products2-hero {

















        padding: 50px 16px 40px;

















    }

















    .hero-stats {

















        gap: 12px;

















        flex-wrap: wrap;

















    }

















    .stat-item {

















        padding: 10px 16px;

















    }

















    .stat-number {

















        font-size: 18px;

















    }

















    .products2-grid {

















        grid-template-columns: repeat(2, 1fr);

















        gap: 12px;

















    }

















    .card-content {

















        padding: 12px;

















    }

















    .card-title {

















        font-size: 13px;

















    }

















    .price-current {

















        font-size: 16px;

















    }

















}

















@media (max-width: 480px) {

















    .products2-hero {

















        padding: 40px 12px 30px;

















    }

















    .products2-container {

















        padding: 16px 8px 30px;

















    }

















    .sidebar-filters2 {

















        max-width: 100%;

















    }

















    .card-content {

















        padding: 10px;

















    }

















    .card-title {

















        font-size: 12px;

















    }

















    .price-current {

















        font-size: 14px;

















    }

















    .btn-add-cart {

















        padding: 8px;

















        font-size: 11px;

















    }

















}

















/* ========================================

















   PRICE RANGE SLIDER

















   ======================================== */

















.price-range-wrapper {

















    padding: 10px 0;

















}

















.price-inputs {

















    display: flex;

















    align-items: center;

















    gap: 10px;

















    margin-bottom: 15px;

















}

















.price-input-group {

















    flex: 1;

















    display: flex;

















    align-items: center;

















    gap: 8px;

















}

















.price-input-group label {

















    font-size: 13px;

















    color: var(--text-muted);

















    font-weight: 500;

















}

















.price-input-group input {

















    width: 100%;

















    min-width: 70px;

















    padding: 10px 12px;

















    border: 2px solid var(--border-gray);

















    border-radius: var(--radius-sm);

















    font-size: 14px;

















    font-weight: 600;

















    text-align: center;

















    transition: var(--transition);

















}

















.price-input-group input:focus {

















    border-color: var(--primary-green);

















    outline: none;

















}

















.price-input-group span {

















    font-size: 14px;

















    color: var(--text-muted);

















}

















.price-separator {

















    font-size: 16px;

















    color: var(--text-muted);

















    font-weight: 600;

















}

















/* Range Slider */

















.price-slider {

















    position: relative;

















    height: 6px;

















    background: var(--border-gray);

















    border-radius: 3px;

















    margin: 20px 0;

















}

















.price-slider .price-track {

















    position: absolute;

















    height: 100%;

















    background: var(--primary-green);

















    border-radius: 3px;

















}

















.price-slider input[type="range"] {

















    position: absolute;

















    width: 100%;

















    height: 6px;

















    background: transparent;

















    pointer-events: none;

















    -webkit-appearance: none;

















    appearance: none;

















}

















.price-slider input[type="range"]::-webkit-slider-thumb {

















    -webkit-appearance: none;

















    width: 20px;

















    height: 20px;

















    background: var(--primary-green);

















    border: 3px solid white;

















    border-radius: 50%;

















    cursor: pointer;

















    pointer-events: auto;

















    box-shadow: 0 2px 8px rgba(62, 166, 53, 0.3);

















    transition: var(--transition);

















}

















.price-slider input[type="range"]::-webkit-slider-thumb:hover {

















    transform: scale(1.1);

















    box-shadow: 0 4px 12px rgba(62, 166, 53, 0.4);

















}

















.price-slider input[type="range"]::-moz-range-thumb {

















    width: 20px;

















    height: 20px;

















    background: var(--primary-green);

















    border: 3px solid white;

















    border-radius: 50%;

















    cursor: pointer;

















    pointer-events: auto;

















    box-shadow: 0 2px 8px rgba(62, 166, 53, 0.3);

















}

















.price-display {

















    display: flex;

















    justify-content: space-between;

















    font-size: 14px;

















    color: var(--text-dark);

















    font-weight: 600;

















}

















/* ========================================

















   PRODUCT CARD ACTIONS (Wishlist, Quick View)

















   ======================================== */

















.card-actions {

















    position: absolute;

















    top: 12px;

















    right: 12px;

















    display: flex;

















    flex-direction: column;

















    gap: 8px;

















    z-index: 3;

















    opacity: 0;

















    transform: translateX(10px);

















    transition: var(--transition);

















}

















.product-card2:hover .card-actions {

















    opacity: 1;

















    transform: translateX(0);

















}

















.action-btn {

















    width: 40px;

















    height: 40px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: white;

















    border: none;

















    border-radius: 50%;

















    cursor: pointer;

















    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

















    transition: var(--transition);

















    color: var(--text-muted);

















}

















.action-btn:hover {

















    background: var(--primary-green);

















    color: white;

















    transform: scale(1.1);

















}

















.action-btn svg {

















    width: 20px;

















    height: 20px;

















}

















.action-btn.wishlist-btn:hover {

















    background: #ff4757;

















    color: white;

















}

















.action-btn.wishlist-btn.active {

















    background: #ff4757;

















    color: white;

















}

















/* ========================================

















   TOAST NOTIFICATION

















   ======================================== */

















.toast-notification {

















    position: fixed;

















    bottom: 30px;

















    left: 50%;

















    transform: translateX(-50%) translateY(100px);

















    background: white;

















    padding: 16px 24px;

















    border-radius: var(--radius-md);

















    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);

















    display: flex;

















    align-items: center;

















    gap: 12px;

















    z-index: 9999;

















    opacity: 0;

















    visibility: hidden;

















    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

















}

















.toast-notification.show {

















    opacity: 1;

















    visibility: visible;

















    transform: translateX(-50%) translateY(0);

















}

















.toast-notification.success {

















    border-left: 4px solid var(--primary-green);

















}

















.toast-notification.error {

















    border-left: 4px solid #ff4757;

















}

















.toast-icon {

















    width: 32px;

















    height: 32px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    border-radius: 50%;

















    flex-shrink: 0;

















}

















.toast-notification.success .toast-icon {

















    background: var(--light-green);

















    color: var(--primary-green);

















}

















.toast-notification.success .toast-icon::before {

















    content: '✓';

















    font-size: 18px;

















    font-weight: bold;

















}

















.toast-notification.error .toast-icon {

















    background: #ffe5e7;

















    color: #ff4757;

















}

















.toast-notification.error .toast-icon::before {

















    content: '✕';

















    font-size: 18px;

















    font-weight: bold;

















}

















.toast-message {

















    font-size: 15px;

















    font-weight: 600;

















    color: var(--text-dark);

















}

















.toast-close {

















    width: 28px;

















    height: 28px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: var(--light-gray);

















    border: none;

















    border-radius: 6px;

















    cursor: pointer;

















    margin-left: 8px;

















    font-size: 16px;

















    color: var(--text-muted);

















    transition: var(--transition);

















}

















.toast-close:hover {

















    background: var(--border-gray);

















    color: var(--text-dark);

















}

















/* ========================================

















   RATING STARS

















   ======================================== */

















.card-rating {

















    display: flex;

















    align-items: center;

















    gap: 6px;

















    margin-bottom: 8px;

















}

















.stars {

















    display: flex;

















    gap: 2px;

















}

















.stars .star {

















    color: #ffc107;

















    font-size: 14px;

















}

















.stars .star.empty {

















    color: var(--border-gray);

















}

















.rating-count {

















    font-size: 12px;

















    color: var(--text-muted);

















}

















/* ========================================

















   EMPTY STATE

















   ======================================== */

















.empty-state {

















    text-align: center;

















    padding: 60px 20px;

















    background: white;

















    border-radius: var(--radius-lg);

















    box-shadow: var(--shadow-sm);

















}

















.empty-state-icon {

















    width: 80px;

















    height: 80px;

















    margin: 0 auto 20px;

















    background: var(--light-gray);

















    border-radius: 50%;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    font-size: 36px;

















}

















.empty-state h3 {

















    font-size: 20px;

















    font-weight: 700;

















    color: var(--text-dark);

















    margin-bottom: 10px;

















}

















.empty-state p {

















    font-size: 15px;

















    color: var(--text-muted);

















    margin-bottom: 20px;

















}

















.empty-state .btn-reset {

















    display: inline-flex;

















    align-items: center;

















    gap: 8px;

















    padding: 12px 24px;

















    background: var(--primary-green);

















    color: white;

















    border: none;

















    border-radius: var(--radius-md);

















    font-size: 14px;

















    font-weight: 600;

















    cursor: pointer;

















    transition: var(--transition);

















}

















.empty-state .btn-reset:hover {

















    background: var(--dark-green);

















}

















/* ========================================

















   LOADING STATE

















   ======================================== */

















.loading-overlay {

















    position: fixed;

















    top: 0;

















    left: 0;

















    right: 0;

















    bottom: 0;

















    background: rgba(255, 255, 255, 0.9);

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    z-index: 9998;

















    opacity: 0;

















    visibility: hidden;

















    transition: var(--transition);

















}

















.loading-overlay.show {

















    opacity: 1;

















    visibility: visible;

















}

















.loading-spinner {

















    width: 50px;

















    height: 50px;

















    border: 4px solid var(--border-gray);

















    border-top-color: var(--primary-green);

















    border-radius: 50%;

















    animation: spin 1s linear infinite;

















}

















@keyframes spin {

















    to {

















        transform: rotate(360deg);

















    }

















}

















/* ========================================

















   ACTION BUTTONS (action-btn2)

















   ======================================== */

















.action-btn2 {

















    width: 40px;

















    height: 40px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: white;

















    border: none;

















    border-radius: 50%;

















    cursor: pointer;

















    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

















    transition: var(--transition);

















    color: var(--text-muted);

















}

















.action-btn2:hover {

















    background: var(--primary-green);

















    color: white;

















    transform: scale(1.1);

















}

















.action-btn2 svg {

















    width: 18px;

















    height: 18px;

















}

















.action-btn2.favorite-btn:hover,

















.action-btn2.favorite-btn.active {

















    background: #ff4757;

















    color: white;

















}

















.action-btn2.quickview-btn:hover {

















    background: var(--primary-green);

















    color: white;

















}

















/* ========================================

















   PRICE RANGE INPUTS (Alternative Style)

















   ======================================== */

















.price-range-inputs {

















    display: flex;

















    flex-wrap: wrap;

















    align-items: center;

















    gap: 8px;

















    margin-bottom: 15px;

















}

















.price-range-inputs .price-input-group {

















    flex: 1;

















    min-width: 100px;

















    display: flex;

















    align-items: center;

















    gap: 6px;

















}

















.price-range-inputs .price-input-group label {

















    font-size: 13px;

















    color: var(--text-muted);

















    font-weight: 500;

















    min-width: 28px;

















}

















.price-range-inputs .price-input-group input {

















    flex: 1;

















    min-width: 50px;

















    max-width: 80px;

















    padding: 8px 6px;

















    border: 2px solid var(--border-gray);

















    border-radius: var(--radius-sm);

















    font-size: 13px;

















    font-weight: 600;

















    text-align: center;

















    transition: var(--transition);

















    background: white;

















}

















.price-range-inputs .price-input-group input:focus {

















    border-color: var(--primary-green);

















    outline: none;

















    box-shadow: 0 0 0 3px rgba(62, 166, 53, 0.1);

















}

















.price-range-inputs .price-input-group span {

















    font-size: 13px;

















    color: var(--text-muted);

















    font-weight: 500;

















}

















.price-range-inputs .price-separator {

















    font-size: 14px;

















    color: var(--text-muted);

















    padding: 0 2px;

















}

















    font-size: 16px;

















    color: var(--text-muted);

















    font-weight: 600;

















}

















/* Dual Range Slider */

















.price-range-slider {

















    position: relative;

















    height: 6px;

















    margin: 20px 0 10px;

















    border-radius: 3px;

















}

















.price-range-slider .price-track {

















    position: absolute;

















    top: 0;

















    left: 0;

















    right: 0;

















    height: 6px;

















    background: #e0e0e0;

















    border-radius: 3px;

















    z-index: 0;

















}

















.price-range-slider input[type="range"] {

















    position: absolute;

















    top: -7px;

















    width: 100%;

















    height: 20px;

















    background: transparent;

















    pointer-events: none;

















    -webkit-appearance: none;

















    appearance: none;

















}

















.price-range-slider input[type="range"]::-webkit-slider-thumb {

















    -webkit-appearance: none;

















    width: 20px;

















    height: 20px;

















    background: var(--primary-green);

















    border: 3px solid white;

















    border-radius: 50%;

















    cursor: pointer;

















    pointer-events: auto;

















    box-shadow: 0 2px 8px rgba(62, 166, 53, 0.3);

















    transition: transform 0.15s, box-shadow 0.15s;

















}

















.price-range-slider input[type="range"]::-webkit-slider-thumb:hover {

















    transform: scale(1.15);

















    box-shadow: 0 4px 12px rgba(62, 166, 53, 0.4);

















}

















.price-range-slider input[type="range"]::-moz-range-thumb {

















    width: 20px;

















    height: 20px;

















    background: var(--primary-green);

















    border: 3px solid white;

















    border-radius: 50%;

















    cursor: pointer;

















    pointer-events: auto;

















    box-shadow: 0 2px 8px rgba(62, 166, 53, 0.3);

















}

















.price-range-slider .slider-min {

















    z-index: 2;

















}

















.price-range-slider .slider-max {

















    z-index: 1;

















}

















.price-labels {

















    display: flex;

















    justify-content: space-between;

















    margin-top: 8px;

















    font-size: 13px;

















    color: var(--text-muted);

















    font-weight: 500;

















}

















/* ========================================

















   TOAST CONTAINER (Alternative)

















   ======================================== */

















.toast-container {

















    position: fixed;

















    bottom: 30px;

















    left: 50%;

















    transform: translateX(-50%);

















    z-index: 9999;

















}

















.toast {

















    display: flex;

















    align-items: center;

















    gap: 12px;

















    padding: 16px 24px;

















    background: white;

















    border-radius: var(--radius-md);

















    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);

















    border-left: 4px solid var(--primary-green);

















    opacity: 0;

















    visibility: hidden;

















    transform: translateY(20px);

















    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

















}

















.toast.show {

















    opacity: 1;

















    visibility: visible;

















    transform: translateY(0);

















}

















.toast .toast-icon {

















    width: 32px;

















    height: 32px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: var(--light-green);

















    border-radius: 50%;

















    color: var(--primary-green);

















    flex-shrink: 0;

















}

















.toast .toast-message {

















    font-size: 15px;

















    font-weight: 600;

















    color: var(--text-dark);

















}

















.toast .toast-close {

















    width: 28px;

















    height: 28px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: var(--light-gray);

















    border: none;

















    border-radius: 6px;

















    cursor: pointer;

















    margin-left: 8px;

















    font-size: 16px;

















    color: var(--text-muted);

















    transition: var(--transition);

















}

















.toast .toast-close:hover {

















    background: var(--border-gray);

















    color: var(--text-dark);

















}

















/* ========================================

















   RATING STARS (Alternative)

















   ======================================== */

















.card-rating .stars {

















    display: flex;

















    gap: 1px;

















}

















.card-rating .stars .star {

















    color: #ffc107;

















    font-size: 14px;

















}

















.card-rating .stars .star.filled {

















    color: #ffc107;

















}

















.card-rating .stars .star.half {

















    color: #ffc107;

















    opacity: 0.7;

















}

















.card-rating .review-count {

















    font-size: 12px;

















    color: var(--text-muted);

















    margin-left: 6px;

















}

















/* Rating Filter Stars */

















.rating-filter .stars {

















    color: #ffc107;

















    font-size: 14px;

















    letter-spacing: 1px;

















}

















.rating-filter .rating-text {

















    font-size: 13px;

















    color: var(--text-muted);

















    margin-left: auto;

















}

















/* ========================================

















   EMPTY STATE 2

















   ======================================== */

















.empty-state2 {

















    grid-column: 1 / -1;

















    text-align: center;

















    padding: 60px 20px;

















    background: white;

















    border-radius: var(--radius-lg);

















    box-shadow: var(--shadow-sm);

















}

















.empty-state2 .empty-icon {

















    width: 100px;

















    height: 100px;

















    margin: 0 auto 24px;

















    background: var(--light-gray);

















    border-radius: 50%;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    color: var(--text-muted);

















}

















.empty-state2 h3 {

















    font-size: 22px;

















    font-weight: 700;

















    color: var(--text-dark);

















    margin-bottom: 12px;

















}

















.empty-state2 p {

















    font-size: 15px;

















    color: var(--text-muted);

















    margin-bottom: 24px;

















}

















.empty-state2 .btn-reset-search {

















    display: inline-flex;

















    align-items: center;

















    gap: 8px;

















    padding: 14px 28px;

















    background: var(--primary-green);

















    color: white;

















    border: none;

















    border-radius: var(--radius-md);

















    font-size: 15px;

















    font-weight: 600;

















    cursor: pointer;

















    transition: var(--transition);

















}

















.empty-state2 .btn-reset-search:hover {

















    background: var(--dark-green);

















    transform: translateY(-2px);

















}

















/* ========================================

















   FILTERED BADGE

















   ======================================== */

















.filtered-badge {

















    display: inline-block;

















    padding: 4px 10px;

















    background: var(--light-green);

















    color: var(--primary-green);

















    font-size: 12px;

















    font-weight: 600;

















    border-radius: 20px;

















    margin-left: 8px;

















}

















/* ========================================

















   PAGE DOTS

















   ======================================== */

















.page-dots {

















    padding: 0 8px;

















    color: var(--text-muted);

















    font-size: 14px;

















}

















/* ========================================

















   QUICK FILTERS (Stokta Var, İndirimli, Yeni)

















   ======================================== */

















.quick-filter {

















    padding: 10px 12px;

















    background: var(--light-gray);

















    border-radius: var(--radius-sm);

















    margin-bottom: 8px;

















    transition: var(--transition);

















}

















.quick-filter:hover {

















    background: var(--light-green);

















}

















.quick-filter:last-child {

















    margin-bottom: 0;

















}

















.quick-filter .filter-icon {

















    width: 28px;

















    height: 28px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    border-radius: 6px;

















    margin-right: 10px;

















    flex-shrink: 0;

















}

















.quick-filter .stock-icon {

















    background: #e8f5e9;

















    color: #4caf50;

















}

















.quick-filter .sale-icon {

















    background: #fff3e0;

















    color: #ff9800;

















}

















.quick-filter .new-icon {

















    background: #e3f2fd;

















    color: #2196f3;

















}

















.quick-filter input:checked ~ .stock-icon {

















    background: #4caf50;

















    color: white;

















}

















.quick-filter input:checked ~ .sale-icon {

















    background: #ff9800;

















    color: white;

















}

















.quick-filter input:checked ~ .new-icon {

















    background: #2196f3;

















    color: white;

















}

















/* Active Filter Tags */

















.active-filters-bar {

















    display: flex;

















    flex-wrap: wrap;

















    gap: 8px;

















    margin-bottom: 16px;

















    padding: 12px;

















    background: var(--light-gray);

















    border-radius: var(--radius-sm);

















}

















.active-filter-tag {

















    display: inline-flex;

















    align-items: center;

















    gap: 6px;

















    padding: 6px 12px;

















    background: white;

















    border: 1px solid var(--border-gray);

















    border-radius: 20px;

















    font-size: 13px;

















    color: var(--text-dark);

















}

















.active-filter-tag .remove-filter {

















    width: 18px;

















    height: 18px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    background: var(--light-gray);

















    border: none;

















    border-radius: 50%;

















    cursor: pointer;

















    font-size: 12px;

















    color: var(--text-muted);

















    transition: var(--transition);

















}

















.active-filter-tag .remove-filter:hover {

















    background: #ff4757;

















    color: white;

















}

















.clear-all-filters {

















    padding: 6px 12px;

















    background: transparent;

















    border: 1px dashed var(--text-muted);

















    border-radius: 20px;

















    font-size: 13px;

















    color: var(--text-muted);

















    cursor: pointer;

















    transition: var(--transition);

















}

















.clear-all-filters:hover {

















    border-color: #ff4757;

















    color: #ff4757;

















}

















/* Alt Marka Filtreleri */

















.brand-filter-item {

















    margin-bottom: 5px;

















}

















.brand-filter-item.has-children > .filter-checkbox {

















    font-weight: 600;

















}

















.sub-brands-filter {

















    margin-left: 25px;

















    padding-left: 10px;

















    border-left: 2px solid #e9ecef;

















    margin-top: 5px;

















}

















.sub-brands-filter .filter-checkbox.sub-brand {

















    padding: 6px 10px;

















    font-size: 13px;

















}

















.sub-brands-filter .filter-checkbox.sub-brand .label-text {

















    font-size: 13px;

















}

















.sub-brands-filter .filter-checkbox.sub-brand .count {

















    font-size: 11px;

















}

















/* Hierarchical Category Filter Styles */

















.category-filter-item {

















    margin-bottom: 2px;

















}

















.category-filter-item .category-header {

















    display: flex;

















    align-items: center;

















    gap: 4px;

















}

















.category-filter-item .category-header .filter-checkbox {

















    flex: 1;

















}

















.category-filter-item .category-toggle {

















    width: 24px;

















    height: 24px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    cursor: pointer;

















    color: #666;

















    transition: transform 0.2s ease;

















    flex-shrink: 0;

















    order: 2;

















    margin-left: auto;

















}

















.category-filter-item.expanded .category-toggle {

















    transform: rotate(180deg);

















}

















.category-filter-item .category-toggle:hover {

















    color: var(--primary-green);

















}

















.category-filter-item.has-children > .category-header > .filter-checkbox {

















    font-weight: 600;

















}

















.sub-categories-filter {

















    margin-left: 25px;

















    padding-left: 10px;

















    border-left: 2px solid #e9ecef;

















    margin-top: 5px;

















    display: none;

















    overflow: hidden;

















}

















.category-filter-item.expanded .sub-categories-filter {

















    display: block;

















}





.sub-category-item {





    position: relative;





}











.sub-category-header {





    display: flex;





    align-items: center;





    gap: 4px;





}











.sub-category-header .filter-checkbox {





    flex: 1;





}











.sub-category-toggle {





    cursor: pointer;





    padding: 4px;





    display: flex;





    align-items: center;





    justify-content: center;





    transition: transform 0.2s ease;





    color: #999;





    flex-shrink: 0;





}











.sub-category-toggle:hover {





    color: #333;





}











.sub-category-toggle svg {





    transition: transform 0.2s ease;





    transform: rotate(-90deg);





}











.sub-category-item.expanded > .sub-category-header .sub-category-toggle svg {





    transform: rotate(0deg);





}











.category-filter-item.expanded .sub-category-item > .sub-categories-filter {





    display: none;





}











.category-filter-item.expanded .sub-category-item.expanded > .sub-categories-filter {





    display: block;





}

















.sub-categories-filter .filter-checkbox.sub-category {

















    padding: 6px 10px;

















    font-size: 13px;

















}

















.sub-categories-filter .filter-checkbox.sub-category .label-text {

















    font-size: 13px;

















}

















.sub-categories-filter .filter-checkbox.sub-category .count {

















    font-size: 11px;

















}

















/* ========================================

















   GAZZE MARKET - PRICE RANGE SLIDER

















   Unique class names to avoid conflicts

















   ======================================== */

















.gm-price-inputs {

















    display: flex;

















    align-items: center;

















    gap: 8px;

















    margin-bottom: 15px;

















}

















.gm-price-field {

















    flex: 1;

















    display: flex;

















    align-items: center;

















    gap: 4px;

















    min-width: 0;

















}

















.gm-price-field label {

















    font-size: 13px;

















    color: var(--text-muted);

















    font-weight: 500;

















    flex-shrink: 0;

















}

















.gm-price-field input {

















    flex: 1;

















    min-width: 0;

















    width: 100%;

















    padding: 8px 4px;

















    border: 2px solid var(--border-gray);

















    border-radius: 8px;

















    font-size: 13px;

















    font-weight: 600;

















    text-align: center;

















    transition: border-color 0.2s ease;

















}

















.gm-price-field input:focus {

















    border-color: var(--primary-green);

















    outline: none;

















}

















.gm-price-field span {

















    font-size: 13px;

















    color: var(--text-muted);

















    flex-shrink: 0;

















}

















.gm-price-sep {

















    font-size: 14px;

















    color: var(--text-muted);

















    font-weight: 600;

















    flex-shrink: 0;

















}

















/* Range Slider Container */

















.gm-range-slider {

















    position: relative;

















    height: 6px;

















    margin: 20px 0 10px;

















    border-radius: 3px;

















}

















/* Track Background */

















.gm-range-track {

















    position: absolute;

















    top: 0;

















    left: 0;

















    right: 0;

















    height: 6px;

















    background: #e0e0e0;

















    border-radius: 3px;

















    z-index: 1;

















}

















/* Range Inputs */

















.gm-range-slider input[type="range"] {

















    position: absolute;

















    top: -7px;

















    left: 0;

















    width: 100%;

















    height: 20px;

















    background: transparent;

















    pointer-events: none;

















    -webkit-appearance: none;

















    appearance: none;

















    z-index: 2;

















}

















/* Webkit Thumb */

















.gm-range-slider input[type="range"]::-webkit-slider-thumb {

















    -webkit-appearance: none;

















    width: 20px;

















    height: 20px;

















    background: var(--primary-green);

















    border: 3px solid white;

















    border-radius: 50%;

















    cursor: pointer;

















    pointer-events: auto;

















    box-shadow: 0 2px 6px rgba(62, 166, 53, 0.3);

















    transition: transform 0.2s ease, box-shadow 0.2s ease;

















}

















.gm-range-slider input[type="range"]::-webkit-slider-thumb:hover {

















    transform: scale(1.15);

















    box-shadow: 0 3px 10px rgba(62, 166, 53, 0.4);

















}

















/* Firefox Thumb */

















.gm-range-slider input[type="range"]::-moz-range-thumb {

















    width: 20px;

















    height: 20px;

















    background: var(--primary-green);

















    border: 3px solid white;

















    border-radius: 50%;

















    cursor: pointer;

















    pointer-events: auto;

















    box-shadow: 0 2px 6px rgba(62, 166, 53, 0.3);

















}

















/* Z-index for overlapping thumbs */

















.gm-range-min {

















    z-index: 3;

















}

















.gm-range-max {

















    z-index: 2;

















}

















/* Price Labels */

















.gm-price-labels {

















    display: flex;

















    justify-content: space-between;

















    font-size: 13px;

















    color: var(--text-muted);

















    font-weight: 500;

















    margin-top: 5px;

















}

















/* Product Warning Badge - �r�nler Sayfas� */

















.card-image {

















    position: relative;

















}

















.card-image .product-warning-badge {

















    position: absolute;

















    bottom: 8px;

















    left: 10px;

















    right: 10px;

















    display: flex;

















    align-items: flex-start;

















    gap: 4px;

















    background: rgba(220, 53, 69, 0.95);

















    color: white;

















    padding: 4px 8px;

















    border-radius: 8px;

















    font-size: 14px;

















    font-weight: 600;

















    z-index: 5;

















    white-space: normal;

















    text-align: left;

















    line-height: 1.2;

















    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.4);

















}

















.card-image .product-warning-badge svg {

















    flex-shrink: 0;

















    margin-top: 1px;

















    width: 12px;

















    height: 12px;

















}

















.card-image .product-warning-badge span {

















    word-wrap: break-word;

















}

















@media (max-width: 768px) {

















    .card-image .product-warning-badge {

















        font-size: 12px;

















        padding: 3px 6px;

















        gap: 3px;

















        left: 5px;

















        right: 5px;

















    }

















    .card-image .product-warning-badge svg {

















        width: 10px;

















        height: 10px;

















    }

















}

















/* ========================================





   TOOLBAR RESPONSIVE FIX





   ======================================== */





@media (max-width: 992px) {





    .controls-actions {





        flex-wrap: wrap;





        gap: 8px;





    }











    .sort-select,





    .per-page-select {





        flex: 1;





        min-width: 120px;





    }











    .sort-select select,





    .per-page-select select {





        width: 100%;





        font-size: 13px;





        padding: 10px 32px 10px 12px;





    }





}











@media (max-width: 576px) {





    .products2-controls {





        flex-direction: column;





        align-items: stretch;





        gap: 12px;





    }











    .results-info {





        text-align: center;





    }











    .controls-actions {





        justify-content: space-between;





    }











    .view-switcher {





        order: -1;





    }











    .sort-select,





    .per-page-select {





        flex: 1;





        min-width: 0;





    }











    .sort-select select,





    .per-page-select select {





        font-size: 12px;





        padding: 8px 28px 8px 10px;





    }





}