/*!
Theme Name: PDF Kitap
Theme URI: http://underscores.me/
Author: HiddenATM
Author URI: https://hiddencodes.com/
Description: PDF kitap indirme ve kitap arama sitesi için özel WordPress teması!
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hidden-book
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, pdf, kitap, book, download

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

PDF Kitap is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.card-image img {
    width: 100%;
    object-fit: fill;
    height: 100%;
}

@media only screen and (max-width: 600px) {
    .card-image img {
        object-fit: contain;
    }
}

.product-card h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card .card-image {
    width: 250px;
    height: 343px;
    overflow: hidden;
    margin-bottom: 10px;
}

.download-section {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.download-button {
    border-radius: 0px !important;
    width: 100%;
    margin: 4px;
    margin-bottom: 0px;
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    background-color: var(--button-color, var(--primary-color)) !important;
    color: white;
}

.btn-outline-secondary {
    border-color: rgba(108, 117, 125, 0.27);
    background-color: var(--secondary-bg-color, #f9f9f9);
}

.special-card {
    min-height: 300px !important;
    max-height: 100% !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    height: 100% !important;
}

.special-card img {
    height: auto !important;
    width: auto !important;
    object-fit: cover;
    text-align: center;
    margin: auto;
}

.site-footer {
    padding-top: 10px;
    border-top: 1px solid var(--border-color, var(--border-secondary-color));
}

/* Footer menu links spacing */
.footer-list li {
    margin-bottom: 5px;
}

.footer-list li a {
    padding: 3px 0;
    line-height: 1.2;
    display: block;
}

/* Footer logo spacing */
.brand-footer {
    margin-bottom: 10px !important;
}

.table-green {
    color: white;
    background-color: var(--primary-color, var(--primary-color))
}

table>tbody>tr>td>a {
    color: var(--link-color, var(--primary-color)) !important;
}


.text-green {
    color: var(--primary-color, var(--primary-color))
}

.text-green-force {
    color: var(--primary-color, var(--primary-color)) !important
}


/*======================
    404 page
=======================*/

.page_404 {
    padding: 40px 0;
    background: var(--background-color);
}

.page_404 img {
    width: 100%;
}

.four_zero_four_bg {
    background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
}

.four_zero_four_bg h1 {
    font-size: 80px;
}

.four_zero_four_bg h3 {
    font-size: 80px;
}

.link_404 {
    color: #fff!important;
    padding: 10px 20px;
    background: var(--secondary-color, var(--secondary-color));
    margin: 20px 0;
    display: inline-block;
}

.contant_box_404 {
    margin-top: -50px;
}

.bulten-head {
    font-weight: 600;
    font-size: 15px;
}

.download-single {
    background-color: var(--button-color, var(--primary-color));
    color: white;
}

.download-single:focus {
    background-color: var(--button-secondary-color) !important;
}

.single-page-poster {
    width: auto !important;
    height: auto;
    margin: auto;
    display: flex;
}

.submit-comment-single {
    width: max-content !important;
}

.card-image {
    display: block;
}

.product-card{
    margin-left: 15px;
}

.slick-track{
    display: flex;
}

.readmore{
    color: var(--primary-color, var(--primary-color));
    font-weight: 500;
}

.readmore-padding{
    padding-bottom: 25px;
}

.grid-fly {
    margin: 30px auto;
    padding: 0 10px;
    width: 100%;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 0.5em;
}

/* Tema renk hatalarını düzeltmek için ek CSS */
.main-menu .nav-link.active {
    color: var(--primary-color, var(--primary-color)) !important;
}





/* Blog yazıları için görsel boyut sınırlaması */
.blog-featured-image img,
.blog-featured-img {
    max-height: 500px !important;
    width: auto !important;
    object-fit: cover;
}

.related-post-img {
    height: 200px;
    object-fit: cover;
}

/* Admin thumbnail styles */
.admin-thumbnail {
    width: 130px;
    height: auto;
}

/* Aktif menü item renk düzeltmesi */
.main-menu .menu-item.current-menu-item .nav-link,
.main-menu .menu-item.current_page_item .nav-link,
.main-menu .menu-item.current-post-ancestor .nav-link {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

/* Hover durumlarında renk tutarlılığı */

/* Sponsor section styles */
.sponsor-section-title {
    text-align: center;
}

.sponsor-title {
    font-weight: bold;
    color: var(--secondary-color, var(--secondary-color));
    font-size: 2rem;
    letter-spacing: 1px;
}

.sponsor-container {
    display: flex;
    justify-content: center;
}

.sponsor-box {
    border: 2px solid var(--secondary-color, var(--secondary-color));
    border-radius: 32px;
    box-shadow: 0 4px 18px 0 rgba(22,112,58,0.11);
    width: 100%;
    flex-shrink: 0;
    padding: 36px 28px 28px 28px;
    text-align: center;
    position: relative;
    background: white;
}

.sponsor-buttons {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.sponsor-button {
    font-size: 1.14rem;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    background-color: #00629B !important;
    border: 2px solid #ffffff !important;
    color: white !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 98, 155, 0.2);
}

.sponsor-button:hover {
    background-color: #004d7a !important;
    border: 2px solid #ffffff !important;
    color: white !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 98, 155, 0.3);
}

.sponsor-button:focus {
    background-color: #004d7a !important;
    border: 2px solid #ffffff !important;
    color: white !important;
    box-shadow: 0 0 0 3px rgba(0, 98, 155, 0.25);
}

.sponsor-button-primary {
    background-color: #00629B !important;
    border: 2px solid #ffffff !important;
    color: white !important;
}

.sponsor-button-secondary {
    background-color: #00629B !important;
    border: 2px solid #ffffff !important;
    color: white !important;
}

/* Improved Tab Section Styling */
.section-padding {
    padding: 60px 0;
    background: var(--background-color, #f8f9fa);
}

.sb-custom-tab {
    position: relative;
}

.sb-custom-tab .nav-tabs {
    border: none !important;
    background: #fff;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-bottom: 40px !important;
    justify-content: center;
}

.sb-custom-tab .nav-item {
    margin: 0 4px;
    flex: 1;
    max-width: 250px;
}

/* Hide entire tab navigation */
.sb-custom-tab .nav-tabs {
    display: none !important;
}

/* Add section title instead of tabs */
.sb-custom-tab::before {
    content: "En Popüler Kitaplar";
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: var(--text-color, #333);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--primary-color, #28a745);
    position: relative;
}

.sb-custom-tab::before::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: var(--primary-color, #28a745);
}

/* Ensure slider functionality is not affected - more specific targeting */
.product-slider .slick-track,
.product-slider .slick-slide,
.product-slider .slick-list {
    pointer-events: auto !important;
}

/* Only disable pointer events on the title area */
.sb-custom-tab::before {
    pointer-events: none;
    cursor: default;
}

.sb-custom-tab .nav-link {
    border: none !important;
    background: transparent !important;
    color: var(--text-color, #333) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 16px 24px !important;
    border-radius: 8px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

.sb-custom-tab .nav-link:hover {
    background: rgba(40, 167, 69, 0.1) !important;
    color: var(--primary-color, #28a745) !important;
}

.sb-custom-tab .nav-link.active {
    background: var(--primary-color, #28a745) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

.sb-custom-tab .nav-link.active:hover {
    background: var(--primary-color, #28a745) !important;
    color: #fff !important;
}

.arrow-icon {
    display: none !important;
}

/* Improved Product Slider */
.product-slider {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.product-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.product-slider .slick-slide {
    height: auto;
    margin: 0 8px;
}

.product-slider .slick-slide > div {
    height: 100%;
}

/* Remove conflicting margin for multi-row sliders - let main.css handle it */
.product-slider.multiple-row .slick-slide {
    margin: 0 8px;
}

/* Ensure multi-row slider layout works properly */
.product-slider.multiple-row .slick-track {
    display: flex !important;
    flex-wrap: wrap !important;
}

.product-slider.multiple-row .slick-slide {
    flex: 0 0 auto !important;
    width: auto !important;
}

/* Force second row visibility */
.product-slider.multiple-row .slick-track::after {
    content: '';
    display: table;
    clear: both;
}

.product-slider.multiple-row .single-slide {
    float: left;
    margin-top: 40px !important;
    margin-bottom: 0 !important;
}

/* Ensure proper height calculation for multi-row slider */
.product-slider.multiple-row {
    min-height: 600px;
}

.product-slider.multiple-row .slick-list {
    min-height: 600px;
}

/* Additional fix for multi-row slider second row visibility */
.product-slider.multiple-row .slick-track {
    width: 100% !important;
    display: block !important;
}

.product-slider.multiple-row .slick-slide {
    display: inline-block !important;
    vertical-align: top !important;
}

/* Fix main product slider scroll issue */
.product-slider.multiple-row.slider-border-multiple-row.sb-slick-slider .slick-list,
.product-slider.slider-border-multiple-row .slick-list {
    overflow: visible !important;
    width: 100% !important;
}

.product-slider.multiple-row.slider-border-multiple-row.sb-slick-slider .slick-track,
.product-slider.slider-border-multiple-row .slick-track {
    width: 100% !important;
    display: block !important;
    transform: none !important;
}

.product-slider.multiple-row.slider-border-multiple-row.sb-slick-slider .slick-slide,
.product-slider.slider-border-multiple-row .slick-slide {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
    float: none !important;
}

/* Fix Bilim & Mühendislik slider display */
.single-block.bg-white .product-slider.sb-slick-slider .slick-list,
.single-block .product-slider.sb-slick-slider .slick-list {
    overflow: visible !important;
    width: 100% !important;
}

.single-block.bg-white .product-slider.sb-slick-slider .slick-track,
.single-block .product-slider.sb-slick-slider .slick-track {
    width: 100% !important;
    display: block !important;
    transform: none !important;
}

.single-block.bg-white .product-slider.sb-slick-slider .slick-slide,
.single-block .product-slider.sb-slick-slider .slick-slide {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
    float: none !important;
}

.single-block.bg-white .product-slider.sb-slick-slider .single-slide,
.single-block .product-slider.sb-slick-slider .single-slide {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
}

.single-block.bg-white .product-slider.sb-slick-slider .product-card,
.single-block .product-slider.sb-slick-slider .product-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
}

/* Ensure single slide display for main slider */
.product-slider.multiple-row.slider-border-multiple-row.sb-slick-slider.slick-initialized .slick-track,
.product-slider.slider-border-multiple-row.slick-initialized .slick-track {
    display: block !important;
    width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
}

/* Force slider recalculation */
.product-slider.multiple-row.slick-initialized .slick-track {
    transform: translate3d(0, 0, 0) !important;
}

/* Single row slider adjustments */
.product-slider:not(.multiple-row) .slick-slide {
    margin: 0 8px;
}

.product-slider:not(.multiple-row) .single-slide {
    margin-top: 0 !important;
}

/* Center all book sections */
.product-slider.grid-fly,
.product-slider.multiple-row,
.product-slider:not(.multiple-row) {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.product-slider.grid-fly .single-slide,
.product-slider.multiple-row .single-slide,
.product-slider:not(.multiple-row) .single-slide {
    display: inline-block;
    float: none;
    margin: 0 auto;
    /* width: 250px; */
}

/* Fix multiple row slider layout */
.product-slider.multiple-row .slick-track {
    display: block !important;
    width: 100% !important;
}

.product-slider.multiple-row .slick-slide {
    float: left;
    /* width: 250px !important; */
    margin: 0 10px 20px 0;
}

.product-slider.multiple-row .slick-slide:nth-child(4n) {
    margin-right: 0;
}

/* Fix single row slider layout */
.product-slider:not(.multiple-row) .slick-track {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.product-slider:not(.multiple-row) .slick-slide {
    width: 250px !important;
    margin: 0 10px;
}

/* Fix grid layout centering */
.grid-fly {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-items: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.grid-fly .single-slide {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

/* Ensure the first section grid works properly */
.section-margin .container .grid-fly {
    width: 100%;
    box-sizing: border-box;
}

/* Fix any potential issues with the first section */
.section-margin .product-slider.grid-fly {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Standardize all book cover images to 250px width */
.product-card .card-image {
    width: 220px !important;
    height: 343px !important;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.product-card .card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* Ensure consistent card sizing across all sections */
.product-card {
    width: 250px;
    margin: 0 auto 30px;
    text-align: center;
}

.product-card .product-card--body {
    padding: 15px;
    min-width: 250px;
}

/* Fix layout issues and ensure proper spacing */
.section-margin,
.section-padding {
    clear: both;
    overflow: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Fix slider layout issues */
.product-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.product-slider .slick-slide {
    height: auto;
    display: flex;
}

.product-slider .slick-slide > div {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Ensure consistent spacing between sections */
.section-margin {
    margin-bottom: 60px;
}

.section-padding {
    padding: 60px 0;
}

/* Fix any overlapping issues */
* {
    box-sizing: border-box;
}

/* Ensure proper section separation */
main#primary > section {
    clear: both;
    overflow: hidden;
    margin-bottom: 60px;
}

main#primary > section:last-child {
    margin-bottom: 0;
}

/* Minimize all section padding and margins */
.section-margin {
    margin: 15px 0;
    padding: 0;
}

.section-padding {
    padding: 15px 0;
    margin: 0;
}

.section-padding.pb-4 {
    padding-bottom: 10px;
}

/* Minimize container padding */
.container {
    padding-left: 10px;
    padding-right: 10px;
}

/* Minimize main container spacing */
main#primary section .container {
    padding: 0 10px;
}

/* Reduce spacing between sections */
main#primary > section {
    margin-bottom: 15px;
}

main#primary > section:last-child {
    margin-bottom: 0;
}

/* Minimize product card spacing */
.product-card {
    margin-bottom: 10px;
}

.product-card .product-card--body {
    padding: 10px;
    min-width: 250px;
}

/* Reduce grid gap */
.grid-fly {
    gap: 10px;
    padding: 10px 5px;
}

/* Minimize slider spacing */
.product-slider .slick-slide {
    margin: 0 5px;
}

.product-slider:not(.multiple-row) .slick-slide {
    /* width: 250px !important; */
    margin: 0 5px;
}

/* Ensure proper container spacing */
.container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Fix any layout issues with the sections */
.bg-gray.section-padding-top.section-padding-bottom.section-margin {
    margin: 10px 0;
    padding: 10px 0;
}

/* Ensure clean layout for all sections */
main#primary {
    overflow: hidden;
}

/* Fix any potential overlapping */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Ensure proper alignment for all book cards */
.product-card {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

/* Fix any issues with the download buttons */
.download-button {
    display: inline-block;
    margin: 5px;
    padding: 8px 15px;
    font-size: 12px;
    border-radius: 3px;
}

/* Ensure consistent button styling */
.btn-outline-secondary {
    border-color: var(--border-secondary-color, #dee2e6);
    color: var(--text-color, #333);
}

.btn-outline-secondary:hover {
    background-color: var(--primary-color, #28a745);
    border-color: var(--primary-color, #28a745);
    color: white;
}

/* ===== SPONSORED BOOKS SECTION - COMPLETELY NEW DESIGN ===== */

/* Sponsored Section Container */
.sponsored-books-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    position: relative;
    overflow: hidden;
}

.sponsored-books-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.15"/><circle cx="10" cy="50" r="0.5" fill="%23ffffff" opacity="0.15"/><circle cx="90" cy="50" r="0.5" fill="%23ffffff" opacity="0.15"/><circle cx="50" cy="90" r="0.5" fill="%23ffffff" opacity="0.15"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    pointer-events: none;
}

/* Sponsored Header */
.sponsored-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.sponsored-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    padding: 8px 20px;
    margin-bottom: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.sponsored-star {
    font-size: 16px;
    margin-right: 8px;
    animation: sparkle 2s ease-in-out infinite;
}

.sponsored-text {
    font-size: 12px;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sponsored-title {
    font-size: 28px;
    font-weight: 800;
    color: white;
    margin: 0 0 8px 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: -0.5px;
}

.sponsored-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    font-weight: 400;
}

/* Sponsored Books Grid */
.sponsored-books-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 2;
}

/* Sponsored Book Card */
.sponsored-book-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.sponsored-book-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.15);
}

/* Sponsored Book Image */
.sponsored-book-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.sponsored-book-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sponsored-book-card:hover .sponsored-book-image img {
    transform: scale(1.05);
}

.sponsored-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(102, 126, 234, 0.8), rgba(118, 75, 162, 0.8));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sponsored-book-card:hover .sponsored-overlay {
    opacity: 1;
}

.sponsored-tag {
    background: rgba(255, 255, 255, 0.95);
    color: #667eea;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Sponsored Book Content */
.sponsored-book-content {
    padding: 20px;
}

.sponsored-book-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 0 0 12px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sponsored-book-meta {
    margin-bottom: 15px;
}

.sponsored-book-meta .category {
    display: inline-block;
    background: #f0f0f0;
    color: #666;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

/* Sponsored Book Actions */
.sponsored-book-actions {
    text-align: center;
}

.sponsored-btn {
    display: inline-block;
    background-color: #00629B;
    border: 2px solid #00629B;
    color: white;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 98, 155, 0.3);
    cursor: pointer;
}

.sponsored-btn:hover {
    background-color: #004d7a;
    border-color: #004d7a;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 98, 155, 0.3);
    text-decoration: none;
}

/* Sparkle Animation */
@keyframes sparkle {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; }
    50% { transform: scale(1.2) rotate(180deg); opacity: 0.8; }
}

/* Responsive Design for Sponsored Section */
@media (max-width: 768px) {
    .sponsored-books-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 15px;
    }

    .sponsored-title {
        font-size: 24px;
    }

    .sponsored-book-image {
        height: 180px;
    }
}

@media (max-width: 480px) {
    .sponsored-books-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .sponsored-title {
        font-size: 20px;
    }

    .sponsored-book-card {
        margin: 0 10px;
    }
}

/* Benzer Kitaplar Grid Layout - 4 columns in 1 row */
.benzer-kitaplar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 30px auto;
    max-width: 1200px;
    padding: 0 15px;
}

.benzer-kitap-item {
    width: 100%;
}

/* Responsive design for benzer kitaplar */
@media (max-width: 992px) {
    .benzer-kitaplar-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        margin: 20px auto;
    }
}

@media (max-width: 768px) {
    .benzer-kitaplar-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin: 15px auto;
        padding: 0 10px;
    }

    .benzer-kitap-item .product-card {
        margin-bottom: 10px;
    }

    .benzer-kitap-item .card-image img {
        max-width: 180px !important;
        min-width: 180px !important;
        height: auto;
    }
}

@media (max-width: 480px) {
    .benzer-kitaplar-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        margin: 10px auto;
        padding: 0 5px;
    }

    .benzer-kitap-item .product-card {
        margin-bottom: 8px;
    }

    .benzer-kitap-item .card-image img {
        max-width: 160px !important;
        min-width: 160px !important;
        height: auto;
    }

    .benzer-kitap-item .product-header h3 {
        font-size: 14px;
    }

    .benzer-kitap-item .download-button {
        padding: 6px 12px;
        font-size: 12px;
        margin: 2px;
    }
}

/* Ensure proper spacing for all sections */
main#primary section .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Minimize spacing for the website SEO text section */
main#primary section.section-padding:last-child {
    padding: 10px 0 !important;
    margin: 10px 0 !important;
}

main#primary section.section-padding:last-child .container {
    padding: 0 15px;
}

.website-seo-text {
    margin: 10px 0;
    padding: 15px 0;
    line-height: 1.6;
    font-size: 14px;
    color: var(--text-color, #333);
}

/* Ensure proper centering for all sections */
.container .product-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.container .product-slider .slick-track {
    margin: 0 auto;
    width: 100%;
}

/* Responsive adjustments for book covers */
@media (max-width: 768px) {
    .product-card .card-image {
        width: 180px !important;
        height: 280px !important;
    }

    .product-card {
        width: 180px;
    }

    .grid-fly {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 15px;
    }

    .product-slider.multiple-row .slick-slide,
    .product-slider:not(.multiple-row) .slick-slide,
    .product-slider.grid-fly .single-slide {
        width: 180px !important;
    }
}

@media (max-width: 480px) {
    .product-card .card-image {
        width: 160px !important;
        height: 250px !important;
    }

    .product-card {
        width: 160px;
    }

    .grid-fly {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 10px;
    }

    .product-slider.multiple-row .slick-slide,
    .product-slider:not(.multiple-row) .slick-slide,
    .product-slider.grid-fly .single-slide {
        width: 160px !important;
    }
}

/* Center the En Popüler Kitaplar section specifically */
#books-where-to-dump {
    margin: 0 auto;
    text-align: center;
}

#books-where-to-dump .slick-track {
    margin: 0 auto;
}

/* Ensure the tab navigation is centered */
.nav-tabs {
    justify-content: center;
    margin-bottom: 30px;
}

.nav-tabs .nav-item {
    margin: 0 10px;
}

/* Center the section titles */
.section-title,
.section-title--bordered {
    text-align: center;
    margin-bottom: 30px;
}

.section-title h2,
.section-title--bordered h2 {
    margin: 0 auto;
    display: inline-block;
}

/* Center section titles */
.section-title,
.section-title--bordered,
.home-sidebar-title {
    text-align: center;
}

.home-sidebar-title {
    margin-bottom: 10px;
}

/* Center the Tüm Kitapları İncele button */
.mt-4.download-button {
    display: block;
    margin: 10px auto;
    width: fit-content;
}

/* Additional centering for all sections */
.container .product-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.product-slider .slick-track {
    margin: 0 auto;
}

/* Fix for grid layout centering */
.grid-fly {
    justify-items: center;
    align-items: center;
    margin: 10px auto;
}

/* Bilim & Mühendislik section width limit for desktop */
.col-lg-8,
.col-lg-8 .home-right-block,
.col-lg-8 .single-block.bg-white {
    max-width: 1800px !important;
    margin: 10px auto !important;
    width: 800px !important;
}

/* Mobile toggle menu - slide from left */
@media (max-width: 768px) {
    .category-nav {
        position: relative !important;
        z-index: 10001 !important;
    }

    .category-menu {
        position: fixed !important;
        top: 0 !important;
        left: -280px !important; /* Hidden by default */
        width: 280px !important;
        height: 100vh !important;
        background: #fff !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: 2px 0 8px rgba(0,0,0,0.15) !important;
        z-index: 10002 !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        transition: left 0.3s ease !important;
        padding: 20px 0 !important;
        margin: 0 !important;
    }

    /* Show menu when active */
    .category-nav.active .category-menu,
    .category-nav .category-menu.show,
    .category-nav .category-menu[style*="display: block"],
    .category-nav .category-menu[style*="display:block"] {
        left: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .category-nav .category-menu li {
        border-bottom: 1px solid #eee;
        margin: 0;
    }

    .category-nav .category-menu li:last-child {
        border-bottom: none;
    }

    .category-nav .category-menu a {
        display: block;
        padding: 15px 20px;
        color: #333;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.2s ease;
    }

    .category-nav .category-menu a:hover {
        background: #f8f9fa;
        color: #007bff;
        padding-left: 25px;
    }

    /* Overlay background when menu is open */
    .category-nav.active::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 10001;
        transition: opacity 0.3s ease;
    }

    /* Close button styling for mobile menu */
    .category-nav .category-menu .category-close-btn {
        position: relative;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
    }

    .category-nav .category-menu .btn-close-category {
        position: absolute;
        top: 15px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10003;
        transition: all 0.3s ease;
    }

    .category-nav .category-menu .btn-close-category:hover {
        background: #e9ecef;
        border-color: #adb5bd;
    }

    .category-nav .category-menu .btn-close-category i {
        font-size: 16px;
        color: #666;
    }

    .category-nav .category-menu .btn-close-category:hover i {
        color: #333;
    }

    /* Prevent body scroll when menu is open */
    body.menu-open {
        overflow: hidden;
    }

    /* Ensure main content doesn't interfere */
    main#primary,
    .site-main {
        position: relative;
        z-index: 1;
    }
}

/* Desktop dropdown (unchanged) */
@media (min-width: 769px) {
    .category-nav {
        position: relative;
        z-index: 1000;
    }

    .category-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 1001;
        max-height: 300px;
        overflow-y: auto;
        display: none;
        width: 100%;
        margin-top: 5px;
    }

    .category-nav .category-menu li {
        border-bottom: 1px solid #eee;
    }

    .category-nav .category-menu li:last-child {
        border-bottom: none;
    }

    .category-nav .category-menu a {
        display: block;
        padding: 12px 15px;
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }

    .category-nav .category-menu a:hover {
        background: #f8f9fa;
        color: #007bff;
    }
}

/* Mobile responsive styles for Bilim & Mühendislik section */
@media (max-width: 768px) {
    .col-lg-8,
    .col-lg-8 .home-right-block,
    .col-lg-8 .single-block.bg-white {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
        padding: 0 10px !important;
    }

    .col-lg-8 .grid-fly {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 10px !important;
    }

    .col-lg-8 .single-slide {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-lg-8 .product-card {
        width: 100% !important;
        margin: 10px 0 !important;
    }
}

@media (max-width: 480px) {
    .col-lg-8,
    .col-lg-8 .home-right-block,
    .col-lg-8 .single-block.bg-white {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px 0 !important;
        padding: 0 5px !important;
    }

    .col-lg-8 .grid-fly {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 5px !important;
    }

    .col-lg-8 .product-card .card-image {
        width: 100% !important;
        height: auto !important;
    }

    .col-lg-8 .product-card .card-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
}

/* Ensure proper spacing between sections */
.section-margin,
.section-padding {
    clear: both;
    margin: 10px 0;
    padding: 10px 0;
}

/* Center the section titles properly */
.sb-custom-tab .section-title h2,
.section-title--bordered h2 {
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}

/* Remove the En Popüler Kitaplar pseudo-element that might be causing confusion */
.sb-custom-tab::before {
    display: none !important;
}

/* Fix spacing for the Tüm Kitaplar button */
.download-button.mt-4 {
    text-align: center;
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.download-button.mt-4:hover {
    background-color: var(--primary-color, #28a745);
    color: white;
    border-color: var(--primary-color, #28a745);
    text-decoration: none;
}

/* Enhanced Slider Navigation */
.product-slider .slick-arrow {
    width: 50px !important;
    height: 50px !important;
    background: var(--primary-color, #28a745) !important;
    border-radius: 50% !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px !important;
    z-index: 10;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

.product-slider .slick-arrow:hover {
    background: var(--secondary-color, #20c997) !important;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
}

.product-slider .slick-prev {
    left: -25px !important;
}

.product-slider .slick-next {
    right: -25px !important;
}

/* Better Responsive Design */
@media (max-width: 768px) {
    .sb-custom-tab .nav-tabs {
        flex-direction: column;
        padding: 4px;
    }

    .sb-custom-tab .nav-item {
        margin: 2px 0;
        max-width: none;
    }

    .sb-custom-tab .nav-link {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    .product-slider .slick-arrow {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }

    .product-slider .slick-prev {
        left: -20px !important;
    }

    .product-slider .slick-next {
        right: -20px !important;
    }
}

/* Slick Slider Dots Fix */
.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0 !important;
    clear: both !important;
    position: relative;
    z-index: 10;
    width: 100%;
    float: none;
}

/* Ensure dots appear below slider content */
.slick-slider .slick-dots {
    margin-top: 30px !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
}

/* Fix slider container to ensure dots appear below */
.product-slider .slick-list {
    clear: both;
    overflow: visible;
}

/* Ensure slider arrows are properly positioned */
.product-slider .slick-arrow {
    z-index: 20;
}

/* Fix for similar books section specifically */
.slider-border-single-row .slick-dots {
    margin-top: 40px !important;
    clear: both !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Comment form styling */
#comment {
    border: 2px solid #00629B !important;
    border-radius: 6px !important;
    padding: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    width: 100% !important;
    min-height: 120px !important;
    background-color: #fff !important;
    color: #333 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#comment:focus {
    border-color: #004d7a !important;
    box-shadow: 0 0 0 3px rgba(0, 98, 155, 0.1) !important;
    outline: none !important;
}

/* Cloudflare Turnstile styling */
.cf-turnstile {
    margin: 15px 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 65px !important;
    position: relative !important;
    z-index: 1 !important;
}

.cf-turnstile iframe {
    border-radius: 6px !important;
    border: 1px solid #dee2e6 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Turnstile loading state */
.cf-turnstile div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 65px !important;
}

/* Turnstile template styling */
.cf-turnstile template {
    display: block !important;
}

/* Ensure Turnstile doesn't interfere with page loading */
.cf-turnstile-comments {
    position: relative !important;
    z-index: 1 !important;
}

/* Add loading indicator for Turnstile */
.cf-turnstile::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #00629B;
    border-radius: 50%;
    animation: turnstile-spin 1s linear infinite;
    opacity: 0;
    z-index: 2;
}

.cf-turnstile.loading::before {
    opacity: 1;
}

@keyframes turnstile-spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Turnstile fallback styling */
.cf-turnstile:empty::after {
    content: "Güvenlik doğrulaması yükleniyor...";
    display: block;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #f8f9fa;
}

/* Ensure Turnstile doesn't break layout */
.cf-turnstile-comments {
    margin: 15px 0;
    min-height: 65px;
    position: relative;
}

/* Hide loading spinner by default */
.cf-turnstile::before {
    display: none;
}

/* Show loading spinner when needed */
.cf-turnstile.loading::before {
    display: block;
}

/* Submit button feedback and centering */
.submit-comment-single {
    position: relative;
    transition: all 0.3s ease;
}

.submit-comment-single:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Center the submit button */
.form-submit {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

.cf-turnstile-comment {
    display: block !important;
    text-align: center !important;
    margin: 20px 0 !important;
}

/* Enable submit button when Turnstile is ready */
.cf-turnstile.ready ~ .cf-turnstile-comment {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.cf-turnstile.ready ~ .cf-turnstile-comment .submit-comment-single {
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Force enable submit button - override all inline styles */
.cf-turnstile.ready + br + .cf-turnstile-comment,
.cf-turnstile.ready ~ .cf-turnstile-comment {
    pointer-events: auto !important;
    opacity: 1 !important;
    -webkit-pointer-events: auto !important;
    -moz-pointer-events: auto !important;
}

.cf-turnstile.ready ~ .cf-turnstile-comment .submit-comment-single,
.cf-turnstile.ready + br + .cf-turnstile-comment .submit-comment-single {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
    -webkit-pointer-events: auto !important;
    -moz-pointer-events: auto !important;
}

/* Additional override for Turnstile comment span */
span.cf-turnstile-comment[style*="pointer-events: none"] {
    pointer-events: auto !important;
    opacity: 1 !important;
}

span.cf-turnstile-comment[style*="opacity: 0.5"] {
    opacity: 1 !important;
}

/* Hide Cloudflare Turnstile line break */
br.cf-turnstile-br,
br.cf-turnstile-br-comments {
    display: none !important;
}

/* Ensure submit button is properly enabled when ready */
.submit-comment-single.enabled {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.submit-comment-single.disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Force enable when Turnstile is verified */
.cf-turnstile.ready .submit-comment-single,
.cf-turnstile.ready ~ .cf-turnstile-comment .submit-comment-single {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

/* Make download buttons #00629B with white border - high specificity */
.btn.btn-outline-secondary.download-button,
.download-button.btn.btn-outline-secondary,
button.download-button,
.download-button {
    background-color: #00629B !important;
    border: 2px solid #ffffff !important;
    color: white !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
}

.btn.btn-outline-secondary.download-button:hover,
.download-button.btn.btn-outline-secondary:hover,
button.download-button:hover,
.download-button:hover {
    background-color: #004d7a !important;
    border: 2px solid #ffffff !important;
    color: white !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 98, 155, 0.3);
}

.btn.btn-outline-secondary.download-button:focus,
.download-button.btn.btn-outline-secondary:focus,
button.download-button:focus,
.download-button:focus {
    background-color: #004d7a !important;
    border: 2px solid #ffffff !important;
    color: white !important;
    box-shadow: 0 0 0 3px rgba(0, 98, 155, 0.25);
    outline: none !important;
}

/* Override Bootstrap btn-outline-secondary for download buttons */
.btn-outline-secondary.download-button {
    background-color: #00629B !important;
    border-color: #00629B !important;
    color: white !important;
}

/* Success indicator for Turnstile */
.cf-turnstile.ready {
    border-color: #28a745 !important;
    background-color: rgba(40, 167, 69, 0.1) !important;
    position: relative;
}

.cf-turnstile.ready::after {
    content: "✓";
    position: absolute;
    top: -8px;
    right: -8px;
    background: #28a745;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    z-index: 10;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Comment form container */
.comment-respond {
    margin-top: 30px !important;
    padding: 20px !important;
    background: #f8f9fa !important;
    border-radius: 8px !important;
    border: 1px solid #dee2e6 !important;
}

/* Comment form labels */
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Comment form input fields */
.comment-form-author input,
.comment-form-email input,
.comment-form-comment textarea {
    border: 2px solid #00629B !important;
    border-radius: 6px !important;
    padding: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    width: 100% !important;
    background-color: #fff !important;
    color: #333 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: border-color 0.3s ease !important;
}

.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-comment textarea:focus {
    border-color: #004d7a !important;
    box-shadow: 0 0 0 3px rgba(0, 98, 155, 0.1) !important;
    outline: none !important;
}

/* Specific styling for author and email inputs */
#author,
#email {
    border: 2px solid #00629B !important;
    border-radius: 6px !important;
    padding: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    width: 100% !important;
    background-color: #fff !important;
    color: #333 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: border-color 0.3s ease !important;
}

#author:focus,
#email:focus {
    border-color: #004d7a !important;
    box-shadow: 0 0 0 3px rgba(0, 98, 155, 0.1) !important;
    outline: none !important;
}

/* Center comment author section */
.comment-author {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.comment-author .avatar {
    margin-bottom: 10px !important;
}

.comment-author .fn {
    font-weight: 600 !important;
    color: #333 !important;
}

.comment-author .says {
    color: #666 !important;
    font-style: italic !important;
}

.slick-dots li {
    margin: 0 5px;
    width: 12px !important;
    height: 12px !important;
}

.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #ddd !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    font-size: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button {
    background: var(--primary-color, #28a745) !important;
}

.slick-dots li button:focus {
    outline: none !important;
    background: var(--primary-color, #28a745) !important;
}

/* Comments Section Styling */
.comments-area {
    padding: 30px;
    background: var(--background-color, #f8f9fa);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.comments-area .section-title {
    margin-bottom: 30px;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-left: 4px solid var(--primary-color, #007bff);
}

.comment .comment-author {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment .comment-author img.avatar {
    border-radius: 50%;
    margin-right: 15px;
    width: 50px;
    height: 50px;
}

.comment .comment-author .fn {
    font-weight: 600;
    color: var(--text-color, #333);
    margin-right: 10px;
}

.comment .comment-meta {
    color: var(--secondary-text-color, #666);
    font-size: 0.9rem;
}

.comment .comment-content {
    margin-top: 15px;
    line-height: 1.6;
    color: var(--text-color, #333);
}

.comment .comment-content p {
    margin-bottom: 10px;
}

.comment .reply {
    margin-top: 15px;
}

.comment .reply a {
    color: var(--primary-color, #007bff);
    text-decoration: none;
    font-weight: 500;
}


/* Comment Form Styling */
.comment-respond {
    background: white;
    border-radius: 8px;
    padding: 30px;
    margin-top: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.comment-respond .comment-reply-title {
    color: var(--text-color, #333);
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: 600;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
    font-weight: 500;
    color: var(--text-color, #333);
    margin-bottom: 5px;
    display: block;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus {
    outline: none;
    border-color: var(--primary-color, #007bff);
    box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
}

.comment-form-comment textarea {
    min-height: 120px;
    resize: vertical;
}

.form-submit {
    margin-top: 20px;
    text-align: left;
}

.form-submit .submit {
    background: var(--button-color, #007bff);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
}


.required {
    color: #dc3545;
}

/* Nested Comments */
.children {
    margin-left: 30px;
    border-left: 2px solid #e9ecef;
    padding-left: 20px;
}

.children .comment {
    margin-bottom: 15px;
}

/* No Comments Message */
.no-comments {
    text-align: center;
    padding: 40px;
    color: var(--secondary-text-color, #666);
}

.no-comments p {
    font-size: 1.1rem;
    margin-bottom: 0;
}

/* Footer centering on mobile */
@media (max-width: 768px) {
    .site-footer .container .row {
        justify-content: center !important;
        text-align: center;
    }

    .site-footer .single-footer {
        text-align: center;
        margin-bottom: 20px;
    }

    .site-footer .single-footer.pb--40 {
        padding-bottom: 20px !important;
    }

    /* Center footer columns */
    .site-footer .col-xl-3,
    .site-footer .col-lg-2,
    .site-footer .col-sm-6 {
        text-align: center !important;
        margin: 0 auto !important;
        float: none !important;
        display: block !important;
    }

    /* Center footer titles */
    .site-footer .footer-title {
        text-align: center !important;
    }

    .site-footer .footer-title h3 {
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* Center footer lists */
    .site-footer .footer-list {
        text-align: center !important;
        display: inline-block !important;
        margin: 0 auto !important;
    }

    .site-footer .footer-list li {
        text-align: center !important;
        display: block !important;
        margin: 5px 0 !important;
    }

    .site-footer .footer-list li a {
        text-align: center !important;
        display: inline-block !important;
        width: auto !important;
        margin: 0 auto !important;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .comments-area {
        padding: 20px;
        margin-top: 20px;
    }

    .comment {
        padding: 15px;
    }

    .comment .comment-author {
        flex-direction: column;
        align-items: flex-start;
    }

    .comment .comment-author img.avatar {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .comment-respond {
        padding: 20px;
    }

    .children {
        margin-left: 15px;
        padding-left: 10px;
    }
}


/* Margin bottom utility class */
.mb--60 {
	margin-bottom: 5px !important;
}

/* Download button text color - white */
.download-button,
.btn-outline-secondary.download-button,
.download-single {
	color: white !important;
}

.download-button:hover,
.btn-outline-secondary.download-button:hover,
.download-single:hover {
	color: white !important;
}

/* Specific button IDs */
#satin-al-button,
#indir-button {
	color: white !important;
}

#satin-al-button:hover,
#indir-button:hover {
	color: white !important;
}

/* PDF button blue background */
.download-button[value="pdf"],
.download-button:contains("pdf"),
button.download-button:first-child,
.btn-outline-secondary.download-button:first-child {
	background-color: #007bff !important;
	border-color: #007bff !important;
	color: white !important;
}

.download-button[value="pdf"]:hover,
.download-button:contains("pdf"):hover,
button.download-button:first-child:hover,
.btn-outline-secondary.download-button:first-child:hover {
	background-color: #0056b3 !important;
	border-color: #0056b3 !important;
	color: white !important;
}

/* Remove underlines from all links */
a {
	text-decoration: none !important;
}
/* Remove underlines from links in product headers */
.product-header a {
    text-decoration: none;
}

/* Prevent horizontal scroll */
html, body {
    overflow-x: hidden;
}

/* ===== MODERN VE KULLANICI DOSTU TASARIM ===== */

/* Temel düzen - temiz ve modern */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.5;
    color: var(--text-color, #333);
    background: var(--background-color, #f8f9fa);
    margin: 0;
    padding: 0;
}

/* Sayfa genelinde uygun boşluk */
main#primary {
    padding: 10px 0;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Bölüm aralıkları - dengeli */
.section-margin {
    margin: 10px 0;
    padding: 10px 0;
}

.section-padding {
    padding: 10px 0;
    margin: 10px 0;
}

/* Kitap kartları - modern ve temiz */
.product-card {
    background: #fff;
    border: 2px solid var(--border-secondary-color, #e9ecef);
    border-radius: 12px;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* For sliders, let Slick control the width */
.product-slider .product-card {
    width: auto !important;
    max-width: 300px;
}

.product-slider .product-card .card-image {
    width: 100% !important;
    max-width: 250px;
    margin: 0 auto;
}

.product-card:hover {
    border-color: var(--primary-color, #007bff);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Kitap görseli - tam görünürlük için genişletilmiş */
.product-card .card-image {
    text-align: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.product-card .card-image img {
    width: 100%;
    height: auto;
    max-width: 220px;
    min-width: 220px;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    object-fit: contain;
}

/* Kitap başlığı - okunabilir */
.product-header {
    padding: 10px;
    text-align: center;
    background: #fff;
}

.product-header .author {
    background: var(--primary-color, #007bff);
    color: white;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-header h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color, #333);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-header h3 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-header h3 a:hover {
    color: var(--primary-color, #007bff);
}

/* İndirme butonları - modern tasarım */
.download-section {
    padding: 10px;
    text-align: center;
    background: linear-gradient(135deg, var(--primary-color, #007bff) 0%, var(--secondary-color, #0056b3) 100%);
    border-top: 1px solid var(--border-secondary-color, #e9ecef);
    border-radius: 0 0 12px 12px;
}

.download-button {
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary-color, #007bff);
    border: 2px solid rgba(255, 255, 255, 0.9);
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    margin: 6px;
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.download-button:hover {
    background: white;
    border-color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    color: var(--secondary-color, #0056b3);
}

/* Bölüm başlıkları - modern */
.section-title--bordered h2 {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-color, #333);
    text-align: center;
    margin: 10px 0 10px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-title--bordered h2::after {
    content: '';
    display: block;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color, #007bff) 0%, var(--secondary-color, #0056b3) 100%);
    margin: 15px auto 0;
    border-radius: 2px;
}

/* Grid düzeni - modern ve geniş */
.grid-fly {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 10px;
    max-width: 1800px;
    margin: 0 auto;
    justify-items: center;
}

/* Slider - modern tasarım */
.product-slider .slick-arrow {
    width: 50px !important;
    height: 50px !important;
    background: var(--primary-color, #007bff) !important;
    border: 3px solid #fff !important;
    color: #fff !important;
    font-size: 18px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    z-index: 10;
}

.product-slider .slick-arrow:hover {
    background: var(--secondary-color, #0056b3) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
}

.product-slider .slick-prev {
    left: -25px !important;
}

.product-slider .slick-next {
    right: -25px !important;
}

/* Slider noktaları - modern */
.slick-dots {
    display: flex !important;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.slick-dots li {
    margin: 0 6px;
}

.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--border-secondary-color, #dee2e6) !important;
    border: 2px solid #fff !important;
    cursor: pointer !important;
    font-size: 0 !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

.slick-dots li.slick-active button {
    background: var(--primary-color, #007bff) !important;
    transform: scale(1.3) !important;
    box-shadow: 0 4px 12px rgba(0,123,255,0.4) !important;
}

/* Kenar çubuğu - modern */
.bg-gray {
    background: linear-gradient(135deg, var(--secondary-bg-light-color, #f8f9fa) 0%, #e9ecef 100%);
    margin: 10px 0;
    padding: 10px 0;
    border-radius: 15px;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.05);
}

.single-side {
    background: #fff;
    padding: 10px;
    border: 2px solid var(--border-secondary-color, #e9ecef);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.single-side:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.home-sidebar-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color, #333);
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.home-sidebar-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--primary-color, #007bff);
    margin: 10px auto 0;
    border-radius: 2px;
}

/* Özel kartlar - modern */
.special-card {
    border: 2px solid var(--border-secondary-color, #e9ecef);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.special-card:hover {
    border-color: var(--primary-color, #007bff);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}

/* SEO metni - modern */
.website-seo-text {
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    border: 2px solid var(--border-secondary-color, #e9ecef);
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-color, #555);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Ana buton - modern */
.download-button.mt-4 {
    background: linear-gradient(135deg, var(--primary-color, #007bff) 0%, var(--secondary-color, #0056b3) 100%);
    color: white;
    border: 2px solid var(--primary-color, #007bff);
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 10px auto;
    width: fit-content;
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(0,123,255,0.3);
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.download-button.mt-4:hover {
    background: linear-gradient(135deg, var(--secondary-color, #0056b3) 0%, var(--primary-color, #007bff) 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,123,255,0.4);
    text-decoration: none;
}

/* Tab navigasyonu - modern */
.nav-tabs {
    display: flex !important;
    justify-content: center;
    background: linear-gradient(135deg, #fff 0%, var(--secondary-bg-light-color, #f8f9fa) 100%);
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-bottom: 10px;
}

.nav-tabs .nav-item {
    margin: 0 8px;
}

.nav-tabs .nav-link {
    border: 2px solid transparent;
    background: transparent;
    color: var(--text-color, #666);
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-tabs .nav-link:hover {
    background: rgba(0,123,255,0.1);
    color: var(--primary-color, #007bff);
    border-color: var(--primary-color, #007bff);
}

.nav-tabs .nav-link.active {
    background: var(--primary-color, #007bff);
    color: white;
    border-color: var(--primary-color, #007bff);
    box-shadow: 0 4px 15px rgba(0,123,255,0.3);
}

/* Sayfa genelinde çok az boşluk */
* {
    box-sizing: border-box;
}

section {
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
}

/* Mobil - modern ve kullanıcı dostu */
@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }

    main#primary {
        padding: 10px 0;
    }

    .section-margin,
    .section-padding,
    .bg-gray {
        margin: 10px 0;
        padding: 10px 0;
    }

    .product-card {
        margin: 10px 0;
    }

    .product-card .card-image {
        padding: 10px;
    }

    .product-card .card-image img {
        max-width: 240px;
        min-width: 240px;
    }

    .grid-fly {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 10px !important;
        justify-items: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .grid-fly .single-slide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .product-slider .slick-arrow {
        width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
    }

    .product-slider .slick-prev {
        left: -20px !important;
    }

    .product-slider .slick-next {
        right: -20px !important;
    }

    .section-title--bordered h2 {
        font-size: 24px;
        margin: 10px 0 10px;
    }

    .home-sidebar-title {
        font-size: 18px;
    }

    .download-button.mt-4 {
        padding: 10px 10px;
        font-size: 14px;
    }

    .website-seo-text {
        padding: 10px;
        font-size: 14px;
    }

    .single-side {
        padding: 10px;
    }

    .product-header {
        padding: 10px;
    }

    .download-section {
        padding: 10px;
    }

    /* Fix slider on mobile with proper button positioning */
    .product-slider .slick-slide {
        margin: 0 5px !important;
    }

    .product-slider .slick-list {
        padding: 0 !important;
    }

    /* Ensure slider content fits properly */
    .product-slider .slick-track {
        display: flex !important;
        align-items: center !important;
    }

    .product-slider .single-slide {
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    /* Fix for multiple row sliders on mobile */
    .product-slider.multiple-row .slick-slide {
        width: 100% !important;
        margin: 0 auto 10px auto !important;
        text-align: center !important;
    }

    .product-slider.multiple-row .slick-slide:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* Hide slider navigation buttons on mobile */
    .product-slider .slick-arrow {
        display: none !important;
    }

    /* Remove padding for slider since buttons are hidden */
    .product-slider {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 8px;
    }

    .product-card {
        width: 100% !important;
        max-width: 280px !important;
        margin: 8px auto !important;
    }

    .product-card .card-image img {
        max-width: 250px !important;
        min-width: 250px !important;
    }

    .grid-fly {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
        justify-items: center !important;
    }

    .grid-fly .single-slide {
        width: 100% !important;
        max-width: 280px !important;
    }

    .product-header {
        padding: 10px;
    }

    .download-section {
        padding: 10px;
    }

    .download-button {
        padding: 10px 10px;
        font-size: 13px;
        margin: 4px;
    }

    .section-title--bordered h2 {
        font-size: 20px;
    }

    .home-sidebar-title {
        font-size: 16px;
    }

    .single-side {
        padding: 10px;
    }

    .website-seo-text {
        padding: 10px;
        font-size: 13px;
    }

    .download-button.mt-4 {
        padding: 10px 10px;
        font-size: 13px;
    }

    /* Force single column layout for all screen sizes below 768px with centering */
    .col-lg-3.col-md-4.col-sm-6.col-6 {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 auto 15px auto !important;
        display: block !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Override any conflicting Bootstrap rules with centering */
    .col-6 {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 auto 15px auto !important;
        display: block !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Ensure proper row behavior for single column with centering */
    .shop-product-wrap .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* Force block layout for shop product wrap with centering */
    .shop-product-wrap.grid.with-pagination.row.space-db--30.shop-border {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        text-align: center !important;
    }

    /* Additional override for any remaining layout issues with centering */
    .shop-product-wrap.grid {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        text-align: center !important;
    }

    /* Ensure all book card containers use single column layout with centering */
    .shop-product-wrap.row {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        text-align: center !important;
    }

    /* Final override for any stubborn layouts with centering */
    .shop-product-wrap.grid.with-pagination.row.space-db--30.shop-border,
    .shop-product-wrap.grid.row,
    .shop-product-wrap.row.grid {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* Force all child elements to fit single column layout with centering */
    .shop-product-wrap.grid .col-lg-3.col-md-4.col-sm-6.col-6,
    .shop-product-wrap.row .col-lg-3.col-md-4.col-sm-6.col-6 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 auto 15px auto !important;
        padding: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Ensure grid layout is single column with centering */
    .grid-fly {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 10px !important;
        justify-items: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .grid-fly .single-slide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
}

/* Pagination buttons styling */
.pagination-block .pagination-btns .single-btn {
    background-color: #00629B !important;
    color: white !important;
    border: 2px solid #ffffff !important;
    padding: 8px 12px !important;
    margin: 0 2px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.pagination-block .pagination-btns .single-btn:hover {
    background-color: #004d7a !important;
    border-color: #ffffff !important;
    color: white !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 98, 155, 0.3);
}

.pagination-block .pagination-btns li.active .single-btn {
    background-color: #004d7a !important;
    border-color: #ffffff !important;
    color: white !important;
    font-weight: bold !important;
}

/* Hide slider navigation arrows and dots on mobile */
@media (max-width: 768px) {
    .slick-arrow,
    .product-slider .slick-arrow,
    .slick-prev,
    .slick-next,
    .slick-dots,
    .product-slider .slick-dots,
    ul.slick-dots {
        display: none !important;
    }
}

/* COMPREHENSIVE MOBILE FIXES - SINGLE COLUMN LAYOUT (1 BOOK PER ROW) */
@media (max-width: 768px) {
    /* Force single column grid layout with proper centering */
    .grid-fly {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 10px !important;
        justify-items: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .grid-fly .single-slide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        text-align: center !important;
    }

    /* Force Bootstrap grid to single column (full width) with centering */
    .col-lg-3.col-md-4.col-sm-6.col-6 {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 auto 15px auto !important;
        display: block !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Product card fixes for full width with proper centering */
    .product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px auto !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .product-card .card-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .product-card .card-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .product-card .product-card--body {
        padding: 15px !important;
        min-width: auto !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Container and row fixes for single column with centering */
    .shop-product-wrap .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    .shop-product-wrap.grid.with-pagination.row.space-db--30.shop-border {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        text-align: center !important;
    }

    /* Ensure no overflow and proper centering */
    .container {
        overflow-x: hidden !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center !important;
    }

    /* Fix any potential layout issues with centering */
    .shop-product-wrap {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* Apply single column centering to countdown slider */
    .product-slider.countdown-single .single-slide,
    .product-slider.with-countdown .single-slide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: block !important;
    }

    .product-slider.countdown-single .product-card,
    .product-slider.with-countdown .product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: block !important;
    }

    .product-slider.countdown-single .card-image,
    .product-slider.with-countdown .card-image {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .product-slider.countdown-single .card-image img,
    .product-slider.with-countdown .card-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Apply single column layout to sb-slick-slider */
    .product-slider.sb-slick-slider .single-slide,
    .sb-slick-slider .single-slide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: block !important;
    }

    .product-slider.sb-slick-slider .product-card,
    .sb-slick-slider .product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: block !important;
    }

    .product-slider.sb-slick-slider .card-image,
    .sb-slick-slider .card-image {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .product-slider.sb-slick-slider .card-image img,
    .sb-slick-slider .card-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Force single slide display for sb-slick-slider on mobile */
    .product-slider.sb-slick-slider.slick-initialized .slick-track,
    .sb-slick-slider.slick-initialized .slick-track {
        display: block !important;
    }

    .product-slider.sb-slick-slider .slick-slide,
    .sb-slick-slider .slick-slide {
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    /* Hide slider navigation buttons on mobile */
    .product-slider .slick-arrow {
        display: none !important;
    }

    /* Remove padding for slider since buttons are hidden */
    .product-slider {
        padding-bottom: 0 !important;
    }
}